.theme-light{--okd-color-gray-050:#f9f9f9;--okd-color-gray-100:#ebebeb;--okd-color-gray-200:#dbdbdb;--okd-color-gray-300:#bdbdbd;--okd-color-gray-400:#929292;--okd-color-gray-500:#6e6e6e;--okd-color-gray-600:#545454;--okd-color-gray-700:#3d3d3d;--okd-color-gray-800:#1a1a1a;--okd-color-gray-900:#000;--okd-color-blue-050:#f5f9ff;--okd-color-blue-100:#d1e3ff;--okd-color-blue-200:#afcfff;--okd-color-blue-300:#8dbbff;--okd-color-blue-400:#6ba6ff;--okd-color-blue-500:#4992ff;--okd-color-blue-600:#277dff;--okd-color-blue-700:#0569ff;--okd-color-blue-800:#005eea;--okd-color-blue-900:#0051ca;--okd-color-green-050:#f2fff7;--okd-color-green-100:#d2f4de;--okd-color-green-200:#a5e9be;--okd-color-green-300:#78de9d;--okd-color-green-400:#4bd37d;--okd-color-green-500:#31bd65;--okd-color-green-600:#18a04a;--okd-color-green-700:#127837;--okd-color-green-800:#0c5025;--okd-color-green-900:#0c5025;--okd-color-red-050:#fff8f9;--okd-color-red-100:#fcdce5;--okd-color-red-200:#f9b9ca;--okd-color-red-300:#f796b0;--okd-color-red-400:#f07596;--okd-color-red-500:#f1507b;--okd-color-red-600:#c14062;--okd-color-red-700:#91304a;--okd-color-red-800:#602031;--okd-color-red-900:#301019;--okd-color-orange-050:#fef9f6;--okd-color-orange-100:#fce3d4;--okd-color-orange-200:#fbceb4;--okd-color-orange-300:#f9b994;--okd-color-orange-400:#f7a474;--okd-color-orange-500:#f58f54;--okd-color-orange-600:#f6813d;--okd-color-orange-700:#f16514;--okd-color-orange-800:#e96010;--okd-color-orange-900:#bf4803;--okd-color-yellow-050:#fffcf5;--okd-color-yellow-100:#fff2d1;--okd-color-yellow-200:#ffe9af;--okd-color-yellow-300:#ffdf8d;--okd-color-yellow-400:#ffd66b;--okd-color-yellow-500:#ffcc49;--okd-color-yellow-600:#ffc327;--okd-color-yellow-700:#ffb905;--okd-color-yellow-800:#eaa900;--okd-color-yellow-900:#d29801;--okd-color-text-white:#fff;--okd-color-text-black:#1f2933;--okd-color-background-1:#fff;--okd-color-background-2:#f7f7f7;--okd-color-transparent:transparent;--okd-color-white:#fff;--okd-color-black:#000;--okd-color-line-muted:#ebebeb;--okd-color-line-secondary:#dbdbdb;--okd-color-line-amplifed:#bdbdbd;--okd-color-text-lighter:#bdbdbd;--okd-color-text-light:#929292;--okd-color-text-secondary:#3d3d3d;--okd-color-text-amplifed:#000;--okd-color-background-3:#f2f2f2;--okd-color-fq-blue-lv1:#0569ff;--okd-color-fq-green-lv1:#19cc5b;--okd-color-fq-red-lv1:#f1507b;--okd-color-fq-orange-lv1:#f16514;--okd-color-fq-blue-lv2:#0569ff;--okd-color-background-hover:#ebebeb;--okd-color-prefer-red-chart:#f1507b;--okd-color-prefer-red-bg:#eb4b6d;--okd-color-prefer-green-chart:#19cc5b;--okd-color-prefer-green-bg:#31bd65;--okd-color-prefer-red-text:#eb4b6d;--okd-color-prefer-green-text:#31bd65;--okd-color-branded-primary:#bcff2f;--okd-color-fq-critical:#eb4b6d;--okd-color-fq-warning:#f16514;--okd-color-fq-positive:#31bd65;--okd-color-fq-neutral:#000;--okd-color-fq-accent:#0569ff;--okd-color-prefer-neutral-text:#929292;--okd-color-prefer-neutral-bg:#929292;--okd-color-background-base-primary:#fff;--okd-color-background-base-secondary:#fafafa;--okd-color-background-surface-primary:#f3f3f3;--okd-color-background-surface-secondary:#f6f6f6;--okd-color-background-surface-pressed:#d9d9d9;--okd-color-background-surface-disable:#fafafa;--okd-color-background-scrim:#0000006e;--okd-color-container-primary:#fff;--okd-color-container-secondary:#fafafa;--okd-color-container-tertiary:#fff;--okd-color-container-contrast:#414141;--okd-color-container-inverse:#0e0e0e;--okd-color-content-primary:#000;--okd-color-content-secondary:#383838;--okd-color-content-tertiary:#5b5b5b;--okd-color-content-contrast:#909090;--okd-color-content-disabled:#b3b3b3;--okd-color-content-inverse:#fff;--okd-color-border-primary:#e6e6e6;--okd-color-border-secondary:#b3b3b3;--okd-color-border-contrast:#fafafa;--okd-color-border-selected:#000;--okd-color-semantic-neutral:#000;--okd-color-semantic-notice:#ffb117;--okd-color-semantic-positive:#31bd65;--okd-color-semantic-negative:#eb4b6d;--okd-color-semantic-informative:#8a91ff;--okd-color-semantic-highlight:#bcff2f;--okd-color-dvp-neutral:#00000091;--okd-color-dvp-profit:#00bc4b;--okd-color-dvp-loss:#f5384f;--okd-color-categorical-01:#8a91ff;--okd-color-categorical-02:#ffb117;--okd-color-categorical-03:#bcff2f;--okd-color-categorical-04:#12e366;--okd-color-categorical-05:#ff7888;--okd-color-common-transparent:#fff0;--okd-color-transparent-black:#0000;--okd-color-transparent-white:#0000;--okd-color-alert-info:#f7f7f7;--okd-color-alert-success:#eaf8f0;--okd-color-alert-warning:#fef9f6;--okd-color-alert-error:#fdedf0;--okd-color-common-background-2:#f3f3f3;--okd-color-data-visualization-category-01:#8a91ff;--okd-color-data-visualization-category-02:#ffb117;--okd-color-data-visualization-category-03:#bcff2f;--okd-color-data-visualization-category-04:#12e366;--okd-color-data-visualization-category-05:#ff7888;--okd-color-preference-loss:#f5384f;--okd-color-preference-profit:#00bc4b;--okd-color-preference-neutral:#00000091;--okd-color-border-focus:#000;--okd-color-background-base-primary_alternative:#fff;--okd-color-link-content:#4c2fff;--okd-color-link-accent-content-primary:#2b6d17;--okd-color-background-surface-contrast:#fff;--okd-color-background-surface-brand:#000;--okd-color-border-tertiary:#f3f3f3;--okd-color-content-brand:#000;--okd-color-modal-primary:#fff;--okd-color-modal-secondary:#fff;--okd-color-modal-tertiary:#fff;--okd-color-modal-contrast:#4d4d4d;--okd-color-card-primary:#f6f6f6;--okd-color-card-secondary:#f6f6f6;--okd-color-brand-primary:#2b6d17;--okd-color-brand-primary-alternative:#2b6d17;--okd-color-brand-secondary:#8ec51d;--okd-color-brand-tertiary:#bcff2f;--okd-color-brand-content:#e6ffb0;--okd-color-brand-content-contrast:#e6ffb0;--okd-color-global-fixed-always-dark:#000;--okd-color-global-fixed-always-light:#fff;--okd-color-surface-structural-subbase:#f6f6f6;--okd-color-surface-info-default:#4a4a4a;--okd-color-surface-info-subtle:#f6f6f6;--okd-color-surface-warning-default:#fea01d;--okd-color-surface-warning-subtle:#ffedcb;--okd-color-surface-success-default:#3c8f24;--okd-color-surface-success-subtle:#e9f4d1;--okd-color-surface-danger-default:#d33a4c;--okd-color-surface-danger-subtle:#fee0e3;--okd-color-surface-interactive-default:#0000000f;--okd-color-surface-interactive-hovered:#00000017;--okd-color-surface-interactive-pressed:#00000024;--okd-color-surface-interactive-disabled:#00000008;--okd-color-surface-interactive-oncolor-default:#ffffffe6;--okd-color-surface-interactive-oncolor-hovered:#ffffffb3;--okd-color-surface-interactive-oncolor-pressed:#ffffff80;--okd-color-surface-interactive-emphasis-default:#000000fc;--okd-color-surface-interactive-emphasis-hovered:#000c;--okd-color-surface-interactive-emphasis-pressed:#000000b3;--okd-color-surface-interactive-emphasis-disabled:#00000008;--okd-color-surface-interactive-selected-default:#000;--okd-color-surface-interactive-selected-subtle:#0000000f;--okd-color-surface-interactive-selected-oncolor:#ffffffe6;--okd-color-surface-structural-base:#fff;--okd-color-surface-structural-layer-1:#f6f6f6;--okd-color-surface-structural-layer-2:#e9e9e9;--okd-color-surface-structural-layer-3:#dcdcdc;--okd-color-surface-structural-highlight:var(--global-web3-surface-structural-highlight,var(--global-color-highlight));--okd-color-surface-structural-inverse:#000;--okd-color-surface-structural-elevated-default:#fff;--okd-color-surface-structural-elevated-contrast:#fff;--okd-color-surface-structural-overlay:#0006;--okd-color-border-static-default:#00000024;--okd-color-border-static-subtle:#0000000f;--okd-color-border-static-dotted:#00000052;--okd-color-border-interactive-default:#00000052;--okd-color-border-interactive-hovered:#333;--okd-color-border-interactive-pressed:#000;--okd-color-border-interactive-focused:#000;--okd-color-border-interactive-selected:#000;--okd-color-border-interactive-error:#ba2133;--okd-color-border-interactive-emphasis:#4a4a4a;--okd-color-border-interactive-oncolor:#e9e9e9;--okd-color-border-static-emphasis:#4a4a4a;--okd-color-border-static-experience:var(--global-web3-border-static-experience,var(--global-color-experience-default));--okd-color-border-static-highlight:var(--global-web3-border-static-highlight,var(--global-color-highlight));--okd-color-border-static-overlay:#ffffffe6;--okd-color-border-interactive-disabled:#00000024;--okd-color-border-info-default:#212121;--okd-color-border-info-subtle:#757575;--okd-color-border-warning-default:#ba5d00;--okd-color-border-warning-subtle:#ffedcb;--okd-color-border-success-default:#2b6d17;--okd-color-border-success-subtle:#e9f4d1;--okd-color-border-danger-default:#ba2133;--okd-color-border-danger-subtle:#fee0e3;--okd-color-content-static-default:#000;--okd-color-content-interactive-default:#4a4a4a;--okd-color-content-interactive-subtle:#757575;--okd-color-content-interactive-hovered:#212121;--okd-color-content-static-subtle:#5e5e5e;--okd-color-content-interactive-pressed:#000;--okd-color-content-static-inverse:#fff;--okd-color-content-static-highlight:var(--global-web3-content-static-highlight,var(--global-color-highlight));--okd-color-content-static-placeholder:#00000038;--okd-color-content-interactive-active:#000;--okd-color-content-interactive-selected:#000;--okd-color-content-interactive-error:#ba2133;--okd-color-content-interactive-disabled:#00000024;--okd-color-content-info-default:#212121;--okd-color-content-info-subtle:#757575;--okd-color-content-warning-default:#ba5d00;--okd-color-content-warning-subtle:#ffedcb;--okd-color-content-success-default:#2b6d17;--okd-color-content-success-subtle:#e9f4d1;--okd-color-content-danger-default:#ba2133;--okd-color-content-danger-subtle:#fee0e3;--okd-color-content-illustration-default:#000;--okd-color-content-dataviz-categorical-1:var(--global-color-feature-default);--okd-color-content-dataviz-categorical-2:#0b5bcb;--okd-color-content-dataviz-categorical-3:#e28400;--okd-color-content-dataviz-categorical-4:#dbb01d;--okd-color-content-dataviz-categorical-5:#a352ef;--okd-color-content-dataviz-categorical-6:#5e5e5e;--okd-color-content-dataviz-categorical-7:#858585;--okd-color-content-dataviz-categorical-8:#afafaf;--okd-color-content-illustration-inverse:#fff;--okd-color-content-illustration-experience:var(--global-web3-content-illustration-experience,var(--global-color-experience-default));--okd-color-content-illustration-highlight:var(--global-web3-content-illustration-highlight,var(--global-color-highlight));--okd-color-global-alpha-matching-5:#ffffff0d;--okd-color-global-alpha-matching-10:#ffffff1a;--okd-color-global-alpha-matching-20:#fff3;--okd-color-global-alpha-matching-30:#ffffff4d;--okd-color-global-alpha-matching-40:#fff6;--okd-color-global-alpha-matching-50:#ffffff80;--okd-color-global-alpha-matching-60:#fff9;--okd-color-global-alpha-matching-70:#ffffffb3;--okd-color-global-alpha-matching-80:#fffc;--okd-color-global-alpha-matching-90:#ffffffe6;--okd-color-global-alpha-inverse-5:#00000008;--okd-color-global-alpha-pnl-profit:var(--global-color-profit-alpha);--okd-color-global-alpha-pnl-loss:var(--global-color-loss-alpha);--okd-color-global-alpha-feature-1:#2b6d1729;--okd-color-global-alpha-inverse-10:#0000000f;--okd-color-global-alpha-inverse-20:#00000024;--okd-color-global-alpha-inverse-30:#00000038;--okd-color-global-alpha-inverse-40:#00000052;--okd-color-global-alpha-inverse-50:#00000070;--okd-color-global-alpha-inverse-60:#00000091;--okd-color-global-alpha-inverse-70:#000000b3;--okd-color-global-alpha-inverse-80:#000c;--okd-color-global-alpha-inverse-90:#000000e6;--okd-color-surface-pnl-profit-default:var(--global-color-profit-surface-default);--okd-color-surface-pnl-profit-hovered:var(--global-color-profit-surface-hovered);--okd-color-surface-pnl-profit-pressed:var(--global-color-profit-surface-pressed);--okd-color-surface-pnl-profit-tint:var(--global-color-profit-tint);--okd-color-surface-pnl-loss-default:var(--global-color-loss-surface-default);--okd-color-surface-pnl-loss-hovered:var(--global-color-loss-surface-hovered);--okd-color-surface-pnl-loss-pressed:var(--global-color-loss-surface-pressed);--okd-color-surface-pnl-loss-tint:var(--global-color-loss-tint);--okd-color-surface-pnl-neutral-default:var(--global-color-neutral-surface-default);--okd-color-surface-pnl-neutral-hovered:var(--global-color-neutral-surface-hovered);--okd-color-surface-pnl-neutral-pressed:var(--global-color-neutral-surface-pressed);--okd-color-surface-interactive-feature-default:var(--global-color-feature-default);--okd-color-surface-interactive-experience-default:var(--global-color-experience-default);--okd-color-surface-interactive-experience-hovered:var(--global-color-experience-hovered);--okd-color-surface-interactive-experience-pressed:var(--global-color-experience-pressed);--okd-color-surface-interactive-feature-hovered:var(--global-color-feature-hovered);--okd-color-surface-interactive-feature-pressed:var(--global-color-feature-pressed);--okd-color-surface-pnl-loss-graph:var(--global-color-loss-graph);--okd-color-surface-structural-feature:var(--global-web3-surface-structural-feature,var(--global-color-feature-default));--okd-color-surface-structural-experience:var(--global-web3-surface-structural-experience,var(--global-color-experience-default));--okd-color-border-interactive-feature-default:var(--global-color-feature-default);--okd-color-border-interactive-feature-hovered:var(--global-color-feature-hovered);--okd-color-border-interactive-feature-pressed:var(--global-color-feature-pressed);--okd-color-border-static-feature:var(--global-web3-border-static-feature,var(--global-color-feature-default));--okd-color-content-static-subtler:#858585;--okd-color-content-static-feature:var(--global-web3-content-static-feature,var(--global-color-feature-default));--okd-color-content-static-experience:var(--global-web3-content-static-experience,var(--global-color-experience-default));--okd-color-content-pnl-profit-default:var(--global-color-profit-default);--okd-color-content-illustration-feature:var(--global-web3-content-illustration-feature,var(--global-color-feature-default));--okd-color-content-pnl-profit-oncolor:var(--global-color-profit-oncolor);--okd-color-content-pnl-loss-default:var(--global-color-loss-default);--okd-color-content-pnl-loss-oncolor:var(--global-color-loss-oncolor);--okd-color-content-pnl-neutral-default:var(--global-color-neutral-default);--okd-color-content-pnl-neutral-oncolor:var(--global-color-neutral-oncolor);--okd-color-surface-pnl-profit-graph:var(--global-color-profit-graph);--okd-color-surface-pnl-neutral-graph:var(--global-color-neutral-graph);--okd-color-border-interactive-experience-default:var(--global-color-experience-default);--okd-color-border-interactive-experience-hovered:var(--global-color-experience-hovered);--okd-color-border-interactive-experience-pressed:var(--global-color-experience-pressed);--okd-color-content-interactive-feature-default:var(--global-color-feature-default);--okd-color-content-interactive-feature-hovered:var(--global-color-feature-hovered);--okd-color-content-interactive-feature-pressed:var(--global-color-feature-pressed);--okd-color-content-interactive-experience-default:var(--global-color-experience-default);--okd-color-content-interactive-experience-alternative:var(--global-color-experience-alternative);--okd-color-content-interactive-experience-accent:var(--global-color-experience-accent);--okd-color-content-interactive-experience-hovered:var(--global-color-experience-hovered);--okd-color-content-interactive-experience-pressed:var(--global-color-experience-pressed);--okd-color-content-interactive-experience-inverse:var(--global-color-experience-inverse);--okd-color-content-interactive-feature-inverse-default:var(--global-color-feature-primary-inverse-default);--okd-color-content-interactive-feature-inverse-hovered:var(--global-color-feature-primary-inverse-hovered);--okd-color-content-interactive-feature-inverse-pressed:var(--global-color-feature-primary-inverse-pressed);--okd-color-surface-interactive-feature-inverse-default:var(--global-color-feature-primary-inverse-default);--okd-color-surface-interactive-feature-inverse-hovered:var(--global-color-feature-primary-inverse-hovered);--okd-color-surface-interactive-feature-inverse-pressed:var(--global-color-feature-primary-inverse-pressed);--okd-color-border-pnl-loss-default:var(--global-color-loss-default);--okd-color-border-pnl-loss-graph:var(--global-color-loss-graph);--okd-color-border-pnl-profit-default:var(--global-color-profit-default);--okd-color-border-pnl-profit-graph:var(--global-color-profit-graph);--okd-color-border-pnl-neutral-graph:var(--global-color-neutral-graph);--okd-color-content-static-notification:#e05a6a;--okd-color-surface-interactive-unselected-default:#00000052;--okd-color-surface-structural-elevated-layer-1:#f6f6f6;--okd-color-surface-interactive-destructive-default:#e05a6a;--okd-color-surface-interactive-destructive-hovered:#d33a4c;--okd-color-surface-interactive-destructive-pressed:#ba2133;--okd-color-surface-structural-web-only-base:#f6f6f6;--okd-color-surface-structural-web-only-layer-1:#fff;--okd-color-global-fixed-shadow:#00000029;--okd-color-surface-interactive-destructive-subtle-default:#fee0e3;--okd-color-surface-interactive-destructive-subtle-hovered:#ffbec5;--okd-color-surface-interactive-destructive-subtle-pressed:#ff8f9c;--okd-color-global-fixed-always-light-20:#fff3;--okd-color-surface-pnl-profit-default-new:var(--global-color-profit-surface-default-new);--okd-color-surface-pnl-profit-emphasis:var(--global-color-profit-surface-emphasis);--okd-color-surface-pnl-loss-default-new:var(--global-color-loss-surface-default-new);--okd-color-surface-pnl-loss-emphasis:var(--global-color-loss-surface-emphasis);--okd-color-content-pnl-profit-oncolor-default:var(--global-color-profit-default);--okd-color-content-pnl-profit-oncolor-emphasis:var(--global-color-profit-oncolor);--okd-color-content-pnl-loss-oncolor-default:var(--global-color-loss-default);--okd-color-content-pnl-loss-oncolor-emphasis:var(--global-color-loss-oncolor);--okd-color-surface-pnl-profit-gradient-max:var(--global-color-profit-gradient-max);--okd-color-surface-pnl-profit-gradient-min:var(--global-color-profit-gradient-min);--okd-color-surface-pnl-loss-gradient-max:var(--global-color-loss-gradient-max);--okd-color-surface-pnl-loss-gradient-min:var(--global-color-loss-gradient-min);--okd-color-border-interactive-drop:#4c93f0;--okd-color-content-interactive-drop:#277ae7;--okd-color-surface-interactive-drop:#e6f1fe;--okd-font-size-base:16px;--okd-font-size-md:14px;--okd-font-size-xs:12px;--okd-line-height-base:20px;--okd-line-height-md:20px;--okd-line-height-xs:16px;--okd-shadow-none:0 0 0 0 transparent;--okd-shadow-xs:0 0 0 1px #0000000d;--okd-shadow-sm:0 1px 2px 0 #0000000d;--okd-shadow-default:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--okd-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--okd-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--okd-shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--okd-shadow-2xl:0 25px 50px -12px #00000040;--okd-border-radius-none:0;--okd-border-radius-sm:2px;--okd-border-radius-md:4px;--okd-border-radius-lg:6px;--okd-border-radius-xl:8px;--okd-border-radius-xxl:10px;--okd-border-radius-xxxl:12px;--okd-font-family:HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial, Helvetica Neue, Helvetica, sans-serif;--okd-text-display-lg-font-size:56px;--okd-text-display-lg-font-weight:500;--okd-text-display-lg-line-height:1.32;--okd-text-display-md-font-size:40px;--okd-text-display-md-font-weight:500;--okd-text-display-md-line-height:52px;--okd-text-display-sm-font-size:40px;--okd-text-display-sm-font-weight:500;--okd-text-display-sm-line-height:52px;--okd-text-heading-lg-font-size:30px;--okd-text-heading-lg-font-weight:500;--okd-text-heading-lg-line-height:40px;--okd-text-heading-md-font-size:24px;--okd-text-heading-md-font-weight:500;--okd-text-heading-md-line-height:30px;--okd-text-heading-sm-font-size:18px;--okd-text-heading-sm-font-weight:500;--okd-text-heading-sm-line-height:24px;--okd-text-heading-xl-font-size:36px;--okd-text-heading-xl-line-height:1.32;--okd-text-heading-xl-font-weight:600;--okd-text-heading-xxl-font-size:40px;--okd-text-heading-xxl-line-height:1.32;--okd-text-heading-xxl-font-weight:600;--okd-text-heading-overline-font-size:12px;--okd-text-heading-overline-line-height:15px;--okd-text-heading-overline-font-weight:500;--okd-text-body-sm-regular-font-size:14px;--okd-text-body-sm-regular-font-weight:400;--okd-text-body-sm-regular-line-height:21px;--okd-text-body-sm-bold-font-size:14px;--okd-text-body-sm-bold-font-weight:500;--okd-text-body-sm-bold-line-height:21px;--okd-text-body-md-regular-font-size:16px;--okd-text-body-md-regular-font-weight:400;--okd-text-body-md-regular-line-height:24px;--okd-text-body-md-bold-font-size:16px;--okd-text-body-md-bold-font-weight:500;--okd-text-body-md-bold-line-height:24px;--okd-text-body-xs-regular-font-size:12px;--okd-text-body-xs-regular-font-weight:400;--okd-text-body-xs-regular-line-height:18px;--okd-text-body-xs-bold-font-size:12px;--okd-text-body-xs-bold-font-weight:500;--okd-text-body-xs-bold-line-height:18px;--okd-font-weight-400:400;--okd-font-weight-500:500;--okd-font-weight-600:600;--okd-font-weight-700:700;--okd-font-weight-800:800;--okd-font-weight-900:900;--okd-font-weight-regular:400;--okd-font-weight-medium:500;--okd-font-weight-bold:700;--okd-color-candle-body-profit:var(--global-web3-candle-body-profit,var(--global-color-surface-pnl-profit-graph));--okd-color-candle-border-profit:var(--global-web3-candle-border-profit,var(--global-color-surface-pnl-profit-graph));--okd-color-candle-wick-profit:var(--global-web3-candle-wick-profit,var(--global-color-surface-pnl-profit-graph));--okd-color-candle-body-loss:var(--global-web3-candle-body-loss,var(--global-color-surface-pnl-loss-graph));--okd-color-candle-border-loss:var(--global-web3-candle-border-loss,var(--global-color-surface-pnl-loss-graph));--okd-color-candle-wick-loss:var(--global-web3-candle-wick-loss,var(--global-color-surface-pnl-loss-graph))}.theme-light.okui-button-var,.theme-light .okui-button-var{--okd-button-primary-normal-default-background:#0569ff;--okd-button-primary-normal-hover-background:#4992ff;--okd-button-primary-normal-active-background:#005eea;--okd-button-primary-normal-focus-background:#0569ff;--okd-button-primary-normal-disabled-background:#ebebeb;--okd-button-primary-normal-default-border-color:#0569ff;--okd-button-primary-normal-hover-border-color:#4992ff;--okd-button-primary-normal-active-border-color:#005eea;--okd-button-primary-normal-focus-border-color:#0569ff;--okd-button-primary-normal-disabled-border-color:#ebebeb;--okd-button-primary-normal-default-font-color:#fff;--okd-button-primary-normal-hover-font-color:#fff;--okd-button-primary-normal-active-font-color:#fff;--okd-button-primary-normal-focus-font-color:#fff;--okd-button-primary-normal-disabled-font-color:#bdbdbd;--okd-button-primary-normal-default-icon-color:#fff;--okd-button-primary-normal-hover-icon-color:#fff;--okd-button-primary-normal-active-icon-color:#fff;--okd-button-primary-normal-focus-icon-color:#fff;--okd-button-primary-normal-disabled-icon-color:#bdbdbd;--okd-button-primary-normal-default-shadow:var(--okd-shadow-none);--okd-button-primary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-primary-normal-active-shadow:var(--okd-shadow-none);--okd-button-primary-normal-focus-shadow:var(--okd-shadow-sm), 0px 0px 0px 3px #afcfff73;--okd-button-primary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-normal-loader-track-color:#4992ff;--okd-button-primary-normal-loader-mark-color:#fff;--okd-button-primary-red-default-background:#91304a;--okd-button-primary-red-hover-background:#f1507b;--okd-button-primary-red-active-background:#602031;--okd-button-primary-red-focus-background:#91304a;--okd-button-primary-red-disabled-background:#ebebeb;--okd-button-primary-red-default-border-color:#91304a;--okd-button-primary-red-hover-border-color:#f1507b;--okd-button-primary-red-active-border-color:#602031;--okd-button-primary-red-focus-border-color:#602031;--okd-button-primary-red-disabled-border-color:#ebebeb;--okd-button-primary-red-default-font-color:#fff;--okd-button-primary-red-hover-font-color:#fff;--okd-button-primary-red-active-font-color:#fff;--okd-button-primary-red-focus-font-color:#fff;--okd-button-primary-red-disabled-font-color:#bdbdbd;--okd-button-primary-red-default-icon-color:#fff;--okd-button-primary-red-hover-icon-color:#fff;--okd-button-primary-red-active-icon-color:#fff;--okd-button-primary-red-focus-icon-color:#fff;--okd-button-primary-red-disabled-icon-color:#bdbdbd;--okd-button-primary-red-default-shadow:var(--okd-shadow-sm);--okd-button-primary-red-hover-shadow:var(--okd-shadow-none);--okd-button-primary-red-active-shadow:var(--okd-shadow-none);--okd-button-primary-red-focus-shadow:var(--okd-shadow-sm), 0px 0px 0px 3px #f796b073;--okd-button-primary-red-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-red-loader-track-color:#f1507b;--okd-button-primary-red-loader-mark-color:#fff;--okd-button-primary-green-default-background:#127837;--okd-button-primary-green-hover-background:#31bd65;--okd-button-primary-green-active-background:#0c5025;--okd-button-primary-green-focus-background:#127837;--okd-button-primary-green-disabled-background:#ebebeb;--okd-button-primary-green-default-border-color:#127837;--okd-button-primary-green-hover-border-color:#31bd65;--okd-button-primary-green-active-border-color:#0c5025;--okd-button-primary-green-focus-border-color:#127837;--okd-button-primary-green-disabled-border-color:#ebebeb;--okd-button-primary-green-default-font-color:#fff;--okd-button-primary-green-hover-font-color:#fff;--okd-button-primary-green-active-font-color:#fff;--okd-button-primary-green-focus-font-color:#fff;--okd-button-primary-green-disabled-font-color:#bdbdbd;--okd-button-primary-green-default-icon-color:#fff;--okd-button-primary-green-hover-icon-color:#fff;--okd-button-primary-green-active-icon-color:#fff;--okd-button-primary-green-focus-icon-color:#fff;--okd-button-primary-green-disabled-icon-color:#bdbdbd;--okd-button-primary-green-default-shadow:var(--okd-shadow-sm);--okd-button-primary-green-hover-shadow:var(--okd-shadow-none);--okd-button-primary-green-active-shadow:var(--okd-shadow-none);--okd-button-primary-green-focus-shadow:var(--okd-shadow-sm), 0px 0px 0px 3px #78de9d73;--okd-button-primary-green-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-green-loader-track-color:#31bd65;--okd-button-primary-green-loader-mark-color:#fff;--okd-button-secondary-normal-default-background:#d1e3ff;--okd-button-secondary-normal-hover-background:#f5f9ff;--okd-button-secondary-normal-active-background:#afcfff;--okd-button-secondary-normal-focus-background:#d1e3ff;--okd-button-secondary-normal-disabled-background:#ebebeb;--okd-button-secondary-normal-default-border-color:#d1e3ff;--okd-button-secondary-normal-hover-border-color:#f5f9ff;--okd-button-secondary-normal-active-border-color:#afcfff;--okd-button-secondary-normal-focus-border-color:#d1e3ff;--okd-button-secondary-normal-disabled-border-color:#ebebeb;--okd-button-secondary-normal-default-font-color:#005eea;--okd-button-secondary-normal-hover-font-color:#005eea;--okd-button-secondary-normal-active-font-color:#005eea;--okd-button-secondary-normal-focus-font-color:#005eea;--okd-button-secondary-normal-disabled-font-color:#bdbdbd;--okd-button-secondary-normal-default-icon-color:#0569ff;--okd-button-secondary-normal-hover-icon-color:#0569ff;--okd-button-secondary-normal-active-icon-color:#0569ff;--okd-button-secondary-normal-focus-icon-color:#0569ff;--okd-button-secondary-normal-disabled-icon-color:#bdbdbd;--okd-button-secondary-normal-default-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-active-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-focus-shadow:0px 0px 0px 3px #afcfff73;--okd-button-secondary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-loader-track-color:#f5f9ff;--okd-button-secondary-normal-loader-mark-color:#0569ff;--okd-button-secondary-grey-default-background:#ebebeb;--okd-button-secondary-grey-hover-background:#f9f9f9;--okd-button-secondary-grey-active-background:#dbdbdb;--okd-button-secondary-grey-focus-background:#ebebeb;--okd-button-secondary-grey-disabled-background:#f9f9f9;--okd-button-secondary-grey-default-border-color:#ebebeb;--okd-button-secondary-grey-hover-border-color:#f9f9f9;--okd-button-secondary-grey-active-border-color:#dbdbdb;--okd-button-secondary-grey-focus-border-color:#ebebeb;--okd-button-secondary-grey-disabled-border-color:#f9f9f9;--okd-button-secondary-grey-default-font-color:#3d3d3d;--okd-button-secondary-grey-hover-font-color:#3d3d3d;--okd-button-secondary-grey-active-font-color:#3d3d3d;--okd-button-secondary-grey-focus-font-color:#3d3d3d;--okd-button-secondary-grey-disabled-font-color:#bdbdbd;--okd-button-secondary-grey-default-icon-color:#3d3d3d;--okd-button-secondary-grey-hover-icon-color:#3d3d3d;--okd-button-secondary-grey-active-icon-color:#3d3d3d;--okd-button-secondary-grey-focus-icon-color:#3d3d3d;--okd-button-secondary-grey-disabled-icon-color:#bdbdbd;--okd-button-secondary-grey-default-shadow:var(--okd-shadow-sm);--okd-button-secondary-grey-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-active-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-focus-shadow:var(--okd-shadow-sm), 0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-secondary-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-loader-track-color:#dbdbdb;--okd-button-secondary-grey-loader-mark-color:#3d3d3d;--okd-button-basic-normal-default-background:#fff;--okd-button-basic-normal-hover-background:#fff;--okd-button-basic-normal-active-background:#f9f9f9;--okd-button-basic-normal-focus-background:#fff;--okd-button-basic-normal-disabled-background:#fff;--okd-button-basic-normal-default-border-color:#dbdbdb;--okd-button-basic-normal-hover-border-color:#dbdbdb;--okd-button-basic-normal-active-border-color:#dbdbdb;--okd-button-basic-normal-focus-border-color:#8dbbff;--okd-button-basic-normal-disabled-border-color:#dbdbdb;--okd-button-basic-normal-default-font-color:#3d3d3d;--okd-button-basic-normal-hover-font-color:#929292;--okd-button-basic-normal-active-font-color:#000;--okd-button-basic-normal-focus-font-color:#3d3d3d;--okd-button-basic-normal-disabled-font-color:#bdbdbd;--okd-button-basic-normal-default-icon-color:#3d3d3d;--okd-button-basic-normal-hover-icon-color:#3d3d3d;--okd-button-basic-normal-active-icon-color:#3d3d3d;--okd-button-basic-normal-focus-icon-color:#3d3d3d;--okd-button-basic-normal-disabled-icon-color:#bdbdbd;--okd-button-basic-normal-default-shadow:var(--okd-shadow-sm);--okd-button-basic-normal-hover-shadow:var(--okd-shadow-none);--okd-button-basic-normal-active-shadow:var(--okd-shadow-none);--okd-button-basic-normal-focus-shadow:0px 0px 0px 3px #afcfff73;--okd-button-basic-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-basic-normal-loader-track-color:#d1e3ff;--okd-button-basic-normal-loader-mark-color:#0569ff;--okd-button-plain-normal-default-background:transparent;--okd-button-plain-normal-hover-background:#f5f9ff;--okd-button-plain-normal-active-background:#f5f9ff;--okd-button-plain-normal-focus-background:#f5f9ff;--okd-button-plain-normal-disabled-background:#f9f9f9;--okd-button-plain-normal-default-border-color:transparent;--okd-button-plain-normal-hover-border-color:transparent;--okd-button-plain-normal-active-border-color:transparent;--okd-button-plain-normal-focus-border-color:transparent;--okd-button-plain-normal-disabled-border-color:transparent;--okd-button-plain-normal-default-font-color:#005eea;--okd-button-plain-normal-hover-font-color:#005eea;--okd-button-plain-normal-active-font-color:#005eea;--okd-button-plain-normal-focus-font-color:#005eea;--okd-button-plain-normal-disabled-font-color:#005eea73;--okd-button-plain-normal-default-icon-color:#005eea;--okd-button-plain-normal-hover-icon-color:#005eea;--okd-button-plain-normal-active-icon-color:#005eea;--okd-button-plain-normal-focus-icon-color:#005eea;--okd-button-plain-normal-disabled-icon-color:#005eea73;--okd-button-plain-normal-default-shadow:none;--okd-button-plain-normal-hover-shadow:none;--okd-button-plain-normal-active-shadow:none;--okd-button-plain-normal-focus-shadow:none;--okd-button-plain-normal-disabled-shadow:none;--okd-button-plain-red-default-background:transparent;--okd-button-plain-red-hover-background:#fff8f9;--okd-button-plain-red-active-background:#fff8f9;--okd-button-plain-red-focus-background:#fff8f9;--okd-button-plain-red-disabled-background:#f9f9f9;--okd-button-plain-red-default-border-color:transparent;--okd-button-plain-red-hover-border-color:transparent;--okd-button-plain-red-active-border-color:transparent;--okd-button-plain-red-focus-border-color:transparent;--okd-button-plain-red-disabled-border-color:transparent;--okd-button-plain-red-default-font-color:#602031;--okd-button-plain-red-hover-font-color:#602031;--okd-button-plain-red-active-font-color:#602031;--okd-button-plain-red-focus-font-color:#602031;--okd-button-plain-red-disabled-font-color:#60203173;--okd-button-plain-red-default-icon-color:#602031;--okd-button-plain-red-hover-icon-color:#602031;--okd-button-plain-red-active-icon-color:#602031;--okd-button-plain-red-focus-icon-color:#602031;--okd-button-plain-red-disabled-icon-color:#60203173;--okd-button-plain-red-default-shadow:none;--okd-button-plain-red-hover-shadow:none;--okd-button-plain-red-active-shadow:none;--okd-button-plain-red-focus-shadow:none;--okd-button-plain-red-disabled-shadow:none;--okd-button-plain-green-default-background:transparent;--okd-button-plain-green-hover-background:#f2fff7;--okd-button-plain-green-active-background:#f2fff7;--okd-button-plain-green-focus-background:#f2fff7;--okd-button-plain-green-disabled-background:#f9f9f9;--okd-button-plain-green-default-border-color:transparent;--okd-button-plain-green-hover-border-color:transparent;--okd-button-plain-green-active-border-color:transparent;--okd-button-plain-green-focus-border-color:transparent;--okd-button-plain-green-disabled-border-color:transparent;--okd-button-plain-green-default-font-color:#0c5025;--okd-button-plain-green-hover-font-color:#0c5025;--okd-button-plain-green-active-font-color:#0c5025;--okd-button-plain-green-focus-font-color:#0c5025;--okd-button-plain-green-disabled-font-color:#0c502573;--okd-button-plain-green-default-icon-color:#0c5025;--okd-button-plain-green-hover-icon-color:#0c5025;--okd-button-plain-green-active-icon-color:#0c5025;--okd-button-plain-green-focus-icon-color:#0c5025;--okd-button-plain-green-disabled-icon-color:#0c502573;--okd-button-plain-green-default-shadow:none;--okd-button-plain-green-hover-shadow:none;--okd-button-plain-green-active-shadow:none;--okd-button-plain-green-focus-shadow:none;--okd-button-plain-green-disabled-shadow:none;--okd-button-plain-orange-default-background:transparent;--okd-button-plain-orange-hover-background:#fef9f6;--okd-button-plain-orange-active-background:#fef9f6;--okd-button-plain-orange-focus-background:#fef9f6;--okd-button-plain-orange-disabled-background:#f9f9f9;--okd-button-plain-orange-default-border-color:transparent;--okd-button-plain-orange-hover-border-color:transparent;--okd-button-plain-orange-active-border-color:transparent;--okd-button-plain-orange-focus-border-color:transparent;--okd-button-plain-orange-disabled-border-color:transparent;--okd-button-plain-orange-default-font-color:#e96010;--okd-button-plain-orange-hover-font-color:#e96010;--okd-button-plain-orange-active-font-color:#e96010;--okd-button-plain-orange-focus-font-color:#e96010;--okd-button-plain-orange-disabled-font-color:#e9601073;--okd-button-plain-orange-default-icon-color:#e96010;--okd-button-plain-orange-hover-icon-color:#e96010;--okd-button-plain-orange-active-icon-color:#e96010;--okd-button-plain-orange-focus-icon-color:#e96010;--okd-button-plain-orange-disabled-icon-color:#e9601073;--okd-button-plain-orange-default-shadow:none;--okd-button-plain-orange-hover-shadow:none;--okd-button-plain-orange-active-shadow:none;--okd-button-plain-orange-focus-shadow:none;--okd-button-plain-orange-disabled-shadow:none;--okd-button-plain-yellow-default-background:transparent;--okd-button-plain-yellow-hover-background:#fffcf5;--okd-button-plain-yellow-active-background:#fffcf5;--okd-button-plain-yellow-focus-background:#fffcf5;--okd-button-plain-yellow-disabled-background:#f9f9f9;--okd-button-plain-yellow-default-border-color:transparent;--okd-button-plain-yellow-hover-border-color:transparent;--okd-button-plain-yellow-active-border-color:transparent;--okd-button-plain-yellow-focus-border-color:transparent;--okd-button-plain-yellow-disabled-border-color:transparent;--okd-button-plain-yellow-default-font-color:#eaa900;--okd-button-plain-yellow-hover-font-color:#eaa900;--okd-button-plain-yellow-active-font-color:#eaa900;--okd-button-plain-yellow-focus-font-color:#eaa900;--okd-button-plain-yellow-disabled-font-color:#eaa90073;--okd-button-plain-yellow-default-icon-color:#eaa900;--okd-button-plain-yellow-hover-icon-color:#eaa900;--okd-button-plain-yellow-active-icon-color:#eaa900;--okd-button-plain-yellow-focus-icon-color:#eaa900;--okd-button-plain-yellow-disabled-icon-color:#eaa90073;--okd-button-plain-yellow-default-shadow:none;--okd-button-plain-yellow-hover-shadow:none;--okd-button-plain-yellow-active-shadow:none;--okd-button-plain-yellow-focus-shadow:none;--okd-button-plain-yellow-disabled-shadow:none;--okd-button-xxs-font-size:var(--okd-font-size-xs);--okd-button-xs-font-size:var(--okd-font-size-xs);--okd-button-sm-font-size:var(--okd-font-size-md);--okd-button-md-font-size:var(--okd-font-size-md);--okd-button-lg-font-size:var(--okd-font-size-base);--okd-button-xl-font-size:18px;--okd-button-xxs-icon-size:14px;--okd-button-xs-icon-size:14px;--okd-button-sm-icon-size:18px;--okd-button-md-icon-size:18px;--okd-button-lg-icon-size:18px;--okd-button-xl-icon-size:18px;--okd-button-xxs-icon-margin:6px;--okd-button-xs-icon-margin:6px;--okd-button-sm-icon-margin:6px;--okd-button-md-icon-margin:6px;--okd-button-lg-icon-margin:8px;--okd-button-xl-icon-margin:8px;--okd-button-xxs-line-height:var(--okd-line-height-xs);--okd-button-xs-line-height:var(--okd-line-height-xs);--okd-button-sm-line-height:var(--okd-line-height-md);--okd-button-md-line-height:var(--okd-line-height-md);--okd-button-lg-line-height:var(--okd-line-height-base);--okd-button-xl-line-height:var(--okd-line-height-base);--okd-button-xxs-padding-horizontal:8px;--okd-button-xxs-padding-vertical:3px;--okd-button-xs-padding-horizontal:8px;--okd-button-xs-padding-vertical:5px;--okd-button-sm-padding-horizontal:12px;--okd-button-sm-padding-vertical:7px;--okd-button-md-padding-horizontal:16px;--okd-button-md-padding-vertical:9px;--okd-button-lg-padding-horizontal:24px;--okd-button-lg-padding-vertical:13px;--okd-button-xl-padding-horizontal:24px;--okd-button-xl-padding-vertical:17px;--okd-button-xxs-min-width:63px;--okd-button-xs-min-width:63px;--okd-button-sm-min-width:81px;--okd-button-md-min-width:90px;--okd-button-lg-min-width:108px;--okd-button-xl-min-width:126px;--okd-button-xxs-border-radius:60px;--okd-button-xs-border-radius:60px;--okd-button-sm-border-radius:60px;--okd-button-md-border-radius:60px;--okd-button-lg-border-radius:60px;--okd-button-xl-border-radius:60px;--okd-button-xxs-border-size:1px;--okd-button-xs-border-size:1px;--okd-button-sm-border-size:1px;--okd-button-md-border-size:1px;--okd-button-lg-border-size:1px;--okd-button-xl-border-size:1px;--okd-button-xl-loader-size:18px;--okd-button-lg-loader-size:14px;--okd-button-md-loader-size:14px;--okd-button-sm-loader-size:14px;--okd-button-xs-loader-size:14px;--okd-button-xxs-loader-size:14px;--okd-button-xl-loader-text-margin-left:8px;--okd-button-lg-loader-text-margin-left:8px;--okd-button-md-loader-text-margin-left:6px;--okd-button-sm-loader-text-margin-left:6px;--okd-button-xs-loader-text-margin-left:6px;--okd-button-xxs-loader-text-margin-left:6px;--okd-button-s-font-size:14px;--okd-button-s-icon-size:18px;--okd-button-s-icon-margin:6px;--okd-button-s-line-height:16px;--okd-button-s-padding-horizontal:12px;--okd-button-s-padding-vertical:7px;--okd-button-s-min-width:72px;--okd-button-s-border-radius:60px;--okd-button-s-loader-size:14px;--okd-button-s-loader-text-margin-left:6px;--okd-button-xl-font-weight:600;--okd-button-lg-font-weight:500;--okd-button-md-font-weight:500;--okd-button-sm-font-weight:500;--okd-button-rect-xxs-border-radius:4px;--okd-button-rect-xs-border-radius:4px;--okd-button-rect-sm-border-radius:4px;--okd-button-rect-s-border-radius:4px;--okd-button-rect-md-border-radius:4px;--okd-button-rect-lg-border-radius:8px;--okd-button-rect-xl-border-radius:8px;--okd-button-fill-highlight-default-background:var(--okd-color-container-inverse);--okd-button-fill-highlight-hover-background:var(--okd-color-container-contrast);--okd-button-fill-highlight-active-background:var(--okd-color-container-contrast);--okd-button-fill-highlight-focus-background:#000;--okd-button-fill-highlight-disabled-background:#f3f3f3;--okd-button-fill-highlight-default-border-color:var(--okd-color-common-transparent);--okd-button-fill-highlight-hover-border-color:var(--okd-color-common-transparent);--okd-button-fill-highlight-active-border-color:var(--okd-color-common-transparent);--okd-button-fill-highlight-focus-border-color:#000;--okd-button-fill-highlight-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-highlight-default-font-color:var(--okd-color-content-inverse);--okd-button-fill-highlight-hover-font-color:var(--okd-color-content-inverse);--okd-button-fill-highlight-active-font-color:var(--okd-color-content-inverse);--okd-button-fill-highlight-focus-font-color:#fff;--okd-button-fill-highlight-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-highlight-default-icon-color:var(--okd-color-content-inverse);--okd-button-fill-highlight-hover-icon-color:var(--okd-color-content-inverse);--okd-button-fill-highlight-active-icon-color:var(--okd-color-content-inverse);--okd-button-fill-highlight-focus-icon-color:#fff;--okd-button-fill-highlight-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-highlight-default-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-hover-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-active-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-focus-shadow:0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #1d202359;--okd-button-fill-highlight-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-loader-track-color:#fafafa42;--okd-button-fill-highlight-loader-mark-color:var(--okd-color-border-contrast);--okd-button-fill-highlight-border-size:0px;--okd-button-fill-primary-default-background:var(--okd-color-container-inverse);--okd-button-fill-primary-hover-background:var(--okd-color-container-inverse);--okd-button-fill-primary-active-background:var(--okd-color-container-inverse);--okd-button-fill-primary-focus-background:#0051ca;--okd-button-fill-primary-disabled-background:#f3f3f3;--okd-button-fill-primary-default-border-color:var(--okd-color-container-inverse);--okd-button-fill-primary-hover-border-color:var(--okd-color-common-transparent);--okd-button-fill-primary-active-border-color:transparent;--okd-button-fill-primary-focus-border-color:transparent;--okd-button-fill-primary-disabled-border-color:var(--okd-color-background-surface-primary);--okd-button-fill-primary-default-font-color:var(--okd-color-content-inverse);--okd-button-fill-primary-hover-font-color:#fff9;--okd-button-fill-primary-active-font-color:var(--okd-color-content-inverse);--okd-button-fill-primary-focus-font-color:#fff;--okd-button-fill-primary-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-primary-default-icon-color:var(--okd-color-content-inverse);--okd-button-fill-primary-hover-icon-color:#fff9;--okd-button-fill-primary-active-icon-color:var(--okd-color-content-inverse);--okd-button-fill-primary-focus-icon-color:#fff;--okd-button-fill-primary-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-primary-default-shadow:var(--okd-shadow-none);--okd-button-fill-primary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-primary-active-shadow:var(--okd-shadow-none);--okd-button-fill-primary-focus-shadow:0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #2d60e040;--okd-button-fill-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-primary-loader-track-color:#fafafa42;--okd-button-fill-primary-loader-mark-color:var(--okd-color-border-contrast);--okd-button-fill-primary-border-size:0px;--okd-button-fill-secondary-default-background:#f5f9ff;--okd-button-fill-secondary-hover-background:#d1e3ff;--okd-button-fill-secondary-active-background:#afcfff;--okd-button-fill-secondary-focus-background:#d1e3ff;--okd-button-fill-secondary-disabled-background:#f5f9ff;--okd-button-fill-secondary-default-border-color:#f5f9ff;--okd-button-fill-secondary-hover-border-color:#d1e3ff;--okd-button-fill-secondary-active-border-color:#afcfff;--okd-button-fill-secondary-focus-border-color:#d1e3ff;--okd-button-fill-secondary-disabled-border-color:#f5f9ff;--okd-button-fill-secondary-default-font-color:#005eea;--okd-button-fill-secondary-hover-font-color:#005eea;--okd-button-fill-secondary-active-font-color:#005eea;--okd-button-fill-secondary-focus-font-color:#005eea;--okd-button-fill-secondary-disabled-font-color:#8dbbff;--okd-button-fill-secondary-default-icon-color:#0569ff;--okd-button-fill-secondary-hover-icon-color:#0569ff;--okd-button-fill-secondary-active-icon-color:#0569ff;--okd-button-fill-secondary-focus-icon-color:#0569ff;--okd-button-fill-secondary-disabled-icon-color:#bdbdbd;--okd-button-fill-secondary-default-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-active-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-focus-shadow:0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #2d60e040;--okd-button-fill-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-loader-track-color:#f5f9ff;--okd-button-fill-secondary-loader-mark-color:#0569ff;--okd-button-fill-secondary-border-size:0px;--okd-button-fill-tertiary-border-size:0px;--okd-button-fill-tertiary-default-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-hover-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-focus-background:#fffc;--okd-button-fill-tertiary-active-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-disabled-background:#ffffff0f;--okd-button-fill-tertiary-disabled-font-color:#ffffff5c;--okd-button-fill-tertiary-disabled-border-color:#ffffff0f;--okd-button-fill-tertiary-default-border-color:var(--okd-color-container-primary);--okd-button-fill-tertiary-hover-border-color:#fff0;--okd-button-fill-tertiary-focus-border-color:#30101900;--okd-button-fill-tertiary-active-border-color:#fff0;--okd-button-fill-tertiary-loader-track-color:var(--okd-color-border-primary);--okd-button-fill-tertiary-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-tertiary-default-font-color:var(--okd-color-content-primary);--okd-button-fill-tertiary-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-hover-font-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-hover-icon-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-focus-font-color:#000;--okd-button-fill-tertiary-focus-icon-color:#000;--okd-button-fill-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-active-font-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-active-icon-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-disabled-icon-color:#ffffff5c;--okd-button-fill-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-border-size:0px;--okd-button-fill-quaternary-default-background:#ffffff26;--okd-button-fill-quaternary-default-font-color:#fff;--okd-button-fill-quaternary-default-border-color:transparent;--okd-button-fill-quaternary-hover-background:#ffffff40;--okd-button-fill-quaternary-hover-border-color:transparent;--okd-button-fill-quaternary-hover-font-color:#ffffff40;--okd-button-fill-quaternary-focus-background:#ffffff40;--okd-button-fill-quaternary-focus-border-color:transparent;--okd-button-fill-quaternary-focus-font-color:#fff;--okd-button-fill-quaternary-active-background:#ffffff40;--okd-button-fill-quaternary-active-border-color:transparent;--okd-button-fill-quaternary-active-font-color:#fff;--okd-button-fill-quaternary-disabled-background:#ffffff26;--okd-button-fill-quaternary-disabled-font-color:#ffffff40;--okd-button-fill-quaternary-disabled-border-color:transparent;--okd-button-fill-quaternary-loader-track-color:#ffffff40;--okd-button-fill-quaternary-loader-mark-color:#fff;--okd-button-fill-quaternary-default-icon-color:#fff;--okd-button-fill-quaternary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-hover-icon-color:#fff;--okd-button-fill-quaternary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-focus-icon-color:#fff;--okd-button-fill-quaternary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-active-icon-color:#fff;--okd-button-fill-quaternary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-disabled-icon-color:#fff;--okd-button-fill-quaternary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-red-default-background:var(--okd-color-semantic-negative);--okd-button-fill-red-hover-background:#eb4b6dcc;--okd-button-fill-red-active-background:#eb4b6dcc;--okd-button-fill-red-focus-background:#602031;--okd-button-fill-red-disabled-background:#f3f3f3;--okd-button-fill-red-default-border-color:var(--okd-color-semantic-negative);--okd-button-fill-red-hover-border-color:transparent;--okd-button-fill-red-active-border-color:transparent;--okd-button-fill-red-focus-border-color:#602031;--okd-button-fill-red-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-red-default-font-color:var(--okd-color-content-inverse);--okd-button-fill-red-hover-font-color:var(--okd-color-content-inverse);--okd-button-fill-red-active-font-color:var(--okd-color-content-inverse);--okd-button-fill-red-focus-font-color:#fff;--okd-button-fill-red-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-red-default-icon-color:var(--okd-color-content-inverse);--okd-button-fill-red-hover-icon-color:var(--okd-color-content-inverse);--okd-button-fill-red-active-icon-color:var(--okd-color-content-inverse);--okd-button-fill-red-focus-icon-color:#fff;--okd-button-fill-red-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-red-default-shadow:0 0 0 0 transparent;--okd-button-fill-red-hover-shadow:var(--okd-shadow-none);--okd-button-fill-red-active-shadow:var(--okd-shadow-none);--okd-button-fill-red-focus-shadow:0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #e35e5e66;--okd-button-fill-red-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-red-loader-track-color:#fafafa42;--okd-button-fill-red-loader-mark-color:var(--okd-color-border-contrast);--okd-button-fill-red-border-size:0px;--okd-button-fill-green-default-background:var(--okd-color-semantic-positive);--okd-button-fill-green-hover-background:#31bd65cc;--okd-button-fill-green-active-background:#31bd65cc;--okd-button-fill-green-focus-background:#0c5025;--okd-button-fill-green-disabled-background:#f3f3f3;--okd-button-fill-green-default-border-color:var(--okd-color-semantic-positive);--okd-button-fill-green-hover-border-color:transparent;--okd-button-fill-green-active-border-color:transparent;--okd-button-fill-green-focus-border-color:transparent;--okd-button-fill-green-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-green-default-font-color:var(--okd-color-content-inverse);--okd-button-fill-green-hover-font-color:var(--okd-color-content-inverse);--okd-button-fill-green-active-font-color:var(--okd-color-content-inverse);--okd-button-fill-green-focus-font-color:#fff;--okd-button-fill-green-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-green-default-icon-color:var(--okd-color-content-inverse);--okd-button-fill-green-hover-icon-color:var(--okd-color-content-inverse);--okd-button-fill-green-active-icon-color:var(--okd-color-content-inverse);--okd-button-fill-green-focus-icon-color:#fff;--okd-button-fill-green-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-green-default-shadow:0 0 0 0 transparent;--okd-button-fill-green-hover-shadow:var(--okd-shadow-none);--okd-button-fill-green-active-shadow:var(--okd-shadow-none);--okd-button-fill-green-focus-shadow:0px 0px 0px 1px #fff, 0px 0px 0px 3.5px #2ead6573;--okd-button-fill-green-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-green-loader-track-color:#fafafa42;--okd-button-fill-green-loader-mark-color:var(--okd-color-border-contrast);--okd-button-fill-green-border-size:0px;--okd-button-fill-grey-default-background:var(--okd-color-background-surface-primary);--okd-button-fill-grey-hover-background:#e6e6e6;--okd-button-fill-grey-active-background:#f3f3f3;--okd-button-fill-grey-focus-background:#dbdbdb80;--okd-button-fill-grey-disabled-background:#f3f3f3;--okd-button-fill-grey-default-border-color:var(--okd-color-background-surface-primary);--okd-button-fill-grey-hover-border-color:transparent;--okd-button-fill-grey-active-border-color:transparent;--okd-button-fill-grey-focus-border-color:#dbdbdb;--okd-button-fill-grey-disabled-border-color:var(--okd-color-background-surface-disable);--okd-button-fill-grey-default-font-color:var(--okd-color-content-primary);--okd-button-fill-grey-hover-font-color:var(--okd-color-content-primary);--okd-button-fill-grey-active-font-color:var(--okd-color-content-primary);--okd-button-fill-grey-focus-font-color:#3d3d3d;--okd-button-fill-grey-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-grey-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-grey-hover-icon-color:var(--okd-color-content-primary);--okd-button-fill-grey-active-icon-color:var(--okd-color-content-primary);--okd-button-fill-grey-focus-icon-color:#3d3d3d;--okd-button-fill-grey-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-grey-default-shadow:0 0 0 0 transparent;--okd-button-fill-grey-hover-shadow:var(--okd-shadow-none);--okd-button-fill-grey-active-shadow:var(--okd-shadow-none);--okd-button-fill-grey-focus-shadow:0px 0px 0px 0px #0000, 0px 0px 0px 3.5px #d8dce673;--okd-button-fill-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-grey-loader-track-color:var(--okd-color-border-primary);--okd-button-fill-grey-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-grey-border-size:0px;--okd-button-outline-highlight-border-size:1.5px;--okd-button-outline-highlight-hover-background:var(--okd-color-container-inverse);--okd-button-outline-highlight-hover-font-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-focus-background:#000;--okd-button-outline-highlight-focus-border-color:#000;--okd-button-outline-highlight-focus-font-color:#fff;--okd-button-outline-highlight-active-background:var(--okd-color-container-inverse);--okd-button-outline-highlight-active-font-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-disabled-font-color:var(--okd-color-content-disabled);--okd-button-outline-highlight-disabled-border-color:var(--okd-color-border-primary);--okd-button-outline-highlight-hover-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-active-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-loader-track-color:#dbdbdb;--okd-button-outline-highlight-loader-mark-color:#000;--okd-button-outline-highlight-default-background:transparent;--okd-button-outline-highlight-default-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-default-font-color:var(--okd-color-content-primary);--okd-button-outline-highlight-default-icon-color:var(--okd-color-content-primary);--okd-button-outline-highlight-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-hover-icon-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-focus-icon-color:#fff;--okd-button-outline-highlight-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-active-icon-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-disabled-background:transparent;--okd-button-outline-highlight-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-outline-highlight-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-primary-default-background:#fff0;--okd-button-outline-primary-hover-background:#f3f3f3;--okd-button-outline-primary-active-background:#f3f3f3;--okd-button-outline-primary-focus-background:#f7f7f7;--okd-button-outline-primary-disabled-background:#f3f3f3;--okd-button-outline-primary-default-border-color:var(--okd-color-border-secondary);--okd-button-outline-primary-hover-border-color:var(--okd-color-border-secondary);--okd-button-outline-primary-active-border-color:var(--okd-color-border-secondary);--okd-button-outline-primary-focus-border-color:#dbdbdb;--okd-button-outline-primary-disabled-border-color:var(--okd-color-border-primary);--okd-button-outline-primary-default-font-color:var(--okd-color-content-primary);--okd-button-outline-primary-hover-font-color:var(--okd-color-content-primary);--okd-button-outline-primary-active-font-color:var(--okd-color-content-primary);--okd-button-outline-primary-focus-font-color:#000;--okd-button-outline-primary-disabled-font-color:var(--okd-color-content-disabled);--okd-button-outline-primary-default-icon-color:var(--okd-color-content-primary);--okd-button-outline-primary-hover-icon-color:var(--okd-color-content-primary);--okd-button-outline-primary-active-icon-color:var(--okd-color-content-primary);--okd-button-outline-primary-focus-icon-color:#000;--okd-button-outline-primary-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-outline-primary-default-shadow:0 0 0 0 transparent;--okd-button-outline-primary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-primary-active-shadow:var(--okd-shadow-none);--okd-button-outline-primary-focus-shadow:0px 0px 0px 3px #00000014;--okd-button-outline-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-primary-loader-track-color:#dbdbdb;--okd-button-outline-primary-loader-mark-color:#000;--okd-button-outline-primary-border-size:1px;--okd-button-outline-secondary-default-background:#fff;--okd-button-outline-secondary-hover-background:#f7f7f7;--okd-button-outline-secondary-active-background:#f9f9f9;--okd-button-outline-secondary-focus-background:#f7f7f7;--okd-button-outline-secondary-disabled-background:#fff;--okd-button-outline-secondary-default-border-color:#dbdbdb;--okd-button-outline-secondary-hover-border-color:#dbdbdb;--okd-button-outline-secondary-active-border-color:#dbdbdb;--okd-button-outline-secondary-focus-border-color:#dbdbdb;--okd-button-outline-secondary-disabled-border-color:#ebebeb;--okd-button-outline-secondary-default-font-color:#000;--okd-button-outline-secondary-hover-font-color:#000;--okd-button-outline-secondary-active-font-color:#000;--okd-button-outline-secondary-focus-font-color:#000;--okd-button-outline-secondary-disabled-font-color:#bdbdbd;--okd-button-outline-secondary-default-icon-color:#000;--okd-button-outline-secondary-hover-icon-color:#000;--okd-button-outline-secondary-active-icon-color:#000;--okd-button-outline-secondary-focus-icon-color:#000;--okd-button-outline-secondary-disabled-icon-color:#bdbdbd;--okd-button-outline-secondary-default-shadow:0 0 0 0 transparent;--okd-button-outline-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-active-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-focus-shadow:0px 0px 0px 3px #00000014;--okd-button-outline-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-loader-track-color:#00000040;--okd-button-outline-secondary-loader-mark-color:#000;--okd-button-outline-secondary-border-size:1px;--okd-button-outline-tertiary-border-size:1.5px;--okd-button-outline-tertiary-default-background:transparent;--okd-button-outline-tertiary-default-border-color:var(--okd-color-border-contrast);--okd-button-outline-tertiary-default-font-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-default-icon-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-hover-background:var(--okd-color-container-primary);--okd-button-outline-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-hover-icon-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-hover-font-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-hover-border-color:var(--okd-color-container-primary);--okd-button-outline-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-focus-icon-color:#000;--okd-button-outline-tertiary-focus-font-color:#000;--okd-button-outline-tertiary-focus-border-color:#fff;--okd-button-outline-tertiary-focus-background:#fff;--okd-button-outline-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-active-icon-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-active-font-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-active-border-color:var(--okd-color-container-primary);--okd-button-outline-tertiary-active-background:var(--okd-color-container-primary);--okd-button-outline-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-disabled-icon-color:#ffffff5c;--okd-button-outline-tertiary-disabled-font-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-disabled-border-color:#fafafa1f;--okd-button-outline-tertiary-disabled-background:transparent;--okd-button-outline-tertiary-loader-mark-color:var(--okd-color-border-contrast);--okd-button-outline-tertiary-loader-track-color:#fafafa4d;--okd-button-text-primary-default-background:var(--okd-color-common-transparent);--okd-button-text-primary-hover-background:#f3f3f3;--okd-button-text-primary-active-background:#f3f3f3;--okd-button-text-primary-focus-background:#f5f9ff;--okd-button-text-primary-disabled-background:undefined;--okd-button-text-primary-default-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-active-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-focus-border-color:transparent;--okd-button-text-primary-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-default-font-color:var(--okd-color-content-primary);--okd-button-text-primary-hover-font-color:var(--okd-color-content-primary);--okd-button-text-primary-active-font-color:var(--okd-color-content-primary);--okd-button-text-primary-focus-font-color:#005eea;--okd-button-text-primary-disabled-font-color:var(--okd-color-content-disabled);--okd-button-text-primary-default-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-hover-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-active-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-focus-icon-color:#005eea;--okd-button-text-primary-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-text-primary-default-shadow:none;--okd-button-text-primary-hover-shadow:none;--okd-button-text-primary-active-shadow:none;--okd-button-text-primary-focus-shadow:none;--okd-button-text-primary-disabled-shadow:none;--okd-button-text-primary-border-size:1px;--okd-button-text-secondary-default-background:transparent;--okd-button-text-secondary-hover-background:#f5f9ff;--okd-button-text-secondary-active-background:#f5f9ff;--okd-button-text-secondary-focus-background:#f5f9ff;--okd-button-text-secondary-disabled-background:#f9f9f9;--okd-button-text-secondary-default-border-color:transparent;--okd-button-text-secondary-hover-border-color:transparent;--okd-button-text-secondary-active-border-color:transparent;--okd-button-text-secondary-focus-border-color:transparent;--okd-button-text-secondary-disabled-border-color:transparent;--okd-button-text-secondary-default-font-color:#0569ff;--okd-button-text-secondary-hover-font-color:#005eea;--okd-button-text-secondary-active-font-color:#005eea;--okd-button-text-secondary-focus-font-color:#005eea;--okd-button-text-secondary-disabled-font-color:#005eea73;--okd-button-text-secondary-default-icon-color:#0569ff;--okd-button-text-secondary-hover-icon-color:#005eea;--okd-button-text-secondary-active-icon-color:#005eea;--okd-button-text-secondary-focus-icon-color:#005eea;--okd-button-text-secondary-disabled-icon-color:#005eea73;--okd-button-text-secondary-default-shadow:none;--okd-button-text-secondary-hover-shadow:none;--okd-button-text-secondary-active-shadow:none;--okd-button-text-secondary-focus-shadow:none;--okd-button-text-secondary-disabled-shadow:none;--okd-button-text-secondary-border-size:1px;--okd-button-text-red-default-background:var(--okd-color-common-transparent);--okd-button-text-red-hover-background:#eb4b6d0d;--okd-button-text-red-active-background:#eb4b6d0d;--okd-button-text-red-focus-background:#fff8f9;--okd-button-text-red-disabled-background:#fafafa00;--okd-button-text-red-default-border-color:transparent;--okd-button-text-red-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-red-active-border-color:var(--okd-color-common-transparent);--okd-button-text-red-focus-border-color:transparent;--okd-button-text-red-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-red-default-font-color:#eb4b6d;--okd-button-text-red-hover-font-color:var(--okd-color-semantic-negative);--okd-button-text-red-active-font-color:var(--okd-color-semantic-negative);--okd-button-text-red-focus-font-color:#602031;--okd-button-text-red-disabled-font-color:#eb4b6d73;--okd-button-text-red-default-icon-color:#602031;--okd-button-text-red-hover-icon-color:#eb4b6d;--okd-button-text-red-active-icon-color:var(--okd-color-semantic-negative);--okd-button-text-red-focus-icon-color:#602031;--okd-button-text-red-disabled-icon-color:#eb4b6d73;--okd-button-text-red-default-shadow:none;--okd-button-text-red-hover-shadow:none;--okd-button-text-red-active-shadow:none;--okd-button-text-red-focus-shadow:none;--okd-button-text-red-disabled-shadow:none;--okd-button-text-red-border-size:1px;--okd-button-text-green-default-background:var(--okd-color-common-transparent);--okd-button-text-green-hover-background:#31bd650d;--okd-button-text-green-active-background:#31bd650d;--okd-button-text-green-focus-background:#f2fff7;--okd-button-text-green-disabled-background:#fafafa00;--okd-button-text-green-default-border-color:var(--okd-color-common-transparent);--okd-button-text-green-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-green-active-border-color:var(--okd-color-common-transparent);--okd-button-text-green-focus-border-color:transparent;--okd-button-text-green-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-green-default-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-hover-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-active-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-focus-font-color:#0c5025;--okd-button-text-green-disabled-font-color:#31bd6573;--okd-button-text-green-default-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-hover-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-active-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-focus-icon-color:#0c5025;--okd-button-text-green-disabled-icon-color:#31bd6573;--okd-button-text-green-default-shadow:none;--okd-button-text-green-hover-shadow:none;--okd-button-text-green-active-shadow:none;--okd-button-text-green-focus-shadow:none;--okd-button-text-green-disabled-shadow:none;--okd-button-text-green-border-size:1px;--okd-button-text-yellow-default-background:var(--okd-color-common-transparent);--okd-button-text-yellow-hover-background:#ffb1170d;--okd-button-text-yellow-active-background:#ffb1170d;--okd-button-text-yellow-focus-background:#fffcf5;--okd-button-text-yellow-disabled-background:#fafafa00;--okd-button-text-yellow-default-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-active-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-focus-border-color:transparent;--okd-button-text-yellow-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-default-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-hover-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-active-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-focus-font-color:#eaa900;--okd-button-text-yellow-disabled-font-color:#ffb11773;--okd-button-text-yellow-default-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-hover-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-active-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-focus-icon-color:#eaa900;--okd-button-text-yellow-disabled-icon-color:#ffb11773;--okd-button-text-yellow-default-shadow:none;--okd-button-text-yellow-hover-shadow:none;--okd-button-text-yellow-active-shadow:none;--okd-button-text-yellow-focus-shadow:none;--okd-button-text-yellow-disabled-shadow:none;--okd-button-text-yellow-border-size:1px;--okd-button-text-orange-default-background:transparent;--okd-button-text-orange-hover-background:#fef9f6;--okd-button-text-orange-active-background:#fef9f6;--okd-button-text-orange-focus-background:#fef9f6;--okd-button-text-orange-disabled-background:#f9f9f9;--okd-button-text-orange-default-border-color:transparent;--okd-button-text-orange-hover-border-color:transparent;--okd-button-text-orange-active-border-color:transparent;--okd-button-text-orange-focus-border-color:transparent;--okd-button-text-orange-disabled-border-color:transparent;--okd-button-text-orange-default-font-color:#e96010;--okd-button-text-orange-hover-font-color:#e96010;--okd-button-text-orange-active-font-color:#e96010;--okd-button-text-orange-focus-font-color:#e96010;--okd-button-text-orange-disabled-font-color:#e9601073;--okd-button-text-orange-default-icon-color:#e96010;--okd-button-text-orange-hover-icon-color:#e96010;--okd-button-text-orange-active-icon-color:#e96010;--okd-button-text-orange-focus-icon-color:#e96010;--okd-button-text-orange-disabled-icon-color:#e9601073;--okd-button-text-orange-default-shadow:none;--okd-button-text-orange-hover-shadow:none;--okd-button-text-orange-active-shadow:none;--okd-button-text-orange-focus-shadow:none;--okd-button-text-orange-disabled-shadow:none;--okd-button-text-orange-border-size:1px}.theme-dark{--okd-color-gray-050:#000;--okd-color-gray-100:#2e2e2e;--okd-color-gray-200:#404040;--okd-color-gray-300:#6c6c6c;--okd-color-gray-400:#909090;--okd-color-gray-500:#b0b0b0;--okd-color-gray-600:#ccc;--okd-color-gray-700:#e3e3e3;--okd-color-gray-800:#f0f0f0;--okd-color-gray-900:#fafafa;--okd-color-blue-050:#051738;--okd-color-blue-100:#082356;--okd-color-blue-200:#0c3178;--okd-color-blue-300:#0f3c94;--okd-color-blue-400:#1148b0;--okd-color-blue-500:#1453cc;--okd-color-blue-600:#175fe8;--okd-color-blue-700:#1e6bff;--okd-color-blue-800:#3077ff;--okd-color-blue-900:#4283ff;--okd-color-green-050:#002b1f;--okd-color-green-100:#062b12;--okd-color-green-200:#0c5625;--okd-color-green-300:#138037;--okd-color-green-400:#19ab4a;--okd-color-green-500:#25a750;--okd-color-green-600:#4cde7d;--okd-color-green-700:#79e69d;--okd-color-green-800:#a5efbe;--okd-color-green-900:#d2f7de;--okd-color-red-050:#270b12;--okd-color-red-100:#300e17;--okd-color-red-200:#601d2e;--okd-color-red-300:#902b44;--okd-color-red-400:#c03a5b;--okd-color-red-500:#f04872;--okd-color-red-600:#f76489;--okd-color-red-700:#f994ae;--okd-color-red-800:#f9b6c7;--okd-color-red-900:#fff8f9;--okd-color-orange-050:#361604;--okd-color-orange-100:#532206;--okd-color-orange-200:#743008;--okd-color-orange-300:#8f3b0a;--okd-color-orange-400:#aa460c;--okd-color-orange-500:#c5510e;--okd-color-orange-600:#e15c0f;--okd-color-orange-700:#f76816;--okd-color-orange-800:#f87428;--okd-color-orange-900:#fa8c4d;--okd-color-yellow-050:#2d2104;--okd-color-yellow-100:#493603;--okd-color-yellow-200:#674b04;--okd-color-yellow-300:#7f5d05;--okd-color-yellow-400:#966e06;--okd-color-yellow-500:#ae8007;--okd-color-yellow-600:#c69208;--okd-color-yellow-700:#dba20e;--okd-color-yellow-800:#dea921;--okd-color-yellow-900:#e0b134;--okd-color-text-white:#fff;--okd-color-text-black:#1f2933;--okd-color-background-1:#121212;--okd-color-background-2:#1a1a1a;--okd-color-transparent:transparent;--okd-color-white:#fff;--okd-color-black:#000;--okd-color-line-muted:#2e2e2e;--okd-color-line-amplifed:#6c6c6c;--okd-color-line-secondary:#404040;--okd-color-text-lighter:#6c6c6c;--okd-color-text-light:#909090;--okd-color-text-secondary:#e3e3e3;--okd-color-text-amplifed:#fafafa;--okd-color-background-3:#242424;--okd-color-fq-blue-lv1:#3077ff;--okd-color-fq-blue-lv2:#1e6bff;--okd-color-fq-green-lv1:#1fd65c;--okd-color-fq-red-lv1:#f04872;--okd-color-fq-orange-lv1:#f76816;--okd-color-prefer-red-chart:#f04872;--okd-color-prefer-red-bg:#ca3f64;--okd-color-prefer-green-chart:#1fd65c;--okd-color-prefer-green-bg:#25a750;--okd-color-prefer-red-text:#ca3f64;--okd-color-prefer-green-text:#25a750;--okd-color-branded-primary:#bcff2f;--okd-color-fq-critical:#f04872;--okd-color-fq-positive:#25a750;--okd-color-fq-warning:#f76816;--okd-color-fq-accent:#1e6bff;--okd-color-fq-neutral:#fafafa;--okd-color-prefer-neutral-bg:#909090;--okd-color-prefer-neutral-text:#909090;--okd-color-background-base-primary:#000;--okd-color-background-base-secondary:#121212;--okd-color-background-surface-primary:#1d1d1d;--okd-color-background-surface-secondary:#121212;--okd-color-background-surface-pressed:#383838;--okd-color-background-surface-disable:#0e0e0e;--okd-color-background-scrim:#000000ad;--okd-color-container-primary:#272727;--okd-color-container-secondary:#272727;--okd-color-container-tertiary:#383838;--okd-color-container-contrast:#414141;--okd-color-container-inverse:#fafafa;--okd-color-content-primary:#fff;--okd-color-content-secondary:#e6e6e6;--okd-color-content-tertiary:#b3b3b3;--okd-color-content-contrast:#909090;--okd-color-content-disabled:#5b5b5b;--okd-color-content-inverse:#000;--okd-color-border-primary:#383838;--okd-color-border-secondary:#4d4d4d;--okd-color-border-contrast:#000;--okd-color-border-selected:#fff;--okd-color-semantic-neutral:#fff;--okd-color-semantic-notice:#ffb117;--okd-color-semantic-positive:#25a750;--okd-color-semantic-negative:#ca3f64;--okd-color-semantic-informative:#8a91ff;--okd-color-semantic-highlight:#bcff2f;--okd-color-dvp-neutral:#ffffffc2;--okd-color-dvp-profit:#25a750;--okd-color-dvp-loss:#ca3f64;--okd-color-categorical-01:#5f62ff;--okd-color-categorical-02:#ffb117;--okd-color-categorical-03:#bcff2f;--okd-color-categorical-04:#00bc4b;--okd-color-categorical-05:#f5384f;--okd-color-transparent-white:#0000;--okd-color-transparent-black:#ffffff05;--okd-color-common-transparent:#fff0;--okd-color-container-lv2:#1a1a1a;--okd-color-alert-info:#2e2e2e;--okd-color-alert-success:#002b1f;--okd-color-alert-warning:#361604;--okd-color-alert-error:#270b12;--okd-color-common-background-2:#383838;--okd-color-data-visualization-category-01:#5f62ff;--okd-color-data-visualization-category-02:#ffb117;--okd-color-data-visualization-category-03:#bcff2f;--okd-color-data-visualization-category-04:#00bc4b;--okd-color-data-visualization-category-05:#f5384f;--okd-color-preference-loss:#ca3f64;--okd-color-preference-profit:#25a750;--okd-color-preference-neutral:#ffffffc2;--okd-color-border-focus:#fff;--okd-color-background-base-primary_alternative:#000;--okd-color-link-content:#8a91ff;--okd-color-link-accent-content-primary:#bcff2f;--okd-color-background-surface-contrast:#272727;--okd-color-background-surface-brand:#bcff2f;--okd-color-border-tertiary:#0e0e0e;--okd-color-content-brand:#bcff2f;--okd-color-modal-primary:#0e0e0e;--okd-color-modal-secondary:#272727;--okd-color-modal-tertiary:#383838;--okd-color-modal-contrast:#4d4d4d;--okd-color-card-primary:#0e0e0e;--okd-color-card-secondary:#121212;--okd-color-brand-primary:#121212;--okd-color-brand-primary-alternative:#bcff2f;--okd-color-brand-secondary:#272727;--okd-color-brand-tertiary:#383838;--okd-color-brand-content:#e6ffb0;--okd-color-brand-content-contrast:#000;--okd-color-global-fixed-always-dark:var(--global-web3-global-fixed-always-dark,#000);--okd-color-global-fixed-always-light:var(--global-web3-global-fixed-always-light,#fff);--okd-color-surface-structural-subbase:var(--global-web3-surface-structural-subbase,#121212);--okd-color-surface-info-default:var(--global-web3-surface-info-default,#b8b8b8);--okd-color-surface-info-subtle:var(--global-web3-surface-info-subtle,#121212);--okd-color-surface-warning-default:var(--global-web3-surface-warning-default,#f5a915);--okd-color-surface-warning-subtle:var(--global-web3-surface-warning-subtle,#4d3200);--okd-color-surface-success-default:var(--global-web3-surface-success-default,#3c8f24);--okd-color-surface-success-subtle:var(--global-web3-surface-success-subtle,#192400);--okd-color-surface-danger-default:var(--global-web3-surface-danger-default,#ff5d73);--okd-color-surface-danger-subtle:var(--global-web3-surface-danger-subtle,#420a10);--okd-color-surface-interactive-default:#ffffff21;--okd-color-surface-interactive-hovered:#ffffff29;--okd-color-surface-interactive-pressed:#ffffff38;--okd-color-surface-interactive-disabled:#ffffff14;--okd-color-surface-interactive-oncolor-default:#ffffff1a;--okd-color-surface-interactive-oncolor-hovered:#ffffff26;--okd-color-surface-interactive-oncolor-pressed:#fff3;--okd-color-surface-interactive-emphasis-default:#fffffffc;--okd-color-surface-interactive-emphasis-hovered:#fffc;--okd-color-surface-interactive-emphasis-pressed:#ffffffb3;--okd-color-surface-interactive-emphasis-disabled:#ffffff14;--okd-color-surface-interactive-selected-default:#fff;--okd-color-surface-interactive-selected-subtle:#ffffff21;--okd-color-surface-interactive-selected-oncolor:#ffffff1a;--okd-color-surface-structural-base:var(--global-web3-surface-structural-base,#000);--okd-color-surface-structural-layer-1:var(--global-web3-surface-structural-layer-1,#121212);--okd-color-surface-structural-layer-2:var(--global-web3-surface-structural-layer-2,#2c2c2c);--okd-color-surface-structural-layer-3:var(--global-web3-surface-structural-layer-3,#3f3f3f);--okd-color-surface-structural-highlight:var(--global-web3-surface-structural-highlight,var(--global-color-highlight));--okd-color-surface-structural-inverse:#fff;--okd-color-surface-structural-elevated-default:var(--global-web3-surface-structural-elevated-default,#171717);--okd-color-surface-structural-elevated-contrast:var(--global-web3-surface-structural-elevated-contrast,#343434);--okd-color-surface-structural-overlay:#0009;--okd-color-border-static-default:var(--global-web3-border-static-default,#ffffff38);--okd-color-border-static-subtle:var(--global-web3-border-static-subtle,#ffffff21);--okd-color-border-static-dotted:#fff6;--okd-color-border-interactive-default:#fff6;--okd-color-border-interactive-hovered:#cfcfcf;--okd-color-border-interactive-pressed:var(--global-web3-border-interactive-pressed,#fff);--okd-color-border-interactive-focused:#fff;--okd-color-border-interactive-selected:#fff;--okd-color-border-interactive-error:#f57a8a;--okd-color-border-interactive-emphasis:#b8b8b8;--okd-color-border-interactive-oncolor:#2c2c2c;--okd-color-border-static-emphasis:#b8b8b8;--okd-color-border-static-experience:var(--global-web3-border-static-experience,var(--global-color-experience-default));--okd-color-border-static-highlight:var(--global-web3-border-static-highlight,var(--global-color-highlight));--okd-color-border-static-overlay:var(--global-web3-border-static-overlay,#ffffff1a);--okd-color-border-interactive-disabled:#ffffff38;--okd-color-border-info-default:#ebebeb;--okd-color-border-info-subtle:#7d7d7d;--okd-color-border-warning-default:var(--global-web3-border-warning-default,#ffc452);--okd-color-border-warning-subtle:var(--global-web3-border-warning-subtle,#4d3200);--okd-color-border-success-default:var(--global-web3-border-success-default,#49a92d);--okd-color-border-success-subtle:var(--global-web3-border-success-subtle,#192400);--okd-color-border-danger-default:var(--global-web3-border-danger-default,#f57a8a);--okd-color-border-danger-subtle:var(--global-web3-border-danger-subtle,#420a10);--okd-color-content-static-default:var(--global-web3-content-static-default,#fff);--okd-color-content-interactive-default:var(--global-web3-content-interactive-default,#b8b8b8);--okd-color-content-interactive-subtle:var(--global-web3-content-interactive-subtle,#7d7d7d);--okd-color-content-interactive-hovered:#ebebeb;--okd-color-content-static-subtle:var(--global-web3-content-static-subtle,#969696);--okd-color-content-interactive-pressed:var(--global-web3-content-interactive-pressed,#fff);--okd-color-content-static-inverse:var(--global-web3-content-static-inverse,#000);--okd-color-content-static-highlight:var(--global-web3-content-static-highlight,var(--global-color-highlight));--okd-color-content-static-placeholder:#ffffff4d;--okd-color-content-interactive-active:var(--global-web3-content-interactive-active,#fff);--okd-color-content-interactive-selected:var(--global-web3-content-interactive-selected,#fff);--okd-color-content-interactive-error:#f57a8a;--okd-color-content-interactive-disabled:#ffffff38;--okd-color-content-info-default:var(--global-web3-content-info-default,#ebebeb);--okd-color-content-info-subtle:#7d7d7d;--okd-color-content-warning-default:var(--global-web3-content-warning-default,#ffc452);--okd-color-content-warning-subtle:var(--global-web3-content-warning-subtle,#4d3200);--okd-color-content-success-default:var(--global-web3-content-success-default,#49a92d);--okd-color-content-success-subtle:#192400;--okd-color-content-danger-default:var(--global-web3-content-danger-default,#f57a8a);--okd-color-content-danger-subtle:var(--global-web3-content-danger-subtle,#420a10);--okd-color-content-illustration-default:#fff;--okd-color-content-dataviz-categorical-1:var(--global-web3-content-dataviz-categorical-1,var(--global-color-feature-default));--okd-color-content-dataviz-categorical-2:var(--global-web3-content-dataviz-categorical-2,#277ae7);--okd-color-content-dataviz-categorical-3:var(--global-web3-content-dataviz-categorical-3,#ffb729);--okd-color-content-dataviz-categorical-4:var(--global-web3-content-dataviz-categorical-4,#edc746);--okd-color-content-dataviz-categorical-5:#a352ef;--okd-color-content-dataviz-categorical-6:var(--global-web3-content-dataviz-categorical-6,#969696);--okd-color-content-dataviz-categorical-7:var(--global-web3-content-dataviz-categorical-7,#636363);--okd-color-content-dataviz-categorical-8:var(--global-web3-content-dataviz-categorical-8,#454545);--okd-color-content-illustration-inverse:#000;--okd-color-content-illustration-experience:var(--global-web3-content-illustration-experience,var(--global-color-experience-default));--okd-color-content-illustration-highlight:var(--global-web3-content-illustration-highlight,var(--global-color-highlight));--okd-color-global-alpha-matching-5:#0000000d;--okd-color-global-alpha-matching-10:#0000001a;--okd-color-global-alpha-matching-20:#0003;--okd-color-global-alpha-matching-30:#0000004d;--okd-color-global-alpha-matching-40:#0006;--okd-color-global-alpha-matching-50:#00000080;--okd-color-global-alpha-matching-60:#0009;--okd-color-global-alpha-matching-70:#000000b3;--okd-color-global-alpha-matching-80:#000c;--okd-color-global-alpha-matching-90:#000000e6;--okd-color-global-alpha-inverse-5:#ffffff14;--okd-color-global-alpha-pnl-profit:var(--global-color-profit-alpha);--okd-color-global-alpha-pnl-loss:var(--global-color-loss-alpha);--okd-color-global-alpha-feature-1:#bcff2f29;--okd-color-global-alpha-inverse-10:#ffffff21;--okd-color-global-alpha-inverse-20:#ffffff38;--okd-color-global-alpha-inverse-30:#ffffff4d;--okd-color-global-alpha-inverse-40:#fff6;--okd-color-global-alpha-inverse-50:#ffffff80;--okd-color-global-alpha-inverse-60:#fff9;--okd-color-global-alpha-inverse-70:#ffffffb3;--okd-color-global-alpha-inverse-80:#fffc;--okd-color-global-alpha-inverse-90:#ffffffe6;--okd-color-surface-pnl-profit-default:var(--global-web3-surface-pnl-profit-default,var(--global-color-profit-surface-default));--okd-color-surface-pnl-profit-hovered:var(--global-web3-surface-pnl-profit-hovered,var(--global-color-profit-surface-hovered));--okd-color-surface-pnl-profit-pressed:var(--global-web3-surface-pnl-profit-pressed,var(--global-color-profit-surface-pressed));--okd-color-surface-pnl-profit-tint:var(--global-web3-surface-pnl-profit-tint,var(--global-color-profit-tint));--okd-color-surface-pnl-loss-default:var(--global-web3-surface-pnl-loss-default,var(--global-color-loss-surface-default));--okd-color-surface-pnl-loss-hovered:var(--global-web3-surface-pnl-loss-hovered,var(--global-color-loss-surface-hovered));--okd-color-surface-pnl-loss-pressed:var(--global-web3-surface-pnl-loss-pressed,var(--global-color-loss-surface-pressed));--okd-color-surface-pnl-loss-tint:var(--global-web3-surface-pnl-loss-tint,var(--global-color-loss-tint));--okd-color-surface-pnl-neutral-default:var(--global-color-neutral-surface-default);--okd-color-surface-pnl-neutral-hovered:var(--global-web3-surface-pnl-neutral-hovered,var(--global-color-neutral-surface-hovered));--okd-color-surface-pnl-neutral-pressed:var(--global-web3-surface-pnl-neutral-pressed,var(--global-color-neutral-surface-pressed));--okd-color-surface-interactive-feature-default:var(--global-web3-surface-interactive-feature-default,var(--global-color-feature-default));--okd-color-surface-interactive-experience-default:var(--global-web3-surface-interactive-experience-default,var(--global-color-experience-default));--okd-color-surface-interactive-experience-hovered:var(--global-web3-surface-interactive-experience-hovered,var(--global-color-experience-hovered));--okd-color-surface-interactive-experience-pressed:var(--global-web3-surface-interactive-experience-pressed,var(--global-color-experience-pressed));--okd-color-surface-interactive-feature-hovered:var(--global-web3-surface-interactive-feature-hovered,var(--global-color-feature-hovered));--okd-color-surface-interactive-feature-pressed:var(--global-web3-surface-interactive-feature-pressed,var(--global-color-feature-pressed));--okd-color-surface-pnl-loss-graph:var(--global-web3-surface-pnl-loss-graph,var(--global-color-loss-graph));--okd-color-surface-structural-feature:var(--global-web3-surface-structural-feature,var(--global-color-feature-default));--okd-color-surface-structural-experience:var(--global-web3-surface-structural-experience,var(--global-color-experience-default));--okd-color-border-interactive-feature-default:var(--global-web3-border-interactive-feature-default,var(--global-color-feature-default));--okd-color-border-interactive-feature-hovered:var(--global-web3-border-interactive-feature-hovered,var(--global-color-feature-hovered));--okd-color-border-interactive-feature-pressed:var(--global-web3-border-interactive-feature-pressed,var(--global-color-feature-pressed));--okd-color-border-static-feature:var(--global-web3-border-static-feature,var(--global-color-feature-default));--okd-color-content-static-subtler:var(--global-web3-content-static-subtler,#636363);--okd-color-content-static-feature:var(--global-web3-content-static-feature,var(--global-color-feature-default));--okd-color-content-static-experience:var(--global-web3-content-static-experience,var(--global-color-experience-default));--okd-color-content-pnl-profit-default:var(--global-web3-content-pnl-profit-default,var(--global-color-profit-default));--okd-color-content-illustration-feature:var(--global-web3-content-illustration-feature,var(--global-color-feature-default));--okd-color-content-pnl-profit-oncolor:var(--global-color-profit-oncolor);--okd-color-content-pnl-loss-default:var(--global-web3-content-pnl-loss-default,var(--global-color-loss-default));--okd-color-content-pnl-loss-oncolor:var(--global-web3-content-pnl-loss-oncolor,var(--global-color-loss-oncolor));--okd-color-content-pnl-neutral-default:var(--global-web3-content-pnl-neutral-default,var(--global-color-neutral-default));--okd-color-content-pnl-neutral-oncolor:var(--global-web3-content-pnl-neutral-oncolor,var(--global-color-neutral-oncolor));--okd-color-surface-pnl-profit-graph:var(--global-web3-surface-pnl-profit-graph,var(--global-color-profit-graph));--okd-color-surface-pnl-neutral-graph:var(--global-web3-surface-pnl-neutral-graph,var(--global-color-neutral-graph));--okd-color-border-interactive-experience-default:var(--global-web3-border-interactive-experience-default,var(--global-color-experience-default));--okd-color-border-interactive-experience-hovered:var(--global-web3-border-interactive-experience-hovered,var(--global-color-experience-hovered));--okd-color-border-interactive-experience-pressed:var(--global-web3-border-interactive-experience-pressed,var(--global-color-experience-pressed));--okd-color-content-interactive-feature-default:var(--global-web3-content-interactive-feature-default,var(--global-color-feature-default));--okd-color-content-interactive-feature-hovered:var(--global-web3-content-interactive-feature-hovered,var(--global-color-feature-hovered));--okd-color-content-interactive-feature-pressed:var(--global-web3-content-interactive-feature-pressed,var(--global-color-feature-pressed));--okd-color-content-interactive-experience-default:var(--global-web3-content-interactive-experience-default,var(--global-color-experience-default));--okd-color-content-interactive-experience-alternative:var(--global-web3-content-interactive-experience-alternative,var(--global-color-experience-alternative));--okd-color-content-interactive-experience-accent:var(--global-color-experience-accent);--okd-color-content-interactive-experience-hovered:var(--global-web3-content-interactive-experience-hovered,var(--global-color-experience-hovered));--okd-color-content-interactive-experience-pressed:var(--global-web3-content-interactive-experience-pressed,var(--global-color-experience-pressed));--okd-color-content-interactive-experience-inverse:var(--global-color-experience-inverse);--okd-color-content-interactive-feature-inverse-default:var(--global-web3-content-interactive-feature-inverse-default,var(--global-color-feature-primary-inverse-default));--okd-color-content-interactive-feature-inverse-hovered:var(--global-web3-content-interactive-feature-inverse-hovered,var(--global-color-feature-primary-inverse-hovered));--okd-color-content-interactive-feature-inverse-pressed:var(--global-web3-content-interactive-feature-inverse-pressed,var(--global-color-feature-primary-inverse-pressed));--okd-color-surface-interactive-feature-inverse-default:var(--global-web3-surface-interactive-feature-inverse-default,var(--global-color-feature-primary-inverse-default));--okd-color-surface-interactive-feature-inverse-hovered:var(--global-web3-surface-interactive-feature-inverse-hovered,var(--global-color-feature-primary-inverse-hovered));--okd-color-surface-interactive-feature-inverse-pressed:var(--global-web3-surface-interactive-feature-inverse-pressed,var(--global-color-feature-primary-inverse-pressed));--okd-color-border-pnl-loss-default:var(--global-web3-border-pnl-loss-default,var(--global-color-loss-default));--okd-color-border-pnl-loss-graph:var(--global-web3-border-pnl-loss-graph,var(--global-color-loss-graph));--okd-color-border-pnl-profit-default:var(--global-web3-border-pnl-profit-default,var(--global-color-profit-default));--okd-color-border-pnl-profit-graph:var(--global-web3-border-pnl-profit-graph,var(--global-color-profit-graph));--okd-color-border-pnl-neutral-graph:var(--global-color-neutral-graph);--okd-color-content-static-notification:#f5384f;--okd-color-surface-interactive-unselected-default:#fff6;--okd-color-surface-structural-elevated-layer-1:var(--global-web3-surface-structural-elevated-layer-1,#2c2c2c);--okd-color-surface-interactive-destructive-default:var(--global-web3-surface-interactive-destructive-default,#f5384f);--okd-color-surface-interactive-destructive-hovered:var(--global-web3-surface-interactive-destructive-hovered,#ff5d73);--okd-color-surface-interactive-destructive-pressed:var(--global-web3-surface-interactive-destructive-pressed,#f57a8a);--okd-color-surface-structural-web-only-base:var(--global-web3-surface-structural-web-only-base,#000);--okd-color-surface-structural-web-only-layer-1:var(--global-web3-surface-structural-web-only-layer-1,#121212);--okd-color-global-fixed-shadow:#00000029;--okd-color-surface-interactive-destructive-subtle-default:var(--global-web3-surface-interactive-destructive-subtle-default,#420a10);--okd-color-surface-interactive-destructive-subtle-hovered:var(--global-web3-surface-interactive-destructive-subtle-hovered,#840916);--okd-color-surface-interactive-destructive-subtle-pressed:var(--global-web3-surface-interactive-destructive-subtle-pressed,#c8142a);--okd-color-global-fixed-always-light-20:#fff3;--okd-color-surface-pnl-profit-default-new:var(--global-color-profit-surface-default-new);--okd-color-surface-pnl-profit-emphasis:var(--global-web3-surface-pnl-profit-emphasis,var(--global-color-profit-surface-emphasis));--okd-color-surface-pnl-loss-default-new:var(--global-web3-surface-pnl-loss-default-new,var(--global-color-loss-surface-default-new));--okd-color-surface-pnl-loss-emphasis:var(--global-web3-surface-pnl-loss-emphasis,var(--global-color-loss-surface-emphasis));--okd-color-content-pnl-profit-oncolor-default:var(--global-web3-content-pnl-profit-oncolor-default,var(--global-color-profit-default));--okd-color-content-pnl-profit-oncolor-emphasis:var(--global-web3-content-pnl-profit-oncolor-emphasis,var(--global-color-profit-oncolor));--okd-color-content-pnl-loss-oncolor-default:var(--global-web3-content-pnl-loss-oncolor-default,var(--global-color-loss-default));--okd-color-content-pnl-loss-oncolor-emphasis:var(--global-web3-content-pnl-loss-oncolor-emphasis,var(--global-color-loss-oncolor));--okd-color-surface-pnl-profit-gradient-max:var(--global-web3-surface-pnl-profit-gradient-max,var(--global-color-profit-gradient-max));--okd-color-surface-pnl-profit-gradient-min:var(--global-color-profit-gradient-min);--okd-color-surface-pnl-loss-gradient-max:var(--global-web3-surface-pnl-loss-gradient-max,var(--global-color-loss-gradient-max));--okd-color-surface-pnl-loss-gradient-min:var(--global-color-loss-gradient-min);--okd-color-border-interactive-drop:var(--global-web3-border-interactive-drop,#114097);--okd-color-content-interactive-drop:var(--global-web3-content-interactive-drop,#0b5bcb);--okd-color-surface-interactive-drop:var(--global-web3-surface-interactive-drop,#101a3d);--okd-font-size-base:16px;--okd-font-size-md:14px;--okd-font-size-xs:12px;--okd-line-height-base:20px;--okd-line-height-md:20px;--okd-line-height-xs:16px;--okd-shadow-none:0 0 0 0 transparent;--okd-shadow-xs:0 0 0 1px #0000000d;--okd-shadow-sm:0 1px 2px 0 #0000000d;--okd-shadow-default:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--okd-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--okd-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--okd-shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--okd-shadow-2xl:0 25px 50px -12px #00000040;--okd-border-radius-none:0;--okd-border-radius-sm:2px;--okd-border-radius-md:4px;--okd-border-radius-lg:6px;--okd-border-radius-xl:8px;--okd-border-radius-xxl:10px;--okd-border-radius-xxxl:12px;--okd-font-family:HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial, Helvetica Neue, Helvetica, sans-serif;--okd-text-display-lg-font-size:56px;--okd-text-display-lg-font-weight:500;--okd-text-display-lg-line-height:1.32;--okd-text-display-md-font-size:40px;--okd-text-display-md-font-weight:500;--okd-text-display-md-line-height:52px;--okd-text-display-sm-font-size:40px;--okd-text-display-sm-font-weight:500;--okd-text-display-sm-line-height:52px;--okd-text-heading-lg-font-size:30px;--okd-text-heading-lg-font-weight:500;--okd-text-heading-lg-line-height:40px;--okd-text-heading-md-font-size:24px;--okd-text-heading-md-font-weight:500;--okd-text-heading-md-line-height:30px;--okd-text-heading-sm-font-size:18px;--okd-text-heading-sm-font-weight:500;--okd-text-heading-sm-line-height:24px;--okd-text-heading-xl-font-size:36px;--okd-text-heading-xl-line-height:1.32;--okd-text-heading-xl-font-weight:600;--okd-text-heading-xxl-font-size:40px;--okd-text-heading-xxl-line-height:1.32;--okd-text-heading-xxl-font-weight:600;--okd-text-heading-overline-font-size:12px;--okd-text-heading-overline-line-height:15px;--okd-text-heading-overline-font-weight:500;--okd-text-body-sm-regular-font-size:14px;--okd-text-body-sm-regular-font-weight:400;--okd-text-body-sm-regular-line-height:21px;--okd-text-body-sm-bold-font-size:14px;--okd-text-body-sm-bold-font-weight:500;--okd-text-body-sm-bold-line-height:21px;--okd-text-body-md-regular-font-size:16px;--okd-text-body-md-regular-font-weight:400;--okd-text-body-md-regular-line-height:24px;--okd-text-body-md-bold-font-size:16px;--okd-text-body-md-bold-font-weight:500;--okd-text-body-md-bold-line-height:24px;--okd-text-body-xs-regular-font-size:12px;--okd-text-body-xs-regular-font-weight:400;--okd-text-body-xs-regular-line-height:18px;--okd-text-body-xs-bold-font-size:12px;--okd-text-body-xs-bold-font-weight:500;--okd-text-body-xs-bold-line-height:18px;--okd-font-weight-400:400;--okd-font-weight-500:500;--okd-font-weight-600:600;--okd-font-weight-700:700;--okd-font-weight-800:800;--okd-font-weight-900:900;--okd-font-weight-regular:400;--okd-font-weight-medium:500;--okd-font-weight-bold:700;--okd-color-candle-body-profit:var(--global-web3-candle-body-profit,var(--global-color-surface-pnl-profit-graph));--okd-color-candle-border-profit:var(--global-web3-candle-border-profit,var(--global-color-surface-pnl-profit-graph));--okd-color-candle-wick-profit:var(--global-web3-candle-wick-profit,var(--global-color-surface-pnl-profit-graph));--okd-color-candle-body-loss:var(--global-web3-candle-body-loss,var(--global-color-surface-pnl-loss-graph));--okd-color-candle-border-loss:var(--global-web3-candle-border-loss,var(--global-color-surface-pnl-loss-graph));--okd-color-candle-wick-loss:var(--global-web3-candle-wick-loss,var(--global-color-surface-pnl-loss-graph))}.theme-dark.okui-button-var,.theme-dark .okui-button-var{--okd-button-primary-normal-default-background:#4283ff;--okd-button-primary-normal-hover-background:#1e6bff;--okd-button-primary-normal-active-background:#0f3c94;--okd-button-primary-normal-focus-background:#4283ff;--okd-button-primary-normal-disabled-background:#909090;--okd-button-primary-normal-default-border-color:#4283ff;--okd-button-primary-normal-hover-border-color:#1e6bff;--okd-button-primary-normal-active-border-color:#0f3c94;--okd-button-primary-normal-focus-border-color:#4283ff;--okd-button-primary-normal-disabled-border-color:#909090;--okd-button-primary-normal-default-font-color:#fff;--okd-button-primary-normal-hover-font-color:#fff;--okd-button-primary-normal-active-font-color:#fff;--okd-button-primary-normal-focus-font-color:#fff;--okd-button-primary-normal-disabled-font-color:#b0b0b0;--okd-button-primary-normal-default-icon-color:#fff;--okd-button-primary-normal-hover-icon-color:#fff;--okd-button-primary-normal-active-icon-color:#fff;--okd-button-primary-normal-focus-icon-color:#fff;--okd-button-primary-normal-disabled-icon-color:#b0b0b0;--okd-button-primary-normal-default-shadow:var(--okd-shadow-none);--okd-button-primary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-primary-normal-active-shadow:var(--okd-shadow-none);--okd-button-primary-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-blue-200);--okd-button-primary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-normal-loader-track-color:#ffffff3d;--okd-button-primary-normal-loader-mark-color:#fff;--okd-button-primary-red-default-background:#fff8f9;--okd-button-primary-red-hover-background:#f994ae;--okd-button-primary-red-active-background:#902b44;--okd-button-primary-red-focus-background:#fff8f9;--okd-button-primary-red-disabled-background:#909090;--okd-button-primary-red-default-border-color:#fff8f9;--okd-button-primary-red-hover-border-color:#f994ae;--okd-button-primary-red-active-border-color:#902b44;--okd-button-primary-red-focus-border-color:#fff8f9;--okd-button-primary-red-disabled-border-color:#909090;--okd-button-primary-red-default-font-color:#fff;--okd-button-primary-red-hover-font-color:#fff;--okd-button-primary-red-active-font-color:#fff;--okd-button-primary-red-focus-font-color:#fff;--okd-button-primary-red-disabled-font-color:#b0b0b0;--okd-button-primary-red-default-icon-color:#fff;--okd-button-primary-red-hover-icon-color:#fff;--okd-button-primary-red-active-icon-color:#fff;--okd-button-primary-red-focus-icon-color:#fff;--okd-button-primary-red-disabled-icon-color:#b0b0b0;--okd-button-primary-red-default-shadow:var(--okd-shadow-sm);--okd-button-primary-red-hover-shadow:var(--okd-shadow-none);--okd-button-primary-red-active-shadow:var(--okd-shadow-none);--okd-button-primary-red-focus-shadow:0px 0px 0px 3px var(--okd-color-red-200);--okd-button-primary-red-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-red-loader-track-color:#ffffff3d;--okd-button-primary-red-loader-mark-color:#fff;--okd-button-primary-green-default-background:#d2f7de;--okd-button-primary-green-hover-background:#79e69d;--okd-button-primary-green-active-background:#138037;--okd-button-primary-green-focus-background:#d2f7de;--okd-button-primary-green-disabled-background:#909090;--okd-button-primary-green-default-border-color:#d2f7de;--okd-button-primary-green-hover-border-color:#79e69d;--okd-button-primary-green-active-border-color:#138037;--okd-button-primary-green-focus-border-color:#d2f7de;--okd-button-primary-green-disabled-border-color:#909090;--okd-button-primary-green-default-font-color:#fff;--okd-button-primary-green-hover-font-color:#fff;--okd-button-primary-green-active-font-color:#fff;--okd-button-primary-green-focus-font-color:#fff;--okd-button-primary-green-disabled-font-color:#b0b0b0;--okd-button-primary-green-default-icon-color:#fff;--okd-button-primary-green-hover-icon-color:#fff;--okd-button-primary-green-active-icon-color:#fff;--okd-button-primary-green-focus-icon-color:#fff;--okd-button-primary-green-disabled-icon-color:#b0b0b0;--okd-button-primary-green-default-shadow:var(--okd-shadow-sm);--okd-button-primary-green-hover-shadow:var(--okd-shadow-none);--okd-button-primary-green-active-shadow:var(--okd-shadow-none);--okd-button-primary-green-focus-shadow:0px 0px 0px 3px var(--okd-color-green-200);--okd-button-primary-green-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-green-loader-track-color:#ffffff3d;--okd-button-primary-green-loader-mark-color:#fff;--okd-button-secondary-normal-default-background:#909090;--okd-button-secondary-normal-hover-background:#b0b0b0;--okd-button-secondary-normal-active-background:#6c6c6c;--okd-button-secondary-normal-focus-background:#909090;--okd-button-secondary-normal-disabled-background:#909090;--okd-button-secondary-normal-default-border-color:#909090;--okd-button-secondary-normal-hover-border-color:#b0b0b0;--okd-button-secondary-normal-active-border-color:#6c6c6c;--okd-button-secondary-normal-focus-border-color:#909090;--okd-button-secondary-normal-disabled-border-color:#909090;--okd-button-secondary-normal-default-font-color:#fff;--okd-button-secondary-normal-hover-font-color:#fff;--okd-button-secondary-normal-active-font-color:#fff;--okd-button-secondary-normal-focus-font-color:#fff;--okd-button-secondary-normal-disabled-font-color:#b0b0b0;--okd-button-secondary-normal-default-icon-color:#fff;--okd-button-secondary-normal-hover-icon-color:#fff;--okd-button-secondary-normal-active-icon-color:#fff;--okd-button-secondary-normal-focus-icon-color:#fff;--okd-button-secondary-normal-disabled-icon-color:#b0b0b0;--okd-button-secondary-normal-default-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-active-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-secondary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-loader-track-color:#ccc;--okd-button-secondary-normal-loader-mark-color:#fff;--okd-button-secondary-grey-default-background:#909090;--okd-button-secondary-grey-hover-background:#b0b0b0;--okd-button-secondary-grey-active-background:#6c6c6c;--okd-button-secondary-grey-focus-background:#909090;--okd-button-secondary-grey-disabled-background:#404040;--okd-button-secondary-grey-default-border-color:#909090;--okd-button-secondary-grey-hover-border-color:#b0b0b0;--okd-button-secondary-grey-active-border-color:#6c6c6c;--okd-button-secondary-grey-focus-border-color:#909090;--okd-button-secondary-grey-disabled-border-color:#404040;--okd-button-secondary-grey-default-font-color:#fff;--okd-button-secondary-grey-hover-font-color:#fff;--okd-button-secondary-grey-active-font-color:#fff;--okd-button-secondary-grey-focus-font-color:#fff;--okd-button-secondary-grey-disabled-font-color:#ccc;--okd-button-secondary-grey-default-icon-color:#fff;--okd-button-secondary-grey-hover-icon-color:#fff;--okd-button-secondary-grey-active-icon-color:#fff;--okd-button-secondary-grey-focus-icon-color:#fff;--okd-button-secondary-grey-disabled-icon-color:#ccc;--okd-button-secondary-grey-default-shadow:var(--okd-shadow-sm);--okd-button-secondary-grey-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-active-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-secondary-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-loader-track-color:#ccc;--okd-button-secondary-grey-loader-mark-color:#fafafa;--okd-button-basic-normal-default-background:transparent;--okd-button-basic-normal-hover-background:#404040;--okd-button-basic-normal-active-background:#6c6c6c;--okd-button-basic-normal-focus-background:transparent;--okd-button-basic-normal-disabled-background:transparent;--okd-button-basic-normal-default-border-color:#b0b0b0;--okd-button-basic-normal-hover-border-color:#b0b0b0;--okd-button-basic-normal-active-border-color:#b0b0b0;--okd-button-basic-normal-focus-border-color:#b0b0b0;--okd-button-basic-normal-disabled-border-color:#909090;--okd-button-basic-normal-default-font-color:#fff;--okd-button-basic-normal-hover-font-color:#fff;--okd-button-basic-normal-active-font-color:#fff;--okd-button-basic-normal-focus-font-color:#fff;--okd-button-basic-normal-disabled-font-color:#b0b0b0;--okd-button-basic-normal-default-icon-color:#fff;--okd-button-basic-normal-hover-icon-color:#fff;--okd-button-basic-normal-active-icon-color:#fff;--okd-button-basic-normal-focus-icon-color:#fff;--okd-button-basic-normal-disabled-icon-color:#b0b0b0;--okd-button-basic-normal-default-shadow:var(--okd-shadow-none);--okd-button-basic-normal-hover-shadow:var(--okd-shadow-none);--okd-button-basic-normal-active-shadow:var(--okd-shadow-none);--okd-button-basic-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-300);--okd-button-basic-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-basic-normal-loader-track-color:#909090;--okd-button-basic-normal-loader-mark-color:white;--okd-button-plain-normal-default-background:transparent;--okd-button-plain-normal-hover-background:#051738;--okd-button-plain-normal-active-background:#051738;--okd-button-plain-normal-focus-background:#051738;--okd-button-plain-normal-disabled-background:transparent;--okd-button-plain-normal-default-border-color:transparent;--okd-button-plain-normal-hover-border-color:transparent;--okd-button-plain-normal-active-border-color:transparent;--okd-button-plain-normal-focus-border-color:transparent;--okd-button-plain-normal-disabled-border-color:transparent;--okd-button-plain-normal-default-font-color:#3077ff;--okd-button-plain-normal-hover-font-color:#4283ff;--okd-button-plain-normal-active-font-color:#4283ff;--okd-button-plain-normal-focus-font-color:#4283ff;--okd-button-plain-normal-disabled-font-color:#ccc;--okd-button-plain-normal-default-icon-color:#3077ff;--okd-button-plain-normal-hover-icon-color:#4283ff;--okd-button-plain-normal-active-icon-color:#4283ff;--okd-button-plain-normal-focus-icon-color:#4283ff;--okd-button-plain-normal-disabled-icon-color:#ccc;--okd-button-plain-normal-default-shadow:none;--okd-button-plain-normal-hover-shadow:none;--okd-button-plain-normal-active-shadow:none;--okd-button-plain-normal-focus-shadow:none;--okd-button-plain-normal-disabled-shadow:none;--okd-button-plain-red-default-background:transparent;--okd-button-plain-red-hover-background:#270b12;--okd-button-plain-red-active-background:#270b12;--okd-button-plain-red-focus-background:#270b12;--okd-button-plain-red-disabled-background:#000;--okd-button-plain-red-default-border-color:transparent;--okd-button-plain-red-hover-border-color:transparent;--okd-button-plain-red-active-border-color:transparent;--okd-button-plain-red-focus-border-color:transparent;--okd-button-plain-red-disabled-border-color:transparent;--okd-button-plain-red-default-font-color:#f9b6c7;--okd-button-plain-red-hover-font-color:#f9b6c7;--okd-button-plain-red-active-font-color:#f9b6c7;--okd-button-plain-red-focus-font-color:#f9b6c7;--okd-button-plain-red-disabled-font-color:#f9b6c773;--okd-button-plain-red-default-icon-color:#f9b6c7;--okd-button-plain-red-hover-icon-color:#f9b6c7;--okd-button-plain-red-active-icon-color:#f9b6c7;--okd-button-plain-red-focus-icon-color:#f9b6c7;--okd-button-plain-red-disabled-icon-color:#f9b6c773;--okd-button-plain-red-default-shadow:none;--okd-button-plain-red-hover-shadow:none;--okd-button-plain-red-active-shadow:none;--okd-button-plain-red-focus-shadow:none;--okd-button-plain-red-disabled-shadow:none;--okd-button-plain-green-default-background:transparent;--okd-button-plain-green-hover-background:#002b1f;--okd-button-plain-green-active-background:#002b1f;--okd-button-plain-green-focus-background:#002b1f;--okd-button-plain-green-disabled-background:#000;--okd-button-plain-green-default-border-color:transparent;--okd-button-plain-green-hover-border-color:transparent;--okd-button-plain-green-active-border-color:transparent;--okd-button-plain-green-focus-border-color:transparent;--okd-button-plain-green-disabled-border-color:transparent;--okd-button-plain-green-default-font-color:#a5efbe;--okd-button-plain-green-hover-font-color:#a5efbe;--okd-button-plain-green-active-font-color:#a5efbe;--okd-button-plain-green-focus-font-color:#a5efbe;--okd-button-plain-green-disabled-font-color:#a5efbe73;--okd-button-plain-green-default-icon-color:#a5efbe;--okd-button-plain-green-hover-icon-color:#a5efbe;--okd-button-plain-green-active-icon-color:#a5efbe;--okd-button-plain-green-focus-icon-color:#a5efbe;--okd-button-plain-green-disabled-icon-color:#a5efbe73;--okd-button-plain-green-default-shadow:none;--okd-button-plain-green-hover-shadow:none;--okd-button-plain-green-active-shadow:none;--okd-button-plain-green-focus-shadow:none;--okd-button-plain-green-disabled-shadow:none;--okd-button-plain-orange-default-background:transparent;--okd-button-plain-orange-hover-background:#361604;--okd-button-plain-orange-active-background:#361604;--okd-button-plain-orange-focus-background:#361604;--okd-button-plain-orange-disabled-background:#000;--okd-button-plain-orange-default-border-color:transparent;--okd-button-plain-orange-hover-border-color:transparent;--okd-button-plain-orange-active-border-color:transparent;--okd-button-plain-orange-focus-border-color:transparent;--okd-button-plain-orange-disabled-border-color:transparent;--okd-button-plain-orange-default-font-color:#f87428;--okd-button-plain-orange-hover-font-color:#f87428;--okd-button-plain-orange-active-font-color:#f87428;--okd-button-plain-orange-focus-font-color:#f87428;--okd-button-plain-orange-disabled-font-color:#f8742873;--okd-button-plain-orange-default-icon-color:#f87428;--okd-button-plain-orange-hover-icon-color:#f87428;--okd-button-plain-orange-active-icon-color:#f87428;--okd-button-plain-orange-focus-icon-color:#f87428;--okd-button-plain-orange-disabled-icon-color:#f8742873;--okd-button-plain-orange-default-shadow:none;--okd-button-plain-orange-hover-shadow:none;--okd-button-plain-orange-active-shadow:none;--okd-button-plain-orange-focus-shadow:none;--okd-button-plain-orange-disabled-shadow:none;--okd-button-plain-yellow-default-background:transparent;--okd-button-plain-yellow-hover-background:#2d2104;--okd-button-plain-yellow-active-background:#2d2104;--okd-button-plain-yellow-focus-background:#2d2104;--okd-button-plain-yellow-disabled-background:#000;--okd-button-plain-yellow-default-border-color:transparent;--okd-button-plain-yellow-hover-border-color:transparent;--okd-button-plain-yellow-active-border-color:transparent;--okd-button-plain-yellow-focus-border-color:transparent;--okd-button-plain-yellow-disabled-border-color:transparent;--okd-button-plain-yellow-default-font-color:#dea921;--okd-button-plain-yellow-hover-font-color:#dea921;--okd-button-plain-yellow-active-font-color:#dea921;--okd-button-plain-yellow-focus-font-color:#dea921;--okd-button-plain-yellow-disabled-font-color:#dea92173;--okd-button-plain-yellow-default-icon-color:#dea921;--okd-button-plain-yellow-hover-icon-color:#dea921;--okd-button-plain-yellow-active-icon-color:#dea921;--okd-button-plain-yellow-focus-icon-color:#dea921;--okd-button-plain-yellow-disabled-icon-color:#dea92173;--okd-button-plain-yellow-default-shadow:none;--okd-button-plain-yellow-hover-shadow:none;--okd-button-plain-yellow-active-shadow:none;--okd-button-plain-yellow-focus-shadow:none;--okd-button-plain-yellow-disabled-shadow:none;--okd-button-xxs-font-size:var(--okd-font-size-xs);--okd-button-xs-font-size:var(--okd-font-size-xs);--okd-button-sm-font-size:var(--okd-font-size-md);--okd-button-md-font-size:var(--okd-font-size-md);--okd-button-lg-font-size:var(--okd-font-size-base);--okd-button-xl-font-size:18px;--okd-button-xxs-icon-size:14px;--okd-button-xs-icon-size:14px;--okd-button-sm-icon-size:18px;--okd-button-md-icon-size:18px;--okd-button-lg-icon-size:18px;--okd-button-xl-icon-size:18px;--okd-button-xxs-icon-margin:6px;--okd-button-xs-icon-margin:6px;--okd-button-sm-icon-margin:6px;--okd-button-md-icon-margin:6px;--okd-button-lg-icon-margin:8px;--okd-button-xl-icon-margin:8px;--okd-button-xxs-line-height:var(--okd-line-height-xs);--okd-button-xs-line-height:var(--okd-line-height-xs);--okd-button-sm-line-height:var(--okd-line-height-md);--okd-button-md-line-height:var(--okd-line-height-md);--okd-button-lg-line-height:var(--okd-line-height-base);--okd-button-xl-line-height:var(--okd-line-height-base);--okd-button-xxs-padding-horizontal:8px;--okd-button-xxs-padding-vertical:3px;--okd-button-xs-padding-horizontal:8px;--okd-button-xs-padding-vertical:5px;--okd-button-sm-padding-horizontal:12px;--okd-button-sm-padding-vertical:7px;--okd-button-md-padding-horizontal:16px;--okd-button-md-padding-vertical:9px;--okd-button-lg-padding-horizontal:24px;--okd-button-lg-padding-vertical:13px;--okd-button-xl-padding-horizontal:24px;--okd-button-xl-padding-vertical:17px;--okd-button-xxs-min-width:63px;--okd-button-xs-min-width:63px;--okd-button-sm-min-width:81px;--okd-button-md-min-width:90px;--okd-button-lg-min-width:108px;--okd-button-xl-min-width:126px;--okd-button-xxs-border-radius:60px;--okd-button-xs-border-radius:60px;--okd-button-sm-border-radius:60px;--okd-button-md-border-radius:60px;--okd-button-lg-border-radius:60px;--okd-button-xl-border-radius:60px;--okd-button-xxs-border-size:1px;--okd-button-xs-border-size:1px;--okd-button-sm-border-size:1px;--okd-button-md-border-size:1px;--okd-button-lg-border-size:1px;--okd-button-xl-border-size:1px;--okd-button-xl-loader-size:18px;--okd-button-lg-loader-size:14px;--okd-button-md-loader-size:14px;--okd-button-sm-loader-size:14px;--okd-button-xs-loader-size:14px;--okd-button-xxs-loader-size:14px;--okd-button-xl-loader-text-margin-left:8px;--okd-button-lg-loader-text-margin-left:8px;--okd-button-md-loader-text-margin-left:6px;--okd-button-sm-loader-text-margin-left:6px;--okd-button-xs-loader-text-margin-left:6px;--okd-button-xxs-loader-text-margin-left:6px;--okd-button-s-font-size:14px;--okd-button-s-icon-size:18px;--okd-button-s-icon-margin:6px;--okd-button-s-line-height:16px;--okd-button-s-padding-horizontal:12px;--okd-button-s-padding-vertical:7px;--okd-button-s-min-width:72px;--okd-button-s-border-radius:60px;--okd-button-s-loader-size:14px;--okd-button-s-loader-text-margin-left:6px;--okd-button-rect-xxs-border-radius:4px;--okd-button-rect-xs-border-radius:4px;--okd-button-rect-sm-border-radius:4px;--okd-button-rect-s-border-radius:4px;--okd-button-rect-md-border-radius:4px;--okd-button-rect-lg-border-radius:8px;--okd-button-rect-xl-border-radius:8px;--okd-button-fill-highlight-default-background:var(--global-button-fill-highlight-default-background,var(--okd-color-container-inverse));--okd-button-fill-highlight-hover-background:var(--global-button-fill-highlight-hover-background,var(--okd-color-container-inverse));--okd-button-fill-highlight-active-background:var(--global-button-fill-highlight-active-background,var(--okd-color-container-inverse));--okd-button-fill-highlight-focus-background:var(--global-button-fill-highlight-focus-background,#fafafa);--okd-button-fill-highlight-disabled-background:var(--global-button-fill-highlight-disabled-background,#1d1d1d);--okd-button-fill-highlight-default-border-color:var(--okd-color-common-transparent);--okd-button-fill-highlight-hover-border-color:var(--okd-color-common-transparent);--okd-button-fill-highlight-active-border-color:var(--okd-color-common-transparent);--okd-button-fill-highlight-focus-border-color:var(--global-button-fill-highlight-focus-border-color,#fafafa);--okd-button-fill-highlight-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-highlight-default-font-color:var(--global-button-fill-highlight-default-font-color,var(--okd-color-content-inverse));--okd-button-fill-highlight-hover-font-color:var(--global-button-fill-highlight-hover-font-color,var(--okd-color-content-contrast));--okd-button-fill-highlight-active-font-color:var(--global-button-fill-highlight-active-font-color,var(--okd-color-content-contrast));--okd-button-fill-highlight-focus-font-color:var(--global-button-fill-highlight-focus-font-color,#000);--okd-button-fill-highlight-disabled-font-color:var(--global-button-fill-highlight-disabled-font-color,var(--okd-color-content-disabled));--okd-button-fill-highlight-default-icon-color:var(--global-button-fill-highlight-default-icon-color,var(--okd-color-content-inverse));--okd-button-fill-highlight-hover-icon-color:var(--global-button-fill-highlight-hover-icon-color,var(--okd-color-content-contrast));--okd-button-fill-highlight-active-icon-color:var(--global-button-fill-highlight-active-icon-color,var(--okd-color-content-contrast));--okd-button-fill-highlight-focus-icon-color:var(--global-button-fill-highlight-focus-icon-color,#000);--okd-button-fill-highlight-disabled-icon-color:var(--global-button-fill-highlight-disabled-icon-color,var(--okd-color-content-disabled));--okd-button-fill-highlight-default-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-hover-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-active-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-focus-shadow:var(--global-button-fill-highlight-focus-shadow,0px 0px 0px 1.5px #000, 0px 0px 0px 4px #fafafa40);--okd-button-fill-highlight-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-loader-track-color:#00000042;--okd-button-fill-highlight-loader-mark-color:var(--okd-color-border-contrast);--okd-button-fill-highlight-border-size:0px;--okd-button-fill-primary-default-background:var(--global-button-fill-highlight-default-background,var(--okd-color-container-inverse));--okd-button-fill-primary-hover-background:var(--global-button-fill-highlight-hover-background,var(--okd-color-container-inverse));--okd-button-fill-primary-active-background:var(--global-button-fill-highlight-active-background,var(--okd-color-container-inverse));--okd-button-fill-primary-focus-background:var(--global-button-fill-highlight-focus-background,#1453cc);--okd-button-fill-primary-disabled-background:var(--global-button-fill-highlight-disabled-background,#1d1d1d);--okd-button-fill-primary-default-border-color:var(--okd-color-container-inverse);--okd-button-fill-primary-hover-border-color:var(--okd-color-common-transparent);--okd-button-fill-primary-active-border-color:transparent;--okd-button-fill-primary-focus-border-color:var(--global-button-fill-highlight-focus-border-color,transparent);--okd-button-fill-primary-disabled-border-color:var(--okd-color-background-surface-primary);--okd-button-fill-primary-default-font-color:var(--global-button-fill-highlight-default-font-color,var(--okd-color-content-inverse));--okd-button-fill-primary-hover-font-color:var(--global-button-fill-highlight-hover-font-color,var(--okd-color-content-contrast));--okd-button-fill-primary-active-font-color:var(--global-button-fill-highlight-active-font-color,var(--okd-color-content-contrast));--okd-button-fill-primary-focus-font-color:var(--global-button-fill-highlight-focus-font-color,#fff);--okd-button-fill-primary-disabled-font-color:var(--global-button-fill-highlight-disabled-font-color,var(--okd-color-content-disabled));--okd-button-fill-primary-default-icon-color:var(--global-button-fill-highlight-default-icon-color,var(--okd-color-content-inverse));--okd-button-fill-primary-hover-icon-color:var(--global-button-fill-highlight-hover-icon-color,#0009);--okd-button-fill-primary-active-icon-color:var(--global-button-fill-highlight-active-icon-color,var(--okd-color-content-contrast));--okd-button-fill-primary-focus-icon-color:var(--global-button-fill-highlight-focus-icon-color,#fff);--okd-button-fill-primary-disabled-icon-color:var(--global-button-fill-highlight-disabled-icon-color,var(--okd-color-content-disabled));--okd-button-fill-primary-default-shadow:var(--okd-shadow-none);--okd-button-fill-primary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-primary-active-shadow:var(--okd-shadow-none);--okd-button-fill-primary-focus-shadow:var(--global-button-fill-highlight-focus-shadow,0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #2676ff8c);--okd-button-fill-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-primary-loader-track-color:#00000042;--okd-button-fill-primary-loader-mark-color:var(--okd-color-border-contrast);--okd-button-fill-primary-border-size:0px;--okd-button-fill-secondary-default-background:#fafafa0f;--okd-button-fill-secondary-hover-background:#ffffff26;--okd-button-fill-secondary-active-background:#ffffff26;--okd-button-fill-secondary-focus-background:#ffffff26;--okd-button-fill-secondary-disabled-background:#ffffff0f;--okd-button-fill-secondary-default-border-color:transparent;--okd-button-fill-secondary-hover-border-color:transparent;--okd-button-fill-secondary-active-border-color:transparent;--okd-button-fill-secondary-focus-border-color:transparent;--okd-button-fill-secondary-disabled-border-color:#242424;--okd-button-fill-secondary-default-font-color:#fafafa;--okd-button-fill-secondary-hover-font-color:#fff;--okd-button-fill-secondary-active-font-color:#fff;--okd-button-fill-secondary-focus-font-color:#fff;--okd-button-fill-secondary-disabled-font-color:#6c6c6c;--okd-button-fill-secondary-default-icon-color:#fafafa;--okd-button-fill-secondary-hover-icon-color:#fafafa;--okd-button-fill-secondary-active-icon-color:#fff;--okd-button-fill-secondary-focus-icon-color:#fff;--okd-button-fill-secondary-disabled-icon-color:#6c6c6c;--okd-button-fill-secondary-default-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-active-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-focus-shadow:0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #ffffff1a;--okd-button-fill-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-loader-track-color:#6c6c6c;--okd-button-fill-secondary-loader-mark-color:#fff;--okd-button-fill-secondary-border-size:0px;--okd-button-fill-tertiary-border-size:0px;--okd-button-fill-tertiary-default-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-hover-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-focus-background:#fffc;--okd-button-fill-tertiary-active-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-disabled-background:#2727270f;--okd-button-fill-tertiary-default-border-color:var(--okd-color-container-primary);--okd-button-fill-tertiary-hover-border-color:#27272700;--okd-button-fill-tertiary-focus-border-color:#fff0;--okd-button-fill-tertiary-active-border-color:#27272700;--okd-button-fill-tertiary-disabled-border-color:#2727270f;--okd-button-fill-tertiary-default-font-color:var(--okd-color-content-primary);--okd-button-fill-tertiary-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-tertiary-hover-font-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-hover-icon-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-focus-font-color:#000;--okd-button-fill-tertiary-focus-icon-color:#000;--okd-button-fill-tertiary-active-icon-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-active-font-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-disabled-icon-color:#0000005c;--okd-button-fill-tertiary-disabled-font-color:#0000005c;--okd-button-fill-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-loader-track-color:var(--okd-color-border-primary);--okd-button-fill-tertiary-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-quaternary-border-size:0px;--okd-button-fill-quaternary-default-background:#ffffff0f;--okd-button-fill-quaternary-default-border-color:transparent;--okd-button-fill-quaternary-default-icon-color:#fff;--okd-button-fill-quaternary-default-font-color:#fff;--okd-button-fill-quaternary-hover-icon-color:#fff;--okd-button-fill-quaternary-hover-font-color:#fff;--okd-button-fill-quaternary-hover-border-color:transparent;--okd-button-fill-quaternary-hover-background:#ffffff26;--okd-button-fill-quaternary-focus-icon-color:#fff;--okd-button-fill-quaternary-focus-font-color:#fff;--okd-button-fill-quaternary-focus-border-color:transparent;--okd-button-fill-quaternary-focus-background:#ffffff26;--okd-button-fill-quaternary-active-icon-color:#fff;--okd-button-fill-quaternary-active-font-color:#fff;--okd-button-fill-quaternary-active-border-color:transparent;--okd-button-fill-quaternary-active-background:#ffffff26;--okd-button-fill-quaternary-disabled-icon-color:#ffffff4d;--okd-button-fill-quaternary-disabled-font-color:#ffffff4d;--okd-button-fill-quaternary-disabled-border-color:transparent;--okd-button-fill-quaternary-disabled-background:#ffffff0f;--okd-button-fill-quaternary-loader-mark-color:#fff;--okd-button-fill-quaternary-loader-track-color:#ffffff26;--okd-button-fill-quaternary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-red-default-background:var(--okd-color-semantic-negative);--okd-button-fill-red-hover-background:#ca3f64cc;--okd-button-fill-red-active-background:#ca3f64cc;--okd-button-fill-red-focus-background:#f04872;--okd-button-fill-red-disabled-background:#1d1d1d;--okd-button-fill-red-default-border-color:var(--okd-color-semantic-negative);--okd-button-fill-red-hover-border-color:transparent;--okd-button-fill-red-active-border-color:transparent;--okd-button-fill-red-focus-border-color:transparent;--okd-button-fill-red-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-red-default-font-color:var(--okd-color-content-primary);--okd-button-fill-red-hover-font-color:var(--okd-color-content-primary);--okd-button-fill-red-active-font-color:var(--okd-color-content-primary);--okd-button-fill-red-focus-font-color:#fff;--okd-button-fill-red-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-red-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-red-hover-icon-color:var(--okd-color-content-primary);--okd-button-fill-red-active-icon-color:var(--okd-color-content-primary);--okd-button-fill-red-focus-icon-color:#fff;--okd-button-fill-red-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-red-default-shadow:var(--okd-shadow-sm);--okd-button-fill-red-hover-shadow:var(--okd-shadow-none);--okd-button-fill-red-active-shadow:var(--okd-shadow-none);--okd-button-fill-red-focus-shadow:0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #bf474780;--okd-button-fill-red-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-red-loader-track-color:#ffffff26;--okd-button-fill-red-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-red-border-size:0px;--okd-button-fill-green-default-background:var(--okd-color-semantic-positive);--okd-button-fill-green-hover-background:#25a750cc;--okd-button-fill-green-active-background:#25a750cc;--okd-button-fill-green-focus-background:#25a750;--okd-button-fill-green-disabled-background:#1d1d1d;--okd-button-fill-green-default-border-color:var(--okd-color-semantic-positive);--okd-button-fill-green-hover-border-color:transparent;--okd-button-fill-green-active-border-color:transparent;--okd-button-fill-green-focus-border-color:#25a750;--okd-button-fill-green-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-green-default-font-color:var(--okd-color-content-primary);--okd-button-fill-green-hover-font-color:var(--okd-color-content-primary);--okd-button-fill-green-active-font-color:var(--okd-color-content-primary);--okd-button-fill-green-focus-font-color:#fff;--okd-button-fill-green-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-green-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-green-hover-icon-color:var(--okd-color-content-primary);--okd-button-fill-green-active-icon-color:var(--okd-color-content-primary);--okd-button-fill-green-focus-icon-color:#fff;--okd-button-fill-green-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-green-default-shadow:var(--okd-shadow-sm);--okd-button-fill-green-hover-shadow:var(--okd-shadow-none);--okd-button-fill-green-active-shadow:var(--okd-shadow-none);--okd-button-fill-green-focus-shadow:0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #33b06a8c;--okd-button-fill-green-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-green-loader-track-color:#ffffff26;--okd-button-fill-green-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-green-border-size:0px;--okd-button-fill-grey-default-background:var(--global-button-fill-grey-default-background,#1d1d1d);--okd-button-fill-grey-hover-background:var(--global-button-fill-grey-hover-background,#272727);--okd-button-fill-grey-active-background:var(--global-button-fill-grey-active-background,#1d1d1d);--okd-button-fill-grey-focus-background:var(--global-button-fill-grey-focus-background,#40404099);--okd-button-fill-grey-disabled-background:var(--global-button-fill-grey-disabled-background,#1d1d1d);--okd-button-fill-grey-default-border-color:var(--global-button-fill-grey-default-border-color,var(--okd-color-background-surface-primary));--okd-button-fill-grey-hover-border-color:transparent;--okd-button-fill-grey-active-border-color:transparent;--okd-button-fill-grey-focus-border-color:var(--global-button-fill-grey-focus-border-color,#404040);--okd-button-fill-grey-disabled-border-color:var(--global-button-fill-grey-disabled-border-color,var(--okd-color-background-surface-disable));--okd-button-fill-grey-default-font-color:var(--global-button-fill-grey-default-font-color,var(--okd-color-content-primary));--okd-button-fill-grey-hover-font-color:var(--global-button-fill-grey-hover-font-color,var(--okd-color-content-primary));--okd-button-fill-grey-active-font-color:var(--global-button-fill-grey-active-font-color,var(--okd-color-content-primary));--okd-button-fill-grey-focus-font-color:var(--global-button-fill-grey-focus-font-color,#fff);--okd-button-fill-grey-disabled-font-color:var(--global-button-fill-grey-disabled-font-color,var(--okd-color-content-disabled));--okd-button-fill-grey-default-icon-color:var(--global-button-fill-grey-default-icon-color,var(--okd-color-content-primary));--okd-button-fill-grey-hover-icon-color:var(--global-button-fill-grey-hover-icon-color,var(--okd-color-content-primary));--okd-button-fill-grey-active-icon-color:var(--global-button-fill-grey-active-icon-color,var(--okd-color-content-primary));--okd-button-fill-grey-focus-icon-color:var(--global-button-fill-grey-focus-icon-color,#fff);--okd-button-fill-grey-disabled-icon-color:var(--global-button-fill-grey-disabled-icon-color,var(--okd-color-content-disabled));--okd-button-fill-grey-default-shadow:0 0 0 0 transparent;--okd-button-fill-grey-hover-shadow:var(--okd-shadow-none);--okd-button-fill-grey-active-shadow:0 0 0 0 transparent;--okd-button-fill-grey-focus-shadow:var(--global-button-fill-grey-focus-shadow,0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #ffffff1a);--okd-button-fill-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-grey-loader-track-color:var(--global-button-fill-grey-loader-track-color,var(--okd-color-border-primary));--okd-button-fill-grey-loader-mark-color:var(--global-button-fill-grey-loader-mark-color,var(--okd-color-border-selected));--okd-button-fill-grey-border-size:0px;--okd-button-outline-highlight-border-size:1px;--okd-button-outline-highlight-default-background:#0000;--okd-button-outline-highlight-default-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-default-font-color:var(--okd-color-content-primary);--okd-button-outline-highlight-hover-background:var(--okd-color-container-inverse);--okd-button-outline-highlight-hover-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-hover-font-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-hover-icon-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-focus-background:#fff;--okd-button-outline-highlight-focus-border-color:#fff;--okd-button-outline-highlight-focus-font-color:#000;--okd-button-outline-highlight-focus-icon-color:#000;--okd-button-outline-highlight-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-default-icon-color:var(--okd-color-content-primary);--okd-button-outline-highlight-active-background:var(--okd-color-container-inverse);--okd-button-outline-highlight-active-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-active-font-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-active-icon-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-disabled-background:#0000;--okd-button-outline-highlight-disabled-font-color:var(--okd-color-content-disabled);--okd-button-outline-highlight-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-outline-highlight-disabled-border-color:var(--okd-color-border-primary);--okd-button-outline-highlight-loader-track-color:#ffffff40;--okd-button-outline-highlight-loader-mark-color:#fff;--okd-button-outline-highlight-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-primary-default-background:var(--global-button-outline-primary-default-background,#0000);--okd-button-outline-primary-hover-background:var(--global-button-outline-primary-hover-background,#1d1d1d);--okd-button-outline-primary-active-background:var(--global-button-outline-primary-active-background,#1d1d1d);--okd-button-outline-primary-focus-background:var(--global-button-outline-primary-focus-background,#242424);--okd-button-outline-primary-disabled-background:var(--global-button-outline-primary-disabled-background,#1d1d1d);--okd-button-outline-primary-default-border-color:var(--global-button-outline-primary-default-border-color,var(--okd-color-border-secondary));--okd-button-outline-primary-hover-border-color:var(--global-button-outline-primary-hover-border-color,var(--okd-color-border-secondary));--okd-button-outline-primary-active-border-color:var(--global-button-outline-primary-active-border-color,var(--okd-color-border-secondary));--okd-button-outline-primary-focus-border-color:var(--global-button-outline-primary-focus-border-color,#404040);--okd-button-outline-primary-disabled-border-color:var(--global-button-outline-primary-disabled-border-color,var(--okd-color-border-primary));--okd-button-outline-primary-default-font-color:var(--global-button-outline-primary-default-font-color,var(--okd-color-content-primary));--okd-button-outline-primary-hover-font-color:var(--global-button-outline-primary-hover-font-color,var(--okd-color-content-primary));--okd-button-outline-primary-active-font-color:var(--global-button-outline-primary-active-font-color,var(--okd-color-content-primary));--okd-button-outline-primary-focus-font-color:var(--global-button-outline-primary-focus-font-color,#fff);--okd-button-outline-primary-disabled-font-color:var(--global-button-outline-primary-disabled-font-color,var(--okd-color-content-disabled));--okd-button-outline-primary-default-icon-color:var(--global-button-outline-primary-default-icon-color,var(--okd-color-content-primary));--okd-button-outline-primary-hover-icon-color:var(--global-button-outline-primary-hover-icon-color,var(--okd-color-content-primary));--okd-button-outline-primary-active-icon-color:var(--global-button-outline-primary-active-icon-color,var(--okd-color-content-primary));--okd-button-outline-primary-focus-icon-color:var(--global-button-outline-primary-focus-icon-color,#fff);--okd-button-outline-primary-disabled-icon-color:var(--global-button-outline-primary-disabled-icon-color,var(--okd-color-content-disabled));--okd-button-outline-primary-default-shadow:var(--okd-shadow-none);--okd-button-outline-primary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-primary-active-shadow:var(--okd-shadow-none);--okd-button-outline-primary-focus-shadow:var(--global-button-outline-primary-focus-shadow,0px 0px 0px 3.5px #ffffff1a);--okd-button-outline-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-primary-loader-track-color:var(--global-button-outline-primary-loader-track-color,#90909040);--okd-button-outline-primary-loader-mark-color:var(--global-button-outline-primary-loader-mark-color,white);--okd-button-outline-primary-border-size:1px;--okd-button-outline-secondary-default-background:transparent;--okd-button-outline-secondary-hover-background:#242424;--okd-button-outline-secondary-active-background:#242424;--okd-button-outline-secondary-focus-background:#242424;--okd-button-outline-secondary-disabled-background:transparent;--okd-button-outline-secondary-default-border-color:#404040;--okd-button-outline-secondary-hover-border-color:#404040;--okd-button-outline-secondary-active-border-color:#404040;--okd-button-outline-secondary-focus-border-color:#404040;--okd-button-outline-secondary-disabled-border-color:#2e2e2e;--okd-button-outline-secondary-default-font-color:#fafafa;--okd-button-outline-secondary-hover-font-color:#fafafa;--okd-button-outline-secondary-active-font-color:#fafafa;--okd-button-outline-secondary-focus-font-color:#fafafa;--okd-button-outline-secondary-disabled-font-color:#6c6c6c;--okd-button-outline-secondary-default-icon-color:#fafafa;--okd-button-outline-secondary-hover-icon-color:#fafafa;--okd-button-outline-secondary-active-icon-color:#fafafa;--okd-button-outline-secondary-focus-icon-color:#fafafa;--okd-button-outline-secondary-disabled-icon-color:#6c6c6c;--okd-button-outline-secondary-default-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-active-shadow:0 0 0 0 transparent;--okd-button-outline-secondary-focus-shadow:0px 0px 0px 3.5px #ffffff1a;--okd-button-outline-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-loader-track-color:#ffffff40;--okd-button-outline-secondary-loader-mark-color:#fff;--okd-button-outline-secondary-border-size:1px;--okd-button-outline-tertiary-border-size:1.5px;--okd-button-outline-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-default-icon-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-default-font-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-default-border-color:var(--okd-color-border-contrast);--okd-button-outline-tertiary-default-background:transparent;--okd-button-outline-tertiary-hover-icon-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-hover-font-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-hover-border-color:var(--okd-color-container-primary);--okd-button-outline-tertiary-hover-background:var(--okd-color-container-primary);--okd-button-outline-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-focus-icon-color:#000;--okd-button-outline-tertiary-focus-font-color:#000;--okd-button-outline-tertiary-focus-border-color:#fff;--okd-button-outline-tertiary-focus-background:#fff;--okd-button-outline-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-active-icon-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-active-font-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-active-border-color:var(--okd-color-container-primary);--okd-button-outline-tertiary-active-background:var(--okd-color-container-primary);--okd-button-outline-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-disabled-icon-color:#0000005c;--okd-button-outline-tertiary-disabled-font-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-disabled-border-color:#0000001f;--okd-button-outline-tertiary-disabled-background:transparent;--okd-button-outline-tertiary-loader-mark-color:var(--okd-color-border-contrast);--okd-button-outline-tertiary-loader-track-color:#0000004d;--okd-button-text-primary-default-background:var(--okd-color-common-transparent);--okd-button-text-primary-hover-background:#1d1d1d;--okd-button-text-primary-active-background:#1d1d1d;--okd-button-text-primary-focus-background:#051738;--okd-button-text-primary-disabled-background:undefined;--okd-button-text-primary-default-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-active-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-focus-border-color:transparent;--okd-button-text-primary-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-default-font-color:var(--okd-color-content-primary);--okd-button-text-primary-hover-font-color:var(--okd-color-content-primary);--okd-button-text-primary-active-font-color:var(--okd-color-content-primary);--okd-button-text-primary-focus-font-color:#4283ff;--okd-button-text-primary-disabled-font-color:var(--okd-color-content-disabled);--okd-button-text-primary-default-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-hover-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-active-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-focus-icon-color:#4283ff;--okd-button-text-primary-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-text-primary-default-shadow:none;--okd-button-text-primary-hover-shadow:none;--okd-button-text-primary-active-shadow:none;--okd-button-text-primary-focus-shadow:none;--okd-button-text-primary-disabled-shadow:none;--okd-button-text-primary-border-size:1px;--okd-button-text-secondary-default-background:transparent;--okd-button-text-secondary-hover-background:#051738;--okd-button-text-secondary-active-background:#051738;--okd-button-text-secondary-focus-background:#051738;--okd-button-text-secondary-disabled-background:transparent;--okd-button-text-secondary-default-border-color:transparent;--okd-button-text-secondary-hover-border-color:transparent;--okd-button-text-secondary-active-border-color:transparent;--okd-button-text-secondary-focus-border-color:transparent;--okd-button-text-secondary-disabled-border-color:transparent;--okd-button-text-secondary-default-font-color:#4283ff;--okd-button-text-secondary-hover-font-color:#4283ff;--okd-button-text-secondary-active-font-color:#4283ff;--okd-button-text-secondary-focus-font-color:#4283ff;--okd-button-text-secondary-disabled-font-color:#6c6c6c;--okd-button-text-secondary-default-icon-color:#4283ff;--okd-button-text-secondary-hover-icon-color:#4283ff;--okd-button-text-secondary-active-icon-color:#4283ff;--okd-button-text-secondary-focus-icon-color:#4283ff;--okd-button-text-secondary-disabled-icon-color:#6c6c6c;--okd-button-text-secondary-default-shadow:none;--okd-button-text-secondary-hover-shadow:none;--okd-button-text-secondary-active-shadow:none;--okd-button-text-secondary-focus-shadow:none;--okd-button-text-secondary-disabled-shadow:none;--okd-button-text-secondary-border-size:1px;--okd-button-text-red-default-background:var(--okd-color-common-transparent);--okd-button-text-red-hover-background:#ca3f640d;--okd-button-text-red-active-background:#ca3f640d;--okd-button-text-red-focus-background:#270b12;--okd-button-text-red-disabled-background:#0e0e0e00;--okd-button-text-red-default-border-color:transparent;--okd-button-text-red-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-red-active-border-color:var(--okd-color-common-transparent);--okd-button-text-red-focus-border-color:transparent;--okd-button-text-red-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-red-default-font-color:#ca3f64;--okd-button-text-red-hover-font-color:var(--okd-color-semantic-negative);--okd-button-text-red-active-font-color:var(--okd-color-semantic-negative);--okd-button-text-red-focus-font-color:#f9b6c7;--okd-button-text-red-disabled-font-color:#ca3f6473;--okd-button-text-red-default-icon-color:#ca3f64;--okd-button-text-red-hover-icon-color:#ca3f641a;--okd-button-text-red-active-icon-color:var(--okd-color-semantic-negative);--okd-button-text-red-focus-icon-color:#f9b6c7;--okd-button-text-red-disabled-icon-color:#ca3f6473;--okd-button-text-red-default-shadow:none;--okd-button-text-red-hover-shadow:none;--okd-button-text-red-active-shadow:none;--okd-button-text-red-focus-shadow:none;--okd-button-text-red-disabled-shadow:none;--okd-button-text-red-border-size:1px;--okd-button-text-green-default-background:var(--okd-color-common-transparent);--okd-button-text-green-hover-background:#25a7500d;--okd-button-text-green-active-background:#25a7500d;--okd-button-text-green-focus-background:#002b1f;--okd-button-text-green-disabled-background:#0e0e0e00;--okd-button-text-green-default-border-color:var(--okd-color-common-transparent);--okd-button-text-green-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-green-active-border-color:var(--okd-color-common-transparent);--okd-button-text-green-focus-border-color:transparent;--okd-button-text-green-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-green-default-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-hover-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-active-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-focus-font-color:#a5efbe;--okd-button-text-green-disabled-font-color:#25a75073;--okd-button-text-green-default-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-hover-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-active-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-focus-icon-color:#a5efbe;--okd-button-text-green-disabled-icon-color:#25a75073;--okd-button-text-green-default-shadow:none;--okd-button-text-green-hover-shadow:none;--okd-button-text-green-active-shadow:none;--okd-button-text-green-focus-shadow:none;--okd-button-text-green-disabled-shadow:none;--okd-button-text-green-border-size:1px;--okd-button-text-yellow-default-background:var(--okd-color-common-transparent);--okd-button-text-yellow-hover-background:#ffb1170d;--okd-button-text-yellow-active-background:#ffb1170d;--okd-button-text-yellow-focus-background:#2d2104;--okd-button-text-yellow-disabled-background:#0e0e0e00;--okd-button-text-yellow-default-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-active-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-focus-border-color:transparent;--okd-button-text-yellow-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-default-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-hover-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-active-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-focus-font-color:#dea921;--okd-button-text-yellow-disabled-font-color:#ffb11773;--okd-button-text-yellow-default-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-hover-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-active-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-focus-icon-color:#dea921;--okd-button-text-yellow-disabled-icon-color:#ffb11773;--okd-button-text-yellow-default-shadow:none;--okd-button-text-yellow-hover-shadow:none;--okd-button-text-yellow-active-shadow:none;--okd-button-text-yellow-focus-shadow:none;--okd-button-text-yellow-disabled-shadow:none;--okd-button-text-yellow-border-size:1px;--okd-button-text-orange-default-background:transparent;--okd-button-text-orange-hover-background:#361604;--okd-button-text-orange-active-background:#361604;--okd-button-text-orange-focus-background:#361604;--okd-button-text-orange-disabled-background:#000;--okd-button-text-orange-default-border-color:transparent;--okd-button-text-orange-hover-border-color:transparent;--okd-button-text-orange-active-border-color:transparent;--okd-button-text-orange-focus-border-color:transparent;--okd-button-text-orange-disabled-border-color:transparent;--okd-button-text-orange-default-font-color:#fa8c4d;--okd-button-text-orange-hover-font-color:#f87428;--okd-button-text-orange-active-font-color:#f87428;--okd-button-text-orange-focus-font-color:#f87428;--okd-button-text-orange-disabled-font-color:#f8742873;--okd-button-text-orange-default-icon-color:#f87428;--okd-button-text-orange-hover-icon-color:#f87428;--okd-button-text-orange-active-icon-color:#f87428;--okd-button-text-orange-focus-icon-color:#f87428;--okd-button-text-orange-disabled-icon-color:#f8742873;--okd-button-text-orange-default-shadow:none;--okd-button-text-orange-hover-shadow:none;--okd-button-text-orange-active-shadow:none;--okd-button-text-orange-focus-shadow:none;--okd-button-text-orange-disabled-shadow:none;--okd-button-text-orange-border-size:1px}.theme-okx-money-light{--okd-color-gray-050:#f9f9f9;--okd-color-gray-100:#ebebeb;--okd-color-gray-200:#dbdbdb;--okd-color-gray-300:#bdbdbd;--okd-color-gray-400:#929292;--okd-color-gray-500:#6e6e6e;--okd-color-gray-600:#545454;--okd-color-gray-700:#3d3d3d;--okd-color-gray-800:#1a1a1a;--okd-color-gray-900:#000;--okd-color-blue-050:#f5f9ff;--okd-color-blue-100:#d1e3ff;--okd-color-blue-200:#afcfff;--okd-color-blue-300:#8dbbff;--okd-color-blue-400:#6ba6ff;--okd-color-blue-500:#4992ff;--okd-color-blue-600:#277dff;--okd-color-blue-700:#0569ff;--okd-color-blue-800:#005eea;--okd-color-blue-900:#0051ca;--okd-color-green-050:#f2fff7;--okd-color-green-100:#d2f4de;--okd-color-green-200:#a5e9be;--okd-color-green-300:#78de9d;--okd-color-green-400:#4bd37d;--okd-color-green-500:#31bd65;--okd-color-green-600:#18a04a;--okd-color-green-700:#127837;--okd-color-green-800:#0c5025;--okd-color-green-900:#0c5025;--okd-color-red-050:#fff8f9;--okd-color-red-100:#fcdce5;--okd-color-red-200:#f9b9ca;--okd-color-red-300:#f796b0;--okd-color-red-400:#f07596;--okd-color-red-500:#f1507b;--okd-color-red-600:#c14062;--okd-color-red-700:#91304a;--okd-color-red-800:#602031;--okd-color-red-900:#301019;--okd-color-orange-050:#fef9f6;--okd-color-orange-100:#fce3d4;--okd-color-orange-200:#fbceb4;--okd-color-orange-300:#f9b994;--okd-color-orange-400:#f7a474;--okd-color-orange-500:#f58f54;--okd-color-orange-600:#f6813d;--okd-color-orange-700:#f16514;--okd-color-orange-800:#e96010;--okd-color-orange-900:#bf4803;--okd-color-yellow-050:#fffcf5;--okd-color-yellow-100:#fff2d1;--okd-color-yellow-200:#ffe9af;--okd-color-yellow-300:#ffdf8d;--okd-color-yellow-400:#ffd66b;--okd-color-yellow-500:#ffcc49;--okd-color-yellow-600:#ffc327;--okd-color-yellow-700:#ffb905;--okd-color-yellow-800:#eaa900;--okd-color-yellow-900:#d29801;--okd-color-text-white:#fff;--okd-color-text-black:#1f2933;--okd-color-background-1:#fff;--okd-color-background-2:#f7f7f7;--okd-color-transparent:transparent;--okd-color-white:#fff;--okd-color-black:#000;--okd-color-line-muted:#ebebeb;--okd-color-line-secondary:#dbdbdb;--okd-color-line-amplifed:#bdbdbd;--okd-color-text-lighter:#bdbdbd;--okd-color-text-light:#929292;--okd-color-text-secondary:#3d3d3d;--okd-color-text-amplifed:#000;--okd-color-background-3:#f2f2f2;--okd-color-fq-blue-lv1:#0569ff;--okd-color-fq-green-lv1:#19cc5b;--okd-color-fq-red-lv1:#f1507b;--okd-color-fq-orange-lv1:#f16514;--okd-color-fq-blue-lv2:#0569ff;--okd-color-background-hover:#ebebeb;--okd-color-prefer-red-chart:#f1507b;--okd-color-prefer-red-bg:#eb4b6d;--okd-color-prefer-green-chart:#19cc5b;--okd-color-prefer-green-bg:#31bd65;--okd-color-prefer-red-text:#eb4b6d;--okd-color-prefer-green-text:#31bd65;--okd-color-branded-primary:#bcff2f;--okd-color-fq-critical:#eb4b6d;--okd-color-fq-warning:#f16514;--okd-color-fq-positive:#31bd65;--okd-color-fq-neutral:#000;--okd-color-fq-accent:#0569ff;--okd-color-prefer-neutral-text:#929292;--okd-color-prefer-neutral-bg:#929292;--okd-color-white-opacity-5:#fff;--okd-color-white-opacity-10:#fffffff0;--okd-color-white-opacity-20:#ffffffe0;--okd-color-white-opacity-30:#ffffffc7;--okd-color-white-opacity-40:#ffffffc2;--okd-color-white-opacity-50:#ffffff8a;--okd-color-white-opacity-60:#ffffff5c;--okd-color-white-opacity-70:#ffffff30;--okd-color-white-opacity-80:#ffffff1f;--okd-color-white-opacity-90:#ffffff0f;--okd-color-black-opacity-5:#000;--okd-color-black-opacity-10:#000000e6;--okd-color-black-opacity-20:#000000c2;--okd-color-black-opacity-30:#000000ad;--okd-color-black-opacity-40:#00000091;--okd-color-black-opacity-50:#0000006e;--okd-color-black-opacity-60:#00000042;--okd-color-black-opacity-70:#00000024;--okd-color-black-opacity-80:#00090314;--okd-color-black-opacity-90:#0000000a;--okd-color-neutral-5:#fff;--okd-color-neutral-140:#4d4d4d;--okd-color-neutral-150:#414141;--okd-color-neutral-160:#383838;--okd-color-neutral-170:#272727;--okd-color-neutral-180:#1d1d1d;--okd-color-neutral-190:#0e0e0e;--okd-color-neutral-200:#000;--okd-color-tangerine-5:#ffedcb;--okd-color-tangerine-10:#ffd37d;--okd-color-tangerine-30:#ffb117;--okd-color-tangerine-40:#db8f00;--okd-color-tangerine-50:#a06900;--okd-color-tangerine-60:#664300;--okd-color-lemon-5:#fffdc4;--okd-color-lemon-10:#fffa7a;--okd-color-lemon-20:#fff500;--okd-color-lemon-30:#e5dd00;--okd-color-lemon-40:#b2ab00;--okd-color-lemon-50:#797400;--okd-color-lemon-60:#5c5800;--okd-color-tangerine-20:#ffc452;--okd-color-neonlime-5:#e6ffb0;--okd-color-neonlime-10:#d5ff7d;--okd-color-neonlime-20:#bcff2f;--okd-color-neonlime-30:#9fe212;--okd-color-neonlime-40:#8ec51d;--okd-color-neonlime-50:#568000;--okd-color-neonlime-60:#3d5c00;--okd-color-neonmint-5:#cbffe0;--okd-color-neonmint-10:#7dffb1;--okd-color-neonmint-20:#24ff7b;--okd-color-neonmint-30:#12e366;--okd-color-neonmint-40:#00bc4b;--okd-color-neonmint-50:#008535;--okd-color-neonmint-60:#005c25;--okd-color-bluebell-5:#e6eaff;--okd-color-bluebell-10:#b8bfff;--okd-color-bluebell-20:#8a91ff;--okd-color-bluebell-30:#5f62ff;--okd-color-bluebell-40:#5043ff;--okd-color-bluebell-50:#4c2fff;--okd-color-bluebell-60:#1d00d4;--okd-color-lavender-5:#f2e8ff;--okd-color-lavender-10:#dbbfff;--okd-color-lavender-20:#c496ff;--okd-color-lavender-30:#ac6cff;--okd-color-lavender-40:#9543ff;--okd-color-lavender-50:#7e1aff;--okd-color-lavender-60:#5600c5;--okd-color-orchid-5:#fee7ea;--okd-color-orchid-10:#ffc1c9;--okd-color-orchid-20:#ffa8b3;--okd-color-orchid-30:#ff7888;--okd-color-orchid-40:#f5384f;--okd-color-orchid-50:#cd2438;--okd-color-orchid-60:#9a1b2a;--okd-color-semantic-positive-1:#31bd65;--okd-color-semantic-negative-1:#eb4b6d;--okd-color-transparent-base-black:#0000;--okd-color-transparent-base-white:#0000;--okd-color-alert-base-info:#f7f7f7;--okd-color-alert-base-success:#eaf8f0;--okd-color-alert-base-warning:#fef9f6;--okd-color-alert-base-error:#fdedf0;--okd-color-basil-5:#e9f4d1;--okd-color-basil-10:#d2e8a4;--okd-color-basil-20:#81be00;--okd-color-basil-30:#49a92d;--okd-color-basil-40:#2b6d17;--okd-color-basil-50:#1a410e;--okd-color-basil-60:#1a2600;--okd-color-rose-5:#ffdfe9;--okd-color-rose-10:#ffc0d3;--okd-color-rose-20:#ff5eb6;--okd-color-rose-30:#fc46ab;--okd-color-rose-40:#a54162;--okd-color-rose-50:#532131;--okd-color-rose-60:#2a111f;--okd-color-neutral-15:#f6f6f6;--okd-color-neutral-185:#121212;--okd-color-background-base-primary:#fff;--okd-color-background-base-secondary:#fafafa;--okd-color-background-surface-primary:#f3f3f3;--okd-color-background-surface-secondary:#f6f6f6;--okd-color-background-surface-pressed:#d9d9d9;--okd-color-background-surface-disable:#fafafa;--okd-color-background-scrim:#0000006e;--okd-color-container-primary:#fff;--okd-color-container-secondary:#fafafa;--okd-color-container-tertiary:#fff;--okd-color-container-contrast:#414141;--okd-color-container-inverse:#0e0e0e;--okd-color-content-primary:#000;--okd-color-content-secondary:#383838;--okd-color-content-tertiary:#5b5b5b;--okd-color-content-contrast:#909090;--okd-color-content-disabled:#b3b3b3;--okd-color-content-inverse:#fff;--okd-color-border-primary:#e6e6e6;--okd-color-border-secondary:#b3b3b3;--okd-color-border-contrast:#fafafa;--okd-color-border-selected:#000;--okd-color-semantic-neutral:#000;--okd-color-semantic-notice:#ffb117;--okd-color-semantic-positive:#31bd65;--okd-color-semantic-negative:#eb4b6d;--okd-color-semantic-informative:#8a91ff;--okd-color-semantic-highlight:#bcff2f;--okd-color-dvp-neutral:#00000091;--okd-color-dvp-profit:#00bc4b;--okd-color-dvp-loss:#f5384f;--okd-color-categorical-01:#8a91ff;--okd-color-categorical-02:#ffb117;--okd-color-categorical-03:#bcff2f;--okd-color-categorical-04:#12e366;--okd-color-categorical-05:#ff7888;--okd-color-common-transparent:#fff0;--okd-color-transparent-black:#0000;--okd-color-transparent-white:#0000;--okd-color-alert-info:#f7f7f7;--okd-color-alert-success:#eaf8f0;--okd-color-alert-warning:#fef9f6;--okd-color-alert-error:#fdedf0;--okd-color-common-background-2:#f3f3f3;--okd-color-data-visualization-category-01:#8a91ff;--okd-color-data-visualization-category-02:#ffb117;--okd-color-data-visualization-category-03:#bcff2f;--okd-color-data-visualization-category-04:#12e366;--okd-color-data-visualization-category-05:#ff7888;--okd-color-preference-loss:#f5384f;--okd-color-preference-profit:#00bc4b;--okd-color-preference-neutral:#00000091;--okd-color-border-focus:#000;--okd-color-background-base-primary_alternative:#fff;--okd-color-link-content:#4c2fff;--okd-color-link-accent-content-primary:#2b6d17;--okd-color-link-accent-content-disabled:#d2e8a4;--okd-color-link-accent-surface-pressed:#d2e8a4;--okd-color-background-surface-contrast:#fff;--okd-color-background-surface-brand:#000;--okd-color-border-tertiary:#f3f3f3;--okd-color-content-brand:#000;--okd-color-modal-primary:#fff;--okd-color-modal-secondary:#fff;--okd-color-modal-tertiary:#fff;--okd-color-modal-contrast:#4d4d4d;--okd-color-card-primary:#f6f6f6;--okd-color-card-secondary:#f6f6f6;--okd-color-btnsecfade-default:#f3f3f3;--okd-color-btnsecfade-disable:#f3f3f3;--okd-color-btnsecfade-hover:#e6e6e6;--okd-color-brand-primary:#2b6d17;--okd-color-brand-primary-alternative:#2b6d17;--okd-color-brand-secondary:#8ec51d;--okd-color-brand-tertiary:#bcff2f;--okd-color-brand-content:#e6ffb0;--okd-color-brand-content-contrast:#e6ffb0;--okd-color-global-fixed-always-dark:#000;--okd-color-global-fixed-always-light:#fff;--okd-color-surface-structural-subbase:#f3f1ed;--okd-color-surface-info-default:#aba8a4;--okd-color-surface-info-subtle:#dededc;--okd-color-surface-warning-default:#f1a534;--okd-color-surface-warning-subtle:#fff1db;--okd-color-surface-success-default:#2e7d57;--okd-color-surface-success-subtle:#e6efeb;--okd-color-surface-danger-default:#c8452f;--okd-color-surface-danger-subtle:#f6e9e8;--okd-color-surface-interactive-default:#ffffffe6;--okd-color-surface-interactive-hovered:#00000017;--okd-color-surface-interactive-pressed:#00000024;--okd-color-surface-interactive-disabled:#00000008;--okd-color-surface-interactive-oncolor-default:#00000024;--okd-color-surface-interactive-oncolor-hovered:#00000017;--okd-color-surface-interactive-oncolor-pressed:#0000000f;--okd-color-surface-interactive-emphasis-default:#c9a876;--okd-color-surface-interactive-emphasis-hovered:#d9be93;--okd-color-surface-interactive-emphasis-pressed:#e8d4b0;--okd-color-surface-interactive-emphasis-disabled:#00000008;--okd-color-surface-interactive-selected-default:#c9a876;--okd-color-surface-interactive-selected-subtle:#0000000f;--okd-color-surface-interactive-selected-oncolor:#0000000f;--okd-color-surface-structural-base:#f3f1ed;--okd-color-surface-structural-layer-1:#fff;--okd-color-surface-structural-layer-2:#e8e6e0;--okd-color-surface-structural-layer-3:#dedcd5;--okd-color-surface-structural-highlight:#c9a876;--okd-color-surface-structural-inverse:#2a2318;--okd-color-surface-structural-elevated-default:#f3f1ed;--okd-color-surface-structural-elevated-contrast:#f3f1ed;--okd-color-surface-structural-overlay:#0006;--okd-color-border-static-default:#00000024;--okd-color-border-static-subtle:#0000000f;--okd-color-border-static-dotted:#00000052;--okd-color-border-interactive-default:#00000052;--okd-color-border-interactive-hovered:#423c32;--okd-color-border-interactive-pressed:#2a2318;--okd-color-border-interactive-focused:#2a2318;--okd-color-border-interactive-selected:#2a2318;--okd-color-border-interactive-error:#9f3928;--okd-color-border-interactive-emphasis:#524c43;--okd-color-border-interactive-oncolor:#e8e6e0;--okd-color-border-static-emphasis:#524c43;--okd-color-border-static-experience:#2a2318;--okd-color-border-static-highlight:#a67f4a;--okd-color-border-static-overlay:#ffffffe6;--okd-color-border-interactive-disabled:#00000024;--okd-color-border-info-default:#136578;--okd-color-border-info-subtle:#81b9c6;--okd-color-border-warning-default:#965900;--okd-color-border-warning-subtle:#fff1db;--okd-color-border-success-default:#276547;--okd-color-border-success-subtle:#e6efeb;--okd-color-border-danger-default:#9f3928;--okd-color-border-danger-subtle:#f6e9e8;--okd-color-content-static-default:#2a2318;--okd-color-content-interactive-default:#524c43;--okd-color-content-interactive-subtle:#75716a;--okd-color-content-interactive-hovered:#362f25;--okd-color-content-static-subtle:#615c54;--okd-color-content-interactive-pressed:#2a2318;--okd-color-content-static-inverse:#2a2318;--okd-color-content-static-highlight:#8f7548;--okd-color-content-static-placeholder:#00000052;--okd-color-content-interactive-active:#2a2318;--okd-color-content-interactive-selected:#2a2318;--okd-color-content-interactive-error:#9f3928;--okd-color-content-interactive-disabled:#00000038;--okd-color-content-info-default:#362f25;--okd-color-content-info-subtle:#75716a;--okd-color-content-warning-default:#965900;--okd-color-content-warning-subtle:#fff1db;--okd-color-content-success-default:#276547;--okd-color-content-success-subtle:#e6efeb;--okd-color-content-danger-default:#9f3928;--okd-color-content-danger-subtle:#f6e9e8;--okd-color-content-illustration-default:#2a2318;--okd-color-content-dataviz-categorical-1:#c9a876;--okd-color-content-dataviz-categorical-2:#0b5bcb;--okd-color-content-dataviz-categorical-3:#e28400;--okd-color-content-dataviz-categorical-4:#dbb01d;--okd-color-content-dataviz-categorical-5:#a352ef;--okd-color-content-dataviz-categorical-6:#615c54;--okd-color-content-dataviz-categorical-7:#837f79;--okd-color-content-dataviz-categorical-8:#aba8a4;--okd-color-content-illustration-inverse:#fff;--okd-color-content-illustration-experience:#2a2318;--okd-color-content-illustration-highlight:#c9a876;--okd-color-global-alpha-matching-5:#ffffff0d;--okd-color-global-alpha-matching-10:#ffffff1a;--okd-color-global-alpha-matching-20:#fff3;--okd-color-global-alpha-matching-30:#ffffff4d;--okd-color-global-alpha-matching-40:#fff6;--okd-color-global-alpha-matching-50:#ffffff80;--okd-color-global-alpha-matching-60:#fff9;--okd-color-global-alpha-matching-70:#ffffffb3;--okd-color-global-alpha-matching-80:#fffc;--okd-color-global-alpha-matching-90:#ffffffe6;--okd-color-global-alpha-inverse-5:#00000008;--okd-color-global-alpha-pnl-profit:var(--global-color-profit-alpha);--okd-color-global-alpha-pnl-loss:var(--global-color-loss-alpha);--okd-color-global-alpha-feature-1:#2b6d1729;--okd-color-global-alpha-inverse-10:#0000000f;--okd-color-global-alpha-inverse-20:#00000024;--okd-color-global-alpha-inverse-30:#00000038;--okd-color-global-alpha-inverse-40:#00000052;--okd-color-global-alpha-inverse-50:#00000070;--okd-color-global-alpha-inverse-60:#00000091;--okd-color-global-alpha-inverse-70:#524c43;--okd-color-global-alpha-inverse-80:#423c32;--okd-color-global-alpha-inverse-90:#000000e6;--okd-color-surface-pnl-profit-default:var(--global-color-profit-surface-default);--okd-color-surface-pnl-profit-hovered:var(--global-color-profit-surface-hovered);--okd-color-surface-pnl-profit-pressed:var(--global-color-profit-surface-pressed);--okd-color-surface-pnl-profit-tint:var(--global-color-profit-tint);--okd-color-surface-pnl-loss-default:var(--global-color-loss-surface-default);--okd-color-surface-pnl-loss-hovered:var(--global-color-loss-surface-hovered);--okd-color-surface-pnl-loss-pressed:var(--global-color-loss-surface-pressed);--okd-color-surface-pnl-loss-tint:var(--global-color-loss-tint);--okd-color-surface-pnl-neutral-default:var(--global-color-neutral-surface-default);--okd-color-surface-pnl-neutral-hovered:var(--global-color-neutral-surface-hovered);--okd-color-surface-pnl-neutral-pressed:var(--global-color-neutral-surface-pressed);--okd-color-surface-interactive-feature-default:#c9a876;--okd-color-surface-interactive-experience-default:#c9a876;--okd-color-surface-interactive-experience-hovered:#a67f4a;--okd-color-surface-interactive-experience-pressed:#8f7548;--okd-color-surface-interactive-feature-hovered:#a67f4a;--okd-color-surface-interactive-feature-pressed:#8f7548;--okd-color-surface-pnl-loss-graph:var(--global-color-loss-graph);--okd-color-surface-structural-feature:#c9a876;--okd-color-surface-structural-experience:#c9a876;--okd-color-border-interactive-feature-default:#a67f4a;--okd-color-border-interactive-feature-hovered:#8f7548;--okd-color-border-interactive-feature-pressed:#635132;--okd-color-border-static-feature:#a67f4a;--okd-color-content-static-subtler:#837f79;--okd-color-content-static-feature:#a67f4a;--okd-color-content-static-experience:#2a2318;--okd-color-content-pnl-profit-default:var(--global-color-profit-default);--okd-color-content-illustration-feature:#c9a876;--okd-color-content-pnl-profit-oncolor:var(--global-color-profit-oncolor);--okd-color-content-pnl-loss-default:var(--global-color-loss-default);--okd-color-content-pnl-loss-oncolor:var(--global-color-loss-oncolor);--okd-color-content-pnl-neutral-default:var(--global-color-neutral-default);--okd-color-content-pnl-neutral-oncolor:var(--global-color-neutral-oncolor);--okd-color-surface-pnl-profit-graph:var(--global-color-profit-graph);--okd-color-surface-pnl-neutral-graph:var(--global-color-neutral-graph);--okd-color-border-interactive-experience-default:#2a2318;--okd-color-border-interactive-experience-hovered:#423c32;--okd-color-border-interactive-experience-pressed:#524c43;--okd-color-content-interactive-feature-default:#8f7548;--okd-color-content-interactive-feature-hovered:#635132;--okd-color-content-interactive-feature-pressed:#635132;--okd-color-content-interactive-experience-default:#2a2318;--okd-color-content-interactive-experience-alternative:#fff;--okd-color-content-interactive-experience-accent:#d9be93;--okd-color-content-interactive-experience-hovered:#423c32;--okd-color-content-interactive-experience-pressed:#524c43;--okd-color-content-interactive-experience-inverse:#fff;--okd-color-content-interactive-feature-inverse-default:#f6eedf;--okd-color-content-interactive-feature-inverse-hovered:#efe1c8;--okd-color-content-interactive-feature-inverse-pressed:#e8d4b0;--okd-color-surface-interactive-feature-inverse-default:#0000000f;--okd-color-surface-interactive-feature-inverse-hovered:#00000017;--okd-color-surface-interactive-feature-inverse-pressed:#00000024;--okd-color-border-pnl-loss-default:var(--global-color-loss-default);--okd-color-border-pnl-loss-graph:var(--global-color-loss-graph);--okd-color-border-pnl-profit-default:var(--global-color-profit-default);--okd-color-border-pnl-profit-graph:var(--global-color-profit-graph);--okd-color-border-pnl-neutral-graph:var(--global-color-neutral-graph);--okd-color-content-static-notification:#d46e5d;--okd-color-surface-interactive-unselected-default:#00000052;--okd-color-surface-structural-elevated-layer-1:#fff;--okd-color-surface-interactive-destructive-default:#c8452f;--okd-color-surface-interactive-destructive-hovered:#c8452f;--okd-color-surface-interactive-destructive-pressed:#9f3928;--okd-color-surface-structural-web-only-base:#f3f1ed;--okd-color-surface-structural-web-only-layer-1:#fff;--okd-color-global-fixed-shadow:#00000029;--okd-color-surface-interactive-destructive-subtle-default:#f6e9e8;--okd-color-surface-interactive-destructive-subtle-hovered:#efc7c1;--okd-color-surface-interactive-destructive-subtle-pressed:#e19b8f;--okd-color-global-fixed-always-light-20:#fff3;--okd-color-surface-pnl-profit-default-new:var(--global-color-profit-surface-default-new);--okd-color-surface-pnl-profit-emphasis:var(--global-color-profit-surface-emphasis);--okd-color-surface-pnl-loss-default-new:var(--global-color-loss-surface-default-new);--okd-color-surface-pnl-loss-emphasis:var(--global-color-loss-surface-emphasis);--okd-color-content-pnl-profit-oncolor-default:var(--global-color-profit-default);--okd-color-content-pnl-profit-oncolor-emphasis:var(--global-color-profit-oncolor);--okd-color-content-pnl-loss-oncolor-default:var(--global-color-loss-default);--okd-color-content-pnl-loss-oncolor-emphasis:var(--global-color-loss-oncolor);--okd-color-surface-pnl-profit-gradient-max:var(--global-color-profit-gradient-max);--okd-color-surface-pnl-profit-gradient-min:var(--global-color-profit-gradient-min);--okd-color-surface-pnl-loss-gradient-max:var(--global-color-loss-gradient-max);--okd-color-surface-pnl-loss-gradient-min:var(--global-color-loss-gradient-min);--okd-color-border-interactive-drop:#4c93f0;--okd-color-content-interactive-drop:#277ae7;--okd-color-surface-interactive-drop:#e3eff2;--okd-color-xxxxxsm-2px:2;--okd-color-xxxxsm-4px:4;--okd-color-xxxsm-8px:8;--okd-color-xxsm-12px:12;--okd-color-xsm-16px:16;--okd-color-sm-24px:24;--okd-color-md-32px:32;--okd-color-lg-48px:48;--okd-color-xlg-64px:64;--okd-color-xxlg-72px:72;--okd-color-xxxlg-96px:96;--okd-color-xxxxlg-128px:128;--okd-color-xxxxxlg-256px:256;--okd-color-border-radius-none:0;--okd-color-border-radius-sm:4;--okd-color-border-radius-md:8;--okd-color-border-radius-lg:16;--okd-color-border-radius-xl:24;--okd-color-border-radius-full-999px:999;--okd-color-default:24;--okd-color-compact:16;--okd-color-none:0;--okd-color-font-family:OKX Sans TAB;--okd-font-size-base:16px;--okd-font-size-md:14px;--okd-font-size-xs:12px;--okd-line-height-base:20px;--okd-line-height-md:20px;--okd-line-height-xs:16px;--okd-shadow-none:0 0 0 0 transparent;--okd-shadow-xs:0 0 0 1px #0000000d;--okd-shadow-sm:0 1px 2px 0 #0000000d;--okd-shadow-default:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--okd-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--okd-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--okd-shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--okd-shadow-2xl:0 25px 50px -12px #00000040;--okd-border-radius-none:0;--okd-border-radius-sm:2px;--okd-border-radius-md:4px;--okd-border-radius-lg:6px;--okd-border-radius-xl:8px;--okd-border-radius-xxl:10px;--okd-border-radius-xxxl:12px;--okd-font-family:HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial, Helvetica Neue, Helvetica, sans-serif;--okd-text-display-lg-font-size:56px;--okd-text-display-lg-font-weight:500;--okd-text-display-lg-line-height:1.32;--okd-text-display-md-font-size:40px;--okd-text-display-md-font-weight:500;--okd-text-display-md-line-height:52px;--okd-text-display-sm-font-size:40px;--okd-text-display-sm-font-weight:500;--okd-text-display-sm-line-height:52px;--okd-text-heading-lg-font-size:30px;--okd-text-heading-lg-font-weight:500;--okd-text-heading-lg-line-height:40px;--okd-text-heading-md-font-size:24px;--okd-text-heading-md-font-weight:500;--okd-text-heading-md-line-height:30px;--okd-text-heading-sm-font-size:18px;--okd-text-heading-sm-font-weight:500;--okd-text-heading-sm-line-height:24px;--okd-text-heading-xl-font-size:36px;--okd-text-heading-xl-line-height:1.32;--okd-text-heading-xl-font-weight:600;--okd-text-heading-xxl-font-size:40px;--okd-text-heading-xxl-line-height:1.32;--okd-text-heading-xxl-font-weight:600;--okd-text-heading-overline-font-size:12px;--okd-text-heading-overline-line-height:15px;--okd-text-heading-overline-font-weight:500;--okd-text-body-sm-regular-font-size:14px;--okd-text-body-sm-regular-font-weight:400;--okd-text-body-sm-regular-line-height:21px;--okd-text-body-sm-bold-font-size:14px;--okd-text-body-sm-bold-font-weight:500;--okd-text-body-sm-bold-line-height:21px;--okd-text-body-md-regular-font-size:16px;--okd-text-body-md-regular-font-weight:400;--okd-text-body-md-regular-line-height:24px;--okd-text-body-md-bold-font-size:16px;--okd-text-body-md-bold-font-weight:500;--okd-text-body-md-bold-line-height:24px;--okd-text-body-xs-regular-font-size:12px;--okd-text-body-xs-regular-font-weight:400;--okd-text-body-xs-regular-line-height:18px;--okd-text-body-xs-bold-font-size:12px;--okd-text-body-xs-bold-font-weight:500;--okd-text-body-xs-bold-line-height:18px;--okd-font-weight-400:400;--okd-font-weight-500:500;--okd-font-weight-600:600;--okd-font-weight-700:700;--okd-font-weight-800:800;--okd-font-weight-900:900;--okd-font-weight-regular:400;--okd-font-weight-medium:500;--okd-font-weight-bold:700}.theme-okx-money-light.okui-button-var,.theme-okx-money-light .okui-button-var{--okd-button-primary-normal-default-background:#0569ff;--okd-button-primary-normal-hover-background:#4992ff;--okd-button-primary-normal-active-background:#005eea;--okd-button-primary-normal-focus-background:#0569ff;--okd-button-primary-normal-disabled-background:#ebebeb;--okd-button-primary-normal-default-border-color:#0569ff;--okd-button-primary-normal-hover-border-color:#4992ff;--okd-button-primary-normal-active-border-color:#005eea;--okd-button-primary-normal-focus-border-color:#0569ff;--okd-button-primary-normal-disabled-border-color:#ebebeb;--okd-button-primary-normal-default-font-color:#fff;--okd-button-primary-normal-hover-font-color:#fff;--okd-button-primary-normal-active-font-color:#fff;--okd-button-primary-normal-focus-font-color:#fff;--okd-button-primary-normal-disabled-font-color:#bdbdbd;--okd-button-primary-normal-default-icon-color:#fff;--okd-button-primary-normal-hover-icon-color:#fff;--okd-button-primary-normal-active-icon-color:#fff;--okd-button-primary-normal-focus-icon-color:#fff;--okd-button-primary-normal-disabled-icon-color:#bdbdbd;--okd-button-primary-normal-default-shadow:var(--okd-shadow-none);--okd-button-primary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-primary-normal-active-shadow:var(--okd-shadow-none);--okd-button-primary-normal-focus-shadow:var(--okd-shadow-sm), 0px 0px 0px 3px #afcfff73;--okd-button-primary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-normal-loader-track-color:#4992ff;--okd-button-primary-normal-loader-mark-color:#fff;--okd-button-primary-red-default-background:#91304a;--okd-button-primary-red-hover-background:#f1507b;--okd-button-primary-red-active-background:#602031;--okd-button-primary-red-focus-background:#91304a;--okd-button-primary-red-disabled-background:#ebebeb;--okd-button-primary-red-default-border-color:#91304a;--okd-button-primary-red-hover-border-color:#f1507b;--okd-button-primary-red-active-border-color:#602031;--okd-button-primary-red-focus-border-color:#602031;--okd-button-primary-red-disabled-border-color:#ebebeb;--okd-button-primary-red-default-font-color:#fff;--okd-button-primary-red-hover-font-color:#fff;--okd-button-primary-red-active-font-color:#fff;--okd-button-primary-red-focus-font-color:#fff;--okd-button-primary-red-disabled-font-color:#bdbdbd;--okd-button-primary-red-default-icon-color:#fff;--okd-button-primary-red-hover-icon-color:#fff;--okd-button-primary-red-active-icon-color:#fff;--okd-button-primary-red-focus-icon-color:#fff;--okd-button-primary-red-disabled-icon-color:#bdbdbd;--okd-button-primary-red-default-shadow:var(--okd-shadow-sm);--okd-button-primary-red-hover-shadow:var(--okd-shadow-none);--okd-button-primary-red-active-shadow:var(--okd-shadow-none);--okd-button-primary-red-focus-shadow:var(--okd-shadow-sm), 0px 0px 0px 3px #f796b073;--okd-button-primary-red-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-red-loader-track-color:#f1507b;--okd-button-primary-red-loader-mark-color:#fff;--okd-button-primary-green-default-background:#127837;--okd-button-primary-green-hover-background:#31bd65;--okd-button-primary-green-active-background:#0c5025;--okd-button-primary-green-focus-background:#127837;--okd-button-primary-green-disabled-background:#ebebeb;--okd-button-primary-green-default-border-color:#127837;--okd-button-primary-green-hover-border-color:#31bd65;--okd-button-primary-green-active-border-color:#0c5025;--okd-button-primary-green-focus-border-color:#127837;--okd-button-primary-green-disabled-border-color:#ebebeb;--okd-button-primary-green-default-font-color:#fff;--okd-button-primary-green-hover-font-color:#fff;--okd-button-primary-green-active-font-color:#fff;--okd-button-primary-green-focus-font-color:#fff;--okd-button-primary-green-disabled-font-color:#bdbdbd;--okd-button-primary-green-default-icon-color:#fff;--okd-button-primary-green-hover-icon-color:#fff;--okd-button-primary-green-active-icon-color:#fff;--okd-button-primary-green-focus-icon-color:#fff;--okd-button-primary-green-disabled-icon-color:#bdbdbd;--okd-button-primary-green-default-shadow:var(--okd-shadow-sm);--okd-button-primary-green-hover-shadow:var(--okd-shadow-none);--okd-button-primary-green-active-shadow:var(--okd-shadow-none);--okd-button-primary-green-focus-shadow:var(--okd-shadow-sm), 0px 0px 0px 3px #78de9d73;--okd-button-primary-green-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-green-loader-track-color:#31bd65;--okd-button-primary-green-loader-mark-color:#fff;--okd-button-secondary-normal-default-background:#d1e3ff;--okd-button-secondary-normal-hover-background:#f5f9ff;--okd-button-secondary-normal-active-background:#afcfff;--okd-button-secondary-normal-focus-background:#d1e3ff;--okd-button-secondary-normal-disabled-background:#ebebeb;--okd-button-secondary-normal-default-border-color:#d1e3ff;--okd-button-secondary-normal-hover-border-color:#f5f9ff;--okd-button-secondary-normal-active-border-color:#afcfff;--okd-button-secondary-normal-focus-border-color:#d1e3ff;--okd-button-secondary-normal-disabled-border-color:#ebebeb;--okd-button-secondary-normal-default-font-color:#005eea;--okd-button-secondary-normal-hover-font-color:#005eea;--okd-button-secondary-normal-active-font-color:#005eea;--okd-button-secondary-normal-focus-font-color:#005eea;--okd-button-secondary-normal-disabled-font-color:#bdbdbd;--okd-button-secondary-normal-default-icon-color:#0569ff;--okd-button-secondary-normal-hover-icon-color:#0569ff;--okd-button-secondary-normal-active-icon-color:#0569ff;--okd-button-secondary-normal-focus-icon-color:#0569ff;--okd-button-secondary-normal-disabled-icon-color:#bdbdbd;--okd-button-secondary-normal-default-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-active-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-focus-shadow:0px 0px 0px 3px #afcfff73;--okd-button-secondary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-loader-track-color:#f5f9ff;--okd-button-secondary-normal-loader-mark-color:#0569ff;--okd-button-secondary-grey-default-background:#ebebeb;--okd-button-secondary-grey-hover-background:#f9f9f9;--okd-button-secondary-grey-active-background:#dbdbdb;--okd-button-secondary-grey-focus-background:#ebebeb;--okd-button-secondary-grey-disabled-background:#f9f9f9;--okd-button-secondary-grey-default-border-color:#ebebeb;--okd-button-secondary-grey-hover-border-color:#f9f9f9;--okd-button-secondary-grey-active-border-color:#dbdbdb;--okd-button-secondary-grey-focus-border-color:#ebebeb;--okd-button-secondary-grey-disabled-border-color:#f9f9f9;--okd-button-secondary-grey-default-font-color:#3d3d3d;--okd-button-secondary-grey-hover-font-color:#3d3d3d;--okd-button-secondary-grey-active-font-color:#3d3d3d;--okd-button-secondary-grey-focus-font-color:#3d3d3d;--okd-button-secondary-grey-disabled-font-color:#bdbdbd;--okd-button-secondary-grey-default-icon-color:#3d3d3d;--okd-button-secondary-grey-hover-icon-color:#3d3d3d;--okd-button-secondary-grey-active-icon-color:#3d3d3d;--okd-button-secondary-grey-focus-icon-color:#3d3d3d;--okd-button-secondary-grey-disabled-icon-color:#bdbdbd;--okd-button-secondary-grey-default-shadow:var(--okd-shadow-sm);--okd-button-secondary-grey-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-active-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-focus-shadow:var(--okd-shadow-sm), 0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-secondary-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-loader-track-color:#dbdbdb;--okd-button-secondary-grey-loader-mark-color:#3d3d3d;--okd-button-basic-normal-default-background:#fff;--okd-button-basic-normal-hover-background:#fff;--okd-button-basic-normal-active-background:#f9f9f9;--okd-button-basic-normal-focus-background:#fff;--okd-button-basic-normal-disabled-background:#fff;--okd-button-basic-normal-default-border-color:#dbdbdb;--okd-button-basic-normal-hover-border-color:#dbdbdb;--okd-button-basic-normal-active-border-color:#dbdbdb;--okd-button-basic-normal-focus-border-color:#8dbbff;--okd-button-basic-normal-disabled-border-color:#dbdbdb;--okd-button-basic-normal-default-font-color:#3d3d3d;--okd-button-basic-normal-hover-font-color:#929292;--okd-button-basic-normal-active-font-color:#000;--okd-button-basic-normal-focus-font-color:#3d3d3d;--okd-button-basic-normal-disabled-font-color:#bdbdbd;--okd-button-basic-normal-default-icon-color:#3d3d3d;--okd-button-basic-normal-hover-icon-color:#3d3d3d;--okd-button-basic-normal-active-icon-color:#3d3d3d;--okd-button-basic-normal-focus-icon-color:#3d3d3d;--okd-button-basic-normal-disabled-icon-color:#bdbdbd;--okd-button-basic-normal-default-shadow:var(--okd-shadow-sm);--okd-button-basic-normal-hover-shadow:var(--okd-shadow-none);--okd-button-basic-normal-active-shadow:var(--okd-shadow-none);--okd-button-basic-normal-focus-shadow:0px 0px 0px 3px #afcfff73;--okd-button-basic-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-basic-normal-loader-track-color:#d1e3ff;--okd-button-basic-normal-loader-mark-color:#0569ff;--okd-button-plain-normal-default-background:transparent;--okd-button-plain-normal-hover-background:#f5f9ff;--okd-button-plain-normal-active-background:#f5f9ff;--okd-button-plain-normal-focus-background:#f5f9ff;--okd-button-plain-normal-disabled-background:#f9f9f9;--okd-button-plain-normal-default-border-color:transparent;--okd-button-plain-normal-hover-border-color:transparent;--okd-button-plain-normal-active-border-color:transparent;--okd-button-plain-normal-focus-border-color:transparent;--okd-button-plain-normal-disabled-border-color:transparent;--okd-button-plain-normal-default-font-color:#005eea;--okd-button-plain-normal-hover-font-color:#005eea;--okd-button-plain-normal-active-font-color:#005eea;--okd-button-plain-normal-focus-font-color:#005eea;--okd-button-plain-normal-disabled-font-color:#005eea73;--okd-button-plain-normal-default-icon-color:#005eea;--okd-button-plain-normal-hover-icon-color:#005eea;--okd-button-plain-normal-active-icon-color:#005eea;--okd-button-plain-normal-focus-icon-color:#005eea;--okd-button-plain-normal-disabled-icon-color:#005eea73;--okd-button-plain-normal-default-shadow:none;--okd-button-plain-normal-hover-shadow:none;--okd-button-plain-normal-active-shadow:none;--okd-button-plain-normal-focus-shadow:none;--okd-button-plain-normal-disabled-shadow:none;--okd-button-plain-red-default-background:transparent;--okd-button-plain-red-hover-background:#fff8f9;--okd-button-plain-red-active-background:#fff8f9;--okd-button-plain-red-focus-background:#fff8f9;--okd-button-plain-red-disabled-background:#f9f9f9;--okd-button-plain-red-default-border-color:transparent;--okd-button-plain-red-hover-border-color:transparent;--okd-button-plain-red-active-border-color:transparent;--okd-button-plain-red-focus-border-color:transparent;--okd-button-plain-red-disabled-border-color:transparent;--okd-button-plain-red-default-font-color:#602031;--okd-button-plain-red-hover-font-color:#602031;--okd-button-plain-red-active-font-color:#602031;--okd-button-plain-red-focus-font-color:#602031;--okd-button-plain-red-disabled-font-color:#60203173;--okd-button-plain-red-default-icon-color:#602031;--okd-button-plain-red-hover-icon-color:#602031;--okd-button-plain-red-active-icon-color:#602031;--okd-button-plain-red-focus-icon-color:#602031;--okd-button-plain-red-disabled-icon-color:#60203173;--okd-button-plain-red-default-shadow:none;--okd-button-plain-red-hover-shadow:none;--okd-button-plain-red-active-shadow:none;--okd-button-plain-red-focus-shadow:none;--okd-button-plain-red-disabled-shadow:none;--okd-button-plain-green-default-background:transparent;--okd-button-plain-green-hover-background:#f2fff7;--okd-button-plain-green-active-background:#f2fff7;--okd-button-plain-green-focus-background:#f2fff7;--okd-button-plain-green-disabled-background:#f9f9f9;--okd-button-plain-green-default-border-color:transparent;--okd-button-plain-green-hover-border-color:transparent;--okd-button-plain-green-active-border-color:transparent;--okd-button-plain-green-focus-border-color:transparent;--okd-button-plain-green-disabled-border-color:transparent;--okd-button-plain-green-default-font-color:#0c5025;--okd-button-plain-green-hover-font-color:#0c5025;--okd-button-plain-green-active-font-color:#0c5025;--okd-button-plain-green-focus-font-color:#0c5025;--okd-button-plain-green-disabled-font-color:#0c502573;--okd-button-plain-green-default-icon-color:#0c5025;--okd-button-plain-green-hover-icon-color:#0c5025;--okd-button-plain-green-active-icon-color:#0c5025;--okd-button-plain-green-focus-icon-color:#0c5025;--okd-button-plain-green-disabled-icon-color:#0c502573;--okd-button-plain-green-default-shadow:none;--okd-button-plain-green-hover-shadow:none;--okd-button-plain-green-active-shadow:none;--okd-button-plain-green-focus-shadow:none;--okd-button-plain-green-disabled-shadow:none;--okd-button-plain-orange-default-background:transparent;--okd-button-plain-orange-hover-background:#fef9f6;--okd-button-plain-orange-active-background:#fef9f6;--okd-button-plain-orange-focus-background:#fef9f6;--okd-button-plain-orange-disabled-background:#f9f9f9;--okd-button-plain-orange-default-border-color:transparent;--okd-button-plain-orange-hover-border-color:transparent;--okd-button-plain-orange-active-border-color:transparent;--okd-button-plain-orange-focus-border-color:transparent;--okd-button-plain-orange-disabled-border-color:transparent;--okd-button-plain-orange-default-font-color:#e96010;--okd-button-plain-orange-hover-font-color:#e96010;--okd-button-plain-orange-active-font-color:#e96010;--okd-button-plain-orange-focus-font-color:#e96010;--okd-button-plain-orange-disabled-font-color:#e9601073;--okd-button-plain-orange-default-icon-color:#e96010;--okd-button-plain-orange-hover-icon-color:#e96010;--okd-button-plain-orange-active-icon-color:#e96010;--okd-button-plain-orange-focus-icon-color:#e96010;--okd-button-plain-orange-disabled-icon-color:#e9601073;--okd-button-plain-orange-default-shadow:none;--okd-button-plain-orange-hover-shadow:none;--okd-button-plain-orange-active-shadow:none;--okd-button-plain-orange-focus-shadow:none;--okd-button-plain-orange-disabled-shadow:none;--okd-button-plain-yellow-default-background:transparent;--okd-button-plain-yellow-hover-background:#fffcf5;--okd-button-plain-yellow-active-background:#fffcf5;--okd-button-plain-yellow-focus-background:#fffcf5;--okd-button-plain-yellow-disabled-background:#f9f9f9;--okd-button-plain-yellow-default-border-color:transparent;--okd-button-plain-yellow-hover-border-color:transparent;--okd-button-plain-yellow-active-border-color:transparent;--okd-button-plain-yellow-focus-border-color:transparent;--okd-button-plain-yellow-disabled-border-color:transparent;--okd-button-plain-yellow-default-font-color:#eaa900;--okd-button-plain-yellow-hover-font-color:#eaa900;--okd-button-plain-yellow-active-font-color:#eaa900;--okd-button-plain-yellow-focus-font-color:#eaa900;--okd-button-plain-yellow-disabled-font-color:#eaa90073;--okd-button-plain-yellow-default-icon-color:#eaa900;--okd-button-plain-yellow-hover-icon-color:#eaa900;--okd-button-plain-yellow-active-icon-color:#eaa900;--okd-button-plain-yellow-focus-icon-color:#eaa900;--okd-button-plain-yellow-disabled-icon-color:#eaa90073;--okd-button-plain-yellow-default-shadow:none;--okd-button-plain-yellow-hover-shadow:none;--okd-button-plain-yellow-active-shadow:none;--okd-button-plain-yellow-focus-shadow:none;--okd-button-plain-yellow-disabled-shadow:none;--okd-button-xxs-font-size:var(--okd-font-size-xs);--okd-button-xs-font-size:var(--okd-font-size-xs);--okd-button-sm-font-size:var(--okd-font-size-md);--okd-button-md-font-size:var(--okd-font-size-md);--okd-button-lg-font-size:var(--okd-font-size-base);--okd-button-xl-font-size:18px;--okd-button-xxs-icon-size:14px;--okd-button-xs-icon-size:14px;--okd-button-sm-icon-size:18px;--okd-button-md-icon-size:18px;--okd-button-lg-icon-size:18px;--okd-button-xl-icon-size:18px;--okd-button-xxs-icon-margin:6px;--okd-button-xs-icon-margin:6px;--okd-button-sm-icon-margin:6px;--okd-button-md-icon-margin:6px;--okd-button-lg-icon-margin:8px;--okd-button-xl-icon-margin:8px;--okd-button-xxs-line-height:var(--okd-line-height-xs);--okd-button-xs-line-height:var(--okd-line-height-xs);--okd-button-sm-line-height:var(--okd-line-height-md);--okd-button-md-line-height:var(--okd-line-height-md);--okd-button-lg-line-height:var(--okd-line-height-base);--okd-button-xl-line-height:var(--okd-line-height-base);--okd-button-xxs-padding-horizontal:8px;--okd-button-xxs-padding-vertical:3px;--okd-button-xs-padding-horizontal:8px;--okd-button-xs-padding-vertical:5px;--okd-button-sm-padding-horizontal:12px;--okd-button-sm-padding-vertical:7px;--okd-button-md-padding-horizontal:16px;--okd-button-md-padding-vertical:9px;--okd-button-lg-padding-horizontal:24px;--okd-button-lg-padding-vertical:13px;--okd-button-xl-padding-horizontal:24px;--okd-button-xl-padding-vertical:17px;--okd-button-xxs-min-width:63px;--okd-button-xs-min-width:63px;--okd-button-sm-min-width:81px;--okd-button-md-min-width:90px;--okd-button-lg-min-width:108px;--okd-button-xl-min-width:126px;--okd-button-xxs-border-radius:60px;--okd-button-xs-border-radius:60px;--okd-button-sm-border-radius:60px;--okd-button-md-border-radius:60px;--okd-button-lg-border-radius:60px;--okd-button-xl-border-radius:60px;--okd-button-xxs-border-size:1px;--okd-button-xs-border-size:1px;--okd-button-sm-border-size:1px;--okd-button-md-border-size:1px;--okd-button-lg-border-size:1px;--okd-button-xl-border-size:1px;--okd-button-xl-loader-size:18px;--okd-button-lg-loader-size:14px;--okd-button-md-loader-size:14px;--okd-button-sm-loader-size:14px;--okd-button-xs-loader-size:14px;--okd-button-xxs-loader-size:14px;--okd-button-xl-loader-text-margin-left:8px;--okd-button-lg-loader-text-margin-left:8px;--okd-button-md-loader-text-margin-left:6px;--okd-button-sm-loader-text-margin-left:6px;--okd-button-xs-loader-text-margin-left:6px;--okd-button-xxs-loader-text-margin-left:6px;--okd-button-s-font-size:14px;--okd-button-s-icon-size:18px;--okd-button-s-icon-margin:6px;--okd-button-s-line-height:16px;--okd-button-s-padding-horizontal:12px;--okd-button-s-padding-vertical:7px;--okd-button-s-min-width:72px;--okd-button-s-border-radius:60px;--okd-button-s-loader-size:14px;--okd-button-s-loader-text-margin-left:6px;--okd-button-xl-font-weight:600;--okd-button-lg-font-weight:500;--okd-button-md-font-weight:500;--okd-button-sm-font-weight:500;--okd-button-rect-xxs-border-radius:4px;--okd-button-rect-xs-border-radius:4px;--okd-button-rect-sm-border-radius:4px;--okd-button-rect-s-border-radius:4px;--okd-button-rect-md-border-radius:4px;--okd-button-rect-lg-border-radius:8px;--okd-button-rect-xl-border-radius:8px;--okd-button-fill-highlight-default-background:var(--okd-color-surface-interactive-feature-default);--okd-button-fill-highlight-hover-background:var(--okd-color-surface-interactive-feature-hovered);--okd-button-fill-highlight-active-background:var(--okd-color-surface-interactive-feature-pressed);--okd-button-fill-highlight-focus-background:var(--okd-color-surface-interactive-feature-default);--okd-button-fill-highlight-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-button-fill-highlight-default-border-color:transparent;--okd-button-fill-highlight-hover-border-color:transparent;--okd-button-fill-highlight-active-border-color:transparent;--okd-button-fill-highlight-focus-border-color:transparent;--okd-button-fill-highlight-disabled-border-color:transparent;--okd-button-fill-highlight-default-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-hover-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-active-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-focus-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-button-fill-highlight-default-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-hover-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-active-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-focus-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-disabled-icon-color:var(--okd-color-content-interactive-disabled);--okd-button-fill-highlight-default-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-hover-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-active-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-focus-shadow:0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #1d202359;--okd-button-fill-highlight-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-loader-track-color:#e8e6e04d;--okd-button-fill-highlight-loader-mark-color:var(--okd-color-border-interactive-oncolor);--okd-button-fill-highlight-border-size:0px;--okd-button-fill-highlight-loading-background:var(--okd-color-surface-interactive-feature-pressed);--okd-button-fill-primary-default-background:var(--okd-color-surface-interactive-feature-default);--okd-button-fill-primary-hover-background:var(--okd-color-surface-interactive-feature-hovered);--okd-button-fill-primary-active-background:var(--okd-color-surface-interactive-feature-pressed);--okd-button-fill-primary-focus-background:var(--okd-color-surface-interactive-feature-default);--okd-button-fill-primary-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-button-fill-primary-default-border-color:transparent;--okd-button-fill-primary-hover-border-color:transparent;--okd-button-fill-primary-active-border-color:transparent;--okd-button-fill-primary-focus-border-color:transparent;--okd-button-fill-primary-disabled-border-color:transparent;--okd-button-fill-primary-default-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-hover-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-active-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-focus-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-button-fill-primary-default-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-hover-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-active-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-focus-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-disabled-icon-color:var(--okd-color-content-interactive-disabled);--okd-button-fill-primary-default-shadow:var(--okd-shadow-none);--okd-button-fill-primary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-primary-active-shadow:var(--okd-shadow-none);--okd-button-fill-primary-focus-shadow:0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #2d60e040;--okd-button-fill-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-primary-loader-track-color:#e8e6e04d;--okd-button-fill-primary-loader-mark-color:var(--okd-color-border-interactive-oncolor);--okd-button-fill-primary-border-size:0px;--okd-button-fill-primary-loading-background:var(--okd-color-surface-interactive-feature-pressed);--okd-button-fill-secondary-default-background:#f5f9ff;--okd-button-fill-secondary-hover-background:#d1e3ff;--okd-button-fill-secondary-active-background:#afcfff;--okd-button-fill-secondary-focus-background:#d1e3ff;--okd-button-fill-secondary-disabled-background:#f5f9ff;--okd-button-fill-secondary-default-border-color:#f5f9ff;--okd-button-fill-secondary-hover-border-color:#d1e3ff;--okd-button-fill-secondary-active-border-color:#afcfff;--okd-button-fill-secondary-focus-border-color:#d1e3ff;--okd-button-fill-secondary-disabled-border-color:#f5f9ff;--okd-button-fill-secondary-default-font-color:#005eea;--okd-button-fill-secondary-hover-font-color:#005eea;--okd-button-fill-secondary-active-font-color:#005eea;--okd-button-fill-secondary-focus-font-color:#005eea;--okd-button-fill-secondary-disabled-font-color:#8dbbff;--okd-button-fill-secondary-default-icon-color:#0569ff;--okd-button-fill-secondary-hover-icon-color:#0569ff;--okd-button-fill-secondary-active-icon-color:#0569ff;--okd-button-fill-secondary-focus-icon-color:#0569ff;--okd-button-fill-secondary-disabled-icon-color:#bdbdbd;--okd-button-fill-secondary-default-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-active-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-focus-shadow:0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #2d60e040;--okd-button-fill-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-loader-track-color:#f5f9ff;--okd-button-fill-secondary-loader-mark-color:#0569ff;--okd-button-fill-secondary-border-size:0px;--okd-button-fill-tertiary-border-size:0px;--okd-button-fill-tertiary-default-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-hover-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-focus-background:#fffc;--okd-button-fill-tertiary-active-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-disabled-background:#ffffff0f;--okd-button-fill-tertiary-disabled-font-color:#ffffff5c;--okd-button-fill-tertiary-disabled-border-color:#ffffff0f;--okd-button-fill-tertiary-default-border-color:var(--okd-color-container-primary);--okd-button-fill-tertiary-hover-border-color:#fff0;--okd-button-fill-tertiary-focus-border-color:#30101900;--okd-button-fill-tertiary-active-border-color:#fff0;--okd-button-fill-tertiary-loader-track-color:var(--okd-color-border-primary);--okd-button-fill-tertiary-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-tertiary-default-font-color:var(--okd-color-content-primary);--okd-button-fill-tertiary-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-hover-font-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-hover-icon-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-focus-font-color:#000;--okd-button-fill-tertiary-focus-icon-color:#000;--okd-button-fill-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-active-font-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-active-icon-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-disabled-icon-color:#ffffff5c;--okd-button-fill-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-border-size:0px;--okd-button-fill-quaternary-default-background:#ffffff26;--okd-button-fill-quaternary-default-font-color:#fff;--okd-button-fill-quaternary-default-border-color:transparent;--okd-button-fill-quaternary-hover-background:#ffffff40;--okd-button-fill-quaternary-hover-border-color:transparent;--okd-button-fill-quaternary-hover-font-color:#ffffff40;--okd-button-fill-quaternary-focus-background:#ffffff40;--okd-button-fill-quaternary-focus-border-color:transparent;--okd-button-fill-quaternary-focus-font-color:#fff;--okd-button-fill-quaternary-active-background:#ffffff40;--okd-button-fill-quaternary-active-border-color:transparent;--okd-button-fill-quaternary-active-font-color:#fff;--okd-button-fill-quaternary-disabled-background:#ffffff26;--okd-button-fill-quaternary-disabled-font-color:#ffffff40;--okd-button-fill-quaternary-disabled-border-color:transparent;--okd-button-fill-quaternary-loader-track-color:#ffffff40;--okd-button-fill-quaternary-loader-mark-color:#fff;--okd-button-fill-quaternary-default-icon-color:#fff;--okd-button-fill-quaternary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-hover-icon-color:#fff;--okd-button-fill-quaternary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-focus-icon-color:#fff;--okd-button-fill-quaternary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-active-icon-color:#fff;--okd-button-fill-quaternary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-disabled-icon-color:#fff;--okd-button-fill-quaternary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-red-default-background:var(--okd-color-semantic-negative);--okd-button-fill-red-hover-background:#eb4b6dcc;--okd-button-fill-red-active-background:#eb4b6dcc;--okd-button-fill-red-focus-background:#602031;--okd-button-fill-red-disabled-background:var(--okd-color-btnsecfade-disable);--okd-button-fill-red-default-border-color:var(--okd-color-semantic-negative);--okd-button-fill-red-hover-border-color:transparent;--okd-button-fill-red-active-border-color:transparent;--okd-button-fill-red-focus-border-color:#602031;--okd-button-fill-red-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-red-default-font-color:var(--okd-color-content-inverse);--okd-button-fill-red-hover-font-color:var(--okd-color-content-inverse);--okd-button-fill-red-active-font-color:var(--okd-color-content-inverse);--okd-button-fill-red-focus-font-color:#fff;--okd-button-fill-red-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-red-default-icon-color:var(--okd-color-content-inverse);--okd-button-fill-red-hover-icon-color:var(--okd-color-content-inverse);--okd-button-fill-red-active-icon-color:var(--okd-color-content-inverse);--okd-button-fill-red-focus-icon-color:#fff;--okd-button-fill-red-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-red-default-shadow:0 0 0 0 transparent;--okd-button-fill-red-hover-shadow:var(--okd-shadow-none);--okd-button-fill-red-active-shadow:var(--okd-shadow-none);--okd-button-fill-red-focus-shadow:0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #e35e5e66;--okd-button-fill-red-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-red-loader-track-color:#fafafa42;--okd-button-fill-red-loader-mark-color:var(--okd-color-border-contrast);--okd-button-fill-red-border-size:0px;--okd-button-fill-green-default-background:var(--okd-color-semantic-positive);--okd-button-fill-green-hover-background:#31bd65cc;--okd-button-fill-green-active-background:#31bd65cc;--okd-button-fill-green-focus-background:#0c5025;--okd-button-fill-green-disabled-background:var(--okd-color-btnsecfade-disable);--okd-button-fill-green-default-border-color:var(--okd-color-semantic-positive);--okd-button-fill-green-hover-border-color:transparent;--okd-button-fill-green-active-border-color:transparent;--okd-button-fill-green-focus-border-color:transparent;--okd-button-fill-green-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-green-default-font-color:var(--okd-color-content-inverse);--okd-button-fill-green-hover-font-color:var(--okd-color-content-inverse);--okd-button-fill-green-active-font-color:var(--okd-color-content-inverse);--okd-button-fill-green-focus-font-color:#fff;--okd-button-fill-green-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-green-default-icon-color:var(--okd-color-content-inverse);--okd-button-fill-green-hover-icon-color:var(--okd-color-content-inverse);--okd-button-fill-green-active-icon-color:var(--okd-color-content-inverse);--okd-button-fill-green-focus-icon-color:#fff;--okd-button-fill-green-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-green-default-shadow:0 0 0 0 transparent;--okd-button-fill-green-hover-shadow:var(--okd-shadow-none);--okd-button-fill-green-active-shadow:var(--okd-shadow-none);--okd-button-fill-green-focus-shadow:0px 0px 0px 1px #fff, 0px 0px 0px 3.5px #2ead6573;--okd-button-fill-green-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-green-loader-track-color:#fafafa42;--okd-button-fill-green-loader-mark-color:var(--okd-color-border-contrast);--okd-button-fill-green-border-size:0px;--okd-button-fill-grey-default-background:var(--okd-color-background-surface-primary);--okd-button-fill-grey-hover-background:var(--okd-color-btnsecfade-hover);--okd-button-fill-grey-active-background:var(--okd-color-btnsecfade-default);--okd-button-fill-grey-focus-background:#dbdbdb80;--okd-button-fill-grey-disabled-background:var(--okd-color-btnsecfade-disable);--okd-button-fill-grey-default-border-color:var(--okd-color-background-surface-primary);--okd-button-fill-grey-hover-border-color:transparent;--okd-button-fill-grey-active-border-color:transparent;--okd-button-fill-grey-focus-border-color:#dbdbdb;--okd-button-fill-grey-disabled-border-color:var(--okd-color-background-surface-disable);--okd-button-fill-grey-default-font-color:var(--okd-color-content-primary);--okd-button-fill-grey-hover-font-color:var(--okd-color-content-primary);--okd-button-fill-grey-active-font-color:var(--okd-color-content-primary);--okd-button-fill-grey-focus-font-color:#3d3d3d;--okd-button-fill-grey-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-grey-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-grey-hover-icon-color:var(--okd-color-content-primary);--okd-button-fill-grey-active-icon-color:var(--okd-color-content-primary);--okd-button-fill-grey-focus-icon-color:#3d3d3d;--okd-button-fill-grey-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-grey-default-shadow:0 0 0 0 transparent;--okd-button-fill-grey-hover-shadow:var(--okd-shadow-none);--okd-button-fill-grey-active-shadow:var(--okd-shadow-none);--okd-button-fill-grey-focus-shadow:0px 0px 0px 0px #0000, 0px 0px 0px 3.5px #d8dce673;--okd-button-fill-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-grey-loader-track-color:var(--okd-color-border-primary);--okd-button-fill-grey-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-grey-border-size:0px;--okd-button-outline-highlight-border-size:1.5px;--okd-button-outline-highlight-hover-background:var(--okd-color-container-inverse);--okd-button-outline-highlight-hover-font-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-focus-background:#000;--okd-button-outline-highlight-focus-border-color:#000;--okd-button-outline-highlight-focus-font-color:#fff;--okd-button-outline-highlight-active-background:var(--okd-color-container-inverse);--okd-button-outline-highlight-active-font-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-disabled-font-color:var(--okd-color-content-disabled);--okd-button-outline-highlight-disabled-border-color:var(--okd-color-border-primary);--okd-button-outline-highlight-hover-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-active-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-loader-track-color:#dbdbdb;--okd-button-outline-highlight-loader-mark-color:#000;--okd-button-outline-highlight-default-background:transparent;--okd-button-outline-highlight-default-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-default-font-color:var(--okd-color-content-primary);--okd-button-outline-highlight-default-icon-color:var(--okd-color-content-primary);--okd-button-outline-highlight-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-hover-icon-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-focus-icon-color:#fff;--okd-button-outline-highlight-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-active-icon-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-disabled-background:transparent;--okd-button-outline-highlight-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-outline-highlight-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-primary-default-background:var(--okd-color-surface-interactive-default);--okd-button-outline-primary-hover-background:var(--okd-color-surface-interactive-hovered);--okd-button-outline-primary-active-background:var(--okd-color-surface-interactive-pressed);--okd-button-outline-primary-focus-background:var(--okd-color-surface-interactive-default);--okd-button-outline-primary-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-button-outline-primary-default-border-color:transparent;--okd-button-outline-primary-hover-border-color:transparent;--okd-button-outline-primary-active-border-color:transparent;--okd-button-outline-primary-focus-border-color:transparent;--okd-button-outline-primary-disabled-border-color:transparent;--okd-button-outline-primary-default-font-color:var(--okd-color-content-static-default);--okd-button-outline-primary-hover-font-color:var(--okd-color-content-static-default);--okd-button-outline-primary-active-font-color:var(--okd-color-content-static-default);--okd-button-outline-primary-focus-font-color:var(--okd-color-content-static-default);--okd-button-outline-primary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-button-outline-primary-default-icon-color:var(--okd-color-content-static-default);--okd-button-outline-primary-hover-icon-color:var(--okd-color-content-static-default);--okd-button-outline-primary-active-icon-color:var(--okd-color-content-static-default);--okd-button-outline-primary-focus-icon-color:var(--okd-color-content-static-default);--okd-button-outline-primary-disabled-icon-color:var(--okd-color-content-interactive-disabled);--okd-button-outline-primary-default-shadow:0 0 0 0 transparent;--okd-button-outline-primary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-primary-active-shadow:var(--okd-shadow-none);--okd-button-outline-primary-focus-shadow:0px 0px 0px 3px #00000014;--okd-button-outline-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-primary-loader-track-color:#524c4380;--okd-button-outline-primary-loader-mark-color:var(--okd-color-border-interactive-experience-default);--okd-button-outline-primary-border-size:1px;--okd-button-outline-primary-loading-background:var(--okd-color-surface-interactive-pressed);--okd-button-outline-secondary-default-background:#fff;--okd-button-outline-secondary-hover-background:#f7f7f7;--okd-button-outline-secondary-active-background:#f9f9f9;--okd-button-outline-secondary-focus-background:#f7f7f7;--okd-button-outline-secondary-disabled-background:#fff;--okd-button-outline-secondary-default-border-color:#dbdbdb;--okd-button-outline-secondary-hover-border-color:#dbdbdb;--okd-button-outline-secondary-active-border-color:#dbdbdb;--okd-button-outline-secondary-focus-border-color:#dbdbdb;--okd-button-outline-secondary-disabled-border-color:#ebebeb;--okd-button-outline-secondary-default-font-color:#000;--okd-button-outline-secondary-hover-font-color:#000;--okd-button-outline-secondary-active-font-color:#000;--okd-button-outline-secondary-focus-font-color:#000;--okd-button-outline-secondary-disabled-font-color:#bdbdbd;--okd-button-outline-secondary-default-icon-color:#000;--okd-button-outline-secondary-hover-icon-color:#000;--okd-button-outline-secondary-active-icon-color:#000;--okd-button-outline-secondary-focus-icon-color:#000;--okd-button-outline-secondary-disabled-icon-color:#bdbdbd;--okd-button-outline-secondary-default-shadow:0 0 0 0 transparent;--okd-button-outline-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-active-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-focus-shadow:0px 0px 0px 3px #00000014;--okd-button-outline-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-loader-track-color:#00000040;--okd-button-outline-secondary-loader-mark-color:#000;--okd-button-outline-secondary-border-size:1px;--okd-button-outline-tertiary-border-size:1.5px;--okd-button-outline-tertiary-default-background:transparent;--okd-button-outline-tertiary-default-border-color:var(--okd-color-border-contrast);--okd-button-outline-tertiary-default-font-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-default-icon-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-hover-background:var(--okd-color-container-primary);--okd-button-outline-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-hover-icon-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-hover-font-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-hover-border-color:var(--okd-color-container-primary);--okd-button-outline-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-focus-icon-color:#000;--okd-button-outline-tertiary-focus-font-color:#000;--okd-button-outline-tertiary-focus-border-color:#fff;--okd-button-outline-tertiary-focus-background:#fff;--okd-button-outline-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-active-icon-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-active-font-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-active-border-color:var(--okd-color-container-primary);--okd-button-outline-tertiary-active-background:var(--okd-color-container-primary);--okd-button-outline-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-disabled-icon-color:#ffffff5c;--okd-button-outline-tertiary-disabled-font-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-disabled-border-color:#fafafa1f;--okd-button-outline-tertiary-disabled-background:transparent;--okd-button-outline-tertiary-loader-mark-color:var(--okd-color-border-contrast);--okd-button-outline-tertiary-loader-track-color:#fafafa4d;--okd-button-text-primary-default-background:var(--okd-color-common-transparent);--okd-button-text-primary-hover-background:var(--okd-color-btnsecfade-default);--okd-button-text-primary-active-background:var(--okd-color-btnsecfade-default);--okd-button-text-primary-focus-background:#f5f9ff;--okd-button-text-primary-disabled-background:#f3f3f300;--okd-button-text-primary-default-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-active-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-focus-border-color:transparent;--okd-button-text-primary-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-default-font-color:var(--okd-color-content-primary);--okd-button-text-primary-hover-font-color:var(--okd-color-content-primary);--okd-button-text-primary-active-font-color:var(--okd-color-content-primary);--okd-button-text-primary-focus-font-color:#005eea;--okd-button-text-primary-disabled-font-color:var(--okd-color-content-disabled);--okd-button-text-primary-default-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-hover-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-active-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-focus-icon-color:#005eea;--okd-button-text-primary-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-text-primary-default-shadow:none;--okd-button-text-primary-hover-shadow:none;--okd-button-text-primary-active-shadow:none;--okd-button-text-primary-focus-shadow:none;--okd-button-text-primary-disabled-shadow:none;--okd-button-text-primary-border-size:1px;--okd-button-text-secondary-default-background:transparent;--okd-button-text-secondary-hover-background:#f5f9ff;--okd-button-text-secondary-active-background:#f5f9ff;--okd-button-text-secondary-focus-background:#f5f9ff;--okd-button-text-secondary-disabled-background:#f9f9f9;--okd-button-text-secondary-default-border-color:transparent;--okd-button-text-secondary-hover-border-color:transparent;--okd-button-text-secondary-active-border-color:transparent;--okd-button-text-secondary-focus-border-color:transparent;--okd-button-text-secondary-disabled-border-color:transparent;--okd-button-text-secondary-default-font-color:#0569ff;--okd-button-text-secondary-hover-font-color:#005eea;--okd-button-text-secondary-active-font-color:#005eea;--okd-button-text-secondary-focus-font-color:#005eea;--okd-button-text-secondary-disabled-font-color:#005eea73;--okd-button-text-secondary-default-icon-color:#0569ff;--okd-button-text-secondary-hover-icon-color:#005eea;--okd-button-text-secondary-active-icon-color:#005eea;--okd-button-text-secondary-focus-icon-color:#005eea;--okd-button-text-secondary-disabled-icon-color:#005eea73;--okd-button-text-secondary-default-shadow:none;--okd-button-text-secondary-hover-shadow:none;--okd-button-text-secondary-active-shadow:none;--okd-button-text-secondary-focus-shadow:none;--okd-button-text-secondary-disabled-shadow:none;--okd-button-text-secondary-border-size:1px;--okd-button-text-red-default-background:var(--okd-color-common-transparent);--okd-button-text-red-hover-background:#eb4b6d0d;--okd-button-text-red-active-background:#eb4b6d0d;--okd-button-text-red-focus-background:#fff8f9;--okd-button-text-red-disabled-background:#fafafa00;--okd-button-text-red-default-border-color:transparent;--okd-button-text-red-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-red-active-border-color:var(--okd-color-common-transparent);--okd-button-text-red-focus-border-color:transparent;--okd-button-text-red-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-red-default-font-color:#eb4b6d;--okd-button-text-red-hover-font-color:var(--okd-color-semantic-negative);--okd-button-text-red-active-font-color:var(--okd-color-semantic-negative);--okd-button-text-red-focus-font-color:#602031;--okd-button-text-red-disabled-font-color:#eb4b6d73;--okd-button-text-red-default-icon-color:#602031;--okd-button-text-red-hover-icon-color:#eb4b6d;--okd-button-text-red-active-icon-color:var(--okd-color-semantic-negative);--okd-button-text-red-focus-icon-color:#602031;--okd-button-text-red-disabled-icon-color:#eb4b6d73;--okd-button-text-red-default-shadow:none;--okd-button-text-red-hover-shadow:none;--okd-button-text-red-active-shadow:none;--okd-button-text-red-focus-shadow:none;--okd-button-text-red-disabled-shadow:none;--okd-button-text-red-border-size:1px;--okd-button-text-green-default-background:var(--okd-color-common-transparent);--okd-button-text-green-hover-background:#31bd650d;--okd-button-text-green-active-background:#31bd650d;--okd-button-text-green-focus-background:#f2fff7;--okd-button-text-green-disabled-background:#fafafa00;--okd-button-text-green-default-border-color:var(--okd-color-common-transparent);--okd-button-text-green-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-green-active-border-color:var(--okd-color-common-transparent);--okd-button-text-green-focus-border-color:transparent;--okd-button-text-green-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-green-default-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-hover-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-active-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-focus-font-color:#0c5025;--okd-button-text-green-disabled-font-color:#31bd6573;--okd-button-text-green-default-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-hover-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-active-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-focus-icon-color:#0c5025;--okd-button-text-green-disabled-icon-color:#31bd6573;--okd-button-text-green-default-shadow:none;--okd-button-text-green-hover-shadow:none;--okd-button-text-green-active-shadow:none;--okd-button-text-green-focus-shadow:none;--okd-button-text-green-disabled-shadow:none;--okd-button-text-green-border-size:1px;--okd-button-text-yellow-default-background:var(--okd-color-common-transparent);--okd-button-text-yellow-hover-background:#ffb1170d;--okd-button-text-yellow-active-background:#ffb1170d;--okd-button-text-yellow-focus-background:#fffcf5;--okd-button-text-yellow-disabled-background:#fafafa00;--okd-button-text-yellow-default-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-active-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-focus-border-color:transparent;--okd-button-text-yellow-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-default-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-hover-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-active-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-focus-font-color:#eaa900;--okd-button-text-yellow-disabled-font-color:#ffb11773;--okd-button-text-yellow-default-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-hover-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-active-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-focus-icon-color:#eaa900;--okd-button-text-yellow-disabled-icon-color:#ffb11773;--okd-button-text-yellow-default-shadow:none;--okd-button-text-yellow-hover-shadow:none;--okd-button-text-yellow-active-shadow:none;--okd-button-text-yellow-focus-shadow:none;--okd-button-text-yellow-disabled-shadow:none;--okd-button-text-yellow-border-size:1px;--okd-button-text-orange-default-background:transparent;--okd-button-text-orange-hover-background:#fef9f6;--okd-button-text-orange-active-background:#fef9f6;--okd-button-text-orange-focus-background:#fef9f6;--okd-button-text-orange-disabled-background:#f9f9f9;--okd-button-text-orange-default-border-color:transparent;--okd-button-text-orange-hover-border-color:transparent;--okd-button-text-orange-active-border-color:transparent;--okd-button-text-orange-focus-border-color:transparent;--okd-button-text-orange-disabled-border-color:transparent;--okd-button-text-orange-default-font-color:#e96010;--okd-button-text-orange-hover-font-color:#e96010;--okd-button-text-orange-active-font-color:#e96010;--okd-button-text-orange-focus-font-color:#e96010;--okd-button-text-orange-disabled-font-color:#e9601073;--okd-button-text-orange-default-icon-color:#e96010;--okd-button-text-orange-hover-icon-color:#e96010;--okd-button-text-orange-active-icon-color:#e96010;--okd-button-text-orange-focus-icon-color:#e96010;--okd-button-text-orange-disabled-icon-color:#e9601073;--okd-button-text-orange-default-shadow:none;--okd-button-text-orange-hover-shadow:none;--okd-button-text-orange-active-shadow:none;--okd-button-text-orange-focus-shadow:none;--okd-button-text-orange-disabled-shadow:none;--okd-button-text-orange-border-size:1px}.theme-okx-money-dark{--okd-color-gray-050:#000;--okd-color-gray-100:#2e2e2e;--okd-color-gray-200:#404040;--okd-color-gray-300:#6c6c6c;--okd-color-gray-400:#909090;--okd-color-gray-500:#b0b0b0;--okd-color-gray-600:#ccc;--okd-color-gray-700:#e3e3e3;--okd-color-gray-800:#f0f0f0;--okd-color-gray-900:#fafafa;--okd-color-blue-050:#051738;--okd-color-blue-100:#082356;--okd-color-blue-200:#0c3178;--okd-color-blue-300:#0f3c94;--okd-color-blue-400:#1148b0;--okd-color-blue-500:#1453cc;--okd-color-blue-600:#175fe8;--okd-color-blue-700:#1e6bff;--okd-color-blue-800:#3077ff;--okd-color-blue-900:#4283ff;--okd-color-green-050:#002b1f;--okd-color-green-100:#062b12;--okd-color-green-200:#0c5625;--okd-color-green-300:#138037;--okd-color-green-400:#19ab4a;--okd-color-green-500:#25a750;--okd-color-green-600:#4cde7d;--okd-color-green-700:#79e69d;--okd-color-green-800:#a5efbe;--okd-color-green-900:#d2f7de;--okd-color-red-050:#270b12;--okd-color-red-100:#300e17;--okd-color-red-200:#601d2e;--okd-color-red-300:#902b44;--okd-color-red-400:#c03a5b;--okd-color-red-500:#f04872;--okd-color-red-600:#f76489;--okd-color-red-700:#f994ae;--okd-color-red-800:#f9b6c7;--okd-color-red-900:#fff8f9;--okd-color-orange-050:#361604;--okd-color-orange-100:#532206;--okd-color-orange-200:#743008;--okd-color-orange-300:#8f3b0a;--okd-color-orange-400:#aa460c;--okd-color-orange-500:#c5510e;--okd-color-orange-600:#e15c0f;--okd-color-orange-700:#f76816;--okd-color-orange-800:#f87428;--okd-color-orange-900:#fa8c4d;--okd-color-yellow-050:#2d2104;--okd-color-yellow-100:#493603;--okd-color-yellow-200:#674b04;--okd-color-yellow-300:#7f5d05;--okd-color-yellow-400:#966e06;--okd-color-yellow-500:#ae8007;--okd-color-yellow-600:#c69208;--okd-color-yellow-700:#dba20e;--okd-color-yellow-800:#dea921;--okd-color-yellow-900:#e0b134;--okd-color-text-white:#fff;--okd-color-text-black:#1f2933;--okd-color-background-1:#121212;--okd-color-background-2:#1a1a1a;--okd-color-transparent:transparent;--okd-color-white:#fff;--okd-color-black:#000;--okd-color-line-muted:#2e2e2e;--okd-color-line-amplifed:#6c6c6c;--okd-color-line-secondary:#404040;--okd-color-text-lighter:#6c6c6c;--okd-color-text-light:#909090;--okd-color-text-secondary:#e3e3e3;--okd-color-text-amplifed:#fafafa;--okd-color-background-3:#242424;--okd-color-fq-blue-lv1:#3077ff;--okd-color-fq-blue-lv2:#1e6bff;--okd-color-fq-green-lv1:#1fd65c;--okd-color-fq-red-lv1:#f04872;--okd-color-fq-orange-lv1:#f76816;--okd-color-prefer-red-chart:#f04872;--okd-color-prefer-red-bg:#ca3f64;--okd-color-prefer-green-chart:#1fd65c;--okd-color-prefer-green-bg:#25a750;--okd-color-prefer-red-text:#ca3f64;--okd-color-prefer-green-text:#25a750;--okd-color-branded-primary:#bcff2f;--okd-color-fq-critical:#f04872;--okd-color-fq-positive:#25a750;--okd-color-fq-warning:#f76816;--okd-color-fq-accent:#1e6bff;--okd-color-fq-neutral:#fafafa;--okd-color-prefer-neutral-bg:#909090;--okd-color-prefer-neutral-text:#909090;--okd-color-white-opacity-5:#fff;--okd-color-white-opacity-10:#fffffff0;--okd-color-white-opacity-20:#ffffffe0;--okd-color-white-opacity-30:#ffffffc7;--okd-color-white-opacity-40:#ffffffc2;--okd-color-white-opacity-50:#ffffff8a;--okd-color-white-opacity-60:#ffffff5c;--okd-color-white-opacity-70:#ffffff30;--okd-color-white-opacity-80:#ffffff1f;--okd-color-white-opacity-90:#ffffff0f;--okd-color-black-opacity-5:#000;--okd-color-black-opacity-10:#000000e6;--okd-color-black-opacity-20:#000000c2;--okd-color-black-opacity-30:#000000ad;--okd-color-black-opacity-40:#00000091;--okd-color-black-opacity-50:#0000006e;--okd-color-black-opacity-60:#00000042;--okd-color-black-opacity-70:#00000024;--okd-color-black-opacity-80:#00090314;--okd-color-black-opacity-90:#0000000a;--okd-color-neutral-5:#fff;--okd-color-neutral-140:#4d4d4d;--okd-color-neutral-150:#414141;--okd-color-neutral-160:#383838;--okd-color-neutral-170:#272727;--okd-color-neutral-180:#1d1d1d;--okd-color-neutral-190:#0e0e0e;--okd-color-neutral-200:#000;--okd-color-tangerine-5:#ffedcb;--okd-color-tangerine-10:#ffd37d;--okd-color-tangerine-30:#ffb117;--okd-color-tangerine-40:#db8f00;--okd-color-tangerine-50:#a06900;--okd-color-tangerine-60:#664300;--okd-color-lemon-5:#ffdc4;--okd-color-lemon-10:#fffa7a;--okd-color-lemon-20:#fff500;--okd-color-lemon-30:#e5dd00;--okd-color-lemon-40:#b2ab00;--okd-color-lemon-50:#797400;--okd-color-lemon-60:#5c5800;--okd-color-tangerine-20:#ffc452;--okd-color-neonlime-5:#e6ffb0;--okd-color-neonlime-10:#d5ff7d;--okd-color-neonlime-20:#bcff2f;--okd-color-neonlime-30:#9fe212;--okd-color-neonlime-40:#8ec51d;--okd-color-neonlime-50:#568000;--okd-color-neonlime-60:#3d5c00;--okd-color-neonmint-5:#cbffe0;--okd-color-neonmint-10:#7dffb1;--okd-color-neonmint-20:#24ff7b;--okd-color-neonmint-30:#12e366;--okd-color-neonmint-40:#00bc4b;--okd-color-neonmint-50:#008535;--okd-color-neonmint-60:#005c25;--okd-color-bluebell-5:#e6eaff;--okd-color-bluebell-10:#b8bfff;--okd-color-bluebell-20:#8a91ff;--okd-color-bluebell-30:#5f62ff;--okd-color-bluebell-40:#5043ff;--okd-color-bluebell-50:#4c2fff;--okd-color-bluebell-60:#1d00d4;--okd-color-lavender-5:#f2e8ff;--okd-color-lavender-10:#dbbfff;--okd-color-lavender-20:#c496ff;--okd-color-lavender-30:#ac6cff;--okd-color-lavender-40:#9543ff;--okd-color-lavender-50:#7e1aff;--okd-color-lavender-60:#5600c5;--okd-color-orchid-5:#fee7ea;--okd-color-orchid-10:#ffc1c9;--okd-color-orchid-20:#ffa8b3;--okd-color-orchid-30:#ff7888;--okd-color-orchid-40:#f5384f;--okd-color-orchid-50:#cd2438;--okd-color-orchid-60:#9a1b2a;--okd-color-semantic-positive-1:#25a750;--okd-color-semantic-negative-1:#ca3f64;--okd-color-background-lv1:#121212;--okd-color-background-lv2:#1a1a1a;--okd-color-transparent-base-black:#0000;--okd-color-transparent-base-white:#0000;--okd-color-alert-base-info:#2e2e2e;--okd-color-alert-base-success:#002b1f;--okd-color-alert-base-warning:#361604;--okd-color-alert-base-error:#270b12;--okd-color-basil-5:#e9f4d1;--okd-color-basil-10:#d2e8a4;--okd-color-basil-20:#81be00;--okd-color-basil-30:#49a92d;--okd-color-basil-40:#2b6d17;--okd-color-basil-50:#1a410e;--okd-color-basil-60:#1a2600;--okd-color-rose-5:#ffdfe9;--okd-color-rose-10:#ffc0d3;--okd-color-rose-20:#ff5eb6;--okd-color-rose-30:#fc46ab;--okd-color-rose-40:#a54162;--okd-color-rose-50:#532131;--okd-color-rose-60:#2a111f;--okd-color-neutral-15:#f6f6f6;--okd-color-neutral-185:#121212;--okd-color-background-base-primary:#000;--okd-color-background-base-secondary:#121212;--okd-color-background-surface-primary:#1d1d1d;--okd-color-background-surface-secondary:#121212;--okd-color-background-surface-pressed:#383838;--okd-color-background-surface-disable:#0e0e0e;--okd-color-background-scrim:#000000ad;--okd-color-container-primary:#272727;--okd-color-container-secondary:#272727;--okd-color-container-tertiary:#383838;--okd-color-container-contrast:#414141;--okd-color-container-inverse:#fafafa;--okd-color-content-primary:#fff;--okd-color-content-secondary:#e6e6e6;--okd-color-content-tertiary:#b3b3b3;--okd-color-content-contrast:#909090;--okd-color-content-disabled:#5b5b5b;--okd-color-content-inverse:#000;--okd-color-border-primary:#383838;--okd-color-border-secondary:#4d4d4d;--okd-color-border-contrast:#000;--okd-color-border-selected:#fff;--okd-color-semantic-neutral:#fff;--okd-color-semantic-notice:#ffb117;--okd-color-semantic-positive:#25a750;--okd-color-semantic-negative:#ca3f64;--okd-color-semantic-informative:#8a91ff;--okd-color-semantic-highlight:#bcff2f;--okd-color-dvp-neutral:#ffffffc2;--okd-color-dvp-profit:#25a750;--okd-color-dvp-loss:#ca3f64;--okd-color-categorical-01:#5f62ff;--okd-color-categorical-02:#ffb117;--okd-color-categorical-03:#bcff2f;--okd-color-categorical-04:#00bc4b;--okd-color-categorical-05:#f5384f;--okd-color-transparent-white:#0000;--okd-color-transparent-black:#ffffff05;--okd-color-common-transparent:#fff0;--okd-color-container-lv2:#1a1a1a;--okd-color-alert-info:#2e2e2e;--okd-color-alert-success:#002b1f;--okd-color-alert-warning:#361604;--okd-color-alert-error:#270b12;--okd-color-common-background-2:#383838;--okd-color-data-visualization-category-01:#5f62ff;--okd-color-data-visualization-category-02:#ffb117;--okd-color-data-visualization-category-03:#bcff2f;--okd-color-data-visualization-category-04:#00bc4b;--okd-color-data-visualization-category-05:#f5384f;--okd-color-preference-loss:#ca3f64;--okd-color-preference-profit:#25a750;--okd-color-preference-neutral:#ffffffc2;--okd-color-border-focus:#fff;--okd-color-background-base-primary_alternative:#000;--okd-color-link-content:#8a91ff;--okd-color-link-accent-content-primary:#bcff2f;--okd-color-link-accent-content-disabled:#3d5c00;--okd-color-link-accent-surface-pressed:#1a410e;--okd-color-background-surface-contrast:#272727;--okd-color-background-surface-brand:#bcff2f;--okd-color-border-tertiary:#0e0e0e;--okd-color-content-brand:#bcff2f;--okd-color-modal-primary:#0e0e0e;--okd-color-modal-secondary:#272727;--okd-color-modal-tertiary:#383838;--okd-color-modal-contrast:#4d4d4d;--okd-color-card-primary:#0e0e0e;--okd-color-card-secondary:#121212;--okd-color-btnsecfade-default:#1d1d1d;--okd-color-btnsecfade-disable:#1d1d1d;--okd-color-btnsecfade-hover:#272727;--okd-color-brand-primary:#121212;--okd-color-brand-primary-alternative:#bcff2f;--okd-color-brand-secondary:#272727;--okd-color-brand-tertiary:#383838;--okd-color-brand-content:#e6ffb0;--okd-color-brand-content-contrast:#000;--okd-color-global-fixed-always-dark:#000;--okd-color-global-fixed-always-light:#fff;--okd-color-surface-structural-subbase:#1e1c17;--okd-color-surface-info-default:#aba8a4;--okd-color-surface-info-subtle:#423c32;--okd-color-surface-warning-default:#db8a00;--okd-color-surface-warning-subtle:#5e3700;--okd-color-surface-success-default:#5c9a7c;--okd-color-surface-success-subtle:#1b3a2b;--okd-color-surface-danger-default:#c8452f;--okd-color-surface-danger-subtle:#58241b;--okd-color-surface-interactive-default:#ffffff1a;--okd-color-surface-interactive-hovered:#ffffff29;--okd-color-surface-interactive-pressed:#ffffff38;--okd-color-surface-interactive-disabled:#ffffff14;--okd-color-surface-interactive-oncolor-default:#ffffff38;--okd-color-surface-interactive-oncolor-hovered:#ffffff29;--okd-color-surface-interactive-oncolor-pressed:#ffffff21;--okd-color-surface-interactive-emphasis-default:#d9be93;--okd-color-surface-interactive-emphasis-hovered:#c9a876;--okd-color-surface-interactive-emphasis-pressed:#a67f4a;--okd-color-surface-interactive-emphasis-disabled:#ffffff14;--okd-color-surface-interactive-selected-default:#d9be93;--okd-color-surface-interactive-selected-subtle:#ffffff21;--okd-color-surface-interactive-selected-oncolor:#ffffff21;--okd-color-surface-structural-base:#1e1c17;--okd-color-surface-structural-layer-1:#2e2c26;--okd-color-surface-structural-layer-2:#2e2c26;--okd-color-surface-structural-layer-3:#413f38;--okd-color-surface-structural-highlight:#d9be93;--okd-color-surface-structural-inverse:#f0f0ef;--okd-color-surface-structural-elevated-default:#1e1c17;--okd-color-surface-structural-elevated-contrast:#1e1c17;--okd-color-surface-structural-overlay:#0009;--okd-color-border-static-default:#ffffff38;--okd-color-border-static-subtle:#ffffff21;--okd-color-border-static-dotted:#fff6;--okd-color-border-interactive-default:#fff6;--okd-color-border-interactive-hovered:#dededc;--okd-color-border-interactive-pressed:#f0f0ef;--okd-color-border-interactive-focused:#f0f0ef;--okd-color-border-interactive-selected:#f0f0ef;--okd-color-border-interactive-error:#e19b8f;--okd-color-border-interactive-emphasis:#d2d1cf;--okd-color-border-interactive-oncolor:#2e2c26;--okd-color-border-static-emphasis:#d2d1cf;--okd-color-border-static-experience:#f0f0ef;--okd-color-border-static-highlight:#e8d4b0;--okd-color-border-static-overlay:#ffffff1a;--okd-color-border-interactive-disabled:#ffffff38;--okd-color-border-info-default:#81b9c6;--okd-color-border-info-subtle:#136578;--okd-color-border-warning-default:#ffc880;--okd-color-border-warning-subtle:#5e3700;--okd-color-border-success-default:#8eb9a4;--okd-color-border-success-subtle:#1b3a2b;--okd-color-border-danger-default:#e19b8f;--okd-color-border-danger-subtle:#58241b;--okd-color-content-static-default:#f0f0ef;--okd-color-content-interactive-default:#d2d1cf;--okd-color-content-interactive-subtle:#97948e;--okd-color-content-interactive-hovered:#e8e8e6;--okd-color-content-static-subtle:#aba8a4;--okd-color-content-interactive-pressed:#f0f0ef;--okd-color-content-static-inverse:#2a2318;--okd-color-content-static-highlight:#efe1c8;--okd-color-content-static-placeholder:#fff6;--okd-color-content-interactive-active:#f0f0ef;--okd-color-content-interactive-selected:#f0f0ef;--okd-color-content-interactive-error:#e19b8f;--okd-color-content-interactive-disabled:#ffffff4d;--okd-color-content-info-default:#e8e8e6;--okd-color-content-info-subtle:#97948e;--okd-color-content-warning-default:#ffc880;--okd-color-content-warning-subtle:#5e3700;--okd-color-content-success-default:#8eb9a4;--okd-color-content-success-subtle:#1b3a2b;--okd-color-content-danger-default:#e19b8f;--okd-color-content-danger-subtle:#58241b;--okd-color-content-illustration-default:#f0f0ef;--okd-color-content-dataviz-categorical-1:#d9be93;--okd-color-content-dataviz-categorical-2:#277ae7;--okd-color-content-dataviz-categorical-3:#ffb729;--okd-color-content-dataviz-categorical-4:#edc746;--okd-color-content-dataviz-categorical-5:#a352ef;--okd-color-content-dataviz-categorical-6:#aba8a4;--okd-color-content-dataviz-categorical-7:#837f79;--okd-color-content-dataviz-categorical-8:#615c54;--okd-color-content-illustration-inverse:#2e2c26;--okd-color-content-illustration-experience:#f0f0ef;--okd-color-content-illustration-highlight:#d9be93;--okd-color-global-alpha-matching-5:#0000000d;--okd-color-global-alpha-matching-10:#0000001a;--okd-color-global-alpha-matching-20:#0003;--okd-color-global-alpha-matching-30:#0000004d;--okd-color-global-alpha-matching-40:#0006;--okd-color-global-alpha-matching-50:#00000080;--okd-color-global-alpha-matching-60:#0009;--okd-color-global-alpha-matching-70:#000000b3;--okd-color-global-alpha-matching-80:#000c;--okd-color-global-alpha-matching-90:#000000e6;--okd-color-global-alpha-inverse-5:#ffffff14;--okd-color-global-alpha-pnl-profit:var(--global-color-profit-alpha);--okd-color-global-alpha-pnl-loss:var(--global-color-loss-alpha);--okd-color-global-alpha-feature-1:#bcff2f29;--okd-color-global-alpha-inverse-10:#ffffff21;--okd-color-global-alpha-inverse-20:#ffffff38;--okd-color-global-alpha-inverse-30:#ffffff4d;--okd-color-global-alpha-inverse-40:#fff6;--okd-color-global-alpha-inverse-50:#ffffff80;--okd-color-global-alpha-inverse-60:#fff9;--okd-color-global-alpha-inverse-70:#d2d1cf;--okd-color-global-alpha-inverse-80:#dededc;--okd-color-global-alpha-inverse-90:#ffffffe6;--okd-color-surface-pnl-profit-default:var(--global-color-profit-surface-default);--okd-color-surface-pnl-profit-hovered:var(--global-color-profit-surface-hovered);--okd-color-surface-pnl-profit-pressed:var(--global-color-profit-surface-pressed);--okd-color-surface-pnl-profit-tint:var(--global-color-profit-tint);--okd-color-surface-pnl-loss-default:var(--global-color-loss-surface-default);--okd-color-surface-pnl-loss-hovered:var(--global-color-loss-surface-hovered);--okd-color-surface-pnl-loss-pressed:var(--global-color-loss-surface-pressed);--okd-color-surface-pnl-loss-tint:var(--global-color-loss-tint);--okd-color-surface-pnl-neutral-default:var(--global-color-neutral-surface-default);--okd-color-surface-pnl-neutral-hovered:var(--global-color-neutral-surface-hovered);--okd-color-surface-pnl-neutral-pressed:var(--global-color-neutral-surface-pressed);--okd-color-surface-interactive-feature-default:#d9be93;--okd-color-surface-interactive-experience-default:#d9be93;--okd-color-surface-interactive-experience-hovered:#e8d4b0;--okd-color-surface-interactive-experience-pressed:#efe1c8;--okd-color-surface-interactive-feature-hovered:#e8d4b0;--okd-color-surface-interactive-feature-pressed:#efe1c8;--okd-color-surface-pnl-loss-graph:var(--global-color-loss-graph);--okd-color-surface-structural-feature:#d9be93;--okd-color-surface-structural-experience:#d9be93;--okd-color-border-interactive-feature-default:#e8d4b0;--okd-color-border-interactive-feature-hovered:#efe1c8;--okd-color-border-interactive-feature-pressed:#f6eedf;--okd-color-border-static-feature:#e8d4b0;--okd-color-content-static-subtler:#837f79;--okd-color-content-static-feature:#e8d4b0;--okd-color-content-static-experience:#f0f0ef;--okd-color-content-pnl-profit-default:var(--global-color-profit-default);--okd-color-content-illustration-feature:#d9be93;--okd-color-content-pnl-profit-oncolor:var(--global-color-profit-oncolor);--okd-color-content-pnl-loss-default:var(--global-color-loss-default);--okd-color-content-pnl-loss-oncolor:var(--global-color-loss-oncolor);--okd-color-content-pnl-neutral-default:var(--global-color-neutral-default);--okd-color-content-pnl-neutral-oncolor:var(--global-color-neutral-oncolor);--okd-color-surface-pnl-profit-graph:var(--global-color-profit-graph);--okd-color-surface-pnl-neutral-graph:var(--global-color-neutral-graph);--okd-color-border-interactive-experience-default:#f0f0ef;--okd-color-border-interactive-experience-hovered:#dededc;--okd-color-border-interactive-experience-pressed:#d2d1cf;--okd-color-content-interactive-feature-default:#efe1c8;--okd-color-content-interactive-feature-hovered:#f6eedf;--okd-color-content-interactive-feature-pressed:#f6eedf;--okd-color-content-interactive-experience-default:#f0f0ef;--okd-color-content-interactive-experience-alternative:#2e2c26;--okd-color-content-interactive-experience-accent:#c9a876;--okd-color-content-interactive-experience-hovered:#dededc;--okd-color-content-interactive-experience-pressed:#d2d1cf;--okd-color-content-interactive-experience-inverse:#2e2c26;--okd-color-content-interactive-feature-inverse-default:#635132;--okd-color-content-interactive-feature-inverse-hovered:#8f7548;--okd-color-content-interactive-feature-inverse-pressed:#a67f4a;--okd-color-surface-interactive-feature-inverse-default:#ffffff21;--okd-color-surface-interactive-feature-inverse-hovered:#ffffff29;--okd-color-surface-interactive-feature-inverse-pressed:#ffffff38;--okd-color-border-pnl-loss-default:var(--global-color-loss-default);--okd-color-border-pnl-loss-graph:var(--global-color-loss-graph);--okd-color-border-pnl-profit-default:var(--global-color-profit-default);--okd-color-border-pnl-profit-graph:var(--global-color-profit-graph);--okd-color-border-pnl-neutral-graph:var(--global-color-neutral-graph);--okd-color-content-static-notification:#c8452f;--okd-color-surface-interactive-unselected-default:#fff6;--okd-color-surface-structural-elevated-layer-1:#2e2c26;--okd-color-surface-interactive-destructive-default:#c8452f;--okd-color-surface-interactive-destructive-hovered:#c8452f;--okd-color-surface-interactive-destructive-pressed:#9f3928;--okd-color-surface-structural-web-only-base:#1e1c17;--okd-color-surface-structural-web-only-layer-1:#2e2c26;--okd-color-global-fixed-shadow:#00000029;--okd-color-surface-interactive-destructive-subtle-default:#58241b;--okd-color-surface-interactive-destructive-subtle-hovered:#7a2e21;--okd-color-surface-interactive-destructive-subtle-pressed:#9f3928;--okd-color-global-fixed-always-light-20:#fff3;--okd-color-surface-pnl-profit-default-new:var(--global-color-profit-surface-default-new);--okd-color-surface-pnl-profit-emphasis:var(--global-color-profit-surface-emphasis);--okd-color-surface-pnl-loss-default-new:var(--global-color-loss-surface-default-new);--okd-color-surface-pnl-loss-emphasis:var(--global-color-loss-surface-emphasis);--okd-color-content-pnl-profit-oncolor-default:var(--global-color-profit-default);--okd-color-content-pnl-profit-oncolor-emphasis:var(--global-color-profit-oncolor);--okd-color-content-pnl-loss-oncolor-default:var(--global-color-loss-default);--okd-color-content-pnl-loss-oncolor-emphasis:var(--global-color-loss-oncolor);--okd-color-surface-pnl-profit-gradient-max:var(--global-color-profit-gradient-max);--okd-color-surface-pnl-profit-gradient-min:var(--global-color-profit-gradient-min);--okd-color-surface-pnl-loss-gradient-max:var(--global-color-loss-gradient-max);--okd-color-surface-pnl-loss-gradient-min:var(--global-color-loss-gradient-min);--okd-color-border-interactive-drop:#114097;--okd-color-content-interactive-drop:#0b5bcb;--okd-color-surface-interactive-drop:#113a44;--okd-color-xxxxxsm-2px:2;--okd-color-xxxxsm-4px:4;--okd-color-xxxsm-8px:8;--okd-color-xxsm-12px:12;--okd-color-xsm-16px:16;--okd-color-sm-24px:24;--okd-color-md-32px:32;--okd-color-lg-48px:48;--okd-color-xlg-64px:64;--okd-color-xxlg-72px:72;--okd-color-xxxlg-96px:96;--okd-color-xxxxlg-128px:128;--okd-color-xxxxxlg-256px:256;--okd-color-border-radius-none:0;--okd-color-border-radius-sm:4;--okd-color-border-radius-md:8;--okd-color-border-radius-lg:16;--okd-color-border-radius-xl:24;--okd-color-border-radius-full-999px:999;--okd-color-default:24;--okd-color-compact:16;--okd-color-none:0;--okd-color-font-family:OKX Sans TAB;--okd-font-size-base:16px;--okd-font-size-md:14px;--okd-font-size-xs:12px;--okd-line-height-base:20px;--okd-line-height-md:20px;--okd-line-height-xs:16px;--okd-shadow-none:0 0 0 0 transparent;--okd-shadow-xs:0 0 0 1px #0000000d;--okd-shadow-sm:0 1px 2px 0 #0000000d;--okd-shadow-default:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--okd-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--okd-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--okd-shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--okd-shadow-2xl:0 25px 50px -12px #00000040;--okd-border-radius-none:0;--okd-border-radius-sm:2px;--okd-border-radius-md:4px;--okd-border-radius-lg:6px;--okd-border-radius-xl:8px;--okd-border-radius-xxl:10px;--okd-border-radius-xxxl:12px;--okd-font-family:HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial, Helvetica Neue, Helvetica, sans-serif;--okd-text-display-lg-font-size:56px;--okd-text-display-lg-font-weight:500;--okd-text-display-lg-line-height:1.32;--okd-text-display-md-font-size:40px;--okd-text-display-md-font-weight:500;--okd-text-display-md-line-height:52px;--okd-text-display-sm-font-size:40px;--okd-text-display-sm-font-weight:500;--okd-text-display-sm-line-height:52px;--okd-text-heading-lg-font-size:30px;--okd-text-heading-lg-font-weight:500;--okd-text-heading-lg-line-height:40px;--okd-text-heading-md-font-size:24px;--okd-text-heading-md-font-weight:500;--okd-text-heading-md-line-height:30px;--okd-text-heading-sm-font-size:18px;--okd-text-heading-sm-font-weight:500;--okd-text-heading-sm-line-height:24px;--okd-text-heading-xl-font-size:36px;--okd-text-heading-xl-line-height:1.32;--okd-text-heading-xl-font-weight:600;--okd-text-heading-xxl-font-size:40px;--okd-text-heading-xxl-line-height:1.32;--okd-text-heading-xxl-font-weight:600;--okd-text-heading-overline-font-size:12px;--okd-text-heading-overline-line-height:15px;--okd-text-heading-overline-font-weight:500;--okd-text-body-sm-regular-font-size:14px;--okd-text-body-sm-regular-font-weight:400;--okd-text-body-sm-regular-line-height:21px;--okd-text-body-sm-bold-font-size:14px;--okd-text-body-sm-bold-font-weight:500;--okd-text-body-sm-bold-line-height:21px;--okd-text-body-md-regular-font-size:16px;--okd-text-body-md-regular-font-weight:400;--okd-text-body-md-regular-line-height:24px;--okd-text-body-md-bold-font-size:16px;--okd-text-body-md-bold-font-weight:500;--okd-text-body-md-bold-line-height:24px;--okd-text-body-xs-regular-font-size:12px;--okd-text-body-xs-regular-font-weight:400;--okd-text-body-xs-regular-line-height:18px;--okd-text-body-xs-bold-font-size:12px;--okd-text-body-xs-bold-font-weight:500;--okd-text-body-xs-bold-line-height:18px;--okd-font-weight-400:400;--okd-font-weight-500:500;--okd-font-weight-600:600;--okd-font-weight-700:700;--okd-font-weight-800:800;--okd-font-weight-900:900;--okd-font-weight-regular:400;--okd-font-weight-medium:500;--okd-font-weight-bold:700}.theme-okx-money-dark.okui-button-var,.theme-okx-money-dark .okui-button-var{--okd-button-primary-normal-default-background:#4283ff;--okd-button-primary-normal-hover-background:#1e6bff;--okd-button-primary-normal-active-background:#0f3c94;--okd-button-primary-normal-focus-background:#4283ff;--okd-button-primary-normal-disabled-background:#909090;--okd-button-primary-normal-default-border-color:#4283ff;--okd-button-primary-normal-hover-border-color:#1e6bff;--okd-button-primary-normal-active-border-color:#0f3c94;--okd-button-primary-normal-focus-border-color:#4283ff;--okd-button-primary-normal-disabled-border-color:#909090;--okd-button-primary-normal-default-font-color:#fff;--okd-button-primary-normal-hover-font-color:#fff;--okd-button-primary-normal-active-font-color:#fff;--okd-button-primary-normal-focus-font-color:#fff;--okd-button-primary-normal-disabled-font-color:#b0b0b0;--okd-button-primary-normal-default-icon-color:#fff;--okd-button-primary-normal-hover-icon-color:#fff;--okd-button-primary-normal-active-icon-color:#fff;--okd-button-primary-normal-focus-icon-color:#fff;--okd-button-primary-normal-disabled-icon-color:#b0b0b0;--okd-button-primary-normal-default-shadow:var(--okd-shadow-none);--okd-button-primary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-primary-normal-active-shadow:var(--okd-shadow-none);--okd-button-primary-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-blue-200);--okd-button-primary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-normal-loader-track-color:#ffffff3d;--okd-button-primary-normal-loader-mark-color:#fff;--okd-button-primary-red-default-background:#fff8f9;--okd-button-primary-red-hover-background:#f994ae;--okd-button-primary-red-active-background:#902b44;--okd-button-primary-red-focus-background:#fff8f9;--okd-button-primary-red-disabled-background:#909090;--okd-button-primary-red-default-border-color:#fff8f9;--okd-button-primary-red-hover-border-color:#f994ae;--okd-button-primary-red-active-border-color:#902b44;--okd-button-primary-red-focus-border-color:#fff8f9;--okd-button-primary-red-disabled-border-color:#909090;--okd-button-primary-red-default-font-color:#fff;--okd-button-primary-red-hover-font-color:#fff;--okd-button-primary-red-active-font-color:#fff;--okd-button-primary-red-focus-font-color:#fff;--okd-button-primary-red-disabled-font-color:#b0b0b0;--okd-button-primary-red-default-icon-color:#fff;--okd-button-primary-red-hover-icon-color:#fff;--okd-button-primary-red-active-icon-color:#fff;--okd-button-primary-red-focus-icon-color:#fff;--okd-button-primary-red-disabled-icon-color:#b0b0b0;--okd-button-primary-red-default-shadow:var(--okd-shadow-sm);--okd-button-primary-red-hover-shadow:var(--okd-shadow-none);--okd-button-primary-red-active-shadow:var(--okd-shadow-none);--okd-button-primary-red-focus-shadow:0px 0px 0px 3px var(--okd-color-red-200);--okd-button-primary-red-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-red-loader-track-color:#ffffff3d;--okd-button-primary-red-loader-mark-color:#fff;--okd-button-primary-green-default-background:#d2f7de;--okd-button-primary-green-hover-background:#79e69d;--okd-button-primary-green-active-background:#138037;--okd-button-primary-green-focus-background:#d2f7de;--okd-button-primary-green-disabled-background:#909090;--okd-button-primary-green-default-border-color:#d2f7de;--okd-button-primary-green-hover-border-color:#79e69d;--okd-button-primary-green-active-border-color:#138037;--okd-button-primary-green-focus-border-color:#d2f7de;--okd-button-primary-green-disabled-border-color:#909090;--okd-button-primary-green-default-font-color:#fff;--okd-button-primary-green-hover-font-color:#fff;--okd-button-primary-green-active-font-color:#fff;--okd-button-primary-green-focus-font-color:#fff;--okd-button-primary-green-disabled-font-color:#b0b0b0;--okd-button-primary-green-default-icon-color:#fff;--okd-button-primary-green-hover-icon-color:#fff;--okd-button-primary-green-active-icon-color:#fff;--okd-button-primary-green-focus-icon-color:#fff;--okd-button-primary-green-disabled-icon-color:#b0b0b0;--okd-button-primary-green-default-shadow:var(--okd-shadow-sm);--okd-button-primary-green-hover-shadow:var(--okd-shadow-none);--okd-button-primary-green-active-shadow:var(--okd-shadow-none);--okd-button-primary-green-focus-shadow:0px 0px 0px 3px var(--okd-color-green-200);--okd-button-primary-green-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-green-loader-track-color:#ffffff3d;--okd-button-primary-green-loader-mark-color:#fff;--okd-button-secondary-normal-default-background:#909090;--okd-button-secondary-normal-hover-background:#b0b0b0;--okd-button-secondary-normal-active-background:#6c6c6c;--okd-button-secondary-normal-focus-background:#909090;--okd-button-secondary-normal-disabled-background:#909090;--okd-button-secondary-normal-default-border-color:#909090;--okd-button-secondary-normal-hover-border-color:#b0b0b0;--okd-button-secondary-normal-active-border-color:#6c6c6c;--okd-button-secondary-normal-focus-border-color:#909090;--okd-button-secondary-normal-disabled-border-color:#909090;--okd-button-secondary-normal-default-font-color:#fff;--okd-button-secondary-normal-hover-font-color:#fff;--okd-button-secondary-normal-active-font-color:#fff;--okd-button-secondary-normal-focus-font-color:#fff;--okd-button-secondary-normal-disabled-font-color:#b0b0b0;--okd-button-secondary-normal-default-icon-color:#fff;--okd-button-secondary-normal-hover-icon-color:#fff;--okd-button-secondary-normal-active-icon-color:#fff;--okd-button-secondary-normal-focus-icon-color:#fff;--okd-button-secondary-normal-disabled-icon-color:#b0b0b0;--okd-button-secondary-normal-default-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-active-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-secondary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-loader-track-color:#ccc;--okd-button-secondary-normal-loader-mark-color:#fff;--okd-button-secondary-grey-default-background:#909090;--okd-button-secondary-grey-hover-background:#b0b0b0;--okd-button-secondary-grey-active-background:#6c6c6c;--okd-button-secondary-grey-focus-background:#909090;--okd-button-secondary-grey-disabled-background:#404040;--okd-button-secondary-grey-default-border-color:#909090;--okd-button-secondary-grey-hover-border-color:#b0b0b0;--okd-button-secondary-grey-active-border-color:#6c6c6c;--okd-button-secondary-grey-focus-border-color:#909090;--okd-button-secondary-grey-disabled-border-color:#404040;--okd-button-secondary-grey-default-font-color:#fff;--okd-button-secondary-grey-hover-font-color:#fff;--okd-button-secondary-grey-active-font-color:#fff;--okd-button-secondary-grey-focus-font-color:#fff;--okd-button-secondary-grey-disabled-font-color:#ccc;--okd-button-secondary-grey-default-icon-color:#fff;--okd-button-secondary-grey-hover-icon-color:#fff;--okd-button-secondary-grey-active-icon-color:#fff;--okd-button-secondary-grey-focus-icon-color:#fff;--okd-button-secondary-grey-disabled-icon-color:#ccc;--okd-button-secondary-grey-default-shadow:var(--okd-shadow-sm);--okd-button-secondary-grey-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-active-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-secondary-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-loader-track-color:#ccc;--okd-button-secondary-grey-loader-mark-color:#fafafa;--okd-button-basic-normal-default-background:transparent;--okd-button-basic-normal-hover-background:#404040;--okd-button-basic-normal-active-background:#6c6c6c;--okd-button-basic-normal-focus-background:transparent;--okd-button-basic-normal-disabled-background:transparent;--okd-button-basic-normal-default-border-color:#b0b0b0;--okd-button-basic-normal-hover-border-color:#b0b0b0;--okd-button-basic-normal-active-border-color:#b0b0b0;--okd-button-basic-normal-focus-border-color:#b0b0b0;--okd-button-basic-normal-disabled-border-color:#909090;--okd-button-basic-normal-default-font-color:#fff;--okd-button-basic-normal-hover-font-color:#fff;--okd-button-basic-normal-active-font-color:#fff;--okd-button-basic-normal-focus-font-color:#fff;--okd-button-basic-normal-disabled-font-color:#b0b0b0;--okd-button-basic-normal-default-icon-color:#fff;--okd-button-basic-normal-hover-icon-color:#fff;--okd-button-basic-normal-active-icon-color:#fff;--okd-button-basic-normal-focus-icon-color:#fff;--okd-button-basic-normal-disabled-icon-color:#b0b0b0;--okd-button-basic-normal-default-shadow:var(--okd-shadow-none);--okd-button-basic-normal-hover-shadow:var(--okd-shadow-none);--okd-button-basic-normal-active-shadow:var(--okd-shadow-none);--okd-button-basic-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-300);--okd-button-basic-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-basic-normal-loader-track-color:#909090;--okd-button-basic-normal-loader-mark-color:white;--okd-button-plain-normal-default-background:transparent;--okd-button-plain-normal-hover-background:#051738;--okd-button-plain-normal-active-background:#051738;--okd-button-plain-normal-focus-background:#051738;--okd-button-plain-normal-disabled-background:transparent;--okd-button-plain-normal-default-border-color:transparent;--okd-button-plain-normal-hover-border-color:transparent;--okd-button-plain-normal-active-border-color:transparent;--okd-button-plain-normal-focus-border-color:transparent;--okd-button-plain-normal-disabled-border-color:transparent;--okd-button-plain-normal-default-font-color:#3077ff;--okd-button-plain-normal-hover-font-color:#4283ff;--okd-button-plain-normal-active-font-color:#4283ff;--okd-button-plain-normal-focus-font-color:#4283ff;--okd-button-plain-normal-disabled-font-color:#ccc;--okd-button-plain-normal-default-icon-color:#3077ff;--okd-button-plain-normal-hover-icon-color:#4283ff;--okd-button-plain-normal-active-icon-color:#4283ff;--okd-button-plain-normal-focus-icon-color:#4283ff;--okd-button-plain-normal-disabled-icon-color:#ccc;--okd-button-plain-normal-default-shadow:none;--okd-button-plain-normal-hover-shadow:none;--okd-button-plain-normal-active-shadow:none;--okd-button-plain-normal-focus-shadow:none;--okd-button-plain-normal-disabled-shadow:none;--okd-button-plain-red-default-background:transparent;--okd-button-plain-red-hover-background:#270b12;--okd-button-plain-red-active-background:#270b12;--okd-button-plain-red-focus-background:#270b12;--okd-button-plain-red-disabled-background:#000;--okd-button-plain-red-default-border-color:transparent;--okd-button-plain-red-hover-border-color:transparent;--okd-button-plain-red-active-border-color:transparent;--okd-button-plain-red-focus-border-color:transparent;--okd-button-plain-red-disabled-border-color:transparent;--okd-button-plain-red-default-font-color:#f9b6c7;--okd-button-plain-red-hover-font-color:#f9b6c7;--okd-button-plain-red-active-font-color:#f9b6c7;--okd-button-plain-red-focus-font-color:#f9b6c7;--okd-button-plain-red-disabled-font-color:#f9b6c773;--okd-button-plain-red-default-icon-color:#f9b6c7;--okd-button-plain-red-hover-icon-color:#f9b6c7;--okd-button-plain-red-active-icon-color:#f9b6c7;--okd-button-plain-red-focus-icon-color:#f9b6c7;--okd-button-plain-red-disabled-icon-color:#f9b6c773;--okd-button-plain-red-default-shadow:none;--okd-button-plain-red-hover-shadow:none;--okd-button-plain-red-active-shadow:none;--okd-button-plain-red-focus-shadow:none;--okd-button-plain-red-disabled-shadow:none;--okd-button-plain-green-default-background:transparent;--okd-button-plain-green-hover-background:#002b1f;--okd-button-plain-green-active-background:#002b1f;--okd-button-plain-green-focus-background:#002b1f;--okd-button-plain-green-disabled-background:#000;--okd-button-plain-green-default-border-color:transparent;--okd-button-plain-green-hover-border-color:transparent;--okd-button-plain-green-active-border-color:transparent;--okd-button-plain-green-focus-border-color:transparent;--okd-button-plain-green-disabled-border-color:transparent;--okd-button-plain-green-default-font-color:#a5efbe;--okd-button-plain-green-hover-font-color:#a5efbe;--okd-button-plain-green-active-font-color:#a5efbe;--okd-button-plain-green-focus-font-color:#a5efbe;--okd-button-plain-green-disabled-font-color:#a5efbe73;--okd-button-plain-green-default-icon-color:#a5efbe;--okd-button-plain-green-hover-icon-color:#a5efbe;--okd-button-plain-green-active-icon-color:#a5efbe;--okd-button-plain-green-focus-icon-color:#a5efbe;--okd-button-plain-green-disabled-icon-color:#a5efbe73;--okd-button-plain-green-default-shadow:none;--okd-button-plain-green-hover-shadow:none;--okd-button-plain-green-active-shadow:none;--okd-button-plain-green-focus-shadow:none;--okd-button-plain-green-disabled-shadow:none;--okd-button-plain-orange-default-background:transparent;--okd-button-plain-orange-hover-background:#361604;--okd-button-plain-orange-active-background:#361604;--okd-button-plain-orange-focus-background:#361604;--okd-button-plain-orange-disabled-background:#000;--okd-button-plain-orange-default-border-color:transparent;--okd-button-plain-orange-hover-border-color:transparent;--okd-button-plain-orange-active-border-color:transparent;--okd-button-plain-orange-focus-border-color:transparent;--okd-button-plain-orange-disabled-border-color:transparent;--okd-button-plain-orange-default-font-color:#f87428;--okd-button-plain-orange-hover-font-color:#f87428;--okd-button-plain-orange-active-font-color:#f87428;--okd-button-plain-orange-focus-font-color:#f87428;--okd-button-plain-orange-disabled-font-color:#f8742873;--okd-button-plain-orange-default-icon-color:#f87428;--okd-button-plain-orange-hover-icon-color:#f87428;--okd-button-plain-orange-active-icon-color:#f87428;--okd-button-plain-orange-focus-icon-color:#f87428;--okd-button-plain-orange-disabled-icon-color:#f8742873;--okd-button-plain-orange-default-shadow:none;--okd-button-plain-orange-hover-shadow:none;--okd-button-plain-orange-active-shadow:none;--okd-button-plain-orange-focus-shadow:none;--okd-button-plain-orange-disabled-shadow:none;--okd-button-plain-yellow-default-background:transparent;--okd-button-plain-yellow-hover-background:#2d2104;--okd-button-plain-yellow-active-background:#2d2104;--okd-button-plain-yellow-focus-background:#2d2104;--okd-button-plain-yellow-disabled-background:#000;--okd-button-plain-yellow-default-border-color:transparent;--okd-button-plain-yellow-hover-border-color:transparent;--okd-button-plain-yellow-active-border-color:transparent;--okd-button-plain-yellow-focus-border-color:transparent;--okd-button-plain-yellow-disabled-border-color:transparent;--okd-button-plain-yellow-default-font-color:#dea921;--okd-button-plain-yellow-hover-font-color:#dea921;--okd-button-plain-yellow-active-font-color:#dea921;--okd-button-plain-yellow-focus-font-color:#dea921;--okd-button-plain-yellow-disabled-font-color:#dea92173;--okd-button-plain-yellow-default-icon-color:#dea921;--okd-button-plain-yellow-hover-icon-color:#dea921;--okd-button-plain-yellow-active-icon-color:#dea921;--okd-button-plain-yellow-focus-icon-color:#dea921;--okd-button-plain-yellow-disabled-icon-color:#dea92173;--okd-button-plain-yellow-default-shadow:none;--okd-button-plain-yellow-hover-shadow:none;--okd-button-plain-yellow-active-shadow:none;--okd-button-plain-yellow-focus-shadow:none;--okd-button-plain-yellow-disabled-shadow:none;--okd-button-xxs-font-size:var(--okd-font-size-xs);--okd-button-xs-font-size:var(--okd-font-size-xs);--okd-button-sm-font-size:var(--okd-font-size-md);--okd-button-md-font-size:var(--okd-font-size-md);--okd-button-lg-font-size:var(--okd-font-size-base);--okd-button-xl-font-size:18px;--okd-button-xxs-icon-size:14px;--okd-button-xs-icon-size:14px;--okd-button-sm-icon-size:18px;--okd-button-md-icon-size:18px;--okd-button-lg-icon-size:18px;--okd-button-xl-icon-size:18px;--okd-button-xxs-icon-margin:6px;--okd-button-xs-icon-margin:6px;--okd-button-sm-icon-margin:6px;--okd-button-md-icon-margin:6px;--okd-button-lg-icon-margin:8px;--okd-button-xl-icon-margin:8px;--okd-button-xxs-line-height:var(--okd-line-height-xs);--okd-button-xs-line-height:var(--okd-line-height-xs);--okd-button-sm-line-height:var(--okd-line-height-md);--okd-button-md-line-height:var(--okd-line-height-md);--okd-button-lg-line-height:var(--okd-line-height-base);--okd-button-xl-line-height:var(--okd-line-height-base);--okd-button-xxs-padding-horizontal:8px;--okd-button-xxs-padding-vertical:3px;--okd-button-xs-padding-horizontal:8px;--okd-button-xs-padding-vertical:5px;--okd-button-sm-padding-horizontal:12px;--okd-button-sm-padding-vertical:7px;--okd-button-md-padding-horizontal:16px;--okd-button-md-padding-vertical:9px;--okd-button-lg-padding-horizontal:24px;--okd-button-lg-padding-vertical:13px;--okd-button-xl-padding-horizontal:24px;--okd-button-xl-padding-vertical:17px;--okd-button-xxs-min-width:63px;--okd-button-xs-min-width:63px;--okd-button-sm-min-width:81px;--okd-button-md-min-width:90px;--okd-button-lg-min-width:108px;--okd-button-xl-min-width:126px;--okd-button-xxs-border-radius:60px;--okd-button-xs-border-radius:60px;--okd-button-sm-border-radius:60px;--okd-button-md-border-radius:60px;--okd-button-lg-border-radius:60px;--okd-button-xl-border-radius:60px;--okd-button-xxs-border-size:1px;--okd-button-xs-border-size:1px;--okd-button-sm-border-size:1px;--okd-button-md-border-size:1px;--okd-button-lg-border-size:1px;--okd-button-xl-border-size:1px;--okd-button-xl-loader-size:18px;--okd-button-lg-loader-size:14px;--okd-button-md-loader-size:14px;--okd-button-sm-loader-size:14px;--okd-button-xs-loader-size:14px;--okd-button-xxs-loader-size:14px;--okd-button-xl-loader-text-margin-left:8px;--okd-button-lg-loader-text-margin-left:8px;--okd-button-md-loader-text-margin-left:6px;--okd-button-sm-loader-text-margin-left:6px;--okd-button-xs-loader-text-margin-left:6px;--okd-button-xxs-loader-text-margin-left:6px;--okd-button-s-font-size:14px;--okd-button-s-icon-size:18px;--okd-button-s-icon-margin:6px;--okd-button-s-line-height:16px;--okd-button-s-padding-horizontal:12px;--okd-button-s-padding-vertical:7px;--okd-button-s-min-width:72px;--okd-button-s-border-radius:60px;--okd-button-s-loader-size:14px;--okd-button-s-loader-text-margin-left:6px;--okd-button-rect-xxs-border-radius:4px;--okd-button-rect-xs-border-radius:4px;--okd-button-rect-sm-border-radius:4px;--okd-button-rect-s-border-radius:4px;--okd-button-rect-md-border-radius:4px;--okd-button-rect-lg-border-radius:8px;--okd-button-rect-xl-border-radius:8px;--okd-button-fill-highlight-default-background:var(--okd-color-surface-interactive-feature-default);--okd-button-fill-highlight-hover-background:var(--okd-color-surface-interactive-feature-hovered);--okd-button-fill-highlight-active-background:var(--okd-color-surface-interactive-feature-pressed);--okd-button-fill-highlight-focus-background:var(--okd-color-surface-interactive-feature-default);--okd-button-fill-highlight-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-button-fill-highlight-default-border-color:transparent;--okd-button-fill-highlight-hover-border-color:transparent;--okd-button-fill-highlight-active-border-color:transparent;--okd-button-fill-highlight-focus-border-color:transparent;--okd-button-fill-highlight-disabled-border-color:transparent;--okd-button-fill-highlight-default-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-hover-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-active-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-focus-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-button-fill-highlight-default-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-hover-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-active-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-focus-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-disabled-icon-color:var(--okd-color-content-interactive-disabled);--okd-button-fill-highlight-default-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-hover-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-active-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-focus-shadow:0px 0px 0px 1.5px #000, 0px 0px 0px 4px #fafafa40;--okd-button-fill-highlight-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-loader-track-color:var(--okd-color-border-interactive-oncolor);--okd-button-fill-highlight-loader-mark-color:var(--okd-color-content-static-inverse);--okd-button-fill-highlight-border-size:0px;--okd-button-fill-highlight-loading-background:var(--okd-color-surface-interactive-feature-pressed);--okd-button-fill-primary-default-background:var(--okd-color-surface-interactive-feature-default);--okd-button-fill-primary-hover-background:var(--okd-color-surface-interactive-feature-hovered);--okd-button-fill-primary-active-background:var(--okd-color-surface-interactive-feature-pressed);--okd-button-fill-primary-focus-background:var(--okd-color-surface-interactive-feature-default);--okd-button-fill-primary-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-button-fill-primary-default-border-color:transparent;--okd-button-fill-primary-hover-border-color:transparent;--okd-button-fill-primary-active-border-color:transparent;--okd-button-fill-primary-focus-border-color:transparent;--okd-button-fill-primary-disabled-border-color:transparent;--okd-button-fill-primary-default-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-hover-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-active-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-focus-font-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-button-fill-primary-default-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-hover-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-active-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-focus-icon-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-disabled-icon-color:var(--okd-color-content-interactive-disabled);--okd-button-fill-primary-default-shadow:var(--okd-shadow-none);--okd-button-fill-primary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-primary-active-shadow:var(--okd-shadow-none);--okd-button-fill-primary-focus-shadow:0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #2676ff8c;--okd-button-fill-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-primary-loader-track-color:var(--okd-color-border-interactive-oncolor);--okd-button-fill-primary-loader-mark-color:var(--okd-color-content-static-inverse);--okd-button-fill-primary-border-size:0px;--okd-button-fill-primary-loading-background:var(--okd-color-surface-interactive-feature-pressed);--okd-button-fill-secondary-default-background:#fafafa0f;--okd-button-fill-secondary-hover-background:#ffffff26;--okd-button-fill-secondary-active-background:#ffffff26;--okd-button-fill-secondary-focus-background:#ffffff26;--okd-button-fill-secondary-disabled-background:#ffffff0f;--okd-button-fill-secondary-default-border-color:transparent;--okd-button-fill-secondary-hover-border-color:transparent;--okd-button-fill-secondary-active-border-color:transparent;--okd-button-fill-secondary-focus-border-color:transparent;--okd-button-fill-secondary-disabled-border-color:#242424;--okd-button-fill-secondary-default-font-color:#fafafa;--okd-button-fill-secondary-hover-font-color:#fff;--okd-button-fill-secondary-active-font-color:#fff;--okd-button-fill-secondary-focus-font-color:#fff;--okd-button-fill-secondary-disabled-font-color:#6c6c6c;--okd-button-fill-secondary-default-icon-color:#fafafa;--okd-button-fill-secondary-hover-icon-color:#fafafa;--okd-button-fill-secondary-active-icon-color:#fff;--okd-button-fill-secondary-focus-icon-color:#fff;--okd-button-fill-secondary-disabled-icon-color:#6c6c6c;--okd-button-fill-secondary-default-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-active-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-focus-shadow:0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #ffffff1a;--okd-button-fill-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-loader-track-color:#6c6c6c;--okd-button-fill-secondary-loader-mark-color:#fff;--okd-button-fill-secondary-border-size:0px;--okd-button-fill-tertiary-border-size:0px;--okd-button-fill-tertiary-default-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-hover-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-focus-background:#fffc;--okd-button-fill-tertiary-active-background:var(--okd-color-container-primary);--okd-button-fill-tertiary-disabled-background:#2727270f;--okd-button-fill-tertiary-default-border-color:var(--okd-color-container-primary);--okd-button-fill-tertiary-hover-border-color:#27272700;--okd-button-fill-tertiary-focus-border-color:#fff0;--okd-button-fill-tertiary-active-border-color:#27272700;--okd-button-fill-tertiary-disabled-border-color:#2727270f;--okd-button-fill-tertiary-default-font-color:var(--okd-color-content-primary);--okd-button-fill-tertiary-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-tertiary-hover-font-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-hover-icon-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-focus-font-color:#000;--okd-button-fill-tertiary-focus-icon-color:#000;--okd-button-fill-tertiary-active-icon-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-active-font-color:var(--okd-color-content-contrast);--okd-button-fill-tertiary-disabled-icon-color:#0000005c;--okd-button-fill-tertiary-disabled-font-color:#0000005c;--okd-button-fill-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-loader-track-color:var(--okd-color-border-primary);--okd-button-fill-tertiary-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-quaternary-border-size:0px;--okd-button-fill-quaternary-default-background:#ffffff0f;--okd-button-fill-quaternary-default-border-color:transparent;--okd-button-fill-quaternary-default-icon-color:#fff;--okd-button-fill-quaternary-default-font-color:#fff;--okd-button-fill-quaternary-hover-icon-color:#fff;--okd-button-fill-quaternary-hover-font-color:#fff;--okd-button-fill-quaternary-hover-border-color:transparent;--okd-button-fill-quaternary-hover-background:#ffffff26;--okd-button-fill-quaternary-focus-icon-color:#fff;--okd-button-fill-quaternary-focus-font-color:#fff;--okd-button-fill-quaternary-focus-border-color:transparent;--okd-button-fill-quaternary-focus-background:#ffffff26;--okd-button-fill-quaternary-active-icon-color:#fff;--okd-button-fill-quaternary-active-font-color:#fff;--okd-button-fill-quaternary-active-border-color:transparent;--okd-button-fill-quaternary-active-background:#ffffff26;--okd-button-fill-quaternary-disabled-icon-color:#ffffff4d;--okd-button-fill-quaternary-disabled-font-color:#ffffff4d;--okd-button-fill-quaternary-disabled-border-color:transparent;--okd-button-fill-quaternary-disabled-background:#ffffff0f;--okd-button-fill-quaternary-loader-mark-color:#fff;--okd-button-fill-quaternary-loader-track-color:#ffffff26;--okd-button-fill-quaternary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-red-default-background:var(--okd-color-semantic-negative);--okd-button-fill-red-hover-background:#ca3f64cc;--okd-button-fill-red-active-background:#ca3f64cc;--okd-button-fill-red-focus-background:#f04872;--okd-button-fill-red-disabled-background:var(--okd-color-btnsecfade-default);--okd-button-fill-red-default-border-color:var(--okd-color-semantic-negative);--okd-button-fill-red-hover-border-color:transparent;--okd-button-fill-red-active-border-color:transparent;--okd-button-fill-red-focus-border-color:transparent;--okd-button-fill-red-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-red-default-font-color:var(--okd-color-content-primary);--okd-button-fill-red-hover-font-color:var(--okd-color-content-primary);--okd-button-fill-red-active-font-color:var(--okd-color-content-primary);--okd-button-fill-red-focus-font-color:#fff;--okd-button-fill-red-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-red-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-red-hover-icon-color:var(--okd-color-content-primary);--okd-button-fill-red-active-icon-color:var(--okd-color-content-primary);--okd-button-fill-red-focus-icon-color:#fff;--okd-button-fill-red-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-red-default-shadow:var(--okd-shadow-sm);--okd-button-fill-red-hover-shadow:var(--okd-shadow-none);--okd-button-fill-red-active-shadow:var(--okd-shadow-none);--okd-button-fill-red-focus-shadow:0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #bf474780;--okd-button-fill-red-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-red-loader-track-color:#ffffff26;--okd-button-fill-red-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-red-border-size:0px;--okd-button-fill-green-default-background:var(--okd-color-semantic-positive);--okd-button-fill-green-hover-background:#25a750cc;--okd-button-fill-green-active-background:#25a750cc;--okd-button-fill-green-focus-background:#25a750;--okd-button-fill-green-disabled-background:var(--okd-color-btnsecfade-default);--okd-button-fill-green-default-border-color:var(--okd-color-semantic-positive);--okd-button-fill-green-hover-border-color:transparent;--okd-button-fill-green-active-border-color:transparent;--okd-button-fill-green-focus-border-color:#25a750;--okd-button-fill-green-disabled-border-color:var(--okd-color-common-transparent);--okd-button-fill-green-default-font-color:var(--okd-color-content-primary);--okd-button-fill-green-hover-font-color:var(--okd-color-content-primary);--okd-button-fill-green-active-font-color:var(--okd-color-content-primary);--okd-button-fill-green-focus-font-color:#fff;--okd-button-fill-green-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-green-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-green-hover-icon-color:var(--okd-color-content-primary);--okd-button-fill-green-active-icon-color:var(--okd-color-content-primary);--okd-button-fill-green-focus-icon-color:#fff;--okd-button-fill-green-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-green-default-shadow:var(--okd-shadow-sm);--okd-button-fill-green-hover-shadow:var(--okd-shadow-none);--okd-button-fill-green-active-shadow:var(--okd-shadow-none);--okd-button-fill-green-focus-shadow:0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #33b06a8c;--okd-button-fill-green-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-green-loader-track-color:#ffffff26;--okd-button-fill-green-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-green-border-size:0px;--okd-button-fill-grey-default-background:var(--okd-color-btnsecfade-default);--okd-button-fill-grey-hover-background:var(--okd-color-btnsecfade-hover);--okd-button-fill-grey-active-background:var(--okd-color-btnsecfade-default);--okd-button-fill-grey-focus-background:#40404099;--okd-button-fill-grey-disabled-background:var(--okd-color-btnsecfade-default);--okd-button-fill-grey-default-border-color:var(--okd-color-background-surface-primary);--okd-button-fill-grey-hover-border-color:transparent;--okd-button-fill-grey-active-border-color:transparent;--okd-button-fill-grey-focus-border-color:#404040;--okd-button-fill-grey-disabled-border-color:var(--okd-color-background-surface-disable);--okd-button-fill-grey-default-font-color:var(--okd-color-content-primary);--okd-button-fill-grey-hover-font-color:var(--okd-color-content-primary);--okd-button-fill-grey-active-font-color:var(--okd-color-content-primary);--okd-button-fill-grey-focus-font-color:#fff;--okd-button-fill-grey-disabled-font-color:var(--okd-color-content-disabled);--okd-button-fill-grey-default-icon-color:var(--okd-color-content-primary);--okd-button-fill-grey-hover-icon-color:var(--okd-color-content-primary);--okd-button-fill-grey-active-icon-color:var(--okd-color-content-primary);--okd-button-fill-grey-focus-icon-color:#fff;--okd-button-fill-grey-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-fill-grey-default-shadow:0 0 0 0 transparent;--okd-button-fill-grey-hover-shadow:var(--okd-shadow-none);--okd-button-fill-grey-active-shadow:0 0 0 0 transparent;--okd-button-fill-grey-focus-shadow:0px 0px 0px 1.5px #121212, 0px 0px 0px 4px #ffffff1a;--okd-button-fill-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-grey-loader-track-color:var(--okd-color-border-primary);--okd-button-fill-grey-loader-mark-color:var(--okd-color-border-selected);--okd-button-fill-grey-border-size:0px;--okd-button-outline-highlight-border-size:1px;--okd-button-outline-highlight-default-background:#0000;--okd-button-outline-highlight-default-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-default-font-color:var(--okd-color-content-primary);--okd-button-outline-highlight-hover-background:var(--okd-color-container-inverse);--okd-button-outline-highlight-hover-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-hover-font-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-hover-icon-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-focus-background:#fff;--okd-button-outline-highlight-focus-border-color:#fff;--okd-button-outline-highlight-focus-font-color:#000;--okd-button-outline-highlight-focus-icon-color:#000;--okd-button-outline-highlight-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-default-icon-color:var(--okd-color-content-primary);--okd-button-outline-highlight-active-background:var(--okd-color-container-inverse);--okd-button-outline-highlight-active-border-color:var(--okd-color-border-selected);--okd-button-outline-highlight-active-font-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-active-icon-color:var(--okd-color-content-inverse);--okd-button-outline-highlight-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-disabled-background:#0000;--okd-button-outline-highlight-disabled-font-color:var(--okd-color-content-disabled);--okd-button-outline-highlight-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-outline-highlight-disabled-border-color:var(--okd-color-border-primary);--okd-button-outline-highlight-loader-track-color:#ffffff40;--okd-button-outline-highlight-loader-mark-color:#fff;--okd-button-outline-highlight-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-primary-default-background:var(--okd-color-surface-interactive-default);--okd-button-outline-primary-hover-background:var(--okd-color-surface-interactive-hovered);--okd-button-outline-primary-active-background:var(--okd-color-surface-interactive-pressed);--okd-button-outline-primary-focus-background:var(--okd-color-surface-interactive-default);--okd-button-outline-primary-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-button-outline-primary-default-border-color:transparent;--okd-button-outline-primary-hover-border-color:transparent;--okd-button-outline-primary-active-border-color:transparent;--okd-button-outline-primary-focus-border-color:transparent;--okd-button-outline-primary-disabled-border-color:transparent;--okd-button-outline-primary-default-font-color:var(--okd-color-content-static-default);--okd-button-outline-primary-hover-font-color:var(--okd-color-content-static-default);--okd-button-outline-primary-active-font-color:var(--okd-color-content-static-default);--okd-button-outline-primary-focus-font-color:var(--okd-color-content-static-default);--okd-button-outline-primary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-button-outline-primary-default-icon-color:var(--okd-color-content-static-default);--okd-button-outline-primary-hover-icon-color:var(--okd-color-content-static-default);--okd-button-outline-primary-active-icon-color:var(--okd-color-content-static-default);--okd-button-outline-primary-focus-icon-color:var(--okd-color-content-static-default);--okd-button-outline-primary-disabled-icon-color:var(--okd-color-content-interactive-disabled);--okd-button-outline-primary-default-shadow:var(--okd-shadow-none);--okd-button-outline-primary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-primary-active-shadow:var(--okd-shadow-none);--okd-button-outline-primary-focus-shadow:0px 0px 0px 3.5px #ffffff1a;--okd-button-outline-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-primary-loader-track-color:var(--okd-color-border-static-experience);--okd-button-outline-primary-loader-mark-color:var(--okd-color-content-static-default);--okd-button-outline-primary-border-size:1px;--okd-button-outline-primary-loading-background:var(--okd-color-surface-interactive-pressed);--okd-button-outline-secondary-default-background:transparent;--okd-button-outline-secondary-hover-background:#242424;--okd-button-outline-secondary-active-background:#242424;--okd-button-outline-secondary-focus-background:#242424;--okd-button-outline-secondary-disabled-background:transparent;--okd-button-outline-secondary-default-border-color:#404040;--okd-button-outline-secondary-hover-border-color:#404040;--okd-button-outline-secondary-active-border-color:#404040;--okd-button-outline-secondary-focus-border-color:#404040;--okd-button-outline-secondary-disabled-border-color:#2e2e2e;--okd-button-outline-secondary-default-font-color:#fafafa;--okd-button-outline-secondary-hover-font-color:#fafafa;--okd-button-outline-secondary-active-font-color:#fafafa;--okd-button-outline-secondary-focus-font-color:#fafafa;--okd-button-outline-secondary-disabled-font-color:#6c6c6c;--okd-button-outline-secondary-default-icon-color:#fafafa;--okd-button-outline-secondary-hover-icon-color:#fafafa;--okd-button-outline-secondary-active-icon-color:#fafafa;--okd-button-outline-secondary-focus-icon-color:#fafafa;--okd-button-outline-secondary-disabled-icon-color:#6c6c6c;--okd-button-outline-secondary-default-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-active-shadow:0 0 0 0 transparent;--okd-button-outline-secondary-focus-shadow:0px 0px 0px 3.5px #ffffff1a;--okd-button-outline-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-loader-track-color:#ffffff40;--okd-button-outline-secondary-loader-mark-color:#fff;--okd-button-outline-secondary-border-size:1px;--okd-button-outline-tertiary-border-size:1.5px;--okd-button-outline-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-default-icon-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-default-font-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-default-border-color:var(--okd-color-border-contrast);--okd-button-outline-tertiary-default-background:transparent;--okd-button-outline-tertiary-hover-icon-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-hover-font-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-hover-border-color:var(--okd-color-container-primary);--okd-button-outline-tertiary-hover-background:var(--okd-color-container-primary);--okd-button-outline-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-focus-icon-color:#000;--okd-button-outline-tertiary-focus-font-color:#000;--okd-button-outline-tertiary-focus-border-color:#fff;--okd-button-outline-tertiary-focus-background:#fff;--okd-button-outline-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-active-icon-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-active-font-color:var(--okd-color-content-primary);--okd-button-outline-tertiary-active-border-color:var(--okd-color-container-primary);--okd-button-outline-tertiary-active-background:var(--okd-color-container-primary);--okd-button-outline-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-disabled-icon-color:#0000005c;--okd-button-outline-tertiary-disabled-font-color:var(--okd-color-content-inverse);--okd-button-outline-tertiary-disabled-border-color:#0000001f;--okd-button-outline-tertiary-disabled-background:transparent;--okd-button-outline-tertiary-loader-mark-color:var(--okd-color-border-contrast);--okd-button-outline-tertiary-loader-track-color:#0000004d;--okd-button-text-primary-default-background:var(--okd-color-common-transparent);--okd-button-text-primary-hover-background:var(--okd-color-btnsecfade-default);--okd-button-text-primary-active-background:var(--okd-color-btnsecfade-default);--okd-button-text-primary-focus-background:#051738;--okd-button-text-primary-disabled-background:#1d1d1d00;--okd-button-text-primary-default-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-active-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-focus-border-color:transparent;--okd-button-text-primary-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-primary-default-font-color:var(--okd-color-content-primary);--okd-button-text-primary-hover-font-color:var(--okd-color-content-primary);--okd-button-text-primary-active-font-color:var(--okd-color-content-primary);--okd-button-text-primary-focus-font-color:#4283ff;--okd-button-text-primary-disabled-font-color:var(--okd-color-content-disabled);--okd-button-text-primary-default-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-hover-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-active-icon-color:var(--okd-color-content-primary);--okd-button-text-primary-focus-icon-color:#4283ff;--okd-button-text-primary-disabled-icon-color:var(--okd-color-content-disabled);--okd-button-text-primary-default-shadow:none;--okd-button-text-primary-hover-shadow:none;--okd-button-text-primary-active-shadow:none;--okd-button-text-primary-focus-shadow:none;--okd-button-text-primary-disabled-shadow:none;--okd-button-text-primary-border-size:1px;--okd-button-text-secondary-default-background:transparent;--okd-button-text-secondary-hover-background:#051738;--okd-button-text-secondary-active-background:#051738;--okd-button-text-secondary-focus-background:#051738;--okd-button-text-secondary-disabled-background:transparent;--okd-button-text-secondary-default-border-color:transparent;--okd-button-text-secondary-hover-border-color:transparent;--okd-button-text-secondary-active-border-color:transparent;--okd-button-text-secondary-focus-border-color:transparent;--okd-button-text-secondary-disabled-border-color:transparent;--okd-button-text-secondary-default-font-color:#4283ff;--okd-button-text-secondary-hover-font-color:#4283ff;--okd-button-text-secondary-active-font-color:#4283ff;--okd-button-text-secondary-focus-font-color:#4283ff;--okd-button-text-secondary-disabled-font-color:#6c6c6c;--okd-button-text-secondary-default-icon-color:#4283ff;--okd-button-text-secondary-hover-icon-color:#4283ff;--okd-button-text-secondary-active-icon-color:#4283ff;--okd-button-text-secondary-focus-icon-color:#4283ff;--okd-button-text-secondary-disabled-icon-color:#6c6c6c;--okd-button-text-secondary-default-shadow:none;--okd-button-text-secondary-hover-shadow:none;--okd-button-text-secondary-active-shadow:none;--okd-button-text-secondary-focus-shadow:none;--okd-button-text-secondary-disabled-shadow:none;--okd-button-text-secondary-border-size:1px;--okd-button-text-red-default-background:var(--okd-color-common-transparent);--okd-button-text-red-hover-background:#ca3f640d;--okd-button-text-red-active-background:#ca3f640d;--okd-button-text-red-focus-background:#270b12;--okd-button-text-red-disabled-background:#0e0e0e00;--okd-button-text-red-default-border-color:transparent;--okd-button-text-red-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-red-active-border-color:var(--okd-color-common-transparent);--okd-button-text-red-focus-border-color:transparent;--okd-button-text-red-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-red-default-font-color:#ca3f64;--okd-button-text-red-hover-font-color:var(--okd-color-semantic-negative);--okd-button-text-red-active-font-color:var(--okd-color-semantic-negative);--okd-button-text-red-focus-font-color:#f9b6c7;--okd-button-text-red-disabled-font-color:#ca3f6473;--okd-button-text-red-default-icon-color:#ca3f64;--okd-button-text-red-hover-icon-color:#ca3f641a;--okd-button-text-red-active-icon-color:var(--okd-color-semantic-negative);--okd-button-text-red-focus-icon-color:#f9b6c7;--okd-button-text-red-disabled-icon-color:#ca3f6473;--okd-button-text-red-default-shadow:none;--okd-button-text-red-hover-shadow:none;--okd-button-text-red-active-shadow:none;--okd-button-text-red-focus-shadow:none;--okd-button-text-red-disabled-shadow:none;--okd-button-text-red-border-size:1px;--okd-button-text-green-default-background:var(--okd-color-common-transparent);--okd-button-text-green-hover-background:#25a7500d;--okd-button-text-green-active-background:#25a7500d;--okd-button-text-green-focus-background:#002b1f;--okd-button-text-green-disabled-background:#0e0e0e00;--okd-button-text-green-default-border-color:var(--okd-color-common-transparent);--okd-button-text-green-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-green-active-border-color:var(--okd-color-common-transparent);--okd-button-text-green-focus-border-color:transparent;--okd-button-text-green-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-green-default-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-hover-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-active-font-color:var(--okd-color-semantic-positive);--okd-button-text-green-focus-font-color:#a5efbe;--okd-button-text-green-disabled-font-color:#25a75073;--okd-button-text-green-default-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-hover-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-active-icon-color:var(--okd-color-semantic-positive);--okd-button-text-green-focus-icon-color:#a5efbe;--okd-button-text-green-disabled-icon-color:#25a75073;--okd-button-text-green-default-shadow:none;--okd-button-text-green-hover-shadow:none;--okd-button-text-green-active-shadow:none;--okd-button-text-green-focus-shadow:none;--okd-button-text-green-disabled-shadow:none;--okd-button-text-green-border-size:1px;--okd-button-text-yellow-default-background:var(--okd-color-common-transparent);--okd-button-text-yellow-hover-background:#ffb1170d;--okd-button-text-yellow-active-background:#ffb1170d;--okd-button-text-yellow-focus-background:#2d2104;--okd-button-text-yellow-disabled-background:#0e0e0e00;--okd-button-text-yellow-default-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-hover-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-active-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-focus-border-color:transparent;--okd-button-text-yellow-disabled-border-color:var(--okd-color-common-transparent);--okd-button-text-yellow-default-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-hover-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-active-font-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-focus-font-color:#dea921;--okd-button-text-yellow-disabled-font-color:#ffb11773;--okd-button-text-yellow-default-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-hover-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-active-icon-color:var(--okd-color-semantic-notice);--okd-button-text-yellow-focus-icon-color:#dea921;--okd-button-text-yellow-disabled-icon-color:#ffb11773;--okd-button-text-yellow-default-shadow:none;--okd-button-text-yellow-hover-shadow:none;--okd-button-text-yellow-active-shadow:none;--okd-button-text-yellow-focus-shadow:none;--okd-button-text-yellow-disabled-shadow:none;--okd-button-text-yellow-border-size:1px;--okd-button-text-orange-default-background:transparent;--okd-button-text-orange-hover-background:#361604;--okd-button-text-orange-active-background:#361604;--okd-button-text-orange-focus-background:#361604;--okd-button-text-orange-disabled-background:#000;--okd-button-text-orange-default-border-color:transparent;--okd-button-text-orange-hover-border-color:transparent;--okd-button-text-orange-active-border-color:transparent;--okd-button-text-orange-focus-border-color:transparent;--okd-button-text-orange-disabled-border-color:transparent;--okd-button-text-orange-default-font-color:#fa8c4d;--okd-button-text-orange-hover-font-color:#f87428;--okd-button-text-orange-active-font-color:#f87428;--okd-button-text-orange-focus-font-color:#f87428;--okd-button-text-orange-disabled-font-color:#f8742873;--okd-button-text-orange-default-icon-color:#f87428;--okd-button-text-orange-hover-icon-color:#f87428;--okd-button-text-orange-active-icon-color:#f87428;--okd-button-text-orange-focus-icon-color:#f87428;--okd-button-text-orange-disabled-icon-color:#f8742873;--okd-button-text-orange-default-shadow:none;--okd-button-text-orange-hover-shadow:none;--okd-button-text-orange-active-shadow:none;--okd-button-text-orange-focus-shadow:none;--okd-button-text-orange-disabled-shadow:none;--okd-button-text-orange-border-size:1px}.okui-a11y-button:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-width:2px;outline-style:solid;outline-color:var(--okd-color-border-focus);outline-offset:2px;border-radius:4px}.okui-icon.icon{font-family:var(--ok-icon-font-family)!important}.theme-light.okui-loader-var,.theme-light .okui-loader-var{--okd-loader-line-active-color:var(--okd-color-border-static-emphasis);--okd-loader-line-inactive-color:var(--okd-color-border-interactive-oncolor);--okd-loader-primary-active-color:var(--okd-color-global-alpha-inverse-90);--okd-loader-primary-inactive-color:var(--okd-color-global-alpha-inverse-20);--okd-loader-neutral-active-color:var(--okd-color-global-alpha-inverse-90);--okd-loader-neutral-inactive-color:var(--okd-color-global-alpha-inverse-20);--okd-loader-mask-bg-color:var(--okd-color-global-alpha-matching-80);--okd-loader-circle-xl-size:38px;--okd-loader-circle-lg-size:30px;--okd-loader-circle-md-size:22px;--okd-loader-circle-sm-size:14px;--okd-loader-circle-xl-track-width:2px;--okd-loader-circle-lg-track-width:2px;--okd-loader-circle-md-track-width:1.82px;--okd-loader-circle-sm-track-width:1.5px;--okd-loader-line-size:4px;--okd-loader-circle-cover-background:#fff;--okd-loader-mask-text-font-size:14px;--okd-loader-mask-text-line-height:16px;--okd-loader-mask-text-font-weight:400;--okd-loader-mask-text-color:var(--okd-color-content-interactive-subtle);--okd-loader-mask-text-margin-top:10px}.theme-dark.okui-loader-var,.theme-dark .okui-loader-var{--okd-loader-line-active-color:var(--okd-color-border-static-emphasis);--okd-loader-line-inactive-color:var(--okd-color-border-interactive-oncolor);--okd-loader-primary-active-color:var(--okd-color-global-alpha-inverse-90);--okd-loader-primary-inactive-color:var(--okd-color-global-alpha-inverse-20);--okd-loader-neutral-active-color:var(--okd-color-global-alpha-inverse-90);--okd-loader-neutral-inactive-color:var(--okd-color-global-alpha-inverse-20);--okd-loader-mask-bg-color:var(--okd-color-global-alpha-matching-80);--okd-loader-circle-xl-size:38px;--okd-loader-circle-lg-size:30px;--okd-loader-circle-md-size:22px;--okd-loader-circle-sm-size:14px;--okd-loader-circle-xl-track-width:2px;--okd-loader-circle-lg-track-width:2px;--okd-loader-circle-md-track-width:1.82px;--okd-loader-circle-sm-track-width:1.5px;--okd-loader-line-size:4px;--okd-loader-circle-cover-background:#1a1a1a;--okd-loader-mask-text-font-size:14px;--okd-loader-mask-text-line-height:16px;--okd-loader-mask-text-font-weight:400;--okd-loader-mask-text-color:var(--okd-color-content-interactive-subtle);--okd-loader-mask-text-margin-top:10px}.theme-okx-money-light.okui-loader-var,.theme-okx-money-light .okui-loader-var{--okd-loader-line-active-color:var(--okd-color-border-static-emphasis);--okd-loader-line-inactive-color:var(--okd-color-border-interactive-oncolor);--okd-loader-primary-active-color:var(--okd-color-global-alpha-inverse-90);--okd-loader-primary-inactive-color:var(--okd-color-global-alpha-inverse-20);--okd-loader-neutral-active-color:var(--okd-color-global-alpha-inverse-90);--okd-loader-neutral-inactive-color:var(--okd-color-global-alpha-inverse-20);--okd-loader-mask-bg-color:var(--okd-color-global-alpha-matching-80);--okd-loader-circle-xl-size:38px;--okd-loader-circle-lg-size:30px;--okd-loader-circle-md-size:22px;--okd-loader-circle-sm-size:14px;--okd-loader-circle-xl-track-width:2px;--okd-loader-circle-lg-track-width:2px;--okd-loader-circle-md-track-width:1.82px;--okd-loader-circle-sm-track-width:1.5px;--okd-loader-line-size:4px;--okd-loader-circle-cover-background:#fff;--okd-loader-mask-text-font-size:14px;--okd-loader-mask-text-line-height:16px;--okd-loader-mask-text-font-weight:400;--okd-loader-mask-text-color:var(--okd-color-content-interactive-subtle);--okd-loader-mask-text-margin-top:10px}.theme-okx-money-dark.okui-loader-var,.theme-okx-money-dark .okui-loader-var{--okd-loader-line-active-color:var(--okd-color-border-static-emphasis);--okd-loader-line-inactive-color:var(--okd-color-border-interactive-oncolor);--okd-loader-primary-active-color:var(--okd-color-global-alpha-inverse-90);--okd-loader-primary-inactive-color:var(--okd-color-global-alpha-inverse-20);--okd-loader-neutral-active-color:var(--okd-color-global-alpha-inverse-90);--okd-loader-neutral-inactive-color:var(--okd-color-global-alpha-inverse-20);--okd-loader-mask-bg-color:var(--okd-color-global-alpha-matching-80);--okd-loader-circle-xl-size:38px;--okd-loader-circle-lg-size:30px;--okd-loader-circle-md-size:22px;--okd-loader-circle-sm-size:14px;--okd-loader-circle-xl-track-width:2px;--okd-loader-circle-lg-track-width:2px;--okd-loader-circle-md-track-width:1.82px;--okd-loader-circle-sm-track-width:1.5px;--okd-loader-line-size:4px;--okd-loader-circle-cover-background:#1a1a1a;--okd-loader-mask-text-font-size:14px;--okd-loader-mask-text-line-height:16px;--okd-loader-mask-text-font-weight:400;--okd-loader-mask-text-color:var(--okd-color-content-interactive-subtle);--okd-loader-mask-text-margin-top:10px}.okui-a11y-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes loadingLine{to{left:100%}}.okui-loader-line{width:100%;height:var(--okd-loader-line-size);border-radius:calc(var(--okd-loader-line-size) / 2);background:var(--okd-loader-line-inactive-color);position:relative;overflow:hidden}.okui-loader-line .okui-loader-mark{border-radius:calc(var(--okd-loader-line-size) / 2);background:var(--okd-loader-line-active-color);height:100%}.okui-loader-line.okui-loader-loading .okui-loader-mark{animation:2s linear infinite loadingLine;position:absolute;top:0;left:-25%}@keyframes okui-loader-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.okui-loader-box{position:relative}.okui-loader-mask{background:var(--okd-loader-mask-bg-color);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.okui-loader-mask-text{color:var(--okd-loader-mask-text-color);line-height:var(--okd-loader-mask-text-line-height);font-size:var(--okd-loader-mask-text-font-size);font-weight:var(--okd-loader-mask-text-font-weight);margin-top:var(--okd-loader-mask-text-margin-top)}.okui-loader-spin{box-sizing:border-box;background-color:#0000;border-style:solid;animation:1s linear infinite okui-loader-rotation;display:inline-flex}.okui-loader-spin-xl{width:var(--okd-loader-circle-xl-size);height:var(--okd-loader-circle-xl-size);border-width:var(--okd-loader-circle-xl-track-width);border-radius:var(--okd-loader-circle-xl-size)}.okui-loader-spin-lg{width:var(--okd-loader-circle-lg-size);height:var(--okd-loader-circle-lg-size);border-width:var(--okd-loader-circle-lg-track-width);border-radius:var(--okd-loader-circle-lg-size)}.okui-loader-spin-md{width:var(--okd-loader-circle-md-size);height:var(--okd-loader-circle-md-size);border-width:var(--okd-loader-circle-md-track-width);border-radius:var(--okd-loader-circle-md-size)}.okui-loader-spin-sm{width:var(--okd-loader-circle-sm-size);height:var(--okd-loader-circle-sm-size);border-width:var(--okd-loader-circle-sm-track-width);border-radius:var(--okd-loader-circle-sm-size)}.okui-loader-spin-primary{border-color:var(--okd-loader-primary-inactive-color);border-top-color:var(--okd-loader-primary-active-color)}.okui-loader-spin-neutral{border-color:var(--okd-loader-neutral-inactive-color);border-top-color:var(--okd-loader-neutral-active-color)}.okui-loader-inner-circle{border:none;border-radius:0;overflow:hidden;transform:rotate(180deg)}.okui-loader-inner-fill-primary{background:var(--okd-loader-primary-active-color)}.okui-loader-inner-fill-neutral{background:var(--okd-loader-neutral-active-color)}.okui-loader-inner-track-primary{background:var(--okd-loader-primary-inactive-color)}.okui-loader-inner-track-neutral{background:var(--okd-loader-neutral-inactive-color)}.okui-loader-inner-track-right{height:100%;position:absolute;right:0;overflow:hidden}.okui-loader-inner-track-right-content{content:"";transform-origin:0;width:100%;height:100%;position:absolute;transform:rotate(0)}.okui-loader-inner-track-left{height:100%;position:absolute;overflow:hidden}.okui-loader-inner-track-left-content{content:"";transform-origin:100%;width:100%;height:100%;position:absolute;transform:rotate(0)}.okui-loader-inner-xl{width:var(--okd-loader-circle-xl-size);height:var(--okd-loader-circle-xl-size);border-radius:var(--okd-loader-circle-xl-size)}.okui-loader-inner-xl-cover{width:calc(var(--okd-loader-circle-xl-size) - (var(--okd-loader-circle-xl-track-width) * 2));height:calc(var(--okd-loader-circle-xl-size) - (var(--okd-loader-circle-xl-track-width) * 2));background-color:var(--okd-loader-circle-cover-background);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.okui-loader-inner-track-xl{width:calc(var(--okd-loader-circle-xl-size) / 2)}.okui-loader-inner-track-xl-inner-track-left-content{border-radius:calc(var(--okd-loader-circle-xl-size) / 2) 0 0 calc(var(--okd-loader-circle-xl-size) / 2);width:100%}.okui-loader-inner-track-xl-inner-track-right-content{border-radius:0 calc(var(--okd-loader-circle-xl-size) / 2) calc(var(--okd-loader-circle-xl-size) / 2) 0;width:100%}.okui-loader-inner-lg{width:var(--okd-loader-circle-lg-size);height:var(--okd-loader-circle-lg-size);border-radius:var(--okd-loader-circle-lg-size)}.okui-loader-inner-lg-cover{width:calc(var(--okd-loader-circle-lg-size) - (var(--okd-loader-circle-lg-track-width) * 2));height:calc(var(--okd-loader-circle-lg-size) - (var(--okd-loader-circle-lg-track-width) * 2));background-color:var(--okd-loader-circle-cover-background);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.okui-loader-inner-track-lg{width:calc(var(--okd-loader-circle-lg-size) / 2)}.okui-loader-inner-track-lg-inner-track-left-content{border-radius:calc(var(--okd-loader-circle-lg-size) / 2) 0 0 calc(var(--okd-loader-circle-lg-size) / 2);width:100%}.okui-loader-inner-track-lg-inner-track-right-content{border-radius:0 calc(var(--okd-loader-circle-lg-size) / 2) calc(var(--okd-loader-circle-lg-size) / 2) 0;width:100%}.okui-loader-inner-md{width:var(--okd-loader-circle-md-size);height:var(--okd-loader-circle-md-size);border-radius:var(--okd-loader-circle-md-size)}.okui-loader-inner-md-cover{width:calc(var(--okd-loader-circle-md-size) - (var(--okd-loader-circle-md-track-width) * 2));height:calc(var(--okd-loader-circle-md-size) - (var(--okd-loader-circle-md-track-width) * 2));background-color:var(--okd-loader-circle-cover-background);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.okui-loader-inner-track-md{width:calc(var(--okd-loader-circle-md-size) / 2)}.okui-loader-inner-track-md-inner-track-left-content{border-radius:calc(var(--okd-loader-circle-md-size) / 2) 0 0 calc(var(--okd-loader-circle-md-size) / 2);width:100%}.okui-loader-inner-track-md-inner-track-right-content{border-radius:0 calc(var(--okd-loader-circle-md-size) / 2) calc(var(--okd-loader-circle-md-size) / 2) 0;width:100%}.okui-loader-inner-sm{width:var(--okd-loader-circle-sm-size);height:var(--okd-loader-circle-sm-size);border-radius:var(--okd-loader-circle-sm-size)}.okui-loader-inner-sm-cover{width:calc(var(--okd-loader-circle-sm-size) - (var(--okd-loader-circle-sm-track-width) * 2));height:calc(var(--okd-loader-circle-sm-size) - (var(--okd-loader-circle-sm-track-width) * 2));background-color:var(--okd-loader-circle-cover-background);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.okui-loader-inner-track-sm{width:calc(var(--okd-loader-circle-sm-size) / 2)}.okui-loader-inner-track-sm-inner-track-left-content{border-radius:calc(var(--okd-loader-circle-sm-size) / 2) 0 0 calc(var(--okd-loader-circle-sm-size) / 2);width:100%}.okui-loader-inner-track-sm-inner-track-right-content{border-radius:0 calc(var(--okd-loader-circle-sm-size) / 2) calc(var(--okd-loader-circle-sm-size) / 2) 0;width:100%}.okui-powerLink{color:inherit;text-decoration:none}.okui-powerLink-a11y:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-width:2px;outline-style:solid;outline-color:var(--okd-color-border-focus);outline-offset:2px;border-radius:2px}.okui-btn{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;outline:none;justify-content:center;align-items:center;font-family:inherit;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.okui-btn:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-width:2px;outline-style:solid;outline-color:var(--okd-color-border-focus);outline-offset:2px}.okui-btn.btn-fill-highlight{color:var(--okd-button-fill-highlight-default-font-color);background:var(--okd-button-fill-highlight-default-background);border-color:var(--okd-button-fill-highlight-default-border-color);box-shadow:var(--okd-button-fill-highlight-default-shadow);border-width:var(--okd-button-fill-highlight-border-size);border-style:solid}.okui-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-fill-highlight.hover{color:var(--okd-button-fill-highlight-hover-font-color);background:var(--okd-button-fill-highlight-hover-background);border-color:var(--okd-button-fill-highlight-hover-border-color);box-shadow:var(--okd-button-fill-highlight-hover-shadow)}.okui-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-fill-highlight.hover .btn-icon{color:var(--okd-button-fill-highlight-hover-icon-color)}.okui-btn.btn-fill-highlight:not(:disabled):active,.okui-btn.btn-fill-highlight.active{color:var(--okd-button-fill-highlight-active-font-color);background:var(--okd-button-fill-highlight-active-background);border-color:var(--okd-button-fill-highlight-active-border-color);box-shadow:var(--okd-button-fill-highlight-active-shadow)}.okui-btn.btn-fill-highlight:not(:disabled):active .btn-icon,.okui-btn.btn-fill-highlight.active .btn-icon{color:var(--okd-button-fill-highlight-active-icon-color)}.okui-btn.btn-fill-highlight:not(.loading):disabled,.okui-btn.btn-fill-highlight:not(.loading).btn-disabled{color:var(--okd-button-fill-highlight-disabled-font-color);background:var(--okd-button-fill-highlight-disabled-background);border-color:var(--okd-button-fill-highlight-disabled-border-color);box-shadow:var(--okd-button-fill-highlight-disabled-shadow)}.okui-btn.btn-fill-highlight:not(.loading):disabled .btn-icon,.okui-btn.btn-fill-highlight:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-fill-highlight-disabled-icon-color)}.okui-btn.btn-fill-highlight.loading{background:var(--okd-button-fill-highlight-loading-background,var(--okd-button-fill-highlight-default-background));cursor:pointer}.okui-btn.btn-fill-highlight .btn-icon{color:var(--okd-button-fill-highlight-default-icon-color)}.okui-btn.btn-fill-highlight .okui-btn-loader-text{color:var(--okd-button-fill-highlight-default-font-color)}.okui-btn.btn-fill-highlight.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-highlight-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-highlight.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-highlight.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-highlight-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-highlight.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-highlight.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-highlight-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-highlight.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-highlight.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-highlight-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-highlight.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-highlight.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-highlight-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-highlight.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-highlight.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-highlight-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-highlight.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-highlight.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-highlight-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-highlight-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-highlight.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-primary{color:var(--okd-button-fill-primary-default-font-color);background:var(--okd-button-fill-primary-default-background);border-color:var(--okd-button-fill-primary-default-border-color);box-shadow:var(--okd-button-fill-primary-default-shadow);border-width:var(--okd-button-fill-primary-border-size);border-style:solid}.okui-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-fill-primary.hover{color:var(--okd-button-fill-primary-hover-font-color);background:var(--okd-button-fill-primary-hover-background);border-color:var(--okd-button-fill-primary-hover-border-color);box-shadow:var(--okd-button-fill-primary-hover-shadow)}.okui-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-fill-primary.hover .btn-icon{color:var(--okd-button-fill-primary-hover-icon-color)}.okui-btn.btn-fill-primary:not(:disabled):active,.okui-btn.btn-fill-primary.active{color:var(--okd-button-fill-primary-active-font-color);background:var(--okd-button-fill-primary-active-background);border-color:var(--okd-button-fill-primary-active-border-color);box-shadow:var(--okd-button-fill-primary-active-shadow)}.okui-btn.btn-fill-primary:not(:disabled):active .btn-icon,.okui-btn.btn-fill-primary.active .btn-icon{color:var(--okd-button-fill-primary-active-icon-color)}.okui-btn.btn-fill-primary:not(.loading):disabled,.okui-btn.btn-fill-primary:not(.loading).btn-disabled{color:var(--okd-button-fill-primary-disabled-font-color);background:var(--okd-button-fill-primary-disabled-background);border-color:var(--okd-button-fill-primary-disabled-border-color);box-shadow:var(--okd-button-fill-primary-disabled-shadow)}.okui-btn.btn-fill-primary:not(.loading):disabled .btn-icon,.okui-btn.btn-fill-primary:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-fill-primary-disabled-icon-color)}.okui-btn.btn-fill-primary.loading{background:var(--okd-button-fill-primary-loading-background,var(--okd-button-fill-primary-default-background));cursor:pointer}.okui-btn.btn-fill-primary .btn-icon{color:var(--okd-button-fill-primary-default-icon-color)}.okui-btn.btn-fill-primary .okui-btn-loader-text{color:var(--okd-button-fill-primary-default-font-color)}.okui-btn.btn-fill-primary.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-primary.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-primary-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-primary.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-primary.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-primary.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-primary-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-primary.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-primary.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-primary.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-primary-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-primary.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-primary.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-primary.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-primary-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-primary.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-primary.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-primary.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-primary-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-primary.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-primary.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-primary.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-primary-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-primary.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-primary.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-primary.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-primary-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-primary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-primary.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-secondary{color:var(--okd-button-fill-secondary-default-font-color);background:var(--okd-button-fill-secondary-default-background);border-color:var(--okd-button-fill-secondary-default-border-color);box-shadow:var(--okd-button-fill-secondary-default-shadow);border-width:var(--okd-button-fill-secondary-border-size);border-style:solid}.okui-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-fill-secondary.hover{color:var(--okd-button-fill-secondary-hover-font-color);background:var(--okd-button-fill-secondary-hover-background);border-color:var(--okd-button-fill-secondary-hover-border-color);box-shadow:var(--okd-button-fill-secondary-hover-shadow)}.okui-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-fill-secondary.hover .btn-icon{color:var(--okd-button-fill-secondary-hover-icon-color)}.okui-btn.btn-fill-secondary:not(:disabled):active,.okui-btn.btn-fill-secondary.active{color:var(--okd-button-fill-secondary-active-font-color);background:var(--okd-button-fill-secondary-active-background);border-color:var(--okd-button-fill-secondary-active-border-color);box-shadow:var(--okd-button-fill-secondary-active-shadow)}.okui-btn.btn-fill-secondary:not(:disabled):active .btn-icon,.okui-btn.btn-fill-secondary.active .btn-icon{color:var(--okd-button-fill-secondary-active-icon-color)}.okui-btn.btn-fill-secondary:not(.loading):disabled,.okui-btn.btn-fill-secondary:not(.loading).btn-disabled{color:var(--okd-button-fill-secondary-disabled-font-color);background:var(--okd-button-fill-secondary-disabled-background);border-color:var(--okd-button-fill-secondary-disabled-border-color);box-shadow:var(--okd-button-fill-secondary-disabled-shadow)}.okui-btn.btn-fill-secondary:not(.loading):disabled .btn-icon,.okui-btn.btn-fill-secondary:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-fill-secondary-disabled-icon-color)}.okui-btn.btn-fill-secondary.loading{background:var(--okd-button-fill-secondary-loading-background,var(--okd-button-fill-secondary-default-background));cursor:pointer}.okui-btn.btn-fill-secondary .btn-icon{color:var(--okd-button-fill-secondary-default-icon-color)}.okui-btn.btn-fill-secondary .okui-btn-loader-text{color:var(--okd-button-fill-secondary-default-font-color)}.okui-btn.btn-fill-secondary.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-secondary-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-secondary.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-secondary.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-secondary-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-secondary.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-secondary.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-secondary-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-secondary.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-secondary.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-secondary-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-secondary.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-secondary.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-secondary-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-secondary.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-secondary.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-secondary-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-secondary.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-secondary.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-secondary-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-secondary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-secondary.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-tertiary{color:var(--okd-button-fill-tertiary-default-font-color);background:var(--okd-button-fill-tertiary-default-background);border-color:var(--okd-button-fill-tertiary-default-border-color);box-shadow:var(--okd-button-fill-tertiary-default-shadow);border-width:var(--okd-button-fill-tertiary-border-size);border-style:solid}.okui-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-fill-tertiary.hover{color:var(--okd-button-fill-tertiary-hover-font-color);background:var(--okd-button-fill-tertiary-hover-background);border-color:var(--okd-button-fill-tertiary-hover-border-color);box-shadow:var(--okd-button-fill-tertiary-hover-shadow)}.okui-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-fill-tertiary.hover .btn-icon{color:var(--okd-button-fill-tertiary-hover-icon-color)}.okui-btn.btn-fill-tertiary:not(:disabled):active,.okui-btn.btn-fill-tertiary.active{color:var(--okd-button-fill-tertiary-active-font-color);background:var(--okd-button-fill-tertiary-active-background);border-color:var(--okd-button-fill-tertiary-active-border-color);box-shadow:var(--okd-button-fill-tertiary-active-shadow)}.okui-btn.btn-fill-tertiary:not(:disabled):active .btn-icon,.okui-btn.btn-fill-tertiary.active .btn-icon{color:var(--okd-button-fill-tertiary-active-icon-color)}.okui-btn.btn-fill-tertiary:not(.loading):disabled,.okui-btn.btn-fill-tertiary:not(.loading).btn-disabled{color:var(--okd-button-fill-tertiary-disabled-font-color);background:var(--okd-button-fill-tertiary-disabled-background);border-color:var(--okd-button-fill-tertiary-disabled-border-color);box-shadow:var(--okd-button-fill-tertiary-disabled-shadow)}.okui-btn.btn-fill-tertiary:not(.loading):disabled .btn-icon,.okui-btn.btn-fill-tertiary:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-fill-tertiary-disabled-icon-color)}.okui-btn.btn-fill-tertiary.loading{background:var(--okd-button-fill-tertiary-loading-background,var(--okd-button-fill-tertiary-default-background));cursor:pointer}.okui-btn.btn-fill-tertiary .btn-icon{color:var(--okd-button-fill-tertiary-default-icon-color)}.okui-btn.btn-fill-tertiary .okui-btn-loader-text{color:var(--okd-button-fill-tertiary-default-font-color)}.okui-btn.btn-fill-tertiary.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-tertiary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-tertiary.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-quaternary{color:var(--okd-button-fill-quaternary-default-font-color);background:var(--okd-button-fill-quaternary-default-background);border-color:var(--okd-button-fill-quaternary-default-border-color);box-shadow:var(--okd-button-fill-quaternary-default-shadow);border-width:var(--okd-button-fill-quaternary-border-size);border-style:solid}.okui-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-fill-quaternary.hover{color:var(--okd-button-fill-quaternary-hover-font-color);background:var(--okd-button-fill-quaternary-hover-background);border-color:var(--okd-button-fill-quaternary-hover-border-color);box-shadow:var(--okd-button-fill-quaternary-hover-shadow)}.okui-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-fill-quaternary.hover .btn-icon{color:var(--okd-button-fill-quaternary-hover-icon-color)}.okui-btn.btn-fill-quaternary:not(:disabled):active,.okui-btn.btn-fill-quaternary.active{color:var(--okd-button-fill-quaternary-active-font-color);background:var(--okd-button-fill-quaternary-active-background);border-color:var(--okd-button-fill-quaternary-active-border-color);box-shadow:var(--okd-button-fill-quaternary-active-shadow)}.okui-btn.btn-fill-quaternary:not(:disabled):active .btn-icon,.okui-btn.btn-fill-quaternary.active .btn-icon{color:var(--okd-button-fill-quaternary-active-icon-color)}.okui-btn.btn-fill-quaternary:not(.loading):disabled,.okui-btn.btn-fill-quaternary:not(.loading).btn-disabled{color:var(--okd-button-fill-quaternary-disabled-font-color);background:var(--okd-button-fill-quaternary-disabled-background);border-color:var(--okd-button-fill-quaternary-disabled-border-color);box-shadow:var(--okd-button-fill-quaternary-disabled-shadow)}.okui-btn.btn-fill-quaternary:not(.loading):disabled .btn-icon,.okui-btn.btn-fill-quaternary:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-fill-quaternary-disabled-icon-color)}.okui-btn.btn-fill-quaternary.loading{background:var(--okd-button-fill-quaternary-loading-background,var(--okd-button-fill-quaternary-default-background));cursor:pointer}.okui-btn.btn-fill-quaternary .btn-icon{color:var(--okd-button-fill-quaternary-default-icon-color)}.okui-btn.btn-fill-quaternary .okui-btn-loader-text{color:var(--okd-button-fill-quaternary-default-font-color)}.okui-btn.btn-fill-quaternary.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-quaternary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-quaternary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-quaternary.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-red{color:var(--okd-button-fill-red-default-font-color);background:var(--okd-button-fill-red-default-background);border-color:var(--okd-button-fill-red-default-border-color);box-shadow:var(--okd-button-fill-red-default-shadow);border-width:var(--okd-button-fill-red-border-size);border-style:solid}.okui-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-fill-red.hover{color:var(--okd-button-fill-red-hover-font-color);background:var(--okd-button-fill-red-hover-background);border-color:var(--okd-button-fill-red-hover-border-color);box-shadow:var(--okd-button-fill-red-hover-shadow)}.okui-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-fill-red.hover .btn-icon{color:var(--okd-button-fill-red-hover-icon-color)}.okui-btn.btn-fill-red:not(:disabled):active,.okui-btn.btn-fill-red.active{color:var(--okd-button-fill-red-active-font-color);background:var(--okd-button-fill-red-active-background);border-color:var(--okd-button-fill-red-active-border-color);box-shadow:var(--okd-button-fill-red-active-shadow)}.okui-btn.btn-fill-red:not(:disabled):active .btn-icon,.okui-btn.btn-fill-red.active .btn-icon{color:var(--okd-button-fill-red-active-icon-color)}.okui-btn.btn-fill-red:not(.loading):disabled,.okui-btn.btn-fill-red:not(.loading).btn-disabled{color:var(--okd-button-fill-red-disabled-font-color);background:var(--okd-button-fill-red-disabled-background);border-color:var(--okd-button-fill-red-disabled-border-color);box-shadow:var(--okd-button-fill-red-disabled-shadow)}.okui-btn.btn-fill-red:not(.loading):disabled .btn-icon,.okui-btn.btn-fill-red:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-fill-red-disabled-icon-color)}.okui-btn.btn-fill-red.loading{background:var(--okd-button-fill-red-loading-background,var(--okd-button-fill-red-default-background));cursor:pointer}.okui-btn.btn-fill-red .btn-icon{color:var(--okd-button-fill-red-default-icon-color)}.okui-btn.btn-fill-red .okui-btn-loader-text{color:var(--okd-button-fill-red-default-font-color)}.okui-btn.btn-fill-red.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-red.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-red-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-red.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-red.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-red.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-red-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-red.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-red.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-red.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-red-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-red.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-red.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-red.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-red-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-red.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-red.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-red.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-red-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-red.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-red.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-red.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-red-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-red.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-red.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-red.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-red-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-red-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-red.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-green{color:var(--okd-button-fill-green-default-font-color);background:var(--okd-button-fill-green-default-background);border-color:var(--okd-button-fill-green-default-border-color);box-shadow:var(--okd-button-fill-green-default-shadow);border-width:var(--okd-button-fill-green-border-size);border-style:solid}.okui-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-fill-green.hover{color:var(--okd-button-fill-green-hover-font-color);background:var(--okd-button-fill-green-hover-background);border-color:var(--okd-button-fill-green-hover-border-color);box-shadow:var(--okd-button-fill-green-hover-shadow)}.okui-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-fill-green.hover .btn-icon{color:var(--okd-button-fill-green-hover-icon-color)}.okui-btn.btn-fill-green:not(:disabled):active,.okui-btn.btn-fill-green.active{color:var(--okd-button-fill-green-active-font-color);background:var(--okd-button-fill-green-active-background);border-color:var(--okd-button-fill-green-active-border-color);box-shadow:var(--okd-button-fill-green-active-shadow)}.okui-btn.btn-fill-green:not(:disabled):active .btn-icon,.okui-btn.btn-fill-green.active .btn-icon{color:var(--okd-button-fill-green-active-icon-color)}.okui-btn.btn-fill-green:not(.loading):disabled,.okui-btn.btn-fill-green:not(.loading).btn-disabled{color:var(--okd-button-fill-green-disabled-font-color);background:var(--okd-button-fill-green-disabled-background);border-color:var(--okd-button-fill-green-disabled-border-color);box-shadow:var(--okd-button-fill-green-disabled-shadow)}.okui-btn.btn-fill-green:not(.loading):disabled .btn-icon,.okui-btn.btn-fill-green:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-fill-green-disabled-icon-color)}.okui-btn.btn-fill-green.loading{background:var(--okd-button-fill-green-loading-background,var(--okd-button-fill-green-default-background));cursor:pointer}.okui-btn.btn-fill-green .btn-icon{color:var(--okd-button-fill-green-default-icon-color)}.okui-btn.btn-fill-green .okui-btn-loader-text{color:var(--okd-button-fill-green-default-font-color)}.okui-btn.btn-fill-green.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-green.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-green-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-green.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-green.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-green.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-green-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-green.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-green.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-green.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-green-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-green.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-green.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-green.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-green-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-green.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-green.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-green.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-green-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-green.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-green.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-green.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-green-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-green.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-green.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-green.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-green-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-green-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-green.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-grey{color:var(--okd-button-fill-grey-default-font-color);background:var(--okd-button-fill-grey-default-background);border-color:var(--okd-button-fill-grey-default-border-color);box-shadow:var(--okd-button-fill-grey-default-shadow);border-width:var(--okd-button-fill-grey-border-size);border-style:solid}.okui-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-fill-grey.hover{color:var(--okd-button-fill-grey-hover-font-color);background:var(--okd-button-fill-grey-hover-background);border-color:var(--okd-button-fill-grey-hover-border-color);box-shadow:var(--okd-button-fill-grey-hover-shadow)}.okui-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-fill-grey.hover .btn-icon{color:var(--okd-button-fill-grey-hover-icon-color)}.okui-btn.btn-fill-grey:not(:disabled):active,.okui-btn.btn-fill-grey.active{color:var(--okd-button-fill-grey-active-font-color);background:var(--okd-button-fill-grey-active-background);border-color:var(--okd-button-fill-grey-active-border-color);box-shadow:var(--okd-button-fill-grey-active-shadow)}.okui-btn.btn-fill-grey:not(:disabled):active .btn-icon,.okui-btn.btn-fill-grey.active .btn-icon{color:var(--okd-button-fill-grey-active-icon-color)}.okui-btn.btn-fill-grey:not(.loading):disabled,.okui-btn.btn-fill-grey:not(.loading).btn-disabled{color:var(--okd-button-fill-grey-disabled-font-color);background:var(--okd-button-fill-grey-disabled-background);border-color:var(--okd-button-fill-grey-disabled-border-color);box-shadow:var(--okd-button-fill-grey-disabled-shadow)}.okui-btn.btn-fill-grey:not(.loading):disabled .btn-icon,.okui-btn.btn-fill-grey:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-fill-grey-disabled-icon-color)}.okui-btn.btn-fill-grey.loading{background:var(--okd-button-fill-grey-loading-background,var(--okd-button-fill-grey-default-background));cursor:pointer}.okui-btn.btn-fill-grey .btn-icon{color:var(--okd-button-fill-grey-default-icon-color)}.okui-btn.btn-fill-grey .okui-btn-loader-text{color:var(--okd-button-fill-grey-default-font-color)}.okui-btn.btn-fill-grey.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-grey.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-grey-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-grey-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-grey.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-grey.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-grey.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-grey-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-grey-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-grey.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-grey.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-grey.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-grey-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-fill-grey-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-grey.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-grey.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-grey.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-grey-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-grey-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-grey.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-grey.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-grey.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-grey-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-fill-grey-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-grey.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-grey.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-grey.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-grey-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-grey-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-grey.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-fill-grey.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-grey.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-grey-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-fill-grey-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-grey-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-fill-grey.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-highlight{color:var(--okd-button-outline-highlight-default-font-color);background:var(--okd-button-outline-highlight-default-background);border-color:var(--okd-button-outline-highlight-default-border-color);box-shadow:var(--okd-button-outline-highlight-default-shadow);border-width:var(--okd-button-outline-highlight-border-size);border-style:solid}.okui-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-outline-highlight.hover{color:var(--okd-button-outline-highlight-hover-font-color);background:var(--okd-button-outline-highlight-hover-background);border-color:var(--okd-button-outline-highlight-hover-border-color);box-shadow:var(--okd-button-outline-highlight-hover-shadow)}.okui-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-outline-highlight.hover .btn-icon{color:var(--okd-button-outline-highlight-hover-icon-color)}.okui-btn.btn-outline-highlight:not(:disabled):active,.okui-btn.btn-outline-highlight.active{color:var(--okd-button-outline-highlight-active-font-color);background:var(--okd-button-outline-highlight-active-background);border-color:var(--okd-button-outline-highlight-active-border-color);box-shadow:var(--okd-button-outline-highlight-active-shadow)}.okui-btn.btn-outline-highlight:not(:disabled):active .btn-icon,.okui-btn.btn-outline-highlight.active .btn-icon{color:var(--okd-button-outline-highlight-active-icon-color)}.okui-btn.btn-outline-highlight:not(.loading):disabled,.okui-btn.btn-outline-highlight:not(.loading).btn-disabled{color:var(--okd-button-outline-highlight-disabled-font-color);background:var(--okd-button-outline-highlight-disabled-background);border-color:var(--okd-button-outline-highlight-disabled-border-color);box-shadow:var(--okd-button-outline-highlight-disabled-shadow)}.okui-btn.btn-outline-highlight:not(.loading):disabled .btn-icon,.okui-btn.btn-outline-highlight:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-outline-highlight-disabled-icon-color)}.okui-btn.btn-outline-highlight.loading{background:var(--okd-button-outline-highlight-loading-background,var(--okd-button-outline-highlight-default-background));cursor:pointer}.okui-btn.btn-outline-highlight .btn-icon{color:var(--okd-button-outline-highlight-default-icon-color)}.okui-btn.btn-outline-highlight .okui-btn-loader-text{color:var(--okd-button-outline-highlight-default-font-color)}.okui-btn.btn-outline-highlight.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-highlight-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-highlight.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-highlight.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-highlight-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-highlight.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-highlight.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-outline-highlight-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-outline-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-highlight.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-highlight.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-highlight-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-highlight.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-highlight.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-outline-highlight-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-outline-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-highlight.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-highlight.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-highlight-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-highlight.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-highlight.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-highlight-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-highlight-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-highlight-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-highlight.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-primary{color:var(--okd-button-outline-primary-default-font-color);background:var(--okd-button-outline-primary-default-background);border-color:var(--okd-button-outline-primary-default-border-color);box-shadow:var(--okd-button-outline-primary-default-shadow);border-width:var(--okd-button-outline-primary-border-size);border-style:solid}.okui-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-outline-primary.hover{color:var(--okd-button-outline-primary-hover-font-color);background:var(--okd-button-outline-primary-hover-background);border-color:var(--okd-button-outline-primary-hover-border-color);box-shadow:var(--okd-button-outline-primary-hover-shadow)}.okui-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-outline-primary.hover .btn-icon{color:var(--okd-button-outline-primary-hover-icon-color)}.okui-btn.btn-outline-primary:not(:disabled):active,.okui-btn.btn-outline-primary.active{color:var(--okd-button-outline-primary-active-font-color);background:var(--okd-button-outline-primary-active-background);border-color:var(--okd-button-outline-primary-active-border-color);box-shadow:var(--okd-button-outline-primary-active-shadow)}.okui-btn.btn-outline-primary:not(:disabled):active .btn-icon,.okui-btn.btn-outline-primary.active .btn-icon{color:var(--okd-button-outline-primary-active-icon-color)}.okui-btn.btn-outline-primary:not(.loading):disabled,.okui-btn.btn-outline-primary:not(.loading).btn-disabled{color:var(--okd-button-outline-primary-disabled-font-color);background:var(--okd-button-outline-primary-disabled-background);border-color:var(--okd-button-outline-primary-disabled-border-color);box-shadow:var(--okd-button-outline-primary-disabled-shadow)}.okui-btn.btn-outline-primary:not(.loading):disabled .btn-icon,.okui-btn.btn-outline-primary:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-outline-primary-disabled-icon-color)}.okui-btn.btn-outline-primary.loading{background:var(--okd-button-outline-primary-loading-background,var(--okd-button-outline-primary-default-background));cursor:pointer}.okui-btn.btn-outline-primary .btn-icon{color:var(--okd-button-outline-primary-default-icon-color)}.okui-btn.btn-outline-primary .okui-btn-loader-text{color:var(--okd-button-outline-primary-default-font-color)}.okui-btn.btn-outline-primary.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-primary.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-primary-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-primary.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-primary.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-primary.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-primary-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-primary.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-primary.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-primary.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-outline-primary-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-outline-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-primary.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-primary.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-primary.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-primary-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-primary.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-primary.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-primary.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-outline-primary-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-outline-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-primary.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-primary.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-primary.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-primary-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-primary.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-primary.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-primary.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-primary-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-primary.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-secondary{color:var(--okd-button-outline-secondary-default-font-color);background:var(--okd-button-outline-secondary-default-background);border-color:var(--okd-button-outline-secondary-default-border-color);box-shadow:var(--okd-button-outline-secondary-default-shadow);border-width:var(--okd-button-outline-secondary-border-size);border-style:solid}.okui-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-outline-secondary.hover{color:var(--okd-button-outline-secondary-hover-font-color);background:var(--okd-button-outline-secondary-hover-background);border-color:var(--okd-button-outline-secondary-hover-border-color);box-shadow:var(--okd-button-outline-secondary-hover-shadow)}.okui-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-outline-secondary.hover .btn-icon{color:var(--okd-button-outline-secondary-hover-icon-color)}.okui-btn.btn-outline-secondary:not(:disabled):active,.okui-btn.btn-outline-secondary.active{color:var(--okd-button-outline-secondary-active-font-color);background:var(--okd-button-outline-secondary-active-background);border-color:var(--okd-button-outline-secondary-active-border-color);box-shadow:var(--okd-button-outline-secondary-active-shadow)}.okui-btn.btn-outline-secondary:not(:disabled):active .btn-icon,.okui-btn.btn-outline-secondary.active .btn-icon{color:var(--okd-button-outline-secondary-active-icon-color)}.okui-btn.btn-outline-secondary:not(.loading):disabled,.okui-btn.btn-outline-secondary:not(.loading).btn-disabled{color:var(--okd-button-outline-secondary-disabled-font-color);background:var(--okd-button-outline-secondary-disabled-background);border-color:var(--okd-button-outline-secondary-disabled-border-color);box-shadow:var(--okd-button-outline-secondary-disabled-shadow)}.okui-btn.btn-outline-secondary:not(.loading):disabled .btn-icon,.okui-btn.btn-outline-secondary:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-outline-secondary-disabled-icon-color)}.okui-btn.btn-outline-secondary.loading{background:var(--okd-button-outline-secondary-loading-background,var(--okd-button-outline-secondary-default-background));cursor:pointer}.okui-btn.btn-outline-secondary .btn-icon{color:var(--okd-button-outline-secondary-default-icon-color)}.okui-btn.btn-outline-secondary .okui-btn-loader-text{color:var(--okd-button-outline-secondary-default-font-color)}.okui-btn.btn-outline-secondary.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-secondary-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-secondary.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-secondary.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-secondary-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-secondary.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-secondary.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-outline-secondary-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-outline-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-secondary.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-secondary.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-secondary-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-secondary.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-secondary.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-outline-secondary-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-outline-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-secondary.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-secondary.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-secondary-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-secondary.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-secondary.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-secondary-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-secondary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-secondary.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-tertiary{color:var(--okd-button-outline-tertiary-default-font-color);background:var(--okd-button-outline-tertiary-default-background);border-color:var(--okd-button-outline-tertiary-default-border-color);box-shadow:var(--okd-button-outline-tertiary-default-shadow);border-width:var(--okd-button-outline-tertiary-border-size);border-style:solid}.okui-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-outline-tertiary.hover{color:var(--okd-button-outline-tertiary-hover-font-color);background:var(--okd-button-outline-tertiary-hover-background);border-color:var(--okd-button-outline-tertiary-hover-border-color);box-shadow:var(--okd-button-outline-tertiary-hover-shadow)}.okui-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-outline-tertiary.hover .btn-icon{color:var(--okd-button-outline-tertiary-hover-icon-color)}.okui-btn.btn-outline-tertiary:not(:disabled):active,.okui-btn.btn-outline-tertiary.active{color:var(--okd-button-outline-tertiary-active-font-color);background:var(--okd-button-outline-tertiary-active-background);border-color:var(--okd-button-outline-tertiary-active-border-color);box-shadow:var(--okd-button-outline-tertiary-active-shadow)}.okui-btn.btn-outline-tertiary:not(:disabled):active .btn-icon,.okui-btn.btn-outline-tertiary.active .btn-icon{color:var(--okd-button-outline-tertiary-active-icon-color)}.okui-btn.btn-outline-tertiary:not(.loading):disabled,.okui-btn.btn-outline-tertiary:not(.loading).btn-disabled{color:var(--okd-button-outline-tertiary-disabled-font-color);background:var(--okd-button-outline-tertiary-disabled-background);border-color:var(--okd-button-outline-tertiary-disabled-border-color);box-shadow:var(--okd-button-outline-tertiary-disabled-shadow)}.okui-btn.btn-outline-tertiary:not(.loading):disabled .btn-icon,.okui-btn.btn-outline-tertiary:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-outline-tertiary-disabled-icon-color)}.okui-btn.btn-outline-tertiary.loading{background:var(--okd-button-outline-tertiary-loading-background,var(--okd-button-outline-tertiary-default-background));cursor:pointer}.okui-btn.btn-outline-tertiary .btn-icon{color:var(--okd-button-outline-tertiary-default-icon-color)}.okui-btn.btn-outline-tertiary .okui-btn-loader-text{color:var(--okd-button-outline-tertiary-default-font-color)}.okui-btn.btn-outline-tertiary.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-tertiary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-tertiary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-outline-tertiary.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-primary{color:var(--okd-button-text-primary-default-font-color);background:var(--okd-button-text-primary-default-background);border-color:var(--okd-button-text-primary-default-border-color);box-shadow:var(--okd-button-text-primary-default-shadow);border-width:var(--okd-button-text-primary-border-size);border-style:solid}.okui-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-text-primary.hover{color:var(--okd-button-text-primary-hover-font-color);background:var(--okd-button-text-primary-hover-background);border-color:var(--okd-button-text-primary-hover-border-color);box-shadow:var(--okd-button-text-primary-hover-shadow)}.okui-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-text-primary.hover .btn-icon{color:var(--okd-button-text-primary-hover-icon-color)}.okui-btn.btn-text-primary:not(:disabled):active,.okui-btn.btn-text-primary.active{color:var(--okd-button-text-primary-active-font-color);background:var(--okd-button-text-primary-active-background);border-color:var(--okd-button-text-primary-active-border-color);box-shadow:var(--okd-button-text-primary-active-shadow)}.okui-btn.btn-text-primary:not(:disabled):active .btn-icon,.okui-btn.btn-text-primary.active .btn-icon{color:var(--okd-button-text-primary-active-icon-color)}.okui-btn.btn-text-primary:not(.loading):disabled,.okui-btn.btn-text-primary:not(.loading).btn-disabled{color:var(--okd-button-text-primary-disabled-font-color);background:var(--okd-button-text-primary-disabled-background);border-color:var(--okd-button-text-primary-disabled-border-color);box-shadow:var(--okd-button-text-primary-disabled-shadow)}.okui-btn.btn-text-primary:not(.loading):disabled .btn-icon,.okui-btn.btn-text-primary:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-text-primary-disabled-icon-color)}.okui-btn.btn-text-primary.loading{background:var(--okd-button-text-primary-loading-background,var(--okd-button-text-primary-default-background));cursor:pointer}.okui-btn.btn-text-primary .btn-icon{color:var(--okd-button-text-primary-default-icon-color)}.okui-btn.btn-text-primary .okui-btn-loader-text{color:var(--okd-button-text-primary-default-font-color)}.okui-btn.btn-text-primary.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-primary-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-primary.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-primary-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-primary.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-primary-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-primary.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-primary-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-primary.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-primary-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-primary.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-primary-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-primary.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-primary.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-primary-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-primary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-primary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-primary.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-secondary{color:var(--okd-button-text-secondary-default-font-color);background:var(--okd-button-text-secondary-default-background);border-color:var(--okd-button-text-secondary-default-border-color);box-shadow:var(--okd-button-text-secondary-default-shadow);border-width:var(--okd-button-text-secondary-border-size);border-style:solid}.okui-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-text-secondary.hover{color:var(--okd-button-text-secondary-hover-font-color);background:var(--okd-button-text-secondary-hover-background);border-color:var(--okd-button-text-secondary-hover-border-color);box-shadow:var(--okd-button-text-secondary-hover-shadow)}.okui-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-text-secondary.hover .btn-icon{color:var(--okd-button-text-secondary-hover-icon-color)}.okui-btn.btn-text-secondary:not(:disabled):active,.okui-btn.btn-text-secondary.active{color:var(--okd-button-text-secondary-active-font-color);background:var(--okd-button-text-secondary-active-background);border-color:var(--okd-button-text-secondary-active-border-color);box-shadow:var(--okd-button-text-secondary-active-shadow)}.okui-btn.btn-text-secondary:not(:disabled):active .btn-icon,.okui-btn.btn-text-secondary.active .btn-icon{color:var(--okd-button-text-secondary-active-icon-color)}.okui-btn.btn-text-secondary:not(.loading):disabled,.okui-btn.btn-text-secondary:not(.loading).btn-disabled{color:var(--okd-button-text-secondary-disabled-font-color);background:var(--okd-button-text-secondary-disabled-background);border-color:var(--okd-button-text-secondary-disabled-border-color);box-shadow:var(--okd-button-text-secondary-disabled-shadow)}.okui-btn.btn-text-secondary:not(.loading):disabled .btn-icon,.okui-btn.btn-text-secondary:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-text-secondary-disabled-icon-color)}.okui-btn.btn-text-secondary.loading{background:var(--okd-button-text-secondary-loading-background,var(--okd-button-text-secondary-default-background));cursor:pointer}.okui-btn.btn-text-secondary .btn-icon{color:var(--okd-button-text-secondary-default-icon-color)}.okui-btn.btn-text-secondary .okui-btn-loader-text{color:var(--okd-button-text-secondary-default-font-color)}.okui-btn.btn-text-secondary.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-secondary.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-secondary-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-secondary.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-secondary.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-secondary.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-secondary-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-secondary.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-secondary.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-secondary.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-secondary-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-secondary.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-secondary.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-secondary.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-secondary-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-secondary.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-secondary.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-secondary.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-secondary-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-secondary.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-secondary.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-secondary.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-secondary-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-secondary.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-secondary.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-secondary.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-secondary-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-secondary-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-secondary-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-secondary.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-red{color:var(--okd-button-text-red-default-font-color);background:var(--okd-button-text-red-default-background);border-color:var(--okd-button-text-red-default-border-color);box-shadow:var(--okd-button-text-red-default-shadow);border-width:var(--okd-button-text-red-border-size);border-style:solid}.okui-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-text-red.hover{color:var(--okd-button-text-red-hover-font-color);background:var(--okd-button-text-red-hover-background);border-color:var(--okd-button-text-red-hover-border-color);box-shadow:var(--okd-button-text-red-hover-shadow)}.okui-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-text-red.hover .btn-icon{color:var(--okd-button-text-red-hover-icon-color)}.okui-btn.btn-text-red:not(:disabled):active,.okui-btn.btn-text-red.active{color:var(--okd-button-text-red-active-font-color);background:var(--okd-button-text-red-active-background);border-color:var(--okd-button-text-red-active-border-color);box-shadow:var(--okd-button-text-red-active-shadow)}.okui-btn.btn-text-red:not(:disabled):active .btn-icon,.okui-btn.btn-text-red.active .btn-icon{color:var(--okd-button-text-red-active-icon-color)}.okui-btn.btn-text-red:not(.loading):disabled,.okui-btn.btn-text-red:not(.loading).btn-disabled{color:var(--okd-button-text-red-disabled-font-color);background:var(--okd-button-text-red-disabled-background);border-color:var(--okd-button-text-red-disabled-border-color);box-shadow:var(--okd-button-text-red-disabled-shadow)}.okui-btn.btn-text-red:not(.loading):disabled .btn-icon,.okui-btn.btn-text-red:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-text-red-disabled-icon-color)}.okui-btn.btn-text-red.loading{background:var(--okd-button-text-red-loading-background,var(--okd-button-text-red-default-background));cursor:pointer}.okui-btn.btn-text-red .btn-icon{color:var(--okd-button-text-red-default-icon-color)}.okui-btn.btn-text-red .okui-btn-loader-text{color:var(--okd-button-text-red-default-font-color)}.okui-btn.btn-text-red.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-red.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-red-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-red.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-red.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-red.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-red-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-red.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-red.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-red.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-red-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-red.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-red.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-red.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-red-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-red.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-red.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-red.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-red-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-red.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-red.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-red.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-red-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-red.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-red.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-red.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-red-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-red-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-red-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-red.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-green{color:var(--okd-button-text-green-default-font-color);background:var(--okd-button-text-green-default-background);border-color:var(--okd-button-text-green-default-border-color);box-shadow:var(--okd-button-text-green-default-shadow);border-width:var(--okd-button-text-green-border-size);border-style:solid}.okui-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-text-green.hover{color:var(--okd-button-text-green-hover-font-color);background:var(--okd-button-text-green-hover-background);border-color:var(--okd-button-text-green-hover-border-color);box-shadow:var(--okd-button-text-green-hover-shadow)}.okui-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-text-green.hover .btn-icon{color:var(--okd-button-text-green-hover-icon-color)}.okui-btn.btn-text-green:not(:disabled):active,.okui-btn.btn-text-green.active{color:var(--okd-button-text-green-active-font-color);background:var(--okd-button-text-green-active-background);border-color:var(--okd-button-text-green-active-border-color);box-shadow:var(--okd-button-text-green-active-shadow)}.okui-btn.btn-text-green:not(:disabled):active .btn-icon,.okui-btn.btn-text-green.active .btn-icon{color:var(--okd-button-text-green-active-icon-color)}.okui-btn.btn-text-green:not(.loading):disabled,.okui-btn.btn-text-green:not(.loading).btn-disabled{color:var(--okd-button-text-green-disabled-font-color);background:var(--okd-button-text-green-disabled-background);border-color:var(--okd-button-text-green-disabled-border-color);box-shadow:var(--okd-button-text-green-disabled-shadow)}.okui-btn.btn-text-green:not(.loading):disabled .btn-icon,.okui-btn.btn-text-green:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-text-green-disabled-icon-color)}.okui-btn.btn-text-green.loading{background:var(--okd-button-text-green-loading-background,var(--okd-button-text-green-default-background));cursor:pointer}.okui-btn.btn-text-green .btn-icon{color:var(--okd-button-text-green-default-icon-color)}.okui-btn.btn-text-green .okui-btn-loader-text{color:var(--okd-button-text-green-default-font-color)}.okui-btn.btn-text-green.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-green.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-green-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-green.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-green.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-green.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-green-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-green.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-green.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-green.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-green-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-green.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-green.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-green.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-green-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-green.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-green.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-green.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-green-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-green.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-green.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-green.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-green-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-green.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-green.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-green.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-green-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-green-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-green-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-green.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-orange{color:var(--okd-button-text-orange-default-font-color);background:var(--okd-button-text-orange-default-background);border-color:var(--okd-button-text-orange-default-border-color);box-shadow:var(--okd-button-text-orange-default-shadow);border-width:var(--okd-button-text-orange-border-size);border-style:solid}.okui-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-text-orange.hover{color:var(--okd-button-text-orange-hover-font-color);background:var(--okd-button-text-orange-hover-background);border-color:var(--okd-button-text-orange-hover-border-color);box-shadow:var(--okd-button-text-orange-hover-shadow)}.okui-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-text-orange.hover .btn-icon{color:var(--okd-button-text-orange-hover-icon-color)}.okui-btn.btn-text-orange:not(:disabled):active,.okui-btn.btn-text-orange.active{color:var(--okd-button-text-orange-active-font-color);background:var(--okd-button-text-orange-active-background);border-color:var(--okd-button-text-orange-active-border-color);box-shadow:var(--okd-button-text-orange-active-shadow)}.okui-btn.btn-text-orange:not(:disabled):active .btn-icon,.okui-btn.btn-text-orange.active .btn-icon{color:var(--okd-button-text-orange-active-icon-color)}.okui-btn.btn-text-orange:not(.loading):disabled,.okui-btn.btn-text-orange:not(.loading).btn-disabled{color:var(--okd-button-text-orange-disabled-font-color);background:var(--okd-button-text-orange-disabled-background);border-color:var(--okd-button-text-orange-disabled-border-color);box-shadow:var(--okd-button-text-orange-disabled-shadow)}.okui-btn.btn-text-orange:not(.loading):disabled .btn-icon,.okui-btn.btn-text-orange:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-text-orange-disabled-icon-color)}.okui-btn.btn-text-orange.loading{background:var(--okd-button-text-orange-loading-background,var(--okd-button-text-orange-default-background));cursor:pointer}.okui-btn.btn-text-orange .btn-icon{color:var(--okd-button-text-orange-default-icon-color)}.okui-btn.btn-text-orange .okui-btn-loader-text{color:var(--okd-button-text-orange-default-font-color)}.okui-btn.btn-text-orange.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-orange.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-orange-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-orange-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-orange.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-orange.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-orange.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-orange-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-orange-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-orange.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-orange.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-orange.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-orange-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-orange-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-orange.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-orange.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-orange.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-orange-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-orange-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-orange.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-orange.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-orange.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-orange-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-orange-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-orange.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-orange.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-orange.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-orange-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-orange-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-orange.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-orange.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-orange.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-orange-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-orange-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-orange-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-orange.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-yellow{color:var(--okd-button-text-yellow-default-font-color);background:var(--okd-button-text-yellow-default-background);border-color:var(--okd-button-text-yellow-default-border-color);box-shadow:var(--okd-button-text-yellow-default-shadow);border-width:var(--okd-button-text-yellow-border-size);border-style:solid}.okui-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover,.okui-btn.btn-text-yellow.hover{color:var(--okd-button-text-yellow-hover-font-color);background:var(--okd-button-text-yellow-hover-background);border-color:var(--okd-button-text-yellow-hover-border-color);box-shadow:var(--okd-button-text-yellow-hover-shadow)}.okui-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon,.okui-btn.btn-text-yellow.hover .btn-icon{color:var(--okd-button-text-yellow-hover-icon-color)}.okui-btn.btn-text-yellow:not(:disabled):active,.okui-btn.btn-text-yellow.active{color:var(--okd-button-text-yellow-active-font-color);background:var(--okd-button-text-yellow-active-background);border-color:var(--okd-button-text-yellow-active-border-color);box-shadow:var(--okd-button-text-yellow-active-shadow)}.okui-btn.btn-text-yellow:not(:disabled):active .btn-icon,.okui-btn.btn-text-yellow.active .btn-icon{color:var(--okd-button-text-yellow-active-icon-color)}.okui-btn.btn-text-yellow:not(.loading):disabled,.okui-btn.btn-text-yellow:not(.loading).btn-disabled{color:var(--okd-button-text-yellow-disabled-font-color);background:var(--okd-button-text-yellow-disabled-background);border-color:var(--okd-button-text-yellow-disabled-border-color);box-shadow:var(--okd-button-text-yellow-disabled-shadow)}.okui-btn.btn-text-yellow:not(.loading):disabled .btn-icon,.okui-btn.btn-text-yellow:not(.loading).btn-disabled .btn-icon{color:var(--okd-button-text-yellow-disabled-icon-color)}.okui-btn.btn-text-yellow.loading{background:var(--okd-button-text-yellow-loading-background,var(--okd-button-text-yellow-default-background));cursor:pointer}.okui-btn.btn-text-yellow .btn-icon{color:var(--okd-button-text-yellow-default-icon-color)}.okui-btn.btn-text-yellow .okui-btn-loader-text{color:var(--okd-button-text-yellow-default-font-color)}.okui-btn.btn-text-yellow.btn-xxs{padding:calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-yellow.btn-xxs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-yellow-border-size) * 2);height:calc(calc((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-yellow-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-yellow.btn-xxs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-yellow.btn-xs{padding:calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-yellow.btn-xs.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-yellow-border-size) * 2);height:calc(calc((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-xs-line-height) + var(--okd-button-text-yellow-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-yellow.btn-xs.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-yellow.btn-s{padding:calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-yellow.btn-s.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-yellow-border-size) * 2);height:calc(calc((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-s-line-height) + var(--okd-button-text-yellow-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-yellow.btn-s.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-yellow.btn-sm{padding:calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-yellow.btn-sm.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-yellow-border-size) * 2);height:calc(calc((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-sm-line-height) + var(--okd-button-text-yellow-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-yellow.btn-sm.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-yellow.btn-md{padding:calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-yellow.btn-md.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-yellow-border-size) * 2);height:calc(calc((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-md-line-height) + var(--okd-button-text-yellow-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-yellow.btn-md.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-yellow.btn-lg{padding:calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-yellow.btn-lg.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-yellow-border-size) * 2);height:calc(calc((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-lg-line-height) + var(--okd-button-text-yellow-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-yellow.btn-lg.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-text-yellow.btn-xl{padding:calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-yellow.btn-xl.okui-btn-strict-circle{min-width:0;width:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-yellow-border-size) * 2);height:calc(calc((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-text-yellow-border-size)) * 2 + var(--okd-button-xl-line-height) + var(--okd-button-text-yellow-border-size) * 2);border-radius:100px;padding:0;overflow:hidden}.okui-btn.btn-text-yellow.btn-xl.okui-btn-strict-circle .btn-content{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.btn-xxs{font-weight:var(--okd-button-xxs-font-weight,500);font-size:var(--okd-button-xxs-font-size);line-height:var(--okd-button-xxs-line-height);border-radius:var(--okd-button-xxs-border-radius);min-width:var(--okd-button-xxs-min-width)}.okui-btn.btn-xxs .okui-btn-loader-text{font-size:var(--okd-button-xxs-font-size);line-height:var(--okd-button-xxs-line-height);margin-left:var(--okd-button-xxs-loader-text-margin-left)}.okui-btn.btn-xxs.btn-rect{border-radius:var(--okd-button-rect-xxs-border-radius,4px)}.okui-btn.btn-xs{font-weight:var(--okd-button-xs-font-weight,500);font-size:var(--okd-button-xs-font-size);line-height:var(--okd-button-xs-line-height);border-radius:var(--okd-button-xs-border-radius);min-width:var(--okd-button-xs-min-width)}.okui-btn.btn-xs .okui-btn-loader-text{font-size:var(--okd-button-xs-font-size);line-height:var(--okd-button-xs-line-height);margin-left:var(--okd-button-xs-loader-text-margin-left)}.okui-btn.btn-xs.btn-rect{border-radius:var(--okd-button-rect-xs-border-radius,4px)}.okui-btn.btn-s{font-weight:var(--okd-button-s-font-weight,500);font-size:var(--okd-button-s-font-size);line-height:var(--okd-button-s-line-height);border-radius:var(--okd-button-s-border-radius);min-width:var(--okd-button-s-min-width)}.okui-btn.btn-s .okui-btn-loader-text{font-size:var(--okd-button-s-font-size);line-height:var(--okd-button-s-line-height);margin-left:var(--okd-button-s-loader-text-margin-left)}.okui-btn.btn-s.btn-rect{border-radius:var(--okd-button-rect-s-border-radius,4px)}.okui-btn.btn-sm{font-weight:var(--okd-button-sm-font-weight,500);font-size:var(--okd-button-sm-font-size);line-height:var(--okd-button-sm-line-height);border-radius:var(--okd-button-sm-border-radius);min-width:var(--okd-button-sm-min-width)}.okui-btn.btn-sm .okui-btn-loader-text{font-size:var(--okd-button-sm-font-size);line-height:var(--okd-button-sm-line-height);margin-left:var(--okd-button-sm-loader-text-margin-left)}.okui-btn.btn-sm.btn-rect{border-radius:var(--okd-button-rect-sm-border-radius,4px)}.okui-btn.btn-md{font-weight:var(--okd-button-md-font-weight,500);font-size:var(--okd-button-md-font-size);line-height:var(--okd-button-md-line-height);border-radius:var(--okd-button-md-border-radius);min-width:var(--okd-button-md-min-width)}.okui-btn.btn-md .okui-btn-loader-text{font-size:var(--okd-button-md-font-size);line-height:var(--okd-button-md-line-height);margin-left:var(--okd-button-md-loader-text-margin-left)}.okui-btn.btn-md.btn-rect{border-radius:var(--okd-button-rect-md-border-radius,4px)}.okui-btn.btn-lg{font-weight:var(--okd-button-lg-font-weight,500);font-size:var(--okd-button-lg-font-size);line-height:var(--okd-button-lg-line-height);border-radius:var(--okd-button-lg-border-radius);min-width:var(--okd-button-lg-min-width)}.okui-btn.btn-lg .okui-btn-loader-text{font-size:var(--okd-button-lg-font-size);line-height:var(--okd-button-lg-line-height);margin-left:var(--okd-button-lg-loader-text-margin-left)}.okui-btn.btn-lg.btn-rect{border-radius:var(--okd-button-rect-lg-border-radius,8px)}.okui-btn.btn-xl{font-weight:var(--okd-button-xl-font-weight,500);font-size:var(--okd-button-xl-font-size);line-height:var(--okd-button-xl-line-height);border-radius:var(--okd-button-xl-border-radius);min-width:var(--okd-button-xl-min-width)}.okui-btn.btn-xl .okui-btn-loader-text{font-size:var(--okd-button-xl-font-size);line-height:var(--okd-button-xl-line-height);margin-left:var(--okd-button-xl-loader-text-margin-left)}.okui-btn.btn-xl.btn-rect{border-radius:var(--okd-button-rect-xl-border-radius,8px)}.okui-btn:disabled,.okui-btn.btn-disabled{cursor:not-allowed}.okui-btn.block{width:100%;display:flex}.okui-btn.btn-circle{border-radius:100px!important}.okui-btn .btn-content{align-items:center;display:flex}.okui-btn .btn-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.okui-btn .okui-btn-ellipsis{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.okui-btn.loading .btn-content{opacity:0}.okui-btn.loading .btn-content-position{display:none}.okui-btn.loading .okui-btn-loader{line-height:0;position:absolute}.okui-btn.loading .btn-loader-position-absolute{position:relative}.okui-btn-loader-container{height:100%;position:relative}.okui-btn .btn-icon+.btn-content{margin-left:4px}.okui-btn.btn-xxs .btn-icon{font-size:var(--okd-button-xxs-icon-size)}.okui-btn.btn-xxs .btn-icon-leading{margin-right:var(--okd-button-xxs-icon-margin)}.okui-btn.btn-xxs .btn-icon-tailing{margin-left:var(--okd-button-xxs-icon-margin)}.okui-btn.btn-xxs .okui-btn-loader-size{width:var(--okd-button-xxs-loader-size);height:var(--okd-button-xxs-loader-size);border-radius:var(--okd-button-xxs-loader-size)}.okui-btn.btn-xs .btn-icon{font-size:var(--okd-button-xs-icon-size)}.okui-btn.btn-xs .btn-icon-leading{margin-right:var(--okd-button-xs-icon-margin)}.okui-btn.btn-xs .btn-icon-tailing{margin-left:var(--okd-button-xs-icon-margin)}.okui-btn.btn-xs .okui-btn-loader-size{width:var(--okd-button-xs-loader-size);height:var(--okd-button-xs-loader-size);border-radius:var(--okd-button-xs-loader-size)}.okui-btn.btn-s .btn-icon{font-size:var(--okd-button-s-icon-size)}.okui-btn.btn-s .btn-icon-leading{margin-right:var(--okd-button-s-icon-margin)}.okui-btn.btn-s .btn-icon-tailing{margin-left:var(--okd-button-s-icon-margin)}.okui-btn.btn-s .okui-btn-loader-size{width:var(--okd-button-s-loader-size);height:var(--okd-button-s-loader-size);border-radius:var(--okd-button-s-loader-size)}.okui-btn.btn-sm .btn-icon{font-size:var(--okd-button-sm-icon-size)}.okui-btn.btn-sm .btn-icon-leading{margin-right:var(--okd-button-sm-icon-margin)}.okui-btn.btn-sm .btn-icon-tailing{margin-left:var(--okd-button-sm-icon-margin)}.okui-btn.btn-sm .okui-btn-loader-size{width:var(--okd-button-sm-loader-size);height:var(--okd-button-sm-loader-size);border-radius:var(--okd-button-sm-loader-size)}.okui-btn.btn-md .btn-icon{font-size:var(--okd-button-md-icon-size)}.okui-btn.btn-md .btn-icon-leading{margin-right:var(--okd-button-md-icon-margin)}.okui-btn.btn-md .btn-icon-tailing{margin-left:var(--okd-button-md-icon-margin)}.okui-btn.btn-md .okui-btn-loader-size{width:var(--okd-button-md-loader-size);height:var(--okd-button-md-loader-size);border-radius:var(--okd-button-md-loader-size)}.okui-btn.btn-lg .btn-icon{font-size:var(--okd-button-lg-icon-size)}.okui-btn.btn-lg .btn-icon-leading{margin-right:var(--okd-button-lg-icon-margin)}.okui-btn.btn-lg .btn-icon-tailing{margin-left:var(--okd-button-lg-icon-margin)}.okui-btn.btn-lg .okui-btn-loader-size{width:var(--okd-button-lg-loader-size);height:var(--okd-button-lg-loader-size);border-radius:var(--okd-button-lg-loader-size)}.okui-btn.btn-xl .btn-icon{font-size:var(--okd-button-xl-icon-size)}.okui-btn.btn-xl .btn-icon-leading{margin-right:var(--okd-button-xl-icon-margin)}.okui-btn.btn-xl .btn-icon-tailing{margin-left:var(--okd-button-xl-icon-margin)}.okui-btn.btn-xl .okui-btn-loader-size{width:var(--okd-button-xl-loader-size);height:var(--okd-button-xl-loader-size);border-radius:var(--okd-button-xl-loader-size)}.okui-btn .okui-btn-fill-highlight-loader{border-color:var(--okd-button-fill-highlight-loader-track-color);border-top-color:var(--okd-button-fill-highlight-loader-mark-color)}.okui-btn .okui-btn-fill-primary-loader{border-color:var(--okd-button-fill-primary-loader-track-color);border-top-color:var(--okd-button-fill-primary-loader-mark-color)}.okui-btn .okui-btn-fill-secondary-loader{border-color:var(--okd-button-fill-secondary-loader-track-color);border-top-color:var(--okd-button-fill-secondary-loader-mark-color)}.okui-btn .okui-btn-fill-tertiary-loader{border-color:var(--okd-button-fill-tertiary-loader-track-color);border-top-color:var(--okd-button-fill-tertiary-loader-mark-color)}.okui-btn .okui-btn-fill-quaternary-loader{border-color:var(--okd-button-fill-quaternary-loader-track-color);border-top-color:var(--okd-button-fill-quaternary-loader-mark-color)}.okui-btn .okui-btn-fill-red-loader{border-color:var(--okd-button-fill-red-loader-track-color);border-top-color:var(--okd-button-fill-red-loader-mark-color)}.okui-btn .okui-btn-fill-green-loader{border-color:var(--okd-button-fill-green-loader-track-color);border-top-color:var(--okd-button-fill-green-loader-mark-color)}.okui-btn .okui-btn-fill-grey-loader{border-color:var(--okd-button-fill-grey-loader-track-color);border-top-color:var(--okd-button-fill-grey-loader-mark-color)}.okui-btn .okui-btn-outline-highlight-loader{border-color:var(--okd-button-outline-highlight-loader-track-color);border-top-color:var(--okd-button-outline-highlight-loader-mark-color)}.okui-btn .okui-btn-outline-primary-loader{border-color:var(--okd-button-outline-primary-loader-track-color);border-top-color:var(--okd-button-outline-primary-loader-mark-color)}.okui-btn .okui-btn-outline-secondary-loader{border-color:var(--okd-button-outline-secondary-loader-track-color);border-top-color:var(--okd-button-outline-secondary-loader-mark-color)}.okui-btn .okui-btn-outline-tertiary-loader{border-color:var(--okd-button-outline-tertiary-loader-track-color);border-top-color:var(--okd-button-outline-tertiary-loader-mark-color)}.okds-link{--ok-icon-font-family:"ok-b983c4766d"}.okds-link:before{content:"";font-family:ok-b983c4766d}.okds-mail{--ok-icon-font-family:"ok-b983c4766d"}.okds-mail:before{content:"";font-family:ok-b983c4766d}.okds-computer-outline{--ok-icon-font-family:"ok-b983c4766d"}.okds-computer-outline:before{content:"";font-family:ok-b983c4766d}.okds-fire-flame_filled{--ok-icon-font-family:"ok-b983c4766d"}.okds-fire-flame_filled:before{content:"";font-family:ok-b983c4766d}.okds-trash{--ok-icon-font-family:"ok-b983c4766d"}.okds-trash:before{content:"";font-family:ok-b983c4766d}.okds-locked{--ok-icon-font-family:"ok-b983c4766d"}.okds-locked:before{content:"";font-family:ok-b983c4766d}.okds-unlocked{--ok-icon-font-family:"ok-b983c4766d"}.okds-unlocked:before{content:"";font-family:ok-b983c4766d}.okds-verified-filled{--ok-icon-font-family:"ok-b983c4766d"}.okds-verified-filled:before{content:"";font-family:ok-b983c4766d}.okds-trending-up{--ok-icon-font-family:"ok-b983c4766d"}.okds-trending-up:before{content:"";font-family:ok-b983c4766d}.okds-toggle-units{--ok-icon-font-family:"ok-b983c4766d"}.okds-toggle-units:before{content:"";font-family:ok-b983c4766d}.okds-chevron-right-text-button{--ok-icon-font-family:"ok-b983c4766d"}.okds-chevron-right-text-button:before{content:"";font-family:ok-b983c4766d}.okds-calendar{--ok-icon-font-family:"ok-b983c4766d"}.okds-calendar:before{content:"";font-family:ok-b983c4766d}.okds-p2p{--ok-icon-font-family:"ok-b983c4766d"}.okds-p2p:before{content:"";font-family:ok-b983c4766d}.okds-express-buy{--ok-icon-font-family:"ok-b983c4766d"}.okds-express-buy:before{content:"";font-family:ok-b983c4766d}.okds-cash-fiat{--ok-icon-font-family:"ok-b983c4766d"}.okds-cash-fiat:before{content:"";font-family:ok-b983c4766d}.okds-chevron-down{--ok-icon-font-family:"ok-b983c4766d"}.okds-chevron-down:before{content:"";font-family:ok-b983c4766d}.okds-chevron-up{--ok-icon-font-family:"ok-b983c4766d"}.okds-chevron-up:before{content:"";font-family:ok-b983c4766d}.okds-xbtc{--ok-icon-font-family:"ok-b983c4766d"}.okds-xbtc:before{content:"";font-family:ok-b983c4766d}.okds-selected{--ok-icon-font-family:"ok-b983c4766d"}.okds-selected:before{content:"";font-family:ok-b983c4766d}.okds-unselected{--ok-icon-font-family:"ok-b983c4766d"}.okds-unselected:before{content:"";font-family:ok-b983c4766d}.okds-checkmark{--ok-icon-font-family:"ok-b983c4766d"}.okds-checkmark:before{content:"";font-family:ok-b983c4766d}.okds-refresh{--ok-icon-font-family:"ok-b983c4766d"}.okds-refresh:before{content:"";font-family:ok-b983c4766d}.okds-draw{--ok-icon-font-family:"ok-b983c4766d"}.okds-draw:before{content:"";font-family:ok-b983c4766d}.okds-sun{--ok-icon-font-family:"ok-b983c4766d"}.okds-sun:before{content:"";font-family:ok-b983c4766d}.okds-moon{--ok-icon-font-family:"ok-b983c4766d"}.okds-moon:before{content:"";font-family:ok-b983c4766d}.okds-clear{--ok-icon-font-family:"ok-b983c4766d"}.okds-clear:before{content:"";font-family:ok-b983c4766d}.okds-thumb_up{--ok-icon-font-family:"ok-b983c4766d"}.okds-thumb_up:before{content:"";font-family:ok-b983c4766d}.okds-thumb_down{--ok-icon-font-family:"ok-b983c4766d"}.okds-thumb_down:before{content:"";font-family:ok-b983c4766d}.okds-zoom-out{--ok-icon-font-family:"ok-b983c4766d"}.okds-zoom-out:before{content:"";font-family:ok-b983c4766d}.okds-zoom-in{--ok-icon-font-family:"ok-b983c4766d"}.okds-zoom-in:before{content:"";font-family:ok-b983c4766d}.okds-information-circle{--ok-icon-font-family:"ok-b983c4766d"}.okds-information-circle:before{content:"";font-family:ok-b983c4766d}.okds-warning-circle-fill{--ok-icon-font-family:"ok-b983c4766d"}.okds-warning-circle-fill:before{content:"";font-family:ok-b983c4766d}.okds-success-circle-fill{--ok-icon-font-family:"ok-b983c4766d"}.okds-success-circle-fill:before{content:"";font-family:ok-b983c4766d}.okds-information-circle-fill{--ok-icon-font-family:"ok-b983c4766d"}.okds-information-circle-fill:before{content:"";font-family:ok-b983c4766d}.okds-fail-circle-fill{--ok-icon-font-family:"ok-b983c4766d"}.okds-fail-circle-fill:before{content:"";font-family:ok-b983c4766d}.okds-arrow-chevron-right-centered-xs{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-chevron-right-centered-xs:before{content:"";font-family:ok-b983c4766d}.okds-arrow-chevron-right-centered-sm{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-chevron-right-centered-sm:before{content:"";font-family:ok-b983c4766d}.okds-arrow-chevron-right-centered-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-chevron-right-centered-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-pointer-right-xs{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-pointer-right-xs:before{content:"";font-family:ok-b983c4766d}.okds-arrow-pointer-right-sm{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-pointer-right-sm:before{content:"";font-family:ok-b983c4766d}.okds-arrow-pointer-right-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-pointer-right-md:before{content:"";font-family:ok-b983c4766d}.okds-user{--ok-icon-font-family:"ok-b983c4766d"}.okds-user:before{content:"";font-family:ok-b983c4766d}.okds-plus-circle-filled{--ok-icon-font-family:"ok-b983c4766d"}.okds-plus-circle-filled:before{content:"";font-family:ok-b983c4766d}.okds-intermediate{--ok-icon-font-family:"ok-b983c4766d"}.okds-intermediate:before{content:"";font-family:ok-b983c4766d}.okds-arrow-chevron-left-centered-sm{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-chevron-left-centered-sm:before{content:"";font-family:ok-b983c4766d}.okds-eye-hide{--ok-icon-font-family:"ok-b983c4766d"}.okds-eye-hide:before{content:"";font-family:ok-b983c4766d}.okds-eye-show{--ok-icon-font-family:"ok-b983c4766d"}.okds-eye-show:before{content:"";font-family:ok-b983c4766d}.okds-copy{--ok-icon-font-family:"ok-b983c4766d"}.okds-copy:before{content:"";font-family:ok-b983c4766d}.okds-history{--ok-icon-font-family:"ok-b983c4766d"}.okds-history:before{content:"";font-family:ok-b983c4766d}.okds-back-to-top{--ok-icon-font-family:"ok-b983c4766d"}.okds-back-to-top:before{content:"";font-family:ok-b983c4766d}.okds-clock{--ok-icon-font-family:"ok-b983c4766d"}.okds-clock:before{content:"";font-family:ok-b983c4766d}.okds-hamburger-setting{--ok-icon-font-family:"ok-b983c4766d"}.okds-hamburger-setting:before{content:"";font-family:ok-b983c4766d}.okds-fees{--ok-icon-font-family:"ok-b983c4766d"}.okds-fees:before{content:"";font-family:ok-b983c4766d}.okds-open-link{--ok-icon-font-family:"ok-b983c4766d"}.okds-open-link:before{content:"";font-family:ok-b983c4766d}.okds-setting{--ok-icon-font-family:"ok-b983c4766d"}.okds-setting:before{content:"";font-family:ok-b983c4766d}.okds-crown{--ok-icon-font-family:"ok-b983c4766d"}.okds-crown:before{content:"";font-family:ok-b983c4766d}.okds-share{--ok-icon-font-family:"ok-b983c4766d"}.okds-share:before{content:"";font-family:ok-b983c4766d}.okds-support{--ok-icon-font-family:"ok-b983c4766d"}.okds-support:before{content:"";font-family:ok-b983c4766d}.okds-analysis{--ok-icon-font-family:"ok-b983c4766d"}.okds-analysis:before{content:"";font-family:ok-b983c4766d}.okds-academy{--ok-icon-font-family:"ok-b983c4766d"}.okds-academy:before{content:"";font-family:ok-b983c4766d}.okds-action-reverse{--ok-icon-font-family:"ok-b983c4766d"}.okds-action-reverse:before{content:"";font-family:ok-b983c4766d}.okds-aed{--ok-icon-font-family:"ok-b983c4766d"}.okds-aed:before{content:"";font-family:ok-b983c4766d}.okds-arrow-cheveron-alignleft-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-cheveron-alignleft-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-cheveron-first-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-cheveron-first-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-cheveron-last-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-cheveron-last-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-chevron-down-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-chevron-down-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-chevron-down-sm{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-chevron-down-sm:before{content:"";font-family:ok-b983c4766d}.okds-arrow-pointer-down-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-pointer-down-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-pointer-down-sm{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-pointer-down-sm:before{content:"";font-family:ok-b983c4766d}.okds-arrow-pointer-left-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-pointer-left-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-pointer-left-sm{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-pointer-left-sm:before{content:"";font-family:ok-b983c4766d}.okds-arrow-pointer-up-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-pointer-up-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-pointer-up-sm{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-pointer-up-sm:before{content:"";font-family:ok-b983c4766d}.okds-arrow-chevron-up-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-chevron-up-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-chevron-left-centered-md{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-chevron-left-centered-md:before{content:"";font-family:ok-b983c4766d}.okds-arrow-chevron-up-sm{--ok-icon-font-family:"ok-b983c4766d"}.okds-arrow-chevron-up-sm:before{content:"";font-family:ok-b983c4766d}.okds-bell{--ok-icon-font-family:"ok-b983c4766d"}.okds-bell:before{content:"";font-family:ok-b983c4766d}.okds-authenticator{--ok-icon-font-family:"ok-b983c4766d"}.okds-authenticator:before{content:"";font-family:ok-b983c4766d}.okds-borrow{--ok-icon-font-family:"ok-b983c4766d"}.okds-borrow:before{content:"";font-family:ok-b983c4766d}.okds-brl{--ok-icon-font-family:"ok-b983c4766d"}.okds-brl:before{content:"";font-family:ok-b983c4766d}.okds-brush{--ok-icon-font-family:"ok-b983c4766d"}.okds-brush:before{content:"";font-family:ok-b983c4766d}.okds-cancel-order{--ok-icon-font-family:"ok-b983c4766d"}.okds-cancel-order:before{content:"";font-family:ok-b983c4766d}.okds-candlestick{--ok-icon-font-family:"ok-b983c4766d"}.okds-candlestick:before{content:"";font-family:ok-b983c4766d}.okds-carets-filled-down{--ok-icon-font-family:"ok-b983c4766d"}.okds-carets-filled-down:before{content:"";font-family:ok-b983c4766d}.okds-chat-bubble{--ok-icon-font-family:"ok-b983c4766d"}.okds-chat-bubble:before{content:"";font-family:ok-b983c4766d}.okds-carets-filled-up{--ok-icon-font-family:"ok-b983c4766d"}.okds-carets-filled-up:before{content:"";font-family:ok-b983c4766d}.okds-clear-fill{--ok-icon-font-family:"ok-b983c4766d"}.okds-clear-fill:before{content:"";font-family:ok-b983c4766d}.okds-assets{--ok-icon-font-family:"ok-b983c4766d"}.okds-assets:before{content:"";font-family:ok-b983c4766d}.okds-bank{--ok-icon-font-family:"ok-b983c4766d"}.okds-bank:before{content:"";font-family:ok-b983c4766d}.okds-clock-filled{--ok-icon-font-family:"ok-b983c4766d"}.okds-clock-filled:before{content:"";font-family:ok-b983c4766d}.okds-clock-outline{--ok-icon-font-family:"ok-b983c4766d"}.okds-clock-outline:before{content:"";font-family:ok-b983c4766d}.okds-close{--ok-icon-font-family:"ok-b983c4766d"}.okds-close:before{content:"";font-family:ok-b983c4766d}.okds-communication-call{--ok-icon-font-family:"ok-b983c4766d"}.okds-communication-call:before{content:"";font-family:ok-b983c4766d}.okds-communication-idcard{--ok-icon-font-family:"ok-b983c4766d"}.okds-communication-idcard:before{content:"";font-family:ok-b983c4766d}.okds-communication-img-failed{--ok-icon-font-family:"ok-b983c4766d"}.okds-communication-img-failed:before{content:"";font-family:ok-b983c4766d}.okds-communications-faceid{--ok-icon-font-family:"ok-b983c4766d"}.okds-communications-faceid:before{content:"";font-family:ok-b983c4766d}.okds-eye-show-filled{--ok-icon-font-family:"ok-b983c4766d"}.okds-eye-show-filled:before{content:"";font-family:ok-b983c4766d}.okds-communication-img{--ok-icon-font-family:"ok-b983c4766d"}.okds-communication-img:before{content:"";font-family:ok-b983c4766d}.okds-convertokb{--ok-icon-font-family:"ok-b983c4766d"}.okds-convertokb:before{content:"";font-family:ok-b983c4766d}.okds-cursor-drag{--ok-icon-font-family:"ok-b983c4766d"}.okds-cursor-drag:before{content:"";font-family:ok-b983c4766d}.okds-data-line-chart{--ok-icon-font-family:"ok-b983c4766d"}.okds-data-line-chart:before{content:"";font-family:ok-b983c4766d}.okds-deposit{--ok-icon-font-family:"ok-b983c4766d"}.okds-deposit:before{content:"";font-family:ok-b983c4766d}.okds-cursor-zoom{--ok-icon-font-family:"ok-b983c4766d"}.okds-cursor-zoom:before{content:"";font-family:ok-b983c4766d}.okds-download{--ok-icon-font-family:"ok-b983c4766d"}.okds-download:before{content:"";font-family:ok-b983c4766d}.okds-exchange{--ok-icon-font-family:"ok-b983c4766d"}.okds-exchange:before{content:"";font-family:ok-b983c4766d}.okds-developers{--ok-icon-font-family:"ok-b983c4766d"}.okds-developers:before{content:"";font-family:ok-b983c4766d}.okds-eur{--ok-icon-font-family:"ok-b983c4766d"}.okds-eur:before{content:"";font-family:ok-b983c4766d}.okds-edit{--ok-icon-font-family:"ok-b983c4766d"}.okds-edit:before{content:"";font-family:ok-b983c4766d}.okds-expand{--ok-icon-font-family:"ok-b983c4766d"}.okds-expand:before{content:"";font-family:ok-b983c4766d}.okds-eye-hide-filled{--ok-icon-font-family:"ok-b983c4766d"}.okds-eye-hide-filled:before{content:"";font-family:ok-b983c4766d}.okds-fail-circle{--ok-icon-font-family:"ok-b983c4766d"}.okds-fail-circle:before{content:"";font-family:ok-b983c4766d}.okds-filter{--ok-icon-font-family:"ok-b983c4766d"}.okds-filter:before{content:"";font-family:ok-b983c4766d}.okds-finance-bank{--ok-icon-font-family:"ok-b983c4766d"}.okds-finance-bank:before{content:"";font-family:ok-b983c4766d}.okds-finance-seagull{--ok-icon-font-family:"ok-b983c4766d"}.okds-finance-seagull:before{content:"";font-family:ok-b983c4766d}.okds-finance-earn{--ok-icon-font-family:"ok-b983c4766d"}.okds-finance-earn:before{content:"";font-family:ok-b983c4766d}.okds-futures{--ok-icon-font-family:"ok-b983c4766d"}.okds-futures:before{content:"";font-family:ok-b983c4766d}.okds-funding-rates{--ok-icon-font-family:"ok-b983c4766d"}.okds-funding-rates:before{content:"";font-family:ok-b983c4766d}.okds-gbp{--ok-icon-font-family:"ok-b983c4766d"}.okds-gbp:before{content:"";font-family:ok-b983c4766d}.okds-guide{--ok-icon-font-family:"ok-b983c4766d"}.okds-guide:before{content:"";font-family:ok-b983c4766d}.okds-hamburger-edit{--ok-icon-font-family:"ok-b983c4766d"}.okds-hamburger-edit:before{content:"";font-family:ok-b983c4766d}.okds-hamburger-search{--ok-icon-font-family:"ok-b983c4766d"}.okds-hamburger-search:before{content:"";font-family:ok-b983c4766d}.okds-hamburger{--ok-icon-font-family:"ok-b983c4766d"}.okds-hamburger:before{content:"";font-family:ok-b983c4766d}.okds-hierachy{--ok-icon-font-family:"ok-b983c4766d"}.okds-hierachy:before{content:"";font-family:ok-b983c4766d}.okds-id-card{--ok-icon-font-family:"ok-b983c4766d"}.okds-id-card:before{content:"";font-family:ok-b983c4766d}.okds-img{--ok-icon-font-family:"ok-b983c4766d"}.okds-img:before{content:"";font-family:ok-b983c4766d}.okds-insurance-fund{--ok-icon-font-family:"ok-b983c4766d"}.okds-insurance-fund:before{content:"";font-family:ok-b983c4766d}.okds-language{--ok-icon-font-family:"ok-b983c4766d"}.okds-language:before{content:"";font-family:ok-b983c4766d}.okds-margin{--ok-icon-font-family:"ok-b983c4766d"}.okds-margin:before{content:"";font-family:ok-b983c4766d}.okds-logout{--ok-icon-font-family:"ok-b983c4766d"}.okds-logout:before{content:"";font-family:ok-b983c4766d}.okds-minus{--ok-icon-font-family:"ok-b983c4766d"}.okds-minus:before{content:"";font-family:ok-b983c4766d}.okds-more{--ok-icon-font-family:"ok-b983c4766d"}.okds-more:before{content:"";font-family:ok-b983c4766d}.okds-network-fee-standard{--ok-icon-font-family:"ok-b983c4766d"}.okds-network-fee-standard:before{content:"";font-family:ok-b983c4766d}.okds-option{--ok-icon-font-family:"ok-b983c4766d"}.okds-option:before{content:"";font-family:ok-b983c4766d}.okds-orders{--ok-icon-font-family:"ok-b983c4766d"}.okds-orders:before{content:"";font-family:ok-b983c4766d}.okds-pending-circle{--ok-icon-font-family:"ok-b983c4766d"}.okds-pending-circle:before{content:"";font-family:ok-b983c4766d}.okds-pie-chart{--ok-icon-font-family:"ok-b983c4766d"}.okds-pie-chart:before{content:"";font-family:ok-b983c4766d}.okds-place-order{--ok-icon-font-family:"ok-b983c4766d"}.okds-place-order:before{content:"";font-family:ok-b983c4766d}.okds-play{--ok-icon-font-family:"ok-b983c4766d"}.okds-play:before{content:"";font-family:ok-b983c4766d}.okds-plus-circle{--ok-icon-font-family:"ok-b983c4766d"}.okds-plus-circle:before{content:"";font-family:ok-b983c4766d}.okds-plus{--ok-icon-font-family:"ok-b983c4766d"}.okds-plus:before{content:"";font-family:ok-b983c4766d}.okds-profile{--ok-icon-font-family:"ok-b983c4766d"}.okds-profile:before{content:"";font-family:ok-b983c4766d}.okds-qrcode{--ok-icon-font-family:"ok-b983c4766d"}.okds-qrcode:before{content:"";font-family:ok-b983c4766d}.okds-question-mark-circle-fill{--ok-icon-font-family:"ok-b983c4766d"}.okds-question-mark-circle-fill:before{content:"";font-family:ok-b983c4766d}.okds-question-mark-circle{--ok-icon-font-family:"ok-b983c4766d"}.okds-question-mark-circle:before{content:"";font-family:ok-b983c4766d}.okds-sort-up-center-aligned{--ok-icon-font-family:"ok-b983c4766d"}.okds-sort-up-center-aligned:before{content:"";font-family:ok-b983c4766d}.okds-records{--ok-icon-font-family:"ok-b983c4766d"}.okds-records:before{content:"";font-family:ok-b983c4766d}.okds-red-packe{--ok-icon-font-family:"ok-b983c4766d"}.okds-red-packe:before{content:"";font-family:ok-b983c4766d}.okds-scan{--ok-icon-font-family:"ok-b983c4766d"}.okds-scan:before{content:"";font-family:ok-b983c4766d}.okds-report-centre{--ok-icon-font-family:"ok-b983c4766d"}.okds-report-centre:before{content:"";font-family:ok-b983c4766d}.okds-security-fill{--ok-icon-font-family:"ok-b983c4766d"}.okds-security-fill:before{content:"";font-family:ok-b983c4766d}.okds-search{--ok-icon-font-family:"ok-b983c4766d"}.okds-search:before{content:"";font-family:ok-b983c4766d}.okds-security{--ok-icon-font-family:"ok-b983c4766d"}.okds-security:before{content:"";font-family:ok-b983c4766d}.okds-transfer{--ok-icon-font-family:"ok-b983c4766d"}.okds-transfer:before{content:"";font-family:ok-b983c4766d}.okds-settlement-history{--ok-icon-font-family:"ok-b983c4766d"}.okds-settlement-history:before{content:"";font-family:ok-b983c4766d}.okds-trends{--ok-icon-font-family:"ok-b983c4766d"}.okds-trends:before{content:"";font-family:ok-b983c4766d}.okds-sort-default-center-aligned{--ok-icon-font-family:"ok-b983c4766d"}.okds-sort-default-center-aligned:before{content:"";font-family:ok-b983c4766d}.okds-sort-default{--ok-icon-font-family:"ok-b983c4766d"}.okds-sort-default:before{content:"";font-family:ok-b983c4766d}.okds-sort-down-center-aligned-svg{--ok-icon-font-family:"ok-b983c4766d"}.okds-sort-down-center-aligned-svg:before{content:"";font-family:ok-b983c4766d}.okds-withdraw{--ok-icon-font-family:"ok-b983c4766d"}.okds-withdraw:before{content:"";font-family:ok-b983c4766d}.okds-sort-down{--ok-icon-font-family:"ok-b983c4766d"}.okds-sort-down:before{content:"";font-family:ok-b983c4766d}.okds-sort-up{--ok-icon-font-family:"ok-b983c4766d"}.okds-sort-up:before{content:"";font-family:ok-b983c4766d}.okds-star-filled{--ok-icon-font-family:"ok-b983c4766d"}.okds-star-filled:before{content:"";font-family:ok-b983c4766d}.okds-star{--ok-icon-font-family:"ok-b983c4766d"}.okds-star:before{content:"";font-family:ok-b983c4766d}.okds-strong-alert{--ok-icon-font-family:"ok-b983c4766d"}.okds-strong-alert:before{content:"";font-family:ok-b983c4766d}.okds-success-circle{--ok-icon-font-family:"ok-b983c4766d"}.okds-success-circle:before{content:"";font-family:ok-b983c4766d}.okds-trade-1{--ok-icon-font-family:"ok-b983c4766d"}.okds-trade-1:before{content:"";font-family:ok-b983c4766d}.okds-transfer-circle{--ok-icon-font-family:"ok-b983c4766d"}.okds-transfer-circle:before{content:"";font-family:ok-b983c4766d}.okds-unlink{--ok-icon-font-family:"ok-b983c4766d"}.okds-unlink:before{content:"";font-family:ok-b983c4766d}.okds-usd{--ok-icon-font-family:"ok-b983c4766d"}.okds-usd:before{content:"";font-family:ok-b983c4766d}.okds-warning-circle{--ok-icon-font-family:"ok-b983c4766d"}.okds-warning-circle:before{content:"";font-family:ok-b983c4766d}.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-style:normal}.iconfont:before{display:inline-block}@font-face{font-style:normal;src:url(./3000-CyKg3EOF.woff2)format("woff2");font-family:ok-b983c4766d;font-display:block}[dir=rtl] .okds-arrow-chevron-right-centered-xs:before,[dir=rtl] .okds-arrow-chevron-right-centered-sm:before,[dir=rtl] .okds-arrow-chevron-right-centered-md:before,[dir=rtl] .okds-arrow-pointer-right-xs:before,[dir=rtl] .okds-arrow-pointer-right-sm:before,[dir=rtl] .okds-arrow-pointer-right-md:before,[dir=rtl] .okds-arrow-chevron-left-centered-sm:before,[dir=rtl] .okds-eye-hide:before,[dir=rtl] .okds-copy:before,[dir=rtl] .okds-open-link:before,[dir=rtl] .okds-arrow-cheveron-alignleft-md:before,[dir=rtl] .okds-arrow-cheveron-first-md:before,[dir=rtl] .okds-arrow-cheveron-last-md:before,[dir=rtl] .okds-arrow-pointer-left-md:before,[dir=rtl] .okds-arrow-pointer-left-sm:before,[dir=rtl] .okds-arrow-chevron-left-centered-md:before,[dir=rtl] .okds-communication-idcard:before,[dir=rtl] .okds-eye-hide-filled:before,[dir=rtl] .okds-guide:before,[dir=rtl] .okds-logout:before,[dir=rtl] .okds-network-fee-standard:before,[dir=rtl] .okds-orders:before,[dir=rtl] .okds-question-mark-circle-fill:before,[dir=rtl] .okds-question-mark-circle:before,[dir=rtl] .okds-report-centre:before{transform:scaleX(-1)}.okui-plain-button{color:inherit;font:inherit;text-align:unset;cursor:pointer}.okui-plain-button:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-width:2px;outline-style:solid;outline-color:var(--okd-color-border-focus);outline-offset:2px;border-radius:4px}.okui-plain-button[disabled]{cursor:not-allowed}.okui-plain-button-as-div{width:100%;line-height:inherit;display:block}.okui-picture{display:inline-block}.okui-picture-font{font-size:0;line-height:1}.okui-picture-cover{object-fit:cover}.okui-picture-contain{object-fit:contain}