/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/seo-ex/6.14.148/font/commonFont/iconfont.css */
:root {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-text-white);
  --okd-checkbox-default-border-color: var(--okd-color-gray-200);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c9936;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c9936;
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-gray-300);
  --okd-checkbox-disabled-background: var(--okd-color-gray-050);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-300);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
  --okd-icon-size-base: 18px;
  --okd-icon-size-xs: 14px;
  --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: #101c32;
  --okd-color-blue-100: #071d44;
  --okd-color-blue-200: #001f6b;
  --okd-color-blue-300: #002c99;
  --okd-color-blue-400: #0033b2;
  --okd-color-blue-500: #003acc;
  --okd-color-blue-600: #0746e5;
  --okd-color-blue-700: #0c59e9;
  --okd-color-blue-800: #2965ff;
  --okd-color-blue-900: #3877ff;
  --okd-color-green-050: #021c13;
  --okd-color-green-100: #042d1f;
  --okd-color-green-200: #054d35;
  --okd-color-green-300: #065c40;
  --okd-color-green-400: #076949;
  --okd-color-green-500: #098059;
  --okd-color-green-600: #0a875e;
  --okd-color-green-700: #0b996a;
  --okd-color-green-800: #0ca673;
  --okd-color-green-900: #0db27c;
  --okd-color-red-050: #2e0e12;
  --okd-color-red-100: #3d0e14;
  --okd-color-red-200: #6d212a;
  --okd-color-red-300: #822631;
  --okd-color-red-400: #992e3b;
  --okd-color-red-500: #a63240;
  --okd-color-red-600: #b23645;
  --okd-color-red-700: #bf3a4a;
  --okd-color-red-800: #cc3e4f;
  --okd-color-red-900: #db4355;
  --okd-color-orange-050: #361d08;
  --okd-color-orange-100: #422308;
  --okd-color-orange-200: #703d11;
  --okd-color-orange-300: #8f4e16;
  --okd-color-orange-400: #a35919;
  --okd-color-orange-500: #b8641c;
  --okd-color-orange-600: #c96e1f;
  --okd-color-orange-700: #d67521;
  --okd-color-orange-800: #e57d23;
  --okd-color-orange-900: #f88726;
  --okd-color-yellow-050: #292107;
  --okd-color-yellow-100: #362b08;
  --okd-color-yellow-200: #57460f;
  --okd-color-yellow-300: #6b5712;
  --okd-color-yellow-400: #856b16;
  --okd-color-yellow-500: #997b19;
  --okd-color-yellow-600: #ab8a1c;
  --okd-color-yellow-700: #c49e21;
  --okd-color-yellow-800: #d1a923;
  --okd-color-yellow-900: #e0b525;
  --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: #3877ff;
  --okd-color-fq-blue-lv2: #0c59e9;
  --okd-color-fq-green-lv1: #0db27c;
  --okd-color-fq-red-lv1: #db4355;
  --okd-color-fq-orange-lv1: #f88726;
  --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-alert-normal-background: var(--okd-color-gray-100);
  --okd-alert-normal-title-color: var(--okd-color-gray-900);
  --okd-alert-normal-icon-color: var(--okd-color-gray-800);
  --okd-alert-normal-desc-color: var(--okd-color-gray-900);
  --okd-alert-normal-action-color: var(--okd-color-gray-700);
  --okd-alert-normal-link-color: var(--okd-color-gray-700);
  --okd-alert-normal-accent-color: var(--okd-color-gray-900);
  --okd-alert-success-background: var(--okd-color-green-100);
  --okd-alert-success-title-color: var(--okd-color-green-700);
  --okd-alert-success-icon-color: var(--okd-color-green-900);
  --okd-alert-success-desc-color: var(--okd-color-green-800);
  --okd-alert-success-action-color: var(--okd-color-green-700);
  --okd-alert-success-link-color: var(--okd-color-green-700);
  --okd-alert-success-accent-color: var(--okd-color-green-900);
  --okd-alert-info-background: var(--okd-color-blue-050);
  --okd-alert-info-title-color: var(--okd-color-blue-900);
  --okd-alert-info-icon-color: var(--okd-color-blue-900);
  --okd-alert-info-desc-color: var(--okd-color-blue-900);
  --okd-alert-info-action-color: var(--okd-color-blue-900);
  --okd-alert-info-link-color: var(--okd-color-blue-900);
  --okd-alert-info-accent-color: var(--okd-color-blue-900);
  --okd-alert-warn-background: var(--okd-color-yellow-100);
  --okd-alert-warn-title-color: var(--okd-color-yellow-700);
  --okd-alert-warn-icon-color: var(--okd-color-yellow-900);
  --okd-alert-warn-desc-color: var(--okd-color-yellow-800);
  --okd-alert-warn-action-color: var(--okd-color-yellow-700);
  --okd-alert-warn-link-color: var(--okd-color-yellow-700);
  --okd-alert-warn-accent-color: var(--okd-color-yellow-900);
  --okd-alert-error-background: var(--okd-color-red-100);
  --okd-alert-error-title-color: var(--okd-color-red-700);
  --okd-alert-error-icon-color: var(--okd-color-red-900);
  --okd-alert-error-desc-color: var(--okd-color-red-800);
  --okd-alert-error-action-color: var(--okd-color-red-700);
  --okd-alert-error-link-color: var(--okd-color-red-700);
  --okd-alert-error-accent-color: var(--okd-color-red-900);
  --okd-alert-box-padding-vertical: 16px;
  --okd-alert-box-padding-horizontal: 18px;
  --okd-alert-box-border-radius: 4px;
  --okd-alert-accent-width: 4px;
  --okd-alert-title-font-size: var(--okd-font-size-md);
  --okd-alert-title-line-height: var(--okd-line-height-md);
  --okd-alert-text-font-size: var(--okd-font-size-md);
  --okd-alert-text-line-height: var(--okd-line-height-md);
  --okd-alert-action-font-size: var(--okd-font-size-md);
  --okd-alert-action-line-height: var(--okd-line-height-md);
  --okd-avatar-default-background: var(--okd-color-gray-200);
  --okd-avatar-xs-font-size: var(--okd-font-size-xs);
  --okd-avatar-xs-line-height: var(--okd-line-height-xs);
  --okd-avatar-xs-size: 24px;
  --okd-avatar-sm-font-size: var(--okd-font-size-xs);
  --okd-avatar-sm-line-height: var(--okd-line-height-xs);
  --okd-avatar-sm-size: 32px;
  --okd-avatar-md-font-size: 18px;
  --okd-avatar-md-line-height: 24px;
  --okd-avatar-md-size: 40px;
  --okd-avatar-lg-font-size: 18px;
  --okd-avatar-lg-line-height: 24px;
  --okd-avatar-lg-size: 56px;
  --okd-avatar-xl-font-size: 30px;
  --okd-avatar-xl-line-height: 96px;
  --okd-avatar-xl-size: 96px;
  --okd-avatar-border-color: var(--okd-color-gray-300);
  --okd-badge-grey-background: var(--okd-color-gray-100);
  --okd-badge-grey-text-color: var(--okd-color-gray-900);
  --okd-badge-grey-delete-color: var(--okd-color-gray-800);
  --okd-badge-green-background: var(--okd-color-green-100);
  --okd-badge-green-text-color: var(--okd-color-green-900);
  --okd-badge-green-delete-color: var(--okd-color-green-900);
  --okd-badge-red-background: var(--okd-color-red-100);
  --okd-badge-red-text-color: var(--okd-color-red-900);
  --okd-badge-red-delete-color: var(--okd-color-red-900);
  --okd-badge-yellow-background: var(--okd-color-yellow-100);
  --okd-badge-yellow-text-color: var(--okd-color-yellow-900);
  --okd-badge-yellow-delete-color: var(--okd-color-yellow-700);
  --okd-badge-orange-background: var(--okd-color-orange-100);
  --okd-badge-orange-text-color: var(--okd-color-orange-900);
  --okd-badge-orange-delete-color: var(--okd-color-orange-900);
  --okd-badge-blue-background: var(--okd-color-blue-100);
  --okd-badge-blue-text-color: var(--okd-color-blue-900);
  --okd-badge-blue-delete-color: var(--okd-color-blue-900);
  --okd-badge-md-padding-vertical: 2px;
  --okd-badge-md-padding-horizontal: 8px;
  --okd-badge-lg-padding-vertical: 3px;
  --okd-badge-lg-padding-horizontal: 12px;
  --okd-badge-md-font-size: var(--okd-font-size-xs);
  --okd-badge-lg-font-size: var(--okd-font-size-md);
  --okd-badge-md-line-height: var(--okd-line-height-xs);
  --okd-badge-lg-line-height: var(--okd-line-height-base);
  --okd-badge-basic-md-radius: var(--okd-border-radius-xxl);
  --okd-badge-basic-lg-radius: var(--okd-border-radius-xxxl);
  --okd-badge-rounded-md-radius: var(--okd-border-radius-md);
  --okd-badge-rounded-lg-radius: var(--okd-border-radius-md);
  --okd-button-primary-normal-default-background: var(--okd-color-blue-900);
  --okd-button-primary-normal-hover-background: var(--okd-color-blue-700);
  --okd-button-primary-normal-active-background: var(--okd-color-blue-300);
  --okd-button-primary-normal-focus-background: var(--okd-color-blue-900);
  --okd-button-primary-normal-disabled-background: var(--okd-color-gray-400);
  --okd-button-primary-normal-default-border-color: var(--okd-color-blue-900);
  --okd-button-primary-normal-hover-border-color: var(--okd-color-blue-700);
  --okd-button-primary-normal-active-border-color: var(--okd-color-blue-300);
  --okd-button-primary-normal-focus-border-color: var(--okd-color-blue-900);
  --okd-button-primary-normal-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-primary-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-primary-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-disabled-icon-color: var(--okd-color-gray-500);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-primary-normal-loader-mark-color: var(--okd-color-white);
  --okd-button-primary-red-default-background: var(--okd-color-red-900);
  --okd-button-primary-red-hover-background: var(--okd-color-red-700);
  --okd-button-primary-red-active-background: var(--okd-color-red-300);
  --okd-button-primary-red-focus-background: var(--okd-color-red-900);
  --okd-button-primary-red-disabled-background: var(--okd-color-gray-400);
  --okd-button-primary-red-default-border-color: var(--okd-color-red-900);
  --okd-button-primary-red-hover-border-color: var(--okd-color-red-700);
  --okd-button-primary-red-active-border-color: var(--okd-color-red-300);
  --okd-button-primary-red-focus-border-color: var(--okd-color-red-900);
  --okd-button-primary-red-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-primary-red-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-primary-red-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-disabled-icon-color: var(--okd-color-gray-500);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-primary-red-loader-mark-color: var(--okd-color-white);
  --okd-button-primary-green-default-background: var(--okd-color-green-900);
  --okd-button-primary-green-hover-background: var(--okd-color-green-700);
  --okd-button-primary-green-active-background: var(--okd-color-green-300);
  --okd-button-primary-green-focus-background: var(--okd-color-green-900);
  --okd-button-primary-green-disabled-background: var(--okd-color-gray-400);
  --okd-button-primary-green-default-border-color: var(--okd-color-green-900);
  --okd-button-primary-green-hover-border-color: var(--okd-color-green-700);
  --okd-button-primary-green-active-border-color: var(--okd-color-green-300);
  --okd-button-primary-green-focus-border-color: var(--okd-color-green-900);
  --okd-button-primary-green-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-primary-green-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-primary-green-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-disabled-icon-color: var(--okd-color-gray-500);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-primary-green-loader-mark-color: var(--okd-color-white);
  --okd-button-secondary-normal-default-background: var(--okd-color-gray-400);
  --okd-button-secondary-normal-hover-background: var(--okd-color-gray-500);
  --okd-button-secondary-normal-active-background: var(--okd-color-gray-300);
  --okd-button-secondary-normal-focus-background: var(--okd-color-gray-400);
  --okd-button-secondary-normal-disabled-background: var(--okd-color-gray-400);
  --okd-button-secondary-normal-default-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-normal-hover-border-color: var(--okd-color-gray-500);
  --okd-button-secondary-normal-active-border-color: var(--okd-color-gray-300);
  --okd-button-secondary-normal-focus-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-normal-disabled-border-color: var(
    --okd-color-gray-400
  );
  --okd-button-secondary-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-secondary-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-disabled-icon-color: var(--okd-color-gray-500);
  --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: var(--okd-color-gray-600);
  --okd-button-secondary-normal-loader-mark-color: var(--okd-color-white);
  --okd-button-secondary-grey-default-background: var(--okd-color-gray-400);
  --okd-button-secondary-grey-hover-background: var(--okd-color-gray-500);
  --okd-button-secondary-grey-active-background: var(--okd-color-gray-300);
  --okd-button-secondary-grey-focus-background: var(--okd-color-gray-400);
  --okd-button-secondary-grey-disabled-background: var(--okd-color-gray-200);
  --okd-button-secondary-grey-default-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-grey-hover-border-color: var(--okd-color-gray-500);
  --okd-button-secondary-grey-active-border-color: var(--okd-color-gray-300);
  --okd-button-secondary-grey-focus-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-grey-disabled-border-color: var(--okd-color-gray-200);
  --okd-button-secondary-grey-default-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-hover-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-active-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-focus-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-disabled-font-color: var(--okd-color-gray-600);
  --okd-button-secondary-grey-default-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-hover-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-active-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-focus-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-disabled-icon-color: var(--okd-color-gray-600);
  --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: var(--okd-color-gray-600);
  --okd-button-secondary-grey-loader-mark-color: var(--okd-color-gray-900);
  --okd-button-basic-normal-default-background: var(--okd-color-transparent);
  --okd-button-basic-normal-hover-background: var(--okd-color-gray-200);
  --okd-button-basic-normal-active-background: var(--okd-color-gray-300);
  --okd-button-basic-normal-focus-background: var(--okd-color-transparent);
  --okd-button-basic-normal-disabled-background: var(--okd-color-transparent);
  --okd-button-basic-normal-default-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-hover-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-active-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-focus-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-basic-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-disabled-icon-color: var(--okd-color-gray-500);
  --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: var(--okd-color-gray-400);
  --okd-button-basic-normal-loader-mark-color: #fff;
  --okd-button-plain-normal-default-background: var(--okd-color-transparent);
  --okd-button-plain-normal-hover-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-active-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-focus-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-disabled-background: var(--okd-color-transparent);
  --okd-button-plain-normal-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-default-font-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-hover-font-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-active-font-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-focus-font-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-disabled-font-color: var(--okd-color-gray-600);
  --okd-button-plain-normal-default-icon-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-hover-icon-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-active-icon-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-focus-icon-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-disabled-icon-color: var(--okd-color-gray-600);
  --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: var(--okd-color-transparent);
  --okd-button-plain-red-hover-background: var(--okd-color-red-050);
  --okd-button-plain-red-active-background: var(--okd-color-red-050);
  --okd-button-plain-red-focus-background: var(--okd-color-red-050);
  --okd-button-plain-red-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-red-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-default-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-hover-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-active-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-focus-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-disabled-font-color: rgba(204, 62, 79, 0.45);
  --okd-button-plain-red-default-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-hover-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-active-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-focus-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-disabled-icon-color: rgba(204, 62, 79, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-green-hover-background: var(--okd-color-green-050);
  --okd-button-plain-green-active-background: var(--okd-color-green-050);
  --okd-button-plain-green-focus-background: var(--okd-color-green-050);
  --okd-button-plain-green-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-green-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-default-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-hover-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-active-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-focus-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-disabled-font-color: rgba(12, 166, 115, 0.45);
  --okd-button-plain-green-default-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-hover-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-active-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-focus-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-disabled-icon-color: rgba(12, 166, 115, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-orange-hover-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-active-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-focus-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-orange-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-default-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-hover-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-active-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-focus-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-disabled-font-color: rgba(229, 125, 35, 0.45);
  --okd-button-plain-orange-default-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-hover-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-active-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-focus-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-disabled-icon-color: rgba(229, 125, 35, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-yellow-hover-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-active-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-focus-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-yellow-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-default-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-hover-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-active-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-focus-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-disabled-font-color: rgba(209, 169, 35, 0.45);
  --okd-button-plain-yellow-default-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-hover-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-active-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-focus-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-disabled-icon-color: rgba(209, 169, 35, 0.45);
  --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: var(--okd-font-size-base);
  --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: 5px;
  --okd-button-xs-icon-margin: 5px;
  --okd-button-sm-icon-margin: 11px;
  --okd-button-md-icon-margin: 11px;
  --okd-button-lg-icon-margin: 11px;
  --okd-button-xl-icon-margin: 11px;
  --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: 4px;
  --okd-button-xs-border-radius: 4px;
  --okd-button-sm-border-radius: 4px;
  --okd-button-md-border-radius: 4px;
  --okd-button-lg-border-radius: 6px;
  --okd-button-xl-border-radius: 8px;
  --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-fill-primary-default-background: var(--okd-color-blue-700);
  --okd-button-fill-primary-hover-background: var(--okd-color-blue-800);
  --okd-button-fill-primary-active-background: var(--okd-color-blue-500);
  --okd-button-fill-primary-focus-background: var(--okd-color-blue-700);
  --okd-button-fill-primary-disabled-background: var(--okd-color-gray-200);
  --okd-button-fill-primary-default-border-color: var(--okd-color-blue-700);
  --okd-button-fill-primary-hover-border-color: var(--okd-color-blue-800);
  --okd-button-fill-primary-active-border-color: var(--okd-color-blue-500);
  --okd-button-fill-primary-focus-border-color: var(--okd-color-blue-700);
  --okd-button-fill-primary-disabled-border-color: var(--okd-color-transparent);
  --okd-button-fill-primary-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-disabled-font-color: var(--okd-color-text-light);
  --okd-button-fill-primary-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-disabled-icon-color: var(--okd-color-text-light);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-primary-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-highlight-default-background: var(--okd-color-blue-700);
  --okd-button-fill-highlight-hover-background: var(--okd-color-blue-800);
  --okd-button-fill-highlight-active-background: var(--okd-color-blue-500);
  --okd-button-fill-highlight-focus-background: var(--okd-color-blue-700);
  --okd-button-fill-highlight-disabled-background: var(--okd-color-gray-200);
  --okd-button-fill-highlight-default-border-color: var(--okd-color-blue-700);
  --okd-button-fill-highlight-hover-border-color: var(--okd-color-blue-800);
  --okd-button-fill-highlight-active-border-color: var(--okd-color-blue-500);
  --okd-button-fill-highlight-focus-border-color: var(--okd-color-blue-700);
  --okd-button-fill-highlight-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-highlight-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-disabled-font-color: var(--okd-color-text-light);
  --okd-button-fill-highlight-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-disabled-icon-color: var(--okd-color-text-light);
  --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 #121212,
    0px 0px 0px 4px #2676ff8c;
  --okd-button-fill-highlight-disabled-shadow: var(--okd-shadow-none);
  --okd-button-fill-highlight-loader-track-color: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-highlight-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-red-default-background: var(--okd-color-red-900);
  --okd-button-fill-red-hover-background: var(--okd-color-red-700);
  --okd-button-fill-red-active-background: var(--okd-color-red-300);
  --okd-button-fill-red-focus-background: var(--okd-color-red-900);
  --okd-button-fill-red-disabled-background: var(--okd-color-gray-200);
  --okd-button-fill-red-default-border-color: var(--okd-color-red-900);
  --okd-button-fill-red-hover-border-color: var(--okd-color-red-700);
  --okd-button-fill-red-active-border-color: var(--okd-color-red-300);
  --okd-button-fill-red-focus-border-color: var(--okd-color-red-900);
  --okd-button-fill-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-fill-red-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-disabled-font-color: var(--okd-color-text-light);
  --okd-button-fill-red-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-disabled-icon-color: var(--okd-color-text-lighter);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-red-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-green-default-background: var(--okd-color-green-900);
  --okd-button-fill-green-hover-background: var(--okd-color-green-700);
  --okd-button-fill-green-active-background: var(--okd-color-green-300);
  --okd-button-fill-green-focus-background: var(--okd-color-green-900);
  --okd-button-fill-green-disabled-background: var(--okd-color-gray-200);
  --okd-button-fill-green-default-border-color: var(--okd-color-green-900);
  --okd-button-fill-green-hover-border-color: var(--okd-color-green-700);
  --okd-button-fill-green-active-border-color: var(--okd-color-green-300);
  --okd-button-fill-green-focus-border-color: var(--okd-color-green-900);
  --okd-button-fill-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-fill-green-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-disabled-font-color: var(--okd-color-text-light);
  --okd-button-fill-green-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-disabled-icon-color: var(--okd-color-text-light);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-green-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-secondary-default-background: var(--okd-color-background-3);
  --okd-button-fill-secondary-hover-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-secondary-active-background: var(--okd-color-gray-200);
  --okd-button-fill-secondary-focus-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-secondary-disabled-background: var(--okd-color-gray-200);
  --okd-button-fill-secondary-default-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-secondary-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-secondary-active-border-color: var(--okd-color-gray-200);
  --okd-button-fill-secondary-focus-border-color: var(--okd-color-gray-200);
  --okd-button-fill-secondary-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-secondary-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-fill-secondary-hover-font-color: var(--okd-color-white);
  --okd-button-fill-secondary-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-disabled-font-color: var(--okd-color-text-light);
  --okd-button-fill-secondary-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-fill-secondary-hover-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-secondary-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-disabled-icon-color: var(--okd-color-text-light);
  --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: var(--okd-color-gray-300);
  --okd-button-fill-secondary-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-grey-default-background: var(--okd-color-background-3);
  --okd-button-fill-grey-hover-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-grey-active-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-grey-focus-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-grey-disabled-background: var(--okd-color-gray-200);
  --okd-button-fill-grey-default-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-focus-border-color: var(--okd-color-gray-200);
  --okd-button-fill-grey-disabled-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-default-font-color: var(--okd-color-text-amplifed);
  --okd-button-fill-grey-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-grey-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-grey-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-grey-disabled-font-color: var(--okd-color-text-light);
  --okd-button-fill-grey-default-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-grey-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-grey-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-grey-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-grey-disabled-icon-color: var(--okd-color-text-light);
  --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-gray-600);
  --okd-button-fill-grey-loader-mark-color: var(--okd-color-gray-900);
  --okd-button-outline-primary-default-background: var(--okd-color-transparent);
  --okd-button-outline-primary-hover-background: var(--okd-color-transparent);
  --okd-button-outline-primary-active-background: var(--okd-color-transparent);
  --okd-button-outline-primary-focus-background: var(--okd-color-transparent);
  --okd-button-outline-primary-disabled-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-primary-default-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-hover-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-active-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-focus-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-disabled-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-hover-font-color: var(--okd-color-white);
  --okd-button-outline-primary-active-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-focus-font-color: var(--okd-color-text-white);
  --okd-button-outline-primary-disabled-font-color: var(--okd-color-text-light);
  --okd-button-outline-primary-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-hover-icon-color: var(--okd-color-white);
  --okd-button-outline-primary-active-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-outline-primary-disabled-icon-color: var(--okd-color-text-light);
  --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-gray-400);
  --okd-button-outline-primary-loader-mark-color: #fff;
  --okd-button-outline-secondary-default-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-secondary-hover-background: var(--okd-color-transparent);
  --okd-button-outline-secondary-active-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-secondary-focus-background: var(--okd-color-transparent);
  --okd-button-outline-secondary-disabled-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-secondary-default-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-hover-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-active-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-focus-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-disabled-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-hover-font-color: var(--okd-color-text-white);
  --okd-button-outline-secondary-active-font-color: var(--okd-color-text-white);
  --okd-button-outline-secondary-focus-font-color: var(--okd-color-text-white);
  --okd-button-outline-secondary-disabled-font-color: var(
    --okd-color-text-light
  );
  --okd-button-outline-secondary-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-hover-icon-color: var(--okd-color-text-white);
  --okd-button-outline-secondary-active-icon-color: var(--okd-color-text-white);
  --okd-button-outline-secondary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-outline-secondary-disabled-icon-color: var(
    --okd-color-text-light
  );
  --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: var(--okd-shadow-none);
  --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: var(--okd-color-gray-400);
  --okd-button-outline-secondary-loader-mark-color: var(--okd-color-white);
  --okd-button-text-primary-default-background: var(--okd-color-transparent);
  --okd-button-text-primary-hover-background: var(--okd-color-blue-050);
  --okd-button-text-primary-active-background: var(--okd-color-blue-050);
  --okd-button-text-primary-focus-background: var(--okd-color-blue-050);
  --okd-button-text-primary-disabled-background: var(--okd-color-transparent);
  --okd-button-text-primary-default-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-active-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-default-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-hover-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-active-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-focus-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-text-primary-default-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-hover-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-active-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-focus-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-disabled-icon-color: var(--okd-color-text-lighter);
  --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-secondary-default-background: var(--okd-color-transparent);
  --okd-button-text-secondary-hover-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-active-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-focus-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-disabled-background: var(--okd-color-transparent);
  --okd-button-text-secondary-default-border-color: var(
    --okd-color-transparent
  );
  --okd-button-text-secondary-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-active-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-text-secondary-default-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-hover-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-active-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-focus-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-text-secondary-default-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-hover-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-active-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-focus-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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-red-default-background: var(--okd-color-transparent);
  --okd-button-text-red-hover-background: var(--okd-color-red-050);
  --okd-button-text-red-active-background: var(--okd-color-red-050);
  --okd-button-text-red-focus-background: var(--okd-color-red-050);
  --okd-button-text-red-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-red-default-border-color: var(--okd-color-transparent);
  --okd-button-text-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-red-active-border-color: var(--okd-color-transparent);
  --okd-button-text-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-red-default-font-color: var(--okd-color-red-900);
  --okd-button-text-red-hover-font-color: var(--okd-color-red-800);
  --okd-button-text-red-active-font-color: var(--okd-color-red-800);
  --okd-button-text-red-focus-font-color: var(--okd-color-red-800);
  --okd-button-text-red-disabled-font-color: rgba(204, 62, 79, 0.45);
  --okd-button-text-red-default-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-hover-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-active-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-focus-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-disabled-icon-color: rgba(204, 62, 79, 0.45);
  --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-green-default-background: var(--okd-color-transparent);
  --okd-button-text-green-hover-background: var(--okd-color-green-050);
  --okd-button-text-green-active-background: var(--okd-color-green-050);
  --okd-button-text-green-focus-background: var(--okd-color-green-050);
  --okd-button-text-green-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-green-default-border-color: var(--okd-color-transparent);
  --okd-button-text-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-green-active-border-color: var(--okd-color-transparent);
  --okd-button-text-green-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-green-default-font-color: var(--okd-color-green-900);
  --okd-button-text-green-hover-font-color: var(--okd-color-green-800);
  --okd-button-text-green-active-font-color: var(--okd-color-green-800);
  --okd-button-text-green-focus-font-color: var(--okd-color-green-800);
  --okd-button-text-green-disabled-font-color: rgba(12, 166, 115, 0.45);
  --okd-button-text-green-default-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-hover-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-active-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-focus-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-disabled-icon-color: rgba(12, 166, 115, 0.45);
  --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-orange-default-background: var(--okd-color-transparent);
  --okd-button-text-orange-hover-background: var(--okd-color-orange-050);
  --okd-button-text-orange-active-background: var(--okd-color-orange-050);
  --okd-button-text-orange-focus-background: var(--okd-color-orange-050);
  --okd-button-text-orange-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-orange-default-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-active-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-default-font-color: var(--okd-color-orange-900);
  --okd-button-text-orange-hover-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-active-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-focus-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-disabled-font-color: rgba(229, 125, 35, 0.45);
  --okd-button-text-orange-default-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-hover-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-active-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-focus-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-disabled-icon-color: rgba(229, 125, 35, 0.45);
  --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-yellow-default-background: var(--okd-color-transparent);
  --okd-button-text-yellow-hover-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-active-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-focus-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-yellow-default-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-active-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-default-font-color: var(--okd-color-yellow-900);
  --okd-button-text-yellow-hover-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-active-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-focus-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-disabled-font-color: rgba(209, 169, 35, 0.45);
  --okd-button-text-yellow-default-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-hover-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-active-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-focus-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-disabled-icon-color: rgba(209, 169, 35, 0.45);
  --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-fill-primary-border-size: 1px;
  --okd-button-fill-secondary-border-size: 1px;
  --okd-button-fill-highlight-border-size: 1px;
  --okd-button-fill-red-border-size: 1px;
  --okd-button-fill-green-border-size: 1px;
  --okd-button-fill-grey-border-size: 1px;
  --okd-button-outline-primary-border-size: 1px;
  --okd-button-outline-secondary-border-size: 1px;
  --okd-button-text-primary-border-size: 1px;
  --okd-button-text-secondary-border-size: 1px;
  --okd-button-text-red-border-size: 1px;
  --okd-button-text-green-border-size: 1px;
  --okd-button-text-orange-border-size: 1px;
  --okd-button-text-yellow-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: 4px;
  --okd-button-lg-loader-text-margin-left: 4px;
  --okd-button-md-loader-text-margin-left: 4px;
  --okd-button-sm-loader-text-margin-left: 4px;
  --okd-button-xs-loader-text-margin-left: 4px;
  --okd-button-xxs-loader-text-margin-left: 4px;
  --okd-button-s-font-size: 14px;
  --okd-button-s-icon-size: 18px;
  --okd-button-s-icon-margin: 11px;
  --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: 4px;
  --okd-button-s-loader-size: 14px;
  --okd-button-s-loader-text-margin-left: 4px;
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-900);
  --okd-checkbox-error-border-color: var(--okd-color-red-900);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-900);
  --okd-checkbox-error-background: var(--okd-color-red-900);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
  --okd-datepicker-default-background: var(--okd-color-background-2);
  --okd-datepicker-default-font-color: var(--okd-color-gray-900);
  --okd-datepicker-title-default-color: var(--okd-color-gray-900);
  --okd-datepicker-title-selected-color: var(--okd-color-blue-900);
  --okd-datepicker-day-default-text-color: var(--okd-color-gray-900);
  --okd-datepicker-day-selected-text-color: var(--okd-color-text-white);
  --okd-datepicker-day-selected-background: var(--okd-color-blue-700);
  --okd-datepicker-day-disable-text-color: var(--okd-color-gray-600);
  --okd-datepicker-day-disable-background: var(--okd-color-background-3);
  --okd-datepicker-day-hover-background: var(--okd-color-blue-700);
  --okd-datepicker-day-range-background: var(--okd-color-background-3);
  --okd-datepicker-day-second-color: var(--okd-color-gray-600);
  --okd-datepicker-month-default-text-color: var(--okd-color-gray-700);
  --okd-datepicker-month-selected-text-color: var(--okd-color-text-white);
  --okd-datepicker-month-selected-background: var(--okd-color-blue-700);
  --okd-datepicker-month-disable-text-color: var(--okd-color-gray-300);
  --okd-datepicker-month-disable-background: var(--okd-color-background-3);
  --okd-datepicker-month-hover-background: var(--okd-color-blue-700);
  --okd-datepicker-year-default-text-color: var(--okd-color-gray-700);
  --okd-datepicker-year-selected-text-color: var(--okd-color-text-white);
  --okd-datepicker-year-selected-background: var(--okd-color-blue-700);
  --okd-datepicker-year-disable-text-color: var(--okd-color-gray-200);
  --okd-datepicker-year-disable-background: var(--okd-color-background-3);
  --okd-datepicker-year-hover-background: var(--okd-color-blue-700);
  --okd-datepicker-week-default-text-color: var(--okd-color-gray-600);
  --okd-datepicker-today-hover-text-color: var(--okd-color-gray-900);
  --okd-datepicker-today-selected-text-color: var(--okd-color-text-white);
  --okd-datepicker-today-border-color: var(--okd-color-blue-900);
  --okd-datepicker-today-border-hover-color: var(--okd-color-gray-900);
  --okd-datepicker-today-border-disable-color: var(--okd-color-gray-400);
  --okd-datepicker-icon-default-color: var(--okd-color-gray-800);
  --okd-datepicker-footer-border-color: var(--okd-color-background-3);
  --okd-datepicker-footer-button-color: var(--okd-color-blue-800);
  --okd-datepicker-border-color: var(--okd-color-gray-400);
  --okd-datepicker-input-caret-color: var(--okd-color-blue-900);
  --okd-datepicker-input-placeholder-color: var(--okd-color-gray-400);
  --okd-datepicker-input-border-color: var(--okd-color-blue-900);
  --okd-datepicker-shortcut-background: var(--okd-color-background-3);
  --okd-datepicker-shortcut-active-background: var(--okd-color-gray-200);
  --okd-datepicker-shortcut-icon-color: var(--okd-color-blue-900);
  --okd-datepicker-md-range-input-font-size: var(--okd-font-size-md);
  --okd-datepicker-sm-range-input-font-size: var(--okd-font-size-xs);
  --okd-datepicker-xs-range-input-font-size: var(--okd-font-size-xs);
  --okd-datepicker-md-range-input-width: 80px;
  --okd-datepicker-sm-range-input-width: 70px;
  --okd-datepicker-xs-range-input-width: 70px;
  --okd-datepicker-dateinput-title-color: var(--okd-color-gray-900);
  --okd-datepicker-dateinput-placeholder-color: var(--okd-color-gray-600);
  --okd-datepicker-dateinput-connector-color: var(--okd-color-gray-700);
  --okd-datepicker-shortcut-text-default-color: var(--okd-color-gray-900);
  --okd-datepicker-shortcut-text-active-color: var(--okd-color-gray-900);
  --okd-dialog-window-background: var(--okd-color-background-2);
  --okd-dialog-window-close-btn-color: var(--okd-color-gray-400);
  --okd-dialog-window-split-line-border-color: var(--okd-color-gray-100);
  --okd-dialog-title-color: var(--okd-color-gray-900);
  --okd-dialog-sub-title-color: var(--okd-color-text-light);
  --okd-dialog-window-mask-color: rgba(0, 0, 0, 0.65);
  --okd-dialog-window-default-text-color: var(--okd-color-text-secondary);
  --okd-dialog-window-box-shadow: var(--okd-shadow-xl);
  --okd-dialog-tip-title-color: var(--okd-color-gray-900);
  --okd-dialog-tip-detail-color: var(--okd-color-gray-700);
  --okd-dialog-tip-success-icon-bg: var(--okd-color-green-100);
  --okd-dialog-tip-info-icon-bg: var(--okd-color-blue-100);
  --okd-dialog-tip-prompt-icon-bg: var(--okd-color-orange-100);
  --okd-dialog-tip-warn-icon-bg: var(--okd-color-orange-100);
  --okd-dialog-tip-alert-icon-bg: var(--okd-color-red-100);
  --okd-dialog-tip-error-icon-bg: var(--okd-color-red-100);
  --okd-dialog-tip-success-icon-color: var(--okd-color-green-800);
  --okd-dialog-tip-info-icon-color: var(--okd-color-blue-900);
  --okd-dialog-tip-prompt-icon-color: var(--okd-color-orange-800);
  --okd-dialog-tip-warn-icon-color: var(--okd-color-orange-800);
  --okd-dialog-tip-alert-icon-color: var(--okd-color-red-800);
  --okd-dialog-tip-error-icon-color: var(--okd-color-red-800);
  --okd-dialog-tip-icon-bg-size: 48px;
  --okd-dialog-tip-icon-font-size: 30px;
  --okd-dialog-tip-title-font-size: 18px;
  --okd-dialog-tip-title-line-height: 24px;
  --okd-dialog-tip-detail-font-size: 14px;
  --okd-dialog-tip-detail-line-height: 20px;
  --okd-dialog-action-close-btn-color: var(--okd-color-blue-700);
  --okd-dialog-window-border-radius: 8px;
  --okd-dialog-title-font-size: 18px;
  --okd-dialog-title-line-height: 24px;
  --okd-dialog-sub-title-font-size: var(--okd-font-size-md);
  --okd-dialog-sub-title-line-height: 16px;
  --okd-dialog-window-close-size: 32px;
  --okd-dialog-container-sm-padding-horizontal: 16px;
  --okd-dialog-title-box-sm-padding-vertical: 12.5px;
  --okd-dialog-container-sm-padding-vertical: 8px;
  --okd-dialog-footer-box-sm-padding-vertical: 12px;
  --okd-dialog-container-md-padding-horizontal: 24px;
  --okd-dialog-title-box-md-padding-vertical: 19px;
  --okd-dialog-container-md-padding-vertical: 24px;
  --okd-dialog-footer-box-md-padding-vertical: 18px;
  --okd-dialog-window-min-width: 392px;
  --okd-dialog-tip-window-min-width: 344px;
  --okd-dialog-tip-window-2btn-min-width: 448px;
  --okd-dialog-tip-footer-box-sm-padding-vertical: 20px;
  --okd-dialog-tip-footer-box-md-padding-vertical: 24px;
  --okd-dialog-window-close-icon-size: 16px;
  --okd-dialog-window-back-icon-size: 14px;
  --okd-dialog-tip-container-md-padding-top: 28px;
  --okd-dialog-tip-container-md-padding-bottom: 24px;
  --okd-dialog-tip-container-sm-padding-top: 20px;
  --okd-dialog-tip-container-sm-padding-bottom: 24px;
  --okd-dialog-window-action-padding: 16px;
  --okd-dialog-footer-action-cancel-type: highlight;
  --okd-dialog-footer-action-cancel-size: sm;
  --okd-dialog-footer-action-confirm-type: primary;
  --okd-dialog-footer-action-confirm-size: sm;
  --okd-drawer-content-bg: var(--okd-color-background-2);
  --okd-drawer-mask-color: rgba(0, 0, 0, 0.65);
  --okd-upload-active-border-color: var(--okd-color-blue-700);
  --okd-upload-active-logo-color: var(--okd-color-blue-700);
  --okd-upload-active-background-color: rgba(16, 28, 50, 0.45);
  --okd-upload-active-label-color: var(--okd-color-blue-700);
  --okd-upload-error-border-color: var(--okd-color-red-700);
  --okd-upload-error-logo-color: var(--okd-color-red-700);
  --okd-upload-error-background-color: var(--okd-color-transparent);
  --okd-upload-error-label-color: var(--okd-color-red-700);
  --okd-upload-success-border-color: var(--okd-color-gray-200);
  --okd-upload-success-logo-color: var(--okd-color-blue-700);
  --okd-upload-error-retry-text-color: var(--okd-color-blue-700);
  --okd-upload-success-background-color: var(--okd-color-transparent);
  --okd-upload-pc-label-font-size: var(--okd-font-size-base);
  --okd-upload-pc-label-line-height: var(--okd-line-height-base);
  --okd-upload-pc-desc-font-size: var(--okd-font-size-xs);
  --okd-upload-pc-desc-line-height: var(--okd-line-height-xs);
  --okd-upload-mobile-label-font-size: var(--okd-font-size-md);
  --okd-upload-mobile-label-line-height: var(--okd-line-height-md);
  --okd-upload-mobile-desc-font-size: var(--okd-font-size-md);
  --okd-upload-mobile-desc-line-height: var(--okd-line-height-md);
  --okd-upload-filelist-count-font-size: var(--okd-font-size-base);
  --okd-upload-filelist-count-line-height: var(--okd-line-height-base);
  --okd-upload-file-name-font-size: var(--okd-font-size-md);
  --okd-upload-file-name-line-height: var(--okd-line-height-md);
  --okd-upload-file-desc-font-size: var(--okd-font-size-xs);
  --okd-upload-file-desc-line-height: var(--okd-line-height-xs);
  --okd-upload-text-btn-color: var(--okd-color-blue-700);
  --okd-upload-list-font-size: var(--okd-font-size-base);
  --okd-upload-list-line-height: var(--okd-line-height-base);
  --okd-upload-list-color: var(--okd-color-gray-900);
  --okd-upload-list-retry-font-size: var(--okd-font-size-md);
  --okd-upload-list-retry-line-height: var(--okd-line-height-md);
  --okd-upload-list-retry-color: var(--okd-color-blue-700);
  --okd-upload-list-label-font-size: var(--okd-font-size-md);
  --okd-upload-list-label-line-height: var(--okd-line-height-md);
  --okd-upload-list-desc-font-size: var(--okd-font-size-xs);
  --okd-upload-list-desc-line-height: var(--okd-line-height-xs);
  --okd-upload-list-desc-color: var(--okd-color-gray-400);
  --okd-input-default-text-color: var(--okd-color-text-amplifed);
  --okd-input-default-placeholder-color: var(--okd-color-gray-300);
  --okd-input-default-border-color: var(--okd-color-gray-200);
  --okd-input-default-caret-color: var(--okd-color-blue-900);
  --okd-input-default-shadow: var(--okd-shadow-none);
  --okd-input-default-background: var(--okd-color-background-2);
  --okd-input-hover-text-color: var(--okd-color-gray-900);
  --okd-input-hover-placeholder-color: var(--okd-color-gray-300);
  --okd-input-hover-border-color: var(--okd-color-gray-200);
  --okd-input-hover-caret-color: var(--okd-color-blue-900);
  --okd-input-hover-shadow: var(--okd-input-default-shadow);
  --okd-input-hover-background: var(--okd-color-background-2);
  --okd-input-focus-text-color: var(--okd-color-gray-900);
  --okd-input-focus-placeholder-color: var(--okd-color-gray-300);
  --okd-input-focus-border-color: var(--okd-color-fq-blue-lv1);
  --okd-input-focus-caret-color: var(--okd-color-blue-900);
  --okd-input-focus-shadow: 0px 0px 0px 2px #002c99;
  --okd-input-focus-background: var(--okd-color-background-2);
  --okd-input-disabled-text-color: var(--okd-color-text-light);
  --okd-input-disabled-placeholder-color: var(--okd-color-gray-300);
  --okd-input-disabled-border-color: var(--okd-color-gray-100);
  --okd-input-disabled-caret-color: var(--okd-color-blue-900);
  --okd-input-disabled-shadow: var(--okd-shadow-sm);
  --okd-input-disabled-background: rgba(36, 36, 36, 0.7);
  --okd-input-error-text-color: var(--okd-color-gray-900);
  --okd-input-error-placeholder-color: var(--okd-color-gray-300);
  --okd-input-error-border-color: var(--okd-color-red-500);
  --okd-input-error-caret-color: var(--okd-color-blue-900);
  --okd-input-error-shadow: var(--okd-shadow-sm);
  --okd-input-error-background: var(--okd-color-background-2);
  --okd-input-error-tips-color: var(--okd-color-red-700);
  --okd-input-tips-text-color: var(--okd-color-gray-700);
  --okd-input-icon-color: var(--okd-color-gray-500);
  --okd-input-label-color: var(--okd-color-gray-900);
  --okd-input-action-color: var(--okd-color-fq-blue-lv1);
  --okd-input-md-label-font-size: var(--okd-font-size-md);
  --okd-input-sm-label-font-size: var(--okd-font-size-xs);
  --okd-input-xs-label-font-size: var(--okd-font-size-xs);
  --okd-input-md-label-line-height: var(--okd-line-height-md);
  --okd-input-sm-label-line-height: var(--okd-line-height-xs);
  --okd-input-xs-label-line-height: var(--okd-line-height-xs);
  --okd-input-md-action-font-size: var(--okd-font-size-md);
  --okd-input-sm-action-font-size: var(--okd-font-size-xs);
  --okd-input-xs-action-font-size: var(--okd-font-size-xs);
  --okd-input-md-action-line-height: var(--okd-line-height-md);
  --okd-input-sm-action-line-height: var(--okd-line-height-xs);
  --okd-input-xs-action-line-height: var(--okd-line-height-xs);
  --okd-input-md-height: 40px;
  --okd-input-md-text-font-size: var(--okd-font-size-md);
  --okd-input-md-border-radius: 4px;
  --okd-input-md-error-font-size: var(--okd-font-size-xs);
  --okd-input-md-error-line-height: var(--okd-line-height-xs);
  --okd-input-md-tip-font-size: var(--okd-font-size-xs);
  --okd-input-md-tip-line-height: var(--okd-line-height-xs);
  --okd-input-md-icon-size: 20px;
  --okd-input-md-icon-margin: 6px;
  --okd-input-sm-height: 32px;
  --okd-input-sm-text-font-size: var(--okd-font-size-xs);
  --okd-input-sm-border-radius: 4px;
  --okd-input-sm-error-font-size: var(--okd-font-size-xs);
  --okd-input-sm-error-line-height: var(--okd-line-height-xs);
  --okd-input-sm-tip-font-size: var(--okd-font-size-xs);
  --okd-input-sm-tip-line-height: var(--okd-line-height-xs);
  --okd-input-sm-icon-size: 16px;
  --okd-input-sm-icon-margin: 4px;
  --okd-input-xs-height: 28px;
  --okd-input-xs-text-font-size: var(--okd-font-size-xs);
  --okd-input-xs-border-radius: 4px;
  --okd-input-xs-error-font-size: var(--okd-font-size-xs);
  --okd-input-xs-error-line-height: var(--okd-line-height-xs);
  --okd-input-xs-tip-font-size: var(--okd-font-size-xs);
  --okd-input-xs-tip-line-height: var(--okd-line-height-xs);
  --okd-input-xs-icon-size: 16px;
  --okd-input-xs-icon-margin: 4px;
  --okd-input-number-default-add-icon-color: var(--okd-color-gray-300);
  --okd-input-number-default-add-icon-background: var(--okd-color-transparent);
  --okd-input-number-hover-add-icon-color: var(--okd-color-gray-700);
  --okd-input-number-hover-add-icon-background: var(--okd-color-transparent);
  --okd-input-number-active-add-icon-color: var(--okd-color-gray-700);
  --okd-input-number-active-add-icon-background: var(--okd-color-gray-200);
  --okd-input-number-disabled-add-icon-color: var(--okd-color-gray-200);
  --okd-input-number-disabled-add-icon-background: var(--okd-color-transparent);
  --okd-input-code-common-btn-color: var(--okd-color-blue-900);
  --okd-input-code-common-btn-disabled-color: var(--okd-color-gray-300);
  --okd-input-code-common-count-color: var(--okd-color-gray-300);
  --okd-input-code-md-btn-font-size: var(--okd-font-size-md);
  --okd-input-code-md-btn-line-height: var(--okd-line-height-md);
  --okd-input-code-md-count-font-size: var(--okd-font-size-md);
  --okd-input-code-md-count-line-height: var(--okd-line-height-md);
  --okd-input-code-sm-btn-font-size: var(--okd-font-size-xs);
  --okd-input-code-sm-btn-line-height: var(--okd-line-height-xs);
  --okd-input-code-sm-count-font-size: var(--okd-font-size-xs);
  --okd-input-code-sm-count-line-height: var(--okd-line-height-xs);
  --okd-input-code-xs-btn-font-size: var(--okd-font-size-xs);
  --okd-input-code-xs-btn-line-height: var(--okd-line-height-xs);
  --okd-input-code-xs-count-font-size: var(--okd-font-size-xs);
  --okd-input-code-xs-count-line-height: var(--okd-line-height-xs);
  --okd-input-search-default-text-color: var(--okd-color-gray-900);
  --okd-input-search-default-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-default-border-color: var(--okd-color-transparent);
  --okd-input-search-default-caret-color: var(--okd-color-blue-900);
  --okd-input-search-default-shadow: 0px 0px 0px 0px transparent;
  --okd-input-search-default-background: var(--okd-color-background-3);
  --okd-input-search-hover-text-color: var(--okd-color-gray-900);
  --okd-input-search-hover-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-hover-border-color: var(--okd-color-fq-blue-lv1);
  --okd-input-search-hover-caret-color: var(--okd-color-blue-900);
  --okd-input-search-hover-shadow: 0px 0px 0px 2px #002c99;
  --okd-input-search-hover-background: var(--okd-color-background-2);
  --okd-input-search-focus-text-color: var(--okd-color-gray-900);
  --okd-input-search-focus-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-focus-border-color: var(--okd-color-fq-blue-lv1);
  --okd-input-search-focus-caret-color: var(--okd-color-blue-900);
  --okd-input-search-focus-shadow: 0px 0px 0px 2px #002c99;
  --okd-input-search-focus-background: var(--okd-color-background-2);
  --okd-input-search-error-text-color: var(--okd-color-gray-900);
  --okd-input-search-error-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-error-border-color: var(--okd-color-red-600);
  --okd-input-search-error-caret-color: var(--okd-color-blue-900);
  --okd-input-search-error-shadow: 0 1px 2px 0 #0000000d;
  --okd-input-search-error-background: var(--okd-color-background-2);
  --okd-input-search-disabled-text-color: var(--okd-color-text-light);
  --okd-input-search-disabled-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-disabled-border-color: var(--okd-color-gray-100);
  --okd-input-search-disabled-caret-color: var(--okd-color-blue-900);
  --okd-input-search-disabled-shadow: 0 1px 2px 0 #0000000d;
  --okd-input-search-disabled-background: var(--okd-color-gray-100);
  --okd-input-search-error-tips-color: var(--okd-color-red-700);
  --okd-input-search-suffix-icon-size: 13px;
  --okd-input-search-suffix-icon-color: var(--okd-color-gray-400);
  --okd-input-search-prefix-icon-color: var(--okd-color-gray-400);
  --okd-input-search-prefix-icon-size: 13px;
  --okd-input-verify-md-width: 44px;
  --okd-input-verify-md-height: 48px;
  --okd-loader-line-active-color: var(--okd-color-blue-900);
  --okd-loader-line-inactive-color: var(--okd-color-gray-600);
  --okd-loader-primary-active-color: var(--okd-color-blue-900);
  --okd-loader-primary-inactive-color: var(--okd-color-blue-200);
  --okd-loader-neutral-active-color: #fff;
  --okd-loader-neutral-inactive-color: #ffffff40;
  --okd-loader-mask-bg-color: #00000040;
  --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: 2px;
  --okd-loader-circle-sm-track-width: 2px;
  --okd-loader-line-size: 4px;
  --okd-loader-circle-cover-background: var(--okd-color-background-2);
  --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-gray-900);
  --okd-loader-mask-text-margin-top: 10px;
  --okd-notification-success-icon-color: var(--okd-color-green-900);
  --okd-notification-info-icon-color: var(--okd-color-blue-800);
  --okd-notification-warn-icon-color: var(--okd-color-yellow-800);
  --okd-notification-error-icon-color: var(--okd-color-red-800);
  --okd-notification-title-color: var(--okd-color-text-amplifed);
  --okd-notification-text-color: var(--okd-color-text-light);
  --okd-notification-action-confirm-btn-color: var(--okd-color-blue-900);
  --okd-notification-action-cancel-btn-color: var(--okd-color-gray-500);
  --okd-notification-box-close-icon-color: var(--okd-color-gray-400);
  --okd-notification-box-shadow: var(--okd-shadow-xl);
  --okd-notification-box-background: var(--okd-color-background-3);
  --okd-notification-box-border-color: var(--okd-color-gray-200);
  --okd-notification-box-border-radius: var(--okd-border-radius-md);
  --okd-notification-box-padding: 16px;
  --okd-notification-box-each-margin: 14px;
  --okd-notification-box-max-width: 700px;
  --okd-notification-box-min-width: 451px;
  --okd-notification-box-auto-width-min-width: 100px;
  --okd-notification-box-icon-text-margin: 15px;
  --okd-notification-title-font-size: var(--okd-font-size-md);
  --okd-notification-title-line-height: var(--okd-line-height-md);
  --okd-notification-text-font-size: var(--okd-font-size-md);
  --okd-notification-text-line-height: var(--okd-line-height-md);
  --okd-notification-action-font-size: var(--okd-font-size-md);
  --okd-notification-action-line-height: var(--okd-line-height-md);
  --okd-pagination-normal-background: var(--okd-color-transparent);
  --okd-pagination-hover-background: var(--okd-color-transparent);
  --okd-pagination-active-background: var(--okd-color-transparent);
  --okd-pagination-disabled-background: var(--okd-color-transparent);
  --okd-pagination-normal-text-color: var(--okd-color-gray-400);
  --okd-pagination-hover-text-color: var(--okd-color-text-amplifed);
  --okd-pagination-active-text-color: var(--okd-color-blue-900);
  --okd-pagination-disabled-text-color: var(--okd-color-gray-200);
  --okd-pagination-normal-border-color: var(--okd-color-gray-400);
  --okd-pagination-hover-border-color: var(--okd-color-gray-300);
  --okd-pagination-active-border-color: var(--okd-color-blue-900);
  --okd-pagination-disabled-border-color: var(--okd-color-gray-200);
  --okd-pagination-normal-min-width: 24px;
  --okd-pagination-normal-margin-horizontal: 6px;
  --okd-pagination-normal-margin-vertical: 0;
  --okd-pagination-simple-slash-margin-horizontal: 10px;
  --okd-pagination-simple-slash-margin-vertical: 0;
  --okd-pagination-normal-line-height: var(--okd-line-height-base);
  --okd-pagination-load-background: var(--okd-color-gray-100);
  --okd-pagination-load-text-color: var(--okd-color-gray-700);
  --okd-pagination-icon-font-size: 16px;
  --okd-pagination-icon-jump-font-size: var(--okd-font-size-md);
  --okd-pagination-border-bottom-height: 2px;
  --okd-pagination-default-padding-vertical-size: 8px;
  --okd-pagination-default-padding-horizontal-size: 8px;
  --okd-pagination-default-min-width-size: 32px;
  --okd-pagination-default-height-size: 32px;
  --okd-pagination-default-border-radius: 16px;
  --okd-pagination-simple-default-text-color: var(--okd-color-text-amplifed);
  --okd-pagination-simple-default-line-height: 20px;
  --okd-pagination-normal-background-color: var(--okd-color-transparent);
  --okd-pagination-normal-text-new-color: var(--okd-color-text-secondary);
  --okd-pagination-active-background-color: var(--okd-color-gray-200);
  --okd-pagination-active-text-new-color: var(--okd-color-text-amplifed);
  --okd-pagination-hover-background-color: var(--okd-color-gray-100);
  --okd-pagination-hover-text-new-color: var(--okd-color-gray-900);
  --okd-pagination-icon-jump-text-color: var(--okd-color-gray-900);
  --okd-pagination-icon-jump-hover-text-color: var(--okd-color-gray-900);
  --okd-pagination-disabled-text-new-color: var(--okd-color-text-light);
  --okd-pagination-default-font-size: 14px;
  --okd-pagination-default-margin-horizontal-size: 16px;
  --okd-pagination-simple-slash-margin-horizontal-size: 16px;
  --okd-popover-background: var(--okd-color-gray-400);
  --okd-popover-link-color: var(--okd-color-blue-900);
  --okd-popover-action-color: var(--okd-color-blue-900);
  --okd-popover-title-color: var(--okd-color-gray-900);
  --okd-popover-title-line-height: 20px;
  --okd-popover-title-background: var(--okd-color-background-2);
  --okd-popover-desc-color: var(--okd-color-gray-700);
  --okd-popover-md-font-size: 14px;
  --okd-popover-md-title-font-size: 16px;
  --okd-popover-md-line-height: 20px;
  --okd-popover-sm-font-size: 12px;
  --okd-popover-sm-title-font-size: 14px;
  --okd-popover-sm-line-height: 16px;
  --okd-popover-common-padding: 12px;
  --okd-popover-common-layer-width: 280px;
  --okd-popover-common-layer-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px -2px,
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px;
  --okd-popover-desc-background: var(--okd-color-gray-100);
  --okd-popover-layer-background: var(--okd-color-gray-100);
  --okd-popover-layer-border-color: var(--okd-color-gray-100);
  --okd-popup-white-board-background: var(--okd-color-background-3);
  --okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,
    #0000001a 0px 10px 15px -3px;
  --okd-radio-default-text-color: var(--okd-color-gray-700);
  --okd-radio-default-background: var(--okd-color-transparent);
  --okd-radio-default-border-color: var(--okd-color-gray-300);
  --okd-radio-default-hover-border-color: var(--okd-color-blue-900);
  --okd-radio-default-hover-shadow: 0px 0px 0px 2px #002c99;
  --okd-radio-selected-text-color: var(--okd-color-gray-700);
  --okd-radio-selected-background: var(--okd-color-blue-700);
  --okd-radio-selected-border-color: var(--okd-color-blue-700);
  --okd-radio-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-radio-selected-hover-shadow: 0 10px 15px -3px #0000001a,
    0 4px 6px -2px #0000000d;
  --okd-radio-selected-inner-color: var(--okd-color-white);
  --okd-radio-error-text-color: var(--okd-color-red-700);
  --okd-radio-error-border-color: var(--okd-color-red-700);
  --okd-radio-error-hover-border-color: var(--okd-color-red-700);
  --okd-radio-error-background: var(--okd-color-red-700);
  --okd-radio-error-inner-color: var(--okd-color-white);
  --okd-radio-error-hover-shadow: 0px 0px 0px 2px #e35e5e73;
  --okd-radio-disabled-text-color: var(--okd-color-gray-300);
  --okd-radio-disabled-background: var(--okd-color-background-2);
  --okd-radio-disabled-border-color: var(--okd-color-gray-200);
  --okd-radio-disabled-hover-border-color: var(--okd-color-gray-200);
  --okd-radio-disabled-inner-color: var(--okd-color-gray-300);
  --okd-radio-disabled-checked-border-color: var(--okd-color-gray-300);
  --okd-radio-disabled-checked-inner-color: var(--okd-color-gray-300);
  --okd-radio-common-label-font-size: var(--okd-font-size-xs);
  --okd-radio-xs-font-size: var(--okd-font-size-xs);
  --okd-radio-xs-line-height: var(--okd-line-height-xs);
  --okd-radio-xs-height: 12px;
  --okd-radio-xs-width: 12px;
  --okd-radio-xs-margin: 4px;
  --okd-radio-xs-padding: 4px;
  --okd-radio-sm-font-size: var(--okd-font-size-xs);
  --okd-radio-sm-line-height: var(--okd-line-height-xs);
  --okd-radio-sm-height: 12px;
  --okd-radio-sm-width: 12px;
  --okd-radio-sm-margin: 4px;
  --okd-radio-sm-padding: 4px;
  --okd-radio-md-font-size: var(--okd-font-size-md);
  --okd-radio-md-line-height: var(--okd-line-height-md);
  --okd-radio-md-height: 16px;
  --okd-radio-md-width: 16px;
  --okd-radio-md-margin: 8px;
  --okd-radio-md-padding: 0;
  --okd-select-common-placeholder-color: var(--okd-color-gray-600);
  --okd-select-common-text-color: var(--okd-color-gray-900);
  --okd-select-common-title-color: var(--okd-color-gray-800);
  --okd-select-common-border-color: var(--okd-color-gray-600);
  --okd-select-option-default-text-color: var(--okd-color-gray-900);
  --okd-select-option-hover-text-color: var(--okd-color-gray-900);
  --okd-select-option-active-text-color: var(--okd-color-gray-900);
  --okd-select-option-disabled-text-color: var(--okd-color-text-lighter);
  --okd-select-option-default-bg: var(--okd-color-transparent);
  --okd-select-option-hover-bg: hsla(0, 0%, 98%, 0.05);
  --okd-select-option-active-bg: var(--okd-color-gray-100);
  --okd-select-option-disabled-bg: var(--okd-color-background-2);
  --okd-select-check-default-icon-color: var(--okd-color-blue-900);
  --okd-select-empty-default-icon-color: var(--okd-color-text-lighter);
  --okd-select-empty-default-text-color: var(--okd-color-text-lighter);
  --okd-select-search-input-bg: rgba(64, 64, 64, 0.5);
  --okd-select-search-input-placeholder-color: var(--okd-color-text-lighter);
  --okd-select-search-input-color: var(--okd-color-gray-900);
  --okd-select-search-input-icon-color: var(--okd-color-text-light);
  --okd-select-search-input-border-radius: 4px;
  --okd-select-drop-box-border-color: var(--okd-color-gray-100);
  --okd-select-drop-box-shadow: var(--okd-shadow-sm), var(--okd-shadow-md);
  --okd-select-drop-box-bg: var(--okd-color-background-3);
  --okd-select-drop-box-margin-top: 6px;
  --okd-select-drop-box-border-radius: 4px;
  --okd-select-text-select-default-icon-size: var(--okd-font-size-xs);
  --okd-select-text-select-default-font-color: var(--okd-color-gray-900);
  --okd-select-text-select-hover-font-color: var(--okd-color-gray-700);
  --okd-select-text-select-select-font-color: var(--okd-color-gray-900);
  --okd-select-text-select-disabled-font-color: var(--okd-color-gray-400);
  --okd-select-text-select-default-icon-color: var(--okd-color-gray-800);
  --okd-select-text-select-hover-icon-color: var(--okd-color-gray-600);
  --okd-select-text-select-select-icon-color: var(--okd-color-gray-800);
  --okd-select-text-select-disabled-icon-color: var(--okd-color-gray-300);
  --okd-select-input-select-default-icon-color: var(--okd-color-text-light);
  --okd-select-input-select-default-icon-size: var(--okd-font-size-xs);
  --okd-select-md-title-font-size: 10px;
  --okd-select-sm-title-font-size: 10px;
  --okd-select-xs-title-font-size: 10px;
  --okd-select-md-title-line-height: var(--okd-select-md-title-font-size);
  --okd-select-sm-title-line-height: var(--okd-select-md-title-font-size);
  --okd-select-xs-title-line-height: var(--okd-select-md-title-font-size);
  --okd-select-md-title-padding-horizontal: 16px;
  --okd-select-md-title-padding-top: 4px;
  --okd-select-md-title-padding-bottom: 4px;
  --okd-select-sm-title-padding-horizontal: 12px;
  --okd-select-sm-title-padding-top: 4px;
  --okd-select-sm-title-padding-bottom: 4px;
  --okd-select-xs-title-padding-horizontal: 12px;
  --okd-select-xs-title-padding-top: 4px;
  --okd-select-xs-title-padding-bottom: 4px;
  --okd-select-md-text-font-size: var(--okd-font-size-md);
  --okd-select-sm-text-font-size: var(--okd-font-size-xs);
  --okd-select-xs-text-font-size: var(--okd-font-size-xs);
  --okd-select-md-option-font-size: var(--okd-font-size-md);
  --okd-select-sm-option-font-size: var(--okd-font-size-xs);
  --okd-select-xs-option-font-size: var(--okd-font-size-xs);
  --okd-select-md-option-line-height: var(--okd-line-height-md);
  --okd-select-sm-option-line-height: var(--okd-line-height-xs);
  --okd-select-xs-option-line-height: var(--okd-line-height-xs);
  --okd-select-md-option-padding-horizontal: 16px;
  --okd-select-md-option-padding-vertical: 8px;
  --okd-select-sm-option-padding-horizontal: 12px;
  --okd-select-sm-option-padding-vertical: 8px;
  --okd-select-xs-option-padding-horizontal: 12px;
  --okd-select-xs-option-padding-vertical: 8px;
  --okd-select-md-check-icon-font-size: 16px;
  --okd-select-sm-check-icon-font-size: 16px;
  --okd-select-xs-check-icon-font-size: 16px;
  --okd-select-md-empty-icon-font-size: 24px;
  --okd-select-sm-empty-icon-font-size: 24px;
  --okd-select-xs-empty-icon-font-size: 24px;
  --okd-select-md-empty-font-size: var(--okd-font-size-md);
  --okd-select-sm-empty-font-size: var(--okd-font-size-md);
  --okd-select-xs-empty-font-size: var(--okd-font-size-md);
  --okd-select-md-search-input-font-size: var(--okd-font-size-md);
  --okd-select-sm-search-input-font-size: var(--okd-font-size-md);
  --okd-select-xs-search-input-font-size: var(--okd-font-size-md);
  --okd-select-md-search-icon-size: 18px;
  --okd-select-sm-search-icon-size: 18px;
  --okd-select-xs-search-icon-size: 18px;
  --okd-select-md-search-margin-vertical: 8px;
  --okd-select-md-search-margin-horizontal: 16px;
  --okd-select-md-search-height: 28px;
  --okd-select-sm-search-margin-vertical: 8px;
  --okd-select-sm-search-margin-horizontal: 12px;
  --okd-select-sm-search-height: 28px;
  --okd-select-xs-search-margin-vertical: 8px;
  --okd-select-xs-search-margin-horizontal: 12px;
  --okd-select-xs-search-height: 28px;
  --okd-select-option-common-line-color: var(--okd-color-line-muted);
  --okd-select-option-common-line-height: 1px;
  --okd-select-option-common-line-margin-vertical: 6px;
  --okd-select-md-search-padding-vertical: 5px;
  --okd-select-md-search-padding-horizontal: 8px;
  --okd-select-sm-search-padding-vertical: 5px;
  --okd-select-sm-search-padding-horizontal: 8px;
  --okd-select-xs-search-padding-vertical: 5px;
  --okd-select-xs-search-padding-horizontal: 8px;
  --okd-select-mobile-option-container-padding-vertical: 8px;
  --okd-select-mobile-option-item-container-padding-top: 8px;
  --okd-select-search-input-clear-icon-color: var(--okd-color-text-lighter);
  --okd-select-md-search-clear-icon-size: 14px;
  --okd-select-sm-search-clear-icon-size: 14px;
  --okd-select-xs-search-clear-icon-size: 14px;
  --okd-slider-common-active-color: var(--okd-color-blue-900);
  --okd-slider-common-track-color: var(--okd-color-gray-200);
  --okd-slider-common-text-color: var(--okd-color-gray-300);
  --okd-slider-handler-shadow-color: rgba(0, 51, 178, 0.45);
  --okd-slider-handler-border-color: var(--okd-color-gray-200);
  --okd-slider-node-bg-color: var(--okd-color-background-1);
  --okd-slider-node-border-color: var(--okd-color-gray-200);
  --okd-slider-label-color: var(--okd-color-text-secondary);
  --okd-slider-label-font-size: var(--okd-font-size-md);
  --okd-slider-label-line-height: var(--okd-line-height-md);
  --okd-slider-desc-color: var(--okd-color-text-secondary);
  --okd-slider-desc-font-size: var(--okd-font-size-md);
  --okd-slider-desc-line-height: var(--okd-line-height-md);
  --okd-slider-md-handler-size: 18px;
  --okd-slider-md-handler-hover-size: 18px;
  --okd-slider-md-node-size: 12px;
  --okd-slider-md-track-height: 4px;
  --okd-slider-sm-handler-size: 12px;
  --okd-slider-sm-handler-hover-size: 16px;
  --okd-slider-sm-node-size: 8px;
  --okd-slider-sm-track-height: 2px;
  --okd-slider-node-text-color: var(--okd-color-red-700);
  --okd-steps-process-background: var(--okd-color-gray-900);
  --okd-steps-waiting-background: var(--okd-color-gray-200);
  --okd-steps-finish-background: var(--okd-color-gray-900);
  --default-error-background: var(--okd-color-green-800);
  --okd-steps-process-title-color: var(--okd-color-gray-900);
  --okd-steps-waiting-title-color: var(--okd-color-gray-400);
  --okd-steps-finish-title-color: var(--okd-color-gray-900);
  --okd-steps-process-description-color: var(--okd-color-gray-400);
  --okd-steps-waiting-description-color: var(--okd-color-gray-400);
  --okd-steps-finish-description-color: var(--okd-color-gray-400);
  --okd-steps-process-icon-color: var(--okd-color-black);
  --okd-steps-waiting-icon-color: var(--okd-color-text-white);
  --okd-steps-finish-icon-color: var(--okd-color-gray-050);
  --okd-steps-process-border-color: var(--okd-color-gray-100);
  --okd-steps-waiting-border-color: var(--okd-color-gray-100);
  --okd-steps-finish-border-color: var(--okd-color-gray-100);
  --okd-steps-tail-after-background: var(--okd-color-gray-100);
  --okd-steps-horizontal-total-color: var(--okd-color-gray-400);
  --okd-steps-common-icon-size: 24px;
  --okd-steps-common-icon-font-size: var(--okd-font-size-xs);
  --okd-steps-common-title-font-size: var(--okd-font-size-md);
  --okd-steps-common-description-font-size: var(--okd-font-size-xs);
  --okd-steps-label-vertical-content-margin-top: 8px;
  --okd-steps-label-vertical-content-margin-left: 8px;
  --okd-steps-label-vertical-title-padding-right: 0px;
  --okd-steps-label-vertical-description-max-width: 140px;
  --okd-steps-horizontal-content-margin-left: 8px;
  --okd-steps-horizontal-title-line-height: 20px;
  --okd-steps-vertical-content-margin-left: 32px;
  --okd-steps-vertical-icon-margin-right: 8px;
  --okd-steps-vertical-title-line-height: 20px;
  --okd-steps-vertical-description-line-height: 16px;
  --okd-steps-vertical-description-padding-bottom: 12px;
  --okd-switch-label-font-color: var(--okd-color-gray-700);
  --okd-switch-on-default-track-color: var(--okd-color-fq-blue-lv2);
  --okd-switch-on-disabled-track-color: var(--okd-color-blue-400);
  --okd-switch-on-loading-track-color: var(--okd-color-blue-400);
  --okd-switch-on-default-handler-color: var(--okd-color-white);
  --okd-switch-on-disabled-handler-color: hsla(0, 0%, 100%, 0.6);
  --okd-switch-on-loading-handler-color: var(--okd-color-white);
  --okd-switch-on-default-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-on-disabled-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-on-loading-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-on-loading-mark-color: var(--okd-color-blue-400);
  --okd-switch-on-focus-shadow: 0px 0px 0px 3px #2676ff40;
  --okd-switch-off-default-track-color: var(--okd-color-gray-200);
  --okd-switch-off-disabled-track-color: var(--okd-color-gray-100);
  --okd-switch-off-loading-track-color: var(--okd-color-gray-100);
  --okd-switch-off-default-handler-color: var(--okd-color-white);
  --okd-switch-off-disabled-handler-color: hsla(0, 0%, 100%, 0.6);
  --okd-switch-off-loading-handler-color: var(--okd-color-white);
  --okd-switch-off-default-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-off-disabled-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-off-loading-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-off-loading-mark-color: var(--okd-color-gray-400);
  --okd-switch-off-focus-shadow: 0px 0px 0px 3px #2676ff40;
  --okd-switch-duration-seconds: 0.36s;
  --okd-switch-md-label-size: var(--okd-font-size-base);
  --okd-switch-sm-label-size: var(--okd-font-size-md);
  --okd-switch-sm-size: var(--okd-font-size-md);
  --okd-switch-md-size: var(--okd-font-size-md);
  --okd-switch-md-width: 44px;
  --okd-switch-md-height: 24px;
  --okd-switch-md-handler-size: 20px;
  --okd-switch-sm-width: 28px;
  --okd-switch-sm-height: 16px;
  --okd-switch-sm-handler-size: 12px;
  --okd-tabs-pane-bg-color: var(--okd-color-transparent);
  --okd-tabs-pane-label-color: var(--okd-color-gray-700);
  --okd-tabs-pane-label-active-color: var(--okd-color-gray-900);
  --okd-tabs-pane-icon-color: var(--okd-color-gray-700);
  --okd-tabs-pane-icon-active-color: var(--okd-color-gray-900);
  --okd-tabs-pane-icon-bg-color: var(--okd-color-gray-200);
  --okd-tabs-pane-slot-bg-color: var(--okd-color-transparent);
  --okd-tabs-pane-active-color: var(--okd-color-blue-900);
  --okd-tabs-pane-background-color: var(--okd-color-gray-200);
  --okd-tabs-pane-nav-shadow-color: var(--okd-color-gray-400);
  --okd-green-color: var(--okd-color-green-900);
  --okd-red-color: var(--okd-color-red-900);
  --okd-tabs-underline-pane-list-border-color: var(
    --okd-tabs-pane-nav-shadow-color
  );
  --okd-tabs-underline-pane-list-bg-color: var(
    --okd-tabs-pane-nav-shadow-color
  );
  --okd-tabs-underline-pane-blue-label-active-color: var(--okd-color-gray-900);
  --okd-tabs-underline-pane-blue-border-active-color: var(--okd-color-blue-900);
  --okd-tabs-underline-pane-green-border-active-color: var(
    --okd-color-green-900
  );
  --okd-tabs-underline-pane-green-label-active-color: var(
    --okd-color-green-900
  );
  --okd-tabs-underline-pane-red-border-active-color: var(--okd-color-red-900);
  --okd-tabs-underline-pane-red-label-active-color: var(--okd-color-red-900);
  --okd-tabs-underline-pane-grey-border-active-color: var(--okd-color-gray-800);
  --okd-tabs-underline-pane-grey-label-active-color: var(--okd-color-gray-900);
  --okd-tabs-segmented-pane-bg-color: var(--okd-color-transparent);
  --okd-tabs-segmented-pane-green-bg-active-color: var(--okd-color-green-900);
  --okd-tabs-segmented-pane-green-label-active-color: var(
    --okd-color-text-white
  );
  --okd-tabs-segmented-pane-red-bg-active-color: var(--okd-color-red-900);
  --okd-tabs-segmented-pane-red-label-active-color: var(--okd-color-text-white);
  --okd-tabs-segmented-pane-blue-bg-active-color: var(--okd-color-blue-700);
  --okd-tabs-segmented-pane-blue-label-active-color: var(
    --okd-color-text-white
  );
  --okd-tabs-segmented-pane-grey-bg-active-color: var(--okd-color-gray-200);
  --okd-tabs-segmented-pane-grey-label-active-color: var(--okd-color-gray-900);
  --segmented-pane-label-active-color: var(--okd-tabs-pane-icon-active-color);
  --okd-tabs-segmented-pane-bg-shadow-color: 0px 2px 4px -1px #0000000f,
    0px 4px 6px -1px #0000001a;
  --okd-tabs-segmented-pane-list-bg-color: var(--okd-color-gray-100);
  --okd-tabs-muted-pane-border-color: var(--okd-color-gray-500);
  --okd-tabs-muted-pane-blue-border-active-color: var(--okd-color-blue-900);
  --okd-tabs-muted-pane-blue-label-active-color: var(--okd-color-blue-900);
  --okd-tabs-muted-pane-green-border-active-color: var(--okd-color-green-700);
  --okd-tabs-muted-pane-green-label-active-color: var(--okd-color-green-700);
  --okd-tabs-muted-pane-red-border-active-color: var(--okd-color-red-700);
  --okd-tabs-muted-pane-red-label-active-color: var(--okd-color-red-700);
  --okd-tabs-muted-pane-grey-border-active-color: var(--okd-color-gray-500);
  --okd-tabs-muted-pane-grey-label-active-color: var(--okd-color-gray-700);
  --okd-tabs-button-pane-bg-color: var(--okd-color-transparent);
  --okd-tabs-button-pane-border-color: var(--okd-color-gray-500);
  --okd-tabs-button-pane-blue-bg-active-color: var(--okd-color-blue-050);
  --okd-tabs-button-pane-blue-label-active-color: var(--okd-color-blue-900);
  --okd-tabs-button-pane-green-bg-active-color: var(--okd-color-green-900);
  --okd-tabs-button-pane-green-label-active-color: var(--okd-color-text-white);
  --okd-tabs-button-pane-red-bg-active-color: var(--okd-color-red-900);
  --okd-tabs-button-pane-red-label-active-color: var(--okd-color-text-white);
  --okd-tabs-button-pane-grey-bg-active-color: var(--okd-color-gray-100);
  --okd-tabs-button-pane-grey-label-active-color: var(--okd-color-gray-900);
  --okd-tabs-lg-font-size: var(--okd-font-size-md);
  --okd-tabs-md-font-size: var(--okd-font-size-md);
  --okd-tabs-sm-font-size: var(--okd-font-size-xs);
  --okd-tabs-xs-font-size: var(--okd-font-size-xs);
  --okd-tabs-lg-icon-size: 16px;
  --okd-tabs-md-icon-size: 16px;
  --okd-tabs-sm-icon-size: 14px;
  --okd-tabs-xs-icon-size: 14px;
  --okd-tabs-lg-height: 44px;
  --okd-tabs-md-height: 40px;
  --okd-tabs-sm-height: 36px;
  --okd-tabs-xs-height: 28px;
  --okd-tabs-lg-label-padding: 16px;
  --okd-tabs-md-label-padding: 16px;
  --okd-tabs-sm-label-padding: 10px;
  --okd-tabs-xs-label-padding: 10px;
  --okd-tabs-lg-gutter-padding: 4px;
  --okd-tabs-md-gutter-padding: 4px;
  --okd-tabs-sm-gutter-padding: 3px;
  --okd-tabs-xs-gutter-padding: 3px;
  --okd-tabs-lg-margin: 16px;
  --okd-tabs-md-margin: 12px;
  --okd-tabs-sm-margin: 8px;
  --okd-tabs-xs-margin: 8px;
  --okd-tabs-lg-icon-width: 10px;
  --okd-tabs-md-icon-width: 10px;
  --okd-tabs-sm-icon-width: 8px;
  --okd-tabs-xs-icon-width: 8px;
  --okd-tabs-underline-pane-common-border-color: var(--okd-color-line-muted);
  --okd-tabs-underline-pane-common-bg-color: var(--okd-color-gray-400);
  --okd-tabs-button-pane-common-border-color: var(--okd-color-gray-100);
  --okd-tabs-muted-pane-common-border-color: var(--okd-color-gray-100);
  --okd-tabs-segmented-pane-common-list-bg-color: var(--okd-color-gray-100);
  --okd-tabs-common-pane-icon-color: var(--okd-color-gray-700);
  --okd-tabs-common-pane-icon-active-color: var(--okd-color-gray-900);
  --okd-tabs-common-pane-icon-bg-color: var(--okd-color-gray-200);
  --okd-tabs-common-pane-label-color: var(--okd-color-gray-400);
  --okd-tabs-common-pane-nav-shadow-color: var(--okd-color-gray-400);
  --okd-tabs-segmented-pane-common-shadow: 0 1px 3px 0 #0000001a,
    0 1px 2px 0 #0000000f;
  --okd-tabs-button-pane-common-bg-color: var(--okd-color-transparent);
  --okd-tabs-underline-pane-common-label-color: var(--okd-color-gray-400);
  --okd-tabs-button-pane-common-label-color: var(--okd-color-gray-400);
  --okd-tabs-muted-pane-common-label-color: var(--okd-color-gray-400);
  --okd-tabs-segmented-pane-common-bg-color: var(--okd-color-transparent);
  --okd-tabs-segmented-pane-common-label-color: var(--okd-color-gray-400);
  --okd-tabs-xs-underline-font-size: 12px;
  --okd-tabs-xs-underline-height: 28px;
  --okd-tabs-xs-underline-label-padding: 20px;
  --okd-tabs-xs-underline-spacing: 8px;
  --okd-tabs-xs-common-icon-size: 14px;
  --okd-tabs-xs-button-font-size: 12px;
  --okd-tabs-xs-button-height: 28px;
  --okd-tabs-xs-button-label-padding: 10px;
  --okd-tabs-xs-button-spacing: 8px;
  --okd-tabs-xs-muted-font-size: 12px;
  --okd-tabs-xs-muted-height: 28px;
  --okd-tabs-xs-muted-label-padding: 10px;
  --okd-tabs-xs-muted-spacing: 8px;
  --okd-tabs-xs-segmented-font-size: 12px;
  --okd-tabs-xs-segmented-height: 28px;
  --okd-tabs-xs-segmented-label-padding: 20px;
  --okd-tabs-xs-segmented-spacing: 2px;
  --okd-tabs-xs-segmented-container-padding: 2px;
  --okd-tabs-sm-underline-height: 36px;
  --okd-tabs-sm-underline-font-size: 12px;
  --okd-tabs-sm-underline-label-padding: 10px;
  --okd-tabs-sm-underline-spacing: 8px;
  --okd-tabs-sm-common-icon-size: 14px;
  --okd-tabs-sm-button-font-size: 12px;
  --okd-tabs-sm-button-height: 36;
  --okd-tabs-sm-button-label-padding: 10;
  --okd-tabs-sm-button-spacing: 8;
  --okd-tabs-sm-muted-font-size: 12px;
  --okd-tabs-sm-muted-height: 36px;
  --okd-tabs-sm-muted-label-padding: 10px;
  --okd-tabs-sm-muted-spacing: 8px;
  --okd-tabs-sm-segmented-font-size: 12px;
  --okd-tabs-sm-segmented-height: 36px;
  --okd-tabs-sm-segmented-label-padding: 10px;
  --okd-tabs-sm-segmented-spacing: 2px;
  --okd-tabs-sm-segmented-container-padding: 2px;
  --okd-tabs-md-underline-font-size: 14px;
  --okd-tabs-md-underline-height: 40px;
  --okd-tabs-md-underline-label-padding: 16px;
  --okd-tabs-md-underline-spacing: 12px;
  --okd-tabs-md-common-icon-size: 16px;
  --okd-tabs-md-button-font-size: 14px;
  --okd-tabs-md-button-height: 40px;
  --okd-tabs-md-button-label-padding: 16px;
  --okd-tabs-md-button-spacing: 8px;
  --okd-tabs-md-muted-font-size: 14px;
  --okd-tabs-md-muted-height: 40px;
  --okd-tabs-md-muted-label-padding: 16px;
  --okd-tabs-md-muted-spacing: 12px;
  --okd-tabs-md-segmented-font-size: 14px;
  --okd-tabs-md-segmented-height: 40px;
  --okd-tabs-md-segmented-label-padding: 16px;
  --okd-tabs-md-segmented-spacing: 2px;
  --okd-tabs-md-segmented-container-padding: 2px;
  --okd-tabs-lg-underline-font-size: 14px;
  --okd-tabs-lg-underline-height: 44px;
  --okd-tabs-lg-underline-label-padding: 16px;
  --okd-tabs-lg-underline-spacing: 16px;
  --okd-tabs-lg-common-icon-size: 16px;
  --okd-tabs-lg-button-font-size: 14px;
  --okd-tabs-lg-button-height: 44px;
  --okd-tabs-lg-button-label-padding: 16px;
  --okd-tabs-lg-button-spacing: 8px;
  --okd-tabs-lg-muted-font-size: 14px;
  --okd-tabs-lg-muted-height: 44px;
  --okd-tabs-lg-muted-label-padding: 16px;
  --okd-tabs-lg-muted-spacing: 8px;
  --okd-tabs-lg-segmented-font-size: 14px;
  --okd-tabs-lg-segmented-height: 44px;
  --okd-tabs-lg-segmented-label-padding: 16px;
  --okd-tabs-lg-segmented-spacing: 2px;
  --okd-tabs-lg-segmented-container-padding: 2px;
  --okd-tabs-xl-common-icon-size: 18px;
  --okd-tabs-xl-underline-font-size: 16px;
  --okd-tabs-xl-underline-height: 48px;
  --okd-tabs-xl-underline-label-padding: 16px;
  --okd-tabs-xl-underline-spacing: 24px;
  --okd-tabs-xl-button-font-size: 16px;
  --okd-tabs-xl-button-height: 48px;
  --okd-tabs-xl-button-label-padding: 16px;
  --okd-tabs-xl-button-spacing: 8px;
  --okd-tabs-xl-muted-font-size: 16px;
  --okd-tabs-xl-muted-height: 48px;
  --okd-tabs-xl-muted-label-padding: 16px;
  --okd-tabs-xl-muted-spacing: 8px;
  --okd-tabs-xl-segmented-font-size: 16px;
  --okd-tabs-xl-segmented-height: 48px;
  --okd-tabs-xl-segmented-label-padding: 16px;
  --okd-tabs-xl-segmented-spacing: 2px;
  --okd-tabs-xl-segmented-container-padding: 2px;
  --okd-tabs-xxl-common-icon-size: 20px;
  --okd-tabs-xxl-underline-font-size: 18px;
  --okd-tabs-xxl-underline-height: 48px;
  --okd-tabs-xxl-underline-label-padding: 16px;
  --okd-tabs-xxl-underline-spacing: 24px;
  --okd-tabs-xxl-button-font-size: 18px;
  --okd-tabs-xxl-button-height: 48px;
  --okd-tabs-xxl-button-label-padding: 16px;
  --okd-tabs-xxl-button-spacing: 8px;
  --okd-tabs-xxl-muted-font-size: 18px;
  --okd-tabs-xxl-muted-height: 48px;
  --okd-tabs-xxl-muted-label-padding: 16px;
  --okd-tabs-xxl-muted-spacing: 8px;
  --okd-tabs-xxl-segmented-font-size: 18px;
  --okd-tabs-xxl-segmented-height: 48px;
  --okd-tabs-xxl-segmented-label-padding: 16px;
  --okd-tabs-xxl-segmented-spacing: 2px;
  --okd-tabs-xxl-segmented-container-padding: 2px;
  --okd-tabs-xxxl-common-icon-size: 20px;
  --okd-tabs-xxxl-underline-font-size: 22px;
  --okd-tabs-xxxl-underline-height: 56px;
  --okd-tabs-xxxl-underline-label-padding: 16px;
  --okd-tabs-xxxl-underline-spacing: 24px;
  --okd-tabs-xxxl-button-font-size: 22px;
  --okd-tabs-xxxl-button-height: 56px;
  --okd-tabs-xxxl-button-label-padding: 16px;
  --okd-tabs-xxxl-button-spacing: 8px;
  --okd-tabs-xxxl-muted-font-size: 22px;
  --okd-tabs-xxxl-muted-height: 56px;
  --okd-tabs-xxxl-muted-label-padding: 16px;
  --okd-tabs-xxxl-muted-spacing: 8px;
  --okd-tabs-xxxl-segmented-font-size: 22px;
  --okd-tabs-xxxl-segmented-height: 56px;
  --okd-tabs-xxxl-segmented-label-padding: 16px;
  --okd-tabs-xxxl-segmented-spacing: 2px;
  --okd-tabs-xxxl-segmented-container-padding: 2px;
  --okd-tabs-common-pane-nav-icon-bg-color-1: var(--okd-color-background-1);
  --okd-tabs-common-pane-nav-icon-bg-color-2: hsla(0, 0%, 7%, 0);
  --okd-tabs-button-pane-common-border-radius: 4px;
  --okd-tabs-muted-pane-common-border-radius: 4px;
  --okd-tabs-segmented-pane-common-border-radius: 4px;
  --okd-tabs-xxxl-button-font-weight: 500;
  --okd-tabs-xxl-button-font-weight: 500;
  --okd-tabs-xl-button-font-weight: 500;
  --okd-tabs-lg-button-font-weight: 500;
  --okd-tabs-md-button-font-weight: 500;
  --okd-tabs-xs-button-font-weight: 400;
  --okd-tabs-xs-muted-font-weight: 400;
  --okd-tabs-xs-segmented-font-weight: 400;
  --okd-tabs-sm-segmented-font-weight: 500;
  --okd-tabs-sm-muted-font-weight: 500;
  --okd-tabs-sm-button-font-weight: 500;
  --okd-tabs-md-muted-font-weight: 500;
  --okd-tabs-md-segmented-font-weight: 500;
  --okd-tabs-lg-muted-font-weight: 500;
  --okd-tabs-lg-segmented-font-weight: 500;
  --okd-tabs-xl-muted-font-weight: 500;
  --okd-tabs-xl-segmented-font-weight: 500;
  --okd-tabs-xxl-segmented-font-weight: 500;
  --okd-tabs-xxl-muted-font-weight: 500;
  --okd-tabs-xxxl-segmented-font-weight: 500;
  --okd-tabs-xxxl-muted-font-weight: 500;
  --okd-tooltip-default-font-color: var(--okd-color-text-amplifed);
  --okd-tooltip-neutral-background: var(--okd-color-gray-200);
  --okd-tooltip-negative-background: var(--okd-color-red-800);
  --okd-tooltip-positive-background: var(--okd-color-green-800);
  --okd-tooltip-informative-background: var(--okd-color-blue-800);
  --okd-typography-header-muted-color: var(--okd-color-gray-800);
  --okd-typography-header-medium-color: var(--okd-color-white);
  --okd-typography-header-amplified-color: var(--okd-color-white);
  --okd-typography-header-medium-font-weight: 500;
  --okd-typography-header-amplified-font-weight: 500;
  --okd-typography-h1-font-size: 30px;
  --okd-typography-h1-line-height: 32px;
  --okd-typography-h2-font-size: 30px;
  --okd-typography-h2-line-height: 32px;
  --okd-typography-h3-font-size: 18px;
  --okd-typography-h3-line-height: 24px;
  --okd-typography-h4-font-size: 18px;
  --okd-typography-h4-line-height: 24px;
  --okd-typography-h5-font-size: 18px;
  --okd-typography-h5-line-height: 24px;
  --okd-typography-h6-font-size: 18px;
  --okd-typography-h6-line-height: 24px;
  --okd-typography-text-base-font-size: var(--okd-font-size-base);
  --okd-typography-text-base-line-height: var(--okd-line-height-base);
  --okd-typography-text-md-font-size: var(--okd-font-size-md);
  --okd-typography-text-md-line-height: var(--okd-line-height-md);
  --okd-typography-text-xs-font-size: var(--okd-font-size-xs);
  --okd-typography-text-xs-line-height: var(--okd-line-height-xs);
  --okd-typography-text-muted-color: var(--okd-color-gray-400);
  --okd-typography-text-medium-color: var(--okd-color-gray-700);
  --okd-typography-text-amplified-color: var(--okd-color-white);
  --okd-typography-text-medium-font-weight: 500;
  --okd-typography-text-amplified-font-weight: 500;
  --okd-breadcrumbs-primary-current-font-color: var(--okd-color-blue-900);
  --okd-breadcrumbs-primary-icon-color: var(--okd-color-gray-300);
  --okd-breadcrumbs-secondary-current-font-color: var(--okd-color-gray-600);
  --okd-breadcrumbs-secondary-icon-color: var(--okd-color-gray-300);
  --okd-breadcrumbs-common-current-font-weight: 400;
  --okd-breadcrumbs-md-current-font-size: 16px;
  --okd-breadcrumbs-md-current-line-height: 24px;
  --okd-breadcrumbs-sm-current-font-size: 14px;
  --okd-breadcrumbs-sm-current-line-height: 24px;
  --okd-breadcrumbs-xs-current-font-size: 12px;
  --okd-breadcrumbs-xs-current-line-height: 24px;
  --okd-breadcrumbs-lg-current-font-size: 18px;
  --okd-breadcrumbs-lg-current-line-height: 24px;
  --okd-breadcrumbs-lg-icon-font-size: 18px;
  --okd-breadcrumbs-lg-icon-margin-left: 8px;
  --okd-breadcrumbs-lg-icon-margin-right: 8px;
  --okd-breadcrumbs-md-icon-font-size: 16px;
  --okd-breadcrumbs-md-icon-margin-left: 8px;
  --okd-breadcrumbs-md-icon-margin-right: 8px;
  --okd-breadcrumbs-sm-icon-font-size: 14px;
  --okd-breadcrumbs-sm-icon-margin-left: 8px;
  --okd-breadcrumbs-sm-icon-margin-right: 8px;
  --okd-breadcrumbs-xs-icon-font-size: 12px;
  --okd-breadcrumbs-xs-icon-margin-left: 8px;
  --okd-breadcrumbs-xs-icon-margin-right: 8px;
  --okd-hyperlink-primary-default-color: var(--okd-color-blue-900);
  --okd-hyperlink-primary-default-icon-color: var(--okd-color-blue-900);
  --okd-hyperlink-primary-default-underline-color: var(--okd-color-blue-900);
  --okd-hyperlink-primary-hover-color: var(--okd-color-blue-600);
  --okd-hyperlink-primary-hover-icon-color: var(--okd-color-blue-600);
  --okd-hyperlink-primary-hover-underline-color: var(--okd-color-blue-600);
  --okd-hyperlink-secondary-default-color: var(--okd-color-gray-700);
  --okd-hyperlink-secondary-default-icon-color: var(--okd-color-gray-700);
  --okd-hyperlink-secondary-default-underline-color: var(--okd-color-gray-700);
  --okd-hyperlink-secondary-hover-color: var(--okd-color-gray-900);
  --okd-hyperlink-secondary-hover-icon-color: var(--okd-color-gray-900);
  --okd-hyperlink-secondary-hover-underline-color: var(--okd-color-gray-900);
  --okd-hyperlink-xs-font-size: 12px;
  --okd-hyperlink-sm-font-size: 14px;
  --okd-hyperlink-md-font-size: 16px;
  --okd-hyperlink-lg-font-size: 18px;
  --okd-hyperlink-xs-icon-font-size: 12px;
  --okd-hyperlink-sm-icon-font-size: 16px;
  --okd-hyperlink-md-icon-font-size: 16px;
  --okd-hyperlink-lg-icon-font-size: 16px;
  --okd-hyperlink-xs-line-height: 16px;
  --okd-hyperlink-sm-line-height: 16px;
  --okd-hyperlink-md-line-height: 20px;
  --okd-hyperlink-lg-line-height: 24px;
  --okd-hyperlink-medium-font-weight: 500;
  --okd-hyperlink-medium-hover-font-weight: 500;
  --okd-hyperlink-muted-font-weight: 400;
  --okd-hyperlink-muted-hover-font-weight: 400;
  --okd-hyperlink-amplified-font-weight: 600;
  --okd-hyperlink-amplified-hover-font-weight: 600;
  --okd-hyperlink-xs-icon-margin-left: 0px;
  --okd-hyperlink-sm-icon-margin-left: 0px;
  --okd-hyperlink-md-icon-margin-left: 0px;
  --okd-hyperlink-lg-icon-margin-left: 0px;
  --okd-empty-img-width: 100px;
  --okd-empty-img-height: 100px;
  --okd-empty-img-margin-bottom: 20px;
  --okd-empty-title-font-size: 16px;
  --okd-empty-title-light-height: 20px;
  --okd-empty-title-margin-bottom: 10px;
  --okd-empty-title-color: var(--okd-color-gray-900);
  --okd-empty-desc-font-size: 14px;
  --okd-empty-desc-light-height: 158%;
  --okd-empty-desc-margin-bottom: 20px;
  --okd-empty-desc-color: var(--okd-color-gray-500);
  --okd-empty-title-line-height: 20px;
  --okd-empty-desc-line-height: 20px;
  --okd-table-pagination-margin-top: 10px;
  --color-up: #2ead65;
  --color-down: #e35e5e;
  --color-buy-up: var(--okd-color-fq-green-lv1);
  --color-buy-up-a1: rgba(46, 173, 101, 0.1);
  --color-sell-down: var(--okd-color-fq-red-lv1);
  --color-sell-down-a1: rgba(227, 94, 94, 0.1);
  --okd-color-fq-red-lv1: #db4355;
  --orderBook-price-asks-color: var(--okd-color-fq-red-lv1);
  --orderBook-ticker-up: var(--okd-color-fq-green-lv1);
  --orderBook-price-bids-color: var(--okd-color-fq-green-lv1);
  --orderBook-row-hove: hsla(0, 0%, 98%, 0.05);
  --orderBook-asks-process-bar: rgba(227, 73, 63, 0.1);
  --orderBook-bids-process-bar: rgba(5, 194, 140, 0.1);
}

/* .icon-up{
    transform: rotate(180deg);
} */

.icon-down {
  transform: rotate(-180deg);
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}

.icon-a-Icon_Web_BlockdreamVentures:before {
  content: "\ed47";
}

.icon-Icon_Web_Language:before {
  content: "\ed61";
}

.icon-Icon_Web_Earn1:before {
  content: "\ed52";
}

.icon-Icon_Web_Learn:before {
  content: "\ed91";
}

.icon-Icon_Web_Node:before {
  content: "\ed4f";
}

.icon-a-Icon_Web_ReportCenter:before {
  content: "\ed58";
}

.icon-Icon_Web_Status1:before {
  content: "\ed7d";
}

.icon-Icon_Web_Verification1:before {
  content: "\ed79";
}

.icon-Icon_Web_Support1:before {
  content: "\ed6a";
}

.icon-Icon_Web_Download:before {
  content: "\ed6b";
}

.icon-Icon_Web_Notice:before {
  content: "\ed6c";
}

.icon-Icon_Web_Setting1:before {
  content: "\ed77";
}

.icon-Icon_Web_Community2:before {
  content: "\ed78";
}

.icon-Icon_Web_Wallet:before {
  content: "\ed70";
}

.icon-a-Icon_Web_MyTradingfees:before {
  content: "\ed71";
}

.icon-Icon_Web_transfer:before {
  content: "\ed72";
}

.icon-Icon_Web_Withdraw:before {
  content: "\ed73";
}

.icon-Icon_Web_Deposit:before {
  content: "\ed74";
}

.icon-Icon_Web_Convert-1:before {
  content: "\ed6e";
}

.icon-Icon_Web_Analysis-1:before {
  content: "\ed44";
}

.icon-Icon_Web_Authorization:before {
  content: "\ed46";
}

.icon-Icon_Web_Convert:before {
  content: "\ed48";
}

.icon-Icon_Web_Broker:before {
  content: "\ed49";
}

.icon-Icon_Web_celue:before {
  content: "\ed4c";
}

.icon-Icon_Web_Jumpstart:before {
  content: "\ed50";
}

.icon-a-Icon_Web_Largetransactions:before {
  content: "\ed51";
}

.icon-Icon_Web_Loan:before {
  content: "\ed53";
}

.icon-Icon_Web_Gift:before {
  content: "\ed54";
}

.icon-Icon_Web_logout:before {
  content: "\ed55";
}

.icon-Icon_Web_Marketing:before {
  content: "\ed56";
}

.icon-a-Icon_Web_Margintrading:before {
  content: "\ed57";
}

.icon-Icon_Web_OKB:before {
  content: "\ed59";
}

.icon-Icon_Web_Overview:before {
  content: "\ed5b";
}

.icon-Icon_Web_Opptunities:before {
  content: "\ed5c";
}

.icon-Icon_Web_Pool:before {
  content: "\ed5d";
}

.icon-a-Icon_Web_Securityoffunds:before {
  content: "\ed5f";
}

.icon-a-Icon_Web_Startdemotrading:before {
  content: "\ed60";
}

.icon-Icon_Web_Referral:before {
  content: "\ed62";
}

.icon-a-Icon_Web_Subaccount:before {
  content: "\ed65";
}

.icon-a-Icon_Web_Tradingbot:before {
  content: "\ed68";
}

.icon-a-Icon_Web_Securitysettings1:before {
  content: "\ed69";
}

.icon-Selected:before {
  content: "\e656";
}

.icon-home_user:before {
  content: "\e7f1";
}

.icon-ic_arrow:before {
  content: "\e978";
}

.icon-icon_hambergur:before {
  content: "\e97a";
}

.icon-icon_sign_out:before {
  content: "\e97c";
}

.icon-cancel:before {
  content: "\e791";
}

.icon-backtothetop:before {
  content: "\e77d";
}

.icon-dialogue:before {
  content: "\e601";
}

.icon-Unfold:before {
  content: "\e660";
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/seo-ex/6.14.148/global/index.css */
* {
  font-family: inherit;
}

a,
body,
button,
div,
dl,
dt,
em,
form,
header,
i,
img,
input,
li,
p,
span,
ul {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  font-size: 100%;
  /*margin: 0;*/
  /*padding: 0;*/
}

img {
  height: auto;
  max-width: 100%;
}

a {
  cursor: pointer;
}

a,
a:active,
a:hover {
  text-decoration: none;
}

a:active,
a:hover {
  outline-width: 0;
}

li,
ul {
  list-style: none;
}

button,
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  resize: none;
}

button,
input,
label {
  font-size: 1em;
}

em,
i {
  font-style: normal;
  font-weight: 400;
}

body ::-webkit-scrollbar {
  height: 0;
  width: 4px;
}

body ::-webkit-scrollbar,
body ::-webkit-scrollbar-track {
  background-color: transparent;
}

body ::-webkit-scrollbar-thumb {
  background-color: #bdbdbd;
}

body.theme-dark ::-webkit-scrollbar {
  background-color: transparent;
}

body.theme-dark ::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 4px transparent;
  box-shadow: inset 0 0 4px transparent;
}

body.theme-dark ::-webkit-scrollbar-thumb {
  background-color: #6c6c6c;
  -webkit-box-shadow: inset 0 0 4px #6c6c6c;
  box-shadow: inset 0 0 4px #6c6c6c;
}

body {
  font-family: HarmonyOS Sans, PingFang SC, Microsoft Yahei, Heiti SC,
    WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.entrance {
  bottom: 82px;
  color: #fff;
  font-size: 12px;
  position: fixed;
  right: 40px;
  width: 32px;
  z-index: 101;
}

.entrance .wrapper {
  background: #4e88f0 !important;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin-top: 10px;
  text-align: center;
  width: 32px;
}

.entrance .wrapper i {
  font-size: 20px;
}

.entrance .im-chat {
  position: relative;
}

.entrance .wrapper .red-dot {
  background-color: #ef3031;
  border-radius: 50%;
  height: 8px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 8px;
}

.ok-global-float-layer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  flex-direction: column-reverse;
  position: fixed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 9400;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/seo-ex/6.14.148/nav/index.css */
@media (max-width: 1023px) {
  body[data-responsive="true"] .header-main .drop-c-left-align,
  body[data-responsive="true"] .header-main .drop-c-right-align {
    background: transparent;
    display: none;
    left: auto;
    opacity: 1;
    padding: 4px 0 4px 12px;
    position: relative;
    top: auto;
    visibility: visible;
    width: 100%;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .info-extend-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .info-extend-box
    .item-title {
    color: #e3e3e3;
    display: inline-block;
    font-size: 16px;
    height: 44px;
    padding: 14px 0;
    width: 100%;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .info-extend-box
    .item-title:hover {
    background: transparent;
    color: #fafafa;
  }

  body[data-responsive="true"] .header-main .drop-c-left-align .extend-box {
    margin: 0;
    max-width: unset;
    min-width: unset;
    padding: 0;
    width: 100%;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-title,
  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .desc-box {
    display: none;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item {
    height: 44px;
    margin: 0;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item
    .item-info,
  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item
    .item-title {
    color: #e3e3e3;
    display: inline-block;
    font-size: 16px;
    height: 44px;
    padding: 14px 0;
    width: 100%;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item
    .item-info:hover,
  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item
    .item-title:hover {
    background: transparent;
    color: #fafafa;
  }

  body[data-responsive="true"] .header-main .nav-container .nav-scroll-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: flex-end;
    padding: 0;
    top: 0;
    width: auto;
  }

  body[data-responsive="true"]
    .header-main
    .nav-container
    .nav-scroll-box::-webkit-scrollbar {
    display: none;
  }

  body[data-responsive="true"] .header-main .nav-container .nav-academy,
  body[data-responsive="true"] .header-main .nav-container .nav-balance,
  body[data-responsive="true"] .header-main .nav-container .nav-buy,
  body[data-responsive="true"] .header-main .nav-container .nav-custom,
  body[data-responsive="true"] .header-main .nav-container .nav-earn,
  body[data-responsive="true"] .header-main .nav-container .nav-language,
  body[data-responsive="true"] .header-main .nav-container .nav-market,
  body[data-responsive="true"] .header-main .nav-container .nav-mobile-download,
  body[data-responsive="true"] .header-main .nav-container .nav-mode,
  body[data-responsive="true"] .header-main .nav-container .nav-more,
  body[data-responsive="true"] .header-main .nav-container .nav-okc,
  body[data-responsive="true"] .header-main .nav-container .nav-trade,
  body[data-responsive="true"] .header-main .nav-container .nav-user,
  body[data-responsive="true"] .header-main .nav-container .other-wrap,
  body[data-responsive="true"] .header-main .nav-container .pc-mode,
  body[data-responsive="true"] .header-main .nav-container .profile-wrap,
  body[data-responsive="true"] .header-main .nav-container .user-info-item {
    display: none;
  }
}

@media (min-width: 1024px) {
  body[data-responsive="true"] .header-main .drop-c-left-align,
  body[data-responsive="true"] .header-main .drop-c-right-align {
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 12px 60px rgba(14, 32, 66, 0.15),
      0 1px 2px rgba(14, 32, 66, 0.05);
    box-shadow: 0 12px 60px rgba(14, 32, 66, 0.15),
      0 1px 2px rgba(14, 32, 66, 0.05);
    cursor: default;
    opacity: 0;
    overflow: hidden;
    padding: 12px;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    visibility: hidden;
    z-index: 9500;
  }

  body[data-responsive="true"] .header-main .drop-c-left-align {
    font-weight: 400;
    left: -14px;
    top: 58px;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .info-extend-box {
    display: -webkit-box;
    display: flex;
  }

  body[data-responsive="true"] .header-main .drop-c-left-align .extend-box {
    margin-right: 48px;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box:last-child {
    margin-right: 0;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-title {
    color: #6e6e6e;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
    padding-left: 20px;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    margin-bottom: 28px;
    padding: 14px 12px;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item
    .nav-menu-icon {
    color: #000;
    font-size: 24px;
    margin-right: 16px;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item:last-child {
    margin-bottom: 0;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item
    .item-box {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item
    .item-box
    .item-title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item
    .item-box
    .item-info {
    color: #000;
    font-size: 14px;
    font-weight: 400;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-box
    .box-item:hover {
    background: #f9f9f9;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-small-box {
    margin-right: 80px;
    min-width: 120px;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-small-box
    .box-title {
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 12px;
    padding-top: 12px;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-small-box
    .box-item {
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    margin-bottom: 0;
    padding: 12px;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-small-box
    .box-item
    .item-box
    .item-info {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: unset;
  }

  body[data-responsive="true"]
    .header-main
    .drop-c-left-align
    .extend-small-box
    .box-item:hover {
    background: #f9f9f9;
    border-radius: 4px;
    color: #000;
  }

  body[data-responsive="true"] .header-main .nav-container .nav-scroll-box {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: flex;
    flex-grow: 1;
    overscroll-behavior-y: contain;
    position: relative;
  }

  body[data-responsive="true"] .header-main .nav-item {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    padding: 0 14px;
    position: relative;
  }

  body[data-responsive="true"] .header-main .nav-item .nav-link,
  body[data-responsive="true"] .header-main .nav-item .nav-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fafafa;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    white-space: normal;
    word-break: break-all;
  }

  body[data-responsive="true"] .header-main .nav-item .user-arrow {
    color: #e3e3e3;
    display: inline-block;
    margin-left: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  body[data-responsive="true"] .header-main .nav-item .user-arrow .icon {
    font-size: 12px;
  }

  body[data-responsive="true"] .header-main .nav-item:hover .user-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  body[data-responsive="true"] .header-main .nav-item:hover .drop-c-left-align {
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    visibility: visible;
  }

  body[data-responsive="true"] .header-main .header-split-line {
    background: hsla(0, 0%, 100%, 0.15);
    height: 16px;
    margin: 16px 10px 16px 24px;
    width: 1px;
  }

  body[data-responsive="true"] .header-main .extend-link {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: unset;
    line-height: 20px;
    padding: 12px 16px;
    white-space: nowrap;
  }

  body[data-responsive="true"] .header-main .extend-link:hover {
    background: #f9f9f9;
    border-radius: 4px;
    color: #000;
  }

  body[data-responsive="true"] .header-main .other-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    line-height: 48px;
    padding: 0 13px;
    position: relative;
    width: 44px;
  }

  body[data-responsive="true"] .header-main .other-wrap .icon {
    color: #fafafa;
    font-size: 20px;
  }

  body[data-responsive="true"] .header-main .other-wrap .drop-c-right-align {
    overflow: visible;
    padding: 0 24px;
    right: 0;
    top: 58px;
  }

  body[data-responsive="true"]
    .header-main
    .other-wrap:hover
    .drop-c-right-align {
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    visibility: visible;
  }

  body[data-responsive="true"] .header-main .other-wrap,
  body[data-responsive="true"] .header-main .pc-mode,
  body[data-responsive="true"] .header-main .sm-mode {
    display: none;
  }

  body[data-responsive="true"] .header-main .nav-null {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
}

@media (min-width: 1024px) and (min-width: 1270px) {
  body[data-responsive="true"] .header-main .other-wrap {
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  body[data-responsive="true"] .header-main .nav-academy {
    display: none;
  }
}

body .header-container {
  background: #121212;
  min-width: 320px;
}

body .header-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body .header-container .header-wrap {
  height: 48px;
  width: 100%;
}

body .header-container .header-wrap .header-main {
  -webkit-box-pack: justify;
  display: -webkit-box;
  display: flex;
  height: 48px;
  justify-content: space-between;
  position: relative;
  visibility: visible;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main {
    margin: 0 auto;
    padding: 0 24px;
    visibility: visible;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-right-section
    .nav-right-container {
    height: 48px;
  }
}

@media (min-width: 1270px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-right-section
    .nav-right-container {
    display: -webkit-box;
    display: flex;
    height: 48px;
  }
}

body .header-container .header-wrap .header-main .nav-container {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: flex;
  flex-grow: 1;
}

body .header-container .header-wrap .header-main .action-container {
  cursor: pointer;
  display: inline-block;
  position: relative;
  z-index: 9501;
}

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main .action-container {
    display: none;
  }
}

body .header-container .header-wrap .header-main .action-container .icon {
  color: #fafafa;
  display: inline-block;
  font-size: 20px;
  padding: 14px 0;
}

body[data-responsive="true"] {
  min-width: auto;
}

body[data-responsive="true"] .header-container .header-wrap {
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 768px) {
  body[data-responsive="true"] .header-container .header-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (min-width: 1024px) {
  body[data-responsive="true"] .header-container .header-wrap {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}

@media (min-width: 1270px) {
  body[data-responsive="true"] .header-container .header-wrap {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}

@media (max-width: 1023px) {
  body[data-responsive="true"] .header-container {
    background: transparent;
    height: 48px;
  }

  body[data-responsive="true"] .header-container .header-wrap {
    background: #121212;
    height: 48px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9500;
  }

  body[data-responsive="true"] .header-container .header-wrap .header-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  body[data-responsive="true"] .header-container .header-wrap .header-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}

@media (max-width: 1023px) and (min-width: 1024px) {
  body[data-responsive="true"] .header-container .header-wrap .header-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}

@media (max-width: 1023px) and (min-width: 1270px) {
  body[data-responsive="true"] .header-container .header-wrap .header-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  body[data-responsive="true"] .header-container {
    height: 48px;
    width: 100%;
  }

  body[data-responsive="true"] .header-container .header-wrap {
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }

  body[data-responsive="true"] .header-container .header-wrap .header-main {
    width: 100%;
  }
}

@media (min-width: 1270px) {
  body[data-responsive="true"] .header-container {
    height: 48px;
    width: 100%;
  }

  body[data-responsive="true"] .header-container .header-wrap {
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }

  body[data-responsive="true"] .header-container .header-wrap .header-main {
    width: 100%;
  }
}

body .header-container .header-wrap .header-main .header-line {
  background: hsla(0, 0%, 100%, 0.15);
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .header-line {
    height: 16px;
    margin: 16px 0;
    width: 1px;
  }
}

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main .header-line {
    display: block;
  }
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main.not-login .header-line {
    display: none;
  }
}

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main.not-login .header-line {
    display: block;
  }
}

body .header-container .header-wrap .header-main .logo-container {
  display: -webkit-box;
  display: flex;
}

body .header-container .header-wrap .header-main .logo-wrap {
  color: #666;
  cursor: pointer;
  height: 48px;
  margin-right: 5px;
  overflow: hidden;
  text-align: left;
}

body .header-container .header-wrap .header-main .logo-wrap .logo-img {
  height: 36px;
  width: 82px;
}

body .header-container .header-wrap .header-main .logo-wrap .logo-img-new {
  margin-top: 6px;
}

body .header-container .header-wrap .header-main .logo-wrap .simulated-sign {
  display: none;
}

body .header-container .header-wrap .header-main .mode-logo {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
}

body .header-container .header-wrap .header-main .mode-container {
  display: -webkit-box;
  display: flex;
  line-height: 48px;
}

body .header-container .header-wrap .header-main .new-mode-tab {
  background: hsla(0, 0%, 100%, 0.15);
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  border-radius: 4px;
  cursor: pointer;
  display: none;
  height: 28px;
  margin-left: 20px;
}

@media (min-width: 768px) {
  body .header-container .header-wrap .header-main .new-mode-tab {
    display: -webkit-box;
    display: flex;
  }
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .new-mode-tab {
    height: unset;
  }
}

body .header-container .header-wrap .header-main .new-mode-tab .tab-defi,
body .header-container .header-wrap .header-main .new-mode-tab .tab-exchange {
  color: #fafafa;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 12px;
  text-align: justify;
}

body .header-container .header-wrap .header-main .new-mode-tab .active {
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  color: #000;
}

body .header-container .header-wrap .header-main .nav-mode .mode-box {
  display: block;
  padding: 16px 0 4px;
  width: 100%;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-mode
  .mode-box
  .box-item
  .item-box {
  background: #242424;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 16px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-mode
  .mode-box
  .box-item
  .item-box
  .item-title {
  color: #fafafa;
  font-size: 14px;
  font-weight: 600;
  height: unset;
  line-height: 20px;
  margin-bottom: 2px;
  padding: unset;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-mode
  .mode-box
  .box-item
  .item-box
  .desc-box {
  display: block;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-mode
  .mode-box
  .box-item
  .item-box
  .desc-box
  .desc {
  color: #909090;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  visibility: visible;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-mode.mode-okex
  .box-item
  .item-okex {
  border: 1.5px solid #fafafa;
}

body .header-container .header-wrap .header-main .custom-logo {
  display: none;
}

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main .custom-logo {
    display: block;
  }
}

body .header-container .header-wrap .header-main .nav-custom {
  display: none;
}

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main .nav-custom {
    display: -webkit-box;
    display: flex;
  }
}

body .header-container .header-wrap .header-main .nav-custom .hide-link {
  display: none !important;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-custom {
    position: static;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-custom
    .drop-c-right-align {
    min-width: 152px;
    padding: 12px;
    right: 0;
  }

  body .header-container .header-wrap .header-main .nav-custom .extend-link {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-custom
    .extend-link.click-disable {
    cursor: not-allowed;
    opacity: 0.5;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-custom
    .extend-link.click-disable:hover {
    background: unset;
    color: #35384a;
  }

  body .header-container .header-wrap .header-main .community-link {
    position: relative;
  }
}

@media (min-width: 1024px) and (min-width: 1270px) {
  body .header-container .header-wrap .header-main .nav-custom .user-arrow,
  body
    .header-container
    .header-wrap
    .header-main
    .nav-custom
    .user-support-text {
    display: none;
  }
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-earn
  .drop-c-left-align
  .info-extend-box
  .extend-box
  .earn-desc-list {
  display: none;
}

@media (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align {
    left: -2px;
    padding-bottom: 8px;
    padding-top: 8px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box {
    min-width: 220px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .box-item {
    -webkit-box-align: center;
    align-items: center;
    max-width: 342px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .box-item
    .item-box
    .item-info {
    font-size: 14px;
    line-height: 20px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .box-item
    .item-box
    .desc-box {
    display: none;
    margin-top: 4px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .box-item
    .item-box
    .desc-box
    .desc {
    color: #929292;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    visibility: visible;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box:last-child {
    margin-right: 0;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .earn-desc-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    padding-left: 52px;
    width: 100%;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .earn-desc-list
    .earn-list-item {
    min-width: 140px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .earn-desc-list
    .earn-list-item
    .earn-item {
    border-radius: 4px;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 11px 0 11px 21px;
    position: relative;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .earn-desc-list
    .earn-list-item
    .earn-item:before {
    background: #000;
    border-radius: 50%;
    content: "";
    display: block;
    font-size: 12px;
    height: 5px;
    left: 8px;
    position: absolute;
    top: 16px;
    width: 5px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .earn-desc-list
    .earn-list-item
    .earn-item:hover {
    background: #f9f9f9;
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-earn
    .drop-c-left-align {
    max-width: 700px;
  }
}

@media (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-market
    .drop-c-left-align {
    left: 50%;
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-market
    .drop-c-left-align
    .info-extend-box
    .extend-box {
    min-width: 156px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-market
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .box-item {
    -webkit-box-align: center;
    align-items: center;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-market
    .drop-c-left-align
    .info-extend-box
    .extend-box
    .box-item
    .item-box
    .item-info {
    font-size: 14px;
    line-height: 20px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-market
    .drop-c-left-align
    .info-extend-box
    .extend-box:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-market
    .drop-c-left-align {
    max-width: 700px;
  }
}

@media (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-more
    .drop-c-left-align {
    left: 50%;
    padding-bottom: 12px;
    padding-top: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-more
    .drop-c-left-align
    .info-extend-box
    .extend-box {
    margin-right: 0;
    min-width: 200px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-more
    .drop-c-left-align
    .info-extend-box
    .extend-box:last-child {
    margin-right: 0;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-more
    .drop-c-left-align
    .info-extend-box
    .extend-small-box
    .box-item {
    padding-right: 20px;
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-more
    .drop-c-left-align {
    max-width: 700px;
  }
}

body .header-container .header-wrap .header-main .nav-more .item-academy {
  display: none;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-more .item-academy {
    display: -webkit-box;
    display: flex;
  }
}

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main .nav-more .item-academy {
    display: none;
  }
}

@media (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align {
    left: -2px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align
    .extend-box {
    margin-right: 0;
    min-width: 320px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align
    .extend-box
    .box-item {
    display: -webkit-box;
    display: flex;
    margin: unset;
    max-width: 342px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align
    .extend-box
    .box-item
    .item-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align
    .extend-box
    .box-item
    .item-box
    .item-title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 2px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align
    .extend-box
    .box-item
    .item-box
    .desc-box {
    position: relative;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align
    .extend-box
    .box-item
    .item-box
    .desc-box
    .desc {
    color: #929292;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    visibility: visible;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align
    .only-new-box {
    display: block;
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align
    .extend-box
    .box-item {
    padding: 12px 20px;
  }
}

@media (min-width: 1024px) and (min-width: 1270px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-trade
    .drop-c-left-align
    .extend-box
    .box-item {
    padding: 12px;
  }
}

.header-container .header-wrap .header-main .nav-notice {
  display: none;
}

@media (min-width: 1270px) {
  .header-container .header-wrap .header-main .nav-notice {
    display: -webkit-box;
    display: flex;
  }
}

.header-container .header-wrap .header-main .nav-notice {
  position: static;
}

.header-container .header-wrap .header-main .nav-notice .notice-icon {
  line-height: 48px;
  position: relative;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .notice-icon
  .notice-new {
  background-color: #ff6e00;
  border-radius: 100px;
  display: none;
  height: 6px;
  position: absolute;
  right: 0;
  top: 14px;
  width: 6px;
}

.header-container .header-wrap .header-main .nav-notice .drop-c-right-align {
  overflow: hidden;
  padding: 8px 0;
  right: 0;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-box {
  width: 336px;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-box
  .notice-list
  .notice-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 12px 20px;
  width: 100%;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-box
  .notice-list
  .notice-item:hover {
  background: #f7f7f7;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-box
  .notice-list
  .notice-item:hover
  .item-title {
  color: #004cff;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-box
  .notice-list
  .notice-item
  .item-title {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-box
  .notice-list
  .notice-item
  .item-date {
  color: #929292;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 2px;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-box
  .notice-more {
  color: #004cff;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 12px 18px;
  width: 100%;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-empty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: none;
  flex-direction: column;
  height: 158px;
  justify-content: center;
  width: 240px;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-empty
  .empty-icon {
  display: block;
  height: 80px;
  margin-bottom: 6px;
  width: 80px;
}

.header-container
  .header-wrap
  .header-main
  .nav-notice
  .drop-c-right-align
  .notice-empty
  .empty-desc {
  color: #929292;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

body .header-container .header-wrap .header-main .nav-download {
  display: none;
  margin-left: 14px;
  padding-left: 10px;
  padding-right: 10px;
  width: 40px;
}

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main .nav-download {
    display: -webkit-box;
    display: flex;
  }
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align {
  left: 50%;
  min-width: 180px;
  padding: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align
  .download-box,
body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align
  .download-box
  .qr-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align
  .download-box
  .qr-box {
  -webkit-box-align: center;
  align-items: center;
  flex-shrink: 0;
  padding: 20px 0;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align
  .download-box
  .qr-box
  .qr-code-desc {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 6px;
  white-space: nowrap;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align
  .download-box
  .qr-box
  .img-box {
  height: 100px;
  width: 100px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align
  .download-box
  .qr-box
  .img-box
  .qr-code-img {
  display: block;
  height: 100%;
  width: 100%;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align
  .download-box
  .pc-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  align-items: center;
  background: #f7f7f7;
  border-radius: 2px;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  padding: 8px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align
  .download-box
  .pc-box
  .download-btn {
  background: #fff;
  border: 0.5px solid #dbdbdb;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
  padding: 3px 14px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-download
  .drop-c-right-align
  .download-box
  .pc-box
  .download-desc {
  color: #929292;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

body .header-container .header-wrap .header-main .nav-mobile-download .app-box {
  width: 100%;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-mobile-download
  .app-box
  .download-text {
  border: 1px solid #404040;
  border-radius: 6px;
  color: #fafafa;
  display: block;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  line-height: 16px;
  margin-bottom: 8px;
  margin-top: 48px;
  padding: 16px 2px;
  text-align: center;
  width: 100%;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-mobile-download {
    display: none;
  }
}

body .header-container .header-wrap .header-main .nav-language {
  display: none;
  padding-right: 0;
  position: relative;
  width: 32px;
}

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main .nav-language {
    display: -webkit-box;
    display: flex;
  }
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language:hover
  .language-list {
  opacity: 1;
  pointer-events: auto;
  top: 48px;
  visibility: visible;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language:hover
  .language-list
  .list-ul {
  overflow-y: auto;
}

body .header-container .header-wrap .header-main .nav-language .language-list {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 12px 60px rgba(14, 32, 66, 0.15),
    0 1px 2px rgba(14, 32, 66, 0.05);
  box-shadow: 0 12px 60px rgba(14, 32, 66, 0.15),
    0 1px 2px rgba(14, 32, 66, 0.05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  opacity: 0;
  overflow: hidden;
  padding-top: 14px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 58px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  visibility: hidden;
  z-index: 9500;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .ul-title {
  color: #6e6e6e;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 8px;
  padding-left: 18px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .list-ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  max-height: 308px;
  overflow-y: hidden;
  padding: 0 6px 0 10px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .list-ul::-webkit-scrollbar {
  width: 2px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .list-ul::-webkit-scrollbar-thumb {
  background: #bdbdbd;
  border-radius: 1px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .language {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 12px;
  position: relative;
  white-space: nowrap;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .language
  .language-link {
  color: #000;
  pointer-events: none;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .language:hover {
  background: #f9f9f9;
  border-radius: 4px;
  color: #000;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .language
  .now-select-item,
body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .language:hover
  .language-link {
  color: #000;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .language
  .select-icon {
  color: #000;
  font-size: 12px;
  height: 10px;
  line-height: 12px;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .ul-box
  .list-ul {
  max-height: 316px;
  min-width: 198px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-language
  .language-list
  .ul-box:last-child
  .list-ul {
  min-width: unset;
  width: 143px;
}

body .header-container .header-wrap .header-main .user-no-login,
body .header-container .header-wrap .header-main .user-no-login-container {
  display: none;
  margin-right: 24px;
  padding-top: 10px;
}

body .header-container .header-wrap .header-main .user-no-login .passport-btn,
body
  .header-container
  .header-wrap
  .header-main
  .user-no-login-container
  .passport-btn {
  border: 1px solid #fafafa;
  border-radius: 4px;
  color: #fafafa;
  display: inline-block;
  font-size: 14px;
  height: 28px;
  line-height: 14px;
  padding: 6px 8px;
  text-align: center;
}

body
  .header-container
  .header-wrap
  .header-main
  .user-no-login
  .passport-btn
  + .passport-btn,
body
  .header-container
  .header-wrap
  .header-main
  .user-no-login-container
  .passport-btn
  + .passport-btn {
  margin-left: 4px;
}

body .header-container .header-wrap .header-main .user-no-login .user-login-btn,
body
  .header-container
  .header-wrap
  .header-main
  .user-no-login-container
  .user-login-btn {
  border: 1px solid transparent;
  color: #fafafa;
  display: inline-block;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-container
  .user-login-btn {
  display: none;
}

@media (min-width: 768px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-container
    .user-login-btn {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .user-no-login {
    display: none;
  }
}

body .header-container .header-wrap .header-main.not-login .user-no-login {
  display: -webkit-box;
  display: flex;
  position: relative;
}

body .header-container .header-wrap .header-main .nav-user {
  display: none;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-user {
    cursor: pointer;
    display: none;
    font-weight: 500;
    margin-right: 18px;
    padding-left: 18px;
    padding-right: 10px;
    position: relative;
    text-align: right;
  }

  body .header-container .header-wrap .header-main .nav-user:hover .user-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-user:hover
    .drop-c-left-align {
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    visibility: visible;
  }

  body .header-container .header-wrap .header-main .nav-user .user-info {
    -webkit-box-align: center;
    align-items: center;
    color: #fafafa;
    display: -webkit-box;
    display: flex;
    float: left;
    font-size: 14px;
    margin-right: 0;
  }

  body .header-container .header-wrap .header-main .nav-user .user-info .icon {
    font-size: 20px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-user
    .user-info
    .user-loginName {
    display: none;
    font-size: 14px;
    line-height: 20px;
    margin-left: 8px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-user
    .drop-c-left-align {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: -24px;
    min-width: 184px;
    padding: 8px 0;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-user
    .drop-c-left-align
    .extend-link
    .nav-menu-icon {
    color: #000;
    font-size: 24px;
    margin-right: 16px;
  }
}

body .header-container .header-wrap .header-main .nav-user .line,
body .header-container .header-wrap .header-main .nav-user .user-account {
  display: none;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-user .line,
  body .header-container .header-wrap .header-main .nav-user .user-account {
    display: block;
  }
}

body .header-container .header-wrap .header-main .nav-user .logout,
body .header-container .header-wrap .header-main .nav-user .user-info {
  display: none;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-user .logout,
  body .header-container .header-wrap .header-main .nav-user .user-info {
    display: -webkit-box;
    display: flex;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-user
    .user-account-text {
    display: none;
  }
}

body .header-container .header-wrap .header-main .user-info-item {
  display: none;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .user-info-item {
    display: -webkit-box;
    display: flex;
    vertical-align: middle;
  }
}

body
  .header-container
  .header-wrap
  .header-main
  .user-info-item
  .user-info-simple {
  margin-left: 8px;
}

body .header-container .header-wrap .header-main .user-info-item .user-avatar {
  align-self: center;
  border-radius: 50%;
  flex-shrink: 0;
  height: 38px;
  overflow: hidden;
  width: 38px;
}

@media (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .user-info-item
    .user-avatar {
    align-self: unset;
  }
}

body
  .header-container
  .header-wrap
  .header-main
  .user-info-item
  .user-avatar
  img {
  display: block;
  height: 100%;
  width: 100%;
}

body .header-container .header-wrap .header-main .user-info-item .user-uid {
  color: #9aa1b1;
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-user {
    position: relative;
  }

  body .header-container .header-wrap .header-main .nav-user .user-arrow {
    display: none;
  }
}

body .header-container .header-wrap .header-main .nav-user .drop-c-left-align {
  min-width: 220px;
  padding: 12px;
}

@media (min-width: 1024px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-user
    .drop-c-left-align {
    left: unset;
    right: 0;
  }
}

@media (min-width: 1270px) {
  body
    .header-container
    .header-wrap
    .header-main
    .nav-user
    .drop-c-left-align {
    left: -28px;
    right: unset;
  }
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-user
  .drop-c-left-align
  .user-info-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
  line-height: 1;
  min-height: 48px;
  padding: 10px 12px;
  text-align: left;
  width: 100%;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-user
  .drop-c-left-align
  .line {
  background: #edf0f7;
  height: 1px;
  margin: 6px 0;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-user
  .drop-c-left-align
  .user-account {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-user
  .drop-c-left-align
  .user-level {
  display: inline-block;
  line-height: 1;
  text-align: left;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-user
  .drop-c-left-align
  .user-level
  .sub-tag-wrap {
  background: rgba(103, 217, 67, 0.15);
  border-radius: 2px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin: 4px 3px 0 0;
  padding: 0 4px;
  text-align: center;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-user
  .drop-c-left-align
  .user-level
  .sub-tag {
  color: #00996d;
  display: inline-block;
  font-size: 12px;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
  -webkit-transform-origin: top;
  transform-origin: top;
}

body
  .header-container
  .header-wrap
  .header-main
  .nav-user
  .drop-c-left-align
  .logout {
  cursor: pointer;
  margin-top: 0;
  padding: 12px 16px;
}

body .header-container .header-wrap .header-main .nav-user .user-uid {
  color: #929292;
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}

body .header-container .header-wrap .header-main .profile-wrap {
  display: none;
  margin-bottom: 20px;
  min-height: 44px;
}

body .header-container .header-wrap .header-main .profile-wrap .user-avatar {
  align-self: center;
  border-radius: 50%;
  flex-shrink: 0;
  height: 40px;
  overflow: hidden;
  width: 40px;
}

body
  .header-container
  .header-wrap
  .header-main
  .profile-wrap
  .user-avatar
  .header-avatar-img,
body
  .header-container
  .header-wrap
  .header-main
  .profile-wrap
  .user-avatar
  img {
  display: block;
  height: 100%;
  width: 100%;
}

body .header-container .header-wrap .header-main .profile-wrap .person-info {
  -webkit-box-flex: 1;
  flex-grow: 1;
  padding: 5px 0 5px 8px;
}

body
  .header-container
  .header-wrap
  .header-main
  .profile-wrap
  .person-info
  .info-text {
  color: #fafafa;
  font-size: 14px;
  line-height: 18px;
}

body
  .header-container
  .header-wrap
  .header-main
  .profile-wrap
  .person-info
  .user-uuid {
  color: #909090;
}

body .header-container .header-wrap .header-main .profile-wrap .logout {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 7px -3px 7px 0;
  position: relative;
  text-align: right;
  width: 36px;
}

body .header-container .header-wrap .header-main .profile-wrap .logout .icon {
  color: #909090;
  display: inline-block;
  font-size: 24px;
}

@media (min-width: 1024px) {
  body .header-main .nav-buy {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  body .header-main .nav-market {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  body .header-main .nav-trade {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }

  body .header-main .nav-earn {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }

  body .header-main .nav-academy,
  body .header-main .nav-okc {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }

  body .header-main .nav-more {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }

  body .header-main .nav-null {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }

  body .header-main .header-search-box {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }

  body .header-main .user-no-login {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }

  body .header-main .nav-balance {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }

  body .header-main .nav-user {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }

  body .header-main .header-line,
  body .header-main .nav-right-section {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }

  body .header-main .nav-download {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }

  body .header-main .nav-notice {
    -webkit-box-ordinal-group: 15;
    order: 14;
  }

  body .header-main .nav-custom {
    -webkit-box-ordinal-group: 16;
    order: 15;
  }

  body .header-main .nav-language {
    -webkit-box-ordinal-group: 17;
    order: 16;
  }
}

body .header-container .header-wrap .header-main .nav-balance,
body .header-container .header-wrap .header-main .nav-balance .item-real,
body .header-container .header-wrap .header-main .nav-balance .item-simulated {
  display: none;
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-balance {
    cursor: pointer;
    display: none;
    font-weight: 500;
    padding: 0 12px 0 0;
    position: relative;
    text-align: right;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-balance:hover
    .user-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-balance:hover
    .drop-c-left-align {
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    visibility: visible;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-balance
    .user-balance-href,
  body
    .header-container
    .header-wrap
    .header-main
    .nav-balance
    .user-balance-text {
    -webkit-box-align: center;
    align-items: center;
    color: #fafafa;
    display: -webkit-box;
    display: flex;
    float: left;
    font-size: 14px;
    margin-right: 8px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-balance
    .user-balance-href {
    display: block;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-balance
    .user-balance-text {
    display: none;
  }

  body .header-container .header-wrap .header-main .nav-balance .user-arrow {
    display: inline-block;
    margin-left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 14px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-balance
    .user-arrow
    .icon {
    display: inline-block;
    font-size: 10px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    width: 14px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-balance
    .drop-c-left-align {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: unset;
    min-width: 220px;
    right: -16px;
  }

  body
    .header-container
    .header-wrap
    .header-main
    .nav-balance
    .drop-c-left-align
    .extend-link
    .nav-menu-icon {
    color: #000;
    font-size: 24px;
    margin-right: 16px;
  }
}

body[data-responsive="true"] #backTopBox {
  display: none !important;
}

body[data-nav="true"] .header-container {
  display: block;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/okui/themes/0.1.2/dark/index.css */

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/okex/index.css */
.icon-Mul_layout:before {
  content: "\ecd3";
}

.icon-Mul_4k:before {
  content: "\ecd1";
}

.icon-Mul_transfer:before {
  content: "\ec33";
}

.icon-Mul_exchange1:before {
  content: "\ec31";
}

.icon-Mul_favorite:before {
  content: "\ebe1";
}

.icon-Mul_data:before {
  content: "\ebae";
}

.icon-Mul_Dropdown:before {
  content: "\ebb0";
}

.icon-Mul_inf:before {
  content: "\ebb4";
}

.icon-Mul_info:before {
  content: "\ebb9";
}

.icon-Mul_rate:before {
  content: "\ebc0";
}

.icon-Mul_setting:before {
  content: "\ebc4";
}

.icon-Mul_Arrowup:before {
  content: "\ebcb";
}

.icon-Mul_search:before {
  content: "\ebdd";
}

body {
  height: 100%;
  margin: 0;
}

.home-container {
  /*min-height: calc(100vh - 48px);*/
  background-color: rgb(23, 26, 30);
}

.okg-xl {
  display: none;
}

@media (min-width: 1270px) {
  .okg-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 767px) {
  .okg-sm-hide {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .okg-md-hide {
    display: none;
  }
}

body {
  -ms-overflow-style: none;
  font-size: 14px;
  font-weight: 400;
  /* line-height: 20px; */
}

body::-webkit-scrollbar {
  display: none;
}

body.theme-dark {
  background-color: #000;
}

.has-tooltip {
  border-bottom: 1px dashed var(--okd-color-line-amplifed);
  cursor: pointer;
}

.color-up {
  color: var(--color-buy-up) !important;
}

.color-down {
  color: var(--color-sell-down) !important;
}

.theme-dark {
  --okd-icon-size-base: 18px;
  --okd-icon-size-xs: 14px;
  --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: #00422f;
  --okd-color-green-200: #005c42;
  --okd-color-green-300: #007151;
  --okd-color-green-400: #008661;
  --okd-color-green-500: #009c70;
  --okd-color-green-600: #00b17f;
  --okd-color-green-700: #05c48e;
  --okd-color-green-800: #19c997;
  --okd-color-green-900: #2dcea0;
  --okd-color-red-050: #310f0d;
  --okd-color-red-100: #4b1713;
  --okd-color-red-200: #68201b;
  --okd-color-red-300: #812721;
  --okd-color-red-400: #992e27;
  --okd-color-red-500: #b2362e;
  --okd-color-red-600: #ca3d34;
  --okd-color-red-700: #df473d;
  --okd-color-red-800: #e1554c;
  --okd-color-red-900: #e4645c;
  --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: #05c48e;
  --okd-color-fq-red-lv1: #df473d;
  --okd-color-fq-orange-lv1: #f76816;
  --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-button-primary-normal-default-background: var(--okd-color-blue-900);
  --okd-button-primary-normal-hover-background: var(--okd-color-blue-700);
  --okd-button-primary-normal-active-background: var(--okd-color-blue-300);
  --okd-button-primary-normal-focus-background: var(--okd-color-blue-900);
  --okd-button-primary-normal-disabled-background: var(--okd-color-gray-400);
  --okd-button-primary-normal-default-border-color: var(--okd-color-blue-900);
  --okd-button-primary-normal-hover-border-color: var(--okd-color-blue-700);
  --okd-button-primary-normal-active-border-color: var(--okd-color-blue-300);
  --okd-button-primary-normal-focus-border-color: var(--okd-color-blue-900);
  --okd-button-primary-normal-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-primary-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-primary-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-disabled-icon-color: var(--okd-color-gray-500);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-primary-normal-loader-mark-color: var(--okd-color-white);
  --okd-button-primary-red-default-background: var(--okd-color-red-900);
  --okd-button-primary-red-hover-background: var(--okd-color-red-700);
  --okd-button-primary-red-active-background: var(--okd-color-red-300);
  --okd-button-primary-red-focus-background: var(--okd-color-red-900);
  --okd-button-primary-red-disabled-background: var(--okd-color-gray-400);
  --okd-button-primary-red-default-border-color: var(--okd-color-red-900);
  --okd-button-primary-red-hover-border-color: var(--okd-color-red-700);
  --okd-button-primary-red-active-border-color: var(--okd-color-red-300);
  --okd-button-primary-red-focus-border-color: var(--okd-color-red-900);
  --okd-button-primary-red-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-primary-red-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-primary-red-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-disabled-icon-color: var(--okd-color-gray-500);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-primary-red-loader-mark-color: var(--okd-color-white);
  --okd-button-primary-green-default-background: var(--okd-color-green-900);
  --okd-button-primary-green-hover-background: var(--okd-color-green-700);
  --okd-button-primary-green-active-background: var(--okd-color-green-300);
  --okd-button-primary-green-focus-background: var(--okd-color-green-900);
  --okd-button-primary-green-disabled-background: var(--okd-color-gray-400);
  --okd-button-primary-green-default-border-color: var(--okd-color-green-900);
  --okd-button-primary-green-hover-border-color: var(--okd-color-green-700);
  --okd-button-primary-green-active-border-color: var(--okd-color-green-300);
  --okd-button-primary-green-focus-border-color: var(--okd-color-green-900);
  --okd-button-primary-green-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-primary-green-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-primary-green-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-disabled-icon-color: var(--okd-color-gray-500);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-primary-green-loader-mark-color: var(--okd-color-white);
  --okd-button-secondary-normal-default-background: var(--okd-color-gray-400);
  --okd-button-secondary-normal-hover-background: var(--okd-color-gray-500);
  --okd-button-secondary-normal-active-background: var(--okd-color-gray-300);
  --okd-button-secondary-normal-focus-background: var(--okd-color-gray-400);
  --okd-button-secondary-normal-disabled-background: var(--okd-color-gray-400);
  --okd-button-secondary-normal-default-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-normal-hover-border-color: var(--okd-color-gray-500);
  --okd-button-secondary-normal-active-border-color: var(--okd-color-gray-300);
  --okd-button-secondary-normal-focus-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-normal-disabled-border-color: var(
    --okd-color-gray-400
  );
  --okd-button-secondary-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-secondary-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-disabled-icon-color: var(--okd-color-gray-500);
  --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: var(--okd-color-gray-600);
  --okd-button-secondary-normal-loader-mark-color: var(--okd-color-white);
  --okd-button-secondary-grey-default-background: var(--okd-color-gray-400);
  --okd-button-secondary-grey-hover-background: var(--okd-color-gray-500);
  --okd-button-secondary-grey-active-background: var(--okd-color-gray-300);
  --okd-button-secondary-grey-focus-background: var(--okd-color-gray-400);
  --okd-button-secondary-grey-disabled-background: var(--okd-color-gray-200);
  --okd-button-secondary-grey-default-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-grey-hover-border-color: var(--okd-color-gray-500);
  --okd-button-secondary-grey-active-border-color: var(--okd-color-gray-300);
  --okd-button-secondary-grey-focus-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-grey-disabled-border-color: var(--okd-color-gray-200);
  --okd-button-secondary-grey-default-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-hover-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-active-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-focus-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-disabled-font-color: var(--okd-color-gray-600);
  --okd-button-secondary-grey-default-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-hover-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-active-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-focus-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-disabled-icon-color: var(--okd-color-gray-600);
  --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: var(--okd-color-gray-600);
  --okd-button-secondary-grey-loader-mark-color: var(--okd-color-gray-900);
  --okd-button-basic-normal-default-background: var(--okd-color-transparent);
  --okd-button-basic-normal-hover-background: var(--okd-color-gray-200);
  --okd-button-basic-normal-active-background: var(--okd-color-gray-300);
  --okd-button-basic-normal-focus-background: var(--okd-color-transparent);
  --okd-button-basic-normal-disabled-background: var(--okd-color-transparent);
  --okd-button-basic-normal-default-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-hover-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-active-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-focus-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-basic-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-disabled-icon-color: var(--okd-color-gray-500);
  --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: var(--okd-color-gray-400);
  --okd-button-basic-normal-loader-mark-color: #fff;
  --okd-button-plain-normal-default-background: var(--okd-color-transparent);
  --okd-button-plain-normal-hover-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-active-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-focus-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-disabled-background: var(--okd-color-transparent);
  --okd-button-plain-normal-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-default-font-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-hover-font-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-active-font-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-focus-font-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-disabled-font-color: var(--okd-color-gray-600);
  --okd-button-plain-normal-default-icon-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-hover-icon-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-active-icon-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-focus-icon-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-disabled-icon-color: var(--okd-color-gray-600);
  --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: var(--okd-color-transparent);
  --okd-button-plain-red-hover-background: var(--okd-color-red-050);
  --okd-button-plain-red-active-background: var(--okd-color-red-050);
  --okd-button-plain-red-focus-background: var(--okd-color-red-050);
  --okd-button-plain-red-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-red-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-default-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-hover-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-active-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-focus-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-disabled-font-color: rgba(225, 85, 76, 0.45);
  --okd-button-plain-red-default-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-hover-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-active-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-focus-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-disabled-icon-color: rgba(225, 85, 76, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-green-hover-background: var(--okd-color-green-050);
  --okd-button-plain-green-active-background: var(--okd-color-green-050);
  --okd-button-plain-green-focus-background: var(--okd-color-green-050);
  --okd-button-plain-green-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-green-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-default-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-hover-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-active-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-focus-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-disabled-font-color: rgba(25, 201, 151, 0.45);
  --okd-button-plain-green-default-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-hover-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-active-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-focus-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-disabled-icon-color: rgba(25, 201, 151, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-orange-hover-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-active-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-focus-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-orange-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-default-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-hover-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-active-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-focus-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-disabled-font-color: rgba(248, 116, 40, 0.45);
  --okd-button-plain-orange-default-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-hover-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-active-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-focus-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-disabled-icon-color: rgba(248, 116, 40, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-yellow-hover-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-active-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-focus-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-yellow-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-default-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-hover-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-active-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-focus-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-disabled-font-color: rgba(222, 169, 33, 0.45);
  --okd-button-plain-yellow-default-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-hover-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-active-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-focus-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-disabled-icon-color: rgba(222, 169, 33, 0.45);
  --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: var(--okd-font-size-base);
  --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: 5px;
  --okd-button-xs-icon-margin: 5px;
  --okd-button-sm-icon-margin: 11px;
  --okd-button-md-icon-margin: 11px;
  --okd-button-lg-icon-margin: 11px;
  --okd-button-xl-icon-margin: 11px;
  --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: 4px;
  --okd-button-xs-border-radius: 4px;
  --okd-button-sm-border-radius: 4px;
  --okd-button-md-border-radius: 4px;
  --okd-button-lg-border-radius: 6px;
  --okd-button-xl-border-radius: 8px;
  --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-fill-primary-default-background: var(--okd-color-blue-700);
  --okd-button-fill-primary-hover-background: var(--okd-color-blue-500);
  --okd-button-fill-primary-active-background: var(--okd-color-blue-500);
  --okd-button-fill-primary-focus-background: var(--okd-color-blue-500);
  --okd-button-fill-primary-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-primary-default-border-color: var(--okd-color-blue-700);
  --okd-button-fill-primary-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-primary-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-primary-focus-border-color: var(--okd-color-transparent);
  --okd-button-fill-primary-disabled-border-color: var(
    --okd-color-background-3
  );
  --okd-button-fill-primary-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-primary-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-disabled-icon-color: var(--okd-color-text-lighter);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-primary-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-highlight-default-background: var(--okd-color-blue-700);
  --okd-button-fill-highlight-hover-background: var(--okd-color-blue-500);
  --okd-button-fill-highlight-active-background: var(--okd-color-blue-500);
  --okd-button-fill-highlight-focus-background: var(--okd-color-blue-500);
  --okd-button-fill-highlight-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-highlight-default-border-color: var(--okd-color-blue-700);
  --okd-button-fill-highlight-hover-border-color: var(--okd-color-blue-500);
  --okd-button-fill-highlight-active-border-color: var(--okd-color-blue-500);
  --okd-button-fill-highlight-focus-border-color: var(--okd-color-blue-500);
  --okd-button-fill-highlight-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-highlight-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-fill-highlight-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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 #121212,
    0px 0px 0px 4px #2676ff8c;
  --okd-button-fill-highlight-disabled-shadow: var(--okd-shadow-none);
  --okd-button-fill-highlight-loader-track-color: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-highlight-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-red-default-background: var(--okd-color-fq-red-lv1);
  --okd-button-fill-red-hover-background: var(--okd-color-red-500);
  --okd-button-fill-red-active-background: var(--okd-color-red-500);
  --okd-button-fill-red-focus-background: var(--okd-color-red-500);
  --okd-button-fill-red-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-red-default-border-color: var(--okd-color-transparent);
  --okd-button-fill-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-red-active-border-color: var(--okd-color-red-300);
  --okd-button-fill-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-fill-red-disabled-border-color: hsla(0, 0%, 100%, 0);
  --okd-button-fill-red-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-red-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-disabled-icon-color: var(--okd-color-text-lighter);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-red-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-green-default-background: var(--okd-color-fq-green-lv1);
  --okd-button-fill-green-hover-background: var(--okd-color-green-500);
  --okd-button-fill-green-active-background: var(--okd-color-green-500);
  --okd-button-fill-green-focus-background: var(--okd-color-green-500);
  --okd-button-fill-green-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-green-default-border-color: var(--okd-color-fq-green-lv1);
  --okd-button-fill-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-green-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-green-focus-border-color: var(--okd-color-green-500);
  --okd-button-fill-green-disabled-border-color: transparent;
  --okd-button-fill-green-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-green-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-disabled-icon-color: var(--okd-color-text-lighter);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-green-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-secondary-default-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-secondary-hover-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-secondary-active-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-secondary-focus-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-secondary-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-secondary-default-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-secondary-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-secondary-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-secondary-focus-border-color: var(--okd-color-transparent);
  --okd-button-fill-secondary-disabled-border-color: var(
    --okd-color-background-3
  );
  --okd-button-fill-secondary-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-fill-secondary-hover-font-color: var(--okd-color-white);
  --okd-button-fill-secondary-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-fill-secondary-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-fill-secondary-hover-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-secondary-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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: var(--okd-color-gray-300);
  --okd-button-fill-secondary-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-grey-default-background: var(--okd-color-background-3);
  --okd-button-fill-grey-hover-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-grey-active-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-grey-focus-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-grey-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-grey-default-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-focus-border-color: var(--okd-color-gray-200);
  --okd-button-fill-grey-disabled-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-default-font-color: var(--okd-color-text-amplifed);
  --okd-button-fill-grey-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-grey-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-grey-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-grey-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-grey-default-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-grey-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-grey-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-grey-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-grey-disabled-icon-color: var(--okd-color-text-lighter);
  --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-gray-600);
  --okd-button-fill-grey-loader-mark-color: var(--okd-color-gray-900);
  --okd-button-outline-primary-default-background: var(--okd-color-transparent);
  --okd-button-outline-primary-hover-background: var(--okd-color-background-3);
  --okd-button-outline-primary-active-background: var(--okd-color-background-3);
  --okd-button-outline-primary-focus-background: var(--okd-color-background-3);
  --okd-button-outline-primary-disabled-background: hsla(0, 0%, 100%, 0);
  --okd-button-outline-primary-default-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-hover-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-active-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-focus-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-disabled-border-color: var(
    --okd-color-line-muted
  );
  --okd-button-outline-primary-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-hover-font-color: var(--okd-color-white);
  --okd-button-outline-primary-active-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-focus-font-color: var(--okd-color-text-white);
  --okd-button-outline-primary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-primary-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-hover-icon-color: var(--okd-color-white);
  --okd-button-outline-primary-active-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-outline-primary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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: hsla(0, 0%, 56%, 0.25);
  --okd-button-outline-primary-loader-mark-color: #fff;
  --okd-button-outline-secondary-default-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-secondary-hover-background: var(
    --okd-color-background-3
  );
  --okd-button-outline-secondary-active-background: var(
    --okd-color-background-3
  );
  --okd-button-outline-secondary-focus-background: var(
    --okd-color-background-3
  );
  --okd-button-outline-secondary-disabled-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-secondary-default-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-hover-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-active-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-focus-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-disabled-border-color: var(
    --okd-color-line-muted
  );
  --okd-button-outline-secondary-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-hover-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-active-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-focus-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-secondary-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-hover-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-active-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-focus-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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: hsla(0, 0%, 100%, 0.25);
  --okd-button-outline-secondary-loader-mark-color: var(--okd-color-white);
  --okd-button-text-primary-default-background: var(--okd-color-transparent);
  --okd-button-text-primary-hover-background: var(--okd-color-blue-050);
  --okd-button-text-primary-active-background: var(--okd-color-blue-050);
  --okd-button-text-primary-focus-background: var(--okd-color-blue-050);
  --okd-button-text-primary-disabled-background: var(--okd-color-transparent);
  --okd-button-text-primary-default-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-active-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-default-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-hover-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-active-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-focus-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-text-primary-default-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-hover-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-active-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-focus-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-disabled-icon-color: var(--okd-color-text-lighter);
  --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-secondary-default-background: var(--okd-color-transparent);
  --okd-button-text-secondary-hover-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-active-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-focus-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-disabled-background: var(--okd-color-transparent);
  --okd-button-text-secondary-default-border-color: var(
    --okd-color-transparent
  );
  --okd-button-text-secondary-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-active-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-text-secondary-default-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-hover-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-active-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-focus-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-text-secondary-default-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-hover-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-active-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-focus-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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-red-default-background: var(--okd-color-transparent);
  --okd-button-text-red-hover-background: var(--okd-color-red-050);
  --okd-button-text-red-active-background: var(--okd-color-red-050);
  --okd-button-text-red-focus-background: var(--okd-color-red-050);
  --okd-button-text-red-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-red-default-border-color: var(--okd-color-transparent);
  --okd-button-text-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-red-active-border-color: var(--okd-color-transparent);
  --okd-button-text-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-red-default-font-color: var(--okd-color-red-900);
  --okd-button-text-red-hover-font-color: var(--okd-color-red-800);
  --okd-button-text-red-active-font-color: var(--okd-color-red-800);
  --okd-button-text-red-focus-font-color: var(--okd-color-red-800);
  --okd-button-text-red-disabled-font-color: rgba(225, 85, 76, 0.45);
  --okd-button-text-red-default-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-hover-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-active-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-focus-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-disabled-icon-color: rgba(225, 85, 76, 0.45);
  --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-green-default-background: var(--okd-color-transparent);
  --okd-button-text-green-hover-background: var(--okd-color-green-050);
  --okd-button-text-green-active-background: var(--okd-color-green-050);
  --okd-button-text-green-focus-background: var(--okd-color-green-050);
  --okd-button-text-green-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-green-default-border-color: var(--okd-color-transparent);
  --okd-button-text-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-green-active-border-color: var(--okd-color-transparent);
  --okd-button-text-green-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-green-default-font-color: var(--okd-color-green-900);
  --okd-button-text-green-hover-font-color: var(--okd-color-green-800);
  --okd-button-text-green-active-font-color: var(--okd-color-green-800);
  --okd-button-text-green-focus-font-color: var(--okd-color-green-800);
  --okd-button-text-green-disabled-font-color: rgba(25, 201, 151, 0.45);
  --okd-button-text-green-default-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-hover-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-active-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-focus-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-disabled-icon-color: rgba(25, 201, 151, 0.45);
  --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-orange-default-background: var(--okd-color-transparent);
  --okd-button-text-orange-hover-background: var(--okd-color-orange-050);
  --okd-button-text-orange-active-background: var(--okd-color-orange-050);
  --okd-button-text-orange-focus-background: var(--okd-color-orange-050);
  --okd-button-text-orange-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-orange-default-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-active-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-default-font-color: var(--okd-color-orange-900);
  --okd-button-text-orange-hover-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-active-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-focus-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-disabled-font-color: rgba(248, 116, 40, 0.45);
  --okd-button-text-orange-default-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-hover-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-active-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-focus-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-disabled-icon-color: rgba(248, 116, 40, 0.45);
  --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-yellow-default-background: var(--okd-color-transparent);
  --okd-button-text-yellow-hover-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-active-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-focus-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-yellow-default-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-active-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-default-font-color: var(--okd-color-yellow-900);
  --okd-button-text-yellow-hover-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-active-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-focus-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-disabled-font-color: rgba(222, 169, 33, 0.45);
  --okd-button-text-yellow-default-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-hover-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-active-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-focus-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-disabled-icon-color: rgba(222, 169, 33, 0.45);
  --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-fill-primary-border-size: 1px;
  --okd-button-fill-secondary-border-size: 1px;
  --okd-button-fill-highlight-border-size: 1px;
  --okd-button-fill-red-border-size: 1px;
  --okd-button-fill-green-border-size: 1px;
  --okd-button-fill-grey-border-size: 1px;
  --okd-button-outline-primary-border-size: 1px;
  --okd-button-outline-secondary-border-size: 1px;
  --okd-button-text-primary-border-size: 1px;
  --okd-button-text-secondary-border-size: 1px;
  --okd-button-text-red-border-size: 1px;
  --okd-button-text-green-border-size: 1px;
  --okd-button-text-orange-border-size: 1px;
  --okd-button-text-yellow-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: 4px;
  --okd-button-lg-loader-text-margin-left: 4px;
  --okd-button-md-loader-text-margin-left: 4px;
  --okd-button-sm-loader-text-margin-left: 4px;
  --okd-button-xs-loader-text-margin-left: 4px;
  --okd-button-xxs-loader-text-margin-left: 4px;
  --okd-button-s-font-size: 14px;
  --okd-button-s-icon-size: 18px;
  --okd-button-s-icon-margin: 11px;
  --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: 4px;
  --okd-button-s-loader-size: 14px;
  --okd-button-s-loader-text-margin-left: 4px;
  --okd-button-fill-tertiary-border-size: 1px;
  --okd-button-fill-quaternary-border-size: 1px;
  --okd-button-outline-highlight-border-size: 1px;
  --okd-button-outline-highlight-default-background: hsla(0, 0%, 98%, 0);
  --okd-button-outline-highlight-default-border-color: var(--okd-color-white);
  --okd-button-outline-highlight-default-font-color: var(--okd-color-white);
  --okd-button-outline-highlight-hover-background: var(--okd-color-white);
  --okd-button-outline-highlight-hover-border-color: var(--okd-color-white);
  --okd-button-outline-highlight-hover-font-color: var(--okd-color-black);
  --okd-button-outline-highlight-hover-icon-color: var(--okd-color-black);
  --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: var(--okd-color-white);
  --okd-button-outline-highlight-focus-border-color: var(--okd-color-white);
  --okd-button-outline-highlight-focus-font-color: var(--okd-color-black);
  --okd-button-outline-highlight-focus-icon-color: var(--okd-color-black);
  --okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-highlight-default-icon-color: var(--okd-color-white);
  --okd-button-outline-highlight-active-background: var(--okd-color-white);
  --okd-button-outline-highlight-active-border-color: var(--okd-color-white);
  --okd-button-outline-highlight-active-font-color: var(--okd-color-black);
  --okd-button-outline-highlight-active-icon-color: var(--okd-color-black);
  --okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-highlight-disabled-background: hsla(0, 0%, 100%, 0);
  --okd-button-outline-highlight-disabled-font-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-outline-highlight-disabled-icon-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-outline-highlight-disabled-border-color: hsla(0, 0%, 100%, 0.15);
  --okd-button-outline-highlight-loader-track-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-outline-highlight-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-tertiary-default-background: var(--okd-color-white);
  --okd-button-fill-tertiary-hover-background: hsla(0, 0%, 100%, 0.8);
  --okd-button-fill-tertiary-focus-background: hsla(0, 0%, 100%, 0.8);
  --okd-button-fill-tertiary-active-background: hsla(0, 0%, 100%, 0.8);
  --okd-button-fill-tertiary-disabled-background: rgba(36, 36, 36, 0.15);
  --okd-button-fill-tertiary-default-border-color: var(--okd-color-white);
  --okd-button-fill-tertiary-hover-border-color: hsla(0, 0%, 100%, 0);
  --okd-button-fill-tertiary-focus-border-color: hsla(0, 0%, 100%, 0);
  --okd-button-fill-tertiary-active-border-color: hsla(0, 0%, 100%, 0);
  --okd-button-fill-tertiary-disabled-border-color: var(
    --okd-color-background-3
  );
  --okd-button-fill-tertiary-default-font-color: var(--okd-color-black);
  --okd-button-fill-tertiary-default-icon-color: var(--okd-color-black);
  --okd-button-fill-tertiary-hover-font-color: var(--okd-color-black);
  --okd-button-fill-tertiary-hover-icon-color: var(--okd-color-black);
  --okd-button-fill-tertiary-focus-font-color: var(--okd-color-black);
  --okd-button-fill-tertiary-focus-icon-color: var(--okd-color-black);
  --okd-button-fill-tertiary-active-icon-color: var(--okd-color-black);
  --okd-button-fill-tertiary-active-font-color: var(--okd-color-black);
  --okd-button-fill-tertiary-disabled-icon-color: var(--okd-color-text-lighter);
  --okd-button-fill-tertiary-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-quaternary-default-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-quaternary-default-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-quaternary-default-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-default-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-hover-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-hover-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-quaternary-hover-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-quaternary-focus-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-focus-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-focus-border-color: var(--okd-color-transparent);
  --okd-button-fill-quaternary-focus-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-quaternary-active-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-active-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-active-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-quaternary-active-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-quaternary-disabled-icon-color: hsla(0, 0%, 100%, 0.3);
  --okd-button-fill-quaternary-disabled-font-color: hsla(0, 0%, 100%, 0.3);
  --okd-button-fill-quaternary-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-quaternary-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-quaternary-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-quaternary-loader-track-color: hsla(0, 0%, 100%, 0.15);
  --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-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-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-tertiary-loader-track-color: rgba(0, 0, 0, 0.15);
  --okd-button-fill-tertiary-loader-mark-color: #000;
  --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-white);
  --okd-button-outline-tertiary-default-font-color: var(--okd-color-white);
  --okd-button-outline-tertiary-default-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-default-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-tertiary-hover-icon-color: var(--okd-color-black);
  --okd-button-outline-tertiary-hover-font-color: var(--okd-color-black);
  --okd-button-outline-tertiary-hover-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-hover-background: var(--okd-color-white);
  --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: var(--okd-color-black);
  --okd-button-outline-tertiary-focus-font-color: var(--okd-color-black);
  --okd-button-outline-tertiary-focus-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-focus-background: var(--okd-color-white);
  --okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-active-icon-color: var(--okd-color-black);
  --okd-button-outline-tertiary-active-font-color: var(--okd-color-black);
  --okd-button-outline-tertiary-active-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-active-background: var(--okd-color-white);
  --okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-tertiary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-tertiary-disabled-border-color: var(
    --okd-color-line-muted
  );
  --okd-button-outline-tertiary-disabled-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-tertiary-loader-mark-color: var(--okd-color-white);
  --okd-button-outline-tertiary-loader-track-color: hsla(0, 0%, 100%, 0.25);
  --orderBook-price-asks-color: var(--okd-color-fq-red-lv1);
  --okd-color-fq-red-lv1: #db4355;
  --okd-icon-size-base: 18px;
  --okd-icon-size-xs: 14px;
  --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: #00422f;
  --okd-color-green-200: #005c42;
  --okd-color-green-300: #007151;
  --okd-color-green-400: #008661;
  --okd-color-green-500: #009c70;
  --okd-color-green-600: #00b17f;
  --okd-color-green-700: #05c48e;
  --okd-color-green-800: #19c997;
  --okd-color-green-900: #2dcea0;
  --okd-color-red-050: #310f0d;
  --okd-color-red-100: #4b1713;
  --okd-color-red-200: #68201b;
  --okd-color-red-300: #812721;
  --okd-color-red-400: #992e27;
  --okd-color-red-500: #b2362e;
  --okd-color-red-600: #ca3d34;
  --okd-color-red-700: #df473d;
  --okd-color-red-800: #e1554c;
  --okd-color-red-900: #e4645c;
  --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: #05c48e;
  --okd-color-fq-red-lv1: #df473d;
  --okd-color-fq-orange-lv1: #f76816;
  --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-button-primary-normal-default-background: var(--okd-color-blue-900);
  --okd-button-primary-normal-hover-background: var(--okd-color-blue-700);
  --okd-button-primary-normal-active-background: var(--okd-color-blue-300);
  --okd-button-primary-normal-focus-background: var(--okd-color-blue-900);
  --okd-button-primary-normal-disabled-background: var(--okd-color-gray-400);
  --okd-button-primary-normal-default-border-color: var(--okd-color-blue-900);
  --okd-button-primary-normal-hover-border-color: var(--okd-color-blue-700);
  --okd-button-primary-normal-active-border-color: var(--okd-color-blue-300);
  --okd-button-primary-normal-focus-border-color: var(--okd-color-blue-900);
  --okd-button-primary-normal-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-primary-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-primary-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-disabled-icon-color: var(--okd-color-gray-500);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-primary-normal-loader-mark-color: var(--okd-color-white);
  --okd-button-primary-red-default-background: var(--okd-color-red-900);
  --okd-button-primary-red-hover-background: var(--okd-color-red-700);
  --okd-button-primary-red-active-background: var(--okd-color-red-300);
  --okd-button-primary-red-focus-background: var(--okd-color-red-900);
  --okd-button-primary-red-disabled-background: var(--okd-color-gray-400);
  --okd-button-primary-red-default-border-color: var(--okd-color-red-900);
  --okd-button-primary-red-hover-border-color: var(--okd-color-red-700);
  --okd-button-primary-red-active-border-color: var(--okd-color-red-300);
  --okd-button-primary-red-focus-border-color: var(--okd-color-red-900);
  --okd-button-primary-red-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-primary-red-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-primary-red-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-disabled-icon-color: var(--okd-color-gray-500);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-primary-red-loader-mark-color: var(--okd-color-white);
  --okd-button-primary-green-default-background: var(--okd-color-green-900);
  --okd-button-primary-green-hover-background: var(--okd-color-green-700);
  --okd-button-primary-green-active-background: var(--okd-color-green-300);
  --okd-button-primary-green-focus-background: var(--okd-color-green-900);
  --okd-button-primary-green-disabled-background: var(--okd-color-gray-400);
  --okd-button-primary-green-default-border-color: var(--okd-color-green-900);
  --okd-button-primary-green-hover-border-color: var(--okd-color-green-700);
  --okd-button-primary-green-active-border-color: var(--okd-color-green-300);
  --okd-button-primary-green-focus-border-color: var(--okd-color-green-900);
  --okd-button-primary-green-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-primary-green-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-primary-green-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-disabled-icon-color: var(--okd-color-gray-500);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-primary-green-loader-mark-color: var(--okd-color-white);
  --okd-button-secondary-normal-default-background: var(--okd-color-gray-400);
  --okd-button-secondary-normal-hover-background: var(--okd-color-gray-500);
  --okd-button-secondary-normal-active-background: var(--okd-color-gray-300);
  --okd-button-secondary-normal-focus-background: var(--okd-color-gray-400);
  --okd-button-secondary-normal-disabled-background: var(--okd-color-gray-400);
  --okd-button-secondary-normal-default-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-normal-hover-border-color: var(--okd-color-gray-500);
  --okd-button-secondary-normal-active-border-color: var(--okd-color-gray-300);
  --okd-button-secondary-normal-focus-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-normal-disabled-border-color: var(
    --okd-color-gray-400
  );
  --okd-button-secondary-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-secondary-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-normal-disabled-icon-color: var(--okd-color-gray-500);
  --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: var(--okd-color-gray-600);
  --okd-button-secondary-normal-loader-mark-color: var(--okd-color-white);
  --okd-button-secondary-grey-default-background: var(--okd-color-gray-400);
  --okd-button-secondary-grey-hover-background: var(--okd-color-gray-500);
  --okd-button-secondary-grey-active-background: var(--okd-color-gray-300);
  --okd-button-secondary-grey-focus-background: var(--okd-color-gray-400);
  --okd-button-secondary-grey-disabled-background: var(--okd-color-gray-200);
  --okd-button-secondary-grey-default-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-grey-hover-border-color: var(--okd-color-gray-500);
  --okd-button-secondary-grey-active-border-color: var(--okd-color-gray-300);
  --okd-button-secondary-grey-focus-border-color: var(--okd-color-gray-400);
  --okd-button-secondary-grey-disabled-border-color: var(--okd-color-gray-200);
  --okd-button-secondary-grey-default-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-hover-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-active-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-focus-font-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-disabled-font-color: var(--okd-color-gray-600);
  --okd-button-secondary-grey-default-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-hover-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-active-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-focus-icon-color: var(--okd-color-text-white);
  --okd-button-secondary-grey-disabled-icon-color: var(--okd-color-gray-600);
  --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: var(--okd-color-gray-600);
  --okd-button-secondary-grey-loader-mark-color: var(--okd-color-gray-900);
  --okd-button-basic-normal-default-background: var(--okd-color-transparent);
  --okd-button-basic-normal-hover-background: var(--okd-color-gray-200);
  --okd-button-basic-normal-active-background: var(--okd-color-gray-300);
  --okd-button-basic-normal-focus-background: var(--okd-color-transparent);
  --okd-button-basic-normal-disabled-background: var(--okd-color-transparent);
  --okd-button-basic-normal-default-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-hover-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-active-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-focus-border-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-disabled-border-color: var(--okd-color-gray-400);
  --okd-button-basic-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-basic-normal-disabled-font-color: var(--okd-color-gray-500);
  --okd-button-basic-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-basic-normal-disabled-icon-color: var(--okd-color-gray-500);
  --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: var(--okd-color-gray-400);
  --okd-button-basic-normal-loader-mark-color: #fff;
  --okd-button-plain-normal-default-background: var(--okd-color-transparent);
  --okd-button-plain-normal-hover-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-active-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-focus-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-disabled-background: var(--okd-color-transparent);
  --okd-button-plain-normal-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-default-font-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-hover-font-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-active-font-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-focus-font-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-disabled-font-color: var(--okd-color-gray-600);
  --okd-button-plain-normal-default-icon-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-hover-icon-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-active-icon-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-focus-icon-color: var(--okd-color-blue-900);
  --okd-button-plain-normal-disabled-icon-color: var(--okd-color-gray-600);
  --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: var(--okd-color-transparent);
  --okd-button-plain-red-hover-background: var(--okd-color-red-050);
  --okd-button-plain-red-active-background: var(--okd-color-red-050);
  --okd-button-plain-red-focus-background: var(--okd-color-red-050);
  --okd-button-plain-red-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-red-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-default-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-hover-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-active-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-focus-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-disabled-font-color: rgba(225, 85, 76, 0.45);
  --okd-button-plain-red-default-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-hover-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-active-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-focus-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-disabled-icon-color: rgba(225, 85, 76, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-green-hover-background: var(--okd-color-green-050);
  --okd-button-plain-green-active-background: var(--okd-color-green-050);
  --okd-button-plain-green-focus-background: var(--okd-color-green-050);
  --okd-button-plain-green-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-green-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-default-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-hover-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-active-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-focus-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-disabled-font-color: rgba(25, 201, 151, 0.45);
  --okd-button-plain-green-default-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-hover-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-active-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-focus-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-disabled-icon-color: rgba(25, 201, 151, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-orange-hover-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-active-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-focus-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-orange-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-default-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-hover-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-active-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-focus-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-disabled-font-color: rgba(248, 116, 40, 0.45);
  --okd-button-plain-orange-default-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-hover-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-active-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-focus-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-disabled-icon-color: rgba(248, 116, 40, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-yellow-hover-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-active-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-focus-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-yellow-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-default-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-hover-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-active-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-focus-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-disabled-font-color: rgba(222, 169, 33, 0.45);
  --okd-button-plain-yellow-default-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-hover-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-active-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-focus-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-disabled-icon-color: rgba(222, 169, 33, 0.45);
  --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: var(--okd-font-size-base);
  --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: 5px;
  --okd-button-xs-icon-margin: 5px;
  --okd-button-sm-icon-margin: 11px;
  --okd-button-md-icon-margin: 11px;
  --okd-button-lg-icon-margin: 11px;
  --okd-button-xl-icon-margin: 11px;
  --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: 4px;
  --okd-button-xs-border-radius: 4px;
  --okd-button-sm-border-radius: 4px;
  --okd-button-md-border-radius: 4px;
  --okd-button-lg-border-radius: 6px;
  --okd-button-xl-border-radius: 8px;
  --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-fill-primary-default-background: var(--okd-color-blue-700);
  --okd-button-fill-primary-hover-background: var(--okd-color-blue-500);
  --okd-button-fill-primary-active-background: var(--okd-color-blue-500);
  --okd-button-fill-primary-focus-background: var(--okd-color-blue-500);
  --okd-button-fill-primary-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-primary-default-border-color: var(--okd-color-blue-700);
  --okd-button-fill-primary-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-primary-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-primary-focus-border-color: var(--okd-color-transparent);
  --okd-button-fill-primary-disabled-border-color: var(
    --okd-color-background-3
  );
  --okd-button-fill-primary-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-primary-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-disabled-icon-color: var(--okd-color-text-lighter);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-primary-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-highlight-default-background: var(--okd-color-blue-700);
  --okd-button-fill-highlight-hover-background: var(--okd-color-blue-500);
  --okd-button-fill-highlight-active-background: var(--okd-color-blue-500);
  --okd-button-fill-highlight-focus-background: var(--okd-color-blue-500);
  --okd-button-fill-highlight-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-highlight-default-border-color: var(--okd-color-blue-700);
  --okd-button-fill-highlight-hover-border-color: var(--okd-color-blue-500);
  --okd-button-fill-highlight-active-border-color: var(--okd-color-blue-500);
  --okd-button-fill-highlight-focus-border-color: var(--okd-color-blue-500);
  --okd-button-fill-highlight-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-highlight-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-fill-highlight-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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 #121212,
    0px 0px 0px 4px #2676ff8c;
  --okd-button-fill-highlight-disabled-shadow: var(--okd-shadow-none);
  --okd-button-fill-highlight-loader-track-color: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-highlight-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-red-default-background: var(--okd-color-fq-red-lv1);
  --okd-button-fill-red-hover-background: var(--okd-color-red-500);
  --okd-button-fill-red-active-background: var(--okd-color-red-500);
  --okd-button-fill-red-focus-background: var(--okd-color-red-500);
  --okd-button-fill-red-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-red-default-border-color: var(--okd-color-transparent);
  --okd-button-fill-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-red-active-border-color: var(--okd-color-red-300);
  --okd-button-fill-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-fill-red-disabled-border-color: hsla(0, 0%, 100%, 0);
  --okd-button-fill-red-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-red-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-disabled-icon-color: var(--okd-color-text-lighter);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-red-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-green-default-background: var(--okd-color-fq-green-lv1);
  --okd-button-fill-green-hover-background: var(--okd-color-green-500);
  --okd-button-fill-green-active-background: var(--okd-color-green-500);
  --okd-button-fill-green-focus-background: var(--okd-color-green-500);
  --okd-button-fill-green-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-green-default-border-color: var(--okd-color-fq-green-lv1);
  --okd-button-fill-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-green-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-green-focus-border-color: var(--okd-color-green-500);
  --okd-button-fill-green-disabled-border-color: transparent;
  --okd-button-fill-green-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-green-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-disabled-icon-color: var(--okd-color-text-lighter);
  --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: hsla(0, 0%, 100%, 0.24);
  --okd-button-fill-green-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-secondary-default-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-secondary-hover-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-secondary-active-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-secondary-focus-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-secondary-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-secondary-default-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-secondary-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-secondary-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-secondary-focus-border-color: var(--okd-color-transparent);
  --okd-button-fill-secondary-disabled-border-color: var(
    --okd-color-background-3
  );
  --okd-button-fill-secondary-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-fill-secondary-hover-font-color: var(--okd-color-white);
  --okd-button-fill-secondary-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-fill-secondary-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-fill-secondary-hover-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-secondary-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-secondary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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: var(--okd-color-gray-300);
  --okd-button-fill-secondary-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-grey-default-background: var(--okd-color-background-3);
  --okd-button-fill-grey-hover-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-grey-active-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-grey-focus-background: rgba(64, 64, 64, 0.6);
  --okd-button-fill-grey-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-grey-default-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-focus-border-color: var(--okd-color-gray-200);
  --okd-button-fill-grey-disabled-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-default-font-color: var(--okd-color-text-amplifed);
  --okd-button-fill-grey-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-grey-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-grey-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-grey-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-grey-default-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-grey-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-grey-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-grey-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-grey-disabled-icon-color: var(--okd-color-text-lighter);
  --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-gray-600);
  --okd-button-fill-grey-loader-mark-color: var(--okd-color-gray-900);
  --okd-button-outline-primary-default-background: var(--okd-color-transparent);
  --okd-button-outline-primary-hover-background: var(--okd-color-background-3);
  --okd-button-outline-primary-active-background: var(--okd-color-background-3);
  --okd-button-outline-primary-focus-background: var(--okd-color-background-3);
  --okd-button-outline-primary-disabled-background: hsla(0, 0%, 100%, 0);
  --okd-button-outline-primary-default-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-hover-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-active-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-focus-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-disabled-border-color: var(
    --okd-color-line-muted
  );
  --okd-button-outline-primary-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-hover-font-color: var(--okd-color-white);
  --okd-button-outline-primary-active-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-focus-font-color: var(--okd-color-text-white);
  --okd-button-outline-primary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-primary-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-hover-icon-color: var(--okd-color-white);
  --okd-button-outline-primary-active-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-primary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-outline-primary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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: hsla(0, 0%, 56%, 0.25);
  --okd-button-outline-primary-loader-mark-color: #fff;
  --okd-button-outline-secondary-default-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-secondary-hover-background: var(
    --okd-color-background-3
  );
  --okd-button-outline-secondary-active-background: var(
    --okd-color-background-3
  );
  --okd-button-outline-secondary-focus-background: var(
    --okd-color-background-3
  );
  --okd-button-outline-secondary-disabled-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-secondary-default-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-hover-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-active-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-focus-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-disabled-border-color: var(
    --okd-color-line-muted
  );
  --okd-button-outline-secondary-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-hover-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-active-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-focus-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-secondary-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-hover-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-active-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-focus-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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: hsla(0, 0%, 100%, 0.25);
  --okd-button-outline-secondary-loader-mark-color: var(--okd-color-white);
  --okd-button-text-primary-default-background: var(--okd-color-transparent);
  --okd-button-text-primary-hover-background: var(--okd-color-blue-050);
  --okd-button-text-primary-active-background: var(--okd-color-blue-050);
  --okd-button-text-primary-focus-background: var(--okd-color-blue-050);
  --okd-button-text-primary-disabled-background: var(--okd-color-transparent);
  --okd-button-text-primary-default-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-active-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-default-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-hover-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-active-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-focus-font-color: var(--okd-color-blue-900);
  --okd-button-text-primary-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-text-primary-default-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-hover-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-active-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-focus-icon-color: var(--okd-color-blue-900);
  --okd-button-text-primary-disabled-icon-color: var(--okd-color-text-lighter);
  --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-secondary-default-background: var(--okd-color-transparent);
  --okd-button-text-secondary-hover-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-active-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-focus-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-disabled-background: var(--okd-color-transparent);
  --okd-button-text-secondary-default-border-color: var(
    --okd-color-transparent
  );
  --okd-button-text-secondary-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-active-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-text-secondary-default-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-hover-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-active-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-focus-font-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-text-secondary-default-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-hover-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-active-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-focus-icon-color: var(--okd-color-blue-900);
  --okd-button-text-secondary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --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-red-default-background: var(--okd-color-transparent);
  --okd-button-text-red-hover-background: var(--okd-color-red-050);
  --okd-button-text-red-active-background: var(--okd-color-red-050);
  --okd-button-text-red-focus-background: var(--okd-color-red-050);
  --okd-button-text-red-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-red-default-border-color: var(--okd-color-transparent);
  --okd-button-text-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-red-active-border-color: var(--okd-color-transparent);
  --okd-button-text-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-red-default-font-color: var(--okd-color-red-900);
  --okd-button-text-red-hover-font-color: var(--okd-color-red-800);
  --okd-button-text-red-active-font-color: var(--okd-color-red-800);
  --okd-button-text-red-focus-font-color: var(--okd-color-red-800);
  --okd-button-text-red-disabled-font-color: rgba(225, 85, 76, 0.45);
  --okd-button-text-red-default-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-hover-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-active-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-focus-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-disabled-icon-color: rgba(225, 85, 76, 0.45);
  --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-green-default-background: var(--okd-color-transparent);
  --okd-button-text-green-hover-background: var(--okd-color-green-050);
  --okd-button-text-green-active-background: var(--okd-color-green-050);
  --okd-button-text-green-focus-background: var(--okd-color-green-050);
  --okd-button-text-green-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-green-default-border-color: var(--okd-color-transparent);
  --okd-button-text-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-green-active-border-color: var(--okd-color-transparent);
  --okd-button-text-green-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-green-default-font-color: var(--okd-color-green-900);
  --okd-button-text-green-hover-font-color: var(--okd-color-green-800);
  --okd-button-text-green-active-font-color: var(--okd-color-green-800);
  --okd-button-text-green-focus-font-color: var(--okd-color-green-800);
  --okd-button-text-green-disabled-font-color: rgba(25, 201, 151, 0.45);
  --okd-button-text-green-default-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-hover-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-active-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-focus-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-disabled-icon-color: rgba(25, 201, 151, 0.45);
  --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-orange-default-background: var(--okd-color-transparent);
  --okd-button-text-orange-hover-background: var(--okd-color-orange-050);
  --okd-button-text-orange-active-background: var(--okd-color-orange-050);
  --okd-button-text-orange-focus-background: var(--okd-color-orange-050);
  --okd-button-text-orange-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-orange-default-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-active-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-default-font-color: var(--okd-color-orange-900);
  --okd-button-text-orange-hover-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-active-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-focus-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-disabled-font-color: rgba(248, 116, 40, 0.45);
  --okd-button-text-orange-default-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-hover-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-active-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-focus-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-disabled-icon-color: rgba(248, 116, 40, 0.45);
  --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-yellow-default-background: var(--okd-color-transparent);
  --okd-button-text-yellow-hover-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-active-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-focus-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-yellow-default-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-active-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-default-font-color: var(--okd-color-yellow-900);
  --okd-button-text-yellow-hover-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-active-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-focus-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-disabled-font-color: rgba(222, 169, 33, 0.45);
  --okd-button-text-yellow-default-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-hover-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-active-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-focus-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-disabled-icon-color: rgba(222, 169, 33, 0.45);
  --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-fill-primary-border-size: 1px;
  --okd-button-fill-secondary-border-size: 1px;
  --okd-button-fill-highlight-border-size: 1px;
  --okd-button-fill-red-border-size: 1px;
  --okd-button-fill-green-border-size: 1px;
  --okd-button-fill-grey-border-size: 1px;
  --okd-button-outline-primary-border-size: 1px;
  --okd-button-outline-secondary-border-size: 1px;
  --okd-button-text-primary-border-size: 1px;
  --okd-button-text-secondary-border-size: 1px;
  --okd-button-text-red-border-size: 1px;
  --okd-button-text-green-border-size: 1px;
  --okd-button-text-orange-border-size: 1px;
  --okd-button-text-yellow-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: 4px;
  --okd-button-lg-loader-text-margin-left: 4px;
  --okd-button-md-loader-text-margin-left: 4px;
  --okd-button-sm-loader-text-margin-left: 4px;
  --okd-button-xs-loader-text-margin-left: 4px;
  --okd-button-xxs-loader-text-margin-left: 4px;
  --okd-button-s-font-size: 14px;
  --okd-button-s-icon-size: 18px;
  --okd-button-s-icon-margin: 11px;
  --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: 4px;
  --okd-button-s-loader-size: 14px;
  --okd-button-s-loader-text-margin-left: 4px;
  --okd-button-fill-tertiary-border-size: 1px;
  --okd-button-fill-quaternary-border-size: 1px;
  --okd-button-outline-highlight-border-size: 1px;
  --okd-button-outline-highlight-default-background: hsla(0, 0%, 98%, 0);
  --okd-button-outline-highlight-default-border-color: var(--okd-color-white);
  --okd-button-outline-highlight-default-font-color: var(--okd-color-white);
  --okd-button-outline-highlight-hover-background: var(--okd-color-white);
  --okd-button-outline-highlight-hover-border-color: var(--okd-color-white);
  --okd-button-outline-highlight-hover-font-color: var(--okd-color-black);
  --okd-button-outline-highlight-hover-icon-color: var(--okd-color-black);
  --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: var(--okd-color-white);
  --okd-button-outline-highlight-focus-border-color: var(--okd-color-white);
  --okd-button-outline-highlight-focus-font-color: var(--okd-color-black);
  --okd-button-outline-highlight-focus-icon-color: var(--okd-color-black);
  --okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-highlight-default-icon-color: var(--okd-color-white);
  --okd-button-outline-highlight-active-background: var(--okd-color-white);
  --okd-button-outline-highlight-active-border-color: var(--okd-color-white);
  --okd-button-outline-highlight-active-font-color: var(--okd-color-black);
  --okd-button-outline-highlight-active-icon-color: var(--okd-color-black);
  --okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-highlight-disabled-background: hsla(0, 0%, 100%, 0);
  --okd-button-outline-highlight-disabled-font-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-outline-highlight-disabled-icon-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-outline-highlight-disabled-border-color: hsla(0, 0%, 100%, 0.15);
  --okd-button-outline-highlight-loader-track-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-outline-highlight-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-tertiary-default-background: var(--okd-color-white);
  --okd-button-fill-tertiary-hover-background: hsla(0, 0%, 100%, 0.8);
  --okd-button-fill-tertiary-focus-background: hsla(0, 0%, 100%, 0.8);
  --okd-button-fill-tertiary-active-background: hsla(0, 0%, 100%, 0.8);
  --okd-button-fill-tertiary-disabled-background: rgba(36, 36, 36, 0.15);
  --okd-button-fill-tertiary-default-border-color: var(--okd-color-white);
  --okd-button-fill-tertiary-hover-border-color: hsla(0, 0%, 100%, 0);
  --okd-button-fill-tertiary-focus-border-color: hsla(0, 0%, 100%, 0);
  --okd-button-fill-tertiary-active-border-color: hsla(0, 0%, 100%, 0);
  --okd-button-fill-tertiary-disabled-border-color: var(
    --okd-color-background-3
  );
  --okd-button-fill-tertiary-default-font-color: var(--okd-color-black);
  --okd-button-fill-tertiary-default-icon-color: var(--okd-color-black);
  --okd-button-fill-tertiary-hover-font-color: var(--okd-color-black);
  --okd-button-fill-tertiary-hover-icon-color: var(--okd-color-black);
  --okd-button-fill-tertiary-focus-font-color: var(--okd-color-black);
  --okd-button-fill-tertiary-focus-icon-color: var(--okd-color-black);
  --okd-button-fill-tertiary-active-icon-color: var(--okd-color-black);
  --okd-button-fill-tertiary-active-font-color: var(--okd-color-black);
  --okd-button-fill-tertiary-disabled-icon-color: var(--okd-color-text-lighter);
  --okd-button-fill-tertiary-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-quaternary-default-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-quaternary-default-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-quaternary-default-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-default-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-hover-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-hover-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-quaternary-hover-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-quaternary-focus-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-focus-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-focus-border-color: var(--okd-color-transparent);
  --okd-button-fill-quaternary-focus-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-quaternary-active-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-active-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-active-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-quaternary-active-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-quaternary-disabled-icon-color: hsla(0, 0%, 100%, 0.3);
  --okd-button-fill-quaternary-disabled-font-color: hsla(0, 0%, 100%, 0.3);
  --okd-button-fill-quaternary-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-quaternary-disabled-background: hsla(0, 0%, 100%, 0.06);
  --okd-button-fill-quaternary-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-quaternary-loader-track-color: hsla(0, 0%, 100%, 0.15);
  --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-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-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-tertiary-loader-track-color: rgba(0, 0, 0, 0.15);
  --okd-button-fill-tertiary-loader-mark-color: #000;
  --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-white);
  --okd-button-outline-tertiary-default-font-color: var(--okd-color-white);
  --okd-button-outline-tertiary-default-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-default-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-tertiary-hover-icon-color: var(--okd-color-black);
  --okd-button-outline-tertiary-hover-font-color: var(--okd-color-black);
  --okd-button-outline-tertiary-hover-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-hover-background: var(--okd-color-white);
  --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: var(--okd-color-black);
  --okd-button-outline-tertiary-focus-font-color: var(--okd-color-black);
  --okd-button-outline-tertiary-focus-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-focus-background: var(--okd-color-white);
  --okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-active-icon-color: var(--okd-color-black);
  --okd-button-outline-tertiary-active-font-color: var(--okd-color-black);
  --okd-button-outline-tertiary-active-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-active-background: var(--okd-color-white);
  --okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-tertiary-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-tertiary-disabled-border-color: var(
    --okd-color-line-muted
  );
  --okd-button-outline-tertiary-disabled-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-tertiary-loader-mark-color: var(--okd-color-white);
  --okd-button-outline-tertiary-loader-track-color: hsla(0, 0%, 100%, 0.25);
}

.okui-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  -webkit-appearance: none;
  border-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: inherit;
  font-weight: 500;
  justify-content: center;
  outline: none;
  position: relative;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.okui-btn.btn-fill-highlight {
  background: var(--okd-button-fill-highlight-default-background);
  border-color: var(--okd-button-fill-highlight-default-border-color);
  border-width: var(--okd-button-fill-highlight-border-size);
  -webkit-box-shadow: var(--okd-button-fill-highlight-default-shadow);
  box-shadow: var(--okd-button-fill-highlight-default-shadow);
  color: var(--okd-button-fill-highlight-default-font-color);
}

.okui-btn.btn-fill-highlight:not(.loading):disabled {
  background: var(--okd-button-fill-highlight-disabled-background);
  border-color: var(--okd-button-fill-highlight-disabled-border-color);
  -webkit-box-shadow: var(--okd-button-fill-highlight-disabled-shadow);
  box-shadow: var(--okd-button-fill-highlight-disabled-shadow);
  color: var(--okd-button-fill-highlight-disabled-font-color);
}

.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-primary {
  background: var(--okd-button-fill-primary-default-background);
  border-color: var(--okd-button-fill-primary-default-border-color);
  border-width: var(--okd-button-fill-primary-border-size);
  -webkit-box-shadow: var(--okd-button-fill-primary-default-shadow);
  box-shadow: var(--okd-button-fill-primary-default-shadow);
  color: var(--okd-button-fill-primary-default-font-color);
}

.okui-btn.btn-fill-primary:not(.loading):disabled {
  background: var(--okd-button-fill-primary-disabled-background);
  border-color: var(--okd-button-fill-primary-disabled-border-color);
  -webkit-box-shadow: var(--okd-button-fill-primary-disabled-shadow);
  box-shadow: var(--okd-button-fill-primary-disabled-shadow);
  color: var(--okd-button-fill-primary-disabled-font-color);
}

.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-red {
  background: var(--okd-button-fill-red-default-background);
  border-color: var(--okd-button-fill-red-default-border-color);
  border-width: var(--okd-button-fill-red-border-size);
  -webkit-box-shadow: var(--okd-button-fill-red-default-shadow);
  box-shadow: var(--okd-button-fill-red-default-shadow);
  color: var(--okd-button-fill-red-default-font-color);
}

.okui-btn.btn-fill-red:not(.loading):disabled {
  background: var(--okd-button-fill-red-disabled-background);
  border-color: var(--okd-button-fill-red-disabled-border-color);
  -webkit-box-shadow: var(--okd-button-fill-red-disabled-shadow);
  box-shadow: var(--okd-button-fill-red-disabled-shadow);
  color: var(--okd-button-fill-red-disabled-font-color);
}

.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-green {
  background: var(--okd-button-fill-green-default-background);
  border-color: var(--okd-button-fill-green-default-border-color);
  border-width: var(--okd-button-fill-green-border-size);
  -webkit-box-shadow: var(--okd-button-fill-green-default-shadow);
  box-shadow: var(--okd-button-fill-green-default-shadow);
  color: var(--okd-button-fill-green-default-font-color);
}

.okui-btn.btn-fill-green:not(.loading):disabled {
  background: var(--okd-button-fill-green-disabled-background);
  border-color: var(--okd-button-fill-green-disabled-border-color);
  -webkit-box-shadow: var(--okd-button-fill-green-disabled-shadow);
  box-shadow: var(--okd-button-fill-green-disabled-shadow);
  color: var(--okd-button-fill-green-disabled-font-color);
}

.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-xs {
  border-radius: var(--okd-button-xs-border-radius);
  font-weight: var(--okd-button-xs-font-weight, 500);
  min-width: var(--okd-button-xs-min-width);
}

.okui-btn.btn-xs {
  font-size: var(--okd-button-xs-font-size);
  line-height: var(--okd-button-xs-line-height);
}

.okui-btn.btn-sm {
  border-radius: var(--okd-button-sm-border-radius);
  font-weight: var(--okd-button-sm-font-weight, 500);
  min-width: var(--okd-button-sm-min-width);
}

.okui-btn.btn-sm {
  font-size: var(--okd-button-sm-font-size);
  line-height: var(--okd-button-sm-line-height);
}

.okui-btn.btn-md {
  border-radius: var(--okd-button-md-border-radius);
  font-weight: var(--okd-button-md-font-weight, 500);
  min-width: var(--okd-button-md-min-width);
}

.okui-btn.btn-md {
  font-size: var(--okd-button-md-font-size);
  line-height: var(--okd-button-md-line-height);
}

.okui-btn:disabled {
  cursor: not-allowed;
}

.okui-btn .btn-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.theme-dark {
  --okd-loader-line-active-color: var(--okd-color-gray-900);
  --okd-loader-line-inactive-color: var(--okd-color-gray-100);
  --okd-loader-primary-active-color: var(--okd-color-gray-900);
  --okd-loader-primary-inactive-color: var(--okd-color-gray-200);
  --okd-loader-neutral-active-color: #fff;
  --okd-loader-neutral-inactive-color: #ffffff40;
  --okd-loader-mask-bg-color: #00000040;
  --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: 2px;
  --okd-loader-circle-sm-track-width: 2px;
  --okd-loader-line-size: 4px;
  --okd-loader-circle-cover-background: var(--okd-color-background-2);
  --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-gray-900);
  --okd-loader-mask-text-margin-top: 10px;
}

.okui-loader-spin {
  -webkit-animation: okui-loader-rotation 1s linear infinite;
  animation: okui-loader-rotation 1s linear infinite;
  background-color: transparent;
  border-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.okui-loader-spin-md {
  border-radius: var(--okd-loader-circle-md-size);
  border-width: var(--okd-loader-circle-md-track-width);
  height: var(--okd-loader-circle-md-size);
  width: var(--okd-loader-circle-md-size);
}

.okui-loader-spin-primary {
  border-color: var(--okd-loader-primary-inactive-color);
  border-top-color: var(--okd-loader-primary-active-color);
}

.theme-dark {
  --okd-notification-success-icon-color: var(--okd-color-green-900);
  --okd-notification-info-icon-color: var(--okd-color-blue-800);
  --okd-notification-warn-icon-color: var(--okd-color-yellow-800);
  --okd-notification-error-icon-color: var(--okd-color-red-800);
  --okd-notification-title-color: var(--okd-color-text-amplifed);
  --okd-notification-text-color: var(--okd-color-text-light);
  --okd-notification-action-confirm-btn-color: var(--okd-color-fq-blue-lv1);
  --okd-notification-action-cancel-btn-color: var(--okd-color-gray-500);
  --okd-notification-box-close-icon-color: var(--okd-color-gray-400);
  --okd-notification-box-shadow: var(--okd-shadow-xl);
  --okd-notification-box-background: var(--okd-color-background-3);
  --okd-notification-box-border-color: var(--okd-color-gray-200);
  --okd-notification-box-border-radius: var(--okd-border-radius-md);
  --okd-notification-box-padding: 16px;
  --okd-notification-box-each-margin: 14px;
  --okd-notification-box-max-width: 700px;
  --okd-notification-box-min-width: 451px;
  --okd-notification-box-auto-width-min-width: 100px;
  --okd-notification-box-icon-text-margin: 15px;
  --okd-notification-title-font-size: var(--okd-font-size-md);
  --okd-notification-title-line-height: var(--okd-line-height-md);
  --okd-notification-text-font-size: var(--okd-font-size-md);
  --okd-notification-text-line-height: var(--okd-line-height-md);
  --okd-notification-action-font-size: var(--okd-font-size-md);
  --okd-notification-action-line-height: var(--okd-line-height-md);
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}

.theme-dark {
  --comb-nav-fold-icon-bg: var(--okd-color-gray-200);
  --comb-nav-fold-icon: var(--okd-color-gray-700);
  --comb-nav-info-icon-bg: rgba(38, 118, 255, 0.1);
  --comb-nav-info-icon: var(--okd-color-blue-900);
  --comb-nav-ticker-title: var(--okd-color-white);
  --comb-nav-market-mobile-bg: var(--okd-color-background-2);
  --comb-drawer-wrapper-bg: var(--okd-color-background-2);
  --comb-drawer-account-list-bg: var(--okd-color-gray-100);
  --comb-drawer-account-list-item-active: var(--okd-color-blue-900);
  --comb-drawer-layout-list-item-bg: var(--okd-color-gray-100);
  --comb-drawer-layout-list-item-active: var(--okd-color-blue-900);
  --comb-drawer-position-mode-title: var(--okd-color-gray-900);
  --comb-drawer-position-mode-content: var(--okd-color-text-secondary);
  --comb-drawer-layout-cover-bg-hover: rgba(49, 57, 74, 0.5);
  --comb-liquidation-alert-tip-bg: var(--okd-color-gray-100);
  --comb-liquidation-alert-tip-text: var(--okd-color-gray-500);
  --comb-strategy-confirm-name-color: var(--okd-color-blue-900);
  --comb-strategy-confirm-name-bg: rgba(38, 118, 255, 0.1);
  --comb-strategy-confirm-explain-color: var(--okd-color-gray-400);
  --comb-strategy-confirm-explain-bg: rgba(221, 225, 235, 0.05);
  --comb-strategy-limit-range-label-color: var(--okd-color-gray-700);
  --comb-strategy-limit-range-value-color: var(--okd-color-gray-800);
  --comb-strategy-panel-bg: var(--okd-color-background-2);
  --comb-strategy-breadcrumb-href-color: var(--okd-color-gray-900);
  --comb-strategy-breadcrumb-text-color: var(--okd-color-gray-300);
  --comb-strategy-breadcrumb-arrow-color: var(--okd-color-text-lighter);
  --comb-strategy-detail-asset-sm-bg: var(--okd-color-background-2);
  --comb-strategy-detail-asset-md-bg: var(--okd-color-gray-100);
  --comb-strategy-detail-stop-radio-title-color: var(--okd-color-text-amplifed);
  --comb-strategy-detail-stop-radio-desc-color: var(--okd-color-text-light);
  --comb-strategy-detail-stop-backroundcolor: rgba(221, 225, 235, 0.05);
  --comb-strategy-detail-stop-divide: var(--okd-color-gray-200);
  --comb-strategy-form-sort-bg: var(--okd-color-gray-100);
  --comb-strategy-list-hover-bg: rgba(221, 225, 235, 0.1);
  --comb-strategy-detail-btn-color: var(--okd-color-blue-900);
  --comb-strategy-list-disable-bg: var(--okd-color-background-2);
  --comb-strategy-list-disable-title: hsla(0, 0%, 98%, 0.4);
  --comb-strategy-list-disable-description: hsla(0, 0%, 56%, 0.4);
  --comb-strategy-list-disable-right: rgba(114, 123, 143, 0.4);
  --comb-strategy-list-disable-hover: rgba(24, 30, 42, 0.4);
  --comb-watch-simple-bg: rgba(221, 225, 235, 0.05);
  --comb-watch-simple-border: rgba(221, 225, 235, 0);
  --comb-watch-recommend-item-bg: rgba(85, 94, 115, 0.2);
  --comb-watch-table-item-hover-bg: rgba(221, 225, 235, 0.05);
  --comb-watch-tab-active-bg: var(--okd-color-gray-200);
  --comb-watch-star-bg: var(--okd-color-gray-200);
  --comb-watch-name-suffix-bg: rgba(38, 118, 255, 0.1);
  --comb-watch-name-suffix-text: var(--okd-color-fq-blue-lv1);
  --comb-watch-vol-change-icon: #3877ff;
  --comb-table-col-fixed-shadow: rgba(0, 0, 0, 0.3);
  --comb-alert-bg: var(--okd-color-orange-050);
  --comb-alert-text: #f88726;
  --comb-alert-link-text: var(--okd-color-blue-900);
  --comb-coin-overview-short-name: #fafafa;
  --comb-coin-overview-full-name: #6c6c6c;
  --comb-coin-overview-base-text: #fafafa;
  --comb-coin-overview-sub-text: #909090;
  --comb-coin-overview-introduction-more: #3877ff;
  --comb-coin-overview-base-info-special: #3877ff;
  --comb-coin-overview-investors-bg: #1a1a1a;
  --comb-coin-overview-more-hover: #e3e3e3;
  --comb-coin-overview-text-icon: #3877ff;
  --comb-coin-overview-learn-more-bg: #242424;
  --comb-coin-overview-learn-more-hover-bg: #404040;
  --comb-coin-overview-learn-more-icon: #919191;
  --comb-coin-overview-coin-allot-circle-bg: #242424;
  --comb-coin-overview-coin-allot-progress-outer-bg: #242424;
  --comb-coin-overview-coin-allot-progress-inner-bg: #3877ff;
  --comb-color-icon-1: var(--okd-color-gray-800);
  --comb-color-icon-2: var(--okd-color-gray-700);
  --comb-color-icon-3: var(--okd-color-gray-300);
  --comb-color-icon-4: var(--okd-color-gray-500);
  --link-primary: var(--okd-color-blue-700);
  --comb-color-primary: var(--okd-color-blue-900);
  --comb-color-primary-bg-opacity-light: rgba(51, 176, 106, 0.05);
  --comb-color-danger: var(--okd-color-red-700);
  --comb-color-danger-amplifed: var(--okd-color-red-900);
  --comb-color-danger-bg-opacity-none: rgba(156, 49, 51, 0);
  --comb-color-warnning: var(--okd-color-orange-700);
  --comb-color-warnning-amplifed: var(--okd-color-orange-900);
  --comb-color-success: var(--okd-color-green-700);
  --comb-color-success-amplifed: var(--okd-color-green-900);
  --comb-color-success-bg-opacity-none: rgba(42, 137, 88, 0);
  --comb-color-success-bg-opacity-light: rgba(42, 137, 88, 0.05);
  --comb-color-success-bg-opacity-secondary: rgba(42, 137, 88, 0.1);
  --comb-color-yellow: var(--okd-color-yellow-900);
  --comb-table-hover-bg: var(--okd-color-background-2);
  --comb-table-odd-bg: rgba(221, 225, 235, 0.03);
  --comb-input-bg: var(--okd-color-background-2);
  --comb-bg-main: var(--okd-color-gray-050);
  --comb-bg-level-4: var(--okd-color-gray-100);
  --comb-bg-level-5: var(--okd-color-gray-100);
  --comb-bg-level-6: var(--okd-color-gray-200);
  --comb-bg-level-normal: var(--okd-color-background-3);
  --comb-color-text-normal: var(--okd-color-gray-800);
  --comb-color-link: var(--okd-color-gray-800);
  --comb-color-shadow: rgba(0, 0, 0, 0.16);
  --comb-place-order-input-cover-bg: var(--okd-color-gray-100);
  --comb-place-order-input-icon-text: var(--okd-color-gray-700);
  --comb-place-order-lever-btn-end: rgba(85, 94, 115, 0.1);
  --comb-place-order-ioc-tip-text: var(--okd-color-orange-900);
  --comb-order-table-explain-icon: var(--okd-color-orange-900);
  --comb-order-table-edit-icon-bg: var(--okd-color-gray-200);
  --comb-order-table-edit-icon-top: 0px;
  --comb-asset-expand-bg: rgba(221, 225, 235, 0.1);
  --comb-assets-expand-icon: var(--okd-color-gray-800);
  --comb-asset-close-mode-title: var(--okd-color-text-amplifed);
  --comb-asset-distribution-title: var(--okd-color-gray-900);
  --comb-asset-operation-hover-bg: rgba(221, 225, 235, 0.05);
  --comb-pos-ratio-share-icon: var(--okd-color-blue-900);
  --comb-pos-common-blue: var(--okd-color-blue-900);
  --comb-pos-title-tag: var(--okd-color-gray-500);
  --comb-calculator-result-bg: var(--okd-color-background-3);
  --comb-option-filter-item-border: rgba(34, 41, 56, 0);
  --comb-option-stop-bg: rgba(16, 22, 33, 0.5);
  --comb-simple-cost-bg: var(--okd-color-gray-100);
  --comb-drag-icon: var(--okd-color-gray-300);
  --comb-drag-icon-hover: var(--okd-color-gray-500);
  --comb-watch-list-shadow-1: rgba(10, 15, 23, 0.2);
  --comb-watch-list-shadow-2: rgba(31, 41, 51, 0.15);
  --comb-guide-bg: rgba(46, 46, 46, 0.8);
  --comb-guide-item: var(--okd-color-gray-200);
  --comb-guide-radio: var(--okd-color-background-2);
  --comb-arb-group-list-shadow: rgba(0, 0, 0, 0.3);
  --comb-arb-group-list-star-checked: #e0b525;
  --comb-arb-group-list-hover-bg: #2d2d2e;
  --comb-arb-order-book-text-color: var(--okd-color-gray-400);
  --comb-arb-order-tip-bg: rgba(221, 225, 235, 0.05);
  --comb-arb-order-tip-text: var(--okd-color-gray-400);
  --comb-arb-order-setting-tag-bg: rgba(38, 118, 255, 0.1);
  --comb-arb-order-setting-tag-hover-bg: rgba(38, 118, 255, 0.2);
  --comb-arb-order-exchange-bg: var(--okd-color-gray-200);
  --comb-arb-color-blue: var(--okd-color-blue-900);
  --comb-position-builder-bg: #000;
  --comb-position-builder-tag-bg: rgba(220, 224, 232, 0.1);
  --comb-order-strategy-delete-bg: #1a1a1a;
  --comb-order-strategy-delete-color: #909090;
  --comb-order-strategy-delete-hover-color: #fafafa;
  --comb-order-strategy-confirm-title-bg: rgba(56, 119, 255, 0.1);
  --comb-order-strategy-confirm-tip-bg: rgba(221, 225, 235, 0.05);
  --comb-position-builder-overed-color: var(--okd-color-text-amplifed);
  --comb-position-builder-risk-head-bg: var(--okd-color-background-2);
  --comb-position-builder-position-box-border: transparent;
  --comb-position-builder-cross-box-bg: var(--okd-color-background-2);
  --comb-position-builder-pos-box-bg: var(--okd-color-background-2);
  --comb-position-builder-main-bg: var(--okd-color-background-2);
  --comb-position-builder-risk-head-border-bg: var(--okd-color-line-secondary);
  --comb-position-builder-order-btn-bg: var(--okd-color-background-2);
  --comb-gird-tag-bg: hsla(0, 0%, 98%, 0.1);
  --comb-gird-tag-color: var(--okd-color-text-amplifed);
  --comb-gird-long-tag-bg: rgba(13, 178, 124, 0.1);
  --comb-gird-long-tag-color: var(--okd-color-green-900);
  --comb-gird-short-tag-bg: rgba(219, 67, 85, 0.1);
  --comb-gird-short-tag-color: var(--okd-color-red-900);
  --comb-amend-icon-bg: var(--okd-color-gray-200);
  --comb-amend-icon-color: var(--okd-color-gray-1000);
  --comb-contract-grid-bg: rgba(38, 118, 255, 0.1);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/okui/okline/0.3.206/okui-combkline.css */
.okline-indic-scale {
  position: absolute;
  height: 20px;
  opacity: 0.9;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  z-index: 7;
  white-space: nowrap;
  padding-right: 4px;
}

.kline-core .draw-line-box {
  width: 36px;
  height: 0;
  overflow: auto;
}

.kline-core .draw-line-box,
.kline-core .draw-line-box li,
.kline-core .draw-line-box ul {
  display: -ms-flexbox;
  display: flex;
}

.kline-core .draw-line-box .tool-panel {
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 4px 0;
  border-right: 1px solid;
  min-height: 510px;
}

.kline-core .draw-line-box .tool-panel li {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 24px;
  min-height: 24px;
}

.kline-core .draw-line-box .tool-panel li.tool-bottom-end {
  margin-bottom: 40px;
}

.kline-core .draw-line-box .tool-panel li.tool-bottom i {
  font-size: 18px;
}

.kline-core .draw-line-box .tool-panel.hide-bottom .arrow-bottom {
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  border-radius: 0 0 6px 6px;
}

.kline-core .draw-line-box .tool-panel .arrow {
  display: none;
  position: absolute;
  left: 0;
  height: 14px;
  min-height: 14px;
}

.kline-core .draw-line-box .tool-panel .arrow i {
  font-size: 12px;
}

.kline-core .draw-line-box .draw-operation {
  position: absolute;
  -ms-flex-direction: row;
  flex-direction: row;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  z-index: 4;
}

.kline-core .draw-line-box .draw-operation li {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  min-height: 30px;
}

.kline-core .draw-line-box .draw-operation li i {
  -ms-flex: 1;
  flex: 1;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-right: 1px solid;
}

.kline-core .draw-line-box .draw-operation li:last-of-type i {
  border: 0;
}

.kline-core .draw-line-box .popover {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
}

.kline-core .draw-line-box .popover .title {
  padding: 1px 4px;
  border-radius: 2px;
  white-space: nowrap;
  z-index: 4;
}

.kline-core .draw-line-box .popover .triangle {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}

.kline-core .draw-line-box .popover .split {
  position: absolute;
  z-index: 4;
}

.kline-core .draw-line-box .popover.right {
  padding-left: 3px;
}

.kline-core .draw-line-box .popover.right .triangle {
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
}

.kline-core .draw-line-box .popover.right .split {
  top: 50%;
  left: 3px;
  width: 1px;
  height: 8px;
  transform: translateY(-50%);
}

.kline-core .draw-line-box::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.dark.kline-core .draw-line-box .tool-panel {
  background-color: #2e2e2e;
  color: #f0f0f0;
  border-color: #404040;
}

.dark.kline-core .draw-line-box .tool-panel li.tool-bottom {
  color: #f0f0f0;
}

.dark.kline-core .draw-line-box .tool-panel li.selected {
  color: #3877ff;
}

.dark.kline-core .draw-line-box .tool-panel .arrow {
  background: #404040;
}

.dark.kline-core .draw-line-box .draw-operation {
  background: #2e2e2e;
}

.dark.kline-core .draw-line-box .draw-operation i {
  border-color: hsla(0, 0%, 100%, 0.25);
}

.dark.kline-core .draw-line-box .popover {
  color: #fff;
}

.dark.kline-core .draw-line-box .popover .title,
.dark.kline-core .draw-line-box .popover .triangle {
  background: #121d32;
  border: 1px solid hsla(0, 0%, 100%, 0.65);
}

.dark.kline-core .draw-line-box .popover .split {
  background: #121d32;
}

.okline-order-record-tooltip {
  padding-bottom: 30px !important;
  display: none;
  cursor: default;
  width: 180px;
  text-align: left;
  position: absolute;
  z-index: 5;
  cursor: pointer;
}

.okline-order-record-tooltip-wrapper {
  padding: 8px !important;
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
}

.okline-order-record-tooltip-wrapper .okline-order-record-tooltip-detail {
  cursor: pointer;
  margin-top: 4px;
}

.dark .okline-order-record-tooltip-wrapper {
  background: #31394a;
  color: #fafafa;
}

.dark .okline-order-record-tooltip-wrapper .okline-order-record-tooltip-detail {
  color: #2676ff;
}

.kline-core {
  cursor: default;
  font-size: 12px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  box-sizing: border-box;
  -ms-flex: 1;
  flex: 1;
}

.kline-core div,
.kline-core li,
.kline-core span,
.kline-core ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.kline-core ul {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.kline-core li {
  cursor: pointer;
}

.iconDiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

.iconDiv > img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.klineName-title {
  color: #fafafa;
}

/* .kline-core .hide {
    display: none !important;
} */

.kline-core .canvas-group {
  position: relative;
  -ms-flex: 1;
  flex: 1;
  z-index: 0;
}

.kline-core .canvas-group .main-canvas {
  overflow: hidden;
  position: absolute;
  z-index: 0;
}

.kline-core .canvas-group .overlay-canvas {
  overflow: hidden;
  position: absolute;
  z-index: 2;
}

.kline-loading-dot {
  width: 22px;
  height: 22px;
  background: transparent;
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  /* display: none; */
  animation: a 1s linear infinite;
}

.dark.kline-core {
  color: #909090;
  background: #121212;
}

.dark.kline-core li.selected {
  color: #fafafa;
}

.kline-loading {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kline-loading-dot {
  border-color: #152d58;
  border-top-color: #2676ff;
}

@media (hover: hover) {
  .dark.kline-core li:hover {
    color: #fafafa;
  }
}

.icon-Mul_Dropdown:before {
  content: "\EBB0";
}

.icon-Mul_hide:before {
  content: "\EC52";
}

.icon-Mul_delete:before {
  content: "\EC53";
}

.icon-Mul_show:before {
  content: "\EC54";
}

.icon-fold:before {
  content: "\E65F";
}

.icon-Unfold:before {
  content: "\E660";
}

.icon-cancel:before {
  content: "\E791";
}

.icon-kline_tool_f:before {
  content: "\E709";
}

.icon-kline_tool_d:before {
  content: "\E70B";
}

.icon-kline_tool_c:before {
  content: "\E70C";
}

.icon-kline_tool_a:before {
  content: "\E70D";
}

.icon-kline_tool_b:before {
  content: "\E70E";
}

.icon-kline_tool_e:before {
  content: "\E70F";
}

.icon-kline_tool_i:before {
  content: "\E715";
}

.icon-kline_tool_g:before {
  content: "\E71A";
}

.icon-kline_tool_h:before {
  content: "\E71C";
}

.icon-kline_tool_l:before {
  content: "\E721";
}

.icon-kline_tool_j:before {
  content: "\E78A";
}

.icon-kline_tool_k:before {
  content: "\E78B";
}

.icon-kline_tool_n:before {
  content: "\E78C";
}

.icon-kline_tool_o:before {
  content: "\E78D";
}

.icon-kline_tool_m:before {
  content: "\E78E";
}

.icon-kline-cursor:before {
  content: "\E7C7";
}

.k-toolbar .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 24px;
}

.k-toolbar .icon img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.k-toolbar .icon span {
  font-size: 16px;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
}

.dark.k-toolbar .icon span {
  color: #fafafa;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .k-toolbar .icon {
    max-width: 142px;
    -ms-flex: none;
    flex: none;
  }

  .k-toolbar .icon img {
    width: 20px;
    height: 20px;
  }

  .k-toolbar .icon span {
    font-size: 14px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    -webkit-box-orient: vertical;
  }
}

@media screen and (max-width: 767px) {
  .k-toolbar .icon {
    width: 100%;
    border-bottom: 1px solid;
    padding: 0 8px;
  }

  .k-toolbar .icon img {
    width: 20px;
    height: 20px;
  }

  .k-toolbar .icon span {
    font-size: 14px;
  }

  .dark.k-toolbar .icon {
    border-color: #2e2e2e;
  }
}

.k-toolbar .arrow {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 4px;
}

.k-toolbar .arrow span {
  display: inline;
  transition-property: all;
  transition-duration: 0.5s;
}

.k-toolbar .arrow i {
  font-size: 12px;
}

.k-toolbar .collect li {
  -ms-flex-align: center;
  align-items: center;
}

.k-toolbar .dropdown {
  display: block;
  position: absolute;
  border-radius: 4px;
  z-index: 8;
  overflow: auto;
}

.k-toolbar .dropdown ul {
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  border-bottom: 1px solid;
}

.k-toolbar .dropdown ul:last-of-type {
  border: 0;
}

.k-toolbar .dropdown .collect-icon {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 32px;
}

.k-toolbar .dropdown::-webkit-scrollbar {
  width: 4px;
  height: 0;
  background: none !important;
}

.dark.k-toolbar .arrow {
  color: #fafafa;
}

.dark.k-toolbar .dropdown {
  background: #2e2e2e;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
}

.dark.k-toolbar .dropdown::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, 0.08) !important;
}

.dark.k-toolbar .dropdown::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.1) !important;
}

.dark.k-toolbar .dropdown ul {
  border-color: #0c172d;
}

.dark.k-toolbar .dropdown li {
  color: hsla(0, 0%, 100%, 0.65);
}

.dark.k-toolbar .dropdown li:hover {
  color: hsla(0, 0%, 100%, 0.85);
  background: rgba(87, 149, 241, 0.04) !important;
}

.dark.k-toolbar .dropdown li.selected {
  color: #5795f1;
  background: rgba(87, 149, 241, 0.04);
}

.dark.k-toolbar .dropdown .collect-icon {
  color: rgba(0, 0, 0, 0.25);
}

.k-toolbar .periods .dropdown {
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
  padding: 16px 12px 22px;
  font-size: 12px;
}

.k-toolbar .periods .dropdown .bottom,
.k-toolbar .periods .dropdown .top {
  position: relative;
  -ms-flex-direction: column;
  flex-direction: column;
}

.k-toolbar .periods .dropdown .period-header {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 4px;
  width: 100%;
}

.k-toolbar .periods .dropdown .period-header div {
  line-height: 18px;
}

.k-toolbar .periods .dropdown .period-header div[lang="more"] {
  margin-top: 28px;
}

.k-toolbar .periods .dropdown .period-header div:nth-child(2) {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.k-toolbar .periods .dropdown .period-header div:nth-child(3) {
  display: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.k-toolbar .periods .dropdown ul {
  display: block;
  width: 310px;
}

.k-toolbar .periods .dropdown li {
  position: relative;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 28px;
  margin: 6px 4px 0;
  border-radius: 4px;
}

.k-toolbar .periods .dropdown li span {
  line-height: 18px;
}

.k-toolbar .periods .dropdown li div {
  display: none;
  position: absolute;
  top: -4px;
  right: -4px;
  width: 9px;
  height: 8px;
  border-radius: 50%;
}

.k-toolbar .periods .dropdown li div i {
  position: absolute;
  top: 0;
  left: -1px;
  width: 10px;
  height: 10px;
  font-size: 12px;
  line-height: 10px;
}

.dark.k-toolbar .periods .dropdown .period-header div {
  color: #3075ee;
}

.dark.k-toolbar .periods .dropdown .period-header div[lang="more"] {
  margin-top: 28px;
}

.dark.k-toolbar .periods .dropdown .period-header div:first-child {
  color: hsla(0, 0%, 100%, 0.65);
}

.dark.k-toolbar .periods .dropdown li {
  color: #fff;
  background: #404040;
}

.dark.k-toolbar .periods .dropdown li div {
  background: #fff;
}

.dark.k-toolbar .periods .dropdown li i {
  color: #6c6c6c;
}

.dark.k-toolbar .periods .dropdown li.selected {
  color: #3877ff;
  border: 1px solid #3877ff;
  background: #404040;
}

.dark.k-toolbar .periods .dropdown li:hover {
  color: #3877ff;
  background: rgba(48, 117, 238, 0.1) !important;
}

.k-toolbar .main-style .dropdown li {
  width: 180px;
  height: 32px;
  padding-left: 12px;
  padding-right: 0;
  -ms-flex-align: center;
  align-items: center;
}

.k-toolbar .main-style .dropdown i {
  margin-right: 10px;
}

.k-toolbar .main-style .dropdown .collect-icon {
  position: absolute;
  right: 0;
}

.k-toolbar .main-style .dropdown .collect-icon i {
  margin-right: 0;
}

.k-toolbar .price-type {
  height: 100%;
}

.k-toolbar .price-type .dropdown li {
  padding: 8px 16px;
}

.k-toolbar .price-type .border-line {
  display: none;
}

.k-toolbar .toggle {
  /* margin-left: 8px;
  margin-right: 14px; */
  height: 24px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  padding: 2px;
  cursor: pointer;
  border-radius: 4px;
}

.k-toolbar .toggle span {
  padding: 2px 8px;
  border-radius: 2px;
  white-space: nowrap;
  color: #929aa5;
}

.k-toolbar .toggle span:last-child {
  margin-right: 0;
}

.dark.k-toolbar .toggle {
  /*background: #2e2e2e;*/
}

.dark.k-toolbar .toggle .selected {
  background: #404040;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #fafafa;
}

.k-toolbar .popover {
  position: absolute;
  height: auto;
}

.k-toolbar .popover .title {
  padding: 1px 4px;
  border-radius: 2px;
  z-index: 4;
}

.k-toolbar .popover .triangle {
  position: absolute;
  display: block;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  z-index: 1;
  transform: translateX(-50%) rotate(45deg);
}

.k-toolbar .popover .split {
  position: absolute;
  width: 8px;
  height: 1px;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%);
}

.k-toolbar .popover.bottom {
  padding-top: 3px;
}

.k-toolbar .popover.bottom .triangle {
  top: 0;
}

.k-toolbar .popover.bottom .split {
  top: 3px;
}

.dark.k-toolbar .popover {
  color: #fff;
}

.dark.k-toolbar .popover .title,
.dark.k-toolbar .popover .triangle {
  background: #121d32;
  border: 1px solid hsla(0, 0%, 100%, 0.65);
}

.dark.k-toolbar .popover .split {
  background: #121d32;
}

.k-toolbar .k-title {
  -ms-flex: 1;
  flex: 1;
  display: block;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
  font-size: 14px;
  line-height: 35px;
  min-width: 80px;
}

.dark.k-toolbar .k-title {
  color: #fafafa;
}

.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconminus-circle:before {
  content: "\E677";
}

.iconplus-circle:before {
  content: "\E66F";
}

.iconUnfold:before {
  content: "\E660";
}

.iconcompare-tool:before {
  content: "\E8C4";
}

.iconStar-o:before {
  content: "\E6C0";
}

.iconfullscreen2:before {
  content: "\E700";
}

.iconmenu-administration:before {
  content: "\E79B";
}

.iconzhibiaozhuanqu:before {
  content: "\E7BE";
}

.iconcandlestickhlc:before {
  content: "\E7BF";
}

.iconcandlestick:before {
  content: "\E7C0";
}

.iconmeasure-tool:before {
  content: "\E7C1";
}

.iconohlc:before {
  content: "\E7C2";
}

.k-toolbar {
  position: relative;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 36px;
  min-height: 20px;
  font-size: 12px;
  border-bottom: 1px solid;
  box-sizing: border-box;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  font-weight: 500;
  padding: 0 8px;
}

.k-toolbar,
.k-toolbar .k-toolbar-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.k-toolbar .k-toolbar-btn {
  -ms-flex: 1;
  flex: 1;
}

.k-toolbar .k-toolbar-btn > div {
  height: 100%;
}

.k-toolbar .k-toolbar-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.k-toolbar .k-toolbar-left > div {
  height: 100%;
}

.k-toolbar .k-toolbar-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.k-toolbar div,
.k-toolbar li,
.k-toolbar ul {
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
}

.k-toolbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.k-toolbar li {
  -ms-flex-align: center;
  align-items: center;

  /*padding: 0 4px;*/
  cursor: pointer;
  white-space: nowrap;
}

.k-toolbar .periods li {
  margin-right: 12px;
}

.k-toolbar li.selected {
  font-weight: 500;
}

.k-toolbar i {
  min-width: 16px;
  min-height: 16px;
}

.k-toolbar span {
  line-height: 16px;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.k-toolbar > div {
  height: 100%;
}

.k-toolbar .icon-button {
  padding-right: 4px;
}

.k-toolbar .border-line {
  width: 1px;
  height: 16px;
  margin: 0 4px;
  -ms-flex-item-align: center;
  align-self: center;
}

/* .k-toolbar .hide {
    display: none !important;
} */

.dark.k-toolbar {
  color: #909090;
  border-color: #2e2e2e;
  background: #171a1e;
  height: 36px;
  padding: 2px 8px 2px 0px;
}

.dark.k-toolbar li.selected,
.dark.k-toolbar li:hover {
  color: #fafafa;
}

.dark.k-toolbar .border-line {
  background: #2e2e2e;
}

@media screen and (max-width: 767px) {
  .k-toolbar {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
  }

  .k-toolbar .k-toolbar-btn {
    padding: 0 8px;
  }
}

.kline-wrap {
  top: 0;
  left: 0;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: auto;
  width: 100%;
  height: 421px;
}

.kline-wrap * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.kline-wrap .k-toolbar-wrap {
  width: 100%;
}

.kline-wrap .kline-body-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.kline-wrap .kline-body-wrap .kline-closest-wrapper {
  background: #171a1e;
  width: 100%;
  height: 500px;
  position: relative;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/seo-ex/6.14.148/navIcon/index.css */
.icon_notice_empty {
  background: url(https://static.okx.com/cdn/assets/okfe/seo-ex/6.14.148/header-sprite.png?9603cedca164fea91e7d3c22a484b931)
    0 0/218px 180px no-repeat;
  height: 80px;
  width: 80px;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/2970/2970.css */
.theme-dark {
  --okd-dialog-window-background: var(--okd-color-background-2);
  --okd-dialog-window-close-btn-color: var(--okd-color-gray-400);
  --okd-dialog-window-split-line-border-color: var(--okd-color-gray-100);
  --okd-dialog-title-color: var(--okd-color-gray-900);
  --okd-dialog-sub-title-color: var(--okd-color-text-light);
  --okd-dialog-window-mask-color: rgba(0, 0, 0, 0.65);
  --okd-dialog-window-default-text-color: var(--okd-color-text-secondary);
  --okd-dialog-window-box-shadow: 0px 0px 0px 1px #2e2e2e,
    0px 13px 20px -15px #000;
  --okd-dialog-tip-title-color: var(--okd-color-gray-900);
  --okd-dialog-tip-detail-color: var(--okd-color-gray-700);
  --okd-dialog-tip-success-icon-bg: var(--okd-color-green-100);
  --okd-dialog-tip-info-icon-bg: var(--okd-color-blue-100);
  --okd-dialog-tip-prompt-icon-bg: var(--okd-color-orange-100);
  --okd-dialog-tip-warn-icon-bg: var(--okd-color-orange-100);
  --okd-dialog-tip-alert-icon-bg: var(--okd-color-red-100);
  --okd-dialog-tip-error-icon-bg: var(--okd-color-red-100);
  --okd-dialog-tip-success-icon-color: var(--okd-color-green-800);
  --okd-dialog-tip-info-icon-color: var(--okd-color-blue-900);
  --okd-dialog-tip-prompt-icon-color: var(--okd-color-orange-800);
  --okd-dialog-tip-warn-icon-color: var(--okd-color-orange-800);
  --okd-dialog-tip-alert-icon-color: var(--okd-color-red-800);
  --okd-dialog-tip-error-icon-color: var(--okd-color-red-800);
  --okd-dialog-tip-icon-bg-size: 48px;
  --okd-dialog-tip-icon-font-size: 30px;
  --okd-dialog-tip-title-font-size: 18px;
  --okd-dialog-tip-title-line-height: 24px;
  --okd-dialog-tip-detail-font-size: 14px;
  --okd-dialog-tip-detail-line-height: 20px;
  --okd-dialog-action-close-btn-color: var(--okd-color-blue-700);
  --okd-dialog-window-border-radius: 8px;
  --okd-dialog-title-font-size: 18px;
  --okd-dialog-title-line-height: 24px;
  --okd-dialog-sub-title-font-size: var(--okd-font-size-md);
  --okd-dialog-sub-title-line-height: 16px;
  --okd-dialog-window-close-size: 32px;
  --okd-dialog-container-sm-padding-horizontal: 16px;
  --okd-dialog-title-box-sm-padding-vertical: 12.5px;
  --okd-dialog-container-sm-padding-vertical: 8px;
  --okd-dialog-footer-box-sm-padding-vertical: 12px;
  --okd-dialog-container-md-padding-horizontal: 24px;
  --okd-dialog-title-box-md-padding-vertical: 19px;
  --okd-dialog-container-md-padding-vertical: 24px;
  --okd-dialog-footer-box-md-padding-vertical: 18px;
  --okd-dialog-window-min-width: 392px;
  --okd-dialog-tip-window-min-width: 344px;
  --okd-dialog-tip-window-2btn-min-width: 448px;
  --okd-dialog-tip-footer-box-sm-padding-vertical: 20px;
  --okd-dialog-tip-footer-box-md-padding-vertical: 24px;
  --okd-dialog-window-close-icon-size: 16px;
  --okd-dialog-window-back-icon-size: 14px;
  --okd-dialog-tip-container-md-padding-top: 28px;
  --okd-dialog-tip-container-md-padding-bottom: 24px;
  --okd-dialog-tip-container-sm-padding-top: 20px;
  --okd-dialog-tip-container-sm-padding-bottom: 24px;
  --okd-dialog-window-action-padding: 16px;
  --okd-dialog-footer-action-cancel-type: secondary;
  --okd-dialog-footer-action-cancel-size: sm;
  --okd-dialog-footer-action-confirm-type: primary;
  --okd-dialog-footer-action-confirm-size: sm;
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/trade/trade.css */
.home-container .trade-box {
  background-color: var(--comb-bg-main);
  color: var(--okd-color-text-amplifed);
  overflow: hidden;
  padding-top: 1px;
}

.home-container .trade-box-wrapper {
  display: flex;
  width: 100%;
}

.home-container .trade-panel-box {
  display: grid;
  /*min-height: calc(100vh - 96px);*/
  width: 100%;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/6694/6694.css */
.theme-dark {
  --okd-select-common-placeholder-color: var(--okd-color-gray-600);
  --okd-select-common-text-color: var(--okd-color-gray-900);
  --okd-select-common-title-color: var(--okd-color-gray-800);
  --okd-select-common-border-color: var(--okd-color-gray-600);
  --okd-select-option-default-text-color: var(--okd-color-gray-900);
  --okd-select-option-hover-text-color: var(--okd-color-gray-900);
  --okd-select-option-active-text-color: var(--okd-color-gray-900);
  --okd-select-option-disabled-text-color: var(--okd-color-text-lighter);
  --okd-select-option-default-bg: var(--okd-color-transparent);
  --okd-select-option-hover-bg: hsla(0, 0%, 98%, 0.05);
  --okd-select-option-active-bg: var(--okd-color-gray-100);
  --okd-select-option-disabled-bg: var(--okd-color-background-2);
  --okd-select-check-default-icon-color: var(--okd-color-blue-900);
  --okd-select-empty-default-icon-color: var(--okd-color-text-lighter);
  --okd-select-empty-default-text-color: var(--okd-color-text-lighter);
  --okd-select-search-input-bg: rgba(64, 64, 64, 0.5);
  --okd-select-search-input-placeholder-color: var(--okd-color-text-lighter);
  --okd-select-search-input-color: var(--okd-color-gray-900);
  --okd-select-search-input-icon-color: var(--okd-color-text-light);
  --okd-select-search-input-border-radius: 4px;
  --okd-select-drop-box-border-color: var(--okd-color-gray-100);
  --okd-select-drop-box-shadow: var(--okd-shadow-sm), var(--okd-shadow-md);
  --okd-select-drop-box-bg: var(--okd-color-background-3);
  --okd-select-drop-box-margin-top: 6px;
  --okd-select-drop-box-border-radius: 4px;
  --okd-select-text-select-default-icon-size: var(--okd-font-size-xs);
  --okd-select-text-select-default-font-color: var(--okd-color-gray-900);
  --okd-select-text-select-hover-font-color: var(--okd-color-gray-700);
  --okd-select-text-select-select-font-color: var(--okd-color-gray-900);
  --okd-select-text-select-disabled-font-color: var(--okd-color-gray-400);
  --okd-select-text-select-default-icon-color: var(--okd-color-gray-800);
  --okd-select-text-select-hover-icon-color: var(--okd-color-gray-600);
  --okd-select-text-select-select-icon-color: var(--okd-color-gray-800);
  --okd-select-text-select-disabled-icon-color: var(--okd-color-gray-300);
  --okd-select-input-select-default-icon-color: var(--okd-color-text-light);
  --okd-select-input-select-default-icon-size: var(--okd-font-size-xs);
  --okd-select-md-title-font-size: 10px;
  --okd-select-sm-title-font-size: 10px;
  --okd-select-xs-title-font-size: 10px;
  --okd-select-md-title-line-height: var(--okd-select-md-title-font-size);
  --okd-select-sm-title-line-height: var(--okd-select-md-title-font-size);
  --okd-select-xs-title-line-height: var(--okd-select-md-title-font-size);
  --okd-select-md-title-padding-horizontal: 16px;
  --okd-select-md-title-padding-top: 4px;
  --okd-select-md-title-padding-bottom: 4px;
  --okd-select-sm-title-padding-horizontal: 12px;
  --okd-select-sm-title-padding-top: 4px;
  --okd-select-sm-title-padding-bottom: 4px;
  --okd-select-xs-title-padding-horizontal: 12px;
  --okd-select-xs-title-padding-top: 4px;
  --okd-select-xs-title-padding-bottom: 4px;
  --okd-select-md-text-font-size: var(--okd-font-size-md);
  --okd-select-sm-text-font-size: var(--okd-font-size-xs);
  --okd-select-xs-text-font-size: var(--okd-font-size-xs);
  --okd-select-md-option-font-size: var(--okd-font-size-md);
  --okd-select-sm-option-font-size: var(--okd-font-size-xs);
  --okd-select-xs-option-font-size: var(--okd-font-size-xs);
  --okd-select-md-option-line-height: var(--okd-line-height-md);
  --okd-select-sm-option-line-height: var(--okd-line-height-xs);
  --okd-select-xs-option-line-height: var(--okd-line-height-xs);
  --okd-select-md-option-padding-horizontal: 16px;
  --okd-select-md-option-padding-vertical: 8px;
  --okd-select-sm-option-padding-horizontal: 12px;
  --okd-select-sm-option-padding-vertical: 8px;
  --okd-select-xs-option-padding-horizontal: 12px;
  --okd-select-xs-option-padding-vertical: 8px;
  --okd-select-md-check-icon-font-size: 16px;
  --okd-select-sm-check-icon-font-size: 16px;
  --okd-select-xs-check-icon-font-size: 16px;
  --okd-select-md-empty-icon-font-size: 24px;
  --okd-select-sm-empty-icon-font-size: 24px;
  --okd-select-xs-empty-icon-font-size: 24px;
  --okd-select-md-empty-font-size: var(--okd-font-size-md);
  --okd-select-sm-empty-font-size: var(--okd-font-size-md);
  --okd-select-xs-empty-font-size: var(--okd-font-size-md);
  --okd-select-md-search-input-font-size: var(--okd-font-size-md);
  --okd-select-sm-search-input-font-size: var(--okd-font-size-md);
  --okd-select-xs-search-input-font-size: var(--okd-font-size-md);
  --okd-select-md-search-icon-size: 18px;
  --okd-select-sm-search-icon-size: 18px;
  --okd-select-xs-search-icon-size: 18px;
  --okd-select-md-search-margin-vertical: 8px;
  --okd-select-md-search-margin-horizontal: 16px;
  --okd-select-md-search-height: 28px;
  --okd-select-sm-search-margin-vertical: 8px;
  --okd-select-sm-search-margin-horizontal: 12px;
  --okd-select-sm-search-height: 28px;
  --okd-select-xs-search-margin-vertical: 8px;
  --okd-select-xs-search-margin-horizontal: 12px;
  --okd-select-xs-search-height: 28px;
  --okd-select-option-common-line-color: var(--okd-color-line-muted);
  --okd-select-option-common-line-height: 1px;
  --okd-select-option-common-line-margin-vertical: 6px;
  --okd-select-md-search-padding-vertical: 5px;
  --okd-select-md-search-padding-horizontal: 8px;
  --okd-select-sm-search-padding-vertical: 5px;
  --okd-select-sm-search-padding-horizontal: 8px;
  --okd-select-xs-search-padding-vertical: 5px;
  --okd-select-xs-search-padding-horizontal: 8px;
  --okd-select-mobile-option-container-padding-vertical: 8px;
  --okd-select-mobile-option-item-container-padding-top: 8px;
  --okd-select-search-input-clear-icon-color: var(--okd-color-text-lighter);
  --okd-select-md-search-clear-icon-size: 14px;
  --okd-select-sm-search-clear-icon-size: 14px;
  --okd-select-xs-search-clear-icon-size: 14px;
}

.okui-select .select-popup-reference {
  position: absolute;
}

.okui-select .select-up {
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.okui-select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.okui-select.text-select {
  display: inline-block;
}

.okui-select-text-value {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--okd-select-md-text-font-size);
  justify-content: flex-start;
}

.okui-select-text-value.align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.okui-select-text-value .value {
  color: var(--okd-select-text-select-default-font-color);
}

.okui-select-text-value .icon-sign,
.okui-select-text-value .value {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.okui-select-text-value .icon-sign {
  color: var(--okd-select-text-select-default-icon-color);
  font-size: var(--okd-select-text-select-default-icon-size);
  margin-left: 6px;
  margin-right: 0;
}

.okui-select-text-value:hover .value {
  color: var(--okd-select-text-select-hover-font-color);
}

.okui-select-text-value:hover .icon-sign {
  color: var(--okd-select-text-select-hover-icon-color);
}

.input-sm.okui-select-text-value {
  font-size: var(--okd-select-sm-text-font-size);
}

.input-md.okui-select-text-value {
  font-size: var(--okd-select-md-text-font-size);
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}

.icon-Chevrons1:before {
  content: "\ec76";
}

.icon-Chevrons2:before {
  content: "\ec7d";
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/232/232.css */
.theme-dark {
  --okd-input-default-text-color: var(--okd-color-text-amplifed);
  --okd-input-default-placeholder-color: var(--okd-color-gray-300);
  --okd-input-default-border-color: var(--okd-color-gray-200);
  --okd-input-default-caret-color: var(--okd-color-blue-900);
  --okd-input-default-shadow: var(--okd-shadow-none);
  --okd-input-default-background: var(--okd-color-background-2);
  --okd-input-hover-text-color: var(--okd-color-gray-900);
  --okd-input-hover-placeholder-color: var(--okd-color-gray-300);
  --okd-input-hover-border-color: var(--okd-color-gray-200);
  --okd-input-hover-caret-color: var(--okd-color-blue-900);
  --okd-input-hover-shadow: 0 0 0 0 transparent;
  --okd-input-hover-background: var(--okd-color-background-2);
  --okd-input-focus-text-color: var(--okd-color-gray-900);
  --okd-input-focus-placeholder-color: var(--okd-color-gray-300);
  --okd-input-focus-border-color: var(--okd-color-fq-blue-lv1);
  --okd-input-focus-caret-color: var(--okd-color-blue-900);
  --okd-input-focus-shadow: 0px 0px 0px 2px #002c99;
  --okd-input-focus-background: var(--okd-color-background-2);
  --okd-input-disabled-text-color: var(--okd-color-text-light);
  --okd-input-disabled-placeholder-color: var(--okd-color-gray-300);
  --okd-input-disabled-border-color: var(--okd-color-gray-100);
  --okd-input-disabled-caret-color: var(--okd-color-blue-900);
  --okd-input-disabled-shadow: var(--okd-shadow-sm);
  --okd-input-disabled-background: rgba(36, 36, 36, 0.7);
  --okd-input-error-text-color: var(--okd-color-gray-900);
  --okd-input-error-placeholder-color: var(--okd-color-gray-300);
  --okd-input-error-border-color: var(--okd-color-fq-red-lv1);
  --okd-input-error-caret-color: var(--okd-color-blue-900);
  --okd-input-error-shadow: var(--okd-shadow-sm);
  --okd-input-error-background: var(--okd-color-background-2);
  --okd-input-error-tips-color: var(--okd-color-fq-red-lv1);
  --okd-input-tips-text-color: var(--okd-color-gray-700);
  --okd-input-icon-color: var(--okd-color-gray-500);
  --okd-input-label-color: var(--okd-color-gray-900);
  --okd-input-action-color: var(--okd-color-fq-blue-lv1);
  --okd-input-md-label-font-size: var(--okd-font-size-md);
  --okd-input-sm-label-font-size: var(--okd-font-size-xs);
  --okd-input-xs-label-font-size: var(--okd-font-size-xs);
  --okd-input-md-label-line-height: 16px;
  --okd-input-sm-label-line-height: var(--okd-line-height-xs);
  --okd-input-xs-label-line-height: var(--okd-line-height-xs);
  --okd-input-md-action-font-size: var(--okd-font-size-md);
  --okd-input-sm-action-font-size: var(--okd-font-size-xs);
  --okd-input-xs-action-font-size: var(--okd-font-size-xs);
  --okd-input-md-action-line-height: 16px;
  --okd-input-sm-action-line-height: var(--okd-line-height-xs);
  --okd-input-xs-action-line-height: var(--okd-line-height-xs);
  --okd-input-md-height: 40px;
  --okd-input-md-text-font-size: var(--okd-font-size-md);
  --okd-input-md-border-radius: 4px;
  --okd-input-md-error-font-size: var(--okd-font-size-xs);
  --okd-input-md-error-line-height: var(--okd-line-height-xs);
  --okd-input-md-tip-font-size: var(--okd-font-size-xs);
  --okd-input-md-tip-line-height: var(--okd-line-height-xs);
  --okd-input-md-icon-size: 20px;
  --okd-input-md-icon-margin: 6px;
  --okd-input-sm-height: 32px;
  --okd-input-sm-text-font-size: var(--okd-font-size-xs);
  --okd-input-sm-border-radius: 4px;
  --okd-input-sm-error-font-size: var(--okd-font-size-xs);
  --okd-input-sm-error-line-height: var(--okd-line-height-xs);
  --okd-input-sm-tip-font-size: var(--okd-font-size-xs);
  --okd-input-sm-tip-line-height: var(--okd-line-height-xs);
  --okd-input-sm-icon-size: 16px;
  --okd-input-sm-icon-margin: 4px;
  --okd-input-xs-height: 28px;
  --okd-input-xs-text-font-size: var(--okd-font-size-xs);
  --okd-input-xs-border-radius: 4px;
  --okd-input-xs-error-font-size: var(--okd-font-size-xs);
  --okd-input-xs-error-line-height: var(--okd-line-height-xs);
  --okd-input-xs-tip-font-size: var(--okd-font-size-xs);
  --okd-input-xs-tip-line-height: var(--okd-line-height-xs);
  --okd-input-xs-icon-size: 16px;
  --okd-input-xs-icon-margin: 4px;
  --okd-input-number-default-add-icon-color: var(--okd-color-gray-300);
  --okd-input-number-default-add-icon-background: var(--okd-color-transparent);
  --okd-input-number-hover-add-icon-color: var(--okd-color-gray-700);
  --okd-input-number-hover-add-icon-background: var(--okd-color-transparent);
  --okd-input-number-active-add-icon-color: var(--okd-color-gray-700);
  --okd-input-number-active-add-icon-background: var(--okd-color-gray-200);
  --okd-input-number-disabled-add-icon-color: var(--okd-color-gray-200);
  --okd-input-number-disabled-add-icon-background: var(--okd-color-transparent);
  --okd-input-code-common-btn-color: var(--okd-color-blue-900);
  --okd-input-code-common-btn-disabled-color: var(--okd-color-gray-300);
  --okd-input-code-common-count-color: var(--okd-color-gray-300);
  --okd-input-code-md-btn-font-size: var(--okd-font-size-md);
  --okd-input-code-md-btn-line-height: var(--okd-line-height-md);
  --okd-input-code-md-count-font-size: var(--okd-font-size-md);
  --okd-input-code-md-count-line-height: var(--okd-line-height-md);
  --okd-input-code-sm-btn-font-size: var(--okd-font-size-xs);
  --okd-input-code-sm-btn-line-height: var(--okd-line-height-xs);
  --okd-input-code-sm-count-font-size: var(--okd-font-size-xs);
  --okd-input-code-sm-count-line-height: var(--okd-line-height-xs);
  --okd-input-code-xs-btn-font-size: var(--okd-font-size-xs);
  --okd-input-code-xs-btn-line-height: var(--okd-line-height-xs);
  --okd-input-code-xs-count-font-size: var(--okd-font-size-xs);
  --okd-input-code-xs-count-line-height: var(--okd-line-height-xs);
  --okd-input-search-default-text-color: var(--okd-color-gray-900);
  --okd-input-search-default-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-default-border-color: var(--okd-color-transparent);
  --okd-input-search-default-caret-color: var(--okd-color-blue-900);
  --okd-input-search-default-shadow: 0px 0px 0px 0px transparent;
  --okd-input-search-default-background: hsla(0, 0%, 100%, 0.06);
  --okd-input-search-hover-text-color: var(--okd-color-gray-900);
  --okd-input-search-hover-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-hover-border-color: var(--okd-color-fq-blue-lv1);
  --okd-input-search-hover-caret-color: var(--okd-color-blue-900);
  --okd-input-search-hover-shadow: 0px 0px 0px 2px #002c99;
  --okd-input-search-hover-background: hsla(0, 0%, 100%, 0.06);
  --okd-input-search-focus-text-color: var(--okd-color-gray-900);
  --okd-input-search-focus-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-focus-border-color: var(--okd-color-fq-blue-lv1);
  --okd-input-search-focus-caret-color: var(--okd-color-blue-900);
  --okd-input-search-focus-shadow: 0px 0px 0px 2px #002c99;
  --okd-input-search-focus-background: hsla(0, 0%, 100%, 0.06);
  --okd-input-search-error-text-color: var(--okd-color-gray-900);
  --okd-input-search-error-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-error-border-color: var(--okd-color-fq-red-lv1);
  --okd-input-search-error-caret-color: var(--okd-color-blue-900);
  --okd-input-search-error-shadow: 0 1px 2px 0 #0000000d;
  --okd-input-search-error-background: hsla(0, 0%, 100%, 0.06);
  --okd-input-search-disabled-text-color: var(--okd-color-text-light);
  --okd-input-search-disabled-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-disabled-border-color: var(--okd-color-gray-100);
  --okd-input-search-disabled-caret-color: var(--okd-color-blue-900);
  --okd-input-search-disabled-shadow: 0 1px 2px 0 #0000000d;
  --okd-input-search-disabled-background: rgba(46, 46, 46, 0.06);
  --okd-input-search-error-tips-color: var(--okd-color-fq-red-lv1);
  --okd-input-search-suffix-icon-size: 13px;
  --okd-input-search-suffix-icon-color: var(--okd-color-gray-400);
  --okd-input-search-prefix-icon-color: var(--okd-color-gray-300);
  --okd-input-search-prefix-icon-size: 13px;
  --okd-input-verify-md-width: 44px;
  --okd-input-verify-md-height: 48px;
  --okd-input-lg-label-font-size: 14px;
  --okd-input-lg-label-line-height: 16px;
  --okd-input-lg-label-margin: 6px;
  --okd-input-lg-action-font-size: 14px;
  --okd-input-lg-action-line-height: 16px;
  --okd-input-lg-tip-font-size: 14px;
  --okd-input-lg-tip-line-height: 16;
  --okd-input-lg-tip-margin: 6px;
  --okd-input-lg-error-font-size: 14px;
  --okd-input-lg-error-line-height: 16px;
  --okd-input-lg-height: 44px;
  --okd-input-lg-text-font-size: 14px;
  --okd-input-lg-border-radius: 6px;
  --okd-input-md-label-margin: 4px;
  --okd-input-md-tip-margin: 4px;
  --okd-input-sm-label-margin: 4px;
  --okd-input-sm-tip-margin: 4px;
  --okd-input-xs-label-margin: 4px;
  --okd-input-xs-tip-margin: 4px;
}

.okui-input {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.okui-input * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.okui-input .okui-input-box {
  background: var(--okd-input-default-background);
  border: thin solid var(--okd-input-default-border-color);
  -webkit-box-shadow: var(--okd-input-default-shadow);
  box-shadow: var(--okd-input-default-shadow);
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
  width: 100%;
}

.okui-input .okui-input-box,
.okui-input-prefix,
.okui-input-suffix {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.okui-input-prefix,
.okui-input-suffix {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  white-space: nowrap;
}

.okui-input-input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  background: transparent;
  border: none;
  color: var(--okd-input-default-text-color);
  flex-grow: 1;
  font-family: inherit;
  height: 100%;
  outline: #3077ff;
  width: 100%;
}

.okui-input-input::-webkit-input-placeholder {
  -webkit-text-fill-color: var(--okd-input-default-placeholder-color);
  color: var(--okd-input-default-placeholder-color);
}

.okui-input-input:-moz-placeholder {
  -webkit-text-fill-color: var(--okd-input-default-placeholder-color);
  color: var(--okd-input-default-placeholder-color);
  opacity: 1;
}

.okui-input-input::-ms-input-placeholder {
  -webkit-text-fill-color: var(--okd-input-default-placeholder-color);
  color: var(--okd-input-default-placeholder-color);
}

.okui-input.input-sm .okui-input-box {
  border-radius: var(--okd-input-sm-border-radius);
  height: var(--okd-input-sm-height);
  padding: 0 8px;
}

.okui-input.input-sm .okui-input-box.no-padding-right {
  padding-right: 0;
}

.okui-input.input-sm .okui-input-input {
  font-size: var(--okd-input-sm-text-font-size);
  padding: calc(
      var(--okd-input-sm-height) / 2 - var(--okd-input-sm-text-font-size) / 2 -
        2px
    )
    0;
}

.okui-input.input-sm .okui-input-input::-webkit-input-placeholder {
  font-size: var(--okd-input-sm-text-font-size);
  font-weight: 400;
  text-overflow: ellipsis;
}

.okui-input.input-sm .okui-input-input:-moz-placeholder {
  font-size: var(--okd-input-sm-text-font-size);
  font-weight: 400;
  text-overflow: ellipsis;
}

.okui-input.input-sm .okui-input-input::-ms-input-placeholder {
  font-size: var(--okd-input-sm-text-font-size);
  font-weight: 400;
  text-overflow: ellipsis;
}

.okui-input:hover {
  cursor: text;
}

.okui-input:hover .okui-input-box {
  background: var(--okd-input-hover-background);
  border: thin solid var(--okd-input-hover-border-color);
  -webkit-box-shadow: var(--okd-input-hover-shadow);
  box-shadow: var(--okd-input-hover-shadow);
}

.okui-input:hover .okui-input-box .okui-input-input {
  -webkit-text-fill-color: var(--okd-input-hover-text-color);
  caret-color: var(--okd-input-hover-caret-color);
  color: var(--okd-input-hover-text-color);
}

.okui-input:hover .okui-input-box .okui-input-input::-webkit-input-placeholder {
  -webkit-text-fill-color: var(--okd-input-hover-placeholder-color);
  color: var(--okd-input-hover-placeholder-color);
}

.okui-input:hover .okui-input-box .okui-input-input:-moz-placeholder {
  -webkit-text-fill-color: var(--okd-input-hover-placeholder-color);
  color: var(--okd-input-hover-placeholder-color);
  opacity: 1;
}

.okui-input:hover .okui-input-box .okui-input-input::-ms-input-placeholder {
  -webkit-text-fill-color: var(--okd-input-hover-placeholder-color);
  color: var(--okd-input-hover-placeholder-color);
}

.okui-input-prefix {
  height: 100%;
}

.okui-input-prefix .prefix-icon {
  color: var(--okd-input-icon-color);
}

.okui-input-suffix {
  height: 100%;
}

.okui-input.input-sm .okui-input-prefix .prefix-icon {
  font-size: var(--okd-input-sm-icon-size);
  margin-left: 0;
  margin-right: var(--okd-input-sm-icon-margin);
}

.okui-input:hover .okui-input-number-suffix:not(.operation-always) {
  opacity: 1;
}

.okui-input-number-suffix {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid var(--okd-input-default-border-color);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  line-height: 0;
  margin-left: 6px;
  text-align: center;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  width: 24px;
}

.okui-input-number-suffix:not(.operation-always) {
  opacity: 0;
}

.okui-input-number-suffix-part {
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--okd-input-number-default-add-icon-background);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  justify-content: center;
  width: 100%;
}

.okui-input-number-suffix-part .icon {
  color: var(--okd-input-number-default-add-icon-color);
  font-size: 13px;
}

.okui-input-number-suffix-part:hover {
  background: var(--okd-input-number-hover-add-icon-background);
}

.okui-input-number-suffix-part:hover .icon {
  color: var(--okd-input-number-hover-add-icon-color);
}

.okui-input-number-suffix-part:active {
  background: var(--okd-input-number-active-add-icon-background);
}

.okui-input-number-suffix-part:active .icon {
  color: var(--okd-input-number-active-add-icon-color);
}

.okui-input-number-suffix-line {
  background: var(--okd-input-default-border-color);
  height: 1px;
  width: 100%;
}

.okui-input-number-suffix .up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}

.iconsmall-triangle:before {
  content: "\eba6";
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/6311/6311.css */
.theme-dark {
  --okd-tabs-pane-bg-color: var(--okd-color-transparent);
  --okd-tabs-pane-label-color: var(--okd-color-gray-700);
  --okd-tabs-pane-label-active-color: var(--okd-color-gray-900);
  --okd-tabs-pane-icon-color: var(--okd-color-gray-700);
  --okd-tabs-pane-icon-active-color: var(--okd-color-gray-900);
  --okd-tabs-pane-icon-bg-color: var(--okd-color-gray-200);
  --okd-tabs-pane-slot-bg-color: var(--okd-color-transparent);
  --okd-tabs-pane-active-color: var(--okd-color-blue-900);
  --okd-tabs-pane-background-color: var(--okd-color-gray-200);
  --okd-tabs-pane-nav-shadow-color: var(--okd-color-gray-400);
  --okd-green-color: var(--okd-color-green-900);
  --okd-red-color: var(--okd-color-red-900);
  --okd-tabs-underline-pane-list-border-color: var(
    --okd-tabs-pane-nav-shadow-color
  );
  --okd-tabs-underline-pane-list-bg-color: var(
    --okd-tabs-pane-nav-shadow-color
  );
  --okd-tabs-underline-pane-blue-label-active-color: var(--okd-color-gray-900);
  --okd-tabs-underline-pane-blue-border-active-color: var(--okd-color-blue-900);
  --okd-tabs-underline-pane-green-border-active-color: var(
    --okd-color-fq-green-lv1
  );
  --okd-tabs-underline-pane-green-label-active-color: var(
    --okd-color-fq-green-lv1
  );
  --okd-tabs-underline-pane-red-border-active-color: var(
    --okd-color-fq-red-lv1
  );
  --okd-tabs-underline-pane-red-label-active-color: var(--okd-color-red-900);
  --okd-tabs-underline-pane-grey-border-active-color: var(--okd-color-gray-800);
  --okd-tabs-underline-pane-grey-label-active-color: var(--okd-color-gray-900);
  --okd-tabs-segmented-pane-bg-color: var(--okd-color-transparent);
  --okd-tabs-segmented-pane-green-bg-active-color: var(
    --okd-color-fq-green-lv1
  );
  --okd-tabs-segmented-pane-green-label-active-color: var(
    --okd-color-text-white
  );
  --okd-tabs-segmented-pane-red-bg-active-color: var(--okd-color-fq-red-lv1);
  --okd-tabs-segmented-pane-red-label-active-color: var(--okd-color-text-white);
  --okd-tabs-segmented-pane-blue-bg-active-color: var(--okd-color-blue-700);
  --okd-tabs-segmented-pane-blue-label-active-color: var(
    --okd-color-text-white
  );
  --okd-tabs-segmented-pane-grey-bg-active-color: var(--okd-color-gray-200);
  --okd-tabs-segmented-pane-grey-label-active-color: var(--okd-color-gray-900);
  --segmented-pane-label-active-color: var(--okd-tabs-pane-icon-active-color);
  --okd-tabs-segmented-pane-bg-shadow-color: 0px 2px 4px -1px #0000000f,
    0px 4px 6px -1px #0000001a;
  --okd-tabs-segmented-pane-list-bg-color: var(--okd-color-gray-100);
  --okd-tabs-muted-pane-border-color: var(--okd-color-gray-500);
  --okd-tabs-muted-pane-blue-border-active-color: var(--okd-color-blue-900);
  --okd-tabs-muted-pane-blue-label-active-color: var(--okd-color-blue-900);
  --okd-tabs-muted-pane-green-border-active-color: var(
    --okd-color-fq-green-lv1
  );
  --okd-tabs-muted-pane-green-label-active-color: var(--okd-color-fq-green-lv1);
  --okd-tabs-muted-pane-red-border-active-color: var(--okd-color-red-700);
  --okd-tabs-muted-pane-red-label-active-color: var(--okd-color-red-700);
  --okd-tabs-muted-pane-grey-border-active-color: var(--okd-color-gray-500);
  --okd-tabs-muted-pane-grey-label-active-color: var(--okd-color-gray-700);
  --okd-tabs-button-pane-bg-color: var(--okd-color-transparent);
  --okd-tabs-button-pane-border-color: var(--okd-color-gray-500);
  --okd-tabs-button-pane-blue-bg-active-color: var(--okd-color-blue-050);
  --okd-tabs-button-pane-blue-label-active-color: var(--okd-color-blue-900);
  --okd-tabs-button-pane-green-bg-active-color: var(--okd-color-fq-green-lv1);
  --okd-tabs-button-pane-green-label-active-color: var(--okd-color-text-white);
  --okd-tabs-button-pane-red-bg-active-color: var(--okd-color-fq-red-lv1);
  --okd-tabs-button-pane-red-label-active-color: var(--okd-color-text-white);
  --okd-tabs-button-pane-grey-bg-active-color: var(--okd-color-gray-100);
  --okd-tabs-button-pane-grey-label-active-color: var(--okd-color-gray-900);
  --okd-tabs-lg-font-size: var(--okd-font-size-md);
  --okd-tabs-md-font-size: var(--okd-font-size-md);
  --okd-tabs-sm-font-size: var(--okd-font-size-xs);
  --okd-tabs-xs-font-size: var(--okd-font-size-xs);
  --okd-tabs-lg-icon-size: 16px;
  --okd-tabs-md-icon-size: 16px;
  --okd-tabs-sm-icon-size: 14px;
  --okd-tabs-xs-icon-size: 14px;
  --okd-tabs-lg-height: 44px;
  --okd-tabs-md-height: 40px;
  --okd-tabs-sm-height: 36px;
  --okd-tabs-xs-height: 28px;
  --okd-tabs-lg-label-padding: 16px;
  --okd-tabs-md-label-padding: 16px;
  --okd-tabs-sm-label-padding: 10px;
  --okd-tabs-xs-label-padding: 10px;
  --okd-tabs-lg-gutter-padding: 4px;
  --okd-tabs-md-gutter-padding: 4px;
  --okd-tabs-sm-gutter-padding: 3px;
  --okd-tabs-xs-gutter-padding: 3px;
  --okd-tabs-lg-margin: 16px;
  --okd-tabs-md-margin: 12px;
  --okd-tabs-sm-margin: 8px;
  --okd-tabs-xs-margin: 8px;
  --okd-tabs-lg-icon-width: 10px;
  --okd-tabs-md-icon-width: 10px;
  --okd-tabs-sm-icon-width: 8px;
  --okd-tabs-xs-icon-width: 8px;
  --okd-tabs-underline-pane-common-border-color: var(--okd-color-line-muted);
  --okd-tabs-underline-pane-common-bg-color: var(--okd-color-gray-400);
  --okd-tabs-button-pane-common-border-color: var(--okd-color-gray-100);
  --okd-tabs-muted-pane-common-border-color: var(--okd-color-gray-100);
  --okd-tabs-segmented-pane-common-list-bg-color: var(--okd-color-gray-100);
  --okd-tabs-common-pane-icon-color: var(--okd-color-gray-700);
  --okd-tabs-common-pane-icon-active-color: var(--okd-color-gray-900);
  --okd-tabs-common-pane-icon-bg-color: var(--okd-color-gray-200);
  --okd-tabs-common-pane-label-color: var(--okd-color-gray-400);
  --okd-tabs-common-pane-nav-shadow-color: var(--okd-color-gray-400);
  --okd-tabs-segmented-pane-common-shadow: 0 1px 3px 0 #0000001a,
    0 1px 2px 0 #0000000f;
  --okd-tabs-button-pane-common-bg-color: var(--okd-color-transparent);
  --okd-tabs-underline-pane-common-label-color: var(--okd-color-gray-400);
  --okd-tabs-button-pane-common-label-color: var(--okd-color-gray-400);
  --okd-tabs-muted-pane-common-label-color: var(--okd-color-gray-400);
  --okd-tabs-segmented-pane-common-bg-color: var(--okd-color-transparent);
  --okd-tabs-segmented-pane-common-label-color: var(--okd-color-gray-400);
  --okd-tabs-xs-underline-font-size: 12px;
  --okd-tabs-xs-underline-height: 28px;
  --okd-tabs-xs-underline-label-padding: 20px;
  --okd-tabs-xs-underline-spacing: 8px;
  --okd-tabs-xs-common-icon-size: 14px;
  --okd-tabs-xs-button-font-size: 12px;
  --okd-tabs-xs-button-height: 28px;
  --okd-tabs-xs-button-label-padding: 10px;
  --okd-tabs-xs-button-spacing: 8px;
  --okd-tabs-xs-muted-font-size: 12px;
  --okd-tabs-xs-muted-height: 28px;
  --okd-tabs-xs-muted-label-padding: 10px;
  --okd-tabs-xs-muted-spacing: 8px;
  --okd-tabs-xs-segmented-font-size: 12px;
  --okd-tabs-xs-segmented-height: 28px;
  --okd-tabs-xs-segmented-label-padding: 20px;
  --okd-tabs-xs-segmented-spacing: 2px;
  --okd-tabs-xs-segmented-container-padding: 2px;
  --okd-tabs-sm-underline-height: 36px;
  --okd-tabs-sm-underline-font-size: 12px;
  --okd-tabs-sm-underline-label-padding: 10px;
  --okd-tabs-sm-underline-spacing: 8px;
  --okd-tabs-sm-common-icon-size: 14px;
  --okd-tabs-sm-button-font-size: 12px;
  --okd-tabs-sm-button-height: 36;
  --okd-tabs-sm-button-label-padding: 10;
  --okd-tabs-sm-button-spacing: 8;
  --okd-tabs-sm-muted-font-size: 12px;
  --okd-tabs-sm-muted-height: 36px;
  --okd-tabs-sm-muted-label-padding: 10px;
  --okd-tabs-sm-muted-spacing: 8px;
  --okd-tabs-sm-segmented-font-size: 12px;
  --okd-tabs-sm-segmented-height: 36px;
  --okd-tabs-sm-segmented-label-padding: 10px;
  --okd-tabs-sm-segmented-spacing: 2px;
  --okd-tabs-sm-segmented-container-padding: 2px;
  --okd-tabs-md-underline-font-size: 14px;
  --okd-tabs-md-underline-height: 40px;
  --okd-tabs-md-underline-label-padding: 16px;
  --okd-tabs-md-underline-spacing: 12px;
  --okd-tabs-md-common-icon-size: 16px;
  --okd-tabs-md-button-font-size: 14px;
  --okd-tabs-md-button-height: 40px;
  --okd-tabs-md-button-label-padding: 16px;
  --okd-tabs-md-button-spacing: 8px;
  --okd-tabs-md-muted-font-size: 14px;
  --okd-tabs-md-muted-height: 40px;
  --okd-tabs-md-muted-label-padding: 16px;
  --okd-tabs-md-muted-spacing: 12px;
  --okd-tabs-md-segmented-font-size: 14px;
  --okd-tabs-md-segmented-height: 40px;
  --okd-tabs-md-segmented-label-padding: 16px;
  --okd-tabs-md-segmented-spacing: 2px;
  --okd-tabs-md-segmented-container-padding: 2px;
  --okd-tabs-lg-underline-font-size: 14px;
  --okd-tabs-lg-underline-height: 44px;
  --okd-tabs-lg-underline-label-padding: 16px;
  --okd-tabs-lg-underline-spacing: 16px;
  --okd-tabs-lg-common-icon-size: 16px;
  --okd-tabs-lg-button-font-size: 14px;
  --okd-tabs-lg-button-height: 44px;
  --okd-tabs-lg-button-label-padding: 16px;
  --okd-tabs-lg-button-spacing: 8px;
  --okd-tabs-lg-muted-font-size: 14px;
  --okd-tabs-lg-muted-height: 44px;
  --okd-tabs-lg-muted-label-padding: 16px;
  --okd-tabs-lg-muted-spacing: 8px;
  --okd-tabs-lg-segmented-font-size: 14px;
  --okd-tabs-lg-segmented-height: 44px;
  --okd-tabs-lg-segmented-label-padding: 16px;
  --okd-tabs-lg-segmented-spacing: 2px;
  --okd-tabs-lg-segmented-container-padding: 2px;
  --okd-tabs-xl-common-icon-size: 18px;
  --okd-tabs-xl-underline-font-size: 16px;
  --okd-tabs-xl-underline-height: 48px;
  --okd-tabs-xl-underline-label-padding: 16px;
  --okd-tabs-xl-underline-spacing: 24px;
  --okd-tabs-xl-button-font-size: 16px;
  --okd-tabs-xl-button-height: 48px;
  --okd-tabs-xl-button-label-padding: 16px;
  --okd-tabs-xl-button-spacing: 8px;
  --okd-tabs-xl-muted-font-size: 16px;
  --okd-tabs-xl-muted-height: 48px;
  --okd-tabs-xl-muted-label-padding: 16px;
  --okd-tabs-xl-muted-spacing: 8px;
  --okd-tabs-xl-segmented-font-size: 16px;
  --okd-tabs-xl-segmented-height: 48px;
  --okd-tabs-xl-segmented-label-padding: 16px;
  --okd-tabs-xl-segmented-spacing: 2px;
  --okd-tabs-xl-segmented-container-padding: 2px;
  --okd-tabs-xxl-common-icon-size: 20px;
  --okd-tabs-xxl-underline-font-size: 18px;
  --okd-tabs-xxl-underline-height: 48px;
  --okd-tabs-xxl-underline-label-padding: 16px;
  --okd-tabs-xxl-underline-spacing: 24px;
  --okd-tabs-xxl-button-font-size: 18px;
  --okd-tabs-xxl-button-height: 48px;
  --okd-tabs-xxl-button-label-padding: 16px;
  --okd-tabs-xxl-button-spacing: 8px;
  --okd-tabs-xxl-muted-font-size: 18px;
  --okd-tabs-xxl-muted-height: 48px;
  --okd-tabs-xxl-muted-label-padding: 16px;
  --okd-tabs-xxl-muted-spacing: 8px;
  --okd-tabs-xxl-segmented-font-size: 18px;
  --okd-tabs-xxl-segmented-height: 48px;
  --okd-tabs-xxl-segmented-label-padding: 16px;
  --okd-tabs-xxl-segmented-spacing: 2px;
  --okd-tabs-xxl-segmented-container-padding: 2px;
  --okd-tabs-xxxl-common-icon-size: 20px;
  --okd-tabs-xxxl-underline-font-size: 22px;
  --okd-tabs-xxxl-underline-height: 56px;
  --okd-tabs-xxxl-underline-label-padding: 16px;
  --okd-tabs-xxxl-underline-spacing: 24px;
  --okd-tabs-xxxl-button-font-size: 22px;
  --okd-tabs-xxxl-button-height: 56px;
  --okd-tabs-xxxl-button-label-padding: 16px;
  --okd-tabs-xxxl-button-spacing: 8px;
  --okd-tabs-xxxl-muted-font-size: 22px;
  --okd-tabs-xxxl-muted-height: 56px;
  --okd-tabs-xxxl-muted-label-padding: 16px;
  --okd-tabs-xxxl-muted-spacing: 8px;
  --okd-tabs-xxxl-segmented-font-size: 22px;
  --okd-tabs-xxxl-segmented-height: 56px;
  --okd-tabs-xxxl-segmented-label-padding: 16px;
  --okd-tabs-xxxl-segmented-spacing: 2px;
  --okd-tabs-xxxl-segmented-container-padding: 2px;
  --okd-tabs-common-pane-nav-icon-bg-color-1: var(--okd-color-background-1);
  --okd-tabs-common-pane-nav-icon-bg-color-2: hsla(0, 0%, 7%, 0);
  --okd-tabs-button-pane-common-border-radius: 4px;
  --okd-tabs-muted-pane-common-border-radius: 4px;
  --okd-tabs-segmented-pane-common-border-radius: 4px;
  --okd-tabs-xxxl-button-font-weight: 500;
  --okd-tabs-xxl-button-font-weight: 500;
  --okd-tabs-xl-button-font-weight: 500;
  --okd-tabs-lg-button-font-weight: 500;
  --okd-tabs-md-button-font-weight: 500;
  --okd-tabs-xs-button-font-weight: 400;
  --okd-tabs-xs-muted-font-weight: 400;
  --okd-tabs-xs-segmented-font-weight: 400;
  --okd-tabs-sm-segmented-font-weight: 500;
  --okd-tabs-sm-muted-font-weight: 500;
  --okd-tabs-sm-button-font-weight: 500;
  --okd-tabs-md-muted-font-weight: 500;
  --okd-tabs-md-segmented-font-weight: 500;
  --okd-tabs-lg-muted-font-weight: 500;
  --okd-tabs-lg-segmented-font-weight: 500;
  --okd-tabs-xl-muted-font-weight: 500;
  --okd-tabs-xl-segmented-font-weight: 500;
  --okd-tabs-xxl-segmented-font-weight: 500;
  --okd-tabs-xxl-muted-font-weight: 500;
  --okd-tabs-xxxl-segmented-font-weight: 500;
  --okd-tabs-xxxl-muted-font-weight: 500;
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}

.icon-Chevrons2:before {
  content: "\ec7d";
}

.okui-tabs-pane-xs:last-child {
  margin-right: 0 !important;
}

.okui-tabs-pane-xs.okui-tabs-pane-segmented {
  font-size: var(--okd-tabs-xs-segmented-font-size);
  font-weight: var(--okd-tabs-xs-segmented-font-weight);
  margin-right: var(--okd-tabs-xs-segmented-spacing);
  padding: 0 var(--okd-tabs-xs-segmented-label-padding);
}

.okui-tabs-pane-list-xs .okui-tabs-pane-list-nav-icon .icon {
  font-size: var(--okd-tabs-xs-common-icon-size);
}

.okui-tabs-pane-list-xs.okui-tabs-pane-list-segmented {
  font-size: var(--okd-tabs-xs-segmented-font-size);
  height: var(--okd-tabs-xs-segmented-height);
  line-height: var(--okd-tabs-xs-segmented-height);
}

.okui-tabs-pane-list-xs.okui-tabs-pane-list-segmented
  .okui-tabs-pane-list-flex {
  padding: var(--okd-tabs-xs-segmented-container-padding);
}

.okui-tabs-pane-sm:last-child {
  margin-right: 0 !important;
}

.okui-tabs-pane-sm.okui-tabs-pane-underline {
  font-size: var(--okd-tabs-sm-underline-font-size);
  margin-right: var(--okd-tabs-sm-underline-spacing);
  padding: 0 var(--okd-tabs-sm-underline-label-padding);
}

.okui-tabs-pane-list-sm .okui-tabs-pane-list-nav-icon .icon {
  font-size: var(--okd-tabs-sm-common-icon-size);
}

.okui-tabs-pane-list-sm.okui-tabs-pane-list-underline {
  font-size: var(--okd-tabs-sm-underline-font-size);
  height: var(--okd-tabs-sm-underline-height);
  line-height: var(--okd-tabs-sm-underline-height);
}

.okui-tabs-pane-md:last-child {
  margin-right: 0 !important;
}

.okui-tabs-pane-md.okui-tabs-pane-underline {
  font-size: var(--okd-tabs-md-underline-font-size);
  margin-right: var(--okd-tabs-md-underline-spacing);
  padding: 0 var(--okd-tabs-md-underline-label-padding);
}

.okui-tabs-pane-list-md .okui-tabs-pane-list-nav-icon .icon {
  font-size: var(--okd-tabs-md-common-icon-size);
}

.okui-tabs-pane-list-md.okui-tabs-pane-list-underline {
  font-size: var(--okd-tabs-md-underline-font-size);
  height: var(--okd-tabs-md-underline-height);
  line-height: var(--okd-tabs-md-underline-height);
}

.okui-tabs-pane-lg:last-child {
  margin-right: 0 !important;
}

.okui-tabs-pane-lg.okui-tabs-pane-underline {
  font-size: var(--okd-tabs-lg-underline-font-size);
  margin-right: var(--okd-tabs-lg-underline-spacing);
  padding: 0 var(--okd-tabs-lg-underline-label-padding);
}

.okui-tabs-pane-list-lg .okui-tabs-pane-list-nav-icon .icon {
  font-size: var(--okd-tabs-lg-common-icon-size);
}

.okui-tabs-pane-list-lg.okui-tabs-pane-list-underline {
  font-size: var(--okd-tabs-lg-underline-font-size);
  height: var(--okd-tabs-lg-underline-height);
  line-height: var(--okd-tabs-lg-underline-height);
}

.okui-tabs-pane-blue.okui-tabs-pane-underline {
  color: var(--okd-tabs-underline-pane-common-label-color);
}

.okui-tabs-pane-blue.okui-tabs-pane-underline-active {
  border-bottom-color: var(--okd-tabs-underline-pane-blue-border-active-color);
}

.okui-tabs-pane-blue.okui-tabs-pane-underline-active,
.okui-tabs-pane-blue.okui-tabs-pane-underline:hover {
  color: var(--okd-tabs-underline-pane-blue-label-active-color);
}

.okui-tabs-pane-grey.okui-tabs-pane-underline {
  color: var(--okd-tabs-underline-pane-common-label-color);
}

.okui-tabs-pane-grey.okui-tabs-pane-underline-active {
  border-bottom-color: var(--okd-tabs-underline-pane-grey-border-active-color);
}

.okui-tabs-pane-grey.okui-tabs-pane-underline-active,
.okui-tabs-pane-grey.okui-tabs-pane-underline:hover {
  color: var(--okd-tabs-underline-pane-grey-label-active-color);
}

.okui-tabs-pane-grey.okui-tabs-pane-segmented {
  color: var(--okd-tabs-segmented-pane-common-label-color);
}

.okui-tabs-pane-grey.okui-tabs-pane-segmented-active {
  background-color: var(--okd-tabs-segmented-pane-grey-bg-active-color);
  color: var(--okd-tabs-segmented-pane-grey-label-active-color);
}

.okui-tabs-pane {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--okd-tabs-common-pane-label-color);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

.okui-tabs-pane-underline {
  border-bottom: 2px solid transparent;
  padding-top: 2px;
}

.okui-tabs-pane-segmented {
  border-radius: var(--okd-tabs-segmented-pane-common-border-radius);
}

.okui-tabs-pane-segmented-active {
  -webkit-box-shadow: var(--okd-tabs-segmented-pane-common-shadow);
  box-shadow: var(--okd-tabs-segmented-pane-common-shadow);
}

.okui-tabs-pane-no-padding {
  padding: 0 !important;
}

.okui-tabs-panel {
  display: none;
  width: 100%;
}

.okui-tabs-panel-show {
  display: block;
}

.okui-tabs-pane-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.okui-tabs-pane-list,
.okui-tabs-pane-list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.okui-tabs-pane-list-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}

.okui-tabs-pane-list-slot {
  height: 100%;
}

.okui-tabs-pane-list-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  position: relative;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.okui-tabs-pane-list-container::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.okui-tabs-pane-list-nav {
  cursor: pointer;
}

.okui-tabs-pane-list-nav-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: var(--okd-tabs-common-pane-icon-bg-color);
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(72.22%, var(--okd-tabs-common-pane-nav-icon-bg-color-1)),
    to(var(--okd-tabs-common-pane-nav-icon-bg-color-2))
  );
  background: linear-gradient(
    270deg,
    var(--okd-tabs-common-pane-nav-icon-bg-color-1) 72.22%,
    var(--okd-tabs-common-pane-nav-icon-bg-color-2) 100%
  );
  color: var(--okd-tabs-common-pane-icon-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  visibility: visible;
  width: 36px;
  z-index: 9;
}

.okui-tabs-pane-list-nav-icon:hover {
  color: var(--okd-tabs-common-pane-icon-active-color);
}

.okui-tabs-pane-list-nav .icon-left {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(72.22%, var(--okd-tabs-common-pane-nav-icon-bg-color-1)),
    to(var(--okd-tabs-common-pane-nav-icon-bg-color-2))
  );
  background: linear-gradient(
    -270deg,
    var(--okd-tabs-common-pane-nav-icon-bg-color-1) 72.22%,
    var(--okd-tabs-common-pane-nav-icon-bg-color-2) 100%
  );
  left: 0;
}

.okui-tabs-pane-list-nav .icon-left-inner {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.okui-tabs-pane-list-nav .icon-right {
  right: 0;
}

.okui-tabs-pane-list-nav .icon-hide {
  visibility: hidden;
}

.okui-tabs-pane-list-flex {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.fix-tabs-pane-list-flex {
  margin-left: 59px;
}

.okui-tabs-pane-list-overflow {
  overflow: unset;
}

.okui-tabs-pane-list-average,
.okui-tabs-pane-list-average .okui-tabs-pane {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.okui-tabs-pane-list-underline {
  border-bottom: 1px solid var(--okd-tabs-underline-pane-common-border-color);
}

.okui-tabs-pane-list-underline-no-line {
  border-bottom: none;
}

.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container {
  background: var(--okd-tabs-segmented-pane-common-list-bg-color);
  border-radius: 4px;
}

.okui-tabs-panel-list {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.okui-tabs,
.okui-tabs-panel-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.okui-tabs {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/779/779.css */
.theme-dark {
  --okd-tooltip-default-font-color: var(--okd-color-text-amplifed);
  --okd-tooltip-neutral-background: var(--okd-color-gray-200);
  --okd-tooltip-negative-background: var(--okd-color-fq-red-lv1);
  --okd-tooltip-positive-background: var(--okd-color-fq-green-lv1);
  --okd-tooltip-informative-background: var(--okd-color-fq-blue-lv1);
}

.okui-tooltip .okui-popup-layer-content {
  border-radius: 2px;
  color: var(--okd-tooltip-default-font-color);
  font-size: 12px;
  line-height: 16px;
  max-width: 160px;
  padding: 6px 8px;
}

.okui-tooltip .okui-popup-layer-arrow-inner,
.okui-tooltip .okui-popup-layer-content {
  background-color: var(--okd-tooltip-neutral-background);
}

.okui-tooltip-informative .okui-popup-layer-arrow-inner,
.okui-tooltip-informative .okui-popup-layer-content {
  background-color: var(--okd-tooltip-informative-background);
}

.theme-dark {
  --okd-popup-white-board-background: var(--okd-color-background-3);
  --okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,
    #0000001a 0px 10px 15px -3px;
}

.okui-popup {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.okui-popup-layer {
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  visibility: hidden;
}

.okui-popup-layer-visible {
  opacity: 1;
  visibility: visible;
}

.okui-popup-layer-arrow-inner {
  border: 1px solid transparent;
  border-radius: 2px;
  display: block;
  height: 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
  width: 100%;
}

.okui-popup-placement-lg-top {
  padding-bottom: 8px;
}

.okui-popup-arrow-lg .okui-popup-layer-arrow {
  height: 12px;
  width: 12px;
}

.okui-popup-arrow-lg[data-popper-placement*="top"] {
  padding: 0 0 8px;
}

.okui-popup-arrow-lg[data-popper-placement*="top"] .okui-popup-layer-arrow {
  margin-top: -15px;
  top: 100%;
}

.okui-popup-arrow-lg[data-popper-placement*="top"]
  .okui-popup-layer-arrow-inner {
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}

.okui-popup-placement-md-bottom {
  padding-top: 6px;
}

.okui-popup-arrow-md .okui-popup-layer-arrow {
  height: 8px;
  width: 8px;
}

.okui-popup-arrow-md[data-popper-placement*="bottom"] {
  padding: 6px 0 0;
}

.okui-popup-arrow-md[data-popper-placement*="bottom"] .okui-popup-layer-arrow {
  bottom: 100%;
  margin-bottom: -11px;
}

.okui-popup-arrow-md[data-popper-placement*="bottom"]
  .okui-popup-layer-arrow-inner {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}

.theme-dark {
  --okd-popover-background: var(--okd-color-gray-400);
  --okd-popover-link-color: var(--okd-color-blue-900);
  --okd-popover-action-color: var(--okd-color-blue-900);
  --okd-popover-title-color: var(--okd-color-gray-900);
  --okd-popover-title-line-height: 20px;
  --okd-popover-title-background: var(--okd-color-background-2);
  --okd-popover-desc-color: var(--okd-color-gray-700);
  --okd-popover-md-font-size: 14px;
  --okd-popover-md-title-font-size: 16px;
  --okd-popover-md-line-height: 20px;
  --okd-popover-sm-font-size: 12px;
  --okd-popover-sm-title-font-size: 14px;
  --okd-popover-sm-line-height: 16px;
  --okd-popover-common-padding: 12px;
  --okd-popover-common-layer-width: 280px;
  --okd-popover-common-layer-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px -2px,
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px;
  --okd-popover-desc-background: var(--okd-color-gray-100);
  --okd-popover-layer-background: var(--okd-color-gray-100);
  --okd-popover-layer-border-color: var(--okd-color-gray-100);
  --okd-radio-default-text-color: var(--okd-color-gray-700);
  --okd-radio-default-background: var(--okd-color-transparent);
  --okd-radio-default-border-color: var(--okd-color-gray-300);
  --okd-radio-default-hover-border-color: var(--okd-color-blue-900);
  --okd-radio-default-hover-shadow: 0px 0px 0px 2px #002c99;
  --okd-radio-selected-text-color: var(--okd-color-gray-700);
  --okd-radio-selected-background: var(--okd-color-blue-700);
  --okd-radio-selected-border-color: var(--okd-color-blue-700);
  --okd-radio-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-radio-selected-hover-shadow: 0 10px 15px -3px #0000001a,
    0 4px 6px -2px #0000000d;
  --okd-radio-selected-inner-color: var(--okd-color-white);
  --okd-radio-error-text-color: var(--okd-color-red-700);
  --okd-radio-error-border-color: var(--okd-color-red-700);
  --okd-radio-error-hover-border-color: var(--okd-color-red-700);
  --okd-radio-error-background: var(--okd-color-red-700);
  --okd-radio-error-inner-color: var(--okd-color-white);
  --okd-radio-error-hover-shadow: 0px 0px 0px 2px #e35e5e73;
  --okd-radio-disabled-text-color: var(--okd-color-gray-300);
  --okd-radio-disabled-background: var(--okd-color-background-2);
  --okd-radio-disabled-border-color: var(--okd-color-gray-200);
  --okd-radio-disabled-hover-border-color: var(--okd-color-gray-200);
  --okd-radio-disabled-inner-color: var(--okd-color-gray-300);
  --okd-radio-disabled-checked-border-color: var(--okd-color-gray-300);
  --okd-radio-disabled-checked-inner-color: var(--okd-color-gray-300);
  --okd-radio-common-label-font-size: var(--okd-font-size-xs);
  --okd-radio-xs-font-size: var(--okd-font-size-xs);
  --okd-radio-xs-line-height: var(--okd-line-height-xs);
  --okd-radio-xs-height: 12px;
  --okd-radio-xs-width: 12px;
  --okd-radio-xs-margin: 4px;
  --okd-radio-xs-padding: 4px;
  --okd-radio-sm-font-size: var(--okd-font-size-xs);
  --okd-radio-sm-line-height: var(--okd-line-height-xs);
  --okd-radio-sm-height: 12px;
  --okd-radio-sm-width: 12px;
  --okd-radio-sm-margin: 4px;
  --okd-radio-sm-padding: 4px;
  --okd-radio-md-font-size: var(--okd-font-size-md);
  --okd-radio-md-line-height: var(--okd-line-height-md);
  --okd-radio-md-height: 16px;
  --okd-radio-md-width: 16px;
  --okd-radio-md-margin: 8px;
  --okd-radio-md-padding: 0;
}

.okui-popover .okui-popup-layer-content {
  padding: 0;
}

.okui-popover .okui-popup-layer-arrow-inner {
  background-color: var(--okd-popover-layer-background);
  border-color: var(--okd-popover-layer-border-color);
}

.okui-popover-content {
  background-color: var(--okd-popover-layer-background);
  border: 1px solid var(--okd-popover-layer-border-color);
  border-radius: 4px;
  -webkit-box-shadow: var(--okd-popover-common-layer-shadow);
  box-shadow: var(--okd-popover-common-layer-shadow);
  max-width: var(--okd-popover-common-layer-width);
}

.okui-popover-content-desc {
  background-color: var(--okd-popover-desc-background);
  color: var(--okd-popover-desc-color);
  overflow: hidden;
  padding: var(--okd-popover-common-padding);
}

.okui-popover-sm .okui-popover-content {
  font-size: var(--okd-popover-sm-font-size);
  line-height: var(--okd-popover-sm-line-height);
}

.okui-image {
  overflow: hidden;
  position: relative;
}

.okui-image,
.okui-image-picture-sizer {
  display: block;
}

.okui-image-placeholder {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.tool-panel {
  display: none;
}

.okui-image-layout {
  position: absolute;
}

.okui-image-layout-responsive {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/4753/4753.css */
.theme-dark {
  --okd-alert-normal-background: var(--okd-color-gray-100);
  --okd-alert-normal-title-color: var(--okd-color-gray-900);
  --okd-alert-normal-icon-color: var(--okd-color-gray-800);
  --okd-alert-normal-desc-color: var(--okd-color-gray-900);
  --okd-alert-normal-action-color: var(--okd-color-gray-700);
  --okd-alert-normal-link-color: var(--okd-color-gray-700);
  --okd-alert-normal-accent-color: var(--okd-color-gray-900);
  --okd-alert-success-background: var(--okd-color-green-050);
  --okd-alert-success-title-color: var(--okd-color-green-700);
  --okd-alert-success-icon-color: var(--okd-color-green-900);
  --okd-alert-success-desc-color: var(--okd-color-green-800);
  --okd-alert-success-action-color: var(--okd-color-green-700);
  --okd-alert-success-link-color: var(--okd-color-green-700);
  --okd-alert-success-accent-color: var(--okd-color-green-900);
  --okd-alert-info-background: var(--okd-color-blue-050);
  --okd-alert-info-title-color: var(--okd-color-blue-900);
  --okd-alert-info-icon-color: var(--okd-color-blue-900);
  --okd-alert-info-desc-color: var(--okd-color-blue-900);
  --okd-alert-info-action-color: var(--okd-color-blue-900);
  --okd-alert-info-link-color: var(--okd-color-blue-900);
  --okd-alert-info-accent-color: var(--okd-color-blue-900);
  --okd-alert-warn-background: var(--okd-color-yellow-050);
  --okd-alert-warn-title-color: var(--okd-color-yellow-700);
  --okd-alert-warn-icon-color: var(--okd-color-yellow-700);
  --okd-alert-warn-desc-color: var(--okd-color-yellow-800);
  --okd-alert-warn-action-color: var(--okd-color-yellow-700);
  --okd-alert-warn-link-color: var(--okd-color-yellow-700);
  --okd-alert-warn-accent-color: var(--okd-color-yellow-900);
  --okd-alert-error-background: var(--okd-color-red-050);
  --okd-alert-error-title-color: var(--okd-color-red-700);
  --okd-alert-error-icon-color: var(--okd-color-red-900);
  --okd-alert-error-desc-color: var(--okd-color-red-700);
  --okd-alert-error-action-color: var(--okd-color-red-700);
  --okd-alert-error-link-color: var(--okd-color-red-700);
  --okd-alert-error-accent-color: var(--okd-color-red-900);
  --okd-alert-box-padding-vertical: 16px;
  --okd-alert-box-padding-horizontal: 18px;
  --okd-alert-box-border-radius: 4px;
  --okd-alert-accent-width: 4px;
  --okd-alert-title-font-size: var(--okd-font-size-md);
  --okd-alert-title-line-height: var(--okd-line-height-md);
  --okd-alert-text-font-size: var(--okd-font-size-md);
  --okd-alert-text-line-height: var(--okd-line-height-md);
  --okd-alert-action-font-size: var(--okd-font-size-md);
  --okd-alert-action-line-height: var(--okd-line-height-md);
}

.theme-dark {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
}

.okui-checkbox-inner {
  background-color: var(--okd-checkbox-default-background);
  border: 1px solid var(--okd-checkbox-default-border-color);
  border-radius: var(--okd-checkbox-common-border-radius);
  -webkit-box-shadow: var(--okd-checkbox-default-shadow);
  box-shadow: var(--okd-checkbox-default-shadow);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: block;
  height: 12px;
  left: 0;
  position: relative;
  top: 0;
  width: 12px;
}

.okui-checkbox-input {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.okui-checkbox-children {
  display: inline-block;
  font-size: var(--okd-checkbox-common-label-font-size);
  margin-left: 4px;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 15px);
  word-break: break-word;
}

.okui-checkbox-wrapper {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.okui-checkbox-wrapper .okui-checkbox-children {
  color: var(--okd-checkbox-default-text-color);
}

.okui-checkbox-wrapper .okui-checkbox {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  vertical-align: top;
}

.okui-checkbox-wrapper:hover .okui-checkbox-inner {
  border-color: var(--okd-checkbox-default-hover-border-color);
  -webkit-box-shadow: var(--okd-checkbox-default-hover-shadow);
  box-shadow: var(--okd-checkbox-default-hover-shadow);
}

.okui-checkbox-sm .okui-checkbox-inner {
  height: var(--okd-checkbox-sm-height);
  width: var(--okd-checkbox-sm-width);
}

.okui-checkbox-sm .okui-checkbox-children {
  font-size: var(--okd-checkbox-sm-font-size);
  margin-left: var(--okd-checkbox-sm-margin);
}

.okui-checkbox-sm.okui-checkbox-wrapper {
  line-height: var(--okd-checkbox-sm-line-height);
  padding-bottom: var(--okd-checkbox-sm-padding);
  padding-top: var(--okd-checkbox-sm-padding);
}

.theme-dark {
  --okd-drawer-content-bg: var(--okd-color-background-2);
  --okd-drawer-mask-color: rgba(0, 0, 0, 0.65);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/2936/2936.css */
.module-header-box {
  background-color: var(--okd-color-background-1);
  border-bottom: 1px solid var(--okd-color-line-muted);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--okd-color-text-amplifed);
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  padding: 12px 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.watch-list-box .search-input-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--okd-color-text-amplifed);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 12px;
  justify-content: space-between;
  overflow: hidden;
  padding: 12px 16px 4px;
}

.watch-list-box .search-input-box .search-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.watch-list-box .search-input-box .search-input .prefix-icon {
  color: var(--comb-color-icon-4);
}

.watch-list-box .ticker-table-box {
  -webkit-box-flex: 1;
  color: var(--okd-color-text-amplifed);
  -ms-flex: 1;
  flex: 1;
}

.watch-list-box .ticker-table-box div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.watch-list-box .ticker-table-box .item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 12px;
  justify-content: space-between;
  padding: 0 16px;
}

.watch-list-box .ticker-table-box .item span {
  font-weight: 500;
  line-height: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.watch-list-box .ticker-table-box .item:hover {
  background: var(--comb-watch-table-item-hover-bg);
}

.watch-list-box .ticker-table-box .left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  width: 44%;
}

.watch-list-box .ticker-table-box .left i {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  width: 16px;
}

.watch-list-box .ticker-table-box .left .ccy-img-box {
  height: 18px;
  margin-right: 4px;
  width: 18px;
}

.watch-list-box .ticker-table-box .left .star {
  color: var(--comb-watch-star-bg);
  margin-right: 4px;
}

.watch-list-box .ticker-table-box .left .star.checked {
  color: #e0b525 !important;
}

.watch-list-box .ticker-table-box .left .name-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 20px);
  word-break: break-all;
}

.watch-list-box .ticker-table-box .left .name-wrapper .name {
  margin-right: 2px;
}

.watch-list-box .ticker-table-box .left .name-wrapper .full-name {
  color: var(--okd-color-text-light);
  font-weight: 400;
}

.watch-list-box .ticker-table-box .right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: flex-end;
  position: relative;
  width: 56%;
}

.watch-list-box .ticker-table-box .right span:first-of-type {
  width: 57.14%;
}

.watch-list-box .ticker-table-box .right span:nth-of-type(2) {
  width: 42.86%;
}

.watch-list-box .ticker-table-box .text-end {
  text-align: end;
}

.watch-list-box .slide-tab-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: flex-end;
}

.watch-list-box .slide-tab-box {
  margin-bottom: 8px;
  padding: 0 16px;
  position: relative;
  white-space: nowrap;
}

.watch-list-box .slide-tab-box .slide-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  position: relative;
}

.watch-list-box .slide-tab-box .slide-header {
  border: none;
  height: auto;
}

.watch-list-box .slide-tab-box .type-item {
  border: none;
  color: var(--okd-color-text-light);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.watch-list-box .slide-tab-box .type-item .mark {
  background: rgba(248, 135, 38, 0.1);
  border-radius: 1px;
  color: #f88726;
  height: 16px;
  line-height: 16px;
  margin-left: 2px;
  padding: 0 4px;
}

.watch-list-box .slide-tab-box .type-item:hover {
  color: var(--okd-color-text-amplifed);
}

.watch-list-box .slide-tab-box .slide-right {
  margin-left: 8px;
}

.watch-list-box .slide-tab-box .mode-switch {
  color: var(--comb-color-icon-1);
  cursor: pointer;
}

.watch-list-box .slide-tab-box .mode-switch i {
  font-size: 16px;
  padding: 0 3px;
}

.watch-list-box .slide-tab-box.grade—1 {
  border-bottom: 1px solid var(--okd-color-line-muted);
}

.watch-list-box .slide-tab-box.grade—1 .type-item {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 34px;
  line-height: 34px;
  margin-right: 16px;
}

.watch-list-box .slide-tab-box.grade—1 .type-item.checked {
  border-bottom: 2px solid var(--okd-color-text-amplifed);
  color: var(--okd-color-text-amplifed);
}

.watch-list-box .main-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.trade-box .watch-list-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  background-color: var(--okd-color-background-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--okd-color-text-amplifed);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.trade-box .ticker-scroll {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  position: relative;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/6472/6472.css */
.trade-box .trade-header-box .ticker-opera {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}

.trade-box .trade-header-box .ticker-opera i {
  font-size: 18px;
}

.trade-box .trade-header-box .ticker-btn {
  color: var(--comb-color-icon-2);
  cursor: pointer;
  margin-left: 12px;
  padding: 10px 0;
}

.trade-box .trade-header-box .ticker-btn span {
  color: var(--okd-color-text-secondary);
  margin-left: 6px;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.trade-box .trade-header-box .vertical-separator {
  background: var(--okd-color-line-secondary);
  height: 12px;
  margin-left: 4px;
  width: 1px;
}

@media (max-width: 767px) {
  .trade-box .trade-header-box .ticker-btn i {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .trade-box .trade-header-box .ticker-btn i {
    font-size: 16px;
  }
}

.trade-box .trade-header-box .strategy-select-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--okd-color-line-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  white-space: nowrap;
}

.trade-box .trade-header-box .split {
  margin-left: 8px;
}

.trade-box .trade-header-box .tab-panel {
  padding: 0 12px;
}

.trade-header-box .ticker-item span {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}

.trade-header-box .ticker-item .label {
  font-weight: 600;
  color: var(--okd-color-text-light);
}

.trade-header-box .ticker-item .value {
  color: var(--okd-color-text-amplifed);
  font-weight: 400;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/TradeHeader/TradeHeader.css */
.submit-btn-box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.submit-btn-box .submit-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.theme-dark {
  --okd-switch-label-font-color: var(--okd-color-gray-700);
  --okd-switch-on-default-track-color: var(--okd-color-fq-blue-lv2);
  --okd-switch-on-disabled-track-color: var(--okd-color-blue-400);
  --okd-switch-on-loading-track-color: var(--okd-color-blue-400);
  --okd-switch-on-default-handler-color: var(--okd-color-white);
  --okd-switch-on-disabled-handler-color: hsla(0, 0%, 100%, 0.6);
  --okd-switch-on-loading-handler-color: var(--okd-color-white);
  --okd-switch-on-default-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-on-disabled-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-on-loading-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-on-loading-mark-color: var(--okd-color-blue-400);
  --okd-switch-on-focus-shadow: 0px 0px 0px 3px #2676ff40;
  --okd-switch-off-default-track-color: var(--okd-color-gray-200);
  --okd-switch-off-disabled-track-color: var(--okd-color-gray-100);
  --okd-switch-off-loading-track-color: var(--okd-color-gray-100);
  --okd-switch-off-default-handler-color: var(--okd-color-white);
  --okd-switch-off-disabled-handler-color: hsla(0, 0%, 100%, 0.6);
  --okd-switch-off-loading-handler-color: var(--okd-color-white);
  --okd-switch-off-default-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-off-disabled-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-off-loading-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-off-loading-mark-color: var(--okd-color-gray-400);
  --okd-switch-off-focus-shadow: 0px 0px 0px 3px #2676ff40;
  --okd-switch-duration-seconds: 0.36s;
  --okd-switch-md-label-size: var(--okd-font-size-base);
  --okd-switch-sm-label-size: var(--okd-font-size-md);
  --okd-switch-sm-size: var(--okd-font-size-md);
  --okd-switch-md-size: var(--okd-font-size-md);
  --okd-switch-md-width: 44px;
  --okd-switch-md-height: 24px;
  --okd-switch-md-handler-size: 20px;
  --okd-switch-sm-width: 28px;
  --okd-switch-sm-height: 16px;
  --okd-switch-sm-handler-size: 12px;
}

.trade-box .ccy-img-box {
  border-radius: 50%;
  min-height: 16px;
  min-width: 16px;
}

.trade-header-box .watch-drop-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  /*height: 48px;*/
  justify-content: flex-start;
}

.trade-header-box .watch-drop-box .bitcoin-price {
  margin-top: 2px;
  font-size: 12px;
  font-width: 400;
  color: #848c99;
  text-decoration: underline;
}

.trade-header-box .watch-drop-box .ticker-logo {
  height: 24px;
  margin-right: 8px;
  width: 24px;
}

.trade-header-box .watch-drop-box .arrow-icon {
  color: var(--okd-color-text-light);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.empty-box {
  height: 100%;
}

.empty-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
}

.empty-box .empty-icon {
  background-image: url(https://static.okx.com/cdn/assets/imgs/2012/A87CEF34680304F3.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 160px 80px;
  height: 80px;
  width: 80px;
}

.empty-box .empty-desc {
  color: var(--okd-color-text-light);
  font-size: 12px;
  line-height: 16px;
  margin: 0 auto 8px;
}

.theme-dark .empty-box .empty-icon {
  background-position: -80px 0 !important;
}

.trade-header-box .ticker-xl-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: row;
  flex-direction: row;
  white-space: nowrap;
}

.trade-header-box .ticker-xl-box,
.trade-header-box .ticker-xl-box .ticker-top-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trade-header-box .ticker-xl-box .ticker-top-box {
  -ms-flex-direction: row;
  flex-direction: row;
}

.spot-page .trade-header-box .ticker-xl-box .ticker-top-box .ticker-item {
  margin-left: 24px;
}

.trade-header-box .ticker-xl-box .ticker-last-box,
.trade-header-box .ticker-xl-box .ticker-top-box .ticker-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: center;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  /* justify-content: space-between; */
}

.trade-header-box .ticker-xl-box .ticker-last-box {
  font-variant-numeric: tabular-nums;
}

.trade-header-box .ticker-xl-box .ticker-last-box .last {
  font-size: 16px;
  font-weight: 600;
}

.trade-header-box .ticker-xl-box .ticker-last-box .chg {
  font-size: 12px;
  font-weight: 400;
}

.trade-box .trade-header-box {
  -webkit-box-orient: vertical;
  background: var(--okd-color-background-1);
  color: var(--okd-color-text-amplifed);
  -ms-flex-direction: column;
  flex-direction: column;
}

.trade-box .trade-header-box,
.trade-box .trade-header-box .trade-row-box {
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 0;
}

.trade-box .trade-header-box .header-left,
.trade-box .trade-header-box .trade-row-box {
  -webkit-box-orient: horizontal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .trade-box .trade-header-box .trade-row-box {
    border-bottom: 1px solid var(--okd-color-gray-050);
    padding: 0 16px;
  }
}

@media (min-width: 768px) {
  .trade-box .trade-header-box .trade-row-box {
    border-bottom: none;
    padding: 0 29px;
  }
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/Status/Status.css */
.theme-dark {
  --okd-alert-normal-background: var(--okd-color-gray-100);
  --okd-alert-normal-title-color: var(--okd-color-gray-900);
  --okd-alert-normal-icon-color: var(--okd-color-gray-800);
  --okd-alert-normal-desc-color: var(--okd-color-gray-900);
  --okd-alert-normal-action-color: var(--okd-color-gray-700);
  --okd-alert-normal-link-color: var(--okd-color-gray-700);
  --okd-alert-normal-accent-color: var(--okd-color-gray-900);
  --okd-alert-success-background: var(--okd-color-green-050);
  --okd-alert-success-title-color: var(--okd-color-green-700);
  --okd-alert-success-icon-color: var(--okd-color-green-900);
  --okd-alert-success-desc-color: var(--okd-color-green-800);
  --okd-alert-success-action-color: var(--okd-color-green-700);
  --okd-alert-success-link-color: var(--okd-color-green-700);
  --okd-alert-success-accent-color: var(--okd-color-green-900);
  --okd-alert-info-background: var(--okd-color-blue-050);
  --okd-alert-info-title-color: var(--okd-color-blue-900);
  --okd-alert-info-icon-color: var(--okd-color-blue-900);
  --okd-alert-info-desc-color: var(--okd-color-blue-900);
  --okd-alert-info-action-color: var(--okd-color-blue-900);
  --okd-alert-info-link-color: var(--okd-color-blue-900);
  --okd-alert-info-accent-color: var(--okd-color-blue-900);
  --okd-alert-warn-background: var(--okd-color-yellow-050);
  --okd-alert-warn-title-color: var(--okd-color-yellow-700);
  --okd-alert-warn-icon-color: var(--okd-color-yellow-700);
  --okd-alert-warn-desc-color: var(--okd-color-yellow-800);
  --okd-alert-warn-action-color: var(--okd-color-yellow-700);
  --okd-alert-warn-link-color: var(--okd-color-yellow-700);
  --okd-alert-warn-accent-color: var(--okd-color-yellow-900);
  --okd-alert-error-background: var(--okd-color-red-050);
  --okd-alert-error-title-color: var(--okd-color-red-700);
  --okd-alert-error-icon-color: var(--okd-color-red-900);
  --okd-alert-error-desc-color: var(--okd-color-red-700);
  --okd-alert-error-action-color: var(--okd-color-red-700);
  --okd-alert-error-link-color: var(--okd-color-red-700);
  --okd-alert-error-accent-color: var(--okd-color-red-900);
  --okd-alert-box-padding-vertical: 16px;
  --okd-alert-box-padding-horizontal: 18px;
  --okd-alert-box-border-radius: 4px;
  --okd-alert-accent-width: 4px;
  --okd-alert-title-font-size: var(--okd-font-size-md);
  --okd-alert-title-line-height: var(--okd-line-height-md);
  --okd-alert-text-font-size: var(--okd-font-size-md);
  --okd-alert-text-line-height: var(--okd-line-height-md);
  --okd-alert-action-font-size: var(--okd-font-size-md);
  --okd-alert-action-line-height: var(--okd-line-height-md);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/Notification/Notification.css */
.theme-dark {
  --okd-alert-normal-background: var(--okd-color-gray-100);
  --okd-alert-normal-title-color: var(--okd-color-gray-900);
  --okd-alert-normal-icon-color: var(--okd-color-gray-800);
  --okd-alert-normal-desc-color: var(--okd-color-gray-900);
  --okd-alert-normal-action-color: var(--okd-color-gray-700);
  --okd-alert-normal-link-color: var(--okd-color-gray-700);
  --okd-alert-normal-accent-color: var(--okd-color-gray-900);
  --okd-alert-success-background: var(--okd-color-green-050);
  --okd-alert-success-title-color: var(--okd-color-green-700);
  --okd-alert-success-icon-color: var(--okd-color-green-900);
  --okd-alert-success-desc-color: var(--okd-color-green-800);
  --okd-alert-success-action-color: var(--okd-color-green-700);
  --okd-alert-success-link-color: var(--okd-color-green-700);
  --okd-alert-success-accent-color: var(--okd-color-green-900);
  --okd-alert-info-background: var(--okd-color-blue-050);
  --okd-alert-info-title-color: var(--okd-color-blue-900);
  --okd-alert-info-icon-color: var(--okd-color-blue-900);
  --okd-alert-info-desc-color: var(--okd-color-blue-900);
  --okd-alert-info-action-color: var(--okd-color-blue-900);
  --okd-alert-info-link-color: var(--okd-color-blue-900);
  --okd-alert-info-accent-color: var(--okd-color-blue-900);
  --okd-alert-warn-background: var(--okd-color-yellow-050);
  --okd-alert-warn-title-color: var(--okd-color-yellow-700);
  --okd-alert-warn-icon-color: var(--okd-color-yellow-700);
  --okd-alert-warn-desc-color: var(--okd-color-yellow-800);
  --okd-alert-warn-action-color: var(--okd-color-yellow-700);
  --okd-alert-warn-link-color: var(--okd-color-yellow-700);
  --okd-alert-warn-accent-color: var(--okd-color-yellow-900);
  --okd-alert-error-background: var(--okd-color-red-050);
  --okd-alert-error-title-color: var(--okd-color-red-700);
  --okd-alert-error-icon-color: var(--okd-color-red-900);
  --okd-alert-error-desc-color: var(--okd-color-red-700);
  --okd-alert-error-action-color: var(--okd-color-red-700);
  --okd-alert-error-link-color: var(--okd-color-red-700);
  --okd-alert-error-accent-color: var(--okd-color-red-900);
  --okd-alert-box-padding-vertical: 16px;
  --okd-alert-box-padding-horizontal: 18px;
  --okd-alert-box-border-radius: 4px;
  --okd-alert-accent-width: 4px;
  --okd-alert-title-font-size: var(--okd-font-size-md);
  --okd-alert-title-line-height: var(--okd-line-height-md);
  --okd-alert-text-font-size: var(--okd-font-size-md);
  --okd-alert-text-line-height: var(--okd-line-height-md);
  --okd-alert-action-font-size: var(--okd-font-size-md);
  --okd-alert-action-line-height: var(--okd-line-height-md);
}

.theme-dark {
  --okd-hyperlink-primary-default-color: var(--okd-color-fq-blue-lv1);
  --okd-hyperlink-primary-default-icon-color: var(--okd-color-fq-blue-lv1);
  --okd-hyperlink-primary-default-underline-color: var(--okd-color-fq-blue-lv1);
  --okd-hyperlink-primary-hover-color: var(--okd-color-blue-900);
  --okd-hyperlink-primary-hover-icon-color: var(--okd-color-blue-900);
  --okd-hyperlink-primary-hover-underline-color: var(--okd-color-blue-900);
  --okd-hyperlink-secondary-default-color: var(--okd-color-gray-700);
  --okd-hyperlink-secondary-default-icon-color: var(--okd-color-gray-700);
  --okd-hyperlink-secondary-default-underline-color: var(--okd-color-gray-700);
  --okd-hyperlink-secondary-hover-color: var(--okd-color-gray-900);
  --okd-hyperlink-secondary-hover-icon-color: var(--okd-color-gray-900);
  --okd-hyperlink-secondary-hover-underline-color: var(--okd-color-gray-900);
  --okd-hyperlink-xs-font-size: 12px;
  --okd-hyperlink-sm-font-size: 14px;
  --okd-hyperlink-md-font-size: 16px;
  --okd-hyperlink-lg-font-size: 18px;
  --okd-hyperlink-xs-icon-font-size: 12px;
  --okd-hyperlink-sm-icon-font-size: 16px;
  --okd-hyperlink-md-icon-font-size: 16px;
  --okd-hyperlink-lg-icon-font-size: 16px;
  --okd-hyperlink-xs-line-height: 16px;
  --okd-hyperlink-sm-line-height: 16px;
  --okd-hyperlink-md-line-height: 20px;
  --okd-hyperlink-lg-line-height: 24px;
  --okd-hyperlink-medium-font-weight: 500;
  --okd-hyperlink-medium-hover-font-weight: 500;
  --okd-hyperlink-muted-font-weight: 400;
  --okd-hyperlink-muted-hover-font-weight: 400;
  --okd-hyperlink-amplified-font-weight: 600;
  --okd-hyperlink-amplified-hover-font-weight: 600;
  --okd-hyperlink-xs-icon-margin-left: 0px;
  --okd-hyperlink-sm-icon-margin-left: 0px;
  --okd-hyperlink-md-icon-margin-left: 0px;
  --okd-hyperlink-lg-icon-margin-left: 0px;
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/Arb-Account/Arb-Account.css */
.trade-box .account-slot-box {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}

.trade-box .account-slot-box {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.trade-box .account-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: var(--okd-color-background-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--okd-color-text-amplifed);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.trade-box .account-box .account-tab-box,
.trade-box .account-box .okui-tabs {
  height: 100%;
}

.trade-box .account-box .okui-tabs .okui-tabs-pane-list {
  padding-left: 16px;
}

.trade-box .account-box .okui-tabs .okui-tabs-pane-list-wrapper {
  -webkit-box-flex: initial !important;
  -ms-flex: initial !important;
  flex: initial !important;
}

.trade-box .account-box .okui-tabs .okui-tabs-pane-list-slot {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 767px) {
  .trade-box .account-box {
    min-height: 412px;
  }

  .trade-box .account-box .account-tab-box {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .trade-box .account-box .account-tab-box .okui-tabs-panel-list {
    height: calc(100% - 38px);
  }

  .trade-box .account-box .account-tab-box .empty-box.no-login {
    height: calc(100% - 34px);
    margin-top: 34px;
  }

  .trade-box .account-box .okui-tabs .okui-tabs-pane-list {
    padding-right: 16px;
  }
}

@media (min-width: 1024px) {
  .trade-box .account-box .account-tab-box .okui-tabs-panel-list {
    /* height: calc(100% - 40px); */
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/2650/2650.css */
.empty-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.empty-box .empty-icon {
  background-image: url(https://static.okx.com/cdn/assets/imgs/2012/A87CEF34680304F3.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 160px 80px;
  height: 80px;
  width: 80px;
}

.empty-box .empty-desc {
  color: var(--okd-color-text-light);
  font-size: 12px;
  line-height: 16px;
  margin: 0 auto 8px;
}

.theme-dark .empty-box .empty-icon {
  background-position: -80px 0 !important;
}

.trade-box .ccy-img-box {
  border-radius: 50%;
  min-height: 16px;
  min-width: 16px;
}

.submit-btn-box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.submit-btn-box .submit-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/trade-layouts-LayoutXl/trade-layouts-LayoutXl.css */
.react-grid-layout {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transition: height 0.2s ease;
}

.react-grid-item {
  transition: all 0.2s ease;
  transition-property: left, top;
}

.react-grid-item img {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.react-grid-item.cssTransforms {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.react-grid-item > .react-resizable-handle {
  height: 20px;
  position: absolute;
  width: 20px;
}

.react-grid-item > .react-resizable-handle:after {
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  bottom: 3px;
  content: "";
  height: 5px;
  position: absolute;
  right: 3px;
  width: 5px;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  cursor: se-resize;
  right: 0;
}

.react-resizable {
  position: relative;
}

.react-resizable-handle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);
  background-origin: content-box;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  height: 20px;
  padding: 0 3px 3px 0;
  position: absolute;
  width: 20px;
}

.react-resizable-handle-se {
  bottom: 0;
  cursor: se-resize;
  right: 0;
}

.theme-dark {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
}

.okui-checkbox-inner {
  background-color: var(--okd-checkbox-default-background);
  border: 1px solid var(--okd-checkbox-default-border-color);
  border-radius: var(--okd-checkbox-common-border-radius);
  -webkit-box-shadow: var(--okd-checkbox-default-shadow);
  box-shadow: var(--okd-checkbox-default-shadow);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: block;
  height: 12px;
  left: 0;
  position: relative;
  top: 0;
  width: 12px;
}

.okui-checkbox-input {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.okui-checkbox-children {
  display: inline-block;
  font-size: var(--okd-checkbox-common-label-font-size);
  margin-left: 4px;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 15px);
  word-break: break-word;
}

.okui-checkbox-wrapper {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.okui-checkbox-wrapper .okui-checkbox-children {
  color: var(--okd-checkbox-default-text-color);
}

.okui-checkbox-wrapper .okui-checkbox {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  vertical-align: top;
}

.okui-checkbox-wrapper:hover .okui-checkbox-inner {
  border-color: var(--okd-checkbox-default-hover-border-color);
  -webkit-box-shadow: var(--okd-checkbox-default-hover-shadow);
  box-shadow: var(--okd-checkbox-default-hover-shadow);
}

.okui-checkbox-sm .okui-checkbox-inner {
  height: var(--okd-checkbox-sm-height);
  width: var(--okd-checkbox-sm-width);
}

.okui-checkbox-sm .okui-checkbox-children {
  font-size: var(--okd-checkbox-sm-font-size);
  margin-left: var(--okd-checkbox-sm-margin);
}

.okui-checkbox-sm.okui-checkbox-wrapper {
  line-height: var(--okd-checkbox-sm-line-height);
  padding-bottom: var(--okd-checkbox-sm-padding);
  padding-top: var(--okd-checkbox-sm-padding);
}

.place-order-container-common {
  background-color: var(--okd-color-background-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--okd-color-text-amplifed);
  height: 100%;
}

.place-order-container-common::-webkit-scrollbar-thumb {
  background: var(--okd-color-gray-200);
}

.place-order-container-common::-webkit-scrollbar-track {
  background: var(--okd-color-background-3);
}

.place-order-container-common::-webkit-scrollbar {
  display: inline;
  width: 4px;
}

.place-order-inner-common {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: 12px 16px 24px;*/
  width: 100% !important;
}

.market-box {
  background: var(--okd-color-background-1);
  height: 100%;
  position: relative;
}

.market-box .tab-content {
  color: var(--okd-color-text-light);
  font-size: 14px;
  font-weight: 500;
}

.market-box .tab-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 20px;
  padding: 3px 0;
}

.market-box .tab-button.tab-button-select {
  background: transparent;
  border-bottom: 2px solid var(--okd-color-text-amplifed);
}

.market-box .tab-button.tab-button-select .tab-content {
  color: var(--okd-color-text-amplifed);
}

.market-box .tab-button:hover {
  background: none;
}

.trade-box .layout-xl-box .rgl-drag-zone {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 17px;
  position: absolute;
  right: 0;
  top: 12px;
  width: 17px;
  z-index: 1;
}

.trade-box .layout-xl-box .rgl-drag-zone:hover .rgl-drag,
.trade-box .layout-xl-box .rgl-drag-zone:hover .rgl-drag:after,
.trade-box .layout-xl-box .rgl-drag-zone:hover .rgl-drag:before {
  background-color: var(--okd-color-text-amplifed);
  width: 7px;
}

.trade-box .layout-xl-box .rgl-drag {
  background-color: var(--okd-color-line-amplifed);
  border-radius: 4px;
  display: block;
  height: 2px;
  position: absolute;
  right: 0;
  width: 6px;
}

.trade-box .layout-xl-box .rgl-drag:before {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}

.trade-box .layout-xl-box .rgl-drag:after,
.trade-box .layout-xl-box .rgl-drag:before {
  background-color: var(--okd-color-line-amplifed);
  border-radius: 4px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: 0;
  width: 6px;
}

.trade-box .layout-xl-box .rgl-drag:after {
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
}

.trade-box .layout-xl-box .react-grid-item > .react-resizable-handle {
  background: none;
  z-index: 10;
}

.trade-box .layout-xl-box .react-grid-item > .react-resizable-handle:after {
  border: 7px solid transparent;
  border-left: 7px solid var(--comb-drag-icon);
  bottom: -4px;
  height: 0;
  right: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0;
}

.trade-box
  .layout-xl-box
  .react-grid-item
  > .react-resizable-handle:hover:after {
  border-left-color: var(--comb-drag-icon-hover);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/PlaceOrderXl/PlaceOrderXl.css */
.theme-dark {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
}

.okui-checkbox-inner {
  background-color: var(--okd-checkbox-default-background);
  border: 1px solid var(--okd-checkbox-default-border-color);
  border-radius: var(--okd-checkbox-common-border-radius);
  -webkit-box-shadow: var(--okd-checkbox-default-shadow);
  box-shadow: var(--okd-checkbox-default-shadow);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: block;
  height: 12px;
  left: 0;
  position: relative;
  top: 0;
  width: 12px;
}

.okui-checkbox-input {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.okui-checkbox-children {
  display: inline-block;
  font-size: var(--okd-checkbox-common-label-font-size);
  margin-left: 4px;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 15px);
  word-break: break-word;
}

.okui-checkbox-wrapper {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.okui-checkbox-wrapper .okui-checkbox-children {
  color: var(--okd-checkbox-default-text-color);
}

.okui-checkbox-wrapper .okui-checkbox {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  vertical-align: top;
}

.okui-checkbox-wrapper:hover .okui-checkbox-inner {
  border-color: var(--okd-checkbox-default-hover-border-color);
  -webkit-box-shadow: var(--okd-checkbox-default-hover-shadow);
  box-shadow: var(--okd-checkbox-default-hover-shadow);
}

.okui-checkbox-sm .okui-checkbox-inner {
  height: var(--okd-checkbox-sm-height);
  width: var(--okd-checkbox-sm-width);
}

.okui-checkbox-sm .okui-checkbox-children {
  font-size: var(--okd-checkbox-sm-font-size);
  margin-left: var(--okd-checkbox-sm-margin);
}

.okui-checkbox-sm.okui-checkbox-wrapper {
  line-height: var(--okd-checkbox-sm-line-height);
  padding-bottom: var(--okd-checkbox-sm-padding);
  padding-top: var(--okd-checkbox-sm-padding);
}

.place-order-xl-box {
  /* overflow-x: auto; */
  position: relative;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/3906/3906.css */
.ticker-box {
  background: var(--okd-color-background-1);
  /* position: absolute;
    top: 0; */
  width: calc(100% - 32px);
  /* z-index: 3; */
}

.ticker-box.center {
  visibility: hidden;
}

.ticker-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  justify-content: space-between;
  /* margin-bottom: 46px !important; */
  padding: 0 15px;
  position: relative;
  /* top: -6px; */
}

.ticker-wrap .price-wrap.up {
  color: var(--orderBook-ticker-up);
}

.ticker-wrap .ticker-price {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.ticker-wrap .icon {
  display: inline-block;
  font-size: 18px;
  margin: 0 6px 0 2px;
}

.ticker-wrap .local-price,
.ticker-wrap .to-center {
  color: var(--okd-color-text-light);
  font-size: 12px;
  line-height: 16px;
}

.ticker-wrap .to-center {
  cursor: pointer;
}

.order-book-head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  position: relative;
}

.order-book-head,
.order-book-head .position-wrap,
.order-book-head .position-wrap i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-book-head .position-wrap img {
  width: 20px;
}

.order-book-head .position-wrap .center {
  margin: 0 20px;
}

/*.order-book-head .position-wrap i {*/
/*    background-image: url(https://static.okx.com/cdn/assets/imgs/2010/A427CA526A32D775.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 204px 16px;*/
/*    cursor: pointer;*/
/*    height: 16px;*/
/*    width: 16px;*/
/*}*/

/*.order-book-head .position-wrap i:not(:first-child) {*/
/*    margin-left: 9px;*/
/*}*/

/*.order-book-head .center {*/
/*    background-position: -102px 0;*/
/*}*/

/*.order-book-head .center.active {*/
/*    background-position: -68px 0;*/
/*}*/

/*.order-book-head .top {*/
/*    background-position: -34px 0;*/
/*}*/

/*.order-book-head .bottom {*/
/*    background-position: -171px 0;*/
/*}*/

.order-book-head .ladder-wrap {
  line-height: 16px;
}

.theme-dark .center {
  background-position: -120px 0;
}

.theme-dark .center.active {
  background-position: -86px 0;
}

.theme-dark .top {
  background-position: -51px 0;
}

.theme-dark .bottom {
  background-position: -188px 0;
}

.order-book-body {
  /* height: calc(100% - 30px); */
  margin-top: 14px;
  /* overflow: auto; */
  height: 100%;
}

.spot-page .order-book-body .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 150px;
  padding: 0 16px;
}

.spot-page .order-book-body .title-wrap span {
  -webkit-box-flex: 1;
  color: var(--okd-color-text-light);
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  line-height: 16px;
  min-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-book-body .book-body-wrap {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  /* -ms-flex-direction: column;
  flex-direction: column; */
  /* height: calc(100%); */
  justify-content: center;
  min-width: calc(100% - 32px);
  overflow-y: auto;
  /*padding: 0 16px;*/
  position: relative;
  scrollbar-width: none;
  margin-top: 11px;
}

.order-book-body .book-body-wrap::-webkit-scrollbar {
  display: none;
}

.order-book-body .book-body-wrap .virtual-list {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.order-book-body .book-body-wrap .virtual-list::-webkit-scrollbar {
  display: none;
}

.order-book-body .price {
  text-align: left;
  width: 30%;
}

.order-book-body .amount,
.order-book-body .cumulative {
  text-align: right;
  width: 20%;
}

.order-book-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  justify-content: space-between;
  /*justify-content: space-around;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  overflow: hidden;
  position: relative;
  /* right: 33px !important; */
}

.order-book-item.asks .price {
  color: var(--orderBook-price-asks-color);
}

.order-book-item.asks .process-bar {
  background: var(--orderBook-asks-process-bar);
}

.order-book-item.bids .price {
  color: var(--orderBook-price-bids-color);
}

.order-book-item.bids .process-bar {
  background: var(--orderBook-bids-process-bar);
}

.order-book-item .process-bar {
  height: calc(100% - 2px);
  left: 100%;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 1;
}

.order-book-item .price em {
  font-weight: 500;
}

.order-book-item:hover {
  background-color: var(--orderBook-row-hove);
}

.order-book-item:not(.order-book-empty-item):hover .price em {
  font-weight: 600;
}

.order-book-item .content {
  /* -webkit-box-flex: 1; */
  cursor: pointer;
  display: block;
  /* -ms-flex: 1; */
  flex: 1;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 20px;
  /*min-width: 50px;*/
  z-index: 2;
}

.order-book-item .content.amount,
.order-book-item .content.cumulative,
.order-book-item .content.turnover {
  /*color: var(--okd-color-text-amplifed);*/
  color: #b7bdc6;
}

.order-book-item .content:hover {
  font-weight: 600;
}

.theme-dark {
  --orderBook-row-hove: hsla(0, 0%, 98%, 0.05);
  --orderBook-bids-process-bar: rgba(5, 194, 140, 0.1);
  --orderBook-asks-process-bar: rgba(227, 73, 63, 0.1);
  --orderBook-usd-price-bg: var(--okd-color-gray-200);
  --orderBook-usd-price-text: var(--okd-color-text-secondary);
  --orderBook-price-asks-color: var(--okd-color-fq-red-lv1);
  --orderBook-price-bids-color: var(--okd-color-fq-green-lv1);
  --orderBook-ticker-up: var(--okd-color-fq-green-lv1);
  --orderBook-ticker-down: var(--okd-color-fq-red-lv1);
}

.order-book-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: var(--okd-color-background-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding-bottom: 8px;
}

.theme-dark {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
}

.okui-checkbox-inner {
  background-color: var(--okd-checkbox-default-background);
  border: 1px solid var(--okd-checkbox-default-border-color);
  border-radius: var(--okd-checkbox-common-border-radius);
  -webkit-box-shadow: var(--okd-checkbox-default-shadow);
  box-shadow: var(--okd-checkbox-default-shadow);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: block;
  height: 12px;
  left: 0;
  position: relative;
  top: 0;
  width: 12px;
}

.okui-checkbox-input {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.okui-checkbox-children {
  display: inline-block;
  font-size: var(--okd-checkbox-common-label-font-size);
  margin-left: 4px;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 15px);
  word-break: break-word;
}

.okui-checkbox-wrapper {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.okui-checkbox-wrapper .okui-checkbox-children {
  color: var(--okd-checkbox-default-text-color);
}

.okui-checkbox-wrapper .okui-checkbox {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  vertical-align: top;
}

.okui-checkbox-wrapper:hover .okui-checkbox-inner {
  border-color: var(--okd-checkbox-default-hover-border-color);
  -webkit-box-shadow: var(--okd-checkbox-default-hover-shadow);
  box-shadow: var(--okd-checkbox-default-hover-shadow);
}

.okui-checkbox-sm .okui-checkbox-inner {
  height: var(--okd-checkbox-sm-height);
  width: var(--okd-checkbox-sm-width);
}

.okui-checkbox-sm .okui-checkbox-children {
  font-size: var(--okd-checkbox-sm-font-size);
  margin-left: var(--okd-checkbox-sm-margin);
}

.okui-checkbox-sm.okui-checkbox-wrapper {
  line-height: var(--okd-checkbox-sm-line-height);
  padding-bottom: var(--okd-checkbox-sm-padding);
  padding-top: var(--okd-checkbox-sm-padding);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/MarketXl/MarketXl.css */
.flexlayout__layout {
  background-color: #171a1e;
  --color-text: #fff;
  --color-background: #000;
  --color-base: #000;
  --color-1: #171a1e;
  --color-2: #1a1a1a;
  --color-3: #262626;
  --color-4: #333;
  --color-5: #404040;
  --color-6: #4d4d4d;
  --color-drag1: #cfe8ff;
  --color-drag2: #b7d1b5;
  --font-size: medium;
  --font-family: Roboto, Arial, sans-serif;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.flexlayout__tabset {
  font-family: var(--font-family);
  font-size: var(--font-size);
  overflow: hidden;
}

.flexlayout__tabset {
  background-color: var(--color-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flexlayout__tabset_tabbar_outer {
  background-color: var(--color-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
}

.flexlayout__tabset_tabbar_outer_top {
  border-bottom: 1px solid var(--color-3);
}

.flexlayout__tabset_tabbar_inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}

.flexlayout__tabset_tabbar_inner,
.flexlayout__tabset_tabbar_inner_tab_container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flexlayout__tabset_tabbar_inner_tab_container {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 10000px;
}

.flexlayout__tabset_tabbar_inner_tab_container_top {
  border-top: 2px solid transparent;
}

.flexlayout__tab {
  background-color: var(--color-background);
  color: var(--color-text);
  overflow: auto;
  position: absolute;
}

.flexlayout__tab,
.flexlayout__tab_button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flexlayout__tab_button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 2px;
  padding: 3px 8px;
}

.flexlayout__tab_button--selected {
  background-color: var(--color-3);
  color: var(--color-text);
}

@media (hover: hover) {
  .flexlayout__tab_button:hover {
    background-color: var(--color-3);
    color: var(--color-text);
  }
}

.flexlayout__tab_button--unselected {
  color: gray;
}

.flexlayout__tab_button_top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.flexlayout__tab_button_top {
  -webkit-box-shadow: inset -2px 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset -2px 0 5px rgba(0, 0, 0, 0.1);
}

.flexlayout__tab_button_content,
.flexlayout__tab_button_leading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flexlayout__tab_toolbar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flexlayout__tabset_sizer {
  padding-top: 5px;
}

.flexlayout__tabset_header_sizer,
.flexlayout__tabset_sizer {
  font-family: var(--font-family);
  font-size: var(--font-size);
  padding-bottom: 3px;
}

.flexlayout__tabset_header_sizer {
  padding-top: 3px;
}

.flexlayout__border_sizer {
  font-family: var(--font-family);
  font-size: var(--font-size);
  padding-bottom: 5px;
  padding-top: 6px;
}

.order-book-box {
  background: var(--okd-color-background-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding-top: 8px;
  width: 100%;
}

/* @media (min-width: 768px) {
  .order-book-box {
    height: calc(100% - 45px);
  }
}

@media (min-width: 1024px) {
  .order-book-box {
    height: 100%;
  }
}

@media (min-width: 1270px) {
  .order-book-box {
    height: 100%;
    padding-top: 0;
  }
} */

.order-book-box .order-book-body {
  -ms-overflow-style: none;
}

.order-book-box .order-book-body::-webkit-scrollbar {
  display: none;
}

.market-box .order-history-layout .tab-layout {
  background: var(--okd-color-background-1);
}

.market-box .order-history-layout .tab-layout::-webkit-scrollbar-thumb {
  background: var(--okd-color-gray-200);
}

.market-box .order-history-layout .tab-layout::-webkit-scrollbar-track {
  background: var(--okd-color-background-3);
}

.market-box .order-history-layout .tab-layout::-webkit-scrollbar {
  display: inline;
  width: 4px;
}

.market-box .order-history-layout .flexlayout__tabset_tabbar_outer {
  background: var(--okd-color-background-1);
  border-bottom: none;
}

.market-box .order-history-layout .tab-content {
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
}

.market-box .order-history-layout .tab-button {
  height: 44px;
  margin: 0;
}

.market-box .order-history-layout .tab-button:not(:first-child) {
  margin-left: 18px;
}

.market-box
  .order-history-layout
  .flexlayout__tabset_tabbar_inner_tab_container_top {
  border-bottom: 1px solid var(--okd-color-line-muted);
  border-top: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 44px;
  left: 0;
  padding-left: 16px;
  right: 0;
  width: 100%;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/OKLine/OKLine.css */
.trade-box .k-header-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 24px 0 16px;
  white-space: nowrap;
}

.trade-box .k-header-box .k-header-tabs .k-header-tabs-active {
  border-bottom-color: var(--comb-coin-overview-base-text);
}

.trade-box .k-header-box .num-icon {
  color: var(--okd-color-text-secondary);
}

.trade-box .k-header-box .num-icon:hover {
  color: var(--okd-color-text-amplifed);
}

.theme-dark {
  --okd-switch-label-font-color: var(--okd-color-gray-700);
  --okd-switch-on-default-track-color: var(--okd-color-fq-blue-lv2);
  --okd-switch-on-disabled-track-color: var(--okd-color-blue-400);
  --okd-switch-on-loading-track-color: var(--okd-color-blue-400);
  --okd-switch-on-default-handler-color: var(--okd-color-white);
  --okd-switch-on-disabled-handler-color: hsla(0, 0%, 100%, 0.6);
  --okd-switch-on-loading-handler-color: var(--okd-color-white);
  --okd-switch-on-default-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-on-disabled-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-on-loading-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-on-loading-mark-color: var(--okd-color-blue-400);
  --okd-switch-on-focus-shadow: 0px 0px 0px 3px #2676ff40;
  --okd-switch-off-default-track-color: var(--okd-color-gray-200);
  --okd-switch-off-disabled-track-color: var(--okd-color-gray-100);
  --okd-switch-off-loading-track-color: var(--okd-color-gray-100);
  --okd-switch-off-default-handler-color: var(--okd-color-white);
  --okd-switch-off-disabled-handler-color: hsla(0, 0%, 100%, 0.6);
  --okd-switch-off-loading-handler-color: var(--okd-color-white);
  --okd-switch-off-default-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-off-disabled-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-off-loading-handler-shadow: var(--okd-shadow-xs);
  --okd-switch-off-loading-mark-color: var(--okd-color-gray-400);
  --okd-switch-off-focus-shadow: 0px 0px 0px 3px #2676ff40;
  --okd-switch-duration-seconds: 0.36s;
  --okd-switch-md-label-size: var(--okd-font-size-base);
  --okd-switch-sm-label-size: var(--okd-font-size-md);
  --okd-switch-sm-size: var(--okd-font-size-md);
  --okd-switch-md-size: var(--okd-font-size-md);
  --okd-switch-md-width: 44px;
  --okd-switch-md-height: 24px;
  --okd-switch-md-handler-size: 20px;
  --okd-switch-sm-width: 28px;
  --okd-switch-sm-height: 16px;
  --okd-switch-sm-handler-size: 12px;
}

.trade-header-box .watch-drop-box .ticker-logo {
  height: 24px;
  margin-right: 8px;
  width: 24px;
}

.spot-page .trade-header-box .watch-drop-box .ticker-title {
  color: var(--comb-nav-ticker-title);
  font-size: 20px;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  line-height: 48px;
}

.trade-header-box .watch-drop-box .arrow-icon {
  color: var(--okd-color-text-light);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.trade-header-box .ticker-xl-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: row;
  flex-direction: row;
  white-space: nowrap;
}

.trade-header-box .ticker-xl-box,
.trade-header-box .ticker-xl-box .ticker-top-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trade-header-box .ticker-xl-box .ticker-top-box {
  -ms-flex-direction: row;
  flex-direction: row;
}

/* .trade-header-box .ticker-xl-box .ticker-top-box .ticker-item {
  margin-left: 41px;
} */

.trade-box .trade-header-box {
  -webkit-box-orient: vertical;
  background: var(--okd-color-background-1);
  color: var(--okd-color-text-amplifed);
  -ms-flex-direction: column;
  flex-direction: column;
}

.trade-box .trade-header-box,
.trade-box .trade-header-box .trade-row-box {
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .trade-box .trade-header-box .trade-row-box {
    border-bottom: 1px solid var(--okd-color-gray-050);
    padding: 0 16px;
  }
}

.trade-box .kline-box .chart-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.trade-box .kline-box .chart-box .chart-kline {
  /*bottom: 0;*/
  /*left: 0;*/
  /*position: absolute;*/
  /*right: 0;*/
  /*top: 0;*/
}

.trade-box .kline-box .chart-box .chart-kline .k-title {
  cursor: pointer;
}

.trade-box .kline-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trade-box .kline-box {
  background-color: var(--okd-color-background-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--okd-color-text-amplifed);
  -ms-flex-direction: column;
  flex-direction: column;
  /* height: 100%; */
  height: 376px;
}

.trade-box .kline-box .kline-table {
  -webkit-box-orient: vertical;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
}

.trade-box .kline-box .chart-tr,
.trade-box .kline-box .kline-table {
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trade-box .kline-box .chart-tr {
  -webkit-box-orient: horizontal;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: row;
  flex-direction: row;
}

.trade-box .kline-box .chart-tr:first-child .chart-td {
  border-top-color: var(--okd-color-background-1);
}

.trade-box .kline-box .chart-tr:last-child .chart-td {
  border-bottom-color: var(--okd-color-background-1);
}

.trade-box .kline-box .chart-td {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  border: 1px solid var(--comb-bg-main);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 1px;
}

.trade-box .kline-box .chart-td:first-child {
  border-left-color: var(--okd-color-background-1);
}

.trade-box .kline-box .chart-td:last-child {
  border-right-color: var(--okd-color-background-1);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/OpenOrder/OpenOrder.css */
.theme-dark {
  --okd-alert-normal-background: var(--okd-color-gray-100);
  --okd-alert-normal-title-color: var(--okd-color-gray-900);
  --okd-alert-normal-icon-color: var(--okd-color-gray-800);
  --okd-alert-normal-desc-color: var(--okd-color-gray-900);
  --okd-alert-normal-action-color: var(--okd-color-gray-700);
  --okd-alert-normal-link-color: var(--okd-color-gray-700);
  --okd-alert-normal-accent-color: var(--okd-color-gray-900);
  --okd-alert-success-background: var(--okd-color-green-050);
  --okd-alert-success-title-color: var(--okd-color-green-700);
  --okd-alert-success-icon-color: var(--okd-color-green-900);
  --okd-alert-success-desc-color: var(--okd-color-green-800);
  --okd-alert-success-action-color: var(--okd-color-green-700);
  --okd-alert-success-link-color: var(--okd-color-green-700);
  --okd-alert-success-accent-color: var(--okd-color-green-900);
  --okd-alert-info-background: var(--okd-color-blue-050);
  --okd-alert-info-title-color: var(--okd-color-blue-900);
  --okd-alert-info-icon-color: var(--okd-color-blue-900);
  --okd-alert-info-desc-color: var(--okd-color-blue-900);
  --okd-alert-info-action-color: var(--okd-color-blue-900);
  --okd-alert-info-link-color: var(--okd-color-blue-900);
  --okd-alert-info-accent-color: var(--okd-color-blue-900);
  --okd-alert-warn-background: var(--okd-color-yellow-050);
  --okd-alert-warn-title-color: var(--okd-color-yellow-700);
  --okd-alert-warn-icon-color: var(--okd-color-yellow-700);
  --okd-alert-warn-desc-color: var(--okd-color-yellow-800);
  --okd-alert-warn-action-color: var(--okd-color-yellow-700);
  --okd-alert-warn-link-color: var(--okd-color-yellow-700);
  --okd-alert-warn-accent-color: var(--okd-color-yellow-900);
  --okd-alert-error-background: var(--okd-color-red-050);
  --okd-alert-error-title-color: var(--okd-color-red-700);
  --okd-alert-error-icon-color: var(--okd-color-red-900);
  --okd-alert-error-desc-color: var(--okd-color-red-700);
  --okd-alert-error-action-color: var(--okd-color-red-700);
  --okd-alert-error-link-color: var(--okd-color-red-700);
  --okd-alert-error-accent-color: var(--okd-color-red-900);
  --okd-alert-box-padding-vertical: 16px;
  --okd-alert-box-padding-horizontal: 18px;
  --okd-alert-box-border-radius: 4px;
  --okd-alert-accent-width: 4px;
  --okd-alert-title-font-size: var(--okd-font-size-md);
  --okd-alert-title-line-height: var(--okd-line-height-md);
  --okd-alert-text-font-size: var(--okd-font-size-md);
  --okd-alert-text-line-height: var(--okd-line-height-md);
  --okd-alert-action-font-size: var(--okd-font-size-md);
  --okd-alert-action-line-height: var(--okd-line-height-md);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/1609/1609.css */
.order-type-tabs-box .order-type-tabs-header {
  z-index: 100;
}

.order-type-tabs-box .helper-icon {
  height: 100%;
}

.order-type-tabs-box .helper-icon,
.order-type-tabs-box .helper-icon .question-icon-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.order-type-tabs-box .helper-icon .question-icon-wrapper {
  cursor: pointer;
  height: 24px;
  width: 24px;
  z-index: 1;
}

.order-type-tabs-box .helper-icon .icon {
  color: var(--comb-color-icon-3);
  line-height: 1;
}

.input-label-box {
  color: var(--comb-color-text-normal);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.theme-dark {
  --okd-slider-common-active-color: var(--okd-color-blue-700);
  --okd-slider-common-track-color: var(--okd-color-gray-200);
  --okd-slider-common-text-color: var(--okd-color-gray-300);
  --okd-slider-handler-shadow-color: rgba(17, 72, 176, 0.45);
  --okd-slider-handler-border-color: var(--okd-color-gray-200);
  --okd-slider-node-bg-color: var(--okd-color-background-1);
  --okd-slider-node-border-color: var(--okd-color-gray-200);
  --okd-slider-label-color: var(--okd-color-text-secondary);
  --okd-slider-label-font-size: var(--okd-font-size-md);
  --okd-slider-label-line-height: var(--okd-line-height-md);
  --okd-slider-desc-color: var(--okd-color-text-secondary);
  --okd-slider-desc-font-size: var(--okd-font-size-md);
  --okd-slider-desc-line-height: var(--okd-line-height-md);
  --okd-slider-md-handler-size: 18px;
  --okd-slider-md-handler-hover-size: 18px;
  --okd-slider-md-node-size: 12px;
  --okd-slider-md-track-height: 4px;
  --okd-slider-sm-handler-size: 12px;
  --okd-slider-sm-handler-hover-size: 16px;
  --okd-slider-sm-node-size: 8px;
  --okd-slider-sm-track-height: 2px;
  --okd-slider-node-text-color: var(--okd-color-red-700);
}

.okui-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.okui-slider div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.okui-slider-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px 8px;
}

.okui-slider-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.okui-slider-clickable {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 10px;
  margin: 10px 0;
}

.okui-slider-track {
  background: var(--okd-slider-common-track-color);
  border-radius: 3px;
  height: var(--okd-slider-md-track-height);
  position: relative;
  width: 100%;
}

.okui-slider-mark {
  background-color: var(--okd-slider-common-active-color);
  border-radius: 3px;
  height: 100%;
}

.okui-slider-mark-node {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--okd-slider-node-bg-color);
  border: 2px solid var(--okd-slider-node-border-color);
  border-radius: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--okd-slider-md-node-size);
  justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: var(--okd-slider-md-node-size);
}

.okui-slider-mark-node-text {
  color: var(--okd-slider-common-text-color);
  font-size: 12px;
  left: 50%;
  line-height: 20px;
  position: absolute;
  top: 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  word-break: keep-all;
}

.okui-slider-mark-node:last-child .okui-slider-mark-node-text {
  left: auto;
  right: 0;
  -webkit-transform: none;
  transform: none;
}

.okui-slider-mark-node:first-child .okui-slider-mark-node-text {
  left: 0;
  -webkit-transform: none;
  transform: none;
}

.okui-slider-mark-node-active {
  border-color: var(--okd-slider-common-active-color);
}

.okui-slider-handler {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.okui-slider-handler-inner {
  background-color: #fff;
  border: 1px solid var(--okd-slider-handler-border-color);
  border-radius: 100%;
  height: var(--okd-slider-md-handler-size);
  width: var(--okd-slider-md-handler-size);
}

.okui-slider-handler-inner:hover {
  height: var(--okd-slider-md-handler-hover-size);
  width: var(--okd-slider-md-handler-hover-size);
}

.okui-slider-sm .okui-slider-track {
  height: var(--okd-slider-sm-track-height);
}

.okui-slider-sm .okui-slider-mark-node {
  background: var(--okd-slider-node-bg-color);
  border: 1px solid var(--okd-slider-node-border-color);
}

.okui-slider-sm .okui-slider-mark-node-active {
  border: 1px solid var(--okd-slider-common-active-color);
}

.okui-slider-sm .okui-slider-handler-inner {
  height: var(--okd-slider-sm-handler-size);
  -webkit-transition: width height 0.3s;
  transition: width height 0.3s;
  width: var(--okd-slider-sm-handler-size);
}

.okui-slider-sm .okui-slider-handler-inner:hover {
  height: var(--okd-slider-sm-handler-hover-size);
  width: var(--okd-slider-sm-handler-hover-size);
}

.okui-slider-sm .okui-slider-mark-node {
  height: var(--okd-slider-sm-node-size);
  width: var(--okd-slider-sm-node-size);
}

.input-item-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-item-input .input-item-number-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.input-item-input
  .input-item-number-input.input-has-value
  .okui-input-number-suffix {
  opacity: 1;
}

.input-item-input .input-item-suffix {
  color: var(--okd-color-text-light);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.input-item-slider .okui-slider-content {
  padding: 0 4px 12px !important;
}

.input-item-slider .okui-slider-clickable {
  margin: 4px 0 !important;
}

.input-item-slider .okui-slider-mark-node .okui-slider-mark-node-text {
  color: var(--okd-color-text-light);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-item-slider.okui-slider .okui-slider-handler {
  height: 18px;
  width: 18px;
}

.index-module__availableBox--_6RuJ .index-module__transferIcon--YqAMp {
  color: #205fec;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index-module__availableRow--cFPI9 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 16px;
  margin-top: 4px;
}

.index-module__availableItem--k0ONJ,
.index-module__availableRow--cFPI9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.index-module__text--CkXXN,
.index-module__value--c_ufQ {
  font-size: 12px;
  line-height: 16px;
}

.index-module__text--CkXXN {
  color: var(--okd-color-text-light);
  margin-right: 2px;
}

.index-module__value--c_ufQ {
  color: var(--okd-color-gray-800);
}

.place-order-form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .place-order-form-box {
    min-height: 260px;
  }
}

.place-order-form-box .common-form-box {
  -webkit-box-flex: 1;
  display: block;
  -ms-flex: 1;
  flex: 1;
}

.place-order-form-box .place-order-input-box {
  margin-top: 16px;
}

.place-order-form-box .place-order-form-splitter {
  background: var(--okd-color-line-muted);
  height: 1px;
  margin: 16px 0;
}

.place-order-form-box .place-order-stop-selector {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  justify-content: space-between;
}

.place-order-form-box .place-order-stop-selector,
.place-order-form-box .place-order-stop-selector .place-order-stop-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.place-order-tool-box {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 16px;
}

.place-order-tool-box,
.place-order-tool-box .place-order-tool-box-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.place-order-tool-box .place-order-tool-box-item {
  color: var(--comb-place-order-input-icon-text);
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  margin-right: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.place-order-tool-box .place-order-tool-box-item:last-child {
  margin-right: 0;
}

.place-order-tool-box .icon {
  color: var(--comb-color-icon-2);
  font-size: 14px;
  margin-right: 4px;
}

.place-order-tool-box .icon:hover {
  color: var(--comb-place-order-input-icon-text);
}

.extra-info-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 16px;
}

.theme-dark {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
}

.okui-checkbox-inner {
  background-color: var(--okd-checkbox-default-background);
  border: 1px solid var(--okd-checkbox-default-border-color);
  border-radius: var(--okd-checkbox-common-border-radius);
  -webkit-box-shadow: var(--okd-checkbox-default-shadow);
  box-shadow: var(--okd-checkbox-default-shadow);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: block;
  height: 12px;
  left: 0;
  position: relative;
  top: 0;
  width: 12px;
}

.okui-checkbox-input {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.okui-checkbox-children {
  display: inline-block;
  font-size: var(--okd-checkbox-common-label-font-size);
  margin-left: 4px;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 15px);
  word-break: break-word;
}

.okui-checkbox-wrapper {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.okui-checkbox-wrapper .okui-checkbox-children {
  color: var(--okd-checkbox-default-text-color);
}

.okui-checkbox-wrapper .okui-checkbox {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  vertical-align: top;
}

.okui-checkbox-wrapper:hover .okui-checkbox-inner {
  border-color: var(--okd-checkbox-default-hover-border-color);
  -webkit-box-shadow: var(--okd-checkbox-default-hover-shadow);
  box-shadow: var(--okd-checkbox-default-hover-shadow);
}

.okui-checkbox-sm .okui-checkbox-inner {
  height: var(--okd-checkbox-sm-height);
  width: var(--okd-checkbox-sm-width);
}

.okui-checkbox-sm .okui-checkbox-children {
  font-size: var(--okd-checkbox-sm-font-size);
  margin-left: var(--okd-checkbox-sm-margin);
}

.okui-checkbox-sm.okui-checkbox-wrapper {
  line-height: var(--okd-checkbox-sm-line-height);
  padding-bottom: var(--okd-checkbox-sm-padding);
  padding-top: var(--okd-checkbox-sm-padding);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/PlaceOrder-actions-mainCheckAction/PlaceOrder-actions-mainCheckAction.css */
.theme-dark {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
}

.okui-checkbox-inner {
  background-color: var(--okd-checkbox-default-background);
  border: 1px solid var(--okd-checkbox-default-border-color);
  border-radius: var(--okd-checkbox-common-border-radius);
  -webkit-box-shadow: var(--okd-checkbox-default-shadow);
  box-shadow: var(--okd-checkbox-default-shadow);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: block;
  height: 12px;
  left: 0;
  position: relative;
  top: 0;
  width: 12px;
}

.okui-checkbox-input {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.okui-checkbox-children {
  display: inline-block;
  font-size: var(--okd-checkbox-common-label-font-size);
  margin-left: 4px;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 15px);
  word-break: break-word;
}

.okui-checkbox-wrapper {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.okui-checkbox-wrapper .okui-checkbox-children {
  color: var(--okd-checkbox-default-text-color);
}

.okui-checkbox-wrapper .okui-checkbox {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  vertical-align: top;
}

.okui-checkbox-wrapper:hover .okui-checkbox-inner {
  border-color: var(--okd-checkbox-default-hover-border-color);
  -webkit-box-shadow: var(--okd-checkbox-default-hover-shadow);
  box-shadow: var(--okd-checkbox-default-hover-shadow);
}

.okui-checkbox-sm .okui-checkbox-inner {
  height: var(--okd-checkbox-sm-height);
  width: var(--okd-checkbox-sm-width);
}

.okui-checkbox-sm .okui-checkbox-children {
  font-size: var(--okd-checkbox-sm-font-size);
  margin-left: var(--okd-checkbox-sm-margin);
}

.okui-checkbox-sm.okui-checkbox-wrapper {
  line-height: var(--okd-checkbox-sm-line-height);
  padding-bottom: var(--okd-checkbox-sm-padding);
  padding-top: var(--okd-checkbox-sm-padding);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/PlaceOrder-actions-mainDialogAction/PlaceOrder-actions-mainDialogAction.css */
.theme-dark {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
}

.okui-checkbox-inner {
  background-color: var(--okd-checkbox-default-background);
  border: 1px solid var(--okd-checkbox-default-border-color);
  border-radius: var(--okd-checkbox-common-border-radius);
  -webkit-box-shadow: var(--okd-checkbox-default-shadow);
  box-shadow: var(--okd-checkbox-default-shadow);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: block;
  height: 12px;
  left: 0;
  position: relative;
  top: 0;
  width: 12px;
}

.okui-checkbox-input {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.okui-checkbox-children {
  display: inline-block;
  font-size: var(--okd-checkbox-common-label-font-size);
  margin-left: 4px;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 15px);
  word-break: break-word;
}

.okui-checkbox-wrapper {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.okui-checkbox-wrapper .okui-checkbox-children {
  color: var(--okd-checkbox-default-text-color);
}

.okui-checkbox-wrapper .okui-checkbox {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  vertical-align: top;
}

.okui-checkbox-wrapper:hover .okui-checkbox-inner {
  border-color: var(--okd-checkbox-default-hover-border-color);
  -webkit-box-shadow: var(--okd-checkbox-default-hover-shadow);
  box-shadow: var(--okd-checkbox-default-hover-shadow);
}

.okui-checkbox-sm .okui-checkbox-inner {
  height: var(--okd-checkbox-sm-height);
  width: var(--okd-checkbox-sm-width);
}

.okui-checkbox-sm .okui-checkbox-children {
  font-size: var(--okd-checkbox-sm-font-size);
  margin-left: var(--okd-checkbox-sm-margin);
}

.okui-checkbox-sm.okui-checkbox-wrapper {
  line-height: var(--okd-checkbox-sm-line-height);
  padding-bottom: var(--okd-checkbox-sm-padding);
  padding-top: var(--okd-checkbox-sm-padding);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/PlaceOrder-actions-mainAction/PlaceOrder-actions-mainAction.css */
.theme-dark {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
}

.okui-checkbox-inner {
  background-color: var(--okd-checkbox-default-background);
  border: 1px solid var(--okd-checkbox-default-border-color);
  border-radius: var(--okd-checkbox-common-border-radius);
  -webkit-box-shadow: var(--okd-checkbox-default-shadow);
  box-shadow: var(--okd-checkbox-default-shadow);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: block;
  height: 12px;
  left: 0;
  position: relative;
  top: 0;
  width: 12px;
}

.okui-checkbox-input {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.okui-checkbox-children {
  display: inline-block;
  font-size: var(--okd-checkbox-common-label-font-size);
  margin-left: 4px;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 15px);
  word-break: break-word;
}

.okui-checkbox-wrapper {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.okui-checkbox-wrapper .okui-checkbox-children {
  color: var(--okd-checkbox-default-text-color);
}

.okui-checkbox-wrapper .okui-checkbox {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  vertical-align: top;
}

.okui-checkbox-wrapper:hover .okui-checkbox-inner {
  border-color: var(--okd-checkbox-default-hover-border-color);
  -webkit-box-shadow: var(--okd-checkbox-default-hover-shadow);
  box-shadow: var(--okd-checkbox-default-hover-shadow);
}

.okui-checkbox-sm .okui-checkbox-inner {
  height: var(--okd-checkbox-sm-height);
  width: var(--okd-checkbox-sm-width);
}

.okui-checkbox-sm .okui-checkbox-children {
  font-size: var(--okd-checkbox-sm-font-size);
  margin-left: var(--okd-checkbox-sm-margin);
}

.okui-checkbox-sm.okui-checkbox-wrapper {
  line-height: var(--okd-checkbox-sm-line-height);
  padding-bottom: var(--okd-checkbox-sm-padding);
  padding-top: var(--okd-checkbox-sm-padding);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/PlaceOrder-actions-formAction/PlaceOrder-actions-formAction.css */
.theme-dark {
  --okd-checkbox-default-text-color: var(--okd-color-text-secondary);
  --okd-checkbox-default-background: var(--okd-color-transparent);
  --okd-checkbox-default-border-color: var(--okd-color-gray-300);
  --okd-checkbox-default-hover-border-color: var(--okd-color-blue-900);
  --okd-checkbox-default-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-default-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-selected-text-color: var(--okd-color-gray-700);
  --okd-checkbox-selected-background: var(--okd-color-blue-700);
  --okd-checkbox-selected-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-checkbox-selected-inner-color: var(--okd-color-text-white);
  --okd-checkbox-selected-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-selected-hover-shadow: 0px 0px 0px 4px #002c99;
  --okd-checkbox-hover-border-color: var(--okd-color-blue-500);
  --okd-checkbox-error-text-color: var(--okd-color-red-700);
  --okd-checkbox-error-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-hover-border-color: var(--okd-color-red-700);
  --okd-checkbox-error-background: var(--okd-color-red-700);
  --okd-checkbox-error-inner-color: var(--okd-color-text-white);
  --okd-checkbox-error-shadow: 0px 1px 2px 0px #0000000d;
  --okd-checkbox-error-hover-shadow: 0px 0px 0px 4px #e35e5e73;
  --okd-checkbox-disabled-text-color: var(--okd-color-text-lighter);
  --okd-checkbox-disabled-background: var(--okd-color-gray-100);
  --okd-checkbox-disabled-border-color: var(--okd-color-gray-200);
  --okd-checkbox-disabled-hover-border-color: var(--okd-color-line-secondary);
  --okd-checkbox-disabled-inner-color: var(--okd-color-gray-400);
  --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
  --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
  --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
  --okd-checkbox-sm-height: 12px;
  --okd-checkbox-sm-width: 12px;
  --okd-checkbox-sm-margin: 4px;
  --okd-checkbox-sm-padding: 4px;
  --okd-checkbox-md-font-size: var(--okd-font-size-md);
  --okd-checkbox-md-line-height: var(--okd-line-height-md);
  --okd-checkbox-md-height: 16px;
  --okd-checkbox-md-width: 16px;
  --okd-checkbox-md-margin: 8px;
  --okd-checkbox-md-padding: 0;
}

.okui-checkbox-inner {
  background-color: var(--okd-checkbox-default-background);
  border: 1px solid var(--okd-checkbox-default-border-color);
  border-radius: var(--okd-checkbox-common-border-radius);
  -webkit-box-shadow: var(--okd-checkbox-default-shadow);
  box-shadow: var(--okd-checkbox-default-shadow);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: block;
  height: 12px;
  left: 0;
  position: relative;
  top: 0;
  width: 12px;
}

.okui-checkbox-input {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.okui-checkbox-children {
  display: inline-block;
  font-size: var(--okd-checkbox-common-label-font-size);
  margin-left: 4px;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 15px);
  word-break: break-word;
}

.okui-checkbox-wrapper {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.okui-checkbox-wrapper .okui-checkbox-children {
  color: var(--okd-checkbox-default-text-color);
}

.okui-checkbox-wrapper .okui-checkbox {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  vertical-align: top;
}

.okui-checkbox-wrapper:hover .okui-checkbox-inner {
  border-color: var(--okd-checkbox-default-hover-border-color);
  -webkit-box-shadow: var(--okd-checkbox-default-hover-shadow);
  box-shadow: var(--okd-checkbox-default-hover-shadow);
}

.okui-checkbox-sm .okui-checkbox-inner {
  height: var(--okd-checkbox-sm-height);
  width: var(--okd-checkbox-sm-width);
}

.okui-checkbox-sm .okui-checkbox-children {
  font-size: var(--okd-checkbox-sm-font-size);
  margin-left: var(--okd-checkbox-sm-margin);
}

.okui-checkbox-sm.okui-checkbox-wrapper {
  line-height: var(--okd-checkbox-sm-line-height);
  padding-bottom: var(--okd-checkbox-sm-padding);
  padding-top: var(--okd-checkbox-sm-padding);
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/customer-service/0.0.18/index.css */
:root .zd-chat {
  --okd-icon-size-base: 18px;
  --okd-icon-size-xs: 14px;
  --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: #f2f6fc;
  --okd-color-blue-100: #e0eeff;
  --okd-color-blue-200: #d1e5ff;
  --okd-color-blue-300: #b8d3ff;
  --okd-color-blue-400: #79a4ff;
  --okd-color-blue-500: #4d7cff;
  --okd-color-blue-600: #2660ff;
  --okd-color-blue-700: #004cff;
  --okd-color-blue-800: #003fd3;
  --okd-color-blue-900: #0038ba;
  --okd-color-green-050: #e5f8f2;
  --okd-color-green-100: #d1f2e7;
  --okd-color-green-200: #a3e5cf;
  --okd-color-green-300: #91e0c6;
  --okd-color-green-400: #6bd6b2;
  --okd-color-green-500: #40c99c;
  --okd-color-green-600: #23c28d;
  --okd-color-green-700: #00b87a;
  --okd-color-green-800: #009f6a;
  --okd-color-green-900: #008659;
  --okd-color-red-050: #fce5e8;
  --okd-color-red-100: #ffdfdf;
  --okd-color-red-200: #ffd6d6;
  --okd-color-red-300: #ffc1c1;
  --okd-color-red-400: #ffa9a9;
  --okd-color-red-500: #fb9191;
  --okd-color-red-600: #f17878;
  --okd-color-red-700: #e84256;
  --okd-color-red-800: #da252f;
  --okd-color-red-900: #cd0a15;
  --okd-color-orange-050: #fff1e5;
  --okd-color-orange-100: #fff1e5;
  --okd-color-orange-200: #ffddc9;
  --okd-color-orange-300: #ffd2b8;
  --okd-color-orange-400: #ffbb94;
  --okd-color-orange-500: #ffa673;
  --okd-color-orange-600: #f6813d;
  --okd-color-orange-700: #ee7129;
  --okd-color-orange-800: #e96010;
  --okd-color-orange-900: #bf4803;
  --okd-color-yellow-050: #fffae5;
  --okd-color-yellow-100: #fff9d6;
  --okd-color-yellow-200: #fff8c7;
  --okd-color-yellow-300: #fff2a8;
  --okd-color-yellow-400: #ffe985;
  --okd-color-yellow-500: #ffde66;
  --okd-color-yellow-600: #f6cd43;
  --okd-color-yellow-700: #f3c11a;
  --okd-color-yellow-800: #dba70d;
  --okd-color-yellow-900: #c59001;
  --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: #fff;
  --okd-pagination-simple-default-text-color: --okd-color-text-amplifed;
  --okd-pagination-simple-default-line-height: --okd-line-height-base;
  --okd-color-fq-blue-lv1: #004cff;
  --okd-color-fq-green-lv1: #00b87a;
  --okd-color-fq-red-lv1: #e84256;
  --okd-color-fq-orange-lv1: #f88726;
  --okd-color-fq-blue-lv2: #004cff;
  --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-notification-success-icon-color: var(--okd-color-green-700);
  --okd-notification-info-icon-color: var(--okd-color-blue-700);
  --okd-notification-warn-icon-color: var(--okd-color-yellow-700);
  --okd-notification-error-icon-color: var(--okd-color-red-700);
  --okd-notification-title-color: var(--okd-color-gray-900);
  --okd-notification-text-color: var(--okd-color-gray-400);
  --okd-notification-action-confirm-btn-color: var(--okd-color-blue-700);
  --okd-notification-action-cancel-btn-color: var(--okd-color-gray-700);
  --okd-notification-box-close-icon-color: var(--okd-color-gray-400);
  --okd-notification-box-shadow: var(--okd-shadow-xl);
  --okd-notification-box-background: var(--okd-color-white);
  --okd-notification-box-border-color: var(--okd-color-gray-100);
  --okd-notification-box-border-radius: var(--okd-border-radius-md);
  --okd-notification-box-padding: 16px;
  --okd-notification-box-each-margin: 14px;
  --okd-notification-box-max-width: 700px;
  --okd-notification-box-min-width: 451px;
  --okd-notification-box-auto-width-min-width: 100px;
  --okd-notification-box-icon-text-margin: 15px;
  --okd-notification-title-font-size: var(--okd-font-size-md);
  --okd-notification-title-line-height: var(--okd-line-height-md);
  --okd-notification-text-font-size: var(--okd-font-size-md);
  --okd-notification-text-line-height: var(--okd-line-height-md);
  --okd-notification-action-font-size: var(--okd-font-size-md);
  --okd-notification-action-line-height: var(--okd-line-height-md);
}

:root .zd-chat {
  --okd-tooltip-default-font-color: var(--okd-color-text-white);
  --okd-tooltip-neutral-background: var(--okd-color-gray-800);
  --okd-tooltip-negative-background: var(--okd-color-red-800);
  --okd-tooltip-positive-background: var(--okd-color-green-800);
  --okd-tooltip-informative-background: var(--okd-color-blue-700);
}

:root .zd-chat {
  --okd-popup-white-board-background: var(--okd-color-text-white);
  --okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,
    #0000001a 0px 10px 15px -3px;
}

.zd-chat-container .zd-login-mask {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  bottom: 0;
  height: 100%;
  opacity: 1;
  position: fixed;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  z-index: 100000;
}

@media (min-width: 768px) {
  .zd-chat-container .zd-login-mask {
    border-radius: 8px;
    max-height: 725px;
    max-width: 375px;
  }
}

@media (max-width: 767px) {
  .zd-chat-container .zd-login-mask {
    border-radius: 0;
  }
}

.zd-chat-container .zd-login-notice {
  background-color: #fff;
  border-radius: 8px;
  bottom: 16px;
  left: 50%;
  padding: 24px 20px;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: calc(100% - 32px);
}

.zd-chat-container .zd-login-notice .zd-des {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 14px;
  margin-top: 8px;
  padding: 0;
}

.zd-chat-container .zd-login-notice .zd-buttons {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.zd-chat-container .zd-login-notice .zd-buttons .zd-btn {
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 25px;
}

.zd-chat-container .zd-login-notice .zd-buttons .zd-cancel-btn {
  background-color: #fff;
  border: 1px solid #d8dce6;
}

.zd-chat-container .zd-login-notice .zd-buttons .zd-login-btn {
  background-color: #000;
  border: none;
  color: #fff;
  margin-left: 8px;
}

.zd-chat-container .zd-login-notice .zd-login-close {
  color: #000;
  cursor: pointer;
  position: absolute;
  right: 9px;
  top: 9px;
}

.zd-chat-container .hide-zd-pop .zd-login-notice,
.zd-chat-container .hide-zd-pop .zd-login-notice .zd-cancel-btn,
.zd-chat-container .hide-zd-pop .zd-login-notice .zd-login-btn {
  display: none;
}

:root .zd-chat {
  --okd-input-default-text-color: var(--okd-color-text-amplifed);
  --okd-input-default-placeholder-color: var(--okd-color-gray-300);
  --okd-input-default-border-color: var(--okd-color-gray-200);
  --okd-input-default-caret-color: var(--okd-color-blue-700);
  --okd-input-default-shadow: 0 0 0 0 transparent;
  --okd-input-default-background: var(--okd-color-white);
  --okd-input-hover-text-color: var(--okd-input-default-text-color);
  --okd-input-hover-placeholder-color: var(
    --okd-input-default-placeholder-color
  );
  --okd-input-hover-border-color: var(--okd-input-default-border-color);
  --okd-input-hover-caret-color: var(--okd-input-default-caret-color);
  --okd-input-hover-shadow: 0 0 0 0 transparent;
  --okd-input-hover-background: var(--okd-color-white);
  --okd-input-focus-text-color: var(--okd-input-default-text-color);
  --okd-input-focus-placeholder-color: var(
    --okd-input-default-placeholder-color
  );
  --okd-input-focus-border-color: var(--okd-color-blue-300);
  --okd-input-focus-caret-color: var(--okd-input-default-caret-color);
  --okd-input-focus-shadow: 0px 0px 0px 2px #bdcfff73;
  --okd-input-focus-background: var(--okd-color-white);
  --okd-input-disabled-text-color: var(--okd-color-text-light);
  --okd-input-disabled-placeholder-color: var(
    --okd-input-default-placeholder-color
  );
  --okd-input-disabled-border-color: var(--okd-color-gray-200);
  --okd-input-disabled-caret-color: var(--okd-input-default-caret-color);
  --okd-input-disabled-shadow: 0 0 0 0 transparent;
  --okd-input-disabled-background: var(--okd-color-gray-050);
  --okd-input-error-text-color: var(--okd-input-default-text-color);
  --okd-input-error-placeholder-color: var(
    --okd-input-default-placeholder-color
  );
  --okd-input-error-border-color: var(--okd-color-red-500);
  --okd-input-error-caret-color: var(--okd-input-default-caret-color);
  --okd-input-error-shadow: var(--okd-shadow-sm);
  --okd-input-error-background: var(--okd-color-white);
  --okd-input-error-tips-color: var(--okd-color-red-700);
  --okd-input-tips-text-color: var(--okd-color-gray-600);
  --okd-input-icon-color: var(--okd-color-gray-300);
  --okd-input-label-color: var(--okd-color-gray-900);
  --okd-input-action-color: var(--okd-color-fq-blue-lv1);
  --okd-input-md-label-font-size: var(--okd-font-size-md);
  --okd-input-sm-label-font-size: var(--okd-font-size-xs);
  --okd-input-xs-label-font-size: var(--okd-font-size-xs);
  --okd-input-md-label-line-height: var(--okd-line-height-md);
  --okd-input-sm-label-line-height: var(--okd-line-height-xs);
  --okd-input-xs-label-line-height: var(--okd-line-height-xs);
  --okd-input-md-action-font-size: var(--okd-font-size-md);
  --okd-input-sm-action-font-size: var(--okd-font-size-xs);
  --okd-input-xs-action-font-size: var(--okd-font-size-xs);
  --okd-input-md-action-line-height: var(--okd-line-height-md);
  --okd-input-sm-action-line-height: var(--okd-line-height-xs);
  --okd-input-xs-action-line-height: var(--okd-line-height-xs);
  --okd-input-md-height: 40px;
  --okd-input-md-text-font-size: var(--okd-font-size-md);
  --okd-input-md-border-radius: 4px;
  --okd-input-md-error-font-size: var(--okd-font-size-xs);
  --okd-input-md-error-line-height: var(--okd-line-height-xs);
  --okd-input-md-tip-font-size: var(--okd-font-size-xs);
  --okd-input-md-tip-line-height: var(--okd-line-height-xs);
  --okd-input-md-icon-size: 20px;
  --okd-input-md-icon-margin: 6px;
  --okd-input-sm-height: 32px;
  --okd-input-sm-text-font-size: var(--okd-font-size-xs);
  --okd-input-sm-border-radius: 4px;
  --okd-input-sm-error-font-size: var(--okd-font-size-xs);
  --okd-input-sm-error-line-height: var(--okd-line-height-xs);
  --okd-input-sm-tip-font-size: var(--okd-font-size-xs);
  --okd-input-sm-tip-line-height: var(--okd-line-height-xs);
  --okd-input-sm-icon-size: 16px;
  --okd-input-sm-icon-margin: 4px;
  --okd-input-xs-height: 28px;
  --okd-input-xs-text-font-size: var(--okd-font-size-xs);
  --okd-input-xs-border-radius: 4px;
  --okd-input-xs-error-font-size: var(--okd-font-size-xs);
  --okd-input-xs-error-line-height: var(--okd-line-height-xs);
  --okd-input-xs-tip-font-size: var(--okd-font-size-xs);
  --okd-input-xs-tip-line-height: var(--okd-line-height-xs);
  --okd-input-xs-icon-size: 16px;
  --okd-input-xs-icon-margin: 4px;
  --okd-input-number-default-add-icon-color: var(--okd-color-gray-500);
  --okd-input-number-default-add-icon-background: var(--okd-color-transparent);
  --okd-input-number-hover-add-icon-color: var(--okd-color-gray-700);
  --okd-input-number-hover-add-icon-background: var(--okd-color-transparent);
  --okd-input-number-active-add-icon-color: var(--okd-color-gray-300);
  --okd-input-number-active-add-icon-background: var(--okd-color-gray-100);
  --okd-input-number-disabled-add-icon-color: var(--okd-color-gray-300);
  --okd-input-number-disabled-add-icon-background: var(--okd-color-transparent);
  --okd-input-code-common-btn-color: var(--okd-color-blue-700);
  --okd-input-code-common-btn-disabled-color: var(--okd-color-gray-300);
  --okd-input-code-common-count-color: var(--okd-color-gray-300);
  --okd-input-code-md-btn-font-size: var(--okd-font-size-md);
  --okd-input-code-md-btn-line-height: var(--okd-line-height-md);
  --okd-input-code-md-count-font-size: var(--okd-font-size-md);
  --okd-input-code-md-count-line-height: var(--okd-line-height-md);
  --okd-input-code-sm-btn-font-size: var(--okd-font-size-xs);
  --okd-input-code-sm-btn-line-height: var(--okd-line-height-xs);
  --okd-input-code-sm-count-font-size: var(--okd-font-size-xs);
  --okd-input-code-sm-count-line-height: var(--okd-line-height-xs);
  --okd-input-code-xs-btn-font-size: var(--okd-font-size-xs);
  --okd-input-code-xs-btn-line-height: var(--okd-line-height-xs);
  --okd-input-code-xs-count-font-size: var(--okd-font-size-xs);
  --okd-input-code-xs-count-line-height: var(--okd-line-height-xs);
  --okd-input-search-default-text-color: var(--okd-color-text-amplifed);
  --okd-input-search-default-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-default-border-color: var(--okd-color-transparent);
  --okd-input-search-default-caret-color: var(--okd-color-blue-600);
  --okd-input-search-default-shadow: 0px 0px 0px 0px transparent;
  --okd-input-search-default-background: var(--okd-color-gray-100);
  --okd-input-search-hover-text-color: var(--okd-color-gray-700);
  --okd-input-search-hover-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-hover-border-color: var(--okd-color-blue-300);
  --okd-input-search-hover-caret-color: var(--okd-color-blue-600);
  --okd-input-search-hover-shadow: 0px 0px 0px 2px #bdcfff73;
  --okd-input-search-hover-background: var(--okd-color-white);
  --okd-input-search-focus-text-color: var(--okd-color-gray-700);
  --okd-input-search-focus-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-focus-border-color: var(--okd-color-blue-300);
  --okd-input-search-focus-caret-color: var(--okd-color-blue-600);
  --okd-input-search-focus-shadow: 0px 0px 0px 2px #bdcfff73;
  --okd-input-search-focus-background: var(--okd-color-white);
  --okd-input-search-error-text-color: var(--okd-color-gray-700);
  --okd-input-search-error-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-error-border-color: var(--okd-color-red-500);
  --okd-input-search-error-caret-color: var(--okd-color-blue-600);
  --okd-input-search-error-shadow: 0 1px 2px 0 #0000000d;
  --okd-input-search-error-background: var(--okd-color-white);
  --okd-input-search-disabled-text-color: var(--okd-color-text-light);
  --okd-input-search-disabled-placeholder-color: var(--okd-color-gray-300);
  --okd-input-search-disabled-border-color: var(--okd-color-transparent);
  --okd-input-search-disabled-caret-color: var(--okd-color-blue-600);
  --okd-input-search-disabled-shadow: 0px 0px 0px 0px transparent;
  --okd-input-search-disabled-background: var(--okd-color-background-2);
  --okd-input-search-prefix-icon-color: var(--okd-color-gray-400);
  --okd-input-search-prefix-icon-size: 13px;
  --okd-input-search-suffix-icon-color: var(--okd-color-text-light);
  --okd-input-search-suffix-icon-size: 13px;
  --okd-input-search-error-tips-color: var(--okd-color-red-700);
  --okd-input-verify-md-width: 44px;
  --okd-input-verify-md-height: 48px;
  --okd-input-lg-height: 44px;
  --okd-input-lg-border-radius: 6px;
  --okd-input-lg-label-font-size: 14px;
  --okd-input-lg-label-line-height: 16px;
  --okd-input-lg-label-margin: 6px;
  --okd-input-lg-action-font-size: 14px;
  --okd-input-lg-action-line-height: 16px;
  --okd-input-lg-text-font-size: 14px;
  --okd-input-lg-error-font-size: 14px;
  --okd-input-lg-error-line-height: 16px;
  --okd-input-lg-tip-margin: 6px;
  --okd-input-lg-tip-font-size: 14px;
  --okd-input-lg-tip-line-height: 16px;
  --okd-input-md-label-margin: 4px;
  --okd-input-md-tip-margin: 4px;
  --okd-input-sm-label-margin: 4px;
  --okd-input-sm-tip-margin: 4px;
  --okd-input-xs-label-margin: 4px;
  --okd-input-xs-tip-margin: 4px;
}

.iconsmall-triangle:before {
  content: "\eba6";
}

:root .zd-chat {
  --okd-select-common-placeholder-color: var(--okd-color-gray-300);
  --okd-select-common-text-color: var(--okd-color-gray-700);
  --okd-select-common-title-color: var(--okd-color-gray-400);
  --okd-select-common-border-color: var(--okd-color-gray-100);
  --okd-select-option-default-text-color: var(--okd-color-text-amplifed);
  --okd-select-option-hover-text-color: var(--okd-color-text-amplifed);
  --okd-select-option-active-text-color: var(--okd-color-text-amplifed);
  --okd-select-option-disabled-text-color: var(--okd-color-text-lighter);
  --okd-select-option-default-bg: var(--okd-color-white);
  --okd-select-option-hover-bg: var(--okd-color-gray-050);
  --okd-select-option-active-bg: var(--okd-color-white);
  --okd-select-option-disabled-bg: var(--okd-color-white);
  --okd-select-check-default-icon-color: var(--okd-color-blue-700);
  --okd-select-empty-default-icon-color: var(--okd-color-gray-500);
  --okd-select-empty-default-text-color: var(--okd-color-gray-400);
  --okd-select-search-input-bg: var(--okd-color-gray-100);
  --okd-select-search-input-placeholder-color: var(--okd-color-gray-400);
  --okd-select-search-input-color: var(--okd-color-text-amplifed);
  --okd-select-search-input-icon-color: var(--okd-color-gray-500);
  --okd-select-search-input-border-radius: 4px;
  --okd-select-drop-box-border-color: var(--okd-color-gray-100);
  --okd-select-drop-box-shadow: var(--okd-shadow-lg);
  --okd-select-drop-box-bg: var(--okd-color-white);
  --okd-select-drop-box-margin-top: 6px;
  --okd-select-drop-box-border-radius: 4px;
  --okd-select-text-select-default-icon-size: var(--okd-font-size-xs);
  --okd-select-text-select-default-font-color: var(--okd-color-gray-700);
  --okd-select-text-select-hover-font-color: var(--okd-color-gray-500);
  --okd-select-text-select-select-font-color: var(--okd-color-gray-700);
  --okd-select-text-select-disabled-font-color: var(--okd-color-gray-300);
  --okd-select-text-select-default-icon-color: var(--okd-color-gray-600);
  --okd-select-text-select-hover-icon-color: var(--okd-color-gray-400);
  --okd-select-text-select-select-icon-color: var(--okd-color-gray-600);
  --okd-select-text-select-disabled-icon-color: var(--okd-color-gray-200);
  --okd-select-input-select-default-icon-color: var(--okd-color-gray-400);
  --okd-select-input-select-default-icon-size: var(--okd-font-size-xs);
  --okd-select-md-title-font-size: 10px;
  --okd-select-sm-title-font-size: 10px;
  --okd-select-xs-title-font-size: 10px;
  --okd-select-md-title-line-height: var(--okd-select-md-title-font-size);
  --okd-select-sm-title-line-height: var(--okd-select-md-title-font-size);
  --okd-select-xs-title-line-height: var(--okd-select-md-title-font-size);
  --okd-select-md-title-padding-horizontal: 16px;
  --okd-select-md-title-padding-top: 12px;
  --okd-select-md-title-padding-bottom: 4px;
  --okd-select-sm-title-padding-horizontal: 12px;
  --okd-select-sm-title-padding-top: 4px;
  --okd-select-sm-title-padding-bottom: 4px;
  --okd-select-xs-title-padding-horizontal: 12px;
  --okd-select-xs-title-padding-top: 4px;
  --okd-select-xs-title-padding-bottom: 4px;
  --okd-select-md-text-font-size: var(--okd-font-size-md);
  --okd-select-sm-text-font-size: var(--okd-font-size-xs);
  --okd-select-xs-text-font-size: var(--okd-font-size-xs);
  --okd-select-md-option-font-size: var(--okd-font-size-md);
  --okd-select-sm-option-font-size: var(--okd-font-size-xs);
  --okd-select-xs-option-font-size: var(--okd-font-size-xs);
  --okd-select-md-option-line-height: var(--okd-line-height-md);
  --okd-select-sm-option-line-height: var(--okd-line-height-xs);
  --okd-select-xs-option-line-height: var(--okd-line-height-xs);
  --okd-select-md-option-padding-horizontal: 16px;
  --okd-select-md-option-padding-vertical: 11px;
  --okd-select-sm-option-padding-horizontal: 12px;
  --okd-select-sm-option-padding-vertical: 8px;
  --okd-select-xs-option-padding-horizontal: 12px;
  --okd-select-xs-option-padding-vertical: 8px;
  --okd-select-md-check-icon-font-size: 16px;
  --okd-select-sm-check-icon-font-size: 16px;
  --okd-select-xs-check-icon-font-size: 16px;
  --okd-select-md-empty-icon-font-size: 24px;
  --okd-select-sm-empty-icon-font-size: 24px;
  --okd-select-xs-empty-icon-font-size: 24px;
  --okd-select-md-empty-font-size: var(--okd-font-size-md);
  --okd-select-sm-empty-font-size: var(--okd-font-size-md);
  --okd-select-xs-empty-font-size: var(--okd-font-size-md);
  --okd-select-md-search-input-font-size: var(--okd-font-size-md);
  --okd-select-sm-search-input-font-size: var(--okd-font-size-md);
  --okd-select-xs-search-input-font-size: var(--okd-font-size-md);
  --okd-select-md-search-icon-size: 18px;
  --okd-select-sm-search-icon-size: 18px;
  --okd-select-xs-search-icon-size: 18px;
  --okd-select-md-text-select-font-size: var(--okd-font-size-md);
  --okd-select-sm-text-select-font-size: var(--okd-font-size-xs);
  --okd-select-xs-text-select-font-size: var(--okd-font-size-xs);
  --okd-select-md-search-margin-vertical: 8px;
  --okd-select-md-search-margin-horizontal: 16px;
  --okd-select-md-search-height: 28px;
  --okd-select-sm-search-margin-vertical: 8px;
  --okd-select-sm-search-margin-horizontal: 12px;
  --okd-select-sm-search-height: 28px;
  --okd-select-xs-search-margin-vertical: 8px;
  --okd-select-xs-search-margin-horizontal: 12px;
  --okd-select-xs-search-height: 28px;
  --okd-select-option-common-line-color: var(--okd-select-common-border-color);
  --okd-select-option-common-line-height: 1px;
  --okd-select-option-common-line-margin-vertical: 6px;
  --okd-select-md-search-padding-vertical: 5px;
  --okd-select-md-search-padding-horizontal: 8px;
  --okd-select-sm-search-padding-vertical: 5px;
  --okd-select-sm-search-padding-horizontal: 8px;
  --okd-select-xs-search-padding-vertical: 5px;
  --okd-select-xs-search-padding-horizontal: 8px;
  --okd-select-mobile-option-container-padding-vertical: 8px;
  --okd-select-mobile-option-item-container-padding-top: 8px;
  --okd-select-search-input-clear-icon-color: var(--okd-color-text-lighter);
  --okd-select-md-search-clear-icon-size: 14px;
  --okd-select-sm-search-clear-icon-size: 14px;
  --okd-select-xs-search-clear-icon-size: 14px;
}

:root .zd-chat {
  --okd-button-primary-normal-default-background: var(--okd-color-blue-700);
  --okd-button-primary-normal-hover-background: var(--okd-color-blue-500);
  --okd-button-primary-normal-active-background: var(--okd-color-blue-800);
  --okd-button-primary-normal-focus-background: var(--okd-color-blue-700);
  --okd-button-primary-normal-disabled-background: var(--okd-color-gray-100);
  --okd-button-primary-normal-default-border-color: var(--okd-color-blue-700);
  --okd-button-primary-normal-hover-border-color: var(--okd-color-blue-500);
  --okd-button-primary-normal-active-border-color: var(--okd-color-blue-800);
  --okd-button-primary-normal-focus-border-color: var(--okd-color-blue-700);
  --okd-button-primary-normal-disabled-border-color: var(--okd-color-gray-100);
  --okd-button-primary-normal-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-normal-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-primary-normal-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-normal-disabled-icon-color: var(--okd-color-gray-300);
  --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 rgba(209, 229, 255, 0.45);
  --okd-button-primary-normal-disabled-shadow: var(--okd-shadow-none);
  --okd-button-primary-normal-loader-track-color: var(--okd-color-blue-500);
  --okd-button-primary-normal-loader-mark-color: var(--okd-color-white);
  --okd-button-primary-red-default-background: var(--okd-color-red-700);
  --okd-button-primary-red-hover-background: var(--okd-color-red-500);
  --okd-button-primary-red-active-background: var(--okd-color-red-800);
  --okd-button-primary-red-focus-background: var(--okd-color-red-700);
  --okd-button-primary-red-disabled-background: var(--okd-color-gray-100);
  --okd-button-primary-red-default-border-color: var(--okd-color-red-700);
  --okd-button-primary-red-hover-border-color: var(--okd-color-red-500);
  --okd-button-primary-red-active-border-color: var(--okd-color-red-800);
  --okd-button-primary-red-focus-border-color: var(--okd-color-red-800);
  --okd-button-primary-red-disabled-border-color: var(--okd-color-gray-100);
  --okd-button-primary-red-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-red-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-primary-red-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-red-disabled-icon-color: var(--okd-color-gray-300);
  --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 hsla(0, 100%, 88%, 0.45);
  --okd-button-primary-red-disabled-shadow: var(--okd-shadow-none);
  --okd-button-primary-red-loader-track-color: var(--okd-color-red-500);
  --okd-button-primary-red-loader-mark-color: var(--okd-color-white);
  --okd-button-primary-green-default-background: var(--okd-color-green-700);
  --okd-button-primary-green-hover-background: var(--okd-color-green-500);
  --okd-button-primary-green-active-background: var(--okd-color-green-800);
  --okd-button-primary-green-focus-background: var(--okd-color-green-700);
  --okd-button-primary-green-disabled-background: var(--okd-color-gray-100);
  --okd-button-primary-green-default-border-color: var(--okd-color-green-700);
  --okd-button-primary-green-hover-border-color: var(--okd-color-green-500);
  --okd-button-primary-green-active-border-color: var(--okd-color-green-800);
  --okd-button-primary-green-focus-border-color: var(--okd-color-green-700);
  --okd-button-primary-green-disabled-border-color: var(--okd-color-gray-100);
  --okd-button-primary-green-default-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-hover-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-active-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-focus-font-color: var(--okd-color-text-white);
  --okd-button-primary-green-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-primary-green-default-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-hover-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-active-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-focus-icon-color: var(--okd-color-text-white);
  --okd-button-primary-green-disabled-icon-color: var(--okd-color-gray-300);
  --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 rgba(145, 224, 198, 0.45);
  --okd-button-primary-green-disabled-shadow: var(--okd-shadow-none);
  --okd-button-primary-green-loader-track-color: var(--okd-color-green-500);
  --okd-button-primary-green-loader-mark-color: var(--okd-color-white);
  --okd-button-secondary-normal-default-background: var(--okd-color-blue-100);
  --okd-button-secondary-normal-hover-background: var(--okd-color-blue-050);
  --okd-button-secondary-normal-active-background: var(--okd-color-blue-200);
  --okd-button-secondary-normal-focus-background: var(--okd-color-blue-100);
  --okd-button-secondary-normal-disabled-background: var(--okd-color-gray-100);
  --okd-button-secondary-normal-default-border-color: var(--okd-color-blue-100);
  --okd-button-secondary-normal-hover-border-color: var(--okd-color-blue-050);
  --okd-button-secondary-normal-active-border-color: var(--okd-color-blue-200);
  --okd-button-secondary-normal-focus-border-color: var(--okd-color-blue-100);
  --okd-button-secondary-normal-disabled-border-color: var(
    --okd-color-gray-100
  );
  --okd-button-secondary-normal-default-font-color: var(--okd-color-blue-800);
  --okd-button-secondary-normal-hover-font-color: var(--okd-color-blue-800);
  --okd-button-secondary-normal-active-font-color: var(--okd-color-blue-800);
  --okd-button-secondary-normal-focus-font-color: var(--okd-color-blue-800);
  --okd-button-secondary-normal-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-secondary-normal-default-icon-color: var(--okd-color-blue-700);
  --okd-button-secondary-normal-hover-icon-color: var(--okd-color-blue-700);
  --okd-button-secondary-normal-active-icon-color: var(--okd-color-blue-700);
  --okd-button-secondary-normal-focus-icon-color: var(--okd-color-blue-700);
  --okd-button-secondary-normal-disabled-icon-color: var(--okd-color-gray-300);
  --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
    rgba(209, 229, 255, 0.45);
  --okd-button-secondary-normal-disabled-shadow: var(--okd-shadow-none);
  --okd-button-secondary-normal-loader-track-color: var(--okd-color-blue-050);
  --okd-button-secondary-normal-loader-mark-color: var(--okd-color-blue-700);
  --okd-button-secondary-grey-default-background: var(--okd-color-gray-100);
  --okd-button-secondary-grey-hover-background: var(--okd-color-gray-050);
  --okd-button-secondary-grey-active-background: var(--okd-color-gray-200);
  --okd-button-secondary-grey-focus-background: var(--okd-color-gray-100);
  --okd-button-secondary-grey-disabled-background: var(--okd-color-gray-050);
  --okd-button-secondary-grey-default-border-color: var(--okd-color-gray-100);
  --okd-button-secondary-grey-hover-border-color: var(--okd-color-gray-050);
  --okd-button-secondary-grey-active-border-color: var(--okd-color-gray-200);
  --okd-button-secondary-grey-focus-border-color: var(--okd-color-gray-100);
  --okd-button-secondary-grey-disabled-border-color: var(--okd-color-gray-050);
  --okd-button-secondary-grey-default-font-color: var(--okd-color-gray-700);
  --okd-button-secondary-grey-hover-font-color: var(--okd-color-gray-700);
  --okd-button-secondary-grey-active-font-color: var(--okd-color-gray-700);
  --okd-button-secondary-grey-focus-font-color: var(--okd-color-gray-700);
  --okd-button-secondary-grey-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-secondary-grey-default-icon-color: var(--okd-color-gray-700);
  --okd-button-secondary-grey-hover-icon-color: var(--okd-color-gray-700);
  --okd-button-secondary-grey-active-icon-color: var(--okd-color-gray-700);
  --okd-button-secondary-grey-focus-icon-color: var(--okd-color-gray-700);
  --okd-button-secondary-grey-disabled-icon-color: var(--okd-color-gray-300);
  --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: var(--okd-color-gray-200);
  --okd-button-secondary-grey-loader-mark-color: var(--okd-color-gray-700);
  --okd-button-basic-normal-default-background: #fff;
  --okd-button-basic-normal-hover-background: #fff;
  --okd-button-basic-normal-active-background: var(--okd-color-gray-050);
  --okd-button-basic-normal-focus-background: #fff;
  --okd-button-basic-normal-disabled-background: #fff;
  --okd-button-basic-normal-default-border-color: var(--okd-color-gray-200);
  --okd-button-basic-normal-hover-border-color: var(--okd-color-gray-200);
  --okd-button-basic-normal-active-border-color: var(--okd-color-gray-200);
  --okd-button-basic-normal-focus-border-color: var(--okd-color-blue-300);
  --okd-button-basic-normal-disabled-border-color: var(--okd-color-gray-200);
  --okd-button-basic-normal-default-font-color: var(--okd-color-gray-700);
  --okd-button-basic-normal-hover-font-color: var(--okd-color-gray-400);
  --okd-button-basic-normal-active-font-color: var(--okd-color-gray-900);
  --okd-button-basic-normal-focus-font-color: var(--okd-color-gray-700);
  --okd-button-basic-normal-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-basic-normal-default-icon-color: var(--okd-color-gray-700);
  --okd-button-basic-normal-hover-icon-color: var(--okd-color-gray-700);
  --okd-button-basic-normal-active-icon-color: var(--okd-color-gray-700);
  --okd-button-basic-normal-focus-icon-color: var(--okd-color-gray-700);
  --okd-button-basic-normal-disabled-icon-color: var(--okd-color-gray-300);
  --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
    rgba(209, 229, 255, 0.45);
  --okd-button-basic-normal-disabled-shadow: var(--okd-shadow-none);
  --okd-button-basic-normal-loader-track-color: var(--okd-color-blue-100);
  --okd-button-basic-normal-loader-mark-color: var(--okd-color-blue-700);
  --okd-button-plain-normal-default-background: var(--okd-color-transparent);
  --okd-button-plain-normal-hover-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-active-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-focus-background: var(--okd-color-blue-050);
  --okd-button-plain-normal-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-normal-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-normal-default-font-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-hover-font-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-active-font-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-focus-font-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-disabled-font-color: rgba(0, 63, 211, 0.45);
  --okd-button-plain-normal-default-icon-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-hover-icon-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-active-icon-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-focus-icon-color: var(--okd-color-blue-800);
  --okd-button-plain-normal-disabled-icon-color: rgba(0, 63, 211, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-red-hover-background: var(--okd-color-red-050);
  --okd-button-plain-red-active-background: var(--okd-color-red-050);
  --okd-button-plain-red-focus-background: var(--okd-color-red-050);
  --okd-button-plain-red-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-red-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-red-default-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-hover-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-active-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-focus-font-color: var(--okd-color-red-800);
  --okd-button-plain-red-disabled-font-color: rgba(218, 37, 47, 0.45);
  --okd-button-plain-red-default-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-hover-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-active-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-focus-icon-color: var(--okd-color-red-800);
  --okd-button-plain-red-disabled-icon-color: rgba(218, 37, 47, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-green-hover-background: var(--okd-color-green-050);
  --okd-button-plain-green-active-background: var(--okd-color-green-050);
  --okd-button-plain-green-focus-background: var(--okd-color-green-050);
  --okd-button-plain-green-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-green-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-green-default-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-hover-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-active-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-focus-font-color: var(--okd-color-green-800);
  --okd-button-plain-green-disabled-font-color: rgba(0, 159, 106, 0.45);
  --okd-button-plain-green-default-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-hover-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-active-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-focus-icon-color: var(--okd-color-green-800);
  --okd-button-plain-green-disabled-icon-color: rgba(0, 159, 106, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-orange-hover-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-active-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-focus-background: var(--okd-color-orange-050);
  --okd-button-plain-orange-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-orange-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-orange-default-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-hover-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-active-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-focus-font-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-disabled-font-color: rgba(233, 96, 16, 0.45);
  --okd-button-plain-orange-default-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-hover-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-active-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-focus-icon-color: var(--okd-color-orange-800);
  --okd-button-plain-orange-disabled-icon-color: rgba(233, 96, 16, 0.45);
  --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: var(--okd-color-transparent);
  --okd-button-plain-yellow-hover-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-active-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-focus-background: var(--okd-color-yellow-050);
  --okd-button-plain-yellow-disabled-background: var(--okd-color-gray-050);
  --okd-button-plain-yellow-default-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-hover-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-active-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-focus-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-disabled-border-color: var(--okd-color-transparent);
  --okd-button-plain-yellow-default-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-hover-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-active-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-focus-font-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-disabled-font-color: rgba(219, 167, 13, 0.45);
  --okd-button-plain-yellow-default-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-hover-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-active-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-focus-icon-color: var(--okd-color-yellow-800);
  --okd-button-plain-yellow-disabled-icon-color: rgba(219, 167, 13, 0.45);
  --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: var(--okd-font-size-base);
  --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: 5px;
  --okd-button-xs-icon-margin: 5px;
  --okd-button-sm-icon-margin: 11px;
  --okd-button-md-icon-margin: 11px;
  --okd-button-lg-icon-margin: 11px;
  --okd-button-xl-icon-margin: 11px;
  --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: 4px;
  --okd-button-xs-border-radius: 4px;
  --okd-button-sm-border-radius: 4px;
  --okd-button-md-border-radius: 4px;
  --okd-button-lg-border-radius: 6px;
  --okd-button-xl-border-radius: 8px;
  --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-fill-highlight-default-background: var(--okd-color-gray-900);
  --okd-button-fill-highlight-hover-background: var(--okd-color-gray-900);
  --okd-button-fill-highlight-active-background: var(--okd-color-gray-900);
  --okd-button-fill-highlight-focus-background: var(--okd-color-gray-900);
  --okd-button-fill-highlight-disabled-background: var(
    --okd-color-background-2
  );
  --okd-button-fill-highlight-default-border-color: var(--okd-color-gray-900);
  --okd-button-fill-highlight-hover-border-color: var(--okd-color-gray-900);
  --okd-button-fill-highlight-active-border-color: var(--okd-color-gray-900);
  --okd-button-fill-highlight-focus-border-color: var(--okd-color-gray-900);
  --okd-button-fill-highlight-disabled-border-color: var(
    --okd-color-background-2
  );
  --okd-button-fill-highlight-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-hover-font-color: hsla(0, 0%, 100%, 0.6);
  --okd-button-fill-highlight-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-fill-highlight-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-highlight-disabled-icon-color: var(--okd-color-gray-300);
  --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: hsla(0, 0%, 100%, 0.35);
  --okd-button-fill-highlight-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-primary-default-background: var(--okd-color-blue-700);
  --okd-button-fill-primary-hover-background: var(--okd-color-blue-500);
  --okd-button-fill-primary-active-background: var(--okd-color-blue-800);
  --okd-button-fill-primary-focus-background: var(--okd-color-blue-700);
  --okd-button-fill-primary-disabled-background: var(--okd-color-background-2);
  --okd-button-fill-primary-default-border-color: var(--okd-color-blue-700);
  --okd-button-fill-primary-hover-border-color: var(--okd-color-blue-500);
  --okd-button-fill-primary-active-border-color: var(--okd-color-blue-800);
  --okd-button-fill-primary-focus-border-color: var(--okd-color-blue-700);
  --okd-button-fill-primary-disabled-border-color: var(
    --okd-color-background-2
  );
  --okd-button-fill-primary-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-primary-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-fill-primary-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-primary-disabled-icon-color: var(--okd-color-gray-300);
  --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: var(--okd-color-blue-500);
  --okd-button-fill-primary-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-red-default-background: var(--okd-color-red-700);
  --okd-button-fill-red-hover-background: var(--okd-color-red-500);
  --okd-button-fill-red-active-background: var(--okd-color-red-800);
  --okd-button-fill-red-focus-background: var(--okd-color-red-700);
  --okd-button-fill-red-disabled-background: hsla(0, 0%, 97%, 0.5);
  --okd-button-fill-red-default-border-color: var(--okd-color-red-700);
  --okd-button-fill-red-hover-border-color: var(--okd-color-red-500);
  --okd-button-fill-red-active-border-color: var(--okd-color-red-800);
  --okd-button-fill-red-focus-border-color: var(--okd-color-red-700);
  --okd-button-fill-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-fill-red-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-red-disabled-font-color: var(--okd-color-text-lighter);
  --okd-button-fill-red-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-red-disabled-icon-color: var(--okd-color-gray-300);
  --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: var(--okd-color-red-500);
  --okd-button-fill-red-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-green-default-background: var(--okd-color-green-700);
  --okd-button-fill-green-hover-background: var(--okd-color-green-500);
  --okd-button-fill-green-active-background: var(--okd-color-green-800);
  --okd-button-fill-green-focus-background: var(--okd-color-green-700);
  --okd-button-fill-green-disabled-background: var(--okd-color-background-2);
  --okd-button-fill-green-default-border-color: var(--okd-color-green-700);
  --okd-button-fill-green-hover-border-color: var(--okd-color-green-500);
  --okd-button-fill-green-active-border-color: var(--okd-color-green-800);
  --okd-button-fill-green-focus-border-color: var(--okd-color-green-700);
  --okd-button-fill-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-fill-green-default-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-hover-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-active-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-focus-font-color: var(--okd-color-text-white);
  --okd-button-fill-green-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-fill-green-default-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-hover-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-active-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-focus-icon-color: var(--okd-color-text-white);
  --okd-button-fill-green-disabled-icon-color: var(--okd-color-gray-300);
  --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: var(--okd-color-green-500);
  --okd-button-fill-green-loader-mark-color: var(--okd-color-white);
  --okd-button-fill-secondary-default-background: var(--okd-color-blue-050);
  --okd-button-fill-secondary-hover-background: var(--okd-color-blue-100);
  --okd-button-fill-secondary-active-background: var(--okd-color-blue-200);
  --okd-button-fill-secondary-focus-background: var(--okd-color-blue-100);
  --okd-button-fill-secondary-disabled-background: var(--okd-color-blue-050);
  --okd-button-fill-secondary-default-border-color: var(--okd-color-blue-050);
  --okd-button-fill-secondary-hover-border-color: var(--okd-color-blue-100);
  --okd-button-fill-secondary-active-border-color: var(--okd-color-blue-200);
  --okd-button-fill-secondary-focus-border-color: var(--okd-color-blue-100);
  --okd-button-fill-secondary-disabled-border-color: var(--okd-color-blue-050);
  --okd-button-fill-secondary-default-font-color: var(--okd-color-blue-800);
  --okd-button-fill-secondary-hover-font-color: var(--okd-color-blue-800);
  --okd-button-fill-secondary-active-font-color: var(--okd-color-blue-800);
  --okd-button-fill-secondary-focus-font-color: var(--okd-color-blue-800);
  --okd-button-fill-secondary-disabled-font-color: var(--okd-color-blue-300);
  --okd-button-fill-secondary-default-icon-color: var(--okd-color-blue-700);
  --okd-button-fill-secondary-hover-icon-color: var(--okd-color-blue-700);
  --okd-button-fill-secondary-active-icon-color: var(--okd-color-blue-700);
  --okd-button-fill-secondary-focus-icon-color: var(--okd-color-blue-700);
  --okd-button-fill-secondary-disabled-icon-color: var(--okd-color-gray-300);
  --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: var(--okd-color-blue-050);
  --okd-button-fill-secondary-loader-mark-color: var(--okd-color-blue-700);
  --okd-button-fill-grey-default-background: var(--okd-color-background-2);
  --okd-button-fill-grey-hover-background: hsla(0, 0%, 86%, 0.5);
  --okd-button-fill-grey-active-background: hsla(0, 0%, 86%, 0.5);
  --okd-button-fill-grey-focus-background: hsla(0, 0%, 86%, 0.5);
  --okd-button-fill-grey-disabled-background: var(--okd-color-background-2);
  --okd-button-fill-grey-default-border-color: var(--okd-color-background-2);
  --okd-button-fill-grey-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-active-border-color: var(--okd-color-transparent);
  --okd-button-fill-grey-focus-border-color: var(--okd-color-gray-200);
  --okd-button-fill-grey-disabled-border-color: var(--okd-color-background-2);
  --okd-button-fill-grey-default-font-color: var(--okd-color-text-amplifed);
  --okd-button-fill-grey-hover-font-color: var(--okd-color-gray-700);
  --okd-button-fill-grey-active-font-color: var(--okd-color-gray-700);
  --okd-button-fill-grey-focus-font-color: var(--okd-color-gray-700);
  --okd-button-fill-grey-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-fill-grey-default-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-grey-hover-icon-color: var(--okd-color-gray-700);
  --okd-button-fill-grey-active-icon-color: var(--okd-color-gray-700);
  --okd-button-fill-grey-focus-icon-color: var(--okd-color-gray-700);
  --okd-button-fill-grey-disabled-icon-color: var(--okd-color-gray-300);
  --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 #00000000,
    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-gray-200);
  --okd-button-fill-grey-loader-mark-color: var(--okd-color-gray-700);
  --okd-button-outline-primary-default-background: #fff;
  --okd-button-outline-primary-hover-background: var(--okd-color-background-2);
  --okd-button-outline-primary-active-background: var(--okd-color-gray-050);
  --okd-button-outline-primary-focus-background: var(--okd-color-background-2);
  --okd-button-outline-primary-disabled-background: #fff;
  --okd-button-outline-primary-default-border-color: var(--okd-color-gray-200);
  --okd-button-outline-primary-hover-border-color: var(--okd-color-gray-200);
  --okd-button-outline-primary-active-border-color: var(--okd-color-gray-200);
  --okd-button-outline-primary-focus-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-primary-disabled-border-color: var(
    --okd-color-line-muted
  );
  --okd-button-outline-primary-default-font-color: var(--okd-color-gray-900);
  --okd-button-outline-primary-hover-font-color: var(--okd-color-gray-900);
  --okd-button-outline-primary-active-font-color: var(--okd-color-gray-900);
  --okd-button-outline-primary-focus-font-color: var(--okd-color-text-amplifed);
  --okd-button-outline-primary-disabled-font-color: var(--okd-color-gray-300);
  --okd-button-outline-primary-default-icon-color: var(--okd-color-gray-900);
  --okd-button-outline-primary-hover-icon-color: var(--okd-color-gray-700);
  --okd-button-outline-primary-active-icon-color: var(--okd-color-gray-700);
  --okd-button-outline-primary-focus-icon-color: var(--okd-color-text-amplifed);
  --okd-button-outline-primary-disabled-icon-color: var(--okd-color-gray-300);
  --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: var(--okd-color-gray-200);
  --okd-button-outline-primary-loader-mark-color: var(--okd-color-gray-900);
  --okd-button-outline-secondary-default-background: var(--okd-color-white);
  --okd-button-outline-secondary-hover-background: var(
    --okd-color-background-2
  );
  --okd-button-outline-secondary-active-background: var(--okd-color-gray-050);
  --okd-button-outline-secondary-focus-background: var(
    --okd-color-background-2
  );
  --okd-button-outline-secondary-disabled-background: var(--okd-color-white);
  --okd-button-outline-secondary-default-border-color: var(
    --okd-color-gray-200
  );
  --okd-button-outline-secondary-hover-border-color: var(--okd-color-gray-200);
  --okd-button-outline-secondary-active-border-color: var(--okd-color-gray-200);
  --okd-button-outline-secondary-focus-border-color: var(
    --okd-color-line-secondary
  );
  --okd-button-outline-secondary-disabled-border-color: #ebebeb;
  --okd-button-outline-secondary-default-font-color: var(--okd-color-gray-900);
  --okd-button-outline-secondary-hover-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-active-font-color: var(--okd-color-gray-900);
  --okd-button-outline-secondary-focus-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-disabled-font-color: #bdbdbd;
  --okd-button-outline-secondary-default-icon-color: var(--okd-color-gray-900);
  --okd-button-outline-secondary-hover-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-active-icon-color: var(--okd-color-gray-900);
  --okd-button-outline-secondary-focus-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-secondary-disabled-icon-color: var(--okd-color-gray-300);
  --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: rgba(0, 0, 0, 0.25);
  --okd-button-outline-secondary-loader-mark-color: var(--okd-color-black);
  --okd-button-text-primary-default-background: var(--okd-color-transparent);
  --okd-button-text-primary-hover-background: var(--okd-color-blue-050);
  --okd-button-text-primary-active-background: var(--okd-color-blue-050);
  --okd-button-text-primary-focus-background: var(--okd-color-blue-050);
  --okd-button-text-primary-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-primary-default-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-active-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-primary-default-font-color: var(--okd-color-fq-blue-lv1);
  --okd-button-text-primary-hover-font-color: var(--okd-color-blue-800);
  --okd-button-text-primary-active-font-color: var(--okd-color-blue-800);
  --okd-button-text-primary-focus-font-color: var(--okd-color-blue-800);
  --okd-button-text-primary-disabled-font-color: rgba(0, 63, 211, 0.45);
  --okd-button-text-primary-default-icon-color: var(--okd-color-fq-blue-lv1);
  --okd-button-text-primary-hover-icon-color: var(--okd-color-blue-800);
  --okd-button-text-primary-active-icon-color: var(--okd-color-blue-800);
  --okd-button-text-primary-focus-icon-color: var(--okd-color-blue-800);
  --okd-button-text-primary-disabled-icon-color: rgba(0, 63, 211, 0.45);
  --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-secondary-default-background: var(--okd-color-transparent);
  --okd-button-text-secondary-hover-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-active-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-focus-background: var(--okd-color-blue-050);
  --okd-button-text-secondary-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-secondary-default-border-color: var(
    --okd-color-transparent
  );
  --okd-button-text-secondary-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-active-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-secondary-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-text-secondary-default-font-color: var(--okd-color-fq-blue-lv1);
  --okd-button-text-secondary-hover-font-color: var(--okd-color-blue-800);
  --okd-button-text-secondary-active-font-color: var(--okd-color-blue-800);
  --okd-button-text-secondary-focus-font-color: var(--okd-color-blue-800);
  --okd-button-text-secondary-disabled-font-color: rgba(0, 63, 211, 0.45);
  --okd-button-text-secondary-default-icon-color: var(--okd-color-fq-blue-lv1);
  --okd-button-text-secondary-hover-icon-color: var(--okd-color-blue-800);
  --okd-button-text-secondary-active-icon-color: var(--okd-color-blue-800);
  --okd-button-text-secondary-focus-icon-color: var(--okd-color-blue-800);
  --okd-button-text-secondary-disabled-icon-color: rgba(0, 63, 211, 0.45);
  --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-red-default-background: var(--okd-color-transparent);
  --okd-button-text-red-hover-background: var(--okd-color-red-050);
  --okd-button-text-red-active-background: var(--okd-color-red-050);
  --okd-button-text-red-focus-background: var(--okd-color-red-050);
  --okd-button-text-red-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-red-default-border-color: var(--okd-color-transparent);
  --okd-button-text-red-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-red-active-border-color: var(--okd-color-transparent);
  --okd-button-text-red-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-red-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-red-default-font-color: var(--okd-color-red-800);
  --okd-button-text-red-hover-font-color: var(--okd-color-red-800);
  --okd-button-text-red-active-font-color: var(--okd-color-red-800);
  --okd-button-text-red-focus-font-color: var(--okd-color-red-800);
  --okd-button-text-red-disabled-font-color: rgba(218, 37, 47, 0.45);
  --okd-button-text-red-default-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-hover-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-active-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-focus-icon-color: var(--okd-color-red-800);
  --okd-button-text-red-disabled-icon-color: rgba(218, 37, 47, 0.45);
  --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-green-default-background: var(--okd-color-transparent);
  --okd-button-text-green-hover-background: var(--okd-color-green-050);
  --okd-button-text-green-active-background: var(--okd-color-green-050);
  --okd-button-text-green-focus-background: var(--okd-color-green-050);
  --okd-button-text-green-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-green-default-border-color: var(--okd-color-transparent);
  --okd-button-text-green-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-green-active-border-color: var(--okd-color-transparent);
  --okd-button-text-green-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-green-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-green-default-font-color: var(--okd-color-green-800);
  --okd-button-text-green-hover-font-color: var(--okd-color-green-800);
  --okd-button-text-green-active-font-color: var(--okd-color-green-800);
  --okd-button-text-green-focus-font-color: var(--okd-color-green-800);
  --okd-button-text-green-disabled-font-color: rgba(0, 159, 106, 0.45);
  --okd-button-text-green-default-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-hover-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-active-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-focus-icon-color: var(--okd-color-green-800);
  --okd-button-text-green-disabled-icon-color: rgba(0, 159, 106, 0.45);
  --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-orange-default-background: var(--okd-color-transparent);
  --okd-button-text-orange-hover-background: var(--okd-color-orange-050);
  --okd-button-text-orange-active-background: var(--okd-color-orange-050);
  --okd-button-text-orange-focus-background: var(--okd-color-orange-050);
  --okd-button-text-orange-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-orange-default-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-active-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-orange-default-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-hover-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-active-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-focus-font-color: var(--okd-color-orange-800);
  --okd-button-text-orange-disabled-font-color: rgba(233, 96, 16, 0.45);
  --okd-button-text-orange-default-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-hover-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-active-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-focus-icon-color: var(--okd-color-orange-800);
  --okd-button-text-orange-disabled-icon-color: rgba(233, 96, 16, 0.45);
  --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-yellow-default-background: var(--okd-color-transparent);
  --okd-button-text-yellow-hover-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-active-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-focus-background: var(--okd-color-yellow-050);
  --okd-button-text-yellow-disabled-background: var(--okd-color-gray-050);
  --okd-button-text-yellow-default-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-hover-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-active-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-focus-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-disabled-border-color: var(--okd-color-transparent);
  --okd-button-text-yellow-default-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-hover-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-active-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-focus-font-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-disabled-font-color: rgba(219, 167, 13, 0.45);
  --okd-button-text-yellow-default-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-hover-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-active-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-focus-icon-color: var(--okd-color-yellow-800);
  --okd-button-text-yellow-disabled-icon-color: rgba(219, 167, 13, 0.45);
  --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-fill-primary-border-size: 1px;
  --okd-button-fill-secondary-border-size: 1px;
  --okd-button-fill-red-border-size: 1px;
  --okd-button-fill-green-border-size: 1px;
  --okd-button-fill-grey-border-size: 1px;
  --okd-button-outline-primary-border-size: 1px;
  --okd-button-outline-secondary-border-size: 1px;
  --okd-button-text-primary-border-size: 1px;
  --okd-button-text-secondary-border-size: 1px;
  --okd-button-text-red-border-size: 1px;
  --okd-button-text-green-border-size: 1px;
  --okd-button-text-orange-border-size: 1px;
  --okd-button-text-yellow-border-size: 1px;
  --okd-button-fill-highlight-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: 4px;
  --okd-button-lg-loader-text-margin-left: 4px;
  --okd-button-md-loader-text-margin-left: 4px;
  --okd-button-sm-loader-text-margin-left: 4px;
  --okd-button-xs-loader-text-margin-left: 4px;
  --okd-button-xxs-loader-text-margin-left: 4px;
  --okd-button-s-font-size: 14px;
  --okd-button-s-icon-size: 18px;
  --okd-button-s-icon-margin: 11px;
  --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: 4px;
  --okd-button-s-loader-size: 14px;
  --okd-button-s-loader-text-margin-left: 4px;
  --okd-button-fill-tertiary-border-size: 1px;
  --okd-button-fill-quaternary-border-size: 1px;
  --okd-button-outline-highlight-border-size: 1.5px;
  --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-outline-highlight-hover-background: var(--okd-color-gray-900);
  --okd-button-outline-highlight-hover-font-color: var(--okd-color-white);
  --okd-button-fill-tertiary-default-background: var(--okd-color-white);
  --okd-button-fill-tertiary-hover-background: hsla(0, 0%, 100%, 0.8);
  --okd-button-fill-tertiary-focus-background: hsla(0, 0%, 100%, 0.8);
  --okd-button-fill-tertiary-active-background: hsla(0, 0%, 100%, 0.79);
  --okd-button-fill-tertiary-disabled-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-tertiary-disabled-font-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-fill-tertiary-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-quaternary-default-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-quaternary-default-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-default-border-color: transparent;
  --okd-button-fill-quaternary-hover-background: hsla(0, 0%, 100%, 0.25);
  --okd-button-fill-quaternary-hover-border-color: var(--okd-color-transparent);
  --okd-button-fill-quaternary-hover-font-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-fill-quaternary-focus-background: hsla(0, 0%, 100%, 0.25);
  --okd-button-fill-quaternary-focus-border-color: var(--okd-color-transparent);
  --okd-button-fill-quaternary-focus-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-active-background: hsla(0, 0%, 100%, 0.25);
  --okd-button-fill-quaternary-active-border-color: transparent;
  --okd-button-fill-quaternary-active-font-color: var(--okd-color-white);
  --okd-button-fill-quaternary-disabled-background: hsla(0, 0%, 100%, 0.15);
  --okd-button-fill-quaternary-disabled-font-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-fill-quaternary-disabled-border-color: var(
    --okd-color-transparent
  );
  --okd-button-fill-tertiary-default-border-color: rgba(205, 10, 21, 0);
  --okd-button-fill-tertiary-hover-border-color: rgba(205, 10, 21, 0);
  --okd-button-fill-tertiary-focus-border-color: rgba(205, 10, 21, 0);
  --okd-button-fill-tertiary-active-border-color: rgba(205, 10, 21, 0);
  --okd-button-outline-highlight-focus-background: var(--okd-color-gray-900);
  --okd-button-outline-highlight-focus-border-color: var(--okd-color-gray-900);
  --okd-button-outline-highlight-focus-font-color: var(--okd-color-white);
  --okd-button-outline-highlight-active-background: var(--okd-color-gray-900);
  --okd-button-outline-highlight-active-font-color: var(--okd-color-white);
  --okd-button-outline-highlight-disabled-font-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-highlight-disabled-border-color: var(
    --okd-color-line-muted
  );
  --okd-button-outline-highlight-hover-border-color: var(--okd-color-gray-900);
  --okd-button-outline-highlight-active-border-color: transparent;
  --okd-button-fill-tertiary-loader-track-color: var(--okd-color-gray-200);
  --okd-button-fill-tertiary-loader-mark-color: var(--okd-color-gray-900);
  --okd-button-fill-quaternary-loader-track-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-fill-quaternary-loader-mark-color: var(--okd-color-white);
  --okd-button-outline-highlight-loader-track-color: var(--okd-color-gray-200);
  --okd-button-outline-highlight-loader-mark-color: var(--okd-color-gray-900);
  --okd-button-fill-tertiary-default-font-color: var(--okd-color-text-amplifed);
  --okd-button-fill-tertiary-default-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-tertiary-default-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-tertiary-hover-font-color: var(--okd-color-text-amplifed);
  --okd-button-fill-tertiary-hover-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-tertiary-hover-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-tertiary-focus-font-color: var(--okd-color-text-amplifed);
  --okd-button-fill-tertiary-focus-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-tertiary-focus-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-tertiary-active-font-color: var(--okd-color-text-amplifed);
  --okd-button-fill-tertiary-active-icon-color: var(--okd-color-text-amplifed);
  --okd-button-fill-tertiary-active-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-tertiary-disabled-icon-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-fill-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-quaternary-default-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-default-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-quaternary-hover-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-hover-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-quaternary-focus-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-focus-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-quaternary-active-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-active-shadow: 0px 0px 0px 0px transparent;
  --okd-button-fill-quaternary-disabled-icon-color: var(--okd-color-white);
  --okd-button-fill-quaternary-disabled-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-highlight-default-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-highlight-default-border-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-highlight-default-font-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-highlight-default-icon-color: var(
    --okd-color-text-amplifed
  );
  --okd-button-outline-highlight-default-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-highlight-hover-icon-color: var(--okd-color-white);
  --okd-button-outline-highlight-hover-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-highlight-focus-icon-color: var(--okd-color-white);
  --okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-highlight-active-icon-color: var(--okd-color-white);
  --okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-highlight-disabled-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-highlight-disabled-icon-color: var(
    --okd-color-text-lighter
  );
  --okd-button-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-border-size: 1.5px;
  --okd-button-outline-tertiary-default-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-tertiary-default-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-default-font-color: var(--okd-color-white);
  --okd-button-outline-tertiary-default-icon-color: var(--okd-color-white);
  --okd-button-outline-tertiary-default-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-hover-background: var(--okd-color-white);
  --okd-button-outline-tertiary-hover-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-hover-icon-color: var(--okd-color-black);
  --okd-button-outline-tertiary-hover-font-color: var(--okd-color-black);
  --okd-button-outline-tertiary-hover-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-focus-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-focus-icon-color: var(--okd-color-black);
  --okd-button-outline-tertiary-focus-font-color: var(--okd-color-black);
  --okd-button-outline-tertiary-focus-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-focus-background: var(--okd-color-white);
  --okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-active-icon-color: var(--okd-color-black);
  --okd-button-outline-tertiary-active-font-color: var(--okd-color-black);
  --okd-button-outline-tertiary-active-border-color: var(--okd-color-white);
  --okd-button-outline-tertiary-active-background: var(--okd-color-white);
  --okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
  --okd-button-outline-tertiary-disabled-icon-color: var(--okd-color-gray-300);
  --okd-button-outline-tertiary-disabled-font-color: hsla(0, 0%, 100%, 0.25);
  --okd-button-outline-tertiary-disabled-border-color: hsla(0, 0%, 100%, 0.15);
  --okd-button-outline-tertiary-disabled-background: var(
    --okd-color-transparent
  );
  --okd-button-outline-tertiary-loader-mark-color: var(--okd-color-white);
  --okd-button-outline-tertiary-loader-track-color: hsla(0, 0%, 100%, 0.25);
}

.zd-chat .okui-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  -webkit-appearance: none;
  border-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: inherit;
  font-weight: 500;
  justify-content: center;
  outline: none;
  position: relative;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.zd-chat .okui-btn.btn-fill-highlight {
  background: var(--okd-button-fill-highlight-default-background);
  border-color: var(--okd-button-fill-highlight-default-border-color);
  border-width: var(--okd-button-fill-highlight-border-size);
  -webkit-box-shadow: var(--okd-button-fill-highlight-default-shadow);
  box-shadow: var(--okd-button-fill-highlight-default-shadow);
  color: var(--okd-button-fill-highlight-default-font-color);
}

.zd-chat .okui-btn.btn-fill-highlight:not(.loading):disabled {
  background: var(--okd-button-fill-highlight-disabled-background);
  border-color: var(--okd-button-fill-highlight-disabled-border-color);
  -webkit-box-shadow: var(--okd-button-fill-highlight-disabled-shadow);
  box-shadow: var(--okd-button-fill-highlight-disabled-shadow);
  color: var(--okd-button-fill-highlight-disabled-font-color);
}

.zd-chat .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);
}

.zd-chat .okui-btn.btn-md {
  border-radius: var(--okd-button-md-border-radius);
  font-weight: var(--okd-button-md-font-weight, 500);
  min-width: var(--okd-button-md-min-width);
}

.zd-chat .okui-btn.btn-md {
  font-size: var(--okd-button-md-font-size);
  line-height: var(--okd-button-md-line-height);
}

.zd-chat .okui-btn:disabled {
  cursor: not-allowed;
}

.zd-chat .okui-btn .btn-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

:root .zd-chat {
  --okd-loader-line-active-color: var(--okd-color-blue-700);
  --okd-loader-line-inactive-color: var(--okd-color-gray-100);
  --okd-loader-primary-active-color: var(--okd-color-blue-700);
  --okd-loader-primary-inactive-color: var(--okd-color-blue-100);
  --okd-loader-neutral-active-color: var(--okd-color-gray-700);
  --okd-loader-neutral-inactive-color: var(--okd-color-gray-200);
  --okd-loader-mask-bg-color: hsla(0, 0%, 100%, 0.85);
  --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: 2px;
  --okd-loader-circle-sm-track-width: 2px;
  --okd-loader-line-size: 4px;
  --okd-loader-circle-cover-background: var(--okd-color-background-1);
  --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-gray-900);
  --okd-loader-mask-text-margin-top: 10px;
}

.zd-chat .okui-loader-spin {
  -webkit-animation: okui-loader-rotation 1s linear infinite;
  animation: okui-loader-rotation 1s linear infinite;
  background-color: transparent;
  border-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.zd-chat .okui-loader-spin-md {
  border-radius: var(--okd-loader-circle-md-size);
  border-width: var(--okd-loader-circle-md-track-width);
  height: var(--okd-loader-circle-md-size);
  width: var(--okd-loader-circle-md-size);
}

.zd-chat .okui-loader-spin-primary {
  border-color: var(--okd-loader-primary-inactive-color);
  border-top-color: var(--okd-loader-primary-active-color);
}

.icon-Chevrons1:before {
  content: "\ec76";
}

.icon-Chevrons2:before {
  content: "\ec7d";
}

:root .zd-chat {
  --okd-dialog-window-background: var(--okd-color-background-1);
  --okd-dialog-window-mask-color: rgba(0, 0, 0, 0.3);
  --okd-dialog-window-box-shadow: var(--okd-shadow-xl);
  --okd-dialog-window-default-text-color: var(--okd-color-gray-900);
  --okd-dialog-window-min-width: 392px;
  --okd-dialog-window-border-radius: 8px;
  --okd-dialog-window-close-btn-color: var(--okd-color-gray-500);
  --okd-dialog-window-close-size: 32px;
  --okd-dialog-window-split-line-border-color: var(--okd-color-gray-100);
  --okd-dialog-tip-window-min-width: 344px;
  --okd-dialog-tip-window-2btn-min-width: 448px;
  --okd-dialog-title-color: var(--okd-color-gray-900);
  --okd-dialog-title-font-size: 18px;
  --okd-dialog-title-line-height: 24px;
  --okd-dialog-title-box-sm-padding-vertical: 12.5px;
  --okd-dialog-title-box-md-padding-vertical: 19px;
  --okd-dialog-sub-title-color: var(--okd-color-gray-500);
  --okd-dialog-sub-title-font-size: var(--okd-font-size-md);
  --okd-dialog-sub-title-line-height: 16px;
  --okd-dialog-tip-title-color: var(--okd-color-gray-900);
  --okd-dialog-tip-title-font-size: 18px;
  --okd-dialog-tip-title-line-height: 24px;
  --okd-dialog-tip-detail-color: var(--okd-color-gray-700);
  --okd-dialog-tip-detail-font-size: 14px;
  --okd-dialog-tip-detail-line-height: 20px;
  --okd-dialog-tip-success-icon-bg: rgba(0, 184, 122, 0.2);
  --okd-dialog-tip-info-icon-bg: rgba(0, 76, 255, 0.2);
  --okd-dialog-tip-prompt-icon-bg: rgba(238, 113, 41, 0.2);
  --okd-dialog-tip-warn-icon-bg: rgba(238, 113, 41, 0.2);
  --okd-dialog-tip-alert-icon-bg: rgba(232, 66, 86, 0.2);
  --okd-dialog-tip-error-icon-bg: rgba(232, 66, 86, 0.2);
  --okd-dialog-tip-success-icon-color: var(--okd-color-green-700);
  --okd-dialog-tip-info-icon-color: var(--okd-color-blue-700);
  --okd-dialog-tip-prompt-icon-color: var(--okd-color-orange-700);
  --okd-dialog-tip-warn-icon-color: var(--okd-color-orange-700);
  --okd-dialog-tip-alert-icon-color: var(--okd-color-red-700);
  --okd-dialog-tip-error-icon-color: var(--okd-color-red-700);
  --okd-dialog-tip-icon-bg-size: 48px;
  --okd-dialog-tip-icon-font-size: 30px;
  --okd-dialog-action-close-btn-color: var(--okd-color-blue-700);
  --okd-dialog-footer-box-sm-padding-vertical: 12px;
  --okd-dialog-footer-box-md-padding-vertical: 18px;
  --okd-dialog-tip-footer-box-sm-padding-vertical: 20px;
  --okd-dialog-tip-footer-box-md-padding-vertical: 24px;
  --okd-dialog-container-sm-padding-horizontal: 16px;
  --okd-dialog-container-md-padding-horizontal: 24px;
  --okd-dialog-container-md-padding-vertical: 24px;
  --okd-dialog-container-sm-padding-vertical: 8px;
  --okd-dialog-window-close-icon-size: 16px;
  --okd-dialog-window-back-icon-size: 14px;
  --okd-dialog-tip-container-md-padding-top: 28px;
  --okd-dialog-tip-container-md-padding-bottom: 24px;
  --okd-dialog-tip-container-sm-padding-top: 20px;
  --okd-dialog-tip-container-sm-padding-bottom: 24px;
  --okd-dialog-window-action-padding: 16px;
  --okd-dialog-footer-action-cancel-type: secondary;
  --okd-dialog-footer-action-confirm-type: highlight;
  --okd-dialog-footer-action-cancel-size: sm;
  --okd-dialog-footer-action-confirm-size: sm;
}

:root .zd-chat {
  --okd-radio-default-text-color: var(--okd-color-gray-700);
  --okd-radio-default-background: var(--okd-color-text-white);
  --okd-radio-default-border-color: var(--okd-color-gray-200);
  --okd-radio-default-hover-border-color: var(--okd-color-blue-300);
  --okd-radio-default-hover-shadow: 0px 0px 0px 2px #bdcfff73;
  --okd-radio-selected-text-color: var(--okd-color-gray-700);
  --okd-radio-selected-background: var(--okd-color-blue-700);
  --okd-radio-selected-border-color: var(--okd-color-blue-700);
  --okd-radio-selected-hover-border-color: var(--okd-color-blue-700);
  --okd-radio-selected-hover-shadow: 0px 0px 0px 2px #bdcfff73;
  --okd-radio-selected-inner-color: var(--okd-color-text-white);
  --okd-radio-error-text-color: var(--okd-color-red-700);
  --okd-radio-error-border-color: var(--okd-color-red-700);
  --okd-radio-error-hover-border-color: var(--okd-color-red-700);
  --okd-radio-error-background: var(--okd-color-red-700);
  --okd-radio-error-inner-color: var(--okd-color-text-white);
  --okd-radio-error-hover-shadow: 0px 0px 0px 2px #e35e5e73;
  --okd-radio-disabled-text-color: var(--okd-color-gray-300);
  --okd-radio-disabled-background: var(--okd-color-gray-050);
  --okd-radio-disabled-border-color: var(--okd-color-gray-200);
  --okd-radio-disabled-hover-border-color: var(--okd-color-gray-200);
  --okd-radio-disabled-inner-color: var(--okd-color-gray-300);
  --okd-radio-disabled-checked-border-color: var(--okd-color-gray-200);
  --okd-radio-disabled-checked-inner-color: var(--okd-color-gray-300);
  --okd-radio-common-label-font-size: var(--okd-font-size-xs);
  --okd-radio-sm-font-size: var(--okd-font-size-xs);
  --okd-radio-sm-line-height: var(--okd-line-height-xs);
  --okd-radio-sm-height: 12px;
  --okd-radio-sm-width: 12px;
  --okd-radio-sm-margin: 4px;
  --okd-radio-sm-padding: 4px;
  --okd-radio-md-font-size: var(--okd-font-size-md);
  --okd-radio-md-line-height: var(--okd-line-height-md);
  --okd-radio-md-height: 16px;
  --okd-radio-md-width: 16px;
  --okd-radio-md-margin: 8px;
  --okd-radio-md-padding: 0;
}

.zd-chat-container .zd-update-app-mask {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  bottom: 0;
  height: 100%;
  opacity: 1;
  position: fixed;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  z-index: 100000;
}

.zd-chat-container .zd-update-app-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 50%;
  padding: 16px;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: calc(100% - 32px);
}

.zd-chat-container .zd-update-app-img {
  height: 48px;
  width: 48px;
}

.zd-chat-container .zd-update-app-content {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 158%;
  margin-top: 8px;
  text-align: center;
}

.zd-chat-container .zd_chat_update_app_button {
  margin-top: 24px;
  width: 100%;
}

.zd-chat-container .hide-zd-pop .zd-update-app-container {
  display: none;
}

.zd-chat-container .zd-endchat-mask {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  bottom: 0;
  height: 100%;
  opacity: 1;
  position: fixed;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  z-index: 100000;
}

@media (min-width: 768px) {
  .zd-chat-container .zd-endchat-mask {
    border-radius: 8px;
    max-height: 725px;
    max-width: 375px;
  }
}

@media (max-width: 767px) {
  .zd-chat-container .zd-endchat-mask {
    border-radius: 0;
  }
}

.zd-chat-container .hide-zd-pop {
  height: 0;
  opacity: 0;
  width: 0;
  z-index: -1;
}

.zd-chat-container .zd-endchat-notice {
  background-color: #fff;
  border-radius: 8px;
  bottom: 16px;
  left: 50%;
  padding: 24px 20px;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: calc(100% - 32px);
}

.zd-chat-container .zd-endchat-notice .zd-des {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 14px;
  margin-top: 8px;
  padding: 0;
}

.zd-chat-container .zd-endchat-notice .zd-buttons {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.zd-chat-container .zd-endchat-notice .zd-buttons .zd-btn {
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 25px;
}

.zd-chat-container .zd-endchat-notice .zd-buttons .zd-cancel-btn {
  background-color: #fff;
  border: 1px solid #d8dce6;
}

.zd-chat-container .zd-endchat-notice .zd-buttons .zd-endchat-btn {
  background-color: #000;
  border: none;
  color: #fff;
  margin-left: 8px;
}

.zd-chat-container .zd-endchat-notice .zd-endchat-close {
  color: #000;
  cursor: pointer;
  position: absolute;
  right: 9px;
  top: 9px;
}

.zd-chat-container .hide-zd-pop .zd-endchat-notice,
.zd-chat-container .hide-zd-pop .zd-endchat-notice .zd-cancel-btn,
.zd-chat-container .hide-zd-pop .zd-endchat-notice .zd-endchat-btn {
  display: none;
}

.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}

.icon-Unfold:before {
  content: "\e660";
}

.icon-cancel:before {
  content: "\e791";
}

.icon-Mul_delete:before {
  content: "\ec53";
}

body.theme-dark .zd-message-list-container::-webkit-scrollbar-thumb {
  background-color: #d8dce6;
  -webkit-box-shadow: none;
}

body .zd-message-list-container::-webkit-scrollbar-thumb,
body .zd-message-list-container > div::-webkit-scrollbar-thumb {
  background-color: #d8dce6;
}

body.theme-dark .zd-message-list-container::-webkit-scrollbar-track,
body.theme-dark .zd-message-list-container > div::-webkit-scrollbar-track {
  background-color: #fff;
  -webkit-box-shadow: none;
}

body .zd-message-list-container::-webkit-scrollbar-track,
body .zd-message-list-container > div::-webkit-scrollbar-track {
  background-color: #fff;
}

.zd-widget-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: #fff;
  -webkit-box-shadow: 0 8px 24px -3px rgba(31, 37, 51, 0.2),
    0 4px 4px -2px rgba(31, 37, 51, 0.1);
  box-shadow: 0 8px 24px -3px rgba(31, 37, 51, 0.2),
    0 4px 4px -2px rgba(31, 37, 51, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100%;
  position: absolute;
  visibility: hidden;
  width: 100%;
  z-index: 99999;
}

.zd-widget-container .zd-input {
  outline-width: 0;
}

.zd-widget-container:not(.visible) {
  -webkit-animation: widget-hide 0.5s backwards;
  animation: widget-hide 0.5s backwards;
}

@media (min-width: 768px) {
  .zd-widget-container {
    border-radius: 10px;
  }
}

@media (max-width: 767px) {
  .zd-widget-container {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.zd-chat-container .zd-chat-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: widget-show-grow 0.5s backwards;
  animation: widget-show-grow 0.5s backwards;
  background-color: #3c6fef;
  border-radius: 24px;
  bottom: 0;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  justify-content: center;
  margin: 16px;
  opacity: 1;
  position: fixed;
  right: 0;
  width: 44px;
}

.zd-chat-container .zd-chat-button .customer-service-icon-img {
  height: 44px;
  width: 44px;
}

@media (max-width: 767px) {
  .zd-chat-container .zd-chat-button {
    margin-bottom: 57px;
    margin-right: 2px;
  }
}

.zd-chat-container .zd-send-button {
  color: #929292;
  cursor: pointer;
  margin-right: 16px;
}

.zd-chat-container .zd-input-container {
  -ms-flex-negative: 0;
  background-color: #fff;
  flex-shrink: 0;
  z-index: 999;
}

@media (min-width: 768px) {
  .zd-chat-container .zd-input-container {
    border-radius: 0 0 8px 8px;
  }
}

.zd-chat-container .zd-input-form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #d8dce6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  line-height: 48px;
  overflow: hidden;
}

.zd-chat-container .zd-input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  color: #3f475a;
  flex-grow: 1;
  font-size: 13px;
  font-size: 14px;
  height: 48px;
  outline-width: 0;
  outline: none;
  padding: 0 10px 0 16px;
}

.zd-chat-container .zd-input:focus::-webkit-input-placeholder {
  border: none;
  color: transparent;
  color: #9aa1b1;
  outline-offset: 0;
}

.zd-chat-container .zd-input:focus::-moz-placeholder {
  border: none;
  color: transparent;
  color: #9aa1b1;
  outline-offset: 0;
}

.zd-chat-container .zd-input:focus:-ms-input-placeholder {
  border: none;
  color: transparent;
  color: #9aa1b1;
  outline-offset: 0;
}

.zd-chat-container .zd-input:focus::-ms-input-placeholder {
  border: none;
  color: transparent;
  color: #9aa1b1;
  outline-offset: 0;
}

.zd-chat-container .zd-input:focus::placeholder {
  border: none;
  color: transparent;
  color: #9aa1b1;
  outline-offset: 0;
}

.zd-chat-container .zd-input::-webkit-input-placeholder {
  color: #9aa1b1;
}

.zd-chat-container .zd-input::-moz-placeholder {
  color: #9aa1b1;
}

.zd-chat-container .zd-input:-ms-input-placeholder {
  color: #9aa1b1;
}

.zd-chat-container .zd-input::-ms-input-placeholder {
  color: #9aa1b1;
}

.zd-chat-container .zd-input::placeholder {
  color: #9aa1b1;
}

.zd-chat-container .zd-input:active,
.zd-chat-container .zd-input:focus {
  border: none;
  outline: medium;
  outline-offset: 0;
}

.zd-chat-container .zd-status-container {
  -ms-flex-negative: 0;
  background-color: #000;
  border-radius: 8px 8px 0 0;
  color: #fff;
  flex-shrink: 0;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 999;
}

@media (max-width: 767px) {
  .zd-chat-container .zd-status-container {
    border-radius: 0;
  }
}

.zd-chat-container .zd-minimize-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}

.zd-chat-container .zd-message-list-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex-negative: 1;
  background-color: #fff;
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 16px 16px 75px;
  position: relative;
}

.zd-chat-container .zd-spinner-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 50px);
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 50px;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
}

.zd-spinner-loader-pa {
  background-color: transparent;
  height: 60px;
  width: 60px;
}

.zd-chat-container {
  border-radius: 8px;
  bottom: 0;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 9600;
}

.zd-chat-container div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .zd-chat-container {
    border-radius: 8px;
    bottom: 16px;
    height: 90%;
    max-height: 725px;
    max-width: 375px;
    right: 16px;
    width: 100%;
  }

  .zd-chat-container div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  .zd-chat-container {
    border-radius: 0;
  }
}

.zd-chat-container.hide-zd {
  height: 0;
  max-height: 0;
  max-width: 0;
  width: 0;
}

/*! CSS Used from: https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/common/Order-layouts-LayoutXL/Order-layouts-LayoutXL.css */
.module-header-box {
  background-color: var(--okd-color-background-1);
  border-bottom: 1px solid var(--okd-color-line-muted);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--okd-color-text-amplifed);
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  padding: 12px 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*! CSS Used keyframes */
@-webkit-keyframes okui-loader-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes okui-loader-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes okui-loader-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes okui-loader-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes a {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes widget-hide {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  99% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes widget-hide {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  99% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes widget-show-grow {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  1% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    visibility: visible;
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
  }
}

@keyframes widget-show-grow {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  1% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    visibility: visible;
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
  }
}

/*! CSS Used fontfaces */
@font-face {
  font-family: iconfont;
  src: url("data:application/x-font-woff2;charset=utf-8;base64,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")
      format("woff2"),
    url(https://static.okx.com/cdn/assets/okfe/seo-ex/6.14.148/font/commonFont/iconfont.woff?t=1653475745412)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/seo-ex/6.14.148/font/commonFont/iconfont.ttf?t=1653475745412)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/fonts/iconfont.7ed7b01..woff2)
      format("woff2"),
    url(https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/fonts/iconfont.5a05ac2..woff)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/fonts/iconfont.76de135..ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:font/woff2;base64,d09GMgABAAAAAARMAAsAAAAACwQAAAP8AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDSAqIFIc4ATYCJAMYCw4ABCAFhGcHgSkb1QkRVZxxyH5q8iARIpSCBVjFA+HupIMpIJAAAAAAQATVfp89C++IFLFCoRAC5RF11LmoqETKWBYqdeU/CP0H7TK1kbvak5RrfVn/vwBXaSI3bNLE+ui87/JtoBUH5Cp+TfPq++fPbr/ZnnccoxAFMIARyv9cKmfRUew4ed8OQLLHpGgsHcv6TjvGtrEI++rlglWshAUvkFQBdgZrUcd9BAbt2pNOvAMjwein5MICMKMwxoM4Oz5lZyaDfl6l1FBDv7RBTy3iO6ikr+y7gG/++0ebefCS1My4ysM3Xmngxz10HTL6R+T/3DGB3D2hImNzYZq4rTd9lkPBpi8aLPsKxRWG9UtKa6ml2zJt2XYdej1SPMMWhs0gWZntX54gGpRomKTchCstVRsj09LFKLRMMRItW4xK14FzWbJmwMoJ4gJImZZtDm8I2Yyv01KCfCPzLl/cEinF/uc0cX5OohR5cYFieHaGosjTUwOByZyCIioUdKSiQFD5don0SAfVOSmAl9GSMW6lWDQDMaPpCWkOanJ0XIodjeVKQbIVM9slIyETMYakiUgGzeqQIQkW1Tpa0XvDqH1QrVMEcABhmrAeWR2To1IwsxULwsh5IKPjSPsYMjTBGKqL5PZxeLgdtY3x0yvUqtF2mdtWxWBFNKQe8p+SEq0FNRsaNKFW9Ja1ck3Y0AA1o7W2SjZNDs2Pt46xtIyxjr8m8VvGxFjGW1/nninPXHT1G77nROU0zNWbeBfFFkQXxBZ5bsfSVLzEiLdC3mKZ4JEj6DPiM6UeJd8ODAS0Yql9t+JG+peBpZw6u//CvtMJIezpOXEzPzg4IeLzvt3UqKm5qDaS4/PI/IuRuPjadDY2BbhEyLf5psbcD5y280v4lFvQm+9yKkD6l4LTzXz2T383Rz8VLhNFHL94h/4OE3dtzyTl6i1gmHC/BMz6oYsfgUOL6qYpZc1tFkRvPFQDCYPmCL9s26S7obRThjWE/hSbg6TPLGT9VgiFQtKHSoA5NHg5wSADj2cPkRBdYisDgA1fBLAR9Q3shM0DB1E/BE7KL3CR9gfcRP0DPyJGLidAO/A4k6h0guMOBnmTlrT6eF9INS9ykf+DcjGkF5ZxzkafaaPcxxGlq7VWCTJzgCf2buQ9Q8xsCeuoa42HaZJlbzIih7N7GREqcgKOdsBAbCPd4TX98V4QpfGEDBI+DFmhmRR+sBjNAOFZtEFNF1JYdMqqUgYJ7MqMBeCpm4F4M8RALN/JIqga6Q6B6GCihklUNE4vCbd4FgwyrthEihwlajTRR/49bgMO5uhPHrhVbzYavBqQ435VPOm5ECO+QRejJnSs+LZoSabAXSHfLf8p8mY2RSnPzgAAAAA=)
      format("woff2"),
    url(data:font/woff;base64,d09GRgABAAAAAAXoAAsAAAAACwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGBANVALY21hcAAAAYgAAAB3AAAByJdLxndnbHlmAAACAAAAAbUAAAQUK/R05GhlYWQAAAO4AAAALwAAADYgUSCraGhlYQAAA+gAAAAcAAAAJAfeA4dobXR4AAAEBAAAAA4AAAAYGAAAAGxvY2EAAAQUAAAADgAAAA4DnAI8bWF4cAAABCQAAAAfAAAAIAEVAFxuYW1lAAAERAAAAUAAAAJnEKM8sHBvc3QAAAWEAAAAYQAAAKkMOWVseJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHXim8tWZu+N/AwMB8hwFIMjCiKGICAG4iDMZ4nO2RQQqEMAxFX8Z2kMFDuHThwqXgDcTzzMoTBzyDJo0K3sFfXuF/khYSIAOV0RsJZEVw/S2Vklf8Sp6YzTfUfEjaaqeDjtu07/B0t8Sqr+O/JOvM/qp8edWUezld9ikGvg/tAt+JDoFNDx0Dr9+mADkAQvodCgB4nK2Tv06DUBTG77ko1HJtIQK3JrUiteBiTRAhLpiYqImDxsWhjQ469y1I25dwaNqn0NVVBxMXV5/B0eq5WNM/6SCJhJBzDufA/X05H1kk5OtOepduSYlsk31ySM4JWXS8OnhuEMUQhT6vALcMpQCK7PlRGIWB53quo8iKbHCLWytOHYIYdn3LwIYwcB3ZwKLr6Vi1uG7IlNw0Lts11621LxuP4/Cmdd3ci6K95vXbb9DSyhreq9Xqao4xjbFckVPLLlF+Ozv9E15MjacB3dXKdlnf9KtbTFdVnQ3XTA2OdE5NbXivlwheIB70mZ6RMibrgrMCRQFagB0kRaYDIUEMcEV7PcUsUqXfyy2buf5EQk/w3WxxlBAiTWl7gP+Z1HJSYz5Wc6ww9iogTlOHGE8IoZ9Bx54KS8MHdZ0NVDDt5S7U2Ib0dwlf1QrDcZofqHZJUjs4PstzmpVHQZVjSFWupFw4lqos+DKgfSwkCcONyHcSBpbNupNZBsYXKZnzgVEm1mOuN7IxS7hVuFFVxw2wAX0h/CH5whUFEA4J/8UbGag/n2bMAe/oiofUHHAszPEN3GTV2wAAAHicY2BkYGAA4qCT0p7x/DZfGbhZGEDg3ox34Qj6/1wWBuZkIJeDgQkkCgArhgq2AHicY2BkYGBu+N/AEMPCAAJAkpEBFbABAEcMAm94nGNhYGBgwYIBAWgAGQAAAAAAAAB8AK4BFgGOAgoAAHicY2BkYGBgYwhgYGUAASYg5gJCBob/YD4DABEvAXIAeJyFkT1uwkAQhZ/BkASUKEqkNGlWKSgSyfyUSKlQoKegB7PmR7bXWi9I1DlNjpAT5AjpaHOKSHnYQwNFvNrZb96+mR3JAO6wh4fyu+cu2cMls5IruMCjcJX6k7BPfhauoYmecJ36q3ADL3gTbrJjxg6ef8WshXdhD7f4EK7gBp/CVepfwj75W7iGB/wI16n/Cjcw8a6Fm2h54cDqqdNzNdupVWjSyKTueI71YhNP7ak80TZfmVR1g85RGulU22ObfLvoORepyJpEDXmr49iozJq1Dl2wdC7rt9uR6EFoEgxgoTGFY5xDYYYd4wohDFJERXRn+ZjuBTaIWWn/dU/otsipH3KFLgJ0zlwjutLCeTpNji1f61F1dCtuy5qENJRazUlisuIPPNytqYTUAyyLqgx9tLmiE39QzJD8AdiTb1d4nG2KSQqAMAwAE1fwLCr+IY+SULVYE6kb/l6wlx6c48xAAoEK/ikwwRQzzLHAEnrLQkxWRiU9D2fFkJuIdXvqLzndTVSa8PNseIl0G7Q3q17x3gV/D16sTFEAeAGwMCv3AAAA)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/fonts/iconfont.3c2ff6e..ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(https://static.okx.com/cdn/assets/okfe/okui/okline/0.3.206/fonts/iconfont.4e9defe.woff2)
      format("woff2"),
    url(https://static.okx.com/cdn/assets/okfe/okui/okline/0.3.206/fonts/iconfont.9313bd2.woff)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/okui/okline/0.3.206/fonts/iconfont.cc39d2d.ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(https://static.okx.com/cdn/assets/okfe/okui/okline/0.3.206/fonts/iconfont.482604e.woff2)
      format("woff2"),
    url(https://static.okx.com/cdn/assets/okfe/okui/okline/0.3.206/fonts/iconfont.0ec547c.woff)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/okui/okline/0.3.206/fonts/iconfont.fab446e.ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:application/x-font-woff2;charset=utf-8;base64,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)
      format("woff2"),
    url(https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/fonts/iconfont.1aaec20..woff)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/fonts/iconfont.728ce6a..ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAWsAAsAAAAAC3AAAAVeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACETAqGfIV+ATYCJAMwCxoABCAFhGcHgggbFgojEbaDUVIl+6sD2/0EZUTAEPSXxoiLn3CEHh+ho2vFR37SiAT9OXj48qpfVen2wFxIOkpO95JZ4TT7sqnLrOW5rKlbcPy1tOOacxQZvjKcrKcKpUY4hBmPHNrf+62H9KUJvLvJSB9OA0OGQpnbSnZKlASdjaktekBhzl3Ju+8XkEfAFkhOLhVqwCDMhF+m3Ix1ewynuFegq6jnIAAn+VREVq9Zvzm+/bsMH0gkGjhbgNlU9O/Tqwv2uxcthC+wO6xxj9UQi7GAnCNvAIvUnxefKRR2kFgUeJHGPWt058yH2V8mqMnmZFBPkWchgO0lYAEUkF0zvzgSHt2H0suzUTj9/ooaM4Fw/FHYP8z+cOPjzk+fjNHGeOOJ8fxLmy8jv0wwTbj3j/MLwtm/eCBwYMWJDTsuLEgUGggrYHUL3OVuFz2uExECPtxAOODjToQVPn1COMEYjbCBMR5hB+MJwgXGc4QFvrRBSPgyEqHgywT9rNbVaedwwA/4CqKvwG2/WiIRjNpqSHdEhG8Int8a7KtEQHgffXq1LAfVFQhUQVTZsAc9Hi6b0srrlc1roeuyyc0fPCgd1/LR6wHGA4a+r+uitxJw7RNBq6a0zf3weEla1+H/kF7dPCdYyIrVihbnHt7m9hNhqzZj83XuAJH0UK91rShqnMd4onvcYjFXxwhD92oeqXkYQFLt7p7Vnd2wO77GRmgYW7EmmHX8gd3zPATyuHnuucsx4Krv0S0at33/esU8cb5nhZert/sW0L//rj+o3CJLltlz9VZXTbVaNJn79mCyrs/Ta0/xeMzjDngf0vqfvTua2hkXLDDWmzo+AVGIQazzdzTd8fmWlBqcZ3f+Ji6JcXQYvZWxgja3UtOEbkmcq/2Iraz6K32p+1e6osXFZxUXru3WeB1VWBYbGDw4oHSUR+vlKq1zQUGLCbOByzOiSvdXr0YkFfXQQ3KPyHauJykFCZN1V6/gmYNmZrb6L9dS1hLcrTJhH0U3ZZMxKtAWsHevjBMIJVJ24CgNmJchMVphVo2NaVM7A0RehzLzQs/8EQBUVV1LemhaynrRVJd6RA8ciGG6q6mcdKNGfw728SW0+/DCjGutbJ1GicKdiTE1YhIkCSUSi0wlmsMFbt3jmhrDC5LGiWcftNm07ISyTYn0HiPdyO6SFgnFWwp6xHTNKm6wFivWIqKgRVdES8rrCSNMXRYCNZj0AwdM3HqyhpoMoMbJIlXYSmY/ZaH0Asjj4huAGiu7Asgp4hbZapH4A6DiJUR4Vp6NJ8u1+/d27Kj1rvh8U/6v/WIxFD1v8/of7Vmuz07yqIC9uaK9hmluvmOAZW4NCNGpgxQ7IQA3ablT2exkM2D3TQbyvAx7UGwrp449yASJjShQ2ElkatxMsOCiEKzYqQBOsqhxsosgBqMQmgNIZRoBgT9bQeLLUVD4c5mpcb1gIZQPYMWf/+DkoD9xdb4LXgS+ChmlFZYTBMzJcoeqhX6R27ERr5I/khqgCMZucFZ9UiLJ4oC6d5OqBSs5wsf1ZsScoUjeEmrnVcum763fl3SYY/OKQBgUYgVYOAEEkEzCymOr/fd9QTh2MAaJyfwLC1WgtHBgpGOIwfy0plh91mTjyh7HhKJYYSeLkIkAH98wwaw8AxT/rbYQiNLhU5QWNvR0LBvX2pVvj1OP3gaAn+YWqTTdMC3bcT0/LrtxrtRiEGS6GJCz50pG0J+9etpLTnXUvdNT2AEHWua8Uw6J5hr55oa5XfMh3aySixaea5kWa6y3AVMbZG8TrGjZgW8HlWCSYwoudXwq/uY9/49F3aVX1iyhQmEmnCHj3xWvra2naQAA)
      format("woff2"),
    url(data:font/woff;base64,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)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/fonts/iconfont.0689bd1..ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAW0AAsAAAAAC7QAAAVlAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACEAgqIZIgOATYCJAMkCxQABCAFhG0HgTcbhQojETZ7UbKR/SMxJjJnHZ9iHHfHDypFlhU+K7LosiaaaDwTAbUG27v7f1QlmSQR7XzDJDFMJ3QSJBLTTeSm8t5PAd86L0kl7G4K6GYktXD63yf41su1BACd8cfybcmjz+1t4IOz2afxdbpKVcgK2Z+/36u/A6R27NkHm9K5P+q8ZTft82y2gUQn0IAKdGxbRteqF9YJfIiAxkaaLs6dv2CF5rs3HN6rswLOD5iNw+4d2zZoeI9ThBiDhpFV3AML4auSeDzewFn198Mbo0NDojLBSy3ZOm+za8+rN5dTnWur0111ft3IxhElEobWLCFcCE87JellQyWN/WoW1qMlP0/iefXi2Mvyutnrdq/xNyM5u8I52pNQSBXVmpQRNWhnoLxTKvefV0FqSqT7YxrqU7fIEXlxNEYDlT9GOBry8hBH4HUzxtK9bkdiVIzvRzgSby575iI1kvnWtH5YThwBNXNR5OYg7Rx7dejUtFPXNm27NWzTrEWnorA073gmOqRe2QrRCzHQ4MlQAJ93FGBePWHzMDMq01qYVUi9QpDxWh2rtebMtp74n9DLS3ZM95VdUxjqNZxlwK7JwQBxASWA4wQRqjcXNNHSCEiWlkIZCllaGSlI3ay5QBJEMq0yga2F0i38grRkU4GUf3Nz9gsC3U+YYwCeYRZrUo+2k4UBLbQkeEEVXunOaqxf+RmCpqZmmtwqk03aphW+vj4bg53Ewn0P5yM6iJZZyHmZ5+eCp6cA+mxrDqv3r5nbw8KDm3C6ZlRYS2JqTAW1/5uy2AU4/LaahNgvLwi8KeiLKJ+giCczT5NYXDyVs5NzdE03iTYODzeONvktoIJGpkn0b9dN0t2rtEMWF2MIUSLmPWlQ/xCs7qHq5qbqob7JkCFD682D7Xq7L39natmHsHtW7qoBHVjPFA3+OGKVlrIQ7n/CkCFbHLH88ROfalV1traTExxlJg2bNFfDeqbkKRD3w8vLSUrgGU7wwi5z42c+LVAlFLsSg13YP21XLJdwLXN+TdYT0jMRvhBKuPi/WD58GZsWVsw83SxbWm5kg+1sg2W/Z2R4KSJsm9L3VnZz8r4gzYjucrny2dlY8wy2OB+B9csKyHjGJriOjEBLy43/X6Deo3uGXMaCrh7yV4/irn576ya/5BjVcJWWTiKSo4x6yBjVj45mqaYWcebmcTkCKlE5bAfzZAUWtFHAPb66fPVwkXfCcr4JIQOJ6moikAy5Y8iWX10dSISQdz7ZfLqqCFcJ/ZaYkIjlzf5+1os0ae9y+jqWIzXkS+l52qre8EJ6n/ZC/BN7ka+kJ2kepJ/xZsbKupBq4jmFNnLxOh5d12Lqt4ZNNofCux8PJfXFq09DkdiuE6ZcIecjpOe3gEbFRtMPUZWzK4W9kUlSSURjPo1zJKu1+/kmtlNGRdBQOxOiBrpB0lBfYSEdCqUmxkKlobtnQGNDvB7eRBtkVygaYbBvgKClH4iauwpJS7/CQvoHpfb+odIy7EJjq8LtCZvoH+zJI6FknMS4ERZSVEIin2iN31AvvCSrV7V8IRVbKPqmc1a+YkTKY5ey1AOzEopSEC9wOfQ+iUxpjsCNYc6ztlV+t2ggha0TcxAkMTQRRhvZ0QJJpEKzE9fPv0HagidRSK8fxy+IFHbpQq/RxRC+UozVa11aFkvagGmJIqhbwyQQXmgK8rwsEbL/enMIsIZJUZLNtHQ0FZea8iPCtF4AjeHnaRRiSKEIZahCg9AwNAqNVYdQEphD8KngqO8txBpqwpCWWGu/yab2+qIE6X3NZGXUHh8idBzrTLi0uLqmhunOq9dbyxtcg5dB8oC3qcESeDwrx2OJ3doCAAA=)
      format("woff2"),
    url(data:font/woff;base64,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)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/comb-trade/1.0.508/fonts/iconfont.7da0d93..ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKYAAsAAAAABlwAAAJMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcApUZQE2AiQDCAsGAAQgBYRnBzMbpAXILrBt2JNAiA0sHHcnfAgGxg8hRMuW2dv7WmmqVo8CXapCozACW5pRCI8TCAXC879zmbsbkprKhCnJISuEwk/aK6Qv/SM3FgrIsjDTc2yB7YzZco+vPv8ZB7KPid3n/37yL6APfEHoRy6KOqko8QFtPpB90GVbFOHOBGY8BdkdgVryJQIN+5qlT7oHR0jZg4kRqZXD6Q3y6njwuEkK5Lgs01JNqKArs/hUkp7SEz7iz8evwyggKQtO3fl9l0Nu5o5p7X/NXfHlcbkWel5CiQLbiExc9+dPZUQbn9Hw51ikjVnwh9AnDu0W0l/nVLbAAhWeSfSlRy0leKyBxoj5SQ8kxqb2T6YNB2fjyb210cTu6aR+/3iq1609N3nNjthpH/9rGKsaC1zj7aVkDSet7GfFe3oVCL66VufLGy9oZvCTY1eGBantxh/8ExNIzGaClNtEuTsZn0ZruCn+OeGBn6mO4bnLoWY4QasaYo5CzSKVuU2Umg5RUXOEhi1d65uGYhmR61i1SRB6rpB0fKPQc0tl7hWliV9U9Pyj4TZKd2taDbtDgongUGuVeraImGfH2OoQ8MXAlE2ZMZCJR1NUV7RqqQcikHPMSZa4gcgokyKk3eJ5EASCxlJkwUbFRYzrVZW1vUWxRUg6SMCEgIOyrKI8NiHCQjKWv28I4BYFTBKkxvJSwqPWKZ1CA6geI4I6HuSaxBLOgBBDMZIQorrlYSAQEKi4fVgWsCGFOyEbq6e6JIYayva28Nf2QYPjTOEuKNSPXViSIkoMQgAAAA==)
      format("woff2"),
    url(data:font/woff;base64,d09GRgABAAAAAAQIAAsAAAAABlwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGBC7k9NY21hcAAAAYgAAABLAAABcO2lySFnbHlmAAAB1AAAAFQAAABU2scnNmhlYWQAAAIoAAAALQAAADYduELsaGhlYQAAAlgAAAAcAAAAJAeCA4NobXR4AAACdAAAAAgAAAAICAAAAGxvY2EAAAJ8AAAABgAAAAYAKgAAbWF4cAAAAoQAAAAeAAAAIAENACFuYW1lAAACpAAAAUAAAAJnEKM8sHBvc3QAAAPkAAAAIgAAADPo6NT0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwH3tS+qWVu+N/AEMN8h6EBKMyIoogJAIlFDcJ4nGNgYGBlYGBgBmIdIGZhYGAMYWBkAAE/oCgjWJyZgQsszsKgBFbDAhJ/U/v/P4wE8lnAJAMjG8Mo4AGTMlAeOKwgmIERAGlnC3UAAAEAAAAAA44C1wAUAAABAyY2PwE2FhcTFhQHAw4BLwEuATcDEtYHAgknCRUG/QYG/QYVCScJAgcBgAEMCBUHIAcDCP7EBxIH/sQIAwcgBxUIAAAAeJxjYGRgYADibTXb9OP5bb4ycLMwgMBdn/89yDQLA9N1IMXBwATiAQAvsgoXAAAAeJxjYGRgYG7438DAwMIAAkCSkQEVMAEAPVQCDwQAAAAEAAAAAAAAAAAqAAB4nGNgZGBgYGIQZQDRIBYDAxcQMjD8B/MZAAqkAS8AAHichZE9bsJAEIWfwZAElChKpDRpVikoEsn8lEipUKCnoAez5ke211ovSNQ5TY6QE+QI6Whzikh52EMDRbza2W/evpkdyQDusIeH8rvnLtnDJbOSK7jAo3CV+pOwT34WrqGJnnCd+qtwAy94E26yY8YOnn/FrIV3YQ+3+BCu4AafwlXqX8I++Vu4hgf8CNep/wo3MPGuhZtoeeHA6qnTczXbqVVo0sik7niO9WITT+2pPNE2X5lUdYPOURrpVNtjm3y76DkXqciaRA15q+PYqMyatQ5dsHQu67fbkehBaBIMYKExhWOcQ2GGHeMKIQxSREV0Z/mY7gU2iFlp/3VP6LbIqR9yhS4CdM5cI7rSwnk6TY4tX+tRdXQrbsuahDSUWs1JYrLiDzzcramE1AMsi6oMfbS5ohN/UMyQ/AHYk29XeJxjYGKAAC4G7ICJkYmRmYHTOSO1rCg/r9iIgQEAG6MDmQAA)
      format("woff"),
    url(data:font/ttf;base64,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)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKQAAsAAAAABlgAAAJGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCCcApUZQE2AiQDCAsGAAQgBYRnBzYbnQXInpo8CdSQEQIEPIQAuETwtF86b/+GCDWgBlTkwj42kdTW6Sof4c4W1e3/0qXdqvVVEapjsafqlDfzb+xcWLrCMoXE8zwOIXFYjOLRC4DM1NreZr25z3M5vgV0wB/Ab6zG3rQ46h1QeSAdUHtaUYS9BDJuGLvgBT4jUGvZruLe6fUMGk+GxNBSZg8GWWs8eY4BdZ6RZVivFiob9mbxSwXpLYUf0eejZDXqJBUFu+Pw5sSGz3MWFJZ1UXx5WS4MdkCBeSATp42VfSXB2JLaStkoOFZrUFIuBz5xVLdgf53dXA/6YTUo8eRHrSd4rJE6gL5J5xIdz9OXjw56emm3H987J8+vXcuFP+7+5ey4sTcevfW/AT4RCqZ/mwujtsCfFf/TAsHrauDjurn2u5oMvtZ85MqGxajeTST4HVYDe7Kh2N6UNamxP+k4janWyVNmJ1r9THW0nbsRqrVNMFXpUoZCtVEiM7OoUGcVlaqto9ack8N12qRKItdg0gogNHtH0ugnCs2+iMx8o0KnX1Rq9oda59FwXp3JsI6YDCEbzQf0rCRWrl0ioxNybkKD64oL4tyDeey1u+X6GcXEc2zIb52+iELFSYSn9DEKwwRTTnyypO2KpJudjmp6S9tKIjjCiEEQGzI9QB5LIqYCfSl+3wRx3AgZeCCxqLCcB42jnrbuAOLMEg/qepBXcrccfUIoSGGJCDrls0golEBp8ywfsYg2d0Iptanj6Kmhlvb2tujXDkEt25nC2V6ofyZT64019hxXAAA=)
      format("woff2"),
    url(data:font/woff;base64,d09GRgABAAAAAAQMAAsAAAAABlgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZCyE7EY21hcAAAAYgAAABLAAABcO0ex4xnbHlmAAAB1AAAAFQAAABURMUyHWhlYWQAAAIoAAAALQAAADYcuLApaGhlYQAAAlgAAAAcAAAAJAeCA4NobXR4AAACdAAAAAgAAAAICAAAAGxvY2EAAAJ8AAAABgAAAAYAKgAAbWF4cAAAAoQAAAAeAAAAIAENACFuYW1lAAACpAAAAUAAAAJnEKM8sHBvc3QAAAPkAAAAJQAAADYTFCtTeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRhYPzCwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHXn97/Y254X8DQwzzHYYGoDAjSA4AMSYPEQB4nGNgYGBlYGBgBmIdIGZhYGAMYWBkAAE/oCgjWJyZgQsszsKgBFbDAhJ//e3/fxgJ5LOASQZGNoZRwAMmZaA8cFhBMAMjAI7iDVUAAAEAAAAAA/kC1AAUAAABNzYyFwEWFAcBBiIvASY0NwkBJjQCajYFDgUBNwoK/skFDgU2BQUBAP8ABQKYNgUF/soKHAr+ygUFNgUOBQEAAQAFDgAAeJxjYGRgYADiic2yW+L5bb4ycLMwgMCds2Y6yDQLA9MVIMXBwATiAQAIPwiQAAAAeJxjYGRgYG7438DAwMIAAkCSkQEVMAEAPVQCDwQAAAAEAAAAAAAAAAAqAAB4nGNgZGBgYGIQZQDRIBYDAxcQMjD8B/MZAAqkAS8AAHichZE9bsJAEIWfwZAElChKpDRpVikoEsn8lEipUKCnoAez5ke211ovSNQ5TY6QE+QI6Whzikh52EMDRbza2W/evpkdyQDusIeH8rvnLtnDJbOSK7jAo3CV+pOwT34WrqGJnnCd+qtwAy94E26yY8YOnn/FrIV3YQ+3+BCu4AafwlXqX8I++Vu4hgf8CNep/wo3MPGuhZtoeeHA6qnTczXbqVVo0sik7niO9WITT+2pPNE2X5lUdYPOURrpVNtjm3y76DkXqciaRA15q+PYqMyatQ5dsHQu67fbkehBaBIMYKExhWOcQ2GGHeMKIQxSREV0Z/mY7gU2iFlp/3VP6LbIqR9yhS4CdM5cI7rSwnk6TY4tX+tRdXQrbsuahDSUWs1JYrLiDzzcramE1AMsi6oMfbS5ohN/UMyQ/AHYk29XeJxjYGKAAC4G7ICJkYmRmYGnPDUp3tAsvigzPaOEgQEAKWoEowAAAA==)
      format("woff"),
    url(data:font/ttf;base64,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)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAR8AAsAAAAACyAAAAQtAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDQAqIMIc/ATYCJAMYCw4ABCAFhGcHgTEb3AnIPgF3uBTnIFQIHKWnMXlLtmkKSocVS/6FYWxg4T5MBNHY/2bPvpl0sWaQSGTRRCMkErRKpWQI5ZHJ78+1txSIU5LEtM2+5MPSZNOyQ2EIJQlJaOvowJ4me/P/7+ZZa/P97LjtS/h+1vNANmCKGyzLSjs41yLShwOPT5BM0PeKoy+gF9tAHxf+I/gE5GnIBdj/7BQLTvXBoUaAjd43cS5etu5mm9HaJhxfqVVF/GDfdKq5ys7WUj85duc/414IgQwFFOZdAe3aArADUrJpPAldoyu8rzCVXWT3YCzzNgL9TpVzvq9ae5H/JxQaiuZK7Q2C4vjUMAl5MjqlgBF6lQ16bBE/USV9d/4ifjivH/8EwZDUTL3Iyzd1Mrp7AOIcyH9YPQK2fUJFxuHIDPG12PaFiyc5dGT9WTZXt7Oj90qcVhuZDP4nwHPR3BT92q88kqIKmWhU2SBOeoxXOmCwSHQYi0In4xXLOaYRmBwxuX1XtRa3GYPigaDUQyUfioasEu7VubBg3ezLDpmyOOdxvnnAtq/3Nm/IsNlenRSLyhunR0eyGd3qbK8+GFmGY5tWmmK3Tp5j225RWNo3PaHZtHM00BU12474Hu13nV5tjNjOVmM5Zdpsu+jBO9oZ1pHaxG/A6W3SiDeXEFzHXhos8UqhFCs7twWLby+mcwbbnI5lg5bZN7A9ndfp1qgkMzq3d2O0aHDdsQ1iM5uPYFyP1Wbg7Sb+VYfEHZrOBVE2kiJAedqomuNo0X+LvOn8W0vuSyAv66HUvpTVUW6nDj3pS0/pW00b3lDqk7Su1KmO5Q/n5g7nj31h6LnDw7lj+V+JP7CTSxFqa+e/PsMF1vyeT7J36SOO+vkXqGQH3v6wuJucnbQuJkGxGVuJ8BuRaV1Q/29ofRCboedfwWrm89/S/SnrImHdt2wm8QP7HfiMv7QlCN3zrUsAdeUyE4f/6G9np399T+X/42+Y8Hft7ri3qyBw3qMrJ/IedPlr4KhF8tNKVneDB2I2L7k5Eg9027PtGvezLcUEmP8lKSYCSHosQNZrHVdI+1ANOIem1wX0O1B38oAJBhdR+rBtGUEYdQbJsF+QjXrFFdI7VNN+QTPqP/R7FZ1vwHYscw6SABlPzWMr0TWqK4WD2g1sWpF4WrgfuGnFgjgrPTOebAANeBMHmDMsWwiKKddVXE/dDBRFxwbXbUBEukUIozgjg2a9SDrRVVSDAxIByLAp8zArQqeh1ugi+va6AWaaQsKBuH4LZxJcHB3Lki4TgGuQaaCuI6k0zWCyCTxCYZQu1Kmw+noWoGgxHWZkb2UDCCGdpUbEUCwDH41CZen9K9RDPAP6qS/XIkWOEjVa9Jh7T7Q0ougmpOnTQrFqkKawNKIb8+GZbG2iBYhdkseloc5KXLNqrAIxYhEHVZ9pbVyRghYhAAA=)
      format("woff2"),
    url(data:font/woff;base64,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)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/customer-service/0.0.18/fonts/iconfont.f8517d0..ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAW0AAsAAAAAC7QAAAVlAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACEAgqIZIgOATYCJAMkCxQABCAFhG0HgTcbhQojETZ7UbKR/SMxJjJnHZ9iHHfHDypFlhU+K7LosiaaaDwTAbUG27v7f1QlmSQR7XzDJDFMJ3QSJBLTTeSm8t5PAd86L0kl7G4K6GYktXD63yf41su1BACd8cfybcmjz+1t4IOz2afxdbpKVcgK2Z+/36u/A6R27NkHm9K5P+q8ZTft82y2gUQn0IAKdGxbRteqF9YJfIiAxkaaLs6dv2CF5rs3HN6rswLOD5iNw+4d2zZoeI9ThBiDhpFV3AML4auSeDzewFn198Mbo0NDojLBSy3ZOm+za8+rN5dTnWur0111ft3IxhElEobWLCFcCE87JellQyWN/WoW1qMlP0/iefXi2Mvyutnrdq/xNyM5u8I52pNQSBXVmpQRNWhnoLxTKvefV0FqSqT7YxrqU7fIEXlxNEYDlT9GOBry8hBH4HUzxtK9bkdiVIzvRzgSby575iI1kvnWtH5YThwBNXNR5OYg7Rx7dejUtFPXNm27NWzTrEWnorA073gmOqRe2QrRCzHQ4MlQAJ93FGBePWHzMDMq01qYVUi9QpDxWh2rtebMtp74n9DLS3ZM95VdUxjqNZxlwK7JwQBxASWA4wQRqjcXNNHSCEiWlkIZCllaGSlI3ay5QBJEMq0yga2F0i38grRkU4GUf3Nz9gsC3U+YYwCeYRZrUo+2k4UBLbQkeEEVXunOaqxf+RmCpqZmmtwqk03aphW+vj4bg53Ewn0P5yM6iJZZyHmZ5+eCp6cA+mxrDqv3r5nbw8KDm3C6ZlRYS2JqTAW1/5uy2AU4/LaahNgvLwi8KeiLKJ+giCczT5NYXDyVs5NzdE03iTYODzeONvktoIJGpkn0b9dN0t2rtEMWF2MIUSLmPWlQ/xCs7qHq5qbqob7JkCFD682D7Xq7L39natmHsHtW7qoBHVjPFA3+OGKVlrIQ7n/CkCFbHLH88ROfalV1traTExxlJg2bNFfDeqbkKRD3w8vLSUrgGU7wwi5z42c+LVAlFLsSg13YP21XLJdwLXN+TdYT0jMRvhBKuPi/WD58GZsWVsw83SxbWm5kg+1sg2W/Z2R4KSJsm9L3VnZz8r4gzYjucrny2dlY8wy2OB+B9csKyHjGJriOjEBLy43/X6Deo3uGXMaCrh7yV4/irn576ya/5BjVcJWWTiKSo4x6yBjVj45mqaYWcebmcTkCKlE5bAfzZAUWtFHAPb66fPVwkXfCcr4JIQOJ6moikAy5Y8iWX10dSISQdz7ZfLqqCFcJ/ZaYkIjlzf5+1os0ae9y+jqWIzXkS+l52qre8EJ6n/ZC/BN7ka+kJ2kepJ/xZsbKupBq4jmFNnLxOh5d12Lqt4ZNNofCux8PJfXFq09DkdiuE6ZcIecjpOe3gEbFRtMPUZWzK4W9kUlSSURjPo1zJKu1+/kmtlNGRdBQOxOiBrpB0lBfYSEdCqUmxkKlobtnQGNDvB7eRBtkVygaYbBvgKClH4iauwpJS7/CQvoHpfb+odIy7EJjq8LtCZvoH+zJI6FknMS4ERZSVEIin2iN31AvvCSrV7V8IRVbKPqmc1a+YkTKY5ey1AOzEopSEC9wOfQ+iUxpjsCNYc6ztlV+t2ggha0TcxAkMTQRRhvZ0QJJpEKzE9fPv0HagidRSK8fxy+IFHbpQq/RxRC+UozVa11aFkvagGmJIqhbwyQQXmgK8rwsEbL/enMIsIZJUZLNtHQ0FZea8iPCtF4AjeHnaRRiSKEIZahCg9AwNAqNVYdQEphD8KngqO8txBpqwpCWWGu/yab2+qIE6X3NZGXUHh8idBzrTLi0uLqmhunOq9dbyxtcg5dB8oC3qcESeDwrx2OJ3doCAAA=)
      format("woff2"),
    url(data:font/woff;base64,d09GRgABAAAAAAdwAAsAAAAAC7QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA82052Y21hcAAAAYgAAACTAAACAu/tZddnbHlmAAACHAAAAvAAAARkBl/0xmhlYWQAAAUMAAAAMQAAADYc/8q/aGhlYQAABUAAAAAdAAAAJAeBA4pobXR4AAAFYAAAABIAAAAkJAH//mxvY2EAAAV0AAAAFAAAABQEpAWUbWF4cAAABYgAAAAfAAAAIAEWAEVuYW1lAAAFqAAAAUUAAAJtPlT+fXBvc3QAAAbwAAAAfgAAALf6eTD7eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYPzCwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnrG9Xsbc8L+BIYb5DkMDUJgRRRETAKIvDdF4nO2RwQnDMAxFnxvHDaWBUsgIuXWojlDIEMmhpw6R0eqgDJFKVilkh37xDPrINnwBNVApNyVCeBEwPdUNxa84FT9y1/6ipfPvlKdlkFY66dd524oz7p2dQrl5/RUcONKoX5P0Rfs78de5nI9v11iujuZFHh1Njjw5NrMMjm1MWsc2K52jCSO9Y9tbZ4f4AVHmLAUAeJx9U0tME0EYntnZ7kL6Arbt0mKKLHYHpQ/ctrsEcOHQJr4q6IEGLGAq0CIROUkwHriIXOCAhyYKHriQCAcOjYnRozEeiRc8mvg46tUEW/y3pdQgutn8883MN/N/M/P9iEHo4Cn5RibRaaQhZKKqpkYjVKayxHM85xBdoiusqJroxRDVCI5o0CjGsNMBDBtu5WgQk718wOPp7kpP/phMd3UbYC6xrOZ5oU7gbb9yQX+i/3V/wh/0eAKhB/GxgWs3hXxn/OKVuQq9tE4J5Xn47BR/GDHYxrKRWJ/u7zhPAv5nCKGq3kZ0BiEsgQJDpheLLkXTMUgEOVQWeMpTjWqiJvIMuj2cXPTJsm8xOfyuCpdj29uxra1SJBPHZ8uwcK/CgHiYf5V8JzOQP/K//C4HJ4VgSpIjvdCPqEozTCouhx0zaDw1tCTDtzSUel+FSc5az62vc/VWI1YxuXucWYaF+39Ryxh0YmSI3WdaUANCPng6AYTJrS2SIVbwggaTBX9lWdZWVK08y35hLY84E54xWU1mM4TiqokztiBw3lfkM4kjAXWgTthYprzLxkAQFcMKcGAiS3YYLhmG58AZIlyKl1E1bPhFx9CXye6FRM7qjo+G5q8nM5kbCTUg0Fp37U52Pgu9aEDADQPTmxzLWursHEnUFB5HhyfO7kv45UBfLjQac1vmW7F67pLS3diDn9fU7OjMYa8xe3WTq6szsyysq3UXE+FkkPfuBw3tcICfzEe4g2YUrLzW0VMZ70SkoCFR8WKHDRPJxjgd4HQdR4JwRbOZdI7SXDrzqQJm9Sldn3poBL0pLDt9vZd7fb5eZs/fvjY+vtbur7SFt4c0CHjGKYebfAYR2CDp4OBggUVkATx0CuoOmaSSZyIl/yglLzlKviL14XriDEcZlB1LrdC2NrqSGtutwieDt+4sHB8sQ9JefIEHi87pacQc5TOXaobyIg91AdVByb8yM2ijZ+PoPzk7fvMHpyCdrAOh3z43BWl4nGNgZGBgAOIVx1Lb4/ltvjJwszCAwJ0PhxNh9P///xtYGJgbgFwOBiaQKAB+gg35AAAAeJxjYGRgYG7438DAwMLw/z+IZACKoABOAGwsBBQAAAB4nGNhYGBgwYn//wdhABDmBCEAAAAAAAAAWACYAOwBEAFuAboB8gIyeJxjYGRgYOBksGRgZgABJiDmAkIGhv9gPgMADxMBXAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtjcEOgkAMRFtUEGI8GPUv+lFLbZZNuizpEpS/R5STcW7z8jIDBXzTwP/UWOAO93jAEis8Yo0NlFmccVexpiytvwXuickkpknI6zx0pP6co1Ol0YLrvcp9lVoaTKYgz82Kj+uKf+FFXqwuujGk93AwVjl9vrYCsABFVi98AAA=)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/customer-service/0.0.18/fonts/iconfont.7da0d93..ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAWsAAsAAAAAC3AAAAVeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACETAqGfIV+ATYCJAMwCxoABCAFhGcHgggbFgojEbaDUVIl+6sD2/0EZUTAEPSXxoiLn3CEHh+ho2vFR37SiAT9OXj48qpfVen2wFxIOkpO95JZ4TT7sqnLrOW5rKlbcPy1tOOacxQZvjKcrKcKpUY4hBmPHNrf+62H9KUJvLvJSB9OA0OGQpnbSnZKlASdjaktekBhzl3Ju+8XkEfAFkhOLhVqwCDMhF+m3Ix1ewynuFegq6jnIAAn+VREVq9Zvzm+/bsMH0gkGjhbgNlU9O/Tqwv2uxcthC+wO6xxj9UQi7GAnCNvAIvUnxefKRR2kFgUeJHGPWt058yH2V8mqMnmZFBPkWchgO0lYAEUkF0zvzgSHt2H0suzUTj9/ooaM4Fw/FHYP8z+cOPjzk+fjNHGeOOJ8fxLmy8jv0wwTbj3j/MLwtm/eCBwYMWJDTsuLEgUGggrYHUL3OVuFz2uExECPtxAOODjToQVPn1COMEYjbCBMR5hB+MJwgXGc4QFvrRBSPgyEqHgywT9rNbVaedwwA/4CqKvwG2/WiIRjNpqSHdEhG8Int8a7KtEQHgffXq1LAfVFQhUQVTZsAc9Hi6b0srrlc1roeuyyc0fPCgd1/LR6wHGA4a+r+uitxJw7RNBq6a0zf3weEla1+H/kF7dPCdYyIrVihbnHt7m9hNhqzZj83XuAJH0UK91rShqnMd4onvcYjFXxwhD92oeqXkYQFLt7p7Vnd2wO77GRmgYW7EmmHX8gd3zPATyuHnuucsx4Krv0S0at33/esU8cb5nhZert/sW0L//rj+o3CJLltlz9VZXTbVaNJn79mCyrs/Ta0/xeMzjDngf0vqfvTua2hkXLDDWmzo+AVGIQazzdzTd8fmWlBqcZ3f+Ji6JcXQYvZWxgja3UtOEbkmcq/2Iraz6K32p+1e6osXFZxUXru3WeB1VWBYbGDw4oHSUR+vlKq1zQUGLCbOByzOiSvdXr0YkFfXQQ3KPyHauJykFCZN1V6/gmYNmZrb6L9dS1hLcrTJhH0U3ZZMxKtAWsHevjBMIJVJ24CgNmJchMVphVo2NaVM7A0RehzLzQs/8EQBUVV1LemhaynrRVJd6RA8ciGG6q6mcdKNGfw728SW0+/DCjGutbJ1GicKdiTE1YhIkCSUSi0wlmsMFbt3jmhrDC5LGiWcftNm07ISyTYn0HiPdyO6SFgnFWwp6xHTNKm6wFivWIqKgRVdES8rrCSNMXRYCNZj0AwdM3HqyhpoMoMbJIlXYSmY/ZaH0Asjj4huAGiu7Asgp4hbZapH4A6DiJUR4Vp6NJ8u1+/d27Kj1rvh8U/6v/WIxFD1v8/of7Vmuz07yqIC9uaK9hmluvmOAZW4NCNGpgxQ7IQA3ablT2exkM2D3TQbyvAx7UGwrp449yASJjShQ2ElkatxMsOCiEKzYqQBOsqhxsosgBqMQmgNIZRoBgT9bQeLLUVD4c5mpcb1gIZQPYMWf/+DkoD9xdb4LXgS+ChmlFZYTBMzJcoeqhX6R27ERr5I/khqgCMZucFZ9UiLJ4oC6d5OqBSs5wsf1ZsScoUjeEmrnVcum763fl3SYY/OKQBgUYgVYOAEEkEzCymOr/fd9QTh2MAaJyfwLC1WgtHBgpGOIwfy0plh91mTjyh7HhKJYYSeLkIkAH98wwaw8AxT/rbYQiNLhU5QWNvR0LBvX2pVvj1OP3gaAn+YWqTTdMC3bcT0/LrtxrtRiEGS6GJCz50pG0J+9etpLTnXUvdNT2AEHWua8Uw6J5hr55oa5XfMh3aySixaea5kWa6y3AVMbZG8TrGjZgW8HlWCSYwoudXwq/uY9/49F3aVX1iyhQmEmnCHj3xWvra2naQAA)
      format("woff2"),
    url(data:font/woff;base64,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)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/customer-service/0.0.18/fonts/iconfont.0689bd1..ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:application/x-font-woff2;charset=utf-8;base64,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)
      format("woff2"),
    url(https://static.okx.com/cdn/assets/okfe/customer-service/0.0.18/fonts/iconfont.1aaec20..woff)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/customer-service/0.0.18/fonts/iconfont.728ce6a..ttf)
      format("truetype");
}

@font-face {
  font-family: iconfont;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAW8AAsAAAAAC5QAAAVvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACEAgqJAIcaATYCJAMkCxQABCAFhGcHgQMb1wkjESZ000D2z4RsDmldm2EIEc1O4y4iiyHCrzxt06+5bReNb+Lh+/3+t/Y95+pDLqKeRaN40mSSyJbES2EIkQSNSBSLX2kMkXnzn9P9pp6knWplYtKp6S94Al6ZWjvEdeYnuPE4cePN76erOZOmmKKJltueS7uQ5MMK9shwEgB/3KucdR7g3MvYrnNMm/QpuhZQgJKOvc5r5V5BaloRrIo6I3dwlYjvItDZbo/i0PXjJ027qSXQQpnUHrjFcXNtNTV/nZyCD42yyrtnFq9ASfEY+QJ4aX5/THKOhkKZSOc6fvlqoo+/LvwhqPAQkn6C9VVh7QIlEjb3zBBv0m3Pkh3bLOniMrNL6OXflBjJGykYvfh79Pf3P6f+EIeHIfTpWsiiVBX+ySMUkqxUqTVERZJNIdxdTWNO+SqdYKSATsHoRTqJ0VE6mdHvHNj9SYYEr/9zGnRq/hA6DTDt+jPRE9dIvGW4Q7KQyZNQKraYOdPQDF2+WEjre9rMdSytm2rlYu2ycm2pktAsWYBWpVKyW+aIy5C5ALVKFaRNvKI5TRCRWSKBClKnPNtnXRRrd6etUyjia88eocQPwxVbyYLwQwpKPAEIfIqpkN9Nsoennn1qQQkZhSqWY1hthmQBxanr0fOPDV6ny+cxUgEANDUcUGAYOTs42I1Txc+KinGNI0o4VYTJ5xQqh9jEz9pJqVYqxgYAlKBohiSKEzLtrHrRFHW6HMlCPJOTlSyMrOffJh01xLpR4othxsCo4m6SZLlfkaXGrKFnlX3gD4AMXjX7KFoFEAwqzKQ6pM9jh9v8Kb42Rj5eHNfPRok7CyN6maNfC127VvYIRXXGBdPOQ9ZK8znhzIIuBCunX0TMXNFF4E+s34sNsofH9lwUxgoohtCQhFg7wxDfEAiVxsAnKH/IWAmhRxoCYWTEuV8kGgz2NigS0V8ReCTxFiickFA7PVv+kp7VnCWzeX/MRc+gRW+Qt8sjeHu8Ucv/d9vLyNMmXg9VOxFnKoG4IJ0fOW1lcRdVt0er9GrHTNZr2ScwFVx7V8vO/+kZxyz1VTxqyRx4Fj6KidFVc1TTNRYD2U96q6ZeUS/zFEOobsP0tN2ntzMuMdrpdvsefrWQgRP06hVpttIzb5ywVLq+T2WcYuxl5ERK9lykGf9TBL7ae/SPk6xlz8NN+RK1m51c9UShmlAqUDtYarpUs2RU9XtuwTTrceWGRJCQRWeoj/ALEoRjMaL12qC/Wtc0nfrbksHKMFGd03VTjS8xxXn2mb+CTKC2xPvO07xueSiqW1s/IX/y5zh/RJ3JBOmC+MsbVY/Y0wI1YZXRcnWTNKgV9EMlDF8iE2kvpA9IFSHdpwKG76h/UzoZPk8v0j5COrK7RDFp2k9z4xz76dCLsJZdn7+PX5zu+4+FPRwjv3vvnZveoTSDegIaxSmVue3l53IiZt5Pm+OaV3klCK1jykiBTm7hTnfN9LtexazcMm+XYpYLhdoiSBorURm3EUoDO6HS2A2dTQ7vPzDLXUnkFms9YhB676AwzXtIep9QGfcFSnONQqX3Hzpng3O0gbWxb7zI0IKJh39ejzEYRSnmvO+wxekcFf5GntcIcle3weQNAnIV28w/thcxbHL0fP09H5yLnHLcYJR6JZIWTWPiXqUeo6eLDC2YePjn9RiD0ZHF//PeYYvTOSfq25Jnjkvzc1e3OVA3spCrbk8q5x/bC0UMm19h9HxdzgInxyKn+NU2GKVelYikRUNIJq+sbl/hN/QMAKBAuh6bUkSKHGVUUUcTbXQYRTAx4/BrCV7YTYejDiPcmUco1RBLkP9zG6N1qJIrc3f6VNxygoPgeNliy0FPJxYnh3UiAg==)
      format("woff2"),
    url(data:font/woff;base64,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)
      format("woff"),
    url(https://static.okx.com/cdn/assets/okfe/customer-service/0.0.18/fonts/iconfont.70f6e71..ttf)
      format("truetype");
}

@font-face {
  font-display: swap;
  font-family: HarmonyOS Sans;
  font-style: normal;
  font-weight: 400;
  src: url(https://static.okx.com/cdn/assets/okfe/libs/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2)
      format("woff2"),
    url(https://static.okx.com/cdn/assets/okfe/libs/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff)
      format("woff");
}

@font-face {
  font-display: swap;
  font-family: HarmonyOS Sans;
  font-style: normal;
  font-weight: 500;
  src: url(https://static.okx.com/cdn/assets/okfe/libs/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2)
      format("woff2"),
    url(https://static.okx.com/cdn/assets/okfe/libs/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff)
      format("woff");
}

@font-face {
  font-display: swap;
  font-family: HarmonyOS Sans;
  font-style: normal;
  font-weight: 600;
  src: url(https://static.okx.com/cdn/assets/okfe/libs/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2)
      format("woff2"),
    url(https://static.okx.com/cdn/assets/okfe/libs/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff)
      format("woff");
}

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.k-toolbar-left .collect li {
  margin-right: 20px;
}