.ContactUs_ContactUs__0uPxu {
  background-color: var(--okd-color-background-base-primary);
  color: var(--okd-color-content-primary);
}
.ContactUs_ContactUs__0uPxu > section {
  display: flex;
  flex-direction: column;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu > section {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu > section {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}
@media (min-width: 1270px) {
  .ContactUs_ContactUs__0uPxu > section {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}
.ContactUs_ContactUs__0uPxu > section > div {
  flex: 0 0 auto;
}
.ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv {
    margin-top: 60px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv {
    margin-top: 100px;
  }
}
@media (min-width: 1270px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv {
    margin-top: 120px;
  }
}
.ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.36;
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv h1 {
    font-size: 36px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv h1 {
    font-size: 64px;
  }
}
.ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.58;
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv p {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_banner__7WuFv p {
    font-size: 18px;
  }
}
.ContactUs_ContactUs__0uPxu .ContactUs_contactCards__G3GBz {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_contactCards__G3GBz {
    margin-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_contactCards__G3GBz {
    margin-bottom: 50px;
  }
}
@media (min-width: 1270px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_contactCards__G3GBz {
    margin-bottom: 60px;
  }
}
.ContactUs_ContactUs__0uPxu
  .ContactUs_contactCards__G3GBz
  .ContactUs_contactCardWrapper__fvCNT {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 32px;
  width: 100%;
}
@media (max-width: 767px) {
  .ContactUs_ContactUs__0uPxu
    .ContactUs_contactCards__G3GBz
    .ContactUs_contactCardWrapper__fvCNT
    > :not(:last-child) {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu
    .ContactUs_contactCards__G3GBz
    .ContactUs_contactCardWrapper__fvCNT
    > :not(:last-child) {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu
    .ContactUs_contactCards__G3GBz
    .ContactUs_contactCardWrapper__fvCNT {
    flex-direction: row;
  }
  .ContactUs_ContactUs__0uPxu
    .ContactUs_contactCards__G3GBz
    .ContactUs_contactCardWrapper__fvCNT
    > :not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu
    .ContactUs_contactCards__G3GBz
    .ContactUs_contactCardWrapper__fvCNT {
    margin-top: 60px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu
    .ContactUs_contactCards__G3GBz
    .ContactUs_contactCardWrapper__fvCNT {
    margin-top: 100px;
  }
}
@media (min-width: 1270px) {
  .ContactUs_ContactUs__0uPxu
    .ContactUs_contactCards__G3GBz
    .ContactUs_contactCardWrapper__fvCNT {
    margin-top: 120px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu
    .ContactUs_contactCards__G3GBz
    .ContactUs_contactCardWrapper__fvCNT {
    align-items: stretch;
  }
}
.ContactUs_ContactUs__0uPxu
  .ContactUs_contactCards__G3GBz
  .ContactUs_contactCardWrapper__fvCNT
  .ContactUs_contactCardTag__caZI5 {
  margin-bottom: 5px;
}
.ContactUs_ContactUs__0uPxu .ContactUs_socialSection__xSW2D {
  align-items: center;
  background-color: var(--okd-color-background-base-secondary);
  color: var(--okd-color-content-primary);
  justify-content: center;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialSection__xSW2D {
    padding-top: 60px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialSection__xSW2D {
    padding-top: 100px;
  }
}
@media (min-width: 1270px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialSection__xSW2D {
    padding-top: 120px;
  }
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialSection__xSW2D {
    padding-bottom: 60px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialSection__xSW2D {
    padding-bottom: 100px;
  }
}
@media (min-width: 1270px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialSection__xSW2D {
    padding-bottom: 120px;
  }
}
.ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y {
  margin-bottom: -18px;
  text-align: center;
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y {
    margin-left: 0;
  }
}
.ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.32;
  margin-bottom: 18px;
  text-align: center;
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y h1 {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y h1 {
    font-size: 44px;
  }
}
.ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 300px;
}
@media (min-width: 768px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y ul {
    width: 500px;
  }
}
@media (min-width: 1024px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y ul {
    width: 500px;
  }
}
@media (min-width: 1270px) {
  .ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y ul {
    width: 100%;
  }
}
.ContactUs_ContactUs__0uPxu .ContactUs_socialContent__\+282y ul > li {
  flex: 0 0 auto;
}
.index_card__H9PJm {
  background: var(--okd-color-background-surface-primary);
  border-radius: 8px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-width: 400px;
  padding: 24px;
}
.index_card__H9PJm:hover {
  background: var(--okd-color-background-surface-pressed);
  cursor: pointer;
}
@media (max-width: 767px) {
  .index_card__H9PJm {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 8px;
    margin-right: 8px;
    width: calc(100% - 16px);
  }
}
@media (min-width: 768px) {
  .index_card__H9PJm {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 12px;
    margin-right: 12px;
    width: calc(100% - 24px);
  }
}
@media (min-width: 1024px) {
  .index_card__H9PJm {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 12px;
    margin-right: 12px;
    width: calc(50% - 24px);
  }
}
@media (min-width: 1270px) {
  .index_card__H9PJm {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 12px;
    margin-right: 12px;
    width: calc(50% - 24px);
  }
}
.index_card__H9PJm .index_icon__Cq3wc {
  color: var(--okd-color-content-primary);
  font-size: 24px;
}
.index_card__H9PJm .index_titleWrapper__DCG3J {
  align-items: flex-end;
  display: flex;
  padding: 24px 0;
}
.index_card__H9PJm .index_titleWrapper__DCG3J > :not(:last-child) {
  margin-right: 12px;
}
.index_card__H9PJm .index_titleWrapper__DCG3J .index_title__xVUmP {
  color: var(--okd-color-content-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
}
.index_card__H9PJm .index_description__UhEHs {
  color: var(--okd-color-content-tertiary);
  font-size: 16px;
  font-weight: 400;
  line-height: 158%;
  text-align: left;
}
.theme-light,
:root {
  --okd-color-gray-050: #f9f9f9;
  --okd-color-gray-100: #ebebeb;
  --okd-color-gray-200: #dbdbdb;
  --okd-color-gray-300: #bdbdbd;
  --okd-color-gray-400: #929292;
  --okd-color-gray-500: #6e6e6e;
  --okd-color-gray-600: #545454;
  --okd-color-gray-700: #3d3d3d;
  --okd-color-gray-800: #1a1a1a;
  --okd-color-gray-900: #000;
  --okd-color-blue-050: #f5f9ff;
  --okd-color-blue-100: #d1e3ff;
  --okd-color-blue-200: #afcfff;
  --okd-color-blue-300: #8dbbff;
  --okd-color-blue-400: #6ba6ff;
  --okd-color-blue-500: #4992ff;
  --okd-color-blue-600: #277dff;
  --okd-color-blue-700: #0569ff;
  --okd-color-blue-800: #005eea;
  --okd-color-blue-900: #0051ca;
  --okd-color-green-050: #f2fff7;
  --okd-color-green-100: #d2f4de;
  --okd-color-green-200: #a5e9be;
  --okd-color-green-300: #78de9d;
  --okd-color-green-400: #4bd37d;
  --okd-color-green-500: #31bd65;
  --okd-color-green-600: #18a04a;
  --okd-color-green-700: #127837;
  --okd-color-green-800: #0c5025;
  --okd-color-green-900: #0c5025;
  --okd-color-red-050: #fff8f9;
  --okd-color-red-100: #fcdce5;
  --okd-color-red-200: #f9b9ca;
  --okd-color-red-300: #f796b0;
  --okd-color-red-400: #f07596;
  --okd-color-red-500: #f1507b;
  --okd-color-red-600: #c14062;
  --okd-color-red-700: #91304a;
  --okd-color-red-800: #602031;
  --okd-color-red-900: #301019;
  --okd-color-orange-050: #fef9f6;
  --okd-color-orange-100: #fce3d4;
  --okd-color-orange-200: #fbceb4;
  --okd-color-orange-300: #f9b994;
  --okd-color-orange-400: #f7a474;
  --okd-color-orange-500: #f58f54;
  --okd-color-orange-600: #f6813d;
  --okd-color-orange-700: #f16514;
  --okd-color-orange-800: #e96010;
  --okd-color-orange-900: #bf4803;
  --okd-color-yellow-050: #fffcf5;
  --okd-color-yellow-100: #fff2d1;
  --okd-color-yellow-200: #ffe9af;
  --okd-color-yellow-300: #ffdf8d;
  --okd-color-yellow-400: #ffd66b;
  --okd-color-yellow-500: #ffcc49;
  --okd-color-yellow-600: #ffc327;
  --okd-color-yellow-700: #ffb905;
  --okd-color-yellow-800: #eaa900;
  --okd-color-yellow-900: #d29801;
  --okd-color-text-white: #fff;
  --okd-color-text-black: #1f2933;
  --okd-color-background-1: #fff;
  --okd-color-background-2: #f7f7f7;
  --okd-color-transparent: transparent;
  --okd-color-white: #fff;
  --okd-color-black: #000;
  --okd-color-line-muted: #ebebeb;
  --okd-color-line-secondary: #dbdbdb;
  --okd-color-line-amplifed: #bdbdbd;
  --okd-color-text-lighter: #bdbdbd;
  --okd-color-text-light: #929292;
  --okd-color-text-secondary: #3d3d3d;
  --okd-color-text-amplifed: #000;
  --okd-color-background-3: #f2f2f2;
  --okd-color-fq-blue-lv1: #0569ff;
  --okd-color-fq-green-lv1: #19cc5b;
  --okd-color-fq-red-lv1: #f1507b;
  --okd-color-fq-orange-lv1: #f16514;
  --okd-color-fq-blue-lv2: #0569ff;
  --okd-color-background-hover: #ebebeb;
  --okd-color-prefer-red-chart: #f1507b;
  --okd-color-prefer-red-bg: #eb4b6d;
  --okd-color-prefer-green-chart: #19cc5b;
  --okd-color-prefer-green-bg: #31bd65;
  --okd-color-prefer-red-text: #eb4b6d;
  --okd-color-prefer-green-text: #31bd65;
  --okd-color-branded-primary: #bcff2f;
  --okd-color-fq-critical: #eb4b6d;
  --okd-color-fq-warning: #f16514;
  --okd-color-fq-positive: #31bd65;
  --okd-color-fq-neutral: #000;
  --okd-color-fq-accent: #0569ff;
  --okd-color-prefer-neutral-text: #929292;
  --okd-color-prefer-neutral-bg: #929292;
  --okd-color-white-opacity-5: #fff;
  --okd-color-white-opacity-10: hsla(0, 0%, 100%, 0.94);
  --okd-color-white-opacity-20: hsla(0, 0%, 100%, 0.88);
  --okd-color-white-opacity-30: hsla(0, 0%, 100%, 0.78);
  --okd-color-white-opacity-40: hsla(0, 0%, 100%, 0.76);
  --okd-color-white-opacity-50: hsla(0, 0%, 100%, 0.54);
  --okd-color-white-opacity-60: hsla(0, 0%, 100%, 0.36);
  --okd-color-white-opacity-70: hsla(0, 0%, 100%, 0.19);
  --okd-color-white-opacity-80: hsla(0, 0%, 100%, 0.12);
  --okd-color-white-opacity-90: hsla(0, 0%, 100%, 0.06);
  --okd-color-black-opacity-5: #000;
  --okd-color-black-opacity-10: rgba(0, 0, 0, 0.9);
  --okd-color-black-opacity-20: rgba(0, 0, 0, 0.76);
  --okd-color-black-opacity-30: rgba(0, 0, 0, 0.68);
  --okd-color-black-opacity-40: rgba(0, 0, 0, 0.57);
  --okd-color-black-opacity-50: rgba(0, 0, 0, 0.43);
  --okd-color-black-opacity-60: rgba(0, 0, 0, 0.26);
  --okd-color-black-opacity-70: rgba(0, 0, 0, 0.14);
  --okd-color-black-opacity-80: rgba(0, 9, 3, 0.08);
  --okd-color-black-opacity-90: rgba(0, 0, 0, 0.04);
  --okd-color-neutral-5: #fff;
  --okd-color-neutral-10: #fafafa;
  --okd-color-neutral-20: #f3f3f3;
  --okd-color-neutral-30: #e6e6e6;
  --okd-color-neutral-40: #d9d9d9;
  --okd-color-neutral-50: #c7c7c7;
  --okd-color-neutral-60: #b3b3b3;
  --okd-color-neutral-70: #a7a7a7;
  --okd-color-neutral-80: #999;
  --okd-color-neutral-90: #909090;
  --okd-color-neutral-100: grey;
  --okd-color-neutral-110: #757575;
  --okd-color-neutral-120: #666;
  --okd-color-neutral-130: #5b5b5b;
  --okd-color-neutral-140: #4d4d4d;
  --okd-color-neutral-150: #414141;
  --okd-color-neutral-160: #383838;
  --okd-color-neutral-170: #272727;
  --okd-color-neutral-180: #1d1d1d;
  --okd-color-neutral-190: #0e0e0e;
  --okd-color-neutral-200: #000;
  --okd-color-tangerine-5: #ffedcb;
  --okd-color-tangerine-10: #ffd37d;
  --okd-color-tangerine-30: #ffb117;
  --okd-color-tangerine-40: #db8f00;
  --okd-color-tangerine-50: #a06900;
  --okd-color-tangerine-60: #664300;
  --okd-color-lemon-5: #fffdc4;
  --okd-color-lemon-10: #fffa7a;
  --okd-color-lemon-20: #fff500;
  --okd-color-lemon-30: #e5dd00;
  --okd-color-lemon-40: #b2ab00;
  --okd-color-lemon-50: #797400;
  --okd-color-lemon-60: #5c5800;
  --okd-color-tangerine-20: #ffc452;
  --okd-color-neonlime-5: #e6ffb0;
  --okd-color-neonlime-10: #d5ff7d;
  --okd-color-neonlime-20: #bcff2f;
  --okd-color-neonlime-30: #9fe212;
  --okd-color-neonlime-40: #8ec51d;
  --okd-color-neonlime-50: #568000;
  --okd-color-neonlime-60: #3d5c00;
  --okd-color-neonmint-5: #cbffe0;
  --okd-color-neonmint-10: #7dffb1;
  --okd-color-neonmint-20: #24ff7b;
  --okd-color-neonmint-30: #12e366;
  --okd-color-neonmint-40: #00bc4b;
  --okd-color-neonmint-50: #008535;
  --okd-color-neonmint-60: #005c25;
  --okd-color-bluebell-5: #e6eaff;
  --okd-color-bluebell-10: #b8bfff;
  --okd-color-bluebell-20: #8a91ff;
  --okd-color-bluebell-30: #5f62ff;
  --okd-color-bluebell-40: #5043ff;
  --okd-color-bluebell-50: #4c2fff;
  --okd-color-bluebell-60: #1d00d4;
  --okd-color-lavender-5: #f2e8ff;
  --okd-color-lavender-10: #dbbfff;
  --okd-color-lavender-20: #c496ff;
  --okd-color-lavender-30: #ac6cff;
  --okd-color-lavender-40: #9543ff;
  --okd-color-lavender-50: #7e1aff;
  --okd-color-lavender-60: #5600c5;
  --okd-color-orchid-5: #fee7ea;
  --okd-color-orchid-10: #ffc1c9;
  --okd-color-orchid-20: #ffa8b3;
  --okd-color-orchid-30: #ff7888;
  --okd-color-orchid-40: #f5384f;
  --okd-color-orchid-50: #cd2438;
  --okd-color-orchid-60: #9a1b2a;
  --okd-color-semantic-positive-1: #31bd65;
  --okd-color-semantic-negative-1: #eb4b6d;
  --okd-color-transparent-base-black: transparent;
  --okd-color-transparent-base-white: transparent;
  --okd-color-alert-base-info: #f7f7f7;
  --okd-color-alert-base-success: #eaf8f0;
  --okd-color-alert-base-warning: #fef9f6;
  --okd-color-alert-base-error: #fdedf0;
  --okd-color-basil-5: #e9f4d1;
  --okd-color-basil-10: #d2e8a4;
  --okd-color-basil-20: #81be00;
  --okd-color-basil-30: #49a92d;
  --okd-color-basil-40: #2b6d17;
  --okd-color-basil-50: #1a410e;
  --okd-color-basil-60: #1a2600;
  --okd-color-rose-5: #ffdfe9;
  --okd-color-rose-10: #ffc0d3;
  --okd-color-rose-20: #ff5eb6;
  --okd-color-rose-30: #fc46ab;
  --okd-color-rose-40: #a54162;
  --okd-color-rose-50: #532131;
  --okd-color-rose-60: #2a111f;
  --okd-color-neutral-15: #f6f6f6;
  --okd-color-neutral-185: #121212;
  --okd-color-background-base-primary: #fff;
  --okd-color-background-base-secondary: #fafafa;
  --okd-color-background-surface-primary: #f3f3f3;
  --okd-color-background-surface-secondary: #f6f6f6;
  --okd-color-background-surface-pressed: #d9d9d9;
  --okd-color-background-surface-disable: #fafafa;
  --okd-color-background-scrim: rgba(0, 0, 0, 0.43);
  --okd-color-container-primary: #fff;
  --okd-color-container-secondary: #fafafa;
  --okd-color-container-tertiary: #fff;
  --okd-color-container-contrast: #414141;
  --okd-color-container-inverse: #0e0e0e;
  --okd-color-content-primary: #000;
  --okd-color-content-secondary: #383838;
  --okd-color-content-tertiary: #5b5b5b;
  --okd-color-content-contrast: #909090;
  --okd-color-content-disabled: #b3b3b3;
  --okd-color-content-inverse: #fff;
  --okd-color-border-primary: #e6e6e6;
  --okd-color-border-secondary: #b3b3b3;
  --okd-color-border-contrast: #fafafa;
  --okd-color-border-selected: #000;
  --okd-color-semantic-neutral: #000;
  --okd-color-semantic-notice: #ffb117;
  --okd-color-semantic-positive: #31bd65;
  --okd-color-semantic-negative: #eb4b6d;
  --okd-color-semantic-informative: #8a91ff;
  --okd-color-semantic-highlight: #bcff2f;
  --okd-color-dvp-neutral: rgba(0, 0, 0, 0.57);
  --okd-color-dvp-profit: #00bc4b;
  --okd-color-dvp-loss: #f5384f;
  --okd-color-categorical-01: #8a91ff;
  --okd-color-categorical-02: #ffb117;
  --okd-color-categorical-03: #bcff2f;
  --okd-color-categorical-04: #12e366;
  --okd-color-categorical-05: #ff7888;
  --okd-color-common-transparent: hsla(0, 0%, 100%, 0);
  --okd-color-transparent-black: transparent;
  --okd-color-transparent-white: transparent;
  --okd-color-alert-info: #f7f7f7;
  --okd-color-alert-success: #eaf8f0;
  --okd-color-alert-warning: #fef9f6;
  --okd-color-alert-error: #fdedf0;
  --okd-color-common-background-2: #f3f3f3;
  --okd-color-data-visualization-category-01: #8a91ff;
  --okd-color-data-visualization-category-02: #ffb117;
  --okd-color-data-visualization-category-03: #bcff2f;
  --okd-color-data-visualization-category-04: #12e366;
  --okd-color-data-visualization-category-05: #ff7888;
  --okd-color-preference-loss: #f5384f;
  --okd-color-preference-profit: #00bc4b;
  --okd-color-preference-neutral: rgba(0, 0, 0, 0.57);
  --okd-color-border-focus: #000;
  --okd-color-background-base-primaryAlternative: #fff;
  --okd-color-link-content: #4c2fff;
  --okd-color-link-accent-content-primary: #2b6d17;
  --okd-color-background-surface-contrast: #fff;
  --okd-color-background-surface-brand: #000;
  --okd-color-border-tertiary: #f3f3f3;
  --okd-color-content-brand: #000;
  --okd-color-modal-primary: #fff;
  --okd-color-modal-secondary: #fff;
  --okd-color-modal-tertiary: #fff;
  --okd-color-modal-contrast: #4d4d4d;
  --okd-color-card-primary: #f6f6f6;
  --okd-color-card-secondary: #f6f6f6;
  --okd-color-brand-primary: #2b6d17;
  --okd-color-brand-primary-alternative: #2b6d17;
  --okd-color-brand-secondary: #8ec51d;
  --okd-color-brand-tertiary: #bcff2f;
  --okd-color-brand-content: #e6ffb0;
  --okd-color-brand-content-contrast: #e6ffb0;
  --okd-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 rgba(0, 0, 0, 0.051);
  --okd-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.051);
  --okd-shadow-default: 0 1px 3px 0 rgba(0, 0, 0, 0.102),
    0 1px 2px 0 rgba(0, 0, 0, 0.059);
  --okd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.102),
    0 2px 4px -1px rgba(0, 0, 0, 0.059);
  --okd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.102),
    0 4px 6px -2px rgba(0, 0, 0, 0.051);
  --okd-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.102),
    0 10px 10px -5px rgba(0, 0, 0, 0.039);
  --okd-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.251);
  --okd-border-radius-none: 0;
  --okd-border-radius-sm: 2px;
  --okd-border-radius-md: 4px;
  --okd-border-radius-lg: 6px;
  --okd-border-radius-xl: 8px;
  --okd-border-radius-xxl: 10px;
  --okd-border-radius-xxxl: 12px;
  --okd-font-family: HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial,
    Helvetica Neue, Helvetica, sans-serif;
  --okd-text-display-lg-font-size: 56px;
  --okd-text-display-lg-font-weight: 500;
  --okd-text-display-lg-line-height: 1.32;
  --okd-text-display-md-font-size: 40px;
  --okd-text-display-md-font-weight: 500;
  --okd-text-display-md-line-height: 52px;
  --okd-text-display-sm-font-size: 40px;
  --okd-text-display-sm-font-weight: 500;
  --okd-text-display-sm-line-height: 52px;
  --okd-text-heading-lg-font-size: 30px;
  --okd-text-heading-lg-font-weight: 500;
  --okd-text-heading-lg-line-height: 40px;
  --okd-text-heading-md-font-size: 24px;
  --okd-text-heading-md-font-weight: 500;
  --okd-text-heading-md-line-height: 30px;
  --okd-text-heading-sm-font-size: 18px;
  --okd-text-heading-sm-font-weight: 500;
  --okd-text-heading-sm-line-height: 24px;
  --okd-text-heading-xl-font-size: 36px;
  --okd-text-heading-xl-line-height: 1.32;
  --okd-text-heading-xl-font-weight: 600;
  --okd-text-heading-xxl-font-size: 40px;
  --okd-text-heading-xxl-line-height: 1.32;
  --okd-text-heading-xxl-font-weight: 600;
  --okd-text-heading-overline-font-size: 12px;
  --okd-text-heading-overline-line-height: 15px;
  --okd-text-heading-overline-font-weight: 500;
  --okd-text-body-sm-regular-font-size: 14px;
  --okd-text-body-sm-regular-font-weight: 400;
  --okd-text-body-sm-regular-line-height: 21px;
  --okd-text-body-sm-bold-font-size: 14px;
  --okd-text-body-sm-bold-font-weight: 500;
  --okd-text-body-sm-bold-line-height: 21px;
  --okd-text-body-md-regular-font-size: 16px;
  --okd-text-body-md-regular-font-weight: 400;
  --okd-text-body-md-regular-line-height: 24px;
  --okd-text-body-md-bold-font-size: 16px;
  --okd-text-body-md-bold-font-weight: 500;
  --okd-text-body-md-bold-line-height: 24px;
  --okd-text-body-xs-regular-font-size: 12px;
  --okd-text-body-xs-regular-font-weight: 400;
  --okd-text-body-xs-regular-line-height: 18px;
  --okd-text-body-xs-bold-font-size: 12px;
  --okd-text-body-xs-bold-font-weight: 500;
  --okd-text-body-xs-bold-line-height: 18px;
  --okd-font-weight-400: 400;
  --okd-font-weight-500: 500;
  --okd-font-weight-600: 600;
  --okd-font-weight-700: 700;
  --okd-font-weight-800: 800;
  --okd-font-weight-900: 900;
  --okd-font-weight-regular: 400;
  --okd-font-weight-medium: 500;
  --okd-font-weight-bold: 700;
}
.theme-dark {
  --okd-color-gray-050: #000;
  --okd-color-gray-100: #2e2e2e;
  --okd-color-gray-200: #404040;
  --okd-color-gray-300: #6c6c6c;
  --okd-color-gray-400: #909090;
  --okd-color-gray-500: #b0b0b0;
  --okd-color-gray-600: #ccc;
  --okd-color-gray-700: #e3e3e3;
  --okd-color-gray-800: #f0f0f0;
  --okd-color-gray-900: #fafafa;
  --okd-color-blue-050: #051738;
  --okd-color-blue-100: #082356;
  --okd-color-blue-200: #0c3178;
  --okd-color-blue-300: #0f3c94;
  --okd-color-blue-400: #1148b0;
  --okd-color-blue-500: #1453cc;
  --okd-color-blue-600: #175fe8;
  --okd-color-blue-700: #1e6bff;
  --okd-color-blue-800: #3077ff;
  --okd-color-blue-900: #4283ff;
  --okd-color-green-050: #002b1f;
  --okd-color-green-100: #062b12;
  --okd-color-green-200: #0c5625;
  --okd-color-green-300: #138037;
  --okd-color-green-400: #19ab4a;
  --okd-color-green-500: #25a750;
  --okd-color-green-600: #4cde7d;
  --okd-color-green-700: #79e69d;
  --okd-color-green-800: #a5efbe;
  --okd-color-green-900: #d2f7de;
  --okd-color-red-050: #270b12;
  --okd-color-red-100: #300e17;
  --okd-color-red-200: #601d2e;
  --okd-color-red-300: #902b44;
  --okd-color-red-400: #c03a5b;
  --okd-color-red-500: #f04872;
  --okd-color-red-600: #f76489;
  --okd-color-red-700: #f994ae;
  --okd-color-red-800: #f9b6c7;
  --okd-color-red-900: #fff8f9;
  --okd-color-orange-050: #361604;
  --okd-color-orange-100: #532206;
  --okd-color-orange-200: #743008;
  --okd-color-orange-300: #8f3b0a;
  --okd-color-orange-400: #aa460c;
  --okd-color-orange-500: #c5510e;
  --okd-color-orange-600: #e15c0f;
  --okd-color-orange-700: #f76816;
  --okd-color-orange-800: #f87428;
  --okd-color-orange-900: #fa8c4d;
  --okd-color-yellow-050: #2d2104;
  --okd-color-yellow-100: #493603;
  --okd-color-yellow-200: #674b04;
  --okd-color-yellow-300: #7f5d05;
  --okd-color-yellow-400: #966e06;
  --okd-color-yellow-500: #ae8007;
  --okd-color-yellow-600: #c69208;
  --okd-color-yellow-700: #dba20e;
  --okd-color-yellow-800: #dea921;
  --okd-color-yellow-900: #e0b134;
  --okd-color-text-white: #fff;
  --okd-color-text-black: #1f2933;
  --okd-color-background-1: #121212;
  --okd-color-background-2: #1a1a1a;
  --okd-color-transparent: transparent;
  --okd-color-white: #fff;
  --okd-color-black: #000;
  --okd-color-line-muted: #2e2e2e;
  --okd-color-line-amplifed: #6c6c6c;
  --okd-color-line-secondary: #404040;
  --okd-color-text-lighter: #6c6c6c;
  --okd-color-text-light: #909090;
  --okd-color-text-secondary: #e3e3e3;
  --okd-color-text-amplifed: #fafafa;
  --okd-color-background-3: #242424;
  --okd-color-fq-blue-lv1: #3077ff;
  --okd-color-fq-blue-lv2: #1e6bff;
  --okd-color-fq-green-lv1: #1fd65c;
  --okd-color-fq-red-lv1: #f04872;
  --okd-color-fq-orange-lv1: #f76816;
  --okd-color-prefer-red-chart: #f04872;
  --okd-color-prefer-red-bg: #ca3f64;
  --okd-color-prefer-green-chart: #1fd65c;
  --okd-color-prefer-green-bg: #25a750;
  --okd-color-prefer-red-text: #ca3f64;
  --okd-color-prefer-green-text: #25a750;
  --okd-color-branded-primary: #bcff2f;
  --okd-color-fq-critical: #f04872;
  --okd-color-fq-positive: #25a750;
  --okd-color-fq-warning: #f76816;
  --okd-color-fq-accent: #1e6bff;
  --okd-color-fq-neutral: #fafafa;
  --okd-color-prefer-neutral-bg: #909090;
  --okd-color-prefer-neutral-text: #909090;
  --okd-color-white-opacity-5: #fff;
  --okd-color-white-opacity-10: hsla(0, 0%, 100%, 0.94);
  --okd-color-white-opacity-20: hsla(0, 0%, 100%, 0.88);
  --okd-color-white-opacity-30: hsla(0, 0%, 100%, 0.78);
  --okd-color-white-opacity-40: hsla(0, 0%, 100%, 0.76);
  --okd-color-white-opacity-50: hsla(0, 0%, 100%, 0.54);
  --okd-color-white-opacity-60: hsla(0, 0%, 100%, 0.36);
  --okd-color-white-opacity-70: hsla(0, 0%, 100%, 0.19);
  --okd-color-white-opacity-80: hsla(0, 0%, 100%, 0.12);
  --okd-color-white-opacity-90: hsla(0, 0%, 100%, 0.06);
  --okd-color-black-opacity-5: #000;
  --okd-color-black-opacity-10: rgba(0, 0, 0, 0.9);
  --okd-color-black-opacity-20: rgba(0, 0, 0, 0.76);
  --okd-color-black-opacity-30: rgba(0, 0, 0, 0.68);
  --okd-color-black-opacity-40: rgba(0, 0, 0, 0.57);
  --okd-color-black-opacity-50: rgba(0, 0, 0, 0.43);
  --okd-color-black-opacity-60: rgba(0, 0, 0, 0.26);
  --okd-color-black-opacity-70: rgba(0, 0, 0, 0.14);
  --okd-color-black-opacity-80: rgba(0, 9, 3, 0.08);
  --okd-color-black-opacity-90: rgba(0, 0, 0, 0.04);
  --okd-color-neutral-5: #fff;
  --okd-color-neutral-10: #fafafa;
  --okd-color-neutral-20: #f3f3f3;
  --okd-color-neutral-30: #e6e6e6;
  --okd-color-neutral-40: #d9d9d9;
  --okd-color-neutral-50: #c7c7c7;
  --okd-color-neutral-60: #b3b3b3;
  --okd-color-neutral-70: #a7a7a7;
  --okd-color-neutral-80: #999;
  --okd-color-neutral-90: #909090;
  --okd-color-neutral-100: grey;
  --okd-color-neutral-110: #757575;
  --okd-color-neutral-120: #666;
  --okd-color-neutral-130: #5b5b5b;
  --okd-color-neutral-140: #4d4d4d;
  --okd-color-neutral-150: #414141;
  --okd-color-neutral-160: #383838;
  --okd-color-neutral-170: #272727;
  --okd-color-neutral-180: #1d1d1d;
  --okd-color-neutral-190: #0e0e0e;
  --okd-color-neutral-200: #000;
  --okd-color-tangerine-5: #ffedcb;
  --okd-color-tangerine-10: #ffd37d;
  --okd-color-tangerine-30: #ffb117;
  --okd-color-tangerine-40: #db8f00;
  --okd-color-tangerine-50: #a06900;
  --okd-color-tangerine-60: #664300;
  --okd-color-lemon-5: #ffdc4;
  --okd-color-lemon-10: #fffa7a;
  --okd-color-lemon-20: #fff500;
  --okd-color-lemon-30: #e5dd00;
  --okd-color-lemon-40: #b2ab00;
  --okd-color-lemon-50: #797400;
  --okd-color-lemon-60: #5c5800;
  --okd-color-tangerine-20: #ffc452;
  --okd-color-neonlime-5: #e6ffb0;
  --okd-color-neonlime-10: #d5ff7d;
  --okd-color-neonlime-20: #bcff2f;
  --okd-color-neonlime-30: #9fe212;
  --okd-color-neonlime-40: #8ec51d;
  --okd-color-neonlime-50: #568000;
  --okd-color-neonlime-60: #3d5c00;
  --okd-color-neonmint-5: #cbffe0;
  --okd-color-neonmint-10: #7dffb1;
  --okd-color-neonmint-20: #24ff7b;
  --okd-color-neonmint-30: #12e366;
  --okd-color-neonmint-40: #00bc4b;
  --okd-color-neonmint-50: #008535;
  --okd-color-neonmint-60: #005c25;
  --okd-color-bluebell-5: #e6eaff;
  --okd-color-bluebell-10: #b8bfff;
  --okd-color-bluebell-20: #8a91ff;
  --okd-color-bluebell-30: #5f62ff;
  --okd-color-bluebell-40: #5043ff;
  --okd-color-bluebell-50: #4c2fff;
  --okd-color-bluebell-60: #1d00d4;
  --okd-color-lavender-5: #f2e8ff;
  --okd-color-lavender-10: #dbbfff;
  --okd-color-lavender-20: #c496ff;
  --okd-color-lavender-30: #ac6cff;
  --okd-color-lavender-40: #9543ff;
  --okd-color-lavender-50: #7e1aff;
  --okd-color-lavender-60: #5600c5;
  --okd-color-orchid-5: #fee7ea;
  --okd-color-orchid-10: #ffc1c9;
  --okd-color-orchid-20: #ffa8b3;
  --okd-color-orchid-30: #ff7888;
  --okd-color-orchid-40: #f5384f;
  --okd-color-orchid-50: #cd2438;
  --okd-color-orchid-60: #9a1b2a;
  --okd-color-semantic-positive-1: #25a750;
  --okd-color-semantic-negative-1: #ca3f64;
  --okd-color-background-lv1: #121212;
  --okd-color-background-lv2: #1a1a1a;
  --okd-color-transparent-base-black: transparent;
  --okd-color-transparent-base-white: transparent;
  --okd-color-alert-base-info: #2e2e2e;
  --okd-color-alert-base-success: #002b1f;
  --okd-color-alert-base-warning: #361604;
  --okd-color-alert-base-error: #270b12;
  --okd-color-basil-5: #e9f4d1;
  --okd-color-basil-10: #d2e8a4;
  --okd-color-basil-20: #81be00;
  --okd-color-basil-30: #49a92d;
  --okd-color-basil-40: #2b6d17;
  --okd-color-basil-50: #1a410e;
  --okd-color-basil-60: #1a2600;
  --okd-color-rose-5: #ffdfe9;
  --okd-color-rose-10: #ffc0d3;
  --okd-color-rose-20: #ff5eb6;
  --okd-color-rose-30: #fc46ab;
  --okd-color-rose-40: #a54162;
  --okd-color-rose-50: #532131;
  --okd-color-rose-60: #2a111f;
  --okd-color-neutral-15: #f6f6f6;
  --okd-color-neutral-185: #121212;
  --okd-color-background-base-primary: #000;
  --okd-color-background-base-secondary: #121212;
  --okd-color-background-surface-primary: #1d1d1d;
  --okd-color-background-surface-secondary: #121212;
  --okd-color-background-surface-pressed: #383838;
  --okd-color-background-surface-disable: #0e0e0e;
  --okd-color-background-scrim: rgba(0, 0, 0, 0.68);
  --okd-color-container-primary: #272727;
  --okd-color-container-secondary: #272727;
  --okd-color-container-tertiary: #383838;
  --okd-color-container-contrast: #414141;
  --okd-color-container-inverse: #fafafa;
  --okd-color-content-primary: #fff;
  --okd-color-content-secondary: #e6e6e6;
  --okd-color-content-tertiary: #b3b3b3;
  --okd-color-content-contrast: #909090;
  --okd-color-content-disabled: #5b5b5b;
  --okd-color-content-inverse: #000;
  --okd-color-border-primary: #383838;
  --okd-color-border-secondary: #4d4d4d;
  --okd-color-border-contrast: #000;
  --okd-color-border-selected: #fff;
  --okd-color-semantic-neutral: #fff;
  --okd-color-semantic-notice: #ffb117;
  --okd-color-semantic-positive: #25a750;
  --okd-color-semantic-negative: #ca3f64;
  --okd-color-semantic-informative: #8a91ff;
  --okd-color-semantic-highlight: #bcff2f;
  --okd-color-dvp-neutral: hsla(0, 0%, 100%, 0.76);
  --okd-color-dvp-profit: #25a750;
  --okd-color-dvp-loss: #ca3f64;
  --okd-color-categorical-01: #5f62ff;
  --okd-color-categorical-02: #ffb117;
  --okd-color-categorical-03: #bcff2f;
  --okd-color-categorical-04: #00bc4b;
  --okd-color-categorical-05: #f5384f;
  --okd-color-transparent-white: transparent;
  --okd-color-transparent-black: hsla(0, 0%, 100%, 0.02);
  --okd-color-common-transparent: hsla(0, 0%, 100%, 0);
  --okd-color-container-lv2: #1a1a1a;
  --okd-color-alert-info: #2e2e2e;
  --okd-color-alert-success: #002b1f;
  --okd-color-alert-warning: #361604;
  --okd-color-alert-error: #270b12;
  --okd-color-common-background-2: #383838;
  --okd-color-data-visualization-category-01: #5f62ff;
  --okd-color-data-visualization-category-02: #ffb117;
  --okd-color-data-visualization-category-03: #bcff2f;
  --okd-color-data-visualization-category-04: #00bc4b;
  --okd-color-data-visualization-category-05: #f5384f;
  --okd-color-preference-loss: #ca3f64;
  --okd-color-preference-profit: #25a750;
  --okd-color-preference-neutral: hsla(0, 0%, 100%, 0.76);
  --okd-color-border-focus: #fff;
  --okd-color-background-base-primaryAlternative: #000;
  --okd-color-link-content: #8a91ff;
  --okd-color-link-accent-content-primary: #bcff2f;
  --okd-color-background-surface-contrast: #272727;
  --okd-color-background-surface-brand: #bcff2f;
  --okd-color-border-tertiary: #0e0e0e;
  --okd-color-content-brand: #bcff2f;
  --okd-color-modal-primary: #0e0e0e;
  --okd-color-modal-secondary: #272727;
  --okd-color-modal-tertiary: #383838;
  --okd-color-modal-contrast: #4d4d4d;
  --okd-color-card-primary: #0e0e0e;
  --okd-color-card-secondary: #121212;
  --okd-color-brand-primary: #121212;
  --okd-color-brand-primary-alternative: #bcff2f;
  --okd-color-brand-secondary: #272727;
  --okd-color-brand-tertiary: #383838;
  --okd-color-brand-content: #e6ffb0;
  --okd-color-brand-content-contrast: #000;
  --okd-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 rgba(0, 0, 0, 0.051);
  --okd-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.051);
  --okd-shadow-default: 0 1px 3px 0 rgba(0, 0, 0, 0.102),
    0 1px 2px 0 rgba(0, 0, 0, 0.059);
  --okd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.102),
    0 2px 4px -1px rgba(0, 0, 0, 0.059);
  --okd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.102),
    0 4px 6px -2px rgba(0, 0, 0, 0.051);
  --okd-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.102),
    0 10px 10px -5px rgba(0, 0, 0, 0.039);
  --okd-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.251);
  --okd-border-radius-none: 0;
  --okd-border-radius-sm: 2px;
  --okd-border-radius-md: 4px;
  --okd-border-radius-lg: 6px;
  --okd-border-radius-xl: 8px;
  --okd-border-radius-xxl: 10px;
  --okd-border-radius-xxxl: 12px;
  --okd-font-family: HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial,
    Helvetica Neue, Helvetica, sans-serif;
  --okd-text-display-lg-font-size: 56px;
  --okd-text-display-lg-font-weight: 500;
  --okd-text-display-lg-line-height: 1.32;
  --okd-text-display-md-font-size: 40px;
  --okd-text-display-md-font-weight: 500;
  --okd-text-display-md-line-height: 52px;
  --okd-text-display-sm-font-size: 40px;
  --okd-text-display-sm-font-weight: 500;
  --okd-text-display-sm-line-height: 52px;
  --okd-text-heading-lg-font-size: 30px;
  --okd-text-heading-lg-font-weight: 500;
  --okd-text-heading-lg-line-height: 40px;
  --okd-text-heading-md-font-size: 24px;
  --okd-text-heading-md-font-weight: 500;
  --okd-text-heading-md-line-height: 30px;
  --okd-text-heading-sm-font-size: 18px;
  --okd-text-heading-sm-font-weight: 500;
  --okd-text-heading-sm-line-height: 24px;
  --okd-text-heading-xl-font-size: 36px;
  --okd-text-heading-xl-line-height: 1.32;
  --okd-text-heading-xl-font-weight: 600;
  --okd-text-heading-xxl-font-size: 40px;
  --okd-text-heading-xxl-line-height: 1.32;
  --okd-text-heading-xxl-font-weight: 600;
  --okd-text-heading-overline-font-size: 12px;
  --okd-text-heading-overline-line-height: 15px;
  --okd-text-heading-overline-font-weight: 500;
  --okd-text-body-sm-regular-font-size: 14px;
  --okd-text-body-sm-regular-font-weight: 400;
  --okd-text-body-sm-regular-line-height: 21px;
  --okd-text-body-sm-bold-font-size: 14px;
  --okd-text-body-sm-bold-font-weight: 500;
  --okd-text-body-sm-bold-line-height: 21px;
  --okd-text-body-md-regular-font-size: 16px;
  --okd-text-body-md-regular-font-weight: 400;
  --okd-text-body-md-regular-line-height: 24px;
  --okd-text-body-md-bold-font-size: 16px;
  --okd-text-body-md-bold-font-weight: 500;
  --okd-text-body-md-bold-line-height: 24px;
  --okd-text-body-xs-regular-font-size: 12px;
  --okd-text-body-xs-regular-font-weight: 400;
  --okd-text-body-xs-regular-line-height: 18px;
  --okd-text-body-xs-bold-font-size: 12px;
  --okd-text-body-xs-bold-font-weight: 500;
  --okd-text-body-xs-bold-line-height: 18px;
  --okd-font-weight-400: 400;
  --okd-font-weight-500: 500;
  --okd-font-weight-600: 600;
  --okd-font-weight-700: 700;
  --okd-font-weight-800: 800;
  --okd-font-weight-900: 900;
  --okd-font-weight-regular: 400;
  --okd-font-weight-medium: 500;
  --okd-font-weight-bold: 700;
}
.okui-powerLink {
  color: inherit;
  text-decoration: none;
}
.okui-powerLink-a11y.focus-visible {
  border-radius: 2px;
  outline: 2px solid var(--okd-color-border-focus);
  outline-color: var(--okd-color-border-focus);
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.okui-powerLink-a11y:focus-visible {
  border-radius: 2px;
  outline: 2px solid var(--okd-color-border-focus);
  outline-color: var(--okd-color-border-focus);
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.okui-a11y-button.focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--okd-color-border-focus);
  outline-color: var(--okd-color-border-focus);
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.okui-a11y-button:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--okd-color-border-focus);
  outline-color: var(--okd-color-border-focus);
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.okui-icon.icon {
  font-family: var(--ok-icon-font-family) !important;
}
.okui-plain-button {
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: inherit;
}
.okui-plain-button.focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--okd-color-border-focus);
  outline-color: var(--okd-color-border-focus);
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.okui-plain-button:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--okd-color-border-focus);
  outline-color: var(--okd-color-border-focus);
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.okui-plain-button[disabled] {
  cursor: not-allowed;
}
.okui-plain-button-as-div {
  display: block;
  line-height: inherit;
  width: 100%;
}
.SocialMediaButton_SocialMediaButton__M4-95 {
  cursor: pointer;
  display: block;
  padding: 18px;
}
.SocialMediaButton_SocialMediaButton__M4-95 .SocialMediaButton_icon__ENDhL {
  color: var(--okd-color-content-primary);
  font-size: 24px;
}
.SocialMediaButton_qrcode__u7Azq {
  background-color: var(--okd-color-container-tertiary);
  border-radius: 4px;
  color: var(--okd-color-content-primary);
  padding: 8px;
  text-align: center;
}
.SocialMediaButton_qrcode__u7Azq img {
  height: 172px;
  width: 172px;
}
.theme-dark,
.theme-light,
:root {
  --okd-popup-white-board-background: var(--okd-color-modal-primary);
  --okd-popup-white-board-shadow: rgba(0, 0, 0, 0.051) 0px 4px 6px -2px,
    rgba(0, 0, 0, 0.102) 0px 10px 15px -3px;
}
.okui-popup {
  display: inline-flex;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.okui-popup-layer {
  display: none;
  opacity: 0;
  outline: none;
  position: absolute;
  transition: opacity 0.3s;
}
.okui-popup-layer-visible {
  display: block;
  opacity: 1;
}
.okui-popup-layer-arrow-inner {
  border: 1px solid transparent;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  transform: rotate(45deg);
  transform-origin: center;
  width: 100%;
}
.okui-popup-layer.okui-popup-overflow[data-popper-reference-hidden] {
  pointer-events: none;
  visibility: hidden;
}
.okui-popup-white-board .okui-popup-layer-arrow-inner,
.okui-popup-white-board-content {
  background-color: var(--okd-popup-white-board-background);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.okui-popup-white-board-content {
  border-radius: 4px;
  box-shadow: var(--okd-popup-white-board-shadow);
}
.okui-popup-placement-lg-top {
  padding-bottom: 9px;
}
.okui-popup-placement-lg-bottom {
  padding-top: 9px;
}
.okui-popup-placement-lg-left {
  padding-right: 9px;
}
.okui-popup-placement-lg-right {
  padding-left: 9px;
}
.okui-popup-arrow-lg .okui-popup-layer-arrow {
  height: 14px;
  width: 14px;
}
.okui-popup-arrow-lg[data-popper-placement*="top"] {
  padding: 0 0 9px;
}
.okui-popup-arrow-lg[data-popper-placement*="bottom"] {
  padding: 9px 0 0;
}
.okui-popup-arrow-lg[data-popper-placement*="left"] {
  padding: 0 9px 0 0;
}
.okui-popup-arrow-lg[data-popper-placement*="right"] {
  padding: 0 0 0 9px;
}
.okui-popup-arrow-lg[data-popper-placement*="top"] .okui-popup-layer-arrow {
  margin-top: -17px;
  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-arrow-lg[data-popper-placement*="right"] .okui-popup-layer-arrow {
  margin-right: -17px;
  right: 100%;
}
.okui-popup-arrow-lg[data-popper-placement*="right"]
  .okui-popup-layer-arrow-inner {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.okui-popup-arrow-lg[data-popper-placement*="bottom"] .okui-popup-layer-arrow {
  bottom: 100%;
  margin-bottom: -17px;
}
.okui-popup-arrow-lg[data-popper-placement*="bottom"]
  .okui-popup-layer-arrow-inner {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.okui-popup-arrow-lg[data-popper-placement*="left"] .okui-popup-layer-arrow {
  left: 100%;
  margin-left: -17px;
}
.okui-popup-arrow-lg[data-popper-placement*="left"]
  .okui-popup-layer-arrow-inner {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}
.okui-popup-placement-md-top {
  padding-bottom: 7px;
}
.okui-popup-placement-md-bottom {
  padding-top: 7px;
}
.okui-popup-placement-md-left {
  padding-right: 7px;
}
.okui-popup-placement-md-right {
  padding-left: 7px;
}
.okui-popup-arrow-md .okui-popup-layer-arrow {
  height: 10px;
  width: 10px;
}
.okui-popup-arrow-md[data-popper-placement*="top"] {
  padding: 0 0 7px;
}
.okui-popup-arrow-md[data-popper-placement*="bottom"] {
  padding: 7px 0 0;
}
.okui-popup-arrow-md[data-popper-placement*="left"] {
  padding: 0 7px 0 0;
}
.okui-popup-arrow-md[data-popper-placement*="right"] {
  padding: 0 0 0 7px;
}
.okui-popup-arrow-md[data-popper-placement*="top"] .okui-popup-layer-arrow {
  margin-top: -13px;
  top: 100%;
}
.okui-popup-arrow-md[data-popper-placement*="top"]
  .okui-popup-layer-arrow-inner {
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}
.okui-popup-arrow-md[data-popper-placement*="right"] .okui-popup-layer-arrow {
  margin-right: -13px;
  right: 100%;
}
.okui-popup-arrow-md[data-popper-placement*="right"]
  .okui-popup-layer-arrow-inner {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.okui-popup-arrow-md[data-popper-placement*="bottom"] .okui-popup-layer-arrow {
  bottom: 100%;
  margin-bottom: -13px;
}
.okui-popup-arrow-md[data-popper-placement*="bottom"]
  .okui-popup-layer-arrow-inner {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.okui-popup-arrow-md[data-popper-placement*="left"] .okui-popup-layer-arrow {
  left: 100%;
  margin-left: -13px;
}
.okui-popup-arrow-md[data-popper-placement*="left"]
  .okui-popup-layer-arrow-inner {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}
.theme-light,
:root {
  --okd-tag-fill-lime-background-color: var(--okd-color-semantic-highlight);
  --okd-tag-fill-lime-font-color: var(--okd-color-content-primary);
  --okd-tag-fill-lime-border-color: var(--okd-color-common-transparent);
  --okd-tag-fill-lightgrey-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-lightgrey-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-lightgrey-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-md-font-size: 12px;
  --okd-tag-md-font-weight: 400;
  --okd-tag-md-line-height: 16px;
  --okd-tag-md-border-width: 1px;
  --okd-tag-md-border-radius: 4px;
  --okd-tag-md-padding-vertical: 2px;
  --okd-tag-md-padding-horizontal: 4px;
  --okd-tag-lg-font-size: 12px;
  --okd-tag-lg-font-weight: 400;
  --okd-tag-lg-line-height: 16px;
  --okd-tag-lg-border-width: 1px;
  --okd-tag-lg-border-radius: 4px;
  --okd-tag-lg-padding-vertical: 4px;
  --okd-tag-lg-padding-horizontal: 8px;
  --okd-tag-sm-font-size: 10px;
  --okd-tag-sm-font-weight: 400;
  --okd-tag-sm-line-height: 12px;
  --okd-tag-sm-height: 16px;
  --okd-tag-sm-border-width: 1px;
  --okd-tag-sm-border-radius: 4px;
  --okd-tag-sm-padding-vertical: 2px;
  --okd-tag-sm-padding-horizontal: 4px;
  --okd-tag-md-height: 20px;
  --okd-tag-lg-height: 24px;
  --okd-tag-lg-icon-size: 16px;
  --okd-tag-md-icon-size: 16px;
  --okd-tag-sm-icon-size: 12px;
}
.theme-dark {
  --okd-tag-fill-lime-background-color: var(--okd-color-semantic-highlight);
  --okd-tag-fill-lime-font-color: var(--okd-color-content-inverse);
  --okd-tag-fill-lime-border-color: var(--okd-color-common-transparent);
  --okd-tag-fill-lightgrey-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-lightgrey-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-lightgrey-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-md-font-size: 12px;
  --okd-tag-md-font-weight: 400;
  --okd-tag-md-line-height: 16px;
  --okd-tag-md-border-width: 1px;
  --okd-tag-md-border-radius: 4px;
  --okd-tag-md-padding-vertical: 2px;
  --okd-tag-md-padding-horizontal: 4px;
  --okd-tag-lg-font-size: 12px;
  --okd-tag-lg-font-weight: 400;
  --okd-tag-lg-line-height: 16px;
  --okd-tag-lg-border-width: 1px;
  --okd-tag-lg-border-radius: 4px;
  --okd-tag-lg-padding-vertical: 4px;
  --okd-tag-lg-padding-horizontal: 8px;
  --okd-tag-sm-font-size: 10px;
  --okd-tag-sm-font-weight: 400;
  --okd-tag-sm-line-height: 12px;
  --okd-tag-sm-height: 16px;
  --okd-tag-sm-border-width: 1px;
  --okd-tag-sm-border-radius: 4px;
  --okd-tag-sm-padding-vertical: 2px;
  --okd-tag-sm-padding-horizontal: 4px;
  --okd-tag-md-height: 20px;
  --okd-tag-lg-height: 24px;
  --okd-tag-lg-icon-size: 16px;
  --okd-tag-md-icon-size: 16px;
  --okd-tag-sm-icon-size: 12px;
}
.okui-tag-sm {
  --okd-tag-inner-height: var(--okd-tag-sm-height, 16px);
  border-radius: 4px;
  border-radius: var(--okd-tag-sm-border-radius, 4px);
  border-width: 1px;
  border-width: var(--okd-tag-sm-border-width, 1px);
  font-size: 12px;
  font-size: var(--okd-tag-sm-font-size, 12px);
  font-weight: 400;
  font-weight: var(--okd-tag-sm-font-weight, 400);
  line-height: 16px;
  line-height: var(--okd-tag-sm-line-height, 16px);
  padding: 2px 4px;
  padding: var(--okd-tag-sm-padding-vertical, 2px)
    var(--okd-tag-sm-padding-horizontal, 4px);
}
.okui-tag-sm .okui-tag-icon {
  font-size: 12px;
  font-size: var(--okd-tag-sm-icon-size, 12px);
}
.okui-tag-md {
  --okd-tag-inner-height: var(--okd-tag-md-height, 20px);
  border-radius: 4px;
  border-radius: var(--okd-tag-md-border-radius, 4px);
  border-width: 1px;
  border-width: var(--okd-tag-md-border-width, 1px);
  font-size: 12px;
  font-size: var(--okd-tag-md-font-size, 12px);
  font-weight: 400;
  font-weight: var(--okd-tag-md-font-weight, 400);
  line-height: 16px;
  line-height: var(--okd-tag-md-line-height, 16px);
  padding: 2px 4px;
  padding: var(--okd-tag-md-padding-vertical, 2px)
    var(--okd-tag-md-padding-horizontal, 4px);
}
.okui-tag-md .okui-tag-icon {
  font-size: 16px;
  font-size: var(--okd-tag-md-icon-size, 16px);
}
.okui-tag-lg {
  --okd-tag-inner-height: var(--okd-tag-lg-height, 24px);
  border-radius: 4px;
  border-radius: var(--okd-tag-lg-border-radius, 4px);
  border-width: 1px;
  border-width: var(--okd-tag-lg-border-width, 1px);
  font-size: 12px;
  font-size: var(--okd-tag-lg-font-size, 12px);
  font-weight: 400;
  font-weight: var(--okd-tag-lg-font-weight, 400);
  line-height: 16px;
  line-height: var(--okd-tag-lg-line-height, 16px);
  padding: 2px 4px;
  padding: var(--okd-tag-lg-padding-vertical, 2px)
    var(--okd-tag-lg-padding-horizontal, 4px);
}
.okui-tag-lg .okui-tag-icon {
  font-size: 16px;
  font-size: var(--okd-tag-lg-icon-size, 16px);
}
.okui-tag-fixed-height {
  height: var(--okd-tag-inner-height);
  padding-bottom: 0;
  padding-top: 0;
}
.okui-tag {
  align-items: center;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-flex;
}
.okui-tag-ellipsis {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.okui-tag-icon {
  padding-right: 2px;
}
.okui-tag-fill-lime {
  background-color: var(--okd-tag-fill-lime-background-color);
  border-color: var(--okd-tag-fill-lime-border-color);
  color: var(--okd-tag-fill-lime-font-color);
}
.okui-tag.okui-tag-fill-lime {
  font-weight: 700;
}
.okds-calendar {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-calendar:before {
  content: "\e01e";
  font-family: ok-b983c4766d;
}
.okds-p2p {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-p2p:before {
  content: "\e0a3";
  font-family: ok-b983c4766d;
}
.okds-express-buy {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-express-buy:before {
  content: "\e0a2";
  font-family: ok-b983c4766d;
}
.okds-cash-fiat {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-cash-fiat:before {
  content: "\e0a1";
  font-family: ok-b983c4766d;
}
.okds-chevron-down {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-chevron-down:before {
  content: "\e0a0";
  font-family: ok-b983c4766d;
}
.okds-chevron-up {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-chevron-up:before {
  content: "\e09f";
  font-family: ok-b983c4766d;
}
.okds-xbtc {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-xbtc:before {
  content: "\e09e";
  font-family: ok-b983c4766d;
}
.okds-selected {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-selected:before {
  content: "\e09c";
  font-family: ok-b983c4766d;
}
.okds-unselected {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-unselected:before {
  content: "\e09d";
  font-family: ok-b983c4766d;
}
.okds-checkmark {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-checkmark:before {
  content: "\e022";
  font-family: ok-b983c4766d;
}
.okds-refresh {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-refresh:before {
  content: "\e09b";
  font-family: ok-b983c4766d;
}
.okds-draw {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-draw:before {
  content: "\e09a";
  font-family: ok-b983c4766d;
}
.okds-sun {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-sun:before {
  content: "\e099";
  font-family: ok-b983c4766d;
}
.okds-moon {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-moon:before {
  content: "\e098";
  font-family: ok-b983c4766d;
}
.okds-clear {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-clear:before {
  content: "\e097";
  font-family: ok-b983c4766d;
}
.okds-thumb_up {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-thumb_up:before {
  content: "\e096";
  font-family: ok-b983c4766d;
}
.okds-thumb_down {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-thumb_down:before {
  content: "\e095";
  font-family: ok-b983c4766d;
}
.okds-zoom-out {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-zoom-out:before {
  content: "\e094";
  font-family: ok-b983c4766d;
}
.okds-zoom-in {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-zoom-in:before {
  content: "\e093";
  font-family: ok-b983c4766d;
}
.okds-information-circle {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-information-circle:before {
  content: "\e055";
  font-family: ok-b983c4766d;
}
.okds-warning-circle-fill {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-warning-circle-fill:before {
  content: "\e07d";
  font-family: ok-b983c4766d;
}
.okds-success-circle-fill {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-success-circle-fill:before {
  content: "\e084";
  font-family: ok-b983c4766d;
}
.okds-information-circle-fill {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-information-circle-fill:before {
  content: "\e052";
  font-family: ok-b983c4766d;
}
.okds-fail-circle-fill {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-fail-circle-fill:before {
  content: "\e02f";
  font-family: ok-b983c4766d;
}
.okds-arrow-chevron-right-centered-xs {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-chevron-right-centered-xs:before {
  content: "\e092";
  font-family: ok-b983c4766d;
}
.okds-arrow-chevron-right-centered-sm {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-chevron-right-centered-sm:before {
  content: "\e015";
  font-family: ok-b983c4766d;
}
.okds-arrow-chevron-right-centered-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-chevron-right-centered-md:before {
  content: "\e014";
  font-family: ok-b983c4766d;
}
.okds-arrow-pointer-right-xs {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-pointer-right-xs:before {
  content: "\e091";
  font-family: ok-b983c4766d;
}
.okds-arrow-pointer-right-sm {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-pointer-right-sm:before {
  content: "\e00e";
  font-family: ok-b983c4766d;
}
.okds-arrow-pointer-right-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-pointer-right-md:before {
  content: "\e00d";
  font-family: ok-b983c4766d;
}
.okds-user {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-user:before {
  content: "\e07b";
  font-family: ok-b983c4766d;
}
.okds-plus-circle-filled {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-plus-circle-filled:before {
  content: "\e065";
  font-family: ok-b983c4766d;
}
.okds-intermediate {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-intermediate:before {
  content: "\e090";
  font-family: ok-b983c4766d;
}
.okds-arrow-chevron-left-centered-sm {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-chevron-left-centered-sm:before {
  content: "\e013";
  font-family: ok-b983c4766d;
}
.okds-eye-hide {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-eye-hide:before {
  content: "\e03d";
  font-family: ok-b983c4766d;
}
.okds-eye-show {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-eye-show:before {
  content: "\e03f";
  font-family: ok-b983c4766d;
}
.okds-copy {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-copy:before {
  content: "\e033";
  font-family: ok-b983c4766d;
}
.okds-history {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-history:before {
  content: "\e04f";
  font-family: ok-b983c4766d;
}
.okds-back-to-top {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-back-to-top:before {
  content: "\e08f";
  font-family: ok-b983c4766d;
}
.okds-clock {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-clock:before {
  content: "\e028";
  font-family: ok-b983c4766d;
}
.okds-hamburger-setting {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-hamburger-setting:before {
  content: "\e04c";
  font-family: ok-b983c4766d;
}
.okds-trash {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-trash:before {
  content: "\e089";
  font-family: ok-b983c4766d;
}
.okds-fees {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-fees:before {
  content: "\e040";
  font-family: ok-b983c4766d;
}
.okds-open-link {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-open-link:before {
  content: "\e05d";
  font-family: ok-b983c4766d;
}
.okds-setting {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-setting:before {
  content: "\e074";
  font-family: ok-b983c4766d;
}
.okds-crown {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-crown:before {
  content: "\e08e";
  font-family: ok-b983c4766d;
}
.okds-share {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-share:before {
  content: "\e078";
  font-family: ok-b983c4766d;
}
.okds-support {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-support:before {
  content: "\e086";
  font-family: ok-b983c4766d;
}
.okds-analysis {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-analysis:before {
  content: "\e003";
  font-family: ok-b983c4766d;
}
.okds-academy {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-academy:before {
  content: "\e000";
  font-family: ok-b983c4766d;
}
.okds-action-reverse {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-action-reverse:before {
  content: "\e001";
  font-family: ok-b983c4766d;
}
.okds-aed {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-aed:before {
  content: "\e002";
  font-family: ok-b983c4766d;
}
.okds-arrow-cheveron-alignleft-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-cheveron-alignleft-md:before {
  content: "\e004";
  font-family: ok-b983c4766d;
}
.okds-arrow-cheveron-first-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-cheveron-first-md:before {
  content: "\e005";
  font-family: ok-b983c4766d;
}
.okds-arrow-cheveron-last-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-cheveron-last-md:before {
  content: "\e006";
  font-family: ok-b983c4766d;
}
.okds-arrow-chevron-down-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-chevron-down-md:before {
  content: "\e007";
  font-family: ok-b983c4766d;
}
.okds-arrow-chevron-down-sm {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-chevron-down-sm:before {
  content: "\e008";
  font-family: ok-b983c4766d;
}
.okds-arrow-pointer-down-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-pointer-down-md:before {
  content: "\e009";
  font-family: ok-b983c4766d;
}
.okds-arrow-pointer-down-sm {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-pointer-down-sm:before {
  content: "\e00a";
  font-family: ok-b983c4766d;
}
.okds-arrow-pointer-left-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-pointer-left-md:before {
  content: "\e00b";
  font-family: ok-b983c4766d;
}
.okds-arrow-pointer-left-sm {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-pointer-left-sm:before {
  content: "\e00c";
  font-family: ok-b983c4766d;
}
.okds-arrow-pointer-up-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-pointer-up-md:before {
  content: "\e00f";
  font-family: ok-b983c4766d;
}
.okds-arrow-pointer-up-sm {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-pointer-up-sm:before {
  content: "\e010";
  font-family: ok-b983c4766d;
}
.okds-arrow-chevron-up-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-chevron-up-md:before {
  content: "\e011";
  font-family: ok-b983c4766d;
}
.okds-arrow-chevron-left-centered-md {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-chevron-left-centered-md:before {
  content: "\e012";
  font-family: ok-b983c4766d;
}
.okds-arrow-chevron-up-sm {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-arrow-chevron-up-sm:before {
  content: "\e016";
  font-family: ok-b983c4766d;
}
.okds-bell {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-bell:before {
  content: "\e017";
  font-family: ok-b983c4766d;
}
.okds-authenticator {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-authenticator:before {
  content: "\e018";
  font-family: ok-b983c4766d;
}
.okds-borrow {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-borrow:before {
  content: "\e019";
  font-family: ok-b983c4766d;
}
.okds-brl {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-brl:before {
  content: "\e01a";
  font-family: ok-b983c4766d;
}
.okds-brush {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-brush:before {
  content: "\e01b";
  font-family: ok-b983c4766d;
}
.okds-cancel-order {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-cancel-order:before {
  content: "\e01c";
  font-family: ok-b983c4766d;
}
.okds-candlestick {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-candlestick:before {
  content: "\e01d";
  font-family: ok-b983c4766d;
}
.okds-carets-filled-down {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-carets-filled-down:before {
  content: "\e01f";
  font-family: ok-b983c4766d;
}
.okds-chat-bubble {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-chat-bubble:before {
  content: "\e020";
  font-family: ok-b983c4766d;
}
.okds-carets-filled-up {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-carets-filled-up:before {
  content: "\e021";
  font-family: ok-b983c4766d;
}
.okds-clear-fill {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-clear-fill:before {
  content: "\e023";
  font-family: ok-b983c4766d;
}
.okds-assets {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-assets:before {
  content: "\e024";
  font-family: ok-b983c4766d;
}
.okds-bank {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-bank:before {
  content: "\e025";
  font-family: ok-b983c4766d;
}
.okds-clock-filled {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-clock-filled:before {
  content: "\e026";
  font-family: ok-b983c4766d;
}
.okds-clock-outline {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-clock-outline:before {
  content: "\e027";
  font-family: ok-b983c4766d;
}
.okds-close {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-close:before {
  content: "\e029";
  font-family: ok-b983c4766d;
}
.okds-communication-call {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-communication-call:before {
  content: "\e02a";
  font-family: ok-b983c4766d;
}
.okds-communication-idcard {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-communication-idcard:before {
  content: "\e02b";
  font-family: ok-b983c4766d;
}
.okds-communication-img-failed {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-communication-img-failed:before {
  content: "\e02c";
  font-family: ok-b983c4766d;
}
.okds-communications-faceid {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-communications-faceid:before {
  content: "\e02d";
  font-family: ok-b983c4766d;
}
.okds-eye-show-filled {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-eye-show-filled:before {
  content: "\e02e";
  font-family: ok-b983c4766d;
}
.okds-communication-img {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-communication-img:before {
  content: "\e030";
  font-family: ok-b983c4766d;
}
.okds-convertokb {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-convertokb:before {
  content: "\e031";
  font-family: ok-b983c4766d;
}
.okds-cursor-drag {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-cursor-drag:before {
  content: "\e032";
  font-family: ok-b983c4766d;
}
.okds-data-line-chart {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-data-line-chart:before {
  content: "\e034";
  font-family: ok-b983c4766d;
}
.okds-deposit {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-deposit:before {
  content: "\e035";
  font-family: ok-b983c4766d;
}
.okds-cursor-zoom {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-cursor-zoom:before {
  content: "\e036";
  font-family: ok-b983c4766d;
}
.okds-download {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-download:before {
  content: "\e037";
  font-family: ok-b983c4766d;
}
.okds-exchange {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-exchange:before {
  content: "\e038";
  font-family: ok-b983c4766d;
}
.okds-developers {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-developers:before {
  content: "\e039";
  font-family: ok-b983c4766d;
}
.okds-eur {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-eur:before {
  content: "\e03a";
  font-family: ok-b983c4766d;
}
.okds-edit {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-edit:before {
  content: "\e03b";
  font-family: ok-b983c4766d;
}
.okds-expand {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-expand:before {
  content: "\e03c";
  font-family: ok-b983c4766d;
}
.okds-eye-hide-filled {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-eye-hide-filled:before {
  content: "\e03e";
  font-family: ok-b983c4766d;
}
.okds-fail-circle {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-fail-circle:before {
  content: "\e041";
  font-family: ok-b983c4766d;
}
.okds-filter {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-filter:before {
  content: "\e042";
  font-family: ok-b983c4766d;
}
.okds-finance-bank {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-finance-bank:before {
  content: "\e043";
  font-family: ok-b983c4766d;
}
.okds-finance-seagull {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-finance-seagull:before {
  content: "\e044";
  font-family: ok-b983c4766d;
}
.okds-finance-earn {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-finance-earn:before {
  content: "\e045";
  font-family: ok-b983c4766d;
}
.okds-futures {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-futures:before {
  content: "\e046";
  font-family: ok-b983c4766d;
}
.okds-funding-rates {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-funding-rates:before {
  content: "\e047";
  font-family: ok-b983c4766d;
}
.okds-gbp {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-gbp:before {
  content: "\e048";
  font-family: ok-b983c4766d;
}
.okds-guide {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-guide:before {
  content: "\e049";
  font-family: ok-b983c4766d;
}
.okds-hamburger-edit {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-hamburger-edit:before {
  content: "\e04a";
  font-family: ok-b983c4766d;
}
.okds-hamburger-search {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-hamburger-search:before {
  content: "\e04b";
  font-family: ok-b983c4766d;
}
.okds-hamburger {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-hamburger:before {
  content: "\e04d";
  font-family: ok-b983c4766d;
}
.okds-hierachy {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-hierachy:before {
  content: "\e04e";
  font-family: ok-b983c4766d;
}
.okds-id-card {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-id-card:before {
  content: "\e050";
  font-family: ok-b983c4766d;
}
.okds-img {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-img:before {
  content: "\e051";
  font-family: ok-b983c4766d;
}
.okds-link {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-link:before {
  content: "\e053";
  font-family: ok-b983c4766d;
}
.okds-insurance-fund {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-insurance-fund:before {
  content: "\e054";
  font-family: ok-b983c4766d;
}
.okds-locked {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-locked:before {
  content: "\e056";
  font-family: ok-b983c4766d;
}
.okds-language {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-language:before {
  content: "\e057";
  font-family: ok-b983c4766d;
}
.okds-mail {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-mail:before {
  content: "\e058";
  font-family: ok-b983c4766d;
}
.okds-margin {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-margin:before {
  content: "\e059";
  font-family: ok-b983c4766d;
}
.okds-logout {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-logout:before {
  content: "\e05a";
  font-family: ok-b983c4766d;
}
.okds-minus {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-minus:before {
  content: "\e05b";
  font-family: ok-b983c4766d;
}
.okds-more {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-more:before {
  content: "\e05c";
  font-family: ok-b983c4766d;
}
.okds-network-fee-standard {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-network-fee-standard:before {
  content: "\e05e";
  font-family: ok-b983c4766d;
}
.okds-option {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-option:before {
  content: "\e05f";
  font-family: ok-b983c4766d;
}
.okds-orders {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-orders:before {
  content: "\e060";
  font-family: ok-b983c4766d;
}
.okds-pending-circle {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-pending-circle:before {
  content: "\e061";
  font-family: ok-b983c4766d;
}
.okds-pie-chart {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-pie-chart:before {
  content: "\e062";
  font-family: ok-b983c4766d;
}
.okds-place-order {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-place-order:before {
  content: "\e063";
  font-family: ok-b983c4766d;
}
.okds-play {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-play:before {
  content: "\e064";
  font-family: ok-b983c4766d;
}
.okds-plus-circle {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-plus-circle:before {
  content: "\e066";
  font-family: ok-b983c4766d;
}
.okds-plus {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-plus:before {
  content: "\e067";
  font-family: ok-b983c4766d;
}
.okds-profile {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-profile:before {
  content: "\e068";
  font-family: ok-b983c4766d;
}
.okds-qrcode {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-qrcode:before {
  content: "\e069";
  font-family: ok-b983c4766d;
}
.okds-question-mark-circle-fill {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-question-mark-circle-fill:before {
  content: "\e06a";
  font-family: ok-b983c4766d;
}
.okds-question-mark-circle {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-question-mark-circle:before {
  content: "\e06b";
  font-family: ok-b983c4766d;
}
.okds-sort-up-center-aligned {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-sort-up-center-aligned:before {
  content: "\e06c";
  font-family: ok-b983c4766d;
}
.okds-records {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-records:before {
  content: "\e06d";
  font-family: ok-b983c4766d;
}
.okds-red-packe {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-red-packe:before {
  content: "\e06e";
  font-family: ok-b983c4766d;
}
.okds-scan {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-scan:before {
  content: "\e06f";
  font-family: ok-b983c4766d;
}
.okds-report-centre {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-report-centre:before {
  content: "\e070";
  font-family: ok-b983c4766d;
}
.okds-security-fill {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-security-fill:before {
  content: "\e071";
  font-family: ok-b983c4766d;
}
.okds-search {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-search:before {
  content: "\e072";
  font-family: ok-b983c4766d;
}
.okds-security {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-security:before {
  content: "\e073";
  font-family: ok-b983c4766d;
}
.okds-transfer {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-transfer:before {
  content: "\e075";
  font-family: ok-b983c4766d;
}
.okds-settlement-history {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-settlement-history:before {
  content: "\e076";
  font-family: ok-b983c4766d;
}
.okds-trends {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-trends:before {
  content: "\e077";
  font-family: ok-b983c4766d;
}
.okds-sort-default-center-aligned {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-sort-default-center-aligned:before {
  content: "\e079";
  font-family: ok-b983c4766d;
}
.okds-sort-default {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-sort-default:before {
  content: "\e07a";
  font-family: ok-b983c4766d;
}
.okds-sort-down-center-aligned-svg {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-sort-down-center-aligned-svg:before {
  content: "\e07c";
  font-family: ok-b983c4766d;
}
.okds-withdraw {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-withdraw:before {
  content: "\e07e";
  font-family: ok-b983c4766d;
}
.okds-sort-down {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-sort-down:before {
  content: "\e07f";
  font-family: ok-b983c4766d;
}
.okds-sort-up {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-sort-up:before {
  content: "\e080";
  font-family: ok-b983c4766d;
}
.okds-star-filled {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-star-filled:before {
  content: "\e081";
  font-family: ok-b983c4766d;
}
.okds-star {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-star:before {
  content: "\e082";
  font-family: ok-b983c4766d;
}
.okds-strong-alert {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-strong-alert:before {
  content: "\e083";
  font-family: ok-b983c4766d;
}
.okds-success-circle {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-success-circle:before {
  content: "\e085";
  font-family: ok-b983c4766d;
}
.okds-trade-1 {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-trade-1:before {
  content: "\e087";
  font-family: ok-b983c4766d;
}
.okds-transfer-circle {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-transfer-circle:before {
  content: "\e088";
  font-family: ok-b983c4766d;
}
.okds-unlocked {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-unlocked:before {
  content: "\e08a";
  font-family: ok-b983c4766d;
}
.okds-unlink {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-unlink:before {
  content: "\e08b";
  font-family: ok-b983c4766d;
}
.okds-usd {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-usd:before {
  content: "\e08c";
  font-family: ok-b983c4766d;
}
.okds-warning-circle {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-warning-circle:before {
  content: "\e08d";
  font-family: ok-b983c4766d;
}
@font-face {
  font-display: block;
  font-family: ok-b983c4766d;
  font-style: normal;
  src: url(../d3ca660b5307dba869ce.woff2) format("woff2");
}
[dir="rtl"] .okds-arrow-cheveron-alignleft-md:before,
[dir="rtl"] .okds-arrow-cheveron-first-md:before,
[dir="rtl"] .okds-arrow-cheveron-last-md:before,
[dir="rtl"] .okds-arrow-chevron-left-centered-md:before,
[dir="rtl"] .okds-arrow-chevron-left-centered-sm:before,
[dir="rtl"] .okds-arrow-chevron-right-centered-md:before,
[dir="rtl"] .okds-arrow-chevron-right-centered-sm:before,
[dir="rtl"] .okds-arrow-chevron-right-centered-xs:before,
[dir="rtl"] .okds-arrow-pointer-left-md:before,
[dir="rtl"] .okds-arrow-pointer-left-sm:before,
[dir="rtl"] .okds-arrow-pointer-right-md:before,
[dir="rtl"] .okds-arrow-pointer-right-sm:before,
[dir="rtl"] .okds-arrow-pointer-right-xs:before,
[dir="rtl"] .okds-communication-idcard:before,
[dir="rtl"] .okds-copy:before,
[dir="rtl"] .okds-eye-hide-filled:before,
[dir="rtl"] .okds-eye-hide:before,
[dir="rtl"] .okds-guide:before,
[dir="rtl"] .okds-logout:before,
[dir="rtl"] .okds-network-fee-standard:before,
[dir="rtl"] .okds-open-link:before,
[dir="rtl"] .okds-orders:before,
[dir="rtl"] .okds-question-mark-circle-fill:before,
[dir="rtl"] .okds-question-mark-circle:before,
[dir="rtl"] .okds-report-centre:before {
  transform: scaleX(-1);
}
.okx-support-call-endcall {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-call-endcall:before {
  content: "\e04f";
  font-family: ok-e09ae86f22;
}
.okx-support-im-pin {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-pin:before {
  content: "\e04e";
  font-family: ok-e09ae86f22;
}
.okx-support-im-unpin {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-unpin:before {
  content: "\e04d";
  font-family: ok-e09ae86f22;
}
.okx-support-broadcast {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-broadcast:before {
  content: "\e04c";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-glassdoor {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-glassdoor:before {
  content: "\e04b";
  font-family: ok-e09ae86f22;
}
.okx-support-ticket-unavailable {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-ticket-unavailable:before {
  content: "\e04a";
  font-family: ok-e09ae86f22;
}
.okx-support-ticket-agent {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-ticket-agent:before {
  content: "\e047";
  font-family: ok-e09ae86f22;
}
.okx-support-ticket-okassistant {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-ticket-okassistant:before {
  content: "\e048";
  font-family: ok-e09ae86f22;
}
.okx-support-ticket-user {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-ticket-user:before {
  content: "\e049";
  font-family: ok-e09ae86f22;
}
.okx-support-myticket-play {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-myticket-play:before {
  content: "\e046";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-whatsapp {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-whatsapp:before {
  content: "\e045";
  font-family: ok-e09ae86f22;
}
.okx-support-android {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-android:before {
  content: "\e044";
  font-family: ok-e09ae86f22;
}
.okx-support-message {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-message:before {
  content: "\e043";
  font-family: ok-e09ae86f22;
}
.okx-support-cash-withdrawal {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-cash-withdrawal:before {
  content: "\e042";
  font-family: ok-e09ae86f22;
}
.okx-support-cash-deposit {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-cash-deposit:before {
  content: "\e041";
  font-family: ok-e09ae86f22;
}
.okx-support-forms {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-forms:before {
  content: "\e040";
  font-family: ok-e09ae86f22;
}
.okx-support-im-mic-on {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-mic-on:before {
  content: "\e03f";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-general {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-general:before {
  content: "\e03e";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-csv {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-csv:before {
  content: "\e037";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-doc {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-doc:before {
  content: "\e038";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-pdf {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-pdf:before {
  content: "\e039";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-jpg {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-jpg:before {
  content: "\e03a";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-xls {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-xls:before {
  content: "\e03b";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-xlsx {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-xlsx:before {
  content: "\e03c";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-docx {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-docx:before {
  content: "\e03d";
  font-family: ok-e09ae86f22;
}
.okx-support-im-reply {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-reply:before {
  content: "\e036";
  font-family: ok-e09ae86f22;
}
.okx-support-im-recall-message {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-recall-message:before {
  content: "\e035";
  font-family: ok-e09ae86f22;
}
.okx-support-im-video-on {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-video-on:before {
  content: "\e034";
  font-family: ok-e09ae86f22;
}
.okx-support-im-volume-max {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-volume-max:before {
  content: "\e033";
  font-family: ok-e09ae86f22;
}
.okx-support-im-call {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-call:before {
  content: "\e031";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-VK {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-VK:before {
  content: "\e02d";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-pressroom {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-pressroom:before {
  content: "\e02c";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-tiktok {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-tiktok:before {
  content: "\e02b";
  font-family: ok-e09ae86f22;
}
.okx-support-channel-blog {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-channel-blog:before {
  content: "\e002";
  font-family: ok-e09ae86f22;
}
.okx-support-okassistant-language {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-okassistant-language:before {
  content: "\e029";
  font-family: ok-e09ae86f22;
}
.okx-support-okassistant-collapse {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-okassistant-collapse:before {
  content: "\e02a";
  font-family: ok-e09ae86f22;
}
.okx-support-annoncements-category-others {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-annoncements-category-others:before {
  content: "\e000";
  font-family: ok-e09ae86f22;
}
.okx-support-articleoutline {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-articleoutline:before {
  content: "\e001";
  font-family: ok-e09ae86f22;
}
.okx-support-channel-email {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-channel-email:before {
  content: "\e003";
  font-family: ok-e09ae86f22;
}
.okx-support-channel-phone {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-channel-phone:before {
  content: "\e004";
  font-family: ok-e09ae86f22;
}
.okx-support-channel-website {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-channel-website:before {
  content: "\e005";
  font-family: ok-e09ae86f22;
}
.okx-support-chat-bubble {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-chat-bubble:before {
  content: "\e006";
  font-family: ok-e09ae86f22;
}
.okx-support-chatbot-dark {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-chatbot-dark:before {
  content: "\e007";
  font-family: ok-e09ae86f22;
}
.okx-support-chatbot-light {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-chatbot-light:before {
  content: "\e008";
  font-family: ok-e09ae86f22;
}
.okx-support-chatbot {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-chatbot:before {
  content: "\e009";
  font-family: ok-e09ae86f22;
}
.okx-support-headphones {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-headphones:before {
  content: "\e00a";
  font-family: ok-e09ae86f22;
}
.okx-support-community-tradingview {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-community-tradingview:before {
  content: "\e00b";
  font-family: ok-e09ae86f22;
}
.okx-support-share-copylink {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-share-copylink:before {
  content: "\e00c";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-btok {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-btok:before {
  content: "\e013";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-dingtalk {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-dingtalk:before {
  content: "\e014";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-facebook {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-facebook:before {
  content: "\e015";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-discord {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-discord:before {
  content: "\e016";
  font-family: ok-e09ae86f22;
}
.okx-support-translate-line-rtl {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-translate-line-rtl:before {
  content: "\e018";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-instagram {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-instagram:before {
  content: "\e019";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-line {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-line:before {
  content: "\e01a";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-linkedin {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-linkedin:before {
  content: "\e01b";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-medium {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-medium:before {
  content: "\e01c";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-qq {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-qq:before {
  content: "\e01d";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-reddit {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-reddit:before {
  content: "\e01e";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-sina {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-sina:before {
  content: "\e01f";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-telegram {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-telegram:before {
  content: "\e020";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-wechat {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-wechat:before {
  content: "\e021";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-x {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-x:before {
  content: "\e022";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-youtube {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-youtube:before {
  content: "\e023";
  font-family: ok-e09ae86f22;
}
.okx-support-thumb-down-filled {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-thumb-down-filled:before {
  content: "\e024";
  font-family: ok-e09ae86f22;
}
.okx-support-thumb-down {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-thumb-down:before {
  content: "\e025";
  font-family: ok-e09ae86f22;
}
.okx-support-thumb-up-filled {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-thumb-up-filled:before {
  content: "\e026";
  font-family: ok-e09ae86f22;
}
.okx-support-thumb-up {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-thumb-up:before {
  content: "\e027";
  font-family: ok-e09ae86f22;
}
.okx-support-translate-line {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-translate-line:before {
  content: "\e028";
  font-family: ok-e09ae86f22;
}
.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-style: normal;
}
.iconfont:before {
  display: inline-block;
}
@font-face {
  font-display: block;
  font-family: ok-e09ae86f22;
  font-style: normal;
  src: url(../ceea70b835b260e35373.woff2) format("woff2");
}
[dir="rtl"] .okx-support-cash-deposit:before,
[dir="rtl"] .okx-support-cash-withdrawal:before,
[dir="rtl"] .okx-support-chatbot-dark:before,
[dir="rtl"] .okx-support-chatbot-light:before,
[dir="rtl"] .okx-support-forms:before,
[dir="rtl"] .okx-support-im-upload-general:before,
[dir="rtl"] .okx-support-message:before {
  transform: scaleX(-1);
}