.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
}