.theme-light{--syte-okd-button-primary-normal-default-background:#0569ff;--syte-okd-button-primary-normal-hover-background:#4992ff;--syte-okd-button-primary-normal-active-background:#005eea;--syte-okd-button-primary-normal-focus-background:#0569ff;--syte-okd-button-primary-normal-disabled-background:#ebebeb;--syte-okd-button-primary-normal-default-border-color:#0569ff;--syte-okd-button-primary-normal-hover-border-color:#4992ff;--syte-okd-button-primary-normal-active-border-color:#005eea;--syte-okd-button-primary-normal-focus-border-color:#0569ff;--syte-okd-button-primary-normal-disabled-border-color:#ebebeb;--syte-okd-button-primary-normal-default-font-color:#fff;--syte-okd-button-primary-normal-hover-font-color:#fff;--syte-okd-button-primary-normal-active-font-color:#fff;--syte-okd-button-primary-normal-focus-font-color:#fff;--syte-okd-button-primary-normal-disabled-font-color:#bdbdbd;--syte-okd-button-primary-normal-default-icon-color:#fff;--syte-okd-button-primary-normal-hover-icon-color:#fff;--syte-okd-button-primary-normal-active-icon-color:#fff;--syte-okd-button-primary-normal-focus-icon-color:#fff;--syte-okd-button-primary-normal-disabled-icon-color:#bdbdbd;--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:#4992ff;--syte-okd-button-primary-normal-loader-mark-color:#fff;--syte-okd-button-primary-red-default-background:#91304a;--syte-okd-button-primary-red-hover-background:#f1507b;--syte-okd-button-primary-red-active-background:#602031;--syte-okd-button-primary-red-focus-background:#91304a;--syte-okd-button-primary-red-disabled-background:#ebebeb;--syte-okd-button-primary-red-default-border-color:#91304a;--syte-okd-button-primary-red-hover-border-color:#f1507b;--syte-okd-button-primary-red-active-border-color:#602031;--syte-okd-button-primary-red-focus-border-color:#602031;--syte-okd-button-primary-red-disabled-border-color:#ebebeb;--syte-okd-button-primary-red-default-font-color:#fff;--syte-okd-button-primary-red-hover-font-color:#fff;--syte-okd-button-primary-red-active-font-color:#fff;--syte-okd-button-primary-red-focus-font-color:#fff;--syte-okd-button-primary-red-disabled-font-color:#bdbdbd;--syte-okd-button-primary-red-default-icon-color:#fff;--syte-okd-button-primary-red-hover-icon-color:#fff;--syte-okd-button-primary-red-active-icon-color:#fff;--syte-okd-button-primary-red-focus-icon-color:#fff;--syte-okd-button-primary-red-disabled-icon-color:#bdbdbd;--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:#f1507b;--syte-okd-button-primary-red-loader-mark-color:#fff;--syte-okd-button-primary-green-default-background:#127837;--syte-okd-button-primary-green-hover-background:#31bd65;--syte-okd-button-primary-green-active-background:#0c5025;--syte-okd-button-primary-green-focus-background:#127837;--syte-okd-button-primary-green-disabled-background:#ebebeb;--syte-okd-button-primary-green-default-border-color:#127837;--syte-okd-button-primary-green-hover-border-color:#31bd65;--syte-okd-button-primary-green-active-border-color:#0c5025;--syte-okd-button-primary-green-focus-border-color:#127837;--syte-okd-button-primary-green-disabled-border-color:#ebebeb;--syte-okd-button-primary-green-default-font-color:#fff;--syte-okd-button-primary-green-hover-font-color:#fff;--syte-okd-button-primary-green-active-font-color:#fff;--syte-okd-button-primary-green-focus-font-color:#fff;--syte-okd-button-primary-green-disabled-font-color:#bdbdbd;--syte-okd-button-primary-green-default-icon-color:#fff;--syte-okd-button-primary-green-hover-icon-color:#fff;--syte-okd-button-primary-green-active-icon-color:#fff;--syte-okd-button-primary-green-focus-icon-color:#fff;--syte-okd-button-primary-green-disabled-icon-color:#bdbdbd;--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:#31bd65;--syte-okd-button-primary-green-loader-mark-color:#fff;--syte-okd-button-secondary-normal-default-background:#d1e3ff;--syte-okd-button-secondary-normal-hover-background:#f5f9ff;--syte-okd-button-secondary-normal-active-background:#afcfff;--syte-okd-button-secondary-normal-focus-background:#d1e3ff;--syte-okd-button-secondary-normal-disabled-background:#ebebeb;--syte-okd-button-secondary-normal-default-border-color:#d1e3ff;--syte-okd-button-secondary-normal-hover-border-color:#f5f9ff;--syte-okd-button-secondary-normal-active-border-color:#afcfff;--syte-okd-button-secondary-normal-focus-border-color:#d1e3ff;--syte-okd-button-secondary-normal-disabled-border-color:#ebebeb;--syte-okd-button-secondary-normal-default-font-color:#005eea;--syte-okd-button-secondary-normal-hover-font-color:#005eea;--syte-okd-button-secondary-normal-active-font-color:#005eea;--syte-okd-button-secondary-normal-focus-font-color:#005eea;--syte-okd-button-secondary-normal-disabled-font-color:#bdbdbd;--syte-okd-button-secondary-normal-default-icon-color:#0569ff;--syte-okd-button-secondary-normal-hover-icon-color:#0569ff;--syte-okd-button-secondary-normal-active-icon-color:#0569ff;--syte-okd-button-secondary-normal-focus-icon-color:#0569ff;--syte-okd-button-secondary-normal-disabled-icon-color:#bdbdbd;--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:#f5f9ff;--syte-okd-button-secondary-normal-loader-mark-color:#0569ff;--syte-okd-button-secondary-grey-default-background:#ebebeb;--syte-okd-button-secondary-grey-hover-background:#f9f9f9;--syte-okd-button-secondary-grey-active-background:#dbdbdb;--syte-okd-button-secondary-grey-focus-background:#ebebeb;--syte-okd-button-secondary-grey-disabled-background:#f9f9f9;--syte-okd-button-secondary-grey-default-border-color:#ebebeb;--syte-okd-button-secondary-grey-hover-border-color:#f9f9f9;--syte-okd-button-secondary-grey-active-border-color:#dbdbdb;--syte-okd-button-secondary-grey-focus-border-color:#ebebeb;--syte-okd-button-secondary-grey-disabled-border-color:#f9f9f9;--syte-okd-button-secondary-grey-default-font-color:#3d3d3d;--syte-okd-button-secondary-grey-hover-font-color:#3d3d3d;--syte-okd-button-secondary-grey-active-font-color:#3d3d3d;--syte-okd-button-secondary-grey-focus-font-color:#3d3d3d;--syte-okd-button-secondary-grey-disabled-font-color:#bdbdbd;--syte-okd-button-secondary-grey-default-icon-color:#3d3d3d;--syte-okd-button-secondary-grey-hover-icon-color:#3d3d3d;--syte-okd-button-secondary-grey-active-icon-color:#3d3d3d;--syte-okd-button-secondary-grey-focus-icon-color:#3d3d3d;--syte-okd-button-secondary-grey-disabled-icon-color:#bdbdbd;--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:#dbdbdb;--syte-okd-button-secondary-grey-loader-mark-color:#3d3d3d;--syte-okd-button-basic-normal-default-background:#fff;--syte-okd-button-basic-normal-hover-background:#fff;--syte-okd-button-basic-normal-active-background:#f9f9f9;--syte-okd-button-basic-normal-focus-background:#fff;--syte-okd-button-basic-normal-disabled-background:#fff;--syte-okd-button-basic-normal-default-border-color:#dbdbdb;--syte-okd-button-basic-normal-hover-border-color:#dbdbdb;--syte-okd-button-basic-normal-active-border-color:#dbdbdb;--syte-okd-button-basic-normal-focus-border-color:#8dbbff;--syte-okd-button-basic-normal-disabled-border-color:#dbdbdb;--syte-okd-button-basic-normal-default-font-color:#3d3d3d;--syte-okd-button-basic-normal-hover-font-color:#929292;--syte-okd-button-basic-normal-active-font-color:#000;--syte-okd-button-basic-normal-focus-font-color:#3d3d3d;--syte-okd-button-basic-normal-disabled-font-color:#bdbdbd;--syte-okd-button-basic-normal-default-icon-color:#3d3d3d;--syte-okd-button-basic-normal-hover-icon-color:#3d3d3d;--syte-okd-button-basic-normal-active-icon-color:#3d3d3d;--syte-okd-button-basic-normal-focus-icon-color:#3d3d3d;--syte-okd-button-basic-normal-disabled-icon-color:#bdbdbd;--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:#d1e3ff;--syte-okd-button-basic-normal-loader-mark-color:#0569ff;--syte-okd-button-plain-normal-default-background:transparent;--syte-okd-button-plain-normal-hover-background:#f5f9ff;--syte-okd-button-plain-normal-active-background:#f5f9ff;--syte-okd-button-plain-normal-focus-background:#f5f9ff;--syte-okd-button-plain-normal-disabled-background:#f9f9f9;--syte-okd-button-plain-normal-default-border-color:transparent;--syte-okd-button-plain-normal-hover-border-color:transparent;--syte-okd-button-plain-normal-active-border-color:transparent;--syte-okd-button-plain-normal-focus-border-color:transparent;--syte-okd-button-plain-normal-disabled-border-color:transparent;--syte-okd-button-plain-normal-default-font-color:#005eea;--syte-okd-button-plain-normal-hover-font-color:#005eea;--syte-okd-button-plain-normal-active-font-color:#005eea;--syte-okd-button-plain-normal-focus-font-color:#005eea;--syte-okd-button-plain-normal-disabled-font-color:rgba(0,94,234,.45);--syte-okd-button-plain-normal-default-icon-color:#005eea;--syte-okd-button-plain-normal-hover-icon-color:#005eea;--syte-okd-button-plain-normal-active-icon-color:#005eea;--syte-okd-button-plain-normal-focus-icon-color:#005eea;--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:transparent;--syte-okd-button-plain-red-hover-background:#fff8f9;--syte-okd-button-plain-red-active-background:#fff8f9;--syte-okd-button-plain-red-focus-background:#fff8f9;--syte-okd-button-plain-red-disabled-background:#f9f9f9;--syte-okd-button-plain-red-default-border-color:transparent;--syte-okd-button-plain-red-hover-border-color:transparent;--syte-okd-button-plain-red-active-border-color:transparent;--syte-okd-button-plain-red-focus-border-color:transparent;--syte-okd-button-plain-red-disabled-border-color:transparent;--syte-okd-button-plain-red-default-font-color:#602031;--syte-okd-button-plain-red-hover-font-color:#602031;--syte-okd-button-plain-red-active-font-color:#602031;--syte-okd-button-plain-red-focus-font-color:#602031;--syte-okd-button-plain-red-disabled-font-color:rgba(96,32,49,.45);--syte-okd-button-plain-red-default-icon-color:#602031;--syte-okd-button-plain-red-hover-icon-color:#602031;--syte-okd-button-plain-red-active-icon-color:#602031;--syte-okd-button-plain-red-focus-icon-color:#602031;--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:transparent;--syte-okd-button-plain-green-hover-background:#f2fff7;--syte-okd-button-plain-green-active-background:#f2fff7;--syte-okd-button-plain-green-focus-background:#f2fff7;--syte-okd-button-plain-green-disabled-background:#f9f9f9;--syte-okd-button-plain-green-default-border-color:transparent;--syte-okd-button-plain-green-hover-border-color:transparent;--syte-okd-button-plain-green-active-border-color:transparent;--syte-okd-button-plain-green-focus-border-color:transparent;--syte-okd-button-plain-green-disabled-border-color:transparent;--syte-okd-button-plain-green-default-font-color:#0c5025;--syte-okd-button-plain-green-hover-font-color:#0c5025;--syte-okd-button-plain-green-active-font-color:#0c5025;--syte-okd-button-plain-green-focus-font-color:#0c5025;--syte-okd-button-plain-green-disabled-font-color:rgba(12,80,37,.45);--syte-okd-button-plain-green-default-icon-color:#0c5025;--syte-okd-button-plain-green-hover-icon-color:#0c5025;--syte-okd-button-plain-green-active-icon-color:#0c5025;--syte-okd-button-plain-green-focus-icon-color:#0c5025;--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:transparent;--syte-okd-button-plain-orange-hover-background:#fef9f6;--syte-okd-button-plain-orange-active-background:#fef9f6;--syte-okd-button-plain-orange-focus-background:#fef9f6;--syte-okd-button-plain-orange-disabled-background:#f9f9f9;--syte-okd-button-plain-orange-default-border-color:transparent;--syte-okd-button-plain-orange-hover-border-color:transparent;--syte-okd-button-plain-orange-active-border-color:transparent;--syte-okd-button-plain-orange-focus-border-color:transparent;--syte-okd-button-plain-orange-disabled-border-color:transparent;--syte-okd-button-plain-orange-default-font-color:#e96010;--syte-okd-button-plain-orange-hover-font-color:#e96010;--syte-okd-button-plain-orange-active-font-color:#e96010;--syte-okd-button-plain-orange-focus-font-color:#e96010;--syte-okd-button-plain-orange-disabled-font-color:rgba(233,96,16,.45);--syte-okd-button-plain-orange-default-icon-color:#e96010;--syte-okd-button-plain-orange-hover-icon-color:#e96010;--syte-okd-button-plain-orange-active-icon-color:#e96010;--syte-okd-button-plain-orange-focus-icon-color:#e96010;--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:transparent;--syte-okd-button-plain-yellow-hover-background:#fffcf5;--syte-okd-button-plain-yellow-active-background:#fffcf5;--syte-okd-button-plain-yellow-focus-background:#fffcf5;--syte-okd-button-plain-yellow-disabled-background:#f9f9f9;--syte-okd-button-plain-yellow-default-border-color:transparent;--syte-okd-button-plain-yellow-hover-border-color:transparent;--syte-okd-button-plain-yellow-active-border-color:transparent;--syte-okd-button-plain-yellow-focus-border-color:transparent;--syte-okd-button-plain-yellow-disabled-border-color:transparent;--syte-okd-button-plain-yellow-default-font-color:#eaa900;--syte-okd-button-plain-yellow-hover-font-color:#eaa900;--syte-okd-button-plain-yellow-active-font-color:#eaa900;--syte-okd-button-plain-yellow-focus-font-color:#eaa900;--syte-okd-button-plain-yellow-disabled-font-color:rgba(234,169,0,.45);--syte-okd-button-plain-yellow-default-icon-color:#eaa900;--syte-okd-button-plain-yellow-hover-icon-color:#eaa900;--syte-okd-button-plain-yellow-active-icon-color:#eaa900;--syte-okd-button-plain-yellow-focus-icon-color:#eaa900;--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:#000;--syte-okd-button-fill-highlight-disabled-background:#f3f3f3;--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:#000;--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:#fff;--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:#fff;--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:#0051ca;--syte-okd-button-fill-primary-disabled-background:#f3f3f3;--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:transparent;--syte-okd-button-fill-primary-focus-border-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:#fff;--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:#fff;--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:#f5f9ff;--syte-okd-button-fill-secondary-hover-background:#d1e3ff;--syte-okd-button-fill-secondary-active-background:#afcfff;--syte-okd-button-fill-secondary-focus-background:#d1e3ff;--syte-okd-button-fill-secondary-disabled-background:#f5f9ff;--syte-okd-button-fill-secondary-default-border-color:#f5f9ff;--syte-okd-button-fill-secondary-hover-border-color:#d1e3ff;--syte-okd-button-fill-secondary-active-border-color:#afcfff;--syte-okd-button-fill-secondary-focus-border-color:#d1e3ff;--syte-okd-button-fill-secondary-disabled-border-color:#f5f9ff;--syte-okd-button-fill-secondary-default-font-color:#005eea;--syte-okd-button-fill-secondary-hover-font-color:#005eea;--syte-okd-button-fill-secondary-active-font-color:#005eea;--syte-okd-button-fill-secondary-focus-font-color:#005eea;--syte-okd-button-fill-secondary-disabled-font-color:#8dbbff;--syte-okd-button-fill-secondary-default-icon-color:#0569ff;--syte-okd-button-fill-secondary-hover-icon-color:#0569ff;--syte-okd-button-fill-secondary-active-icon-color:#0569ff;--syte-okd-button-fill-secondary-focus-icon-color:#0569ff;--syte-okd-button-fill-secondary-disabled-icon-color:#bdbdbd;--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:#f5f9ff;--syte-okd-button-fill-secondary-loader-mark-color:#0569ff;--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:#000;--syte-okd-button-fill-tertiary-focus-icon-color:#000;--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:#fff;--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: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:transparent;--syte-okd-button-fill-quaternary-focus-font-color:#fff;--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:#fff;--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:transparent;--syte-okd-button-fill-quaternary-loader-track-color:hsla(0,0%,100%,.25);--syte-okd-button-fill-quaternary-loader-mark-color:#fff;--syte-okd-button-fill-quaternary-default-icon-color:#fff;--syte-okd-button-fill-quaternary-default-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-hover-icon-color:#fff;--syte-okd-button-fill-quaternary-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-focus-icon-color:#fff;--syte-okd-button-fill-quaternary-focus-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-active-icon-color:#fff;--syte-okd-button-fill-quaternary-active-shadow:0px 0px 0px 0px transparent;--syte-okd-button-fill-quaternary-disabled-icon-color:#fff;--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:#602031;--syte-okd-button-fill-red-disabled-background:#f3f3f3;--syte-okd-button-fill-red-default-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-fill-red-hover-border-color:transparent;--syte-okd-button-fill-red-active-border-color:transparent;--syte-okd-button-fill-red-focus-border-color:#602031;--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:#fff;--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:#fff;--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:#0c5025;--syte-okd-button-fill-green-disabled-background:#f3f3f3;--syte-okd-button-fill-green-default-border-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-fill-green-hover-border-color:transparent;--syte-okd-button-fill-green-active-border-color:transparent;--syte-okd-button-fill-green-focus-border-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:#fff;--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:#fff;--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:#e6e6e6;--syte-okd-button-fill-grey-active-background:#f3f3f3;--syte-okd-button-fill-grey-focus-background:hsla(0,0%,86%,.5);--syte-okd-button-fill-grey-disabled-background:#f3f3f3;--syte-okd-button-fill-grey-default-border-color:var(--syte-okd-color-background-surface-primary);--syte-okd-button-fill-grey-hover-border-color:transparent;--syte-okd-button-fill-grey-active-border-color:transparent;--syte-okd-button-fill-grey-focus-border-color:#dbdbdb;--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:#3d3d3d;--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:#3d3d3d;--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:#000;--syte-okd-button-outline-highlight-focus-border-color:#000;--syte-okd-button-outline-highlight-focus-font-color:#fff;--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:#dbdbdb;--syte-okd-button-outline-highlight-loader-mark-color:#000;--syte-okd-button-outline-highlight-default-background: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:#fff;--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: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:#f3f3f3;--syte-okd-button-outline-primary-active-background:#f3f3f3;--syte-okd-button-outline-primary-focus-background:#f7f7f7;--syte-okd-button-outline-primary-disabled-background:#f3f3f3;--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:#dbdbdb;--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:#000;--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:#000;--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:#dbdbdb;--syte-okd-button-outline-primary-loader-mark-color:#000;--syte-okd-button-outline-primary-border-size:1px;--syte-okd-button-outline-secondary-default-background:#fff;--syte-okd-button-outline-secondary-hover-background:#f7f7f7;--syte-okd-button-outline-secondary-active-background:#f9f9f9;--syte-okd-button-outline-secondary-focus-background:#f7f7f7;--syte-okd-button-outline-secondary-disabled-background:#fff;--syte-okd-button-outline-secondary-default-border-color:#dbdbdb;--syte-okd-button-outline-secondary-hover-border-color:#dbdbdb;--syte-okd-button-outline-secondary-active-border-color:#dbdbdb;--syte-okd-button-outline-secondary-focus-border-color:#dbdbdb;--syte-okd-button-outline-secondary-disabled-border-color:#ebebeb;--syte-okd-button-outline-secondary-default-font-color:#000;--syte-okd-button-outline-secondary-hover-font-color:#000;--syte-okd-button-outline-secondary-active-font-color:#000;--syte-okd-button-outline-secondary-focus-font-color:#000;--syte-okd-button-outline-secondary-disabled-font-color:#bdbdbd;--syte-okd-button-outline-secondary-default-icon-color:#000;--syte-okd-button-outline-secondary-hover-icon-color:#000;--syte-okd-button-outline-secondary-active-icon-color:#000;--syte-okd-button-outline-secondary-focus-icon-color:#000;--syte-okd-button-outline-secondary-disabled-icon-color:#bdbdbd;--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:#000;--syte-okd-button-outline-secondary-border-size:1px;--syte-okd-button-outline-tertiary-border-size:1.5px;--syte-okd-button-outline-tertiary-default-background: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:#000;--syte-okd-button-outline-tertiary-focus-font-color:#000;--syte-okd-button-outline-tertiary-focus-border-color:#fff;--syte-okd-button-outline-tertiary-focus-background:#fff;--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: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:#f3f3f3;--syte-okd-button-text-primary-active-background:#f3f3f3;--syte-okd-button-text-primary-focus-background:#f5f9ff;--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: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:#005eea;--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:#005eea;--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:transparent;--syte-okd-button-text-secondary-hover-background:#f5f9ff;--syte-okd-button-text-secondary-active-background:#f5f9ff;--syte-okd-button-text-secondary-focus-background:#f5f9ff;--syte-okd-button-text-secondary-disabled-background:#f9f9f9;--syte-okd-button-text-secondary-default-border-color:transparent;--syte-okd-button-text-secondary-hover-border-color:transparent;--syte-okd-button-text-secondary-active-border-color:transparent;--syte-okd-button-text-secondary-focus-border-color:transparent;--syte-okd-button-text-secondary-disabled-border-color:transparent;--syte-okd-button-text-secondary-default-font-color:#0569ff;--syte-okd-button-text-secondary-hover-font-color:#005eea;--syte-okd-button-text-secondary-active-font-color:#005eea;--syte-okd-button-text-secondary-focus-font-color:#005eea;--syte-okd-button-text-secondary-disabled-font-color:rgba(0,94,234,.45);--syte-okd-button-text-secondary-default-icon-color:#0569ff;--syte-okd-button-text-secondary-hover-icon-color:#005eea;--syte-okd-button-text-secondary-active-icon-color:#005eea;--syte-okd-button-text-secondary-focus-icon-color:#005eea;--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:#fff8f9;--syte-okd-button-text-red-disabled-background:hsla(0,0%,98%,0);--syte-okd-button-text-red-default-border-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:transparent;--syte-okd-button-text-red-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-default-font-color:#eb4b6d;--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:#602031;--syte-okd-button-text-red-disabled-font-color:rgba(235,75,109,.45);--syte-okd-button-text-red-default-icon-color:#602031;--syte-okd-button-text-red-hover-icon-color:#eb4b6d;--syte-okd-button-text-red-active-icon-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-text-red-focus-icon-color:#602031;--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:#f2fff7;--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: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:#0c5025;--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:#0c5025;--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:#fffcf5;--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: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:#eaa900;--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:#eaa900;--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:transparent;--syte-okd-button-text-orange-hover-background:#fef9f6;--syte-okd-button-text-orange-active-background:#fef9f6;--syte-okd-button-text-orange-focus-background:#fef9f6;--syte-okd-button-text-orange-disabled-background:#f9f9f9;--syte-okd-button-text-orange-default-border-color:transparent;--syte-okd-button-text-orange-hover-border-color:transparent;--syte-okd-button-text-orange-active-border-color:transparent;--syte-okd-button-text-orange-focus-border-color:transparent;--syte-okd-button-text-orange-disabled-border-color:transparent;--syte-okd-button-text-orange-default-font-color:#e96010;--syte-okd-button-text-orange-hover-font-color:#e96010;--syte-okd-button-text-orange-active-font-color:#e96010;--syte-okd-button-text-orange-focus-font-color:#e96010;--syte-okd-button-text-orange-disabled-font-color:rgba(233,96,16,.45);--syte-okd-button-text-orange-default-icon-color:#e96010;--syte-okd-button-text-orange-hover-icon-color:#e96010;--syte-okd-button-text-orange-active-icon-color:#e96010;--syte-okd-button-text-orange-focus-icon-color:#e96010;--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:#4283ff;--syte-okd-button-primary-normal-hover-background:#1e6bff;--syte-okd-button-primary-normal-active-background:#0f3c94;--syte-okd-button-primary-normal-focus-background:#4283ff;--syte-okd-button-primary-normal-disabled-background:#909090;--syte-okd-button-primary-normal-default-border-color:#4283ff;--syte-okd-button-primary-normal-hover-border-color:#1e6bff;--syte-okd-button-primary-normal-active-border-color:#0f3c94;--syte-okd-button-primary-normal-focus-border-color:#4283ff;--syte-okd-button-primary-normal-disabled-border-color:#909090;--syte-okd-button-primary-normal-default-font-color:#fff;--syte-okd-button-primary-normal-hover-font-color:#fff;--syte-okd-button-primary-normal-active-font-color:#fff;--syte-okd-button-primary-normal-focus-font-color:#fff;--syte-okd-button-primary-normal-disabled-font-color:#b0b0b0;--syte-okd-button-primary-normal-default-icon-color:#fff;--syte-okd-button-primary-normal-hover-icon-color:#fff;--syte-okd-button-primary-normal-active-icon-color:#fff;--syte-okd-button-primary-normal-focus-icon-color:#fff;--syte-okd-button-primary-normal-disabled-icon-color:#b0b0b0;--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:#fff;--syte-okd-button-primary-red-default-background:#fff8f9;--syte-okd-button-primary-red-hover-background:#f994ae;--syte-okd-button-primary-red-active-background:#902b44;--syte-okd-button-primary-red-focus-background:#fff8f9;--syte-okd-button-primary-red-disabled-background:#909090;--syte-okd-button-primary-red-default-border-color:#fff8f9;--syte-okd-button-primary-red-hover-border-color:#f994ae;--syte-okd-button-primary-red-active-border-color:#902b44;--syte-okd-button-primary-red-focus-border-color:#fff8f9;--syte-okd-button-primary-red-disabled-border-color:#909090;--syte-okd-button-primary-red-default-font-color:#fff;--syte-okd-button-primary-red-hover-font-color:#fff;--syte-okd-button-primary-red-active-font-color:#fff;--syte-okd-button-primary-red-focus-font-color:#fff;--syte-okd-button-primary-red-disabled-font-color:#b0b0b0;--syte-okd-button-primary-red-default-icon-color:#fff;--syte-okd-button-primary-red-hover-icon-color:#fff;--syte-okd-button-primary-red-active-icon-color:#fff;--syte-okd-button-primary-red-focus-icon-color:#fff;--syte-okd-button-primary-red-disabled-icon-color:#b0b0b0;--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:#fff;--syte-okd-button-primary-green-default-background:#d2f7de;--syte-okd-button-primary-green-hover-background:#79e69d;--syte-okd-button-primary-green-active-background:#138037;--syte-okd-button-primary-green-focus-background:#d2f7de;--syte-okd-button-primary-green-disabled-background:#909090;--syte-okd-button-primary-green-default-border-color:#d2f7de;--syte-okd-button-primary-green-hover-border-color:#79e69d;--syte-okd-button-primary-green-active-border-color:#138037;--syte-okd-button-primary-green-focus-border-color:#d2f7de;--syte-okd-button-primary-green-disabled-border-color:#909090;--syte-okd-button-primary-green-default-font-color:#fff;--syte-okd-button-primary-green-hover-font-color:#fff;--syte-okd-button-primary-green-active-font-color:#fff;--syte-okd-button-primary-green-focus-font-color:#fff;--syte-okd-button-primary-green-disabled-font-color:#b0b0b0;--syte-okd-button-primary-green-default-icon-color:#fff;--syte-okd-button-primary-green-hover-icon-color:#fff;--syte-okd-button-primary-green-active-icon-color:#fff;--syte-okd-button-primary-green-focus-icon-color:#fff;--syte-okd-button-primary-green-disabled-icon-color:#b0b0b0;--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:#fff;--syte-okd-button-secondary-normal-default-background:#909090;--syte-okd-button-secondary-normal-hover-background:#b0b0b0;--syte-okd-button-secondary-normal-active-background:#6c6c6c;--syte-okd-button-secondary-normal-focus-background:#909090;--syte-okd-button-secondary-normal-disabled-background:#909090;--syte-okd-button-secondary-normal-default-border-color:#909090;--syte-okd-button-secondary-normal-hover-border-color:#b0b0b0;--syte-okd-button-secondary-normal-active-border-color:#6c6c6c;--syte-okd-button-secondary-normal-focus-border-color:#909090;--syte-okd-button-secondary-normal-disabled-border-color:#909090;--syte-okd-button-secondary-normal-default-font-color:#fff;--syte-okd-button-secondary-normal-hover-font-color:#fff;--syte-okd-button-secondary-normal-active-font-color:#fff;--syte-okd-button-secondary-normal-focus-font-color:#fff;--syte-okd-button-secondary-normal-disabled-font-color:#b0b0b0;--syte-okd-button-secondary-normal-default-icon-color:#fff;--syte-okd-button-secondary-normal-hover-icon-color:#fff;--syte-okd-button-secondary-normal-active-icon-color:#fff;--syte-okd-button-secondary-normal-focus-icon-color:#fff;--syte-okd-button-secondary-normal-disabled-icon-color:#b0b0b0;--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:#ccc;--syte-okd-button-secondary-normal-loader-mark-color:#fff;--syte-okd-button-secondary-grey-default-background:#909090;--syte-okd-button-secondary-grey-hover-background:#b0b0b0;--syte-okd-button-secondary-grey-active-background:#6c6c6c;--syte-okd-button-secondary-grey-focus-background:#909090;--syte-okd-button-secondary-grey-disabled-background:#404040;--syte-okd-button-secondary-grey-default-border-color:#909090;--syte-okd-button-secondary-grey-hover-border-color:#b0b0b0;--syte-okd-button-secondary-grey-active-border-color:#6c6c6c;--syte-okd-button-secondary-grey-focus-border-color:#909090;--syte-okd-button-secondary-grey-disabled-border-color:#404040;--syte-okd-button-secondary-grey-default-font-color:#fff;--syte-okd-button-secondary-grey-hover-font-color:#fff;--syte-okd-button-secondary-grey-active-font-color:#fff;--syte-okd-button-secondary-grey-focus-font-color:#fff;--syte-okd-button-secondary-grey-disabled-font-color:#ccc;--syte-okd-button-secondary-grey-default-icon-color:#fff;--syte-okd-button-secondary-grey-hover-icon-color:#fff;--syte-okd-button-secondary-grey-active-icon-color:#fff;--syte-okd-button-secondary-grey-focus-icon-color:#fff;--syte-okd-button-secondary-grey-disabled-icon-color:#ccc;--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:#ccc;--syte-okd-button-secondary-grey-loader-mark-color:#fafafa;--syte-okd-button-basic-normal-default-background:transparent;--syte-okd-button-basic-normal-hover-background:#404040;--syte-okd-button-basic-normal-active-background:#6c6c6c;--syte-okd-button-basic-normal-focus-background:transparent;--syte-okd-button-basic-normal-disabled-background:transparent;--syte-okd-button-basic-normal-default-border-color:#b0b0b0;--syte-okd-button-basic-normal-hover-border-color:#b0b0b0;--syte-okd-button-basic-normal-active-border-color:#b0b0b0;--syte-okd-button-basic-normal-focus-border-color:#b0b0b0;--syte-okd-button-basic-normal-disabled-border-color:#909090;--syte-okd-button-basic-normal-default-font-color:#fff;--syte-okd-button-basic-normal-hover-font-color:#fff;--syte-okd-button-basic-normal-active-font-color:#fff;--syte-okd-button-basic-normal-focus-font-color:#fff;--syte-okd-button-basic-normal-disabled-font-color:#b0b0b0;--syte-okd-button-basic-normal-default-icon-color:#fff;--syte-okd-button-basic-normal-hover-icon-color:#fff;--syte-okd-button-basic-normal-active-icon-color:#fff;--syte-okd-button-basic-normal-focus-icon-color:#fff;--syte-okd-button-basic-normal-disabled-icon-color:#b0b0b0;--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:#909090;--syte-okd-button-basic-normal-loader-mark-color:#fff;--syte-okd-button-plain-normal-default-background:transparent;--syte-okd-button-plain-normal-hover-background:#051738;--syte-okd-button-plain-normal-active-background:#051738;--syte-okd-button-plain-normal-focus-background:#051738;--syte-okd-button-plain-normal-disabled-background:transparent;--syte-okd-button-plain-normal-default-border-color:transparent;--syte-okd-button-plain-normal-hover-border-color:transparent;--syte-okd-button-plain-normal-active-border-color:transparent;--syte-okd-button-plain-normal-focus-border-color:transparent;--syte-okd-button-plain-normal-disabled-border-color:transparent;--syte-okd-button-plain-normal-default-font-color:#3077ff;--syte-okd-button-plain-normal-hover-font-color:#4283ff;--syte-okd-button-plain-normal-active-font-color:#4283ff;--syte-okd-button-plain-normal-focus-font-color:#4283ff;--syte-okd-button-plain-normal-disabled-font-color:#ccc;--syte-okd-button-plain-normal-default-icon-color:#3077ff;--syte-okd-button-plain-normal-hover-icon-color:#4283ff;--syte-okd-button-plain-normal-active-icon-color:#4283ff;--syte-okd-button-plain-normal-focus-icon-color:#4283ff;--syte-okd-button-plain-normal-disabled-icon-color:#ccc;--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:transparent;--syte-okd-button-plain-red-hover-background:#270b12;--syte-okd-button-plain-red-active-background:#270b12;--syte-okd-button-plain-red-focus-background:#270b12;--syte-okd-button-plain-red-disabled-background:#000;--syte-okd-button-plain-red-default-border-color:transparent;--syte-okd-button-plain-red-hover-border-color:transparent;--syte-okd-button-plain-red-active-border-color:transparent;--syte-okd-button-plain-red-focus-border-color:transparent;--syte-okd-button-plain-red-disabled-border-color:transparent;--syte-okd-button-plain-red-default-font-color:#f9b6c7;--syte-okd-button-plain-red-hover-font-color:#f9b6c7;--syte-okd-button-plain-red-active-font-color:#f9b6c7;--syte-okd-button-plain-red-focus-font-color:#f9b6c7;--syte-okd-button-plain-red-disabled-font-color:rgba(249,182,199,.45);--syte-okd-button-plain-red-default-icon-color:#f9b6c7;--syte-okd-button-plain-red-hover-icon-color:#f9b6c7;--syte-okd-button-plain-red-active-icon-color:#f9b6c7;--syte-okd-button-plain-red-focus-icon-color:#f9b6c7;--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:transparent;--syte-okd-button-plain-green-hover-background:#002b1f;--syte-okd-button-plain-green-active-background:#002b1f;--syte-okd-button-plain-green-focus-background:#002b1f;--syte-okd-button-plain-green-disabled-background:#000;--syte-okd-button-plain-green-default-border-color:transparent;--syte-okd-button-plain-green-hover-border-color:transparent;--syte-okd-button-plain-green-active-border-color:transparent;--syte-okd-button-plain-green-focus-border-color:transparent;--syte-okd-button-plain-green-disabled-border-color:transparent;--syte-okd-button-plain-green-default-font-color:#a5efbe;--syte-okd-button-plain-green-hover-font-color:#a5efbe;--syte-okd-button-plain-green-active-font-color:#a5efbe;--syte-okd-button-plain-green-focus-font-color:#a5efbe;--syte-okd-button-plain-green-disabled-font-color:rgba(165,239,190,.45);--syte-okd-button-plain-green-default-icon-color:#a5efbe;--syte-okd-button-plain-green-hover-icon-color:#a5efbe;--syte-okd-button-plain-green-active-icon-color:#a5efbe;--syte-okd-button-plain-green-focus-icon-color:#a5efbe;--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:transparent;--syte-okd-button-plain-orange-hover-background:#361604;--syte-okd-button-plain-orange-active-background:#361604;--syte-okd-button-plain-orange-focus-background:#361604;--syte-okd-button-plain-orange-disabled-background:#000;--syte-okd-button-plain-orange-default-border-color:transparent;--syte-okd-button-plain-orange-hover-border-color:transparent;--syte-okd-button-plain-orange-active-border-color:transparent;--syte-okd-button-plain-orange-focus-border-color:transparent;--syte-okd-button-plain-orange-disabled-border-color:transparent;--syte-okd-button-plain-orange-default-font-color:#f87428;--syte-okd-button-plain-orange-hover-font-color:#f87428;--syte-okd-button-plain-orange-active-font-color:#f87428;--syte-okd-button-plain-orange-focus-font-color:#f87428;--syte-okd-button-plain-orange-disabled-font-color:rgba(248,116,40,.45);--syte-okd-button-plain-orange-default-icon-color:#f87428;--syte-okd-button-plain-orange-hover-icon-color:#f87428;--syte-okd-button-plain-orange-active-icon-color:#f87428;--syte-okd-button-plain-orange-focus-icon-color:#f87428;--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:transparent;--syte-okd-button-plain-yellow-hover-background:#2d2104;--syte-okd-button-plain-yellow-active-background:#2d2104;--syte-okd-button-plain-yellow-focus-background:#2d2104;--syte-okd-button-plain-yellow-disabled-background:#000;--syte-okd-button-plain-yellow-default-border-color:transparent;--syte-okd-button-plain-yellow-hover-border-color:transparent;--syte-okd-button-plain-yellow-active-border-color:transparent;--syte-okd-button-plain-yellow-focus-border-color:transparent;--syte-okd-button-plain-yellow-disabled-border-color:transparent;--syte-okd-button-plain-yellow-default-font-color:#dea921;--syte-okd-button-plain-yellow-hover-font-color:#dea921;--syte-okd-button-plain-yellow-active-font-color:#dea921;--syte-okd-button-plain-yellow-focus-font-color:#dea921;--syte-okd-button-plain-yellow-disabled-font-color:rgba(222,169,33,.45);--syte-okd-button-plain-yellow-default-icon-color:#dea921;--syte-okd-button-plain-yellow-hover-icon-color:#dea921;--syte-okd-button-plain-yellow-active-icon-color:#dea921;--syte-okd-button-plain-yellow-focus-icon-color:#dea921;--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:#fafafa;--syte-okd-button-fill-highlight-disabled-background:#1d1d1d;--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:#fafafa;--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:#000;--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:#000;--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:#1453cc;--syte-okd-button-fill-primary-disabled-background:#1d1d1d;--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:transparent;--syte-okd-button-fill-primary-focus-border-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:#fff;--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:#fff;--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:transparent;--syte-okd-button-fill-secondary-hover-border-color:transparent;--syte-okd-button-fill-secondary-active-border-color:transparent;--syte-okd-button-fill-secondary-focus-border-color:transparent;--syte-okd-button-fill-secondary-disabled-border-color:#242424;--syte-okd-button-fill-secondary-default-font-color:#fafafa;--syte-okd-button-fill-secondary-hover-font-color:#fff;--syte-okd-button-fill-secondary-active-font-color:#fff;--syte-okd-button-fill-secondary-focus-font-color:#fff;--syte-okd-button-fill-secondary-disabled-font-color:#6c6c6c;--syte-okd-button-fill-secondary-default-icon-color:#fafafa;--syte-okd-button-fill-secondary-hover-icon-color:#fafafa;--syte-okd-button-fill-secondary-active-icon-color:#fff;--syte-okd-button-fill-secondary-focus-icon-color:#fff;--syte-okd-button-fill-secondary-disabled-icon-color:#6c6c6c;--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:#6c6c6c;--syte-okd-button-fill-secondary-loader-mark-color:#fff;--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:#000;--syte-okd-button-fill-tertiary-focus-icon-color:#000;--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:transparent;--syte-okd-button-fill-quaternary-default-icon-color:#fff;--syte-okd-button-fill-quaternary-default-font-color:#fff;--syte-okd-button-fill-quaternary-hover-icon-color:#fff;--syte-okd-button-fill-quaternary-hover-font-color:#fff;--syte-okd-button-fill-quaternary-hover-border-color:transparent;--syte-okd-button-fill-quaternary-hover-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-quaternary-focus-icon-color:#fff;--syte-okd-button-fill-quaternary-focus-font-color:#fff;--syte-okd-button-fill-quaternary-focus-border-color:transparent;--syte-okd-button-fill-quaternary-focus-background:hsla(0,0%,100%,.15);--syte-okd-button-fill-quaternary-active-icon-color:#fff;--syte-okd-button-fill-quaternary-active-font-color:#fff;--syte-okd-button-fill-quaternary-active-border-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:transparent;--syte-okd-button-fill-quaternary-disabled-background:hsla(0,0%,100%,.06);--syte-okd-button-fill-quaternary-loader-mark-color:#fff;--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:#f04872;--syte-okd-button-fill-red-disabled-background:#1d1d1d;--syte-okd-button-fill-red-default-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-button-fill-red-hover-border-color:transparent;--syte-okd-button-fill-red-active-border-color:transparent;--syte-okd-button-fill-red-focus-border-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:#fff;--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:#fff;--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:#25a750;--syte-okd-button-fill-green-disabled-background:#1d1d1d;--syte-okd-button-fill-green-default-border-color:var(--syte-okd-color-semantic-positive);--syte-okd-button-fill-green-hover-border-color:transparent;--syte-okd-button-fill-green-active-border-color:transparent;--syte-okd-button-fill-green-focus-border-color:#25a750;--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:#fff;--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:#fff;--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:#1d1d1d;--syte-okd-button-fill-grey-hover-background:#272727;--syte-okd-button-fill-grey-active-background:#1d1d1d;--syte-okd-button-fill-grey-focus-background:rgba(64,64,64,.6);--syte-okd-button-fill-grey-disabled-background:#1d1d1d;--syte-okd-button-fill-grey-default-border-color:var(--syte-okd-color-background-surface-primary);--syte-okd-button-fill-grey-hover-border-color:transparent;--syte-okd-button-fill-grey-active-border-color:transparent;--syte-okd-button-fill-grey-focus-border-color:#404040;--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:#fff;--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:#fff;--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: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-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:#fff;--syte-okd-button-outline-highlight-focus-border-color:#fff;--syte-okd-button-outline-highlight-focus-font-color:#000;--syte-okd-button-outline-highlight-focus-icon-color:#000;--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:transparent;--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:#fff;--syte-okd-button-outline-highlight-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-button-outline-primary-default-background:transparent;--syte-okd-button-outline-primary-hover-background:#1d1d1d;--syte-okd-button-outline-primary-active-background:#1d1d1d;--syte-okd-button-outline-primary-focus-background:#242424;--syte-okd-button-outline-primary-disabled-background:#1d1d1d;--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:#404040;--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:#fff;--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:#fff;--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:transparent;--syte-okd-button-outline-secondary-hover-background:#242424;--syte-okd-button-outline-secondary-active-background:#242424;--syte-okd-button-outline-secondary-focus-background:#242424;--syte-okd-button-outline-secondary-disabled-background:transparent;--syte-okd-button-outline-secondary-default-border-color:#404040;--syte-okd-button-outline-secondary-hover-border-color:#404040;--syte-okd-button-outline-secondary-active-border-color:#404040;--syte-okd-button-outline-secondary-focus-border-color:#404040;--syte-okd-button-outline-secondary-disabled-border-color:#2e2e2e;--syte-okd-button-outline-secondary-default-font-color:#fafafa;--syte-okd-button-outline-secondary-hover-font-color:#fafafa;--syte-okd-button-outline-secondary-active-font-color:#fafafa;--syte-okd-button-outline-secondary-focus-font-color:#fafafa;--syte-okd-button-outline-secondary-disabled-font-color:#6c6c6c;--syte-okd-button-outline-secondary-default-icon-color:#fafafa;--syte-okd-button-outline-secondary-hover-icon-color:#fafafa;--syte-okd-button-outline-secondary-active-icon-color:#fafafa;--syte-okd-button-outline-secondary-focus-icon-color:#fafafa;--syte-okd-button-outline-secondary-disabled-icon-color:#6c6c6c;--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:#fff;--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: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:#000;--syte-okd-button-outline-tertiary-focus-font-color:#000;--syte-okd-button-outline-tertiary-focus-border-color:#fff;--syte-okd-button-outline-tertiary-focus-background:#fff;--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: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:#1d1d1d;--syte-okd-button-text-primary-active-background:#1d1d1d;--syte-okd-button-text-primary-focus-background:#051738;--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: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:#4283ff;--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:#4283ff;--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:transparent;--syte-okd-button-text-secondary-hover-background:#051738;--syte-okd-button-text-secondary-active-background:#051738;--syte-okd-button-text-secondary-focus-background:#051738;--syte-okd-button-text-secondary-disabled-background:transparent;--syte-okd-button-text-secondary-default-border-color:transparent;--syte-okd-button-text-secondary-hover-border-color:transparent;--syte-okd-button-text-secondary-active-border-color:transparent;--syte-okd-button-text-secondary-focus-border-color:transparent;--syte-okd-button-text-secondary-disabled-border-color:transparent;--syte-okd-button-text-secondary-default-font-color:#4283ff;--syte-okd-button-text-secondary-hover-font-color:#4283ff;--syte-okd-button-text-secondary-active-font-color:#4283ff;--syte-okd-button-text-secondary-focus-font-color:#4283ff;--syte-okd-button-text-secondary-disabled-font-color:#6c6c6c;--syte-okd-button-text-secondary-default-icon-color:#4283ff;--syte-okd-button-text-secondary-hover-icon-color:#4283ff;--syte-okd-button-text-secondary-active-icon-color:#4283ff;--syte-okd-button-text-secondary-focus-icon-color:#4283ff;--syte-okd-button-text-secondary-disabled-icon-color:#6c6c6c;--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:#270b12;--syte-okd-button-text-red-disabled-background:hsla(0,0%,5%,0);--syte-okd-button-text-red-default-border-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:transparent;--syte-okd-button-text-red-disabled-border-color:var(--syte-okd-color-common-transparent);--syte-okd-button-text-red-default-font-color:#ca3f64;--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:#f9b6c7;--syte-okd-button-text-red-disabled-font-color:rgba(202,63,100,.45);--syte-okd-button-text-red-default-icon-color:#ca3f64;--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:#f9b6c7;--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:#002b1f;--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: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:#a5efbe;--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:#a5efbe;--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:#2d2104;--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: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:#dea921;--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:#dea921;--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:transparent;--syte-okd-button-text-orange-hover-background:#361604;--syte-okd-button-text-orange-active-background:#361604;--syte-okd-button-text-orange-focus-background:#361604;--syte-okd-button-text-orange-disabled-background:#000;--syte-okd-button-text-orange-default-border-color:transparent;--syte-okd-button-text-orange-hover-border-color:transparent;--syte-okd-button-text-orange-active-border-color:transparent;--syte-okd-button-text-orange-focus-border-color:transparent;--syte-okd-button-text-orange-disabled-border-color:transparent;--syte-okd-button-text-orange-default-font-color:#fa8c4d;--syte-okd-button-text-orange-hover-font-color:#f87428;--syte-okd-button-text-orange-active-font-color:#f87428;--syte-okd-button-text-orange-focus-font-color:#f87428;--syte-okd-button-text-orange-disabled-font-color:rgba(248,116,40,.45);--syte-okd-button-text-orange-default-icon-color:#f87428;--syte-okd-button-text-orange-hover-icon-color:#f87428;--syte-okd-button-text-orange-active-icon-color:#f87428;--syte-okd-button-text-orange-focus-icon-color:#f87428;--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}.theme-light{--syte-okd-loader-line-active-color:var(--syte-okd-color-border-selected);--syte-okd-loader-line-inactive-color:var(--syte-okd-color-border-primary);--syte-okd-loader-primary-active-color:#000;--syte-okd-loader-primary-inactive-color:#dbdbdb;--syte-okd-loader-neutral-active-color:#3d3d3d;--syte-okd-loader-neutral-inactive-color:#dbdbdb;--syte-okd-loader-mask-bg-color:hsla(0,0%,100%,.85);--syte-okd-loader-circle-xl-size:38px;--syte-okd-loader-circle-lg-size:30px;--syte-okd-loader-circle-md-size:22px;--syte-okd-loader-circle-sm-size:14px;--syte-okd-loader-circle-xl-track-width:2px;--syte-okd-loader-circle-lg-track-width:2px;--syte-okd-loader-circle-md-track-width:1.82px;--syte-okd-loader-circle-sm-track-width:1.5px;--syte-okd-loader-line-size:4px;--syte-okd-loader-circle-cover-background:#fff;--syte-okd-loader-mask-text-font-size:14px;--syte-okd-loader-mask-text-line-height:16px;--syte-okd-loader-mask-text-font-weight:400;--syte-okd-loader-mask-text-color:#000;--syte-okd-loader-mask-text-margin-top:10px}.theme-dark{--syte-okd-loader-line-active-color:var(--syte-okd-color-border-selected);--syte-okd-loader-line-inactive-color:var(--syte-okd-color-border-primary);--syte-okd-loader-primary-active-color:#fafafa;--syte-okd-loader-primary-inactive-color:#404040;--syte-okd-loader-neutral-active-color:#fff;--syte-okd-loader-neutral-inactive-color:#ffffff40;--syte-okd-loader-mask-bg-color:#00000040;--syte-okd-loader-circle-xl-size:38px;--syte-okd-loader-circle-lg-size:30px;--syte-okd-loader-circle-md-size:22px;--syte-okd-loader-circle-sm-size:14px;--syte-okd-loader-circle-xl-track-width:2px;--syte-okd-loader-circle-lg-track-width:2px;--syte-okd-loader-circle-md-track-width:1.82px;--syte-okd-loader-circle-sm-track-width:1.5px;--syte-okd-loader-line-size:4px;--syte-okd-loader-circle-cover-background:#1a1a1a;--syte-okd-loader-mask-text-font-size:14px;--syte-okd-loader-mask-text-line-height:16px;--syte-okd-loader-mask-text-font-weight:400;--syte-okd-loader-mask-text-color:#fafafa;--syte-okd-loader-mask-text-margin-top:10px}.syte-a11y-text{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@-webkit-keyframes loadingLine{to{right:100%}}@keyframes loadingLine{to{right:100%}}.syte-loader-line{background:var(--syte-okd-loader-line-inactive-color);height:var(--syte-okd-loader-line-size);overflow:hidden;position:relative;width:100%}.syte-loader-line,.syte-loader-line .syte-loader-mark{border-radius:calc(var(--syte-okd-loader-line-size)/2)}.syte-loader-line .syte-loader-mark{background:var(--syte-okd-loader-line-active-color);height:100%}.syte-loader-line.syte-loader-loading .syte-loader-mark{-webkit-animation:loadingLine 2s linear infinite;animation:loadingLine 2s linear infinite;position:absolute;right:-25%;top:0}@-webkit-keyframes okui-loader-rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes okui-loader-rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.syte-loader-box{position:relative}.syte-loader-mask{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:var(--syte-okd-loader-mask-bg-color);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;position:absolute;right:0;top:0;width:100%}.syte-loader-mask-text{color:var(--syte-okd-loader-mask-text-color);font-size:var(--syte-okd-loader-mask-text-font-size);font-weight:var(--syte-okd-loader-mask-text-font-weight);line-height:var(--syte-okd-loader-mask-text-line-height);margin-top:var(--syte-okd-loader-mask-text-margin-top)}.syte-loader-spin{-webkit-animation:okui-loader-rotation 1s linear infinite;animation:okui-loader-rotation 1s linear infinite;background-color:transparent;border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex}.syte-loader-spin-xl{border-radius:var(--syte-okd-loader-circle-xl-size);border-width:var(--syte-okd-loader-circle-xl-track-width);height:var(--syte-okd-loader-circle-xl-size);width:var(--syte-okd-loader-circle-xl-size)}.syte-loader-spin-lg{border-radius:var(--syte-okd-loader-circle-lg-size);border-width:var(--syte-okd-loader-circle-lg-track-width);height:var(--syte-okd-loader-circle-lg-size);width:var(--syte-okd-loader-circle-lg-size)}.syte-loader-spin-md{border-radius:var(--syte-okd-loader-circle-md-size);border-width:var(--syte-okd-loader-circle-md-track-width);height:var(--syte-okd-loader-circle-md-size);width:var(--syte-okd-loader-circle-md-size)}.syte-loader-spin-sm{border-radius:var(--syte-okd-loader-circle-sm-size);border-width:var(--syte-okd-loader-circle-sm-track-width);height:var(--syte-okd-loader-circle-sm-size);width:var(--syte-okd-loader-circle-sm-size)}.syte-loader-spin-primary{border-color:var(--syte-okd-loader-primary-inactive-color);border-top-color:var(--syte-okd-loader-primary-active-color)}.syte-loader-spin-neutral{border-color:var(--syte-okd-loader-neutral-inactive-color);border-top-color:var(--syte-okd-loader-neutral-active-color)}.syte-loader-inner-circle{border:none;border-radius:0;overflow:hidden;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.syte-loader-inner-fill-primary{background:var(--syte-okd-loader-primary-active-color)}.syte-loader-inner-fill-neutral{background:var(--syte-okd-loader-neutral-active-color)}.syte-loader-inner-track-primary{background:var(--syte-okd-loader-primary-inactive-color)}.syte-loader-inner-track-neutral{background:var(--syte-okd-loader-neutral-inactive-color)}.syte-loader-inner-track-right{height:100%;left:0;overflow:hidden;position:absolute}.syte-loader-inner-track-right-content{content:"";height:100%;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:right center;transform-origin:right center;width:100%}.syte-loader-inner-track-left{height:100%;overflow:hidden;position:absolute}.syte-loader-inner-track-left-content{content:"";height:100%;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:left center;transform-origin:left center;width:100%}.syte-loader-inner-xl{border-radius:var(--syte-okd-loader-circle-xl-size);height:var(--syte-okd-loader-circle-xl-size);width:var(--syte-okd-loader-circle-xl-size)}.syte-loader-inner-xl-cover{background-color:var(--syte-okd-loader-circle-cover-background);border-radius:100%;height:calc(var(--syte-okd-loader-circle-xl-size) - var(--syte-okd-loader-circle-xl-track-width)*2);position:absolute;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:calc(var(--syte-okd-loader-circle-xl-size) - var(--syte-okd-loader-circle-xl-track-width)*2)}.syte-loader-inner-track-xl{width:calc(var(--syte-okd-loader-circle-xl-size)/2)}.syte-loader-inner-track-xl-inner-track-left-content{border-radius:0 calc(var(--syte-okd-loader-circle-xl-size)/2) calc(var(--syte-okd-loader-circle-xl-size)/2) 0;width:100%}.syte-loader-inner-track-xl-inner-track-right-content{border-radius:calc(var(--syte-okd-loader-circle-xl-size)/2) 0 0 calc(var(--syte-okd-loader-circle-xl-size)/2);width:100%}.syte-loader-inner-lg{border-radius:var(--syte-okd-loader-circle-lg-size);height:var(--syte-okd-loader-circle-lg-size);width:var(--syte-okd-loader-circle-lg-size)}.syte-loader-inner-lg-cover{background-color:var(--syte-okd-loader-circle-cover-background);border-radius:100%;height:calc(var(--syte-okd-loader-circle-lg-size) - var(--syte-okd-loader-circle-lg-track-width)*2);position:absolute;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:calc(var(--syte-okd-loader-circle-lg-size) - var(--syte-okd-loader-circle-lg-track-width)*2)}.syte-loader-inner-track-lg{width:calc(var(--syte-okd-loader-circle-lg-size)/2)}.syte-loader-inner-track-lg-inner-track-left-content{border-radius:0 calc(var(--syte-okd-loader-circle-lg-size)/2) calc(var(--syte-okd-loader-circle-lg-size)/2) 0;width:100%}.syte-loader-inner-track-lg-inner-track-right-content{border-radius:calc(var(--syte-okd-loader-circle-lg-size)/2) 0 0 calc(var(--syte-okd-loader-circle-lg-size)/2);width:100%}.syte-loader-inner-md{border-radius:var(--syte-okd-loader-circle-md-size);height:var(--syte-okd-loader-circle-md-size);width:var(--syte-okd-loader-circle-md-size)}.syte-loader-inner-md-cover{background-color:var(--syte-okd-loader-circle-cover-background);border-radius:100%;height:calc(var(--syte-okd-loader-circle-md-size) - var(--syte-okd-loader-circle-md-track-width)*2);position:absolute;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:calc(var(--syte-okd-loader-circle-md-size) - var(--syte-okd-loader-circle-md-track-width)*2)}.syte-loader-inner-track-md{width:calc(var(--syte-okd-loader-circle-md-size)/2)}.syte-loader-inner-track-md-inner-track-left-content{border-radius:0 calc(var(--syte-okd-loader-circle-md-size)/2) calc(var(--syte-okd-loader-circle-md-size)/2) 0;width:100%}.syte-loader-inner-track-md-inner-track-right-content{border-radius:calc(var(--syte-okd-loader-circle-md-size)/2) 0 0 calc(var(--syte-okd-loader-circle-md-size)/2);width:100%}.syte-loader-inner-sm{border-radius:var(--syte-okd-loader-circle-sm-size);height:var(--syte-okd-loader-circle-sm-size);width:var(--syte-okd-loader-circle-sm-size)}.syte-loader-inner-sm-cover{background-color:var(--syte-okd-loader-circle-cover-background);border-radius:100%;height:calc(var(--syte-okd-loader-circle-sm-size) - var(--syte-okd-loader-circle-sm-track-width)*2);position:absolute;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:calc(var(--syte-okd-loader-circle-sm-size) - var(--syte-okd-loader-circle-sm-track-width)*2)}.syte-loader-inner-track-sm{width:calc(var(--syte-okd-loader-circle-sm-size)/2)}.syte-loader-inner-track-sm-inner-track-left-content{border-radius:0 calc(var(--syte-okd-loader-circle-sm-size)/2) calc(var(--syte-okd-loader-circle-sm-size)/2) 0;width:100%}.syte-loader-inner-track-sm-inner-track-right-content{border-radius:calc(var(--syte-okd-loader-circle-sm-size)/2) 0 0 calc(var(--syte-okd-loader-circle-sm-size)/2);width:100%}.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-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 .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-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)}.theme-dark,.theme-light{--syte-okd-popup-white-board-background:var(--syte-okd-color-modal-primary);--syte-okd-popup-white-board-shadow:#0000000d 0px 4px 6px -2px,#0000001a 0px 10px 15px -3px}.syte-popup{display:-ms-inline-flexbox;display:inline-flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.syte-popup-layer{display:none;opacity:0;outline:none;position:absolute;-webkit-transition:opacity .3s;transition:opacity .3s}.syte-popup-layer-visible{display:block;opacity:1}.syte-popup-layer-arrow-inner{border:1px solid transparent;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;width:100%}.syte-popup-layer.syte-popup-overflow[data-popper-reference-hidden]{pointer-events:none;visibility:hidden}.syte-popup-white-board .syte-popup-layer-arrow-inner,.syte-popup-white-board-content{background-color:var(--syte-okd-popup-white-board-background);border:1px solid rgba(0,0,0,.05)}.syte-popup-white-board-content{border-radius:4px;-webkit-box-shadow:var(--syte-okd-popup-white-board-shadow);box-shadow:var(--syte-okd-popup-white-board-shadow)}.syte-popup-placement-lg-top{padding-bottom:9px}.syte-popup-placement-lg-bottom{padding-top:9px}.syte-popup-placement-lg-left{padding-right:9px}.syte-popup-placement-lg-right{padding-left:9px}.syte-popup-arrow-lg .syte-popup-layer-arrow{height:14px;width:14px}.syte-popup-arrow-lg[data-popper-placement*=top]{padding:0 0 9px}.syte-popup-arrow-lg[data-popper-placement*=bottom]{padding:9px 0 0}.syte-popup-arrow-lg[data-popper-placement*=left]{padding:0 9px 0 0}.syte-popup-arrow-lg[data-popper-placement*=right]{padding:0 0 0 9px}.syte-popup-arrow-lg[data-popper-placement*=top] .syte-popup-layer-arrow{margin-top:-17px;top:100%}.syte-popup-arrow-lg[data-popper-placement*=top] .syte-popup-layer-arrow-inner{border-left-color:transparent!important;border-top-color:transparent!important}.syte-popup-arrow-lg[data-popper-placement*=right] .syte-popup-layer-arrow{margin-right:-17px;right:100%}.syte-popup-arrow-lg[data-popper-placement*=right] .syte-popup-layer-arrow-inner{border-right-color:transparent!important;border-top-color:transparent!important}.syte-popup-arrow-lg[data-popper-placement*=bottom] .syte-popup-layer-arrow{bottom:100%;margin-bottom:-17px}.syte-popup-arrow-lg[data-popper-placement*=bottom] .syte-popup-layer-arrow-inner{border-bottom-color:transparent!important;border-right-color:transparent!important}.syte-popup-arrow-lg[data-popper-placement*=left] .syte-popup-layer-arrow{left:100%;margin-left:-17px}.syte-popup-arrow-lg[data-popper-placement*=left] .syte-popup-layer-arrow-inner{border-bottom-color:transparent!important;border-left-color:transparent!important}.syte-popup-placement-md-top{padding-bottom:7px}.syte-popup-placement-md-bottom{padding-top:7px}.syte-popup-placement-md-left{padding-right:7px}.syte-popup-placement-md-right{padding-left:7px}.syte-popup-arrow-md .syte-popup-layer-arrow{height:10px;width:10px}.syte-popup-arrow-md[data-popper-placement*=top]{padding:0 0 7px}.syte-popup-arrow-md[data-popper-placement*=bottom]{padding:7px 0 0}.syte-popup-arrow-md[data-popper-placement*=left]{padding:0 7px 0 0}.syte-popup-arrow-md[data-popper-placement*=right]{padding:0 0 0 7px}.syte-popup-arrow-md[data-popper-placement*=top] .syte-popup-layer-arrow{margin-top:-13px;top:100%}.syte-popup-arrow-md[data-popper-placement*=top] .syte-popup-layer-arrow-inner{border-left-color:transparent!important;border-top-color:transparent!important}.syte-popup-arrow-md[data-popper-placement*=right] .syte-popup-layer-arrow{margin-right:-13px;right:100%}.syte-popup-arrow-md[data-popper-placement*=right] .syte-popup-layer-arrow-inner{border-right-color:transparent!important;border-top-color:transparent!important}.syte-popup-arrow-md[data-popper-placement*=bottom] .syte-popup-layer-arrow{bottom:100%;margin-bottom:-13px}.syte-popup-arrow-md[data-popper-placement*=bottom] .syte-popup-layer-arrow-inner{border-bottom-color:transparent!important;border-right-color:transparent!important}.syte-popup-arrow-md[data-popper-placement*=left] .syte-popup-layer-arrow{left:100%;margin-left:-13px}.syte-popup-arrow-md[data-popper-placement*=left] .syte-popup-layer-arrow-inner{border-bottom-color:transparent!important;border-left-color:transparent!important}.theme-light{--syte-okd-dialog-window-background:var(--syte-okd-color-modal-primary);--syte-okd-dialog-window-mask-color:var(--syte-okd-color-background-scrim);--syte-okd-dialog-window-box-shadow:var(--syte-okd-shadow-xl);--syte-okd-dialog-window-default-text-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-window-border-radius:8px;--syte-okd-dialog-window-close-btn-color:var(--syte-okd-color-content-contrast);--syte-okd-dialog-window-close-size:32px;--syte-okd-dialog-window-split-line-border-color:var(--syte-okd-color-border-primary);--syte-okd-dialog-tip-window-min-width:344px;--syte-okd-dialog-tip-window-2btn-min-width:448px;--syte-okd-dialog-title-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-title-font-size:16px;--syte-okd-dialog-title-line-height:20px;--syte-okd-dialog-title-box-sm-padding-vertical:14px;--syte-okd-dialog-title-box-md-padding-vertical:12px;--syte-okd-dialog-sub-title-color:var(--syte-okd-color-content-contrast);--syte-okd-dialog-sub-title-font-size:14px;--syte-okd-dialog-sub-title-line-height:16px;--syte-okd-dialog-tip-title-color:#000;--syte-okd-dialog-tip-title-font-size:18px;--syte-okd-dialog-tip-title-line-height:24px;--syte-okd-dialog-tip-detail-color:#3d3d3d;--syte-okd-dialog-tip-detail-font-size:14px;--syte-okd-dialog-tip-detail-line-height:20px;--syte-okd-dialog-tip-success-icon-bg:var(--syte-okd-color-semantic-positive);--syte-okd-dialog-tip-info-icon-bg:var(--syte-okd-color-semantic-neutral);--syte-okd-dialog-tip-prompt-icon-bg:rgba(241,101,20,.2);--syte-okd-dialog-tip-warn-icon-bg:var(--syte-okd-color-semantic-notice);--syte-okd-dialog-tip-alert-icon-bg:rgba(241,80,123,.2);--syte-okd-dialog-tip-error-icon-bg:var(--syte-okd-color-semantic-negative);--syte-okd-dialog-tip-success-icon-color:var(--syte-okd-color-semantic-positive);--syte-okd-dialog-tip-info-icon-color:var(--syte-okd-color-semantic-neutral);--syte-okd-dialog-tip-prompt-icon-color:#f16514;--syte-okd-dialog-tip-warn-icon-color:var(--syte-okd-color-semantic-notice);--syte-okd-dialog-tip-alert-icon-color:#f1507b;--syte-okd-dialog-tip-error-icon-color:var(--syte-okd-color-semantic-negative);--syte-okd-dialog-tip-icon-bg-size:48px;--syte-okd-dialog-tip-icon-font-size:48px;--syte-okd-dialog-action-close-btn-color:#0569ff;--syte-okd-dialog-footer-box-sm-padding-vertical:20px;--syte-okd-dialog-footer-box-md-padding-vertical:12px;--syte-okd-dialog-tip-footer-box-sm-padding-vertical:16px;--syte-okd-dialog-tip-footer-box-md-padding-vertical:24px;--syte-okd-dialog-container-sm-padding-horizontal:16px;--syte-okd-dialog-container-md-padding-horizontal:24px;--syte-okd-dialog-container-md-padding-vertical:24px;--syte-okd-dialog-container-sm-padding-vertical:16px;--syte-okd-dialog-window-close-icon-size:24px;--syte-okd-dialog-window-back-icon-size:24px;--syte-okd-dialog-tip-container-md-padding-top:28px;--syte-okd-dialog-tip-container-md-padding-bottom:24px;--syte-okd-dialog-tip-container-sm-padding-top:20px;--syte-okd-dialog-tip-container-sm-padding-bottom:24px;--syte-okd-dialog-window-action-padding:16px;--syte-okd-dialog-footer-action-cancel-type:secondary;--syte-okd-dialog-footer-action-confirm-type:highlight;--syte-okd-dialog-footer-action-cancel-size:sm;--syte-okd-dialog-footer-action-confirm-size:sm;--syte-okd-dialog-window-sm-border-radius:12px;--syte-okd-dialog-title-font-weight:700;--syte-okd-dialog-footer-btn-full-sm-margin-top:8px;--syte-okd-dialog-footer-btn-md-margin-left:12px;--syte-okd-dialog-footer-btn-sm-margin-left:12px;--syte-okd-dialog-confirm-footer-sm-button-border-color:var(--syte-okd-color-border-primary);--syte-okd-dialog-confirm-footer-padding-top:0;--syte-okd-dialog-confirm-footer-padding-bottom:24px;--syte-okd-dialog-confirm-title-padding-top:24px;--syte-okd-dialog-confirm-no-title-padding-top:24px;--syte-okd-dialog-confirm-title-padding-bottom:0px;--syte-okd-dialog-confirm-max-width:520px;--syte-okd-dialog-confirm-min-width:280px;--syte-okd-dialog-confirm-container-color:var(--syte-okd-color-content-secondary);--syte-okd-dialog-confirm-container-line-height:20px;--syte-okd-dialog-confirm-container-font-size:14px;--syte-okd-dialog-confirm-container-sm-padding-bottom:24px;--syte-okd-dialog-confirm-icon-font-size:22px;--syte-okd-dialog-confirm-icon-margin-right:10px;--syte-okd-dialog-confirm-icon-line-height:22px;--syte-okd-dialog-title-icon-close-color:var(--syte-okd-color-content-contrast);--syte-okd-dialog-title-icon-back-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-title-icon-close-hover-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-title-icon-hover-background-color:hsla(0,0%,95%,0);--syte-okd-dialog-title-icon-hover-border-radius:4px;--syte-okd-dialog-title-icon-close-margin-left:32px;--syte-okd-dialog-title-icon-back-margin-right:8px;--syte-okd-dialog-window-back-btn-color:var(--syte-okd-color-container-inverse);--syte-okd-dialog-window-back-btn-margin-right:12px;--syte-okd-dialog-window-close-btn-margin-left:12px;--syte-okd-dialog-confirm-container-sm-padding-top:8px;--syte-okd-dialog-confirm-container-sm-padding-horizontal:24px;--syte-okd-dialog-confirm-title-padding-horizontal:24px;--syte-okd-dialog-footer-box-sm-padding-top:12px;--syte-okd-dialog-footer-box-sm-padding-bottom:20px;--syte-okd-dialog-confirmation-header-padding-top:24px;--syte-okd-dialog-confirmation-footer-padding-bottom:24px;--syte-okd-dialog-confirmation-padding-left:24px;--syte-okd-dialog-confirmation-padding-right:24px;--syte-okd-dialog-confirmation-container-padding-top:32px;--syte-okd-dialog-confirmation-container-padding-bottom:32px;--syte-okd-dialog-confirm-footer-sm-button-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-window-min-width:392px;--syte-okd-dialog-confirm-container-padding-top:32px;--syte-okd-dialog-confirm-container-padding-bottom:32px;--syte-okd-dialog-confirm-window-background:var(--syte-okd-color-modal-tertiary);--syte-okd-dialog-confirmation-window-background:var(--syte-okd-color-modal-primary);--syte-okd-dialog-window-border-color:var(--syte-okd-color-border-primary)}.theme-dark{--syte-okd-dialog-window-background:var(--syte-okd-color-modal-primary);--syte-okd-dialog-window-close-btn-color:var(--syte-okd-color-content-contrast);--syte-okd-dialog-window-split-line-border-color:var(--syte-okd-color-border-primary);--syte-okd-dialog-title-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-sub-title-color:var(--syte-okd-color-content-contrast);--syte-okd-dialog-window-mask-color:var(--syte-okd-color-background-scrim);--syte-okd-dialog-window-default-text-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-window-box-shadow:0px 0px 0px 0px #2e2e2e,0px 13px 20px -15px #000;--syte-okd-dialog-tip-title-color:#fafafa;--syte-okd-dialog-tip-detail-color:#e3e3e3;--syte-okd-dialog-tip-success-icon-bg:var(--syte-okd-color-semantic-positive);--syte-okd-dialog-tip-info-icon-bg:var(--syte-okd-color-semantic-neutral);--syte-okd-dialog-tip-prompt-icon-bg:#532206;--syte-okd-dialog-tip-warn-icon-bg:var(--syte-okd-color-semantic-notice);--syte-okd-dialog-tip-alert-icon-bg:#300e17;--syte-okd-dialog-tip-error-icon-bg:var(--syte-okd-color-semantic-negative);--syte-okd-dialog-tip-success-icon-color:var(--syte-okd-color-semantic-positive);--syte-okd-dialog-tip-info-icon-color:var(--syte-okd-color-semantic-neutral);--syte-okd-dialog-tip-prompt-icon-color:#f87428;--syte-okd-dialog-tip-warn-icon-color:var(--syte-okd-color-semantic-notice);--syte-okd-dialog-tip-alert-icon-color:#f04872;--syte-okd-dialog-tip-error-icon-color:var(--syte-okd-color-semantic-negative);--syte-okd-dialog-tip-icon-bg-size:48px;--syte-okd-dialog-tip-icon-font-size:48px;--syte-okd-dialog-tip-title-font-size:18px;--syte-okd-dialog-tip-title-line-height:24px;--syte-okd-dialog-tip-detail-font-size:14px;--syte-okd-dialog-tip-detail-line-height:20px;--syte-okd-dialog-action-close-btn-color:#1e6bff;--syte-okd-dialog-window-border-radius:8px;--syte-okd-dialog-title-font-size:16px;--syte-okd-dialog-title-line-height:20px;--syte-okd-dialog-sub-title-font-size:var(--syte-okd-font-size-md);--syte-okd-dialog-sub-title-line-height:16px;--syte-okd-dialog-window-close-size:32px;--syte-okd-dialog-container-sm-padding-horizontal:16px;--syte-okd-dialog-title-box-sm-padding-vertical:14px;--syte-okd-dialog-container-sm-padding-vertical:16px;--syte-okd-dialog-footer-box-sm-padding-vertical:12px;--syte-okd-dialog-container-md-padding-horizontal:24px;--syte-okd-dialog-title-box-md-padding-vertical:12px;--syte-okd-dialog-container-md-padding-vertical:24px;--syte-okd-dialog-footer-box-md-padding-vertical:12px;--syte-okd-dialog-tip-window-min-width:344px;--syte-okd-dialog-tip-window-2btn-min-width:448px;--syte-okd-dialog-tip-footer-box-sm-padding-vertical:16px;--syte-okd-dialog-tip-footer-box-md-padding-vertical:24px;--syte-okd-dialog-window-close-icon-size:24px;--syte-okd-dialog-window-back-icon-size:24px;--syte-okd-dialog-tip-container-md-padding-top:28px;--syte-okd-dialog-tip-container-md-padding-bottom:24px;--syte-okd-dialog-tip-container-sm-padding-top:20px;--syte-okd-dialog-tip-container-sm-padding-bottom:24px;--syte-okd-dialog-window-action-padding:16px;--syte-okd-dialog-footer-action-cancel-type:primary;--syte-okd-dialog-footer-action-cancel-size:sm;--syte-okd-dialog-footer-action-confirm-type:highlight;--syte-okd-dialog-footer-action-confirm-size:sm;--syte-okd-dialog-window-sm-border-radius:12px;--syte-okd-dialog-title-font-weight:700;--syte-okd-dialog-footer-btn-full-sm-margin-top:8px;--syte-okd-dialog-footer-btn-md-margin-left:12px;--syte-okd-dialog-footer-btn-sm-margin-left:12px;--syte-okd-dialog-confirm-footer-sm-button-border-color:var(--syte-okd-color-border-secondary);--syte-okd-dialog-confirm-footer-padding-top:0;--syte-okd-dialog-confirm-footer-padding-bottom:24px;--syte-okd-dialog-confirm-title-padding-top:24px;--syte-okd-dialog-confirm-no-title-padding-top:24px;--syte-okd-dialog-confirm-title-padding-bottom:0;--syte-okd-dialog-confirm-max-width:520px;--syte-okd-dialog-confirm-min-width:280px;--syte-okd-dialog-confirm-container-color:var(--syte-okd-color-content-secondary);--syte-okd-dialog-confirm-container-line-height:20px;--syte-okd-dialog-confirm-container-font-size:14px;--syte-okd-dialog-confirm-container-sm-padding-bottom:24px;--syte-okd-dialog-confirm-icon-font-size:22px;--syte-okd-dialog-confirm-icon-margin-right:10px;--syte-okd-dialog-confirm-icon-line-height:22px;--syte-okd-dialog-title-icon-close-color:var(--syte-okd-color-content-contrast);--syte-okd-dialog-title-icon-back-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-title-icon-close-hover-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-title-icon-hover-background-color:rgba(29,29,29,0);--syte-okd-dialog-title-icon-hover-border-radius:4px;--syte-okd-dialog-title-icon-close-margin-left:32px;--syte-okd-dialog-title-icon-back-margin-right:8px;--syte-okd-dialog-confirm-container-sm-padding-top:8px;--syte-okd-dialog-confirm-container-sm-padding-horizontal:24px;--syte-okd-dialog-confirm-title-padding-horizontal:24px;--syte-okd-dialog-footer-box-sm-padding-top:12px;--syte-okd-dialog-footer-box-sm-padding-bottom:20px;--syte-okd-dialog-confirmation-header-padding-top:24px;--syte-okd-dialog-confirmation-footer-padding-bottom:24px;--syte-okd-dialog-confirmation-padding-left:24px;--syte-okd-dialog-confirmation-padding-right:24px;--syte-okd-dialog-confirmation-container-padding-top:32px;--syte-okd-dialog-confirmation-container-padding-bottom:32px;--syte-okd-dialog-confirm-footer-sm-button-color:var(--syte-okd-color-content-primary);--syte-okd-dialog-window-min-width:392px;--syte-okd-dialog-window-back-btn-color:var(--syte-okd-color-container-inverse);--syte-okd-dialog-confirm-container-padding-top:32px;--syte-okd-dialog-confirm-container-padding-bottom:32px;--syte-okd-dialog-confirm-window-background:var(--syte-okd-color-modal-tertiary);--syte-okd-dialog-confirmation-window-background:var(--syte-okd-color-modal-primary);--syte-okd-dialog-window-border-color:var(--syte-okd-color-border-primary)}.syte-mask{background:rgba(0,0,0,.65);background:var(--syte-okd-dialog-window-mask-color,rgba(0,0,0,.65));bottom:0;left:0;position:fixed;right:0;top:0}.theme-light{--syte-okd-popover-background:#fff;--syte-okd-popover-link-color:var(--syte-okd-color-content-secondary);--syte-okd-popover-action-color:var(--syte-okd-color-content-secondary);--syte-okd-popover-title-color:var(--syte-okd-color-content-primary);--syte-okd-popover-title-line-height:20px;--syte-okd-popover-title-background:#f6f6f6;--syte-okd-popover-desc-color:var(--syte-okd-color-content-secondary);--syte-okd-popover-md-font-size:14px;--syte-okd-popover-md-title-font-size:16px;--syte-okd-popover-md-line-height:20px;--syte-okd-popover-sm-font-size:12px;--syte-okd-popover-sm-title-font-size:14px;--syte-okd-popover-sm-line-height:16px;--syte-okd-popover-common-padding:12px;--syte-okd-popover-common-layer-width:280px;--syte-okd-popover-common-layer-shadow:rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px;--syte-okd-popover-desc-background:var(--syte-okd-color-modal-primary);--syte-okd-popover-layer-background:var(--syte-okd-color-modal-primary);--syte-okd-popover-layer-border-color:var(--syte-okd-color-transparent-white);--syte-okd-hyperlink-primary-default-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-primary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-primary-default-underline-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-primary-hover-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-primary-hover-icon-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-primary-hover-underline-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-secondary-default-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-secondary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-secondary-default-underline-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-secondary-hover-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-secondary-hover-icon-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-secondary-hover-underline-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-xs-font-size:12px;--syte-okd-hyperlink-sm-font-size:14px;--syte-okd-hyperlink-md-font-size:16px;--syte-okd-hyperlink-lg-font-size:18px;--syte-okd-hyperlink-xs-icon-font-size:12px;--syte-okd-hyperlink-sm-icon-font-size:16px;--syte-okd-hyperlink-md-icon-font-size:16px;--syte-okd-hyperlink-lg-icon-font-size:16px;--syte-okd-hyperlink-xs-line-height:16px;--syte-okd-hyperlink-sm-line-height:16px;--syte-okd-hyperlink-md-line-height:20px;--syte-okd-hyperlink-lg-line-height:24px;--syte-okd-hyperlink-medium-font-weight:500;--syte-okd-hyperlink-medium-hover-font-weight:500;--syte-okd-hyperlink-muted-font-weight:400;--syte-okd-hyperlink-muted-hover-font-weight:400;--syte-okd-hyperlink-amplified-font-weight:700;--syte-okd-hyperlink-amplified-hover-font-weight:700;--syte-okd-hyperlink-xs-icon-margin-left:0px;--syte-okd-hyperlink-sm-icon-margin-left:4px;--syte-okd-hyperlink-md-icon-margin-left:4px;--syte-okd-hyperlink-lg-icon-margin-left:4px;--syte-okd-hyperlink-reversed-default-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-default-underline-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-hover-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-hover-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-hover-underline-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-accent-default-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-default-icon-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-default-underline-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-hover-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-hover-icon-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-hover-underline-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-reversed-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-hyperlink-accent-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-hyperlink-primary-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-color-link-accent-surface-pressed:#d2e8a4;--syte-okd-color-link-accent-content-disabled:#d2e8a4}.syte-transition-fade{-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.syte-transition-fade-active{will-change:opacity}.syte-transition-fade-ease-out{-webkit-transition-timing-function:cubic-bezier(.5,0,.52,1);transition-timing-function:cubic-bezier(.5,0,.52,1)}.syte-transition-fade-entered,.syte-transition-fade-entering{opacity:1}.syte-transition-fade-exited,.syte-transition-fade-exiting{opacity:0}.theme-light{--syte-okd-empty-img-width:100px;--syte-okd-empty-img-height:100px;--syte-okd-empty-img-margin-bottom:4px;--syte-okd-empty-title-font-size:16px;--syte-okd-empty-title-light-height:20px;--syte-okd-empty-title-margin-bottom:4px;--syte-okd-empty-title-color:var(--syte-okd-color-content-primary);--syte-okd-empty-desc-font-size:14px;--syte-okd-empty-desc-light-height:158%;--syte-okd-empty-desc-margin-bottom:20px;--syte-okd-empty-desc-color:var(--syte-okd-color-content-tertiary);--syte-okd-empty-title-line-height:20px;--syte-okd-empty-desc-line-height:20px;--syte-okd-empty-title-font-weight:500;--syte-okd-empty-desc-font-weight:400}.theme-dark{--syte-okd-popover-background:#909090;--syte-okd-popover-link-color:var(--syte-okd-color-content-secondary);--syte-okd-popover-action-color:var(--syte-okd-color-content-secondary);--syte-okd-popover-title-color:var(--syte-okd-color-content-primary);--syte-okd-popover-title-line-height:20px;--syte-okd-popover-title-background:#121212;--syte-okd-popover-desc-color:var(--syte-okd-color-content-secondary);--syte-okd-popover-md-font-size:14px;--syte-okd-popover-md-title-font-size:16px;--syte-okd-popover-md-line-height:20px;--syte-okd-popover-sm-font-size:12px;--syte-okd-popover-sm-title-font-size:14px;--syte-okd-popover-sm-line-height:16px;--syte-okd-popover-common-padding:12px;--syte-okd-popover-common-layer-width:280px;--syte-okd-popover-common-layer-shadow:rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px;--syte-okd-popover-desc-background:var(--syte-okd-color-modal-primary);--syte-okd-popover-layer-background:var(--syte-okd-color-modal-primary);--syte-okd-popover-layer-border-color:var(--syte-okd-color-border-primary);--syte-okd-hyperlink-primary-default-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-primary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-primary-default-underline-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-primary-hover-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-primary-hover-icon-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-primary-hover-underline-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-secondary-default-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-secondary-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-secondary-default-underline-color:var(--syte-okd-color-content-primary);--syte-okd-hyperlink-secondary-hover-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-secondary-hover-icon-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-secondary-hover-underline-color:var(--syte-okd-color-content-secondary);--syte-okd-hyperlink-xs-font-size:12px;--syte-okd-hyperlink-sm-font-size:14px;--syte-okd-hyperlink-md-font-size:16px;--syte-okd-hyperlink-lg-font-size:18px;--syte-okd-hyperlink-xs-icon-font-size:12px;--syte-okd-hyperlink-sm-icon-font-size:16px;--syte-okd-hyperlink-md-icon-font-size:16px;--syte-okd-hyperlink-lg-icon-font-size:16px;--syte-okd-hyperlink-xs-line-height:16px;--syte-okd-hyperlink-sm-line-height:16px;--syte-okd-hyperlink-md-line-height:20px;--syte-okd-hyperlink-lg-line-height:24px;--syte-okd-hyperlink-medium-font-weight:500;--syte-okd-hyperlink-medium-hover-font-weight:500;--syte-okd-hyperlink-muted-font-weight:400;--syte-okd-hyperlink-muted-hover-font-weight:400;--syte-okd-hyperlink-amplified-font-weight:700;--syte-okd-hyperlink-amplified-hover-font-weight:700;--syte-okd-hyperlink-xs-icon-margin-left:0px;--syte-okd-hyperlink-sm-icon-margin-left:4px;--syte-okd-hyperlink-md-icon-margin-left:4px;--syte-okd-hyperlink-lg-icon-margin-left:4px;--syte-okd-hyperlink-reversed-default-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-default-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-default-underline-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-hover-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-hover-icon-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-reversed-hover-underline-color:var(--syte-okd-color-content-inverse);--syte-okd-hyperlink-accent-default-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-default-icon-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-default-underline-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-hover-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-hover-icon-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-accent-hover-underline-color:var(--syte-okd-color-link-accent-content-primary);--syte-okd-hyperlink-reversed-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-hyperlink-accent-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-hyperlink-primary-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-color-link-accent-surface-pressed:#1a410e;--syte-okd-color-link-accent-content-disabled:#3d5c00}.syte-transition-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;position:fixed;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:opacity .3s linear,-webkit-transform .3s linear;transition:opacity .3s linear,-webkit-transform .3s linear;transition:transform .3s linear,opacity .3s linear;transition:transform .3s linear,opacity .3s linear,-webkit-transform .3s linear}.syte-transition-slide-active{will-change:transform,opacity}.syte-transition-slide-cubic{-webkit-transition-timing-function:ease;transition-timing-function:ease}.syte-transition-slide-top{right:0;top:0;width:100%}.syte-transition-slide-bottom{bottom:0;right:0;width:100%}.syte-transition-slide-left{height:100%;right:0;top:0}.syte-transition-slide-right{height:100%;left:0;top:0}.syte-transition-slide-entered,.syte-transition-slide-entering{opacity:1;-webkit-transform:none;transform:none}.syte-transition-slide-exited,.syte-transition-slide-exiting{opacity:0}.syte-transition-slide-exited.syte-transition-slide-top,.syte-transition-slide-exiting.syte-transition-slide-top{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.syte-transition-slide-exited.syte-transition-slide-bottom,.syte-transition-slide-exiting.syte-transition-slide-bottom{-webkit-transform:translateY(100%);transform:translateY(100%)}.syte-transition-slide-exited.syte-transition-slide-left,.syte-transition-slide-exiting.syte-transition-slide-left{-webkit-transform:translateX(100%);transform:translateX(100%)}.syte-transition-slide-exited.syte-transition-slide-right,.syte-transition-slide-exiting.syte-transition-slide-right{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (hover:none) and (pointer:coarse){.syte-transition-slide{-webkit-transition-duration:.2s;transition-duration:.2s}}.theme-dark{--syte-okd-empty-img-width:100px;--syte-okd-empty-img-height:100px;--syte-okd-empty-img-margin-bottom:4px;--syte-okd-empty-title-font-size:16px;--syte-okd-empty-title-light-height:20px;--syte-okd-empty-title-margin-bottom:4px;--syte-okd-empty-title-color:var(--syte-okd-color-content-primary);--syte-okd-empty-desc-font-size:14px;--syte-okd-empty-desc-light-height:158%;--syte-okd-empty-desc-margin-bottom:20px;--syte-okd-empty-desc-color:var(--syte-okd-color-content-tertiary);--syte-okd-empty-title-line-height:20px;--syte-okd-empty-desc-line-height:20px;--syte-okd-empty-title-font-weight:500;--syte-okd-empty-desc-font-weight:400}.syte-popover .syte-popup-layer-content{padding:0}.syte-popover .syte-popup-layer-arrow-inner{background-color:var(--syte-okd-popover-layer-background);border-color:var(--syte-okd-popover-layer-border-color)}.syte-popover-arrow-special .syte-popup-layer-arrow[change-color] .syte-popup-layer-arrow-inner{background-color:var(--syte-okd-popover-title-background)}.syte-popover-arrow-special[data-popper-placement*=bottom] .syte-popup-layer-arrow-inner{background-color:var(--syte-okd-popover-title-background)!important}.syte-popover-content{background-color:var(--syte-okd-popover-layer-background);border:1px solid var(--syte-okd-popover-layer-border-color);border-radius:4px;-webkit-box-shadow:var(--syte-okd-popover-common-layer-shadow);box-shadow:var(--syte-okd-popover-common-layer-shadow);max-width:var(--syte-okd-popover-common-layer-width)}.syte-popover-content-title{background-color:var(--syte-okd-popover-title-background);border-top-left-radius:4px;border-top-right-radius:4px;color:var(--syte-okd-popover-title-color);font-weight:500;line-height:20px;padding:8px 12px;position:relative}.syte-popover-content-desc{background-color:var(--syte-okd-popover-desc-background);border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:var(--syte-okd-popover-desc-color);overflow:hidden;padding:var(--syte-okd-popover-common-padding)}.syte-popover-content-desc .syte-popover-content-desc-link{color:var(--syte-okd-popover-link-color);cursor:pointer;font-weight:500;padding-right:4px;text-decoration:underline}.syte-popover-content-desc-button{color:var(--syte-okd-popover-action-color);cursor:pointer;float:left;font-weight:500;margin-top:20px;overflow:hidden;padding:0 10px;text-align:left}.syte-popover-content-desc-radius{border-top-left-radius:4px;border-top-right-radius:4px}.syte-popover-md .syte-popover-content{font-size:var(--syte-okd-popover-md-font-size);line-height:var(--syte-okd-popover-md-line-height)}.syte-popover-md .syte-popover-content-title{font-size:var(--syte-okd-popover-md-title-font-size)}.syte-popover-sm .syte-popover-content{font-size:var(--syte-okd-popover-sm-font-size);line-height:var(--syte-okd-popover-sm-line-height)}.syte-popover-sm .syte-popover-content-title{font-size:var(--syte-okd-popover-sm-title-font-size)}.syte-empty{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.syte-empty-img{height:var(--syte-okd-empty-img-height);margin-bottom:var(--syte-okd-empty-img-margin-bottom);width:var(--syte-okd-empty-img-width)}.syte-empty-title{color:var(--syte-okd-empty-title-color);font-size:var(--syte-okd-empty-title-font-size);font-weight:400;font-weight:var(--syte-okd-empty-title-font-weight,400);line-height:var(--syte-okd-empty-title-light-height);margin-bottom:var(--syte-okd-empty-title-margin-bottom);text-align:center}.syte-empty-title:last-child{margin-bottom:0}.syte-empty-only-title{margin-bottom:var(--syte-okd-empty-desc-margin-bottom)}.syte-empty-only-title:last-child{margin-bottom:0}.syte-empty-description{color:var(--syte-okd-empty-desc-color);font-size:var(--syte-okd-empty-desc-font-size);font-weight:400;font-weight:var(--syte-okd-empty-desc-font-weight,400);line-height:var(--syte-okd-empty-desc-light-height);margin-bottom:var(--syte-okd-empty-desc-margin-bottom);text-align:center}.syte-empty-description:last-child{margin-bottom:0}.syte-hyperlink-xs .syte-hyperlink-text{font-size:var(--syte-okd-hyperlink-xs-font-size);line-height:var(--syte-okd-hyperlink-xs-line-height)}.syte-hyperlink-xs .icon-arrow,.syte-hyperlink-xs .icon-jump{font-size:var(--syte-okd-hyperlink-xs-icon-font-size)}.syte-hyperlink-xs .icon-jump{margin-right:var(--syte-okd-hyperlink-xs-icon-margin-left)}.syte-hyperlink-sm .syte-hyperlink-text{font-size:var(--syte-okd-hyperlink-sm-font-size);line-height:var(--syte-okd-hyperlink-sm-line-height)}.syte-hyperlink-sm .icon-arrow,.syte-hyperlink-sm .icon-jump{font-size:var(--syte-okd-hyperlink-sm-icon-font-size)}.syte-hyperlink-sm .icon-jump{margin-right:var(--syte-okd-hyperlink-sm-icon-margin-left)}.syte-hyperlink-md .syte-hyperlink-text{font-size:var(--syte-okd-hyperlink-md-font-size);line-height:var(--syte-okd-hyperlink-md-line-height)}.syte-hyperlink-md .icon-arrow,.syte-hyperlink-md .icon-jump{font-size:var(--syte-okd-hyperlink-md-icon-font-size)}.syte-hyperlink-md .icon-jump{margin-right:var(--syte-okd-hyperlink-md-icon-margin-left)}.syte-hyperlink-lg .syte-hyperlink-text{font-size:var(--syte-okd-hyperlink-lg-font-size);line-height:var(--syte-okd-hyperlink-lg-line-height)}.syte-hyperlink-lg .icon-arrow,.syte-hyperlink-lg .icon-jump{font-size:var(--syte-okd-hyperlink-lg-icon-font-size)}.syte-hyperlink-lg .icon-jump{margin-right:var(--syte-okd-hyperlink-lg-icon-margin-left)}.syte-hyperlink-muted{font-weight:var(--syte-okd-hyperlink-muted-font-weight)}.syte-hyperlink-muted:hover{font-weight:var(--syte-okd-hyperlink-muted-hover-font-weight)}.syte-hyperlink-medium{font-weight:var(--syte-okd-hyperlink-medium-font-weight)}.syte-hyperlink-medium:hover{font-weight:var(--syte-okd-hyperlink-medium-hover-font-weight)}.syte-hyperlink-amplified{font-weight:var(--syte-okd-hyperlink-amplified-font-weight)}.syte-hyperlink-amplified:hover{font-weight:var(--syte-okd-hyperlink-amplified-hover-font-weight)}.syte-hyperlink-primary{color:var(--syte-okd-hyperlink-primary-default-color)}.syte-hyperlink-primary .icon-arrow,.syte-hyperlink-primary .icon-jump{color:var(--syte-okd-hyperlink-primary-default-icon-color)}.syte-hyperlink-primary.syte-hyperlink-disabled{color:var(--syte-okd-hyperlink-primary-disabled-color)}.syte-hyperlink-primary.syte-hyperlink-disabled .icon-arrow,.syte-hyperlink-primary.syte-hyperlink-disabled .icon-jump,.syte-hyperlink-primary.syte-hyperlink-disabled .syte-hyperlink-text{color:var(--syte-okd-hyperlink-primary-disabled-color);cursor:not-allowed}.syte-hyperlink-primary:not(.syte-hyperlink-disabled):hover{color:var(--syte-okd-hyperlink-primary-hover-color)}.syte-hyperlink-primary:not(.syte-hyperlink-disabled):hover .syte-hyperlink-text{color:var(--syte-okd-hyperlink-primary-hover-color);text-decoration:underline;text-underline-offset:3px}.syte-hyperlink-primary:not(.syte-hyperlink-disabled):hover .icon-arrow,.syte-hyperlink-primary:not(.syte-hyperlink-disabled):hover .icon-jump{color:var(--syte-okd-hyperlink-primary-hover-icon-color)}.syte-hyperlink-primary a,.syte-hyperlink-primary a:active,.syte-hyperlink-primary a:visited{color:var(--syte-okd-hyperlink-primary-default-color)}.syte-hyperlink-secondary{color:var(--syte-okd-hyperlink-secondary-default-color)}.syte-hyperlink-secondary .icon-arrow,.syte-hyperlink-secondary .icon-jump{color:var(--syte-okd-hyperlink-secondary-default-icon-color)}.syte-hyperlink-secondary.syte-hyperlink-disabled{color:var(--syte-okd-hyperlink-secondary-disabled-color)}.syte-hyperlink-secondary.syte-hyperlink-disabled .icon-arrow,.syte-hyperlink-secondary.syte-hyperlink-disabled .icon-jump,.syte-hyperlink-secondary.syte-hyperlink-disabled .syte-hyperlink-text{color:var(--syte-okd-hyperlink-secondary-disabled-color);cursor:not-allowed}.syte-hyperlink-secondary:not(.syte-hyperlink-disabled):hover{color:var(--syte-okd-hyperlink-secondary-hover-color)}.syte-hyperlink-secondary:not(.syte-hyperlink-disabled):hover .syte-hyperlink-text{color:var(--syte-okd-hyperlink-secondary-hover-color);text-decoration:underline;text-underline-offset:3px}.syte-hyperlink-secondary:not(.syte-hyperlink-disabled):hover .icon-arrow,.syte-hyperlink-secondary:not(.syte-hyperlink-disabled):hover .icon-jump{color:var(--syte-okd-hyperlink-secondary-hover-icon-color)}.syte-hyperlink-secondary a,.syte-hyperlink-secondary a:active,.syte-hyperlink-secondary a:visited{color:var(--syte-okd-hyperlink-secondary-default-color)}.syte-hyperlink-reversed{color:var(--syte-okd-hyperlink-reversed-default-color)}.syte-hyperlink-reversed .icon-arrow,.syte-hyperlink-reversed .icon-jump{color:var(--syte-okd-hyperlink-reversed-default-icon-color)}.syte-hyperlink-reversed.syte-hyperlink-disabled{color:var(--syte-okd-hyperlink-reversed-disabled-color)}.syte-hyperlink-reversed.syte-hyperlink-disabled .icon-arrow,.syte-hyperlink-reversed.syte-hyperlink-disabled .icon-jump,.syte-hyperlink-reversed.syte-hyperlink-disabled .syte-hyperlink-text{color:var(--syte-okd-hyperlink-reversed-disabled-color);cursor:not-allowed}.syte-hyperlink-reversed:not(.syte-hyperlink-disabled):hover{color:var(--syte-okd-hyperlink-reversed-hover-color)}.syte-hyperlink-reversed:not(.syte-hyperlink-disabled):hover .syte-hyperlink-text{color:var(--syte-okd-hyperlink-reversed-hover-color);text-decoration:underline;text-underline-offset:3px}.syte-hyperlink-reversed:not(.syte-hyperlink-disabled):hover .icon-arrow,.syte-hyperlink-reversed:not(.syte-hyperlink-disabled):hover .icon-jump{color:var(--syte-okd-hyperlink-reversed-hover-icon-color)}.syte-hyperlink-reversed a,.syte-hyperlink-reversed a:active,.syte-hyperlink-reversed a:visited{color:var(--syte-okd-hyperlink-reversed-default-color)}.syte-hyperlink-accent{color:var(--syte-okd-hyperlink-accent-default-color)}.syte-hyperlink-accent .icon-arrow,.syte-hyperlink-accent .icon-jump{color:var(--syte-okd-hyperlink-accent-default-icon-color)}.syte-hyperlink-accent.syte-hyperlink-disabled{color:var(--syte-okd-hyperlink-accent-disabled-color)}.syte-hyperlink-accent.syte-hyperlink-disabled .icon-arrow,.syte-hyperlink-accent.syte-hyperlink-disabled .icon-jump,.syte-hyperlink-accent.syte-hyperlink-disabled .syte-hyperlink-text{color:var(--syte-okd-hyperlink-accent-disabled-color);cursor:not-allowed}.syte-hyperlink-accent:not(.syte-hyperlink-disabled):hover{color:var(--syte-okd-hyperlink-accent-hover-color)}.syte-hyperlink-accent:not(.syte-hyperlink-disabled):hover .syte-hyperlink-text{color:var(--syte-okd-hyperlink-accent-hover-color);text-decoration:underline;text-underline-offset:3px}.syte-hyperlink-accent:not(.syte-hyperlink-disabled):hover .icon-arrow,.syte-hyperlink-accent:not(.syte-hyperlink-disabled):hover .icon-jump{color:var(--syte-okd-hyperlink-accent-hover-icon-color)}.syte-hyperlink-accent a,.syte-hyperlink-accent a:active,.syte-hyperlink-accent a:visited{color:var(--syte-okd-hyperlink-accent-default-color)}.syte-hyperlink-text{text-decoration:none}.syte-hyperlink-underline .syte-hyperlink-text{text-decoration:underline;text-underline-offset:3px}.syte-hyperlink-no-hover-underline:not(.syte-hyperlink-disabled):hover .syte-hyperlink-text{text-decoration:none}.syte-hyperlink{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex}.syte-hyperlink .icon-arrow,.syte-hyperlink .icon-jump{cursor:auto;font-weight:inherit}.syte-hyperlink a:focus-visible{border-radius:2px;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}.theme-light{--syte-okd-input-default-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-default-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-default-border-color:transparent;--syte-okd-input-default-caret-color:var(--syte-okd-color-content-primary);--syte-okd-input-default-shadow:0px 0px 0px 0px transparent;--syte-okd-input-default-background:#f3f3f3;--syte-okd-input-hover-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-hover-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-hover-border-color:transparent;--syte-okd-input-hover-caret-color:var(--syte-okd-color-content-primary);--syte-okd-input-hover-shadow:0 0 0 0 transparent;--syte-okd-input-hover-background:#f3f3f3;--syte-okd-input-focus-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-focus-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-focus-border-color:var(--syte-okd-color-border-selected);--syte-okd-input-focus-caret-color:var(--syte-okd-color-content-brand);--syte-okd-input-focus-shadow:0px 0px 0px 0px #00000000;--syte-okd-input-focus-background:#f3f3f3;--syte-okd-input-disabled-text-color:var(--syte-okd-color-content-disabled);--syte-okd-input-disabled-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-disabled-border-color:var(--syte-okd-color-border-primary);--syte-okd-input-disabled-caret-color:var(--syte-okd-color-content-disabled);--syte-okd-input-disabled-shadow:0 0 0 0 transparent;--syte-okd-input-disabled-background:#f3f3f3;--syte-okd-input-error-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-error-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-error-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-error-caret-color:var(--syte-okd-color-content-brand);--syte-okd-input-error-shadow:var(--syte-okd-shadow-sm);--syte-okd-input-error-background:#f3f3f3;--syte-okd-input-error-tips-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-tips-text-color:var(--syte-okd-color-content-contrast);--syte-okd-input-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-input-label-color:var(--syte-okd-color-content-primary);--syte-okd-input-action-color:var(--syte-okd-color-content-primary);--syte-okd-input-md-label-font-size:var(--syte-okd-font-size-md);--syte-okd-input-sm-label-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-label-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-md-label-line-height:var(--syte-okd-line-height-md);--syte-okd-input-sm-label-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-xs-label-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-md-action-font-size:var(--syte-okd-font-size-md);--syte-okd-input-sm-action-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-action-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-md-action-line-height:var(--syte-okd-line-height-md);--syte-okd-input-sm-action-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-xs-action-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-md-height:40px;--syte-okd-input-md-text-font-size:var(--syte-okd-font-size-md);--syte-okd-input-md-border-radius:8px;--syte-okd-input-md-error-font-size:14px;--syte-okd-input-md-error-line-height:16px;--syte-okd-input-md-tip-font-size:14px;--syte-okd-input-md-tip-line-height:16px;--syte-okd-input-md-icon-size:20px;--syte-okd-input-md-icon-margin:6px;--syte-okd-input-sm-height:32px;--syte-okd-input-sm-text-font-size:12px;--syte-okd-input-sm-border-radius:8px;--syte-okd-input-sm-error-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-sm-error-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-sm-tip-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-sm-tip-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-sm-icon-size:16px;--syte-okd-input-sm-icon-margin:4px;--syte-okd-input-xs-height:28px;--syte-okd-input-xs-text-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-border-radius:8px;--syte-okd-input-xs-error-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-error-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-xs-tip-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-tip-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-xs-icon-size:16px;--syte-okd-input-xs-icon-margin:4px;--syte-okd-input-number-default-add-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-input-number-default-add-icon-background:transparent;--syte-okd-input-number-hover-add-icon-color:var(--syte-okd-color-content-primary);--syte-okd-input-number-hover-add-icon-background:var(--syte-okd-color-background-surface-pressed);--syte-okd-input-number-active-add-icon-color:#bdbdbd;--syte-okd-input-number-active-add-icon-background:#ebebeb;--syte-okd-input-number-disabled-add-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-input-number-disabled-add-icon-background:var(--syte-okd-color-content-disabled);--syte-okd-input-code-common-btn-color:#0569ff;--syte-okd-input-code-common-btn-disabled-color:#bdbdbd;--syte-okd-input-code-common-count-color:var(--syte-okd-color-content-disabled);--syte-okd-input-code-md-btn-font-size:var(--syte-okd-font-size-md);--syte-okd-input-code-md-btn-line-height:var(--syte-okd-line-height-md);--syte-okd-input-code-md-count-font-size:var(--syte-okd-font-size-md);--syte-okd-input-code-md-count-line-height:var(--syte-okd-line-height-md);--syte-okd-input-code-sm-btn-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-code-sm-btn-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-code-sm-count-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-code-sm-count-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-code-xs-btn-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-code-xs-btn-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-code-xs-count-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-code-xs-count-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-search-default-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-default-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-default-border-color:transparent;--syte-okd-input-search-default-caret-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-default-shadow:0px 0px 0px 0px transparent;--syte-okd-input-search-default-background:#f3f3f3;--syte-okd-input-search-hover-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-hover-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-hover-border-color:transparent;--syte-okd-input-search-hover-caret-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-hover-shadow:0px 0px 0px 0px #0000001a;--syte-okd-input-search-hover-background:#f3f3f3;--syte-okd-input-search-focus-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-focus-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-focus-border-color:var(--syte-okd-color-border-selected);--syte-okd-input-search-focus-caret-color:var(--syte-okd-color-content-brand);--syte-okd-input-search-focus-shadow:0px 0px 0px 0px #00000000;--syte-okd-input-search-focus-background:#f3f3f3;--syte-okd-input-search-error-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-error-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-error-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-search-error-caret-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-error-shadow:0 1px 2px 0 #0000000d;--syte-okd-input-search-error-background:#f3f3f3;--syte-okd-input-search-disabled-text-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-disabled-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-disabled-border-color:transparent;--syte-okd-input-search-disabled-caret-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-disabled-shadow:0px 0px 0px 0px transparent;--syte-okd-input-search-disabled-background:#f3f3f3;--syte-okd-input-search-prefix-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-input-search-prefix-icon-size:16px;--syte-okd-input-search-suffix-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-input-search-suffix-icon-size:13px;--syte-okd-input-search-error-tips-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-verify-md-width:40px;--syte-okd-input-verify-md-height:44px;--syte-okd-input-lg-height:44px;--syte-okd-input-lg-border-radius:8px;--syte-okd-input-lg-label-font-size:14px;--syte-okd-input-lg-label-line-height:20px;--syte-okd-input-lg-label-margin:8px;--syte-okd-input-lg-action-font-size:14px;--syte-okd-input-lg-action-line-height:20px;--syte-okd-input-lg-text-font-size:14px;--syte-okd-input-lg-error-font-size:14px;--syte-okd-input-lg-error-line-height:16px;--syte-okd-input-lg-tip-margin:4px;--syte-okd-input-lg-tip-font-size:14px;--syte-okd-input-lg-tip-line-height:16px;--syte-okd-input-md-label-margin:8px;--syte-okd-input-md-tip-margin:4px;--syte-okd-input-sm-label-margin:8px;--syte-okd-input-sm-tip-margin:4px;--syte-okd-input-xs-label-margin:8px;--syte-okd-input-xs-tip-margin:4px;--syte-okd-input-xl-height:48px;--syte-okd-input-xl-text-font-size:14px;--syte-okd-input-xl-border-radius:8px;--syte-okd-input-lg-icon-size:20px;--syte-okd-input-lg-icon-margin:8px;--syte-okd-input-xl-label-line-height:20px;--syte-okd-input-xl-icon-size:20px;--syte-okd-input-xl-icon-margin:12px;--syte-okd-input-xl-error-font-size:14px;--syte-okd-input-xl-error-line-height:16px;--syte-okd-input-xl-action-font-size:14px;--syte-okd-input-xl-action-line-height:20px;--syte-okd-input-xl-label-margin:8px;--syte-okd-input-xl-label-font-size:14px;--syte-okd-input-xl-tip-font-size:14px;--syte-okd-input-xl-tip-margin:6px;--syte-okd-input-xl-tip-line-height:16px;--syte-okd-input-verify-xl-height:px;--syte-okd-input-verify-xl-width:px;--syte-okd-input-xs-padding-horizontal:8px;--syte-okd-input-sm-padding-horizontal:8px;--syte-okd-input-md-padding-horizontal:8px;--syte-okd-input-lg-padding-horizontal:12px;--syte-okd-input-xl-padding-horizontal:12px;--syte-okd-input-reversed-default-text-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-default-placeholder-color:hsla(0,0%,100%,.36);--syte-okd-input-reversed-default-border-color:transparent;--syte-okd-input-reversed-default-caret-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-default-shadow:0 0 0 0 transparent;--syte-okd-input-reversed-default-background:#1d1d1d;--syte-okd-input-reversed-hover-text-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-hover-placeholder-color:hsla(0,0%,100%,.36);--syte-okd-input-reversed-hover-border-color:var(--syte-okd-color-transparent-black);--syte-okd-input-reversed-hover-caret-color:var(--syte-okd-color-content-contrast);--syte-okd-input-reversed-hover-shadow:0px 0px 0px 0px transparent;--syte-okd-input-reversed-hover-background:#1d1d1d;--syte-okd-input-reversed-focus-text-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-focus-placeholder-color:hsla(0,0%,100%,.36);--syte-okd-input-reversed-focus-border-color:#fff;--syte-okd-input-reversed-focus-caret-color:var(--syte-okd-color-semantic-highlight);--syte-okd-input-reversed-focus-shadow:0px 0px 0px 0px #ffffff00;--syte-okd-input-reversed-focus-background:#1d1d1d;--syte-okd-input-reversed-disabled-text-color:#545454;--syte-okd-input-reversed-disabled-placeholder-color:#545454;--syte-okd-input-reversed-disabled-border-color:#383838;--syte-okd-input-reversed-disabled-caret-color:#0569ff;--syte-okd-input-reversed-disabled-shadow:0 0 0 0 transparent;--syte-okd-input-reversed-disabled-background:#1d1d1d;--syte-okd-input-reversed-error-text-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-error-placeholder-color:hsla(0,0%,100%,.36);--syte-okd-input-reversed-error-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-reversed-error-caret-color:var(--syte-okd-color-content-contrast);--syte-okd-input-reversed-error-shadow:0 0 0 0 transparent;--syte-okd-input-reversed-error-background:#1d1d1d;--syte-okd-input-reversed-error-tips-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-reversed-tips-text-color:var(--syte-okd-color-content-contrast);--syte-okd-input-reversed-icon-color:#929292;--syte-okd-input-reversed-label-color:#dbdbdb;--syte-okd-input-reversed-action-color:var(--syte-okd-color-content-inverse);--syte-okd-input-number-reversed-default-add-icon-color:#6e6e6e;--syte-okd-input-number-reversed-default-add-icon-background:transparent;--syte-okd-input-number-reversed-hover-add-icon-color:#fff;--syte-okd-input-number-reversed-hover-add-icon-background:#272727;--syte-okd-input-number-reversed-active-add-icon-color:#6e6e6e;--syte-okd-input-number-reversed-active-add-icon-background:transparent;--syte-okd-input-number-reversed-disabled-add-icon-color:#6e6e6e;--syte-okd-input-number-reversed-disabled-add-icon-background:transparent;--syte-okd-input-code-reversed-common-btn-color:var(--syte-okd-color-content-inverse);--syte-okd-input-code-reversed-common-btn-disabled-color:#545454;--syte-okd-input-code-reversed-common-count-color:#545454;--syte-okd-input-search-reversed-default-text-color:#fff;--syte-okd-input-search-reversed-default-placeholder-color:#666;--syte-okd-input-search-reversed-default-border-color:transparent;--syte-okd-input-search-reversed-default-caret-color:#fff;--syte-okd-input-search-reversed-default-shadow:0px 0px 0px 0px #f9f9f91a;--syte-okd-input-search-reversed-default-background:#1d1d1d;--syte-okd-input-search-reversed-hover-text-color:#fff;--syte-okd-input-search-reversed-hover-placeholder-color:#3d3d3d;--syte-okd-input-search-reversed-hover-border-color:transparent;--syte-okd-input-search-reversed-hover-caret-color:#fff;--syte-okd-input-search-reversed-hover-shadow:0px 0px 0px 2px #f9f9f91a;--syte-okd-input-search-reversed-hover-background:#1d1d1d;--syte-okd-input-search-reversed-focus-text-color:#fff;--syte-okd-input-search-reversed-focus-placeholder-color:#3d3d3d;--syte-okd-input-search-reversed-focus-border-color:#fff;--syte-okd-input-search-reversed-focus-caret-color:var(--syte-okd-color-semantic-highlight);--syte-okd-input-search-reversed-focus-shadow:0 0 0 0 transparent;--syte-okd-input-search-reversed-focus-background:#1d1d1d;--syte-okd-input-search-reversed-error-text-color:#fff;--syte-okd-input-search-reversed-error-placeholder-color:#3d3d3d;--syte-okd-input-search-reversed-error-border-color:#eb4b6d;--syte-okd-input-search-reversed-error-caret-color:var(--syte-okd-color-semantic-highlight);--syte-okd-input-search-reversed-error-shadow:0 0 0 0 transparent;--syte-okd-input-search-reversed-error-background:#000;--syte-okd-input-search-reversed-disabled-text-color:#6e6e6e;--syte-okd-input-search-reversed-disabled-placeholder-color:#3d3d3d;--syte-okd-input-search-reversed-disabled-border-color:transparent;--syte-okd-input-search-reversed-disabled-caret-color:transparent;--syte-okd-input-search-reversed-disabled-shadow:0 0 0 0 transparent;--syte-okd-input-search-reversed-disabled-background:#1a1a1a;--syte-okd-input-search-reversed-prefix-icon-color:#bdbdbd;--syte-okd-input-search-reversed-error-tips-color:#eb4b6d;--syte-okd-input-search-suffix-icon-hover-color:#000;--syte-okd-input-verify-xl-border-radius:8pxpx;--syte-okd-input-code-xl-btn-font-size:12px;--syte-okd-input-number-suffix-border-color:var(--syte-okd-color-border-primary);--syte-okd-input-verify-md-border-radius:6px;--syte-okd-input-verify-md-text-font-size:26px;--syte-okd-input-verify-md-margin:8px;--syte-okd-input-readonly-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-readonly-placeholder-color:var(--syte-okd-input-default-placeholder-color);--syte-okd-input-readonly-border-color:var(--syte-okd-color-border-primary);--syte-okd-input-readonly-caret-color:var(--syte-okd-input-default-caret-color);--syte-okd-input-readonly-shadow:var(--syte-okd-input-default-shadow);--syte-okd-input-readonly-background:var(--syte-okd-color-transparent-white)}.theme-dark{--syte-okd-input-default-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-default-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-default-border-color:transparent;--syte-okd-input-default-caret-color:var(--syte-okd-color-content-primary);--syte-okd-input-default-shadow:0px 0px 0px 0px transparent;--syte-okd-input-default-background:#1d1d1d;--syte-okd-input-hover-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-hover-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-hover-border-color:transparent;--syte-okd-input-hover-caret-color:var(--syte-okd-color-content-primary);--syte-okd-input-hover-shadow:0px 0px 0px 0px #fafafa33;--syte-okd-input-hover-background:#1d1d1d;--syte-okd-input-focus-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-focus-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-focus-border-color:var(--syte-okd-color-border-selected);--syte-okd-input-focus-caret-color:var(--syte-okd-color-content-brand);--syte-okd-input-focus-shadow:0px 0px 0px 0px #00000000;--syte-okd-input-focus-background:#1d1d1d;--syte-okd-input-disabled-text-color:var(--syte-okd-color-content-disabled);--syte-okd-input-disabled-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-disabled-border-color:var(--syte-okd-color-border-primary);--syte-okd-input-disabled-caret-color:var(--syte-okd-color-content-disabled);--syte-okd-input-disabled-shadow:var(--syte-okd-shadow-sm);--syte-okd-input-disabled-background:#1d1d1d;--syte-okd-input-error-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-error-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-error-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-error-caret-color:var(--syte-okd-color-content-brand);--syte-okd-input-error-shadow:var(--syte-okd-shadow-sm);--syte-okd-input-error-background:#1d1d1d;--syte-okd-input-error-tips-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-tips-text-color:var(--syte-okd-color-content-contrast);--syte-okd-input-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-input-label-color:var(--syte-okd-color-content-primary);--syte-okd-input-action-color:var(--syte-okd-color-content-primary);--syte-okd-input-md-label-font-size:var(--syte-okd-font-size-md);--syte-okd-input-sm-label-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-label-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-md-label-line-height:20px;--syte-okd-input-sm-label-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-xs-label-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-md-action-font-size:var(--syte-okd-font-size-md);--syte-okd-input-sm-action-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-action-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-md-action-line-height:20px;--syte-okd-input-sm-action-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-xs-action-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-md-height:40px;--syte-okd-input-md-text-font-size:var(--syte-okd-font-size-md);--syte-okd-input-md-border-radius:8px;--syte-okd-input-md-error-font-size:14px;--syte-okd-input-md-error-line-height:16px;--syte-okd-input-md-tip-font-size:14px;--syte-okd-input-md-tip-line-height:16px;--syte-okd-input-md-icon-size:20px;--syte-okd-input-md-icon-margin:6px;--syte-okd-input-sm-height:32px;--syte-okd-input-sm-text-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-sm-border-radius:8px;--syte-okd-input-sm-error-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-sm-error-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-sm-tip-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-sm-tip-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-sm-icon-size:16px;--syte-okd-input-sm-icon-margin:4px;--syte-okd-input-xs-height:28px;--syte-okd-input-xs-text-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-border-radius:8px;--syte-okd-input-xs-error-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-error-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-xs-tip-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-xs-tip-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-xs-icon-size:16px;--syte-okd-input-xs-icon-margin:4px;--syte-okd-input-number-default-add-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-input-number-default-add-icon-background:transparent;--syte-okd-input-number-hover-add-icon-color:var(--syte-okd-color-content-primary);--syte-okd-input-number-hover-add-icon-background:var(--syte-okd-color-background-surface-pressed);--syte-okd-input-number-active-add-icon-color:#e3e3e3;--syte-okd-input-number-active-add-icon-background:#404040;--syte-okd-input-number-disabled-add-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-input-number-disabled-add-icon-background:var(--syte-okd-color-content-disabled);--syte-okd-input-code-common-btn-color:#4283ff;--syte-okd-input-code-common-btn-disabled-color:#6c6c6c;--syte-okd-input-code-common-count-color:var(--syte-okd-color-content-disabled);--syte-okd-input-code-md-btn-font-size:var(--syte-okd-font-size-md);--syte-okd-input-code-md-btn-line-height:var(--syte-okd-line-height-md);--syte-okd-input-code-md-count-font-size:var(--syte-okd-font-size-md);--syte-okd-input-code-md-count-line-height:var(--syte-okd-line-height-md);--syte-okd-input-code-sm-btn-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-code-sm-btn-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-code-sm-count-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-code-sm-count-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-code-xs-btn-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-code-xs-btn-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-code-xs-count-font-size:var(--syte-okd-font-size-xs);--syte-okd-input-code-xs-count-line-height:var(--syte-okd-line-height-xs);--syte-okd-input-search-default-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-default-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-default-border-color:transparent;--syte-okd-input-search-default-caret-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-default-shadow:0px 0px 0px 0px transparent;--syte-okd-input-search-default-background:#1d1d1d;--syte-okd-input-search-hover-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-hover-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-hover-border-color:transparent;--syte-okd-input-search-hover-caret-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-hover-shadow:0px 0px 0px 0px #0000001a;--syte-okd-input-search-hover-background:#1d1d1d;--syte-okd-input-search-focus-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-focus-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-focus-border-color:var(--syte-okd-color-border-selected);--syte-okd-input-search-focus-caret-color:var(--syte-okd-color-content-brand);--syte-okd-input-search-focus-shadow:0px 0px 0px 0px #00000000;--syte-okd-input-search-focus-background:#1d1d1d;--syte-okd-input-search-error-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-search-error-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-error-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-search-error-caret-color:var(--syte-okd-color-semantic-highlight);--syte-okd-input-search-error-shadow:0 1px 2px 0 #0000000d;--syte-okd-input-search-error-background:#1d1d1d;--syte-okd-input-search-disabled-text-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-disabled-placeholder-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-disabled-border-color:transparent;--syte-okd-input-search-disabled-caret-color:var(--syte-okd-color-content-disabled);--syte-okd-input-search-disabled-shadow:0px 0px 0px 0px #0000000d;--syte-okd-input-search-disabled-background:#1d1d1d;--syte-okd-input-search-error-tips-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-search-suffix-icon-size:13px;--syte-okd-input-search-suffix-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-input-search-prefix-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-input-search-prefix-icon-size:20px;--syte-okd-input-verify-md-width:40px;--syte-okd-input-verify-md-height:44px;--syte-okd-input-lg-label-font-size:14px;--syte-okd-input-lg-label-line-height:20px;--syte-okd-input-lg-label-margin:8px;--syte-okd-input-lg-action-font-size:14px;--syte-okd-input-lg-action-line-height:20px;--syte-okd-input-lg-tip-font-size:14px;--syte-okd-input-lg-tip-line-height:16px;--syte-okd-input-lg-tip-margin:6px;--syte-okd-input-lg-error-font-size:14px;--syte-okd-input-lg-error-line-height:16px;--syte-okd-input-lg-height:44px;--syte-okd-input-lg-text-font-size:14px;--syte-okd-input-lg-border-radius:8px;--syte-okd-input-md-label-margin:8px;--syte-okd-input-md-tip-margin:4px;--syte-okd-input-sm-label-margin:8px;--syte-okd-input-sm-tip-margin:4px;--syte-okd-input-xs-label-margin:8px;--syte-okd-input-xs-tip-margin:4px;--syte-okd-input-lg-icon-size:20px;--syte-okd-input-lg-icon-margin:8px;--syte-okd-input-xl-label-line-height:20px;--syte-okd-input-xl-label-font-size:14px;--syte-okd-input-xl-label-margin:8px;--syte-okd-input-xl-action-line-height:20px;--syte-okd-input-xl-action-font-size:14px;--syte-okd-input-xl-tip-font-size:14px;--syte-okd-input-xl-tip-line-height:16px;--syte-okd-input-xl-tip-margin:6px;--syte-okd-input-xl-error-font-size:14px;--syte-okd-input-xl-error-line-height:16px;--syte-okd-input-xl-icon-size:20px;--syte-okd-input-xl-icon-margin:8px;--syte-okd-input-xl-height:48px;--syte-okd-input-xl-text-font-size:14px;--syte-okd-input-xl-border-radius:8px;--syte-okd-input-verify-xl-height:px;--syte-okd-input-verify-xl-width:px;--syte-okd-input-xs-padding-horizontal:8px;--syte-okd-input-sm-padding-horizontal:8px;--syte-okd-input-md-padding-horizontal:8px;--syte-okd-input-lg-padding-horizontal:12px;--syte-okd-input-xl-padding-horizontal:12px;--syte-okd-input-reversed-default-text-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-default-placeholder-color:rgba(0,0,0,.36);--syte-okd-input-reversed-default-border-color:transparent;--syte-okd-input-reversed-default-caret-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-default-shadow:0 0 0 0 transparent;--syte-okd-input-reversed-default-background:#f3f3f3;--syte-okd-input-reversed-hover-text-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-hover-placeholder-color:rgba(0,0,0,.36);--syte-okd-input-reversed-hover-border-color:var(--syte-okd-color-transparent-black);--syte-okd-input-reversed-hover-caret-color:var(--syte-okd-color-content-contrast);--syte-okd-input-reversed-hover-shadow:0 0 0 0 transparent;--syte-okd-input-reversed-hover-background:#f3f3f3;--syte-okd-input-reversed-focus-text-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-focus-placeholder-color:rgba(0,0,0,.36);--syte-okd-input-reversed-focus-border-color:#000;--syte-okd-input-reversed-focus-caret-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-focus-shadow:0px 0px 0px 0px #ffffff00;--syte-okd-input-reversed-focus-background:#f3f3f3;--syte-okd-input-reversed-disabled-text-color:#ccc;--syte-okd-input-reversed-disabled-placeholder-color:#ccc;--syte-okd-input-reversed-disabled-border-color:#e6e6e6;--syte-okd-input-reversed-disabled-caret-color:#000;--syte-okd-input-reversed-disabled-shadow:0 0 0 0 transparent;--syte-okd-input-reversed-disabled-background:#f6f6f6;--syte-okd-input-reversed-error-text-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-error-placeholder-color:rgba(0,0,0,.36);--syte-okd-input-reversed-error-border-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-reversed-error-caret-color:var(--syte-okd-color-content-inverse);--syte-okd-input-reversed-error-shadow:0 0 0 0 transparent;--syte-okd-input-reversed-error-background:#f3f3f3;--syte-okd-input-reversed-error-tips-color:var(--syte-okd-color-semantic-negative);--syte-okd-input-reversed-tips-text-color:var(--syte-okd-color-content-contrast);--syte-okd-input-reversed-icon-color:#6c6c6c;--syte-okd-input-reversed-label-color:#000;--syte-okd-input-reversed-action-color:var(--syte-okd-color-content-inverse);--syte-okd-input-number-reversed-default-add-icon-color:#909090;--syte-okd-input-number-reversed-default-add-icon-background:transparent;--syte-okd-input-number-reversed-hover-add-icon-color:#000;--syte-okd-input-number-reversed-hover-add-icon-background:#272727;--syte-okd-input-number-reversed-active-add-icon-color:#909090;--syte-okd-input-number-reversed-active-add-icon-background:transparent;--syte-okd-input-number-reversed-disabled-add-icon-color:#b0b0b0;--syte-okd-input-number-reversed-disabled-add-icon-background:transparent;--syte-okd-input-code-reversed-common-btn-color:var(--syte-okd-color-content-inverse);--syte-okd-input-code-reversed-common-btn-disabled-color:#6c6c6c;--syte-okd-input-code-reversed-common-count-color:var(--syte-okd-color-content-tertiary);--syte-okd-input-search-reversed-default-text-color:#000;--syte-okd-input-search-reversed-default-placeholder-color:#666;--syte-okd-input-search-reversed-default-border-color:transparent;--syte-okd-input-search-reversed-default-caret-color:#000;--syte-okd-input-search-reversed-default-shadow:0 0 0 0 transparent;--syte-okd-input-search-reversed-default-background:#f3f3f3;--syte-okd-input-search-reversed-hover-text-color:#000;--syte-okd-input-search-reversed-hover-placeholder-color:#ccc;--syte-okd-input-search-reversed-hover-border-color:var(--syte-okd-color-transparent-white);--syte-okd-input-search-reversed-hover-caret-color:#000;--syte-okd-input-search-reversed-hover-shadow:0px 0px 0px 0px #1212121a;--syte-okd-input-search-reversed-hover-background:#f3f3f3;--syte-okd-input-search-reversed-focus-text-color:#000;--syte-okd-input-search-reversed-focus-placeholder-color:#ccc;--syte-okd-input-search-reversed-focus-border-color:transparent;--syte-okd-input-search-reversed-focus-caret-color:var(--syte-okd-color-content-inverse);--syte-okd-input-search-reversed-focus-shadow:0px 0px 0px 0px #1212121a;--syte-okd-input-search-reversed-focus-background:#f3f3f3;--syte-okd-input-search-reversed-error-text-color:#000;--syte-okd-input-search-reversed-error-placeholder-color:#ccc;--syte-okd-input-search-reversed-error-border-color:#f04872;--syte-okd-input-search-reversed-error-caret-color:var(--syte-okd-color-content-inverse);--syte-okd-input-search-reversed-error-shadow:0 0 0 0 transparent;--syte-okd-input-search-reversed-error-background:transparent;--syte-okd-input-search-reversed-disabled-text-color:#000;--syte-okd-input-search-reversed-disabled-placeholder-color:#ccc;--syte-okd-input-search-reversed-disabled-border-color:transparent;--syte-okd-input-search-reversed-disabled-caret-color:transparent;--syte-okd-input-search-reversed-disabled-shadow:0 0 0 0 transparent;--syte-okd-input-search-reversed-disabled-background:#f0f0f0;--syte-okd-input-search-reversed-prefix-icon-color:#6c6c6c;--syte-okd-input-search-reversed-error-tips-color:#f04872;--syte-okd-input-search-suffix-icon-hover-color:var(--syte-okd-color-content-contrast);--syte-okd-input-verify-xl-border-radius:8px;--syte-okd-input-code-xl-btn-font-size:12px;--syte-okd-input-number-suffix-border-color:var(--syte-okd-color-border-primary);--syte-okd-input-verify-md-border-radius:6px;--syte-okd-input-verify-md-text-font-size:26px;--syte-okd-input-verify-md-margin:8px;--syte-okd-input-readonly-text-color:var(--syte-okd-color-content-primary);--syte-okd-input-readonly-placeholder-color:var(--syte-okd-input-default-placeholder-color);--syte-okd-input-readonly-border-color:var(--syte-okd-color-border-primary);--syte-okd-input-readonly-caret-color:var(--syte-okd-input-default-caret-color);--syte-okd-input-readonly-shadow:var(--syte-okd-input-default-shadow);--syte-okd-input-readonly-background:var(--syte-okd-color-transparent-white)}.syte-input-reversed .syte-input-box{background:var(--syte-okd-input-reversed-default-background);border:thin solid var(--syte-okd-input-reversed-default-border-color);-webkit-box-shadow:var(--syte-okd-input-reversed-default-shadow);box-shadow:var(--syte-okd-input-reversed-default-shadow);-webkit-transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.syte-input-reversed .syte-input-input{color:var(--syte-okd-input-reversed-default-text-color)}.syte-input-reversed .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-default-placeholder-color);color:var(--syte-okd-input-reversed-default-placeholder-color)}.syte-input-reversed .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-default-placeholder-color);color:var(--syte-okd-input-reversed-default-placeholder-color);opacity:1}.syte-input-reversed .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-default-placeholder-color);color:var(--syte-okd-input-reversed-default-placeholder-color)}.syte-input-reversed .syte-input-input:-webkit-autofill{-webkit-text-fill-color:var(--syte-okd-input-reversed-default-text-color)!important;border:none;-webkit-box-shadow:0 0 0 30px var(--syte-okd-input-reversed-default-background) inset}.syte-input-reversed .syte-input-error{color:var(--syte-okd-input-reversed-error-tips-color)}.syte-input-reversed .syte-input-help-text,.syte-input-reversed .syte-input-tips{color:var(--syte-okd-input-reversed-tips-text-color)}.syte-input.syte-input-reversed.hover .syte-input-box,.syte-input.syte-input-reversed:hover .syte-input-box{background:var(--syte-okd-input-reversed-hover-background);border:thin solid var(--syte-okd-input-reversed-hover-border-color);-webkit-box-shadow:var(--syte-okd-input-reversed-hover-shadow);box-shadow:var(--syte-okd-input-reversed-hover-shadow)}.syte-input.syte-input-reversed.hover .syte-input-box .syte-input-input,.syte-input.syte-input-reversed:hover .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-reversed-hover-text-color);caret-color:var(--syte-okd-input-reversed-hover-caret-color);color:var(--syte-okd-input-reversed-hover-text-color)}.syte-input.syte-input-reversed.hover .syte-input-box .syte-input-input::-webkit-input-placeholder,.syte-input.syte-input-reversed:hover .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-hover-placeholder-color);color:var(--syte-okd-input-reversed-hover-placeholder-color)}.syte-input.syte-input-reversed.hover .syte-input-box .syte-input-input:-moz-placeholder,.syte-input.syte-input-reversed:hover .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-hover-placeholder-color);color:var(--syte-okd-input-reversed-hover-placeholder-color);opacity:1}.syte-input.syte-input-reversed.hover .syte-input-box .syte-input-input::-ms-input-placeholder,.syte-input.syte-input-reversed:hover .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-hover-placeholder-color);color:var(--syte-okd-input-reversed-hover-placeholder-color)}.syte-input.syte-input-reversed.focus .syte-input-box{background:var(--syte-okd-input-reversed-focus-background);border:thin solid var(--syte-okd-input-reversed-focus-border-color);-webkit-box-shadow:var(--syte-okd-input-reversed-focus-shadow);box-shadow:var(--syte-okd-input-reversed-focus-shadow)}.syte-input.syte-input-reversed.focus .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-reversed-focus-text-color);caret-color:var(--syte-okd-input-reversed-focus-caret-color);color:var(--syte-okd-input-reversed-focus-text-color)}.syte-input.syte-input-reversed.focus .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-focus-placeholder-color);color:var(--syte-okd-input-reversed-focus-placeholder-color)}.syte-input.syte-input-reversed.focus .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-focus-placeholder-color);color:var(--syte-okd-input-reversed-focus-placeholder-color);opacity:1}.syte-input.syte-input-reversed.focus .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-focus-placeholder-color);color:var(--syte-okd-input-reversed-focus-placeholder-color)}.syte-input.syte-input-reversed.disabled .syte-input-box{background:var(--syte-okd-input-reversed-disabled-background);border:thin solid var(--syte-okd-input-reversed-disabled-border-color);-webkit-box-shadow:var(--syte-okd-input-reversed-disabled-shadow);box-shadow:var(--syte-okd-input-reversed-disabled-shadow)}.syte-input.syte-input-reversed.disabled .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-reversed-disabled-text-color);caret-color:var(--syte-okd-input-reversed-disabled-caret-color);color:var(--syte-okd-input-reversed-disabled-text-color)}.syte-input.syte-input-reversed.disabled .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-disabled-placeholder-color);color:var(--syte-okd-input-reversed-disabled-placeholder-color)}.syte-input.syte-input-reversed.disabled .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-disabled-placeholder-color);color:var(--syte-okd-input-reversed-disabled-placeholder-color);opacity:1}.syte-input.syte-input-reversed.disabled .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-disabled-placeholder-color);color:var(--syte-okd-input-reversed-disabled-placeholder-color)}.syte-input.syte-input-reversed.disabled .syte-input-input:-webkit-autofill{-webkit-text-fill-color:var(--syte-okd-input-reversed-disabled-text-color)!important;-webkit-box-shadow:0 0 0 30px var(--syte-okd-input-reversed-disabled-background) inset}.syte-input.syte-input-reversed.error .syte-input-box{background:var(--syte-okd-input-reversed-error-background);border:thin solid var(--syte-okd-input-reversed-error-border-color);-webkit-box-shadow:var(--syte-okd-input-reversed-error-shadow);box-shadow:var(--syte-okd-input-reversed-error-shadow)}.syte-input.syte-input-reversed.error .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-reversed-error-text-color);caret-color:var(--syte-okd-input-reversed-error-caret-color);color:var(--syte-okd-input-reversed-error-text-color)}.syte-input.syte-input-reversed.error .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-error-placeholder-color);color:var(--syte-okd-input-reversed-error-placeholder-color)}.syte-input.syte-input-reversed.error .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-error-placeholder-color);color:var(--syte-okd-input-reversed-error-placeholder-color);opacity:1}.syte-input.syte-input-reversed.error .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-reversed-error-placeholder-color);color:var(--syte-okd-input-reversed-error-placeholder-color)}.syte-label-reversed .syte-label-text{color:var(--syte-okd-input-reversed-label-color)}.syte-label-reversed .syte-label-action{color:var(--syte-okd-input-reversed-action-color)}.syte-input-reversed .syte-input-prefix .prefix-icon,.syte-input-reversed .syte-input-suffix .suffix-icon,.syte-input-reversed .syte-input-suffix .suffix-icon:hover{color:var(--syte-okd-input-reversed-icon-color)}.syte-input-reversed .syte-input-suffix .error-icon{color:var(--syte-okd-input-reversed-error-tips-color)}.syte-input-reversed .syte-input-number-suffix{border-right:1px solid var(--syte-okd-input-reversed-default-border-color)}.syte-input-reversed .syte-input-number-suffix-part{background:var(--syte-okd-input-number-reversed-default-add-icon-background)}.syte-input-reversed .syte-input-number-suffix-part .icon{color:var(--syte-okd-input-number-reversed-default-add-icon-color)}.syte-input-reversed .syte-input-number-suffix-part .hover,.syte-input-reversed .syte-input-number-suffix-part:hover{background:var(--syte-okd-input-number-reversed-hover-add-icon-background)}.syte-input-reversed .syte-input-number-suffix-part .hover .icon,.syte-input-reversed .syte-input-number-suffix-part:hover .icon{color:var(--syte-okd-input-number-reversed-hover-add-icon-color)}.syte-input-reversed .syte-input-number-suffix-part .active,.syte-input-reversed .syte-input-number-suffix-part:active{background:var(--syte-okd-input-number-reversed-active-add-icon-background)}.syte-input-reversed .syte-input-number-suffix-part .active .icon,.syte-input-reversed .syte-input-number-suffix-part:active .icon{color:var(--syte-okd-input-number-reversed-active-add-icon-color)}.syte-input-reversed .syte-input-number-suffix-part .disabled,.syte-input-reversed .syte-input-number-suffix-part-disabled{background:var(--syte-okd-input-number-reversed-disabled-add-icon-background)}.syte-input-reversed .syte-input-number-suffix-part .disabled .icon,.syte-input-reversed .syte-input-number-suffix-part .disabled:hover .icon,.syte-input-reversed .syte-input-number-suffix-part-disabled .icon,.syte-input-reversed .syte-input-number-suffix-part-disabled:hover .icon{color:var(--syte-okd-input-number-reversed-disabled-add-icon-color)}.syte-input-reversed .syte-input-number-suffix-line{background:var(--syte-okd-input-reversed-default-border-color)}.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-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{-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-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-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-input-reversed.syte-input .syte-input-code-btn{color:var(--syte-okd-input-code-reversed-common-btn-color)}.syte-input-reversed.syte-input .syte-input-code-btn.disabled{color:var(--syte-okd-input-code-reversed-common-btn-disabled-color)}.syte-input-reversed.syte-input .syte-input-count-down{color:var(--syte-okd-input-code-reversed-common-count-color)}.syte-input-reversed.syte-input-search .syte-input-prefix .syte-input-search-prefix-icon{color:var(--syte-okd-input-search-reversed-prefix-icon-color)}.syte-input-reversed.syte-input-search .syte-input-error{color:var(--syte-okd-input-search-reversed-error-tips-color)}.syte-input-reversed.syte-input-search .syte-input-box{background-color:var(--syte-okd-input-search-reversed-default-background);border-color:var(--syte-okd-input-search-reversed-default-border-color);-webkit-box-shadow:var(--syte-okd-input-search-reversed-default-shadow);box-shadow:var(--syte-okd-input-search-reversed-default-shadow)}.syte-input-reversed.syte-input-search .syte-input-input{color:var(--syte-okd-input-search-reversed-default-text-color)}.syte-input-reversed.syte-input-search .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-default-placeholder-color);color:var(--syte-okd-input-search-reversed-default-placeholder-color)}.syte-input-reversed.syte-input-search .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-default-placeholder-color);color:var(--syte-okd-input-search-reversed-default-placeholder-color);opacity:1}.syte-input-reversed.syte-input-search .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-default-placeholder-color);color:var(--syte-okd-input-search-reversed-default-placeholder-color)}.syte-input-reversed.syte-input-search.hover .syte-input-box,.syte-input-reversed.syte-input-search:hover .syte-input-box{background:var(--syte-okd-input-search-reversed-hover-background);border:thin solid var(--syte-okd-input-search-reversed-hover-border-color);-webkit-box-shadow:var(--syte-okd-input-search-reversed-hover-shadow);box-shadow:var(--syte-okd-input-search-reversed-hover-shadow)}.syte-input-reversed.syte-input-search.hover .syte-input-box .syte-input-input,.syte-input-reversed.syte-input-search:hover .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-hover-text-color);caret-color:var(--syte-okd-input-search-reversed-hover-caret-color);color:var(--syte-okd-input-search-reversed-hover-text-color)}.syte-input-reversed.syte-input-search.hover .syte-input-box .syte-input-input::-webkit-input-placeholder,.syte-input-reversed.syte-input-search:hover .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-hover-placeholder-color);color:var(--syte-okd-input-search-reversed-hover-placeholder-color)}.syte-input-reversed.syte-input-search.hover .syte-input-box .syte-input-input:-moz-placeholder,.syte-input-reversed.syte-input-search:hover .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-hover-placeholder-color);color:var(--syte-okd-input-search-reversed-hover-placeholder-color);opacity:1}.syte-input-reversed.syte-input-search.hover .syte-input-box .syte-input-input::-ms-input-placeholder,.syte-input-reversed.syte-input-search:hover .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-hover-placeholder-color);color:var(--syte-okd-input-search-reversed-hover-placeholder-color)}.syte-input-reversed.syte-input-search.focus .syte-input-box{background:var(--syte-okd-input-search-reversed-focus-background);border:thin solid var(--syte-okd-input-search-reversed-focus-border-color);-webkit-box-shadow:var(--syte-okd-input-search-reversed-focus-shadow);box-shadow:var(--syte-okd-input-search-reversed-focus-shadow)}.syte-input-reversed.syte-input-search.focus .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-focus-text-color);caret-color:var(--syte-okd-input-search-reversed-focus-caret-color);color:var(--syte-okd-input-search-reversed-focus-text-color)}.syte-input-reversed.syte-input-search.focus .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-focus-placeholder-color);color:var(--syte-okd-input-search-reversed-focus-placeholder-color)}.syte-input-reversed.syte-input-search.focus .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-focus-placeholder-color);color:var(--syte-okd-input-search-reversed-focus-placeholder-color);opacity:1}.syte-input-reversed.syte-input-search.focus .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-focus-placeholder-color);color:var(--syte-okd-input-search-reversed-focus-placeholder-color)}.syte-input-reversed.syte-input-search.disabled .syte-input-box{background:var(--syte-okd-input-search-reversed-disabled-background);border:thin solid var(--syte-okd-input-search-reversed-disabled-border-color);-webkit-box-shadow:var(--syte-okd-input-search-reversed-disabled-shadow);box-shadow:var(--syte-okd-input-search-reversed-disabled-shadow)}.syte-input-reversed.syte-input-search.disabled .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-disabled-text-color);caret-color:var(--syte-okd-input-search-reversed-disabled-caret-color);color:var(--syte-okd-input-search-reversed-disabled-text-color)}.syte-input-reversed.syte-input-search.disabled .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-disabled-placeholder-color);color:var(--syte-okd-input-search-reversed-disabled-placeholder-color)}.syte-input-reversed.syte-input-search.disabled .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-disabled-placeholder-color);color:var(--syte-okd-input-search-reversed-disabled-placeholder-color);opacity:1}.syte-input-reversed.syte-input-search.disabled .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-disabled-placeholder-color);color:var(--syte-okd-input-search-reversed-disabled-placeholder-color)}.syte-input-reversed.syte-input-search.error .syte-input-box{background:var(--syte-okd-input-search-reversed-error-background);border:thin solid var(--syte-okd-input-search-reversed-error-border-color);-webkit-box-shadow:var(--syte-okd-input-search-reversed-error-shadow);box-shadow:var(--syte-okd-input-search-reversed-error-shadow)}.syte-input-reversed.syte-input-search.error .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-error-text-color);caret-color:var(--syte-okd-input-search-reversed-error-caret-color);color:var(--syte-okd-input-search-reversed-error-text-color)}.syte-input-reversed.syte-input-search.error .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-error-placeholder-color);color:var(--syte-okd-input-search-reversed-error-placeholder-color)}.syte-input-reversed.syte-input-search.error .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-error-placeholder-color);color:var(--syte-okd-input-search-reversed-error-placeholder-color);opacity:1}.syte-input-reversed.syte-input-search.error .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-reversed-error-placeholder-color);color:var(--syte-okd-input-search-reversed-error-placeholder-color)}.syte-dialog{--inner-okd-dialog-close-btn-padding:var(--syte-okd-dialog-window-action-fixed-padding,16px);height:100%;pointer-events:none;width:100%}.syte-dialog-float{position:fixed;right:0;top:0}.syte-dialog *{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.syte-dialog-window-float{position:absolute;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)){.syte-dialog-window-safe{padding-bottom:env(safe-area-inset-bottom)}}.syte-dialog-window{border-radius:var(--syte-okd-dialog-window-border-radius);-webkit-box-shadow:var(--syte-okd-dialog-window-box-shadow);box-shadow:var(--syte-okd-dialog-window-box-shadow);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:auto;margin-right:auto;max-height:calc(100% - 48px);outline:none;pointer-events:auto;width:calc(100% - 32px)}.syte-dialog-window-border{border:1px solid transparent;border:1px solid var(--syte-okd-dialog-window-border-color,transparent)}.syte-dialog-title-container{-ms-flex-pack:justify;-ms-flex-align:center;-ms-flex-negative:0;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;flex-shrink:0;justify-content:space-between}.syte-dialog-title-container .title-center{text-align:center}.syte-dialog-title-container .title-center .modal-title{-ms-flex-pack:center;justify-content:center}.syte-dialog .title-center .syte-dialog-top-l{margin-left:32px;margin-left:var(--syte-okd-dialog-title-icon-close-margin-left,32px)}.syte-dialog-title-block{-ms-flex-positive:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-grow:1}.syte-dialog-title-block .modal-title{font-size:16px;font-size:var(--syte-okd-dialog-title-font-size,16px);font-weight:700;font-weight:var(--syte-okd-dialog-title-font-weight,700);line-height:var(--syte-okd-dialog-title-line-height);padding-top:2px}.syte-dialog-title-block .modal-sub-title{font-size:var(--syte-okd-dialog-sub-title-font-size);font-weight:400;line-height:var(--syte-okd-dialog-sub-title-line-height);margin-top:2px}.syte-dialog-b-btn,.syte-dialog-c-btn{-ms-flex-pack:center;cursor:pointer;display:inline-block;height:var(--syte-okd-dialog-window-close-icon-size);justify-content:center;line-height:1;position:relative;vertical-align:middle;width:var(--syte-okd-dialog-window-close-icon-size);z-index:1}.syte-dialog-b-btn.icon,.syte-dialog-c-btn.icon{font-size:var(--syte-okd-dialog-window-close-icon-size)}.syte-dialog-b-btn:after,.syte-dialog-c-btn:after{content:" ";display:block;height:calc(var(--syte-okd-dialog-window-close-icon-size)*1.5);position:absolute;right:-25%;top:-25%;width:calc(var(--syte-okd-dialog-window-close-icon-size)*1.5)}.syte-dialog-b-btn{height:var(--syte-okd-dialog-window-back-icon-size);margin-left:16px;margin-left:var(--syte-okd-dialog-title-icon-back-margin-right,16px);width:var(--syte-okd-dialog-window-back-icon-size)}.syte-dialog-b-btn.icon{font-size:var(--syte-okd-dialog-window-back-icon-size)}.syte-dialog-c-btn{margin-right:32px;margin-right:var(--syte-okd-dialog-title-icon-close-margin-left,32px)}.syte-dialog-top-action-fixed{padding:var(--inner-okd-dialog-close-btn-padding);position:absolute;top:0}.syte-dialog-top-action-fixed .syte-dialog-b-btn,.syte-dialog-top-action-fixed .syte-dialog-c-btn{margin:0}.syte-dialog-top-l{right:0}.syte-dialog-top-l,.syte-dialog-top-r{-ms-flex-item-align:start;align-self:flex-start}.syte-dialog-top-r{left:0}.syte-dialog-top-hidden-for-t-center{pointer-events:none;visibility:hidden}.syte-dialog-top-action-hidden{display:none;pointer-events:none}.syte-dialog-scroll-box{-ms-flex-positive:1;flex-grow:1;overflow-y:auto}.syte-dialog-scroll-box.scroll-disable{overflow-y:visible;overflow-y:initial}.syte-dialog-container,.syte-dialog-customer-box{height:100%}.syte-dialog-container.no-padding,.syte-dialog-customer-box.no-padding{padding:0}.syte-dialog .syte-dialog-footer-line{border-top:thin solid var(--syte-okd-dialog-window-split-line-border-color)}.syte-dialog .syte-dialog-header-line{border-bottom:thin solid var(--syte-okd-dialog-window-split-line-border-color)}.syte-dialog-btn-box{display:-ms-flexbox;display:flex}.syte-dialog-btn-box.layout-right{-ms-flex-pack:end;justify-content:flex-end}.syte-dialog-btn-box.layout-left{-ms-flex-pack:start;justify-content:flex-start}.syte-dialog-btn-box.layout-full .dialog-btn{-ms-flex:1 1;flex:1 1}.syte-dialog .syte-dialog-window{background:var(--syte-okd-dialog-window-background);color:var(--syte-okd-dialog-window-default-text-color)}.syte-dialog .syte-dialog-window.container-mode{background:transparent;-webkit-box-shadow:none;box-shadow:none}.syte-dialog .syte-dialog-title-container .modal-title{-ms-flex-align:center;align-items:center;color:var(--syte-okd-dialog-title-color);display:-ms-flexbox;display:flex}.syte-dialog .syte-dialog-title-container .modal-sub-title{color:var(--syte-okd-dialog-sub-title-color)}.syte-dialog .syte-dialog-c-btn{color:var(--syte-okd-color-gray-400);color:var(--syte-okd-dialog-title-icon-close-color,var(--syte-okd-color-gray-400))}.syte-dialog .syte-dialog-c-btn:hover{background-color:var(--syte-okd-color-background-hover);background-color:var(--syte-okd-dialog-title-icon-hover-background-color,var(--syte-okd-color-background-hover));border-radius:4px;border-radius:var(--syte-okd-dialog-title-icon-hover-border-radius,4px);color:var(--syte-okd-color-gray-900);color:var(--syte-okd-dialog-title-icon-close-hover-color,var(--syte-okd-color-gray-900))}.syte-dialog .syte-dialog-b-btn{color:var(--syte-okd-color-gray-900);color:var(--syte-okd-dialog-title-icon-back-color,var(--syte-okd-color-gray-900))}.syte-dialog .syte-dialog-b-btn:hover{background-color:var(--syte-okd-color-background-hover);background-color:var(--syte-okd-dialog-title-icon-hover-background-color,var(--syte-okd-color-background-hover));border-radius:4px;border-radius:var(--syte-okd-dialog-title-icon-hover-border-radius,4px)}.syte-dialog-mask{background:var(--syte-okd-dialog-window-mask-color)}.syte-dialog-scroll-bar-end::-webkit-scrollbar,.syte-dialog-scroll-bar-start::-webkit-scrollbar{background-color:transparent}.syte-dialog-scroll-bar-start::-webkit-scrollbar-button:vertical:start:increment{background-color:transparent;display:block;height:var(--syte-okd-dialog-window-border-radius)}.syte-dialog-scroll-bar-end::-webkit-scrollbar-button:vertical:end:increment{background-color:transparent;display:block;height:var(--syte-okd-dialog-window-border-radius)}@media (min-width:768px){.syte-dialog-window{min-width:var(--syte-okd-dialog-window-min-width);width:auto}.syte-dialog-title-container{padding:var(--syte-okd-dialog-title-box-md-padding-vertical) var(--syte-okd-dialog-container-md-padding-horizontal)}.syte-dialog-container{padding:var(--syte-okd-dialog-container-md-padding-vertical) var(--syte-okd-dialog-container-md-padding-horizontal)}.syte-dialog-customer-box{padding:0 var(--syte-okd-dialog-container-md-padding-horizontal)}.syte-dialog-footer-box{padding:var(--syte-okd-dialog-footer-box-md-padding-vertical) var(--syte-okd-dialog-container-md-padding-horizontal)}.syte-dialog-btn-box .dialog-btn.double-btn{width:auto}.syte-dialog-btn-box.layout-full{-ms-flex-direction:row;flex-direction:row}.syte-dialog-btn-box .dialog-btn+.dialog-btn{margin-right:16px;margin-right:var(--syte-okd-dialog-footer-btn-md-margin-left,16px)}}@media (max-width:767px){.syte-dialog-title-container{padding:var(--syte-okd-dialog-title-box-sm-padding-vertical) var(--syte-okd-dialog-container-sm-padding-horizontal)}.syte-dialog-container{padding:var(--syte-okd-dialog-container-sm-padding-vertical) var(--syte-okd-dialog-container-sm-padding-horizontal)}.syte-dialog-customer-box{padding:0 var(--syte-okd-dialog-container-sm-padding-horizontal)}.syte-dialog-footer-box{padding:var(--syte-okd-dialog-footer-box-sm-padding-top,12px) var(--syte-okd-dialog-container-sm-padding-horizontal) var(--syte-okd-dialog-footer-box-sm-padding-bottom,20px)}.syte-dialog-btn-box .dialog-btn{width:100%}.syte-dialog-btn-box .dialog-btn+.dialog-btn{margin-right:12px;margin-right:var(--syte-okd-dialog-footer-btn-sm-margin-left,12px)}.syte-dialog-btn-box.layout-full{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.syte-dialog-btn-box.layout-full .dialog-btn+.dialog-btn{margin-right:0}.syte-dialog-btn-box.layout-full .double-btn:first-child{margin-top:8px;margin-top:var(--syte-okd-dialog-footer-btn-full-sm-margin-top,8px)}.syte-dialog-window{border-radius:8px;border-radius:var(--syte-okd-dialog-window-sm-border-radius,8px)}.syte-dialog-window.full-page{height:auto!important;min-height:calc(100% - 48px)!important}.syte-dialog-window.full-page-with-show-header{height:auto!important}.syte-dialog-window.bottom-align{border-radius:var(--syte-okd-dialog-window-border-radius) var(--syte-okd-dialog-window-border-radius) 0 0;bottom:0;top:auto;-webkit-transform:translate(50%);transform:translate(50%)}.syte-dialog-window.no-margin{min-width:0;min-width:auto;width:100%}}.syte-dialog-mobile-mode .syte-dialog-title-container{padding:var(--syte-okd-dialog-title-box-sm-padding-vertical) var(--syte-okd-dialog-container-sm-padding-horizontal)}.syte-dialog-mobile-mode .syte-dialog-container{padding:var(--syte-okd-dialog-container-sm-padding-vertical) var(--syte-okd-dialog-container-sm-padding-horizontal)}.syte-dialog-mobile-mode .syte-dialog-customer-box{padding:0 var(--syte-okd-dialog-container-sm-padding-horizontal)}.syte-dialog-mobile-mode .syte-dialog-footer-box{padding:var(--syte-okd-dialog-footer-box-sm-padding-top,12px) var(--syte-okd-dialog-container-sm-padding-horizontal) var(--syte-okd-dialog-footer-box-sm-padding-bottom,20px)}.syte-dialog-mobile-mode .syte-dialog-btn-box .dialog-btn{width:100%}.syte-dialog-mobile-mode .syte-dialog-btn-box .dialog-btn+.dialog-btn{margin-right:12px;margin-right:var(--syte-okd-dialog-footer-btn-sm-margin-left,12px)}.syte-dialog-mobile-mode .syte-dialog-btn-box.layout-full{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.syte-dialog-mobile-mode .syte-dialog-btn-box.layout-full .dialog-btn+.dialog-btn{margin-right:0}.syte-dialog-mobile-mode .syte-dialog-btn-box.layout-full .double-btn:first-child{margin-top:8px;margin-top:var(--syte-okd-dialog-footer-btn-full-sm-margin-top,8px)}.syte-dialog-mobile-mode .syte-dialog-window{border-radius:8px;border-radius:var(--syte-okd-dialog-window-sm-border-radius,8px)}.syte-dialog-mobile-mode .syte-dialog-window.full-page{height:auto!important;min-height:calc(100% - 48px)!important}.syte-dialog-mobile-mode .syte-dialog-window.full-page-with-show-header{height:auto!important}.syte-dialog-mobile-mode .syte-dialog-window.bottom-align{border-radius:var(--syte-okd-dialog-window-border-radius) var(--syte-okd-dialog-window-border-radius) 0 0;bottom:0;top:auto;-webkit-transform:translate(50%);transform:translate(50%)}.syte-dialog-mobile-mode .syte-dialog-window.no-margin{min-width:0;min-width:auto;width:100%}.syte-dialog-mobile-mode .syte-dialog-container.no-padding,.syte-dialog-mobile-mode .syte-dialog-customer-box.no-padding{padding:0}.syte-dialog-mobile-mode .syte-dialog-window{min-width:0;min-width:auto;width:calc(100% - 32px)}.syte-dialog.syte-action-dialog .syte-dialog-window.no-radius{border-radius:0}.syte-dialog-group{overflow:hidden}.syte-dialog-group-window,.syte-dialog.syte-tip-dialog .syte-dialog-tip-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.syte-dialog.syte-tip-dialog .syte-dialog-tip-content{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;justify-content:center;text-align:center}.syte-dialog.syte-tip-dialog .syte-dialog-tip-content .tip-title-box{width:100%}.syte-dialog.syte-tip-dialog .syte-dialog-tip-content .tip-title{font-size:var(--syte-okd-dialog-tip-title-font-size);font-weight:500;line-height:var(--syte-okd-dialog-tip-title-line-height);min-height:var(--syte-okd-dialog-tip-title-line-height)}.syte-dialog.syte-tip-dialog .syte-dialog-tip-content .tip-detail{font-size:var(--syte-okd-dialog-tip-detail-font-size);font-weight:400;line-height:var(--syte-okd-dialog-tip-detail-line-height);margin-top:8px}.syte-dialog.syte-tip-dialog .syte-dialog-tip-content .tip-detail+.tip-detail{margin-top:2px}.syte-dialog.syte-tip-dialog .syte-dialog-tip-content .tip-title{color:var(--syte-okd-dialog-tip-title-color)}.syte-dialog.syte-tip-dialog .syte-dialog-tip-content .tip-detail{color:var(--syte-okd-dialog-tip-detail-color)}.syte-dialog.syte-tip-dialog .syte-dialog-footer-box{border-top:none}@media (max-width:767px){.syte-dialog.syte-tip-dialog .syte-dialog-window.bottom-align{border-radius:var(--syte-okd-dialog-window-border-radius);bottom:16px}.syte-dialog.syte-tip-dialog .syte-dialog-container{padding:var(--syte-okd-dialog-tip-container-sm-padding-top,20px) var(--syte-okd-dialog-container-sm-padding-horizontal) var(--syte-okd-dialog-tip-container-sm-padding-bottom,24px)}.syte-dialog.syte-tip-dialog .syte-dialog-footer-box{padding:0 var(--syte-okd-dialog-container-sm-padding-horizontal) var(--syte-okd-dialog-tip-footer-box-sm-padding-vertical) var(--syte-okd-dialog-container-sm-padding-horizontal)}}@media (min-width:768px){.syte-dialog.syte-tip-dialog .syte-dialog-tip-content{margin-left:auto;margin-right:auto;max-width:var(--syte-okd-dialog-tip-window-min-width)}.syte-dialog.syte-tip-dialog .syte-dialog-tip-content.two-btn{max-width:var(--syte-okd-dialog-tip-window-2btn-min-width)}.syte-dialog.syte-tip-dialog .syte-dialog-container{padding:var(--syte-okd-dialog-tip-container-md-padding-top,28px) var(--syte-okd-dialog-container-sm-padding-horizontal) var(--syte-okd-dialog-tip-container-md-padding-bottom,24px)}.syte-dialog.syte-tip-dialog .syte-dialog-footer-box{padding:0 var(--syte-okd-dialog-container-md-padding-horizontal) var(--syte-okd-dialog-tip-footer-box-md-padding-vertical) var(--syte-okd-dialog-container-md-padding-horizontal)}}.syte-dialog-tip-icon-bg{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;margin-bottom:12px}.syte-dialog-tip-icon-bg .tip-icon{font-size:var(--syte-okd-dialog-tip-icon-font-size)}.syte-dialog-alert-icon{margin-top:-6px}.syte-dialog .syte-dialog-window-tip{background-color:var(--syte-okd-dialog-window-background);background-color:var(--syte-okd-dialog-confirm-window-background,var(--syte-okd-dialog-window-background))}.syte-dialog.syte-new-tip-dialog .syte-dialog-new-tip-top{padding:24px 24px 0;padding:var(--syte-okd-dialog-confirm-title-padding-top,24px) var(--syte-okd-dialog-confirm-title-padding-horizontal,24px) var(--syte-okd-dialog-confirm-title-padding-bottom,0)}.syte-dialog.syte-new-tip-dialog .syte-dialog-container.syte-dialog-new-tip-container{color:#000;color:var(--syte-okd-dialog-confirm-container-color,#000);font-size:14px;font-size:var(--syte-okd-dialog-confirm-container-font-size,14px);line-height:20px;line-height:var(--syte-okd-dialog-confirm-container-line-height,20px)}@media (min-width:768px){.syte-dialog.syte-new-tip-dialog .syte-dialog-window{max-width:520px;max-width:var(--syte-okd-dialog-confirm-max-width,520px);min-width:280px;min-width:var(--syte-okd-dialog-confirm-min-width,280px)}.syte-dialog.syte-new-tip-dialog .syte-dialog-container.syte-dialog-new-tip-container{padding-bottom:32px;padding-bottom:var(--syte-okd-dialog-confirm-container-padding-bottom,32px);padding-top:32px;padding-top:var(--syte-okd-dialog-confirm-container-padding-top,32px)}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box{padding-bottom:24px;padding-bottom:var(--syte-okd-dialog-confirm-footer-padding-bottom,24px);padding-top:0;padding-top:var(--syte-okd-dialog-confirm-footer-padding-top,0)}}@media (max-width:767px){.syte-dialog.syte-new-tip-dialog .syte-dialog-window{width:calc(100% - 64px)}.syte-dialog.syte-new-tip-dialog .syte-dialog-container.syte-dialog-new-tip-container{padding:8px 24px 24px;padding:var(--syte-okd-dialog-confirm-container-sm-padding-top,8px) var(--syte-okd-dialog-confirm-container-sm-padding-horizontal,24px) var(--syte-okd-dialog-confirm-container-sm-padding-bottom,24px)}.syte-dialog.syte-new-tip-dialog .syte-dialog-container.syte-dialog-no-title{padding-top:24px;padding-top:var(--syte-okd-dialog-confirm-no-title-padding-top,24px)}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer{padding:0}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-button{border:0;border-radius:0;border-top:thin solid #dbdbdb;border-top:thin solid var(--syte-okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb)}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-button-color{color:var(--syte-okd-color-blue-800);color:var(--syte-okd-dialog-confirm-footer-sm-button-color,var(--syte-okd-color-blue-800))}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-button-confirm{font-weight:700}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-button-cancel{font-weight:400}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-only-one{border-radius:0 0 var(--syte-okd-dialog-window-sm-border-radius) var(--syte-okd-dialog-window-sm-border-radius)}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-border-top:first-child{border-radius:0 0 var(--syte-okd-dialog-window-sm-border-radius) var(--syte-okd-dialog-window-sm-border-radius);margin-top:0}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-border-left:first-child{border-radius:0 0 var(--syte-okd-dialog-window-sm-border-radius) 0}.syte-dialog.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-border-left+.syte-dialog-tip-border-left{border-radius:0 0 0 var(--syte-okd-dialog-window-sm-border-radius);border-right:thin solid #dbdbdb;border-right:thin solid var(--syte-okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb);margin-right:0}}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-window{width:calc(100% - 64px)}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-container.syte-dialog-new-tip-container{padding:8px 24px 24px;padding:var(--syte-okd-dialog-confirm-container-sm-padding-top,8px) var(--syte-okd-dialog-confirm-container-sm-padding-horizontal,24px) var(--syte-okd-dialog-confirm-container-sm-padding-bottom,24px)}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-container.syte-dialog-no-title{padding-top:24px;padding-top:var(--syte-okd-dialog-confirm-no-title-padding-top,24px)}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer{padding:0}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-button{border:0;border-radius:0;border-top:thin solid #dbdbdb;border-top:thin solid var(--syte-okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb)}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-button-color{color:var(--syte-okd-color-blue-800);color:var(--syte-okd-dialog-confirm-footer-sm-button-color,var(--syte-okd-color-blue-800))}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-button-confirm{font-weight:700}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-button-cancel{font-weight:400}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-only-one{border-radius:0 0 var(--syte-okd-dialog-window-sm-border-radius) var(--syte-okd-dialog-window-sm-border-radius)}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-border-top:first-child{border-radius:0 0 var(--syte-okd-dialog-window-sm-border-radius) var(--syte-okd-dialog-window-sm-border-radius);margin-top:0}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-border-left:first-child{border-radius:0 0 var(--syte-okd-dialog-window-sm-border-radius) 0}.syte-dialog-mobile-mode.syte-new-tip-dialog .syte-dialog-footer-box.syte-dialog-new-tip-footer .syte-dialog-tip-border-left+.syte-dialog-tip-border-left{border-radius:0 0 0 var(--syte-okd-dialog-window-sm-border-radius);border-right:thin solid #dbdbdb;border-right:thin solid var(--syte-okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb);margin-right:0}.iconfont.syte-dialog-tip-icon{-ms-flex-item-align:start;align-self:flex-start;font-size:22px;font-size:var(--syte-okd-dialog-confirm-icon-font-size,22px);font-weight:400;line-height:22px;line-height:var(--syte-okd-dialog-confirm-icon-line-height,22px);margin-left:10px;margin-left:var(--syte-okd-dialog-confirm-icon-margin-right,10px)}.syte-dialog-success-icon,.syte-dialog-success-tip-icon{color:var(--syte-okd-dialog-tip-success-icon-color)}.syte-dialog-info-icon,.syte-dialog-info-tip-icon{color:var(--syte-okd-dialog-tip-info-icon-color)}.syte-dialog-prompt-icon,.syte-dialog-prompt-tip-icon{color:var(--syte-okd-dialog-tip-prompt-icon-color)}.syte-dialog-warn-icon,.syte-dialog-warn-tip-icon{color:var(--syte-okd-dialog-tip-warn-icon-color)}.syte-dialog-alert-icon,.syte-dialog-alert-tip-icon{color:var(--syte-okd-dialog-tip-alert-icon-color)}.syte-dialog-error-icon,.syte-dialog-error-tip-icon{color:var(--syte-okd-dialog-tip-error-icon-color)}.syte-dialog .syte-dialog-confirmation-window{background-color:var(--syte-okd-dialog-window-background);background-color:var(--syte-okd-dialog-confirmation-window-background,var(--syte-okd-dialog-window-background))}.syte-dialog-confirmation{--inner-okd-dialog-close-btn-padding:22px}.syte-dialog-confirmation-header{font-size:16px;font-size:var(--syte-okd-dialog-title-font-size,16px);font-weight:700;font-weight:var(--syte-okd-dialog-title-font-weight,700);line-height:var(--syte-okd-dialog-title-line-height);padding:24px;padding:var(--syte-okd-dialog-confirmation-header-padding-top,24px) var(--syte-okd-dialog-confirmation-padding-left,24px) var(--syte-okd-dialog-confirmation-header-padding-top,24px) var(--syte-okd-dialog-confirmation-padding-right,24px)}.syte-dialog-confirmation-header-margin{margin-left:36px}.syte-dialog-confirmation-container{-ms-flex-positive:1;flex-grow:1;line-height:22px;overflow-y:auto;padding-bottom:8px;padding-left:24px;padding-left:var(--syte-okd-dialog-confirmation-padding-right,24px);padding-right:24px;padding-right:var(--syte-okd-dialog-confirmation-padding-left,24px);padding-top:8px}.syte-dialog-confirmation-container-no-header{padding-top:32px;padding-top:var(--syte-okd-dialog-confirmation-container-padding-top,32px)}.syte-dialog-confirmation-container-no-footer{padding-bottom:32px;padding-bottom:var(--syte-okd-dialog-confirmation-container-padding-bottom,32px)}.syte-dialog-confirmation-footer{padding:24px;padding:var(--syte-okd-dialog-confirmation-footer-padding-bottom,24px) var(--syte-okd-dialog-confirmation-padding-left,24px) var(--syte-okd-dialog-confirmation-footer-padding-bottom,24px) var(--syte-okd-dialog-confirmation-padding-right,24px)}.syte-label{display:-ms-flexbox;display:flex;width:100%}.syte-label.top-right{-ms-flex-pack:end;justify-content:flex-end}.syte-label.top-between{-ms-flex-pack:justify;justify-content:space-between}.syte-label-text{color:var(--syte-okd-input-label-color);font-weight:500}.syte-label-action{color:var(--syte-okd-input-action-color);cursor:pointer;font-weight:500}.syte-label.label-xl .syte-label-text{font-size:var(--syte-okd-input-xl-label-font-size);line-height:var(--syte-okd-input-xl-label-line-height);margin-bottom:6px;margin-bottom:var(--syte-okd-input-xl-label-margin,6px)}.syte-label.label-xl .syte-label-action{font-size:var(--syte-okd-input-xl-action-font-size);line-height:var(--syte-okd-input-xl-action-line-height);margin-bottom:6px;margin-bottom:var(--syte-okd-input-xl-label-margin,6px)}.syte-label.label-xl .syte-label-place{min-height:var(--syte-okd-input-xl-label-line-height)}.syte-label.label-lg .syte-label-text{font-size:var(--syte-okd-input-lg-label-font-size);line-height:var(--syte-okd-input-lg-label-line-height);margin-bottom:6px;margin-bottom:var(--syte-okd-input-lg-label-margin,6px)}.syte-label.label-lg .syte-label-action{font-size:var(--syte-okd-input-lg-action-font-size);line-height:var(--syte-okd-input-lg-action-line-height);margin-bottom:6px;margin-bottom:var(--syte-okd-input-lg-label-margin,6px)}.syte-label.label-lg .syte-label-place{min-height:var(--syte-okd-input-lg-label-line-height)}.syte-label.label-xs .syte-label-text{font-size:var(--syte-okd-input-xs-label-font-size);line-height:var(--syte-okd-input-xs-label-line-height);margin-bottom:4px;margin-bottom:var(--syte-okd-input-xs-label-margin,4px)}.syte-label.label-xs .syte-label-action{font-size:var(--syte-okd-input-xs-action-font-size);line-height:var(--syte-okd-input-xs-action-line-height);margin-bottom:4px;margin-bottom:var(--syte-okd-input-xs-label-margin,4px)}.syte-label.label-xs .syte-label-place{min-height:var(--syte-okd-input-xs-label-line-height)}.syte-label.label-sm .syte-label-text{font-size:var(--syte-okd-input-sm-label-font-size);line-height:var(--syte-okd-input-sm-label-line-height);margin-bottom:4px;margin-bottom:var(--syte-okd-input-sm-label-margin,4px)}.syte-label.label-sm .syte-label-action{font-size:var(--syte-okd-input-sm-action-font-size);line-height:var(--syte-okd-input-sm-action-line-height);margin-bottom:4px;margin-bottom:var(--syte-okd-input-sm-label-margin,4px)}.syte-label.label-sm .syte-label-place{min-height:var(--syte-okd-input-sm-label-line-height)}.syte-label.label-md .syte-label-text{font-size:var(--syte-okd-input-md-label-font-size);line-height:var(--syte-okd-input-md-label-line-height);margin-bottom:4px;margin-bottom:var(--syte-okd-input-md-label-margin,4px)}.syte-label.label-md .syte-label-action{font-size:var(--syte-okd-input-md-action-font-size);line-height:var(--syte-okd-input-md-action-line-height);margin-bottom:4px;margin-bottom:var(--syte-okd-input-md-label-margin,4px)}.syte-label.label-md .syte-label-place{min-height:var(--syte-okd-input-md-label-line-height)}.syte-input-caret-color{caret-color:var(--syte-okd-input-focus-caret-color)}.syte-input-caret-color input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.syte-input-caret-color input[type=search]::-moz-search-cancel-button{-moz-appearance:none;appearance:none}.syte-input-caret-color input::-ms-clear,.syte-input-caret-color input::-ms-reveal{display:none}.syte-input-caret-color input::-o-clear{display:none}.syte-input{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.syte-input input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.syte-input input[type=search]::-moz-search-cancel-button{-moz-appearance:none;appearance:none}.syte-input input::-ms-clear,.syte-input input::-ms-reveal{display:none}.syte-input input::-o-clear{display:none}.syte-input *{-webkit-box-sizing:border-box;box-sizing:border-box}.syte-input-prefix,.syte-input-suffix{-ms-flex-negative:1;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;flex-shrink:1;white-space:nowrap}.syte-input-input{-ms-flex-positive:1;background:transparent;border:none;color:var(--syte-okd-input-default-text-color);flex-grow:1;font-family:inherit;height:100%;outline:none;width:100%}.syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-default-placeholder-color);color:var(--syte-okd-input-default-placeholder-color)}.syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-default-placeholder-color);color:var(--syte-okd-input-default-placeholder-color);opacity:1}.syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-default-placeholder-color);color:var(--syte-okd-input-default-placeholder-color)}.syte-input-input:-webkit-autofill{-webkit-text-fill-color:var(--syte-okd-input-default-text-color)!important;border:none;-webkit-box-shadow:0 0 0 30px var(--syte-okd-input-default-background) inset}.syte-input-input.input-textarea{-webkit-box-shadow:none;box-shadow:none;outline:none;resize:none}.syte-input-custom-placeholder{position:relative;width:100%}.syte-input-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syte-input-placeholder{bottom:0;color:var(--syte-okd-input-default-placeholder-color);left:0;pointer-events:none;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.syte-input-tips-box{display:-ms-flexbox;display:flex;width:100%}.syte-input-error{color:var(--syte-okd-input-error-tips-color)}.syte-input-tips{display:inline-block}.syte-input-help-text,.syte-input-tips{color:var(--syte-okd-input-tips-text-color)}.syte-input-help-text{-ms-flex-positive:1;-ms-flex-negative:0;flex-grow:1;flex-shrink:0;text-align:left}.syte-input.hover,.syte-input:hover{cursor:text}.syte-input.hover .syte-input-box,.syte-input:hover .syte-input-box{background:var(--syte-okd-input-hover-background);border:thin solid var(--syte-okd-input-hover-border-color);-webkit-box-shadow:var(--syte-okd-input-hover-shadow);box-shadow:var(--syte-okd-input-hover-shadow)}.syte-input.hover .syte-input-box .syte-input-input,.syte-input:hover .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-hover-text-color);caret-color:var(--syte-okd-input-hover-caret-color);color:var(--syte-okd-input-hover-text-color)}.syte-input.hover .syte-input-box .syte-input-input::-webkit-input-placeholder,.syte-input:hover .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-hover-placeholder-color);color:var(--syte-okd-input-hover-placeholder-color)}.syte-input.hover .syte-input-box .syte-input-input:-moz-placeholder,.syte-input:hover .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-hover-placeholder-color);color:var(--syte-okd-input-hover-placeholder-color);opacity:1}.syte-input.hover .syte-input-box .syte-input-input::-ms-input-placeholder,.syte-input:hover .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-hover-placeholder-color);color:var(--syte-okd-input-hover-placeholder-color)}.syte-input.focus .syte-input-box{background:var(--syte-okd-input-focus-background);border:thin solid var(--syte-okd-input-focus-border-color);-webkit-box-shadow:var(--syte-okd-input-focus-shadow);box-shadow:var(--syte-okd-input-focus-shadow)}.syte-input.focus .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-focus-text-color);caret-color:var(--syte-okd-input-focus-caret-color);color:var(--syte-okd-input-focus-text-color)}.syte-input.focus .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-focus-placeholder-color);color:var(--syte-okd-input-focus-placeholder-color)}.syte-input.focus .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-focus-placeholder-color);color:var(--syte-okd-input-focus-placeholder-color);opacity:1}.syte-input.focus .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-focus-placeholder-color);color:var(--syte-okd-input-focus-placeholder-color)}.syte-input.readonly .syte-input-box{background:var(--syte-okd-input-default-background);background:var(--syte-okd-input-readonly-background,var(--syte-okd-input-default-background));border:thin solid var(--syte-okd-input-readonly-border-color,var(--syte-okd-input-default-border-color));-webkit-box-shadow:var(--syte-okd-input-default-shadow);box-shadow:var(--syte-okd-input-default-shadow);-webkit-box-shadow:var(--syte-okd-input-readonly-shadow,var(--syte-okd-input-default-shadow));box-shadow:var(--syte-okd-input-readonly-shadow,var(--syte-okd-input-default-shadow))}.syte-input.readonly .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-default-text-color);-webkit-text-fill-color:var(--syte-okd-input-readonly-text-color,var(--syte-okd-input-default-text-color));caret-color:var(--syte-okd-input-default-caret-color);caret-color:var(--syte-okd-input-readonly-caret-color,var(--syte-okd-input-default-caret-color));color:var(--syte-okd-input-default-text-color);color:var(--syte-okd-input-readonly-text-color,var(--syte-okd-input-default-text-color))}.syte-input.readonly .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-default-placeholder-color);-webkit-text-fill-color:var(--syte-okd-input-readonly-placeholder-color,var(--syte-okd-input-default-placeholder-color));color:var(--syte-okd-input-default-placeholder-color);color:var(--syte-okd-input-readonly-placeholder-color,var(--syte-okd-input-default-placeholder-color))}.syte-input.readonly .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-default-placeholder-color);-webkit-text-fill-color:var(--syte-okd-input-readonly-placeholder-color,var(--syte-okd-input-default-placeholder-color));color:var(--syte-okd-input-default-placeholder-color);color:var(--syte-okd-input-readonly-placeholder-color,var(--syte-okd-input-default-placeholder-color));opacity:1}.syte-input.readonly .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-default-placeholder-color);-webkit-text-fill-color:var(--syte-okd-input-readonly-placeholder-color,var(--syte-okd-input-default-placeholder-color));color:var(--syte-okd-input-default-placeholder-color);color:var(--syte-okd-input-readonly-placeholder-color,var(--syte-okd-input-default-placeholder-color))}.syte-input.readonly.focus .syte-input-box{border-color:var(--syte-okd-input-focus-border-color)}.syte-input.disabled{cursor:not-allowed}.syte-input.disabled .syte-input-box{background:var(--syte-okd-input-disabled-background);border:thin solid var(--syte-okd-input-disabled-border-color);-webkit-box-shadow:var(--syte-okd-input-disabled-shadow);box-shadow:var(--syte-okd-input-disabled-shadow)}.syte-input.disabled .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-disabled-text-color);caret-color:var(--syte-okd-input-disabled-caret-color);color:var(--syte-okd-input-disabled-text-color)}.syte-input.disabled .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-disabled-placeholder-color);color:var(--syte-okd-input-disabled-placeholder-color)}.syte-input.disabled .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-disabled-placeholder-color);color:var(--syte-okd-input-disabled-placeholder-color);opacity:1}.syte-input.disabled .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-disabled-placeholder-color);color:var(--syte-okd-input-disabled-placeholder-color)}.syte-input.disabled .syte-input-input{cursor:not-allowed;opacity:1}.syte-input.disabled .syte-input-input:-webkit-autofill{-webkit-text-fill-color:var(--syte-okd-input-disabled-text-color)!important;-webkit-box-shadow:0 0 0 30px var(--syte-okd-input-disabled-background) inset}.syte-input.error .syte-input-box{background:var(--syte-okd-input-error-background);border:thin solid var(--syte-okd-input-error-border-color);-webkit-box-shadow:var(--syte-okd-input-error-shadow);box-shadow:var(--syte-okd-input-error-shadow)}.syte-input.error .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-error-text-color);caret-color:var(--syte-okd-input-error-caret-color);color:var(--syte-okd-input-error-text-color)}.syte-input.error .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-error-placeholder-color);color:var(--syte-okd-input-error-placeholder-color)}.syte-input.error .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-error-placeholder-color);color:var(--syte-okd-input-error-placeholder-color);opacity:1}.syte-input.error .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-error-placeholder-color);color:var(--syte-okd-input-error-placeholder-color)}.syte-input.error .syte-input-error{display:inline-block}.syte-input.no-border .syte-input-box{background:transparent;border:thin solid transparent;-webkit-box-shadow:none;box-shadow:none}.syte-input-textarea-resize-virtual-dom::-webkit-scrollbar{display:none;height:0;width:0}.syte-input-box{-ms-flex-align:center;align-items:center;background:var(--syte-okd-input-default-background);border:thin solid var(--syte-okd-input-default-border-color);-webkit-box-shadow:var(--syte-okd-input-default-shadow);box-shadow:var(--syte-okd-input-default-shadow);display:-ms-flexbox;display:flex;-webkit-transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s,-webkit-box-shadow .3s;width:100%}.syte-input-xl>.syte-input-box{border-radius:var(--syte-okd-input-xl-border-radius);height:var(--syte-okd-input-xl-height);padding:0 8px;padding:0 var(--syte-okd-input-xl-padding-horizontal,8px)}.syte-input-xl>.syte-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-xl-height)}.syte-input-xl>.syte-input-box.no-padding-left{padding-right:0}.syte-input-xl>.syte-input-box.no-padding-right{padding-left:0}.syte-input-xl>.syte-input-box.ta{height:100%;padding:8px}.syte-input-xl>.syte-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-xl-height)}.syte-input-xl>.syte-input-box.input-circle{border-radius:100px}.syte-input-xl .syte-input-input{font-size:var(--syte-okd-input-xl-text-font-size);padding:calc(var(--syte-okd-input-xl-height)/2 - var(--syte-okd-input-xl-text-font-size)/2 - 2px) 0}.syte-input-xl .syte-input-input::-webkit-input-placeholder{font-size:var(--syte-okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-xl .syte-input-input:-moz-placeholder{font-size:var(--syte-okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-xl .syte-input-input::-ms-input-placeholder{font-size:var(--syte-okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-xl .syte-input-input.ta{padding:0}.syte-input-xl .syte-input-input.textarea-auto-resize{line-height:var(--syte-okd-input-xl-text-font-size)}.syte-input-xl .syte-input-placeholder{font-size:var(--syte-okd-input-xl-text-font-size);height:calc(var(--syte-okd-input-xl-text-font-size) + 2px);line-height:calc(var(--syte-okd-input-xl-text-font-size) + 2px)}.syte-input-xl .syte-input.syte-input-place-mode .syte-input-tips-box{min-height:calc(var(--syte-okd-input-xl-tip-line-height) + 6px);min-height:calc(var(--syte-okd-input-xl-tip-line-height) + var(--syte-okd-input-xl-tip-margin, 6px))}.syte-input-xl .syte-input-error{font-size:var(--syte-okd-input-xl-error-font-size);line-height:var(--syte-okd-input-xl-error-line-height);margin-top:6px;margin-top:var(--syte-okd-input-xl-tip-margin,6px)}.syte-input-xl .syte-input-help-text,.syte-input-xl .syte-input-tips{font-size:var(--syte-okd-input-xl-tip-font-size);line-height:var(--syte-okd-input-xl-tip-line-height);margin-top:6px;margin-top:var(--syte-okd-input-xl-tip-margin,6px)}.syte-input-lg>.syte-input-box{border-radius:var(--syte-okd-input-lg-border-radius);height:var(--syte-okd-input-lg-height);padding:0 8px;padding:0 var(--syte-okd-input-lg-padding-horizontal,8px)}.syte-input-lg>.syte-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-lg-height)}.syte-input-lg>.syte-input-box.no-padding-left{padding-right:0}.syte-input-lg>.syte-input-box.no-padding-right{padding-left:0}.syte-input-lg>.syte-input-box.ta{height:100%;padding:8px}.syte-input-lg>.syte-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-lg-height)}.syte-input-lg>.syte-input-box.input-circle{border-radius:100px}.syte-input-lg .syte-input-input{font-size:var(--syte-okd-input-lg-text-font-size);padding:calc(var(--syte-okd-input-lg-height)/2 - var(--syte-okd-input-lg-text-font-size)/2 - 2px) 0}.syte-input-lg .syte-input-input::-webkit-input-placeholder{font-size:var(--syte-okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-lg .syte-input-input:-moz-placeholder{font-size:var(--syte-okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-lg .syte-input-input::-ms-input-placeholder{font-size:var(--syte-okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-lg .syte-input-input.ta{padding:0}.syte-input-lg .syte-input-input.textarea-auto-resize{line-height:var(--syte-okd-input-lg-text-font-size)}.syte-input-lg .syte-input-placeholder{font-size:var(--syte-okd-input-lg-text-font-size);height:calc(var(--syte-okd-input-lg-text-font-size) + 2px);line-height:calc(var(--syte-okd-input-lg-text-font-size) + 2px)}.syte-input-lg .syte-input.syte-input-place-mode .syte-input-tips-box{min-height:calc(var(--syte-okd-input-lg-tip-line-height) + 6px);min-height:calc(var(--syte-okd-input-lg-tip-line-height) + var(--syte-okd-input-lg-tip-margin, 6px))}.syte-input-lg .syte-input-error{font-size:var(--syte-okd-input-lg-error-font-size);line-height:var(--syte-okd-input-lg-error-line-height);margin-top:6px;margin-top:var(--syte-okd-input-lg-tip-margin,6px)}.syte-input-lg .syte-input-help-text,.syte-input-lg .syte-input-tips{font-size:var(--syte-okd-input-lg-tip-font-size);line-height:var(--syte-okd-input-lg-tip-line-height);margin-top:6px;margin-top:var(--syte-okd-input-lg-tip-margin,6px)}.syte-input-xs>.syte-input-box{border-radius:var(--syte-okd-input-xs-border-radius);height:var(--syte-okd-input-xs-height);padding:0 8px;padding:0 var(--syte-okd-input-xs-padding-horizontal,8px)}.syte-input-xs>.syte-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-xs-height)}.syte-input-xs>.syte-input-box.no-padding-left{padding-right:0}.syte-input-xs>.syte-input-box.no-padding-right{padding-left:0}.syte-input-xs>.syte-input-box.ta{height:100%;padding:8px}.syte-input-xs>.syte-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-xs-height)}.syte-input-xs>.syte-input-box.input-circle{border-radius:100px}.syte-input-xs .syte-input-input{font-size:var(--syte-okd-input-xs-text-font-size);padding:calc(var(--syte-okd-input-xs-height)/2 - var(--syte-okd-input-xs-text-font-size)/2 - 2px) 0}.syte-input-xs .syte-input-input::-webkit-input-placeholder{font-size:var(--syte-okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-xs .syte-input-input:-moz-placeholder{font-size:var(--syte-okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-xs .syte-input-input::-ms-input-placeholder{font-size:var(--syte-okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-xs .syte-input-input.ta{padding:0}.syte-input-xs .syte-input-input.textarea-auto-resize{line-height:var(--syte-okd-input-xs-text-font-size)}.syte-input-xs .syte-input-placeholder{font-size:var(--syte-okd-input-xs-text-font-size);height:calc(var(--syte-okd-input-xs-text-font-size) + 2px);line-height:calc(var(--syte-okd-input-xs-text-font-size) + 2px)}.syte-input-xs .syte-input.syte-input-place-mode .syte-input-tips-box{min-height:calc(var(--syte-okd-input-xs-tip-line-height) + 4px);min-height:calc(var(--syte-okd-input-xs-tip-line-height) + var(--syte-okd-input-xs-tip-margin, 4px))}.syte-input-xs .syte-input-error{font-size:var(--syte-okd-input-xs-error-font-size);line-height:var(--syte-okd-input-xs-error-line-height);margin-top:4px;margin-top:var(--syte-okd-input-xs-tip-margin,4px)}.syte-input-xs .syte-input-help-text,.syte-input-xs .syte-input-tips{font-size:var(--syte-okd-input-xs-tip-font-size);line-height:var(--syte-okd-input-xs-tip-line-height);margin-top:4px;margin-top:var(--syte-okd-input-xs-tip-margin,4px)}.syte-input-sm>.syte-input-box{border-radius:var(--syte-okd-input-sm-border-radius);height:var(--syte-okd-input-sm-height);padding:0 8px;padding:0 var(--syte-okd-input-sm-padding-horizontal,8px)}.syte-input-sm>.syte-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-sm-height)}.syte-input-sm>.syte-input-box.no-padding-left{padding-right:0}.syte-input-sm>.syte-input-box.no-padding-right{padding-left:0}.syte-input-sm>.syte-input-box.ta{height:100%;padding:8px}.syte-input-sm>.syte-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-sm-height)}.syte-input-sm>.syte-input-box.input-circle{border-radius:100px}.syte-input-sm .syte-input-input{font-size:var(--syte-okd-input-sm-text-font-size);padding:calc(var(--syte-okd-input-sm-height)/2 - var(--syte-okd-input-sm-text-font-size)/2 - 2px) 0}.syte-input-sm .syte-input-input::-webkit-input-placeholder{font-size:var(--syte-okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-sm .syte-input-input:-moz-placeholder{font-size:var(--syte-okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-sm .syte-input-input::-ms-input-placeholder{font-size:var(--syte-okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-sm .syte-input-input.ta{padding:0}.syte-input-sm .syte-input-input.textarea-auto-resize{line-height:var(--syte-okd-input-sm-text-font-size)}.syte-input-sm .syte-input-placeholder{font-size:var(--syte-okd-input-sm-text-font-size);height:calc(var(--syte-okd-input-sm-text-font-size) + 2px);line-height:calc(var(--syte-okd-input-sm-text-font-size) + 2px)}.syte-input-sm .syte-input.syte-input-place-mode .syte-input-tips-box{min-height:calc(var(--syte-okd-input-sm-tip-line-height) + 4px);min-height:calc(var(--syte-okd-input-sm-tip-line-height) + var(--syte-okd-input-sm-tip-margin, 4px))}.syte-input-sm .syte-input-error{font-size:var(--syte-okd-input-sm-error-font-size);line-height:var(--syte-okd-input-sm-error-line-height);margin-top:4px;margin-top:var(--syte-okd-input-sm-tip-margin,4px)}.syte-input-sm .syte-input-help-text,.syte-input-sm .syte-input-tips{font-size:var(--syte-okd-input-sm-tip-font-size);line-height:var(--syte-okd-input-sm-tip-line-height);margin-top:4px;margin-top:var(--syte-okd-input-sm-tip-margin,4px)}.syte-input-md>.syte-input-box{border-radius:var(--syte-okd-input-md-border-radius);height:var(--syte-okd-input-md-height);padding:0 8px;padding:0 var(--syte-okd-input-md-padding-horizontal,8px)}.syte-input-md>.syte-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-md-height)}.syte-input-md>.syte-input-box.no-padding-left{padding-right:0}.syte-input-md>.syte-input-box.no-padding-right{padding-left:0}.syte-input-md>.syte-input-box.ta{height:100%;padding:8px}.syte-input-md>.syte-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--syte-okd-input-md-height)}.syte-input-md>.syte-input-box.input-circle{border-radius:100px}.syte-input-md .syte-input-input{font-size:var(--syte-okd-input-md-text-font-size);padding:calc(var(--syte-okd-input-md-height)/2 - var(--syte-okd-input-md-text-font-size)/2 - 2px) 0}.syte-input-md .syte-input-input::-webkit-input-placeholder{font-size:var(--syte-okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-md .syte-input-input:-moz-placeholder{font-size:var(--syte-okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-md .syte-input-input::-ms-input-placeholder{font-size:var(--syte-okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.syte-input-md .syte-input-input.ta{padding:0}.syte-input-md .syte-input-input.textarea-auto-resize{line-height:var(--syte-okd-input-md-text-font-size)}.syte-input-md .syte-input-placeholder{font-size:var(--syte-okd-input-md-text-font-size);height:calc(var(--syte-okd-input-md-text-font-size) + 2px);line-height:calc(var(--syte-okd-input-md-text-font-size) + 2px)}.syte-input-md .syte-input.syte-input-place-mode .syte-input-tips-box{min-height:calc(var(--syte-okd-input-md-tip-line-height) + 4px);min-height:calc(var(--syte-okd-input-md-tip-line-height) + var(--syte-okd-input-md-tip-margin, 4px))}.syte-input-md .syte-input-error{font-size:var(--syte-okd-input-md-error-font-size);line-height:var(--syte-okd-input-md-error-line-height);margin-top:4px;margin-top:var(--syte-okd-input-md-tip-margin,4px)}.syte-input-md .syte-input-help-text,.syte-input-md .syte-input-tips{font-size:var(--syte-okd-input-md-tip-font-size);line-height:var(--syte-okd-input-md-tip-line-height);margin-top:4px;margin-top:var(--syte-okd-input-md-tip-margin,4px)}.syte-input-prefix{height:100%}.syte-input-prefix .prefix-icon{color:var(--syte-okd-input-icon-color)}.syte-input-prefix .select{padding-left:8px}.syte-input-suffix{height:100%}.syte-input-suffix .suffix-icon{color:var(--syte-okd-input-icon-color)}.syte-input-suffix .clean-icon:hover{color:#000;color:var(--syte-okd-input-search-suffix-icon-hover-color,#000)}.syte-input-suffix .error-icon{color:var(--syte-okd-input-error-tips-color)}.syte-input-xl .syte-input-prefix .prefix-icon{font-size:var(--syte-okd-input-xl-icon-size);margin-left:var(--syte-okd-input-xl-icon-margin);margin-right:0}.syte-input-xl .syte-input-suffix .suffix-icon{font-size:var(--syte-okd-input-xl-icon-size);margin-left:0;margin-right:var(--syte-okd-input-xl-icon-margin)}.syte-input-lg .syte-input-prefix .prefix-icon{font-size:var(--syte-okd-input-lg-icon-size);margin-left:var(--syte-okd-input-lg-icon-margin);margin-right:0}.syte-input-lg .syte-input-suffix .suffix-icon{font-size:var(--syte-okd-input-lg-icon-size);margin-left:0;margin-right:var(--syte-okd-input-lg-icon-margin)}.syte-input-xs .syte-input-prefix .prefix-icon{font-size:var(--syte-okd-input-xs-icon-size);margin-left:var(--syte-okd-input-xs-icon-margin);margin-right:0}.syte-input-xs .syte-input-suffix .suffix-icon{font-size:var(--syte-okd-input-xs-icon-size);margin-left:0;margin-right:var(--syte-okd-input-xs-icon-margin)}.syte-input-sm .syte-input-prefix .prefix-icon{font-size:var(--syte-okd-input-sm-icon-size);margin-left:var(--syte-okd-input-sm-icon-margin);margin-right:0}.syte-input-sm .syte-input-suffix .suffix-icon{font-size:var(--syte-okd-input-sm-icon-size);margin-left:0;margin-right:var(--syte-okd-input-sm-icon-margin)}.syte-input-md .syte-input-prefix .prefix-icon{font-size:var(--syte-okd-input-md-icon-size);margin-left:var(--syte-okd-input-md-icon-margin);margin-right:0}.syte-input-md .syte-input-suffix .suffix-icon{font-size:var(--syte-okd-input-md-icon-size);margin-left:0;margin-right:var(--syte-okd-input-md-icon-margin)}.syte-input:hover .syte-input-number-suffix:not(.operation-always){opacity:1}.syte-input-number-inner{overflow:hidden}.syte-input-number-suffix{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;border-right:1px solid var(--syte-okd-input-number-suffix-border-color,var(--syte-okd-input-default-border-color));cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;line-height:0;margin-right:6px;overflow:hidden;text-align:center;-webkit-transition:opacity .5s;transition:opacity .5s;width:24px}.syte-input-number-suffix:not(.operation-always){opacity:0}.syte-input-number-suffix-part{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background:var(--syte-okd-input-number-default-add-icon-background);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;justify-content:center;width:100%}.syte-input-number-suffix-part .icon{color:var(--syte-okd-input-number-default-add-icon-color);font-size:13px}.syte-input-number-suffix-part .hover,.syte-input-number-suffix-part:not(.syte-input-number-suffix-part-disabled):hover{background:var(--syte-okd-input-number-hover-add-icon-background)}.syte-input-number-suffix-part .hover .icon,.syte-input-number-suffix-part:not(.syte-input-number-suffix-part-disabled):hover .icon{color:var(--syte-okd-input-number-hover-add-icon-color)}.syte-input-number-suffix-part .active,.syte-input-number-suffix-part:not(.syte-input-number-suffix-part-disabled):active{background:var(--syte-okd-input-number-active-add-icon-background)}.syte-input-number-suffix-part .active .icon,.syte-input-number-suffix-part:not(.syte-input-number-suffix-part-disabled):active .icon{color:var(--syte-okd-input-number-active-add-icon-color)}.syte-input-number-suffix-part-disabled{cursor:not-allowed}.syte-input-number-suffix-line{background:var(--syte-okd-input-default-border-color);background:var(--syte-okd-input-number-suffix-border-color,var(--syte-okd-input-default-border-color));height:1px;width:100%}.syte-input-number-suffix .up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.syte-input-number-localization{text-align:left}.syte-input-number-localization-percent{color:var(--syte-okd-input-default-text-color);display:inline-block}.syte-input-xl .syte-input-number-suffix.xl{border-bottom-left-radius:calc(var(--syte-okd-input-xl-border-radius) - 1px);border-top-left-radius:calc(var(--syte-okd-input-xl-border-radius) - 1px)}.syte-input-lg .syte-input-number-suffix.lg{border-bottom-left-radius:calc(var(--syte-okd-input-lg-border-radius) - 1px);border-top-left-radius:calc(var(--syte-okd-input-lg-border-radius) - 1px)}.syte-input-xs .syte-input-number-suffix.xs{border-bottom-left-radius:calc(var(--syte-okd-input-xs-border-radius) - 1px);border-top-left-radius:calc(var(--syte-okd-input-xs-border-radius) - 1px)}.syte-input-sm .syte-input-number-suffix.sm{border-bottom-left-radius:calc(var(--syte-okd-input-sm-border-radius) - 1px);border-top-left-radius:calc(var(--syte-okd-input-sm-border-radius) - 1px)}.syte-input-md .syte-input-number-suffix.md{border-bottom-left-radius:calc(var(--syte-okd-input-md-border-radius) - 1px);border-top-left-radius:calc(var(--syte-okd-input-md-border-radius) - 1px)}.syte-input-suffix .suffix-icon+.syte-input-code-btn,.syte-input-suffix .suffix-icon+.syte-input-count-down{margin-right:var(--syte-okd-input-md-icon-margin)}.syte-input-count-down{color:var(--syte-okd-input-code-common-count-color)}.syte-input input::-webkit-inner-spin-button,.syte-input input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}.syte-input input[type=number]{-moz-appearance:textfield}.syte-input-xl .syte-input-count-down{font-size:var(--syte-okd-input-code-xl-count-font-size);line-height:var(--syte-okd-input-code-xl-count-line-height)}.syte-input-lg .syte-input-count-down{font-size:var(--syte-okd-input-code-lg-count-font-size);line-height:var(--syte-okd-input-code-lg-count-line-height)}.syte-input-xs .syte-input-count-down{font-size:var(--syte-okd-input-code-xs-count-font-size);line-height:var(--syte-okd-input-code-xs-count-line-height)}.syte-input-sm .syte-input-count-down{font-size:var(--syte-okd-input-code-sm-count-font-size);line-height:var(--syte-okd-input-code-sm-count-line-height)}.syte-input-md .syte-input-count-down{font-size:var(--syte-okd-input-code-md-count-font-size);line-height:var(--syte-okd-input-code-md-count-line-height)}.syte-input-switch-icon.icon{cursor:pointer}.syte-input-prefix .syte-input-search-prefix-icon{color:var(--syte-okd-input-search-prefix-icon-color);cursor:pointer;font-size:var(--syte-okd-input-search-prefix-icon-size);margin-left:8px}.syte-input-suffix .clean-icon{color:var(--syte-okd-input-search-suffix-icon-color);cursor:pointer;font-size:var(--syte-okd-input-search-suffix-icon-size)}.syte-input-search .syte-input-error{color:var(--syte-okd-input-search-error-tips-color)}.syte-input-search .syte-input-box{background-color:var(--syte-okd-input-search-default-background);border-color:var(--syte-okd-input-search-default-border-color);-webkit-box-shadow:var(--syte-okd-input-search-default-shadow);box-shadow:var(--syte-okd-input-search-default-shadow)}.syte-input-search .syte-input-input{color:var(--syte-okd-input-search-default-text-color)}.syte-input-search .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-default-placeholder-color);color:var(--syte-okd-input-search-default-placeholder-color)}.syte-input-search .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-default-placeholder-color);color:var(--syte-okd-input-search-default-placeholder-color);opacity:1}.syte-input-search .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-default-placeholder-color);color:var(--syte-okd-input-search-default-placeholder-color)}.syte-input-search.hover .syte-input-box,.syte-input-search:hover .syte-input-box{background:var(--syte-okd-input-search-hover-background);border:thin solid var(--syte-okd-input-search-hover-border-color);-webkit-box-shadow:var(--syte-okd-input-search-hover-shadow);box-shadow:var(--syte-okd-input-search-hover-shadow)}.syte-input-search.hover .syte-input-box .syte-input-input,.syte-input-search:hover .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-search-hover-text-color);caret-color:var(--syte-okd-input-search-hover-caret-color);color:var(--syte-okd-input-search-hover-text-color)}.syte-input-search.hover .syte-input-box .syte-input-input::-webkit-input-placeholder,.syte-input-search:hover .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-hover-placeholder-color);color:var(--syte-okd-input-search-hover-placeholder-color)}.syte-input-search.hover .syte-input-box .syte-input-input:-moz-placeholder,.syte-input-search:hover .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-hover-placeholder-color);color:var(--syte-okd-input-search-hover-placeholder-color);opacity:1}.syte-input-search.hover .syte-input-box .syte-input-input::-ms-input-placeholder,.syte-input-search:hover .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-hover-placeholder-color);color:var(--syte-okd-input-search-hover-placeholder-color)}.syte-input-search.focus .syte-input-box{background:var(--syte-okd-input-search-focus-background);border:thin solid var(--syte-okd-input-search-focus-border-color);-webkit-box-shadow:var(--syte-okd-input-search-focus-shadow);box-shadow:var(--syte-okd-input-search-focus-shadow)}.syte-input-search.focus .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-search-focus-text-color);caret-color:var(--syte-okd-input-search-focus-caret-color);color:var(--syte-okd-input-search-focus-text-color)}.syte-input-search.focus .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-focus-placeholder-color);color:var(--syte-okd-input-search-focus-placeholder-color)}.syte-input-search.focus .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-focus-placeholder-color);color:var(--syte-okd-input-search-focus-placeholder-color);opacity:1}.syte-input-search.focus .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-focus-placeholder-color);color:var(--syte-okd-input-search-focus-placeholder-color)}.syte-input-search.disabled .syte-input-box{background:var(--syte-okd-input-search-disabled-background);border:thin solid var(--syte-okd-input-search-disabled-border-color);-webkit-box-shadow:var(--syte-okd-input-search-disabled-shadow);box-shadow:var(--syte-okd-input-search-disabled-shadow)}.syte-input-search.disabled .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-search-disabled-text-color);caret-color:var(--syte-okd-input-search-disabled-caret-color);color:var(--syte-okd-input-search-disabled-text-color)}.syte-input-search.disabled .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-disabled-placeholder-color);color:var(--syte-okd-input-search-disabled-placeholder-color)}.syte-input-search.disabled .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-disabled-placeholder-color);color:var(--syte-okd-input-search-disabled-placeholder-color);opacity:1}.syte-input-search.disabled .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-disabled-placeholder-color);color:var(--syte-okd-input-search-disabled-placeholder-color)}.syte-input-search.error .syte-input-box{background:var(--syte-okd-input-search-error-background);border:thin solid var(--syte-okd-input-search-error-border-color);-webkit-box-shadow:var(--syte-okd-input-search-error-shadow);box-shadow:var(--syte-okd-input-search-error-shadow)}.syte-input-search.error .syte-input-box .syte-input-input{-webkit-text-fill-color:var(--syte-okd-input-search-error-text-color);caret-color:var(--syte-okd-input-search-error-caret-color);color:var(--syte-okd-input-search-error-text-color)}.syte-input-search.error .syte-input-box .syte-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-error-placeholder-color);color:var(--syte-okd-input-search-error-placeholder-color)}.syte-input-search.error .syte-input-box .syte-input-input:-moz-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-error-placeholder-color);color:var(--syte-okd-input-search-error-placeholder-color);opacity:1}.syte-input-search.error .syte-input-box .syte-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--syte-okd-input-search-error-placeholder-color);color:var(--syte-okd-input-search-error-placeholder-color)}.syte-input-verify{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:relative}.syte-input-verify *{-webkit-box-sizing:border-box;box-sizing:border-box}.syte-input-verify .syte-input-verify-input:focus{border:1px solid var(--syte-okd-input-focus-border-color);-webkit-box-shadow:var(--syte-okd-input-focus-shadow);box-shadow:var(--syte-okd-input-focus-shadow)}.syte-input-verify .syte-input-verify-input{-ms-flex-align:center;align-items:center;background:transparent;background:var(--syte-okd-input-default-background);border:thin solid var(--syte-okd-input-default-border-color);-webkit-box-shadow:var(--syte-okd-input-default-shadow);box-shadow:var(--syte-okd-input-default-shadow);caret-color:var(--syte-okd-input-focus-caret-color);color:var(--syte-okd-input-default-text-color);display:-ms-flexbox;display:flex;font-family:inherit;outline:none;text-align:center;-webkit-transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.syte-input-verify .syte-input-verify-input:-webkit-autofill{-webkit-text-fill-color:var(--syte-okd-input-default-text-color)!important;border:none;-webkit-box-shadow:0 0 0 30px var(--syte-okd-input-default-background) inset}.syte-input-verify .syte-input-verify-input.input-xl{border-radius:6px;font-size:26px;height:44px;margin-left:8px;width:40px}.syte-input-verify .syte-input-verify-input.input-xl.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:44px}.syte-input-verify .syte-input-verify-input.input-xl:last-child{margin-left:0}.syte-input-verify .syte-input-verify-input.input-lg{border-radius:6px;font-size:26px;height:44px;margin-left:8px;width:40px}.syte-input-verify .syte-input-verify-input.input-lg.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:44px}.syte-input-verify .syte-input-verify-input.input-lg:last-child{margin-left:0}.syte-input-verify .syte-input-verify-input.input-xs{border-radius:6px;font-size:26px;height:44px;margin-left:8px;width:40px}.syte-input-verify .syte-input-verify-input.input-xs.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:44px}.syte-input-verify .syte-input-verify-input.input-xs:last-child{margin-left:0}.syte-input-verify .syte-input-verify-input.input-sm{border-radius:6px;font-size:20px;height:40px;margin-left:10px;width:40px}.syte-input-verify .syte-input-verify-input.input-sm.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:40px}.syte-input-verify .syte-input-verify-input.input-sm:last-child{margin-left:0}.syte-input-verify .syte-input-verify-input.input-md{border-radius:6px;font-size:26px;height:44px;margin-left:8px;width:40px}.syte-input-verify .syte-input-verify-input.input-md.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:44px}.syte-input-verify .syte-input-verify-input.input-md:last-child{margin-left:0}.syte-input-verify .syte-input-verify-input.error{border-color:var(--syte-okd-input-verify-error-border-color,var(--syte-okd-input-error-border-color))}.syte-input-verify .syte-input-verify-input.disabled{-webkit-text-fill-color:var(--syte-okd-input-disabled-text-color);background:var(--syte-okd-input-disabled-background);border:thin solid var(--syte-okd-input-disabled-border-color);-webkit-box-shadow:var(--syte-okd-input-disabled-shadow);box-shadow:var(--syte-okd-input-disabled-shadow);caret-color:var(--syte-okd-input-disabled-caret-color);color:var(--syte-okd-input-disabled-text-color);cursor:not-allowed}