.theme-light{--syte-okd-color-gray-050:#f9f9f9;--syte-okd-color-gray-100:#ebebeb;--syte-okd-color-gray-200:#dbdbdb;--syte-okd-color-gray-300:#bdbdbd;--syte-okd-color-gray-400:#929292;--syte-okd-color-gray-500:#6e6e6e;--syte-okd-color-gray-600:#545454;--syte-okd-color-gray-700:#3d3d3d;--syte-okd-color-gray-800:#1a1a1a;--syte-okd-color-gray-900:#000;--syte-okd-color-blue-050:#f5f9ff;--syte-okd-color-blue-100:#d1e3ff;--syte-okd-color-blue-200:#afcfff;--syte-okd-color-blue-300:#8dbbff;--syte-okd-color-blue-400:#6ba6ff;--syte-okd-color-blue-500:#4992ff;--syte-okd-color-blue-600:#277dff;--syte-okd-color-blue-700:#0569ff;--syte-okd-color-blue-800:#005eea;--syte-okd-color-blue-900:#0051ca;--syte-okd-color-green-050:#f2fff7;--syte-okd-color-green-100:#d2f4de;--syte-okd-color-green-200:#a5e9be;--syte-okd-color-green-300:#78de9d;--syte-okd-color-green-400:#4bd37d;--syte-okd-color-green-500:#31bd65;--syte-okd-color-green-600:#18a04a;--syte-okd-color-green-700:#127837;--syte-okd-color-green-800:#0c5025;--syte-okd-color-green-900:#0c5025;--syte-okd-color-red-050:#fff8f9;--syte-okd-color-red-100:#fcdce5;--syte-okd-color-red-200:#f9b9ca;--syte-okd-color-red-300:#f796b0;--syte-okd-color-red-400:#f07596;--syte-okd-color-red-500:#f1507b;--syte-okd-color-red-600:#c14062;--syte-okd-color-red-700:#91304a;--syte-okd-color-red-800:#602031;--syte-okd-color-red-900:#301019;--syte-okd-color-orange-050:#fef9f6;--syte-okd-color-orange-100:#fce3d4;--syte-okd-color-orange-200:#fbceb4;--syte-okd-color-orange-300:#f9b994;--syte-okd-color-orange-400:#f7a474;--syte-okd-color-orange-500:#f58f54;--syte-okd-color-orange-600:#f6813d;--syte-okd-color-orange-700:#f16514;--syte-okd-color-orange-800:#e96010;--syte-okd-color-orange-900:#bf4803;--syte-okd-color-yellow-050:#fffcf5;--syte-okd-color-yellow-100:#fff2d1;--syte-okd-color-yellow-200:#ffe9af;--syte-okd-color-yellow-300:#ffdf8d;--syte-okd-color-yellow-400:#ffd66b;--syte-okd-color-yellow-500:#ffcc49;--syte-okd-color-yellow-600:#ffc327;--syte-okd-color-yellow-700:#ffb905;--syte-okd-color-yellow-800:#eaa900;--syte-okd-color-yellow-900:#d29801;--syte-okd-color-text-white:#fff;--syte-okd-color-text-black:#1f2933;--syte-okd-color-background-1:#fff;--syte-okd-color-background-2:#f7f7f7;--syte-okd-color-transparent:transparent;--syte-okd-color-white:#fff;--syte-okd-color-black:#000;--syte-okd-color-line-muted:#ebebeb;--syte-okd-color-line-secondary:#dbdbdb;--syte-okd-color-line-amplifed:#bdbdbd;--syte-okd-color-text-lighter:#bdbdbd;--syte-okd-color-text-light:#929292;--syte-okd-color-text-secondary:#3d3d3d;--syte-okd-color-text-amplifed:#000;--syte-okd-color-background-3:#f2f2f2;--syte-okd-color-fq-blue-lv1:#0569ff;--syte-okd-color-fq-green-lv1:#19cc5b;--syte-okd-color-fq-red-lv1:#f1507b;--syte-okd-color-fq-orange-lv1:#f16514;--syte-okd-color-fq-blue-lv2:#0569ff;--syte-okd-color-background-hover:#ebebeb;--syte-okd-color-prefer-red-chart:#f1507b;--syte-okd-color-prefer-red-bg:#eb4b6d;--syte-okd-color-prefer-green-chart:#19cc5b;--syte-okd-color-prefer-green-bg:#31bd65;--syte-okd-color-prefer-red-text:#eb4b6d;--syte-okd-color-prefer-green-text:#31bd65;--syte-okd-color-branded-primary:#bcff2f;--syte-okd-color-fq-critical:#eb4b6d;--syte-okd-color-fq-warning:#f16514;--syte-okd-color-fq-positive:#31bd65;--syte-okd-color-fq-neutral:#000;--syte-okd-color-fq-accent:#0569ff;--syte-okd-color-prefer-neutral-text:#929292;--syte-okd-color-prefer-neutral-bg:#929292;--syte-okd-color-background-base-primary:#fff;--syte-okd-color-background-base-secondary:#fafafa;--syte-okd-color-background-surface-primary:#f3f3f3;--syte-okd-color-background-surface-secondary:#f6f6f6;--syte-okd-color-background-surface-pressed:#d9d9d9;--syte-okd-color-background-surface-disable:#fafafa;--syte-okd-color-background-scrim:rgba(0,0,0,.43);--syte-okd-color-container-primary:#fff;--syte-okd-color-container-secondary:#fafafa;--syte-okd-color-container-tertiary:#fff;--syte-okd-color-container-contrast:#414141;--syte-okd-color-container-inverse:#0e0e0e;--syte-okd-color-content-primary:#000;--syte-okd-color-content-secondary:#383838;--syte-okd-color-content-tertiary:#5b5b5b;--syte-okd-color-content-contrast:#909090;--syte-okd-color-content-disabled:#b3b3b3;--syte-okd-color-content-inverse:#fff;--syte-okd-color-border-primary:#e6e6e6;--syte-okd-color-border-secondary:#b3b3b3;--syte-okd-color-border-contrast:#fafafa;--syte-okd-color-border-selected:#000;--syte-okd-color-semantic-neutral:#000;--syte-okd-color-semantic-notice:#ffb117;--syte-okd-color-semantic-positive:#31bd65;--syte-okd-color-semantic-negative:#eb4b6d;--syte-okd-color-semantic-informative:#8a91ff;--syte-okd-color-semantic-highlight:#bcff2f;--syte-okd-color-dvp-neutral:rgba(0,0,0,.57);--syte-okd-color-dvp-profit:#00bc4b;--syte-okd-color-dvp-loss:#f5384f;--syte-okd-color-categorical-01:#8a91ff;--syte-okd-color-categorical-02:#ffb117;--syte-okd-color-categorical-03:#bcff2f;--syte-okd-color-categorical-04:#12e366;--syte-okd-color-categorical-05:#ff7888;--syte-okd-color-common-transparent:hsla(0,0%,100%,0);--syte-okd-color-transparent-black:transparent;--syte-okd-color-transparent-white:transparent;--syte-okd-color-alert-info:#f7f7f7;--syte-okd-color-alert-success:#eaf8f0;--syte-okd-color-alert-warning:#fef9f6;--syte-okd-color-alert-error:#fdedf0;--syte-okd-color-common-background-2:#f3f3f3;--syte-okd-color-data-visualization-category-01:#8a91ff;--syte-okd-color-data-visualization-category-02:#ffb117;--syte-okd-color-data-visualization-category-03:#bcff2f;--syte-okd-color-data-visualization-category-04:#12e366;--syte-okd-color-data-visualization-category-05:#ff7888;--syte-okd-color-preference-loss:#f5384f;--syte-okd-color-preference-profit:#00bc4b;--syte-okd-color-preference-neutral:rgba(0,0,0,.57);--syte-okd-color-border-focus:#000;--syte-okd-color-background-base-primary_alternative:#fff;--syte-okd-color-link-content:#4c2fff;--syte-okd-color-link-accent-content-primary:#2b6d17;--syte-okd-color-background-surface-contrast:#fff;--syte-okd-color-background-surface-brand:#000;--syte-okd-color-border-tertiary:#f3f3f3;--syte-okd-color-content-brand:#000;--syte-okd-color-modal-primary:#fff;--syte-okd-color-modal-secondary:#fff;--syte-okd-color-modal-tertiary:#fff;--syte-okd-color-modal-contrast:#4d4d4d;--syte-okd-color-card-primary:#f6f6f6;--syte-okd-color-card-secondary:#f6f6f6;--syte-okd-color-brand-primary:#2b6d17;--syte-okd-color-brand-primary-alternative:#2b6d17;--syte-okd-color-brand-secondary:#8ec51d;--syte-okd-color-brand-tertiary:#bcff2f;--syte-okd-color-brand-content:#e6ffb0;--syte-okd-color-brand-content-contrast:#e6ffb0;--syte-okd-color-global-fixed-always-dark:#000;--syte-okd-color-global-fixed-always-light:#fff;--syte-okd-color-surface-structural-subbase:#f6f6f6;--syte-okd-color-surface-info-default:#4a4a4a;--syte-okd-color-surface-info-subtle:#f6f6f6;--syte-okd-color-surface-warning-default:#fea01d;--syte-okd-color-surface-warning-subtle:#ffedcb;--syte-okd-color-surface-success-default:#3c8f24;--syte-okd-color-surface-success-subtle:#e9f4d1;--syte-okd-color-surface-danger-default:#d33a4c;--syte-okd-color-surface-danger-subtle:#fee0e3;--syte-okd-color-surface-interactive-default:rgba(0,0,0,.06);--syte-okd-color-surface-interactive-hovered:rgba(0,0,0,.09);--syte-okd-color-surface-interactive-pressed:rgba(0,0,0,.14);--syte-okd-color-surface-interactive-disabled:rgba(0,0,0,.03);--syte-okd-color-surface-interactive-oncolor-default:hsla(0,0%,100%,.9);--syte-okd-color-surface-interactive-oncolor-hovered:hsla(0,0%,100%,.7);--syte-okd-color-surface-interactive-oncolor-pressed:hsla(0,0%,100%,.5);--syte-okd-color-surface-interactive-emphasis-default:rgba(0,0,0,.99);--syte-okd-color-surface-interactive-emphasis-hovered:rgba(0,0,0,.8);--syte-okd-color-surface-interactive-emphasis-pressed:rgba(0,0,0,.7);--syte-okd-color-surface-interactive-emphasis-disabled:rgba(0,0,0,.03);--syte-okd-color-surface-interactive-selected-default:#000;--syte-okd-color-surface-interactive-selected-subtle:rgba(0,0,0,.06);--syte-okd-color-surface-interactive-selected-oncolor:hsla(0,0%,100%,.9);--syte-okd-color-surface-structural-base:#fff;--syte-okd-color-surface-structural-layer-1:#f6f6f6;--syte-okd-color-surface-structural-layer-2:#e9e9e9;--syte-okd-color-surface-structural-layer-3:#dcdcdc;--syte-okd-color-surface-structural-highlight:var(--global-color-highlight);--syte-okd-color-surface-structural-inverse:#000;--syte-okd-color-surface-structural-elevated-default:#fff;--syte-okd-color-surface-structural-elevated-contrast:#fff;--syte-okd-color-surface-structural-overlay:rgba(0,0,0,.4);--syte-okd-color-border-static-default:rgba(0,0,0,.14);--syte-okd-color-border-static-subtle:rgba(0,0,0,.06);--syte-okd-color-border-static-dotted:rgba(0,0,0,.32);--syte-okd-color-border-interactive-default:rgba(0,0,0,.32);--syte-okd-color-border-interactive-hovered:#333;--syte-okd-color-border-interactive-pressed:#000;--syte-okd-color-border-interactive-focused:#000;--syte-okd-color-border-interactive-selected:#000;--syte-okd-color-border-interactive-error:#ba2133;--syte-okd-color-border-interactive-emphasis:#4a4a4a;--syte-okd-color-border-interactive-oncolor:#e9e9e9;--syte-okd-color-border-static-emphasis:#4a4a4a;--syte-okd-color-border-static-experience:var(--global-color-experience-default);--syte-okd-color-border-static-highlight:var(--global-color-highlight);--syte-okd-color-border-static-overlay:hsla(0,0%,100%,.9);--syte-okd-color-border-interactive-disabled:rgba(0,0,0,.14);--syte-okd-color-border-info-default:#212121;--syte-okd-color-border-info-subtle:#757575;--syte-okd-color-border-warning-default:#ba5d00;--syte-okd-color-border-warning-subtle:#ffedcb;--syte-okd-color-border-success-default:#2b6d17;--syte-okd-color-border-success-subtle:#e9f4d1;--syte-okd-color-border-danger-default:#ba2133;--syte-okd-color-border-danger-subtle:#fee0e3;--syte-okd-color-content-static-default:#000;--syte-okd-color-content-interactive-default:#4a4a4a;--syte-okd-color-content-interactive-subtle:#757575;--syte-okd-color-content-interactive-hovered:#212121;--syte-okd-color-content-static-subtle:#5e5e5e;--syte-okd-color-content-interactive-pressed:#000;--syte-okd-color-content-static-inverse:#fff;--syte-okd-color-content-static-highlight:var(--global-color-highlight);--syte-okd-color-content-static-placeholder:rgba(0,0,0,.22);--syte-okd-color-content-interactive-active:#000;--syte-okd-color-content-interactive-selected:#000;--syte-okd-color-content-interactive-error:#ba2133;--syte-okd-color-content-interactive-disabled:rgba(0,0,0,.14);--syte-okd-color-content-info-default:#212121;--syte-okd-color-content-info-subtle:#757575;--syte-okd-color-content-warning-default:#ba5d00;--syte-okd-color-content-warning-subtle:#ffedcb;--syte-okd-color-content-success-default:#2b6d17;--syte-okd-color-content-success-subtle:#e9f4d1;--syte-okd-color-content-danger-default:#ba2133;--syte-okd-color-content-danger-subtle:#fee0e3;--syte-okd-color-content-illustration-default:#000;--syte-okd-color-content-dataviz-categorical-1:var(--global-color-feature-default);--syte-okd-color-content-dataviz-categorical-2:#0b5bcb;--syte-okd-color-content-dataviz-categorical-3:#e28400;--syte-okd-color-content-dataviz-categorical-4:#dbb01d;--syte-okd-color-content-dataviz-categorical-5:#9543ff;--syte-okd-color-content-dataviz-categorical-6:#5e5e5e;--syte-okd-color-content-dataviz-categorical-7:#858585;--syte-okd-color-content-dataviz-categorical-8:#afafaf;--syte-okd-color-content-illustration-inverse:#fff;--syte-okd-color-content-illustration-experience:var(--global-color-experience-default);--syte-okd-color-content-illustration-highlight:var(--global-color-highlight);--syte-okd-color-global-alpha-matching-5:hsla(0,0%,100%,.05);--syte-okd-color-global-alpha-matching-10:hsla(0,0%,100%,.1);--syte-okd-color-global-alpha-matching-20:hsla(0,0%,100%,.2);--syte-okd-color-global-alpha-matching-30:hsla(0,0%,100%,.3);--syte-okd-color-global-alpha-matching-40:hsla(0,0%,100%,.4);--syte-okd-color-global-alpha-matching-50:hsla(0,0%,100%,.5);--syte-okd-color-global-alpha-matching-60:hsla(0,0%,100%,.6);--syte-okd-color-global-alpha-matching-70:hsla(0,0%,100%,.7);--syte-okd-color-global-alpha-matching-80:hsla(0,0%,100%,.8);--syte-okd-color-global-alpha-matching-90:hsla(0,0%,100%,.9);--syte-okd-color-global-alpha-inverse-5:rgba(0,0,0,.03);--syte-okd-color-global-alpha-pnl-profit:var(--global-color-profit-alpha);--syte-okd-color-global-alpha-pnl-loss:var(--global-color-loss-alpha);--syte-okd-color-global-alpha-feature-1:rgba(43,109,23,.16);--syte-okd-color-global-alpha-inverse-10:rgba(0,0,0,.06);--syte-okd-color-global-alpha-inverse-20:rgba(0,0,0,.14);--syte-okd-color-global-alpha-inverse-30:rgba(0,0,0,.22);--syte-okd-color-global-alpha-inverse-40:rgba(0,0,0,.32);--syte-okd-color-global-alpha-inverse-50:rgba(0,0,0,.44);--syte-okd-color-global-alpha-inverse-60:rgba(0,0,0,.57);--syte-okd-color-global-alpha-inverse-70:rgba(0,0,0,.7);--syte-okd-color-global-alpha-inverse-80:rgba(0,0,0,.8);--syte-okd-color-global-alpha-inverse-90:rgba(0,0,0,.9);--syte-okd-color-surface-pnl-profit-default:var(--global-color-profit-surface-default);--syte-okd-color-surface-pnl-profit-hovered:var(--global-color-profit-surface-hovered);--syte-okd-color-surface-pnl-profit-pressed:var(--global-color-profit-surface-pressed);--syte-okd-color-surface-pnl-profit-tint:var(--global-color-profit-tint);--syte-okd-color-surface-pnl-loss-default:var(--global-color-loss-surface-default);--syte-okd-color-surface-pnl-loss-hovered:var(--global-color-loss-surface-hovered);--syte-okd-color-surface-pnl-loss-pressed:var(--global-color-loss-surface-pressed);--syte-okd-color-surface-pnl-loss-tint:var(--global-color-loss-tint);--syte-okd-color-surface-pnl-neutral-default:var(--global-color-neutral-surface-default);--syte-okd-color-surface-pnl-neutral-hovered:var(--global-color-neutral-surface-hovered);--syte-okd-color-surface-pnl-neutral-pressed:var(--global-color-neutral-surface-pressed);--syte-okd-color-surface-interactive-feature-default:var(--global-color-feature-default);--syte-okd-color-surface-interactive-experience-default:var(--global-color-experience-default);--syte-okd-color-surface-interactive-experience-hovered:var(--global-color-experience-hovered);--syte-okd-color-surface-interactive-experience-pressed:var(--global-color-experience-pressed);--syte-okd-color-surface-interactive-feature-hovered:var(--global-color-feature-hovered);--syte-okd-color-surface-interactive-feature-pressed:var(--global-color-feature-pressed);--syte-okd-color-surface-pnl-loss-graph:var(--global-color-loss-graph);--syte-okd-color-surface-structural-feature:var(--global-color-feature-default);--syte-okd-color-surface-structural-experience:var(--global-color-experience-default);--syte-okd-color-border-interactive-feature-default:var(--global-color-feature-default);--syte-okd-color-border-interactive-feature-hovered:var(--global-color-feature-hovered);--syte-okd-color-border-interactive-feature-pressed:var(--global-color-feature-pressed);--syte-okd-color-border-static-feature:var(--global-color-feature-default);--syte-okd-color-content-static-subtler:#858585;--syte-okd-color-content-static-feature:var(--global-color-feature-default);--syte-okd-color-content-static-experience:var(--global-color-experience-default);--syte-okd-color-content-pnl-profit-default:var(--global-color-profit-default);--syte-okd-color-content-illustration-feature:var(--global-color-feature-default);--syte-okd-color-content-pnl-profit-oncolor:var(--global-color-profit-oncolor);--syte-okd-color-content-pnl-loss-default:var(--global-color-loss-default);--syte-okd-color-content-pnl-loss-oncolor:var(--global-color-loss-oncolor);--syte-okd-color-content-pnl-neutral-default:var(--global-color-neutral-default);--syte-okd-color-content-pnl-neutral-oncolor:var(--global-color-neutral-oncolor);--syte-okd-color-surface-pnl-profit-graph:var(--global-color-profit-graph);--syte-okd-color-surface-pnl-neutral-graph:var(--global-color-neutral-graph);--syte-okd-color-border-interactive-experience-default:var(--global-color-experience-default);--syte-okd-color-border-interactive-experience-hovered:var(--global-color-experience-hovered);--syte-okd-color-border-interactive-experience-pressed:var(--global-color-experience-pressed);--syte-okd-color-content-interactive-feature-default:var(--global-color-feature-default);--syte-okd-color-content-interactive-feature-hovered:var(--global-color-feature-hovered);--syte-okd-color-content-interactive-feature-pressed:var(--global-color-feature-pressed);--syte-okd-color-content-interactive-experience-default:var(--global-color-experience-default);--syte-okd-color-content-interactive-experience-alternative:var(--global-color-experience-alternative);--syte-okd-color-content-interactive-experience-accent:var(--global-color-experience-accent);--syte-okd-color-content-interactive-experience-hovered:var(--global-color-experience-hovered);--syte-okd-color-content-interactive-experience-pressed:var(--global-color-experience-pressed);--syte-okd-color-content-interactive-experience-inverse:var(--global-color-experience-inverse);--syte-okd-color-content-interactive-feature-inverse-default:var(--global-color-feature-primary-inverse-default);--syte-okd-color-content-interactive-feature-inverse-hovered:var(--global-color-feature-primary-inverse-hovered);--syte-okd-color-content-interactive-feature-inverse-pressed:var(--global-color-feature-primary-inverse-pressed);--syte-okd-color-surface-interactive-feature-inverse-default:var(--global-color-feature-primary-inverse-default);--syte-okd-color-surface-interactive-feature-inverse-hovered:var(--global-color-feature-primary-inverse-hovered);--syte-okd-color-surface-interactive-feature-inverse-pressed:var(--global-color-feature-primary-inverse-pressed);--syte-okd-color-border-pnl-loss-default:var(--global-color-loss-default);--syte-okd-color-border-pnl-loss-graph:var(--global-color-loss-graph);--syte-okd-color-border-pnl-profit-default:var(--global-color-profit-default);--syte-okd-color-border-pnl-profit-graph:var(--global-color-profit-graph);--syte-okd-color-border-pnl-neutral-graph:var(--global-color-neutral-graph);--syte-okd-color-content-static-notification:#e05a6a;--syte-okd-color-surface-interactive-unselected-default:rgba(0,0,0,.32);--syte-okd-color-surface-structural-elevated-layer-1:#f6f6f6;--syte-okd-color-surface-interactive-destructive-default:#e05a6a;--syte-okd-color-surface-interactive-destructive-hovered:#d33a4c;--syte-okd-color-surface-interactive-destructive-pressed:#ba2133;--syte-okd-color-surface-structural-web-only-base:#f6f6f6;--syte-okd-color-surface-structural-web-only-layer-1:#fff;--syte-okd-color-global-fixed-shadow:rgba(0,0,0,.16);--syte-okd-color-surface-interactive-destructive-subtle-default:#fee0e3;--syte-okd-color-surface-interactive-destructive-subtle-hovered:#ffbec5;--syte-okd-color-surface-interactive-destructive-subtle-pressed:#ff8f9c;--syte-okd-color-global-fixed-always-light-20:hsla(0,0%,100%,.2);--syte-okd-color-surface-pnl-profit-default-new:var(--global-color-profit-surface-default-new);--syte-okd-color-surface-pnl-profit-emphasis:var(--global-color-profit-surface-emphasis);--syte-okd-color-surface-pnl-loss-default-new:var(--global-color-loss-surface-default-new);--syte-okd-color-surface-pnl-loss-emphasis:var(--global-color-loss-surface-emphasis);--syte-okd-color-content-pnl-profit-oncolor-default:var(--global-color-profit-default);--syte-okd-color-content-pnl-profit-oncolor-emphasis:var(--global-color-profit-oncolor);--syte-okd-color-content-pnl-loss-oncolor-default:var(--global-color-loss-default);--syte-okd-color-content-pnl-loss-oncolor-emphasis:var(--global-color-loss-oncolor);--syte-okd-color-surface-pnl-profit-gradient-max:var(--global-color-profit-gradient-max);--syte-okd-color-surface-pnl-profit-gradient-min:var(--global-color-profit-gradient-min);--syte-okd-color-surface-pnl-loss-gradient-max:rgba(252,70,171,.2);--syte-okd-color-surface-pnl-loss-gradient-min:rgba(252,70,171,0);--syte-okd-font-size-base:16px;--syte-okd-font-size-md:14px;--syte-okd-font-size-xs:12px;--syte-okd-line-height-base:20px;--syte-okd-line-height-md:20px;--syte-okd-line-height-xs:16px;--syte-okd-shadow-none:0 0 0 0 transparent;--syte-okd-shadow-xs:0 0 0 1px #0000000d;--syte-okd-shadow-sm:0 1px 2px 0 #0000000d;--syte-okd-shadow-default:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--syte-okd-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--syte-okd-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--syte-okd-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--syte-okd-shadow-2xl:0 25px 50px -12px #00000040;--syte-okd-border-radius-none:0;--syte-okd-border-radius-sm:2px;--syte-okd-border-radius-md:4px;--syte-okd-border-radius-lg:6px;--syte-okd-border-radius-xl:8px;--syte-okd-border-radius-xxl:10px;--syte-okd-border-radius-xxxl:12px;--syte-okd-font-family:HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif;--syte-okd-text-display-lg-font-size:56px;--syte-okd-text-display-lg-font-weight:500;--syte-okd-text-display-lg-line-height:1.32;--syte-okd-text-display-md-font-size:40px;--syte-okd-text-display-md-font-weight:500;--syte-okd-text-display-md-line-height:52px;--syte-okd-text-display-sm-font-size:40px;--syte-okd-text-display-sm-font-weight:500;--syte-okd-text-display-sm-line-height:52px;--syte-okd-text-heading-lg-font-size:30px;--syte-okd-text-heading-lg-font-weight:500;--syte-okd-text-heading-lg-line-height:40px;--syte-okd-text-heading-md-font-size:24px;--syte-okd-text-heading-md-font-weight:500;--syte-okd-text-heading-md-line-height:30px;--syte-okd-text-heading-sm-font-size:18px;--syte-okd-text-heading-sm-font-weight:500;--syte-okd-text-heading-sm-line-height:24px;--syte-okd-text-heading-xl-font-size:36px;--syte-okd-text-heading-xl-line-height:1.32;--syte-okd-text-heading-xl-font-weight:600;--syte-okd-text-heading-xxl-font-size:40px;--syte-okd-text-heading-xxl-line-height:1.32;--syte-okd-text-heading-xxl-font-weight:600;--syte-okd-text-heading-overline-font-size:12px;--syte-okd-text-heading-overline-line-height:15px;--syte-okd-text-heading-overline-font-weight:500;--syte-okd-text-body-sm-regular-font-size:14px;--syte-okd-text-body-sm-regular-font-weight:400;--syte-okd-text-body-sm-regular-line-height:21px;--syte-okd-text-body-sm-bold-font-size:14px;--syte-okd-text-body-sm-bold-font-weight:500;--syte-okd-text-body-sm-bold-line-height:21px;--syte-okd-text-body-md-regular-font-size:16px;--syte-okd-text-body-md-regular-font-weight:400;--syte-okd-text-body-md-regular-line-height:24px;--syte-okd-text-body-md-bold-font-size:16px;--syte-okd-text-body-md-bold-font-weight:500;--syte-okd-text-body-md-bold-line-height:24px;--syte-okd-text-body-xs-regular-font-size:12px;--syte-okd-text-body-xs-regular-font-weight:400;--syte-okd-text-body-xs-regular-line-height:18px;--syte-okd-text-body-xs-bold-font-size:12px;--syte-okd-text-body-xs-bold-font-weight:500;--syte-okd-text-body-xs-bold-line-height:18px;--syte-okd-font-weight-400:400;--syte-okd-font-weight-500:500;--syte-okd-font-weight-600:600;--syte-okd-font-weight-700:700;--syte-okd-font-weight-800:800;--syte-okd-font-weight-900:900;--syte-okd-font-weight-regular:400;--syte-okd-font-weight-medium:500;--syte-okd-font-weight-bold:700;--syte-okd-accordion-header-padding-vertical:32px;--syte-okd-accordion-header-padding-horizontal:0;--syte-okd-accordion-main-border-color:var(--syte-okd-color-border-static-default);--syte-okd-accordion-header-icon-color:var(--syte-okd-color-content-static-default);--syte-okd-accordion-header-icon-size:20px;--syte-okd-accordion-header-icon-sm-size:16px;--syte-okd-accordion-header-title-color:var(--syte-okd-color-content-static-default);--syte-okd-accordion-header-title-line-height:24px;--syte-okd-accordion-header-title-font-weight:500;--syte-okd-accordion-header-title-font-size:18px;--syte-okd-accordion-header-title-sm-line-height:16px;--syte-okd-accordion-header-title-sm-font-weight:500;--syte-okd-accordion-header-title-sm-font-size:14px;--syte-okd-accordion-header-margin-bottom:16px;--syte-okd-accordion-header-sm-margin-bottom:8px;--syte-okd-accordion-content-font-size:14px;--syte-okd-accordion-content-line-height:1.58;--syte-okd-accordion-content-font-weight:400;--syte-okd-accordion-content-sm-font-size:12px;--syte-okd-accordion-content-sm-line-height:1.58;--syte-okd-accordion-content-sm-font-weight:400;--syte-okd-accordion-content-color:var(--syte-okd-color-content-static-subtle)}.theme-dark{--syte-okd-color-gray-050:#000;--syte-okd-color-gray-100:#2e2e2e;--syte-okd-color-gray-200:#404040;--syte-okd-color-gray-300:#6c6c6c;--syte-okd-color-gray-400:#909090;--syte-okd-color-gray-500:#b0b0b0;--syte-okd-color-gray-600:#ccc;--syte-okd-color-gray-700:#e3e3e3;--syte-okd-color-gray-800:#f0f0f0;--syte-okd-color-gray-900:#fafafa;--syte-okd-color-blue-050:#051738;--syte-okd-color-blue-100:#082356;--syte-okd-color-blue-200:#0c3178;--syte-okd-color-blue-300:#0f3c94;--syte-okd-color-blue-400:#1148b0;--syte-okd-color-blue-500:#1453cc;--syte-okd-color-blue-600:#175fe8;--syte-okd-color-blue-700:#1e6bff;--syte-okd-color-blue-800:#3077ff;--syte-okd-color-blue-900:#4283ff;--syte-okd-color-green-050:#002b1f;--syte-okd-color-green-100:#062b12;--syte-okd-color-green-200:#0c5625;--syte-okd-color-green-300:#138037;--syte-okd-color-green-400:#19ab4a;--syte-okd-color-green-500:#25a750;--syte-okd-color-green-600:#4cde7d;--syte-okd-color-green-700:#79e69d;--syte-okd-color-green-800:#a5efbe;--syte-okd-color-green-900:#d2f7de;--syte-okd-color-red-050:#270b12;--syte-okd-color-red-100:#300e17;--syte-okd-color-red-200:#601d2e;--syte-okd-color-red-300:#902b44;--syte-okd-color-red-400:#c03a5b;--syte-okd-color-red-500:#f04872;--syte-okd-color-red-600:#f76489;--syte-okd-color-red-700:#f994ae;--syte-okd-color-red-800:#f9b6c7;--syte-okd-color-red-900:#fff8f9;--syte-okd-color-orange-050:#361604;--syte-okd-color-orange-100:#532206;--syte-okd-color-orange-200:#743008;--syte-okd-color-orange-300:#8f3b0a;--syte-okd-color-orange-400:#aa460c;--syte-okd-color-orange-500:#c5510e;--syte-okd-color-orange-600:#e15c0f;--syte-okd-color-orange-700:#f76816;--syte-okd-color-orange-800:#f87428;--syte-okd-color-orange-900:#fa8c4d;--syte-okd-color-yellow-050:#2d2104;--syte-okd-color-yellow-100:#493603;--syte-okd-color-yellow-200:#674b04;--syte-okd-color-yellow-300:#7f5d05;--syte-okd-color-yellow-400:#966e06;--syte-okd-color-yellow-500:#ae8007;--syte-okd-color-yellow-600:#c69208;--syte-okd-color-yellow-700:#dba20e;--syte-okd-color-yellow-800:#dea921;--syte-okd-color-yellow-900:#e0b134;--syte-okd-color-text-white:#fff;--syte-okd-color-text-black:#1f2933;--syte-okd-color-background-1:#121212;--syte-okd-color-background-2:#1a1a1a;--syte-okd-color-transparent:transparent;--syte-okd-color-white:#fff;--syte-okd-color-black:#000;--syte-okd-color-line-muted:#2e2e2e;--syte-okd-color-line-amplifed:#6c6c6c;--syte-okd-color-line-secondary:#404040;--syte-okd-color-text-lighter:#6c6c6c;--syte-okd-color-text-light:#909090;--syte-okd-color-text-secondary:#e3e3e3;--syte-okd-color-text-amplifed:#fafafa;--syte-okd-color-background-3:#242424;--syte-okd-color-fq-blue-lv1:#3077ff;--syte-okd-color-fq-blue-lv2:#1e6bff;--syte-okd-color-fq-green-lv1:#1fd65c;--syte-okd-color-fq-red-lv1:#f04872;--syte-okd-color-fq-orange-lv1:#f76816;--syte-okd-color-prefer-red-chart:#f04872;--syte-okd-color-prefer-red-bg:#ca3f64;--syte-okd-color-prefer-green-chart:#1fd65c;--syte-okd-color-prefer-green-bg:#25a750;--syte-okd-color-prefer-red-text:#ca3f64;--syte-okd-color-prefer-green-text:#25a750;--syte-okd-color-branded-primary:#bcff2f;--syte-okd-color-fq-critical:#f04872;--syte-okd-color-fq-positive:#25a750;--syte-okd-color-fq-warning:#f76816;--syte-okd-color-fq-accent:#1e6bff;--syte-okd-color-fq-neutral:#fafafa;--syte-okd-color-prefer-neutral-bg:#909090;--syte-okd-color-prefer-neutral-text:#909090;--syte-okd-color-background-base-primary:#000;--syte-okd-color-background-base-secondary:#121212;--syte-okd-color-background-surface-primary:#1d1d1d;--syte-okd-color-background-surface-secondary:#121212;--syte-okd-color-background-surface-pressed:#383838;--syte-okd-color-background-surface-disable:#0e0e0e;--syte-okd-color-background-scrim:rgba(0,0,0,.68);--syte-okd-color-container-primary:#272727;--syte-okd-color-container-secondary:#272727;--syte-okd-color-container-tertiary:#383838;--syte-okd-color-container-contrast:#414141;--syte-okd-color-container-inverse:#fafafa;--syte-okd-color-content-primary:#fff;--syte-okd-color-content-secondary:#e6e6e6;--syte-okd-color-content-tertiary:#b3b3b3;--syte-okd-color-content-contrast:#909090;--syte-okd-color-content-disabled:#5b5b5b;--syte-okd-color-content-inverse:#000;--syte-okd-color-border-primary:#383838;--syte-okd-color-border-secondary:#4d4d4d;--syte-okd-color-border-contrast:#000;--syte-okd-color-border-selected:#fff;--syte-okd-color-semantic-neutral:#fff;--syte-okd-color-semantic-notice:#ffb117;--syte-okd-color-semantic-positive:#25a750;--syte-okd-color-semantic-negative:#ca3f64;--syte-okd-color-semantic-informative:#8a91ff;--syte-okd-color-semantic-highlight:#bcff2f;--syte-okd-color-dvp-neutral:hsla(0,0%,100%,.76);--syte-okd-color-dvp-profit:#25a750;--syte-okd-color-dvp-loss:#ca3f64;--syte-okd-color-categorical-01:#5f62ff;--syte-okd-color-categorical-02:#ffb117;--syte-okd-color-categorical-03:#bcff2f;--syte-okd-color-categorical-04:#00bc4b;--syte-okd-color-categorical-05:#f5384f;--syte-okd-color-transparent-white:transparent;--syte-okd-color-transparent-black:hsla(0,0%,100%,.02);--syte-okd-color-common-transparent:hsla(0,0%,100%,0);--syte-okd-color-container-lv2:#1a1a1a;--syte-okd-color-alert-info:#2e2e2e;--syte-okd-color-alert-success:#002b1f;--syte-okd-color-alert-warning:#361604;--syte-okd-color-alert-error:#270b12;--syte-okd-color-common-background-2:#383838;--syte-okd-color-data-visualization-category-01:#5f62ff;--syte-okd-color-data-visualization-category-02:#ffb117;--syte-okd-color-data-visualization-category-03:#bcff2f;--syte-okd-color-data-visualization-category-04:#00bc4b;--syte-okd-color-data-visualization-category-05:#f5384f;--syte-okd-color-preference-loss:#ca3f64;--syte-okd-color-preference-profit:#25a750;--syte-okd-color-preference-neutral:hsla(0,0%,100%,.76);--syte-okd-color-border-focus:#fff;--syte-okd-color-background-base-primary_alternative:#000;--syte-okd-color-link-content:#8a91ff;--syte-okd-color-link-accent-content-primary:#bcff2f;--syte-okd-color-background-surface-contrast:#272727;--syte-okd-color-background-surface-brand:#bcff2f;--syte-okd-color-border-tertiary:#0e0e0e;--syte-okd-color-content-brand:#bcff2f;--syte-okd-color-modal-primary:#0e0e0e;--syte-okd-color-modal-secondary:#272727;--syte-okd-color-modal-tertiary:#383838;--syte-okd-color-modal-contrast:#4d4d4d;--syte-okd-color-card-primary:#0e0e0e;--syte-okd-color-card-secondary:#121212;--syte-okd-color-brand-primary:#121212;--syte-okd-color-brand-primary-alternative:#bcff2f;--syte-okd-color-brand-secondary:#272727;--syte-okd-color-brand-tertiary:#383838;--syte-okd-color-brand-content:#e6ffb0;--syte-okd-color-brand-content-contrast:#000;--syte-okd-color-global-fixed-always-dark:#000;--syte-okd-color-global-fixed-always-light:#fff;--syte-okd-color-surface-structural-subbase:#121212;--syte-okd-color-surface-info-default:#b8b8b8;--syte-okd-color-surface-info-subtle:#121212;--syte-okd-color-surface-warning-default:#f5a915;--syte-okd-color-surface-warning-subtle:#4d3200;--syte-okd-color-surface-success-default:#3c8f24;--syte-okd-color-surface-success-subtle:#192400;--syte-okd-color-surface-danger-default:#ff5d73;--syte-okd-color-surface-danger-subtle:#420a10;--syte-okd-color-surface-interactive-default:hsla(0,0%,100%,.13);--syte-okd-color-surface-interactive-hovered:hsla(0,0%,100%,.16);--syte-okd-color-surface-interactive-pressed:hsla(0,0%,100%,.22);--syte-okd-color-surface-interactive-disabled:hsla(0,0%,100%,.08);--syte-okd-color-surface-interactive-oncolor-default:hsla(0,0%,100%,.1);--syte-okd-color-surface-interactive-oncolor-hovered:hsla(0,0%,100%,.15);--syte-okd-color-surface-interactive-oncolor-pressed:hsla(0,0%,100%,.2);--syte-okd-color-surface-interactive-emphasis-default:hsla(0,0%,100%,.99);--syte-okd-color-surface-interactive-emphasis-hovered:hsla(0,0%,100%,.8);--syte-okd-color-surface-interactive-emphasis-pressed:hsla(0,0%,100%,.7);--syte-okd-color-surface-interactive-emphasis-disabled:hsla(0,0%,100%,.08);--syte-okd-color-surface-interactive-selected-default:#fff;--syte-okd-color-surface-interactive-selected-subtle:hsla(0,0%,100%,.13);--syte-okd-color-surface-interactive-selected-oncolor:hsla(0,0%,100%,.1);--syte-okd-color-surface-structural-base:#000;--syte-okd-color-surface-structural-layer-1:#121212;--syte-okd-color-surface-structural-layer-2:#2c2c2c;--syte-okd-color-surface-structural-layer-3:#3f3f3f;--syte-okd-color-surface-structural-highlight:var(--global-color-highlight);--syte-okd-color-surface-structural-inverse:#fff;--syte-okd-color-surface-structural-elevated-default:#171717;--syte-okd-color-surface-structural-elevated-contrast:#343434;--syte-okd-color-surface-structural-overlay:rgba(0,0,0,.6);--syte-okd-color-border-static-default:hsla(0,0%,100%,.22);--syte-okd-color-border-static-subtle:hsla(0,0%,100%,.13);--syte-okd-color-border-static-dotted:hsla(0,0%,100%,.4);--syte-okd-color-border-interactive-default:hsla(0,0%,100%,.4);--syte-okd-color-border-interactive-hovered:#cfcfcf;--syte-okd-color-border-interactive-pressed:#fff;--syte-okd-color-border-interactive-focused:#fff;--syte-okd-color-border-interactive-selected:#fff;--syte-okd-color-border-interactive-error:#f57a8a;--syte-okd-color-border-interactive-emphasis:#b8b8b8;--syte-okd-color-border-interactive-oncolor:#2c2c2c;--syte-okd-color-border-static-emphasis:#b8b8b8;--syte-okd-color-border-static-experience:var(--global-color-experience-default);--syte-okd-color-border-static-highlight:var(--global-color-highlight);--syte-okd-color-border-static-overlay:hsla(0,0%,100%,.1);--syte-okd-color-border-interactive-disabled:hsla(0,0%,100%,.22);--syte-okd-color-border-info-default:#ebebeb;--syte-okd-color-border-info-subtle:#7d7d7d;--syte-okd-color-border-warning-default:#ffc452;--syte-okd-color-border-warning-subtle:#4d3200;--syte-okd-color-border-success-default:#49a92d;--syte-okd-color-border-success-subtle:#192400;--syte-okd-color-border-danger-default:#f57a8a;--syte-okd-color-border-danger-subtle:#420a10;--syte-okd-color-content-static-default:#fff;--syte-okd-color-content-interactive-default:#b8b8b8;--syte-okd-color-content-interactive-subtle:#7d7d7d;--syte-okd-color-content-interactive-hovered:#ebebeb;--syte-okd-color-content-static-subtle:#969696;--syte-okd-color-content-interactive-pressed:#fff;--syte-okd-color-content-static-inverse:#000;--syte-okd-color-content-static-highlight:var(--global-color-highlight);--syte-okd-color-content-static-placeholder:hsla(0,0%,100%,.3);--syte-okd-color-content-interactive-active:#fff;--syte-okd-color-content-interactive-selected:#fff;--syte-okd-color-content-interactive-error:#f57a8a;--syte-okd-color-content-interactive-disabled:hsla(0,0%,100%,.22);--syte-okd-color-content-info-default:#ebebeb;--syte-okd-color-content-info-subtle:#7d7d7d;--syte-okd-color-content-warning-default:#ffc452;--syte-okd-color-content-warning-subtle:#4d3200;--syte-okd-color-content-success-default:#49a92d;--syte-okd-color-content-success-subtle:#192400;--syte-okd-color-content-danger-default:#f57a8a;--syte-okd-color-content-danger-subtle:#420a10;--syte-okd-color-content-illustration-default:#fff;--syte-okd-color-content-dataviz-categorical-1:var(--global-color-feature-default);--syte-okd-color-content-dataviz-categorical-2:#277ae7;--syte-okd-color-content-dataviz-categorical-3:#ffb729;--syte-okd-color-content-dataviz-categorical-4:#edc746;--syte-okd-color-content-dataviz-categorical-5:#ac6cff;--syte-okd-color-content-dataviz-categorical-6:#969696;--syte-okd-color-content-dataviz-categorical-7:#636363;--syte-okd-color-content-dataviz-categorical-8:#454545;--syte-okd-color-content-illustration-inverse:#000;--syte-okd-color-content-illustration-experience:var(--global-color-experience-default);--syte-okd-color-content-illustration-highlight:var(--global-color-highlight);--syte-okd-color-global-alpha-matching-5:rgba(0,0,0,.05);--syte-okd-color-global-alpha-matching-10:rgba(0,0,0,.1);--syte-okd-color-global-alpha-matching-20:rgba(0,0,0,.2);--syte-okd-color-global-alpha-matching-30:rgba(0,0,0,.3);--syte-okd-color-global-alpha-matching-40:rgba(0,0,0,.4);--syte-okd-color-global-alpha-matching-50:rgba(0,0,0,.5);--syte-okd-color-global-alpha-matching-60:rgba(0,0,0,.6);--syte-okd-color-global-alpha-matching-70:rgba(0,0,0,.7);--syte-okd-color-global-alpha-matching-80:rgba(0,0,0,.8);--syte-okd-color-global-alpha-matching-90:rgba(0,0,0,.9);--syte-okd-color-global-alpha-inverse-5:hsla(0,0%,100%,.08);--syte-okd-color-global-alpha-pnl-profit:var(--global-color-profit-alpha);--syte-okd-color-global-alpha-pnl-loss:var(--global-color-loss-alpha);--syte-okd-color-global-alpha-feature-1:rgba(188,255,47,.16);--syte-okd-color-global-alpha-inverse-10:hsla(0,0%,100%,.13);--syte-okd-color-global-alpha-inverse-20:hsla(0,0%,100%,.22);--syte-okd-color-global-alpha-inverse-30:hsla(0,0%,100%,.3);--syte-okd-color-global-alpha-inverse-40:hsla(0,0%,100%,.4);--syte-okd-color-global-alpha-inverse-50:hsla(0,0%,100%,.5);--syte-okd-color-global-alpha-inverse-60:hsla(0,0%,100%,.6);--syte-okd-color-global-alpha-inverse-70:hsla(0,0%,100%,.7);--syte-okd-color-global-alpha-inverse-80:hsla(0,0%,100%,.8);--syte-okd-color-global-alpha-inverse-90:hsla(0,0%,100%,.9);--syte-okd-color-surface-pnl-profit-default:var(--global-color-profit-surface-default);--syte-okd-color-surface-pnl-profit-hovered:var(--global-color-profit-surface-hovered);--syte-okd-color-surface-pnl-profit-pressed:var(--global-color-profit-surface-pressed);--syte-okd-color-surface-pnl-profit-tint:var(--global-color-profit-tint);--syte-okd-color-surface-pnl-loss-default:var(--global-color-loss-surface-default);--syte-okd-color-surface-pnl-loss-hovered:var(--global-color-loss-surface-hovered);--syte-okd-color-surface-pnl-loss-pressed:var(--global-color-loss-surface-pressed);--syte-okd-color-surface-pnl-loss-tint:var(--global-color-loss-tint);--syte-okd-color-surface-pnl-neutral-default:var(--global-color-neutral-surface-default);--syte-okd-color-surface-pnl-neutral-hovered:var(--global-color-neutral-surface-hovered);--syte-okd-color-surface-pnl-neutral-pressed:var(--global-color-neutral-surface-pressed);--syte-okd-color-surface-interactive-feature-default:var(--global-color-feature-default);--syte-okd-color-surface-interactive-experience-default:var(--global-color-experience-default);--syte-okd-color-surface-interactive-experience-hovered:var(--global-color-experience-hovered);--syte-okd-color-surface-interactive-experience-pressed:var(--global-color-experience-pressed);--syte-okd-color-surface-interactive-feature-hovered:var(--global-color-feature-hovered);--syte-okd-color-surface-interactive-feature-pressed:var(--global-color-feature-pressed);--syte-okd-color-surface-pnl-loss-graph:var(--global-color-loss-graph);--syte-okd-color-surface-structural-feature:var(--global-color-feature-default);--syte-okd-color-surface-structural-experience:var(--global-color-experience-default);--syte-okd-color-border-interactive-feature-default:var(--global-color-feature-default);--syte-okd-color-border-interactive-feature-hovered:var(--global-color-feature-hovered);--syte-okd-color-border-interactive-feature-pressed:var(--global-color-feature-pressed);--syte-okd-color-border-static-feature:var(--global-color-feature-default);--syte-okd-color-content-static-subtler:#636363;--syte-okd-color-content-static-feature:var(--global-color-feature-default);--syte-okd-color-content-static-experience:var(--global-color-experience-default);--syte-okd-color-content-pnl-profit-default:var(--global-color-profit-default);--syte-okd-color-content-illustration-feature:var(--global-color-feature-default);--syte-okd-color-content-pnl-profit-oncolor:var(--global-color-profit-oncolor);--syte-okd-color-content-pnl-loss-default:var(--global-color-loss-default);--syte-okd-color-content-pnl-loss-oncolor:var(--global-color-loss-oncolor);--syte-okd-color-content-pnl-neutral-default:var(--global-color-neutral-default);--syte-okd-color-content-pnl-neutral-oncolor:var(--global-color-neutral-oncolor);--syte-okd-color-surface-pnl-profit-graph:var(--global-color-profit-graph);--syte-okd-color-surface-pnl-neutral-graph:var(--global-color-neutral-graph);--syte-okd-color-border-interactive-experience-default:var(--global-color-experience-default);--syte-okd-color-border-interactive-experience-hovered:var(--global-color-experience-hovered);--syte-okd-color-border-interactive-experience-pressed:var(--global-color-experience-pressed);--syte-okd-color-content-interactive-feature-default:var(--global-color-feature-default);--syte-okd-color-content-interactive-feature-hovered:var(--global-color-feature-hovered);--syte-okd-color-content-interactive-feature-pressed:var(--global-color-feature-pressed);--syte-okd-color-content-interactive-experience-default:var(--global-color-experience-default);--syte-okd-color-content-interactive-experience-alternative:var(--global-color-experience-alternative);--syte-okd-color-content-interactive-experience-accent:var(--global-color-experience-accent);--syte-okd-color-content-interactive-experience-hovered:var(--global-color-experience-hovered);--syte-okd-color-content-interactive-experience-pressed:var(--global-color-experience-pressed);--syte-okd-color-content-interactive-experience-inverse:var(--global-color-experience-inverse);--syte-okd-color-content-interactive-feature-inverse-default:var(--global-color-feature-primary-inverse-default);--syte-okd-color-content-interactive-feature-inverse-hovered:var(--global-color-feature-primary-inverse-hovered);--syte-okd-color-content-interactive-feature-inverse-pressed:var(--global-color-feature-primary-inverse-pressed);--syte-okd-color-surface-interactive-feature-inverse-default:var(--global-color-feature-primary-inverse-default);--syte-okd-color-surface-interactive-feature-inverse-hovered:var(--global-color-feature-primary-inverse-hovered);--syte-okd-color-surface-interactive-feature-inverse-pressed:var(--global-color-feature-primary-inverse-pressed);--syte-okd-color-border-pnl-loss-default:var(--global-color-loss-default);--syte-okd-color-border-pnl-loss-graph:var(--global-color-loss-graph);--syte-okd-color-border-pnl-profit-default:var(--global-color-profit-default);--syte-okd-color-border-pnl-profit-graph:var(--global-color-profit-graph);--syte-okd-color-border-pnl-neutral-graph:var(--global-color-neutral-graph);--syte-okd-color-content-static-notification:#f5384f;--syte-okd-color-surface-interactive-unselected-default:hsla(0,0%,100%,.4);--syte-okd-color-surface-structural-elevated-layer-1:#2c2c2c;--syte-okd-color-surface-interactive-destructive-default:#f5384f;--syte-okd-color-surface-interactive-destructive-hovered:#ff5d73;--syte-okd-color-surface-interactive-destructive-pressed:#f57a8a;--syte-okd-color-surface-structural-web-only-base:#000;--syte-okd-color-surface-structural-web-only-layer-1:#121212;--syte-okd-color-global-fixed-shadow:rgba(0,0,0,.16);--syte-okd-color-surface-interactive-destructive-subtle-default:#420a10;--syte-okd-color-surface-interactive-destructive-subtle-hovered:#840916;--syte-okd-color-surface-interactive-destructive-subtle-pressed:#c8142a;--syte-okd-color-global-fixed-always-light-20:hsla(0,0%,100%,.2);--syte-okd-color-surface-pnl-profit-default-new:var(--global-color-profit-surface-default-new);--syte-okd-color-surface-pnl-profit-emphasis:var(--global-color-profit-surface-emphasis);--syte-okd-color-surface-pnl-loss-default-new:var(--global-color-loss-surface-default-new);--syte-okd-color-surface-pnl-loss-emphasis:var(--global-color-loss-surface-emphasis);--syte-okd-color-content-pnl-profit-oncolor-default:var(--global-color-profit-default);--syte-okd-color-content-pnl-profit-oncolor-emphasis:var(--global-color-profit-oncolor);--syte-okd-color-content-pnl-loss-oncolor-default:var(--global-color-loss-default);--syte-okd-color-content-pnl-loss-oncolor-emphasis:var(--global-color-loss-oncolor);--syte-okd-color-surface-pnl-profit-gradient-max:var(--global-color-profit-gradient-max);--syte-okd-color-surface-pnl-profit-gradient-min:var(--global-color-profit-gradient-min);--syte-okd-color-surface-pnl-loss-gradient-max:rgba(252,70,171,.2);--syte-okd-color-surface-pnl-loss-gradient-min:rgba(252,70,171,0);--syte-okd-font-size-base:16px;--syte-okd-font-size-md:14px;--syte-okd-font-size-xs:12px;--syte-okd-line-height-base:20px;--syte-okd-line-height-md:20px;--syte-okd-line-height-xs:16px;--syte-okd-shadow-none:0 0 0 0 transparent;--syte-okd-shadow-xs:0 0 0 1px #0000000d;--syte-okd-shadow-sm:0 1px 2px 0 #0000000d;--syte-okd-shadow-default:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--syte-okd-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--syte-okd-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--syte-okd-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--syte-okd-shadow-2xl:0 25px 50px -12px #00000040;--syte-okd-border-radius-none:0;--syte-okd-border-radius-sm:2px;--syte-okd-border-radius-md:4px;--syte-okd-border-radius-lg:6px;--syte-okd-border-radius-xl:8px;--syte-okd-border-radius-xxl:10px;--syte-okd-border-radius-xxxl:12px;--syte-okd-font-family:HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif;--syte-okd-text-display-lg-font-size:56px;--syte-okd-text-display-lg-font-weight:500;--syte-okd-text-display-lg-line-height:1.32;--syte-okd-text-display-md-font-size:40px;--syte-okd-text-display-md-font-weight:500;--syte-okd-text-display-md-line-height:52px;--syte-okd-text-display-sm-font-size:40px;--syte-okd-text-display-sm-font-weight:500;--syte-okd-text-display-sm-line-height:52px;--syte-okd-text-heading-lg-font-size:30px;--syte-okd-text-heading-lg-font-weight:500;--syte-okd-text-heading-lg-line-height:40px;--syte-okd-text-heading-md-font-size:24px;--syte-okd-text-heading-md-font-weight:500;--syte-okd-text-heading-md-line-height:30px;--syte-okd-text-heading-sm-font-size:18px;--syte-okd-text-heading-sm-font-weight:500;--syte-okd-text-heading-sm-line-height:24px;--syte-okd-text-heading-xl-font-size:36px;--syte-okd-text-heading-xl-line-height:1.32;--syte-okd-text-heading-xl-font-weight:600;--syte-okd-text-heading-xxl-font-size:40px;--syte-okd-text-heading-xxl-line-height:1.32;--syte-okd-text-heading-xxl-font-weight:600;--syte-okd-text-heading-overline-font-size:12px;--syte-okd-text-heading-overline-line-height:15px;--syte-okd-text-heading-overline-font-weight:500;--syte-okd-text-body-sm-regular-font-size:14px;--syte-okd-text-body-sm-regular-font-weight:400;--syte-okd-text-body-sm-regular-line-height:21px;--syte-okd-text-body-sm-bold-font-size:14px;--syte-okd-text-body-sm-bold-font-weight:500;--syte-okd-text-body-sm-bold-line-height:21px;--syte-okd-text-body-md-regular-font-size:16px;--syte-okd-text-body-md-regular-font-weight:400;--syte-okd-text-body-md-regular-line-height:24px;--syte-okd-text-body-md-bold-font-size:16px;--syte-okd-text-body-md-bold-font-weight:500;--syte-okd-text-body-md-bold-line-height:24px;--syte-okd-text-body-xs-regular-font-size:12px;--syte-okd-text-body-xs-regular-font-weight:400;--syte-okd-text-body-xs-regular-line-height:18px;--syte-okd-text-body-xs-bold-font-size:12px;--syte-okd-text-body-xs-bold-font-weight:500;--syte-okd-text-body-xs-bold-line-height:18px;--syte-okd-font-weight-400:400;--syte-okd-font-weight-500:500;--syte-okd-font-weight-600:600;--syte-okd-font-weight-700:700;--syte-okd-font-weight-800:800;--syte-okd-font-weight-900:900;--syte-okd-font-weight-regular:400;--syte-okd-font-weight-medium:500;--syte-okd-font-weight-bold:700;--syte-okd-accordion-header-icon-color:var(--syte-okd-color-content-static-default);--syte-okd-accordion-header-icon-size:20px;--syte-okd-accordion-header-title-color:var(--syte-okd-color-content-static-default);--syte-okd-accordion-main-border-color:var(--syte-okd-color-border-static-default);--syte-okd-accordion-header-title-font-size:18px;--syte-okd-accordion-header-title-line-height:24 px;--syte-okd-accordion-content-font-size:14px;--syte-okd-accordion-content-sm-font-size:12px;--syte-okd-accordion-content-sm-line-height:1.58;--syte-okd-accordion-content-line-height:1.58;--syte-okd-accordion-content-font-weight:400;--syte-okd-accordion-content-sm-font-weight:400;--syte-okd-accordion-header-padding-vertical:32px;--syte-okd-accordion-header-padding-horizontal:0;--syte-okd-accordion-header-icon-sm-size:16px;--syte-okd-accordion-header-title-font-weight:500;--syte-okd-accordion-header-title-sm-line-height:16px;--syte-okd-accordion-header-title-sm-font-weight:500;--syte-okd-accordion-header-title-sm-font-size:16px;--syte-okd-accordion-header-margin-bottom:14px;--syte-okd-accordion-header-sm-margin-bottom:8px;--syte-okd-accordion-content-color:var(--syte-okd-color-content-static-subtle)}.syte-a11y-button:focus-visible{border-radius:4px;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-icon.icon{font-family:var(--ok-icon-font-family)!important}.syte-accordion{border-bottom:1px solid #ebebeb;border-bottom:1px solid var(--syte-okd-accordion-main-border-color,#ebebeb);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.syte-accordion-header{-ms-flex-pack:justify;-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:space-between;padding:32px 0;padding:var(--syte-okd-accordion-header-padding-vertical,32px) var(--syte-okd-accordion-header-padding-horizontal,0)}.syte-accordion-header-title{color:#000;color:var(--syte-okd-accordion-header-title-color,#000);font-size:18px;font-size:var(--syte-okd-accordion-header-title-font-size,18px);font-weight:500;font-weight:var(--syte-okd-accordion-header-title-font-weight,500);line-height:24px;line-height:var(--syte-okd-accordion-header-title-line-height,24px)}.syte-accordion-header .syte-accordion-header-icon{color:#929292;color:var(--syte-okd-accordion-header-icon-color,#929292);font-size:20px;font-size:var(--syte-okd-accordion-header-icon-size,20px);-webkit-transition:all .2s cubic-bezier(.34,.69,.1,1);transition:all .2s cubic-bezier(.34,.69,.1,1)}.syte-accordion-header-icon-expanded{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.syte-accordion-content{color:#929292;color:var(--syte-okd-accordion-content-color,#929292);display:none;font-size:14px;font-size:var(--syte-okd-accordion-content-font-size,14px);font-weight:400;font-weight:var(--syte-okd-accordion-content-font-weight,400);line-height:1.58;line-height:var(--syte-okd-accordion-content-line-height,1.58);overflow:hidden}.syte-accordion-content-transition-out{margin-bottom:0;max-height:0;opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:all .2s;transition:all .2s;will-change:transform,opacity,max-height}.syte-accordion-content-transition-in{max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.syte-accordion-content-expanded{display:block;margin-bottom:32px;margin-bottom:var(--syte-okd-accordion-header-padding-vertical,32px)}@media (max-width:767px){.syte-accordion-header-title{font-size:14px;font-size:var(--syte-okd-accordion-header-title-sm-font-size,14px);font-weight:500;font-weight:var(--syte-okd-accordion-header-title-sm-font-weight,500);line-height:16px;line-height:var(--syte-okd-accordion-header-title-sm-line-height,16px)}.syte-accordion-header .syte-accordion-header-icon{font-size:16px;font-size:var(--syte-okd-accordion-header-icon-sm-size,16px)}.syte-accordion-content{font-size:12px;font-size:var(--syte-okd-accordion-content-sm-font-size,12px);font-weight:400;font-weight:var(--syte-okd-accordion-content-sm-font-weight,400);line-height:1.58;line-height:var(--syte-okd-accordion-content-sm-line-height,1.58)}}.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-static-emphasis);--syte-okd-loader-line-inactive-color:var(--syte-okd-color-border-interactive-oncolor);--syte-okd-loader-primary-active-color:var(--syte-okd-color-global-alpha-inverse-90);--syte-okd-loader-primary-inactive-color:var(--syte-okd-color-global-alpha-inverse-20);--syte-okd-loader-neutral-active-color:var(--syte-okd-color-global-alpha-inverse-90);--syte-okd-loader-neutral-inactive-color:var(--syte-okd-color-global-alpha-inverse-20);--syte-okd-loader-mask-bg-color:var(--syte-okd-color-global-alpha-matching-80);--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:var(--syte-okd-color-content-interactive-subtle);--syte-okd-loader-mask-text-margin-top:10px}.theme-dark{--syte-okd-loader-line-active-color:var(--syte-okd-color-border-static-emphasis);--syte-okd-loader-line-inactive-color:var(--syte-okd-color-border-interactive-oncolor);--syte-okd-loader-primary-active-color:var(--syte-okd-color-global-alpha-inverse-90);--syte-okd-loader-primary-inactive-color:var(--syte-okd-color-global-alpha-inverse-20);--syte-okd-loader-neutral-active-color:var(--syte-okd-color-global-alpha-inverse-90);--syte-okd-loader-neutral-inactive-color:var(--syte-okd-color-global-alpha-inverse-20);--syte-okd-loader-mask-bg-color:var(--syte-okd-color-global-alpha-matching-80);--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:var(--syte-okd-color-content-interactive-subtle);--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{left:100%}}@keyframes loadingLine{to{left: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;left:-25%;position:absolute;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;left:0;position:absolute;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%;overflow:hidden;position:absolute;right:0}.syte-loader-inner-track-right-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-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:right center;transform-origin:right 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);left:50%;position:absolute;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: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-track-xl-inner-track-right-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-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);left:50%;position:absolute;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: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-track-lg-inner-track-right-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-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);left:50%;position:absolute;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: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-track-md-inner-track-right-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-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);left:50%;position:absolute;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:calc(var(--syte-okd-loader-circle-sm-size)/2) 0 0 calc(var(--syte-okd-loader-circle-sm-size)/2);width:100%}.syte-loader-inner-track-sm-inner-track-right-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-powerLink{color:inherit;text-decoration:none}.syte-powerLink-a11y: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}.syte-btn{-ms-flex-pack:center;-ms-flex-align:center;-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;outline:none;position:relative;text-decoration:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.syte-btn:focus-visible{outline:2px solid var(--syte-okd-color-border-focus);outline-color:var(--syte-okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.syte-btn.btn-fill-highlight{background:var(--syte-okd-button-fill-highlight-default-background);border-color:var(--syte-okd-button-fill-highlight-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-highlight-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-highlight-default-shadow);box-shadow:var(--syte-okd-button-fill-highlight-default-shadow);color:var(--syte-okd-button-fill-highlight-default-font-color)}.syte-btn.btn-fill-highlight.hover,.syte-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-highlight-hover-background);border-color:var(--syte-okd-button-fill-highlight-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-highlight-hover-shadow);box-shadow:var(--syte-okd-button-fill-highlight-hover-shadow);color:var(--syte-okd-button-fill-highlight-hover-font-color)}.syte-btn.btn-fill-highlight.hover .btn-icon,.syte-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-highlight-hover-icon-color)}.syte-btn.btn-fill-highlight.active,.syte-btn.btn-fill-highlight:not(:disabled):active{background:var(--syte-okd-button-fill-highlight-active-background);border-color:var(--syte-okd-button-fill-highlight-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-highlight-active-shadow);box-shadow:var(--syte-okd-button-fill-highlight-active-shadow);color:var(--syte-okd-button-fill-highlight-active-font-color)}.syte-btn.btn-fill-highlight.active .btn-icon,.syte-btn.btn-fill-highlight:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-highlight-active-icon-color)}.syte-btn.btn-fill-highlight:not(.loading).btn-disabled,.syte-btn.btn-fill-highlight:not(.loading):disabled{background:var(--syte-okd-button-fill-highlight-disabled-background);border-color:var(--syte-okd-button-fill-highlight-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-highlight-disabled-shadow);box-shadow:var(--syte-okd-button-fill-highlight-disabled-shadow);color:var(--syte-okd-button-fill-highlight-disabled-font-color)}.syte-btn.btn-fill-highlight:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-highlight:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-highlight-disabled-icon-color)}.syte-btn.btn-fill-highlight.loading{cursor:pointer}.syte-btn.btn-fill-highlight .btn-icon{color:var(--syte-okd-button-fill-highlight-default-icon-color)}.syte-btn.btn-fill-highlight .syte-btn-loader-text{color:var(--syte-okd-button-fill-highlight-default-font-color)}.syte-btn.btn-fill-highlight.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-highlight.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-highlight-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-highlight.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-highlight-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-highlight-border-size)*2)}.syte-btn.btn-fill-highlight.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary{background:var(--syte-okd-button-fill-primary-default-background);border-color:var(--syte-okd-button-fill-primary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-primary-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-primary-default-shadow);box-shadow:var(--syte-okd-button-fill-primary-default-shadow);color:var(--syte-okd-button-fill-primary-default-font-color)}.syte-btn.btn-fill-primary.hover,.syte-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-primary-hover-background);border-color:var(--syte-okd-button-fill-primary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-primary-hover-shadow);box-shadow:var(--syte-okd-button-fill-primary-hover-shadow);color:var(--syte-okd-button-fill-primary-hover-font-color)}.syte-btn.btn-fill-primary.hover .btn-icon,.syte-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-primary-hover-icon-color)}.syte-btn.btn-fill-primary.active,.syte-btn.btn-fill-primary:not(:disabled):active{background:var(--syte-okd-button-fill-primary-active-background);border-color:var(--syte-okd-button-fill-primary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-primary-active-shadow);box-shadow:var(--syte-okd-button-fill-primary-active-shadow);color:var(--syte-okd-button-fill-primary-active-font-color)}.syte-btn.btn-fill-primary.active .btn-icon,.syte-btn.btn-fill-primary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-primary-active-icon-color)}.syte-btn.btn-fill-primary:not(.loading).btn-disabled,.syte-btn.btn-fill-primary:not(.loading):disabled{background:var(--syte-okd-button-fill-primary-disabled-background);border-color:var(--syte-okd-button-fill-primary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-primary-disabled-shadow);box-shadow:var(--syte-okd-button-fill-primary-disabled-shadow);color:var(--syte-okd-button-fill-primary-disabled-font-color)}.syte-btn.btn-fill-primary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-primary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-primary-disabled-icon-color)}.syte-btn.btn-fill-primary.loading{cursor:pointer}.syte-btn.btn-fill-primary .btn-icon{color:var(--syte-okd-button-fill-primary-default-icon-color)}.syte-btn.btn-fill-primary .syte-btn-loader-text{color:var(--syte-okd-button-fill-primary-default-font-color)}.syte-btn.btn-fill-primary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-primary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-primary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-primary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-primary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-primary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-primary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-primary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-primary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-primary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-primary-border-size)*2)}.syte-btn.btn-fill-primary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary{background:var(--syte-okd-button-fill-secondary-default-background);border-color:var(--syte-okd-button-fill-secondary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-secondary-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-secondary-default-shadow);box-shadow:var(--syte-okd-button-fill-secondary-default-shadow);color:var(--syte-okd-button-fill-secondary-default-font-color)}.syte-btn.btn-fill-secondary.hover,.syte-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-secondary-hover-background);border-color:var(--syte-okd-button-fill-secondary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-secondary-hover-shadow);box-shadow:var(--syte-okd-button-fill-secondary-hover-shadow);color:var(--syte-okd-button-fill-secondary-hover-font-color)}.syte-btn.btn-fill-secondary.hover .btn-icon,.syte-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-secondary-hover-icon-color)}.syte-btn.btn-fill-secondary.active,.syte-btn.btn-fill-secondary:not(:disabled):active{background:var(--syte-okd-button-fill-secondary-active-background);border-color:var(--syte-okd-button-fill-secondary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-secondary-active-shadow);box-shadow:var(--syte-okd-button-fill-secondary-active-shadow);color:var(--syte-okd-button-fill-secondary-active-font-color)}.syte-btn.btn-fill-secondary.active .btn-icon,.syte-btn.btn-fill-secondary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-secondary-active-icon-color)}.syte-btn.btn-fill-secondary:not(.loading).btn-disabled,.syte-btn.btn-fill-secondary:not(.loading):disabled{background:var(--syte-okd-button-fill-secondary-disabled-background);border-color:var(--syte-okd-button-fill-secondary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-secondary-disabled-shadow);box-shadow:var(--syte-okd-button-fill-secondary-disabled-shadow);color:var(--syte-okd-button-fill-secondary-disabled-font-color)}.syte-btn.btn-fill-secondary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-secondary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-secondary-disabled-icon-color)}.syte-btn.btn-fill-secondary.loading{cursor:pointer}.syte-btn.btn-fill-secondary .btn-icon{color:var(--syte-okd-button-fill-secondary-default-icon-color)}.syte-btn.btn-fill-secondary .syte-btn-loader-text{color:var(--syte-okd-button-fill-secondary-default-font-color)}.syte-btn.btn-fill-secondary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-secondary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-secondary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-secondary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-secondary-border-size)*2)}.syte-btn.btn-fill-secondary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary{background:var(--syte-okd-button-fill-tertiary-default-background);border-color:var(--syte-okd-button-fill-tertiary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-tertiary-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-tertiary-default-shadow);box-shadow:var(--syte-okd-button-fill-tertiary-default-shadow);color:var(--syte-okd-button-fill-tertiary-default-font-color)}.syte-btn.btn-fill-tertiary.hover,.syte-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-tertiary-hover-background);border-color:var(--syte-okd-button-fill-tertiary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-tertiary-hover-shadow);box-shadow:var(--syte-okd-button-fill-tertiary-hover-shadow);color:var(--syte-okd-button-fill-tertiary-hover-font-color)}.syte-btn.btn-fill-tertiary.hover .btn-icon,.syte-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-tertiary-hover-icon-color)}.syte-btn.btn-fill-tertiary.active,.syte-btn.btn-fill-tertiary:not(:disabled):active{background:var(--syte-okd-button-fill-tertiary-active-background);border-color:var(--syte-okd-button-fill-tertiary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-tertiary-active-shadow);box-shadow:var(--syte-okd-button-fill-tertiary-active-shadow);color:var(--syte-okd-button-fill-tertiary-active-font-color)}.syte-btn.btn-fill-tertiary.active .btn-icon,.syte-btn.btn-fill-tertiary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-tertiary-active-icon-color)}.syte-btn.btn-fill-tertiary:not(.loading).btn-disabled,.syte-btn.btn-fill-tertiary:not(.loading):disabled{background:var(--syte-okd-button-fill-tertiary-disabled-background);border-color:var(--syte-okd-button-fill-tertiary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-tertiary-disabled-shadow);box-shadow:var(--syte-okd-button-fill-tertiary-disabled-shadow);color:var(--syte-okd-button-fill-tertiary-disabled-font-color)}.syte-btn.btn-fill-tertiary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-tertiary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-tertiary-disabled-icon-color)}.syte-btn.btn-fill-tertiary.loading{cursor:pointer}.syte-btn.btn-fill-tertiary .btn-icon{color:var(--syte-okd-button-fill-tertiary-default-icon-color)}.syte-btn.btn-fill-tertiary .syte-btn-loader-text{color:var(--syte-okd-button-fill-tertiary-default-font-color)}.syte-btn.btn-fill-tertiary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-tertiary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-tertiary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-tertiary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-tertiary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-tertiary-border-size)*2)}.syte-btn.btn-fill-tertiary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary{background:var(--syte-okd-button-fill-quaternary-default-background);border-color:var(--syte-okd-button-fill-quaternary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-quaternary-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-quaternary-default-shadow);box-shadow:var(--syte-okd-button-fill-quaternary-default-shadow);color:var(--syte-okd-button-fill-quaternary-default-font-color)}.syte-btn.btn-fill-quaternary.hover,.syte-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-quaternary-hover-background);border-color:var(--syte-okd-button-fill-quaternary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-quaternary-hover-shadow);box-shadow:var(--syte-okd-button-fill-quaternary-hover-shadow);color:var(--syte-okd-button-fill-quaternary-hover-font-color)}.syte-btn.btn-fill-quaternary.hover .btn-icon,.syte-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-quaternary-hover-icon-color)}.syte-btn.btn-fill-quaternary.active,.syte-btn.btn-fill-quaternary:not(:disabled):active{background:var(--syte-okd-button-fill-quaternary-active-background);border-color:var(--syte-okd-button-fill-quaternary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-quaternary-active-shadow);box-shadow:var(--syte-okd-button-fill-quaternary-active-shadow);color:var(--syte-okd-button-fill-quaternary-active-font-color)}.syte-btn.btn-fill-quaternary.active .btn-icon,.syte-btn.btn-fill-quaternary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-quaternary-active-icon-color)}.syte-btn.btn-fill-quaternary:not(.loading).btn-disabled,.syte-btn.btn-fill-quaternary:not(.loading):disabled{background:var(--syte-okd-button-fill-quaternary-disabled-background);border-color:var(--syte-okd-button-fill-quaternary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-quaternary-disabled-shadow);box-shadow:var(--syte-okd-button-fill-quaternary-disabled-shadow);color:var(--syte-okd-button-fill-quaternary-disabled-font-color)}.syte-btn.btn-fill-quaternary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-quaternary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-quaternary-disabled-icon-color)}.syte-btn.btn-fill-quaternary.loading{cursor:pointer}.syte-btn.btn-fill-quaternary .btn-icon{color:var(--syte-okd-button-fill-quaternary-default-icon-color)}.syte-btn.btn-fill-quaternary .syte-btn-loader-text{color:var(--syte-okd-button-fill-quaternary-default-font-color)}.syte-btn.btn-fill-quaternary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-quaternary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-quaternary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-quaternary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-quaternary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-quaternary-border-size)*2)}.syte-btn.btn-fill-quaternary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red{background:var(--syte-okd-button-fill-red-default-background);border-color:var(--syte-okd-button-fill-red-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-red-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-red-default-shadow);box-shadow:var(--syte-okd-button-fill-red-default-shadow);color:var(--syte-okd-button-fill-red-default-font-color)}.syte-btn.btn-fill-red.hover,.syte-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-red-hover-background);border-color:var(--syte-okd-button-fill-red-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-red-hover-shadow);box-shadow:var(--syte-okd-button-fill-red-hover-shadow);color:var(--syte-okd-button-fill-red-hover-font-color)}.syte-btn.btn-fill-red.hover .btn-icon,.syte-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-red-hover-icon-color)}.syte-btn.btn-fill-red.active,.syte-btn.btn-fill-red:not(:disabled):active{background:var(--syte-okd-button-fill-red-active-background);border-color:var(--syte-okd-button-fill-red-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-red-active-shadow);box-shadow:var(--syte-okd-button-fill-red-active-shadow);color:var(--syte-okd-button-fill-red-active-font-color)}.syte-btn.btn-fill-red.active .btn-icon,.syte-btn.btn-fill-red:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-red-active-icon-color)}.syte-btn.btn-fill-red:not(.loading).btn-disabled,.syte-btn.btn-fill-red:not(.loading):disabled{background:var(--syte-okd-button-fill-red-disabled-background);border-color:var(--syte-okd-button-fill-red-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-red-disabled-shadow);box-shadow:var(--syte-okd-button-fill-red-disabled-shadow);color:var(--syte-okd-button-fill-red-disabled-font-color)}.syte-btn.btn-fill-red:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-red:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-red-disabled-icon-color)}.syte-btn.btn-fill-red.loading{cursor:pointer}.syte-btn.btn-fill-red .btn-icon{color:var(--syte-okd-button-fill-red-default-icon-color)}.syte-btn.btn-fill-red .syte-btn-loader-text{color:var(--syte-okd-button-fill-red-default-font-color)}.syte-btn.btn-fill-red.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-red.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-red.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-red.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-red.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-red.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-red.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-red.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-red-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-red.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-red-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-red-border-size)*2)}.syte-btn.btn-fill-red.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green{background:var(--syte-okd-button-fill-green-default-background);border-color:var(--syte-okd-button-fill-green-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-green-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-green-default-shadow);box-shadow:var(--syte-okd-button-fill-green-default-shadow);color:var(--syte-okd-button-fill-green-default-font-color)}.syte-btn.btn-fill-green.hover,.syte-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-green-hover-background);border-color:var(--syte-okd-button-fill-green-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-green-hover-shadow);box-shadow:var(--syte-okd-button-fill-green-hover-shadow);color:var(--syte-okd-button-fill-green-hover-font-color)}.syte-btn.btn-fill-green.hover .btn-icon,.syte-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-green-hover-icon-color)}.syte-btn.btn-fill-green.active,.syte-btn.btn-fill-green:not(:disabled):active{background:var(--syte-okd-button-fill-green-active-background);border-color:var(--syte-okd-button-fill-green-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-green-active-shadow);box-shadow:var(--syte-okd-button-fill-green-active-shadow);color:var(--syte-okd-button-fill-green-active-font-color)}.syte-btn.btn-fill-green.active .btn-icon,.syte-btn.btn-fill-green:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-green-active-icon-color)}.syte-btn.btn-fill-green:not(.loading).btn-disabled,.syte-btn.btn-fill-green:not(.loading):disabled{background:var(--syte-okd-button-fill-green-disabled-background);border-color:var(--syte-okd-button-fill-green-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-green-disabled-shadow);box-shadow:var(--syte-okd-button-fill-green-disabled-shadow);color:var(--syte-okd-button-fill-green-disabled-font-color)}.syte-btn.btn-fill-green:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-green:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-green-disabled-icon-color)}.syte-btn.btn-fill-green.loading{cursor:pointer}.syte-btn.btn-fill-green .btn-icon{color:var(--syte-okd-button-fill-green-default-icon-color)}.syte-btn.btn-fill-green .syte-btn-loader-text{color:var(--syte-okd-button-fill-green-default-font-color)}.syte-btn.btn-fill-green.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-green.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-green.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-green.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-green.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-green.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-green.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-green.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-green-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-green.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-green-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-green-border-size)*2)}.syte-btn.btn-fill-green.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey{background:var(--syte-okd-button-fill-grey-default-background);border-color:var(--syte-okd-button-fill-grey-default-border-color);border-style:solid;border-width:var(--syte-okd-button-fill-grey-border-size);-webkit-box-shadow:var(--syte-okd-button-fill-grey-default-shadow);box-shadow:var(--syte-okd-button-fill-grey-default-shadow);color:var(--syte-okd-button-fill-grey-default-font-color)}.syte-btn.btn-fill-grey.hover,.syte-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-fill-grey-hover-background);border-color:var(--syte-okd-button-fill-grey-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-grey-hover-shadow);box-shadow:var(--syte-okd-button-fill-grey-hover-shadow);color:var(--syte-okd-button-fill-grey-hover-font-color)}.syte-btn.btn-fill-grey.hover .btn-icon,.syte-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-fill-grey-hover-icon-color)}.syte-btn.btn-fill-grey.active,.syte-btn.btn-fill-grey:not(:disabled):active{background:var(--syte-okd-button-fill-grey-active-background);border-color:var(--syte-okd-button-fill-grey-active-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-grey-active-shadow);box-shadow:var(--syte-okd-button-fill-grey-active-shadow);color:var(--syte-okd-button-fill-grey-active-font-color)}.syte-btn.btn-fill-grey.active .btn-icon,.syte-btn.btn-fill-grey:not(:disabled):active .btn-icon{color:var(--syte-okd-button-fill-grey-active-icon-color)}.syte-btn.btn-fill-grey:not(.loading).btn-disabled,.syte-btn.btn-fill-grey:not(.loading):disabled{background:var(--syte-okd-button-fill-grey-disabled-background);border-color:var(--syte-okd-button-fill-grey-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-fill-grey-disabled-shadow);box-shadow:var(--syte-okd-button-fill-grey-disabled-shadow);color:var(--syte-okd-button-fill-grey-disabled-font-color)}.syte-btn.btn-fill-grey:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-fill-grey:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-fill-grey-disabled-icon-color)}.syte-btn.btn-fill-grey.loading{cursor:pointer}.syte-btn.btn-fill-grey .btn-icon{color:var(--syte-okd-button-fill-grey-default-icon-color)}.syte-btn.btn-fill-grey .syte-btn-loader-text{color:var(--syte-okd-button-fill-grey-default-font-color)}.syte-btn.btn-fill-grey.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-fill-grey.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-fill-grey.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-fill-grey.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-fill-grey.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-fill-grey.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-fill-grey.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-fill-grey.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-fill-grey-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-fill-grey.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-fill-grey-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-fill-grey-border-size)*2)}.syte-btn.btn-fill-grey.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight{background:var(--syte-okd-button-outline-highlight-default-background);border-color:var(--syte-okd-button-outline-highlight-default-border-color);border-style:solid;border-width:var(--syte-okd-button-outline-highlight-border-size);-webkit-box-shadow:var(--syte-okd-button-outline-highlight-default-shadow);box-shadow:var(--syte-okd-button-outline-highlight-default-shadow);color:var(--syte-okd-button-outline-highlight-default-font-color)}.syte-btn.btn-outline-highlight.hover,.syte-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-outline-highlight-hover-background);border-color:var(--syte-okd-button-outline-highlight-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-highlight-hover-shadow);box-shadow:var(--syte-okd-button-outline-highlight-hover-shadow);color:var(--syte-okd-button-outline-highlight-hover-font-color)}.syte-btn.btn-outline-highlight.hover .btn-icon,.syte-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-outline-highlight-hover-icon-color)}.syte-btn.btn-outline-highlight.active,.syte-btn.btn-outline-highlight:not(:disabled):active{background:var(--syte-okd-button-outline-highlight-active-background);border-color:var(--syte-okd-button-outline-highlight-active-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-highlight-active-shadow);box-shadow:var(--syte-okd-button-outline-highlight-active-shadow);color:var(--syte-okd-button-outline-highlight-active-font-color)}.syte-btn.btn-outline-highlight.active .btn-icon,.syte-btn.btn-outline-highlight:not(:disabled):active .btn-icon{color:var(--syte-okd-button-outline-highlight-active-icon-color)}.syte-btn.btn-outline-highlight:not(.loading).btn-disabled,.syte-btn.btn-outline-highlight:not(.loading):disabled{background:var(--syte-okd-button-outline-highlight-disabled-background);border-color:var(--syte-okd-button-outline-highlight-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-highlight-disabled-shadow);box-shadow:var(--syte-okd-button-outline-highlight-disabled-shadow);color:var(--syte-okd-button-outline-highlight-disabled-font-color)}.syte-btn.btn-outline-highlight:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-outline-highlight:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-outline-highlight-disabled-icon-color)}.syte-btn.btn-outline-highlight.loading{cursor:pointer}.syte-btn.btn-outline-highlight .btn-icon{color:var(--syte-okd-button-outline-highlight-default-icon-color)}.syte-btn.btn-outline-highlight .syte-btn-loader-text{color:var(--syte-okd-button-outline-highlight-default-font-color)}.syte-btn.btn-outline-highlight.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-highlight.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-outline-highlight-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-outline-highlight.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-highlight-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-highlight-border-size)*2)}.syte-btn.btn-outline-highlight.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary{background:var(--syte-okd-button-outline-primary-default-background);border-color:var(--syte-okd-button-outline-primary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-outline-primary-border-size);-webkit-box-shadow:var(--syte-okd-button-outline-primary-default-shadow);box-shadow:var(--syte-okd-button-outline-primary-default-shadow);color:var(--syte-okd-button-outline-primary-default-font-color)}.syte-btn.btn-outline-primary.hover,.syte-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-outline-primary-hover-background);border-color:var(--syte-okd-button-outline-primary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-primary-hover-shadow);box-shadow:var(--syte-okd-button-outline-primary-hover-shadow);color:var(--syte-okd-button-outline-primary-hover-font-color)}.syte-btn.btn-outline-primary.hover .btn-icon,.syte-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-outline-primary-hover-icon-color)}.syte-btn.btn-outline-primary.active,.syte-btn.btn-outline-primary:not(:disabled):active{background:var(--syte-okd-button-outline-primary-active-background);border-color:var(--syte-okd-button-outline-primary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-primary-active-shadow);box-shadow:var(--syte-okd-button-outline-primary-active-shadow);color:var(--syte-okd-button-outline-primary-active-font-color)}.syte-btn.btn-outline-primary.active .btn-icon,.syte-btn.btn-outline-primary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-outline-primary-active-icon-color)}.syte-btn.btn-outline-primary:not(.loading).btn-disabled,.syte-btn.btn-outline-primary:not(.loading):disabled{background:var(--syte-okd-button-outline-primary-disabled-background);border-color:var(--syte-okd-button-outline-primary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-primary-disabled-shadow);box-shadow:var(--syte-okd-button-outline-primary-disabled-shadow);color:var(--syte-okd-button-outline-primary-disabled-font-color)}.syte-btn.btn-outline-primary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-outline-primary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-outline-primary-disabled-icon-color)}.syte-btn.btn-outline-primary.loading{cursor:pointer}.syte-btn.btn-outline-primary .btn-icon{color:var(--syte-okd-button-outline-primary-default-icon-color)}.syte-btn.btn-outline-primary .syte-btn-loader-text{color:var(--syte-okd-button-outline-primary-default-font-color)}.syte-btn.btn-outline-primary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-outline-primary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-outline-primary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-outline-primary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-outline-primary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-outline-primary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-outline-primary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-primary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-outline-primary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-outline-primary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-primary-border-size)*2)}.syte-btn.btn-outline-primary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary{background:var(--syte-okd-button-outline-secondary-default-background);border-color:var(--syte-okd-button-outline-secondary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-outline-secondary-border-size);-webkit-box-shadow:var(--syte-okd-button-outline-secondary-default-shadow);box-shadow:var(--syte-okd-button-outline-secondary-default-shadow);color:var(--syte-okd-button-outline-secondary-default-font-color)}.syte-btn.btn-outline-secondary.hover,.syte-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-outline-secondary-hover-background);border-color:var(--syte-okd-button-outline-secondary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-secondary-hover-shadow);box-shadow:var(--syte-okd-button-outline-secondary-hover-shadow);color:var(--syte-okd-button-outline-secondary-hover-font-color)}.syte-btn.btn-outline-secondary.hover .btn-icon,.syte-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-outline-secondary-hover-icon-color)}.syte-btn.btn-outline-secondary.active,.syte-btn.btn-outline-secondary:not(:disabled):active{background:var(--syte-okd-button-outline-secondary-active-background);border-color:var(--syte-okd-button-outline-secondary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-secondary-active-shadow);box-shadow:var(--syte-okd-button-outline-secondary-active-shadow);color:var(--syte-okd-button-outline-secondary-active-font-color)}.syte-btn.btn-outline-secondary.active .btn-icon,.syte-btn.btn-outline-secondary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-outline-secondary-active-icon-color)}.syte-btn.btn-outline-secondary:not(.loading).btn-disabled,.syte-btn.btn-outline-secondary:not(.loading):disabled{background:var(--syte-okd-button-outline-secondary-disabled-background);border-color:var(--syte-okd-button-outline-secondary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-secondary-disabled-shadow);box-shadow:var(--syte-okd-button-outline-secondary-disabled-shadow);color:var(--syte-okd-button-outline-secondary-disabled-font-color)}.syte-btn.btn-outline-secondary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-outline-secondary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-outline-secondary-disabled-icon-color)}.syte-btn.btn-outline-secondary.loading{cursor:pointer}.syte-btn.btn-outline-secondary .btn-icon{color:var(--syte-okd-button-outline-secondary-default-icon-color)}.syte-btn.btn-outline-secondary .syte-btn-loader-text{color:var(--syte-okd-button-outline-secondary-default-font-color)}.syte-btn.btn-outline-secondary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-secondary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-outline-secondary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-outline-secondary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-secondary-border-size)*2)}.syte-btn.btn-outline-secondary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary{background:var(--syte-okd-button-outline-tertiary-default-background);border-color:var(--syte-okd-button-outline-tertiary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-outline-tertiary-border-size);-webkit-box-shadow:var(--syte-okd-button-outline-tertiary-default-shadow);box-shadow:var(--syte-okd-button-outline-tertiary-default-shadow);color:var(--syte-okd-button-outline-tertiary-default-font-color)}.syte-btn.btn-outline-tertiary.hover,.syte-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-outline-tertiary-hover-background);border-color:var(--syte-okd-button-outline-tertiary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-tertiary-hover-shadow);box-shadow:var(--syte-okd-button-outline-tertiary-hover-shadow);color:var(--syte-okd-button-outline-tertiary-hover-font-color)}.syte-btn.btn-outline-tertiary.hover .btn-icon,.syte-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-outline-tertiary-hover-icon-color)}.syte-btn.btn-outline-tertiary.active,.syte-btn.btn-outline-tertiary:not(:disabled):active{background:var(--syte-okd-button-outline-tertiary-active-background);border-color:var(--syte-okd-button-outline-tertiary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-tertiary-active-shadow);box-shadow:var(--syte-okd-button-outline-tertiary-active-shadow);color:var(--syte-okd-button-outline-tertiary-active-font-color)}.syte-btn.btn-outline-tertiary.active .btn-icon,.syte-btn.btn-outline-tertiary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-outline-tertiary-active-icon-color)}.syte-btn.btn-outline-tertiary:not(.loading).btn-disabled,.syte-btn.btn-outline-tertiary:not(.loading):disabled{background:var(--syte-okd-button-outline-tertiary-disabled-background);border-color:var(--syte-okd-button-outline-tertiary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-outline-tertiary-disabled-shadow);box-shadow:var(--syte-okd-button-outline-tertiary-disabled-shadow);color:var(--syte-okd-button-outline-tertiary-disabled-font-color)}.syte-btn.btn-outline-tertiary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-outline-tertiary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-outline-tertiary-disabled-icon-color)}.syte-btn.btn-outline-tertiary.loading{cursor:pointer}.syte-btn.btn-outline-tertiary .btn-icon{color:var(--syte-okd-button-outline-tertiary-default-icon-color)}.syte-btn.btn-outline-tertiary .syte-btn-loader-text{color:var(--syte-okd-button-outline-tertiary-default-font-color)}.syte-btn.btn-outline-tertiary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-outline-tertiary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-outline-tertiary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-outline-tertiary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-outline-tertiary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-outline-tertiary-border-size)*2)}.syte-btn.btn-outline-tertiary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary{background:var(--syte-okd-button-text-primary-default-background);border-color:var(--syte-okd-button-text-primary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-primary-border-size);-webkit-box-shadow:var(--syte-okd-button-text-primary-default-shadow);box-shadow:var(--syte-okd-button-text-primary-default-shadow);color:var(--syte-okd-button-text-primary-default-font-color)}.syte-btn.btn-text-primary.hover,.syte-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-primary-hover-background);border-color:var(--syte-okd-button-text-primary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-primary-hover-shadow);box-shadow:var(--syte-okd-button-text-primary-hover-shadow);color:var(--syte-okd-button-text-primary-hover-font-color)}.syte-btn.btn-text-primary.hover .btn-icon,.syte-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-primary-hover-icon-color)}.syte-btn.btn-text-primary.active,.syte-btn.btn-text-primary:not(:disabled):active{background:var(--syte-okd-button-text-primary-active-background);border-color:var(--syte-okd-button-text-primary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-primary-active-shadow);box-shadow:var(--syte-okd-button-text-primary-active-shadow);color:var(--syte-okd-button-text-primary-active-font-color)}.syte-btn.btn-text-primary.active .btn-icon,.syte-btn.btn-text-primary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-primary-active-icon-color)}.syte-btn.btn-text-primary:not(.loading).btn-disabled,.syte-btn.btn-text-primary:not(.loading):disabled{background:var(--syte-okd-button-text-primary-disabled-background);border-color:var(--syte-okd-button-text-primary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-primary-disabled-shadow);box-shadow:var(--syte-okd-button-text-primary-disabled-shadow);color:var(--syte-okd-button-text-primary-disabled-font-color)}.syte-btn.btn-text-primary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-primary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-primary-disabled-icon-color)}.syte-btn.btn-text-primary.loading{cursor:pointer}.syte-btn.btn-text-primary .btn-icon{color:var(--syte-okd-button-text-primary-default-icon-color)}.syte-btn.btn-text-primary .syte-btn-loader-text{color:var(--syte-okd-button-text-primary-default-font-color)}.syte-btn.btn-text-primary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-primary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-primary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-primary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-primary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-primary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-primary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-primary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-primary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-primary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-primary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-primary-border-size)*2)}.syte-btn.btn-text-primary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary{background:var(--syte-okd-button-text-secondary-default-background);border-color:var(--syte-okd-button-text-secondary-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-secondary-border-size);-webkit-box-shadow:var(--syte-okd-button-text-secondary-default-shadow);box-shadow:var(--syte-okd-button-text-secondary-default-shadow);color:var(--syte-okd-button-text-secondary-default-font-color)}.syte-btn.btn-text-secondary.hover,.syte-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-secondary-hover-background);border-color:var(--syte-okd-button-text-secondary-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-secondary-hover-shadow);box-shadow:var(--syte-okd-button-text-secondary-hover-shadow);color:var(--syte-okd-button-text-secondary-hover-font-color)}.syte-btn.btn-text-secondary.hover .btn-icon,.syte-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-secondary-hover-icon-color)}.syte-btn.btn-text-secondary.active,.syte-btn.btn-text-secondary:not(:disabled):active{background:var(--syte-okd-button-text-secondary-active-background);border-color:var(--syte-okd-button-text-secondary-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-secondary-active-shadow);box-shadow:var(--syte-okd-button-text-secondary-active-shadow);color:var(--syte-okd-button-text-secondary-active-font-color)}.syte-btn.btn-text-secondary.active .btn-icon,.syte-btn.btn-text-secondary:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-secondary-active-icon-color)}.syte-btn.btn-text-secondary:not(.loading).btn-disabled,.syte-btn.btn-text-secondary:not(.loading):disabled{background:var(--syte-okd-button-text-secondary-disabled-background);border-color:var(--syte-okd-button-text-secondary-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-secondary-disabled-shadow);box-shadow:var(--syte-okd-button-text-secondary-disabled-shadow);color:var(--syte-okd-button-text-secondary-disabled-font-color)}.syte-btn.btn-text-secondary:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-secondary:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-secondary-disabled-icon-color)}.syte-btn.btn-text-secondary.loading{cursor:pointer}.syte-btn.btn-text-secondary .btn-icon{color:var(--syte-okd-button-text-secondary-default-icon-color)}.syte-btn.btn-text-secondary .syte-btn-loader-text{color:var(--syte-okd-button-text-secondary-default-font-color)}.syte-btn.btn-text-secondary.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-secondary.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-secondary.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-secondary.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-secondary.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-secondary.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-secondary.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-secondary.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-secondary-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-secondary.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-secondary-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-secondary-border-size)*2)}.syte-btn.btn-text-secondary.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red{background:var(--syte-okd-button-text-red-default-background);border-color:var(--syte-okd-button-text-red-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-red-border-size);-webkit-box-shadow:var(--syte-okd-button-text-red-default-shadow);box-shadow:var(--syte-okd-button-text-red-default-shadow);color:var(--syte-okd-button-text-red-default-font-color)}.syte-btn.btn-text-red.hover,.syte-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-red-hover-background);border-color:var(--syte-okd-button-text-red-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-red-hover-shadow);box-shadow:var(--syte-okd-button-text-red-hover-shadow);color:var(--syte-okd-button-text-red-hover-font-color)}.syte-btn.btn-text-red.hover .btn-icon,.syte-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-red-hover-icon-color)}.syte-btn.btn-text-red.active,.syte-btn.btn-text-red:not(:disabled):active{background:var(--syte-okd-button-text-red-active-background);border-color:var(--syte-okd-button-text-red-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-red-active-shadow);box-shadow:var(--syte-okd-button-text-red-active-shadow);color:var(--syte-okd-button-text-red-active-font-color)}.syte-btn.btn-text-red.active .btn-icon,.syte-btn.btn-text-red:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-red-active-icon-color)}.syte-btn.btn-text-red:not(.loading).btn-disabled,.syte-btn.btn-text-red:not(.loading):disabled{background:var(--syte-okd-button-text-red-disabled-background);border-color:var(--syte-okd-button-text-red-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-red-disabled-shadow);box-shadow:var(--syte-okd-button-text-red-disabled-shadow);color:var(--syte-okd-button-text-red-disabled-font-color)}.syte-btn.btn-text-red:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-red:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-red-disabled-icon-color)}.syte-btn.btn-text-red.loading{cursor:pointer}.syte-btn.btn-text-red .btn-icon{color:var(--syte-okd-button-text-red-default-icon-color)}.syte-btn.btn-text-red .syte-btn-loader-text{color:var(--syte-okd-button-text-red-default-font-color)}.syte-btn.btn-text-red.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-red.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-red.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-red.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-red.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-red.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-red.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-red.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-red-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-red.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-red-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-red-border-size)*2)}.syte-btn.btn-text-red.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green{background:var(--syte-okd-button-text-green-default-background);border-color:var(--syte-okd-button-text-green-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-green-border-size);-webkit-box-shadow:var(--syte-okd-button-text-green-default-shadow);box-shadow:var(--syte-okd-button-text-green-default-shadow);color:var(--syte-okd-button-text-green-default-font-color)}.syte-btn.btn-text-green.hover,.syte-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-green-hover-background);border-color:var(--syte-okd-button-text-green-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-green-hover-shadow);box-shadow:var(--syte-okd-button-text-green-hover-shadow);color:var(--syte-okd-button-text-green-hover-font-color)}.syte-btn.btn-text-green.hover .btn-icon,.syte-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-green-hover-icon-color)}.syte-btn.btn-text-green.active,.syte-btn.btn-text-green:not(:disabled):active{background:var(--syte-okd-button-text-green-active-background);border-color:var(--syte-okd-button-text-green-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-green-active-shadow);box-shadow:var(--syte-okd-button-text-green-active-shadow);color:var(--syte-okd-button-text-green-active-font-color)}.syte-btn.btn-text-green.active .btn-icon,.syte-btn.btn-text-green:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-green-active-icon-color)}.syte-btn.btn-text-green:not(.loading).btn-disabled,.syte-btn.btn-text-green:not(.loading):disabled{background:var(--syte-okd-button-text-green-disabled-background);border-color:var(--syte-okd-button-text-green-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-green-disabled-shadow);box-shadow:var(--syte-okd-button-text-green-disabled-shadow);color:var(--syte-okd-button-text-green-disabled-font-color)}.syte-btn.btn-text-green:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-green:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-green-disabled-icon-color)}.syte-btn.btn-text-green.loading{cursor:pointer}.syte-btn.btn-text-green .btn-icon{color:var(--syte-okd-button-text-green-default-icon-color)}.syte-btn.btn-text-green .syte-btn-loader-text{color:var(--syte-okd-button-text-green-default-font-color)}.syte-btn.btn-text-green.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-green.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-green.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-green.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-green.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-green.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-green.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-green.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-green-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-green.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-green-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-green-border-size)*2)}.syte-btn.btn-text-green.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange{background:var(--syte-okd-button-text-orange-default-background);border-color:var(--syte-okd-button-text-orange-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-orange-border-size);-webkit-box-shadow:var(--syte-okd-button-text-orange-default-shadow);box-shadow:var(--syte-okd-button-text-orange-default-shadow);color:var(--syte-okd-button-text-orange-default-font-color)}.syte-btn.btn-text-orange.hover,.syte-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-orange-hover-background);border-color:var(--syte-okd-button-text-orange-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-orange-hover-shadow);box-shadow:var(--syte-okd-button-text-orange-hover-shadow);color:var(--syte-okd-button-text-orange-hover-font-color)}.syte-btn.btn-text-orange.hover .btn-icon,.syte-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-orange-hover-icon-color)}.syte-btn.btn-text-orange.active,.syte-btn.btn-text-orange:not(:disabled):active{background:var(--syte-okd-button-text-orange-active-background);border-color:var(--syte-okd-button-text-orange-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-orange-active-shadow);box-shadow:var(--syte-okd-button-text-orange-active-shadow);color:var(--syte-okd-button-text-orange-active-font-color)}.syte-btn.btn-text-orange.active .btn-icon,.syte-btn.btn-text-orange:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-orange-active-icon-color)}.syte-btn.btn-text-orange:not(.loading).btn-disabled,.syte-btn.btn-text-orange:not(.loading):disabled{background:var(--syte-okd-button-text-orange-disabled-background);border-color:var(--syte-okd-button-text-orange-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-orange-disabled-shadow);box-shadow:var(--syte-okd-button-text-orange-disabled-shadow);color:var(--syte-okd-button-text-orange-disabled-font-color)}.syte-btn.btn-text-orange:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-orange:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-orange-disabled-icon-color)}.syte-btn.btn-text-orange.loading{cursor:pointer}.syte-btn.btn-text-orange .btn-icon{color:var(--syte-okd-button-text-orange-default-icon-color)}.syte-btn.btn-text-orange .syte-btn-loader-text{color:var(--syte-okd-button-text-orange-default-font-color)}.syte-btn.btn-text-orange.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-orange.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-orange.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-orange.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-orange.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-orange.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-orange.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-orange.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-orange-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-orange.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-orange-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-orange-border-size)*2)}.syte-btn.btn-text-orange.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow{background:var(--syte-okd-button-text-yellow-default-background);border-color:var(--syte-okd-button-text-yellow-default-border-color);border-style:solid;border-width:var(--syte-okd-button-text-yellow-border-size);-webkit-box-shadow:var(--syte-okd-button-text-yellow-default-shadow);box-shadow:var(--syte-okd-button-text-yellow-default-shadow);color:var(--syte-okd-button-text-yellow-default-font-color)}.syte-btn.btn-text-yellow.hover,.syte-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--syte-okd-button-text-yellow-hover-background);border-color:var(--syte-okd-button-text-yellow-hover-border-color);-webkit-box-shadow:var(--syte-okd-button-text-yellow-hover-shadow);box-shadow:var(--syte-okd-button-text-yellow-hover-shadow);color:var(--syte-okd-button-text-yellow-hover-font-color)}.syte-btn.btn-text-yellow.hover .btn-icon,.syte-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--syte-okd-button-text-yellow-hover-icon-color)}.syte-btn.btn-text-yellow.active,.syte-btn.btn-text-yellow:not(:disabled):active{background:var(--syte-okd-button-text-yellow-active-background);border-color:var(--syte-okd-button-text-yellow-active-border-color);-webkit-box-shadow:var(--syte-okd-button-text-yellow-active-shadow);box-shadow:var(--syte-okd-button-text-yellow-active-shadow);color:var(--syte-okd-button-text-yellow-active-font-color)}.syte-btn.btn-text-yellow.active .btn-icon,.syte-btn.btn-text-yellow:not(:disabled):active .btn-icon{color:var(--syte-okd-button-text-yellow-active-icon-color)}.syte-btn.btn-text-yellow:not(.loading).btn-disabled,.syte-btn.btn-text-yellow:not(.loading):disabled{background:var(--syte-okd-button-text-yellow-disabled-background);border-color:var(--syte-okd-button-text-yellow-disabled-border-color);-webkit-box-shadow:var(--syte-okd-button-text-yellow-disabled-shadow);box-shadow:var(--syte-okd-button-text-yellow-disabled-shadow);color:var(--syte-okd-button-text-yellow-disabled-font-color)}.syte-btn.btn-text-yellow:not(.loading).btn-disabled .btn-icon,.syte-btn.btn-text-yellow:not(.loading):disabled .btn-icon{color:var(--syte-okd-button-text-yellow-disabled-icon-color)}.syte-btn.btn-text-yellow.loading{cursor:pointer}.syte-btn.btn-text-yellow .btn-icon{color:var(--syte-okd-button-text-yellow-default-icon-color)}.syte-btn.btn-text-yellow .syte-btn-loader-text{color:var(--syte-okd-button-text-yellow-default-font-color)}.syte-btn.btn-text-yellow.btn-xxs{padding:calc(var(--syte-okd-button-xxs-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-xxs-padding-horizontal)}.syte-btn.btn-text-yellow.btn-xxs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xxs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xxs-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-xxs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-xs{padding:calc(var(--syte-okd-button-xs-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-xs-padding-horizontal)}.syte-btn.btn-text-yellow.btn-xs.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xs-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xs-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-xs.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-s{padding:calc(var(--syte-okd-button-s-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-s-padding-horizontal)}.syte-btn.btn-text-yellow.btn-s.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-s-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-s-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-s.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-sm{padding:calc(var(--syte-okd-button-sm-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-sm-padding-horizontal)}.syte-btn.btn-text-yellow.btn-sm.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-sm-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-sm-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-sm.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-md{padding:calc(var(--syte-okd-button-md-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-md-padding-horizontal)}.syte-btn.btn-text-yellow.btn-md.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-md-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-md-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-md.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-lg{padding:calc(var(--syte-okd-button-lg-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-lg-padding-horizontal)}.syte-btn.btn-text-yellow.btn-lg.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-lg-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-lg-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-lg.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-text-yellow.btn-xl{padding:calc(var(--syte-okd-button-xl-padding-vertical) + 1px - var(--syte-okd-button-text-yellow-border-size)) var(--syte-okd-button-xl-padding-horizontal)}.syte-btn.btn-text-yellow.btn-xl.syte-btn-strict-circle{border-radius:100px;height:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--syte-okd-button-xl-padding-vertical)*2 + 2px - var(--syte-okd-button-text-yellow-border-size)*2 + var(--syte-okd-button-xl-line-height) + var(--syte-okd-button-text-yellow-border-size)*2)}.syte-btn.btn-text-yellow.btn-xl.syte-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.btn-xxs{border-radius:var(--syte-okd-button-xxs-border-radius);font-weight:500;font-weight:var(--syte-okd-button-xxs-font-weight,500);min-width:var(--syte-okd-button-xxs-min-width)}.syte-btn.btn-xxs,.syte-btn.btn-xxs .syte-btn-loader-text{font-size:var(--syte-okd-button-xxs-font-size);line-height:var(--syte-okd-button-xxs-line-height)}.syte-btn.btn-xxs .syte-btn-loader-text{margin-left: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-left: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-left: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-left: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-left: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-left: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-left:var(--syte-okd-button-xl-loader-text-margin-left)}.syte-btn.btn-xl.btn-rect{border-radius:8px;border-radius:var(--syte-okd-button-rect-xl-border-radius,8px)}.syte-btn.btn-disabled,.syte-btn:disabled{cursor:not-allowed}.syte-btn.block{display:-ms-flexbox;display:flex;width:100%}.syte-btn.btn-circle{border-radius:100px!important}.syte-btn .btn-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.syte-btn .syte-btn-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.syte-btn.loading .btn-content{opacity:0}.syte-btn.loading .btn-content-position{display:none}.syte-btn.loading .syte-btn-loader{line-height:0;position:absolute}.syte-btn.loading .btn-loader-position-absolute{position:relative}.syte-btn-loader-container{height:100%;position:relative}.syte-btn .btn-icon+.btn-content{margin-left:4px}.syte-btn.btn-xxs .btn-icon{font-size:var(--syte-okd-button-xxs-icon-size)}.syte-btn.btn-xxs .btn-icon-leading{margin-right:var(--syte-okd-button-xxs-icon-margin)}.syte-btn.btn-xxs .btn-icon-tailing{margin-left: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-right:var(--syte-okd-button-xs-icon-margin)}.syte-btn.btn-xs .btn-icon-tailing{margin-left: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-right:var(--syte-okd-button-s-icon-margin)}.syte-btn.btn-s .btn-icon-tailing{margin-left: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-right:var(--syte-okd-button-sm-icon-margin)}.syte-btn.btn-sm .btn-icon-tailing{margin-left: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-right:var(--syte-okd-button-md-icon-margin)}.syte-btn.btn-md .btn-icon-tailing{margin-left: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-right:var(--syte-okd-button-lg-icon-margin)}.syte-btn.btn-lg .btn-icon-tailing{margin-left: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-right:var(--syte-okd-button-xl-icon-margin)}.syte-btn.btn-xl .btn-icon-tailing{margin-left:var(--syte-okd-button-xl-icon-margin)}.syte-btn.btn-xl .syte-btn-loader-size{border-radius:var(--syte-okd-button-xl-loader-size);height:var(--syte-okd-button-xl-loader-size);width:var(--syte-okd-button-xl-loader-size)}.syte-btn .syte-btn-fill-highlight-loader{border-color:var(--syte-okd-button-fill-highlight-loader-track-color);border-top-color:var(--syte-okd-button-fill-highlight-loader-mark-color)}.syte-btn .syte-btn-fill-primary-loader{border-color:var(--syte-okd-button-fill-primary-loader-track-color);border-top-color:var(--syte-okd-button-fill-primary-loader-mark-color)}.syte-btn .syte-btn-fill-secondary-loader{border-color:var(--syte-okd-button-fill-secondary-loader-track-color);border-top-color:var(--syte-okd-button-fill-secondary-loader-mark-color)}.syte-btn .syte-btn-fill-tertiary-loader{border-color:var(--syte-okd-button-fill-tertiary-loader-track-color);border-top-color:var(--syte-okd-button-fill-tertiary-loader-mark-color)}.syte-btn .syte-btn-fill-quaternary-loader{border-color:var(--syte-okd-button-fill-quaternary-loader-track-color);border-top-color:var(--syte-okd-button-fill-quaternary-loader-mark-color)}.syte-btn .syte-btn-fill-red-loader{border-color:var(--syte-okd-button-fill-red-loader-track-color);border-top-color:var(--syte-okd-button-fill-red-loader-mark-color)}.syte-btn .syte-btn-fill-green-loader{border-color:var(--syte-okd-button-fill-green-loader-track-color);border-top-color:var(--syte-okd-button-fill-green-loader-mark-color)}.syte-btn .syte-btn-fill-grey-loader{border-color:var(--syte-okd-button-fill-grey-loader-track-color);border-top-color:var(--syte-okd-button-fill-grey-loader-mark-color)}.syte-btn .syte-btn-outline-highlight-loader{border-color:var(--syte-okd-button-outline-highlight-loader-track-color);border-top-color:var(--syte-okd-button-outline-highlight-loader-mark-color)}.syte-btn .syte-btn-outline-primary-loader{border-color:var(--syte-okd-button-outline-primary-loader-track-color);border-top-color:var(--syte-okd-button-outline-primary-loader-mark-color)}.syte-btn .syte-btn-outline-secondary-loader{border-color:var(--syte-okd-button-outline-secondary-loader-track-color);border-top-color:var(--syte-okd-button-outline-secondary-loader-mark-color)}.syte-btn .syte-btn-outline-tertiary-loader{border-color:var(--syte-okd-button-outline-tertiary-loader-track-color);border-top-color:var(--syte-okd-button-outline-tertiary-loader-mark-color)}