@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
@font-face {
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Aeonik400.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Aeonik500.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Aeonik700.ttf') format('truetype');
    font-display: swap;
}
/*:root {*/
/*    --n-height: 44px !important;*/
/*}*/
*,:after,:before {
    box-sizing: border-box
}

article,aside,canvas,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,nav,ol,p,section,table,td,textarea,tfoot,th,thead,tr,ul {
    margin: 0;
    padding: 0
}

a,h1,h2,h3,h4,h5,h6 {
    font-family: Inter,arial,sans-serif
}

a {
    color: inherit;
    cursor: pointer;
    display: inline-block;
    text-decoration: none
}

img {
    display: block
}

ol,ul {
    list-style: none
}

button,input,select,textarea {
    font-family: Inter,arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

html {
    font-size: 14px
}

body,html {
    height: 100%;
    width: 100%
}

body {
    font-family: Inter,arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    background: var(--color-bg-main);
    color: var(--color-desc)
}

.overflow-hidden {
    overflow: hidden
}

.overflow-hidden .app {
    overflow: scroll
}

.currency-icon {
    height: 2.2857142857rem;
    width: 2.2857142857rem
}

.app {
    overflow: hidden;
    position: relative
}

.app__body {
    margin: 0 auto;
    max-width: 80.7142857143rem;
    padding: 5.7142857143rem 1.0714285714rem 0
}

.app__body--full {
    margin: 0;
    max-width: 100vw;
    padding: 0
}

body.light .g-dark-only,body:not(.light) .g-white-only {
    display: none
}

form>*:not(hr) {
    margin-bottom: .8571428571rem
}

.al {
    align-items: center;
    background: var(--color-bg-main);
    color: var(--color-desc);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9999999
}

.al:after {
    animation: loading 1s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%237959f6%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    display: block;
    height: 3.5714285714rem;
    pointer-events: none;
    position: relative;
    transition: opacity .3s;
    width: 3.5714285714rem
}

.app__header {
    height: 5.7142857143rem;
    left: 0;
    position: fixed;
    top: 0;
    transition: transform .25s,background-color .5s,-webkit-backdrop-filter .5s;
    transition: transform .25s,background-color .5s,backdrop-filter .5s;
    transition: transform .25s,background-color .5s,backdrop-filter .5s,-webkit-backdrop-filter .5s;
    width: 100%;
    z-index: 1000
}

.app__header--bg,.app__header--full {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background: var(--color-bg-main)
}

.app__header--full .header {
    max-width: none
}

.header {
    -webkit-backdrop-filter: blur(.0714285714rem);
    backdrop-filter: blur(.0714285714rem);
    background: transparent;
    height: 5.7142857143rem;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 125.3571428571rem;
    padding: 0 1rem;
    transition: transform .25s,background-color .5s,-webkit-backdrop-filter .5s;
    transition: transform .25s,background-color .5s,backdrop-filter .5s;
    transition: transform .25s,background-color .5s,backdrop-filter .5s,-webkit-backdrop-filter .5s;
    width: 100%
}

.header,.header__logo,.header__menu-mobile {
    align-items: center;
    display: flex
}

.header__menu-mobile {
    justify-content: flex-end;
    width: 100%
}

.header__menu-left,.header__menu-right {
    display: flex;
}

.light .menu__hr {
    background: #d6d6d6
}

.light .menu__row--active .menu__link:before,.light .menu__row:hover .menu__link:before {
    border-color: var(--color-main)
}

.light .menu__link:before {
    border-bottom: .0714285714rem solid var(--color-title);
    border-left: .0714285714rem solid var(--color-title)
}

.menu {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start
}

.menu--right {
    justify-content: flex-end
}

.menu--right .menu__hr {
    margin-right: 2.1428571429rem
}

.menu--right .menu__row {
    margin-right: 1.5714285714rem
}

.menu--right .menu__link {
    font-weight: 400;
    padding-right: .8571428571rem
}

.menu__hr {
    background: var(--color-bg-box-1);
    height: 1.7142857143rem;
    margin-right: 2.8571428571rem;
    width: .0714285714rem
}

.menu__row {
    height: 5.7142857143rem;
    margin: 0 .8571428571rem 0 0;
    position: relative;
    z-index: 1
}

.menu__row--m40 {
    margin: 0 2.5714285714rem 0 0
}

.menu__row--m40 .menu__link {
    padding-right: 0
}

.menu__row--hide-w7 {
    display: none
}

.menu__row:last-child {
    margin-right: 0
}

.menu__row:last-child .menu__link {
    padding-right: 0
}

.menu__row svg {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.menu__row--active .menu__submenu,.menu__row:hover .menu__submenu {
    display: flex
}

.menu__row--active .menu__link,.menu__row--active .menu__link .icon,.menu__row:hover .menu__link,.menu__row:hover .menu__link .icon {
    color: var(--color-main)
}

.menu__row--active .menu__link .icon [stroke],.menu__row:hover .menu__link .icon [stroke] {
    stroke: var(--color-main)
}

.menu__row--active .menu__link .icon [fill],.menu__row:hover .menu__link .icon [fill] {
    fill: var(--color-main)
}

.menu__row--active .menu__link:before,.menu__row:hover .menu__link:before {
    border-color: var(--color-main);
    margin: .25rem .2188rem 0 .5rem;
    transform: rotate(135deg) skewX(-1deg) skewY(-1deg)
}

.menu__row--user,.menu__row--user .menu__link {
    align-items: center;
    display: flex;
    justify-content: center
}

.menu__row--user .menu__link {
    padding-right: 0
}

.menu__link {
    align-items: center;
    background: none;
    color: var(--color-title);
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    height: 100%;
    justify-content: space-between;
    padding: 0 .8571428571rem 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.menu__link .icon {
    color: var(--color-desc4)
}

.menu__link .icon [stroke] {
    stroke: var(--color-desc4)
}

.menu__link .icon [fill] {
    fill: var(--color-desc4)
}

.menu__link:before {
    border-bottom: .0714285714rem solid var(--color-desc10);
    border-left: .0714285714rem solid var(--color-desc10);
    content: "";
    display: block;
    height: .3928571429rem;
    margin: -.2142857143rem .2500571429rem 0 .5rem;
    order: 2;
    transform: rotate(-45deg) skewX(-1deg) skewY(-1deg);
    transition: transform .15s,margin .15s;
    width: .4571428571rem
}

.menu__link--hide-arrow-f:before {
    display: none
}

.menu__submenu {
    display: none;
    left: -.5rem;
    position: absolute;
    top: 100%
}

.menu__submenu--left {
    left: auto;
    right: 0
}

.menu__submenu--center {
    left: auto;
    right: -100%
}

.h-deposit {
    cursor: default;
    justify-content: center
}

.h-deposit,.h-deposit__btn {
    align-items: center;
    display: flex
}

.h-deposit__btn {
    background: var(--color-main);
    border-radius: 1.2857142857rem;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    gap: .2857142857rem;
    justify-content: space-between;
    opacity: 1;
    padding: .4285714286rem .7142857143rem;
    transition: all .25s
}

.h-deposit__btn:hover {
    opacity: .7
}

.h-deposit__btn svg {
    height: 1.1428571429rem;
    width: 1.1428571429rem
}

.h-deposit2 {
    cursor: default;
    justify-content: center
}

.h-deposit2,.h-deposit2__btn {
    align-items: center;
    display: flex
}

.h-deposit2__btn {
    background: var(--color-main);
    border-radius: 1.2857142857rem;
    color: #fff;
    cursor: pointer;
    font-size: .8571428571rem;
    font-weight: 400;
    gap: .2857142857rem;
    justify-content: space-between;
    line-height: 1;
    opacity: 1;
    padding: .2857142857rem .7142857143rem;
    transition: all .25s
}

.h-deposit2__btn:hover {
    opacity: .7
}

.h-deposit2__btn svg {
    height: 1rem;
    width: 1rem
}

.light .submenu__hr,.light .submenu__icon {
    background: var(--color-bg-main)
}

.submenu {
    align-items: center;
    background: var(--color-bb-1);
    border: .0714285714rem solid var(--color-bb-2);
    border-radius: .5714285714rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: .3571428571rem;
    padding: 1.1428571429rem;
    z-index: 2000
}

.submenu--full {
    width: 25.875rem
}

.submenu__link {
    align-items: flex-start;
    background: none;
    border-radius: .2857142857rem;
    display: flex;
    cursor: pointer;
    gap: 1.1428571429rem;
    justify-content: flex-start;
    padding: .8571428571rem 1.0714285714rem;
    position: relative;
    transition: background-color .25s;
    width: 100%
}

.submenu__link--active,.submenu__link:hover {
    background-color: var(--color-bb-3)
}

.submenu__info {
    display: flex;
    flex-direction: column
}

.submenu__icon {
    background: var(--color-bg-box-1);
    border-radius: .5714285714rem;
    height: 2.8571428571rem;
    justify-content: center;
    min-width: 2.8571428571rem;
    width: 2.8571428571rem
}

.submenu__icon,.submenu__name {
    align-items: center;
    display: flex
}

.submenu__name {
    color: var(--color-title2);
    font-size: 1rem;
    font-weight: 500;
    gap: .7142857143rem;
    justify-content: flex-start;
    transition: color .25s;
    white-space: nowrap
}

.submenu__name svg {
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.submenu__name [fill] {
    fill: var(--color-desc5)
}

.submenu__name [stroke] {
    stroke: var(--color-desc5)
}

.submenu__name [opacity] {
    opacity: 1
}

.submenu__name [fill-opacity] {
    fill-opacity: 1
}

.submenu__name--red {
    color: var(--color-red);
    font-weight: 500
}

.submenu__description {
    color: var(--color-desc);
    display: block;
    font-size: 1rem;
    margin-top: .2857142857rem
}

.submenu__hr {
    background: var(--color-bg-box-1);
    height: .0714285714rem;
    margin: .7142857143rem 0;
    width: 100%
}

.submenu__group-name {
    color: var(--color-desc);
    font-size: .625rem;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: .7142857143rem;
    padding: 0 1.7857142857rem;
    text-transform: uppercase;
    width: 100%
}

.submenu__label {
    border-radius: .25rem;
    color: var(--color-green);
    display: inline-block;
    font-size: .625rem;
    line-height: 1;
    margin-left: .5714285714rem;
    overflow: hidden;
    padding: .3125rem .5rem;
    position: relative;
    vertical-align: top;
    white-space: nowrap;
    z-index: 1
}

.submenu__label:after {
    background: var(--color-green);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.submenu__label--red {
    color: var(--color-red)
}

.submenu__label--red:after {
    background: var(--color-red)
}

.hamburger {
    background: none;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-indent: -62.4375rem;
    width: 2rem
}

.hamburger span {
    pointer-events: none;
    transition: width .25s
}

.hamburger span,.hamburger:after,.hamburger:before {
    background: var(--color-title);
    content: "";
    height: .1428571429rem;
    overflow: hidden;
    position: absolute;
    right: .1875rem;
    top: 50%;
    transform: translateY(-50%);
    transform-style: preserve-3d;
    width: 1rem
}

.hamburger:after,.hamburger:before {
    transition: transform .25s,margin-top .25s
}

.hamburger:before {
    margin-top: -.3542857143rem
}

.hamburger:after {
    margin-top: .36rem
}

.hamburger--active span {
    width: 0
}

.hamburger--active:before {
    margin-top: 0;
    transform: translateY(-50%) rotate(45deg)
}

.hamburger--active:after {
    margin-top: 0;
    transform: translateY(-50%) rotate(-45deg)
}

.m-user-balance {
    background-color: var(--color-bb-4);
    border-radius: .5714285714rem;
    padding: 1.2857142857rem
}

.hu-btns,.m-user-balance {
    margin-bottom: 1.1428571429rem;
    width: 100%
}

.hu-btns {
    align-items: center;
    display: flex;
    gap: .7142857143rem;
    justify-content: space-between
}

.hu-btns>* {
    width: 100%
}

.app__footer {
    background: var(--color-bg-main);
    border-top: .0714285714rem solid var(--border-color14);
    margin-top: 5rem;
    overflow: hidden
}

.footer {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 78.5714285714rem;
    padding: 2.5714285714rem 1rem 2.2857142857rem;
    position: relative
}

.footer__left .logo {
    margin-bottom: 1.2857142857rem
}

.fmenu {
    align-items: flex-start;
    display: flex;
    gap: 4.2857142857rem;
    justify-content: space-between
}

.fmenu__colun-name {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 1.2857142857rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 1.2857142857rem
}

.fmenu__row {
    color: var(--color-desc3);
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.0714285714rem
}

.fmenu__row:last-child {
    margin-bottom: 0
}

.fmenu__row .link {
    display: block;
    font-size: .8571428571rem
}

.fmenu__link {
    line-height: 1;
    white-space: nowrap
}

.fmenu__row-title {
    display: block;
    font-size: .8571428571rem
}

.fsocials {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.1428571429rem;
    justify-content: space-between
}

.fsocials__bottom,.fsocials__top {
    align-items: center;
    display: flex;
    justify-content: space-around;
    width: 100%
}

.fsocials__top {
    flex-wrap: wrap;
    gap: 1.1428571429rem;
    justify-content: center;
    max-width: 7.8571428571rem;
    min-width: 7.8571428571rem
}

.fsocials__top .fsocials__col {
    align-items: center;
    background: var(--color-bg-box-24);
    border-radius: .8571428571rem;
    display: flex;
    height: 1.7142857143rem;
    justify-content: center;
    margin: 0;
    width: 1.7142857143rem
}

.fsocials__top .fsocials__col img {
    max-height: .9285714286rem;
    max-width: .9285714286rem
}

.fsocials__bottom {
    justify-content: center
}

.fsocials__col {
    margin-right: 1rem
}

.fsocials__col:last-child {
    margin-right: 0
}

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

.fsocials__text {
    display: none
}

.link {
    align-items: center;
    color: #8a6cff;
    cursor: pointer;
    display: inline-flex;
    gap: .4285714286rem;
    justify-content: flex-start
}

.link--gray {
    color: var(--color-desc)
}

.link--main-color {
    color: #8a6cff
}

.link--white {
    color: var(--color-title)
}

.link--underline {
    text-decoration: underline
}

.light .p-bg--lin-shd1 {
    background: url(../images/main/bg-top-light.png) no-repeat;
    background-size: 100% 100%
}

.light .p-bg--sh1,.light .p-bg--sh2,.light .p-bg--sh3 {
    opacity: .5
}

.light .p-bg--sh4 {
    background: url(../images/main/bg-sh4-light-min.png) no-repeat;
    background-size: 100% 100%
}

.light .p-bg--st1 {
    background: url(../images/about/bg-st1-light-min.png) no-repeat;
    background-size: 100% 100%
}

.light .p-bg--li1 {
    background: url(../images/main/bg-li1-light-min.png) no-repeat;
    background-size: 100% 100%
}

.light .p-bg--li2 {
    background: url(../images/main/bg-li2-light-min.png) no-repeat;
    background-size: 100% 100%
}

.light .p-bg--li3 {
    background: url(../images/main/bg-li3-light-min.png) no-repeat;
    background-size: 100% 100%
}

.p-bg {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(calc(-50% - .07143rem));
    z-index: 1
}

.p-bg--lin-shd1 {
    background: url(../images/main/bg-top.png) no-repeat;
    background-size: 100% 100%;
    height: 56.875vw;
    max-height: 78rem;
    max-width: 123.4285714286rem;
    min-height: 48.9756428571rem;
    min-width: 77.5rem;
    width: 90vw
}

.p-bg--sh1 {
    background: url(../images/main/bg-sh1-dark-min.png) no-repeat;
    background-size: 100% 100%;
    height: 85.9611vw;
    left: 0;
    max-height: 99.6428571429rem;
    max-width: 106.6428571429rem;
    min-height: 47.9860714286rem;
    min-width: 51.3571428571rem;
    opacity: .8;
    transform: none;
    width: 92vw
}

.p-bg--sh2 {
    background: url(../images/main/bg-sh2-dark-min.png) no-repeat;
    background-size: 100% 100%;
    height: 53.6863063063vw;
    max-height: 73.6428571429rem;
    max-width: 118.9285714286rem;
    min-height: 40.9285714286rem;
    min-width: 65.2857142857rem;
    width: 86.7vw
}

.p-bg--sh3 {
    background: url(../images/main/bg-sh1-dark-min.png) no-repeat;
    background-size: 100% 100%;
    height: 85.9611vw;
    left: auto;
    max-height: 99.6428571429rem;
    max-width: 106.6428571429rem;
    min-height: 47.9860714286rem;
    opacity: .6;
    right: 0;
    top: 0;
    transform: scale(-1) scaleY(-1);
    width: 92vw
}

.p-bg--sh3,.p-bg--sh4 {
    min-width: 51.3571428571rem
}

.p-bg--sh4 {
    background: url(../images/main/bg-sh4-dark-min.png) no-repeat;
    background-size: 100% 100%;
    height: 40.966vw;
    max-height: 55.9285714286rem;
    max-width: 132.4285714286rem;
    min-height: 21.6896428571rem;
    width: 97vw
}

body:not(.light) .p-bg--sh4-1 {
    opacity: .3
}

.p-bg--st1 {
    background: url(../images/main/bg-st1-dark-min.png) no-repeat;
    background-size: 100% 100%;
    height: 40.36458vw;
    max-height: 55.3571428571rem;
    max-width: 137.1428571429rem;
    min-height: 21.1625714286rem;
    min-width: 52.4285714286rem;
    width: 100vw
}

.p-bg--li1 {
    background: url(../images/main/bg-li1-dark-min.png) no-repeat;
    background-size: 100% 100%;
    height: 56.875vw;
    max-height: 78rem;
    max-width: 123.4285714286rem;
    min-height: 48.9756428571rem;
    min-width: 77.5rem;
    width: 90vw
}

.p-bg--li1-1 {
    top: -7.7142857143rem
}

.p-bg--li2 {
    background: url(../images/main/bg-li2-dark-min.png) no-repeat;
    background-size: 100% 100%
}

.p-bg--li2,.p-bg--li3 {
    height: 56.875vw;
    max-height: 78rem;
    max-width: 123.4285714286rem;
    min-height: 48.9756428571rem;
    min-width: 77.5rem;
    width: 90vw
}

.p-bg--li3 {
    background: url(../images/main/bg-li3-dark-min.png) no-repeat;
    background-size: 100% 100%
}

.light .pm-header-title--gg,.light .pm-header-title--gg2 {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

.pm-header-title {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-family: Inter,arial,sans-serif;
    font-size: 2.2857142857rem;
    font-weight: 500;
    gap: 2.1428571429rem;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 1.7142857143rem;
    position: relative;
    z-index: 3
}

.pm-header-title>span span {
    color: #8a6cff
}

.pm-header-title--large {
    font-size: 4.5714285714rem;
    font-weight: 600;
    line-height: 1.2
}

.pm-header-title--sm {
    font-size: 1.7142857143rem
}

.pm-header-title--f20 {
    font-size: 1.4285714286rem
}

.pm-header-title--wsm {
    font-weight: 600
}

.pm-header-title--gg {
    background: #fff;
    background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.8) 18%,hsla(0,0%,100%,0) 600%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
    margin-bottom: 1.4285714286rem
}

.pm-header-title--gg2 {
    background: #fff;
    background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,0) 600%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pm-header-title--mt250 {
    margin-top: 17.8571428571rem
}

.pm-header-title--mt100 {
    margin-top: 7.1428571429rem
}

.pm-header-title--mt140 {
    margin-top: 10rem
}

.pm-header-title--mt126 {
    margin-top: 9rem
}

.pm-header-title--mt86 {
    margin-top: 6.1428571429rem
}

.pm-header-title--mt68 {
    margin-top: 4.8571428571rem
}

.pm-header-title--mt40 {
    margin-top: 5.7142857143rem
}

.pm-header-title--mb30 {
    margin-bottom: 2.1428571429rem
}

.pm-header-title--mb14 {
    margin-bottom: 1rem
}

.pm-header-title--mb48 {
    margin-bottom: 3.4285714286rem
}

.pm-header-title--mb40 {
    margin-bottom: 2.8571428571rem
}

.pm-header-title--mb32 {
    margin-bottom: 2.2857142857rem
}

.pm-header-title--center {
    justify-content: center;
    text-align: center
}

.pm-header-title .p2p-tabs {
    margin: 0
}

.pm-header-desc {
    color: var(--color-desc);
    font-family: Inter,arial,sans-serif;
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 1.4285714286rem
}

.pm-header-desc--center {
    margin: 0 auto;
    text-align: center
}

.pm-header-desc--mb30 {
    margin-bottom: 2.1428571429rem
}

.pm-header-desc--mb40 {
    margin-bottom: 2.8571428571rem
}

.pm-header-desc--mb50 {
    margin-bottom: 3.5714285714rem
}

.pm-header-desc--mb60 {
    margin-bottom: 4.2857142857rem
}

.pm-header-desc--small {
    color: var(--color-desc3);
    font-size: 1rem
}

.pm-header-desc--large {
    color: var(--color-desc18);
    font-size: 1.2857142857rem
}

.pm-header-desc--small2 {
    color: var(--color-desc3)
}

.pm-header-desc--white {
    color: var(--color-title)
}

.pm-header-desc--cs {
    color: var(--color-desc3)
}

.pm-header-desc--cs2 {
    color: var(--color-desc17)
}

.pm-header-desc--cs3 {
    color: var(--color-desc10)
}

.pm-header-buttons {
    align-items: center;
    display: flex;
    font-size: 1rem;
    gap: .7142857143rem;
    justify-content: flex-start
}

.pm-header-buttons--center {
    justify-content: center;
    margin: 0 auto;
    text-align: center
}

.pm-header-buttons .btn {
    min-width: 9rem
}

.pm-header-buttons--mb66 {
    margin-bottom: 4.7142857143rem
}

.tl-box__top {
    align-items: center;
    display: flex;
    gap: 1.7142857143rem;
    justify-content: space-between;
    margin-bottom: 2.2857142857rem
}

.tl-box__top>* {
    width: 100%
}

.tl-box__top>:last-child {
    width: 130%
}

.tl-box__bottom {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 1.1428571429rem;
    justify-content: flex-start;
    max-width: 21.5714285714rem
}

.tl-box__bottom .recaptcha {
    margin: 0
}

.tl-box__bottom .btn {
    max-width: none
}

.ft-box {
    margin-bottom: 10.7142857143rem
}

.ft-box__list {
    align-items: center;
    display: flex;
    gap: 1.3571428571rem;
    justify-content: space-between
}

.ft-row {
    border: .0714285714rem solid var(--border-color13);
    border-radius: .2857142857rem;
    max-width: 28.5714285714rem;
    overflow: hidden;
    padding: 1.7142857143rem;
    width: 100%
}

.ft-row__body {
    border-bottom: .0714285714rem dashed var(--border-color13);
    border-top: .0714285714rem dashed var(--border-color13);
    margin: 1.7142857143rem 0;
    padding: 1.7142857143rem 0
}

.ft-row__info {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 1.7142857143rem
}

.ft-row__info div:first-child {
    color: var(--color-desc12)
}

.ft-row__info div:last-child {
    color: var(--color-desc10);
    font-weight: 500
}

.ft-row__info:last-child {
    margin-bottom: 0
}

.ft-row-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ft-row-header__left {
    align-items: center;
    display: flex;
    gap: .7142857143rem;
    justify-content: flex-start
}

.ft-row-header__left img {
    border-radius: 50%
}

.ft-row-header__name {
    color: var(--color-desc15);
    line-height: 1;
    margin-bottom: .7142857143rem
}

.ft-row-header__stat {
    align-items: center;
    color: var(--color-desc10);
    display: flex;
    gap: .3571428571rem;
    justify-content: flex-start;
    line-height: 1
}

.ft-row-header__stat span {
    background: var(--color-bg-box-23);
    border-radius: .2857142857rem;
    padding: .1428571429rem .2857142857rem
}

.ft-row-header__stat [fill] {
    fill: var(--color-desc13)
}

.ft-row-header__right {
    text-align: right
}

.ft-row-header__cname {
    color: var(--color-desc14);
    font-weight: 500;
    line-height: 1;
    margin-bottom: .7142857143rem
}

.ft-row-header__cvalue {
    color: var(--color-green);
    font-size: 1.7142857143rem;
    font-weight: 600;
    line-height: 1
}

.ft-row-footer {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ft-row-footer__img {
    height: 1.8571428571rem;
    position: relative;
    width: 3.5714285714rem
}

.ft-row-footer__img img {
    left: -1.2857142857rem;
    position: absolute;
    top: 80%;
    transform: translateY(calc(-50% - .03571rem))
}

.ft-row-footer__right {
    align-items: center;
    display: flex;
    gap: 1.7142857143rem;
    justify-content: flex-end
}

.ft-row-footer__st {
    align-items: center;
    color: var(--color-desc10);
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .4285714286rem;
    justify-content: center
}

.ft-row-footer__st [fill] {
    fill: var(--color-desc13)
}

.bb-box {
    background: var(--color-bg-box-11);
    border: .1428571429rem solid var(--border-color16);
    border-radius: .5714285714rem;
    max-width: 38.5714285714rem;
    padding: 2.1428571429rem
}

.bb-box__title {
    color: var(--color-title);
    font-size: 1.7142857143rem;
    font-weight: 500;
    line-height: 1
}

.bb-box__desc {
    color: var(--color-desc3);
    font-size: 1rem;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 3.5714285714rem;
    margin-top: 1.1428571429rem;
    max-width: 29.2857142857rem
}

.bug-bounty {
    background: var(--color-bb-15);
    border: .1428571429rem solid var(--border-color16);
    border-radius: .5714285714rem;
    margin-bottom: 2.1428571429rem;
    padding: 0 2.1428571429rem
}

.bug-bounty__row {
    align-items: center;
    border-bottom: .0714285714rem solid var(--border-color27);
    color: var(--color-title);
    display: flex;
    font-size: 1.2857142857rem;
    font-weight: 500;
    gap: 1.4285714286rem;
    justify-content: space-between;
    line-height: 1;
    padding: 1.4285714286rem 0
}

.bug-bounty__row:last-child {
    border-bottom: none
}

.light .au-box--s1:before {
    background: url(../images/about/au-header-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.light .au-box--s2 {
    border: .0714285714rem solid var(--border-color19)
}

.au-box {
    background: var(--color-bb-10);
    border-radius: .5714285714rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.au-box--s1 {
    border: .0714285714rem solid var(--border-color22);
    margin-top: 10rem;
    min-height: 32.1428571429rem;
    padding: 4.4285714286rem 1.0714285714rem
}

.au-box--s1 .pm-header-title {
    line-height: 1.2;
    margin: 0 auto 1.4285714286rem;
    max-width: 36.4285714286rem
}

.au-box--s1 .pm-header-desc {
    margin: 0 auto;
    max-width: 63.5714285714rem
}

.au-box--s1:before {
    background: url(../images/about/au-header-dark-min.webp) no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    content: "";
    height: 32.0714285714rem;
    left: 50%;
    opacity: 1;
    position: absolute;
    transform: translateX(-50%);
    width: 78.5714285714rem;
    z-index: 0
}

.au-box>* {
    position: relative;
    z-index: 1
}

.au-box--s2 {
    background: transparent;
    border: .1428571429rem solid var(--border-color19);
    min-height: 35.3571428571rem;
    padding: 3.3571428571rem 3.5714285714rem
}

.au-box--s2:before {
    background: url(../images/about/au-sh-min.webp) no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    content: "";
    height: 35.3571428571rem;
    left: 0;
    position: absolute;
    width: 100%
}

.au-box--s2 .pm-header-title {
    margin-bottom: 2.1428571429rem
}

.au-box--s2 .pm-header-desc {
    color: var(--color-desc10)
}

.au-box__tags {
    -moz-column-gap: .7142857143rem;
    column-gap: .7142857143rem;
    flex-wrap: wrap;
    margin-bottom: 7rem;
    margin-top: 4.5714285714rem;
    row-gap: 1rem
}

.au-box__tag,.au-box__tags {
    align-items: center;
    display: flex;
    justify-content: center
}

.au-box__tag {
    background: var(--color-bb-11);
    border: .0714285714rem solid var(--border-color19);
    border-radius: .2857142857rem;
    color: var(--color-title);
    font-size: 1.1428571429rem;
    font-weight: 500;
    height: 3rem;
    line-height: 1;
    padding: 0 1.7142857143rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
    z-index: 2
}

.au-box__tag--b2 {
    border: .0714285714rem solid var(--border-color23)
}

.au-box .btn {
    margin: 0 auto
}

.i-box {
    align-items: stretch;
    -webkit-backdrop-filter: blur(1.0714285714rem);
    backdrop-filter: blur(1.0714285714rem);
    background: var(--color-bg-box-14);
    border: .1428571429rem solid var(--border-color16);
    border-radius: .5714285714rem;
    display: flex;
    flex-direction: column;
    gap: 1.7142857143rem;
    justify-content: flex-start;
    padding: 2.1428571429rem
}

.i-box__row {
    align-items: flex-end;
    display: flex;
    gap: 1.1428571429rem;
    justify-content: space-between;
    width: 100%
}

.i-box__row>* {
    width: 100%
}

.light .pm-header--ft .pm-header__right:before {
    background: url(../images/main/ft-main-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.pm-header {
    align-items: center;
    display: flex;
    gap: 2.1428571429rem;
    justify-content: center;
    position: relative
}

.pm-header--mt135 {
    margin-top: 9.6428571429rem
}

.pm-header--bc {
    gap: 1.4285714286rem;
    margin-bottom: 3.4285714286rem;
    align-items: stretch;
}

.pm-header__left,.pm-header__right {
    position: relative;
    z-index: 2
}

.pm-header--ref {
    justify-content: space-between;
    min-height: 22.5rem;
    padding-bottom: 1.9285714286rem;
    padding-top: 1.2142857143rem
}

.pm-header--ref .pm-header-title {
    font-weight: 600;
    margin-bottom: 1.2857142857rem
}

.pm-header--ref .pm-header-desc {
    color: var(--color-desc10);
    margin-top: 0;
    max-width: 42.8571428571rem
}

.pm-header--ref .pm-header-buttons {
    margin-top: 3rem
}

.pm-header--ref .pm-header-buttons .btn {
    min-width: 9rem
}

.pm-header--ft {
    padding-top: 5.8571428571rem
}

.pm-header--ft .pm-header-title {
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 2.8571428571rem
}

.pm-header--ft .pm-header__right {
    height: 16.5714285714rem;
    min-width: 40.9285714286rem;
    position: relative;
    width: 40.9285714286rem
}

.pm-header--ft .pm-header__right:before {
    background: url(../images/main/ft-main-dark-min.webp) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 16.5714285714rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 40.9285714286rem
}

.light .phr:before {
    background: url(../images/main/phr-light.png) no-repeat;
    background-size: 100% 100%;
    height: 21.4285714286rem;
    width: 45.1428571429rem
}

.light .phr__row {
    background: hsla(0,0%,100%,.2);
    border: .0714285714rem solid rgba(0,0,0,.06)
}

.phr {
    height: 32.8571428571rem;
    position: relative
}

.phr,.phr:before {
    width: 45.1428571429rem
}

.phr:before {
    background: url(../images/main/phr.png) no-repeat;
    background-size: 100% 100%;
    bottom: -5.8571428571rem;
    content: "";
    height: 36.7142857143rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.phr__row {
    align-items: center;
    -webkit-backdrop-filter: blur(1.0714285714rem);
    backdrop-filter: blur(1.0714285714rem);
    background: hsla(0,0%,100%,.01);
    border: .0714285714rem solid hsla(0,0%,100%,.06);
    border-radius: .7142857143rem;
    display: flex;
    font-size: 1rem;
    gap: 1.1428571429rem;
    height: 5.1428571429rem;
    justify-content: flex-start;
    padding: 0 1rem;
    position: absolute
}

.phr__row--i0 {
    left: 15%;
    top: 7%;
    transform: translateX(calc(-50% - .03571rem))
}

.phr__row--i1 {
    right: 20%;
    top: 7%;
    transform: translateX(calc(50% - .03571rem))
}

.phr__row--i2 {
    bottom: 52%;
    left: 22%;
    transform: translateX(calc(-50% - .07143rem))
}

.phr__row--i3 {
    bottom: 52%;
    right: 28%;
    transform: translateX(calc(50% - .03571rem))
}

.phr__icon {
    align-items: center;
    -webkit-backdrop-filter: blur(.1428571429rem);
    backdrop-filter: blur(.1428571429rem);
    background: hsla(0,0%,100%,.04);
    border: .0714285714rem solid hsla(0,0%,100%,.1);
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 3.4285714286rem;
    justify-content: center;
    width: 3.4285714286rem
}

.phr__icon img {
    border-radius: 50%;
    display: block;
    height: 2.5714285714rem;
    width: 2.5714285714rem
}

.phr__info {
    width: 100%
}

.phr__price {
    color: var(--color-title);
    font-weight: 600;
    margin-bottom: .2857142857rem
}

.phr__name {
    color: var(--color-desc)
}

.phr__name span {
    color: var(--color-desc11)
}

.light .m-start:before {
    background: url(../images/main/bg-light.png) no-repeat;
    background-size: 100% 100%
}

.light .m-start__left:before {
    background: url(../images/main/bg-dot-light.webp) no-repeat;
    background-size: 100% 100%
}

.m-start {
    align-items: center;
    display: flex;
    gap: .7142857143rem;
    justify-content: space-between;
    margin: 10rem 0;
    position: relative
}

.m-start:before {
    background: url(../images/main/bg.png) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 55.4285714286rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 137.1428571429rem;
    z-index: 1
}

.m-start__left {
    min-width: 12.8571428571rem;
    position: relative
}

.m-start__left:before {
    background: url(../images/main/bg-dot.webp) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 47.3571428571rem;
    left: -218%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 106.9285714286rem;
    z-index: 1
}

.m-start__right {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 4.2857142857rem;
    position: relative;
    row-gap: 11.4285714286rem;
    z-index: 2
}

.m-start__name {
    color: var(--color-title);
    font-size: 1.4285714286rem;
    font-weight: 500;
    margin-bottom: 1.1428571429rem
}

.m-start__desc {
    color: var(--color-desc2);
    line-height: 160%;
    max-width: 21.0714285714rem
}

.light .m-start-box__wp {
    border: .1428571429rem solid rgba(198,174,251,.6)
}

.m-start-box {
    position: relative
}

body:not(.light) .m-start-box:after {
    opacity: .5
}

.m-start-box__wp {
    align-items: center;
    border: .1428571429rem solid rgba(198,174,251,.8);
    border-radius: .5714285714rem;
    display: flex;
    flex-direction: column;
    gap: 2.2857142857rem;
    height: 21.9285714286rem;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.m-start-box__wp:before {
    background: linear-gradient(135deg, #6619ef, #c5b6fc);
    background-size: 100% 100%;
    content: "";
    height: 21.9285714286rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 78.5714285714rem;
    z-index: 2
}

.m-start-box--mb140 .m-start-box__wp {
    margin-bottom: 10rem
}

.m-start-box__name {
    background: #fff;
    background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.8) 18%,hsla(0,0%,100%,0) 400%);
    -webkit-background-clip: text;
    color: var(--color-title);
    font-size: 2.2857142857rem;
    font-weight: 500;
    position: relative;
    z-index: 3;
    -webkit-text-fill-color: transparent;
    text-align: center
}

.m-start-box__input {
    align-items: center;
    display: flex;
    gap: .7142857143rem;
    justify-content: center;
    position: relative;
    z-index: 3
}

.m-start-box__input .input {
    min-width: 22.8571428571rem
}

.m-start-box__input .btn {
    min-width: 8.9285714286rem
}

.st-steps {
    align-items: flex-start;
    display: flex;
    gap: 1.7142857143rem;
    justify-content: space-between;
    position: relative
}

.st-steps:before {
    background: var(--color-bg-box-13);
    border-radius: .1428571429rem;
    content: "";
    height: .1428571429rem;
    left: 0;
    position: absolute;
    top: 1.3571428571rem;
    width: 100%;
    z-index: 1
}

.st-steps__row {
    font-size: 1.1428571429rem;
    max-width: 22.8571428571rem;
    position: relative;
    z-index: 2
}

.st-steps__num {
    align-items: center;
    background: var(--color-main);
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-weight: 600;
    height: 2.7142857143rem;
    justify-content: center;
    margin-bottom: 2.2857142857rem;
    min-width: 2.7142857143rem;
    width: 2.7142857143rem
}

.st-steps__name,.st-steps__num {
    font-size: 1.1428571429rem;
    line-height: 1
}

.st-steps__name {
    color: var(--color-title);
    font-weight: 500;
    margin-bottom: .8571428571rem
}

.st-steps__nesc {
    color: var(--color-desc3);
    line-height: 160%
}

.ref-box {
    align-items: center;
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: linear-gradient(135deg, #8a6bff, #896bff, #896cff, #8a6cff, #8a6aff);
    background-size: 100% 100%;
    border-radius: .5714285714rem;
    display: flex;
    justify-content: space-between;
    margin-top: 6rem;
    padding: 3.8571428571rem
}

.ref-box__title {
    color: #eae7fc;
    font-size: 1.7142857143rem;
    font-weight: 500;
    line-height: 1
}

.ref-box__desc {
    color: #eae7fc;
    font-size: 1.1428571429rem;
    line-height: 1.1;
    margin-top: 1.2857142857rem
}

.ref-box__right .btn {
    min-width: 9.8571428571rem
}

.light .ref-box2__b-bg:before {
    background: url(../images/profile/codes-bg-light-min.png) no-repeat;
    background-size: 100% 100%
}

.ref-img1 {
    height: 22.3907142857rem;
    width: 22.3907142857rem
}

.ref-box2 {
    -webkit-backdrop-filter: blur(1.0714285714rem);
    backdrop-filter: blur(1.0714285714rem);
    background: var(--color-bg-box-18);
    border: .1428571429rem solid var(--border-color16);
    border-radius: .5714285714rem;
    margin: 0 auto;
    overflow: hidden;
    padding: 1.8571428571rem;
    position: relative;
    width: 33.8571428571rem
}

.ref-box2--mt86 {
    margin-top: 6.1428571429rem
}

.ref-box2>.btn {
    margin-top: 1.8571428571rem
}

.ref-box2:before {
    bottom: 0;
    content: "";
    height: 18.7857142857rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 28.2857142857rem;
    z-index: 0
}

body:not(.light) .ref-box2:before {
    background: url(../images/profile/ref-box4-dark-min.webp) no-repeat;
    background-size: 100% 100%
}

body.light .ref-box2:before {
    background: url(../images/profile/ref-box4-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.ref-box2--t2 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border: none;
    border-radius: .5714285714rem;
    max-height: 16.8571428571rem;
    max-width: 33.8571428571rem;
    min-width: 22.8571428571rem
}

.ref-box2--t2:before {
    display: none
}

body:not(.light) .ref-box2--t2 {
    background: url(../images/profile/ref-box3-dark-min.webp) no-repeat;
    background-size: 100% 100%
}

body.light .ref-box2--t2 {
    background: url(../images/profile/ref-box3-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.ref-box2__title {
    color: var(--color-title);
    font-size: 1.5714285714rem;
    font-weight: 500;
    position: relative;
    z-index: 1
}

.ref-box2__desc {
    color: var(--color-desc2);
    line-height: 160%;
    margin-top: .8571428571rem;
    position: relative;
    z-index: 1
}

.ref-box2__b-bg {
    margin-top: 5rem
}

.ref-box2__b-bg,.ref-box2__b-bg:before {
    height: 4.8571428571rem;
    width: 26.2857142857rem
}

.ref-box2__b-bg:before {
    background: url(../images/profile/codes-bg-dark-min.webp) no-repeat;
    background-size: 100% 100%;
    bottom: 1.7142857143rem;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 0
}

.light .bc-box1 {
    background: url(../images/profile/bc-box-l-light-min.png) no-repeat;
    background-size: 100% 100%
}

.bc-box1 {
    align-items: center;
    background: url(../images/profile/bc-box-l-dark-min.webp) no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 38.5714285714rem;
    overflow: hidden;
    padding: 2.2857142857rem 2.4285714286rem;
    position: relative
}

.bc-box1,.bc-box1__top {
    width: 100%
}

.bc-box1__top .pm-header-title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1.2857142857rem
}

.bc-box1__top .pm-header-desc {
    color: var(--color-desc3);
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 0
}

.bc-box1__bottom:before {
    background: url(../images/profile/bc-assets-min.png);
    background-size: 100% 100%;
    content: "";
    display: block;
    height: 12.1428571429rem;
    margin: 0 auto;
    width: 34rem
}

.light .bc-box2 {
    background: url(../images/profile/bc-box-r-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.light .bc-box2 .input__box {
    background: hsla(0,0%,100%,.68)!important;
    border: .0714285714rem solid hsla(0,0%,100%,.05)!important
}

.light .bc-box2 .input__box .input__placeholder,.light .bc-box2 .input__box .input__value {
    color: #344054
}

.light .bc-box2 .select__box {
    background: #fff!important;
    border: .0714285714rem solid hsla(0,0%,100%,.05)!important
}

.light .bc-box2 .select__box .bc-label__name,.light .bc-box2 .select__box .select__value,.light .bc-box2 .select__box .sl-currency__name {
    color: #344054
}

.bc-box2 {
    background: url(../images/profile/bc-box-r-dark-min.webp) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    max-width: 38.5714285714rem;
    overflow: hidden;
    padding: 2.2857142857rem 2.4285714286rem;
    position: relative;
    width: 100%
}

.bc-box2>* {
    margin-bottom: 2.1428571429rem!important
}

.bc-box2>:last-child {
    margin-bottom: 0!important
}

.bc-box2 .label {
    margin-bottom: 1.2857142857rem
}

.bc-box2 .input__box {
    background: rgba(0,0,0,.24)!important;
    border: .0714285714rem solid hsla(0,0%,100%,.05)!important
}

.bc-box2 .input__box .input__placeholder,.bc-box2 .input__box .input__value {
    color: #fff
}

.bc-box2 .select__box {
    background: rgba(0,0,0,.12)!important;
    border: .0714285714rem solid hsla(0,0%,100%,.05)!important
}

.bc-box2 .select__box .bc-label__name,.bc-box2 .select__box .select__value,.bc-box2 .select__box .sl-currency__name {
    color: #fff
}

.bc-box2__row {
    align-items: flex-end;
    display: flex;
    gap: .7857142857rem;
    justify-content: space-between;
    margin-bottom: 1.4285714286rem!important;
    width: 100%
}

.bc-box2__row:last-child {
    margin-bottom: 0!important
}

.bc-box2__row>* {
    width: 100%
}

.bc-box2__row>:last-child {
    max-width: 10rem
}

.light .bc-banner:before {
    background: url(../images/profile/vc-fees-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.bc-banner {
    align-items: flex-start;
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bg-box-11);
    border: .1428571429rem solid var(--border-color15);
    border-radius: .5714285714rem;
    display: flex;
    flex-direction: column;
    gap: .7142857143rem;
    height: 9.8571428571rem;
    justify-content: center;
    margin-bottom: 3.4285714286rem;
    overflow: hidden;
    padding: 2.1428571429rem;
    position: relative;
    width: 100%
}

.bc-banner:before {
    background: url(../images/profile/vc-fees-dark-min.webp) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 9.8571428571rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 78.5714285714rem;
    z-index: 0
}

.bc-banner__title {
    color: var(--color-title);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    z-index: 1
}

.bc-banner__desc {
    color: var(--color-desc3);
    font-size: 1rem;
    line-height: 160%;
    max-width: 19.2857142857rem;
    position: relative;
    z-index: 1
}

.bc-page {
    align-items: center;
    display: flex;
    gap: 2.1428571429rem;
    justify-content: flex-start
}

.bc-page__left {
    background: var(--color-bg-box-3);
    border-radius: .5714285714rem;
    padding: 1.1428571429rem;
    width: 40%
}

.bc-page__left iframe {
    border-radius: .5714285714rem;
    height: 40.7142857143rem;
    width: 100%
}

.bc-page__right {
    width: 60%
}

.bc-label {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: .3571428571rem 0
}

.bc-label__icon {
    display: none;
    margin-right: .8571428571rem;
    width: 2.8571428571rem
}

.bc-label__name {
    color: var(--color-title);
    line-height: 1
}

.bc-label__name span {
    opacity: .6
}

.light .p-header__title {
    background: transparent;
    -webkit-background-clip: initial;
    color: var(--color-title);
    -webkit-text-fill-color: initial
}

.light .p-header--bg-main:before {
    background: url(../images/main/p-main-bg-light.webp) no-repeat;
    background-size: 100% 100%;
    height: 77.5rem;
    left: 50%;
    pointer-events: none;
    top: 38%;
    transform: translateX(-50%) translateY(-50%);
    width: 137.1428571429rem
}

.light .p-header--bg-p2p:after {
    opacity: .8
}

.light .p-header--bg-p2p .p-header__title {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

.light .p-header--bg-p2p .p-header__bottom,.light .p-header--bg-p2p .p-header__top {
    position: relative;
    z-index: 2
}

.light .p-header--bg-feature:before {
    opacity: .3
}

.light .p-header--bg-feature:after {
    opacity: .5
}

.light .p-header--bg-feature .p-header__desc {
    color: #90949c
}

.p-header {
    padding-bottom: 2.5714285714rem;
    padding-top: 10.7142857143rem
}

.p-header--bg-main {
    position: relative
}

.p-header--bg-main:before {
    background: url(../images/main/p-main-bg.webp) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 82.2857142857rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 38%;
    transform: translateX(-50%) translateY(-50%);
    width: 137.1428571429rem;
    z-index: 1
}

.p-header--bg-main .p-header__bottom,.p-header--bg-main .p-header__top {
    position: relative;
    z-index: 2
}

.p-header--bg-p2p {
    padding-top: 1rem;
    position: relative
}

.p-header--bg-p2p:before {
    background: url(../images/p2p/p2p-bg1-dark-min.png) no-repeat;
    background-size: 100% 100%;
    height: 73.6428571429rem;
    width: 118.9285714286rem
}

.p-header--bg-p2p:after,.p-header--bg-p2p:before {
    content: "";
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -5.7142857143rem;
    transform: translateX(-50%);
    z-index: 1
}

.p-header--bg-p2p:after {
    background: url(../images/p2p/p2p-bg0-dark-min.png) no-repeat;
    background-size: 100% 100%;
    height: 55.3571428571rem;
    opacity: 1;
    width: 137.1428571429rem
}

.p-header--bg-p2p .select__value {
    font-weight: 400
}

.p-header--bg-p2p .p-header__title {
    background: #fff;
    background: linear-gradient(180deg,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,.7) 18%,#fff);
    -webkit-background-clip: text;
    line-height: 1.16;
    max-width: 70.7142857143rem;
    -webkit-text-fill-color: transparent
}

.p-header--bg-p2p .p-header__desc {
    color: var(--color-desc3);
    margin-top: 1.2857142857rem;
    max-width: 54.2857142857rem
}

.p-header--bg-p2p .p-header__top {
    padding-bottom: 0;
    position: relative;
    z-index: 2
}

.p-header--bg-p2p .p-header__bottom {
    padding-top: 4.7142857143rem;
    position: relative;
    z-index: 2
}

.p-header--bg-p2p .p-header__bottom .p2p-tabs {
    margin-bottom: 7.1428571429rem
}

.p-header--support {
    margin: 0 auto;
    max-width: 55.7142857143rem
}

.p-header--support .p-header__top {
    margin-bottom: 2.1428571429rem;
    padding-bottom: 0;
    position: relative
}

.p-header--support .p-header__bottom {
    padding-top: 0
}

.p-header--support .p-header__title {
    font-size: 2.2857142857rem
}

.p-header--support .p-header__title>div:first-child {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 400;
    gap: .7142857143rem;
    justify-content: flex-start;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .25s
}

.p-header--support .p-header__title>div:first-child svg {
    margin-top: .1428571429rem
}

.p-header--support .p-header__title>div:first-child:hover {
    opacity: .6
}

.p-header--bg-feature {
    position: relative
}

.p-header--bg-feature:before {
    background: radial-gradient(84.54% 84.54% at 50.03% 7.38%,#7959f6 0,rgba(255,106,86,0) 100%);
    flex-shrink: 0;
    height: 47.8571428571rem;
    top: 0;
    transform: translateX(-50%);
    width: 100vw
}

.p-header--bg-feature:after,.p-header--bg-feature:before {
    content: "";
    left: 50%;
    opacity: .8;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.p-header--bg-feature:after {
    background: url(../images/main/p-feature-bg.webp) no-repeat;
    background-size: 100% 100%;
    height: 30.0714285714rem;
    top: 9%;
    transform: translateX(-50%) translateY(-50%);
    width: 95.8571428571rem
}

.p-header--bg-feature .p-header__top {
    position: relative;
    z-index: 2
}

.p-header--bg-feature .p-header__bottom {
    position: relative;
    z-index: 1
}

.p-header--bg-feature .p-header__desc {
    color: hsla(0,0%,100%,.7)
}

.p-header__top {
    padding-bottom: 3.8571428571rem
}

.p-header__title {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 4.5714285714rem;
    font-weight: 600;
    letter-spacing: .0642857143rem;
    line-height: 5.7142857143rem;
    margin: 0 auto;
    max-width: 48.2142857143rem;
    text-align: center
}

.p-header__title span {
    color: var(--color-main)
}

.p-header__desc {
    color: var(--color-desc);
    font-size: 1.2857142857rem;
    line-height: 1.7142857143rem;
    margin: 2.1428571429rem auto 0;
    max-width: 38.2142857143rem;
    text-align: center
}

.p-header__buttons {
    align-items: center;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: center;
    margin-top: 2.1428571429rem
}

.p-header__bottom {
    padding-top: 2.5714285714rem
}

.light .p-header--support .p-header__title>div:first-child {
    color: rgba(54,65,82,.7)
}

.light .p-header--support .p-header__title>div:first-child svg path {
    fill: #000;
    opacity: .5
}

.box-loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 28.5714285714rem
}

.box-loading:after {
    animation: loading 1.1s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%237959f6%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    display: block;
    height: 2.8571428571rem;
    pointer-events: none;
    position: relative;
    transition: opacity .3s;
    width: 2.8571428571rem
}

.p-dheader {
    padding-bottom: 5rem;
    padding-top: 7.1428571429rem;
    text-align: center
}

.p-dheader--left {
    text-align: left
}

.p-dheader--left .p-dheader__title {
    justify-content: flex-start
}

.p-dheader--pbs {
    padding-bottom: 2.1428571429rem
}

.p-dheader--s36 .p-dheader__title {
    font-size: 2.5714285714rem
}

.p-dheader__title {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-family: Inter,arial,sans-serif;
    font-size: 2.8571428571rem;
    font-weight: 700;
    gap: 1.0714285714rem;
    justify-content: center
}

.p-dheader__desc {
    color: var(--color-desc);
    font-size: 1.1428571429rem;
    margin-top: 1.2857142857rem
}

.p-box {
    align-items: stretch;
    background: var(--color-bg-box-3);
    border-radius: .5714285714rem;
    display: flex;
    gap: 2.1428571429rem;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding: 2.1428571429rem
}

.p-box__section {
    width: 100%
}

.p-box-info {
    align-items: stretch;
    background: var(--color-main);
    border-radius: .4285714286rem;
    display: flex;
    flex-direction: column;
    gap: 1.4285714286rem;
    height: 100%;
    justify-content: space-between;
    padding: 1.4285714286rem
}

.p-box-info__title {
    color: var(--color-bg-main);
    font-size: 1.4285714286rem;
    font-weight: 600;
    margin-bottom: .5714285714rem;
    padding: 1.4285714286rem 1.4285714286rem 0
}

.p-box-info__desc {
    color: var(--color-bg-box-3);
    line-height: 1.5;
    padding: 0 1.4285714286rem 1.4285714286rem
}

.p-box-noty {
    background: hsla(0,0%,100%,.08);
    gap: .8571428571rem;
    justify-content: flex-start;
    padding: 1.2142857143rem
}

.p-box-noty,.p-box-noty__icon {
    align-items: center;
    border-radius: .4285714286rem;
    display: flex
}

.p-box-noty__icon {
    background: hsla(0,0%,100%,.2);
    height: 3.5714285714rem;
    justify-content: center;
    min-width: 3.5714285714rem;
    width: 3.5714285714rem
}

.p-box-noty__text {
    color: var(--color-bg-box-3);
    line-height: 1.5
}

.auth .label--s14 {
    margin-bottom: .5714285714rem!important
}

.label {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1
}

.label--s14 {
    font-size: 1rem;
    margin-bottom: 1rem!important
}

.label--s16 {
    font-size: 1.1428571429rem
}

.label--s18 {
    font-size: 1.2857142857rem
}

.label--s22 {
    font-size: 1.5714285714rem
}

.label--s22,.label--wmed {
    font-weight: 500
}

.label--c-white {
    color: var(--color-title)
}

.label--c-silver {
    color: var(--color-desc)
}

.label--c-silver2 {
    color: var(--color-desc3)
}

.label--c-silver3 {
    color: var(--color-desc2)
}

.label--c-silver4 {
    color: var(--color-desc15)
}

.light .input--bg-transparent .input__box {
    background: transparent;
    border: .0714285714rem solid #cececf
}

.light .input__value {
    color: var(--color-title)
}

.input--mb {
    margin-bottom: 1.4285714286rem
}

.input--active .input__placeholder {
    opacity: 0
}

.input--disabled {
    cursor: default;
    opacity: .8;
    pointer-events: none
}

.input--right .input__value {
    text-align: right
}

.input--bg-default .input__box {
    background: var(--color-bb-4);
    border: .0714285714rem solid var(--color-bb-2)
}

.input--bg-default .input__placeholder {
    color: var(--color-desc2)
}

.input--bg-default .input__value {
    color: var(--color-title)
}

.input--bg-default2 .input__box {
    background: var(--color-bg-box-12);
    border: .0714285714rem solid var(--border-color4)
}

.input--bg-transparent .input__box {
    -webkit-backdrop-filter: blur(.1428571429rem);
    backdrop-filter: blur(.1428571429rem);
    background: hsla(0,0%,100%,.02);
    border: .0714285714rem solid var(--border-color3)
}

.input--bg-transparent2 .input__box {
    background: transparent;
    border: .0714285714rem solid var(--border-color20)
}

.input--bg-transparent2 .input__placeholder {
    color: var(--color-desc2)
}

.input--bg-white .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: hsla(0,0%,100%,.08);
    border: .0714285714rem solid hsla(0,0%,100%,.3)
}

.input--bg-white .input__placeholder,.input--bg-white .input__value {
    color: #fff
}

.input--bg-dark1 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-13);
    border: .0714285714rem solid var(--border-color24)
}

.input--bg-dark1 .input__placeholder {
    color: #8e8c98
}

.input--bg-dark1 .input__value {
    color: var(--color-title2)
}

.input--bg-dark2 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-13);
    border: .0714285714rem solid var(--border-color25)
}

.input--bg-dark2 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark2 .input__value {
    color: var(--color-title2)
}

.input--bg-dark3 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-19);
    border: .0714285714rem solid var(--border-color31)
}

.input--bg-dark3 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark3 .input__value {
    color: var(--color-title2)
}

.input--bg-dark4 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-20);
    border: .0714285714rem solid var(--border-color32)
}

.input--bg-dark4 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark4 .input__value {
    color: var(--color-title2)
}

.input--bg-dark5 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: transparent;
    border: .0714285714rem solid var(--border-color32)
}

.input--bg-dark5 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark5 .input__value {
    color: var(--color-title2)
}

.input--bg-dark6 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-25);
    border: .0714285714rem solid var(--color-bb-25)
}

.input--bg-dark6 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark6 .input__value {
    color: var(--color-title2)
}

.input--bg-dark7 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-13);
    border: .0714285714rem solid var(--border-color32)
}

.input--bg-dark7 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark7 .input__value {
    color: var(--color-title2)
}

.input--bg-dark8 .input__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-26);
    border: .0714285714rem solid var(--border-color32)
}

.input--bg-dark8 .input__placeholder {
    color: var(--color-desc3)
}

.input--bg-dark8 .input__value {
    color: var(--color-title2)
}

.input--s60 .input__box {
    height: 4.2857142857rem
}

.input--s52 .input__box {
    height: 3.7142857143rem
}

.input--s50 .input__box {
    height: 3.4285714286rem
}

.input--s50 .input__placeholder,.input--s50 .input__value {
    padding: 0 .8571428571rem
}

.input--s42 .input__box {
    height: 3rem
}

.input--s44 .input__box {
    height: 3.1428571429rem
}

.input--s40 .input__box {
    height: 2.8571428571rem
}

.input--r6 .input__box {
   width: 100%;
}

.input--r4 .input__box {
    border-radius: .2857142857rem
}

.input--multiline2 .input__box .input__field .input__value {
    height: 100%;
    min-height: 28px;
    padding-bottom: 1.1428571429rem;
    padding-top: 1.1428571429rem
}

.input__label {
    margin-bottom: 1.1428571429rem
}

.input__box {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.input__field {
    position: relative;
    width: 100%
}

.input__placeholder {
    align-items: center;
    color: var(--color-desc);
    display: flex;
    justify-content: flex-start;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .1s;
    white-space: nowrap
}

.input__placeholder,.input__value {
    font-size: 1rem;
    height: 100%;
    padding: 0 .8571428571rem;
    width: 100%
}

.input__value {
    background: none;
    border: none;
    color: var(--color-title);
    margin: 0;
    outline: none;
    transition: all .25s
}

.input textarea {
    height: 10.7142857143rem;
    resize: none
}

.input__section {
    align-items: center;
    display: flex;
    gap: .3571428571rem;
    height: 100%
}

.input__section svg:not(.n-base-loading__icon) [fill] {
    fill: var(--color-title)
}

.input__section [stroke] {
    stroke: var(--color-title)
}

.input__section--left {
    justify-content: flex-start
}

.input__section--left:first-child {
    padding-left: 1.2142857143rem
}

.input__section--right {
    justify-content: flex-end
}

.input__section--right:last-child {
    padding-right: 1.2142857143rem
}

.input2 {
    align-items: center;
    background: #0e0d12;
    border: .0714285714rem solid transparent;
    display: flex;
    justify-content: space-between;
    position: relative
}

.input2__box {
    height: 100%;
    position: relative;
    width: 100%
}

.input2__label {
    color: #959595;
    font-size: .9285714286rem;
    left: 1.4285714286rem;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    top: 15%;
    transition: all .25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.input2__label--active {
    color: #bdbdbd;
    font-size: 1.1428571429rem;
    top: 50%;
    transform: translateY(-50%)
}

.input2__field {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.1428571429rem;
    height: 100%;
    margin: 0;
    outline: none;
    padding: 2% 1.4285714286rem 0;
    transition: all .25s;
    width: 100%
}

.input2 textarea {
    height: 10.7142857143rem;
    padding-top: 10%;
    resize: none
}

.input2__section {
    align-items: center;
    display: flex;
    gap: .3571428571rem;
    height: 100%
}

.input2__section--left {
    justify-content: flex-start
}

.input2__section--left:first-child {
    padding-left: 1.4285714286rem
}

.input2__section--right {
    justify-content: flex-end
}

.input2__section--right:last-child {
    padding-right: 1.4285714286rem
}

.input2--s70 {
    height: 5rem
}

.input2--s61 {
    height: 4.3571428571rem
}

.input2--s50 {
    height: 3.5714285714rem
}

.input2--r25 {
    border-radius: 1.7857142857rem
}

.input2--r7 {
    border-radius: .5rem
}

.input2--b-blue {
    border-color: #252426
}

.input2--b-red {
    border-color: #ffadad
}

.input2--mb {
    margin-bottom: 1.2857142857rem
}

.password-hide {
    align-items: center;
    background: transparent;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0 0 0 .5rem
}

.password-hide svg {
    height: 1.5rem;
    width: 1.5rem
}

.password-hide svg [fill] {
    transition: .25s;
    transition-property: fill;
    fill: var(--color-desc7)
}

.password-hide svg [stroke] {
    transition: .25s;
    transition-property: fill;
    stroke: var(--color-desc7)
}

.password-hide--active svg [fill] {
    fill: var(--color-main)
}

.password-hide--active svg [stroke] {
    stroke: var(--color-main)
}

.password-validation {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem 0;
    justify-content: center;
    margin: -1rem 0 1rem;
    min-height: 1.5rem
}

.password-validation__col {
    background-color: #23242a;
    border-radius: .25rem;
    color: #fff;
    cursor: default;
    font-size: .75rem;
    margin-right: .375rem;
    padding: .125rem .375rem
}

.password-validation__col--red {
    background: #b24a3e;
    color: #fff
}

.password-validation__col--green {
    background: #338f3f;
    color: #fff
}

.input-section-amount-max {
    color: var(--color-desc10);
    cursor: pointer;
    font-size: 1.1428571429rem;
    padding-right: .8571428571rem
}

.input-section-amount {
    max-width: 5.5rem;
    overflow: hidden;
    padding-right: .8571428571rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input-section-amount__title {
    color: var(--color-desc3);
    font-size: .8571428571rem;
    line-height: 1;
    margin-bottom: .0714285714rem;
    text-align: left;
    transition: .25s;
    transition-property: color;
    white-space: nowrap
}

.input-section-amount__value {
    background-color: transparent;
    border-bottom: .0714285714rem dashed var(--color-main);
    color: var(--color-main);
    cursor: pointer;
    display: inline;
    font-size: .9285714286rem;
    line-height: 1;
    text-align: center;
    transition-duration: .25s;
    transition-property: color,border-color
}

.input-section-amount__value:hover {
    opacity: .7
}

.light .btn {
    background: #1f0;
    color: red
}

.light .btn--c-main {
    background: var(--color-main) !important;
    border: .0714285714rem solid transparent;
    color: #fff
}

.light .btn--c-main svg [stroke] {
    stroke: #fff
}

.light .btn--c-main:not(.n-button) svg [fill] {
    fill: #fff
}

.light .btn--c-main:hover:not([disabled]) {
    background: transparent !important;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.light .btn--c-main:not(.n-button):hover:not([disabled]) svg [stroke] {
    stroke: var(--color-main)
}

.light .btn--c-main:not(.n-button):hover:not([disabled]) svg [fill] {
    fill: var(--color-main)
}

.light .btn--c-main-trans {
    background: rgba(121,89,246,.16);
    border: .0714285714rem solid transparent;
    color: #8a6cff
}

.light .btn--c-main-trans svg [stroke] {
    stroke: #8a6cff
}

.light .btn--c-main-trans:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.light .btn--c-main-trans:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-main)
}

.light .btn--c-main-outline {
    background: transparent;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.light .btn--c-main-outline svg [stroke] {
    stroke: var(--color-main)
}

.light .btn--c-main-outline:hover:not([disabled]) {
    background: var(--color-main);
    border: .0714285714rem solid transparent;
    color: #fff
}

.light .btn--c-main-outline:hover:not([disabled]) svg [stroke] {
    stroke: #fff
}

.light .btn--c-text {
    background: transparent;
    border: .0714285714rem solid transparent;
    color: var(--color-main);
    height: auto;
    padding: 0
}

.light .btn--c-text svg [stroke] {
    stroke: var(--color-main)
}

.light .btn--c-text:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid transparent;
    color: var(--color-title)
}

.light .btn--c-text:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.light .btn--c-gray-outline {
    background: transparent;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.light .btn--c-gray-outline svg [stroke] {
    stroke: var(--color-main)
}

.light .btn--c-gray-outline:hover:not([disabled]) {
    background: var(--color-main);
    border: .0714285714rem solid transparent;
    color: #fff
}

.light .btn--c-gray-outline:hover:not([disabled]) svg [stroke] {
    stroke: #fff
}

.light .btn--c-white-outline {
    background: transparent;
    border: .0714285714rem solid #d0d5dd;
    color: #667085
}

.light .btn--c-white-outline svg [stroke] {
    stroke: var(--color-main)
}

.light .btn--c-white-outline:hover:not([disabled]) {
    background: #d0d5dd;
    border: .0714285714rem solid #d0d5dd;
    color: #667085
}

.light .btn--c-white-outline:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.light .btn--c-white-outline2 {
    background: transparent;
    border: .0714285714rem solid #dfd8fe;
    color: #344054
}

.light .btn--c-white-outline2 svg [stroke] {
    stroke: var(--color-main)
}

.light .btn--c-white-outline2:hover:not([disabled]) {
    background: #dfd8fe;
    border: .0714285714rem solid #dfd8fe;
    color: #344054
}

.light .btn--c-white-outline2:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.light .btn--c-white {
    background: #fff;
    border: .0714285714rem solid #fff;
    color: #344054;
    font-weight: 500
}

.light .btn--c-white svg [stroke] {
    stroke: #343f53
}

.light .btn--c-white:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid #fff;
    color: #fff
}

.light .btn--c-white:hover:not([disabled]) svg [stroke] {
    stroke: #fff
}

.light .btn--c-dark {
    background: #edeef0;
    color: var(--color-desc)
}

.light .btn--c-dark svg [stroke] {
    stroke: var(--color-desc)
}

.light .btn--c-main2 {
    background: rgba(122,90,248,.16);
    color: var(--color-main)
}

.light .btn--c-main2 svg [stroke] {
    stroke: var(--color-main)
}

.light .btn--c-dark2 {
    background: #eae7fc;
    border: .0714285714rem solid #eae7fc;
    color: var(--color-main)
}

.light .btn--c-dark2:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid #eae7fc;
    color: var(--color-main)
}

.light .btn--c-green {
    background: var(--color-green);
    border: .0714285714rem solid var(--color-green);
    color: #fff
}

.light .btn--c-green svg [stroke] {
    stroke: #fff
}

.light .btn--c-green:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-green);
    color: var(--color-green)
}

.light .btn--c-green:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-green)
}

.light .btn--c-red {
    background: var(--color-red);
    border: .0714285714rem solid var(--color-red);
    color: #fff
}

.light .btn--c-red svg [stroke] {
    stroke: #fff
}

.light .btn--c-red:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-red);
    color: var(--color-red)
}

.light .btn--c-red:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-red)
}

.light .btn--c-red2 {
    background: rgba(240,68,56,.16);
    color: var(--color-red)
}

.light .btn--c-red2 svg [stroke] {
    stroke: var(--color-red)
}

.light .btn--c-transparent {
    background: transparent;
    border: .0714285714rem solid var(--border-color);
    color: var(--color-desc)
}

.light .btn--c-transparent svg [stroke] {
    stroke: var(--color-desc)
}

.light .btn--c-transparent svg [fill] {
    fill: var(--color-desc)
}

.light .btn--c-transparent:hover:not([disabled]) {
    background: var(--border-color);
    border: .0714285714rem solid var(--border-color);
    color: #fff
}

.light .btn--c-transparent:hover:not([disabled]) svg [stroke] {
    stroke: #fff
}

.light .btn--c-transparent:hover:not([disabled]) svg [fill] {
    fill: #fff
}

.light .btn--loading:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E")
}

.btn {
    align-items: center;
    background: #1f0;
    border: none;
    border-radius: 0;
    color: red;
    cursor: pointer;
    display: flex;
    font-family: Inter,arial,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    height: 2.4285714286rem;
    justify-content: center;
    line-height: 1.1428571429rem;
    margin: 0;
    outline: none;
    padding: 0 1.4285714286rem;
    position: relative
}

.btn,.btn svg path {
    transition: all .3s
}

.btn[disabled] {
    cursor: default;
    opacity: .6
}

.btn--d-width {
    max-width: 14.2857142857rem;
    width: 100%
}

.btn--center {
    margin: 0 auto
}

.btn--s44 {
    height: 3.1428571429rem
}

.btn--s40,.btn--s42 {
    height: 3rem
}

.btn--s36 {
    height: 2.5714285714rem
}

.btn--s48 {
    height: 3.4285714286rem
}

.btn--s52 {
    font-size: 1.1428571429rem;
    font-weight: 500;
    height: 3.7142857143rem
}

.btn--s60 {
    font-size: 1.2857142857rem;
    font-weight: 500;
    height: 4.2857142857rem
}

.btn--c-main {
    background: var(--color-main) !important;
    border: .0714285714rem solid transparent;
    color: #fff
}

.btn--c-main svg [stroke] {
    stroke: #fff
}

.btn--c-main svg [fill] {
    fill: #fff
}

.btn--c-main:hover:not([disabled]),.btn--c-main:active,.btn--c-main:focus  {
    background: transparent !important;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.btn--c-main:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-main:hover:not([disabled]) svg [fill] {
    fill: var(--color-main)
}

.btn--c-main-trans {
    background: rgba(121,89,246,.16);
    border: .0714285714rem solid transparent;
    color: #fff
}

.btn--c-main-trans svg [stroke] {
    stroke: #fff
}

.btn--c-main-trans:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.btn--c-main-trans:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-main-outline {
    background: transparent;
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main)
}

.btn--c-main-outline svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-main-outline:hover:not([disabled]) {
    background: var(--color-main);
    border: .0714285714rem solid transparent;
    color: var(--color-title)
}

.btn--c-main-outline:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-text {
    background: transparent;
    border: .0714285714rem solid transparent;
    color: var(--color-main);
    height: auto;
    padding: 0
}

.btn--c-text svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-text:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid transparent;
    color: var(--color-title)
}

.btn--c-text:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-gray-outline {
    background: transparent;
    border: .0714285714rem solid #3a3a41;
    color: var(--color-title)
}

.btn--c-gray-outline svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-gray-outline:hover:not([disabled]) {
    background: #3a3a41;
    border: .0714285714rem solid #3a3a41;
    color: var(--color-title)
}

.btn--c-gray-outline:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-white-outline {
    background: transparent;
    border: .0714285714rem solid #36363d;
    color: var(--color-title)
}

.btn--c-white-outline svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-white-outline:hover:not([disabled]) {
    background: #36363d;
    border: .0714285714rem solid #36363d;
    color: var(--color-title)
}

.btn--c-white-outline:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-white-outline2 {
    background: transparent;
    border: .0714285714rem solid #36363d;
    color: var(--color-title)
}

.btn--c-white-outline2 svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-white-outline2:hover:not([disabled]) {
    background: #36363d;
    border: .0714285714rem solid #36363d;
    color: var(--color-title)
}

.btn--c-white-outline2:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-white {
    background: #fff;
    border: .0714285714rem solid #fff;
    color: #344054;
    font-weight: 500
}

.btn--c-white svg [stroke] {
    stroke: #000
}

.btn--c-white:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid #fff;
    color: #fff
}

.btn--c-white:hover:not([disabled]) svg [stroke] {
    stroke: #fff
}

.btn--c-main2 {
    background: rgba(122,90,248,.16);
    color: var(--color-main)
}

.btn--c-main2 svg [stroke] {
    stroke: var(--color-main)
}

.btn--c-dark {
    background: hsla(0,0%,100%,.05);
    color: var(--color-desc)
}

.btn--c-dark svg [stroke] {
    stroke: var(--color-desc)
}

.btn--c-dark2 {
    background: var(--color-bg-box-1)
}

.btn--c-dark2,.btn--c-dark2:hover:not([disabled]) {
    border: .0714285714rem solid var(--color-bg-box-1);
    color: var(--color-title)
}

.btn--c-dark2:hover:not([disabled]) {
    background: transparent
}

.btn--c-green {
    background: var(--color-green);
    border: .0714285714rem solid var(--color-green);
    color: #000
}

.btn--c-green svg [stroke] {
    stroke: #000
}

.btn--c-green:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-green);
    color: var(--color-green)
}

.btn--c-green:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-green)
}

.btn--c-red {
    background: var(--color-red);
    border: .0714285714rem solid var(--color-red);
    color: #000
}

.btn--c-red svg [stroke] {
    stroke: #000
}

.btn--c-red:hover:not([disabled]) {
    background: transparent;
    border: .0714285714rem solid var(--color-red);
    color: var(--color-red)
}

.btn--c-red:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-red)
}

.btn--c-red2 {
    background: rgba(240,68,56,.16);
    color: var(--color-red)
}

.btn--c-red2 svg [stroke] {
    stroke: var(--color-red)
}

.btn--c-transparent {
    background: transparent;
    border: .0714285714rem solid var(--border-color);
    color: var(--color-desc)
}

.btn--c-transparent svg [stroke] {
    stroke: var(--color-desc)
}

.btn--c-transparent svg [fill] {
    fill: var(--color-desc)
}

.btn--c-transparent:hover:not([disabled]) {
    background: var(--border-color);
    border: .0714285714rem solid var(--border-color);
    color: var(--color-title)
}

.btn--c-transparent:hover:not([disabled]) svg [stroke] {
    stroke: var(--color-title)
}

.btn--c-transparent:hover:not([disabled]) svg [fill] {
    fill: var(--color-title)
}

.btn--r-sm {
    border-radius: .2857142857rem
}

.btn--r-d {
    border-radius: .4285714286rem
}

.btn--r-md {
    border-radius: .5714285714rem
}

.btn--r-lg {
    border-radius: .8571428571rem
}

.btn--block {
    display: block
}

.btn--full-width {
    width: 100%
}

.btn--mb {
    margin-bottom: 1.2857142857rem
}

.btn--loading {
    opacity: .95;
    pointer-events:none;
    cursor: not-allowed;
}

.btn--loading span {
    opacity: 0
}

.btn--loading:after {
    animation: loading 1.2s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    height: 2.1428571429rem;
    left: calc(50% - 1.07143rem);
    opacity: .6;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 1.07143rem);
    transition: opacity .3s;
    width: 2.1428571429rem
}

.btn--icon span {
    align-items: center;
    display: flex;
    gap: .3571428571rem;
    justify-content: center
}

.light .select--bg-default .select__box {
    background: #fdfdfe;
    border: .0714285714rem solid #cececf
}

.light .select--bg-transparent .select__box {
    background: transparent;
    border: .0714285714rem solid #cececf
}

.light .select__body {
    background: #fff;
    border: .0714285714rem solid #cececf
}

.light .select__list {
    scrollbar-color: var(--color-bg-main) var(--border-color)
}

.light .select__list::-webkit-scrollbar-thumb {
    background-color: var(--color-bg-main)
}

.light .select__list::-webkit-scrollbar-track {
    background-color: var(--border-color)
}

.light .select__row--active,.light .select__row:hover {
    background: var(--color-bg-box-3)
}

.light .select__list-empty,.light .select__row-value {
    color: var(--color-title)
}

.select {
    position: relative
}

.select--mb {
    margin-bottom: 1.4285714286rem
}

.select--active .select__value {
    opacity: 1
}

.select--active .select__placeholder {
    opacity: 0
}

.select--opened .select__box {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.select--opened .select__arrow svg {
    transform: rotate(180deg)
}

.select--opened .select__body {
    opacity: 1;
    pointer-events: auto
}

.select--disabled {
    cursor: default;
    opacity: .8;
    pointer-events: none
}

.select--right .select__value {
    text-align: right
}

.select--bg-default .select__box,.select--bg-default2 .select__box {
    background: var(--color-bg-box-12);
    border: .0714285714rem solid var(--border-color4)
}

.select--bg-transparent .select__box {
    -webkit-backdrop-filter: blur(.1428571429rem);
    backdrop-filter: blur(.1428571429rem);
    background: hsla(0,0%,100%,.02);
    border: .0714285714rem solid var(--border-color3)
}

.select--bg-dark1 .select__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-13);
    border: .0714285714rem solid var(--border-color24)
}

.select--bg-dark1 .select__placeholder {
    color: #8e8c98
}

.select--bg-dark1 .select__value {
    color: var(--color-title2)
}

.select--bg-dark2 .select__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-13);
    border: .0714285714rem solid var(--border-color25)
}

.select--bg-dark2 .select__placeholder {
    color: var(--color-desc3)
}

.select--bg-dark2 .select__value {
    color: var(--color-title2)
}

.select--bg-dark3 .select__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-19);
    border: .0714285714rem solid var(--border-color31)
}

.select--bg-dark3 .select__placeholder {
    color: var(--color-desc3)
}

.select--bg-dark3 .select__value {
    color: var(--color-title2)
}

.select--bg-dark4 .select__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-20);
    border: .0714285714rem solid var(--border-color32)
}

.select--bg-dark4 .select__placeholder {
    color: var(--color-desc3)
}

.select--bg-dark4 .select__value {
    color: var(--color-title2)
}

.select--bg-dark5 .select__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: transparent;
    border: .0714285714rem solid var(--border-color32)
}

.select--bg-dark5 .select__placeholder {
    color: var(--color-desc3)
}

.select--bg-dark5 .select__value {
    color: var(--color-title2)
}

.select--bg-dark6 .select__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-25);
    border: .0714285714rem solid var(--color-bb-25)
}

.select--bg-dark6 .select__placeholder {
    color: var(--color-desc3)
}

.select--bg-dark6 .select__value {
    color: var(--color-title2)
}

.select--bg-dark7 .select__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-13);
    border: .0714285714rem solid var(--border-color32)
}

.select--bg-dark7 .select__placeholder {
    color: var(--color-desc3)
}

.select--bg-dark7 .select__value {
    color: var(--color-title2)
}

.select--bg-dark8 .select__box {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-26);
    border: .0714285714rem solid var(--border-color32)
}

.select--bg-dark8 .select__placeholder {
    color: var(--color-desc3)
}

.select--bg-dark8 .select__value {
    color: var(--color-title2)
}

.select--s60 .select__box {
    height: 4.2857142857rem
}

.select--s52 .select__box {
    height: 3.4285714286rem
}

.select--s42 .select__box {
    height: 3rem
}

.select--s48 .select__box {
    height: 3.4285714286rem
}

.select--s44 .select__box {
    height: 3.1428571429rem
}

.select--s40 .select__box {
    height: 2.8571428571rem
}

.select--s26 .select__box {
    height: 1.8571428571rem
}

.select--s26 .select__placeholder,.select--s26 .select__value {
    font-size: 1rem;
    padding: 0 1.1428571429rem
}

.select--s26 .select__arrow {
    padding-right: 1.1428571429rem
}

.select--r6 .select__box {
    border-radius: .4285714286rem
}

.select--r6 .select__body {
    border-radius: 0 0 .4285714286rem .4285714286rem
}

.select--r4 .select__box {
    border-radius: .2857142857rem
}

.select--r4 .select__body {
    border-radius: 0 0 .2857142857rem .2857142857rem
}

.select__label {
    margin-bottom: 1.1428571429rem
}

.select__box {
    align-items: stretch;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.select__placeholder {
    color: var(--color-desc2);
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .1s;
    white-space: nowrap
}

.select__placeholder,.select__value {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    height: 100%;
    justify-content: flex-start;
    padding: 0 .8571428571rem;
    width: 100%
}

.select__value {
    background: none;
    border: none;
    color: var(--color-title);
    margin: 0;
    outline: none;
    transition: all .25s
}

.select__arrow {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-right: .8571428571rem
}

.select__arrow svg {
    height: 1.7142857143rem;
    transition: all .25s;
    width: 1.7142857143rem
}

.select__arrow [fill] {
    fill: var(--color-desc4)
}

.select__arrow [stroke] {
    stroke: var(--color-desc4)
}

.select__clear {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding-right: 1.7142857143rem
}

.select__clear [fill] {
    fill: var(--color-bg-box-2)
}

.select__clear svg {
    height: 1.4285714286rem;
    width: 1.5rem
}

.select__body {
    background: var(--color-bg-box-2);
    border: .0714285714rem solid var(--border-color3);
    border-top: none;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 5000
}

.select__body--opened {
    opacity: 1;
    pointer-events: auto;
    position: fixed
}

.select__search {
    padding: .7142857143rem .7142857143rem .3571428571rem
}

.select__list {
    max-height: 12rem;
    overflow-x: auto;
    padding: .7142857143rem;
    scrollbar-color: var(--color-bg-main) var(--border-color);
    scrollbar-width: thin
}

.select__list::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.select__list::-webkit-scrollbar-thumb {
    background-color: var(--color-bg-main);
    border-radius: .625rem
}

.select__list::-webkit-scrollbar-track {
    background-color: var(--border-color)
}

.select__row {
    background: transparent;
    cursor: pointer;
    transition: all .25s
}

.select__row--active,.select__row:hover {
    background: var(--color-bg-box-3)
}

.select__row-value {
    color: var(--color-title);
    padding: .2857142857rem .7142857143rem
}

.select__list-empty {
    color: var(--color-title);
    padding: 1.7857142857rem 0;
    text-align: center
}

.sl-currency {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.sl-currency__icon {
    display: block;
    height: 1.7142857143rem;
    margin-right: .5714285714rem;
    width: 1.7142857143rem
}

.sl-currency__name {
    color: var(--color-title);
    line-height: 1
}

.sl-currency__name span {
    color: var(--color-desc3)
}

.select-row-currency {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    padding: .3571428571rem .7142857143rem;
    width: 100%
}

.select-row-currency__icon {
    margin-right: .8571428571rem
}

.select-row-currency__icon .currency-icon {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.select-row-currency__name {
    color: var(--color-title);
    font-size: 1.1428571429rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.select-row-currency__name span {
    opacity: .6
}

.select2 {
    align-items: center;
    background-clip: padding-box;
    background-color: #0e0d12;
    border: .0714285714rem solid #252426;
    display: flex;
    position: relative;
    text-align: left
}

.select2--r25 {
    border-radius: 1.7857142857rem
}

.select2--r7 {
    border-radius: .5rem
}

.select2:hover:not(.select2--focus):not(.select2--disabled):not(.select2--inject) {
    border-color: #4c4c4f
}

.select2__label {
    align-items: center;
    background: transparent;
    color: #959595;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    height: 100%;
    justify-content: flex-start;
    opacity: .5;
    overflow: hidden;
    padding: 1.365rem 1.4285714286rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.select2__label--value {
    color: #fff;
    opacity: 1
}

.select2__section-left {
    align-items: center;
    display: flex;
    padding-left: 1.4285714286rem
}

.select2__section-left>.icon {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.select2__section-left>.currency-icon {
    height: 3.1428571429rem;
    width: 3.1428571429rem
}

.select2__arrow {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    padding-right: 1.4285714286rem
}

.select2__arrow>.icon {
    outline: none;
    transform: rotate(180deg);
    transition: transform .3s;
    vertical-align: middle
}

.select2__clear {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    margin-right: .75rem
}

.select2__clear svg {
    background-color: transparent;
    border-radius: .25rem;
    padding: .375rem
}

.select2__body {
    background-color: #0e0d12;
    border: .0714285714rem solid #4c4c4f;
    border-radius: .5rem;
    box-shadow: 0 .25rem 1rem rgba(0,0,0,.1);
    color: #959595;
    display: none;
    font-size: .75rem;
    left: 0;
    outline: none;
    padding: .5rem 0;
    position: absolute;
    top: calc(100% + .5rem);
    width: 100%;
    z-index: 50
}

.select2--opened:not(.select2--disabled) .select__body {
    display: initial
}

.select2--opened:not(.select2--disabled) .select__arrow>.icon {
    transform: rotate(0)
}

.select2--focus:not(.select2--disabled):not(.select2--inject) {
    border-color: #858181
}

.select2--disabled {
    background-color: #0e0d12;
    opacity: .5
}

.select2--disabled .select__label {
    opacity: .5
}

.select2--transparent {
    background-color: transparent;
    border: .0714285714rem solid #4c4c4f;
    box-shadow: none
}

.select2--transparent .select__label {
    color: #959595
}

.select2--transparent .select__label--value {
    color: #fff
}

.select2--xsmall {
    width: 10rem
}

.select2--xsmall .select__label {
    font-size: .75rem;
    height: 1.5rem;
    padding: .15rem .15rem .15rem .35rem
}

.select2--xsmall .select__section--left>.icon {
    height: .5rem;
    width: .5rem
}

.select2--xsmall .select__arrow {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    padding-right: .25rem
}

.select2--xsmall .select__arrow>.icon {
    height: .5rem;
    width: .5rem
}

.select2--small .select__label {
    font-size: .75rem;
    height: 3.5714285714rem;
    padding: .65rem
}

.select2--small .select__section--left>.icon {
    height: 1rem;
    width: 1rem
}

.select2--medium .select__label {
    font-size: .875rem;
    height: 3.5rem;
    padding: 1.19rem
}

.select2--medium .select__section--left>.icon {
    height: 1.2rem;
    width: 1.2rem
}

.select2--large .select__label {
    height: 5rem
}

.select2--inject {
    background-color: #111015;
    border: .0714285714rem solid transparent;
    box-shadow: none;
    height: 3.5rem;
    min-width: 8.75rem;
    position: static;
    transition: .3s;
    transition-property: background-color,border-color
}

.select2--inject .select__label {
    color: #fff;
    height: 100%;
    opacity: 1;
    padding: .95rem .5rem
}

.select2__search {
    margin-bottom: .75rem;
    padding: 0 .75rem
}

.select2__list {
    margin-right: .25rem;
    max-height: 12rem;
    overflow: auto;
    padding-left: .6rem;
    padding-right: .4rem;
    scrollbar-color: #000 transparent;
    scrollbar-width: thin
}

.select2__list::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.select2__list::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: .625rem
}

.select2__list::-webkit-scrollbar-track {
    background-color: transparent
}

.select2__list-empty {
    background-color: #0e0d12;
    border-radius: .25rem;
    font-size: .875rem;
    padding: .25rem .5rem;
    text-align: center
}

.select2__row {
    align-items: center;
    border-bottom: .0714285714rem solid #252426;
    cursor: pointer;
    display: flex;
    height: 3rem;
    position: relative;
    width: 100%
}

.select2__row--active,.select2__row:not(.select2__row--active):hover {
    background-color: #23212a
}

.select2__row:last-child {
    border-bottom: none
}

.select2__row--small {
    border-bottom: none;
    border-radius: .25rem;
    font-size: .875rem;
    height: auto;
    padding: .25rem .5rem
}

.select2__row--small .select__row-value {
    padding: 0
}

.select2__row-value {
    padding: 0 .75rem
}

.checkbox {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-align: left
}

.checkbox:not(.checkbox--switch) .checkbox__input {
    display: none
}

.checkbox:not(.checkbox--switch) .checkbox__input:checked+.checkbox__box {
    background: rgba(121,89,246,.16)
}

.checkbox:not(.checkbox--switch) .checkbox__input:checked+.checkbox__box:after {
    border-color: var(--color-title)
}

.checkbox--mb {
    margin-bottom: 1.2857142857rem
}

.checkbox:not(.checkbox--switch) .checkbox__box {
    background-clip: padding-box;
    background: transparent;
    border: .0714285714rem solid var(--border-color);
    border-radius: .2857142857rem;
    cursor: pointer;
    display: inline-block;
    height: 1.2857142857rem;
    min-width: 1.2857142857rem;
    position: relative;
    transition: border-color .1s
}

.checkbox:not(.checkbox--switch) .checkbox__box:hover:not(.checkbox:not(.checkbox--switch) .checkbox__box--disabled) {
    border-color: rgba(121,89,246,.32)
}

.checkbox:not(.checkbox--switch) .checkbox__box:after {
    border-color: transparent;
    border-radius: .0714285714rem;
    border-style: solid;
    border-width: 0 0 .1428571429rem .1428571429rem;
    content: "";
    height: .375rem;
    left: .2857142857rem;
    pointer-events: none;
    position: absolute;
    top: .2857142857rem;
    transform: rotate(-45deg);
    transition: border-color .25s;
    width: .625rem
}

.checkbox:not(.checkbox--switch) .checkbox--focus:not(.checkbox--disabled) .checkbox__box {
    border: .0714285714rem solid rgba(121,89,246,.32)
}

.checkbox:not(.checkbox--switch) .checkbox--green .checkbox__input:checked+.checkbox__box {
    background: #22b442
}

.checkbox:not(.checkbox--switch) .checkbox--green .checkbox__input:checked+.checkbox__box:after {
    left: calc(100% - .88rem)
}

.checkbox:not(.checkbox--switch) .checkbox--green .checkbox__box {
    background: #707577;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    display: inline-block;
    height: 1.2857142857rem;
    min-width: 2.2857142857rem;
    position: relative;
    transition: .4s ease
}

.checkbox:not(.checkbox--switch) .checkbox--green .checkbox__box:after {
    background: #fff;
    border-radius: .6428571429rem;
    box-shadow: 0 .1428571429rem .1428571429rem rgba(0,0,0,.05);
    content: "";
    display: block;
    height: .625rem;
    left: .25rem;
    position: absolute;
    top: .25rem;
    transition: .35s cubic-bezier(.54,1.6,.5,1);
    width: .625rem
}

.checkbox:not(.checkbox--switch) .checkbox--green.checkbox--focus .checkbox__box {
    border: none
}

.checkbox:not(.checkbox--switch) .checkbox--green .checkbox__label {
    margin-top: -.3571428571rem
}

.checkbox__label {
    cursor: pointer;
    font-size: .9285714286rem;
    margin-top: -.0714285714rem;
    padding-left: .5rem
}

.checkbox__label span {
    color: #9b9bab
}

.checkbox--disabled .checkbox__box {
    opacity: .7
}

.checkbox--text-small .checkbox__label {
    font-size: .75rem
}

.checkbox--switch .checkbox__input {
    display: none
}

.checkbox--switch .checkbox__input:checked+.checkbox__box {
    background-color: #54ab68
}

.checkbox--switch .checkbox__input:checked+.checkbox__box:after {
    left: calc(100% - .88rem)
}

.checkbox--switch .checkbox__box {
    background-color: rgba(0,0,0,.3);
    border-radius: .5625rem;
    box-shadow: inset 0 .1428571429rem .1428571429rem rgba(0,0,0,.07);
    cursor: pointer;
    display: block;
    height: 1.125rem;
    position: relative;
    transition: background-color .25s;
    width: 2rem
}

.checkbox--switch .checkbox__box:after {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 .1428571429rem .1428571429rem rgba(0,0,0,.05);
    content: "";
    height: .625rem;
    left: .25rem;
    position: absolute;
    top: .25rem;
    transition: left .25s;
    width: .625rem
}

.light .tabs__item {
    opacity: 1
}

.tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.7142857143rem;
    justify-content: flex-start;
    margin-bottom: 1.4285714286rem
}

.tabs--st6 {
    gap: .5714285714rem;
    margin: 0!important
}

.tabs--st6 .tabs__item {
    align-items: center;
    background: var(--color-bb-23);
    border: .0714285714rem solid var(--color-bb-23);
    border-radius: .2857142857rem;
    color: var(--color-desc3);
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    height: 2.4285714286rem;
    justify-content: center;
    line-height: 1;
    padding: 0 1rem!important
}

body:not(.light) .tabs--st6 .tabs__item {
    border-color: #36363d
}

body.light .tabs--st6 .tabs__item {
    border-color: #d0d5dd
}

body:not(.light) .tabs--st6 .tabs__item {
    color: #ece9fe
}

body.light .tabs--st6 .tabs__item {
    color: #344054
}

body:not(.light) .tabs--st6 .tabs__item {
    background: #131317
}

body.light .tabs--st6 .tabs__item {
    background: #fff
}

body.light .tabs--st6 .tabs__item--active,body.light .tabs--st6 .tabs__item:hover,body:not(.light) .tabs--st6 .tabs__item--active,body:not(.light) .tabs--st6 .tabs__item:hover {
    border-color: #8a6cff
}

body:not(.light) .tabs--st6 .tabs__item--active,body:not(.light) .tabs--st6 .tabs__item:hover {
    color: #ece9fe
}

body.light .tabs--st6 .tabs__item--active,body.light .tabs--st6 .tabs__item:hover {
    color: #8a6cff
}

body:not(.light) .tabs--st6 .tabs__item--active,body:not(.light) .tabs--st6 .tabs__item:hover {
    background: rgba(138,108,255,.14)
}

body.light .tabs--st6 .tabs__item--active,body.light .tabs--st6 .tabs__item:hover {
    background: rgba(138,108,255,.16)
}

.tabs--st5 {
    gap: .7142857143rem
}

.tabs--st5 .tabs__item {
    align-items: center;
    border: .0714285714rem solid var(--color-bb-23);
    border-radius: .2857142857rem;
    color: var(--color-desc3);
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    padding: 0 1.7142857143rem!important
}

.tabs--st5 .tabs__item--active,.tabs--st5 .tabs__item:hover {
    border-color: #8a6cff;
    color: var(--color-title)
}

.tabs--st1 {
    border-bottom: .0714285714rem solid var(--border-color9);
    font-size: 1rem
}

.tabs--st1 .tabs__item {
    color: var(--color-desc3);
    justify-content: center;
    opacity: 1!important;
    padding: 0 .2142857143rem .7142857143rem!important;
    position: relative;
    text-align: center;
    top: .0714285714rem;
    transition: all .25s
}

.tabs--st1 .tabs__item svg path {
    transition: all .25s;
    stroke: var(--color-title)
}

.tabs--st1 .tabs__item--complete {
    color: #8a6cff!important
}

.tabs--st1 .tabs__item--active,.tabs--st1 .tabs__item:hover {
    color: var(--color-title)
}

.tabs--st1 .tabs__item--active svg path,.tabs--st1 .tabs__item:hover svg path {
    stroke: var(--color-title)
}

.tabs--st2 {
    gap: 2rem;
    margin-bottom: 2.1428571429rem;
    position: relative;
    z-index: 1
}

.tabs--st2 .tabs__item {
    padding-bottom: 1.2857142857rem!important
}

.tabs--m0 {
    margin-bottom: 0
}

.tabs__item {
    align-items: center;
    border-bottom: .0714285714rem solid transparent;
    color: var(--color-desc3);
    cursor: pointer;
    display: flex;
    gap: .7142857143rem;
    justify-content: flex-start;
    line-height: 1;
    opacity: .8;
    transition: all .2s;
    white-space: nowrap
}

.tabs__item:first-child {
    padding-left: 0
}

.tabs__item--active,.tabs__item:hover {
    color: #8a6cff
}

.tabs__item--active {
    border-bottom-color: #8a6cff;
    opacity: 1
}

.tabs--s18 {
    font-size: 1.2857142857rem
}

.tabs--s18 .tabs__item {
    padding-bottom: .7142857143rem
}

.tabs--s20 {
    font-size: 1.4285714286rem;
    gap: 1.8571428571rem
}

.tabs--s20 .tabs__item {
    padding: 0 .5714285714rem 1.2857142857rem
}

.tabs--s20 .tabs__item:first-child {
    padding-left: 0
}

.tabs--s16 {
    font-size: 1.1428571429rem
}

.tabs--s16 .tabs__item {
    padding-bottom: .4285714286rem;
    transition: all .25s
}

.tabs--s16 .tabs__item svg path {
    transition: all .25s;
    stroke: var(--color-desc)
}

.tabs--s16 .tabs__item--active,.tabs--s16 .tabs__item:hover {
    color: var(--color-main)
}

.tabs--s16 .tabs__item--active svg path,.tabs--s16 .tabs__item:hover svg path {
    stroke: var(--color-main)
}

.table-box {
    position: relative;
    z-index: 3
}

.table-box__filters {
    align-items: center;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: space-between;
    margin-bottom: 1.1428571429rem
}

.table-box__filters--fullw .table-box__filters-row,.table-box__filters--fullw .table-box__filters-row>* {
    width: 100%
}

.table-box__filters--fullw .table-box__filters-row .label {
    margin-bottom: 1.5714285714rem
}

.table-box__filters--s2 {
    border-bottom: .0714285714rem solid var(--border-color19)
}

.table-box__filters--s2 .tabs {
    margin-bottom: -.8571428571rem
}

.table-box__filters--s2 .input {
    margin-bottom: .8571428571rem
}

.table-box__filters-row {
    align-items: center;
    display: flex;
    gap: 1rem
}

.table-box__filters-row:first-child {
    justify-content: flex-start
}

.table-box__filters-row:last-child {
    justify-content: flex-end
}

.table-box__filters-row>* {
    margin-bottom: 0;
    margin-top: 0
}

.table-box__filters-row--st2 .acc-header__title {
    margin-right: .7142857143rem
}

.table-box__loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 28.5714285714rem
}

.table-box__loading:after {
    animation: loading 1.1s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%237959f6%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    display: block;
    height: 2.8571428571rem;
    pointer-events: none;
    position: relative;
    transition: opacity .3s;
    width: 2.8571428571rem
}

.table-box--f16 .table-box__body {
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem
}


.table-box--h56 .table-box__body td {
    height: 4rem
}

.table-box--h52 .table-box__body td {
    height: 3.7142857143rem
}

.table-box--h42 .table-box__body td {
    height: 3rem
}

.table-box--bg01 .table-box__body td {
    background: hsla(0,0%,100%,.01);
    border-bottom: .5714285714rem solid var(--color-bg-main);
    box-sizing: content-box
}

.table-box--bg-header .table-box__body thead th {
    background: var(--color-bb-12);
    box-sizing: content-box;
    padding-bottom: 1.7142857143rem;
    padding-top: 1.7142857143rem
}

.table-box--bg-header .table-box__body thead th:first-child {
    border-bottom-left-radius: .5714285714rem;
    border-top-left-radius: .5714285714rem
}

.table-box--bg-header .table-box__body thead th:last-child {
    border-bottom-right-radius: .5714285714rem;
    border-top-right-radius: .5714285714rem
}

.table-box--pointer .table-box__body tr {
    cursor: pointer
}

.table-box--earn {
    max-width: 57rem
}

.table-box--c-gray .table-box__body td {
    color: var(--color-desc3)
}

.table-box--c-gray .table-box__body td>span {
    color: var(--color-title)
}

.table-box--h-hr .table-box__body table thead {
    border-bottom: .0714285714rem solid rgba(138,108,255,.05)
}

.table-box__empty {
    align-items: center;
    color: var(--color-main);
    display: flex;
    font-size: 1.1428571429rem;
    gap: .8571428571rem;
    justify-content: flex-start;
    padding: 1.1428571429rem 0
}

.table-box__pagination {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 4.4285714286rem
}

.table-box--ns .table-box__body {
    max-height: none
}

.table-box__body {
    color: var(--color-title);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
    max-height: calc(100vh - 7.71429rem);
    overflow-x: auto;
    scrollbar-color: var(--border-color) var(--color-bg-main);
    scrollbar-width: thin;
    text-align: left;
    width: 100%
}

.table-box__body::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.table-box__body::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: .625rem
}

.table-box__body::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.table-box__body table {
    border-collapse: collapse;
    width: 100%
}

.table-box__body table thead {
    display: table-header-group;
    position: sticky;
    top: 0;
    z-index: 2
}

.table-box__body table tbody {
    display: table-row-group
}

.table-box__body th {
    background: var(--color-bg-main);
    color: var(--color-desc3);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
    padding: .8571428571rem 1.1428571429rem;
    white-space: nowrap
}

.table-box__body td {
    padding: 0 1.1428571429rem;
    transition: all .25s
}

.table-box__body tr:hover td {
    background: var(--color-bg-box-10)
}

.pagination {
    gap: .2857142857rem
}

.pagination,.pagination>* {
    align-items: center;
    display: flex;
    justify-content: center
}

.pagination>* {
    border-radius: .1428571429rem;
    color: var(--color-title2);
    font-size: 1rem;
    font-weight: 400;
    height: 2.4285714286rem;
    padding: 0 1rem;
    text-align: center
}

.pagination__btn {
    background: var(--color-bb-5);
    border: .0714285714rem solid var(--color-bb-6);
    cursor: pointer;
    transition: all .25s
}

.pagination__btn:hover:not(.pagination__btn--disabled) {
    background: var(--color-bb-6)
}

.pagination__btn span {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: .6
}

.pagination__btn [fill] {
    fill: var(--color-title)
}

.pagination__btn [stroke] {
    stroke: var(--color-title)
}

.pagination__btn--prev {
    padding: 0;
    width: 2.4285714286rem
}

.pagination__btn--prev svg {
    transform: scale(-1)
}

.pagination__btn--disabled {
    cursor: default;
    opacity: .3
}

.pagination__btn--next {
    padding: 0;
    width: 2.4285714286rem
}

.pagination__info {
    background: var(--color-bb-7);
    border: .0714285714rem solid var(--color-bb-7);
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.table {
    max-height: calc(100vh - 7.71429rem);
    overflow-x: auto;
    scrollbar-color: var(--border-color) var(--color-bg-main);
    scrollbar-width: thin;
    width: 100%
}

.table::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.table::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: .625rem
}

.table::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.table table {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%
}

.table thead {
    display: table-header-group;
    position: sticky;
    top: 0;
    z-index: 2
}

.table thead tr {
    background: var(--color-bg-main);
    display: table-row
}

.table thead tr th {
    background: transparent;
    color: var(--color-desc);
    font-size: 1.1428571429rem;
    font-weight: 400;
    padding: 0 .5714285714rem 1.4285714286rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap
}

.table thead tr th:first-child {
    padding-left: 0
}

.table thead tr th:last-child {
    padding-right: 0
}

.table--bg2 thead tr {
    background: var(--color-bg-box-3)
}

.table tbody {
    display: table-row-group
}

.table tbody tr {
    color: var(--color-title);
    display: table-row;
    font-size: 1.1428571429rem;
    font-weight: 500;
    opacity: 1;
    transition: all .25s
}

.table td {
    padding: 1.0714285714rem .5714285714rem;
    vertical-align: middle
}

.table td:first-child {
    padding-left: 0
}

.table td:last-child {
    padding-right: 0
}

.table--history th {
    font-size: .7rem;
    padding: .5rem
}

.table--history td {
    font-size: .8rem;
    padding: .5rem
}

.table--trans {
    color: #959595
}

.table--trans tbody tr {
    border-top: .0714285714rem solid transparent
}

.table--trans tbody tr td {
    padding: 1.4285714286rem 0
}

.table--trans tbody tr:hover {
    background-color: transparent
}

.table--trans th {
    background-color: #fdfdfe;
    color: #959595
}

.table-col-amount {
    text-align: right;
    white-space: nowrap;
    width: 3.5714285714rem
}

.table-col-type {
    max-width: 5rem
}

.table-col-code,.table-col-status {
    max-width: 7.8571428571rem;
    text-align: center
}

.table-col-date {
    max-width: 8.5714285714rem;
    text-align: center
}

.table-col-buttons {
    min-width: 3.5714285714rem;
    text-align: center
}

.history-buttons {
    gap: .5rem
}

.history-buttons,.history-status {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.history-status {
    gap: .4285714286rem;
    text-align: center
}

.box-table {
    width: 100%
}

.box-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    min-height: 25rem
}

.box-empty .box__title {
    margin-bottom: .5rem
}

.box-empty svg {
    margin-bottom: 2rem
}

.box-empty__title {
    color: var(--color-title);
    font-size: 1.5714285714rem;
    margin-bottom: .4285714286rem
}

.box-empty__desc {
    font-size: 1.1428571429rem;
    margin-bottom: 1.0714285714rem
}

.light .stats--dbg1:before {
    background: url(../images/faq/mh-main-why-light-min.png) no-repeat;
    background-size: 100% 100%
}

.light .stats--s4 {
    background: url(../images/main/ft-stat-bg-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.light .stats--s5 .stats__row:first-child:before {
    background: url(../images/main/ft-eth-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.light .stats--s5 .stats__row:last-child:before {
    background: url(../images/main/ft-btc-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.stats {
    align-items: stretch;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.stats--mb {
    margin-bottom: 1.8571428571rem
}

.stats--mb140 {
    margin-bottom: 10rem
}

.stats--mb48 {
    margin-bottom: 3.4285714286rem
}

.stats--dbg1:before {
    background: url(../images/main/mh-main-why-dark-min.png) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 56.5714285714rem;
    left: 50%;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 75%;
    transform: translateX(calc(-50% - .03571rem)) translateY(-50%);
    width: 137.1428571429rem;
    z-index: 2
}

.stats--t-20 .stats__row-name {
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem
}

.stats--t-22 .stats__row-name {
    font-size: 1.5714285714rem;
    line-height: 1.8571428571rem
}

.stats--t-24 .stats__row-name {
    font-size: 1.7142857143rem;
    line-height: 2rem
}

.stats--t-24 .stats__row-desc {
    margin-top: 1rem
}

.stats--t-24 .stats__row {
    padding: 3.5714285714rem 2.8571428571rem
}

.stats--t-36 .stats__row-name {
    font-size: 2.5714285714rem;
    line-height: 2.8571428571rem
}

.stats--t-36 .stats__row-desc {
    font-size: 1.2857142857rem;
    margin-top: 1.1428571429rem
}

.stats--vertical {
    flex-direction: column;
    gap: 1.4285714286rem
}

.stats--dp .stats__row-desc {
    padding-left: 2.4285714286rem
}

.stats--p0 .stats__row {
    padding: 0
}

.stats--center {
    text-align: center
}

.stats--center .stats__row-name {
    justify-content: center
}

.stats--border .stats__row {
    border: .1428571429rem solid var(--border-color16);
    border-radius: .5714285714rem
}

.stats--bg .stats__row {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bg-box-11);
    border-radius: .5714285714rem
}

.stats--wfix {
    justify-content: flex-start
}

.stats--wfix .stats__row {
    max-width: 25.2857142857rem
}

.stats--wfix2 {
    justify-content: flex-start
}

.stats--wfix2 .stats__row {
    max-width: 38.5714285714rem
}

.stats--wrap {
    flex-wrap: wrap
}

.stats--mb20 {
    margin-bottom: 1.4285714286rem
}

.stats--mb86 {
    margin-bottom: 6.1428571429rem
}

.stats--mt46 {
    margin-top: 3.2857142857rem
}

.stats--s5 {
    margin-bottom: 4.5714285714rem
}

.stats--s5 .stats__row {
    position: relative
}

.stats--s5 .stats__row:before {
    bottom: 0;
    content: "";
    height: 14.4285714286rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 38.5714285714rem;
    z-index: 0
}

.stats--s5 .stats__row:first-child:before {
    background: url(../images/main/ft-eth-dark-min.webp) no-repeat;
    background-size: 100% 100%
}

.stats--s5 .stats__row:last-child:before {
    background: url(../images/main/ft-btc-dark-min.webp) no-repeat;
    background-size: 100% 100%
}

.stats--s5 .stats__row-name {
    font-size: 1.4285714286rem;
    font-weight: 500;
    position: relative;
    z-index: 1
}

.stats--s5 .stats__row-desc {
    font-size: 1.1428571429rem;
    font-weight: 400;
    margin-top: 1.2857142857rem;
    max-width: none;
    position: relative;
    z-index: 1
}

.stats--s5 .stats__row-btns {
    margin-top: 2.8571428571rem
}

.stats--s6 .stats__row-desc {
    font-size: 1rem
}

.stats--s7 .stats__row-desc {
    color: var(--color-desc3);
    margin-top: .7142857143rem;
    max-width: none
}

.stats--dark .stats__row {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: hsla(0,0%,100%,.01)
}

.stats--fd14 .stats__row-desc {
    font-size: 1rem
}

.stats--s3 {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bg-box-11);
    border: .1428571429rem solid var(--border-color16);
    border-radius: .5714285714rem;
    gap: 0
}

.stats--s3 .stats__row {
    position: relative;
    width: 100%
}

.stats--s3 .stats__row:last-child:before {
    display: none
}

.stats--s3 .stats__row:before {
    background: var(--border-color26);
    content: "";
    height: 70%;
    position: absolute;
    right: -.0714285714rem;
    top: 50%;
    transform: translateY(-50%);
    width: .1428571429rem
}

.stats--s3 .stats__row .stats__row-desc {
    max-width: none
}

.stats--s4 {
    background: url(../images/main/ft-stat-bg-dark-min.webp) no-repeat;
    background-size: 100% 100%;
    border-radius: .5714285714rem;
    gap: 1px;
    height: 11.7857142857rem;
    margin-bottom: 4.8571428571rem;
    margin-top: 4.5714285714rem;
    max-width: 78.5714285714rem;
    width: 100%
}

.stats--s4 .stats__row {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 25.4285714286rem;
    padding: 2.1428571429rem 4.8571428571rem;
    position: relative;
    width: 100%
}

.stats--s4 .stats__row-name {
    color: #fff;
    font-size: 2.2857142857rem;
    font-weight: 600
}

.stats--s4 .stats__row-desc {
    color: #ece9fe;
    font-size: 1.1428571429rem;
    font-weight: 500;
    line-height: 1;
    margin-top: 1.1428571429rem;
    width: 100%
}

.stats--s2 .stats__row-desc {
    font-size: 1rem;
    margin-top: .4285714286rem;
    max-width: 28.5714285714rem
}

.stats__row {
    padding: 2.1428571429rem 2.2857142857rem;
    position: relative;
    width: 100%;
    z-index: 3
}

.stats__row--b1 {
    border: .1428571429rem solid hsla(0,0%,100%,.01)
}

.stats__row-name {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-family: Inter,arial,sans-serif;
    font-size: 1.1428571429rem;
    font-weight: 500;
    gap: .7142857143rem;
    justify-content: flex-start;
    line-height: 1
}

.stats__row-pnt-1 {
    background: #f04438
}

.stats__row-pnt-1,.stats__row-pnt-2 {
    border-radius: 50%;
    display: inline-block;
    height: .2857142857rem;
    line-height: 1.1428571429rem;
    width: .2857142857rem
}

.stats__row-pnt-2 {
    background: #ffef5e
}

.stats__row-desc {
    color: var(--color-desc3);
    font-size: 1.1428571429rem;
    line-height: 160%;
    margin-top: 1rem;
    max-width: 21.0714285714rem
}

.stats__row-btns {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    margin-top: 2rem
}

.stats__row-top-image {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1.8571428571rem
}

.stats__row-top-image img {
    max-width: 26.2142857143rem;
    width: 100%
}

.stats__row-bottom {
    margin-top: 1.7142857143rem
}

.app__toasts {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    position: fixed;
    top: 5.7142857143rem;
    width: 100%;
    z-index: 9999999
}

.app__toasts .toast-enter,.app__toasts .toast-leave-to {
    opacity: 0
}

.app__toasts .toast-enter-to,.app__toasts .toast-leave {
    opacity: 1
}

.app__toasts .toast-enter-active,.app__toasts .toast-leave-active {
    transition: opacity .25s linear
}

.toast {
    align-items: flex-start;
    background-color: var(--color-bg-box-3);
    box-shadow: 0 0 0 .0714285714rem rgba(39,44,69,.2);
    contain: layout;
    display: flex;
    flex-shrink: 0;
    padding: 1rem 2rem 1rem 1rem;
    touch-action: none;
    transition-duration: .15s;
    transition-property: background-color,opacity,transform,min-height;
    width: 100%;
    will-change: background-color,opacity,transform
}

.toast__close {
    display: none
}

.toast__left {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 2.2857142857rem;
    justify-content: center;
    margin: .25rem 1.25rem auto .25rem;
    position: relative;
    width: 2.2857142857rem
}

.toast__circle-box {
    height: 2.8571428571rem;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%,-50%) rotateY(-180deg) rotate(-90deg);
    width: 2.8571428571rem
}

.toast__circle {
    r: 1.2857142857rem;
    cy: 1.4285714286rem;
    cx: 1.4285714286rem;
    height: 2.5714285714rem;
    width: 2.5714285714rem;
    fill: none;
    stroke-dasharray: 8.0714285714rem;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: .2857142857rem;
    animation: toasts-circle 0s linear 1 forwards
}

.toast--success .toast__left {
    background-color: #54ab68
}

.toast--success .toast__circle {
    stroke: rgba(34,180,66,.3)
}

.toast--warning .toast__left {
    background-color: #ea724d
}

.toast--warning .toast__circle {
    stroke: rgba(246,153,14,.3)
}

.toast--error .toast__left {
    background-color: #e55757
}

.toast--error .toast__circle {
    stroke: rgba(240,82,71,.3)
}

.toast--info .toast__left {
    background-color: #afafaf
}

.toast--info .toast__circle {
    stroke: hsla(0,0%,69%,.3)
}

.toast__right {
    width: 100%
}

.toast__text {
    color: var(--color-title);
    font-size: .875rem;
    max-width: calc(100% - 2.5rem)
}

.toast__desc {
    color: var(--color-desc);
    display: block;
    font-size: .625rem;
    padding-top: .25rem;
    text-transform: uppercase
}

@keyframes toasts-circle {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 8.0714285714rem
    }
}

.logo {
    align-items: center;
    display: flex;
    font-family: Aeonik,sans-serif;
    font-size: 1.4285714286rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: flex-start;
    letter-spacing: .05rem
}

.logo__image {
    display: block;
    height: 2.1428571429rem;
    margin-bottom: .1428571429rem;
    width: 2.1428571429rem
}

.logo__name {
    line-height: 1.1;
    white-space: nowrap
}

.logo--dark .logo__name,.logo__name {
    color: var(--color-title)
}

.logo--white .logo__name {
    color: #ece9fe;
    font-weight: 500
}

.light .recaptcha--dark .recaptcha__field {
    background: #f9f9f9
}

.light .recaptcha--dark .recaptcha__field:before {
    background: #f9f9f9;
    border: .0714285714rem solid #d3d3d3;
    box-shadow: 0 0 .2857142857rem .0714285714rem rgba(0,0,0,.08)
}

.recaptcha {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.recaptcha--left {
    justify-content: flex-start
}

.recaptcha__field {
    background: #f9f9f9;
    height: 100%;
    position: relative;
    width: 65%;
    margin-bottom: 20px;
}

.recaptcha__field:before {
    background: #f9f9f9;
    border: .0714285714rem solid #d3d3d3;
    border-radius: .2142857143rem;
    box-shadow: 0 0 .2857142857rem .0714285714rem rgba(0,0,0,.08);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.recaptcha__field:after,.recaptcha__field:before {
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s
}

.recaptcha__field:after {
    animation: loading 1.5s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%237959f6%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    height: 2.4285714286rem;
    left: calc(50% - 1.21429rem);
    top: calc(50% - 1.21429rem);
    width: 2.4285714286rem;
}

.recaptcha--loading .recaptcha__field:before {
    opacity: 1;
    pointer-events: auto
}

.recaptcha--loading .recaptcha__field:after {
    opacity: .5;
    pointer-events: auto
}

.recaptcha--dark .recaptcha__field {
    background: #0a090e
}

.recaptcha--dark .recaptcha__field:before {
    background: #0a090e;
    border: .0714285714rem solid #525252;
    box-shadow: 0 0 .2857142857rem .0714285714rem rgba(0,0,0,.08)
}

.recaptcha--mb {
    margin-bottom: 1.2857142857rem
}

.field-section-icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.field-section-icon--button {
    cursor: pointer
}

.field-section-link,.field-section-text {
    font-size: 1.0714285714rem
}

.field-section-text {
    color: #000
}

.light .live-chat__btn {
    color: #fff;
    fill: #fff;
    stroke: #fff
}

.light .live-chat__btn svg,.light .live-chat__btn svg path {
    stroke: #fff
}

.light .live-chat__btn--loading:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%23FFF%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E")
}

.light .live-chat__window {
    box-shadow: 0 0 .428571rem 0 rgba(0,0,0,.2)
}

.light .live-chat-btn {
    background-color: #68737d;
    color: #fff
}

.light .live-chat-btn:not([disabled]) {
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: #fff
}

.light .live-chat-btn--loading:after,.light .live-chat-messages-loading:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%23FFF%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E")
}

.light .live-chat-messages {
    scrollbar-color: var(--border-color) var(--color-bg-main)
}

.light .live-chat-messages::-webkit-scrollbar-thumb {
    background-color: var(--border-color)
}

.light .live-chat-messages::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.light .live-chat-messages__noty {
    color: var(--color-desc)
}

.light .live-chat-message {
    background-color: #ece9fe;
    color: var(--color-title)
}

.light .live-chat-message--support {
    background-color: var(--color-main);
    color: var(--color-bg-main)
}

.live-chat {
    bottom: 1.44286rem;
    position: fixed;
    right: 1.64286rem;
    z-index: 200
}

.live-chat__btn {
    bottom: 0;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    opacity: 1;
    right: 0;
    transform: translateY(0);
    transition: all .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border-radius: 12px;
    background: linear-gradient(135deg, #9c5eff, #6f42c1);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    outline: none;
    display: inline-flex;
    position: relative;
}
.live-chat__btn:hover {
    background: linear-gradient(135deg, #8a4efb, #5a35a7);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
.live-chat__btn {
    height: 3rem;
    position: absolute;
    width: 10rem
}

.live-chat__btn svg{
    width: 30px;
}
.live-chat__btn svg {
    margin-right: .57143rem
}
.live-chat__btn .unread{
    top: -1px;
    right: 0px;
    position: absolute;
    background: red;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.live-chat__btn span {
    margin-top: -.0714285714rem
}

.live-chat__btn--loading {
    cursor: default;
    opacity: .95
}

.live-chat__btn--loading span,.live-chat__btn--loading svg {
    opacity: 0
}

.live-chat__btn--loading:after {
    animation: loading 1.1s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    height: 1.8571428571rem;
    left: calc(50% - .92857rem);
    opacity: .6;
    pointer-events: none;
    position: absolute;
    top: calc(50% - .92857rem);
    transition: opacity .3s;
    width: 1.8571428571rem
}

.live-chat__window {
    background-color: var(--color-bb-18);
    border-radius: .5714285714rem;
    box-sizing: border-box;
    color: var(--color-title);
    display: flex;
    flex-direction: column;
    height: 0;
    max-width: 25.7142857143rem;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(28.5714285714rem);
    transition: all .1s;
    width: 0
}

.live-chat--opened .live-chat__btn {
    opacity: 0;
    pointer-events: none;
    transform: translateY(7.1428571429rem)
}

.live-chat--opened .live-chat__window {
    height: 100%;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    width: 100vw
}

.live-chat__header {
    align-items: center;
    background: var(--color-bg-box-16);
    border-radius: .5714285714rem;
    display: flex;
    height: 3.5rem;
    justify-content: space-between;
    padding: 0 1.7142857143rem
}

.live-chat__name {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 500;
    gap: 1.3571428571rem;
    justify-content: flex-start;
    line-height: 1
}

.live-chat__close {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.live-chat__close [stroke] {
    stroke: var(--color-bb-17)
}

.live-chat__body {
    flex-grow: 2;
    height: 100%;
    margin: 0;
    overflow: hidden auto;
    scrollbar-width: thin
}

.live-chat__preview {
    align-items: center;
    background: rgba(0,0,0,.85);
    cursor: pointer;
    display: flex;
    height: calc(100vh - 5.71429rem);
    justify-content: center;
    left: 0;
    padding: 1rem;
    position: fixed;
    top: 5.7142857143rem;
    width: 100%;
    z-index: 999999999
}

.live-chat__preview img {
    max-height: calc(100vh - 7.71429rem);
    max-width: calc(100vw - 2rem)
}

.live-chat-form {
    padding: 1.7142857143rem
}

.live-chat-form>* {
    margin-bottom: 1.7142857143rem;
    width: 100%
}

.live-chat-form>:last-child {
    margin-bottom: 0
}

.live-chat-input__label {
    color: var(--color-title);
    display: block;
    font-size: 1.1428571429rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 1.2857142857rem
}

.live-chat-input__label span {
    font-weight: 400
}

.live-chat-input__field {
    background: transparent;
    border: .0714285714rem solid var(--border-color30);
    border-radius: .2857142857rem;
    box-sizing: border-box;
    color: var(--color-title);
    cursor: auto;
    font-size: 1rem;
    line-height: 1.1;
    min-height: 3.4285714286rem;
    outline: none;
    padding: 0 1.1428571429rem;
    resize: none;
    width: 100%
}

.live-chat-btn {
    align-items: center;
    background-color: #68737d;
    border: .0714285714rem solid transparent;
    border-radius: .2857142857rem;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    height: 2.71429rem;
    justify-content: center;
    line-height: 2.57143rem;
    margin: 0;
    overflow: hidden;
    padding: 0 1.07143em;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.live-chat-btn:not([disabled]) {
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: #fff
}

.live-chat-btn--loading {
    opacity: .95
}

.live-chat-btn--loading span {
    opacity: 0
}

.live-chat-btn--loading:after {
    animation: loading 1.2s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    height: 1.8571428571rem;
    left: calc(50% - .92857rem);
    opacity: .6;
    pointer-events: none;
    position: absolute;
    top: calc(50% - .92857rem);
    transition: opacity .3s;
    width: 1.8571428571rem
}

.live-chat-messages-loading {
    height: 24.2857142857rem;
    max-height: 24.2857142857rem;
    position: relative
}

.live-chat-messages-loading:after {
    animation: loading 1.2s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    height: 1.8571428571rem;
    left: calc(50% - .92857rem);
    opacity: .6;
    pointer-events: none;
    position: absolute;
    top: calc(50% - .92857rem);
    transition: opacity .3s;
    width: 1.8571428571rem
}

.live-chat-name {
    align-items: center;
    box-shadow: 0 .285714rem .571429rem 0 rgba(0,0,0,.1);
    display: flex;
    flex-shrink: 0;
    padding: .857143rem 1.14286rem;
    z-index: 3
}

.live-chat-name__logo {
    align-items: center;
    background-color: var(--color-bg-main);
    border-radius: 50%;
    display: flex;
    height: 2.28571rem;
    justify-content: center;
    width: 2.28571rem
}

.live-chat-name__logo img {
    display: block;
    height: 60%
}

.live-chat-name__info {
    color: var(--color-title);
    flex: 1 1 0%;
    font-size: 1rem;
    line-height: 1.14286rem;
    min-width: 0;
    padding-left: .8571428571rem;
    padding-top: .0714286rem
}

.live-chat-name__name {
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    -webkit-line-clamp: 1
}

.live-chat-name__desc {
    color: var(--color-desc);
    line-height: 1.14286rem
}

.live-chat-messages {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 24.2857142857rem;
    justify-content: flex-start;
    max-height: 24.2857142857rem;
    overflow: hidden auto;
    padding: 2.5rem 1rem 1rem;
    scrollbar-color: var(--border-color) var(--color-bg-main);
    scrollbar-width: thin
}

.live-chat-messages::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.live-chat-messages::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: .625rem
}

.live-chat-messages::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.live-chat-messages__noty {
    animation: fadeIn .2s ease-in-out 0s 1 normal none running;
    color: var(--color-desc3);
    font-size: 1rem;
    margin-bottom: .714286rem;
    margin-top: .357143rem;
    text-align: center
}

.live-chat-message {
    align-self: flex-end;
    background-color: #242429;
    border-radius: .3571428571rem;
    color: var(--color-title);
    display: inline-block;
    font-size: 1rem;
    line-height: 1.14286rem;
    margin-bottom: .35714rem;
    max-width: 17.5rem;
    overflow-wrap: break-word;
    padding: .8571428571rem;
    white-space: pre-wrap
}

.live-chat-message--support {
    align-self: flex-start;
    background-color: rgba(138,108,255,.14);
    color: var(--color-title)
}

.live-chat-image {
    align-self: flex-end;
    display: inline-block;
    margin-bottom: .35714rem
}

.live-chat-image img {
    border-radius: 1.14286rem;
    cursor: pointer;
    display: block;
    max-height: 17.5rem;
    max-width: 17.5rem;
    min-height: 2.5714285714rem;
    width: 100%
}

.live-chat-image--support {
    align-self: flex-start
}

.live-chat-form-m {
    padding: 1rem
}

.live-chat-form-m__row {
    align-items: center;
    display: flex;
    gap: .25rem;
    justify-content: flex-end;
    margin-top: .5rem
}

.live-chat-form-m .input__box {
    background: var(--color-bg-box-8)!important;
    border: .0714285714rem solid var(--border-color);
    border-radius: .2857142857rem
}

.live-chat-form-m .input__box .input__value {
    padding: 0 0 0 .8571428571rem
}

.live-chat-form-m .input__box .input__section {
    padding: 0!important
}

.live-chat-form-m .input__box .input__section .btn {
    background: transparent;
    border: none;
    color: #ff5044;
    font-size: 1rem;
    font-weight: 500;
    height: auto;
    padding: 0 1.7142857143rem;
    text-align: right;
    width: auto
}

.live-chat-form-m .input__box .input__section .btn:hover {
    background: transparent;
    border: none;
    color: #ff5044;
    height: auto;
    opacity: .6;
    width: auto
}

.live-chat-form-m .input__box .input__section.input__section--left .btn {
    padding: 0 .8571428571rem
}

.live-chat-form-m .input__box .input__section--right .btn {
    color: var(--color-main);
    padding: 0 .8571428571rem
}

.modal {
    align-items: flex-end;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    padding-top: 5.7142857143rem;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .5s;
    width: 100vw;
    z-index: 3000
}

.modal:not(.modal--showed) * {
    pointer-events: none!important
}

.modal--showed {
    pointer-events: auto
}

.modal--showed .modal__overlay,.modal--showed .modal__wrapper {
    opacity: 1
}

.modal--loading .modal__body {
    min-height: 21.4285714286rem;
    overflow: hidden;
    position: relative
}

.modal--loading .modal__body:before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.modal--loading .modal__body:after {
    animation: loading 1.1s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%23f2d082%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    display: block;
    height: 2.8571428571rem;
    left: calc(50% - 1.42857rem);
    pointer-events: none;
    position: absolute;
    top: calc(50% - 1.42857rem);
    transition: opacity .3s;
    width: 2.8571428571rem;
    z-index: 101
}

.modal__overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    width: 100%;
    z-index: 1000
}

body:not(.light) .modal__overlay {
    background: rgba(0,0,0,.5)
}

body.light .modal__overlay {
    background: rgba(0,0,0,.16)
}

.modal__wrapper {
    background: var(--color-bg-box-19);
    border-top-left-radius: .5714285714rem;
    border-top-right-radius: .5714285714rem;
    max-height: calc(100vh - 9.28571rem);
    min-height: 6.25rem;
    opacity: 0;
    overflow: auto;
    padding: 2rem 1rem;
    position: relative;
    transition: opacity .2s;
    width: 100%;
    z-index: 5000
}

.modal__wrapper .btn--green {
    color: #fff!important
}

.modal__wrapper .btn--green:hover {
    background-color: #1b5e20
}

.modal__wrapper .btn--red {
    color: #fff!important
}

.modal__wrapper .btn--red:hover {
    background-color: #9d3232
}

.modal__header {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 1.1428571429rem;
    font-weight: 500;
    margin-bottom: 1.7142857143rem;
    text-align: left;
    text-transform: capitalize
}

.modal__desc {
    color: var(--color-desc);
    margin-bottom: 1.2857142857rem
}

.modal--large .modal__wrapper {
    max-width: 87.1428571429rem;
    min-height: 28.7142857143rem
}

.modal--large .modal__header {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.5rem
}

.modal__close {
    cursor: pointer;
    position: absolute;
    right: 1.7142857143rem;
    top: 1.7142857143rem;
    transition: transform .1s ease-in-out
}

.modal__body {
    min-height: 3.5714285714rem;
    overflow: auto
}

.modal__body form>* {
    margin-bottom: 1.7142857143rem
}

.modal__body form>:last-child {
    margin-bottom: 0
}

.modal__footer {
    align-items: center;
    display: flex
}

.modal__footer>.btn {
    margin-right: .9285714286rem
}

.modal__footer :last-child {
    margin-right: 0
}

.modal__footer--right {
    justify-content: flex-end
}

.modal__footer--right>.btn {
    margin-left: .9285714286rem;
    margin-right: 0
}

.modal__footer--right :first-child {
    margin-left: 0
}

.modal__noty {
    background: #0e0d13;
    border-radius: .5rem;
    color: #fff;
    font-size: .75rem;
    line-height: 1.375rem;
    margin-bottom: 0;
    margin-top: 1rem;
    padding: 1rem;
    text-align: center
}

.modal-cols,.modal__noty {
    border: .0714285714rem solid #252426
}

.modal-cols {
    align-items: center;
    border-radius: .625rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.modal-cols__left,.modal-cols__right {
    border: none;
    border-radius: .625rem .625rem 0 0;
    padding: 1.25rem .5rem;
    width: 100%
}

.modal-cols__left--blur,.modal-cols__right--blur {
    filter: blur(.1428571429rem);
    opacity: 1
}

.modal-cols--s600 .modal-cols__right {
    height: 42.8571428571rem;
    min-height: 42.8571428571rem
}

.modal-cols--s450 .modal-cols__right {
    height: 32.1428571429rem;
    min-height: 32.1428571429rem
}

.modal-blocks {
    margin-top: .4285714286rem;
    text-align: center
}

.modal-blocks span {
    align-items: center;
    background: #0e0d12;
    border: .0714285714rem solid #252426;
    border-radius: .5rem;
    color: #54ab68;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: -.5rem;
    padding: .5rem 1rem
}

.modal-blocks span:before {
    background: currentcolor;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: .25rem;
    margin-right: .25rem;
    vertical-align: middle;
    width: .25rem
}

.min-amount {
    color: rgba(241,89,93,.5);
    font-size: .8571428571rem;
    margin-top: -.7142857143rem;
    text-align: center
}

.balance-stat {
    color: #d0d0d0;
    font-size: .875rem
}

.balance-stat__row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.balance-stat__value {
    color: #fff
}

.modal-form-continue {
    height: 100%;
    position: relative;
    width: 100%
}

.modal-form-continue__box {
    align-items: center;
    display: flex;
    filter: blur(.4285714286rem);
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    opacity: .1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .25s;
    width: 100%;
    z-index: 400
}

.modal-form-continue__box>* {
    margin-bottom: 1rem;
    width: 100%
}

.modal-form-continue__box .input {
    position: relative
}

.modal-form-continue__box .input:before {
    background: rgba(0,0,0,.3);
    border-radius: .5rem;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all .25s;
    width: 100%;
    z-index: 200
}

.modal-form-continue__box-top {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    transition: all .25s;
    width: 95%;
    z-index: 500
}

.modal-form-continue__box-top>* {
    margin-bottom: 1rem;
    width: 100%
}

.modal-form-continue--active .modal-form-continue__box {
    filter: blur(0);
    opacity: 1;
    pointer-events: auto
}

.modal-form-continue--active .modal-form-continue__box .input:before,.modal-form-continue--active .modal-form-continue__box-top {
    opacity: 0;
    pointer-events: none
}

.form-trade-list {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}

.form-trade-list__name {
    color: #fff;
    font-size: .875rem;
    margin-left: .5rem
}

.form-trade-list__item {
    color: #d3d3d3;
    cursor: pointer;
    font-size: .875rem;
    margin: 0 .5rem
}

.modal-form-title {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center
}

.modal-form-text {
    font-size: .95rem;
    text-align: center
}

.ubox {
    margin-top: 1.7857142857rem;
    position: relative;
    width: 100%
}

.ubox .input,.ubox .select {
    background: #0e0d13;
    border-color: #252426
}

.ubox__left {
    display: none;
    width: 100%
}

.ubox__left:after {
    background-color: #0e0d13;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: .0714285714rem
}

.ubox__left--active {
    display: flex;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1500
}

.ubox__left--active:before {
    background: rgba(0,0,0,.1);
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 99
}

.ubox__left--active .ubox-tree {
    background: #0e0d13;
    padding: 1.5rem 1rem;
    z-index: 100
}

.ubox__right {
    background-color: #0e0d13;
    border-radius: .8571428571rem;
    padding: 1.0714285714rem 2.1428571429rem;
    width: 100%
}

.ubox__body {
    min-height: 30rem
}

.ubox__btn-tree .btn {
    background-color: #0e0d13;
    border-radius: 1.7857142857rem;
    font-size: 1.1428571429rem;
    font-weight: 400;
    padding: 2.2142857143rem 1.7142857143rem;
    width: 100%
}

.ubox__btn-tree .btn:hover {
    background-color: #21202d
}

.ubox__btn-tree .btn span {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ubox__btn-tree .btn svg {
    margin-left: .5rem
}

.ubox__title {
    color: #fff;
    font-family: Inter,arial,sans-serif;
    font-size: 3.4285714286rem;
    font-weight: 700;
    letter-spacing: -.015em;
    margin-bottom: 1rem
}

.ubox__empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 25rem
}

.ubox__empty .ubox__title {
    margin-bottom: .5rem
}

.ubox__empty svg {
    margin-bottom: 2rem
}

.ubox__description {
    color: #bbb;
    font-family: Inter,arial,sans-serif;
    font-size: 1.7142857143rem;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 1.5rem;
    text-align: center
}

.ubox--verification {
    align-items: flex-start;
    display: flex;
    gap: 1.7857142857rem;
    justify-content: space-between
}

.ubox--verification .ubox__right {
    border-radius: .8571428571rem;
    width: 100%
}

.ubox--verification .ubox__left {
    border-radius: .8571428571rem;
    padding: .8571428571rem;
    width: auto
}

.ubox--verification .ubox__left:after {
    display: none
}

.ubox--verification .ubox__left .ubox-tree {
    align-items: flex-start;
    flex-direction: column;
    width: auto
}

.ubox--verification .ubox__left .ubox-tree .ubox-tree__item {
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 130%;
    padding: .8571428571rem
}

.ubox-tree {
    min-width: 14.2857142857rem
}

.ubox-tree__item {
    align-items: center;
    background-color: transparent;
    border-radius: .8571428571rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: .5rem;
    outline: none;
    padding: .5rem 1rem;
    width: 100%
}

.ubox-tree__item svg {
    margin-right: 1rem
}

.ubox-tree__item--active,.ubox-tree__item:hover {
    background-color: #f0f2f4;
    color: #1f1f1f
}

.ubox-tree__item--submitted {
    background-color: #e3e3e8
}

.ubox-tree__item--error {
    background-color: rgba(255,0,0,.05);
    color: #f05247
}

.ubox-tree__item--approved {
    background-color: rgba(64,255,0,.05);
    color: #22b442
}

.ubox-tree__childs {
    margin-left: 1.325rem;
    margin-top: .5rem;
    position: relative
}

.ubox-tree__childs:before {
    background-color: #e3e3e8;
    content: "";
    height: calc(100% - 1.56rem);
    left: -.25rem;
    position: absolute;
    top: .5rem;
    width: .0714285714rem
}

.ubox-tree__sitem {
    border-radius: .8571428571rem;
    color: #000;
    display: block;
    font-size: .875rem;
    margin-bottom: .25rem;
    margin-left: 1rem;
    outline: none;
    padding: .25rem .5rem;
    position: relative;
    transition: none
}

.ubox-tree__sitem:before {
    border-bottom: .0714285714rem solid #e3e3e8;
    border-bottom-left-radius: 1.25rem;
    border-left: .0714285714rem solid #e3e3e8;
    content: "";
    height: .5625rem;
    left: -1.25rem;
    position: absolute;
    top: .625rem;
    width: .625rem
}

.ubox-tree__sitem--active,.ubox-tree__sitem:hover {
    background-color: #f0f2f4
}

.ubox-filters {
    justify-content: space-between;
    margin-bottom: 1rem
}

.ubox-filters,.ubox-filters__left,.ubox-filters__right {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.ubox-filters__left,.ubox-filters__right {
    justify-content: flex-start;
    width: 100%
}

.ubox-filters__left>*,.ubox-filters__right>* {
    min-width: 11.0714285714rem;
    width: 100%
}

.ubox-filters__right {
    justify-content: flex-end
}

.ubox-form {
    color: #fff;
    display: flex;
    flex-direction: column
}

.ubox-form__left {
    width: 100%
}

.ubox-form__title {
    font-size: 2.2857142857rem;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 118.5%;
    margin-bottom: .4285714286rem;
    text-align: center
}

.ubox-form__desc {
    font-size: 1.2857142857rem;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 1.5rem;
    text-align: center
}

.ubox-faq__title {
    color: #000;
    margin-bottom: .5rem
}

.ubox-faq__desc {
    font-size: .875rem;
    margin-bottom: 1.5rem
}

.ubox-faq__row {
    align-items: center;
    display: flex;
    margin-bottom: 2rem;
    position: relative
}

.ubox-faq__row:last-child .ubox-faq__icon:after {
    display: none
}

.ubox-faq__icon {
    position: relative
}

.ubox-faq__icon svg {
    background: #f6f7f9 50%/50% no-repeat;
    border-radius: 1rem;
    display: block;
    height: 3.5rem;
    margin-right: 1.5rem;
    padding: .9rem;
    width: 3.5rem
}

.ubox-faq__icon:after {
    background: url(https://cdn.whitebit.com/static/img/codes/sideInfo/arrow.svg) 50% 50% no-repeat;
    content: "";
    height: 1.0625rem;
    left: 1.75rem;
    margin-top: .5rem;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: .5rem
}

.ubox-faq__text {
    display: block;
    flex-basis: calc(100% - 5rem);
    font-size: .875rem
}

.m-new {
    gap: .5714285714rem;
    margin-bottom: 6.7857142857rem
}

.m-new,.m-new a {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.m-new a {
    color: var(--color-title);
    gap: .4285714286rem;
    line-height: 1rem
}

.m-new a [stroke] {
    stroke: var(--color-desc4)
}

.l-slider {
    margin: 0 auto 3.2857142857rem;
    position: relative;
    width: 100%;
    z-index: 2
}

.l-slider__arrow {
    align-items: center;
    background: hsla(0,0%,100%,.08);
    border: .0714285714rem solid var(--color-bg-box-9);
    border-radius: .2857142857rem;
    cursor: pointer;
    display: none;
    height: 2.8571428571rem;
    justify-content: center;
    opacity: .6;
    position: absolute;
    top: 5rem;
    transform: translateY(-50%);
    transition: all .25s;
    width: 2.8571428571rem
}

.l-slider__arrow svg {
    height: 1.4285714286rem;
    width: 1.5rem
}

.l-slider__arrow:hover {
    opacity: .4
}

.l-slider__arrow--left {
    left: -5.2857142857rem
}

.l-slider__arrow--left svg {
    transform: scaleX(-1)
}

.l-slider__arrow--right {
    right: -5.2857142857rem
}

.l-slider__arrow [fill] {
    fill: var(--color-desc4)
}

.l-slider__list-b {
    min-height: 10rem;
    overflow: hidden;
    position: relative
}

.l-slider__list {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    transition: all .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.l-slider--nt .l-slider__list {
    transition: none
}

.l-slider--center .l-slider__list {
    justify-content: space-around
}

.l-slider--center .l-slider__arrow {
    display: flex
}

.l-slider__item {
    border-radius: .4285714286rem;
    cursor: pointer;
    margin-right: .8571428571rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.l-slider__item:last-child {
    margin-right: 0
}

.l-slider__img {
    display: block;
    height: 10rem;
    min-height: 10rem;
    min-width: 18.5714285714rem;
    pointer-events: none;
    width: 18.5714285714rem
}

.l-slider__points {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

.l-slider__point {
    background: #9d9db4;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .25rem;
    margin: 0 .15rem;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: .25rem
}

.l-slider__point--active {
    background: #08080c;
    border-radius: .625rem;
    transform: none;
    width: .75rem
}

.not-found {
    align-items: center;
    background: var(--color-bg-main);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2
}

.not-found:after {
    left: 7.1428571429rem;
    top: 7.1428571429rem;
    transform: translateX(-50%) translateY(-50%)
}

.not-found:after,.not-found:before {
    background: var(--color-main);
    border-radius: 50%;
    content: "";
    filter: blur(12.5rem);
    height: 92.8571428571rem;
    opacity: .05;
    position: absolute;
    width: 92.8571428571rem;
    z-index: 100
}

.not-found:before {
    bottom: 7.1428571429rem;
    right: 7.1428571429rem;
    transform: translateX(50%) translateY(50%)
}

.not-found__code {
    background: linear-gradient(var(--color-main),var(--color-bg-main));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 2.5rem 1.25rem rgba(8,8,12,.4));
    font-family: Inter,arial,sans-serif;
    font-size: 10rem;
    line-height: 8.75rem;
    margin-bottom: -1.5rem;
    pointer-events: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 150
}

.not-found__text {
    font-size: 2rem;
    line-height: 1.28;
    margin-bottom: 1rem
}

.not-found__desc,.not-found__text {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    position: relative;
    z-index: 155
}

.not-found__desc {
    line-height: 1.56;
    margin-bottom: 2rem
}

.not-found .btn {
    position: relative;
    z-index: 155
}

.light .m-assets {
    border: .0714285714rem solid var(--border-color)
}

.m-assets {
    background: var(--color-bg-box-3);
    border-radius: .8571428571rem
}

.m-assets__top {
    padding: 2.1428571429rem 2.8571428571rem
}

.m-assets__bottom {
    align-items: center;
    border-top: .0714285714rem solid var(--border-color);
    display: flex;
    gap: 1.8571428571rem;
    justify-content: space-between;
    padding: 2.8571428571rem
}

.m-assets__icons {
    width: 12.6428571429rem
}

.m-assets__info {
    width: 100%
}

.m-assets__arrow {
    width: 1.7142857143rem
}

.m-assets__name {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 1.2857142857rem;
    font-weight: 500
}

.m-assets__desc {
    color: var(--color-desc);
    font-size: 1.1428571429rem;
    margin-top: .3571428571rem
}

.m-assets__row-assets {
    width: 30%
}

.m-assets__row-price {
    white-space: nowrap;
    width: 15%
}

.m-assets__row-change,.m-assets__row-chart {
    width: 15%
}

.m-assets__row-trade {
    width: 5%
}

.star--active [stroke] {
    stroke: #7858f4
}

.star--active [fill] {
    fill: #7858f4
}

.star__icon {
    height: 1.2857142857rem;
    width: 1.2857142857rem
}

.c-asset {
    align-items: center;
    display: flex;
    gap: .9285714286rem;
    justify-content: flex-start
}

.c-asset__image img {
    height: 2rem;
    width: 2rem
}

.c-asset__name {
    color: var(--color-title);
    font-weight: 500
}

.c-asset__name span {
    color: var(--color-desc3)
}

.c-asset__desc {
    color: var(--color-desc5);
    font-size: 1rem;
    font-weight: 400;
    margin-top: .2857142857rem
}

.c-asset--small {
    gap: .6428571429rem
}

.c-asset--small .c-asset__image img {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.c-asset--small2 {
    gap: .3571428571rem
}

.c-asset--small2 .c-asset__image img {
    height: 1.2857142857rem;
    width: 1.2857142857rem
}

.c-asset--small2 .c-asset__name {
    font-weight: 400
}

.light .m-trade {
    background: var(--color-bg-main);
    border: .0714285714rem solid var(--border-color)
}

.light .m-trade__title {
    color: #000
}

.m-trade {
    align-items: flex-start;
    background: var(--color-title);
    border-radius: .5714285714rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    margin-bottom: 3.5714285714rem;
    overflow: hidden;
    padding: 3.5714285714rem 0 3.5714285714rem 8.5714285714rem;
    position: relative;
    z-index: 2
}

.m-trade:before {
    background: url(../images/main/p-main-fees.webp) no-repeat;
    background-size: 100% 100%;
    height: 17.9285714286rem;
    left: 0;
    width: 37.3571428571rem
}

.m-trade:after,.m-trade:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.m-trade:after {
    background: url(../images/main/p-main-fees-percent.webp) no-repeat;
    background-size: 100% 100%;
    height: 19.1428571429rem;
    right: 0;
    width: 32.2857142857rem
}

.m-trade__logo,.m-trade__title {
    position: relative;
    z-index: 2
}

.m-trade__title {
    color: var(--color-bg-main);
    font-family: Inter,arial,sans-serif;
    font-size: 3.4285714286rem;
    font-weight: 700
}

.m-trade__title span {
    border: .0714285714rem dashed var(--color-main);
    border-radius: .4285714286rem;
    color: var(--color-main);
    padding: 0 .5rem;
    white-space: nowrap
}

.m-trade__buttons {
    position: relative;
    z-index: 2
}

.m-build {
    gap: 2.8571428571rem;
    margin-bottom: 7.1428571429rem;
    margin-top: 7.1428571429rem
}

.m-build,.m-build__left {
    align-items: stretch;
    display: flex;
    justify-content: space-between
}

.m-build__left {
    flex-direction: column;
    width: 100%
}

.m-build__bottom .link {
    align-items: center;
    display: inline-flex;
    gap: .7142857143rem;
    justify-content: flex-start
}

.m-build__title {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 2.5714285714rem;
    font-weight: 700
}

.m-build__desc {
    color: var(--color-desc);
    font-size: 1.2857142857rem;
    margin-top: 1.4285714286rem
}

.m-build__right {
    width: 100%
}

.light .m-full-stats--bg:after {
    background: url(../images/main/p-main-lines-light.webp) no-repeat;
    background-size: 100% 100%
}

.m-full-stats {
    position: relative
}

.m-full-stats--mb2 {
    margin-bottom: -3.5714285714rem
}

.m-full-stats--mb {
    margin-bottom: 7.1428571429rem
}

.m-full-stats:before {
    background: var(--color-main);
    height: 100%;
    top: 0;
    width: 100vw
}

.m-full-stats--bg:after,.m-full-stats:before {
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.m-full-stats--bg:after {
    background: url(../images/main/p-main-lines.webp) no-repeat;
    background-size: 100% 100%;
    height: 52.1428571429rem;
    opacity: .5;
    top: 100%;
    width: 129.7142857143rem;
    z-index: 1
}

.m-full-stats__wrapper {
    padding: 2.6857142857rem 0;
    position: relative;
    z-index: 2
}

.m-listen {
    margin-bottom: 4.2857142857rem;
    position: relative;
    z-index: 2
}

.m-listen__title {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 2.8571428571rem;
    font-weight: 700;
    margin: 0 auto 1.8571428571rem
}

.m-listen__desc,.m-listen__title {
    max-width: 40rem;
    text-align: center
}

.m-listen__desc {
    color: var(--color-desc);
    font-size: 1.1428571429rem;
    margin: 0 auto 5rem
}

.m-listen__buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 4.2857142857rem
}

.light .m-tickers-slider {
    background: #f6f6f7
}

.m-tickers-slider {
    background: var(--color-bg-box-1);
    border-radius: .4285714286rem;
    height: 5.5714285714rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.m-tickers-slider__list {
    align-items: stretch;
    animation: __pnawseuzd2 30s linear infinite;
    display: flex;
    gap: .7142857143rem;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 1.4285714286rem;
    transform: translateX(-57.5714285714rem)
}

.m-tickers-slider__item {
    height: 2.7142857143rem;
    max-width: 2.7142857143rem;
    min-width: 2.7142857143rem;
    width: 100%
}

.m-tickers-slider__item img {
    width: 100%
}

@keyframes __pnawseuzd2 {
    0% {
        transform: translateX(-57.5714285714rem)
    }

    to {
        transform: translatex(-172.71429rem)
    }
}

.light .m-tickers-selector__button {
    background: #f6f6f7
}

.light .m-tickers-selector__current {
    color: #f6f6f7
}

.light .vue3-slider .track,.light .vue3-slider .track-filled {
    background: #f6f6f7!important
}

.m-tickers-selector {
    margin-top: 1.4285714286rem
}

.m-tickers-selector__labels {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: .3571428571rem;
    position: relative
}

.m-tickers-selector__max,.m-tickers-selector__min {
    color: var(--color-title)
}

.m-tickers-selector__current {
    background: var(--color-main);
    border-radius: .1428571429rem;
    bottom: .7857142857rem;
    color: var(--color-title);
    font-weight: 500;
    left: 50%;
    line-height: 1;
    padding: .2857142857rem 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transform: translateX(-55%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 3.9285714286rem
}

.m-tickers-selector__current:before {
    background: var(--color-main);
    bottom: -.2857142857rem;
    content: "";
    height: .5714285714rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) rotate(45deg);
    width: .5714285714rem
}

.m-tickers-selector__value {
    -webkit-appearance: none
}

.m-tickers-selector .vue3-slider .handle {
    background: var(--color-main);
    transform: scale(3.5)!important
}

.m-tickers-selector__buttons {
    align-items: center;
    display: flex;
    gap: .7142857143rem;
    justify-content: space-between;
    margin-top: 1.2857142857rem
}

.m-tickers-selector__button {
    background: var(--color-bg-box-1);
    border-radius: .4285714286rem;
    cursor: pointer;
    height: 3.2857142857rem;
    line-height: 3.2857142857rem;
    opacity: 1;
    text-align: center;
    transition: all .25s;
    width: 100%
}

.m-tickers-selector__button:hover {
    opacity: .8
}

.m-feature-box {
    background: var(--color-main);
    border-radius: .5714285714rem;
    overflow: hidden;
    padding: 6.8571428571rem 0;
    position: relative
}

.m-feature-box:before {
    background: url(../images/main/p-feature-box.webp) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 24.2142857143rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 67.5714285714rem;
    z-index: 1
}

.m-feature-box__title {
    color: var(--color-bg-main);
    font-family: Inter,arial,sans-serif;
    font-size: 2.2857142857rem;
    font-weight: 700;
    margin: 0 auto;
    max-width: 25rem;
    position: relative;
    text-align: center;
    z-index: 2
}

.m-feature-box__buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.8571428571rem;
    position: relative;
    z-index: 2
}

.m-ref-stat {
    border: .0714285714rem dashed var(--border-color);
    border-radius: .5714285714rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 5rem 2.1428571429rem
}

.m-ref-stat__title {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 2.2857142857rem;
    font-weight: 700;
    margin: 0 auto 1.8571428571rem;
    text-align: center
}

.m-ref-join {
    align-items: center;
    background: var(--color-main);
    border-radius: .5714285714rem;
    display: flex;
    justify-content: space-between;
    padding: 5rem 4.2857142857rem
}

.m-ref-join__title {
    color: var(--color-bg-main);
    font-family: Inter,arial,sans-serif;
    font-size: 2.8571428571rem;
    font-weight: 700;
    margin: 0 auto
}

.m-ref-join__desc {
    color: var(--color-bg-main);
    font-size: 1.2857142857rem;
    margin: 1.2857142857rem auto 0
}

.m-ref-join--p2p {
    overflow: hidden;
    padding: 4.4285714286rem 6.4285714286rem;
    position: relative
}

.m-ref-join--p2p .m-ref-join__title {
    font-size: 2.2857142857rem;
    position: relative;
    z-index: 3
}

.m-ref-join--p2p .m-ref-join__desc {
    font-size: 1.1428571429rem;
    position: relative;
    z-index: 3
}

.m-ref-join--p2p:before {
    background: url(../images/p2p/p-p2p-zero-1.webp) no-repeat;
    background-size: 100% 100%;
    height: 4.7857142857rem;
    left: 2.2857142857rem;
    top: 2.2857142857rem;
    width: 4.6428571429rem;
    z-index: 2
}

.m-ref-join--p2p:after,.m-ref-join--p2p:before {
    content: "";
    pointer-events: none;
    position: absolute
}

.m-ref-join--p2p:after {
    background: url(../images/p2p/p-p2p-zero-2.webp) no-repeat;
    background-size: 100% 100%;
    height: 14.7857142857rem;
    right: 0;
    top: 0;
    width: 75.2142857143rem;
    z-index: 1
}

.referral-getting {
    background: var(--color-bg-box-3);
    border-radius: .5714285714rem;
    padding: 5rem 4.2857142857rem
}

.referral-getting__box {
    position: relative
}

.referral-getting__title {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 2.8571428571rem;
    font-weight: 700;
    margin-bottom: 1.2857142857rem
}

.referral-getting__desc {
    color: var(--color-desc);
    font-size: 1.1428571429rem;
    margin-bottom: 2.8571428571rem;
    max-width: 40rem
}

.referral-getting__field {
    align-items: center;
    -webkit-backdrop-filter: blur(10.7142857143rem);
    backdrop-filter: blur(10.7142857143rem);
    background: var(--color-bb-9);
    border: .0714285714rem solid var(--border-color21);
    border-radius: .2857142857rem;
    cursor: pointer;
    display: flex;
    gap: .7142857143rem;
    height: 3.7142857143rem;
    justify-content: space-between;
    margin-bottom: .5714285714rem;
    padding: 0 3.2857142857rem 0 1.1428571429rem;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 2
}

.referral-getting__name {
    color: var(--color-desc3);
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    min-width: 7.8571428571rem
}

.referral-getting__value {
    background: transparent;
    border: none;
    color: var(--color-title);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    max-width: 15.7142857143rem;
    outline: none;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.referral-getting__copy {
    align-items: center;
    display: flex;
    height: 1.4285714286rem;
    justify-content: center;
    position: absolute;
    right: 1.1428571429rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.4285714286rem
}

.referral-getting__copy svg {
    height: 1.4285714286rem;
    outline: none;
    vertical-align: middle;
    width: 1.4285714286rem
}

.referral-getting__copy svg path {
    fill: var(--color-main)
}

.light .m-markets-top__col {
    border: .0714285714rem solid var(--border-color17)
}

.light .m-markets-top__title {
    border-bottom: .0714285714rem solid var(--border-color18)
}

.m-markets-top {
    align-items: stretch;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: space-between;
    margin-bottom: 4rem;
    position: relative;
    z-index: 3
}

.m-markets-top--mb68 {
    margin-bottom: 4.8571428571rem
}

.m-markets-top__col {
    -webkit-backdrop-filter: blur(.3571428571rem);
    backdrop-filter: blur(.3571428571rem);
    background: var(--color-bb-8);
    border: .1428571429rem solid var(--border-color17);
    border-radius: .5714285714rem;
    width: 100%
}

.m-markets-top__title {
    border-bottom: .1428571429rem solid var(--border-color18);
    color: var(--color-title);
    font-size: 1.1428571429rem;
    font-weight: 600;
    padding: 1.4285714286rem 1.5714285714rem
}

.m-markets-top__row {
    align-items: center;
    color: var(--color-title);
    display: flex;
    justify-content: space-between;
    padding: .5714285714rem 1.5714285714rem
}

.m-markets-top__row:first-child {
    padding-top: .7142857143rem
}

.m-markets-top__row:last-child {
    padding-bottom: .7142857143rem
}

.m-markets-top__row .c-asset__image img {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.m-markets-top__row .c-asset__name {
    font-weight: 400
}

.m-markets-top__row .c-asset {
    gap: .6428571429rem
}

.m-markets-top__row-id {
    margin-right: 1.0714285714rem;
    max-width: .6428571429rem;
    width: 100%
}

.m-markets-top__row-name,.m-markets-top__row-price {
    color: var(--color-title);
    width: 100%
}

.m-markets-top__row-percent,.m-markets-top__row-price {
    margin-left: .3571428571rem;
    max-width: 6.4285714286rem;
    text-align: right
}

.m-markets-top__row-percent {
    min-width: 4.6428571429rem;
    width: 100%
}

.table-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.8571428571rem
}

.table-head__col>.input {
    width: 15.2142857143rem
}

.table-head__col>.input .input__placeholder,.table-head__col>.input .input__section,.table-head__col>.input .input__value {
    padding-left: .7142857143rem
}

.faq-group-name {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-size: 1.2857142857rem;
    font-weight: 500;
    gap: .4285714286rem;
    justify-content: flex-start;
    margin-bottom: 1.7142857143rem
}

.faq-group-name [fill] {
    fill: var(--color-desc6)
}

.faq-group-name [stroke] {
    stroke: var(--color-desc6)
}

.faq-list {
    margin-top: 1.4285714286rem;
    width: 100%
}

.faq-list-group {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .7142857143rem;
    justify-content: center;
    margin-top: 1.2857142857rem
}

.faq-list-group .faq {
    width: 49%
}

.faq {
    -webkit-backdrop-filter: blur(.7142857143rem);
    backdrop-filter: blur(.7142857143rem);
    background: hsla(0,0%,100%,.02);
    border: .0714285714rem solid var(--border-color2);
    border-radius: .5714285714rem;
    margin-bottom: .5714285714rem;
    overflow: hidden;
    text-align: left;
    width: 100%
}

.faq--active .faq__body {
    opacity: 1;
    visibility: visible;
    padding: 0.285rem 1.714rem 1.285rem;
}

.faq--active .faq__icon svg {
    transform: rotate(180deg)
}

.faq--dark {
    background: #1a1b1e;
    border: .0714285714rem solid transparent
}

.faq--transparent {
    background: transparent
}

.faq__header {
    align-items: center;
    border-bottom: .0714285714rem solid transparent;
    cursor: pointer;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1.125rem;
    grid-template-rows: 1fr;
    padding: 1.2857142857rem 1.7142857143rem;
    transition: border-color .25s,padding .25s
}

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

.faq__icon,.faq__icon svg {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.faq__icon svg {
    transition: transform .25s
}

.faq__icon [fill] {
    fill: var(--color-desc4)
}

.faq__icon [stroke] {
    stroke: var(--color-desc4)
}

.faq__name {
    color: var(--color-title);
    font-weight: 500
}

.faq__body,.faq__name {
    font-size: 1.1428571429rem
}

.faq__body {
    color: var(--color-desc2);
    max-height: 0; /* Элемент изначально скрыт */
    overflow: hidden; /* Убираем прокрутку */
    opacity: 0; /* Полная прозрачность */
    visibility: hidden; /* Элемент невидим */
    font-weight: 400;
    line-height: 140%;
    padding: 0 1.714rem 0;
    transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.4s ease;
}

.faq__body>div h1,.faq__body>div h2,.faq__body>div h3,.faq__body>div h4,.faq__body>div h5,.faq__body>div h6 {
    font-weight: 400;
    line-height: 1.625;
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    font-size: 1rem
}

.faq__body>div a {
    color: var(--color-title)
}

.faq__body>div a:hover {
    opacity: .6
}

.light .auth__sidebar:after {
    background: url(../images/profile/auth-sb-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.auth {
    padding: 0 calc(25vw + 1.42857rem);
    width: 100%
}

.auth__sidebar {
    background: var(--color-main);
    height: 100vh;
    left: 0;
    max-width: 33.7857142857rem;
    min-height: 100vh;
    padding: 1.2857142857rem 2.8571428571rem;
    position: fixed;
    top: 0;
    width: 25vw
}

.auth__sidebar:after {
    background: url(../images/profile/auth-sb-dark-min.webp) no-repeat;
    background-size: 100% 100%;
    height: 54.915433vw;
    max-height: 74.2142857143rem;
    width: 25vw
}

.auth__sidebar:after,.auth__sidebar:before {
    bottom: 0;
    content: "";
    left: 0;
    max-width: 33.7857142857rem;
    position: absolute
}

.auth__sidebar:before {
    background: var(--color-main);
    height: 100vh;
    width: 100%
}

.auth__sidebar .logo {
    position: relative;
    z-index: 2
}

.auth__box {
    margin: 0 auto;
    max-width: 26rem;
    padding-bottom: 2.8571428571rem;
    padding-top: 10rem;
    width: 100%
}

.auth .link {
    color: var(--color-main);
    text-transform: none
}

.auth__title {
    align-items: center;
    color: var(--color-title2);
    display: flex;
    font-family: Inter,arial,sans-serif;
    font-size: 2.2857142857rem;
    font-weight: 600;
    gap: .8571428571rem;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 2.2857142857rem;
    text-align: left
}

.auth__desc {
    color: var(--color-title);
    font-size: 1rem;
    text-align: left
}

.auth__desc--center {
    text-align: center
}

.auth .label.label--s14 {
    margin-bottom: .8571428571rem!important
}

.auth__form>* {
    margin-bottom: .8571428571rem
}

.auth__or {
    color: #40444a;
    margin-bottom: 1.2857142857rem;
    margin-top: 1.2857142857rem;
    position: relative;
    text-align: center
}

.auth__or:after,.auth__or:before {
    background: var(--border-color);
    content: "";
    height: .0714285714rem;
    left: 0;
    position: absolute;
    top: .7857142857rem;
    width: 45%
}

.auth__or:after {
    left: auto;
    right: 0
}

.auth-code,.auth__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.auth-code {
    gap: .5rem
}

.auth-code .input {
    height: 3.9285714286rem;
    width: 3.9285714286rem
}

.auth-code .input__value {
    font-size: 1.96429rem;
    padding: 0 .3571428571rem;
    text-align: center
}

.earn-types {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem
}

.earn-type {
    background: #fff;
    border-radius: 1.7857142857rem;
    box-shadow: 0 .5rem .5rem rgba(0,0,0,.03);
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: .875rem;
    padding: 1rem;
    position: relative;
    text-align: left;
    z-index: 2
}

.earn-type__top {
    display: grid;
    flex-grow: 1;
    gap: 0 1rem;
    grid-template-columns: 3.5rem 1fr;
    margin-bottom: 1rem
}

.earn-type__icon {
    grid-row: 1/3
}

.earn-type__name {
    color: #000;
    font-size: 1.5rem
}

.earn-type__desc {
    font-size: .875rem;
    text-align: left
}

.earn-type__bottom .btn {
    width: 100%
}

.earn-btypes {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    text-align: center
}

.earn-btypes>:nth-child(2n) {
    flex-direction: row-reverse
}

.earn-btype {
    position: relative;
    z-index: 2
}

.earn-btype__left {
    background-color: #fff;
    border-radius: 1.7857142857rem;
    box-shadow: 0 .5rem .5rem rgba(0,0,0,.03);
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    margin-bottom: 2rem;
    overflow: hidden;
    text-align: center
}

.earn-btype__image {
    margin: 0 auto;
    max-width: 26.875rem;
    width: 100%
}

.earn-btype__name {
    color: #000;
    margin-bottom: .5rem
}

.earn-btype__desc p,.earn-btype__tag {
    margin-bottom: 1rem
}

.earn-btype__tag {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.75rem;
    padding: 0 .75rem
}

.earn-btype__tag--blue {
    background: rgba(44,77,192,.05);
    color: #096bec
}

.earn-btype__tag--green {
    background: rgba(35,181,67,.05);
    color: #22b442
}

.earn-btype .btn {
    width: 100%
}

.earn-benefit {
    margin-top: 1rem
}

.earn-benefit__row {
    font-size: 1rem;
    margin: 0 auto 2.5rem;
    max-width: 27rem;
    text-align: center;
    width: 100%
}

.earn-benefit__icon>img {
    background-color: #fff;
    border-radius: .8571428571rem;
    box-shadow: 0 .5rem .5rem rgba(0,0,0,.03);
    margin: 0 auto 1.5rem;
    padding: .75rem 1.5rem
}

.earn-benefit__name {
    color: #000;
    font-size: 1.125rem;
    margin-bottom: .5rem
}

.earn-benefit__desc {
    color: #565661;
    font-size: 1rem
}

.plain-benefit {
    margin-top: 3rem
}

.plain-benefit__row {
    background-color: #fff;
    border-radius: 1.7857142857rem;
    font-size: .875rem;
    margin-top: 1rem;
    padding: 1rem;
    width: 100%
}

.plain-benefit__icon>img {
    background-color: #f0f2f4;
    border-radius: .8571428571rem;
    box-shadow: 0 .5rem .5rem rgba(0,0,0,.03);
    margin: 0 auto 1.5rem;
    padding: .75rem 1.5rem
}

.plain-benefit__name {
    color: #000;
    font-size: .875rem;
    margin-bottom: .5rem
}

.plain-benefit__desc {
    color: #565661;
    font-size: .875rem
}

.plain-percent {
    color: var(--color-main);
    font-size: 1.1428571429rem;
    text-align: left
}

.plain-percent span {
    color: var(--color-desc);
    font-weight: 400
}

.plain-deposit {
    color: var(--color-title);
    font-size: 1.1428571429rem;
    text-align: left
}

.history-date span,.plain-deposit span {
    color: var(--color-desc);
    font-weight: 400
}

.plain-days {
    display: flex;
    gap: .7142857143rem
}

.plain-days--mb {
    justify-content: space-between;
    margin-bottom: 1.2857142857rem
}

.plain-days--mb .plain-days__row {
    width: 100%
}

.plain-days__row {
    align-items: center;
    background: transparent;
    border: .0714285714rem solid var(--border-color);
    border-radius: .4285714286rem;
    color: var(--color-title);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    justify-content: center;
    line-height: 1.35;
    padding: .3571428571rem .8571428571rem;
    width: 3.25rem
}

.plain-days__row:last-child {
    margin-right: 0
}

.plain-days__row:hover:not(.plain-days__row--selected) {
    background-color: rgba(121,89,246,.08)
}

.plain-days__row--selected {
    background-color: rgba(121,89,246,.15);
    border: .0714285714rem solid var(--color-main)
}

.plain-days__value {
    color: var(--color-title);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35
}

.plain-days__name {
    color: var(--color-desc);
    font-size: .9285714286rem;
    font-weight: 400;
    line-height: 1
}

.plain-days__percent {
    border-top: .0714285714rem solid var(--border-color);
    font-size: .8571428571rem;
    margin-top: .25rem;
    padding-top: .25rem;
    text-align: center;
    width: calc(100% - 1rem);
    width: 100%
}

.tplains {
    margin: 0 0 3rem;
    position: relative;
    z-index: 2
}

.tplains__title {
    color: #a6a6b0;
    font-size: .75rem;
    font-weight: 400;
    margin-bottom: .5rem;
    padding: 0 1rem;
    text-transform: uppercase
}

.tplains__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin: 0 auto
}

.tplain {
    background: #0f0e15;
    border: .1428571429rem solid #121016;
    border-radius: .8571428571rem;
    margin: 0 auto;
    padding: 2.1428571429rem;
    width: 100%
}

.tplain__top {
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1rem
}

.tplain__top .balance-currency {
    max-width: 8.8571428571rem;
    overflow: hidden
}

.tplain__col {
    color: #fff;
    font-size: 1.2857142857rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap
}

.tplain__col--green {
    color: #fd6956
}

.tplain__col-name {
    color: #565661;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    text-transform: lowercase
}

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

.plain-days-title {
    color: var(--color-title);
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .5714285714rem!important
}

.plain-profit {
    align-items: center;
    background: var(--color-bg-box-21);
    display: flex;
    font-size: 1.1428571429rem;
    gap: .3571428571rem;
    justify-content: space-between;
    padding: 1.7142857143rem
}

.plain-profit__title {
    color: var(--color-desc2)
}

.plain-profit__value {
    color: var(--color-title)
}

.tr-info {
    align-items: center;
    display: flex;
    gap: .3571428571rem;
    justify-content: space-between
}

.tr-info__left {
    color: var(--color-desc)
}

.tr-info__right {
    align-items: center;
    color: var(--color-title);
    display: flex;
    gap: .7857142857rem;
    justify-content: space-between
}

.tr-info__right span {
    color: var(--color-desc)
}

.tr-summary {
    font-size: 1.1428571429rem
}

.tr-summary__title {
    color: var(--color-title);
    margin-bottom: 1.7142857143rem
}

.tr-summary__box {
    background: var(--color-bb-27);
    border-radius: .2857142857rem;
    font-size: 1.1428571429rem;
    padding: 1.7142857143rem
}

.tr-summary__row {
    align-items: center;
    display: flex;
    gap: .3571428571rem;
    justify-content: space-between;
    margin-bottom: 2rem
}

.tr-summary__row:last-child {
    margin-bottom: 0
}

.tr-summary__row div:first-child {
    color: var(--color-desc)
}

.tr-summary__row div:last-child {
    color: var(--color-title)
}

.light .earn-header:before {
    background: #f6f6f7
}

.earn-header {
    margin-bottom: 1.8571428571rem;
    position: relative
}

.earn-header:before {
    background: #1a1b1e;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: 1
}

.earn-header__wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 5.3571428571rem 0;
    position: relative;
    z-index: 2
}

.earn-header__title {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 2.2857142857rem;
    font-weight: 500;
    margin-top: .5714285714rem
}

.earn-header__desc {
    color: var(--color-desc);
    font-weight: 400;
    margin-top: .5714285714rem
}

.earn-stat {
    align-items: center;
    background: var(--color-main);
    border-radius: .4285714286rem;
    color: var(--color-bg-main);
    display: flex;
    gap: 5.7142857143rem;
    justify-content: space-between;
    padding: 2.2857142857rem
}

.earn-stat__title {
    font-weight: 500;
    margin-bottom: .7142857143rem
}

.earn-stat__value {
    font-size: 1.2857142857rem;
    font-weight: 600
}

[data-cb="0"]:after,[data-cb="0"]:before {
    background-color: #e732d5
}

[data-cb="1"]:after,[data-cb="1"]:before {
    background-color: #248aeb
}

[data-cb="2"]:after,[data-cb="2"]:before {
    background-color: #f89035
}

[data-cb="3"]:after,[data-cb="3"]:before {
    background-color: #eb2424
}

[data-cb="4"]:after,[data-cb="4"]:before {
    background-color: #11c56e
}

[data-bc="balance.global"] {
    background: radial-gradient(46.39% 130.06% at 50% 27.21%,#251527 0,#111115 100%)
}

[data-bc="balance.main"] {
    background: radial-gradient(24.48% 290.34% at 50% 49.78%,#121a36 0,#111115 100%)
}

[data-bc="balance.trade"] {
    background: radial-gradient(29.43% 102.36% at 50% 49.78%,#30231c 0,#111115 100%)
}

[data-bc="balance.collateral"] {
    background: radial-gradient(29.43% 102.36% at 50% 49.78%,#32191b 0,#111115 100%)
}

[data-bc="balance.staking"] {
    background: radial-gradient(29.43% 102.36% at 50% 49.78%,#173423 0,#111115 100%)
}

.balance-box {
    align-items: start;
    display: grid;
    grid-template-columns: 14rem 1fr;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.7857142857rem;
    position: relative;
    width: 100%
}

.balance-box__left {
    margin-bottom: 1rem;
    position: sticky;
    top: 2.28571rem;
    transition: top .25s;
    z-index: 1
}

.balance-box__header {
    color: #232429;
    font-size: 2.5714285714rem;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 118.5%;
    margin-bottom: 1.5rem
}

.balance-box__right {
    background-color: #0f0e14;
    border-radius: 1.7857142857rem;
    min-height: 37.5rem;
    padding: 1rem;
    width: 100%
}

.balance-box__body {
    padding-top: 1rem
}

.balance-box__search {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem
}

.balance-box-menu__item {
    border-radius: .8571428571rem 0 0 .8571428571rem;
    height: 4rem;
    margin-bottom: .5rem;
    overflow: hidden;
    position: relative
}

.balance-box-menu__link {
    background-color: #0a090f;
    display: flex;
    flex-direction: column;
    font-size: .625rem;
    height: 100%;
    justify-content: center;
    padding-left: 1.5rem;
    position: relative;
    transition: background-color .25s;
    width: 100%
}

.balance-box-menu__link:after {
    background: linear-gradient(90deg,transparent,rgba(0,0,0,.06));
    content: "";
    height: 100%;
    opacity: .6;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .25s;
    width: 1.5rem
}

.balance-box-menu__link--active,.balance-box-menu__link:hover {
    background-color: #0f0e14
}

.balance-box-menu__link--active:after,.balance-box-menu__link:hover:after {
    opacity: 0
}

.balance-box-menu__link:before {
    border-radius: .8571428571rem;
    content: "";
    height: 3rem;
    left: .5rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .1428571429rem
}

.balance-box-menu__link:hover img {
    transform: translateX(.5rem)
}

.balance-box-menu__name {
    color: #fff;
    font-size: .875rem;
    font-weight: 500
}

.balance-box-menu__desc {
    align-items: center;
    display: flex
}

.balance-box-menu__desc img {
    margin-left: .25rem;
    transition: transform .25s
}

.balance-box-menu__settings {
    padding-top: .5rem
}

.balance-header {
    align-items: center;
    background-color: #0a090e;
    border-radius: .5rem;
    color: #e0e0e0;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    position: relative
}

.balance-header__left {
    display: flex;
    flex-direction: column;
    min-height: 4.26563rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.balance-header__name {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4285714286rem
}

.balance-header__value {
    color: #fff;
    font-size: 1.7142857143rem;
    font-weight: 700;
    line-height: 130%
}

.balance-header__equivalent {
    font-size: .75rem
}

.balance-header__right {
    align-items: center;
    display: flex;
    gap: .5rem
}

.balance-header__right .link {
    font-size: .75rem
}

.balance-currency {
    align-items: center;
    display: flex;
    max-width: 9.375rem
}

.balance-currency img {
    margin-right: .75rem;
    position: relative
}

.balance-currency__code {
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
    max-width: 6.25rem;
    position: relative;
    white-space: nowrap
}

.balance-currency__code svg {
    cursor: pointer;
    position: relative;
    top: .2142857143rem
}

.balance-currency__code svg * {
    stroke: #fd6956
}

.balance-currency__name {
    font-size: .625rem;
    line-height: 1;
    max-width: 6.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.balance-currency--large .balance-currency__code {
    font-size: 1.2857142857rem
}

.balance-currency--large .balance-currency__name {
    font-size: 1rem
}

.balance-currency--large img {
    height: 3.1428571429rem;
    margin-right: 1.2857142857rem;
    width: 3.1428571429rem
}

.balance-currency--small .balance-currency__code {
    font-size: .7rem
}

.balance-currency--small .balance-currency__name {
    font-size: .55rem
}

.balance-currency--small img {
    height: 1.8571428571rem;
    margin-right: .5rem;
    width: 1.8571428571rem
}

.balance-currency--dark .balance-currency__code {
    color: #fff
}

.balance-currency--dark .balance-currency__name {
    color: #c9c9c9
}

.balance-filters {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 1rem;
    overflow: auto
}

.balance-filters__item {
    align-items: center;
    border-radius: .8571428571rem;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    margin-right: .75rem;
    min-width: max-content;
    padding: .625rem .75rem;
    transition: color .25s,background-color .25s
}

.balance-filters__item--active {
    background-color: #f6f7f9
}

.balance-filters__item:hover {
    color: #565661
}

.balance-empty {
    margin: 0 auto;
    max-width: 35rem;
    padding: 5.625rem 1rem;
    text-align: center
}

.balance-empty__name {
    color: #000;
    margin-bottom: 1rem
}

.balance-empty__desc {
    color: #565661;
    font-size: 1rem;
    margin-bottom: 1.5rem
}

.section--balance .section__box,.section--balance .section__row,.section--balance-h .section__box,.section--balance-h .section__row {
    padding: 0
}

.m-balance-menu {
    align-items: center;
    border-bottom: .0714285714rem solid #3c3c44;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.m-balance-menu__item {
    margin-right: 1rem
}

.m-balance-menu__item:last-child {
    margin-right: 0!important
}

.m-balance-menu__link {
    color: #fff;
    font-size: .625rem;
    font-weight: 500;
    padding: 1rem 0 .5rem;
    position: relative
}

.m-balance-menu__link:after {
    bottom: -.0714285714rem;
    content: "";
    height: .1428571429rem;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .25s;
    width: 100%
}

.m-balance-menu__link--active {
    color: hsla(0,0%,100%,.5)
}

.m-balance-menu__link--active:after {
    opacity: 1
}

.m-balance-info {
    margin-top: 1rem
}

.m-balance-info__value {
    margin: 0 auto 1rem;
    text-align: center
}

.m-balance-info__value span:first-child {
    color: #a6a6b0;
    display: block;
    font-size: .75rem
}

.m-balance-info__value span:last-child {
    align-items: center;
    color: #fff;
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    min-height: 2.5rem;
    text-align: center
}

.m-balance-info__btns {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem
}

.m-balance-btn {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font: inherit;
    font-size: .625rem;
    margin: 0 .5rem 0 0;
    max-width: 3.25rem;
    outline: none;
    padding: 0
}

.m-balance-btn__box {
    align-items: center;
    background-color: #fff;
    border-radius: 1.7857142857rem;
    display: flex;
    height: 3rem;
    justify-content: center;
    margin-bottom: .5rem;
    width: 3rem
}

.m-balance-filters {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr max-content;
    padding: 1rem
}

.m-balance-table {
    margin-bottom: 2rem
}

.mobile-balance-box {
    margin: 0 -1rem -1.7857142857rem
}

.m-balance__header {
    align-items: center;
    background: #0a090e;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: .625rem 1rem;
    position: relative
}

.m-balance__header .balance-value {
    padding-right: 2.5rem
}

.m-balance__header:after {
    background-color: #252426;
    bottom: 0;
    content: "";
    height: .0714285714rem;
    left: 1rem;
    width: calc(100% - 2rem)
}

.m-balance__arrow,.m-balance__header:after {
    position: absolute;
    right: 1rem
}

.m-balance__arrow svg {
    transform: rotate(180deg);
    transition: transform .25s
}

.m-balance__body {
    background-color: #0f0e14;
    display: none;
    padding: 1rem;
    position: relative
}

.m-balance__body:before {
    background-color: #0f0e14;
    content: "";
    height: 1rem;
    position: absolute;
    right: 1rem;
    top: -.5rem;
    transform: rotate(45deg);
    width: 1rem
}

.m-balance--opened .m-balance__header:after {
    display: none
}

.m-balance--opened .m-balance__body {
    display: block
}

.m-balance--opened .m-balance__arrow svg {
    transform: rotate(0deg)
}

.m-balance__btns {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 1rem
}

.m-balance__btns>* {
    flex-grow: 1
}

.m-balance__values {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 5rem;
    margin-bottom: 1rem
}

.m-balance__value-name {
    font-size: .625rem;
    margin-bottom: .25rem
}

.b-available {
    align-items: center;
    color: var(--color-desc2);
    display: flex;
    font-size: 1rem;
    justify-content: flex-end;
    line-height: 1;
    min-height: 1.125rem;
}
.f-available{
    align-items: center;
    color: var(--color-desc2);
    display: flex;
    justify-content: flex-end;
    line-height: 1;
    min-height: 1.125rem;
    margin: 0;
    font-size: 12px;
}



.b-available span, .f-available span {
    border-bottom: .0714285714rem dashed var(--color-title);
    color: var(--color-title);
    cursor: pointer;
    margin-left: .375rem
}

.available-balance {
    align-items: center;
    color: var(--color-desc2);
    display: flex;
    font-size: 1rem;
    justify-content: flex-end;
    line-height: 1;
    min-height: 1.125rem
}

.available-balance span {
    border-bottom: .0714285714rem dashed var(--color-title);
    color: var(--color-title);
    cursor: pointer;
    margin-left: .375rem
}

.available-balance .link {
    border-bottom: none;
    text-decoration: none
}

.form-networks__label {
    font-size: .875rem;
    margin-bottom: .5rem
}

.networks {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-around
}

.networks--full .networks__item {
    width: 45%
}

.networks__item {
    align-items: center;
    background-color: transparent;
    border: .0714285714rem solid #252426;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 600;
    height: 3rem;
    justify-content: center;
    padding: 0 1rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.networks__item--active,.networks__item:hover {
    border-color: #fd6956
}

.balance-explorers {
    display: inline;
    position: relative
}

.balance-explorers:hover .balance-explorers__body {
    display: block
}

.balance-explorers__btn {
    display: inline
}

.balance-explorers__body {
    background-color: #fff;
    border: none;
    border-radius: .8571428571rem;
    box-shadow: 0 .1428571429rem .5rem rgba(0,0,0,.1);
    color: #565661;
    display: none;
    font-size: .8571428571rem;
    left: 100%;
    outline: none;
    padding: .375rem .75rem;
    position: absolute;
    top: -50%
}

.balance-explorers__name {
    color: #565661;
    font-size: .625rem
}

.balance-explorers__list {
    align-items: center;
    display: flex;
    gap: .5rem
}

.aml {
    margin-bottom: 2.1428571429rem;
    margin-top: 2.1428571429rem;
    width: 100%
}

.aml__form {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start;
    margin-bottom: 1.625rem;
    margin-top: 1rem
}

.aml__form>* {
    max-width: none;
    width: 100%
}

.aml-fee {
    align-items: center;
    background-color: #191721;
    border: .0714285714rem solid transparent;
    border-radius: .8571428571rem;
    display: grid;
    gap: 0 1rem;
    grid-template-columns: min-content max-content;
    justify-content: space-between;
    max-width: 20rem;
    padding: .5rem;
    width: 100%
}

.aml-fee__value {
    color: #fff;
    font-weight: 500;
    grid-row: 1/3;
    line-height: 2.4375rem;
    white-space: nowrap
}

.aml-fee__info {
    font-size: .75rem
}

.aml-result__row {
    align-items: flex-end;
    display: flex;
    gap: .7142857143rem;
    justify-content: space-between;
    margin-bottom: 1.1428571429rem
}

.aml-result__row:last-child {
    margin-bottom: 0
}

.aml-result__name {
    color: var(--color-desc)
}

.aml-result__value {
    text-align: right
}

.aml-result__error,.aml-result__value {
    color: var(--color-title);
    white-space: normal;
    word-break: break-all
}

.aml-result__error {
    margin-top: 1.7142857143rem;
    text-align: center
}

.exchange-form__row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 7.1428571429rem;
    justify-content: flex-start
}

.exchange-form__col {
    color: var(--color-title2)
}

.exchange-form__col span:first-child {
    display: block;
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 1
}

body:not(.light) .exchange-form__col span:first-child {
    color: rgba(236,233,254,.7)
}

body.light .exchange-form__col span:first-child {
    color: #667085
}

.exchange-form__col span:last-child {
    display: block;
    font-size: 1.4285714286rem;
    font-weight: 500;
    line-height: 1;
    margin-top: 1rem
}

.exchange-form__col--green {
    color: var(--color-green)
}

.exchange-form__col--red {
    color: var(--color-red)
}

.section--app1,.section--app2,.section--app3 {
    background: #f4f4f4;
    height: 31.25rem;
    position: relative
}

.section--app1:before,.section--app2:before,.section--app3:before {
    content: "";
    height: 500px;
    opacity: .3;
    position: absolute;
    top: 0;
    width: 887px;
    z-index: 0
}


.app-header {
    align-items: center;
    display: flex;
    height: 100%
}

.app-header,.app-header--right {
    justify-content: center;
    text-align: center
}

.app-header__title {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .0357142857rem;
    line-height: 120%;
    max-width: 57.1428571429rem
}

.app-header__desc {
    color: #484848;
    line-height: 130%;
    margin-top: 1rem;
    max-width: 57.1428571429rem
}

.app-header__buttons {
    margin-top: 1rem
}

.section--app-cards {
    padding-top: 1.5rem
}

.app-cards {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

.app-cards__item {
    background: #0f0e15;
    border-radius: .8571428571rem;
    color: #fff;
    min-height: 17.8571428571rem;
    padding: 2rem;
    width: 100%
}

.app-cards__item .app-cards__desc {
    color: #d5d5d5
}

.app-cards__item--orange {
    background: #fd5642
}

.app-cards__item--silver {
    background: #23242a
}

.app-cards__title {
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: .0357142857rem;
    line-height: 120%;
    margin-bottom: .5rem
}

.app-cards__desc {
    font-size: .9rem;
    line-height: 130%
}

.fees {
    width: 100%
}

.fees__table-title {
    color: var(--color-title);
    margin-bottom: 1rem
}

.fees__search {
    margin-bottom: 1.5rem
}

.fees__table {
    margin-bottom: 2rem
}

.fees__table td {
    font-size: .875rem
}

.system-page {
    width: 100%
}

.system-page__filters {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1rem;
    row-gap: 1.5rem
}

.system-page__left,.system-page__right {
    width: 100%
}

.system-page__time {
    color: var(--color-desc);
    font-size: .875rem;
    margin-bottom: .25rem;
    opacity: .8;
    text-align: center
}

.system-page-row td {
    color: var(--color-desc3);
    position: relative
}

.system-page-row td span {
    color: var(--color-title)
}

.system-page-row__height--no {
    color: var(--color-desc)!important
}

.system-page-row__check {
    align-items: center;
    display: flex;
    gap: .4285714286rem;
    justify-content: space-around;
    position: relative
}

.light .terms h1:before,.light .terms h2:before,.light .terms h3:before,.light .terms h4:before,.light .terms h5:before,.light .terms h6:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 fill=%27none%27%3E%3Cpath fill=%27%238A6CFF%27 fill-rule=%27evenodd%27 d=%27M10 .834a9.167 9.167 0 1 0 0 18.333A9.167 9.167 0 0 0 10 .834m0 5a.833.833 0 1 0 0 1.667h.009a.833.833 0 0 0 0-1.667h-.008Zm.834 4.167a.833.833 0 1 0-1.667 0v3.333a.833.833 0 0 0 1.667 0z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
    background-size: 100% 100%
}

.terms {
    color: var(--color-desc2);
    font-size: 1.1428571429rem;
    line-height: 160%
}

.terms .section__title {
    margin-bottom: 2rem!important
}

.terms h1,.terms h2,.terms h3,.terms h4,.terms h5,.terms h6 {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-family: Inter,arial,sans-serif;
    font-size: 1.2857142857rem;
    font-weight: 500;
    gap: .6428571429rem;
    justify-content: flex-start;
    line-height: 1.2;
    margin-bottom: 1.7142857143rem;
    margin-top: 3rem
}

.terms h1:before,.terms h2:before,.terms h3:before,.terms h4:before,.terms h5:before,.terms h6:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 fill=%27none%27%3E%3Cpath fill=%27%23ECE9FE%27 fill-rule=%27evenodd%27 d=%27M10 .833a9.167 9.167 0 1 0 0 18.334A9.167 9.167 0 0 0 10 .833m0 5A.833.833 0 1 0 10 7.5h.009a.833.833 0 0 0 0-1.667h-.008ZM10.835 10a.833.833 0 1 0-1.667 0v3.334a.833.833 0 0 0 1.667 0z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
    background-size: 100% 100%;
    content: "";
    height: 1.4285714286rem;
    min-width: 1.4285714286rem;
    width: 1.4285714286rem
}

.terms>p {
    margin-bottom: 1rem
}

.terms ol,.terms ul {
    display: grid;
    gap: 1rem;
    grid-auto-rows: min-content;
    grid-template-columns: 1fr
}

.terms ol {
    list-style-type: decimal
}

.terms>ol:first-of-type {
    gap: 0;
    padding-top: 1.5rem
}

.terms ul li {
    padding-left: 1.3125rem;
    position: relative
}

.terms ul li:before {
    background-color: var(--color-desc);
    border-radius: 50%;
    content: "";
    height: .375rem;
    left: 0;
    position: absolute;
    top: .625rem;
    width: .375rem
}

.terms ol>li {
    counter-increment: item;
    display: block;
    position: relative
}

.terms>ol:first-of-type>li {
    padding-top: 2.5rem
}

.terms>ol:first-of-type>li:first-child {
    padding-top: 0
}

.terms ol>li:before {
    content: counters(item,".") ". ";
    float: left;
    margin-right: .25rem
}

.terms>ol:first-of-type>li:before {
    color: var(--color-desc);
    margin-right: 1rem
}

.terms>ol:first-of-type>li>p:first-child {
    color: var(--color-desc)
}

.terms ol>li ol {
    counter-reset: item;
    padding-left: 0
}

.terms ol>li ol,.terms ol>li>p~p,.terms ol>li>ul {
    margin-top: 1rem
}

.terms ol:last-child,.terms ul:last-child {
    margin-bottom: 0
}

.terms ol>li,.terms ul>li {
    list-style-type: none
}

.terms ol>li:before,.terms ul>li:before {
    display: inline-block;
    text-align: right;
    white-space: nowrap
}

.terms ol>li {
    counter-increment: list-0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.terms ol>li:before {
    content: counter(list-0,decimal) ". "
}

.terms ol>li.ql-indent-1 {
    counter-increment: list-1
}

.terms ol>li.ql-indent-1:before {
    content: counter(list-0,decimal) "." counter(list-1,decimal) ". "
}

.terms ol>li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.terms ol>li.ql-indent-2 {
    counter-increment: list-2
}

.terms ol>li.ql-indent-2:before {
    content: counter(list-0,decimal) "." counter(list-1,decimal) "." counter(list-2,decimal) ". "
}

.terms ol>li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.terms ol>li.ql-indent-3 {
    counter-increment: list-3
}

.terms ol>li.ql-indent-3:before {
    content: counter(list-0,decimal) "." counter(list-1,decimal) "." counter(list-2,decimal) "." counter(list-3,decimal) ". "
}

.terms ol>li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.terms ol>li.ql-indent-4 {
    counter-increment: list-4
}

.terms ol>li.ql-indent-4:before {
    content: counter(list-0,decimal) "." counter(list-1,decimal) "." counter(list-2,decimal) "." counter(list-3,decimal) "." counter(list-4,decimal) ". "
}

.terms ol>li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.terms ol>li.ql-indent-5 {
    counter-increment: list-5
}

.terms ol>li.ql-indent-5:before {
    content: counter(list-5,decimal) ". "
}

.terms ol>li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.terms ol>li.ql-indent-6 {
    counter-increment: list-6
}

.terms ol>li.ql-indent-6:before {
    content: counter(list-6,decimal) ". "
}

.terms ol>li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.terms ol>li.ql-indent-7 {
    counter-increment: list-7
}

.terms ol>li.ql-indent-7:before {
    content: counter(list-7,decimal) ". "
}

.terms ol>li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.terms ol>li.ql-indent-8 {
    counter-increment: list-8
}

.terms ol>li.ql-indent-8:before {
    content: counter(list-8,decimal) ". "
}

.terms ol>li.ql-indent-8 {
    counter-reset: list-9
}

.terms ol>li.ql-indent-9 {
    counter-increment: list-9
}

.terms ol>li.ql-indent-9:before {
    content: counter(list-9,decimal) ". "
}

.terms li.ql-indent-1 {
    padding-left: 30px
}

.terms li.ql-indent-2 {
    padding-left: 60px
}

.terms li.ql-indent-3 {
    padding-left: 90px
}

.terms li.ql-indent-4 {
    padding-left: 120px
}

.terms li.ql-indent-5 {
    padding-left: 150px
}

.terms li.ql-indent-6 {
    padding-left: 180px
}

.terms li.ql-indent-7 {
    padding-left: 210px
}

.terms li.ql-indent-8 {
    padding-left: 240px
}

.terms li.ql-indent-9 {
    padding-left: 270px
}

.trade-table {
    max-height: 18rem;
    overflow-x: auto;
    scrollbar-color: #2f2f2f var(--color-bg-main);
    scrollbar-width: thin
}

.trade-table::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.trade-table::-webkit-scrollbar-thumb {
    background-color: #2f2f2f;
    border-radius: .625rem
}

.trade-table::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.trade-table table {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%
}

.trade-table thead {
    display: table-header-group;
    position: sticky;
    top: 0;
    z-index: 2
}

.trade-table tbody {
    display: table-row-group
}

.trade-table tbody tr {
    border-top: .0714285714rem solid var(--border-color);
    display: table-row;
    height: 1.875rem!important
}

.trade-table th {
    background-color: var(--color-bb-10);
    border-radius: 0;
    color: var(--color-desc);
    font-size: .75rem;
    font-weight: 400;
    padding: .25rem .5rem .25rem .75rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap
}

.trade-table th:first-child {
    border-radius: .5rem 0 0 .5rem
}

.trade-table th:last-child {
    border-radius: 0 .5rem .5rem 0
}

.trade-table td {
    background-color: transparent!important;
    color: var(--color-title);
    font-size: .75rem;
    padding: .125rem .5rem .125rem .75rem;
    vertical-align: middle;
    white-space: nowrap
}

.section--trade {
    background: #0a090e
}

.section--trade .section__box {
    margin: 0!important;
    max-width: none!important;
    padding: .5rem
}

.section--trade .section__row {
    min-height: 100vh;
    padding: 0!important
}

.section--trade .section__row>.trade-loading {
    background-color: #0a090e
}

.trade-loading {
    align-items: center;
    background-color: var(--color-bb-10);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50
}

.trade-loading--full {
    background: none;
    height: calc(100vh - 7.14286rem);
    position: relative
}

.trade-loading:after {
    animation: loading 1.2s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%237959f6%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    display: block;
    height: 2.8571428571rem;
    pointer-events: none;
    position: relative;
    transition: opacity .3s;
    width: 2.8571428571rem
}

.trade {
    padding-top: 5.7142857143rem
}

.trade__deep,.trade__header,.trade__info {
    background-color: var(--color-bb-10);
    position: relative
}
.trade_desc{
    padding: 5px;
    border-bottom: 1px solid var(--color-desc);
}

.trade__header {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    padding: .5rem
}

.trade__chart,.trade__manager {
    background-color: var(--color-bb-10);
    position: relative
}

.trade__currencies {
    background-color: var(--color-bg-box-2);
    position: relative
}

.trade__balance,.trade__menu,.trade__orders {
    background-color: var(--color-bb-10);
    position: relative
}

.trade__menu {
    display: initial
}

.trade__p-box {
    justify-content: space-between;
    margin-bottom: .5rem
}

.trade__p-box,.trade__p-col {
    align-items: stretch;
    display: flex;
    gap: .5rem
}
.futures__p-box{
    gap: 10px
}
.trade__p-col {
    flex-direction: column;
    justify-content: stretch
}

.trade__p-col:first-child {
    width: 27%
}

.trade__p-col:nth-child(2) {
    width: 46%
}

.trade__p-col:nth-child(3) {
    width: 27%
}
.futures__p-col:first-child {
    width: 55%
}

.futures__p-col:nth-child(2) {
    width: 15%
}

.futures__p-col:nth-child(3) {
    width: 15%
}
.futures__p-col:nth-child(4) {
    width: 15%
}
.trade__p-col .trade__deep {
    height: 100%
}

.trade__p-col .trade__info {
    max-height: 12.2142857143rem
}

.trade__p-col .trade__currencies {
    height: 100%
}

.trade__p-col .trade__orders {
    max-height: 21.4285714286rem
}

.trade__p2-box {
    justify-content: space-between;
    margin-bottom: .5rem
}

.trade__p2-box,.trade__p2-col {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.trade__p2-col {
    justify-content: stretch
}

.trade__p2-col:first-child {
    width: 100%
}

.trade__p2-col:nth-child(2) {
    min-width: 20.7142857143rem;
    width: 100%
}

.trade__p2-col .trade__manager {
    height: 100%
}

.trade__p2-col .trade__chart,.trade__p2-col .trade__deep,.trade__p2-col .trade__info,.trade__p2-col .trade__orders {
    max-height: 35rem;
    min-height: 35rem
}

.trade-currency-selector {
    align-items: center;
    background: var(rgba(255,255,255,0.03));
    border-radius: .375rem;
    border: .0714285714rem solid var(--border-color);
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    padding: 6px 10px;
    justify-content: center;
    position: relative;
    transition-duration: .1s;
    transition-property: border-color
}

.trade-currency-selector img {
    display: none;
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.trade-currency-selector__name {
    color: var(--color-title);
    font-size: .75rem;
    line-height: 1.5;
    white-space: nowrap;
    font-weight: 600;
    letter-spacing: .2px;
}

.trade-currency-info {
    gap: 0 .75rem
}

.trade-currency-info,.trade-currency-info__col {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.trade-currency-info__col {
    color: var(--color-title);
    flex-direction: column
}

.trade-currency-info__col--red {
    color: var(--color-red)
}

.trade-currency-info__col--green {
    color: var(--color-green)
}

.trade-currency-info__col span:first-child {
    color: var(--color-desc);
    font-size: .625rem;
    white-space: nowrap
}

.trade-currency-info__col span:last-child {
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap
}

.trade-menu {
    border-bottom: .0714285714rem solid var(--border-color);
    display: flex;
    overflow: auto hidden;
    padding: 0 .5rem;
    scrollbar-width: none
}

.trade-menu__item {
    background-color: transparent;
    color: var(--color-title);
    cursor: pointer;
    font-size: .75rem;
    font-weight: 500;
    margin: 0 1rem 0 0;
    outline: none;
    padding: .5rem 0;
    position: relative;
    transition: border-color .1s,color .1s;
    white-space: nowrap
}

.trade-menu__item:after {
    background-color: var(--color-main);
    bottom: -.0714285714rem;
    content: "";
    height: .0714285714rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    transition: height .1s,width .1s;
    width: 0
}

.trade-menu__item--active:after {
    height: .1428571429rem;
    width: 100%
}

.trade-table-currency {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.trade-table-currency img {
    margin-right: .75rem
}

.trade-table-currency__info span:first-child {
    color: var(--color-title);
    display: block;
    font-size: .75rem;
    font-weight: 500
}

.trade-table-currency__info span:last-child {
    color: var(--color-desc);
    display: block;
    font-size: .625rem
}

.trade-table-volume {
    max-width: 7.5rem
}

.trade-table-volume span:first-child {
    color: var(--color-title);
    display: block;
    font-size: .75rem;
    font-weight: 500
}

.trade-table-volume span:last-child {
    color: var(--color-desc);
    display: block;
    font-size: .625rem
}

.trade-table-buttons {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center
}

.trade-box {
    background-color: var(--color-bb-10);
    height: 100%;
    padding: .5rem
}

.trade-box__header {
    color: var(--color-title);
    margin-bottom: .75rem
}

.trade-box__body {
    height: 100%
}

.trade-info-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.trade-info-row span:first-child {
    color: var(--color-desc);
    cursor: help;
    font-size: .75rem;
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-underline-position: under
}

.trade-info-row span:first-child:hover {
    color: var(--color-title)
}

.trade-info-row span:last-child {
    color: var(--color-title);
    font-size: .75rem;
    font-weight: 500;
    text-align: right
}

.trade-chart-control {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .25rem .5rem
}

.trade-chart-time {
    color: var(--color-desc);
    font-size: .875rem
}

.trade-chart-interval {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.trade-chart-interval__item {
    border-radius: .5rem;
    color: var(--color-desc);
    cursor: pointer;
    font-size: .875rem;
    padding: .25rem .375rem
}

.trade-chart-interval__item:hover {
    background-color: #2a2e39
}

.trade-chart-interval__item:hover:not(.trade-chart-interval__item--active) {
    color: var(--color-bg-box-2)
}

.trade-chart-interval__item--active {
    color: #7959f6
}

.trade-chart {
    height: 26rem;
    position: relative
}

.trade-chart__legend {
    align-items: center;
    background: rgba(0,0,0,.4);
    color: var(--color-desc);
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 300;
    gap: .2rem;
    justify-content: flex-start;
    left: .8571428571rem;
    line-height: 1.2857142857rem;
    padding: .2rem .5rem;
    position: absolute;
    top: .8571428571rem;
    z-index: 2
}

.trade-chart__legend>div>span {
    font-family: Roboto,Arial,sans-serif;
    font-weight: 500;
    line-height: 1
}

.trade-chart__legend--red>div>span {
    color: var(--color-red)
}

.trade-chart__legend--green>div>span {
    color: var(--color-green)
}

.trade-chart__reset {
    align-items: center;
    background-color: var(--color-bb-10);
    border-radius: 50%;
    box-shadow: 0 .1428571429rem .5rem rgba(0,0,0,.1);
    color: var(--color-title);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    opacity: .7;
    pointer-events: all;
    position: absolute;
    right: 6rem;
    top: calc(100% - 5rem);
    transition: all .2s;
    width: 2rem;
    z-index: 10
}

.trade-chart__reset svg {
    height: 1.375rem;
    width: 1.375rem
}

.trade-chart__reset:hover {
    opacity: 1
}

.trade-chart__reset--hide {
    opacity: 0;
    pointer-events: none
}

.trade-manager {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1rem
}

.trade-manager__left,.trade-manager__left form,.trade-manager__left form>*,.trade-manager__right,.trade-manager__right form,.trade-manager__right form>* {
    width: 100%
}

.trade-deep {
    height: 100%
}

.trade-deep__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .25rem .375rem .25rem 1rem;
    position: relative
}

.trade-deep__value {
    align-items: center;
    display: flex;
    font-size: .875rem;
    justify-content: center
}

.trade-deep__value svg {
    display: none
}

.trade-deep__value--red {
    color: var(--color-red)
}

.trade-deep__value--red svg {
    display: block;
    transform: rotate(180deg)
}

.trade-deep__value--green {
    color: var(--color-green)
}

.trade-deep__value--green svg {
    display: block
}

.trade-deep__body {
    height: 100%;
    max-height: 29rem;
    overflow-x: auto;
    scrollbar-color: #2f2f2f var(--color-bg-main);
    scrollbar-width: thin
}

.trade-deep__body::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.trade-deep__body::-webkit-scrollbar-thumb {
    background-color: #2f2f2f;
    border-radius: .625rem
}

.trade-deep__body::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.trade-deep__row-h {
    background: var(--color-bb-10);
    color: var(--color-desc);
    display: grid;
    font-size: .5625rem;
    gap: .25rem;
    grid-template-columns: repeat(4,1fr);
    position: sticky;
    top: 0;
    z-index: 30
}

.trade-deep__col-h {
    background: var(--color-bb-10);
    white-space: nowrap
}

.trade-deep__col-h:nth-child(2n) {
    text-align: right
}

.trade-deep__row {
    color: var(--color-desc);
    display: grid;
    font-size: .5625rem;
    grid-template-columns: repeat(2,1fr)
}

.trade-deep__col {
    align-items: center;
    color: var(--color-desc);
    display: flex;
    font-family: sans-serif;
    font-size: .75rem;
    justify-content: space-between;
    padding: 0 .375rem;
    position: relative
}

.trade-deep__amount,.trade-deep__price {
    position: relative;
    z-index: 20
}

.trade-deep__price--red {
    color: var(--color-red)
}

.trade-deep__price--green {
    color: var(--color-green)
}

.trade-deep__fill {
    height: 100%;
    opacity: .15;
    position: absolute;
    top: 0;
    z-index: 10
}

.trade-deep__fill--red {
    background: var(--color-red);
    left: 0
}

.trade-deep__fill--green {
    background: var(--color-green);
    right: 0
}

.light .trade-currencies__row-h {
    background: #f6f6f7
}

.trade-currencies {
    color: var(--color-desc);
    font-size: .75rem;
    height: 100%;
    max-height: 20rem;
    overflow-x: auto;
    scrollbar-color: #2f2f2f var(--color-bg-main);
    scrollbar-width: thin
}

.trade-currencies::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.trade-currencies::-webkit-scrollbar-thumb {
    background-color: #2f2f2f;
    border-radius: .625rem
}

.trade-currencies::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.trade-currencies__row-h, .futures-currencies__row-h {
    align-items: center;
    background: #17181c;
    display: grid;
    gap: .375rem;
    grid-template: 1fr / minmax(1rem, 0.1fr) minmax(4.75rem, .8fr) minmax(3.625rem, .5fr) minmax(4.375rem, .75fr) minmax(4.375rem, .75fr);
    padding: 0 .25rem;
    position: sticky;
    top: 0;
    z-index: 2
}
.futures-currencies__row-h {
    grid-template: 1fr / minmax(1rem, 0.1fr) minmax(4.75rem, .8fr) minmax(3.625rem, .5fr) minmax(4.375rem, .75fr);
}
.balance .trade-currencies__row, .balance .trade-currencies__row-h{
    grid-template: 1fr / minmax(1rem, 0.3fr) minmax(4.75rem, .8fr) minmax(3.625rem, .5fr);;
}
.trade-currencies__row,.futures-currencies__row {
    align-items: center;
    display: grid;
    gap: .375rem;
    grid-template: 1fr/minmax(1rem,0.1fr) minmax(4.75rem,.8fr) minmax(3.625rem,.5fr) minmax(4.375rem,.75fr) minmax(4.375rem,.75fr);
    height: 1.75rem;
    padding: 0 .25rem
}
.futures-currencies__row{
    grid-template: 1fr/minmax(1rem,0.1fr) minmax(4.75rem,.8fr) minmax(3.625rem,.5fr) minmax(4.375rem,.75fr);
}
.trade-currencies__row:hover {
    background-color: var(--color-desc3)
}

.trade-currencies__col {
    cursor: pointer;
    color: var(--color-title);
    font-family: sans-serif;
    font-size: .75rem
}

.trade-currencies__col--red {
    color: var(--color-red)
}

.trade-currencies__col--green {
    color: var(--color-green)
}

.trade-currencies__margin {
    background-color: #7959f6;
    border-radius: .1428571429rem;
    color: #0a090e;
    font-size: .625rem;
    height: .875rem;
    line-height: .875rem;
    margin-left: .25rem;
    padding: 0 .25rem;
    vertical-align: middle
}

.trade-orders {
    color: var(--color-desc);
    font-size: .75rem;
    max-height: 30.8rem;
    overflow-x: auto;
    scrollbar-color: #2f2f2f var(--color-bg-main);
    scrollbar-width: thin
}
.futures-orders {
    color: var(--color-desc);
    font-size: .75rem;
    max-height: 40.3rem;
    overflow-x: auto;
    scrollbar-color: #2f2f2f var(--color-bg-main);
    scrollbar-width: thin
}
.trade-orders::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.trade-orders::-webkit-scrollbar-thumb {
    background-color: #2f2f2f;
    border-radius: .625rem
}

.trade-orders::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.trade-orders__row-h {
    align-items: center;
    background: var(--color-bb-10);
    color: var(--color-desc);
    display: grid;
    font-size: .5625rem;
    gap: .25rem;
    grid-template-columns: minmax(4.75rem,max-content) auto minmax(4rem,max-content);
    height: 1.625rem;
    padding: 0 .25rem;
    position: sticky;
    text-transform: capitalize;
    top: 0;
    z-index: 2
}

.trade-orders__col-h {
    white-space: nowrap
}

.trade-orders__col-h:not(.trade-orders__col-h:first-child) {
    text-align: center
}

.trade-orders__row {
    display: grid;
    gap: .25rem;
    grid-template-columns: minmax(4.75rem,max-content) auto minmax(4rem,max-content);
    height: 1.25rem;
    padding: 0 .375rem
}

.trade-orders__col {
    font-family: sans-serif
}

.trade-orders__col--red {
    color: var(--color-red)
}

.trade-orders__col--green {
    color: var(--color-green)
}

.trade-orders__col:not(.trade-orders__col:first-child) {
    text-align: center
}

.trade-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5rem 0
}

.trade-empty svg {
    fill: var(--color-desc3);
    margin-bottom: 1rem
}

.trade-empty__text {
    color: var(--color-title);
    font-size: 1.125rem;
    margin-bottom: .5rem
}

.light .trade-deep2__table-header {
    color: var(--color-desc)
}

.light .trade-deep2__table-body {
    color: var(--color-title)
}

.trade-deep2__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .25rem .375rem
}

.trade-deep2__modes {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.trade-deep2__mode {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.trade-deep2__mode--active {
    background: hsla(42,97%,70%,.15)
}

.trade-deep2__mode svg {
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.trade-deep2__table-header {
    grid-gap: .5rem;
    color: hsla(0,0%,100%,.7);
    display: grid;
    font-size: .625rem;
    gap: .5rem;
    grid-template-columns: 1fr 2fr 2fr;
    padding: .25rem .375rem
}

.trade-deep2__table-body {
    color: hsla(0,0%,100%,.7);
    font-size: .75rem;
    max-height: 14.0625rem;
    overflow-y: scroll;
    scrollbar-color: #2f2f2f var(--color-bg-main);
    scrollbar-width: thin
}

.trade-deep2__table-body::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.trade-deep2__table-body::-webkit-scrollbar-thumb {
    background-color: #2f2f2f;
    border-radius: .625rem
}

.trade-deep2__table-body::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.trade-deep2__table-body--full {
    max-height: 28.125rem
}

.trade-deep2__table-body--hide {
    display: none
}

.trade-deep2__table-body--red .trade-deep2__table-col-price {
    color: var(--color-red)
}

.trade-deep2__table-body--red .trade-deep2__table-col-fill {
    background: rgba(241,89,93,.1)
}

.trade-deep2__table-body--green .trade-deep2__table-col-price {
    color: var(--color-green)
}

.trade-deep2__table-body--green .trade-deep2__table-col-fill {
    background: rgba(85,204,128,.1)
}

.trade-deep2__table-row {
    position: relative;
    grid-gap: .5rem;
    display: grid;
    gap: .5rem;
    cursor: pointer;
    grid-template-columns: 1fr 2fr 2fr;
    border-bottom: 1px solid transparent;
}
.trade-deep2__table-row:hover{
    border-bottom: 1px dashed var(--color-main);
}
.trade-deep2__table-row .trade-deep2__table-col-price {
    padding-left: .2857142857rem
}

.trade-deep2__table-row .trade-deep2__table-col-total {
    padding-right: .2857142857rem
}

.trade-deep2__table-col-fill {
    height: 100%;
    position: absolute;
    top: 0;
    transition: width .5s;
    z-index: 10
}

.trade-deep2__table-col-price {
    position: relative;
    z-index: 11
}

.trade-deep2__table-col-amount,.trade-deep2__table-col-total {
    position: relative;
    text-align: right;
    z-index: 11
}

.trade-deep2__hr {
    padding: .375rem
}

.trade-deep2__value {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: flex-start
}

.trade-deep2__value svg {
    display: block
}

.trade-deep2__value--red {
    color: var(--color-red)
}

.trade-deep2__value--red svg {
    transform: rotate(180deg)
}

.trade-deep2__value--green {
    color: var(--color-green)
}

.light .trade__chart .klinecharts-pro[data-theme=dark] {
    --klinecharts-pro-hover-background-color: #fdfdfe;
    --klinecharts-pro-background-color: #fbfaff;
    --klinecharts-pro-popover-background-color: #fbfaff;
    --klinecharts-pro-text-color: #344054;
    --klinecharts-pro-text-second-color: #667085;
    --klinecharts-pro-border-color: #cececf;
    --klinecharts-pro-primary-color: #7959f6;
    --klinecharts-pro-selected-color: rgba(255,106,86,.15)
}

.light .trade__chart .klinecharts-pro-modal {
    --klinecharts-pro-primary-color: var(--color-main)
}

.light .trade__chart .klinecharts-pro-button.confirm {
    color: #fff;
    width: 13.5714285714rem
}

.light .trade__chart .klinecharts-pro-period-bar .period {
    color: var(--color-desc)
}

.light .trade__chart .klinecharts-pro-period-bar .period:not(.selected):hover {
    background-color: #fff;
    color: var(--color-desc)
}

.light .trade__chart .klinecharts-pro-period-bar .period.selected {
    color: var(--color-main)
}

.trade__chart .klinecharts-pro[data-theme=dark] {
    --klinecharts-pro-hover-background-color: #2e2e34;
    --klinecharts-pro-background-color: #050505;
    --klinecharts-pro-popover-background-color: #050505;
    --klinecharts-pro-text-color: #ece9fe;
    --klinecharts-pro-text-second-color: #8e8c98;
    --klinecharts-pro-border-color: #282a2e;
    --klinecharts-pro-primary-color: #7959f6;
    --klinecharts-pro-selected-color: rgba(255,106,86,.15)
}

.trade__chart .klinecharts-pro-period-bar .period+.tools {
    border-left: none;
    border-right: none;
    margin-left: 0
}

.trade__chart .klinecharts-pro-modal {
    --klinecharts-pro-primary-color: var(--color-main)
}

.trade__chart .klinecharts-pro-button.confirm {
    color: var(--color-main);
    width: 13.5714285714rem
}

.trade__chart .klinecharts-pro-watermark {
    opacity: .03;
    transform: translate(-50%) translateY(-50%) scale(12)
}


.trade__chart .klinecharts-pro-period-bar {
    display: initial
}

.trade__chart .klinecharts-pro-period-bar .menu-container {
    float: left
}

.trade__chart .klinecharts-pro-period-bar .period {
    align-items: center;
    border-radius: 0;
    color: var(--color-desc);
    display: flex;
    float: left;
    font-size: .875rem;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-width: 1.5rem;
    padding: .25rem .375rem
}

.trade__chart .klinecharts-pro-period-bar .period.item.selected {
    background: transparent!important;
    font-weight: 500;
    color: var(--color-main);
}

.trade__chart .klinecharts-pro-period-bar .period:not(.selected):hover {
    background-color: var(--color-bg-box-1);
    color: var(--color-desc)
}

.trade__chart .klinecharts-pro-period-bar .symbol {
    display: none
}

.trade__chart .klinecharts-pro-period-bar .tools {
    float: right
}

.trade__chart .klinecharts-pro-period-bar .tools svg {
    margin: 0
}

.trade__chart .klinecharts-pro-period-bar .tools span {
    display: none
}

.trade-chart-footer {
    align-items: center;
    display: flex;
    height: 2.7142857143rem;
    justify-content: space-between;
    padding: 0 .7142857143rem
}

.trade-chart-footer__right {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 100%
}

.support {
    margin-top: 2.5rem
}

.support__col-date {
    color: var(--color-desc);
    font-weight: 400
}

.support__category {
    color: var(--color-desc);
    text-align: left
}

.support__subject {
    color: var(--color-desc12);
    text-align: left
}

.support__btn {
    padding-right: 1.0714285714rem!important
}

.support__table .table table {
    border-collapse: separate;
    border-spacing: 0 .2857142857rem
}

.support__table .table thead tr {
    background: transparent
}

.support__table .table thead tr th {
    background: none;
    border: none;
    border-radius: 0;
    color: var(--color-desc3);
    font-size: 1rem;
    height: 2.1428571429rem;
    padding: .1428571429rem .2857142857rem 1.1428571429rem;
    text-align: left
}

.support__table .table thead tr th:first-child {
    padding-left: 1rem
}

.support__table .table tbody {
    display: table-row-group
}

.support__table .table tbody tr {
    background: var(--color-bb-21);
    cursor: pointer;
    height: 3rem
}

.support__table .table tbody tr td {
    border: .0714285714rem solid var(--border-color33);
    border-left: 0;
    border-right: 0;
    color: var(--color-desc3);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    padding: .1428571429rem .2857142857rem;
    vertical-align: middle
}

.support__table .table tbody tr td:first-child {
    border-left: .0714285714rem solid var(--border-color33);
    border-radius: .2857142857rem 0 0 .2857142857rem;
    padding-left: 1rem
}

.support__table .table tbody tr td:last-child {
    border-radius: 0 .2857142857rem .2857142857rem 0;
    border-right: .0714285714rem solid var(--border-color33)
}

.support__table .table tbody tr td.support__id span {
    color: var(--color-desc10)
}

.support__table .table tbody tr td.support__subject {
    color: var(--color-desc12)
}

.support__table .table tbody tr td.support__status {
    text-align: right
}

.support__table .table tbody tr td.support__status span {
    display: inline-flex;
    padding: 0 1.1428571429rem
}

.support__table .table tbody tr:hover {
    opacity: 1
}

.support__buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 2.5rem
}

.support-new__box {
    background: var(--color-bb-22);
    border: .0714285714rem solid var(--border-color34);
    border-radius: .5714285714rem;
    margin: 0 auto;
    max-width: 43.2857142857rem;
    padding: 2.5714285714rem 2.2142857143rem
}

.support-new__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2857142857rem
}

.support-new__header__title {
    color: var(--color-title);
    font-size: 1.2857142857rem;
    font-weight: 600
}

.support-new__header__close {
    cursor: pointer;
    opacity: 1;
    transition: all .25s
}

.support-new__header__close:hover {
    opacity: .6
}

.support-new__header__close svg path {
    stroke: var(--color-desc3)
}

.support-new__body>* {
    margin-bottom: 2.2857142857rem
}

.support-new__body>:last-child {
    margin-bottom: 0
}

.support-new__row {
    align-items: center;
    display: flex;
    gap: 1.5714285714rem;
    justify-content: space-between
}

.support-new__row>div {
    width: 100%
}

.ticket-info {
    align-items: stretch;
    display: flex;
    justify-content: space-between
}

.ticket-info__row {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    gap: .7142857143rem;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 1.4285714286rem
}

.ticket-info__row span:first-child {
    color: var(--color-desc2)
}

.ticket-info__row span:last-child {
    font-weight: 500
}

.ticket-info__row:last-child {
    margin-bottom: 0
}

.ticket-info__row:last-child span:last-child {
    font-weight: 400
}

.ticket-info__right {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ticket-info__right .btn {
    font-size: 1rem;
    font-weight: 400;
    padding: 0;
    text-align: right
}

.ticket-info__right .btn,.ticket-info__right .btn:hover {
    background: transparent;
    border: none;
    color: #ff5044;
    height: auto;
    width: auto
}

.ticket-info__right .btn:hover {
    opacity: .6
}

.ticket-status {
    align-items: center;
    border-radius: 1.2142857143rem;
    color: var(--cs);
    display: flex;
    font-size: 1rem;
    justify-content: center;
    min-height: 2.4285714286rem;
    min-width: 5.7142857143rem;
    overflow: hidden;
    padding: 0 .8571428571rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
    word-break: normal
}

.ticket-status:before {
    background: var(--cs);
    content: "";
    height: 100%;
    left: 0;
    opacity: .16;
    position: absolute;
    top: 0;
    width: 100%
}

.ticket-status--1 {
    --cs: #3ccb7f
}

.ticket-status--2 {
    --cs: #ff9f6c
}

.ticket-status--3 {
    --cs: #ff6c6c
}

.ticket-title {
    margin: 10rem auto 0;
    max-width: 54.2857142857rem;
    position: relative;
    z-index: 1
}

.ticket-title__back {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 500;
    gap: .7142857143rem;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - .03571rem));
    z-index: 2
}

body:not(.light) .ticket-title__back {
    color: #fff
}

body.light .ticket-title__back {
    color: #667085
}

.ticket-title__back [fill-opacity] {
    fill-opacity: 1
}

body:not(.light) .ticket-title__back [fill] {
    fill: #3a3a41
}

body.light .ticket-title__back [fill] {
    fill: #98a2b3
}

.ticket-title .pm-header-title {
    margin: 0!important;
    pointer-events: none
}

.ticket {
    align-items: flex-start;
    -webkit-backdrop-filter: blur(.2857142857rem);
    backdrop-filter: blur(.2857142857rem);
    background: var(--color-bg-box-7);
    border-radius: .5714285714rem;
    color: var(--color-title);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 3.4285714286rem auto 0;
    max-width: 54.2857142857rem;
    width: 100%
}

body:not(.light) .ticket {
    border: .0714285714rem solid transparent
}

body.light .ticket {
    border: .0714285714rem solid #d0d5dd
}

.ticket__left {
    border-radius: .5714285714rem;
    padding: 1.5714285714rem;
    width: 100%
}

body:not(.light) .ticket__left {
    background: rgba(26,28,32,.3)
}

body.light .ticket__left {
    background: #ece9fe
}

.ticket__right {
    border-radius: .5714285714rem;
    flex-grow: 1;
    margin-left: 0;
    padding: 1.5714285714rem;
    width: 100%
}

.ticket__messages,.ticket__right {
    display: flex;
    flex-direction: column
}

.ticket__messages {
    align-items: center;
    height: 100%;
    justify-content: flex-start;
    margin-bottom: 1.5714285714rem;
    max-height: 25.25rem;
    min-height: 25.25rem;
    overflow-y: scroll;
    scrollbar-width: thin
}

body:not(.light) .ticket__messages {
    scrollbar-color: var(--color-main) #2c2a3d
}

body.light .ticket__messages {
    scrollbar-color: var(--color-main) #efefef
}

.ticket__messages::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.ticket__messages::-webkit-scrollbar-thumb {
    background-color: var(--color-main);
    border-radius: .625rem
}

.ticket__messages::-webkit-scrollbar-track,body:not(.light) .ticket__messages::-webkit-scrollbar-track {
    background-color: #2c2a3d
}

body.light .ticket__messages::-webkit-scrollbar-track {
    background-color: #efefef
}

.ticket__message .input__box {
    background: var(--color-bg-box-8)!important;
    border: none!important;
    border-radius: .2857142857rem
}

.ticket__message .input__box .input__value {
    padding: 0
}

.ticket__message .input__box .input__section {
    padding: 0!important
}

.ticket__message .input__box .input__section .btn {
    background: transparent;
    border: none;
    color: #ff5044;
    font-size: 1rem;
    font-weight: 500;
    height: auto;
    padding: 0 1.7142857143rem;
    text-align: right;
    width: auto
}

.ticket__message .input__box .input__section .btn:hover {
    background: transparent;
    border: none;
    color: #ff5044;
    height: auto;
    opacity: .6;
    width: auto
}

.ticket__message .input__box .input__section--left .btn {
    padding: 0 1rem
}

.ticket__message .input__box .input__section--right .btn {
    color: var(--color-main);
    padding: 0 1rem
}

.ticket__message-info {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: .75rem 1rem
}

.ticket__message-size {
    font-size: .875rem
}

.ticket__message-btns {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: flex-end
}

.ticket-attachment {
    transform: rotate(45deg);
    transform-origin: center center 0
}

.light .message__text {
    color: #fff
}

.message {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 1.7142857143rem;
    width: 100%
}

.message:last-child {
    margin-bottom: 0
}

.message--support {
    align-items: flex-start
}

.message--support .message__control,.message--support .message__info {
    flex-direction: row-reverse
}

body:not(.light) .message--support .message__wrapper {
    background: rgba(26,28,32,.3)
}

body.light .message--support .message__wrapper {
    background: #ece9fe
}

.message--hided .message__wrapper {
    opacity: .3
}

.message__info {
    align-items: center;
    color: rgba(236,233,254,.2);
    display: flex;
    display: none;
    flex-direction: row;
    font-size: .7142857143rem;
    gap: .4285714286rem;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: .4285714286rem
}

.message__info span {
    color: rgba(236,233,254,.5);
    font-size: .8571428571rem
}

.message__wrapper {
    background: rgba(138,108,255,.32);
    border-radius: .4285714286rem;
    max-width: 28.5714285714rem;
    padding: .8571428571rem
}

.message__body {
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap
}

.message__date {
    align-items: center;
    color: var(--color-desc2);
    display: flex;
    font-size: .8571428571rem;
    font-weight: 400;
    gap: .2857142857rem;
    justify-content: flex-end;
    line-height: 1;
    margin-top: .4285714286rem;
    opacity: .6;
    text-align: right
}

.message__date svg {
    display: none;
    height: 1.0714285714rem;
    min-width: 1.0714285714rem;
    opacity: 0;
    width: 1.0714285714rem
}

.message__date svg path {
    fill: #7959f6
}

.message__date--checked svg {
    display: initial;
    opacity: 1
}

.message__image {
    cursor: pointer;
    display: block;
    max-height: 71.4285714286rem;
    max-width: 13.5714285714rem;
    min-height: 1.4285714286rem;
    width: 100%
}

.image-preview {
    align-items: center;
    background: rgba(0,0,0,.85);
    cursor: pointer;
    display: flex;
    height: calc(100vh - 5.71429rem);
    justify-content: center;
    left: 0;
    padding: 1rem;
    position: fixed;
    top: 5.7142857143rem;
    width: 100%;
    z-index: 999999999
}

.image-preview img {
    border-radius: 0;
    max-height: calc(100vh - 7.71429rem);
    max-width: calc(100vw - 2rem);
    width: auto
}

.support-status {
    align-items: center;
    border-radius: .2142857143rem;
    display: flex;
    font-size: 1rem;
    justify-content: center;
    min-height: 2.2857142857rem;
    min-width: 5.7142857143rem;
    overflow: hidden;
    padding: 0 .2857142857rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
    word-break: normal
}

.support-status:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: .14;
    position: absolute;
    top: 0;
    width: 100%
}

.support-status--0 {
    color: #ff6c6c
}

.support-status--0:before {
    background: #ff6c6c
}

.support-status--1 {
    color: var(--color-main)
}

.support-status--1:before {
    background: var(--color-main)
}

.support-status--2 {
    color: #ff9f6c
}

.support-status--2:before {
    background: #ff9f6c
}

.ticket-images {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: .5rem
}

.ticket-images__item {
    background: #0a090f;
    border-radius: .2142857143rem;
    cursor: pointer;
    height: 3.8rem;
    position: relative;
    width: 3.8rem
}

.ticket-images__remove {
    align-items: center;
    background: rgba(255,0,0,.4);
    border-radius: .2142857143rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .7142857143rem;
    height: 1rem;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem
}

.ticket-images img {
    height: 100%;
    width: 100%
}

.settings-menu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.settings-menu__item {
    flex-grow: 1
}

.settings-menu__link {
    background-color: #fff;
    border-radius: 1.7857142857rem;
    display: block;
    font-size: .875rem;
    padding: 1rem .5rem;
    text-align: center;
    text-transform: capitalize;
    transition-duration: .25s;
    transition-property: color,background-color
}

.settings-menu__link--active {
    background-color: #f2d082;
    color: #000
}

.settings-menu__link:hover:not(.settings-menu__link--active) {
    background-color: #f0f2f4;
    color: #000
}

.settings-box {
    background-color: #fff;
    border-radius: 1.7857142857rem;
    margin-bottom: 1rem;
    padding: 1rem
}

.settings-box--p {
    padding: 1rem
}

.settings-box__title {
    color: var(--color-title);
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 1rem;
    position: relative
}

.settings-box__desc {
    color: var(--color-desc);
    font-size: .875rem;
    margin-bottom: 1rem;
    max-width: 50rem
}

.settings-box__desc--small {
    font-size: .875rem;
    margin-bottom: .5rem;
    max-width: none
}

.settings-box__desc--center {
    text-align: center
}

.settings-box__noty {
    background-color: rgba(138,108,255,.14);
    border-radius: .2857142857rem;
    color: #8a6cff;
    font-size: 1.1428571429rem;
    font-weight: 500;
    margin-bottom: 1rem;
    padding: .9285714286rem
}

.settings-box__noty span {
    align-items: center;
    display: flex;
    gap: .7142857143rem;
    justify-content: flex-start
}

.settings-box__noty span svg {
    min-width: 1.4285714286rem
}

.settings-box__noty--red {
    background-color: rgba(241,89,93,.1);
    color: var(--color-red)
}

.settings-box>.btn {
    margin-bottom: 2rem
}

.settings-v-form {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem
}

.settings-v-form>:not(.btn) {
    width: 100%
}

.settings-shoulder {
    border: .0714285714rem solid #f2d082;
    border-radius: .8571428571rem;
    color: #000;
    font-size: .75rem;
    line-height: 1;
    margin-left: .5rem;
    padding: .25rem;
    position: relative;
    top: -.2142857143rem
}

.settings-password-form {
    margin: 0 auto 2rem;
    max-width: 28.75rem
}

.settings-v2-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
    min-height: 2.5rem
}

.settings-whitelist-form {
    align-items: flex-start;
    border: .0714285714rem solid #d7dbdf;
    border-radius: 1.7857142857rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: 1rem;
    min-height: 5.75rem;
    padding: 1rem;
    position: relative
}

.settings-whitelist-form>:not(.btn) {
    width: 100%
}

.settings-whitelist-form .btn {
    min-width: 6rem
}

.settings-table {
    margin-bottom: 2rem
}

.light .settings-hr {
    background: #f6f6f7
}

.settings-hr {
    background: #16151f;
    height: .1428571429rem;
    margin-bottom: 2rem;
    width: 100%
}

.u2fa-status {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem
}

.u2fa-status span {
    display: block
}

.u2fa-status span:last-child {
    align-items: center;
    border-radius: 1.7857142857rem;
    display: flex;
    margin-right: 1.5rem;
    padding: .5rem 1rem;
    position: relative;
    transition: color .25s
}

.u2fa-status span:last-child:before {
    border-radius: 50%;
    content: "";
    height: .375rem;
    margin-right: .5rem;
    transition: background-color .25s;
    width: .375rem
}

.u2fa-status--red span:last-child {
    background-color: rgba(240,82,71,.1);
    color: #f05247
}

.u2fa-status--red span:last-child:before {
    background-color: #f05247
}

.u2fa-status--green span:last-child {
    background-color: rgba(70,190,86,.1);
    color: #4aa657
}

.u2fa-status--green span:last-child:before {
    background-color: #4aa657
}

.u2fa-box {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem
}

.u2fa-box__left {
    border: .0714285714rem solid #252426;
    display: block;
    height: 17rem;
    margin: 0 auto;
    overflow: hidden;
    width: 17rem
}

.u2fa-box__left img {
    display: block;
    width: 100%
}

.section--verification .section__box {
    max-width: 90rem;
    padding: 0
}

.section--verification .section__row {
    padding: 1.5rem 0 3.5rem
}

.verification {
    margin: 0 auto
}

.verification__right {
    display: flex;
    flex-direction: column
}

.verification-menu {
    counter-reset: listCount;
    display: block;
    flex-basis: 17.5rem;
    margin-right: 3.5rem;
    min-width: 17.5rem;
    padding-top: 3rem
}

.verification-menu__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    margin-bottom: 1rem;
    position: relative;
    transition: all .3s;
    z-index: 1
}

.verification-menu__item img {
    margin-left: .3rem
}

.verification-menu__item:before {
    background-color: #e3e3e8;
    border-radius: 50%;
    color: #9b9bab;
    content: "?";
    font-size: .75rem;
    font-weight: 500;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-right: 1rem;
    text-align: center;
    transition: all .3s;
    width: 1.5rem
}

.verification-menu__item:after {
    background-color: #e3e3e8;
    content: "";
    height: 2.5rem;
    left: .6875rem;
    position: absolute;
    top: 50%;
    width: .0714285714rem;
    z-index: -1
}

.verification-menu__item:last-child:after {
    display: none
}

.verification-menu__item--active {
    color: #000
}

.verification-menu__item--active:before {
    background-color: #fff;
    box-shadow: 0 .1428571429rem .1428571429rem rgba(0,0,0,.1);
    color: #000
}

.verification-menu__item:hover {
    color: #000
}



.verification-menu__item--error:after {
    background-color: #f05247
}



.verification-menu__item--approved:after {
    background-color: #22b442
}



.light .verification-result:before {
    background: url(../images/profile/vr-box-light-min.webp) no-repeat;
    background-size: 100% 100%
}

.verification-result {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 23rem;
    position: relative;
    text-align: left
}

.verification-result:before {
    background: url(../images/profile/vr-box-dark-min.webp) no-repeat;
    background-size: 100% 100%;
    bottom: -2.5rem;
    content: "";
    height: 26.1428571429rem;
    opacity: 1;
    position: absolute;
    right: -2.5rem;
    width: 51.6428571429rem;
    z-index: 0
}

.verification-result__icon {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 2.5714285714rem;
    justify-content: center;
    margin-bottom: 1.2857142857rem;
    position: relative;
    width: 2.5714285714rem;
    z-index: 1
}

.verification-result__icon img {
    display: block;
    height: 2.2857142857rem;
    width: 2.2857142857rem
}

.verification-result__icon svg {
    display: block;
    height: 2.5714285714rem;
    width: 2.5714285714rem
}

.verification-result__title {
    color: var(--color-title);
    font-size: 1.7142857143rem;
    font-weight: 500;
    margin-bottom: 2rem;
    max-width: 25.5714285714rem;
    position: relative;
    z-index: 1.2
}

.verification-result__desc {
    color: var(--color-desc2);
    font-size: 1.1428571429rem;
    font-weight: 400;
    position: relative;
    word-break: break-all;
    z-index: 1
}

.verification-result--error .verification-result__icon {
    background-color: #f05247
}

.verification-result--check .verification-result__icon {
    background-color: #ffb800
}

.verification-box {
    background-color: #fff;
    padding: 2rem 1rem
}

.verification-box__title {
    color: #fff;
    margin-bottom: 1.5rem
}

.verification-box__desc {
    color: #e7e7e7;
    margin-bottom: 1.5rem;
    text-align: center
}

.verification-box__btns {
    text-align: center
}

.verification-box__back {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .75rem;
    margin-bottom: 1rem
}

.verification-box__back:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 1.5rem;
    margin-right: .75rem;
    transform: rotate(180deg);
    width: 1.5rem
}

.verification-info {
    font-size: .75rem;
    margin-bottom: 1.5rem;
    padding: 0 1rem
}

.verification-info__title {
    color: #9b9bab;
    font: 400 .75rem Inter,arial,sans-serif;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.verification-info__desc {
    color: #565661;
    font-size: .75rem
}

.verification-info__btns {
    display: flex;
    gap: .5rem;
    margin: 0 -1rem -.5rem -.25rem;
    overflow: auto;
    padding-top: 1rem
}

.verification-btn {
    align-items: center;
    background-color: #fff;
    border-radius: 1.7857142857rem;
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.05);
    color: #000;
    display: flex;
    font-size: .75rem;
    justify-content: center;
    margin: 0;
    min-width: 6.9375rem;
    padding: 1rem
}

.verification-btn svg>* {
    fill: #757575
}

.verification-docs-title {
    color: var(--color-title);
    font-size: 1.1428571429rem
}

.verification-docs-desc {
    color: var(--color-desc2);
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%
}

.verification-docs-desc>* {
    margin-bottom: 1rem
}

.verification-docs-desc>:last-child {
    margin-bottom: 0
}

.verification-docs-desc b {
    color: var(--color-desc22);
    font-weight: 400
}

.verification-docs-desc--red {
    color: var(--color-red)
}

.verification-docs-desc--mb20 {
    margin-bottom: 1.4285714286rem;
    margin-top: 0
}

.verification-docs {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem
}

.verification-docs__item {
    align-items: center;
    border: .0714285714rem solid #252426;
    border-radius: 1.7857142857rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: .875rem;
    height: 100%;
    margin-bottom: .5rem;
    padding: .5rem;
    position: relative;
    width: 100%
}

.verification-docs__item:last-child {
    margin-right: 0
}

.verification-docs__item svg {
    filter: drop-shadow(.1428571429rem .1428571429rem .1428571429rem hsla(0deg,0%,0%,.1));
    margin-right: 1rem;
    position: relative;
    z-index: 1
}

.verification-docs__item--active {
    border-color: #fd6956;
    color: #fd6956
}

.verification-docs__item--active:after {
    background-color: #fd6956;
    content: "";
    height: 100%;
    left: 0;
    opacity: .05;
    position: absolute;
    top: 0;
    width: 100%
}

.verification-docs__item--active svg {
    filter: drop-shadow(.1428571429rem .1428571429rem .1428571429rem hsla(214deg,92%,41%,.08))
}

.verification-docs__item--active svg .stroke {
    stroke: #fd6956
}

.verification-docs__item--active svg .fill {
    fill: #fd6956
}

.verification-docs__name {
    position: relative;
    z-index: 1
}

.verification-docs-upload {
    width: 100%
}

.verification-docs-upload__item {
    align-items: center;
    background: var(--color-bb-24);
    border-radius: .5714285714rem;
    cursor: pointer;
    display: flex;
    gap: .7142857143rem;
    justify-content: flex-start;
    margin-bottom: 1.2857142857rem;
    max-width: 28.7857142857rem;
    overflow: hidden;
    padding: 1.7142857143rem 1.5714285714rem;
    position: relative;
    width: 100%
}

.verification-docs-upload__item:last-child {
    margin-bottom: 0
}

.verification-docs-upload__item:hover:not(.verification-docs-upload__item--uploaded):not(.verification-docs-upload__item--uploading) {
    opacity: .9
}

.verification-docs-upload__item--drop {
    opacity: .5
}

.verification-docs-upload__item--uploaded {
    margin-bottom: 0
}

.verification-docs-upload__name {
    color: var(--color-desc21);
    font-size: 1rem;
    line-height: 1;
    margin-bottom: .7142857143rem
}

.verification-docs-upload__name span {
    color: var(--color-main);
    font-weight: 500
}

.verification-docs-upload__desc {
    color: var(--color-desc21);
    font-size: .8571428571rem;
    line-height: 1
}

.verification-docs-upload__preview {
    position: relative
}

.verification-docs-upload__preview img {
    background: var(--color-bg-box-1);
    display: block;
    font-size: .5rem;
    max-height: 6.25rem;
    max-width: 100%
}

.verification-docs-upload__uploading {
    background-color: rgba(255,106,86,.07);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.verification-docs-upload__uploaded {
    align-items: center;
    color: var(--color-main);
    display: flex;
    font-size: 1rem;
    gap: .5714285714rem;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 1.2857142857rem;
    margin-top: .8571428571rem
}

.verification-docs-upload__uploaded:last-child {
    margin-bottom: 0
}

.verification-docs-upload__remove {
    cursor: pointer
}

.verification-form__body {
    min-height: 18.2142857143rem
}

.verification-form__body>* {
    margin-bottom: 2.2857142857rem
}

.verification-form__body>:last-child {
    margin-bottom: 0
}

.verification-form__footer {
    align-items: center;
    display: flex;
    gap: .7142857143rem;
    justify-content: flex-start;
}

.verification-form__footer>* {
    margin-bottom: 0
}

.verification-form__footer .btn span {
    align-items: center;
    display: flex;
    font-size: 1.1428571429rem;
    gap: .7142857143rem;
    justify-content: center;
    line-height: 1
}

.verification-form__footer .btn--c-transparent {
    padding: 0 1.0714285714rem
}

body:not(.light) .verification-form__footer .btn--c-transparent {
    color: #fff
}

body.light .verification-form__footer .btn--c-transparent {
    color: #344054
}

body:not(.light) .verification-form__footer .btn--c-transparent svg [fill] {
    fill: #3a3a41
}

body.light .verification-form__footer .btn--c-transparent svg [fill] {
    fill: #98a2b3
}

.verification-form__footer .btn--c-main {
    padding: 0 1.4285714286rem
}

body.light .verification-form__footer .btn--c-main svg [fill],body:not(.light) .verification-form__footer .btn--c-main svg [fill] {
    fill: hsla(0,0%,100%,.6)
}

body.light .verification-form__footer .btn--c-main:hover svg [fill],body:not(.light) .verification-form__footer .btn--c-main:hover svg [fill] {
    fill: #7a5af8
}

.verification-form__row {
    align-items: flex-end;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: space-between
}

.verification-form__row>* {
    margin-bottom: 0;
    width: 100%
}

.verification-form__radiobox {
    align-items: center;
    display: flex;
    gap: 2.4285714286rem;
    justify-content: flex-start
}

.verification-form__radiobox .checkbox {
    margin-bottom: 0
}

.verification-form__radiobox .checkbox__box {
    border-radius: .2142857143rem;
    height: 1.4285714286rem;
    min-width: 1.4285714286rem
}

.verification-form__radiobox .checkbox__label {
    color: var(--color-title);
    font-weight: 500;
    padding-left: .7142857143rem
}

.verification-form__label {
    color: var(--color-title);
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1.1428571429rem
}

.account {
    padding-left: 22.1428571429rem;
    padding-top: 5.7142857143rem;
    position: relative;
    transition: all .25s;
    z-index: 1
}

.account:after {
    background: var(--color-bb-23);
    content: "";
    height: .0714285714rem;
    width: 100vw;
    z-index: 4
}

.account:after,.account__sidebar {
    left: 0;
    position: fixed;
    top: 5.7142857143rem
}

.account__sidebar {
    background: var(--color-bg-main);
    border-right: .0714285714rem solid var(--color-bb-23);
    height: calc(100vh - 5.71429rem);
    max-width: 22.1428571429rem;
    transition: all .25s;
    width: 100%;
    z-index: 3
}

.account__body {
    min-height: 100vh;
    padding: 4.8571428571rem;
    position: relative;
    width: 100%;
    z-index: 2
}

.account__show-menu {
    align-items: center;
    display: none;
    justify-content: flex-end;
    margin-bottom: 1.7857142857rem;
    width: 100%
}

.account__show-menu--abs {
    position: absolute;
    top: .7142857143rem;
    z-index: 5
}

.account__show-menu-btn {
    border: .0714285714rem solid var(--border-color);
    border-radius: .4285714286rem;
    color: var(--color-title);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    padding: .7142857143rem 1.1428571429rem;
    text-align: center
}

.account .label--c-silver {
    color: var(--color-desc2);
    font-weight: 400
}

.account-menu {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.2857142857rem;
    transition: all .25s;
    width: 100%
}

.account-menu__bottom,.account-menu__top {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .2857142857rem;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    z-index: 3
}

.account-menu__row {
    align-items: center;
    background: transparent;
    border-radius: .5714285714rem;
    color: var(--color-title);
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 500;
    gap: .8571428571rem;
    justify-content: flex-start;
    line-height: 1;
    overflow: hidden;
    padding: .8571428571rem;
    white-space: nowrap;
    width: 100%
}

.account-menu__row,.account-menu__row span {
    transition: all .25s
}

.account-menu__row svg {
    min-width: 1.7142857143rem;
    transition: all .25s;
    width: 1.7142857143rem
}

.account-menu__row svg [stroke] {
    transition: all .25s;
    stroke: var(--color-desc5)
}

.account-menu__row svg [fill] {
    transition: all .25s;
    fill: var(--color-desc5)
}

.account-menu__row svg [fill-opacity] {
    fill-opacity: 1
}

.account-menu__row svg [opacity] {
    opacity: 1
}

.account-menu__row--active,.account-menu__row:hover {
    background: rgba(138,108,255,.16);
    color: var(--color-main)
}

.account-menu__row--active svg [stroke],.account-menu__row:hover svg [stroke] {
    stroke: var(--color-main)
}

.account-menu__row--active svg [fill],.account-menu__row:hover svg [fill] {
    fill: var(--color-main)
}

.account-header {
    margin-bottom: 2.8571428571rem
}

.account-header__subtitle {
    color: var(--color-desc2);
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 1.0714285714rem
}

.account-header__title {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 1.7142857143rem;
    font-weight: 600;
    line-height: 1
}

.account-header__desc {
    color: var(--color-desc2);
    font-size: 1.1428571429rem;
    line-height: 1.2;
    margin-bottom: 3.1428571429rem;
    margin-top: 1.1428571429rem
}

.account-c-wallet {
    background: var(--color-main);
    border-radius: .5714285714rem;
    cursor: pointer;
    margin-bottom: 2.1428571429rem;
    padding: 2.5714285714rem 2.1428571429rem
}

.account-c-wallet__title {
    color: var(--color-bg-main);
    font-family: Inter,arial,sans-serif;
    font-size: 1.2857142857rem;
    font-weight: 700
}

.account-c-wallet__icon {
    margin-top: .4285714286rem
}

.a-hide-info {
    align-items: center;
    background: rgba(121,89,246,.12);
    border-radius: 1.2857142857rem;
    color: var(--color-main);
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .4285714286rem;
    justify-content: center;
    line-height: 1;
    padding: .5714285714rem .8571428571rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.a-hide-info [fill] {
    fill: var(--color-main)
}

.a-hide-info [stroke] {
    stroke: var(--color-main)
}

.a-hide-info--active {
    background: rgba(121,89,246,.03);
    color: var(--color-desc3)
}

.a-hide-info--active [fill] {
    fill: var(--color-desc5)
}

.a-hide-info--active [stroke] {
    stroke: var(--color-desc5)
}

.account-info {
    -webkit-backdrop-filter: blur(.7142857143rem);
    backdrop-filter: blur(.7142857143rem);
    background: var(--color-bg-box-18);
    border-radius: .5714285714rem;
    margin-bottom: 2.2857142857rem;
    overflow: hidden;
    padding: 2.2857142857rem
}

.account-info__top {
    align-items: center;
    display: flex;
    gap: 1.0714285714rem;
    justify-content: space-between;
    margin-bottom: 1.7142857143rem
}

.account-info__left {
    align-items: center;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: flex-start
}

.account-info__icon {
    background: var(--color-main);
    border-radius: 50%;
    height: 3.4285714286rem;
    min-width: 2.7142857143rem;
    width: 3.4285714286rem
}

.account-info__email,.account-info__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.account-info__email {
    color: var(--color-main);
    font-size: 1.7142857143rem;
    font-weight: 600;
    gap: .7142857143rem
}

.account-info__cols {
    align-items: flex-start;
    display: flex;
    gap: 5.1428571429rem;
    justify-content: flex-start;
    padding-left: 4.8571428571rem
}

.account-info__col {
    text-align: left
}

.account-info__col--link {
    cursor: pointer
}

.account-info__col--link .account-info__col-value {
    gap: .1428571429rem
}

.account-info__col--link .account-info__col-value:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 fill=%27none%27%3E%3Cpath fill=%27%2398A2B3%27 fill-rule=%27evenodd%27 d=%27M6.911 4.41a.833.833 0 0 1 1.179 0l5 5a.833.833 0 0 1 0 1.179l-5 5a.833.833 0 0 1-1.18-1.179L11.32 10 6.91 5.589a.833.833 0 0 1 0-1.179Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
    background-size: 100% 100%;
    content: "";
    height: 1.4285714286rem;
    width: 1.4285714286rem
}

.account-info__col-name {
    color: var(--color-desc8);
    font-size: 1rem;
    line-height: 1;
    margin-bottom: .8571428571rem
}

.account-info__col-value {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 500;
    gap: .4285714286rem;
    justify-content: flex-start;
    line-height: 1
}

.account-info__col-value .account-info-copy [fill] {
    fill: var(--color-desc19)
}

.account-info__col-value .account-info-copy [stroke] {
    stroke: var(--color-desc19)
}

.text-starts {
    font-size: 1.9285714286rem;
    height: 1.4285714286rem;
    line-height: 1;
    transform: translateY(.1428571429rem)
}

.account-info-copy {
    cursor: pointer
}

.account-info-copy svg {
    transform: translateY(.1428571429rem)
}

.account-info-status {
    align-items: center;
    display: flex;
    gap: .4285714286rem;
    justify-content: center
}

.account-info-status svg,.account-info-status svg [fill] {
    fill: transparent
}

.account-info-status--error svg [fill] {
    fill: #c55
}

.account-info-status--pending svg [fill] {
    fill: #ffb800
}

.account-info-status--complete svg [fill] {
    fill: #55cc80
}

.account-balance-header {
    align-items: stretch;
    display: flex;
    gap: 2.1428571429rem;
    justify-content: space-between;
    max-width: 102rem
}

.account-balance-header>.account-info {
    width: 100%
}

.account-balance-header>.account-c-wallet {
    min-width: 25.7142857143rem
}

.account-balance {
    align-items: center;
    border: .0714285714rem solid var(--border-color);
    border-radius: .5714285714rem;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: space-between;
    margin-bottom: 2.1428571429rem;
    padding: 2.5714285714rem
}

.account-balance__value {
    color: var(--color-title);
    font-size: 2.2857142857rem;
    font-weight: 600;
    margin-top: 1rem
}

.account-balance__right {
    align-items: center;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: center
}

.dropdown-menu {
    position: relative
}

.dropdown-menu__btn>* {
    width: 100%
}

.dropdown-menu__body {
    background-color: var(--color-bg-box-3);
    border-radius: .4285714286rem;
    box-shadow: 0 .25rem 1rem rgba(0,0,0,.1);
    margin-top: .5rem;
    opacity: 0;
    padding: 1rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    transition: opacity .25s;
    z-index: 99400
}

.dropdown-menu__row {
    border-bottom: .0714285714rem solid rgba(39,44,69,.2);
    cursor: pointer;
    display: block;
    font-size: .85rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    text-align: center
}

.dropdown-menu__row:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.dropdown-menu--active .dropdown-menu__body {
    opacity: 1;
    pointer-events: auto
}

.dropdown-menu--left .dropdown-menu__body {
    bottom: 0;
    left: 100%;
    margin-left: 0;
    margin-top: 0;
    right: auto;
    top: auto
}

.a-table-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.4285714286rem
}

.a-table-head__title {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif;
    font-size: 1.5714285714rem;
    font-weight: 600
}

.a-table-head__right {
    align-items: center;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: flex-end
}

.erow,.erow:hover {
    background: var(--color-bg-box-18)
}

.erow__c1 span {
    padding-left: 2.3571428571rem
}

.erow__c4 div {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.erow__c4 svg {
    transform: rotate(180deg);
    transition: all .25s
}

.erow>.erow__c4 svg {
    transform: rotate(0deg)
}

.balance-table__buttons {
    align-items: center;
    display: flex;
    gap: .7142857143rem;
    justify-content: flex-start
}

.balance-table__buttons--text {
    gap: 2rem
}

.balance-change {
    align-items: center;
    display: flex;
    gap: .7142857143rem;
    justify-content: flex-end
}

.balance-change__edit {
    align-items: center;
    border: .0714285714rem solid var(--border-color);
    border-radius: .4285714286rem;
    color: var(--color-desc);
    cursor: pointer;
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 300;
    height: 1.5714285714rem;
    justify-content: center;
    line-height: 1;
    text-align: center;
    transition: all .25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5714285714rem
}

.balance-change__edit span {
    transform: translateY(-.0714285714rem)
}

.balance-change__edit:hover {
    border: .0714285714rem solid var(--color-main);
    color: var(--color-main);
    opacity: .4
}

.balance-value {
    max-width: 18.75rem;
    text-align: left
}

.balance-value__main {
    color: var(--color-title);
    width: 100%
}

.balance-value__equivalent,.balance-value__main {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.balance-value__equivalent {
    color: var(--color-desc);
    font-size: .8571428571rem
}

.balance-value--large .balance-value__main {
    font-size: .875rem
}

.balance-value--zero .balance-value__main {
    color: var(--color-desc3)
}

.balance-customize {
    position: relative
}

.balance-customize__btn {
    align-items: center;
    color: var(--color-desc);
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    position: relative
}

.balance-customize__btn svg {
    animation: WPi2 3s linear infinite;
    animation-play-state: paused
}

@keyframes WPi2 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.balance-customize__btn:before {
    background-color: var(--color-main);
    border-radius: 50%;
    content: "";
    height: .5rem;
    left: 1.5rem;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%);
    transition: opacity .25s;
    width: .5rem
}

.balance-customize__btn--active:before {
    opacity: 1
}

.balance-customize__body {
    background-color: var(--color-bg-box-3);
    border-radius: .4285714286rem;
    box-shadow: 0 .25rem 1rem rgba(0,0,0,.1);
    margin-top: .5rem;
    min-width: 13.125rem;
    opacity: 0;
    padding: 1rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    transition: opacity .25s;
    z-index: 400
}

.balance-customize__row {
    align-items: center;
    border-bottom: .0714285714rem solid rgba(39,44,69,.2);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    width: auto
}

.balance-customize__row:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.balance-customize__row .checkbox {
    margin-bottom: 0
}

.balance-customize__name {
    color: var(--color-title);
    cursor: pointer;
    font-size: .75rem;
    line-height: 1rem
}

.balance-customize__value .checkbox {
    flex-direction: row-reverse
}

.balance-customize--active .balance-customize__body {
    opacity: 1;
    pointer-events: auto
}

.w-form {
    align-items: flex-end;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: space-between;
    margin-bottom: 2.8571428571rem
}

.w-form .sl-currency__name {
    font-weight: 500
}

.w-form--stretch {
    align-items: stretch
}

.w-form--start {
    align-items: flex-start
}

.w-form__left {
    width: 50%
}

.w-form__left>* {
    margin-bottom: 0;
    margin-top: 1.7142857143rem
}

.w-form__left>:first-child {
    margin-top: 0
}

.w-form__left>.btn {
    margin-top: 1.1428571429rem
}

.w-form__left>.btn:first-child {
    margin-top: 0
}

.w-form__right {
    width: 50%
}

.w-form__right>* {
    margin-bottom: 0;
    margin-top: 1.7142857143rem
}

.w-form__right>:first-child {
    margin-top: 0
}

.w-form__right>.btn {
    margin-top: 1.1428571429rem
}

.w-form__right>.btn:first-child {
    margin-top: 0
}

.w-form-noty {
    border: .0714285714rem solid var(--border-color);
    border-radius: .4285714286rem;
    color: var(--color-desc);
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5714285714rem;
    padding: 2.8571428571rem 2.1428571429rem
}

.w-form-noty b {
    color: var(--color-title)
}

.deposit-box__title {
    color: var(--color-desc15);
    font-size: 1.1428571429rem;
    line-height: 1;
    margin-bottom: 1.2857142857rem
}

.deposit-box__row {
    align-items: flex-start;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: flex-start
}

.deposit-box__qr {
    background: #fdfdfd;
    height: 9rem;
    min-width: 9rem;
    width: 9rem
}

.deposit-box__info,.deposit-box__qr img {
    width: 100%
}

.deposit-box__address {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 2.4285714286rem;
    width: 100%
}

.deposit-box__address>div:first-child {
    color: var(--color-desc3);
    margin-bottom: .7142857143rem
}

.deposit-box__address>div:last-child {
    align-items: center;
    color: var(--color-title);
    cursor: pointer;
    display: flex;
    gap: .5714285714rem;
    justify-content: flex-start;
    word-break: break-all
}

.deposit-box__amount {
    align-items: center;
    display: flex;
    font-size: 1rem;
    gap: .7142857143rem;
    justify-content: space-between;
    margin-bottom: .7142857143rem;
    width: 100%
}

.deposit-box__amount>div:first-child {
    color: var(--color-desc3)
}

.deposit-box__amount>div:last-child {
    align-items: center;
    color: var(--color-title);
    cursor: pointer;
    display: flex;
    gap: .5714285714rem;
    justify-content: center;
    word-break: break-all
}

.deposit-box__amount:last-child {
    margin-bottom: 0
}

.deposit-box__noty {
    background: var(--color-bg-box-20);
    border-radius: .2857142857rem;
    color: var(--color-desc3);
    line-height: 160%;
    margin-top: 1rem;
    padding: 1.0714285714rem
}

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

.deposit-qr__image {
    border-radius: .8571428571rem;
    display: block;
    max-width: 17.8571428571rem;
    width: 80%
}

.deposit-info__title {
    color: var(--color-desc);
    font-size: 1.1428571429rem;
    font-weight: 500;
    margin-bottom: .7142857143rem
}

.deposit-info__value {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-size: 1.4285714286rem;
    font-weight: 400;
    gap: .7142857143rem;
    justify-content: flex-start;
    word-wrap: anywhere
}

.deposit-info__copy {
    cursor: pointer
}

.deposit-info--small .deposit-info__title {
    font-size: 1.1428571429rem
}

.deposit-info--small .deposit-info__value {
    font-size: 1.4285714286rem
}

.w-form-box {
    border: .0714285714rem solid var(--border-color);
    border-radius: .4285714286rem;
    margin-bottom: 1.5714285714rem
}

.w-form-box__top {
    align-items: center;
    border-bottom: .0714285714rem solid var(--border-color);
    display: flex;
    justify-content: space-between;
    padding: 2.5714285714rem
}

.w-form-box__left {
    color: var(--color-title);
    font-size: 2.2857142857rem;
    font-weight: 500
}

.w-form-box__left span {
    font-size: 1.4285714286rem;
    font-weight: 400
}

.w-form-box__bottom {
    flex-direction: column;
    gap: 2rem;
    padding: 2.5714285714rem
}

.w-form-box__bottom,.w-form-box__info {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.w-form-box__info {
    color: var(--color-desc);
    line-height: 1.6
}

.w-form-box__info:before {
    background: var(--color-desc);
    border-radius: 50%;
    content: "";
    display: block;
    height: .3571428571rem;
    margin-right: .5714285714rem;
    min-width: .3571428571rem;
    transform: translateY(.7857142857rem);
    width: .3571428571rem
}

.w-form-box__info--main {
    color: var(--color-main)
}

.w-form-box__info--main:before {
    background: var(--color-main)
}

.d-verif {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    text-align: left
}

.d-verif__title {
    color: var(--color-title);
    font-size: 1.1428571429rem;
    font-weight: 500;
    line-height: 1
}

.d-verif__desc {
    background: var(--color-bg-box-20);
    border-radius: .2857142857rem;
    color: var(--color-desc3);
    font-size: 1rem;
    line-height: 160%;
    margin-top: 1.2857142857rem;
    padding: 1.0714285714rem 1.1428571429rem
}

.d-verif__desc .link {
    color: var(--color-desc3);
    text-decoration: underline
}

.d-verif__btns {
    margin-top: 1.7142857143rem
}

.d-verif__btns .btn {
    margin: 0
}

.amount-transfer {
    font-size: 1.2857142857rem
}

.amount-transfer span {
    color: var(--color-title)
}

.account-noty {
    align-items: center;
    background: var(--color-main);
    border-radius: .5714285714rem;
    color: var(--color-bg-main);
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.1428571429rem;
    padding: 1.4285714286rem 2rem
}

.account-noty__title {
    align-items: center;
    display: flex;
    font-family: Inter,arial,sans-serif;
    font-size: 1.2857142857rem;
    font-weight: 700;
    gap: .7142857143rem;
    justify-content: flex-start;
    word-break: break-word
}

.account-noty__title svg {
    min-width: 1.7142857143rem
}

.account-noty__desc {
    margin-top: .4285714286rem
}

.account-noty--trans {
    background: transparent;
    border: .0714285714rem dashed var(--border-color);
    color: var(--color-desc)
}

.account-noty--trans .account-noty__title {
    color: var(--color-title);
    font-family: Inter,arial,sans-serif
}

.light .u-settings-row__icon svg,.light .u-settings-row__icon svg path {
    stroke: #fff
}

.u-settings-row {
    border-bottom: .0714285714rem dashed var(--border-color36);
    margin-bottom: 1.7142857143rem;
    max-width: 62.1428571429rem;
    padding-bottom: 1.7142857143rem
}

.u-settings-row:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.u-settings-row__name {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-size: 1.2857142857rem;
    font-weight: 500;
    gap: .5714285714rem;
    justify-content: flex-start;
    margin-bottom: 1.7142857143rem
}

.u-settings-row__desc {
    color: var(--color-desc2);
    line-height: 160%;
    margin-bottom: 2.2857142857rem
}

.u-settings-row__status {
    align-items: center;
    color: var(--color-desc3);
    display: flex;
    justify-content: center
}

.u-settings-row__btns {
    align-items: center;
    display: flex;
    gap: 1.7142857143rem;
    justify-content: flex-start
}

.u-settings-row__btns .btn {
    width: 7.2142857143rem
}

.m-statuses {
    gap: 2.1428571429rem
}

.m-statuses,.m-statuses__list {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.m-statuses__list {
    flex-direction: column;
    gap: .7142857143rem;
    max-width: 15.7142857143rem;
    width: 100%
}

.m-statuses__item {
    align-items: center;
    border-radius: .4285714286rem;
    cursor: pointer;
    display: flex;
    font-size: 1.2857142857rem;
    gap: .4285714286rem;
    justify-content: flex-start;
    padding: .7142857143rem 1.4285714286rem;
    transition: all .25s;
    width: 100%
}

.m-statuses__item--active,.m-statuses__item:hover {
    width: 105%
}

.m-statuses__item:hover:not(.m-statuses__item--current):not(.m-statuses__item--submitted):not(.m-statuses__item--error) {
    background: rgba(255,106,86,.08)
}

.m-statuses__item--active:not(.m-statuses__item--current):not(.m-statuses__item--submitted):not(.m-statuses__item--error) {
    background: rgba(255,106,86,.08);
    color: #7959f6
}

.m-statuses__item--active:not(.m-statuses__item--current):not(.m-statuses__item--submitted):not(.m-statuses__item--error) svg path {
    stroke: #7959f6
}

.m-statuses__item--current {
    background: rgba(85,204,128,.08);
    color: #55cc80
}

.m-statuses__item--current svg path {
    stroke: #55cc80
}

.m-statuses__item--submitted {
    background: rgba(255,184,0,.08);
    color: #ffb800
}

.m-statuses__item--submitted svg path {
    stroke: #ffb800
}

.m-statuses__item--error {
    background: rgba(241,89,93,.08);
    color: #f1595d
}

.m-statuses__item--error svg path {
    stroke: #f1595d
}

.m-statuses__info {
    width: 100%
}

.m-statuses__title {
    color: var(--color-title);
    font-size: 1.4285714286rem;
    font-weight: 500;
    margin-bottom: .7142857143rem
}

.m-statuses__desc {
    color: var(--color-desc);
    font-size: 1rem;
    line-height: 160%;
    margin-bottom: 1.7857142857rem
}

.v-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.1428571429rem;
    position: relative;
    z-index: 1
}

.v-header__title {
    color: var(--color-title);
    font-size: 1.4285714286rem;
    font-weight: 500;
    line-height: 1
}

.v-header__close {
    align-items: center;
    color: var(--color-desc2);
    cursor: pointer;
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 400;
    gap: .7142857143rem;
    justify-content: flex-end;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.v-header__close [fill] {
    fill: var(--color-desc20)
}

.status-row {
    align-items: center;
    background: var(--color-bg-box-12);
    border: .0714285714rem solid var(--border-color4);
    border-radius: .2857142857rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .8571428571rem;
    padding: 1rem
}

.status-row>div:first-child {
    color: var(--color-desc3);
    padding: 0 .5rem
}

.status-row>div:last-child {
    color: var(--color-title)
}

.acc-balance {
    color: var(--color-desc2)
}

.acc-balance--large .acc-balance__title {
    font-size: 1.1428571429rem;
    margin-bottom: 1.7142857143rem
}

.acc-balance--large .acc-balance__value {
    font-size: 2.2857142857rem;
    font-weight: 600
}

.acc-balance--large .acc-balance__eq {
    color: var(--color-desc2);
    font-size: 1.1428571429rem;
    margin-top: 1rem
}

.acc-balance--small {
    color: var(--color-desc3)
}

.acc-balance--small .acc-balance__title {
    font-size: 1rem;
    margin-bottom: 1rem
}

.acc-balance--small .acc-balance__value {
    font-size: 1.2857142857rem;
    font-weight: 600
}

.acc-balance--small .acc-balance__eq {
    color: var(--color-desc3);
    font-size: 1.1428571429rem;
    margin-top: .7142857143rem
}

.acc-balance--menu .acc-balance__title {
    font-size: 1rem;
    margin-bottom: 1rem
}

.acc-balance--menu .acc-balance__value {
    font-size: 1.4285714286rem
}

.acc-balance--menu .acc-balance__eq {
    font-size: 1rem;
    margin-top: 1rem
}

.acc-balance__title {
    align-items: center;
    display: flex;
    font-size: 1.1428571429rem;
    gap: .3571428571rem;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 1.4285714286rem;
    white-space: nowrap
}

.acc-balance__title svg {
    cursor: pointer;
    height: 1.2142857143rem;
    width: 1.1428571429rem
}

.acc-balance__title--active svg [fill] {
    fill: #7959f6
}

.acc-balance__value {
    color: var(--color-title);
    font-size: 1.7142857143rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap
}

.acc-balance__eq {
    color: var(--color-desc8);
    font-size: 1rem;
    line-height: 1;
    margin-top: 1rem;
    white-space: nowrap
}

.acc-header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: .8571428571rem
}

.acc-header__title {
    color: var(--color-title);
    font-size: 1.7142857143rem;
    font-weight: 500
}

.acc-header__right {
    align-items: center;
    display: flex;
    gap: .5714285714rem;
    justify-content: flex-end
}

.acc-header__right .btn {
    padding: 0 1.2142857143rem
}

.acc-box-row {
    align-items: center;
    display: flex;
    gap: 1.4285714286rem;
    justify-content: flex-start;
    margin-bottom: 2.8571428571rem;
    max-width: 100%
}

.acc-box-row--g30,.acc-box-row--kyc {
    gap: 2.2857142857rem;
    max-width: 85.3571428571rem
}

.acc-box-row--g30 {
    align-items: flex-start
}

.acc-box {
    border-radius: .5714285714rem;
    min-width: 20rem;
    padding: 1.5rem;
    position: relative
}

.acc-box--full {
    width: 100%
}
.acc-box__block{
    display: flex;
    align-items: center;
    gap: 10px;
}
.acc-box--form>* {
    margin-bottom: 1.7142857143rem
}

.acc-box--form>:last-child {
    margin-bottom: 0
}

.acc-box--bg1 {
    background: var(--color-bg-box-18)
}

.acc-box--bg1,.acc-box--bg2 {
    -webkit-backdrop-filter: blur(.7142857143rem);
    backdrop-filter: blur(.7142857143rem)
}

body:not(.light) .acc-box--bg2 {
    background: rgba(3,3,3,.3)
}

body.light .acc-box--bg2 {
    background: #fbfaff
}

.acc-box--border {
    border: .0714285714rem solid
}

body:not(.light) .acc-box--border {
    border-width: .1428571429rem
}

body.light .acc-box--border {
    border-width: .0714285714rem
}

body:not(.light) .acc-box--border {
    border-color: #070707
}

body.light .acc-box--border {
    border-color: #d0d5dd
}

.acc-box--border3 {
    border: .0714285714rem solid
}

body:not(.light) .acc-box--border3 {
    border-width: .1428571429rem
}

body.light .acc-box--border3 {
    border-width: .0714285714rem
}

body:not(.light) .acc-box--border3 {
    border-color: #070707
}

body.light .acc-box--border3 {
    border-color: transparent
}

.acc-box--border2 {
    border: .0714285714rem solid
}

body:not(.light) .acc-box--border2 {
    border-color: #202025
}

body.light .acc-box--border2 {
    border-color: #d0d5dd
}

.acc-box--p20 {
    padding: 1.4285714286rem
}

.acc-box--sz340 {
    max-width: 24.2857142857rem;
    width: 100%
}

.acc-box--p30 {
    padding: 2.1428571429rem
}

.acc-box__name {
    color: var(--color-desc2);
    font-size: 1.1428571429rem;
    line-height: 1
}

.acc-box__value {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-size: 1.7142857143rem;
    font-weight: 700;
    gap: 1rem;
    justify-content: flex-start;
    line-height: 1;
    margin-top: 2.8571428571rem
}

.acc-box__chart {
    padding-right: 1.4285714286rem;
    padding-top: 2.1428571429rem;
    position: absolute;
    right: 0;
    top: 0
}

.acc-box__chart--red:before {
    background: url(../images/profile/ap-balance-change-red.png) no-repeat;
    background-size: 100% 100%
}

.acc-box__chart--green:before {
    background: url(../images/profile/ap-balance-change-green.png) no-repeat;
    background-size: 100% 100%
}

.acc-box__chart:before {
    content: "";
    height: 12.4285714286rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 13.1428571429rem;
    z-index: 0
}

.acc-box__chart-box {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.acc-box__chart-box svg {
    transform: scaleX(1.078)
}

.b-change {
    align-items: center;
    border-radius: .8571428571rem;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    height: 1.7142857143rem;
    justify-content: center;
    padding: 0 .5714285714rem
}

body:not(.light) .b-change {
    color: #fffb69
}

body.light .b-change {
    color: #ff9960
}

body:not(.light) .b-change {
    background: rgba(255,251,105,.14)
}

body.light .b-change {
    background: rgba(255,153,96,.14)
}

.b-change--red {
    background: rgba(238,67,56,.14) !important;
    color: var(--color-red) !important
}

.b-change--green {
    background: rgba(60,201,126,.13) !important;
    color: var(--color-green) !important
}

.pr-stat {
    color: var(--color-title);
    font-size: 1.1428571429rem;
    font-weight: 500;
    margin-bottom: 2.2857142857rem;
    margin-top: 3.2857142857rem
}

.pr-stat__row {
    align-items: center;
    display: flex;
    gap: .3571428571rem;
    justify-content: space-between;
    margin-bottom: 1.4285714286rem
}

.pr-stat__row:first-child {
    color: var(--color-desc8);
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 2.2857142857rem
}

.pr-stat__row:last-child {
    margin-bottom: 0
}

.pr-stat__col-1 {
    width: 9.2857142857rem
}

.pr-stat__col-2 {
    text-align: center;
    width: 3.5714285714rem
}

.pr-stat__col-3 {
    text-align: right;
    width: 9.2857142857rem
}

.pr-noty {
    align-items: center;
    background: var(--color-bg-box-14);
    border: .0714285714rem solid var(--border-color35);
    border-radius: .5714285714rem;
    display: flex;
    gap: 1.7142857143rem;
    justify-content: space-between;
    margin-bottom: .8571428571rem;
    overflow: hidden;
    padding: 1.2142857143rem 2.2142857143rem
}

.pr-noty:last-child {
    margin-bottom: 0
}

.pr-noty__icon,.pr-noty__icon img {
    max-width: 4.5714285714rem;
    min-width: 4.5714285714rem
}

.pr-noty__info {
    width: 100%
}

.pr-noty__name {
    color: var(--color-title);
    font-size: 1.4285714286rem;
    font-weight: 500;
    line-height: 1
}

.pr-noty__desc {
    color: var(--color-desc8);
    font-size: 1.1428571429rem;
    line-height: 1.1;
    margin-top: .8571428571rem
}

.pr-noty__btn {
    min-width: 6.7857142857rem;
    text-align: right
}

.pr-noty__btn .btn {
    display: inline-flex;
    width: 6.1428571429rem
}

.light .pr-noty2--bg1:before {
    background: url(../images/profile/pr-ref-light-min.webp);
    background-size: 100% 100%
}

.light .pr-noty2--bg2:before {
    background: url(../images/profile/pr-2fa-light-min.png);
    background-size: 100% 100%
}

.pr-noty2 {
    -webkit-backdrop-filter: blur(.7142857143rem);
    backdrop-filter: blur(.7142857143rem);
    background: var(--color-bg-box-18);
    border-radius: .5714285714rem;
    margin-bottom: 1.5rem;
    max-width: 38.5714285714rem;
    min-height: 10.7142857143rem;
    overflow: hidden;
    padding: 2.2857142857rem .7142857143rem 2.2857142857rem 10rem;
    width: 100%
}

.pr-noty2:last-child {
    margin-bottom: 0
}

.pr-noty2--bg1 {
    position: relative
}

.pr-noty2--bg1:before {
    background: url(../images/profile/pr-ref-dark-min.webp);
    background-size: 100% 100%;
    content: "";
    height: 10.7142857143rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 38.3571428571rem;
    z-index: 0
}

.pr-noty2--bg2 {
    position: relative
}

.pr-noty2--bg2:before {
    background: url(../images/profile/pr-2fa-dark-min.png);
    background-size: 100% 100%;
    content: "";
    height: 10.7142857143rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 38.3571428571rem;
    z-index: 0
}

.pr-noty2__name {
    color: var(--color-title);
    font-size: 1.4285714286rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    z-index: 1
}

.pr-noty2__desc {
    color: var(--color-desc2);
    line-height: 1.2;
    margin-top: .8571428571rem
}

.pr-noty2__btn,.pr-noty2__desc {
    font-size: 1.1428571429rem;
    position: relative;
    z-index: 1
}

.pr-noty2__btn {
    font-weight: 500;
    line-height: 1;
    margin-top: 1.2857142857rem
}

.kyc-list {
    max-height: 73vh;
    max-width: 31.4285714286rem;
    overflow: auto;
    scrollbar-color: var(--border-color) var(--color-bg-main);
    scrollbar-width: thin;
    width: 100%
}

.kyc-list::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.kyc-list::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: .625rem
}

.kyc-list::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.kyc-item {
    background: var(--color-bg-box-18);
    border-radius: .5714285714rem;
    cursor: pointer;
    margin-bottom: 2.2857142857rem;
    max-width: 31.4285714286rem;
    opacity: 1;
    padding: 1.4285714286rem 2.2857142857rem 2.2857142857rem;
    transition: all .25s;
    width: 100%
}

.kyc-item:hover {
    opacity: .9
}

.kyc-item:last-child {
    margin-bottom: 0
}

.kyc-item__top {
    align-items: center;
    display: flex;
    gap: .2857142857rem;
    justify-content: space-between
}

.kyc-item__middle {
    margin-top: 1.5rem
}

.kyc-item__desc {
    color: var(--color-desc10);
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 1
}

.kyc-item__name {
    font-size: 1.2857142857rem
}

.kyc-item__btn,.kyc-item__name {
    color: var(--color-title);
    font-weight: 500;
    line-height: 1
}

.kyc-item__btn {
    align-items: center;
    background: var(--color-bg-box-22);
    border: .0714285714rem solid;
    border-radius: .2857142857rem;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    gap: .2857142857rem;
    height: 2.5714285714rem;
    justify-content: center;
    min-width: 7.2142857143rem;
    padding: 0 .4285714286rem;
    transition: all .25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

body:not(.light) .kyc-item__btn {
    color: #fff
}

body.light .kyc-item__btn {
    color: #8a6cff
}

body:not(.light) .kyc-item__btn {
    background: #3a3a41
}

body.light .kyc-item__btn {
    background: rgba(138,108,255,.14)
}

body:not(.light) .kyc-item__btn {
    border-color: #3a3a41
}

body.light .kyc-item__btn {
    border-color: transparent
}

body:not(.light) .kyc-item__btn [stroke] {
    stroke: #fff
}

body.light .kyc-item__btn [stroke] {
    stroke: #8a6cff
}

body.light .kyc-item__btn--success,body:not(.light) .kyc-item__btn--success {
    color: var(--color-green)
}

body.light .kyc-item__btn--success,body:not(.light) .kyc-item__btn--success {
    background: rgba(60,203,127,.14)
}

body.light .kyc-item__btn--success,body:not(.light) .kyc-item__btn--success {
    border-color: transparent
}

body.light .kyc-item__btn--success [stroke],body:not(.light) .kyc-item__btn--success [stroke] {
    stroke: var(--color-green)
}

body.light .kyc-item__btn--warning,body:not(.light) .kyc-item__btn--warning {
    color: #ffb800
}

body.light .kyc-item__btn--warning,body:not(.light) .kyc-item__btn--warning {
    background: rgba(255,184,0,.14)
}

body.light .kyc-item__btn--warning,body:not(.light) .kyc-item__btn--warning {
    border-color: transparent
}

body.light .kyc-item__btn--warning [stroke],body:not(.light) .kyc-item__btn--warning [stroke] {
    stroke: #ffb800
}

body.light .kyc-item__btn--error,body:not(.light) .kyc-item__btn--error {
    color: var(--color-red)
}

body.light .kyc-item__btn--error,body:not(.light) .kyc-item__btn--error {
    background: rgba(240,68,56,.14)
}

body.light .kyc-item__btn--error,body:not(.light) .kyc-item__btn--error {
    border-color: transparent
}

body.light .kyc-item__btn--error [stroke],body:not(.light) .kyc-item__btn--error [stroke] {
    stroke: var(--color-red)
}

body.light .kyc-item__btn--active,body:not(.light) .kyc-item__btn--active {
    color: #8a6cff
}

body:not(.light) .kyc-item__btn--active {
    background: rgba(122,90,248,.14)
}

body.light .kyc-item__btn--active {
    background: transparent
}

body:not(.light) .kyc-item__btn--active {
    border-color: transparent
}

body.light .kyc-item__btn--active {
    border-color: #8a6cff
}

body.light .kyc-item__btn--active [stroke],body:not(.light) .kyc-item__btn--active [stroke] {
    stroke: #8a6cff
}

.kyc-item__bottom {
    align-items: center;
    color: var(--color-desc2);
    display: flex;
    font-size: 1.1428571429rem;
    gap: .2857142857rem;
    justify-content: space-between;
    line-height: 1;
    margin-top: 1.8571428571rem
}

.kyc-item__col-v span {
    color: var(--color-title)
}

.ap-api {
    max-width: 72.8571428571rem
}

.ap-api .account-header__title,.ap-api .settings-box__noty,.ap-api>.btn {
    margin-bottom: 1.7142857143rem
}

.ap-settings {
    max-width: 105.5rem
}

.ap-settings .account-header__title {
    margin-bottom: 2.8571428571rem;
    margin-top: 3.4285714286rem
}

.ap-settings .account-header__title:first-child {
    margin-top: 0
}

.s-row {
    align-items: center;
    background: var(--color-bg-box-18);
    border-radius: .2857142857rem;
    display: flex;
    gap: .7142857143rem;
    justify-content: space-between;
    margin-bottom: 1.1428571429rem;
    padding: 2.1428571429rem 2rem
}

.s-row:last-child {
    margin-bottom: 0
}

.s-row__name {
    color: var(--color-title);
    font-size: 1.1428571429rem;
    line-height: 1
}

.s-row__desc {
    color: var(--color-desc2);
    font-size: 1rem;
    line-height: 1;
    margin-top: .8571428571rem
}

.s-row__right .input,.s-row__right .select {
    max-width: 14.2857142857rem;
    width: 14.2857142857rem
}

.s-checkbox,.s-row__right .select--disabled {
    cursor: not-allowed;
    opacity: .5
}

.s-checkbox {
    align-items: center;
    background: #8a6cff;
    border-radius: 1.1428571429rem;
    display: flex;
    height: 2.2857142857rem;
    justify-content: flex-end;
    padding: .5rem;
    width: 3.7142857143rem
}

.s-checkbox__box {
    background: #ece9fe;
    border-radius: 50%;
    height: 1.2857142857rem;
    width: 1.2857142857rem
}

.s-box-list {
    align-items: stretch;
    display: flex;
    gap: 1.1428571429rem;
    justify-content: flex-start
}

.s-box {
    background: var(--color-bg-box-18);
    border-radius: .2857142857rem;
    max-width: 35.5714285714rem;
    padding: 2.1428571429rem 2rem
}

.s-box--s1 .s-box__name [stroke],.s-box--s2 .s-box__name [stroke] {
    stroke: #f2d082
}

.s-box__name {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 500;
    gap: .5714285714rem;
    justify-content: flex-start;
    line-height: 1
}

.s-box__name svg {
    height: 1.4285714286rem;
    min-width: 1.4285714286rem;
    width: 1.4285714286rem
}

.s-box__desc {
    color: var(--color-desc2);
    font-size: 1rem;
    line-height: 160%;
    margin-top: 1rem;
    min-height: 4.7857142857rem;
    padding-left: 2rem
}

.s-box__btns {
    margin-top: 2.2857142857rem;
    padding-left: 2rem
}

.ap-history {
    max-width: 101.0714285714rem
}

.ap-history .account-header__title {
    margin-bottom: 3rem
}

.text-link {
    align-items: center;
    color: #8a6cff;
    cursor: pointer;
    display: inline-flex;
    gap: .6428571429rem;
    justify-content: flex-start
}

.text-link:visited {
    color: #524099
}

.text-link:visited svg [fill] {
    fill: #524099
}

.text-link span {
    max-width: 11.4285714286rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-link svg {
    height: 1.2857142857rem;
    max-width: 1.2857142857rem;
    min-width: 1.2857142857rem
}

.text-copy {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: .6428571429rem;
    justify-content: flex-start
}

.text-copy>span {
    max-width: 7.1428571429rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-copy>svg {
    height: 1.2857142857rem;
    max-width: 1.2857142857rem;
    min-width: 1.2857142857rem
}

.text-copy>svg [fill] {
    fill: #8e8c98
}

.ap-codes .account-header__title {
    margin-bottom: 3.2857142857rem
}

.ap-codes .tabs {
    margin-bottom: 3.5714285714rem
}

.ap-codes .w-form {
    align-items: stretch;
    gap: 3.4285714286rem;
    margin-bottom: 4.8571428571rem;
    max-width: 63.0714285714rem
}

.ap-codes .w-form .ref-box2 {
    height: 100%;
    margin: 0;
    max-width: 28.5714285714rem;
    position: relative
}

.ap-codes .w-form .ref-box2 .link {
    color: var(--color-desc2)
}

.ap-codes .w-form .ref-box2 .ref-box2__title {
    max-width: 19.3571428571rem
}

body:not(.light) .ap-codes .w-form .ref-box2 .ref-box2__title {
    background: #fff;
    background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.5) 300%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ap-codes__table-t {
    margin-bottom: 1.7142857143rem!important
}

.ap-codes .table-box {
    max-width: 85rem
}

.uc-amounts {
    height: 4.8571428571rem;
    margin-top: 5rem
}

.uc-amounts__wrapper {
    bottom: 1.8571428571rem;
    position: absolute
}

.uc-amounts__row {
    align-items: center;
    display: flex;
    gap: .5714285714rem;
    justify-content: flex-start;
    margin-bottom: .5714285714rem
}

.uc-amounts__row:last-child {
    margin-bottom: 0
}

.uc-amounts__item {
    align-items: center;
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
    border: .0714285714rem solid hsla(0,0%,100%,.04);
    border-radius: .2857142857rem;
    color: var(--color-desc23);
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    height: 2.1428571429rem;
    justify-content: center;
    line-height: 1;
    padding: 0 1rem;
    white-space: nowrap
}

.uc-amounts__item,body:not(.light) .uc-amounts__item {
    background: hsla(0,0%,100%,.04)
}

body.light .uc-amounts__item {
    background: hsla(0,0%,100%,.7)
}

body:not(.light) .uc-amounts__item {
    border-color: hsla(0,0%,100%,.04)
}

body.light .uc-amounts__item {
    border-color: hsla(0,0%,100%,.7)
}

.ac-activated {
    -webkit-backdrop-filter: blur(1.0714285714rem);
    backdrop-filter: blur(1.0714285714rem);
    background: var(--color-bg-box-18);
    border: .1428571429rem solid var(--border-color16);
    border-radius: .5714285714rem;
    padding: 2.8571428571rem 2.1428571429rem
}

.ac-activated__title {
    color: var(--color-title);
    font-size: 1.5714285714rem;
    font-weight: 500;
    line-height: 1
}

body:not(.light) .ac-activated__title {
    background: #fff;
    background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.5) 300%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ac-activated__desc {
    color: var(--color-desc2);
    line-height: 1;
    margin-top: 1rem
}

.ac-activated__desc span {
    color: #8a6cff
}

.ap-exchange {
    max-width: 66.5714285714rem
}

.ap-exchange .account-header__title {
    margin-bottom: 2.8571428571rem
}

.ap-exchange__table-t {
    margin-bottom: 1.7142857143rem!important;
    margin-top: 4.7142857143rem
}

.ap-exchange .acc-box-row {
    margin-bottom: 0
}

.ap-exchange>.acc-box {
    margin-bottom: 1.8571428571rem;
    margin-top: 1.8571428571rem
}

.ap-withdraw {
    max-width: 86.8571428571rem
}

.ap-withdraw .account-header__title {
    margin-bottom: 2.8571428571rem
}

.ap-withdraw__table-t {
    margin-bottom: 1.7142857143rem!important;
    margin-top: 4.7142857143rem
}

.ap-withdraw .acc-box-row {
    margin-bottom: 0
}

.ap-balance .acc-header {
    margin-bottom: 3rem
}

.ap-balance>.acc-balance {
    margin-bottom: 3.2857142857rem
}

.ap-balance .table-box__filters .input {
    max-width: 14.2857142857rem
}

.ap-balance .table-box__filters .checkbox__label {
    color: var(--color-desc10);
    font-size: 1rem;
    font-weight: 500;
    padding-left: .6428571429rem
}

.ap-balance .table-box__filters .checkbox__box {
    height: 1.7142857143rem;
    min-width: 1.7142857143rem
}

.ap-balance .table-box__filters .checkbox:not(.checkbox--switch) .checkbox__box:after {
    height: .475rem;
    left: .3571428571rem;
    top: .3571428571rem;
    width: .725rem
}

.ap-balance td.ap-em-b {
    color: var(--color-desc3)
}

.er-header {
    align-items: center;
    display: flex;
    gap: .6428571429rem;
    justify-content: flex-start;
    line-height: 1
}

.er-header img {
    display: block;
    height: 1.7142857143rem;
    max-width: 1.7142857143rem;
    width: 1.7142857143rem
}

:root {
    --color-main: #7959f6;
    --color-green: #3ccb7f;
    --color-red: #f04438;
    --color-title: #ece9fe;
    --color-title2: #fff;
    --color-desc: rgba(236,233,254,.8);
    --color-desc2: rgba(236,233,254,.6);
    --color-desc3: #8e8c98;
    --color-desc4: #ece9fe;
    --color-desc5: rgba(236,233,254,.4);
    --color-desc6: #ece9fe;
    --color-desc7: #2f3134;
    --color-desc8: #9593a0;
    --color-desc9: rgba(236,233,254,.7);
    --color-desc10: #ece9fe;
    --color-desc11: hsla(0,0%,100%,.5);
    --color-desc12: #8e8c98;
    --color-desc13: rgba(236,233,254,.4);
    --color-desc14: rgba(236,233,254,.4);
    --color-desc15: rgba(236,233,254,.6);
    --color-desc16: #fbfaff;
    --color-desc17: hsla(0,0%,100%,.6);
    --color-desc18: #b0b3bd;
    --color-desc19: #9593a0;
    --color-desc20: #8e8c98;
    --color-desc21: #98a2b3;
    --color-desc22: rgba(236,233,254,.8);
    --color-desc23: #fff;
    --color-bg-main: #000;
    --color-bg-box-1: #111215;
    --color-bg-box-2: #1a1c20;
    --color-bg-box-3: #1e1f21;
    --color-bg-box-4: #16171b;
    --color-bg-box-5: #16171a;
    --color-bg-box-6: rgba(0,0,0,.4);
    --color-bg-box-7: rgba(13,14,16,.2);
    --color-bg-box-8: rgba(26,28,32,.3);
    --color-bg-box-9: #1a1c20;
    --color-bg-box-10: rgba(17,18,21,.16);
    --color-bg-box-11: rgba(3,3,3,.2);
    --color-bg-box-12: #131317;
    --color-bg-box-13: #120f19;
    --color-bg-box-14: hsla(0,0%,100%,.02);
    --color-bg-box-15: #040405;
    --color-bg-box-16: #070709;
    --color-bg-box-17: #0e0e11;
    --color-bg-box-18: #030303;
    --color-bg-box-19: #1a1c20;
    --color-bg-box-20: #080808;
    --color-bg-box-21: #282832;
    --color-bg-box-22: #3a3a40;
    --color-bg-box-23: #202226;
    --color-bg-box-24: #111215;
    --color-bb-1: #1a1c20;
    --color-bb-2: #1a1c20;
    --color-bb-3: #24272d;
    --color-bb-4: #111215;
    --color-bb-5: #000;
    --color-bb-6: #080808;
    --color-bb-7: #030303;
    --color-bb-8: #020202;
    --color-bb-9: rgba(0,0,0,.9);
    --color-bb-10: #050505;
    --color-bb-11: transparent;
    --color-bb-12: #000;
    --color-bb-13: #020202;
    --color-bb-14: #0b0b0b;
    --color-bb-15: hsla(0,0%,100%,.02);
    --color-bb-16: rgba(17,18,21,.4);
    --color-bb-17: #8e8c98;
    --color-bb-18: #0e0e11;
    --color-bb-19: hsla(0,0%,100%,.02);
    --color-bb-20: transparent;
    --color-bb-21: hsla(0,0%,100%,.01);
    --color-bb-22: #040405;
    --color-bb-23: #111215;
    --color-bb-24: #111215;
    --color-bb-25: #080808;
    --color-bb-26: #000;
    --color-bb-27: #282832;
    --border-color: #282a2e;
    --border-color2: rgba(54,54,61,.2);
    --border-color3: rgba(54,54,61,.2);
    --border-color4: #202025;
    --border-color5: hsla(0,0%,100%,.46);
    --border-color6: hsla(0,0%,100%,.2);
    --border-color7: #0f0f0f;
    --border-color8: #242429;
    --border-color9: #111215;
    --border-color10: #fff;
    --border-color11: rgba(94,93,102,.4);
    --border-color12: #36363d;
    --border-color13: #202226;
    --border-color14: #202025;
    --border-color15: rgba(54,54,61,.1);
    --border-color16: rgba(54,54,61,.1);
    --border-color17: #090909;
    --border-color18: #050505;
    --border-color19: hsla(0,0%,100%,.08);
    --border-color20: rgba(54,54,61,.6);
    --border-color21: hsla(0,0%,100%,.1);
    --border-color22: #090909;
    --border-color23: #322753;
    --border-color24: transparent;
    --border-color25: hsla(0,0%,100%,.2);
    --border-color26: #0f0f0f;
    --border-color27: #0f0f0f;
    --border-color28: hsla(0,0%,100%,.28);
    --border-color29: #202327;
    --border-color30: #242429;
    --border-color31: #161618;
    --border-color32: #161618;
    --border-color33: rgba(58,58,65,.4);
    --border-color34: hsla(0,0%,100%,.02);
    --border-color35: rgba(94,93,102,.4);
    --border-color36: #36363d
}

html.light {
    --color-main: #7959f6;
    --color-green: #3ccb7f;
    --color-red: #f04438;
    --color-title: #344054;
    --color-title2: #344054;
    --color-desc: #667085;
    --color-desc2: #667085;
    --color-desc3: #667085;
    --color-desc4: #98a2b3;
    --color-desc5: #98a2b3;
    --color-desc6: #7959f6;
    --color-desc7: #98a2b3;
    --color-desc8: #667085;
    --color-desc9: #656f84;
    --color-desc10: #667085;
    --color-desc11: #98a2b3;
    --color-desc12: #344054;
    --color-desc13: #98a2b3;
    --color-desc14: #667085;
    --color-desc15: #344054;
    --color-desc16: #344054;
    --color-desc17: #667085;
    --color-desc18: #667085;
    --color-desc19: #98a2b3;
    --color-desc20: #98a2b3;
    --color-desc21: #667085;
    --color-desc22: #344054;
    --color-desc23: #8a6cff;
    --color-bg-main: #fdfdfd;
    --color-bg-box-1: #f9f8fd;
    --color-bg-box-2: #f9f8fd;
    --color-bg-box-3: #f8f8f8;
    --color-bg-box-4: #f8f8f9;
    --color-bg-box-5: #f8f8f8;
    --color-bg-box-6: #fff;
    --color-bg-box-7: #f8f8f8;
    --color-bg-box-8: #fff;
    --color-bg-box-9: #d0d5dd;
    --color-bg-box-10: #f6f5fa;
    --color-bg-box-11: #fbfaff;
    --color-bg-box-12: #f9f8fd;
    --color-bg-box-13: #d0d5dd;
    --color-bg-box-14: hsla(0,0%,100%,.02);
    --color-bg-box-15: #f9f8fd;
    --color-bg-box-16: #eae7fc;
    --color-bg-box-17: #fdfdfd;
    --color-bg-box-18: #fbfaff;
    --color-bg-box-19: #fff;
    --color-bg-box-20: #fdfdfd;
    --color-bg-box-21: #f9f8fd;
    --color-bg-box-22: #fbfbfb;
    --color-bg-box-23: #fbfaff;
    --color-bg-box-24: #fbfaff;
    --color-bb-1: #fbfaff;
    --color-bb-2: #d0d5dd;
    --color-bb-3: #fff;
    --color-bb-4: #fff;
    --color-bb-5: #fbfaff;
    --color-bb-6: #d0d5dd;
    --color-bb-7: #8a6cff;
    --color-bb-8: #fdfdfd;
    --color-bb-9: #fff;
    --color-bb-10: #fbfaff;
    --color-bb-11: hsla(0,0%,100%,.6);
    --color-bb-12: #fbfaff;
    --color-bb-13: #fff;
    --color-bb-14: #e8e9ef;
    --color-bb-15: #fbfaff;
    --color-bb-16: #fff;
    --color-bb-17: #98a2b3;
    --color-bb-18: #fff;
    --color-bb-19: #fff;
    --color-bb-20: #fff;
    --color-bb-21: transparent;
    --color-bb-22: #fbfaff;
    --color-bb-23: #d0d5dd;
    --color-bb-24: #ece9fe;
    --color-bb-25: #fff;
    --color-bb-26: #fff;
    --color-bb-27: #fbfaff;
    --border-color: #d0d0d0;
    --border-color2: #d0d5dd;
    --border-color3: rgba(204,208,216,.2);
    --border-color4: #ced3db;
    --border-color5: hsla(0,0%,100%,.46);
    --border-color6: #ced3db;
    --border-color7: #ced3db;
    --border-color8: #ced3db;
    --border-color9: #ced3db;
    --border-color10: #fff;
    --border-color11: #ced3db;
    --border-color12: #ced3db;
    --border-color13: #d0d5dd;
    --border-color14: #d0d5dd;
    --border-color15: rgba(204,208,216,.1);
    --border-color16: transparent;
    --border-color17: #ced3db;
    --border-color18: #ced3db;
    --border-color19: #d0d5dd;
    --border-color20: #d0d5dd;
    --border-color21: #d0d5dd;
    --border-color22: transparent;
    --border-color23: #d0d5dd;
    --border-color24: #d0d5dd;
    --border-color25: #d0d5dd;
    --border-color26: rgba(208,213,221,.5);
    --border-color27: #d0d5dd;
    --border-color28: rgba(0,0,0,.28);
    --border-color29: #d0d5dd;
    --border-color30: #d0d5dd;
    --border-color31: #fff;
    --border-color32: #d0d5dd;
    --border-color33: #d0d5dd;
    --border-color34: #d0d5dd;
    --border-color35: #d0d5dd;
    --border-color36: #d0d5dd
}

.tl {
    color: #fff;
    font-size: 1.2857142857rem;
    font-weight: 400;
    line-height: 130%
}

.tl__row {
    align-items: center;
    background: #0e0d12;
    border: .0714285714rem solid #252426;
    border-radius: .5rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .8571428571rem;
    padding: 1.4285714286rem
}

.tl__row--title {
    font-size: 2.8571428571rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: -.015em;
    line-height: 118.5%;
    padding: 3rem;
    text-align: center
}

.tl__row--red {
    background: rgba(255,106,86,.16);
    font-weight: 700
}

.token-listing-form {
    width: 100%
}

.token-listing-form .recaptcha {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0
}

body.light .g-t-black,body:not(.light) .g-t-white {
    display: none
}

.m-faq {
    position: relative;
    z-index: 1
}

.theme-switch--active .theme-switch__box {
    background: #111215;
    border: .0714285714rem solid #1a1c20
}

.theme-switch--active .theme-switch__box:before {
    transform: translateX(0)
}

.theme-switch--active .theme-switch__icon svg [fill] {
    fill: #fdfdfd
}

.theme-switch__box {
    background: #f8f9fa;
    border: .0714285714rem solid #ced3db;
    border-radius: 1.0714285714rem;
    height: 2.1428571429rem;
    position: relative;
    transition: all .3s;
    width: 3.8714285714rem
}

.theme-switch__box:before {
    background: var(--color-main);
    border-radius: .8rem;
    content: "";
    transform: translateX(1.7428571429rem);
    transition: transform 0.3s ease-in-out;
}

.theme-switch__box:before,.theme-switch__icon {
    height: 1.6rem;
    left: .2rem;
    position: absolute;
    top: .2rem;
    width: 1.6rem
}

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

.theme-switch__icon--dark svg {
    height: 1rem;
    width: 1rem
}

.theme-switch__icon--dark svg [fill] {
    fill: #97a1b2
}

.theme-switch__icon--light {
    transform: translateX(1.8142857143rem)
}

.theme-switch__icon--light svg {
    height: 1rem;
    width: 1.0714285714rem
}

.section__title {
    margin-bottom: 2rem!important;
    margin-top: 1.7857142857rem!important
}

.light .connect-wallet:hover .connect-wallet__link,.light .connect-wallet__link {
    color: #2970ff!important
}

.light .connect-wallet__icon,.light .connect-wallet__icon path {
    stroke: #2970ff
}

.connect-wallet:hover .connect-wallet__link {
    color: #9abcff!important;
    opacity: .9
}

.connect-wallet__link {
    color: #9abcff!important;
    cursor: pointer;
    font-weight: 400;
    justify-content: center
}

.connect-wallet__icon {
    height: 1.4285714286rem;
    margin-right: .7142857143rem;
    width: 1.4285714286rem;
    stroke: #9abcff
}

.connect-wallet__icon path {
    stroke: #9abcff
}

.connect-wallet__icon--large {
    height: .1428571429rem;
    margin-right: .4rem;
    width: 1.5714285714rem
}

.connect-wallet--loading {
    opacity: .95
}

.connect-wallet--loading .connect-wallet__link {
    opacity: 0
}

.connect-wallet--loading:after {
    animation: loading 1.2s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27682.667%27 height=%27682.667%27 version=%271.0%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27%2394afe5%27 d=%27M247.4 44.4c-4.3 1.9-10.1 8.1-11.5 12.3-1.8 5.6-.7 14.5 2.4 19 5.2 7.5 7.9 8.5 26.2 9.9 9 .7 20.7 2.2 26 3.3 43.6 9.2 82.4 35.2 107 72.1 52.1 78.1 32.1 182.4-45.3 235.8-50.1 34.5-117.2 39.3-171.5 12.1-70-35-107.5-111.8-91.7-187.6 3.7-18 8.6-30.5 20.9-53.6 5.1-9.6 5.4-14.7 1.5-22.6-3.7-7.3-8.6-10.4-17.4-10.9-10.5-.6-15.1 2.4-22.4 14.5C57.9 171.7 47.5 203 44 232c-1.3 11-1.3 35.5.1 47.8 5.2 47.5 26.8 92.2 61.4 126.7 35.1 35.2 78.7 56 128.4 61.5 17.1 1.9 44.2.8 61.5-2.4 42.3-8 80.2-28.2 111.1-59.1C447.2 365.8 469 313.4 469 256s-21.8-109.8-62.5-150.5C376.9 75.9 341.1 56.2 301 47.6c-21-4.5-47-6.1-53.6-3.2%27/%3E%3C/svg%3E");
    background-size: 100%;
    content: "";
    height: 1.2857142857rem;
    left: calc(50% - .64286rem);
    opacity: .6;
    pointer-events: none;
    position: absolute;
    top: calc(50% - .64286rem);
    transition: opacity .3s;
    width: 1.2857142857rem
}

.tooltip {
    background-color: var(--color-bg-box-3);
    border: none;
    border-radius: .5rem;
    box-shadow: 0 .1428571429rem .5rem rgba(0,0,0,.1);
    color: var(--color-desc);
    font-size: .9285714286rem;
    left: 0;
    max-width: 17.8571428571rem;
    outline: none;
    padding: .375rem .75rem;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateX(-100%);
    z-index: 100
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.only-desktop {
    display: none
}

.only-mobile {
    display: inline-block
}

.c-green {
    color: var(--color-green)
}

.c-red {
    color: var(--color-red)
}

.wallet-box {
    width: 100%
}

.wallet-box--large {
    width: 34.5714285714rem
}

.wallet-box__header {
    margin-bottom: 2.2857142857rem;
    width: 100%
}

.wallet-box__back {
    align-items: center;
    color: var(--color-desc10);
    cursor: pointer;
    display: flex;
    gap: .2857142857rem;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.wallet-box__center {
    text-align: center
}

.wallet-box__title {
    font-family: Inter,arial,sans-serif;
    font-size: 2.2857142857rem;
    font-weight: 600;
    white-space: nowrap
}

.wallet-box__desc,.wallet-box__title {
    color: var(--color-title);
    line-height: 1
}

.wallet-box__desc {
    font-size: 1rem;
    margin-bottom: .8571428571rem
}

.wallet-box__noty {
    align-items: center;
    color: var(--color-title);
    display: flex;
    font-weight: 500;
    gap: .3571428571rem;
    justify-content: center;
    margin-bottom: 1.1428571429rem;
    text-align: center
}

.wallet-box__body {
    background: var(--color-bg-box-3);
    border-radius: .2857142857rem;
    padding: 1.1428571429rem;
    width: 100%
}

.light .wallets {
    border: .0714285714rem solid #ced3db
}

.light .wallets__row {
    border-bottom: .0714285714rem dashed #ced3db
}

.wallets {
    border: .0714285714rem solid var(--color-bb-2);
    border-radius: .2857142857rem;
    margin-bottom: .8571428571rem;
    max-height: 18.5714285714rem;
    overflow: auto;
    scrollbar-color: var(--border-color) var(--color-bg-main);
    scrollbar-width: thin
}

.wallets::-webkit-scrollbar {
    height: .1428571429rem;
    width: .1428571429rem
}

.wallets::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: .625rem
}

.wallets::-webkit-scrollbar-track {
    background-color: var(--color-bg-main)
}

.wallets__row {
    align-items: center;
    background: transparent;
    border-bottom: .0714285714rem dashed var(--color-bb-2);
    cursor: pointer;
    display: flex;
    height: 3.1428571429rem;
    justify-content: flex-start;
    padding: 0 1.1428571429rem;
    transition: all .25s;
    width: 100%
}

.wallets__row:last-child {
    border-bottom: none
}

.wallets__row:hover:not([disabled]) {
    background: var(--color-bg-box-1)
}

.light .wallet-box-info__text,.light .wallet-box-info__text:before {
    background: #fdf1f1
}

.wallet-box-info {
    position: relative
}

.wallet-box-info:hover .wallet-box-info__text {
    opacity: 1;
    pointer-events: auto
}

.wallet-box-info__btn {
    cursor: pointer
}

.wallet-box-info__text {
    bottom: 190%;
    color: var(--color-main);
    font-size: .8571428571rem;
    line-height: 1.5;
    opacity: 0;
    padding: 1rem 1.6428571429rem;
    pointer-events: none;
    right: -.7142857143rem;
    text-align: center;
    transition: all .25s;
    width: 18.4285714286rem
}

.wallet-box-info__text,.wallet-box-info__text:before {
    background: #35201f;
    border-radius: .2857142857rem;
    position: absolute
}

.wallet-box-info__text:before {
    bottom: -.5714285714rem;
    content: "";
    height: 1.1428571429rem;
    right: .9285714286rem;
    transform: rotate(45deg);
    width: 1.1428571429rem
}

.wallet-box-header__left {
    margin-bottom: .8571428571rem
}

.wallet-box-header__left img {
    display: block;
    max-height: 1.5714285714rem
}

.wallet-types {
    align-items: center;
    display: flex;
    gap: .4285714286rem;
    justify-content: flex-start;
    margin-bottom: 1.1428571429rem
}

.wallet-types__item {
    background: var(--color-bg-box-1);
    border: .0714285714rem solid var(--color-bg-box-1);
    color: var(--color-title);
    cursor: pointer;
    padding: .2857142857rem .8571428571rem
}

.wallet-types__item--active {
    border: .0714285714rem solid var(--color-main)
}

.wallet-keys {
    -moz-column-gap: .5714285714rem;
    column-gap: .5714285714rem;
    display: grid;
    grid-area: input;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 2.2857142857rem;
    margin-top: .7142857143rem;
    row-gap: .8571428571rem
}

.wallet-keys--1 {
    grid-template-columns: 1fr
}

.wallet-keys--12 {
    grid-template-columns: 1fr 1fr 1fr
}

.wallet-keys--24 {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.wallet-keys .input__box {
    background: var(--color-bb-16);
    border-color: var(--border-color29);
    border-radius: .1428571429rem;
    height: 2.2857142857rem
}

.wallet-keys .input__placeholder {
    color: var(--border-color28)
}

.g-f-end {
    align-items: center;
    display: inline-flex;
    gap: 1.1428571429rem;
    justify-content: flex-end
}

.user-p2p {
    align-items: flex-start;
    display: flex;
    gap: 1.0714285714rem;
    justify-content: flex-start;
    overflow: hidden
}

.user-p2p__img {
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 3rem;
    max-width: 3rem;
    min-width: 3rem
}

.user-p2p__img--empty {
    align-items: center;
    background: #7858f4;
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 300;
    justify-content: center;
    line-height: 1
}

.user-p2p__info {
    color: var(--color-desc16);
    font-size: 1.1428571429rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-p2p__name {
    line-height: 1
}

.user-p2p__desc {
    color: var(--color-main);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin-top: .7142857143rem
}

.user-p2p__desc>span {
    color: var(--color-desc3)
}

.user-p2p__online {
    align-items: center;
    color: #8a6cff;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .4285714286rem;
    justify-content: flex-start;
    line-height: 1;
    margin-top: 1rem
}

.user-p2p__online:after {
    background: #8a6cff;
    border-radius: 50%;
    content: "";
    display: block;
    height: .2857142857rem;
    width: .2857142857rem
}

.light .p2p-tabs:before {
    background: url(../images/p2p/p2p-t1-s1-light.webp) no-repeat;
    background-size: 100% 100%
}

.light .p2p-tabs--active:before {
    background: url(../images/p2p/p2p-t1-s2-light.webp) no-repeat;
    background-size: 100% 100%
}

.light .p2p-tabs--s2:before {
    background: url(../images/p2p/p2p-t2-s1-light.webp) no-repeat;
    background-size: 100% 100%
}

.light .p2p-tabs--s2.p2p-tabs--active:before {
    background: url(../images/p2p/p2p-t2-s2-light.webp) no-repeat;
    background-size: 100% 100%
}

.p2p-tabs {
    align-items: center;
    -webkit-backdrop-filter: blur(.7142857143rem);
    backdrop-filter: blur(.7142857143rem);
    background: transparent;
    border-radius: 1.7142857143rem;
    display: flex;
    gap: 3.7857142857rem;
    height: 3.3571428571rem;
    justify-content: center;
    margin: 0 auto 5.7142857143rem;
    padding: 1rem 1.8571428571rem;
    position: relative;
    transition: all .25s;
    width: 11.7142857143rem
}

.p2p-tabs:before {
    background: url(../images/p2p/p2p-t1-s1-dark.webp) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 3.3571428571rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - .03571rem)) translateX(calc(-50% - .03571rem));
    width: 11.7857142857rem
}

.p2p-tabs--active:before {
    background: url(../images/p2p/p2p-t1-s2-dark.webp) no-repeat;
    background-size: 100% 100%
}

.p2p-tabs--s2 {
    border-radius: .5714285714rem;
    width: 20.0714285714rem
}

.p2p-tabs--s2:before {
    background: url(../images/p2p/p2p-t2-s1-dark.webp) no-repeat;
    background-size: 100% 100%;
    height: 3.3571428571rem;
    width: 20.0714285714rem
}

.p2p-tabs--s2.p2p-tabs--active:before {
    background: url(../images/p2p/p2p-t2-s2-dark.webp) no-repeat;
    background-size: 100% 100%
}

.p2p-tabs__tab {
    align-items: center;
    color: transparent;
    cursor: pointer;
    display: flex;
    font-size: 1.1428571429rem;
    font-weight: 600;
    gap: .5714285714rem;
    justify-content: center;
    position: relative;
    transition: all .25s
}

.p2p-filters {
    align-items: flex-end;
    display: flex;
    gap: 1.1428571429rem;
    justify-content: space-between;
    margin-bottom: .8571428571rem
}

.p2p-filters__col {
    width: 100%
}

.p2p-filters__col:last-child {
    width: 70%
}

.p2p-row {
    border-bottom: .7142857143rem solid var(--color-bg-main);
    color: var(--color-title);
    position: relative
}

.p2p-row:hover td {
    background: transparent!important
}

.p2p-row:hover:before {
    background: var(--color-bg-box-10)!important
}

.p2p-row:before {
    border: .1428571429rem solid var(--border-color16);
    border-radius: .5714285714rem;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: .2857142857rem;
    transition: all .25s;
    width: 100%;
    z-index: 0
}

.p2p-row--transparent {
    background: transparent
}

.p2p-row--transparent:before {
    border: .1428571429rem solid transparent
}

.p2p-row>td,.p2p-row>th {
    padding: 1.6428571429rem!important
}

.p2p-row>td {
    background: var(--color-bg-box-11)
}

.p2p-row>td:first-child {
    border-radius: .5714285714rem 0 0 .5714285714rem
}

.p2p-row>td:last-child {
    border-radius: 0 .5714285714rem .5714285714rem 0
}

.p2p-row__col {
    color: var(--color-desc16)
}

.p2p-row__col--price {
    font-size: 1.2857142857rem;
    font-weight: 500;
    white-space: nowrap
}

.p2p-row__col--limits {
    font-size: 1.1428571429rem;
    font-weight: 400
}

.p2p-row__col--limits div {
    white-space: nowrap
}

.p2p-row__col--limits div:first-child {
    margin-bottom: .8571428571rem
}

.p2p-row__col--limits span {
    color: var(--color-desc3);
    display: inline-block;
    font-weight: 400;
    min-width: 4.8571428571rem
}

.p2p-row__col--trade {
    text-align: right
}

.p2p-row__col--trade .btn {
    display: inline-flex;
    min-width: 6.4285714286rem
}

.p2p-tm {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .2857142857rem;
    justify-content: center;
    max-width: 7.1428571429rem
}

.p2p-tm__box {
    border-radius: 50%;
    min-width: 1.7142857143rem
}

.p2p-tm__box,.p2p-tm__image {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.p2p-tm__image {
    display: block
}

.p2p-tm__image-empty {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: .8571428571rem;
    font-weight: 500;
    height: 1.7142857143rem;
    justify-content: center;
    line-height: 1;
    width: 1.7142857143rem
}

.f-tabs .label {
    margin-bottom: 1.1428571429rem
}

.f-tabs__list {
    flex-wrap: wrap;
    gap: .5714285714rem;
    justify-content: flex-start
}

.f-tabs__list,.f-tabs__row {
    align-items: center;
    display: flex
}

.f-tabs__row {
    border: .0714285714rem solid var(--border-color19);
    border-radius: .2857142857rem;
    cursor: pointer;
    gap: .4285714286rem;
    height: 3.1428571429rem;
    justify-content: center;
    padding: 0 1.1428571429rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.f-tabs__row--active {
    border: .0714285714rem solid rgba(121,89,246,.5)
}

.f-tabs__icon,.f-tabs__icon svg {
    height: 1.7142857143rem;
    width: 1.7142857143rem
}

.f-tabs__icon--other [fill="#fff"] {
    fill: var(--color-bb-14)
}

.f-tabs__icon--other [fill="#ECE9FE"] {
    fill: var(--color-title)
}

.f-tabs__name {
    color: var(--color-title);
    font-size: 1.1428571429rem;
    font-weight: 500;
    line-height: 1
}

.g-pr0 {
    padding-right: 0!important
}

.g-mr16 {
    margin-right: 1.1428571429rem!important
}

.g-mb10 {
    margin-bottom: .7142857143rem!important
}

.g-mt-20 {
    margin-top: -1.4285714286rem!important
}

.g-mt15 {
    margin-top: 1.0714285714rem!important
}

.g-m-w270 {
    min-width: 19.2857142857rem!important
}

.g-mx-w200,.g-mx-w200-i {
    max-width: 14.2857142857rem!important
}

.g-mx-w200-i {
    width: 100%!important
}

.g-mx-w75-i {
    display: inline-flex!important;
    max-width: 5.3571428571rem!important
}

.g-mx-w456 {
    max-width: 32.5714285714rem!important
}

.g-mx-w630 {
    max-width: 45rem!important
}

.g-mx-w728 {
    max-width: 52rem!important;
    max-width: 32.1428571429rem!important
}

.g-mx-w790 {
    max-width: 56.4285714286rem!important
}

.g-mx-w540-i {
    max-width: 38.5714285714rem!important;
    width: 100%!important
}

.g-h415 {
    height: 29.6428571429rem!important
}

.g-h450 {
    height: 32.1428571429rem!important
}
.g-h500 {
    height: 39.15rem!important
}
.g-h600 {
    height: 42.8571428571rem!important
}

.g-h74 {
    height: 5.2857142857rem!important
}

.g-mn-h323 {
    min-height: 23.0714285714rem!important;
    min-height: 17.8571428571rem!important
}

.g-mn-h143-i {
    margin-bottom: 1.75rem!important;
    min-height: 10.2142857143rem!important
}

.g-b1 {
    gap: .5714285714rem!important;
    justify-content: flex-start!important;
    padding: 0 .8571428571rem!important
}

.g-fs14-i {
    font-size: 1rem!important;
    font-weight: 500!important
}

[width="8"] {
    width: .5714285714rem
}

[width="9"] {
    width: .6428571429rem
}

[width="14"] {
    width: 1rem
}

[width="16"] {
    width: 1.1428571429rem
}

[width="18"] {
    width: 1.2857142857rem
}

[width="20"] {
    width: 1.4285714286rem
}

[width="24"] {
    width: 1.7142857143rem
}

[width="32"] {
    width: 2.2857142857rem
}

[width="33"] {
    width: 2.3571428571rem
}

[width="38"] {
    width: 2.7142857143rem
}

[width="40"] {
    width: 2.8571428571rem
}

[width="42"] {
    width: 3rem
}

[width="50"] {
    width: 3.5714285714rem
}

[width="63"] {
    width: 4.5rem
}

[width="78"] {
    width: 5.5714285714rem
}

[width="120"] {
    width: 8.5714285714rem
}

[width="140"] {
    width: 10rem
}

[width="304"] {
    width: 21.7142857143rem
}

[height="8"] {
    height: .5714285714rem
}

[height="9"] {
    height: .6428571429rem
}

[height="14"] {
    height: 1rem
}

[height="16"] {
    height: 1.1428571429rem
}

[height="18"] {
    height: 1.2857142857rem
}

[height="20"] {
    height: 1.4285714286rem
}

[height="24"] {
    height: 1.7142857143rem
}

[height="32"] {
    height: 2.2857142857rem
}

[height="33"] {
    height: 2.3571428571rem
}

[height="38"] {
    height: 2.7142857143rem
}

[height="40"] {
    height: 2.8571428571rem
}

[height="42"] {
    height: 3rem
}

[height="50"] {
    height: 3.5714285714rem
}

[height="63"] {
    height: 4.5rem
}

[height="78"] {
    height: 5.5714285714rem
}

[height="120"] {
    height: 8.5714285714rem
}

[height="140"] {
    height: 10rem
}

[height="304"] {
    height: 21.7142857143rem
}

@media(min-width: 2000px) {
    html {
        font-size:16px
    }

    html:not(.light) .p-bg--lin-shd1 {
        background: url(../images/main/bg-top-big.png) no-repeat;
        background-size: 100% 100%
    }

    html.light .p-bg--lin-shd1 {
        background: url(../images/main/bg-top-light-big.png) no-repeat;
        background-size: 100% 100%
    }

    .p-bg--sh1 {
        background: url(../images/main/bg-sh1-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    body:not(.light) .p-bg--sh2 {
        background: url(../images/main/bg-sh2-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    .p-bg--sh3 {
        background: url(../images/main/bg-sh1-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .p-bg--sh4 {
        background: url(../images/main/bg-sh4-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    html.light .p-bg--sh4 {
        background: url(../images/main/bg-sh4-light-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .p-bg--st1 {
        background: url(../images/main/bg-st1-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .p-bg--li1 {
        background: url(../images/main/bg-li1-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    html.light .p-bg--li1 {
        background: url(../images/main/bg-li1-light-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .p-bg--li2 {
        background: url(../images/main/bg-li2-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    html.light .p-bg--li2 {
        background: url(../images/main/bg-li2-light-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .p-bg--li3 {
        background: url(../images/main/bg-li3-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    html.light .p-bg--li3 {
        background: url(../images/main/bg-li3-light-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .pm-header--ft .pm-header__right:before {
        background: url(../images/main/ft-main-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .pm-header--ft .pm-header__right:before {
        background: url(../images/main/ft-main-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .phr:before {
        background: url(../images/main/mh-main-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    html.light .phr:before {
        background: url(../images/main/mh-main-light-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .m-start:before {
        background: url(../images/main/mh-main-start-light-min.png) no-repeat;
        background-size: 100% 100%
    }

    html.light .m-start:before {
        background: url(../images/main/mh-main-start-light-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .m-start__left:before {
        background: url(../images/main/mh-main-start2-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .m-start__left:before {
        background: url(../images/main/mh-main-start2-light-min.png) no-repeat;
        background-size: 100% 100%
    }


    .m-start-box__wp:before {
        background: linear-gradient(135deg, #6619ef, #c5b6fc);
        background-size: 100% 100%
    }

    .ref-box {
        background: linear-gradient(135deg, #8a6bff, #896bff, #896cff, #8a6cff, #8a6aff);
        background-size: 100% 100%
    }

    html:not(.light) .ref-box2:before {
        background: url(../images/profile/ref-box4-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .ref-box2:before {
        background: url(../images/profile/ref-box4-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .ref-box2--t2 {
        background: url(../images/profile/ref-box3-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .ref-box2--t2 {
        background: url(../images/profile/ref-box3-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .bc-box1 {
        background: url(../images/profile/bc-box-l-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .bc-box1 {
        background: url(../images/profile/bc-box-l-light-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .bc-box2 {
        background: url(../images/profile/bc-box-r-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .bc-box2 {
        background: url(../images/profile/bc-box-r-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .bc-banner:before {
        background: url(../images/profile/vc-fees-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .bc-banner:before {
        background: url(../images/profile/vc-fees-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    .p-header--bg-p2p:before {
        background: url(../images/p2p/p2p-bg1-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    .p-header--bg-p2p:after {
        background: url(../images/p2p/p2p-bg0-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .stats--s5 .stats__row:first-child:before {
        background: url(../images/main/ft-eth-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .stats--s5 .stats__row:first-child:before {
        background: url(../images/main/ft-eth-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .stats--s5 .stats__row:last-child:before {
        background: url(../images/main/ft-btc-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .stats--s5 .stats__row:last-child:before {
        background: url(../images/main/ft-btc-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .stats--s4 {
        background: url(../images/main/ft-stat-bg-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .stats--s4 {
        background: url(../images/main/ft-stat-bg-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .auth__sidebar:after {
        background: url(../images/profile/auth-sb-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .auth__sidebar:after {
        background: url(../images/profile/auth-sb-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .verification-result:before {
        background: url(../images/profile/vr-box-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .verification-result:before {
        background: url(../images/profile/vr-box-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    .acc-box__chart--red:before {
        background: url(../images/profile/ap-balance-change-red.png) no-repeat;
        background-size: 100% 100%
    }

    .acc-box__chart--green:before {
        background: url(../images/profile/ap-balance-change-green.png) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .pr-noty2--bg1:before {
        background: url(../images/profile/pr-ref-dark-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html.light .pr-noty2--bg1:before {
        background: url(../images/profile/pr-ref-light-min.webp) no-repeat;
        background-size: 100% 100%
    }

    html:not(.light) .pr-noty2--bg2:before {
        background: url(../images/profile/pr-2fa-dark-min.png) no-repeat;
        background-size: 100% 100%
    }

    html.light .pr-noty2--bg2:before {
        background: url(../images/profile/pr-2fa-light-min.png) no-repeat;
        background-size: 100% 100%
    }
}

@media(min-width: 2400px) {
    html {
        font-size:18px
    }
}

@media(min-width: 2800px) {
    html {
        font-size:20px
    }
}

@media(min-width: 3200px) {
    html {
        font-size:22px
    }
}

@media(min-width: 3600px) {
    html {
        font-size:26px
    }
}

@media(min-width: 1201px) {
    .header {
        padding:0 2.2857142857rem
    }

    .header__logo {
        margin-right: 1.7142857143rem
    }

    .header__menu {
        align-items: center;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .menu:not(.menu--mobile) .menu__row .menu__link--hide-arrow:before,.menu__link--hide-arrow:before {
        display: none
    }

    .only-desktop {
        display: inherit
    }

    .only-mobile {
        display: none
    }
}

@media(max-width: 1200px) {
    .header__menu {
        background: var(--color-bg-box-2);
        border-radius: 0;
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        overflow-y: auto;
        padding: 0.714rem;
        z-index: 1000;

        scrollbar-width: none;
    }

    .header__menu--active {
        display: block
    }

    .header__menu>* {
        border-top: .0714285714rem solid var(--color-bg-box-1);
        padding: 1.7857142857rem 0
    }

    .header__menu>:first-child {
        border-top: 0;
        padding-top: 0
    }

    .header__menu>:last-child {
        padding-bottom: 0
    }

    .light .menu:not(.menu--mobile) .menu__row--active .menu__link:before,.light .menu:not(.menu--mobile) .menu__row:hover .menu__link:before {
        border-color: var(--color-desc)
    }

    .light .menu:not(.menu--mobile) .menu__row--active,.light .menu:not(.menu--mobile) .menu__row:hover {
        background: var(--color-bg-main)
    }

    .menu:not(.menu--mobile) {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%
    }

    .menu:not(.menu--mobile) .menu__row {
        height: auto;
        margin: 0;
        padding: .7142857143rem 1.4285714286rem;
        width: 100%
    }

    .menu:not(.menu--mobile) .menu__row--active .menu__link:before,.menu:not(.menu--mobile) .menu__row:hover .menu__link:before {
        border-color: var(--color-desc);
        margin: .1428571429rem .2188rem 0 0;
        transform: rotate(135deg) skewX(3deg) skewY(3deg)
    }

    .menu:not(.menu--mobile) .menu__row--active,.menu:not(.menu--mobile) .menu__row:hover {
        background: var(--color-bg-box-1);
        border-radius: .4285714286rem
    }

    .menu:not(.menu--mobile) .menu__row--active .menu__submenu,.menu:not(.menu--mobile) .menu__row:hover .menu__submenu {
        left: 0;
        position: relative;
        top: 0
    }

    .menu:not(.menu--mobile) .menu__row .menu__link {
        padding: .7142857143rem 0
    }

    .menu:not(.menu--mobile) .menu__row .menu__link:before {
        height: .5625rem;
        margin: -.25rem .2188rem 0 0;
        transform: rotate(-45deg) skewX(3deg) skewY(3deg);
        width: .5625rem
    }

    .submenu:not(.submenu--mobile) {
        background: transparent;
        font-size: .875rem;
        line-height: 1.5;
        max-height: 100vh;
        padding: .5rem 0 0
    }

    .submenu:not(.submenu--mobile).submenu--full {
        width: auto
    }

    .submenu:not(.submenu--mobile) .submenu__link {
        background-color: transparent;
        padding: .5rem .75rem
    }

    .submenu:not(.submenu--mobile) .submenu__link--active,.submenu:not(.submenu--mobile) .submenu__link:hover {
        background-color: transparent
    }

    .submenu:not(.submenu--mobile) .submenu__name {
        display: block;
        font-size: .875rem
    }

    .submenu:not(.submenu--mobile) .submenu__description,.submenu__icon {
        display: none
    }

    .footer {
        align-items: center
    }

    .fmenu,.footer {
        flex-direction: column;
        gap: 2.8571428571rem
    }

    .fmenu__column {
        width: 21.4285714286rem
    }

    .pm-header-title {
        flex-direction: column;
        font-size: 2rem;
        margin-bottom: 1.4285714286rem;
        text-align: center
    }

    .pm-header-title--large {
        font-size: 2rem
    }

    .pm-header-title--mt250 {
        margin-top: 12.5rem
    }

    .pm-header-title--mt100 {
        margin-top: 3.5714285714rem
    }

    .pm-header-title--mt140 {
        margin-top: 5rem
    }

    .pm-header-title--mt126 {
        margin-top: 4.5714285714rem
    }

    .pm-header-title--mt86 {
        margin-top: 3.0714285714rem
    }

    .pm-header-title--mt68 {
        margin-top: 2.2857142857rem
    }

    .pm-header-title--mt40 {
        margin-top: 2.8571428571rem
    }

    .pm-header-title--mb30,.pm-header-title--mb48 {
        margin-bottom: 1.7142857143rem
    }

    .pm-header-title--mb40 {
        margin-bottom: 1.4285714286rem
    }

    .pm-header-title--mb32 {
        margin-bottom: 1.7142857143rem
    }

    .pm-header-desc {
        font-size: 1rem;
        margin-bottom: 1rem;
        text-align: center
    }

    .pm-header-desc--mb30,.pm-header-desc--mb40 {
        margin-bottom: 1.4285714286rem
    }

    .pm-header-desc--mb50 {
        margin-bottom: 1.7857142857rem
    }

    .pm-header-desc--mb60 {
        margin-bottom: 2.1428571429rem
    }

    .pm-header-buttons {
        gap: .8571428571rem;
        justify-content: center
    }

    .pm-header-buttons--mb66 {
        margin-bottom: 2.8571428571rem
    }

    .tl-box__top>:last-child {
        width: 100%
    }

    .tl-box__top {
        flex-direction: column
    }

    .ft-box {
        margin-bottom: 5.3571428571rem
    }

    .ft-box__list {
        flex-direction: column
    }

    .au-box--s1 {
        margin-top: 5rem
    }

    .pm-header {
        flex-direction: column;
        padding-top: 2.1428571429rem
    }

    .pm-header--mt135 {
        margin-top: 4.2857142857rem
    }

    .pm-header--bc {
        margin-bottom: 1.7142857143rem
    }

    .m-start {
        margin: 7.1428571429rem 0
    }

    .m-start__right {
        flex-direction: column;
        flex-wrap: nowrap;
        row-gap: 4.2857142857rem;
        width: 100%
    }

    .m-start-box--mb140 .m-start-box__wp {
        margin-bottom: 5.7142857143rem
    }

    .m-start-box__name {
        font-size: 2rem;
        padding: 0 1.1428571429rem
    }

    .m-start-box__input {
        align-items: stretch;
        flex-direction: column
    }

    .ref-box2 {
        max-width: 33.8571428571rem;
        width: 100%
    }

    .ref-box2--mt86 {
        margin-top: 3.0714285714rem
    }

    .ref-box2--t2 {
        -webkit-backdrop-filter: blur(1.0714285714rem);
        backdrop-filter: blur(1.0714285714rem);
        background: var(--color-bg-box-18);
        border: .1428571429rem solid var(--border-color16);
        border-radius: .5714285714rem
    }

    .ref-box2--t2:before {
        display: initial
    }

    .bc-box1__top .pm-header-title {
        font-size: 1.7142857143rem
    }

    .bc-box1__bottom {
        opacity: .6
    }

    .bc-banner {
        margin-bottom: 1.7142857143rem
    }

    .p-header__title {
        font-size: 2.5714285714rem;
        line-height: 3.1428571429rem
    }

    .p-header__desc {
        font-size: 1.1428571429rem
    }

    .stats--mb140 {
        margin-bottom: 5.7142857143rem
    }

    .stats--mb48 {
        margin-bottom: 1.7142857143rem
    }

    .stats--s4 {
        flex-wrap: nowrap;
        gap: 0;
        margin-bottom: 2.8571428571rem;
        margin-top: 2.8571428571rem
    }

    .stats--s4 .stats__row {
        max-width: none;
        padding: 2.1428571429rem .7142857143rem;
        text-align: center;
        width: 100%
    }

    .stats--s4 .stats__row-name {
        justify-content: center
    }

    .live-chat {
        bottom: 1rem;
        right: 1rem
    }

    .live-chat__btn {
        transform: translateY(0) scale(.8)
    }

    .live-chat--opened .live-chat__btn {
        transform: translateY(7.1428571429rem) scale(.8)
    }

    .referral-getting__value {
        max-width: 7.1428571429rem
    }

    .faq-group-name {
        font-size: 1.1428571429rem
    }

    .faq__name {
        font-size: 1rem
    }

    .ticket-title {
        margin-top: 5rem
    }

    .acc-box-row--am2,.account-balance-header {
        flex-direction: column
    }

    .acc-box-row--am2>div:last-child {
        margin: 0 auto
    }

    .acc-box-row--kyc {
        flex-direction: column-reverse
    }

    .kyc-item {
        margin-bottom: .7142857143rem
    }

    .kyc-item:last-child {
        margin-bottom: 0
    }
}

@media(max-width: 900px) {
    .menu--right .menu__hr {
        margin-right:1.4285714286rem
    }

    .menu--right .menu__row {
        margin-right: .8571428571rem
    }

    .bb-box__title {
        font-size: 1.2857142857rem
    }

    .bug-bounty__row {
        flex-direction: column-reverse;
        font-size: 1.1428571429rem;
        gap: .8571428571rem;
        padding: 2.1428571429rem 0;
        text-align: center
    }

    .bug-bounty__row>span:first-child {
        color: var(--color-desc3);
        font-size: 1.1428571429rem
    }

    .au-box--s1:before {
        opacity: .5
    }

    .i-box {
        padding: 1.7142857143rem
    }

    .i-box__row {
        flex-direction: column
    }

    .st-steps:before {
        display: none
    }

    .st-steps {
        flex-direction: column
    }

    .st-steps__row {
        max-width: 64.2857142857rem
    }

    .st-steps__num {
        display: none
    }

    .ref-box {
        flex-direction: column;
        gap: 1.5714285714rem;
        margin-top: 3rem;
        padding: 2.2857142857rem;
        text-align: center
    }

    .bc-banner:before {
        opacity: .3;
        transform: scale(1.3) translateY(-50%)
    }

    .bc-page {
        flex-direction: column
    }

    .bc-page__left {
        order: 2;
        width: 100%
    }

    .bc-page__right {
        order: 1;
        width: 100%
    }

    .light .p-header--bg-main:before {
        opacity: .5;
        top: 30%
    }

    .light .p-header--bg-p2p:after {
        opacity: .4
    }

    .p-header--bg-main:before {
        opacity: .5;
        top: 30%
    }

    .p-header--bg-p2p:before {
        opacity: .5
    }

    .p-header--bg-p2p:after {
        opacity: .05
    }

    .p-header--bg-p2p .p-header__bottom .p2p-tabs {
        margin-bottom: 3.5714285714rem
    }

    .p-header--support .p-header__title {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }

    .p-header--support .p-header__title>div:first-child {
        order: 2;
        position: relative;
        transform: translateY(0)
    }

    .p-header--support .p-header__title>div:last-child {
        order: 1
    }

    .p-header--bg-feature:after {
        opacity: .5;
        top: 30%
    }

    .p-dheader {
        padding-top: 3.5714285714rem
    }

    .p-dheader--s36 .p-dheader__title {
        font-size: 2.1428571429rem
    }

    .p-dheader__title {
        font-size: 2.4285714286rem
    }

    .p-box {
        flex-direction: column
    }

    .tabs--s18,.tabs--s20 {
        font-size: 1.1428571429rem
    }

    .tabs--s20 .tabs__item {
        padding: 0 .5714285714rem .7142857143rem
    }

    .table-box__filters {
        flex-direction: column-reverse
    }

    .table-box__filters--s2 {
        border-bottom: none
    }

    .table-box__filters--s2 .tabs {
        margin-bottom: 0
    }

    .table-box__pagination {
        margin-top: 2.2142857143rem
    }

    .table thead tr th {
        font-size: 1rem;
        padding: 1.1428571429rem .4285714286rem
    }

    .table tbody tr {
        font-size: 1rem
    }

    .table td {
        padding: .7142857143rem .4285714286rem
    }

    .stats {
        flex-direction: column
    }

    .stats--t-36 .stats__row {
        border-top: .0714285714rem solid rgba(0,0,0,.1);
        padding: 1.4285714286rem 1.0714285714rem
    }

    .stats--t-36 .stats__row:first-child {
        border-top: none
    }

    .stats--t-36 .stats__row-name {
        justify-content: center;
        text-align: center
    }

    .stats--t-36 .stats__row-desc {
        text-align: center
    }

    .stats--center .stats__row-desc {
        margin-left: auto;
        margin-right: auto;
        max-width: 25rem
    }

    .stats--wfix .stats__row,.stats--wfix2 .stats__row {
        max-width: none
    }

    .stats--mb86 {
        margin-bottom: 3.0714285714rem
    }

    .stats--mt46 {
        margin-top: 1.7142857143rem
    }

    .stats--s5 {
        margin-bottom: 2.2857142857rem
    }

    .stats--s3 .stats__row:before {
        display: none
    }

    .stats--s4 {
        flex-direction: row
    }

    .stats--s4 .stats__row-name {
        font-size: 1.2857142857rem
    }

    .stats--s4 .stats__row-desc {
        font-size: .8571428571rem;
        margin-top: .5714285714rem
    }

    .stats__row-desc {
        max-width: none
    }

    .stats__row-top-image {
        margin-bottom: .7142857143rem
    }

    .logo {
        font-size: 1.1428571429rem;
        gap: .5rem
    }

    .logo__image {
        height: 1.4285714286rem;
        width: 1.4285714286rem
    }

    .m-assets__top {
        padding: 1.4285714286rem 2.1428571429rem
    }

    .m-assets__bottom {
        flex-direction: column;
        padding: 2.1428571429rem;
        text-align: center
    }

    .c-asset__image img {
        height: 2rem;
        width: 2rem
    }

    .c-asset__desc {
        font-size: .8571428571rem
    }

    .c-asset--small .c-asset__image img {
        height: 1.7142857143rem;
        width: 1.7142857143rem
    }

    .c-asset--small2 .c-asset__image img {
        height: 1.2857142857rem;
        width: 1.2857142857rem
    }

    .m-trade {
        align-items: center;
        padding: 3.5714285714rem 1.4285714286rem;
        text-align: center
    }

    .m-trade:before {
        display: none
    }

    .m-trade:after {
        opacity: .2;
        right: 42%;
        top: 84%;
        transform: translateX(50%) translateY(-50%) scale(.9)
    }

    .m-trade__title {
        font-size: 2.8571428571rem
    }

    .m-build {
        flex-direction: column
    }

    .m-build__bottom {
        margin-top: 1.0714285714rem
    }

    .m-build__title {
        font-size: 2.1428571429rem
    }

    .m-build__desc {
        font-size: 1.1428571429rem
    }

    .m-listen__title {
        font-size: 2.4285714286rem
    }

    .m-feature-box {
        padding: 5rem 0
    }

    .m-feature-box:before {
        transform: translateY(-50%) translateX(-50%) scale(.8)
    }

    .m-feature-box__title {
        font-size: 1.8571428571rem
    }

    .m-ref-stat__title {
        font-size: 2rem
    }

    .m-ref-join {
        flex-direction: column;
        gap: 2rem
    }

    .m-ref-join__title {
        font-size: 2.4285714286rem;
        text-align: center
    }

    .m-ref-join__desc {
        font-size: 1.1428571429rem;
        text-align: center
    }

    .m-ref-join--p2p:before {
        opacity: .5
    }

    .m-ref-join--p2p:after {
        opacity: .05
    }

    .referral-getting__title {
        font-size: 2.4285714286rem
    }

    .m-markets-top--mb68 {
        margin-bottom: 2.4285714286rem
    }

    .m-markets-top {
        flex-direction: column;
        gap: 1.4285714286rem;
        margin-bottom: 1.6428571429rem
    }

    .faq-list-group .faq {
        width: 100%
    }

    .earn-header__wrapper {
        flex-direction: column;
        gap: 1.7857142857rem
    }

    .earn-header__left {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }

    .verification-form__row {
        flex-direction: column;
        gap: 2.8571428571rem
    }

    .account__sidebar:after {
        content: "";
        height: 100vh;
        left: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        width: 100vw;
        z-index: 1
    }

    .account__sidebar {
        max-width: 22.1428571429rem!important;
        transform: translateX(-100%)
    }

    .account {
        padding-left: 0!important
    }

    .account--menu-active .account__sidebar {
        transform: translateX(0)
    }

    .account--menu-active .account__sidebar:after {
        pointer-events: auto;
        transform: translateX(0)
    }

    .account__body {
        padding: .7142857143rem!important
    }

    .account__show-menu {
        display: flex
    }

    .account-header__title {
        font-size: 1.2857142857rem
    }

    .account-balance,.w-form {
        flex-direction: column
    }

    .w-form {
        align-items: flex-start;
        gap: 1.5714285714rem;
        justify-content: flex-start
    }

    .w-form__left,.w-form__right {
        width: 100%
    }

    .kyc-item,.kyc-list {
        max-width: none
    }

    .s-box-list,.s-row {
        flex-direction: column;
        gap: 1.7142857143rem
    }

    .ap-codes .account-header__title,.ap-codes .tabs,.ap-history .account-header__title {
        margin-bottom: 1.7142857143rem
    }

    .ap-codes .w-form {
        margin-bottom: 2.2857142857rem
    }

    .ap-exchange .account-header__title {
        margin-bottom: 1.4285714286rem
    }

    .ap-exchange__table-t {
        margin-top: 2.8571428571rem
    }

    .ap-withdraw .account-header__title {
        margin-bottom: 1.4285714286rem
    }

    .ap-withdraw__table-t {
        margin-top: 2.8571428571rem
    }
}

@media(min-width: 768px) {
    .menu__row--hide-w7 {
        display:initial
    }

    .fsocials__bottom,.fsocials__top {
        justify-content: flex-start;
        width: auto
    }

    .fsocials__bottom {
        justify-content: space-between;
        padding-top: 0
    }

    .fsocials__col {
        margin-right: 1.0714285714rem
    }

    .app__toasts {
        gap: .5rem;
        left: 1rem;
        max-height: calc(100vh - 7.85714rem);
        max-width: 25rem;
        top: 5.7142857143rem;
    }

    .toast {
        border-radius: .5rem
    }

    .toast__close {
        background-color: var(--color-bg-box-1);
        border-radius: 50%;
        cursor: pointer;
        display: block;
        height: 1rem;
        padding: .125rem;
        position: absolute;
        right: .5rem;
        top: .5rem;
        transition: background-color .15s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 1rem
    }

    .toast__text {
        overflow: auto;
        text-overflow: clip;
        white-space: inherit
    }

    .ubox__right {
        flex-grow: 1;
        height: 100%
    }

    .ubox__title {
        font-size: 1.5rem;
        margin-bottom: 1.5rem
    }

    .ubox-tree {
        padding-right: 1rem
    }

    .ubox-tree__item {
        font-size: 1.1428571429rem
    }

    .ubox-tree__childs {
        margin-top: .25rem
    }

    .ubox-tree__childs:before {
        left: 0;
        top: .25rem
    }

    .ubox-tree__sitem {
        font-size: .75rem
    }

    .ubox-tree__sitem:before {
        left: -1rem;
        top: .375rem
    }

    .ubox-filters {
        margin-bottom: 1.5rem
    }

    .ubox-faq__title {
        margin-bottom: 1rem
    }

    .l-slider__arrow {
        display: flex
    }

    .not-found__code {
        font-size: 18.75rem;
        line-height: 14.625rem;
        margin-bottom: -2.5rem
    }

    .not-found__text {
        font-size: 2.5rem;
        line-height: 1.2
    }

    .referral-getting__name {
        line-height: 1.4
    }

    .auth-code .input {
        height: 4.6428571429rem;
        width: 4.6428571429rem
    }

    .auth-code .input__value {
        font-size: 2.28571rem;
        text-align: center
    }

    .earn-types {
        flex-direction: row;
        margin: 0 auto 7.5rem;
        max-width: 55rem
    }

    .earn-type {
        padding: 1.5rem;
        text-align: center
    }

    .earn-type__top {
        gap: .25rem 0;
        grid-template-columns: 1fr;
        grid-template-rows: 5rem auto 1fr
    }

    .earn-type__icon {
        grid-row: 1/2;
        margin: 0 auto
    }

    .earn-type__name {
        margin-bottom: 0;
        padding-top: .75rem
    }

    .tplain {
        width: 48%
    }

    .balance-box {
        max-width: 118rem
    }

    .balance-filters__item {
        margin-right: 1rem
    }

    .m-balance-menu__link {
        font-size: 1rem!important
    }

    .m-balance-filters {
        padding: 1.5rem 3.5rem
    }

    .m-balance__header {
        padding: .625rem 3.5rem
    }

    .m-balance__header:after {
        left: 3.5rem;
        right: 3.5rem;
        width: calc(100% - 7rem)
    }

    .m-balance__arrow {
        right: 3.5rem
    }

    .m-balance__body {
        padding: 1rem 3.5rem
    }

    .m-balance__body:before {
        right: 3.5rem
    }

    .networks {
        gap: .5rem .75rem
    }

    .networks--full {
        flex-wrap: nowrap
    }

    .networks--full .networks__item {
        width: 100%
    }

    .aml-fee {
        gap: 0 1.5rem;
        padding: .725rem 1rem
    }

    .section--app1:before,.section--app2:before,.section--app3:before {
        opacity: .7
    }

    .section--app1:before {
        left: -5rem
    }

    .section--app2:before,.section--app3:before {
        right: -5rem
    }

    .app-header__title {
        font-size: 4rem;
        font-weight: 700
    }

    .app-cards {
        flex-wrap: nowrap
    }

    .system-page__filters {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        margin-bottom: 1.5rem
    }

    .system-page__left,.system-page__right {
        width: auto
    }

    .system-page__time {
        text-align: right
    }

    .terms ol>li {
        -moz-column-gap: .5rem;
        column-gap: .5rem;
        display: grid;
        grid-template: 1fr/minmax(min-content,1.875rem) 1fr
    }

    .terms ol>li:before {
        float: unset;
        grid-column: 1/1;
        grid-row: 1/6;
        margin-right: 0
    }

    .trade__header {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start
    }

    .trade-currency-selector img {
        display: block;
        margin-right: .5rem;
        min-height: 1.5rem;
        min-width: 1.5rem
    }

    .trade-menu {
        padding: 0 1rem
    }

    .trade-menu__item {
        margin-right: 1.5rem
    }

    .trade-chart__legend {
        background: transparent;
        flex-direction: row;
        gap: .9rem;
        padding: 0
    }

    .trade-currencies__row-h,.trade-deep__row-h {
        padding: 0 .5rem
    }

    .settings-menu {
        align-items: center;
        flex-direction: row
    }

    .settings-box {
        padding: 2rem 2rem .5rem
    }

    .settings-box--p {
        padding: 2rem
    }

    .settings-box__desc {
        font-size: 1rem
    }

    .settings-v-form {
        flex-direction: row
    }

    .settings-v-form>* {
        max-width: 18.75rem
    }

    .settings-v2-form {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .settings-whitelist-form {
        flex-direction: row;
        margin-bottom: 0;
        padding: 1.5rem 1.5rem 0
    }

    .settings-whitelist-form>* {
        max-width: 18.75rem
    }

    .section--verification .section__row {
        padding: 2.5rem 3.5rem 5rem
    }

    .verification-box {
        border-radius: 1.7857142857rem;
        padding: 2.5rem 3rem
    }

    .verification-info {
        margin-bottom: 2.5rem;
        padding: 0
    }

    .verification-info__btns {
        overflow: visible
    }

    .verification-v-form {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(3,1fr)
    }

    .verification-docs {
        flex-direction: row
    }

    .verification-docs__item {
        flex-direction: column;
        font-size: .625rem;
        justify-content: space-between;
        margin-bottom: 0;
        margin-right: 1rem;
        padding: 1rem .5rem
    }

    .verification-docs__item svg {
        margin: 0 0 .5rem
    }

    .verification-docs-upload {
        align-items: flex-start;
        flex-direction: row
    }
}

@media(max-width: 700px) {
    .menu__submenu--left {
        left:auto;
        right: -100%
    }

    .pm-header--ft .pm-header__right {
        display: none
    }

    .phr {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 2.2857142857rem;
        height: auto;
        justify-content: center;
        padding-bottom: 15.5714285714rem
    }

    .phr__row {
        position: static;
        transform: translateX(0)!important;
        width: 34%
    }

    .m-start__left {
        min-width: 0
    }

    .m-start__left:before {
        opacity: .2;
        transform: translateY(-50%) translateX(-17%)
    }

    .m-start__right {
        padding: 0 1.1428571429rem
    }

    .tabs--st2 .tabs__item {
        padding-bottom: .8571428571rem!important
    }

    .tabs--st2 {
        gap: 1rem
    }

    .table-head {
        flex-direction: column;
        gap: 1.4285714286rem
    }

    .table-head__col>.input {
        width: 100%
    }

    .account-info__cols {
        align-items: flex-end;
        flex-wrap: wrap;
        row-gap: 2.5714285714rem
    }

    .account-info__col {
        width: 32%
    }

    .a-table-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 1.1428571429rem;
        justify-content: flex-start
    }

    .a-table-head__right {
        justify-content: center;
        width: 100%
    }

    .deposit-box__row,.w-form-box__top {
        flex-direction: column;
        justify-content: center
    }

    .w-form-box__top {
        gap: 2rem
    }

    .account-noty {
        align-items: flex-start;
        flex-direction: column;
        gap: 1.4285714286rem;
        justify-content: flex-start
    }

    .u-settings-row__name {
        font-size: 1.1428571429rem
    }

    .m-statuses {
        flex-direction: column
    }

    .m-statuses__list {
        max-width: none
    }

    .v-header {
        flex-direction: column-reverse;
        gap: 1rem;
        margin-bottom: 2.1428571429rem
    }

    .v-header__close,.v-header__title {
        width: 100%
    }

    .acc-header__right {
        justify-content: space-around!important
    }

    .pr-noty {
        flex-direction: column;
        justify-content: center;
        text-align: center
    }

    .wallet-keys {
        grid-template-columns: 1fr
    }

    .p2p-filters {
        flex-wrap: wrap
    }

    .p2p-filters__col:last-child {
        width: 100%
    }
}

@media(max-width: 1330px) {
    .app__footer {
        position:relative;
        z-index: 2
    }
}

@media(max-width: 500px) {
    .phr {
        flex-direction:column;
        gap: 1.4285714286rem!important
    }

    .phr:before {
        left: 53%
    }

    .phr__row {
        width: 48%!important
    }

    .trade-currency-info {
        flex-wrap: wrap;
        gap: .75rem;
        justify-content: space-between
    }

    .trade-currency-info__col {
        width: 45%
    }

    .trade-chart-control {
        flex-direction: column
    }
}

@media(max-width: 1000px) {
    .tabs {
        justify-content:center
    }

    .auth {
        padding: 5.7142857143rem 1.1428571429rem 0
    }

    .auth__sidebar {
        background: transparent;
        height: auto;
        max-width: none;
        min-height: auto;
        padding: 1.2857142857rem 2.1428571429rem;
        width: auto
    }

    .auth__sidebar:after,.auth__sidebar:before {
        display: none
    }

    .auth__box {
        max-width: 32.1428571429rem;
        padding-top: 5.7142857143rem
    }

    .account-info {
        padding: 1.1428571429rem
    }

    .acc-header {
        flex-direction: column;
        gap: 1.1428571429rem
    }

    .acc-header__right {
        flex-wrap: wrap;
        justify-content: center
    }

    .acc-box-row {
        flex-wrap: wrap
    }

    .acc-box {
        padding: 1.2142857143rem
    }

    .acc-box--p20 {
        padding: .8571428571rem
    }

    .acc-box--p30 {
        padding: 1.0714285714rem
    }

    .wallet-box--large {
        width: 100%
    }

    .wallet-box__title {
        white-space: normal
    }
}

@media(max-width: 600px) {
    .stats--s4 {
        background: linear-gradient(90deg, #a084eb, #c3b5f6);
        background-size: 100% 100%;
        flex-direction: column;
        height: auto
    }

    .stats--s4 .stats__row-name {
        font-size: 1.7142857143rem
    }

    .stats--s4 .stats__row-desc {
        font-size: 1rem;
        margin-top: .8571428571rem
    }
}

@media(min-width: 414px) {
    .toast__text {
        max-width:100%
    }

    .m-balance-menu__item {
        margin-right: 1.5rem
    }

    .m-balance-menu__link {
        font-size: .75rem
    }

    .m-balance-btn {
        margin-right: 1.5rem;
        max-width: 100%
    }
}

@media(min-width: 428px) {
    .modal {
        align-items:center;
        padding: 5.7142857143rem .5rem .5rem
    }

    .modal__wrapper {
        border-radius: .5714285714rem;
        max-width: 33.4285714286rem;
        padding: 1.7142857143rem;
        width: 100%
    }
}

@media(min-width: 992px) {
    .modal-cols {
        align-items:stretch;
        border: none;
        flex-direction: row
    }

    .modal-cols__left,.modal-cols__right {
        border: .0714285714rem solid #252426;
        border-radius: .625rem;
        flex-grow: 1;
        padding: 1.25rem 1.875rem
    }

    .modal-cols--s450 .modal-cols__right,.modal-cols--s600 .modal-cols__right {
        height: auto
    }

    .modal-form-continue__box-top {
        width: 80%
    }
}

@media(min-width: 1366px) {
    .ubox__left {
        background-color:#0e0d13;
        border-radius: .8571428571rem .8571428571rem 0 0;
        display: flex;
        flex-direction: column;
        padding: 1.7142857143rem;
        position: relative
    }

    .ubox__left:after {
        display: none
    }

    .ubox__right {
        border-radius: 0 0 .8571428571rem .8571428571rem;
        padding: 1.7857142857rem 5.2857142857rem
    }

    .ubox__btn-tree {
        display: none
    }

    .ubox__title {
        font-size: 2rem
    }

    .ubox-tree {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
        padding-right: 0;
        width: 100%
    }

    .ubox-tree__item {
        font-size: 1.7142857143rem;
        font-weight: 500;
        line-height: 130%;
        margin-bottom: 0;
        padding: .4285714286rem .8571428571rem;
        width: auto
    }

    .ubox-tree__item--active,.ubox-tree__item:hover {
        background-color: initial;
        color: #7959f6
    }

    .ubox-tree__item--approved,.ubox-tree__item--error,.ubox-tree__item--submitted {
        background-color: initial
    }

    .ubox-filters,.ubox-filters__left,.ubox-filters__right {
        flex-direction: row;
        gap: .5rem
    }

    .ubox-filters__left>*,.ubox-filters__right>* {
        width: 1%
    }

    .ubox-form {
        align-items: center;
        flex-flow: row wrap;
        flex-wrap: nowrap
    }

    .ubox-form__title {
        font-size: 3.4285714286rem;
        text-align: left
    }

    .ubox-form__desc {
        font-size: 1.7142857143rem;
        max-width: 60%;
        text-align: left
    }

    .earn-types {
        margin: 0 0 8.5rem
    }

    .earn-type {
        padding: 2rem;
        text-align: left
    }

    .earn-type__top {
        gap: 0 2rem;
        grid-template-columns: 5rem 1fr;
        grid-template-rows: unset;
        margin-bottom: 1.5rem
    }

    .earn-type__icon {
        grid-row: 1/3;
        margin: 0
    }

    .earn-type__name {
        margin-bottom: .75rem;
        padding-top: 0
    }

    .earn-btypes {
        gap: 1.5rem;
        text-align: left
    }

    .earn-btype {
        align-items: center;
        background-color: #fff;
        border-radius: 3.42857rem;
        box-shadow: 0 .5rem .5rem rgba(0,0,0,.03);
        display: flex;
        overflow: hidden
    }

    .earn-btype__left {
        align-self: flex-end;
        border-radius: 0;
        box-shadow: none;
        flex: 1 1;
        margin-bottom: 0;
        max-width: 50%
    }

    .earn-btype__right {
        flex: 1 1;
        max-width: 50%;
        padding: 3.5rem 7rem
    }

    .tplains {
        margin-bottom: 1.5rem
    }

    .aml__form {
        flex-direction: row
    }

    .aml__form .select {
        max-width: 16.6428571429rem;
        width: 100%
    }

    .aml__form .input {
        max-width: 37.8571428571rem;
        width: 100%
    }

    .aml__form .btn {
        max-width: 8.9285714286rem;
        width: 100%
    }

    .section--app1:before,.section--app2:before,.section--app3:before {
        opacity: 1
    }

    .section--app1:before {
        left: 0
    }

    .section--app2:before,.section--app3:before {
        right: 0
    }

    .app-header {
        align-items: center;
        justify-content: flex-start;
        text-align: left
    }

    .app-header--right {
        justify-content: flex-end;
        text-align: right
    }

    .trade-currency-selector .trade__currencies,.trade__menu {
        display: none
    }

    .trade-deep__body {
        max-height: 51.8rem
    }

    .trade-currencies {
        max-height: 43rem
    }

    .trade-orders {
        max-height: 18rem;
        min-height: 18rem
    }

    .trade-deep2__table-body {
        max-height: 28.70536rem
    }
    .futures-deep-table{
        max-height: 17.48rem;
    }
    .trade-deep2__table-body--full {
        max-height: 57.41071rem
    }

    .section--verification .section__row {
        padding: 2rem 3.5rem 6.5rem
    }

    .verification {
        display: flex
    }

    .verification__right {
        align-items: flex-start;
        flex-direction: row-reverse;
        flex-grow: 1
    }

    .verification-box {
        flex-grow: 1;
        padding: 3rem 3.5rem
    }

    .verification-info {
        flex-basis: 17.5rem;
        margin: 0 0 0 3.5rem;
        min-width: 17.5rem;
        padding-top: 3rem
    }

    .verification-info__btns {
        flex-wrap: wrap
    }

    .verification-btn {
        flex-direction: column;
        min-width: 8.4375rem;
        padding: .75rem
    }

    .verification-docs-upload {
        margin-bottom: 1rem
    }
}

@media(min-width: 1200px) {
    .earn-benefit {
        align-items:flex-start;
        display: flex;
        justify-content: space-between;
        margin: 1rem auto 0
    }

    .earn-benefit__row {
        flex-grow: 1;
        margin: 0 .5rem
    }

    .plain-benefit {
        align-items: stretch;
        display: flex;
        justify-content: space-between;
        margin: 3rem auto 0
    }

    .plain-benefit__row {
        flex-grow: 1;
        margin: 0 .5rem
    }

    .tplain {
        width: 32%!important
    }
}

@media(max-width: 768px) {
    .exchange-form__row {
        flex-direction:column;
        gap: 2.1428571429rem
    }
}

@media(max-width: 1365px) {
    .light .trade__currencies .trade-box {
        background:#fff
    }

    .trade__header {
        margin-bottom: .5rem
    }

    .trade__currencies {
        display: none;
        left: 0;
        max-width: 25rem;
        position: absolute;
        top: calc(100% + 1rem);
        z-index: 30
    }
    .trade__currencies .trade-box {
        background: var(--color-bg-box-2)
    }

    .trade__currencies--showed {
        display: block
    }

    .verification-menu {
        margin: 0 0 2rem;
        padding: 0
    }

    .verification-menu__item {
        align-items: center;
        background: #fff;
        border-radius: 1.7857142857rem;
        display: flex;
        font-size: .9rem;
        justify-content: space-between;
        padding: 1rem 1.2rem;
        text-align: center
    }

    .verification-menu__item:after {
        display: none
    }
}

@media(min-width: 1900px) {
    .trade__p-col:first-child {
        width:23%
    }

    .trade__p-col:nth-child(2) {
        width: 54%
    }

    .trade__p-col:nth-child(3) {
        width: 23%
    }
}

@media(max-width: 992px) {
    .support-new__row {
        flex-direction:column;
        gap: 1.5714285714rem
    }
}

@media(min-width: 600px) {
    .u2fa-box__left {
        margin:0
    }
}

@media(min-width: 991px) {
    .u2fa-box__left {
        height:12.5rem;
        width: 12.5rem
    }
}

@media(max-width: 1600px) {
    .account__sidebar {
        max-width:4.3571428571rem
    }

    .account__sidebar .account-menu {
        padding: 2.2857142857rem .4285714286rem
    }

    .account__sidebar:hover {
        max-width: 22.1428571429rem
    }

    .account {
        padding-left: 4.3571428571rem
    }

    .account__body {
        padding: 2.2857142857rem 1.7142857143rem 1.7142857143rem
    }
}

@media(min-width: 900px) {
    .account__sidebar:hover {
        transform:translateX(0)
    }
}

@media(max-width: 550px) {
    .account-info__top {
        margin-bottom:2.5714285714rem
    }

    .account-info__icon {
        display: none
    }

    .account-info__email {
        font-size: 1.1428571429rem
    }

    .account-info__cols {
        padding-left: 0;
        row-gap: 1.8571428571rem
    }

    .account-info__col {
        width: 100%
    }

    .text-starts {
        font-size: 1.6428571429rem;
        transform: translateY(.2142857143rem)
    }

    .account-balance__right {
        flex-direction: column;
        width: 100%
    }

    .account-balance__right>* {
        width: 100%
    }
}

@media(min-width: 1365px) {
    .balance-customize__body {
        left:0
    }
}

.btn--c-main svg, .btn--c-main svg [fill], .btn--c-main:hover:not([disabled]) svg [fill] {
    fill:none;
}

/*.n-input__input{*/
/*    height: 100% !important;*/
/*}*/
.n-button:not(.n-button--disabled):hover .n-button__state-border{
    border:none;
}
.n-button:focus {
    color: #fff;
}
.n-data-table .n-data-table-table, .n-data-table .n-data-table-td{
    background: none;
}
.n-button.n-button--disabled{
    background: none;
    border: none;
}

.btn--c-main:active{
    border:1px solid #000
}
/* Основной контейнер */
.not-found-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: auto;
}

/* Блок контента */
.not-found-content {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 1rem; /* промежутки между элементами */
    margin-bottom: 2rem;
    font-size: 0.875rem;
    color: var(--text-color, #666);
}

/* Заголовок */
.not-found-title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--title-color, #222);
}

/* Подзаголовок/текст */
.not-found-text {
    font-size: 0.95rem;
    color: var(--subtext-color, #777);
}

/* SVG иконка */
.not-found-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    color: var(--icon-color, #aaa);
}