.AboutUs_AboutUs__vmupj {
  background-color: var(--okd-color-background-base-primary);
  color: var(--okd-color-content-primary);
  min-height: 900px;
}
.AboutUs_AboutUs__vmupj * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.AboutUs_AboutUs__vmupj section:not(.AboutUs_missionSection__LKkRD) {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .AboutUs_AboutUs__vmupj section:not(.AboutUs_missionSection__LKkRD) {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .AboutUs_AboutUs__vmupj section:not(.AboutUs_missionSection__LKkRD) {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}
@media (min-width: 1270px) {
  .AboutUs_AboutUs__vmupj section:not(.AboutUs_missionSection__LKkRD) {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}
.AboutUs_AboutUs__vmupj section > div {
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .AboutUs_AboutUs__vmupj section {
    display: flex;
    flex-wrap: wrap;
  }
}
.AboutUs_banner__z1CNv {
  padding-bottom: 144px;
  padding-top: 144px;
  text-align: center;
}
@media (max-width: 767px) {
  .AboutUs_banner__z1CNv {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .AboutUs_banner__z1CNv {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 8.33333333%;
    padding-left: 12px;
    padding-right: 12px;
    width: 83.33333333%;
  }
}
@media (min-width: 1024px) {
  .AboutUs_banner__z1CNv {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 16.66666667%;
    padding-left: 12px;
    padding-right: 12px;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .AboutUs_banner__z1CNv {
    padding-bottom: 184px;
  }
}
@media (min-width: 1270px) {
  .AboutUs_banner__z1CNv {
    padding-bottom: 224px;
  }
}
.AboutUs_banner__z1CNv .AboutUs_logoImg__jVTeV {
  display: block;
  margin: auto;
  width: 270px;
}
.AboutUs_banner__z1CNv .AboutUs_logoImg__jVTeV + h1,
.AboutUs_banner__z1CNv .AboutUs_logoImg__jVTeV + p {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .AboutUs_banner__z1CNv .AboutUs_logoImg__jVTeV {
    margin-top: 100px;
  }
}
.AboutUs_banner__z1CNv h1,
.AboutUs_banner__z1CNv p {
  font-size: 18px;
  line-height: 1.67;
}
.AboutUs_banner__z1CNv h1 + h1,
.AboutUs_banner__z1CNv h1 + p,
.AboutUs_banner__z1CNv p + h1,
.AboutUs_banner__z1CNv p + p {
  margin-top: 18px;
}
@media (min-width: 768px) {
  .AboutUs_banner__z1CNv h1,
  .AboutUs_banner__z1CNv p {
    font-size: 19px;
  }
  .AboutUs_banner__z1CNv h1 + h1,
  .AboutUs_banner__z1CNv h1 + p,
  .AboutUs_banner__z1CNv p + h1,
  .AboutUs_banner__z1CNv p + p {
    margin-top: 19px;
  }
}
body.theme-dark .AboutUs_AboutUs__vmupj .AboutUs_half__if43k {
  --header-deco-1x: url(/cdn/assets/imgs/225/CC58ACFDBB73F9BF.png);
  --header-deco-2x: url(/cdn/assets/imgs/225/0B03BB3B4D00826B.png);
  --header-deco-3x: url(/cdn/assets/imgs/225/AD7B3CED47CC7DF6.png);
  --header-deco-hover-1x: url(/cdn/assets/imgs/225/CA40B7822E14AAEF.png);
  --header-deco-hover-2x: url(/cdn/assets/imgs/225/728D7A2DFEC503E8.png);
  --header-deco-hover-3x: url(/cdn/assets/imgs/225/1F3A4EA88B690E29.png);
}
.AboutUs_half__if43k {
  --header-deco-1x: url(/cdn/assets/imgs/225/CA40B7822E14AAEF.png);
  --header-deco-2x: url(/cdn/assets/imgs/225/728D7A2DFEC503E8.png);
  --header-deco-3x: url(/cdn/assets/imgs/225/1F3A4EA88B690E29.png);
  --header-deco-hover-1x: url(/cdn/assets/imgs/225/CC58ACFDBB73F9BF.png);
  --header-deco-hover-2x: url(/cdn/assets/imgs/225/0B03BB3B4D00826B.png);
  --header-deco-hover-3x: url(/cdn/assets/imgs/225/AD7B3CED47CC7DF6.png);
  background: var(--okd-color-background-surface-primary);
  padding-bottom: 96px;
  padding-top: 40px;
  transition-duration: 0.3s;
  transition-property: background-color, color;
  transition-timing-function: ease;
  will-change: background-color, color;
}
.AboutUs_half__if43k:hover {
  background: var(--okd-color-container-inverse);
  color: var(--okd-color-content-inverse);
}
.AboutUs_half__if43k:hover h2 {
  background-image: var(--header-deco-hover-2x);
  background-image: var(--header-deco-hover-1x);
  background-image: -webkit-image-set(
    var(--header-deco-hover-1x) 1x,
    var(--header-deco-hover-2x) 2x,
    var(--header-deco-hover-3x) 3x
  );
  background-image: image-set(
    var(--header-deco-hover-1x) 1x,
    var(--header-deco-hover-2x) 2x,
    var(--header-deco-hover-3x) 3x
  );
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .AboutUs_half__if43k:hover h2 {
    background-image: var(--header-deco-hover-2x);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .AboutUs_half__if43k:hover h2 {
    background-image: var(--header-deco-hover-3x);
  }
}
.AboutUs_half__if43k:nth-child(odd) {
  padding-right: 16px;
}
@media (max-width: 767px) {
  .AboutUs_half__if43k:nth-child(odd) {
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  .AboutUs_half__if43k:nth-child(odd) {
    padding-left: 24px;
  }
}
@media (min-width: 1024px) {
  .AboutUs_half__if43k:nth-child(odd) {
    padding-left: calc(50% - 468px);
  }
}
@media (min-width: 1270px) {
  .AboutUs_half__if43k:nth-child(odd) {
    padding-left: calc(50% - 612px);
  }
}
.AboutUs_half__if43k:nth-child(2n) {
  padding-left: 16px;
}
@media (max-width: 767px) {
  .AboutUs_half__if43k:nth-child(2n) {
    padding-right: 16px;
  }
}
@media (min-width: 768px) {
  .AboutUs_half__if43k:nth-child(2n) {
    padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  .AboutUs_half__if43k:nth-child(2n) {
    padding-right: calc(50% - 468px);
  }
}
@media (min-width: 1270px) {
  .AboutUs_half__if43k:nth-child(2n) {
    padding-right: calc(50% - 612px);
  }
}
@media (min-width: 768px) {
  .AboutUs_half__if43k {
    padding-bottom: 88px;
    padding-top: 32px;
    width: 50%;
  }
  .AboutUs_half__if43k:nth-child(odd) {
    padding-right: 48px;
  }
  .AboutUs_half__if43k:nth-child(2n) {
    padding-left: 48px;
  }
}
@media (min-width: 1024px) {
  .AboutUs_half__if43k {
    padding-bottom: 104px;
    padding-top: 96px;
  }
}
@media (min-width: 1270px) {
  .AboutUs_half__if43k {
    padding-bottom: 168px;
  }
  .AboutUs_half__if43k:nth-child(odd) {
    padding-right: 104px;
  }
  .AboutUs_half__if43k:nth-child(2n) {
    padding-left: 104px;
  }
}
.AboutUs_half__if43k h2 {
  background-image: var(--header-deco-2x);
  background-image: var(--header-deco-1x);
  background-image: -webkit-image-set(
    var(--header-deco-1x) 1x,
    var(--header-deco-2x) 2x,
    var(--header-deco-3x) 3x
  );
  background-image: image-set(
    var(--header-deco-1x) 1x,
    var(--header-deco-2x) 2x,
    var(--header-deco-3x) 3x
  );
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.32;
  padding-top: 64px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .AboutUs_half__if43k h2 {
    background-image: var(--header-deco-2x);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .AboutUs_half__if43k h2 {
    background-image: var(--header-deco-3x);
  }
}
.AboutUs_half__if43k h2 + .AboutUs_text__BW8Vn,
.AboutUs_half__if43k h2 + p {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .AboutUs_half__if43k h2 {
    font-size: 44px;
  }
  .AboutUs_half__if43k h2 + .AboutUs_text__BW8Vn,
  .AboutUs_half__if43k h2 + p {
    margin-top: 40px;
  }
}
.AboutUs_half__if43k .AboutUs_text__BW8Vn,
.AboutUs_half__if43k p {
  --okd-hyperlink-md-font-size: 14px;
  --okd-hyperlink-md-line-height: 1.58;
  font-size: 14px;
  line-height: 1.58;
}
.AboutUs_half__if43k .AboutUs_text__BW8Vn .AboutUs_text__BW8Vn,
.AboutUs_half__if43k .AboutUs_text__BW8Vn + li,
.AboutUs_half__if43k .AboutUs_text__BW8Vn + p,
.AboutUs_half__if43k p .AboutUs_text__BW8Vn,
.AboutUs_half__if43k p + li,
.AboutUs_half__if43k p + p {
  margin-top: 22px;
}
.AboutUs_half__if43k .AboutUs_text__BW8Vn br[aria-hidden="true"],
.AboutUs_half__if43k p br[aria-hidden="true"] {
  display: block;
}
@media (min-width: 768px) {
  .AboutUs_half__if43k .AboutUs_text__BW8Vn,
  .AboutUs_half__if43k p {
    --okd-hyperlink-md-font-size: 16px;
    --okd-hyperlink-md-line-height: 1.8;
    font-size: 16px;
    line-height: 1.8;
  }
  .AboutUs_half__if43k .AboutUs_text__BW8Vn + .AboutUs_text__BW8Vn,
  .AboutUs_half__if43k .AboutUs_text__BW8Vn + li,
  .AboutUs_half__if43k .AboutUs_text__BW8Vn + p,
  .AboutUs_half__if43k p + .AboutUs_text__BW8Vn,
  .AboutUs_half__if43k p + li,
  .AboutUs_half__if43k p + p {
    margin-top: 28px;
  }
}
.AboutUs_cryptoSection__N2\+Hi {
  align-items: center;
  background-color: var(--okd-color-container-inverse);
  color: var(--okd-color-content-inverse);
  display: flex;
}
.AboutUs_cryptoDeco__bIIGS {
  display: none;
}
@media (min-width: 1024px) {
  .AboutUs_cryptoDeco__bIIGS {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    width: 41.66666667%;
  }
}
@media (min-width: 1270px) {
  .AboutUs_cryptoDeco__bIIGS {
    display: block;
  }
}
.AboutUs_cryptoDeco__bIIGS img {
  display: block;
}
@media (min-width: 1024px) {
  .AboutUs_cryptoDeco__bIIGS img {
    margin-left: auto;
  }
}
@media (min-width: 1270px) {
  .AboutUs_cryptoDeco__bIIGS img {
    margin-right: auto;
  }
}
.AboutUs_crypto__iKTmU {
  padding-bottom: 72px;
  padding-top: 72px;
}
@media (max-width: 767px) {
  .AboutUs_crypto__iKTmU {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .AboutUs_crypto__iKTmU {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 8.33333333%;
    padding-left: 12px;
    padding-right: 12px;
    width: 83.33333333%;
  }
}
@media (min-width: 1024px) {
  .AboutUs_crypto__iKTmU {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 58.33333333%;
  }
}
@media (min-width: 1270px) {
  .AboutUs_crypto__iKTmU {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .AboutUs_crypto__iKTmU {
    margin-left: 0;
  }
}
@media (min-width: 1270px) {
  .AboutUs_crypto__iKTmU {
    margin-left: 8.33333333%;
  }
}
.AboutUs_crypto__iKTmU h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.32;
}
.AboutUs_crypto__iKTmU h2 + .AboutUs_text__BW8Vn,
.AboutUs_crypto__iKTmU h2 + p {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .AboutUs_crypto__iKTmU h2 {
    font-size: 44px;
    text-align: center;
  }
  .AboutUs_crypto__iKTmU h2 + .AboutUs_text__BW8Vn,
  .AboutUs_crypto__iKTmU h2 + p {
    margin-top: 48px;
  }
}
@media (min-width: 1024px) {
  .AboutUs_crypto__iKTmU h2 {
    text-align: left;
  }
}
.AboutUs_crypto__iKTmU .AboutUs_text__BW8Vn,
.AboutUs_crypto__iKTmU p {
  --okd-hyperlink-md-font-size: 14px;
  --okd-hyperlink-md-line-height: 1.58;
  font-size: 14px;
  line-height: 1.58;
}
.AboutUs_crypto__iKTmU .AboutUs_text__BW8Vn .AboutUs_text__BW8Vn,
.AboutUs_crypto__iKTmU .AboutUs_text__BW8Vn + li,
.AboutUs_crypto__iKTmU .AboutUs_text__BW8Vn + p,
.AboutUs_crypto__iKTmU p .AboutUs_text__BW8Vn,
.AboutUs_crypto__iKTmU p + li,
.AboutUs_crypto__iKTmU p + p {
  margin-top: 22px;
}
.AboutUs_crypto__iKTmU .AboutUs_text__BW8Vn br[aria-hidden="true"],
.AboutUs_crypto__iKTmU p br[aria-hidden="true"] {
  display: block;
}
@media (min-width: 768px) {
  .AboutUs_crypto__iKTmU .AboutUs_text__BW8Vn,
  .AboutUs_crypto__iKTmU p {
    --okd-hyperlink-md-font-size: 16px;
    --okd-hyperlink-md-line-height: 1.8;
    font-size: 16px;
    line-height: 1.8;
  }
  .AboutUs_crypto__iKTmU .AboutUs_text__BW8Vn + .AboutUs_text__BW8Vn,
  .AboutUs_crypto__iKTmU .AboutUs_text__BW8Vn + li,
  .AboutUs_crypto__iKTmU .AboutUs_text__BW8Vn + p,
  .AboutUs_crypto__iKTmU p + .AboutUs_text__BW8Vn,
  .AboutUs_crypto__iKTmU p + li,
  .AboutUs_crypto__iKTmU p + p {
    margin-top: 28px;
  }
}
.AboutUs_viewpoints__UVgI8 {
  padding-bottom: 96px;
  padding-top: 72px;
}
@media (max-width: 767px) {
  .AboutUs_viewpoints__UVgI8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .AboutUs_viewpoints__UVgI8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 8.33333333%;
    padding-left: 12px;
    padding-right: 12px;
    width: 83.33333333%;
  }
}
@media (min-width: 1270px) {
  .AboutUs_viewpoints__UVgI8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 16.66666667%;
    padding-left: 12px;
    padding-right: 12px;
    width: 66.66666667%;
  }
}
.AboutUs_viewpoints__UVgI8 h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.AboutUs_viewpoints__UVgI8 h2 + li,
.AboutUs_viewpoints__UVgI8 h2 + p,
.AboutUs_viewpoints__UVgI8 h2 + text {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .AboutUs_viewpoints__UVgI8 h2 {
    font-size: 26px;
    line-height: 1.8;
  }
  .AboutUs_viewpoints__UVgI8 h2 .AboutUs_text__BW8Vn,
  .AboutUs_viewpoints__UVgI8 h2 + li,
  .AboutUs_viewpoints__UVgI8 h2 + p {
    margin-top: 56px;
  }
}
.AboutUs_viewpoints__UVgI8 h2 + ol {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .AboutUs_viewpoints__UVgI8 h2 + ol {
    margin-top: 56px;
  }
}
.AboutUs_viewpoints__UVgI8 .AboutUs_text__BW8Vn,
.AboutUs_viewpoints__UVgI8 li,
.AboutUs_viewpoints__UVgI8 p {
  --okd-hyperlink-md-font-size: 14px;
  --okd-hyperlink-md-line-height: 1.58;
  font-size: 14px;
  line-height: 1.58;
}
.AboutUs_viewpoints__UVgI8 .AboutUs_text__BW8Vn .AboutUs_text__BW8Vn,
.AboutUs_viewpoints__UVgI8 .AboutUs_text__BW8Vn + li,
.AboutUs_viewpoints__UVgI8 .AboutUs_text__BW8Vn + p,
.AboutUs_viewpoints__UVgI8 li .AboutUs_text__BW8Vn,
.AboutUs_viewpoints__UVgI8 li + li,
.AboutUs_viewpoints__UVgI8 li + p,
.AboutUs_viewpoints__UVgI8 p .AboutUs_text__BW8Vn,
.AboutUs_viewpoints__UVgI8 p + li,
.AboutUs_viewpoints__UVgI8 p + p {
  margin-top: 22px;
}
.AboutUs_viewpoints__UVgI8 .AboutUs_text__BW8Vn br[aria-hidden="true"],
.AboutUs_viewpoints__UVgI8 li br[aria-hidden="true"],
.AboutUs_viewpoints__UVgI8 p br[aria-hidden="true"] {
  display: block;
}
@media (min-width: 768px) {
  .AboutUs_viewpoints__UVgI8 .AboutUs_text__BW8Vn,
  .AboutUs_viewpoints__UVgI8 li,
  .AboutUs_viewpoints__UVgI8 p {
    --okd-hyperlink-md-font-size: 16px;
    --okd-hyperlink-md-line-height: 1.8;
    font-size: 16px;
    line-height: 1.8;
  }
  .AboutUs_viewpoints__UVgI8 .AboutUs_text__BW8Vn + .AboutUs_text__BW8Vn,
  .AboutUs_viewpoints__UVgI8 .AboutUs_text__BW8Vn + li,
  .AboutUs_viewpoints__UVgI8 .AboutUs_text__BW8Vn + p,
  .AboutUs_viewpoints__UVgI8 li + .AboutUs_text__BW8Vn,
  .AboutUs_viewpoints__UVgI8 li + li,
  .AboutUs_viewpoints__UVgI8 li + p,
  .AboutUs_viewpoints__UVgI8 p + .AboutUs_text__BW8Vn,
  .AboutUs_viewpoints__UVgI8 p + li,
  .AboutUs_viewpoints__UVgI8 p + p {
    margin-top: 28px;
  }
}
.AboutUs_expandLink__M-UdX {
  --okd-hyperlink-md-font-size: 14px;
  margin-top: 22px;
}
@media (min-width: 768px) {
  .AboutUs_expandLink__M-UdX {
    --okd-hyperlink-md-font-size: 16px;
    margin-top: 28px;
  }
}
.AboutUs_collapseContent__dtmBE {
  padding-top: 22px;
}
@media (min-width: 768px) {
  .AboutUs_collapseContent__dtmBE {
    padding-top: 28px;
  }
}
.CollapseExpand_CollapseExpand__DhkGF {
  height: 0;
  overflow: hidden;
  transition: height 0s ease;
  will-change: height;
}
.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;
}
.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-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);
}
.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;
  --okd-hyperlink-primary-default-color: var(--okd-color-content-primary);
  --okd-hyperlink-primary-default-icon-color: var(--okd-color-content-primary);
  --okd-hyperlink-primary-default-underline-color: var(
    --okd-color-content-primary
  );
  --okd-hyperlink-primary-hover-color: var(--okd-color-content-secondary);
  --okd-hyperlink-primary-hover-icon-color: var(--okd-color-content-secondary);
  --okd-hyperlink-primary-hover-underline-color: var(
    --okd-color-content-secondary
  );
  --okd-hyperlink-secondary-default-color: var(--okd-color-content-primary);
  --okd-hyperlink-secondary-default-icon-color: var(
    --okd-color-content-primary
  );
  --okd-hyperlink-secondary-default-underline-color: var(
    --okd-color-content-primary
  );
  --okd-hyperlink-secondary-hover-color: var(--okd-color-content-secondary);
  --okd-hyperlink-secondary-hover-icon-color: var(
    --okd-color-content-secondary
  );
  --okd-hyperlink-secondary-hover-underline-color: var(
    --okd-color-content-secondary
  );
  --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: 700;
  --okd-hyperlink-amplified-hover-font-weight: 700;
  --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-hyperlink-reversed-default-color: var(--okd-color-content-inverse);
  --okd-hyperlink-reversed-default-icon-color: var(--okd-color-content-inverse);
  --okd-hyperlink-reversed-default-underline-color: var(
    --okd-color-content-inverse
  );
  --okd-hyperlink-reversed-hover-color: var(--okd-color-content-inverse);
  --okd-hyperlink-reversed-hover-icon-color: var(--okd-color-content-inverse);
  --okd-hyperlink-reversed-hover-underline-color: var(
    --okd-color-content-inverse
  );
  --okd-hyperlink-accent-default-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-default-icon-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-default-underline-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-hover-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-hover-icon-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-hover-underline-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-reversed-disabled-color: var(--okd-color-content-disabled);
  --okd-hyperlink-accent-disabled-color: var(--okd-color-content-disabled);
  --okd-hyperlink-primary-disabled-color: var(--okd-color-content-disabled);
  --okd-color-link-accent-surface-pressed: #d2e8a4;
  --okd-color-link-accent-content-disabled: #d2e8a4;
}
.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;
  --okd-hyperlink-primary-default-color: var(--okd-color-content-primary);
  --okd-hyperlink-primary-default-icon-color: var(--okd-color-content-primary);
  --okd-hyperlink-primary-default-underline-color: var(
    --okd-color-content-primary
  );
  --okd-hyperlink-primary-hover-color: var(--okd-color-content-secondary);
  --okd-hyperlink-primary-hover-icon-color: var(--okd-color-content-secondary);
  --okd-hyperlink-primary-hover-underline-color: var(
    --okd-color-content-secondary
  );
  --okd-hyperlink-secondary-default-color: var(--okd-color-content-primary);
  --okd-hyperlink-secondary-default-icon-color: var(
    --okd-color-content-primary
  );
  --okd-hyperlink-secondary-default-underline-color: var(
    --okd-color-content-primary
  );
  --okd-hyperlink-secondary-hover-color: var(--okd-color-content-secondary);
  --okd-hyperlink-secondary-hover-icon-color: var(
    --okd-color-content-secondary
  );
  --okd-hyperlink-secondary-hover-underline-color: var(
    --okd-color-content-secondary
  );
  --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: 700;
  --okd-hyperlink-amplified-hover-font-weight: 700;
  --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-hyperlink-reversed-default-color: var(--okd-color-content-inverse);
  --okd-hyperlink-reversed-default-icon-color: var(--okd-color-content-inverse);
  --okd-hyperlink-reversed-default-underline-color: var(
    --okd-color-content-inverse
  );
  --okd-hyperlink-reversed-hover-color: var(--okd-color-content-inverse);
  --okd-hyperlink-reversed-hover-icon-color: var(--okd-color-content-inverse);
  --okd-hyperlink-reversed-hover-underline-color: var(
    --okd-color-content-inverse
  );
  --okd-hyperlink-accent-default-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-default-icon-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-default-underline-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-hover-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-hover-icon-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-hyperlink-accent-hover-underline-color: var(
    --okd-color-link-accent-content-primary
  );
  --okd-color-link-accent-surface-pressed: #1a410e;
  --okd-color-link-accent-content-disabled: #3d5c00;
}
.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-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-hyperlink-xs .okui-hyperlink-text {
  font-size: var(--okd-hyperlink-xs-font-size);
  line-height: var(--okd-hyperlink-xs-line-height);
}
.okui-hyperlink-xs .icon-arrow {
  font-size: var(--okd-hyperlink-xs-icon-font-size);
  margin-left: var(--okd-hyperlink-xs-icon-margin-left);
}
.okui-hyperlink-sm .okui-hyperlink-text {
  font-size: var(--okd-hyperlink-sm-font-size);
  line-height: var(--okd-hyperlink-sm-line-height);
}
.okui-hyperlink-sm .icon-arrow {
  font-size: var(--okd-hyperlink-sm-icon-font-size);
  margin-left: var(--okd-hyperlink-sm-icon-margin-left);
}
.okui-hyperlink-md .okui-hyperlink-text {
  font-size: var(--okd-hyperlink-md-font-size);
  line-height: var(--okd-hyperlink-md-line-height);
}
.okui-hyperlink-md .icon-arrow {
  font-size: var(--okd-hyperlink-md-icon-font-size);
  margin-left: var(--okd-hyperlink-md-icon-margin-left);
}
.okui-hyperlink-lg .okui-hyperlink-text {
  font-size: var(--okd-hyperlink-lg-font-size);
  line-height: var(--okd-hyperlink-lg-line-height);
}
.okui-hyperlink-lg .icon-arrow {
  font-size: var(--okd-hyperlink-lg-icon-font-size);
  margin-left: var(--okd-hyperlink-lg-icon-margin-left);
}
.okui-hyperlink-muted {
  font-weight: var(--okd-hyperlink-muted-font-weight);
}
.okui-hyperlink-muted:hover {
  font-weight: var(--okd-hyperlink-muted-hover-font-weight);
}
.okui-hyperlink-medium {
  font-weight: var(--okd-hyperlink-medium-font-weight);
}
.okui-hyperlink-medium:hover {
  font-weight: var(--okd-hyperlink-medium-hover-font-weight);
}
.okui-hyperlink-amplified {
  font-weight: var(--okd-hyperlink-amplified-font-weight);
}
.okui-hyperlink-amplified:hover {
  font-weight: var(--okd-hyperlink-amplified-hover-font-weight);
}
.okui-hyperlink-primary {
  color: var(--okd-hyperlink-primary-default-color);
}
.okui-hyperlink-primary .icon-arrow {
  color: var(--okd-hyperlink-primary-default-icon-color);
}
.okui-hyperlink-primary:hover {
  color: var(--okd-hyperlink-primary-hover-color);
}
.okui-hyperlink-primary:hover .okui-hyperlink-text {
  color: var(--okd-hyperlink-primary-hover-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.okui-hyperlink-primary:hover .icon-arrow {
  color: var(--okd-hyperlink-primary-hover-icon-color);
}
.okui-hyperlink-primary a,
.okui-hyperlink-primary a:active,
.okui-hyperlink-primary a:visited {
  color: var(--okd-hyperlink-primary-default-color);
}
.okui-hyperlink-secondary {
  color: var(--okd-hyperlink-secondary-default-color);
}
.okui-hyperlink-secondary .icon-arrow {
  color: var(--okd-hyperlink-secondary-default-icon-color);
}
.okui-hyperlink-secondary:hover {
  color: var(--okd-hyperlink-secondary-hover-color);
}
.okui-hyperlink-secondary:hover .okui-hyperlink-text {
  color: var(--okd-hyperlink-secondary-hover-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.okui-hyperlink-secondary:hover .icon-arrow {
  color: var(--okd-hyperlink-secondary-hover-icon-color);
}
.okui-hyperlink-secondary a,
.okui-hyperlink-secondary a:active,
.okui-hyperlink-secondary a:visited {
  color: var(--okd-hyperlink-secondary-default-color);
}
.okui-hyperlink-reversed {
  color: var(--okd-hyperlink-reversed-default-color);
}
.okui-hyperlink-reversed .icon-arrow {
  color: var(--okd-hyperlink-reversed-default-icon-color);
}
.okui-hyperlink-reversed:hover {
  color: var(--okd-hyperlink-reversed-hover-color);
}
.okui-hyperlink-reversed:hover .okui-hyperlink-text {
  color: var(--okd-hyperlink-reversed-hover-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.okui-hyperlink-reversed:hover .icon-arrow {
  color: var(--okd-hyperlink-reversed-hover-icon-color);
}
.okui-hyperlink-reversed a,
.okui-hyperlink-reversed a:active,
.okui-hyperlink-reversed a:visited {
  color: var(--okd-hyperlink-reversed-default-color);
}
.okui-hyperlink-accent {
  color: var(--okd-hyperlink-accent-default-color);
}
.okui-hyperlink-accent .icon-arrow {
  color: var(--okd-hyperlink-accent-default-icon-color);
}
.okui-hyperlink-accent:hover {
  color: var(--okd-hyperlink-accent-hover-color);
}
.okui-hyperlink-accent:hover .okui-hyperlink-text {
  color: var(--okd-hyperlink-accent-hover-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.okui-hyperlink-accent:hover .icon-arrow {
  color: var(--okd-hyperlink-accent-hover-icon-color);
}
.okui-hyperlink-accent a,
.okui-hyperlink-accent a:active,
.okui-hyperlink-accent a:visited {
  color: var(--okd-hyperlink-accent-default-color);
}
.okui-hyperlink-text {
  text-decoration: none;
}
.okui-hyperlink-underline .okui-hyperlink-text {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.okui-hyperlink-no-hover-underline:hover .okui-hyperlink-text {
  text-decoration: none;
}
.okui-hyperlink {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
}
.okui-hyperlink .icon-arrow {
  cursor: auto;
  font-weight: inherit;
}
.okui-hyperlink a.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-hyperlink a: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-picture {
  display: inline-block;
}
.okui-picture-font {
  font-size: 0;
  line-height: 1;
}
.okui-picture-cover {
  object-fit: cover;
}
.okui-picture-contain {
  object-fit: contain;
}