:root{--syte-okd-button-primary-normal-default-background:var(--syte-okd-color-blue-700);--syte-okd-button-primary-normal-hover-background:var(--syte-okd-color-blue-500);--syte-okd-button-primary-normal-active-background:var(--syte-okd-color-blue-800);--syte-okd-button-primary-normal-focus-background:var(--syte-okd-color-blue-700);--syte-okd-button-primary-normal-disabled-background:var(--syte-okd-color-gray-100);--syte-okd-button-primary-normal-default-border-color:var(--syte-okd-color-blue-700);--syte-okd-button-primary-normal-hover-border-color:var(--syte-okd-color-blue-500);--syte-okd-button-primary-normal-active-border-color:var(--syte-okd-color-blue-800);--syte-okd-button-primary-normal-focus-border-color:var(--syte-okd-color-blue-700);--syte-okd-button-primary-normal-disabled-border-color:var(--syte-okd-color-gray-100);--syte-okd-button-primary-normal-default-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-hover-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-disabled-font-color:var(--syte-okd-color-gray-300);--syte-okd-button-primary-normal-default-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-hover-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-disabled-icon-color:var(--syte-okd-color-gray-300);--syte-okd-button-primary-normal-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-normal-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-normal-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-normal-focus-shadow:var(--syte-okd-shadow-sm),0px 0px 0px 3px rgba(175,207,255,.45);--syte-okd-button-primary-normal-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-normal-loader-track-color:var(--syte-okd-color-blue-500);--syte-okd-button-primary-normal-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-primary-red-default-background:var(--syte-okd-color-red-700);--syte-okd-button-primary-red-hover-background:var(--syte-okd-color-red-500);--syte-okd-button-primary-red-active-background:var(--syte-okd-color-red-800);--syte-okd-button-primary-red-focus-background:var(--syte-okd-color-red-700);--syte-okd-button-primary-red-disabled-background:var(--syte-okd-color-gray-100);--syte-okd-button-primary-red-default-border-color:var(--syte-okd-color-red-700);--syte-okd-button-primary-red-hover-border-color:var(--syte-okd-color-red-500);--syte-okd-button-primary-red-active-border-color:var(--syte-okd-color-red-800);--syte-okd-button-primary-red-focus-border-color:var(--syte-okd-color-red-800);--syte-okd-button-primary-red-disabled-border-color:var(--syte-okd-color-gray-100);--syte-okd-button-primary-red-default-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-hover-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-disabled-font-color:var(--syte-okd-color-gray-300);--syte-okd-button-primary-red-default-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-hover-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-disabled-icon-color:var(--syte-okd-color-gray-300);--syte-okd-button-primary-red-default-shadow:var(--syte-okd-shadow-sm);--syte-okd-button-primary-red-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-red-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-red-focus-shadow:var(--syte-okd-shadow-sm),0px 0px 0px 3px rgba(247,150,176,.45);--syte-okd-button-primary-red-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-red-loader-track-color:var(--syte-okd-color-red-500);--syte-okd-button-primary-red-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-primary-green-default-background:var(--syte-okd-color-green-700);--syte-okd-button-primary-green-hover-background:var(--syte-okd-color-green-500);--syte-okd-button-primary-green-active-background:var(--syte-okd-color-green-800);--syte-okd-button-primary-green-focus-background:var(--syte-okd-color-green-700);--syte-okd-button-primary-green-disabled-background:var(--syte-okd-color-gray-100);--syte-okd-button-primary-green-default-border-color:var(--syte-okd-color-green-700);--syte-okd-button-primary-green-hover-border-color:var(--syte-okd-color-green-500);--syte-okd-button-primary-green-active-border-color:var(--syte-okd-color-green-800);--syte-okd-button-primary-green-focus-border-color:var(--syte-okd-color-green-700);--syte-okd-button-primary-green-disabled-border-color:var(--syte-okd-color-gray-100);--syte-okd-button-primary-green-default-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-hover-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-disabled-font-color:var(--syte-okd-color-gray-300);--syte-okd-button-primary-green-default-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-hover-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-disabled-icon-color:var(--syte-okd-color-gray-300);--syte-okd-button-primary-green-default-shadow:var(--syte-okd-shadow-sm);--syte-okd-button-primary-green-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-green-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-green-focus-shadow:var(--syte-okd-shadow-sm),0px 0px 0px 3px rgba(120,222,157,.45);--syte-okd-button-primary-green-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-green-loader-track-color:var(--syte-okd-color-green-500);--syte-okd-button-primary-green-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-secondary-normal-default-background:var(--syte-okd-color-blue-100);--syte-okd-button-secondary-normal-hover-background:var(--syte-okd-color-blue-050);--syte-okd-button-secondary-normal-active-background:var(--syte-okd-color-blue-200);--syte-okd-button-secondary-normal-focus-background:var(--syte-okd-color-blue-100);--syte-okd-button-secondary-normal-disabled-background:var(--syte-okd-color-gray-100);--syte-okd-button-secondary-normal-default-border-color:var(--syte-okd-color-blue-100);--syte-okd-button-secondary-normal-hover-border-color:var(--syte-okd-color-blue-050);--syte-okd-button-secondary-normal-active-border-color:var(--syte-okd-color-blue-200);--syte-okd-button-secondary-normal-focus-border-color:var(--syte-okd-color-blue-100);--syte-okd-button-secondary-normal-disabled-border-color:var(--syte-okd-color-gray-100);--syte-okd-button-secondary-normal-default-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-secondary-normal-hover-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-secondary-normal-active-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-secondary-normal-focus-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-secondary-normal-disabled-font-color:var(--syte-okd-color-gray-300);--syte-okd-button-secondary-normal-default-icon-color:var(--syte-okd-color-blue-700);--syte-okd-button-secondary-normal-hover-icon-color:var(--syte-okd-color-blue-700);--syte-okd-button-secondary-normal-active-icon-color:var(--syte-okd-color-blue-700);--syte-okd-button-secondary-normal-focus-icon-color:var(--syte-okd-color-blue-700);--syte-okd-button-secondary-normal-disabled-icon-color:var(--syte-okd-color-gray-300);--syte-okd-button-secondary-normal-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-normal-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-normal-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-normal-focus-shadow:0px 0px 0px 3px rgba(175,207,255,.45);--syte-okd-button-secondary-normal-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-normal-loader-track-color:var(--syte-okd-color-blue-050);--syte-okd-button-secondary-normal-loader-mark-color:var(--syte-okd-color-blue-700);--syte-okd-button-secondary-grey-default-background:var(--syte-okd-color-gray-100);--syte-okd-button-secondary-grey-hover-background:var(--syte-okd-color-gray-050);--syte-okd-button-secondary-grey-active-background:var(--syte-okd-color-gray-200);--syte-okd-button-secondary-grey-focus-background:var(--syte-okd-color-gray-100);--syte-okd-button-secondary-grey-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-secondary-grey-default-border-color:var(--syte-okd-color-gray-100);--syte-okd-button-secondary-grey-hover-border-color:var(--syte-okd-color-gray-050);--syte-okd-button-secondary-grey-active-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-secondary-grey-focus-border-color:var(--syte-okd-color-gray-100);--syte-okd-button-secondary-grey-disabled-border-color:var(--syte-okd-color-gray-050);--syte-okd-button-secondary-grey-default-font-color:var(--syte-okd-color-gray-700);--syte-okd-button-secondary-grey-hover-font-color:var(--syte-okd-color-gray-700);--syte-okd-button-secondary-grey-active-font-color:var(--syte-okd-color-gray-700);--syte-okd-button-secondary-grey-focus-font-color:var(--syte-okd-color-gray-700);--syte-okd-button-secondary-grey-disabled-font-color:var(--syte-okd-color-gray-300);--syte-okd-button-secondary-grey-default-icon-color:var(--syte-okd-color-gray-700);--syte-okd-button-secondary-grey-hover-icon-color:var(--syte-okd-color-gray-700);--syte-okd-button-secondary-grey-active-icon-color:var(--syte-okd-color-gray-700);--syte-okd-button-secondary-grey-focus-icon-color:var(--syte-okd-color-gray-700);--syte-okd-button-secondary-grey-disabled-icon-color:var(--syte-okd-color-gray-300);--syte-okd-button-secondary-grey-default-shadow:var(--syte-okd-shadow-sm);--syte-okd-button-secondary-grey-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-grey-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-grey-focus-shadow:var(--syte-okd-shadow-sm),0px 0px 0px 3px var(--syte-okd-color-gray-200);--syte-okd-button-secondary-grey-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-grey-loader-track-color:var(--syte-okd-color-gray-200);--syte-okd-button-secondary-grey-loader-mark-color:var(--syte-okd-color-gray-700);--syte-okd-button-basic-normal-default-background:#fff;--syte-okd-button-basic-normal-hover-background:#fff;--syte-okd-button-basic-normal-active-background:var(--syte-okd-color-gray-050);--syte-okd-button-basic-normal-focus-background:#fff;--syte-okd-button-basic-normal-disabled-background:#fff;--syte-okd-button-basic-normal-default-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-basic-normal-hover-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-basic-normal-active-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-basic-normal-focus-border-color:var(--syte-okd-color-blue-300);--syte-okd-button-basic-normal-disabled-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-basic-normal-default-font-color:var(--syte-okd-color-gray-700);--syte-okd-button-basic-normal-hover-font-color:var(--syte-okd-color-gray-400);--syte-okd-button-basic-normal-active-font-color:var(--syte-okd-color-gray-900);--syte-okd-button-basic-normal-focus-font-color:var(--syte-okd-color-gray-700);--syte-okd-button-basic-normal-disabled-font-color:var(--syte-okd-color-gray-300);--syte-okd-button-basic-normal-default-icon-color:var(--syte-okd-color-gray-700);--syte-okd-button-basic-normal-hover-icon-color:var(--syte-okd-color-gray-700);--syte-okd-button-basic-normal-active-icon-color:var(--syte-okd-color-gray-700);--syte-okd-button-basic-normal-focus-icon-color:var(--syte-okd-color-gray-700);--syte-okd-button-basic-normal-disabled-icon-color:var(--syte-okd-color-gray-300);--syte-okd-button-basic-normal-default-shadow:var(--syte-okd-shadow-sm);--syte-okd-button-basic-normal-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-basic-normal-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-basic-normal-focus-shadow:0px 0px 0px 3px rgba(175,207,255,.45);--syte-okd-button-basic-normal-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-basic-normal-loader-track-color:var(--syte-okd-color-blue-100);--syte-okd-button-basic-normal-loader-mark-color:var(--syte-okd-color-blue-700);--syte-okd-button-plain-normal-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-hover-background:var(--syte-okd-color-blue-050);--syte-okd-button-plain-normal-active-background:var(--syte-okd-color-blue-050);--syte-okd-button-plain-normal-focus-background:var(--syte-okd-color-blue-050);--syte-okd-button-plain-normal-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-plain-normal-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-default-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-hover-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-active-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-focus-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-disabled-font-color:rgba(0,94,234,.45);--syte-okd-button-plain-normal-default-icon-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-hover-icon-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-active-icon-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-focus-icon-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-disabled-icon-color:rgba(0,94,234,.45);--syte-okd-button-plain-normal-default-shadow:none;--syte-okd-button-plain-normal-hover-shadow:none;--syte-okd-button-plain-normal-active-shadow:none;--syte-okd-button-plain-normal-focus-shadow:none;--syte-okd-button-plain-normal-disabled-shadow:none;--syte-okd-button-plain-red-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-hover-background:var(--syte-okd-color-red-050);--syte-okd-button-plain-red-active-background:var(--syte-okd-color-red-050);--syte-okd-button-plain-red-focus-background:var(--syte-okd-color-red-050);--syte-okd-button-plain-red-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-plain-red-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-default-font-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-hover-font-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-active-font-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-focus-font-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-disabled-font-color:rgba(96,32,49,.45);--syte-okd-button-plain-red-default-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-hover-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-active-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-focus-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-disabled-icon-color:rgba(96,32,49,.45);--syte-okd-button-plain-red-default-shadow:none;--syte-okd-button-plain-red-hover-shadow:none;--syte-okd-button-plain-red-active-shadow:none;--syte-okd-button-plain-red-focus-shadow:none;--syte-okd-button-plain-red-disabled-shadow:none;--syte-okd-button-plain-green-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-hover-background:var(--syte-okd-color-green-050);--syte-okd-button-plain-green-active-background:var(--syte-okd-color-green-050);--syte-okd-button-plain-green-focus-background:var(--syte-okd-color-green-050);--syte-okd-button-plain-green-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-plain-green-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-default-font-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-hover-font-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-active-font-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-focus-font-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-disabled-font-color:rgba(12,80,37,.45);--syte-okd-button-plain-green-default-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-hover-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-active-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-focus-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-disabled-icon-color:rgba(12,80,37,.45);--syte-okd-button-plain-green-default-shadow:none;--syte-okd-button-plain-green-hover-shadow:none;--syte-okd-button-plain-green-active-shadow:none;--syte-okd-button-plain-green-focus-shadow:none;--syte-okd-button-plain-green-disabled-shadow:none;--syte-okd-button-plain-orange-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-hover-background:var(--syte-okd-color-orange-050);--syte-okd-button-plain-orange-active-background:var(--syte-okd-color-orange-050);--syte-okd-button-plain-orange-focus-background:var(--syte-okd-color-orange-050);--syte-okd-button-plain-orange-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-plain-orange-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-default-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-hover-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-active-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-focus-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-disabled-font-color:rgba(233,96,16,.45);--syte-okd-button-plain-orange-default-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-hover-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-active-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-focus-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-disabled-icon-color:rgba(233,96,16,.45);--syte-okd-button-plain-orange-default-shadow:none;--syte-okd-button-plain-orange-hover-shadow:none;--syte-okd-button-plain-orange-active-shadow:none;--syte-okd-button-plain-orange-focus-shadow:none;--syte-okd-button-plain-orange-disabled-shadow:none;--syte-okd-button-plain-yellow-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-hover-background:var(--syte-okd-color-yellow-050);--syte-okd-button-plain-yellow-active-background:var(--syte-okd-color-yellow-050);--syte-okd-button-plain-yellow-focus-background:var(--syte-okd-color-yellow-050);--syte-okd-button-plain-yellow-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-plain-yellow-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-default-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-hover-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-active-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-focus-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-disabled-font-color:rgba(234,169,0,.45);--syte-okd-button-plain-yellow-default-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-hover-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-active-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-focus-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-disabled-icon-color:rgba(234,169,0,.45);--syte-okd-button-plain-yellow-default-shadow:none;--syte-okd-button-plain-yellow-hover-shadow:none;--syte-okd-button-plain-yellow-active-shadow:none;--syte-okd-button-plain-yellow-focus-shadow:none;--syte-okd-button-plain-yellow-disabled-shadow:none;--syte-okd-button-xxs-font-size:var(--syte-okd-font-size-xs);--syte-okd-button-xs-font-size:var(--syte-okd-font-size-xs);--syte-okd-button-sm-font-size:var(--syte-okd-font-size-md);--syte-okd-button-md-font-size:var(--syte-okd-font-size-md);--syte-okd-button-lg-font-size:var(--syte-okd-font-size-base);--syte-okd-button-xl-font-size:18px;--syte-okd-button-xxs-icon-size:14px;--syte-okd-button-xs-icon-size:14px;--syte-okd-button-sm-icon-size:18px;--syte-okd-button-md-icon-size:18px;--syte-okd-button-lg-icon-size:18px;--syte-okd-button-xl-icon-size:18px;--syte-okd-button-xxs-icon-margin:6px;--syte-okd-button-xs-icon-margin:6px;--syte-okd-button-sm-icon-margin:6px;--syte-okd-button-md-icon-margin:6px;--syte-okd-button-lg-icon-margin:8px;--syte-okd-button-xl-icon-margin:8px;--syte-okd-button-xxs-line-height:var(--syte-okd-line-height-xs);--syte-okd-button-xs-line-height:var(--syte-okd-line-height-xs);--syte-okd-button-sm-line-height:var(--syte-okd-line-height-md);--syte-okd-button-md-line-height:var(--syte-okd-line-height-md);--syte-okd-button-lg-line-height:var(--syte-okd-line-height-base);--syte-okd-button-xl-line-height:var(--syte-okd-line-height-base);--syte-okd-button-xxs-padding-horizontal:8px;--syte-okd-button-xxs-padding-vertical:3px;--syte-okd-button-xs-padding-horizontal:8px;--syte-okd-button-xs-padding-vertical:5px;--syte-okd-button-sm-padding-horizontal:12px;--syte-okd-button-sm-padding-vertical:7px;--syte-okd-button-md-padding-horizontal:16px;--syte-okd-button-md-padding-vertical:9px;--syte-okd-button-lg-padding-horizontal:24px;--syte-okd-button-lg-padding-vertical:13px;--syte-okd-button-xl-padding-horizontal:24px;--syte-okd-button-xl-padding-vertical:17px;--syte-okd-button-xxs-min-width:63px;--syte-okd-button-xs-min-width:63px;--syte-okd-button-sm-min-width:81px;--syte-okd-button-md-min-width:90px;--syte-okd-button-lg-min-width:108px;--syte-okd-button-xl-min-width:126px;--syte-okd-button-xxs-border-radius:60px;--syte-okd-button-xs-border-radius:60px;--syte-okd-button-sm-border-radius:60px;--syte-okd-button-md-border-radius:60px;--syte-okd-button-lg-border-radius:60px;--syte-okd-button-xl-border-radius:60px;--syte-okd-button-xxs-border-size:1px;--syte-okd-button-xs-border-size:1px;--syte-okd-button-sm-border-size:1px;--syte-okd-button-md-border-size:1px;--syte-okd-button-lg-border-size:1px;--syte-okd-button-xl-border-size:1px;--syte-okd-button-xl-loader-size:18px;--syte-okd-button-lg-loader-size:14px;--syte-okd-button-md-loader-size:14px;--syte-okd-button-sm-loader-size:14px;--syte-okd-button-xs-loader-size:14px;--syte-okd-button-xxs-loader-size:14px;--syte-okd-button-xl-loader-text-margin-left:8px;--syte-okd-button-lg-loader-text-margin-left:8px;--syte-okd-button-md-loader-text-margin-left:6px;--syte-okd-button-sm-loader-text-margin-left:6px;--syte-okd-button-xs-loader-text-margin-left:6px;--syte-okd-button-xxs-loader-text-margin-left:6px;--syte-okd-button-s-font-size:14px;--syte-okd-button-s-icon-size:18px;--syte-okd-button-s-icon-margin:6px;--syte-okd-button-s-line-height:16px;--syte-okd-button-s-padding-horizontal:12px;--syte-okd-button-s-padding-vertical:7px;--syte-okd-button-s-min-width:72px;--syte-okd-button-s-border-radius:60px;--syte-okd-button-s-loader-size:14px;--syte-okd-button-s-loader-text-margin-left:6px;--syte-okd-button-xl-font-weight:600;--syte-okd-button-lg-font-weight:500;--syte-okd-button-md-font-weight:500;--syte-okd-button-sm-font-weight:500;--syte-okd-button-rect-xxs-border-radius:4px;--syte-okd-button-rect-xs-border-radius:4px;--syte-okd-button-rect-sm-border-radius:4px;--syte-okd-button-rect-s-border-radius:4px;--syte-okd-button-rect-md-border-radius:4px;--syte-okd-button-rect-lg-border-radius:8px;--syte-okd-button-rect-xl-border-radius:8px;--syte-okd-button-fill-highlight-default-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-highlight-hover-background:var(--syte-okd-color-container-contrast);--syte-okd-button-fill-highlight-active-background:var(--syte-okd-color-container-contrast);--syte-okd-button-fill-highlight-focus-background:var(--syte-okd-color-gray-900);--syte-okd-button-fill-highlight-disabled-background:var(--syte-okd-color-neutral-20);--syte-okd-button-fill-highlight-default-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-highlight-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-highlight-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-highlight-focus-border-color:var(--syte-okd-color-gray-900);--syte-okd-button-fill-highlight-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-highlight-default-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-highlight-hover-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-highlight-active-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-highlight-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-highlight-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-highlight-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-highlight-hover-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-highlight-active-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-highlight-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-highlight-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-highlight-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-highlight-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-highlight-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-highlight-focus-shadow:0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #1d202359;--syte-okd-button-fill-highlight-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-highlight-loader-track-color:hsla(0,0%,98%,.26);--syte-okd-button-fill-highlight-loader-mark-color:var(--syte-okd-color-border-contrast);--syte-okd-button-fill-highlight-border-size:0px;--syte-okd-button-fill-primary-default-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-primary-hover-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-primary-active-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-primary-focus-background:var(--syte-okd-color-blue-900);--syte-okd-button-fill-primary-disabled-background:var(--syte-okd-color-neutral-20);--syte-okd-button-fill-primary-default-border-color:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-primary-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-primary-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-primary-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-primary-disabled-border-color:var(--syte-okd-color-background-surface-primary);--syte-okd-button-fill-primary-default-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-primary-hover-font-color:hsla(0,0%,100%,.6);--syte-okd-button-fill-primary-active-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-primary-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-primary-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-primary-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-primary-hover-icon-color:hsla(0,0%,100%,.6);--syte-okd-button-fill-primary-active-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-primary-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-primary-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-primary-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-primary-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-primary-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-primary-focus-shadow:0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #2d60e040;--syte-okd-button-fill-primary-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-primary-loader-track-color:hsla(0,0%,98%,.26);--syte-okd-button-fill-primary-loader-mark-color:var(--syte-okd-color-border-contrast);--syte-okd-button-fill-primary-border-size:0px;--syte-okd-button-fill-secondary-default-background:var(--syte-okd-color-blue-050);--syte-okd-button-fill-secondary-hover-background:var(--syte-okd-color-blue-100);--syte-okd-button-fill-secondary-active-background:var(--syte-okd-color-blue-200);--syte-okd-button-fill-secondary-focus-background:var(--syte-okd-color-blue-100);--syte-okd-button-fill-secondary-disabled-background:var(--syte-okd-color-blue-050);--syte-okd-button-fill-secondary-default-border-color:var(--syte-okd-color-blue-050);--syte-okd-button-fill-secondary-hover-border-color:var(--syte-okd-color-blue-100);--syte-okd-button-fill-secondary-active-border-color:var(--syte-okd-color-blue-200);--syte-okd-button-fill-secondary-focus-border-color:var(--syte-okd-color-blue-100);--syte-okd-button-fill-secondary-disabled-border-color:var(--syte-okd-color-blue-050);--syte-okd-button-fill-secondary-default-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-fill-secondary-hover-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-fill-secondary-active-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-fill-secondary-focus-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-fill-secondary-disabled-font-color:var(--syte-okd-color-blue-300);--syte-okd-button-fill-secondary-default-icon-color:var(--syte-okd-color-blue-700);--syte-okd-button-fill-secondary-hover-icon-color:var(--syte-okd-color-blue-700);--syte-okd-button-fill-secondary-active-icon-color:var(--syte-okd-color-blue-700);--syte-okd-button-fill-secondary-focus-icon-color:var(--syte-okd-color-blue-700);--syte-okd-button-fill-secondary-disabled-icon-color:var(--syte-okd-color-gray-300);--syte-okd-button-fill-secondary-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-secondary-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-secondary-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-secondary-focus-shadow:0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #2d60e040;--syte-okd-button-fill-secondary-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-secondary-loader-track-color:var(--syte-okd-color-blue-050);--syte-okd-button-fill-secondary-loader-mark-color:var(--syte-okd-color-blue-700);--syte-okd-button-fill-secondary-border-size:0px;--syte-okd-button-fill-tertiary-border-size:0px;--syte-okd-button-fill-tertiary-default-background:var(--syte-okd-color-container-primary);--syte-okd-button-fill-tertiary-hover-background:var(--syte-okd-color-container-primary);--syte-okd-button-fill-tertiary-focus-background:hsla(0,0%,100%,.8);--syte-okd-button-fill-tertiary-active-background:var(--syte-okd-color-container-primary);--syte-okd-button-fill-tertiary-disabled-background:hsla(0,0%,100%,.06);--syte-okd-button-fill-tertiary-disabled-font-color:hsla(0,0%,100%,.36);--syte-okd-button-fill-tertiary-disabled-border-color:hsla(0,0%,100%,.06);--syte-okd-button-fill-tertiary-default-border-color:var(--syte-okd-color-container-primary);--syte-okd-button-fill-tertiary-hover-border-color:hsla(0,0%,100%,0);--syte-okd-button-fill-tertiary-focus-border-color:rgba(48,16,25,0);--syte-okd-button-fill-tertiary-active-border-color:hsla(0,0%,100%,0);--syte-okd-button-fill-tertiary-loader-track-color:var(--syte-okd-color-border-primary);--syte-okd-button-fill-tertiary-loader-mark-color:var(--syte-okd-color-border-selected);--syte-okd-button-fill-tertiary-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-tertiary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-tertiary-default-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-tertiary-hover-font-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-tertiary-hover-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-tertiary-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-tertiary-focus-font-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-fill-tertiary-focus-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-fill-tertiary-focus-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-tertiary-active-font-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-tertiary-active-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-tertiary-active-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-tertiary-disabled-icon-color:hsla(0,0%,100%,.36);--syte-okd-button-fill-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-border-size:0px;--syte-okd-button-fill-quaternary-default-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-quaternary-default-font-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-default-border-color:transparent;--syte-okd-button-fill-quaternary-hover-background:hsla(0,0%,100%,.25);--syte-okd-button-fill-quaternary-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-quaternary-hover-font-color:hsla(0,0%,100%,.25);--syte-okd-button-fill-quaternary-focus-background:hsla(0,0%,100%,.25);--syte-okd-button-fill-quaternary-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-quaternary-focus-font-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-active-background:hsla(0,0%,100%,.25);--syte-okd-button-fill-quaternary-active-border-color:transparent;--syte-okd-button-fill-quaternary-active-font-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-disabled-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-quaternary-disabled-font-color:hsla(0,0%,100%,.25);--syte-okd-button-fill-quaternary-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-quaternary-loader-track-color:hsla(0,0%,100%,.25);--syte-okd-button-fill-quaternary-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-default-icon-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-default-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-hover-icon-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-focus-icon-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-focus-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-active-icon-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-active-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-disabled-icon-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-red-default-background:var(--syte-okd-color-semantic-negative);--syte-okd-button-fill-red-hover-background:rgba(235,75,109,.8);--syte-okd-button-fill-red-active-background:rgba(235,75,109,.8);--syte-okd-button-fill-red-focus-background:var(--syte-okd-color-red-800);--syte-okd-button-fill-red-disabled-background:var(--syte-okd-color-neutral-20);--syte-okd-button-fill-red-default-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-fill-red-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-red-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-red-focus-border-color:var(--syte-okd-color-red-800);--syte-okd-button-fill-red-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-red-default-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-red-hover-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-red-active-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-red-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-red-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-red-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-red-hover-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-red-active-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-red-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-red-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-red-default-shadow:0 0 0 0 transparent;--syte-okd-button-fill-red-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-red-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-red-focus-shadow:0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #e35e5e66;--syte-okd-button-fill-red-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-red-loader-track-color:hsla(0,0%,98%,.26);--syte-okd-button-fill-red-loader-mark-color:var(--syte-okd-color-border-contrast);--syte-okd-button-fill-red-border-size:0px;--syte-okd-button-fill-green-default-background:var(--syte-okd-color-semantic-positive);--syte-okd-button-fill-green-hover-background:rgba(49,189,101,.8);--syte-okd-button-fill-green-active-background:rgba(49,189,101,.8);--syte-okd-button-fill-green-focus-background:var(--syte-okd-color-green-900);--syte-okd-button-fill-green-disabled-background:var(--syte-okd-color-neutral-20);--syte-okd-button-fill-green-default-border-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-fill-green-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-green-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-green-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-green-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-green-default-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-green-hover-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-green-active-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-green-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-green-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-green-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-green-hover-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-green-active-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-green-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-green-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-green-default-shadow:0 0 0 0 transparent;--syte-okd-button-fill-green-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-green-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-green-focus-shadow:0px 0px 0px 1px #fff,0px 0px 0px 3.5px #2ead6573;--syte-okd-button-fill-green-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-green-loader-track-color:hsla(0,0%,98%,.26);--syte-okd-button-fill-green-loader-mark-color:var(--syte-okd-color-border-contrast);--syte-okd-button-fill-green-border-size:0px;--syte-okd-button-fill-grey-default-background:var(--syte-okd-color-background-surface-primary);--syte-okd-button-fill-grey-hover-background:var(--syte-okd-color-neutral-30);--syte-okd-button-fill-grey-active-background:var(--syte-okd-color-neutral-20);--syte-okd-button-fill-grey-focus-background:hsla(0,0%,86%,.5);--syte-okd-button-fill-grey-disabled-background:var(--syte-okd-color-neutral-20);--syte-okd-button-fill-grey-default-border-color:var(--syte-okd-color-background-surface-primary);--syte-okd-button-fill-grey-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-grey-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-grey-focus-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-fill-grey-disabled-border-color:var(--syte-okd-color-background-surface-disable);--syte-okd-button-fill-grey-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-focus-font-color:var(--syte-okd-color-gray-700);--syte-okd-button-fill-grey-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-grey-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-focus-icon-color:var(--syte-okd-color-gray-700);--syte-okd-button-fill-grey-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-grey-default-shadow:0 0 0 0 transparent;--syte-okd-button-fill-grey-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-grey-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-grey-focus-shadow:0px 0px 0px 0px #00000000,0px 0px 0px 3.5px #d8dce673;--syte-okd-button-fill-grey-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-grey-loader-track-color:var(--syte-okd-color-border-primary);--syte-okd-button-fill-grey-loader-mark-color:var(--syte-okd-color-border-selected);--syte-okd-button-fill-grey-border-size:0px;--syte-okd-button-outline-highlight-border-size:1.5px;--syte-okd-button-outline-highlight-hover-background:var(--syte-okd-color-container-inverse);--syte-okd-button-outline-highlight-hover-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-highlight-focus-background:var(--syte-okd-color-gray-900);--syte-okd-button-outline-highlight-focus-border-color:var(--syte-okd-color-gray-900);--syte-okd-button-outline-highlight-focus-font-color:var(--syte-okd-color-white);--syte-okd-button-outline-highlight-active-background:var(--syte-okd-color-container-inverse);--syte-okd-button-outline-highlight-active-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-highlight-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-outline-highlight-disabled-border-color:var(--syte-okd-color-border-primary);--syte-okd-button-outline-highlight-hover-border-color:var(--syte-okd-color-border-selected);--syte-okd-button-outline-highlight-active-border-color:var(--syte-okd-color-border-selected);--syte-okd-button-outline-highlight-loader-track-color:var(--syte-okd-color-gray-200);--syte-okd-button-outline-highlight-loader-mark-color:var(--syte-okd-color-gray-900);--syte-okd-button-outline-highlight-default-background:var(--syte-okd-color-transparent);--syte-okd-button-outline-highlight-default-border-color:var(--syte-okd-color-border-selected);--syte-okd-button-outline-highlight-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-highlight-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-highlight-default-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-highlight-hover-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-highlight-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-highlight-focus-icon-color:var(--syte-okd-color-white);--syte-okd-button-outline-highlight-focus-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-highlight-active-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-highlight-active-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-highlight-disabled-background:var(--syte-okd-color-transparent);--syte-okd-button-outline-highlight-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-outline-highlight-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-primary-default-background:hsla(0,0%,100%,0);--syte-okd-button-outline-primary-hover-background:var(--syte-okd-color-neutral-20);--syte-okd-button-outline-primary-active-background:var(--syte-okd-color-neutral-20);--syte-okd-button-outline-primary-focus-background:var(--syte-okd-color-background-2);--syte-okd-button-outline-primary-disabled-background:var(--syte-okd-color-neutral-20);--syte-okd-button-outline-primary-default-border-color:var(--syte-okd-color-border-secondary);--syte-okd-button-outline-primary-hover-border-color:var(--syte-okd-color-border-secondary);--syte-okd-button-outline-primary-active-border-color:var(--syte-okd-color-border-secondary);--syte-okd-button-outline-primary-focus-border-color:var(--syte-okd-color-line-secondary);--syte-okd-button-outline-primary-disabled-border-color:var(--syte-okd-color-border-primary);--syte-okd-button-outline-primary-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-focus-font-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-primary-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-outline-primary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-focus-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-primary-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-outline-primary-default-shadow:0 0 0 0 transparent;--syte-okd-button-outline-primary-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-primary-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-primary-focus-shadow:0px 0px 0px 3px #00000014;--syte-okd-button-outline-primary-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-primary-loader-track-color:var(--syte-okd-color-gray-200);--syte-okd-button-outline-primary-loader-mark-color:var(--syte-okd-color-gray-900);--syte-okd-button-outline-primary-border-size:1px;--syte-okd-button-outline-secondary-default-background:var(--syte-okd-color-white);--syte-okd-button-outline-secondary-hover-background:var(--syte-okd-color-background-2);--syte-okd-button-outline-secondary-active-background:var(--syte-okd-color-gray-050);--syte-okd-button-outline-secondary-focus-background:var(--syte-okd-color-background-2);--syte-okd-button-outline-secondary-disabled-background:var(--syte-okd-color-white);--syte-okd-button-outline-secondary-default-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-outline-secondary-hover-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-outline-secondary-active-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-outline-secondary-focus-border-color:var(--syte-okd-color-line-secondary);--syte-okd-button-outline-secondary-disabled-border-color:#ebebeb;--syte-okd-button-outline-secondary-default-font-color:var(--syte-okd-color-gray-900);--syte-okd-button-outline-secondary-hover-font-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-active-font-color:var(--syte-okd-color-gray-900);--syte-okd-button-outline-secondary-focus-font-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-disabled-font-color:#bdbdbd;--syte-okd-button-outline-secondary-default-icon-color:var(--syte-okd-color-gray-900);--syte-okd-button-outline-secondary-hover-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-active-icon-color:var(--syte-okd-color-gray-900);--syte-okd-button-outline-secondary-focus-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-disabled-icon-color:var(--syte-okd-color-gray-300);--syte-okd-button-outline-secondary-default-shadow:0 0 0 0 transparent;--syte-okd-button-outline-secondary-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-secondary-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-secondary-focus-shadow:0px 0px 0px 3px #00000014;--syte-okd-button-outline-secondary-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-secondary-loader-track-color:rgba(0,0,0,.25);--syte-okd-button-outline-secondary-loader-mark-color:var(--syte-okd-color-black);--syte-okd-button-outline-secondary-border-size:1px;--syte-okd-button-outline-tertiary-border-size:1.5px;--syte-okd-button-outline-tertiary-default-background:var(--syte-okd-color-transparent);--syte-okd-button-outline-tertiary-default-border-color:var(--syte-okd-color-border-contrast);--syte-okd-button-outline-tertiary-default-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-tertiary-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-tertiary-default-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-hover-background:var(--syte-okd-color-container-primary);--syte-okd-button-outline-tertiary-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-tertiary-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-tertiary-hover-border-color:var(--syte-okd-color-container-primary);--syte-okd-button-outline-tertiary-focus-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-focus-icon-color:var(--syte-okd-color-black);--syte-okd-button-outline-tertiary-focus-font-color:var(--syte-okd-color-black);--syte-okd-button-outline-tertiary-focus-border-color:var(--syte-okd-color-white);--syte-okd-button-outline-tertiary-focus-background:var(--syte-okd-color-white);--syte-okd-button-outline-tertiary-active-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-tertiary-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-tertiary-active-border-color:var(--syte-okd-color-container-primary);--syte-okd-button-outline-tertiary-active-background:var(--syte-okd-color-container-primary);--syte-okd-button-outline-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-disabled-icon-color:hsla(0,0%,100%,.36);--syte-okd-button-outline-tertiary-disabled-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-tertiary-disabled-border-color:hsla(0,0%,98%,.12);--syte-okd-button-outline-tertiary-disabled-background:var(--syte-okd-color-transparent);--syte-okd-button-outline-tertiary-loader-mark-color:var(--syte-okd-color-border-contrast);--syte-okd-button-outline-tertiary-loader-track-color:hsla(0,0%,98%,.3);--syte-okd-button-text-primary-default-background:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-hover-background:var(--syte-okd-color-neutral-20);--syte-okd-button-text-primary-active-background:var(--syte-okd-color-neutral-20);--syte-okd-button-text-primary-focus-background:var(--syte-okd-color-blue-050);--syte-okd-button-text-primary-disabled-background:undefined;--syte-okd-button-text-primary-default-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-primary-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-focus-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-text-primary-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-text-primary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-focus-icon-color:var(--syte-okd-color-blue-800);--syte-okd-button-text-primary-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-text-primary-default-shadow:none;--syte-okd-button-text-primary-hover-shadow:none;--syte-okd-button-text-primary-active-shadow:none;--syte-okd-button-text-primary-focus-shadow:none;--syte-okd-button-text-primary-disabled-shadow:none;--syte-okd-button-text-primary-border-size:1px;--syte-okd-button-text-secondary-default-background:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-hover-background:var(--syte-okd-color-blue-050);--syte-okd-button-text-secondary-active-background:var(--syte-okd-color-blue-050);--syte-okd-button-text-secondary-focus-background:var(--syte-okd-color-blue-050);--syte-okd-button-text-secondary-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-text-secondary-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-default-font-color:var(--syte-okd-color-fq-blue-lv1);--syte-okd-button-text-secondary-hover-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-text-secondary-active-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-text-secondary-focus-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-text-secondary-disabled-font-color:rgba(0,94,234,.45);--syte-okd-button-text-secondary-default-icon-color:var(--syte-okd-color-fq-blue-lv1);--syte-okd-button-text-secondary-hover-icon-color:var(--syte-okd-color-blue-800);--syte-okd-button-text-secondary-active-icon-color:var(--syte-okd-color-blue-800);--syte-okd-button-text-secondary-focus-icon-color:var(--syte-okd-color-blue-800);--syte-okd-button-text-secondary-disabled-icon-color:rgba(0,94,234,.45);--syte-okd-button-text-secondary-default-shadow:none;--syte-okd-button-text-secondary-hover-shadow:none;--syte-okd-button-text-secondary-active-shadow:none;--syte-okd-button-text-secondary-focus-shadow:none;--syte-okd-button-text-secondary-disabled-shadow:none;--syte-okd-button-text-secondary-border-size:1px;--syte-okd-button-text-red-default-background:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-hover-background:rgba(235,75,109,.05);--syte-okd-button-text-red-active-background:rgba(235,75,109,.05);--syte-okd-button-text-red-focus-background:var(--syte-okd-color-red-050);--syte-okd-button-text-red-disabled-background:hsla(0,0%,98%,0);--syte-okd-button-text-red-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-red-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-red-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-default-font-color:var(--syte-okd-color-prefer-red-text);--syte-okd-button-text-red-hover-font-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-text-red-active-font-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-text-red-focus-font-color:var(--syte-okd-color-red-800);--syte-okd-button-text-red-disabled-font-color:rgba(235,75,109,.45);--syte-okd-button-text-red-default-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-text-red-hover-icon-color:var(--syte-okd-color-prefer-red-text);--syte-okd-button-text-red-active-icon-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-text-red-focus-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-text-red-disabled-icon-color:rgba(235,75,109,.45);--syte-okd-button-text-red-default-shadow:none;--syte-okd-button-text-red-hover-shadow:none;--syte-okd-button-text-red-active-shadow:none;--syte-okd-button-text-red-focus-shadow:none;--syte-okd-button-text-red-disabled-shadow:none;--syte-okd-button-text-red-border-size:1px;--syte-okd-button-text-green-default-background:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-hover-background:rgba(49,189,101,.05);--syte-okd-button-text-green-active-background:rgba(49,189,101,.05);--syte-okd-button-text-green-focus-background:var(--syte-okd-color-green-050);--syte-okd-button-text-green-disabled-background:hsla(0,0%,98%,0);--syte-okd-button-text-green-default-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-green-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-default-font-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-hover-font-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-active-font-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-focus-font-color:var(--syte-okd-color-green-800);--syte-okd-button-text-green-disabled-font-color:rgba(49,189,101,.45);--syte-okd-button-text-green-default-icon-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-hover-icon-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-active-icon-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-focus-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-text-green-disabled-icon-color:rgba(49,189,101,.45);--syte-okd-button-text-green-default-shadow:none;--syte-okd-button-text-green-hover-shadow:none;--syte-okd-button-text-green-active-shadow:none;--syte-okd-button-text-green-focus-shadow:none;--syte-okd-button-text-green-disabled-shadow:none;--syte-okd-button-text-green-border-size:1px;--syte-okd-button-text-yellow-default-background:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-hover-background:rgba(255,177,23,.05);--syte-okd-button-text-yellow-active-background:rgba(255,177,23,.05);--syte-okd-button-text-yellow-focus-background:var(--syte-okd-color-yellow-050);--syte-okd-button-text-yellow-disabled-background:hsla(0,0%,98%,0);--syte-okd-button-text-yellow-default-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-yellow-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-default-font-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-hover-font-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-active-font-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-focus-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-text-yellow-disabled-font-color:rgba(255,177,23,.45);--syte-okd-button-text-yellow-default-icon-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-hover-icon-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-active-icon-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-focus-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-text-yellow-disabled-icon-color:rgba(255,177,23,.45);--syte-okd-button-text-yellow-default-shadow:none;--syte-okd-button-text-yellow-hover-shadow:none;--syte-okd-button-text-yellow-active-shadow:none;--syte-okd-button-text-yellow-focus-shadow:none;--syte-okd-button-text-yellow-disabled-shadow:none;--syte-okd-button-text-yellow-border-size:1px;--syte-okd-button-text-orange-default-background:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-hover-background:var(--syte-okd-color-orange-050);--syte-okd-button-text-orange-active-background:var(--syte-okd-color-orange-050);--syte-okd-button-text-orange-focus-background:var(--syte-okd-color-orange-050);--syte-okd-button-text-orange-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-text-orange-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-default-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-hover-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-active-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-focus-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-disabled-font-color:rgba(233,96,16,.45);--syte-okd-button-text-orange-default-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-hover-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-active-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-focus-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-disabled-icon-color:rgba(233,96,16,.45);--syte-okd-button-text-orange-default-shadow:none;--syte-okd-button-text-orange-hover-shadow:none;--syte-okd-button-text-orange-active-shadow:none;--syte-okd-button-text-orange-focus-shadow:none;--syte-okd-button-text-orange-disabled-shadow:none;--syte-okd-button-text-orange-border-size:1px}.theme-dark{--syte-okd-button-primary-normal-default-background:var(--syte-okd-color-blue-900);--syte-okd-button-primary-normal-hover-background:var(--syte-okd-color-blue-700);--syte-okd-button-primary-normal-active-background:var(--syte-okd-color-blue-300);--syte-okd-button-primary-normal-focus-background:var(--syte-okd-color-blue-900);--syte-okd-button-primary-normal-disabled-background:var(--syte-okd-color-gray-400);--syte-okd-button-primary-normal-default-border-color:var(--syte-okd-color-blue-900);--syte-okd-button-primary-normal-hover-border-color:var(--syte-okd-color-blue-700);--syte-okd-button-primary-normal-active-border-color:var(--syte-okd-color-blue-300);--syte-okd-button-primary-normal-focus-border-color:var(--syte-okd-color-blue-900);--syte-okd-button-primary-normal-disabled-border-color:var(--syte-okd-color-gray-400);--syte-okd-button-primary-normal-default-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-hover-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-disabled-font-color:var(--syte-okd-color-gray-500);--syte-okd-button-primary-normal-default-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-hover-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-normal-disabled-icon-color:var(--syte-okd-color-gray-500);--syte-okd-button-primary-normal-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-normal-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-normal-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-normal-focus-shadow:0px 0px 0px 3px var(--syte-okd-color-blue-200);--syte-okd-button-primary-normal-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-normal-loader-track-color:hsla(0,0%,100%,.24);--syte-okd-button-primary-normal-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-primary-red-default-background:var(--syte-okd-color-red-900);--syte-okd-button-primary-red-hover-background:var(--syte-okd-color-red-700);--syte-okd-button-primary-red-active-background:var(--syte-okd-color-red-300);--syte-okd-button-primary-red-focus-background:var(--syte-okd-color-red-900);--syte-okd-button-primary-red-disabled-background:var(--syte-okd-color-gray-400);--syte-okd-button-primary-red-default-border-color:var(--syte-okd-color-red-900);--syte-okd-button-primary-red-hover-border-color:var(--syte-okd-color-red-700);--syte-okd-button-primary-red-active-border-color:var(--syte-okd-color-red-300);--syte-okd-button-primary-red-focus-border-color:var(--syte-okd-color-red-900);--syte-okd-button-primary-red-disabled-border-color:var(--syte-okd-color-gray-400);--syte-okd-button-primary-red-default-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-hover-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-disabled-font-color:var(--syte-okd-color-gray-500);--syte-okd-button-primary-red-default-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-hover-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-red-disabled-icon-color:var(--syte-okd-color-gray-500);--syte-okd-button-primary-red-default-shadow:var(--syte-okd-shadow-sm);--syte-okd-button-primary-red-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-red-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-red-focus-shadow:0px 0px 0px 3px var(--syte-okd-color-red-200);--syte-okd-button-primary-red-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-red-loader-track-color:hsla(0,0%,100%,.24);--syte-okd-button-primary-red-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-primary-green-default-background:var(--syte-okd-color-green-900);--syte-okd-button-primary-green-hover-background:var(--syte-okd-color-green-700);--syte-okd-button-primary-green-active-background:var(--syte-okd-color-green-300);--syte-okd-button-primary-green-focus-background:var(--syte-okd-color-green-900);--syte-okd-button-primary-green-disabled-background:var(--syte-okd-color-gray-400);--syte-okd-button-primary-green-default-border-color:var(--syte-okd-color-green-900);--syte-okd-button-primary-green-hover-border-color:var(--syte-okd-color-green-700);--syte-okd-button-primary-green-active-border-color:var(--syte-okd-color-green-300);--syte-okd-button-primary-green-focus-border-color:var(--syte-okd-color-green-900);--syte-okd-button-primary-green-disabled-border-color:var(--syte-okd-color-gray-400);--syte-okd-button-primary-green-default-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-hover-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-disabled-font-color:var(--syte-okd-color-gray-500);--syte-okd-button-primary-green-default-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-hover-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-primary-green-disabled-icon-color:var(--syte-okd-color-gray-500);--syte-okd-button-primary-green-default-shadow:var(--syte-okd-shadow-sm);--syte-okd-button-primary-green-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-green-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-green-focus-shadow:0px 0px 0px 3px var(--syte-okd-color-green-200);--syte-okd-button-primary-green-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-primary-green-loader-track-color:hsla(0,0%,100%,.24);--syte-okd-button-primary-green-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-secondary-normal-default-background:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-normal-hover-background:var(--syte-okd-color-gray-500);--syte-okd-button-secondary-normal-active-background:var(--syte-okd-color-gray-300);--syte-okd-button-secondary-normal-focus-background:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-normal-disabled-background:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-normal-default-border-color:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-normal-hover-border-color:var(--syte-okd-color-gray-500);--syte-okd-button-secondary-normal-active-border-color:var(--syte-okd-color-gray-300);--syte-okd-button-secondary-normal-focus-border-color:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-normal-disabled-border-color:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-normal-default-font-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-normal-hover-font-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-normal-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-normal-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-normal-disabled-font-color:var(--syte-okd-color-gray-500);--syte-okd-button-secondary-normal-default-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-normal-hover-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-normal-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-normal-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-normal-disabled-icon-color:var(--syte-okd-color-gray-500);--syte-okd-button-secondary-normal-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-normal-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-normal-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-normal-focus-shadow:0px 0px 0px 3px var(--syte-okd-color-gray-200);--syte-okd-button-secondary-normal-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-normal-loader-track-color:var(--syte-okd-color-gray-600);--syte-okd-button-secondary-normal-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-secondary-grey-default-background:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-grey-hover-background:var(--syte-okd-color-gray-500);--syte-okd-button-secondary-grey-active-background:var(--syte-okd-color-gray-300);--syte-okd-button-secondary-grey-focus-background:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-grey-disabled-background:var(--syte-okd-color-gray-200);--syte-okd-button-secondary-grey-default-border-color:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-grey-hover-border-color:var(--syte-okd-color-gray-500);--syte-okd-button-secondary-grey-active-border-color:var(--syte-okd-color-gray-300);--syte-okd-button-secondary-grey-focus-border-color:var(--syte-okd-color-gray-400);--syte-okd-button-secondary-grey-disabled-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-secondary-grey-default-font-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-grey-hover-font-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-grey-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-grey-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-grey-disabled-font-color:var(--syte-okd-color-gray-600);--syte-okd-button-secondary-grey-default-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-grey-hover-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-grey-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-grey-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-secondary-grey-disabled-icon-color:var(--syte-okd-color-gray-600);--syte-okd-button-secondary-grey-default-shadow:var(--syte-okd-shadow-sm);--syte-okd-button-secondary-grey-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-grey-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-grey-focus-shadow:0px 0px 0px 3px var(--syte-okd-color-gray-200);--syte-okd-button-secondary-grey-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-secondary-grey-loader-track-color:var(--syte-okd-color-gray-600);--syte-okd-button-secondary-grey-loader-mark-color:var(--syte-okd-color-gray-900);--syte-okd-button-basic-normal-default-background:var(--syte-okd-color-transparent);--syte-okd-button-basic-normal-hover-background:var(--syte-okd-color-gray-200);--syte-okd-button-basic-normal-active-background:var(--syte-okd-color-gray-300);--syte-okd-button-basic-normal-focus-background:var(--syte-okd-color-transparent);--syte-okd-button-basic-normal-disabled-background:var(--syte-okd-color-transparent);--syte-okd-button-basic-normal-default-border-color:var(--syte-okd-color-gray-500);--syte-okd-button-basic-normal-hover-border-color:var(--syte-okd-color-gray-500);--syte-okd-button-basic-normal-active-border-color:var(--syte-okd-color-gray-500);--syte-okd-button-basic-normal-focus-border-color:var(--syte-okd-color-gray-500);--syte-okd-button-basic-normal-disabled-border-color:var(--syte-okd-color-gray-400);--syte-okd-button-basic-normal-default-font-color:var(--syte-okd-color-text-white);--syte-okd-button-basic-normal-hover-font-color:var(--syte-okd-color-text-white);--syte-okd-button-basic-normal-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-basic-normal-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-basic-normal-disabled-font-color:var(--syte-okd-color-gray-500);--syte-okd-button-basic-normal-default-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-basic-normal-hover-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-basic-normal-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-basic-normal-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-basic-normal-disabled-icon-color:var(--syte-okd-color-gray-500);--syte-okd-button-basic-normal-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-basic-normal-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-basic-normal-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-basic-normal-focus-shadow:0px 0px 0px 3px var(--syte-okd-color-gray-300);--syte-okd-button-basic-normal-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-basic-normal-loader-track-color:var(--syte-okd-color-gray-400);--syte-okd-button-basic-normal-loader-mark-color:#fff;--syte-okd-button-plain-normal-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-hover-background:var(--syte-okd-color-blue-050);--syte-okd-button-plain-normal-active-background:var(--syte-okd-color-blue-050);--syte-okd-button-plain-normal-focus-background:var(--syte-okd-color-blue-050);--syte-okd-button-plain-normal-disabled-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-normal-default-font-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-hover-font-color:var(--syte-okd-color-blue-900);--syte-okd-button-plain-normal-active-font-color:var(--syte-okd-color-blue-900);--syte-okd-button-plain-normal-focus-font-color:var(--syte-okd-color-blue-900);--syte-okd-button-plain-normal-disabled-font-color:var(--syte-okd-color-gray-600);--syte-okd-button-plain-normal-default-icon-color:var(--syte-okd-color-blue-800);--syte-okd-button-plain-normal-hover-icon-color:var(--syte-okd-color-blue-900);--syte-okd-button-plain-normal-active-icon-color:var(--syte-okd-color-blue-900);--syte-okd-button-plain-normal-focus-icon-color:var(--syte-okd-color-blue-900);--syte-okd-button-plain-normal-disabled-icon-color:var(--syte-okd-color-gray-600);--syte-okd-button-plain-normal-default-shadow:none;--syte-okd-button-plain-normal-hover-shadow:none;--syte-okd-button-plain-normal-active-shadow:none;--syte-okd-button-plain-normal-focus-shadow:none;--syte-okd-button-plain-normal-disabled-shadow:none;--syte-okd-button-plain-red-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-hover-background:var(--syte-okd-color-red-050);--syte-okd-button-plain-red-active-background:var(--syte-okd-color-red-050);--syte-okd-button-plain-red-focus-background:var(--syte-okd-color-red-050);--syte-okd-button-plain-red-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-plain-red-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-red-default-font-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-hover-font-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-active-font-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-focus-font-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-disabled-font-color:rgba(249,182,199,.45);--syte-okd-button-plain-red-default-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-hover-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-active-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-focus-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-plain-red-disabled-icon-color:rgba(249,182,199,.45);--syte-okd-button-plain-red-default-shadow:none;--syte-okd-button-plain-red-hover-shadow:none;--syte-okd-button-plain-red-active-shadow:none;--syte-okd-button-plain-red-focus-shadow:none;--syte-okd-button-plain-red-disabled-shadow:none;--syte-okd-button-plain-green-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-hover-background:var(--syte-okd-color-green-050);--syte-okd-button-plain-green-active-background:var(--syte-okd-color-green-050);--syte-okd-button-plain-green-focus-background:var(--syte-okd-color-green-050);--syte-okd-button-plain-green-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-plain-green-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-green-default-font-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-hover-font-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-active-font-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-focus-font-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-disabled-font-color:rgba(165,239,190,.45);--syte-okd-button-plain-green-default-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-hover-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-active-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-focus-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-plain-green-disabled-icon-color:rgba(165,239,190,.45);--syte-okd-button-plain-green-default-shadow:none;--syte-okd-button-plain-green-hover-shadow:none;--syte-okd-button-plain-green-active-shadow:none;--syte-okd-button-plain-green-focus-shadow:none;--syte-okd-button-plain-green-disabled-shadow:none;--syte-okd-button-plain-orange-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-hover-background:var(--syte-okd-color-orange-050);--syte-okd-button-plain-orange-active-background:var(--syte-okd-color-orange-050);--syte-okd-button-plain-orange-focus-background:var(--syte-okd-color-orange-050);--syte-okd-button-plain-orange-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-plain-orange-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-orange-default-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-hover-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-active-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-focus-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-disabled-font-color:rgba(248,116,40,.45);--syte-okd-button-plain-orange-default-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-hover-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-active-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-focus-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-plain-orange-disabled-icon-color:rgba(248,116,40,.45);--syte-okd-button-plain-orange-default-shadow:none;--syte-okd-button-plain-orange-hover-shadow:none;--syte-okd-button-plain-orange-active-shadow:none;--syte-okd-button-plain-orange-focus-shadow:none;--syte-okd-button-plain-orange-disabled-shadow:none;--syte-okd-button-plain-yellow-default-background:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-hover-background:var(--syte-okd-color-yellow-050);--syte-okd-button-plain-yellow-active-background:var(--syte-okd-color-yellow-050);--syte-okd-button-plain-yellow-focus-background:var(--syte-okd-color-yellow-050);--syte-okd-button-plain-yellow-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-plain-yellow-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-plain-yellow-default-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-hover-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-active-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-focus-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-disabled-font-color:rgba(222,169,33,.45);--syte-okd-button-plain-yellow-default-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-hover-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-active-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-focus-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-plain-yellow-disabled-icon-color:rgba(222,169,33,.45);--syte-okd-button-plain-yellow-default-shadow:none;--syte-okd-button-plain-yellow-hover-shadow:none;--syte-okd-button-plain-yellow-active-shadow:none;--syte-okd-button-plain-yellow-focus-shadow:none;--syte-okd-button-plain-yellow-disabled-shadow:none;--syte-okd-button-xxs-font-size:var(--syte-okd-font-size-xs);--syte-okd-button-xs-font-size:var(--syte-okd-font-size-xs);--syte-okd-button-sm-font-size:var(--syte-okd-font-size-md);--syte-okd-button-md-font-size:var(--syte-okd-font-size-md);--syte-okd-button-lg-font-size:var(--syte-okd-font-size-base);--syte-okd-button-xl-font-size:18px;--syte-okd-button-xxs-icon-size:14px;--syte-okd-button-xs-icon-size:14px;--syte-okd-button-sm-icon-size:18px;--syte-okd-button-md-icon-size:18px;--syte-okd-button-lg-icon-size:18px;--syte-okd-button-xl-icon-size:18px;--syte-okd-button-xxs-icon-margin:6px;--syte-okd-button-xs-icon-margin:6px;--syte-okd-button-sm-icon-margin:6px;--syte-okd-button-md-icon-margin:6px;--syte-okd-button-lg-icon-margin:8px;--syte-okd-button-xl-icon-margin:8px;--syte-okd-button-xxs-line-height:var(--syte-okd-line-height-xs);--syte-okd-button-xs-line-height:var(--syte-okd-line-height-xs);--syte-okd-button-sm-line-height:var(--syte-okd-line-height-md);--syte-okd-button-md-line-height:var(--syte-okd-line-height-md);--syte-okd-button-lg-line-height:var(--syte-okd-line-height-base);--syte-okd-button-xl-line-height:var(--syte-okd-line-height-base);--syte-okd-button-xxs-padding-horizontal:8px;--syte-okd-button-xxs-padding-vertical:3px;--syte-okd-button-xs-padding-horizontal:8px;--syte-okd-button-xs-padding-vertical:5px;--syte-okd-button-sm-padding-horizontal:12px;--syte-okd-button-sm-padding-vertical:7px;--syte-okd-button-md-padding-horizontal:16px;--syte-okd-button-md-padding-vertical:9px;--syte-okd-button-lg-padding-horizontal:24px;--syte-okd-button-lg-padding-vertical:13px;--syte-okd-button-xl-padding-horizontal:24px;--syte-okd-button-xl-padding-vertical:17px;--syte-okd-button-xxs-min-width:63px;--syte-okd-button-xs-min-width:63px;--syte-okd-button-sm-min-width:81px;--syte-okd-button-md-min-width:90px;--syte-okd-button-lg-min-width:108px;--syte-okd-button-xl-min-width:126px;--syte-okd-button-xxs-border-radius:60px;--syte-okd-button-xs-border-radius:60px;--syte-okd-button-sm-border-radius:60px;--syte-okd-button-md-border-radius:60px;--syte-okd-button-lg-border-radius:60px;--syte-okd-button-xl-border-radius:60px;--syte-okd-button-xxs-border-size:1px;--syte-okd-button-xs-border-size:1px;--syte-okd-button-sm-border-size:1px;--syte-okd-button-md-border-size:1px;--syte-okd-button-lg-border-size:1px;--syte-okd-button-xl-border-size:1px;--syte-okd-button-xl-loader-size:18px;--syte-okd-button-lg-loader-size:14px;--syte-okd-button-md-loader-size:14px;--syte-okd-button-sm-loader-size:14px;--syte-okd-button-xs-loader-size:14px;--syte-okd-button-xxs-loader-size:14px;--syte-okd-button-xl-loader-text-margin-left:8px;--syte-okd-button-lg-loader-text-margin-left:8px;--syte-okd-button-md-loader-text-margin-left:6px;--syte-okd-button-sm-loader-text-margin-left:6px;--syte-okd-button-xs-loader-text-margin-left:6px;--syte-okd-button-xxs-loader-text-margin-left:6px;--syte-okd-button-s-font-size:14px;--syte-okd-button-s-icon-size:18px;--syte-okd-button-s-icon-margin:6px;--syte-okd-button-s-line-height:16px;--syte-okd-button-s-padding-horizontal:12px;--syte-okd-button-s-padding-vertical:7px;--syte-okd-button-s-min-width:72px;--syte-okd-button-s-border-radius:60px;--syte-okd-button-s-loader-size:14px;--syte-okd-button-s-loader-text-margin-left:6px;--syte-okd-button-rect-xxs-border-radius:4px;--syte-okd-button-rect-xs-border-radius:4px;--syte-okd-button-rect-sm-border-radius:4px;--syte-okd-button-rect-s-border-radius:4px;--syte-okd-button-rect-md-border-radius:4px;--syte-okd-button-rect-lg-border-radius:8px;--syte-okd-button-rect-xl-border-radius:8px;--syte-okd-button-fill-highlight-default-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-highlight-hover-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-highlight-active-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-highlight-focus-background:var(--syte-okd-color-text-amplifed);--syte-okd-button-fill-highlight-disabled-background:var(--syte-okd-color-neutral-180);--syte-okd-button-fill-highlight-default-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-highlight-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-highlight-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-highlight-focus-border-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-fill-highlight-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-highlight-default-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-highlight-hover-font-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-highlight-active-font-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-highlight-focus-font-color:var(--syte-okd-color-gray-050);--syte-okd-button-fill-highlight-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-highlight-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-highlight-hover-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-highlight-active-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-highlight-focus-icon-color:var(--syte-okd-color-gray-050);--syte-okd-button-fill-highlight-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-highlight-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-highlight-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-highlight-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-highlight-focus-shadow:0px 0px 0px 1.5px #000,0px 0px 0px 4px #fafafa40;--syte-okd-button-fill-highlight-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-highlight-loader-track-color:rgba(0,0,0,.26);--syte-okd-button-fill-highlight-loader-mark-color:var(--syte-okd-color-border-contrast);--syte-okd-button-fill-highlight-border-size:0px;--syte-okd-button-fill-primary-default-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-primary-hover-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-primary-active-background:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-primary-focus-background:var(--syte-okd-color-blue-500);--syte-okd-button-fill-primary-disabled-background:var(--syte-okd-color-neutral-180);--syte-okd-button-fill-primary-default-border-color:var(--syte-okd-color-container-inverse);--syte-okd-button-fill-primary-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-primary-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-primary-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-primary-disabled-border-color:var(--syte-okd-color-background-surface-primary);--syte-okd-button-fill-primary-default-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-primary-hover-font-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-primary-active-font-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-primary-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-primary-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-primary-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-fill-primary-hover-icon-color:rgba(0,0,0,.6);--syte-okd-button-fill-primary-active-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-primary-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-primary-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-primary-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-primary-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-primary-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-primary-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #2676ff8c;--syte-okd-button-fill-primary-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-primary-loader-track-color:rgba(0,0,0,.26);--syte-okd-button-fill-primary-loader-mark-color:var(--syte-okd-color-border-contrast);--syte-okd-button-fill-primary-border-size:0px;--syte-okd-button-fill-secondary-default-background:hsla(0,0%,98%,.06);--syte-okd-button-fill-secondary-hover-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-secondary-active-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-secondary-focus-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-secondary-disabled-background:hsla(0,0%,100%,.06);--syte-okd-button-fill-secondary-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-secondary-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-secondary-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-secondary-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-secondary-disabled-border-color:var(--syte-okd-color-background-3);--syte-okd-button-fill-secondary-default-font-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-fill-secondary-hover-font-color:var(--syte-okd-color-white);--syte-okd-button-fill-secondary-active-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-secondary-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-secondary-disabled-font-color:var(--syte-okd-color-text-lighter);--syte-okd-button-fill-secondary-default-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-fill-secondary-hover-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-fill-secondary-active-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-secondary-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-secondary-disabled-icon-color:var(--syte-okd-color-text-lighter);--syte-okd-button-fill-secondary-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-secondary-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-secondary-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-secondary-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a;--syte-okd-button-fill-secondary-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-secondary-loader-track-color:var(--syte-okd-color-gray-300);--syte-okd-button-fill-secondary-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-fill-secondary-border-size:0px;--syte-okd-button-fill-tertiary-border-size:0px;--syte-okd-button-fill-tertiary-default-background:var(--syte-okd-color-container-primary);--syte-okd-button-fill-tertiary-hover-background:var(--syte-okd-color-container-primary);--syte-okd-button-fill-tertiary-focus-background:hsla(0,0%,100%,.8);--syte-okd-button-fill-tertiary-active-background:var(--syte-okd-color-container-primary);--syte-okd-button-fill-tertiary-disabled-background:rgba(39,39,39,.06);--syte-okd-button-fill-tertiary-default-border-color:var(--syte-okd-color-container-primary);--syte-okd-button-fill-tertiary-hover-border-color:rgba(39,39,39,0);--syte-okd-button-fill-tertiary-focus-border-color:hsla(0,0%,100%,0);--syte-okd-button-fill-tertiary-active-border-color:rgba(39,39,39,0);--syte-okd-button-fill-tertiary-disabled-border-color:rgba(39,39,39,.06);--syte-okd-button-fill-tertiary-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-tertiary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-tertiary-hover-font-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-tertiary-hover-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-tertiary-focus-font-color:var(--syte-okd-color-black);--syte-okd-button-fill-tertiary-focus-icon-color:var(--syte-okd-color-black);--syte-okd-button-fill-tertiary-active-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-tertiary-active-font-color:var(--syte-okd-color-content-contrast);--syte-okd-button-fill-tertiary-disabled-icon-color:rgba(0,0,0,.36);--syte-okd-button-fill-tertiary-disabled-font-color:rgba(0,0,0,.36);--syte-okd-button-fill-tertiary-default-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-tertiary-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-tertiary-focus-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-tertiary-active-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-tertiary-loader-track-color:var(--syte-okd-color-border-primary);--syte-okd-button-fill-tertiary-loader-mark-color:var(--syte-okd-color-border-selected);--syte-okd-button-fill-quaternary-border-size:0px;--syte-okd-button-fill-quaternary-default-background:hsla(0,0%,100%,.06);--syte-okd-button-fill-quaternary-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-quaternary-default-icon-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-default-font-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-hover-icon-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-hover-font-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-quaternary-hover-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-quaternary-focus-icon-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-focus-font-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-quaternary-focus-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-quaternary-active-icon-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-active-font-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-quaternary-active-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-quaternary-disabled-icon-color:hsla(0,0%,100%,.3);--syte-okd-button-fill-quaternary-disabled-font-color:hsla(0,0%,100%,.3);--syte-okd-button-fill-quaternary-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-quaternary-disabled-background:hsla(0,0%,100%,.06);--syte-okd-button-fill-quaternary-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-fill-quaternary-loader-track-color:hsla(0,0%,100%,.15);--syte-okd-button-fill-quaternary-default-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-focus-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-active-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-red-default-background:var(--syte-okd-color-semantic-negative);--syte-okd-button-fill-red-hover-background:rgba(202,63,100,.8);--syte-okd-button-fill-red-active-background:rgba(202,63,100,.8);--syte-okd-button-fill-red-focus-background:var(--syte-okd-color-red-500);--syte-okd-button-fill-red-disabled-background:var(--syte-okd-color-neutral-180);--syte-okd-button-fill-red-default-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-fill-red-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-red-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-red-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-red-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-red-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-red-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-red-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-red-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-red-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-red-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-red-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-red-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-red-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-red-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-red-default-shadow:var(--syte-okd-shadow-sm);--syte-okd-button-fill-red-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-red-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-red-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #bf474780;--syte-okd-button-fill-red-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-red-loader-track-color:hsla(0,0%,100%,.15);--syte-okd-button-fill-red-loader-mark-color:var(--syte-okd-color-border-selected);--syte-okd-button-fill-red-border-size:0px;--syte-okd-button-fill-green-default-background:var(--syte-okd-color-semantic-positive);--syte-okd-button-fill-green-hover-background:rgba(37,167,80,.8);--syte-okd-button-fill-green-active-background:rgba(37,167,80,.8);--syte-okd-button-fill-green-focus-background:var(--syte-okd-color-green-500);--syte-okd-button-fill-green-disabled-background:var(--syte-okd-color-neutral-180);--syte-okd-button-fill-green-default-border-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-fill-green-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-green-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-green-focus-border-color:var(--syte-okd-color-green-500);--syte-okd-button-fill-green-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-fill-green-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-green-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-green-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-green-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-green-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-green-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-green-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-green-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-green-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-green-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-green-default-shadow:var(--syte-okd-shadow-sm);--syte-okd-button-fill-green-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-green-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-green-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #33b06a8c;--syte-okd-button-fill-green-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-green-loader-track-color:hsla(0,0%,100%,.15);--syte-okd-button-fill-green-loader-mark-color:var(--syte-okd-color-border-selected);--syte-okd-button-fill-green-border-size:0px;--syte-okd-button-fill-grey-default-background:var(--syte-okd-color-neutral-180);--syte-okd-button-fill-grey-hover-background:var(--syte-okd-color-neutral-170);--syte-okd-button-fill-grey-active-background:var(--syte-okd-color-neutral-180);--syte-okd-button-fill-grey-focus-background:rgba(64,64,64,.6);--syte-okd-button-fill-grey-disabled-background:var(--syte-okd-color-neutral-180);--syte-okd-button-fill-grey-default-border-color:var(--syte-okd-color-background-surface-primary);--syte-okd-button-fill-grey-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-grey-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-fill-grey-focus-border-color:var(--syte-okd-color-gray-200);--syte-okd-button-fill-grey-disabled-border-color:var(--syte-okd-color-background-surface-disable);--syte-okd-button-fill-grey-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-grey-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-grey-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-fill-grey-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-fill-grey-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-fill-grey-default-shadow:0 0 0 0 transparent;--syte-okd-button-fill-grey-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-grey-active-shadow:0 0 0 0 transparent;--syte-okd-button-fill-grey-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a;--syte-okd-button-fill-grey-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-fill-grey-loader-track-color:var(--syte-okd-color-border-primary);--syte-okd-button-fill-grey-loader-mark-color:var(--syte-okd-color-border-selected);--syte-okd-button-fill-grey-border-size:0px;--syte-okd-button-outline-highlight-border-size:1px;--syte-okd-button-outline-highlight-default-background:var(--syte-okd-color-transparent-base-black);--syte-okd-button-outline-highlight-default-border-color:var(--syte-okd-color-border-selected);--syte-okd-button-outline-highlight-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-highlight-hover-background:var(--syte-okd-color-container-inverse);--syte-okd-button-outline-highlight-hover-border-color:var(--syte-okd-color-border-selected);--syte-okd-button-outline-highlight-hover-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-highlight-hover-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-highlight-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-highlight-default-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-highlight-focus-background:var(--syte-okd-color-white);--syte-okd-button-outline-highlight-focus-border-color:var(--syte-okd-color-white);--syte-okd-button-outline-highlight-focus-font-color:var(--syte-okd-color-black);--syte-okd-button-outline-highlight-focus-icon-color:var(--syte-okd-color-black);--syte-okd-button-outline-highlight-focus-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-highlight-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-highlight-active-background:var(--syte-okd-color-container-inverse);--syte-okd-button-outline-highlight-active-border-color:var(--syte-okd-color-border-selected);--syte-okd-button-outline-highlight-active-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-highlight-active-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-highlight-active-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-highlight-disabled-background:var(--syte-okd-color-transparent-base-black);--syte-okd-button-outline-highlight-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-outline-highlight-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-outline-highlight-disabled-border-color:var(--syte-okd-color-border-primary);--syte-okd-button-outline-highlight-loader-track-color:hsla(0,0%,100%,.25);--syte-okd-button-outline-highlight-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-outline-highlight-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-primary-default-background:var(--syte-okd-color-transparent-base-black);--syte-okd-button-outline-primary-hover-background:var(--syte-okd-color-neutral-180);--syte-okd-button-outline-primary-active-background:var(--syte-okd-color-neutral-180);--syte-okd-button-outline-primary-focus-background:var(--syte-okd-color-background-3);--syte-okd-button-outline-primary-disabled-background:var(--syte-okd-color-neutral-180);--syte-okd-button-outline-primary-default-border-color:var(--syte-okd-color-border-secondary);--syte-okd-button-outline-primary-hover-border-color:var(--syte-okd-color-border-secondary);--syte-okd-button-outline-primary-active-border-color:var(--syte-okd-color-border-secondary);--syte-okd-button-outline-primary-focus-border-color:var(--syte-okd-color-line-secondary);--syte-okd-button-outline-primary-disabled-border-color:var(--syte-okd-color-border-primary);--syte-okd-button-outline-primary-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-focus-font-color:var(--syte-okd-color-text-white);--syte-okd-button-outline-primary-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-outline-primary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-primary-focus-icon-color:var(--syte-okd-color-text-white);--syte-okd-button-outline-primary-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-outline-primary-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-primary-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-primary-active-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-primary-focus-shadow:0px 0px 0px 3.5px #ffffff1a;--syte-okd-button-outline-primary-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-primary-loader-track-color:hsla(0,0%,56%,.25);--syte-okd-button-outline-primary-loader-mark-color:#fff;--syte-okd-button-outline-primary-border-size:1px;--syte-okd-button-outline-secondary-default-background:var(--syte-okd-color-transparent);--syte-okd-button-outline-secondary-hover-background:var(--syte-okd-color-background-3);--syte-okd-button-outline-secondary-active-background:var(--syte-okd-color-background-3);--syte-okd-button-outline-secondary-focus-background:var(--syte-okd-color-background-3);--syte-okd-button-outline-secondary-disabled-background:var(--syte-okd-color-transparent);--syte-okd-button-outline-secondary-default-border-color:var(--syte-okd-color-line-secondary);--syte-okd-button-outline-secondary-hover-border-color:var(--syte-okd-color-line-secondary);--syte-okd-button-outline-secondary-active-border-color:var(--syte-okd-color-line-secondary);--syte-okd-button-outline-secondary-focus-border-color:var(--syte-okd-color-line-secondary);--syte-okd-button-outline-secondary-disabled-border-color:var(--syte-okd-color-line-muted);--syte-okd-button-outline-secondary-default-font-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-hover-font-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-active-font-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-focus-font-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-disabled-font-color:var(--syte-okd-color-text-lighter);--syte-okd-button-outline-secondary-default-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-hover-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-active-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-focus-icon-color:var(--syte-okd-color-text-amplifed);--syte-okd-button-outline-secondary-disabled-icon-color:var(--syte-okd-color-text-lighter);--syte-okd-button-outline-secondary-default-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-secondary-hover-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-secondary-active-shadow:0 0 0 0 transparent;--syte-okd-button-outline-secondary-focus-shadow:0px 0px 0px 3.5px #ffffff1a;--syte-okd-button-outline-secondary-disabled-shadow:var(--syte-okd-shadow-none);--syte-okd-button-outline-secondary-loader-track-color:hsla(0,0%,100%,.25);--syte-okd-button-outline-secondary-loader-mark-color:var(--syte-okd-color-white);--syte-okd-button-outline-secondary-border-size:1px;--syte-okd-button-outline-tertiary-border-size:1.5px;--syte-okd-button-outline-tertiary-default-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-tertiary-default-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-tertiary-default-border-color:var(--syte-okd-color-border-contrast);--syte-okd-button-outline-tertiary-default-background:var(--syte-okd-color-transparent);--syte-okd-button-outline-tertiary-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-tertiary-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-tertiary-hover-border-color:var(--syte-okd-color-container-primary);--syte-okd-button-outline-tertiary-hover-background:var(--syte-okd-color-container-primary);--syte-okd-button-outline-tertiary-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-focus-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-focus-icon-color:var(--syte-okd-color-black);--syte-okd-button-outline-tertiary-focus-font-color:var(--syte-okd-color-black);--syte-okd-button-outline-tertiary-focus-border-color:var(--syte-okd-color-white);--syte-okd-button-outline-tertiary-focus-background:var(--syte-okd-color-white);--syte-okd-button-outline-tertiary-active-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-tertiary-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-outline-tertiary-active-border-color:var(--syte-okd-color-container-primary);--syte-okd-button-outline-tertiary-active-background:var(--syte-okd-color-container-primary);--syte-okd-button-outline-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-tertiary-disabled-icon-color:rgba(0,0,0,.36);--syte-okd-button-outline-tertiary-disabled-font-color:var(--syte-okd-color-content-inverse);--syte-okd-button-outline-tertiary-disabled-border-color:rgba(0,0,0,.12);--syte-okd-button-outline-tertiary-disabled-background:var(--syte-okd-color-transparent);--syte-okd-button-outline-tertiary-loader-mark-color:var(--syte-okd-color-border-contrast);--syte-okd-button-outline-tertiary-loader-track-color:rgba(0,0,0,.3);--syte-okd-button-text-primary-default-background:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-hover-background:var(--syte-okd-color-neutral-180);--syte-okd-button-text-primary-active-background:var(--syte-okd-color-neutral-180);--syte-okd-button-text-primary-focus-background:var(--syte-okd-color-blue-050);--syte-okd-button-text-primary-disabled-background:undefined;--syte-okd-button-text-primary-default-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-primary-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-primary-default-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-active-font-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-focus-font-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-primary-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-button-text-primary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-active-icon-color:var(--syte-okd-color-content-primary);--syte-okd-button-text-primary-focus-icon-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-primary-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-button-text-primary-default-shadow:none;--syte-okd-button-text-primary-hover-shadow:none;--syte-okd-button-text-primary-active-shadow:none;--syte-okd-button-text-primary-focus-shadow:none;--syte-okd-button-text-primary-disabled-shadow:none;--syte-okd-button-text-primary-border-size:1px;--syte-okd-button-text-secondary-default-background:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-hover-background:var(--syte-okd-color-blue-050);--syte-okd-button-text-secondary-active-background:var(--syte-okd-color-blue-050);--syte-okd-button-text-secondary-focus-background:var(--syte-okd-color-blue-050);--syte-okd-button-text-secondary-disabled-background:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-secondary-default-font-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-secondary-hover-font-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-secondary-active-font-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-secondary-focus-font-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-secondary-disabled-font-color:var(--syte-okd-color-text-lighter);--syte-okd-button-text-secondary-default-icon-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-secondary-hover-icon-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-secondary-active-icon-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-secondary-focus-icon-color:var(--syte-okd-color-blue-900);--syte-okd-button-text-secondary-disabled-icon-color:var(--syte-okd-color-text-lighter);--syte-okd-button-text-secondary-default-shadow:none;--syte-okd-button-text-secondary-hover-shadow:none;--syte-okd-button-text-secondary-active-shadow:none;--syte-okd-button-text-secondary-focus-shadow:none;--syte-okd-button-text-secondary-disabled-shadow:none;--syte-okd-button-text-secondary-border-size:1px;--syte-okd-button-text-red-default-background:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-hover-background:rgba(202,63,100,.05);--syte-okd-button-text-red-active-background:rgba(202,63,100,.05);--syte-okd-button-text-red-focus-background:var(--syte-okd-color-red-050);--syte-okd-button-text-red-disabled-background:hsla(0,0%,5%,0);--syte-okd-button-text-red-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-red-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-red-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-default-font-color:var(--syte-okd-color-prefer-red-text);--syte-okd-button-text-red-hover-font-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-text-red-active-font-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-text-red-focus-font-color:var(--syte-okd-color-red-800);--syte-okd-button-text-red-disabled-font-color:rgba(202,63,100,.45);--syte-okd-button-text-red-default-icon-color:var(--syte-okd-color-prefer-red-text);--syte-okd-button-text-red-hover-icon-color:rgba(202,63,100,.1);--syte-okd-button-text-red-active-icon-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-text-red-focus-icon-color:var(--syte-okd-color-red-800);--syte-okd-button-text-red-disabled-icon-color:rgba(202,63,100,.45);--syte-okd-button-text-red-default-shadow:none;--syte-okd-button-text-red-hover-shadow:none;--syte-okd-button-text-red-active-shadow:none;--syte-okd-button-text-red-focus-shadow:none;--syte-okd-button-text-red-disabled-shadow:none;--syte-okd-button-text-red-border-size:1px;--syte-okd-button-text-green-default-background:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-hover-background:rgba(37,167,80,.05);--syte-okd-button-text-green-active-background:rgba(37,167,80,.05);--syte-okd-button-text-green-focus-background:var(--syte-okd-color-green-050);--syte-okd-button-text-green-disabled-background:hsla(0,0%,5%,0);--syte-okd-button-text-green-default-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-green-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-green-default-font-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-hover-font-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-active-font-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-focus-font-color:var(--syte-okd-color-green-800);--syte-okd-button-text-green-disabled-font-color:rgba(37,167,80,.45);--syte-okd-button-text-green-default-icon-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-hover-icon-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-active-icon-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-text-green-focus-icon-color:var(--syte-okd-color-green-800);--syte-okd-button-text-green-disabled-icon-color:rgba(37,167,80,.45);--syte-okd-button-text-green-default-shadow:none;--syte-okd-button-text-green-hover-shadow:none;--syte-okd-button-text-green-active-shadow:none;--syte-okd-button-text-green-focus-shadow:none;--syte-okd-button-text-green-disabled-shadow:none;--syte-okd-button-text-green-border-size:1px;--syte-okd-button-text-yellow-default-background:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-hover-background:rgba(255,177,23,.05);--syte-okd-button-text-yellow-active-background:rgba(255,177,23,.05);--syte-okd-button-text-yellow-focus-background:var(--syte-okd-color-yellow-050);--syte-okd-button-text-yellow-disabled-background:hsla(0,0%,5%,0);--syte-okd-button-text-yellow-default-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-hover-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-active-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-yellow-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-yellow-default-font-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-hover-font-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-active-font-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-focus-font-color:var(--syte-okd-color-yellow-800);--syte-okd-button-text-yellow-disabled-font-color:rgba(255,177,23,.45);--syte-okd-button-text-yellow-default-icon-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-hover-icon-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-active-icon-color:var(--syte-okd-color-semantic-notice);--syte-okd-button-text-yellow-focus-icon-color:var(--syte-okd-color-yellow-800);--syte-okd-button-text-yellow-disabled-icon-color:rgba(255,177,23,.45);--syte-okd-button-text-yellow-default-shadow:none;--syte-okd-button-text-yellow-hover-shadow:none;--syte-okd-button-text-yellow-active-shadow:none;--syte-okd-button-text-yellow-focus-shadow:none;--syte-okd-button-text-yellow-disabled-shadow:none;--syte-okd-button-text-yellow-border-size:1px;--syte-okd-button-text-orange-default-background:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-hover-background:var(--syte-okd-color-orange-050);--syte-okd-button-text-orange-active-background:var(--syte-okd-color-orange-050);--syte-okd-button-text-orange-focus-background:var(--syte-okd-color-orange-050);--syte-okd-button-text-orange-disabled-background:var(--syte-okd-color-gray-050);--syte-okd-button-text-orange-default-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-hover-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-active-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-focus-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-disabled-border-color:var(--syte-okd-color-transparent);--syte-okd-button-text-orange-default-font-color:var(--syte-okd-color-orange-900);--syte-okd-button-text-orange-hover-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-active-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-focus-font-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-disabled-font-color:rgba(248,116,40,.45);--syte-okd-button-text-orange-default-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-hover-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-active-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-focus-icon-color:var(--syte-okd-color-orange-800);--syte-okd-button-text-orange-disabled-icon-color:rgba(248,116,40,.45);--syte-okd-button-text-orange-default-shadow:none;--syte-okd-button-text-orange-hover-shadow:none;--syte-okd-button-text-orange-active-shadow:none;--syte-okd-button-text-orange-focus-shadow:none;--syte-okd-button-text-orange-disabled-shadow:none;--syte-okd-button-text-orange-border-size:1px}.syte-btn{-ms-flex-pack:center;-ms-flex-align:center;-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;outline:none;position:relative;text-decoration:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.syte-btn:focus-visible{outline:2px solid var(--syte-okd-color-border-focus);outline-color:var(--syte-okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.syte-btn.btn-fill-highlight{background:var(--syte-okd-button-fill-highlight-default-background);border-color:var(--syte-okd-button-fill-highlight-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-highlight-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-highlight-default-shadow);box-shadow:var(--syte-okd-button-fill-highlight-default-shadow);color:var(--syte-okd-button-fill-highlight-default-font-color)}.syte-btn.btn-fill-highlight.hover,.syte-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-highlight-hover-background);border-color:var(--syte-okd-button-fill-highlight-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-highlight-hover-shadow);box-shadow:var(--syte-okd-button-fill-highlight-hover-shadow);color:var(--syte-okd-button-fill-highlight-hover-font-color)}.syte-btn.btn-fill-highlight.hover .btn-icon,.syte-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-highlight-hover-icon-color)}.syte-btn.btn-fill-highlight.active,.syte-btn.btn-fill-highlight:not(:disabled):active{background:var(--syte-okd-button-fill-highlight-active-background);border-color:var(--syte-okd-button-fill-highlight-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-highlight-active-shadow);box-shadow:var(--syte-okd-button-fill-highlight-active-shadow);color:var(--syte-okd-button-fill-highlight-active-font-color)}.syte-btn.btn-fill-highlight.active .btn-icon,.syte-btn.btn-fill-highlight:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-highlight-active-icon-color)}.syte-btn.btn-fill-highlight:not(.loading).btn-disabled,.syte-btn.btn-fill-highlight:not(.loading):disabled{background:var(--syte-okd-button-fill-highlight-disabled-background);border-color:var(--syte-okd-button-fill-highlight-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-highlight-disabled-shadow);box-shadow:var(--syte-okd-button-fill-highlight-disabled-shadow);color:var(--syte-okd-button-fill-highlight-disabled-font-color)}.syte-btn.btn-fill-highlight:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-highlight:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-highlight-disabled-icon-color)}.syte-btn.btn-fill-highlight.loading{cursor:pointer}.syte-btn.btn-fill-highlight .btn-icon{color:var(--syte-okd-button-fill-highlight-default-icon-color)}.syte-btn.btn-fill-highlight .syte-btn-loader-text{color:var(--syte-okd-button-fill-highlight-default-font-color)}.syte-btn.btn-fill-highlight.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary{background:var(--syte-okd-button-fill-primary-default-background);border-color:var(--syte-okd-button-fill-primary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-primary-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-primary-default-shadow);box-shadow:var(--syte-okd-button-fill-primary-default-shadow);color:var(--syte-okd-button-fill-primary-default-font-color)}.syte-btn.btn-fill-primary.hover,.syte-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-primary-hover-background);border-color:var(--syte-okd-button-fill-primary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-primary-hover-shadow);box-shadow:var(--syte-okd-button-fill-primary-hover-shadow);color:var(--syte-okd-button-fill-primary-hover-font-color)}.syte-btn.btn-fill-primary.hover .btn-icon,.syte-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-primary-hover-icon-color)}.syte-btn.btn-fill-primary.active,.syte-btn.btn-fill-primary:not(:disabled):active{background:var(--syte-okd-button-fill-primary-active-background);border-color:var(--syte-okd-button-fill-primary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-primary-active-shadow);box-shadow:var(--syte-okd-button-fill-primary-active-shadow);color:var(--syte-okd-button-fill-primary-active-font-color)}.syte-btn.btn-fill-primary.active .btn-icon,.syte-btn.btn-fill-primary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-primary-active-icon-color)}.syte-btn.btn-fill-primary:not(.loading).btn-disabled,.syte-btn.btn-fill-primary:not(.loading):disabled{background:var(--syte-okd-button-fill-primary-disabled-background);border-color:var(--syte-okd-button-fill-primary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-primary-disabled-shadow);box-shadow:var(--syte-okd-button-fill-primary-disabled-shadow);color:var(--syte-okd-button-fill-primary-disabled-font-color)}.syte-btn.btn-fill-primary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-primary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-primary-disabled-icon-color)}.syte-btn.btn-fill-primary.loading{cursor:pointer}.syte-btn.btn-fill-primary .btn-icon{color:var(--syte-okd-button-fill-primary-default-icon-color)}.syte-btn.btn-fill-primary .syte-btn-loader-text{color:var(--syte-okd-button-fill-primary-default-font-color)}.syte-btn.btn-fill-primary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-primary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-primary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-primary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-primary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-primary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-primary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-primary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary{background:var(--syte-okd-button-fill-secondary-default-background);border-color:var(--syte-okd-button-fill-secondary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-secondary-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-secondary-default-shadow);box-shadow:var(--syte-okd-button-fill-secondary-default-shadow);color:var(--syte-okd-button-fill-secondary-default-font-color)}.syte-btn.btn-fill-secondary.hover,.syte-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-secondary-hover-background);border-color:var(--syte-okd-button-fill-secondary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-secondary-hover-shadow);box-shadow:var(--syte-okd-button-fill-secondary-hover-shadow);color:var(--syte-okd-button-fill-secondary-hover-font-color)}.syte-btn.btn-fill-secondary.hover .btn-icon,.syte-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-secondary-hover-icon-color)}.syte-btn.btn-fill-secondary.active,.syte-btn.btn-fill-secondary:not(:disabled):active{background:var(--syte-okd-button-fill-secondary-active-background);border-color:var(--syte-okd-button-fill-secondary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-secondary-active-shadow);box-shadow:var(--syte-okd-button-fill-secondary-active-shadow);color:var(--syte-okd-button-fill-secondary-active-font-color)}.syte-btn.btn-fill-secondary.active .btn-icon,.syte-btn.btn-fill-secondary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-secondary-active-icon-color)}.syte-btn.btn-fill-secondary:not(.loading).btn-disabled,.syte-btn.btn-fill-secondary:not(.loading):disabled{background:var(--syte-okd-button-fill-secondary-disabled-background);border-color:var(--syte-okd-button-fill-secondary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-secondary-disabled-shadow);box-shadow:var(--syte-okd-button-fill-secondary-disabled-shadow);color:var(--syte-okd-button-fill-secondary-disabled-font-color)}.syte-btn.btn-fill-secondary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-secondary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-secondary-disabled-icon-color)}.syte-btn.btn-fill-secondary.loading{cursor:pointer}.syte-btn.btn-fill-secondary .btn-icon{color:var(--syte-okd-button-fill-secondary-default-icon-color)}.syte-btn.btn-fill-secondary .syte-btn-loader-text{color:var(--syte-okd-button-fill-secondary-default-font-color)}.syte-btn.btn-fill-secondary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary{background:var(--syte-okd-button-fill-tertiary-default-background);border-color:var(--syte-okd-button-fill-tertiary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-tertiary-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-tertiary-default-shadow);box-shadow:var(--syte-okd-button-fill-tertiary-default-shadow);color:var(--syte-okd-button-fill-tertiary-default-font-color)}.syte-btn.btn-fill-tertiary.hover,.syte-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-tertiary-hover-background);border-color:var(--syte-okd-button-fill-tertiary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-tertiary-hover-shadow);box-shadow:var(--syte-okd-button-fill-tertiary-hover-shadow);color:var(--syte-okd-button-fill-tertiary-hover-font-color)}.syte-btn.btn-fill-tertiary.hover .btn-icon,.syte-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-tertiary-hover-icon-color)}.syte-btn.btn-fill-tertiary.active,.syte-btn.btn-fill-tertiary:not(:disabled):active{background:var(--syte-okd-button-fill-tertiary-active-background);border-color:var(--syte-okd-button-fill-tertiary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-tertiary-active-shadow);box-shadow:var(--syte-okd-button-fill-tertiary-active-shadow);color:var(--syte-okd-button-fill-tertiary-active-font-color)}.syte-btn.btn-fill-tertiary.active .btn-icon,.syte-btn.btn-fill-tertiary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-tertiary-active-icon-color)}.syte-btn.btn-fill-tertiary:not(.loading).btn-disabled,.syte-btn.btn-fill-tertiary:not(.loading):disabled{background:var(--syte-okd-button-fill-tertiary-disabled-background);border-color:var(--syte-okd-button-fill-tertiary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-tertiary-disabled-shadow);box-shadow:var(--syte-okd-button-fill-tertiary-disabled-shadow);color:var(--syte-okd-button-fill-tertiary-disabled-font-color)}.syte-btn.btn-fill-tertiary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-tertiary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-tertiary-disabled-icon-color)}.syte-btn.btn-fill-tertiary.loading{cursor:pointer}.syte-btn.btn-fill-tertiary .btn-icon{color:var(--syte-okd-button-fill-tertiary-default-icon-color)}.syte-btn.btn-fill-tertiary .syte-btn-loader-text{color:var(--syte-okd-button-fill-tertiary-default-font-color)}.syte-btn.btn-fill-tertiary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary{background:var(--syte-okd-button-fill-quaternary-default-background);border-color:var(--syte-okd-button-fill-quaternary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-quaternary-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-quaternary-default-shadow);box-shadow:var(--syte-okd-button-fill-quaternary-default-shadow);color:var(--syte-okd-button-fill-quaternary-default-font-color)}.syte-btn.btn-fill-quaternary.hover,.syte-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-quaternary-hover-background);border-color:var(--syte-okd-button-fill-quaternary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-quaternary-hover-shadow);box-shadow:var(--syte-okd-button-fill-quaternary-hover-shadow);color:var(--syte-okd-button-fill-quaternary-hover-font-color)}.syte-btn.btn-fill-quaternary.hover .btn-icon,.syte-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-quaternary-hover-icon-color)}.syte-btn.btn-fill-quaternary.active,.syte-btn.btn-fill-quaternary:not(:disabled):active{background:var(--syte-okd-button-fill-quaternary-active-background);border-color:var(--syte-okd-button-fill-quaternary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-quaternary-active-shadow);box-shadow:var(--syte-okd-button-fill-quaternary-active-shadow);color:var(--syte-okd-button-fill-quaternary-active-font-color)}.syte-btn.btn-fill-quaternary.active .btn-icon,.syte-btn.btn-fill-quaternary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-quaternary-active-icon-color)}.syte-btn.btn-fill-quaternary:not(.loading).btn-disabled,.syte-btn.btn-fill-quaternary:not(.loading):disabled{background:var(--syte-okd-button-fill-quaternary-disabled-background);border-color:var(--syte-okd-button-fill-quaternary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-quaternary-disabled-shadow);box-shadow:var(--syte-okd-button-fill-quaternary-disabled-shadow);color:var(--syte-okd-button-fill-quaternary-disabled-font-color)}.syte-btn.btn-fill-quaternary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-quaternary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-quaternary-disabled-icon-color)}.syte-btn.btn-fill-quaternary.loading{cursor:pointer}.syte-btn.btn-fill-quaternary .btn-icon{color:var(--syte-okd-button-fill-quaternary-default-icon-color)}.syte-btn.btn-fill-quaternary .syte-btn-loader-text{color:var(--syte-okd-button-fill-quaternary-default-font-color)}.syte-btn.btn-fill-quaternary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red{background:var(--syte-okd-button-fill-red-default-background);border-color:var(--syte-okd-button-fill-red-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-red-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-red-default-shadow);box-shadow:var(--syte-okd-button-fill-red-default-shadow);color:var(--syte-okd-button-fill-red-default-font-color)}.syte-btn.btn-fill-red.hover,.syte-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-red-hover-background);border-color:var(--syte-okd-button-fill-red-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-red-hover-shadow);box-shadow:var(--syte-okd-button-fill-red-hover-shadow);color:var(--syte-okd-button-fill-red-hover-font-color)}.syte-btn.btn-fill-red.hover .btn-icon,.syte-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-red-hover-icon-color)}.syte-btn.btn-fill-red.active,.syte-btn.btn-fill-red:not(:disabled):active{background:var(--syte-okd-button-fill-red-active-background);border-color:var(--syte-okd-button-fill-red-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-red-active-shadow);box-shadow:var(--syte-okd-button-fill-red-active-shadow);color:var(--syte-okd-button-fill-red-active-font-color)}.syte-btn.btn-fill-red.active .btn-icon,.syte-btn.btn-fill-red:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-red-active-icon-color)}.syte-btn.btn-fill-red:not(.loading).btn-disabled,.syte-btn.btn-fill-red:not(.loading):disabled{background:var(--syte-okd-button-fill-red-disabled-background);border-color:var(--syte-okd-button-fill-red-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-red-disabled-shadow);box-shadow:var(--syte-okd-button-fill-red-disabled-shadow);color:var(--syte-okd-button-fill-red-disabled-font-color)}.syte-btn.btn-fill-red:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-red:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-red-disabled-icon-color)}.syte-btn.btn-fill-red.loading{cursor:pointer}.syte-btn.btn-fill-red .btn-icon{color:var(--syte-okd-button-fill-red-default-icon-color)}.syte-btn.btn-fill-red .syte-btn-loader-text{color:var(--syte-okd-button-fill-red-default-font-color)}.syte-btn.btn-fill-red.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-red.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-red.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-red.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-red.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-red.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-red.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-red.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green{background:var(--syte-okd-button-fill-green-default-background);border-color:var(--syte-okd-button-fill-green-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-green-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-green-default-shadow);box-shadow:var(--syte-okd-button-fill-green-default-shadow);color:var(--syte-okd-button-fill-green-default-font-color)}.syte-btn.btn-fill-green.hover,.syte-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-green-hover-background);border-color:var(--syte-okd-button-fill-green-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-green-hover-shadow);box-shadow:var(--syte-okd-button-fill-green-hover-shadow);color:var(--syte-okd-button-fill-green-hover-font-color)}.syte-btn.btn-fill-green.hover .btn-icon,.syte-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-green-hover-icon-color)}.syte-btn.btn-fill-green.active,.syte-btn.btn-fill-green:not(:disabled):active{background:var(--syte-okd-button-fill-green-active-background);border-color:var(--syte-okd-button-fill-green-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-green-active-shadow);box-shadow:var(--syte-okd-button-fill-green-active-shadow);color:var(--syte-okd-button-fill-green-active-font-color)}.syte-btn.btn-fill-green.active .btn-icon,.syte-btn.btn-fill-green:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-green-active-icon-color)}.syte-btn.btn-fill-green:not(.loading).btn-disabled,.syte-btn.btn-fill-green:not(.loading):disabled{background:var(--syte-okd-button-fill-green-disabled-background);border-color:var(--syte-okd-button-fill-green-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-green-disabled-shadow);box-shadow:var(--syte-okd-button-fill-green-disabled-shadow);color:var(--syte-okd-button-fill-green-disabled-font-color)}.syte-btn.btn-fill-green:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-green:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-green-disabled-icon-color)}.syte-btn.btn-fill-green.loading{cursor:pointer}.syte-btn.btn-fill-green .btn-icon{color:var(--syte-okd-button-fill-green-default-icon-color)}.syte-btn.btn-fill-green .syte-btn-loader-text{color:var(--syte-okd-button-fill-green-default-font-color)}.syte-btn.btn-fill-green.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-green.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-green.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-green.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-green.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-green.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-green.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-green.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey{background:var(--syte-okd-button-fill-grey-default-background);border-color:var(--syte-okd-button-fill-grey-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-grey-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-grey-default-shadow);box-shadow:var(--syte-okd-button-fill-grey-default-shadow);color:var(--syte-okd-button-fill-grey-default-font-color)}.syte-btn.btn-fill-grey.hover,.syte-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-grey-hover-background);border-color:var(--syte-okd-button-fill-grey-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-grey-hover-shadow);box-shadow:var(--syte-okd-button-fill-grey-hover-shadow);color:var(--syte-okd-button-fill-grey-hover-font-color)}.syte-btn.btn-fill-grey.hover .btn-icon,.syte-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-grey-hover-icon-color)}.syte-btn.btn-fill-grey.active,.syte-btn.btn-fill-grey:not(:disabled):active{background:var(--syte-okd-button-fill-grey-active-background);border-color:var(--syte-okd-button-fill-grey-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-grey-active-shadow);box-shadow:var(--syte-okd-button-fill-grey-active-shadow);color:var(--syte-okd-button-fill-grey-active-font-color)}.syte-btn.btn-fill-grey.active .btn-icon,.syte-btn.btn-fill-grey:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-grey-active-icon-color)}.syte-btn.btn-fill-grey:not(.loading).btn-disabled,.syte-btn.btn-fill-grey:not(.loading):disabled{background:var(--syte-okd-button-fill-grey-disabled-background);border-color:var(--syte-okd-button-fill-grey-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-grey-disabled-shadow);box-shadow:var(--syte-okd-button-fill-grey-disabled-shadow);color:var(--syte-okd-button-fill-grey-disabled-font-color)}.syte-btn.btn-fill-grey:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-grey:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-grey-disabled-icon-color)}.syte-btn.btn-fill-grey.loading{cursor:pointer}.syte-btn.btn-fill-grey .btn-icon{color:var(--syte-okd-button-fill-grey-default-icon-color)}.syte-btn.btn-fill-grey .syte-btn-loader-text{color:var(--syte-okd-button-fill-grey-default-font-color)}.syte-btn.btn-fill-grey.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-grey.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-grey.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-grey.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-grey.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-grey.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-grey.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-grey.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight{background:var(--syte-okd-button-outline-highlight-default-background);border-color:var(--syte-okd-button-outline-highlight-default-border-color);border-style:solid;border-width:var(--syte-okd-button-outline-highlight-border-size);-webkit-box-shadow:var(--syte-okd-button-outline-highlight-default-shadow);box-shadow:var(--syte-okd-button-outline-highlight-default-shadow);color:var(--syte-okd-button-outline-highlight-default-font-color)}.syte-btn.btn-outline-highlight.hover,.syte-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-outline-highlight-hover-background);border-color:var(--syte-okd-button-outline-highlight-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-highlight-hover-shadow);box-shadow:var(--syte-okd-button-outline-highlight-hover-shadow);color:var(--syte-okd-button-outline-highlight-hover-font-color)}.syte-btn.btn-outline-highlight.hover .btn-icon,.syte-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-outline-highlight-hover-icon-color)}.syte-btn.btn-outline-highlight.active,.syte-btn.btn-outline-highlight:not(:disabled):active{background:var(--syte-okd-button-outline-highlight-active-background);border-color:var(--syte-okd-button-outline-highlight-active-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-highlight-active-shadow);box-shadow:var(--syte-okd-button-outline-highlight-active-shadow);color:var(--syte-okd-button-outline-highlight-active-font-color)}.syte-btn.btn-outline-highlight.active .btn-icon,.syte-btn.btn-outline-highlight:not(:disabled):active .btn-icon{color:var(--syte-okd-button-outline-highlight-active-icon-color)}.syte-btn.btn-outline-highlight:not(.loading).btn-disabled,.syte-btn.btn-outline-highlight:not(.loading):disabled{background:var(--syte-okd-button-outline-highlight-disabled-background);border-color:var(--syte-okd-button-outline-highlight-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-highlight-disabled-shadow);box-shadow:var(--syte-okd-button-outline-highlight-disabled-shadow);color:var(--syte-okd-button-outline-highlight-disabled-font-color)}.syte-btn.btn-outline-highlight:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-outline-highlight:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-outline-highlight-disabled-icon-color)}.syte-btn.btn-outline-highlight.loading{cursor:pointer}.syte-btn.btn-outline-highlight .btn-icon{color:var(--syte-okd-button-outline-highlight-default-icon-color)}.syte-btn.btn-outline-highlight .syte-btn-loader-text{color:var(--syte-okd-button-outline-highlight-default-font-color)}.syte-btn.btn-outline-highlight.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary{background:var(--syte-okd-button-outline-primary-default-background);border-color:var(--syte-okd-button-outline-primary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-outline-primary-border-size);-webkit-box-shadow:var(--syte-okd-button-outline-primary-default-shadow);box-shadow:var(--syte-okd-button-outline-primary-default-shadow);color:var(--syte-okd-button-outline-primary-default-font-color)}.syte-btn.btn-outline-primary.hover,.syte-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-outline-primary-hover-background);border-color:var(--syte-okd-button-outline-primary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-primary-hover-shadow);box-shadow:var(--syte-okd-button-outline-primary-hover-shadow);color:var(--syte-okd-button-outline-primary-hover-font-color)}.syte-btn.btn-outline-primary.hover .btn-icon,.syte-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-outline-primary-hover-icon-color)}.syte-btn.btn-outline-primary.active,.syte-btn.btn-outline-primary:not(:disabled):active{background:var(--syte-okd-button-outline-primary-active-background);border-color:var(--syte-okd-button-outline-primary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-primary-active-shadow);box-shadow:var(--syte-okd-button-outline-primary-active-shadow);color:var(--syte-okd-button-outline-primary-active-font-color)}.syte-btn.btn-outline-primary.active .btn-icon,.syte-btn.btn-outline-primary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-outline-primary-active-icon-color)}.syte-btn.btn-outline-primary:not(.loading).btn-disabled,.syte-btn.btn-outline-primary:not(.loading):disabled{background:var(--syte-okd-button-outline-primary-disabled-background);border-color:var(--syte-okd-button-outline-primary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-primary-disabled-shadow);box-shadow:var(--syte-okd-button-outline-primary-disabled-shadow);color:var(--syte-okd-button-outline-primary-disabled-font-color)}.syte-btn.btn-outline-primary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-outline-primary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-outline-primary-disabled-icon-color)}.syte-btn.btn-outline-primary.loading{cursor:pointer}.syte-btn.btn-outline-primary .btn-icon{color:var(--syte-okd-button-outline-primary-default-icon-color)}.syte-btn.btn-outline-primary .syte-btn-loader-text{color:var(--syte-okd-button-outline-primary-default-font-color)}.syte-btn.btn-outline-primary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-outline-primary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-outline-primary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-outline-primary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-outline-primary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-outline-primary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-outline-primary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-outline-primary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary{background:var(--syte-okd-button-outline-secondary-default-background);border-color:var(--syte-okd-button-outline-secondary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-outline-secondary-border-size);-webkit-box-shadow:var(--syte-okd-button-outline-secondary-default-shadow);box-shadow:var(--syte-okd-button-outline-secondary-default-shadow);color:var(--syte-okd-button-outline-secondary-default-font-color)}.syte-btn.btn-outline-secondary.hover,.syte-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-outline-secondary-hover-background);border-color:var(--syte-okd-button-outline-secondary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-secondary-hover-shadow);box-shadow:var(--syte-okd-button-outline-secondary-hover-shadow);color:var(--syte-okd-button-outline-secondary-hover-font-color)}.syte-btn.btn-outline-secondary.hover .btn-icon,.syte-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-outline-secondary-hover-icon-color)}.syte-btn.btn-outline-secondary.active,.syte-btn.btn-outline-secondary:not(:disabled):active{background:var(--syte-okd-button-outline-secondary-active-background);border-color:var(--syte-okd-button-outline-secondary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-secondary-active-shadow);box-shadow:var(--syte-okd-button-outline-secondary-active-shadow);color:var(--syte-okd-button-outline-secondary-active-font-color)}.syte-btn.btn-outline-secondary.active .btn-icon,.syte-btn.btn-outline-secondary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-outline-secondary-active-icon-color)}.syte-btn.btn-outline-secondary:not(.loading).btn-disabled,.syte-btn.btn-outline-secondary:not(.loading):disabled{background:var(--syte-okd-button-outline-secondary-disabled-background);border-color:var(--syte-okd-button-outline-secondary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-secondary-disabled-shadow);box-shadow:var(--syte-okd-button-outline-secondary-disabled-shadow);color:var(--syte-okd-button-outline-secondary-disabled-font-color)}.syte-btn.btn-outline-secondary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-outline-secondary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-outline-secondary-disabled-icon-color)}.syte-btn.btn-outline-secondary.loading{cursor:pointer}.syte-btn.btn-outline-secondary .btn-icon{color:var(--syte-okd-button-outline-secondary-default-icon-color)}.syte-btn.btn-outline-secondary .syte-btn-loader-text{color:var(--syte-okd-button-outline-secondary-default-font-color)}.syte-btn.btn-outline-secondary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary{background:var(--syte-okd-button-outline-tertiary-default-background);border-color:var(--syte-okd-button-outline-tertiary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-outline-tertiary-border-size);-webkit-box-shadow:var(--syte-okd-button-outline-tertiary-default-shadow);box-shadow:var(--syte-okd-button-outline-tertiary-default-shadow);color:var(--syte-okd-button-outline-tertiary-default-font-color)}.syte-btn.btn-outline-tertiary.hover,.syte-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-outline-tertiary-hover-background);border-color:var(--syte-okd-button-outline-tertiary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-tertiary-hover-shadow);box-shadow:var(--syte-okd-button-outline-tertiary-hover-shadow);color:var(--syte-okd-button-outline-tertiary-hover-font-color)}.syte-btn.btn-outline-tertiary.hover .btn-icon,.syte-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-outline-tertiary-hover-icon-color)}.syte-btn.btn-outline-tertiary.active,.syte-btn.btn-outline-tertiary:not(:disabled):active{background:var(--syte-okd-button-outline-tertiary-active-background);border-color:var(--syte-okd-button-outline-tertiary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-tertiary-active-shadow);box-shadow:var(--syte-okd-button-outline-tertiary-active-shadow);color:var(--syte-okd-button-outline-tertiary-active-font-color)}.syte-btn.btn-outline-tertiary.active .btn-icon,.syte-btn.btn-outline-tertiary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-outline-tertiary-active-icon-color)}.syte-btn.btn-outline-tertiary:not(.loading).btn-disabled,.syte-btn.btn-outline-tertiary:not(.loading):disabled{background:var(--syte-okd-button-outline-tertiary-disabled-background);border-color:var(--syte-okd-button-outline-tertiary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-tertiary-disabled-shadow);box-shadow:var(--syte-okd-button-outline-tertiary-disabled-shadow);color:var(--syte-okd-button-outline-tertiary-disabled-font-color)}.syte-btn.btn-outline-tertiary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-outline-tertiary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-outline-tertiary-disabled-icon-color)}.syte-btn.btn-outline-tertiary.loading{cursor:pointer}.syte-btn.btn-outline-tertiary .btn-icon{color:var(--syte-okd-button-outline-tertiary-default-icon-color)}.syte-btn.btn-outline-tertiary .syte-btn-loader-text{color:var(--syte-okd-button-outline-tertiary-default-font-color)}.syte-btn.btn-outline-tertiary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary{background:var(--syte-okd-button-text-primary-default-background);border-color:var(--syte-okd-button-text-primary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-primary-border-size);-webkit-box-shadow:var(--syte-okd-button-text-primary-default-shadow);box-shadow:var(--syte-okd-button-text-primary-default-shadow);color:var(--syte-okd-button-text-primary-default-font-color)}.syte-btn.btn-text-primary.hover,.syte-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-primary-hover-background);border-color:var(--syte-okd-button-text-primary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-primary-hover-shadow);box-shadow:var(--syte-okd-button-text-primary-hover-shadow);color:var(--syte-okd-button-text-primary-hover-font-color)}.syte-btn.btn-text-primary.hover .btn-icon,.syte-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-primary-hover-icon-color)}.syte-btn.btn-text-primary.active,.syte-btn.btn-text-primary:not(:disabled):active{background:var(--syte-okd-button-text-primary-active-background);border-color:var(--syte-okd-button-text-primary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-primary-active-shadow);box-shadow:var(--syte-okd-button-text-primary-active-shadow);color:var(--syte-okd-button-text-primary-active-font-color)}.syte-btn.btn-text-primary.active .btn-icon,.syte-btn.btn-text-primary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-primary-active-icon-color)}.syte-btn.btn-text-primary:not(.loading).btn-disabled,.syte-btn.btn-text-primary:not(.loading):disabled{background:var(--syte-okd-button-text-primary-disabled-background);border-color:var(--syte-okd-button-text-primary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-primary-disabled-shadow);box-shadow:var(--syte-okd-button-text-primary-disabled-shadow);color:var(--syte-okd-button-text-primary-disabled-font-color)}.syte-btn.btn-text-primary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-primary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-primary-disabled-icon-color)}.syte-btn.btn-text-primary.loading{cursor:pointer}.syte-btn.btn-text-primary .btn-icon{color:var(--syte-okd-button-text-primary-default-icon-color)}.syte-btn.btn-text-primary .syte-btn-loader-text{color:var(--syte-okd-button-text-primary-default-font-color)}.syte-btn.btn-text-primary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-primary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-primary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-primary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-primary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-primary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-primary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-primary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary{background:var(--syte-okd-button-text-secondary-default-background);border-color:var(--syte-okd-button-text-secondary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-secondary-border-size);-webkit-box-shadow:var(--syte-okd-button-text-secondary-default-shadow);box-shadow:var(--syte-okd-button-text-secondary-default-shadow);color:var(--syte-okd-button-text-secondary-default-font-color)}.syte-btn.btn-text-secondary.hover,.syte-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-secondary-hover-background);border-color:var(--syte-okd-button-text-secondary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-secondary-hover-shadow);box-shadow:var(--syte-okd-button-text-secondary-hover-shadow);color:var(--syte-okd-button-text-secondary-hover-font-color)}.syte-btn.btn-text-secondary.hover .btn-icon,.syte-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-secondary-hover-icon-color)}.syte-btn.btn-text-secondary.active,.syte-btn.btn-text-secondary:not(:disabled):active{background:var(--syte-okd-button-text-secondary-active-background);border-color:var(--syte-okd-button-text-secondary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-secondary-active-shadow);box-shadow:var(--syte-okd-button-text-secondary-active-shadow);color:var(--syte-okd-button-text-secondary-active-font-color)}.syte-btn.btn-text-secondary.active .btn-icon,.syte-btn.btn-text-secondary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-secondary-active-icon-color)}.syte-btn.btn-text-secondary:not(.loading).btn-disabled,.syte-btn.btn-text-secondary:not(.loading):disabled{background:var(--syte-okd-button-text-secondary-disabled-background);border-color:var(--syte-okd-button-text-secondary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-secondary-disabled-shadow);box-shadow:var(--syte-okd-button-text-secondary-disabled-shadow);color:var(--syte-okd-button-text-secondary-disabled-font-color)}.syte-btn.btn-text-secondary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-secondary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-secondary-disabled-icon-color)}.syte-btn.btn-text-secondary.loading{cursor:pointer}.syte-btn.btn-text-secondary .btn-icon{color:var(--syte-okd-button-text-secondary-default-icon-color)}.syte-btn.btn-text-secondary .syte-btn-loader-text{color:var(--syte-okd-button-text-secondary-default-font-color)}.syte-btn.btn-text-secondary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-secondary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-secondary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-secondary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-secondary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-secondary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-secondary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-secondary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red{background:var(--syte-okd-button-text-red-default-background);border-color:var(--syte-okd-button-text-red-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-red-border-size);-webkit-box-shadow:var(--syte-okd-button-text-red-default-shadow);box-shadow:var(--syte-okd-button-text-red-default-shadow);color:var(--syte-okd-button-text-red-default-font-color)}.syte-btn.btn-text-red.hover,.syte-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-red-hover-background);border-color:var(--syte-okd-button-text-red-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-red-hover-shadow);box-shadow:var(--syte-okd-button-text-red-hover-shadow);color:var(--syte-okd-button-text-red-hover-font-color)}.syte-btn.btn-text-red.hover .btn-icon,.syte-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-red-hover-icon-color)}.syte-btn.btn-text-red.active,.syte-btn.btn-text-red:not(:disabled):active{background:var(--syte-okd-button-text-red-active-background);border-color:var(--syte-okd-button-text-red-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-red-active-shadow);box-shadow:var(--syte-okd-button-text-red-active-shadow);color:var(--syte-okd-button-text-red-active-font-color)}.syte-btn.btn-text-red.active .btn-icon,.syte-btn.btn-text-red:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-red-active-icon-color)}.syte-btn.btn-text-red:not(.loading).btn-disabled,.syte-btn.btn-text-red:not(.loading):disabled{background:var(--syte-okd-button-text-red-disabled-background);border-color:var(--syte-okd-button-text-red-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-red-disabled-shadow);box-shadow:var(--syte-okd-button-text-red-disabled-shadow);color:var(--syte-okd-button-text-red-disabled-font-color)}.syte-btn.btn-text-red:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-red:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-red-disabled-icon-color)}.syte-btn.btn-text-red.loading{cursor:pointer}.syte-btn.btn-text-red .btn-icon{color:var(--syte-okd-button-text-red-default-icon-color)}.syte-btn.btn-text-red .syte-btn-loader-text{color:var(--syte-okd-button-text-red-default-font-color)}.syte-btn.btn-text-red.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-red.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-red.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-red.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-red.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-red.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-red.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-red.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green{background:var(--syte-okd-button-text-green-default-background);border-color:var(--syte-okd-button-text-green-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-green-border-size);-webkit-box-shadow:var(--syte-okd-button-text-green-default-shadow);box-shadow:var(--syte-okd-button-text-green-default-shadow);color:var(--syte-okd-button-text-green-default-font-color)}.syte-btn.btn-text-green.hover,.syte-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-green-hover-background);border-color:var(--syte-okd-button-text-green-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-green-hover-shadow);box-shadow:var(--syte-okd-button-text-green-hover-shadow);color:var(--syte-okd-button-text-green-hover-font-color)}.syte-btn.btn-text-green.hover .btn-icon,.syte-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-green-hover-icon-color)}.syte-btn.btn-text-green.active,.syte-btn.btn-text-green:not(:disabled):active{background:var(--syte-okd-button-text-green-active-background);border-color:var(--syte-okd-button-text-green-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-green-active-shadow);box-shadow:var(--syte-okd-button-text-green-active-shadow);color:var(--syte-okd-button-text-green-active-font-color)}.syte-btn.btn-text-green.active .btn-icon,.syte-btn.btn-text-green:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-green-active-icon-color)}.syte-btn.btn-text-green:not(.loading).btn-disabled,.syte-btn.btn-text-green:not(.loading):disabled{background:var(--syte-okd-button-text-green-disabled-background);border-color:var(--syte-okd-button-text-green-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-green-disabled-shadow);box-shadow:var(--syte-okd-button-text-green-disabled-shadow);color:var(--syte-okd-button-text-green-disabled-font-color)}.syte-btn.btn-text-green:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-green:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-green-disabled-icon-color)}.syte-btn.btn-text-green.loading{cursor:pointer}.syte-btn.btn-text-green .btn-icon{color:var(--syte-okd-button-text-green-default-icon-color)}.syte-btn.btn-text-green .syte-btn-loader-text{color:var(--syte-okd-button-text-green-default-font-color)}.syte-btn.btn-text-green.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-green.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-green.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-green.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-green.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-green.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-green.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-green.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange{background:var(--syte-okd-button-text-orange-default-background);border-color:var(--syte-okd-button-text-orange-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-orange-border-size);-webkit-box-shadow:var(--syte-okd-button-text-orange-default-shadow);box-shadow:var(--syte-okd-button-text-orange-default-shadow);color:var(--syte-okd-button-text-orange-default-font-color)}.syte-btn.btn-text-orange.hover,.syte-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-orange-hover-background);border-color:var(--syte-okd-button-text-orange-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-orange-hover-shadow);box-shadow:var(--syte-okd-button-text-orange-hover-shadow);color:var(--syte-okd-button-text-orange-hover-font-color)}.syte-btn.btn-text-orange.hover .btn-icon,.syte-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-orange-hover-icon-color)}.syte-btn.btn-text-orange.active,.syte-btn.btn-text-orange:not(:disabled):active{background:var(--syte-okd-button-text-orange-active-background);border-color:var(--syte-okd-button-text-orange-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-orange-active-shadow);box-shadow:var(--syte-okd-button-text-orange-active-shadow);color:var(--syte-okd-button-text-orange-active-font-color)}.syte-btn.btn-text-orange.active .btn-icon,.syte-btn.btn-text-orange:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-orange-active-icon-color)}.syte-btn.btn-text-orange:not(.loading).btn-disabled,.syte-btn.btn-text-orange:not(.loading):disabled{background:var(--syte-okd-button-text-orange-disabled-background);border-color:var(--syte-okd-button-text-orange-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-orange-disabled-shadow);box-shadow:var(--syte-okd-button-text-orange-disabled-shadow);color:var(--syte-okd-button-text-orange-disabled-font-color)}.syte-btn.btn-text-orange:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-orange:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-orange-disabled-icon-color)}.syte-btn.btn-text-orange.loading{cursor:pointer}.syte-btn.btn-text-orange .btn-icon{color:var(--syte-okd-button-text-orange-default-icon-color)}.syte-btn.btn-text-orange .syte-btn-loader-text{color:var(--syte-okd-button-text-orange-default-font-color)}.syte-btn.btn-text-orange.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-orange.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-orange.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-orange.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-orange.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-orange.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-orange.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-orange.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow{background:var(--syte-okd-button-text-yellow-default-background);border-color:var(--syte-okd-button-text-yellow-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-yellow-border-size);-webkit-box-shadow:var(--syte-okd-button-text-yellow-default-shadow);box-shadow:var(--syte-okd-button-text-yellow-default-shadow);color:var(--syte-okd-button-text-yellow-default-font-color)}.syte-btn.btn-text-yellow.hover,.syte-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-yellow-hover-background);border-color:var(--syte-okd-button-text-yellow-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-yellow-hover-shadow);box-shadow:var(--syte-okd-button-text-yellow-hover-shadow);color:var(--syte-okd-button-text-yellow-hover-font-color)}.syte-btn.btn-text-yellow.hover .btn-icon,.syte-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-yellow-hover-icon-color)}.syte-btn.btn-text-yellow.active,.syte-btn.btn-text-yellow:not(:disabled):active{background:var(--syte-okd-button-text-yellow-active-background);border-color:var(--syte-okd-button-text-yellow-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-yellow-active-shadow);box-shadow:var(--syte-okd-button-text-yellow-active-shadow);color:var(--syte-okd-button-text-yellow-active-font-color)}.syte-btn.btn-text-yellow.active .btn-icon,.syte-btn.btn-text-yellow:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-yellow-active-icon-color)}.syte-btn.btn-text-yellow:not(.loading).btn-disabled,.syte-btn.btn-text-yellow:not(.loading):disabled{background:var(--syte-okd-button-text-yellow-disabled-background);border-color:var(--syte-okd-button-text-yellow-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-yellow-disabled-shadow);box-shadow:var(--syte-okd-button-text-yellow-disabled-shadow);color:var(--syte-okd-button-text-yellow-disabled-font-color)}.syte-btn.btn-text-yellow:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-yellow:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-yellow-disabled-icon-color)}.syte-btn.btn-text-yellow.loading{cursor:pointer}.syte-btn.btn-text-yellow .btn-icon{color:var(--syte-okd-button-text-yellow-default-icon-color)}.syte-btn.btn-text-yellow .syte-btn-loader-text{color:var(--syte-okd-button-text-yellow-default-font-color)}.syte-btn.btn-text-yellow.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-yellow.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-yellow.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-yellow.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-yellow.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-yellow.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-yellow.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-yellow.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-xxs{border-radius:var(--syte-okd-button-xxs-border-radius);font-weight:500;font-weight:var(--syte-okd-button-xxs-font-weight,500);min-width:var(--syte-okd-button-xxs-min-width)}.syte-btn.btn-xxs,.syte-btn.btn-xxs .syte-btn-loader-text{font-size:var(--syte-okd-button-xxs-font-size);line-height:var(--syte-okd-button-xxs-line-height)}.syte-btn.btn-xxs .syte-btn-loader-text{margin-right:var(--syte-okd-button-xxs-loader-text-margin-left)}.syte-btn.btn-xxs.btn-rect{border-radius:4px;border-radius:var(--syte-okd-button-rect-xxs-border-radius,4px)}.syte-btn.btn-xs{border-radius:var(--syte-okd-button-xs-border-radius);font-weight:500;font-weight:var(--syte-okd-button-xs-font-weight,500);min-width:var(--syte-okd-button-xs-min-width)}.syte-btn.btn-xs,.syte-btn.btn-xs .syte-btn-loader-text{font-size:var(--syte-okd-button-xs-font-size);line-height:var(--syte-okd-button-xs-line-height)}.syte-btn.btn-xs .syte-btn-loader-text{margin-right:var(--syte-okd-button-xs-loader-text-margin-left)}.syte-btn.btn-xs.btn-rect{border-radius:4px;border-radius:var(--syte-okd-button-rect-xs-border-radius,4px)}.syte-btn.btn-s{border-radius:var(--syte-okd-button-s-border-radius);font-weight:500;font-weight:var(--syte-okd-button-s-font-weight,500);min-width:var(--syte-okd-button-s-min-width)}.syte-btn.btn-s,.syte-btn.btn-s .syte-btn-loader-text{font-size:var(--syte-okd-button-s-font-size);line-height:var(--syte-okd-button-s-line-height)}.syte-btn.btn-s .syte-btn-loader-text{margin-right:var(--syte-okd-button-s-loader-text-margin-left)}.syte-btn.btn-s.btn-rect{border-radius:4px;border-radius:var(--syte-okd-button-rect-s-border-radius,4px)}.syte-btn.btn-sm{border-radius:var(--syte-okd-button-sm-border-radius);font-weight:500;font-weight:var(--syte-okd-button-sm-font-weight,500);min-width:var(--syte-okd-button-sm-min-width)}.syte-btn.btn-sm,.syte-btn.btn-sm .syte-btn-loader-text{font-size:var(--syte-okd-button-sm-font-size);line-height:var(--syte-okd-button-sm-line-height)}.syte-btn.btn-sm .syte-btn-loader-text{margin-right:var(--syte-okd-button-sm-loader-text-margin-left)}.syte-btn.btn-sm.btn-rect{border-radius:4px;border-radius:var(--syte-okd-button-rect-sm-border-radius,4px)}.syte-btn.btn-md{border-radius:var(--syte-okd-button-md-border-radius);font-weight:500;font-weight:var(--syte-okd-button-md-font-weight,500);min-width:var(--syte-okd-button-md-min-width)}.syte-btn.btn-md,.syte-btn.btn-md .syte-btn-loader-text{font-size:var(--syte-okd-button-md-font-size);line-height:var(--syte-okd-button-md-line-height)}.syte-btn.btn-md .syte-btn-loader-text{margin-right:var(--syte-okd-button-md-loader-text-margin-left)}.syte-btn.btn-md.btn-rect{border-radius:4px;border-radius:var(--syte-okd-button-rect-md-border-radius,4px)}.syte-btn.btn-lg{border-radius:var(--syte-okd-button-lg-border-radius);font-weight:500;font-weight:var(--syte-okd-button-lg-font-weight,500);min-width:var(--syte-okd-button-lg-min-width)}.syte-btn.btn-lg,.syte-btn.btn-lg .syte-btn-loader-text{font-size:var(--syte-okd-button-lg-font-size);line-height:var(--syte-okd-button-lg-line-height)}.syte-btn.btn-lg .syte-btn-loader-text{margin-right:var(--syte-okd-button-lg-loader-text-margin-left)}.syte-btn.btn-lg.btn-rect{border-radius:8px;border-radius:var(--syte-okd-button-rect-lg-border-radius,8px)}.syte-btn.btn-xl{border-radius:var(--syte-okd-button-xl-border-radius);font-weight:500;font-weight:var(--syte-okd-button-xl-font-weight,500);min-width:var(--syte-okd-button-xl-min-width)}.syte-btn.btn-xl,.syte-btn.btn-xl .syte-btn-loader-text{font-size:var(--syte-okd-button-xl-font-size);line-height:var(--syte-okd-button-xl-line-height)}.syte-btn.btn-xl .syte-btn-loader-text{margin-right:var(--syte-okd-button-xl-loader-text-margin-left)}.syte-btn.btn-xl.btn-rect{border-radius:8px;border-radius:var(--syte-okd-button-rect-xl-border-radius,8px)}.syte-btn.btn-disabled,.syte-btn:disabled{cursor:not-allowed}.syte-btn.block{display:-ms-flexbox;display:flex;width:100%}.syte-btn.btn-circle{border-radius:100px!important}.syte-btn .btn-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.syte-btn .syte-btn-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.loading .btn-content{opacity:0}.syte-btn.loading .btn-content-position{display:none}.syte-btn.loading .syte-btn-loader{line-height:0;position:absolute}.syte-btn.loading .btn-loader-position-absolute{position:relative}.syte-btn-loader-container{height:100%;position:relative}.syte-btn .btn-icon+.btn-content{margin-right:4px}.syte-btn.btn-xxs .btn-icon{font-size:var(--syte-okd-button-xxs-icon-size)}.syte-btn.btn-xxs .btn-icon-leading{margin-left:var(--syte-okd-button-xxs-icon-margin)}.syte-btn.btn-xxs .btn-icon-tailing{margin-right:var(--syte-okd-button-xxs-icon-margin)}.syte-btn.btn-xxs .syte-btn-loader-size{border-radius:var(--syte-okd-button-xxs-loader-size);height:var(--syte-okd-button-xxs-loader-size);width:var(--syte-okd-button-xxs-loader-size)}.syte-btn.btn-xs .btn-icon{font-size:var(--syte-okd-button-xs-icon-size)}.syte-btn.btn-xs .btn-icon-leading{margin-left:var(--syte-okd-button-xs-icon-margin)}.syte-btn.btn-xs .btn-icon-tailing{margin-right:var(--syte-okd-button-xs-icon-margin)}.syte-btn.btn-xs .syte-btn-loader-size{border-radius:var(--syte-okd-button-xs-loader-size);height:var(--syte-okd-button-xs-loader-size);width:var(--syte-okd-button-xs-loader-size)}.syte-btn.btn-s .btn-icon{font-size:var(--syte-okd-button-s-icon-size)}.syte-btn.btn-s .btn-icon-leading{margin-left:var(--syte-okd-button-s-icon-margin)}.syte-btn.btn-s .btn-icon-tailing{margin-right:var(--syte-okd-button-s-icon-margin)}.syte-btn.btn-s .syte-btn-loader-size{border-radius:var(--syte-okd-button-s-loader-size);height:var(--syte-okd-button-s-loader-size);width:var(--syte-okd-button-s-loader-size)}.syte-btn.btn-sm .btn-icon{font-size:var(--syte-okd-button-sm-icon-size)}.syte-btn.btn-sm .btn-icon-leading{margin-left:var(--syte-okd-button-sm-icon-margin)}.syte-btn.btn-sm .btn-icon-tailing{margin-right:var(--syte-okd-button-sm-icon-margin)}.syte-btn.btn-sm .syte-btn-loader-size{border-radius:var(--syte-okd-button-sm-loader-size);height:var(--syte-okd-button-sm-loader-size);width:var(--syte-okd-button-sm-loader-size)}.syte-btn.btn-md .btn-icon{font-size:var(--syte-okd-button-md-icon-size)}.syte-btn.btn-md .btn-icon-leading{margin-left:var(--syte-okd-button-md-icon-margin)}.syte-btn.btn-md .btn-icon-tailing{margin-right:var(--syte-okd-button-md-icon-margin)}.syte-btn.btn-md .syte-btn-loader-size{border-radius:var(--syte-okd-button-md-loader-size);height:var(--syte-okd-button-md-loader-size);width:var(--syte-okd-button-md-loader-size)}.syte-btn.btn-lg .btn-icon{font-size:var(--syte-okd-button-lg-icon-size)}.syte-btn.btn-lg .btn-icon-leading{margin-left:var(--syte-okd-button-lg-icon-margin)}.syte-btn.btn-lg .btn-icon-tailing{margin-right:var(--syte-okd-button-lg-icon-margin)}.syte-btn.btn-lg .syte-btn-loader-size{border-radius:var(--syte-okd-button-lg-loader-size);height:var(--syte-okd-button-lg-loader-size);width:var(--syte-okd-button-lg-loader-size)}.syte-btn.btn-xl .btn-icon{font-size:var(--syte-okd-button-xl-icon-size)}.syte-btn.btn-xl .btn-icon-leading{margin-left:var(--syte-okd-button-xl-icon-margin)}.syte-btn.btn-xl .btn-icon-tailing{margin-right:var(--syte-okd-button-xl-icon-margin)}.syte-btn.btn-xl .syte-btn-loader-size{border-radius:var(--syte-okd-button-xl-loader-size);height:var(--syte-okd-button-xl-loader-size);width:var(--syte-okd-button-xl-loader-size)}.syte-btn .syte-btn-fill-highlight-loader{border-color:var(--syte-okd-button-fill-highlight-loader-track-color);border-top-color:var(--syte-okd-button-fill-highlight-loader-mark-color)}.syte-btn .syte-btn-fill-primary-loader{border-color:var(--syte-okd-button-fill-primary-loader-track-color);border-top-color:var(--syte-okd-button-fill-primary-loader-mark-color)}.syte-btn .syte-btn-fill-secondary-loader{border-color:var(--syte-okd-button-fill-secondary-loader-track-color);border-top-color:var(--syte-okd-button-fill-secondary-loader-mark-color)}.syte-btn .syte-btn-fill-tertiary-loader{border-color:var(--syte-okd-button-fill-tertiary-loader-track-color);border-top-color:var(--syte-okd-button-fill-tertiary-loader-mark-color)}.syte-btn .syte-btn-fill-quaternary-loader{border-color:var(--syte-okd-button-fill-quaternary-loader-track-color);border-top-color:var(--syte-okd-button-fill-quaternary-loader-mark-color)}.syte-btn .syte-btn-fill-red-loader{border-color:var(--syte-okd-button-fill-red-loader-track-color);border-top-color:var(--syte-okd-button-fill-red-loader-mark-color)}.syte-btn .syte-btn-fill-green-loader{border-color:var(--syte-okd-button-fill-green-loader-track-color);border-top-color:var(--syte-okd-button-fill-green-loader-mark-color)}.syte-btn .syte-btn-fill-grey-loader{border-color:var(--syte-okd-button-fill-grey-loader-track-color);border-top-color:var(--syte-okd-button-fill-grey-loader-mark-color)}.syte-btn .syte-btn-outline-highlight-loader{border-color:var(--syte-okd-button-outline-highlight-loader-track-color);border-top-color:var(--syte-okd-button-outline-highlight-loader-mark-color)}.syte-btn .syte-btn-outline-primary-loader{border-color:var(--syte-okd-button-outline-primary-loader-track-color);border-top-color:var(--syte-okd-button-outline-primary-loader-mark-color)}.syte-btn .syte-btn-outline-secondary-loader{border-color:var(--syte-okd-button-outline-secondary-loader-track-color);border-top-color:var(--syte-okd-button-outline-secondary-loader-mark-color)}.syte-btn .syte-btn-outline-tertiary-loader{border-color:var(--syte-okd-button-outline-tertiary-loader-track-color);border-top-color:var(--syte-okd-button-outline-tertiary-loader-mark-color)}