.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;
}
@keyframes loadingLine {
  to {
    left: 100%;
  }
}
.okui-loader-line {
  background: var(--okd-loader-line-inactive-color);
  border-radius: calc(var(--okd-loader-line-size) / 2);
  height: var(--okd-loader-line-size);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.okui-loader-line .okui-loader-mark {
  background: var(--okd-loader-line-active-color);
  border-radius: calc(var(--okd-loader-line-size) / 2);
  height: 100%;
}
.okui-loader-line.okui-loader-loading .okui-loader-mark {
  animation: loadingLine 2s linear infinite;
  left: -25%;
  position: absolute;
  top: 0;
}
@keyframes okui-loader-rotation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.okui-loader-box {
  position: relative;
}
.okui-loader-mask {
  align-items: center;
  background: var(--okd-loader-mask-bg-color);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.okui-loader-mask-text {
  color: var(--okd-loader-mask-text-color);
  font-size: var(--okd-loader-mask-text-font-size);
  font-weight: var(--okd-loader-mask-text-font-weight);
  line-height: var(--okd-loader-mask-text-line-height);
  margin-top: var(--okd-loader-mask-text-margin-top);
}
.okui-loader-spin {
  animation: okui-loader-rotation 1s linear infinite;
  background-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  display: inline-flex;
}
.okui-loader-spin-xl {
  border-radius: var(--okd-loader-circle-xl-size);
  border-width: var(--okd-loader-circle-xl-track-width);
  height: var(--okd-loader-circle-xl-size);
  width: var(--okd-loader-circle-xl-size);
}
.okui-loader-spin-lg {
  border-radius: var(--okd-loader-circle-lg-size);
  border-width: var(--okd-loader-circle-lg-track-width);
  height: var(--okd-loader-circle-lg-size);
  width: var(--okd-loader-circle-lg-size);
}
.okui-loader-spin-md {
  border-radius: var(--okd-loader-circle-md-size);
  border-width: var(--okd-loader-circle-md-track-width);
  height: var(--okd-loader-circle-md-size);
  width: var(--okd-loader-circle-md-size);
}
.okui-loader-spin-sm {
  border-radius: var(--okd-loader-circle-sm-size);
  border-width: var(--okd-loader-circle-sm-track-width);
  height: var(--okd-loader-circle-sm-size);
  width: var(--okd-loader-circle-sm-size);
}
.okui-loader-spin-primary {
  border-color: var(--okd-loader-primary-inactive-color);
  border-top-color: var(--okd-loader-primary-active-color);
}
.okui-loader-spin-neutral {
  border-color: var(--okd-loader-neutral-inactive-color);
  border-top-color: var(--okd-loader-neutral-active-color);
}
.okui-loader-inner-circle {
  border: none;
  border-radius: 0;
  overflow: hidden;
  transform: rotate(180deg);
}
.okui-loader-inner-fill-primary {
  background: var(--okd-loader-primary-active-color);
}
.okui-loader-inner-fill-neutral {
  background: var(--okd-loader-neutral-active-color);
}
.okui-loader-inner-track-primary {
  background: var(--okd-loader-primary-inactive-color);
}
.okui-loader-inner-track-neutral {
  background: var(--okd-loader-neutral-inactive-color);
}
.okui-loader-inner-track-right {
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
}
.okui-loader-inner-track-right-content {
  content: "";
  height: 100%;
  position: absolute;
  transform: rotate(0deg);
  transform-origin: left center;
  width: 100%;
}
.okui-loader-inner-track-left {
  height: 100%;
  overflow: hidden;
  position: absolute;
}
.okui-loader-inner-track-left-content {
  content: "";
  height: 100%;
  position: absolute;
  transform: rotate(0deg);
  transform-origin: right center;
  width: 100%;
}
.okui-loader-inner-xl {
  border-radius: var(--okd-loader-circle-xl-size);
  height: var(--okd-loader-circle-xl-size);
  width: var(--okd-loader-circle-xl-size);
}
.okui-loader-inner-xl-cover {
  background-color: var(--okd-loader-circle-cover-background);
  border-radius: 100%;
  height: calc(
    var(--okd-loader-circle-xl-size) - var(--okd-loader-circle-xl-track-width) *
      2
  );
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(
    var(--okd-loader-circle-xl-size) - var(--okd-loader-circle-xl-track-width) *
      2
  );
}
.okui-loader-inner-track-xl {
  width: calc(var(--okd-loader-circle-xl-size) / 2);
}
.okui-loader-inner-track-xl-inner-track-left-content {
  border-radius: calc(var(--okd-loader-circle-xl-size) / 2) 0 0
    calc(var(--okd-loader-circle-xl-size) / 2);
  width: 100%;
}
.okui-loader-inner-track-xl-inner-track-right-content {
  border-radius: 0 calc(var(--okd-loader-circle-xl-size) / 2)
    calc(var(--okd-loader-circle-xl-size) / 2) 0;
  width: 100%;
}
.okui-loader-inner-lg {
  border-radius: var(--okd-loader-circle-lg-size);
  height: var(--okd-loader-circle-lg-size);
  width: var(--okd-loader-circle-lg-size);
}
.okui-loader-inner-lg-cover {
  background-color: var(--okd-loader-circle-cover-background);
  border-radius: 100%;
  height: calc(
    var(--okd-loader-circle-lg-size) - var(--okd-loader-circle-lg-track-width) *
      2
  );
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(
    var(--okd-loader-circle-lg-size) - var(--okd-loader-circle-lg-track-width) *
      2
  );
}
.okui-loader-inner-track-lg {
  width: calc(var(--okd-loader-circle-lg-size) / 2);
}
.okui-loader-inner-track-lg-inner-track-left-content {
  border-radius: calc(var(--okd-loader-circle-lg-size) / 2) 0 0
    calc(var(--okd-loader-circle-lg-size) / 2);
  width: 100%;
}
.okui-loader-inner-track-lg-inner-track-right-content {
  border-radius: 0 calc(var(--okd-loader-circle-lg-size) / 2)
    calc(var(--okd-loader-circle-lg-size) / 2) 0;
  width: 100%;
}
.okui-loader-inner-md {
  border-radius: var(--okd-loader-circle-md-size);
  height: var(--okd-loader-circle-md-size);
  width: var(--okd-loader-circle-md-size);
}
.okui-loader-inner-md-cover {
  background-color: var(--okd-loader-circle-cover-background);
  border-radius: 100%;
  height: calc(
    var(--okd-loader-circle-md-size) - var(--okd-loader-circle-md-track-width) *
      2
  );
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(
    var(--okd-loader-circle-md-size) - var(--okd-loader-circle-md-track-width) *
      2
  );
}
.okui-loader-inner-track-md {
  width: calc(var(--okd-loader-circle-md-size) / 2);
}
.okui-loader-inner-track-md-inner-track-left-content {
  border-radius: calc(var(--okd-loader-circle-md-size) / 2) 0 0
    calc(var(--okd-loader-circle-md-size) / 2);
  width: 100%;
}
.okui-loader-inner-track-md-inner-track-right-content {
  border-radius: 0 calc(var(--okd-loader-circle-md-size) / 2)
    calc(var(--okd-loader-circle-md-size) / 2) 0;
  width: 100%;
}
.okui-loader-inner-sm {
  border-radius: var(--okd-loader-circle-sm-size);
  height: var(--okd-loader-circle-sm-size);
  width: var(--okd-loader-circle-sm-size);
}
.okui-loader-inner-sm-cover {
  background-color: var(--okd-loader-circle-cover-background);
  border-radius: 100%;
  height: calc(
    var(--okd-loader-circle-sm-size) - var(--okd-loader-circle-sm-track-width) *
      2
  );
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(
    var(--okd-loader-circle-sm-size) - var(--okd-loader-circle-sm-track-width) *
      2
  );
}
.okui-loader-inner-track-sm {
  width: calc(var(--okd-loader-circle-sm-size) / 2);
}
.okui-loader-inner-track-sm-inner-track-left-content {
  border-radius: calc(var(--okd-loader-circle-sm-size) / 2) 0 0
    calc(var(--okd-loader-circle-sm-size) / 2);
  width: 100%;
}
.okui-loader-inner-track-sm-inner-track-right-content {
  border-radius: 0 calc(var(--okd-loader-circle-sm-size) / 2)
    calc(var(--okd-loader-circle-sm-size) / 2) 0;
  width: 100%;
}
.okui-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[disabled] {
  cursor: not-allowed;
}
.okui-plain-button-as-div {
  display: block;
  line-height: inherit;
  width: 100%;
}
.okds-chevron-right-text-button {
  --ok-icon-font-family: "ok-b983c4766d";
}
.okds-chevron-right-text-button:before {
  content: "\e0a4";
  font-family: ok-b983c4766d;
}
.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(../714d8d1d20c83c6f9072.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);
}
.okui-picture {
  display: inline-block;
}
.okui-picture-font {
  font-size: 0;
  line-height: 1;
}
.okui-picture-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.okui-picture-contain {
  -o-object-fit: contain;
  object-fit: contain;
}