.drawHeaderContainer-GgRHR_ {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding: 19px 16px;
    display: flex
}

.drawHeaderLogo-aLepq_ {
    width: 122px;
    height: 28px;
    position: relative
}

@media screen and (max-width:768px) {
    .drawHeaderContainer-GgRHR_ {
        justify-content: flex-end;
        margin-bottom: 0
    }
    .drawHeaderLogo-aLepq_ {
        display: none
    }
}

.closeButtonIcon-IyT359 {
    cursor: pointer;
    fill: currentColor;
    width: 1em;
    height: 1em;
    font-size: 24px;
    transition: all .5s;
    display: inline-block
}

@keyframes move-ZTBMon {
    0% {
        transform: translateX(0)translateZ(0)
    }
    to {
        transform: translateX(-100%)translateZ(0)
    }
}

.wrapper-kcT0WE {
    background-color: var(--color-bg-secondary);
    color: var(--color-text-text-primary);
    max-height: 36px;
    top: var(--header-height);
    z-index: 3;
    padding: 12px 0;
    font-size: 12px;
    line-height: 150%;
    position: sticky;
    overflow: hidden
}

.inner-FuF2lO {
    box-sizing: border-box;
    justify-content: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .inner-FuF2lO {
        padding: 0 36px
    }
}

@media screen and (min-width:992px) {
    .inner-FuF2lO {
        padding: 0 28px
    }
}

@media screen and (min-width:1200px) {
    .inner-FuF2lO {
        padding: 0 108px
    }
}

@media screen and (min-width:1440px) {
    .inner-FuF2lO {
        padding: 0 120px
    }
}

@media screen and (min-width:1920px) {
    .inner-FuF2lO {
        padding: 0 240px
    }
}

.styledLink-HuHqaW {
    color: var(--color-text-5);
    white-space: nowrap;
    padding: 0 36px 0 0;
    font-weight: 600
}

[dir=rtl] .styledLink-HuHqaW {
    padding: 0 0 0 36px
}

.iconWrapper-iodjP1 {
    width: 12px;
    height: 12px;
    margin-top: 2px
}

.iconWrapper-iodjP1 .close-icon-announcement {
    color: #70798c;
    cursor: pointer
}

.styledMarQueeWrapper-X0XyGX {
    overflow: hidden
}

.marqueeContent-UQiAHr {
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .marqueeContent-UQiAHr {
        -webkit-line-clamp: 1;
        line-clamp: 1;
        text-wrap: nowrap
    }
    .marqueeContent-UQiAHr.animated-UWK2TK {
        -webkit-line-clamp: unset;
        line-clamp: unset;
        -webkit-box-orient: unset;
        width: -moz-fit-content;
        width: fit-content;
        padding-left: 100px;
        position: relative;
        left: -100px
    }
    .marqueeContent-UQiAHr.animated-UWK2TK:after {
        content: attr(data-text);
        position: absolute;
        right: -100%
    }
    .marqueeContent-UQiAHr[data-animation-duration] {
        animation: move-ZTBMon var(--animation-duration) linear infinite
    }
}

.textWithButton-GLK7iK {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

.textWithButton-GLK7iK p {
    margin: 0;
    display: inline
}

.actionBtn-thy7bI {
    color: var(--color-text-text-primary);
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-left: 4px;
    font-weight: 500;
    text-decoration: underline;
    display: inline
}

.clamped-nDnOWu p {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.clamped-nDnOWu .actionBtn-thy7bI {
    margin-top: 4px;
    margin-left: 0;
    display: block
}

.container-spFJx7 {
    background: var(--color-bg-secondary);
    min-height: 51px;
    color: var(--color-text-text-primary);
    align-items: center;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.container-spFJx7,
.wrapper-cyzDAK {
    box-sizing: border-box;
    width: 100%;
    justify-content: center;
    display: flex
}

.wrapper-cyzDAK {
    max-width: 1200px;
    height: -moz-min-content;
    height: min-content
}

.body-k7PZAJ {
    padding: 9.5px 0;
    overflow: hidden
}

.body-k7PZAJ:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 8px
}

.body-k7PZAJ:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 8px
}

.body-k7PZAJ:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 8px
}

.body-k7PZAJ:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 8px
}

.body-k7PZAJ:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 8px
}

.body-k7PZAJ:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 8px
}

.warningIcon-XiiCdg {
    flex-shrink: 0;
    align-self: flex-start;
    width: 16px;
    height: 16px;
    margin-top: 12px
}

.text-fvpE2_ {
    white-space: pre-wrap;
    align-items: center;
    display: flex
}

.verifyButton-_48BpQ {
    background-color: var(--color-cmpt-button-primary);
    height: 32px;
    color: var(--color-text-inverse-primary);
    cursor: pointer;
    border: none;
    border-radius: 16px;
    align-self: center;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500
}

.verifyButton-_48BpQ:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 32px;
    margin-right: 16px
}

.verifyButton-_48BpQ:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 32px;
    margin-right: 16px
}

.verifyButton-_48BpQ:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 32px;
    margin-right: 16px
}

.verifyButton-_48BpQ:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px;
    margin-right: 32px
}

.verifyButton-_48BpQ:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px;
    margin-right: 32px
}

.verifyButton-_48BpQ:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px;
    margin-right: 32px
}

.verifyButton-_48BpQ:hover {
    background-color: var(--color-cmpt-button-primary);
    color: var(--color-text-text-tertiary)
}

.closeButton-savUTz {
    cursor: pointer;
    background: none;
    border: none;
    flex-shrink: 0;
    justify-content: center;
    align-self: flex-start;
    width: 16px;
    height: 16px;
    margin-top: 12px;
    padding: 0;
    display: flex
}

.webContent-uf_LwF {
    display: flex
}

.h5Content-Uzy03F {
    display: none
}

@media (max-width:768px) {
    .container-spFJx7 {
        min-height: 40px;
        padding: 0 16px
    }
    .body-k7PZAJ {
        flex: 1
    }
    .body-k7PZAJ:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px;
        padding-right: 12px
    }
    .body-k7PZAJ:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px;
        padding-right: 12px
    }
    .body-k7PZAJ:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px;
        padding-right: 12px
    }
    .body-k7PZAJ:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 12px;
        padding-right: 8px
    }
    .body-k7PZAJ:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 12px;
        padding-right: 8px
    }
    .body-k7PZAJ:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 12px;
        padding-right: 8px
    }
    .webContent-uf_LwF {
        display: none
    }
    .h5Content-Uzy03F {
        display: block
    }
}

.mainNavContainer-oqbxlv {
    align-items: center;
    height: 100%;
    display: flex;
    position: relative
}

@media screen and (min-width:992px) {
    .mainNavContainer-oqbxlv {
        grid-template-columns: repeat(3, auto);
        justify-content: start;
        width: 100%;
        margin-left: 0;
        margin-right: 52px;
        display: grid
    }
    [dir=rtl] .mainNavContainer-oqbxlv {
        margin-left: 52px;
        margin-right: 0
    }
}

.tenAndTabToWeb3-IoSIrW {
    flex-shrink: 0;
    align-items: center;
    display: flex
}

.tenAndTabToWeb3Hidden-rUxUA0 {
    display: none
}

@media screen and (max-width:768px) {
    .tenAndTabToWeb3-IoSIrW {
        display: none
    }
}

.mainNavWrap-SziwqX {
    height: 100%;
    margin-left: var(--nav-wrap-margin-left, 0);
    margin-right: var(--nav-wrap-margin-right, 0);
    scrollbar-width: none;
    align-items: center;
    font-size: 14px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden
}

.mainNavWrap-SziwqX::-webkit-scrollbar {
    display: none
}

.mainNavWrap-SziwqX::-webkit-scrollbar-thumb,
.mainNavWrap-SziwqX::-webkit-scrollbar-track {
    background-color: transparent
}

.logoBox-WgKedS {
    cursor: pointer;
    height: 100%;
    margin-right: 10px;
    margin-left: unset;
    flex-shrink: 0;
    align-items: center;
    display: flex;
    position: relative
}

[dir=rtl] .logoBox-WgKedS {
    margin-right: unset;
    margin-left: 10px
}

.secondTitle-CDDYhF {
    color: var(--color-text-text-secondary);
    margin: 0 12px 8px;
    font-size: 12px;
    line-height: 12px
}

.itemContent-wzXOa4 {
    text-align: left;
    flex: 1;
    position: relative;
    overflow: hidden
}

[dir=rtl] .itemContent-wzXOa4 {
    text-align: right
}

.itemTitle-gvNOk0 {
    color: var(--color-text-text-primary);
    white-space: nowrap;
    align-items: center;
    font-weight: 500;
    line-height: 21px;
    display: flex
}

.itemTitle-gvNOk0 .prefixIconSvg-BobRMC {
    margin-left: 4px
}

[dir=rtl] .itemTitle-gvNOk0 .prefixIconSvg-BobRMC {
    margin-left: unset;
    margin-right: 4px
}

.itemTitle-gvNOk0 img {
    width: 16px;
    height: 16px;
    margin-left: 4px
}

[dir=rtl] .itemTitle-gvNOk0 img {
    margin-left: unset;
    margin-right: 4px
}

.itemTitleLabel-DEO2eT {
    white-space: normal;
    flex: 1;
    min-height: 24px
}

.itemTitleLabelWithIcon-exiCiG {
    min-height: 24px
}

.itemTitleLabelWithIcon-exiCiG,
.itemTitleLabelWithIconStyled-E2wIea {
    align-items: center;
    display: flex
}

.itemDesc-pfomi6 {
    color: var(--color-text-text-secondary);
    text-align: left;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

[dir=rtl] .itemDesc-pfomi6 {
    text-align: right
}

.itemDescDivide-FbJRdG {
    display: block
}

.itemHoverDivide-vrnfjc {
    color: var(--color-text-text-secondary);
    flex-wrap: wrap;
    align-items: center;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    display: flex
}

.verticalLine-rQAO3s {
    background-color: var(--color-line-divider-strong);
    width: 1px;
    height: 12px;
    margin: 0 12px
}

.divideLink-zvGNVq {
    color: var(--color-text-text-secondary);
    display: inline-block
}

.divideLinkHidden-i3ZI7C {
    display: none
}

.navMoreIcon-cKK2K_ {
    font-size: 12px;
    display: none
}

.navMoreIconShow-GJMegk {
    display: block
}

[dir=rtl] .navMoreIcon-cKK2K_ {
    transform: rotate(180deg)
}

.navMoreSvg-ssbo5I {
    visibility: hidden;
    width: 16px;
    min-width: 16px;
    height: 16px;
    color: var(--color-icon-icon-tertiary)
}

.navMoreSvg-ssbo5I:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.navMoreSvg-ssbo5I:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.navMoreSvg-ssbo5I:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 8px
}

.navMoreSvg-ssbo5I:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.navMoreSvg-ssbo5I:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.navMoreSvg-ssbo5I:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 8px
}

.extraPanelArrowWrap-lY7NH4 {
    cursor: pointer;
    opacity: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 100%;
    transition: opacity .25s ease-out, transform .25s ease-out;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(-6px)
}

.extraPanelArrowWrapRtl-yD43mZ {
    right: unset;
    left: 0;
    transform: translateX(6px)
}

.extraPanelArrowIcon-yMVoRD {
    width: 16px;
    height: 16px;
    color: var(--color-icon-icon-primary)
}

.extraPanelArrowIconRtl-xs5lcl {
    transform: rotate(180deg)
}

.secondNavItemWithPanel-WEkXOZ {
    box-sizing: border-box;
    width: 320px;
    min-height: 64px;
    color: var(--color-text-text-primary);
    text-align: left;
    border-radius: 8px;
    align-items: center;
    padding: 10px 40px 10px 12px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    position: relative
}

.secondNavItemWithPanelRtl-I7f8zV {
    padding-left: 40px;
    padding-right: 12px
}

.secondNavItemWithPanelHidden-e5dAt8 {
    display: none
}

.secondNavItemWithPanel-WEkXOZ:hover {
    background-color: var(--color-layer-4)
}

.secondNavItemWithPanel-WEkXOZ:hover .navMoreIcon-cKK2K_ {
    display: flex
}

.secondNavItemWithPanel-WEkXOZ:hover .navMoreSvg-ssbo5I {
    visibility: visible
}

.secondNavItemWithPanel-WEkXOZ:hover .extraPanelArrowWrap-lY7NH4 {
    opacity: 1;
    transform: translateX(0)
}

.zeroFlagWrap-FVk7dZ {
    background-color: var(--zero-flag-color, var(--color-function-tag-primary));
    height: 16px;
    color: var(--color-text-always-black);
    vertical-align: text-top;
    border-radius: 2px;
    flex-shrink: 0;
    margin-left: 4px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: inline-block
}

[dir=rtl] .zeroFlagWrap-FVk7dZ {
    margin-left: unset;
    margin-right: 4px
}

.secondItemTitle-hC64lX {
    color: var(--color-text-text-primary);
    border-radius: 4px;
    align-items: center;
    gap: 4px;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 500;
    display: flex
}

.secondItemTitle-hC64lX:hover {
    background-color: var(--color-layer-4)
}

.secondNavItem-alCGud {
    box-sizing: border-box;
    width: 320px;
    min-height: 64px;
    color: var(--color-text-text-primary);
    text-align: left;
    border-radius: 8px;
    align-items: center;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.secondNavItemHidden-i7X7MC {
    display: none
}

.secondNavItem-alCGud>.iconCircleBg-LxjFnT,
.secondNavItemWithPanel-WEkXOZ>.iconCircleBg-LxjFnT {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.secondNavItem-alCGud>.iconCircleBg-LxjFnT:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItem-alCGud>.iconCircleBg-LxjFnT:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItem-alCGud>.iconCircleBg-LxjFnT:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItemWithPanel-WEkXOZ>.iconCircleBg-LxjFnT:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItemWithPanel-WEkXOZ>.iconCircleBg-LxjFnT:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItemWithPanel-WEkXOZ>.iconCircleBg-LxjFnT:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItem-alCGud>.iconCircleBg-LxjFnT:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItem-alCGud>.iconCircleBg-LxjFnT:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItem-alCGud>.iconCircleBg-LxjFnT:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItemWithPanel-WEkXOZ>.iconCircleBg-LxjFnT:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItemWithPanel-WEkXOZ>.iconCircleBg-LxjFnT:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItemWithPanel-WEkXOZ>.iconCircleBg-LxjFnT:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItem-alCGud>svg:not(.navMoreSvg) {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.secondNavItem-alCGud>svg:not(.navMoreSvg):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItem-alCGud>svg:not(.navMoreSvg):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItem-alCGud>svg:not(.navMoreSvg):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItem-alCGud>svg:not(.navMoreSvg):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItem-alCGud>svg:not(.navMoreSvg):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItem-alCGud>svg:not(.navMoreSvg):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItem-alCGud>img.second-nav-icon-img {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.secondNavItem-alCGud>img.second-nav-icon-img:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItem-alCGud>img.second-nav-icon-img:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItem-alCGud>img.second-nav-icon-img:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItem-alCGud>img.second-nav-icon-img:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItem-alCGud>img.second-nav-icon-img:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItem-alCGud>img.second-nav-icon-img:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItemWithPanel-WEkXOZ>svg:not(.navMoreSvg) {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.secondNavItemWithPanel-WEkXOZ>svg:not(.navMoreSvg):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItemWithPanel-WEkXOZ>svg:not(.navMoreSvg):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItemWithPanel-WEkXOZ>svg:not(.navMoreSvg):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItemWithPanel-WEkXOZ>svg:not(.navMoreSvg):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItemWithPanel-WEkXOZ>svg:not(.navMoreSvg):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItemWithPanel-WEkXOZ>svg:not(.navMoreSvg):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItemWithPanel-WEkXOZ>img.second-nav-icon-img {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.secondNavItemWithPanel-WEkXOZ>img.second-nav-icon-img:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItemWithPanel-WEkXOZ>img.second-nav-icon-img:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItemWithPanel-WEkXOZ>img.second-nav-icon-img:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 12px
}

.secondNavItemWithPanel-WEkXOZ>img.second-nav-icon-img:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItemWithPanel-WEkXOZ>img.second-nav-icon-img:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.secondNavItemWithPanel-WEkXOZ>img.second-nav-icon-img:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 12px
}

.iconCircleBg-LxjFnT {
    background-color: var(--color-layer-4);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex
}

.iconCircleBg-LxjFnT img,
.iconCircleBg-LxjFnT svg {
    width: 16px;
    height: 16px
}

.secondNavItem-alCGud:hover {
    background-color: var(--color-layer-4)
}

.secondNavItem-alCGud:hover .navMoreIcon-cKK2K_ {
    display: flex
}

.secondNavItem-alCGud:hover .navMoreSvg-ssbo5I {
    visibility: visible
}

.secondNavCardWrap-Lb5LIw {
    width: var(--card-wrap-width, auto);
    height: 100%;
    display: block
}

.secondNavCardWrapHidden-SnmTgV {
    display: none
}

.secondNavCardWrap-Lb5LIw .secondNavItem-alCGud {
    min-height: var(--item-min-height, auto)
}

.tabToWeb3-RX9ARA {
    border: 1px solid var(--color-text-text-brand);
    background-color: #1a2250;
    border-radius: 100px;
    align-items: center;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: 8px;
    margin-right: 6px;
    font-weight: 500;
    line-height: 12px;
    display: flex;
    overflow: hidden
}

.tabToWeb3-RX9ARA a {
    color: #fff;
    padding: 5px 12px;
    font-size: 12px
}

.tabToWeb3-RX9ARA .activeTrade,
.tabToWeb3-RX9ARA .activeWeb3 {
    color: #fff;
    background-color: var(--color-text-text-brand);
    border-radius: 100px
}

.navDirectionIcon-H4pYqH {
    cursor: pointer;
    color: #fff;
    background-color: #070808;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.navDirectionIconHidden-g7Zn6U {
    display: none
}

.navLeftArrow-iB5z0k {
    z-index: 1;
    left: 126px
}

[dir=rtl] .navLeftArrow-iB5z0k {
    left: -22px
}

.navLeftArrow-iB5z0k:after {
    content: "";
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #070808 12px, #070808 0);
    width: 22px;
    height: 100%;
    display: block;
    position: absolute;
    right: -14px
}

.navRightArrow-JcQi65 {
    z-index: 1;
    right: -18px
}

[dir=rtl] .navRightArrow-JcQi65 {
    right: 126px
}

.navRightArrow-JcQi65:before {
    content: "";
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #070808 12px, #070808 0);
    width: 22px;
    height: 100%;
    display: block;
    position: absolute;
    left: -14px
}

.payWithBtnContainer-c0UKUP {
    padding-left: 12px;
    padding-right: unset;
    color: var(--color-text-text-primary);
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

[dir=rtl] .payWithBtnContainer-c0UKUP {
    padding-left: unset;
    padding-right: 12px
}

.payWithListContainer-hwBv_J {
    margin-right: -12px;
    margin-left: unset;
    display: none
}

.payWithListContainerShow-rV3siI {
    display: block
}

[dir=rtl] .payWithListContainer-hwBv_J {
    margin-right: unset;
    margin-left: -12px
}

.hiddenPayWithDiv-QwHyKX {
    height: 16px
}

.secondNavCardExtraPanel-W8xmPf {
    gap: 16px !important
}

.secondInlineGroup-WIiC5j {
    flex-direction: var(--inline-group-direction, row);
    gap: 24px;
    height: -moz-max-content;
    height: max-content;
    display: flex
}

.secondInlineGroup-WIiC5j .secondNavCardWrap-Lb5LIw:not(:first-child) .secondTitle-CDDYhF {
    margin-top: var(--inline-title-margin-top, 16px)
}

.secondInlineGroupHideSecond-UbiH_n .secondNavCardWrap-Lb5LIw:nth-child(2) {
    display: none
}

.payWithDevider-eCONRh {
    background: var(--color-line-divider-strong);
    width: 1px;
    margin: -16px 0 -16px 16px
}

.level4PanelWrapper-ptI9K9 {
    flex-direction: column;
    height: 100%;
    display: flex
}

.level4PanelBridge-DeuwwF {
    min-height: 12px
}

.depositContent-oT9kou {
    display: block
}

@media screen and (max-width:767px) {
    .depositContent-oT9kou {
        display: none
    }
}

@media screen and (max-width:768px) {
    .h5DepositBtn-DPPJ0z {
        white-space: nowrap;
        background-color: var(--color-text-text-brand) !important;
        border: none !important;
        border-radius: 99px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        line-height: 36px !important;
        display: flex !important
    }
    .h5DepositBtn-DPPJ0z a {
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 36px !important
    }
    .h5DepositBtn-DPPJ0z a,
    .h5DepositBtn-DPPJ0z:hover a {
        color: var(--color-text-always-white) !important
    }
}

@keyframes slideInRight-_TTqCz {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        transform: translateX(-50%)
    }
}

@keyframes slideInLeft-n_56nu {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    to {
        opacity: 1;
        transform: translateX(-50%)
    }
}

.styledContainer-E3f8sM {
    box-sizing: border-box;
    background-color: #1f2023;
    background-image: url(https://gimg2.staticimgs.com/header/20250611-170039202506111701345344106135.webp);
    background-position: right 24px center;
    background-repeat: no-repeat;
    background-size: 60px;
    border-radius: 8px;
    width: 320px;
    padding: 12px 94px 16px 20px;
    animation: slideInRight-_TTqCz .3s cubic-bezier(.3, 0, .3, 1) forwards;
    position: absolute;
    top: 58px;
    left: 14px
}

[dir=rtl] .styledContainer-E3f8sM {
    background-position: 24px 50%;
    padding: 12px 20px 16px 94px;
    animation: slideInLeft-n_56nu .3s cubic-bezier(.3, 0, .3, 1) forwards
}

@media screen and (max-width:1520px) {
    .styledContainer-E3f8sM {
        display: none
    }
}

.styledTitle-QvsRnw {
    color: var(--color-text-always-white);
    margin-bottom: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%
}

.styledTitle-QvsRnw span {
    color: var(--color-function-tag-primary)
}

.styledButton-NjnmtS {
    cursor: pointer;
    box-shadow: 0 0 4px 0 var(--color-link-default);
    background-color: var(--color-link-default);
    color: var(--color-text-always-white);
    text-align: center;
    box-sizing: border-box;
    border-image-slice: 24 fill;
    border-image-width: 8px;
    border-image-repeat: stretch;
    border-radius: 34px;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 24px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    display: flex
}

.styledButtonLabel-_IObyu {
    margin-right: 4px
}

[dir=rtl] .styledButtonLabel-_IObyu {
    margin-right: unset;
    margin-left: 4px
}

.styledCloseButton-kYUoyJ {
    cursor: pointer;
    background-image: url(https://gimg2.staticimgs.com/header/download-tip-close_20251205_151338_00ae8dcbbc32953c0c587dbdb345039d.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 8px;
    right: 8px
}

[dir=rtl] .styledCloseButton-kYUoyJ {
    right: unset;
    left: 8px
}

.styledArrow-Gp7rOV {
    width: 12px;
    height: 12px;
    transform: rotateY(0)
}

[dir=rtl] .styledArrow-Gp7rOV {
    transform: rotateY(180deg)
}

.globalSettingContainer-SR9JrI {
    display: flex
}

.settingItem-Sy8nT4 {
    cursor: pointer;
    min-width: 264px
}

.settingItem-Sy8nT4 .mantine-Group-root {
    gap: 0;
    padding-top: 0
}

.settingTitle-ZYN2Ow {
    color: var(--color-text-text-secondary);
    gap: 4px;
    height: 44px;
    font-size: 12px
}

.settingContent-rGQao0,
.settingTitle-ZYN2Ow {
    align-items: center;
    padding: 0 16px;
    display: flex
}

.settingContent-rGQao0 {
    gap: 10px;
    width: 100%;
    height: 52px
}

.settingContent-rGQao0 .mantine-Radio-label {
    display: block
}

.riseLabel-WleH1O {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500
}

.tabChangeContainer-OPDQZ_ {
    justify-content: flex-start;
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex
}

.tabChangeItem-YzsVn4 {
    color: var(--color-text-text-secondary);
    cursor: pointer;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s;
    position: relative
}

.tabChangeItem-YzsVn4:after {
    content: "";
    background: var(--color-text-text-primary);
    width: 100%;
    height: 4px;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0
}

.tabChangeItem-YzsVn4.active {
    color: var(--color-text-text-primary)
}

.tabChangeItem-YzsVn4.active:after {
    display: block
}

.tabContent-Hm3BVk {
    display: none
}

.tabContent-Hm3BVk.active {
    display: block
}

.langTitle-C9mQxc {
    color: var(--color-text-text-primary);
    font-size: 16px;
    font-weight: 600
}

.contentWrap-J76ItM {
    flex-wrap: wrap;
    max-height: 280px;
    margin-top: 8px;
    margin-left: -24px;
    display: flex
}

.contentItem-n7996C {
    background-color: unset;
    color: var(--color-text-text-primary);
    cursor: pointer;
    box-sizing: border-box;
    border-bottom: none;
    border-radius: 4px;
    width: calc(25% - 24px);
    height: 46px;
    margin: 24px 0 0 24px;
    padding-left: 16px;
    font-weight: 600;
    line-height: 46px;
    text-decoration: none
}

.contentItem-n7996C:hover {
    color: var(--color-text-text-brand)
}

.contentItem-n7996C.active,
.contentItem-n7996C:hover {
    background-color: var(--color-layer-4)
}

[dir=rtl] .contentItem-n7996C {
    padding-left: unset;
    margin: 24px 24px 0 0;
    padding-right: 16px
}

.rateTitleWrap-rQjPc6 {
    cursor: pointer;
    justify-content: space-between;
    display: flex
}

.outLink-ujGxXB {
    color: var(--color-text-text-brand);
    cursor: pointer;
    display: inline-block
}

.container-pRJNb0 {
    box-sizing: border-box;
    width: 400px
}

.reminderTitle-SAyYuG {
    font-size: var(--font-subtitle);
    color: var(--color-text-text-primary);
    font-weight: 600;
    line-height: 1.3
}

.reminderTitleRight-dHJnlB {
    color: var(--color-text-text-secondary);
    font-size: var(--font-body-s);
    cursor: pointer
}

.reminderTitleRight-dHJnlB span:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 2px
}

.reminderTitleRight-dHJnlB span:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 2px
}

.reminderTitleRight-dHJnlB span:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 2px
}

.reminderTitleRight-dHJnlB span:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 2px
}

.reminderTitleRight-dHJnlB span:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 2px
}

.reminderTitleRight-dHJnlB span:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 2px
}

.content-To_t3w {
    box-sizing: border-box;
    width: 100%;
    height: 318px;
    margin-bottom: 16px;
    padding: 12px 12px 0 16px;
    position: relative;
    overflow-y: auto
}

.content-To_t3w::-webkit-scrollbar-track {
    background-color: var(--color-bg-primary)
}

.content-To_t3w::-webkit-scrollbar-thumb {
    border-radius: 4px
}

.content-To_t3w::-webkit-scrollbar {
    width: 4px
}

.content-To_t3w .mantine-Overlay-root {
    background-color: transparent
}

.moreSpan-ehwJ9g {
    cursor: pointer;
    color: var(--color-text-text-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3
}

.wrapper-rdBgZu {
    padding-top: 0
}

.classic-dark .content-To_t3w::-webkit-scrollbar-thumb {
    background-color: #424242
}

.content-To_t3w::-webkit-scrollbar-thumb {
    background-color: #e9ebf0
}

.notificationListWrapper-LrZyPN {
    padding-top: 0
}

.noticeItem-eCGfFy {
    box-sizing: border-box;
    cursor: default;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 12px;
    transition: background-color .3s;
    display: flex
}

.noticeItem-eCGfFy:hover {
    background-color: var(--color-layer-4)
}

.noticeItem-eCGfFy.allowHref {
    cursor: pointer
}

.noticeTitle-E9LsCt {
    color: var(--color-text-text-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 21px
}

.noticeTitle-E9LsCt.isRead {
    color: var(--color-text-text-secondary)
}

.noticeContent-Vc8n9Q {
    color: var(--color-text-text-primary);
    margin-top: 8px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.5
}

.noticeContent-Vc8n9Q.isRead,
.noticeTime-CuvZhT {
    color: var(--color-text-text-secondary)
}

.noticeTime-CuvZhT {
    border-radius: 8px;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 120%;
    display: flex
}

.showMoreBtn-cIWrF4 {
    color: var(--color-text-text-brand);
    font-size: 12px;
    font-weight: 500
}

.tabsWrapper-J5U9kd {
    border-bottom: 1px solid var(--color-line-divider-divider)
}

.tabsWrapper-J5U9kd .gui-mantine-rtl-GateScrollTabs-root,
.tabsWrapper-J5U9kd .mantine-GateScrollTabs-root {
    padding-left: 16px;
    padding-right: 16px
}

.tabsWrapper-J5U9kd .gui-mantine-rtl-GateScrollTabs-root .mantine-Icon-root,
.tabsWrapper-J5U9kd .mantine-GateScrollTabs-root .mantine-Icon-root {
    width: 16px;
    height: 16px;
    color: var(--color-icon-icon-tertiary)
}

.tabsWrapper-J5U9kd .mantine-GateTabs-tab {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

.tabsWrapper-J5U9kd .mantine-GateTabs-tab:after {
    width: 16px;
    height: 3px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.tabsWrapper-J5U9kd .mantine-GateTabs-tab:first-of-type:after {
    transform: translateX(-5px)
}

.tabInnerItem-i1LSoV {
    display: flex;
    position: relative
}

.unReadNum-oUQnIX {
    background-color: var(--color-layer-4);
    height: 16px;
    color: var(--color-text-text-primary);
    top: 0;
    margin-top: -8px;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    font-size: 12px;
    display: flex
}

.unReadNum-oUQnIX:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: -20px;
    right: 0
}

.unReadNum-oUQnIX:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: -20px;
    right: 0
}

.unReadNum-oUQnIX:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: -20px;
    right: 0
}

.unReadNum-oUQnIX:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: -20px;
    left: 0
}

.unReadNum-oUQnIX:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: -20px;
    left: 0
}

.unReadNum-oUQnIX:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: -20px;
    left: 0
}

.redDot-H18xq7 {
    background-color: var(--color-function-hot);
    top: 12px;
    border: 1px solid #070808;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute
}

.redDot-H18xq7:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 6px
}

.redDot-H18xq7:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 6px
}

.redDot-H18xq7:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 6px
}

.redDot-H18xq7:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 6px
}

.redDot-H18xq7:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 6px
}

.redDot-H18xq7:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 6px
}

@media (max-width:1440px) {
    .redDot-H18xq7 {
        top: 0;
        border: none;
        margin-top: -14px;
        position: relative
    }
    .redDot-H18xq7:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: -2px
    }
    .redDot-H18xq7:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: -2px
    }
    .redDot-H18xq7:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: -2px
    }
    .redDot-H18xq7:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: -2px
    }
    .redDot-H18xq7:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: -2px
    }
    .redDot-H18xq7:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: -2px
    }
}

.emptyWrapper-WswDEv {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-top: 52px;
    display: flex
}

.emptyWrapper-WswDEv p {
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.normalMenuIcon-G__Lhw {
    fill: currentColor;
    box-sizing: content-box;
    color: #c4c7ca;
    width: 24px;
    height: 100%;
    padding: 0 8px
}

.logoutPopupCard-V3Mmjf {
    background-color: var(--color-layer-3);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1)
}

.logout-v2GTkg {
    cursor: pointer;
    background-color: var(--color-layer-3);
    width: 100%;
    padding: 16px 16px 24px;
    position: absolute;
    bottom: 0
}

.logoutInnerText-htfdUR {
    height: 40px;
    color: var(--color-text-text-primary);
    background-color: var(--color-layer-3);
    border: 1px solid var(--color-line-border-strong);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.logoutInnerText-htfdUR:hover {
    color: var(--color-cmpt-btn-white-pressed-txt)
}

.tips-s7Go6j {
    right: 103%;
    left: unset;
    background-color: var(--color-layer-3);
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    display: none;
    position: absolute;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1)
}

[dir=rtl] .tips-s7Go6j {
    left: 103%;
    right: unset
}

.logoutItem-OC2xsW {
    box-sizing: border-box;
    white-space: nowrap;
    align-items: center;
    height: 35px;
    padding: 0 16px;
    font-size: 12px;
    display: flex;
    position: relative
}

.logoutItem-OC2xsW:hover .tips-s7Go6j {
    display: block
}

.divider-ookFlr {
    background-color: var(--color-line-divider-strong);
    height: 1px;
    margin: 0 16px
}

.logoutModalContent-tZGDPu {
    text-align: center;
    color: var(--color-text-text-primary);
    font-size: 14px;
    line-height: 1.5
}

.logoutModalButtons-n1aszh {
    justify-content: center;
    gap: 12px;
    margin-top: 32px;
    display: flex
}

.logoutModalButtons-n1aszh button {
    border-radius: 8px;
    min-width: 120px;
    font-weight: 500;
    transition: all .2s
}

.logoutModalButtons-n1aszh button:hover {
    opacity: .8
}

.personalCenterIcon-Y5zJ4G {
    cursor: pointer;
    vertical-align: -.15em;
    fill: currentColor;
    width: 1em;
    height: 1em;
    font-size: 20px;
    transition: all .5s
}

.personalCenterSecondCard-xfgse6 {
    cursor: pointer;
    max-height: calc(100vh - 120px);
    overflow-y: unset;
    top: var(--header-height);
    background-color: var(--color-layer-3);
    border: 1px solid var(--color-layer-3);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    width: 276px;
    min-width: 280px;
    left: -120px;
    right: unset;
    border-radius: 8px;
    flex-direction: row;
    padding: 0;
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1), visibility .3s cubic-bezier(.645, .045, .355, 1);
    display: none;
    position: absolute;
    transform: translateY(5px);
    box-shadow: 0 6px 20px rgba(11, 12, 13, .06)
}

[dir=rtl] .personalCenterSecondCard-xfgse6 {
    left: unset;
    right: unset
}

.personalCenterSecondCard-xfgse6[data-is-offset] {
    left: -140px
}

[dir=rtl] .personalCenterSecondCard-xfgse6[data-is-offset] {
    left: unset;
    right: -100px
}

.personalCenterSecondCard-xfgse6[data-zero-offset] {
    left: unset;
    right: 0
}

[dir=rtl] .personalCenterSecondCard-xfgse6[data-zero-offset] {
    left: 0;
    right: unset
}

@media screen and (max-width:1520px) {
    .personalCenterSecondCard-xfgse6 {
        right: 0;
        left: unset
    }
    [dir=rtl] .personalCenterSecondCard-xfgse6 {
        right: unset;
        left: 0
    }
}

.personalCenterSecondCard-xfgse6::-webkit-scrollbar {
    width: 4px;
    height: 2px
}

.personalCenterSecondCard-xfgse6::-webkit-scrollbar-track {
    background-color: transparent
}

.personalCenterSecondCard-xfgse6::-webkit-scrollbar-thumb {
    background-color: var(--color-line-divider-short-divider)
}

.avatarImgWrap-poZWTy {
    cursor: pointer;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 50%;
    flex-shrink: 0;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    position: relative;
    overflow: hidden
}

.personalCenterContainer-taPttJ {
    align-items: center;
    height: 100%;
    margin: 0 8px;
    display: flex;
    position: relative
}

.personalCenterContainer-taPttJ:hover .personalCenterSecondCard-xfgse6 {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    display: flex;
    top: 48px;
    transform: translateY(0)
}

.personalCenterContainer-taPttJ:hover .avatarImgWrap-poZWTy,
.personalCenterContainer-taPttJ:hover .personalCenterIcon-Y5zJ4G {
    color: var(--color-text-text-brand)
}

@media screen and (max-width:1439px) {
    .personalCenterContainer-taPttJ {
        display: none
    }
}

.personalCenterWrap-Dwipto {
    width: 100%;
    padding: 24px 0 80px;
    overflow-y: auto
}

.personalCenterWrap-Dwipto::-webkit-scrollbar {
    width: 4px
}

.personalCenterWrap-Dwipto::-webkit-scrollbar-track {
    background-color: transparent
}

.personalCenterWrap-Dwipto::-webkit-scrollbar-thumb {
    background-color: var(--color-line-divider-divider)
}

.personalCenterWrap-Dwipto * {
    box-sizing: border-box
}

.avatarImgWrapW36H36-rD4ub3 {
    width: 36px;
    height: 36px
}

.userInfoArrowIcon-VjkTQx {
    color: var(--color-text-text-secondary)
}

[dir=rtl] .userInfoArrowIcon-VjkTQx {
    transform: rotate(-180deg)
}

.userInfoAbsolute-_oyxEM {
    top: 12px;
    left: 12px;
    right: unset;
    align-items: center;
    gap: 4px;
    display: flex;
    position: absolute
}

[dir=rtl] .userInfoAbsolute-_oyxEM {
    left: unset;
    right: 12px
}

.userInfoAbsoluteTop13Left12-QM2HP8 {
    top: 13px;
    left: 12px
}

[dir=rtl] .userInfoAbsoluteTop13Left12-QM2HP8 {
    left: unset;
    right: 12px
}

.userLevelNumber-xv2NnZ {
    display: none;
    position: absolute;
    top: 12px;
    left: 49px
}

.userLevelNumberVisible-pA_q2o {
    display: block
}

.infoContainer-fWp6si {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text-text-primary);
    flex: 1;
    margin: 0 10px;
    overflow: hidden
}

.phoneNumber-h59tfD {
    font-size: 16px;
    font-weight: 500
}

.phoneNumberInDrawer-kFcjM_ {
    font-size: 20px;
    font-weight: 500
}

.descWrap-FO6HI4 {
    color: var(--color-text-text-secondary);
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    display: flex
}

.descWrapColumnGap8-Nifwtr {
    -moz-column-gap: 8px;
    column-gap: 8px
}

.descWrapInDrawer-K5OLFb {
    font-weight: 500
}

.descWrapIsVip-a9SsY5 {
    color: #a0a3a7
}

.uid-MClmJ0 {
    font-weight: 400;
    line-height: 18px
}

.uid-MClmJ0,
.vip-_OaQEF {
    white-space: nowrap;
    color: var(--color-text-text-secondary)
}

.vip-_OaQEF {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px
}

.userAccountDetailPopupCard-qex6kP {
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .2));
    text-align: revert;
    background-color: var(--color-layer-3);
    border-radius: 8px;
    padding: 16px;
    font-size: 12px;
    position: relative
}

.userAccountDetailPopupCard-qex6kP:after {
    content: "";
    width: 0;
    height: 0;
    bottom: 50%;
    left: 100%;
    right: unset;
    background-color: transparent;
    border: 7px solid transparent;
    display: inline-block;
    position: absolute;
    transform: rotate(0)translateY(50%)
}

[dir=rtl] .userAccountDetailPopupCard-qex6kP:after {
    left: unset;
    right: 100%;
    transform: rotate(180deg)translateY(50%)
}

.userAccountInner-gEhYK2 {
    border: 1px solid var(--color-line-border-strong);
    border-radius: 8px;
    flex-direction: column;
    row-gap: 12px;
    padding: 12px;
    display: flex
}

.userAccountContainer-lpFn3L {
    margin-top: 16px;
    display: block;
    position: relative
}

.userAccountContainerHidden-Gjur1y {
    display: none
}

.accountItem-EAFy3f {
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    display: flex
}

.accountTitle-EQQpkj,
.narrowAccountTitle-sK3urL {
    color: var(--color-text-text-secondary)
}

.narrowAccountTitle-sK3urL {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.accountCountWrap-SGpqE3 {
    align-items: center;
    display: flex
}

.count-iiTP57 {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    margin: 0 4px;
    overflow: hidden
}

.count-iiTP57,
.fiat-UzMGYy {
    color: var(--color-text-text-primary);
    font-weight: 500
}

.currentLevel-dggaYP {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex
}

.currentLevel-dggaYP .vip-_OaQEF {
    margin: 0 4px
}

.upgradeProgress-yKa9Qw {
    align-content: center;
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    display: flex
}

.upgradePercent-SPvg1n {
    margin: 0 4px;
    font-weight: 600
}

.progressBar-I1TRmA {
    background: #eee;
    height: 4px;
    margin: 8px 0;
    position: relative
}

.progressBar-I1TRmA:before {
    content: "";
    width: var(--progress-percent, 0);
    background: var(--color-gradient-1);
    border-radius: 2px;
    height: 4px;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.upgradePlan-T1kMTw {
    color: var(--color-text-text-secondary);
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px
}

.upgradePlan-T1kMTw:last-child {
    margin-bottom: 0
}

.upgradePlan-T1kMTw>span {
    color: var(--color-text-text-primary);
    font-weight: 700;
    display: inline-block
}

.userInfoMenuText-Zv7vra {
    color: var(--color-text-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    position: relative;
    overflow: hidden
}

.userMenuThirdMenuItem-T5unLw {
    flex-direction: column;
    justify-content: center;
    padding: 16px 48px;
    display: flex
}

.userMenuThirdMenuItem-T5unLw:hover {
    background-color: var(--color-layer-4)
}

.verifyStatusPopupCard-R04tsF {
    background-color: var(--color-bg-primary);
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    width: -moz-max-content;
    width: max-content;
    min-height: 40px;
    padding: 0 16px;
    line-height: 40px;
    display: flex;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1)
}

.verifyStatusWrap-nscAKq {
    position: relative
}

.verifyIcon-PGXsS2 {
    color: #fff;
    background-color: #fd9526;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex
}

.avatarLink-ULW7JU {
    width: 100%;
    height: 100%;
    display: inline-block
}

.personalInfoWrap-Crp83C {
    padding: 0 16px
}

.sideNavContent-vhUziM {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

.logoutName-X5NXkQ {
    color: var(--color-text-text-primary);
    font-size: 14px
}

.logoutInfo-zw62Al {
    color: var(--color-text-text-primary);
    font-size: 12px
}

.styledDivider-nKr6Va {
    background-color: var(--color-line-divider-strong);
    height: 1px;
    margin: 0 16px
}

.userInfoBox-M8qA4y {
    padding: 0 16px
}

.userInfoBox-M8qA4y [class*=vip] {
    font-size: 16px
}

.navContainerUser-_xVVsR {
    color: var(--color-text-text-primary);
    align-items: center;
    text-decoration: none;
    display: flex
}

.accountTitle-GVNZI1 {
    color: var(--color-text-text-secondary)
}

.userAccountInnerDraw-XaBLNz {
    border: 1px solid var(--color-line-border-strong);
    border-radius: 8px;
    flex-direction: column;
    row-gap: 12px;
    padding: 12px;
    display: flex
}

.sidePersonalCenterContainer-byDX8R {
    margin: 0 10px;
    display: none
}

@media screen and (max-width:1439px) {
    .sidePersonalCenterContainer-byDX8R {
        display: flex
    }
}

.styledCopyUidIcon-dpHtHZ {
    cursor: pointer;
    min-width: 12px;
    color: var(--color-text-text-secondary);
    pointer-events: auto;
    font-size: 12px
}

.styledCopyUidIcon-dpHtHZ:hover {
    color: var(--color-icon-icon-quaternary)
}

.profileContainer-nLkKvf {
    align-items: center;
    height: 100%;
    padding: 0;
    font-size: 14px;
    display: none
}

@media screen and (min-width:768px) {
    .profileContainer-nLkKvf {
        display: flex
    }
}

.profileContainer-nLkKvf .assets-and-order-flex {
    display: flex
}

@media screen and (max-width:1439px) {
    .profileContainer-nLkKvf .assets-and-order-flex {
        display: none
    }
}

.walletWrap-EDC9T6 {
    color: #fff;
    cursor: pointer;
    align-items: center;
    gap: 2px;
    display: flex;
    overflow: hidden
}

.walletWrap-EDC9T6:hover {
    color: #247cff
}

.orderWrap-ZAdmr8 {
    color: #fff;
    cursor: pointer;
    align-items: center;
    gap: 2px;
    display: flex;
    overflow: hidden
}

.orderWrap-ZAdmr8:hover {
    color: #247cff
}

.profileSecondCard-SGAjAl.profileSecondCard-SGAjAl {
    flex-direction: column;
    min-width: 264px;
    padding: 8px 0;
    left: -170px;
    right: 0;
    overflow-y: auto
}

.profileSecondCard-SGAjAl[data-lang=ar] {
    left: 0;
    right: unset
}

.profileSecondCard-SGAjAl::-webkit-scrollbar-thumb {
    background-color: var(--color-text-4)
}

.profileSecondCard-SGAjAl::-webkit-scrollbar {
    width: 4px
}

.profileSecondCard-SGAjAl::-webkit-scrollbar-track {
    background-color: transparent
}

.secondMenuItemTextWrap-sRl5c9 {
    flex-shrink: 0;
    align-items: center;
    display: flex;
    overflow-x: hidden
}

.secondMenuItemIcon-X43qEp {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-left: unset;
    color: var(--icon-color, var(--color-icon-icon-primary));
    flex-shrink: 0
}

.secondMenuItemIcon-X43qEp[data-lang=ar] {
    margin-right: unset;
    margin-left: 8px
}

.personalSecondMenuItemIcon-Y_xTxa {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-left: unset
}

.personalSecondMenuItemIcon-Y_xTxa[data-lang=ar] {
    margin-right: unset;
    margin-left: 8px
}

.secondMenuItemArrowIcon-g6ZCRH {
    vertical-align: -.15em;
    fill: currentColor;
    width: 12px;
    height: 12px;
    color: var(--color-text-text-tertiary);
    font-size: 12px;
    transition: transform .2s
}

.secondMenuItemTextFlex-s10dyM {
    flex-direction: column;
    justify-content: center;
    display: flex;
    overflow-x: hidden
}

.secondMenuItemText-RPpC7e {
    color: var(--color-text-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    position: relative;
    overflow: hidden
}

.secondMenuItemCorner-NdtcdV {
    background-color: var(--color-text-text-brand);
    color: #fff;
    border-radius: 4px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    display: inline;
    position: relative;
    top: -3px;
    left: 2px
}

.secondMenuItemTextDesc-zsGILx {
    color: var(--color-text-text-secondary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden
}

.secondMenuItem-_KZntT {
    height: var(--menu-item-height, 60px);
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 0 16px;
    display: flex
}

.thirdMenuWrap-RwOMhL {
    display: none
}

.thirdMenuItem-AXkwRL {
    padding: var(--third-menu-padding, 14px 48px);
    flex-direction: column;
    justify-content: center;
    display: flex
}

.thirdMenuItem-AXkwRL:hover {
    background-color: var(--color-layer-4)
}

.thirdContent-pGZp_I {
    align-items: center;
    display: flex
}

.thirdText-b8xuRW {
    font-weight: 400;
    line-height: 150%
}

.thirdDesc-kcNTTt {
    align-items: center;
    margin-top: 8px;
    display: flex
}

.thirdDescText-xrJkVQ {
    color: var(--color-text-text-secondary);
    font-size: 12px;
    font-weight: 500
}

.thirdDescText-xrJkVQ:hover {
    color: var(--color-text-text-primary)
}

.thirdLine-EpkjJy {
    background-color: var(--color-line-border-strong);
    width: 1px;
    height: 8px;
    margin: 0 12px;
    display: block
}

.thirdLineHidden-uGhRRS {
    display: none
}

.secondMenuItemWrap-lr2j32 {
    display: block
}

.secondMenuItemWrap-lr2j32 .thirdMenuWrap-RwOMhL,
.secondMenuItemWrapHidden-rb4kkn {
    display: none
}

.secondMenuItemWrapVisible-KvlZVT .thirdMenuWrap-RwOMhL {
    display: block
}

.secondMenuItemWrap-lr2j32 .secondMenuItem-_KZntT {
    background-color: unset;
    transform: unset
}

.secondMenuItemWrapVisible-KvlZVT .secondMenuItem-_KZntT {
    background-color: var(--color-layer-4);
    transform: translateZ(0)
}

.secondMenuItemWrap-lr2j32 .secondMenuItemArrowIcon-g6ZCRH {
    transform: unset
}

.secondMenuItemWrapVisible-KvlZVT .secondMenuItemArrowIcon-g6ZCRH {
    transform: rotate(180deg)
}

.secondMenuItemWrap-lr2j32:hover .secondMenuItem-_KZntT {
    background-color: var(--color-layer-4)
}

.controlSidePersonalCenter-y5vTNT {
    display: none
}

@media screen and (max-width:768px) {
    .controlSidePersonalCenter-y5vTNT {
        display: block
    }
}

.flexRowDiv-aOEPtp {
    align-items: center;
    display: flex
}

.vipText-x4s8Ir {
    color: var(--color-text-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 100%
}

.trialCard-KbKNd7 {
    color: #070808;
    background-color: #ffd98c;
    border-radius: 2px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
    display: inline-block
}

.btnContainer-d_Wjvp {
    box-sizing: border-box;
    display: none
}

@media screen and (max-width:768px) {
    .btnContainer-d_Wjvp {
        flex-direction: column;
        display: flex
    }
}

.button-cEk8HI {
    background: var(--color-cmpt-button-soft);
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    height: 44px;
    display: flex
}

.button-cEk8HI a {
    color: var(--color-text-text-primary);
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 400
}

.buttonHidden-xoTO_r {
    display: none
}

.buttonPrimary-vUC2Yr {
    background: var(--color-text-text-brand)
}

.buttonPrimary-vUC2Yr a {
    color: var(--color-text-always-white)
}

.navBtnContainer-qFKc13 .button-cEk8HI:not(:first-child) {
    margin-top: 12px
}

@media screen and (max-width:768px) {
    .navBtnContainer-qFKc13 {
        padding-bottom: 24px;
        display: flex
    }
    .navBtnContainerLogin-DzbiND {
        padding-bottom: 0
    }
}

@media screen and (max-width:414px) {
    .navBtnContainer-qFKc13 {
        padding-bottom: 12px
    }
    .navBtnContainerLogin-DzbiND {
        padding-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .loginBtnContainer-nGHT3X {
        flex-direction: row;
        gap: 12px
    }
}

.loginBtnContainer-nGHT3X .button-cEk8HI {
    flex: 1
}

.loginBtnContainer-nGHT3X .button-cEk8HI:first-child:active,
.loginBtnContainer-nGHT3X .button-cEk8HI:first-child:focus,
.loginBtnContainer-nGHT3X .button-cEk8HI:first-child:hover {
    background: var(--color-cmpt-button-soft-active)
}

.loginBtnContainer-nGHT3X a:active,
.loginBtnContainer-nGHT3X a:focus,
.loginBtnContainer-nGHT3X a:hover {
    color: var(--color-text-text-tertiary)
}

.sideBtnGroupContainer-OVxe2i {
    padding: 0 16px;
    display: none
}

.sideBtnGroupContainer-OVxe2i>div:not(:first-child) {
    padding-top: 12px
}

.sideBtnGroupContainer-OVxe2i>div:last-child {
    padding-bottom: 24px
}

@media screen and (max-width:768px) {
    .sideBtnGroupContainer-OVxe2i {
        display: block
    }
}

.rewardsHubCardContainer-wpOSar {
    background: var(--color-cmpt-button-soft);
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    margin-bottom: 12px;
    padding: 10px 16px;
    display: flex
}

.rewardsHubCardContainer-wpOSar:hover {
    background: var(--color-cmpt-component-hover)
}

.rewardsHubTitle-rJdOpq {
    color: var(--color-text-text-primary);
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600
}

.rewardsHubSubtitle-S7MCZS {
    color: var(--color-text-text-secondary);
    margin: 0;
    font-size: 14px
}

.winRewardsSpan-Q_pJE0 {
    color: var(--color-core-brand-5)
}

.downloadContainer-mYAtlI {
    background-color: var(--color-layer-3);
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 16px 24px;
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

.downloadContainer-mYAtlI span {
    font-weight: 500
}

@media screen and (max-width:768px) {
    .downloadContainer-mYAtlI span {
        font-weight: 400
    }
}

@media screen and (max-width:992px) {
    .downloadContainer-mYAtlI {
        display: flex
    }
}

.sideNavContainer-w9U3qE {
    display: none;
    position: relative
}

@media screen and (max-width:992px) {
    .sideNavContainer-w9U3qE {
        display: block
    }
}

.sideNavContainer-w9U3qE:after {
    content: "";
    background-color: var(--color-line-divider-strong);
    width: 90%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 16px
}

.sideNavWrapper-LLbaaB {
    display: block
}

.sideNavWrapperHidden-fyDiWR {
    display: none
}

.sideNavSecondTitle-E448yt {
    color: var(--color-text-text-secondary);
    padding: 10px 32px
}

.sideNavSecondContainer-XabOIG {
    cursor: pointer;
    padding: 0 32px;
    color: var(--color-text-text-primary);
    align-items: center;
    height: 53px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.sideNavSecondContainer-XabOIG:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: 16px
}

.sideNavSecondContainer-XabOIG:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: 16px
}

.sideNavSecondContainer-XabOIG:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: 16px
}

.sideNavSecondContainer-XabOIG:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 16px
}

.sideNavSecondContainer-XabOIG:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 16px
}

.sideNavSecondContainer-XabOIG:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 16px
}

.sideNavThirdContent-OxH0kF {
    color: var(--color-text-text-primary);
    padding-left: 48px
}

.sideNavPoint-SyF60N {
    background-color: #17e6a1;
    flex-shrink: 0;
    align-self: flex-start;
    width: 8px;
    height: 8px;
    margin: 3px 12px
}

.sideNavName-PZL7PF {
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.sideNavName-PZL7PF img {
    margin-left: 4px
}

.sideNavNameWithIcon-gsuWgR {
    position: relative
}

.sideNavNameWithIcon-gsuWgR>div {
    transform: translateY(-6px)
}

.iconFlagWrap-qT3n7T {
    width: 30px;
    height: 16px;
    margin-left: 4px
}

.iconFlagWrap-qT3n7T img {
    width: 100%;
    height: 100%
}

.sideNavDesc-DUmdT6 {
    color: var(--color-text-text-secondary);
    padding: 12px 0 0;
    font-size: 12px;
    line-height: 18px
}

.sideNavExtraLink-LCQvL8 {
    align-items: center;
    padding: 12px 0 0;
    display: flex
}

.extraLinkName-xXTyPh,
.sideNavExtraLink-LCQvL8 a {
    color: var(--color-text-text-secondary)
}

.extraLinkName-xXTyPh {
    font-size: 12px;
    font-weight: 400
}

.extraLinkName-xXTyPh:hover {
    color: var(--color-text-text-brand)
}

.extraLinkLine-ApIR5Y {
    background-color: var(--color-text-text-secondary);
    width: 1px;
    height: 10px;
    margin: 0 15px
}

.blockContent-L5ly3V {
    display: block
}

.blockContentHidden-lEy0eq {
    display: none
}

.langItem-kw0GES {
    cursor: pointer;
    height: 53px;
    color: var(--color-text-text-primary);
    box-sizing: border-box;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: flex
}

@media screen and (max-width:768px) {
    .langItem-kw0GES {
        font-weight: 400
    }
}

.langItemActive-dwGaaq {
    color: var(--color-text-text-brand)
}

.changeThemeBtn-FSdv7L {
    cursor: pointer
}

.riseLabel-Ck1UKV {
    color: var(--color-text-text-primary);
    margin: var(--rise-label-margin, unset);
    font-size: 14px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .riseLabel-Ck1UKV {
        font-weight: 400
    }
}

.settingContent-vkSRQ2 {
    width: 100%
}

.settingItem-rWvELs {
    cursor: pointer;
    align-items: center;
    gap: 10px;
    min-width: 95px;
    min-height: 40px;
    padding: 0 32px;
    display: flex
}

.settingItem-rWvELs:hover {
    background-color: var(--color-bg-primary)
}

.settingItem-rWvELs .mantine-Radio-label {
    display: block
}

.riseIcon-yciBAX {
    width: 20px;
    height: 20px
}

.themeIconWraper-BaIovU {
    background-color: var(--color-card-2);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

.themeIconWraper-BaIovU img {
    width: 60%;
    height: 60%
}

.themeIconPark-wS7S_V {
    width: 16px;
    height: 16px;
    color: var(--color-icon-icon-primary)
}

.modalItem-PiY_WM {
    cursor: pointer;
    height: 56px;
    color: var(--color-text-text-primary);
    background-color: transparent;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: flex
}

@media screen and (max-width:768px) {
    .modalItem-PiY_WM {
        font-weight: 400
    }
}

.modalItem-PiY_WM svg {
    color: var(--color-text-text-primary)
}

.modalItemActive-_LeCka svg {
    color: var(--color-icon-icon-primary)
}

.titlePadding-WNUzvQ {
    padding-top: 10px
}

.gateIconParkSuccess-CKJkXY {
    width: 20px;
    height: 20px;
    color: var(--color-icon-icon-primary)
}

.modalItemTitleWithIcon-cIl7wg {
    align-items: center;
    gap: 10px;
    display: flex
}

.sideMenuContainer-z10sTM {
    align-items: center;
    height: 100%;
    display: flex
}

@media screen and (min-width:1440.1px) {
    .sideMenuContainer-z10sTM {
        display: none
    }
}

.sideMenuContentWrap-WuU0oH {
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: calc(100% - 72px);
    overflow-y: auto
}

.sideMenuContentWrap-WuU0oH::-webkit-scrollbar {
    display: none
}

@media screen and (max-width:992px) {
    .sideMenuContentWrapDownload-onjTYp {
        height: calc(100% - 174px)
    }
}

.hamburgerMenuIcon-DlJfwJ svg {
    color: #c4c7ca;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-right: unset
}

.hamburgerMenuSvg-EYYb47 {
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

[dir=rtl] .hamburgerMenuIcon-DlJfwJ svg {
    margin-right: 10px;
    margin-left: unset
}

.sideMoreIcon-Fk7Vg4 {
    cursor: pointer;
    fill: currentColor;
    width: 16px;
    height: 16px;
    min-height: 16px;
    color: var(--color-text-text-tertiary);
    font-size: 16px;
    transition: all .2s;
    display: inline-block
}

.sideMoreIcon-Fk7Vg4:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 12px
}

.sideMoreIcon-Fk7Vg4:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 12px
}

.sideMoreIcon-Fk7Vg4:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 12px
}

.sideMoreIcon-Fk7Vg4:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 12px
}

.sideMoreIcon-Fk7Vg4:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 12px
}

.sideMoreIcon-Fk7Vg4:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 12px
}

@media screen and (max-width:767.9px) {
    .sideOperateIcon-pL9rOO {
        display: none !important
    }
}

.menuItemWrap-Bnt0VX {
    cursor: pointer;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    padding: 12px 16px;
    transition: all .2s;
    display: flex
}

.menuItemWrap-Bnt0VX>a {
    width: 100%
}

.menuItemWrap-Bnt0VX:active,
.menuItemWrap-Bnt0VX:active a,
.menuItemWrap-Bnt0VX:focus,
.menuItemWrap-Bnt0VX:hover {
    background: var(--color-line-border-subtle) !important
}

.menuItem-B015fn {
    align-items: center;
    display: flex
}

.menuItem-B015fn>svg:not(.arrow-icon):not(.side-icon-svg) {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-left: unset
}

[dir=rtl] .menuItem-B015fn>svg:not(.arrow-icon):not(.side-icon-svg) {
    margin-right: unset;
    margin-left: 8px
}

.menuItemIcon-EwEyti {
    fill: currentColor;
    width: 1em;
    height: 1em;
    color: var(--color-text-text-brand);
    font-size: 24px
}

.menuItemText-B8YrzR {
    font-size: 16px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .menuItemText-B8YrzR {
        font-weight: 400
    }
}

.secondMenu-MESwrE {
    display: block
}

.secondMenuHidden-q78Ius {
    display: none
}

.secondMenu-MESwrE .mantine-Group-root {
    padding-top: 0
}

.thirdMenu-AHr_Dd {
    display: block
}

.thirdMenuItem-T20V62 {
    cursor: pointer;
    color: var(--color-text-text-primary);
    box-sizing: border-box;
    place-content: center space-between;
    align-items: center;
    height: 53px;
    padding: 14px 16px 14px 32px;
    display: flex
}

.thirdMenuItem-T20V62>div {
    display: flex
}

.sideOperatMenuWrap-nuXaI7 {
    display: block
}

.sideOperatMenuWrapHidden-JqHtqj {
    display: none
}

@media screen and (max-width:768px) {
    .sideOperatMenuWrapHideInH5-hAcBNM {
        display: none
    }
}

.sideOperatMenuWrap-nuXaI7 .secondMenu-MESwrE {
    display: none
}

.sideOperatMenuWrapVisible-KObktf .secondMenu-MESwrE {
    display: block
}

.sideOperatMenuWrap-nuXaI7 .sideMoreIcon-Fk7Vg4 {
    transform: unset
}

.sideOperatMenuWrapVisible-KObktf .sideMoreIcon-Fk7Vg4 {
    transform: rotate(180deg)
}

.sideOperatMenuWrap-nuXaI7:hover .menuItemWrap-Bnt0VX {
    background-color: var(--color-layer-4)
}

.sideNavThirdContainer-J7PTKo {
    display: block
}

.sideNavThirdContainerHidden-eLuboM {
    display: none
}

.sideNavThirdContainer-J7PTKo .sideMoreIcon-Fk7Vg4 {
    transform: unset
}

.sideNavThirdContainerVisible-p51QJq .sideMoreIcon-Fk7Vg4 {
    transform: rotate(180deg)
}

.sideNavThirdContainer-J7PTKo .thirdMenu-AHr_Dd {
    display: none
}

.sideNavThirdContainerVisible-p51QJq .thirdMenu-AHr_Dd {
    display: block
}

.trText-qCKZJW {
    color: var(--color-text-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.trBtnWrap-KnmyCL {
    gap: 16px;
    margin-top: 28px;
    display: flex
}

.vipBackgroundWrap-RnOcK1 {
    background-repeat: no-repeat;
    width: 100%;
    position: relative
}

.vipBackgroundWrapHeader-loUBFb {
    background-position: 100% 100%;
    background-size: 84px 84px
}

.vipBackgroundWrapSidebar-NBax7a {
    background-position: 100% 100%;
    background-size: 113px 113px
}

.vipBackgroundWrapHeaderAr-xtsl6f {
    background-position: 0 100%;
    background-size: 84px 84px
}

.vipBackgroundWrapSidebarAr-J0kTCy {
    background-position: 0 100%;
    background-size: 113px 113px
}

.vipGateText-Drzwxu {
    color: #cab29a
}

.userInfoWrap-AN5AZr {
    background-color: var(--color-bg-secondary);
    cursor: pointer;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 24px 12px;
    display: flex;
    position: relative
}

.userInfoWrap-AN5AZr.isVip-H45sO2 {
    padding: 40px 12px 32px
}

.badgeContainer-WE7jdP {
    color: var(--color-text-text-secondary);
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    position: relative
}

[dir=rtl] .badgeContainer-WE7jdP {
    padding: 0 0 0 8px
}

[dir=ltr] .badgeContainer-WE7jdP {
    padding: 0 8px 0 0
}

.badgeContainer-WE7jdP:before {
    content: "";
    background-color: var(--color-function-hot);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: -4px;
    right: 0
}

[dir=rtl] .badgeContainer-WE7jdP:before {
    left: 0;
    right: unset
}

.operationContainer-LbZFHi {
    height: 100%
}

.loginBtnGroup-I2lZtN,
.operationContainer-LbZFHi {
    align-items: center;
    display: flex
}

.loginBtnGroupHidden-bep0lr {
    display: none
}

.baseButton-Bx_IIC {
    white-space: nowrap;
    cursor: pointer;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.baseButton-Bx_IIC>a {
    color: #fff
}

.baseButtonHidden-di5_1A {
    display: none
}

@media screen and (max-width:768px) {
    .baseButton-Bx_IIC {
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 99px;
        height: 28px;
        margin: 0 8px;
        padding: 0 12px;
        font-size: 12px;
        line-height: 28px
    }
    .baseButton-Bx_IIC a {
        color: #070808;
        line-height: 28px
    }
    .baseButton-Bx_IIC:hover a {
        color: #84888c
    }
}

.registerButton-XyWxp7 {
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 99px;
    height: 28px;
    margin: 0 8px;
    padding: 0 12px;
    font-size: 12px;
    line-height: 28px
}

.registerButton-XyWxp7 a {
    color: #070808;
    line-height: 28px
}

.registerButton-XyWxp7:hover a {
    color: #84888c
}

@media screen and (max-width:768px) {
    .registerButton-XyWxp7 {
        display: none
    }
}

.normalMenuIcon-dSKLIg {
    fill: currentColor;
    box-sizing: content-box;
    color: #c4c7ca;
    width: 24px;
    height: 100%;
    padding: 0 8px
}

.optionItem-Jh0Q6m {
    cursor: pointer;
    background-color: var(--color-layer-3);
    top: var(--header-height);
    right: 0;
    left: unset;
    border-radius: 8px;
    display: none;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(23, 56, 153, .08)
}

[dir=rtl] .optionItem-Jh0Q6m {
    left: 0;
    right: unset
}

.downloadWrapper-a_phr5 {
    height: 100%;
    position: relative
}

.divider-sXfBml {
    background-color: #484b51;
    width: 1px;
    height: 16px;
    margin: 0 8px;
    display: block
}

.dividerHidden-r_3Qvg {
    display: none
}

.opDorpDown-NWQhPt {
    cursor: pointer;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative
}

.opDorpDown-NWQhPt>svg {
    color: #c4c7ca
}

.opDorpDown-NWQhPt:last-child:after,
.opDorpDownHidden-fVDlsv {
    display: none
}

@media screen and (min-width:992px) {
    .opDorpDown-NWQhPt:hover .optionItem-Jh0Q6m {
        flex-direction: column;
        align-items: center;
        display: flex
    }
}

.extraOperationContainer-U8YYBh .opDorpDown-NWQhPt:last-child .normalMenuIcon-dSKLIg:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: 0
}

.extraOperationContainer-U8YYBh .opDorpDown-NWQhPt:last-child .normalMenuIcon-dSKLIg:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: 0
}

.extraOperationContainer-U8YYBh .opDorpDown-NWQhPt:last-child .normalMenuIcon-dSKLIg:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: 0
}

.extraOperationContainer-U8YYBh .opDorpDown-NWQhPt:last-child .normalMenuIcon-dSKLIg:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 0
}

.extraOperationContainer-U8YYBh .opDorpDown-NWQhPt:last-child .normalMenuIcon-dSKLIg:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 0
}

.extraOperationContainer-U8YYBh .opDorpDown-NWQhPt:last-child .normalMenuIcon-dSKLIg:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 0
}

@media screen and (max-width:1440px) {
    .extraOperationContainer-U8YYBh {
        display: none
    }
}

.headerDownloadApp-VEp7To {
    z-index: 2;
    border-radius: 8px;
    width: 228px;
    min-width: 228px;
    box-shadow: 0 7px 20px rgba(13, 31, 66, .07)
}

.qrCodeText-S8G2v4 {
    word-break: break-word;
    white-space: normal;
    color: var(--color-text-text-primary);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}

.aggregatedSearch-hhamVM {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    min-width: 24px;
    height: 100%;
    padding: 0 8px;
    display: flex;
    position: relative
}

.aggregatedSearch-hhamVM>svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-top: 2px
}

.aggregatedSearch-hhamVM .aggregated-search__icon {
    color: #c4c7ca
}

.dropOption-XNsOCP {
    cursor: auto
}

.optionsBox-uADGut {
    width: 100%
}

.currencyButton-WhemOQ {
    background-color: transparent;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    display: flex
}

.currencyName-VN1x9W {
    color: var(--color-text-text-primary);
    flex-grow: 1;
    margin: 0 4px;
    font-weight: 500
}

.styledIcon-C1dloo {
    width: 12px;
    height: 12px;
    transform: rotate(270deg)
}

.styledIconRtl-eV4777 {
    transform: rotate(90deg)
}

.container-Vu88CM {
    justify-content: space-between;
    align-items: center;
    height: 44px;
    padding: 0 0 0 16px;
    line-height: 44px;
    display: flex
}

.listContainer-DfLmRC {
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 12px 12px 0 0;
    flex-direction: column;
    width: 167px;
    height: 410px;
    padding: 0 16px;
    display: flex;
    overflow-y: hidden
}

.listContainerInDrawer-DsMj4T {
    background-color: var(--color-layer-1);
    width: unset;
    height: calc(100vh - 68px);
    padding: unset;
    box-sizing: content-box
}

.currencyList-g60KcM {
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-grow: 1;
    overflow-y: auto
}

.currencyList-g60KcM .no-scrollbar::-webkit-scrollbar,
.currencyList-g60KcM::-webkit-scrollbar {
    display: none
}

.currencyList-g60KcM .no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.currencyItemWrapper-nnJcYq {
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding: 0 8px;
    line-height: 36px;
    display: flex
}

.currencyItemWrapperInDrawer-xbGAvj {
    height: 60px;
    padding: 0 16px;
    line-height: 52px
}

.currencyItemWrapper-nnJcYq:hover {
    background-color: var(--color-layer-4)
}

.iconWrapper-HoyqS4 {
    align-items: center;
    display: flex
}

.selectedIcon-JQUicJ {
    color: var(--color-text-text-brand)
}

.currencyName-BkwzBq {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 500
}

.currencyNameInDrawer-jLseMJ {
    margin-left: 12px;
    font-size: 16px
}

[dir=rtl] .currencyName-BkwzBq {
    margin-left: unset;
    margin-right: 8px
}

[dir=rtl] .currencyNameInDrawer-jLseMJ {
    margin-left: unset;
    margin-right: 12px
}

.styledSearch-Xx_iCO {
    justify-content: space-between;
    margin: 0 0 8px
}

.styledSearchInDrawer-kbSrv0 {
    margin: 8px 16px 12px
}

.styledSearch-Xx_iCO>input {
    flex-grow: 1
}

.styledSearch-Xx_iCO>.mantine-GateInput-wrapper {
    margin: 0
}

.closeButtonIcon-rGU4co {
    cursor: pointer;
    width: 1em;
    height: 1em;
    color: var(--color-icon-icon-quaternary);
    font-size: 16px;
    transition: all .5s;
    display: inline-block
}

.payWithWrapper-pwwLlZ {
    color: var(--color-text-text-primary);
    justify-content: space-between;
    padding: 12px 16px 4px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: flex
}

.paywithOutWrapper-PzqGzr {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

.paywithNavName-TYEo8v {
    font-size: 14px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .paywithNavName-TYEo8v {
        font-weight: 400
    }
}

.paywithNavName-TYEo8v:hover {
    color: var(--color-text-text-brand)
}

.emptyWrapper-qOpnZ5 {
    padding: 64px 0
}

.tabButton-gnFngE {
    cursor: pointer;
    white-space: nowrap;
    z-index: 1;
    height: 36px;
    color: var(--color-text-text-secondary);
    background-color: unset;
    border-radius: 4px;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 36px;
    display: flex;
    position: relative
}

.tabButtonActive-PTdDrY {
    background-color: var(--color-layer-4)
}

.navTitleWrap-wk7DRG,
.tabButton-gnFngE:hover,
.tabButtonActive-PTdDrY {
    color: var(--color-text-text-primary)
}

.navTitleWrap-wk7DRG {
    cursor: pointer;
    align-items: center;
    min-width: 50px;
    display: flex
}

.navArrowSvg-nu3FvB {
    cursor: pointer;
    vertical-align: -.15em;
    fill: currentColor;
    width: 1em;
    height: 1em;
    color: var(--color-text-text-secondary);
    margin: 0 0 0 4px;
    font-size: 12px;
    transition: all .5s
}

[dir=rtl] .navArrowSvg-nu3FvB {
    margin: 0 4px 0 0
}

.navArrowSvg-nu3FvB:hover {
    color: var(--color-text-text-brand);
    transform: rotate(0)
}

.secondNavCardItem-Ew0us1 {
    white-space: nowrap;
    cursor: pointer;
    width: 148px;
    height: 36px;
    color: var(--color-text-text-primary);
    text-align: left;
    border-radius: 4px;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.secondNavCardItem-Ew0us1:hover {
    background: var(--color-layer-4)
}

.secondNavCardItemActive-eB8p6L {
    background-color: var(--color-layer-4)
}

.selectIcon-uu2zun {
    width: 16px;
    height: 16px;
    color: var(--color-icon-icon-primary)
}

.secondNavCard-htqncN {
    cursor: pointer;
    background-color: var(--color-layer-3);
    border-radius: 8px;
    padding-top: 8px;
    display: none;
    position: absolute;
    top: 34px;
    right: 0;
    box-shadow: 0 6px 20px rgba(11, 12, 13, .06)
}

.dropDown-Pf1lCq {
    z-index: 2;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative
}

.dropDown-Pf1lCq:hover .navArrowSvg-nu3FvB,
.dropDown-Pf1lCq:hover .tabButton-gnFngE {
    color: var(--color-text-text-primary)
}

.dropDown-Pf1lCq:hover .navArrowSvg-nu3FvB {
    transform: rotate(180deg)
}

.dropDown-Pf1lCq:hover .secondNavCard-htqncN {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    flex-direction: column;
    display: flex;
    transform: translateY(0)
}

.dropDownListWrapper-Qz8FVI {
    background-color: var(--color-layer-3);
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-height: 300px;
    padding: 6px 8px;
    overflow-y: auto;
    box-shadow: 0 6px 20px rgba(11, 12, 13, .06)
}

.dropDownListWrapper-Qz8FVI::-webkit-scrollbar {
    display: none
}

.content-ItbrOn {
    text-align: left;
    color: var(--color-text-text-primary);
    font-size: 14px;
    font-weight: 400
}

.footer-qj9EHG {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex
}

.confirmButton-VoyuV4 {
    flex: 1;
    color: var(--color-text-inverse-primary) !important
}

.confirmButton-VoyuV4,
.confirmButton-VoyuV4:hover {
    background: var(--color-cmpt-button-primary) !important
}

.confirmButton-VoyuV4:hover {
    color: var(--color-text-text-tertiary) !important
}

.navSvg-_udkrB {
    cursor: pointer;
    vertical-align: -.15em;
    fill: currentColor;
    width: 1em;
    height: 1em;
    transition: all .5s
}

.navSvg-_udkrB:hover {
    color: var(--color-text-text-brand)
}

.tabButton-sQe7dv {
    cursor: pointer;
    white-space: nowrap;
    z-index: 1;
    height: 36px;
    color: var(--color-text-text-secondary);
    background-color: unset;
    border-radius: 4px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    display: flex;
    position: relative
}

.tabButtonActive-qn1IOv {
    background-color: var(--color-layer-4)
}

.navTitleWrap-IOiqRF,
.tabButton-sQe7dv:hover,
.tabButtonActive-qn1IOv {
    color: var(--color-text-text-primary)
}

.navTitleWrap-IOiqRF {
    cursor: pointer;
    align-items: center;
    min-width: 50px;
    display: flex
}

.navTitleWrap-IOiqRF:hover {
    color: var(--color-text-text-brand)
}

.navArrowSvg-vKijlH {
    color: var(--color-icon-icon-tertiary);
    margin: 0 0 0 6px;
    font-size: 12px
}

[dir=rtl] .navArrowSvg-vKijlH {
    margin: 0 6px 0 0
}

.secondNavCardItem-J8PNSN {
    white-space: nowrap;
    cursor: pointer;
    width: 148px;
    height: 36px;
    color: var(--color-text-text-primary);
    text-align: left;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.secondNavCardItem-J8PNSN:hover {
    background: var(--color-layer-4)
}

.secondNavCardItemActive-pJ7Fc4 {
    background-color: var(--color-layer-4)
}

.selectIcon-MNnr9o {
    width: 16px;
    height: 16px;
    color: var(--color-icon-icon-primary)
}

.secondNavCard-JoUCAQ {
    cursor: pointer;
    background-color: var(--color-layer-3);
    border-radius: 8px;
    padding-top: 8px;
    display: none;
    position: absolute;
    top: 34px;
    right: 0;
    box-shadow: 0 6px 20px rgba(11, 12, 13, .06)
}

.dropDown-dyL81n {
    z-index: 2;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative
}

.dropDown-dyL81n:hover .navArrowSvg-vKijlH,
.dropDown-dyL81n:hover .tabButton-sQe7dv {
    color: var(--color-text-text-primary)
}

.dropDown-dyL81n:hover .navArrowSvg-vKijlH {
    transform: rotate(180deg)
}

.dropDown-dyL81n:hover .secondNavCard-JoUCAQ {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    flex-direction: column;
    display: flex;
    transform: translateY(0)
}

.dropDownListWrapper-X0ANA7 {
    background-color: var(--color-layer-3);
    padding: 6px 8px;
    box-shadow: 0 6px 20px rgba(11, 12, 13, .06)
}

.activityTag-xnhgA6 {
    background: var(--color-function-tag-primary);
    height: 16px;
    color: var(--color-text-always-black);
    white-space: nowrap;
    cursor: pointer;
    border-radius: 2px;
    align-items: center;
    gap: 2px;
    margin-left: 4px;
    padding: 0 2px 0 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    transition: opacity .2s;
    display: inline-flex
}

.activityTag-xnhgA6 svg {
    width: 12px;
    height: 12px
}

.tabWrapper-om6nI8 {
    margin-left: -16px;
    padding-left: 16px;
    display: flex
}

[dir=rtl] .tabWrapper-om6nI8 {
    margin-left: unset;
    padding-left: unset;
    margin-right: -16px;
    padding-right: 16px
}

.tabWrapper-om6nI8:before {
    content: "";
    background: var(--color-line-divider-strong);
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0
}

.tabContainerBase-em3TO8 {
    box-sizing: border-box;
    border-radius: 0 8px 8px 0;
    flex-direction: column;
    padding: 0 16px;
    display: flex
}

.tabContainerBase-em3TO8:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: -16px
}

.tabContainerBase-em3TO8:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: -16px
}

.tabContainerBase-em3TO8:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: -16px
}

.tabContainerBase-em3TO8:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: -16px
}

.tabContainerBase-em3TO8:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: -16px
}

.tabContainerBase-em3TO8:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: -16px
}

[dir=rtl] .tabContainerBase-em3TO8 {
    border-radius: 8px 0 0 8px
}

.tabContainer-FTOo92 {
    width: 352px
}

.tabContainerSmall-ncBqNJ {
    box-sizing: border-box;
    border-radius: 8px;
    flex-direction: column;
    width: 240px;
    padding: 12px 16px;
    display: flex
}

.tabHead-WedRTG {
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    width: 100%;
    max-width: 100%;
    display: flex;
    position: relative
}

.tabHeadSubMenuContainer-TSS_cS {
    flex: 1;
    width: 0;
    min-width: 0
}

.tabHeadSubMenuContainer-TSS_cS .mantine-GateTabs-controlWrapper[data-dir=next] {
    background: linear-gradient(to right, rgba(26, 28, 35, 0), var(--color-layer-3) 25%) !important;
    border-radius: 0 !important
}

.tabHeadSubMenuContainer-TSS_cS .mantine-GateTabs-controlWrapper[data-dir=prev] {
    border-radius: 0;
    background: linear-gradient(to left, rgba(26, 28, 35, 0), var(--color-layer-3) 25%) !important
}

.tabHeadSubMenuContainer-TSS_cS .mantine-GateTabs-tab:after {
    bottom: 1px
}

.tabContent-YsqGId {
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex: 1;
    min-height: 255px;
    margin-bottom: -16px;
    padding-left: 0;
    overflow-y: auto
}

.tabContent-YsqGId .no-scrollbar::-webkit-scrollbar,
.tabContent-YsqGId::-webkit-scrollbar {
    display: none
}

.tabContent-YsqGId .no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.tabContent-YsqGId li {
    list-style-type: none
}

.title-qzcbVr {
    color: var(--color-text-text-primary);
    text-align: left;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    min-height: auto;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    display: flex
}

[dir=rtl] .title-qzcbVr {
    flex-direction: row-reverse
}

.titleLarge-v99PH4 {
    font-size: 16px
}

.emptyContainer-a7qmoI {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.customLink-a1azaG {
    color: var(--color-text-text-secondary);
    text-align: right;
    background-color: var(--color-layer-3);
    z-index: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    margin-bottom: -8px;
    padding-top: 8px;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    display: flex
}

.coinImageBox-l_ffGU {
    margin-right: 8px;
    position: relative
}

[dir=rtl] .coinImageBox-l_ffGU {
    margin-right: unset;
    margin-left: 8px
}

.smallCoinImg-kYnWjg {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: -4px
}

[dir=rtl] .smallCoinImg-kYnWjg {
    right: unset;
    left: -4px
}

.skeleton-VtAmOA {
    align-items: center;
    padding: 15px 0;
    display: flex
}

.skeleton-VtAmOA>div:first-child {
    background-color: var(--color-line-border-strong);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    margin-right: 8px
}

.skeleton-VtAmOA>div:last-child {
    background-color: var(--color-line-border-strong);
    flex: 1;
    height: 24px
}

.styledLabel-ITpHZ5 {
    color: var(--color-text-text-secondary);
    font-size: 14px;
    font-weight: 500
}

.container-Fd4F3s {
    background: var(--color-bg-secondary);
    min-height: 51px;
    color: var(--color-text-text-primary);
    align-items: center;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.container-Fd4F3s,
.wrapper-cJwPLp {
    box-sizing: border-box;
    width: 100%;
    justify-content: center;
    display: flex
}

.wrapper-cJwPLp {
    max-width: 1200px;
    height: -moz-min-content;
    height: min-content
}

.body-hvGwr0 {
    padding: 9.5px 0;
    overflow: hidden
}

.body-hvGwr0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 8px
}

.body-hvGwr0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 8px
}

.body-hvGwr0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 8px
}

.body-hvGwr0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 8px
}

.body-hvGwr0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 8px
}

.body-hvGwr0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 8px
}

.warningIcon-UHJajm {
    flex-shrink: 0;
    align-self: flex-start;
    width: 16px;
    height: 16px;
    margin-top: 12px
}

.text-mHE5Lh {
    white-space: pre-wrap;
    align-items: center;
    display: flex
}

.webContent-s1OYta {
    display: flex
}

.h5Content-KZxH72 {
    display: none
}

.learnMoreButton-A46SC1 {
    cursor: pointer;
    color: var(--color-text-text-primary);
    text-underline-offset: 2px;
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: underline
}

.learnMoreButton-A46SC1:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 32px
}

.learnMoreButton-A46SC1:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 32px
}

.learnMoreButton-A46SC1:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 32px
}

.learnMoreButton-A46SC1:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 32px
}

.learnMoreButton-A46SC1:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 32px
}

.learnMoreButton-A46SC1:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 32px
}

.verifyButton-kYiiPJ {
    height: 32px;
    cursor: pointer;
    border: none;
    border-radius: 16px;
    align-self: center;
    margin-left: 16px;
    margin-right: 16px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500
}

.verifyButton-kYiiPJ,
.verifyButton-kYiiPJ:hover {
    background-color: var(--color-cmpt-button-primary);
    color: var(--color-text-inverse-primary)
}

.verifyButton-kYiiPJ:hover {
    opacity: .8
}

.closeButton-GAedut {
    cursor: pointer;
    background: none;
    border: none;
    flex-shrink: 0;
    justify-content: center;
    align-self: flex-start;
    width: 16px;
    height: 16px;
    margin-top: 12px;
    padding: 0;
    display: flex
}

@media (max-width:768px) {
    .container-Fd4F3s {
        min-height: 40px;
        padding: 0 16px
    }
    .body-hvGwr0 {
        flex: 1
    }
    .body-hvGwr0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px;
        padding-right: 12px
    }
    .body-hvGwr0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px;
        padding-right: 12px
    }
    .body-hvGwr0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 8px;
        padding-right: 12px
    }
    .body-hvGwr0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 12px;
        padding-right: 8px
    }
    .body-hvGwr0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 12px;
        padding-right: 8px
    }
    .body-hvGwr0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-left: 12px;
        padding-right: 8px
    }
    .webContent-s1OYta {
        display: none
    }
    .h5Content-KZxH72 {
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.3;
        display: block
    }
    .h5Content-KZxH72 p {
        margin: 0;
        display: inline
    }
    .h5Content-KZxH72 .h5VerifyButton-cn4zMF {
        color: var(--color-text-text-primary);
        white-space: nowrap;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background: none;
        border: none;
        margin-left: 4px;
        padding: 0;
        font-weight: 500;
        text-decoration: underline;
        display: inline
    }
}

.backTBContent-Wyvktn {
    padding: unset;
    margin: 0 8px;
    display: block
}

@media screen and (max-width:767px) {
    .backTBContent-Wyvktn {
        display: none
    }
}

.signButton-eJzoDz {
    white-space: nowrap;
    box-sizing: border-box;
    cursor: default;
    color: #fff;
    background-color: #2174ff;
    border-radius: 99px;
    height: 28px;
    margin: 0 8px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    display: flex
}

@media screen and (max-width:768px) {
    .signButton-eJzoDz {
        display: none
    }
}

.container-I2MOtm {
    align-items: center;
    display: flex
}

.container-I2MOtm img {
    width: 120px;
    height: auto
}

.containerShortLogo-wAIyqe img {
    width: 104px;
    height: auto;
    margin: 0
}

.ten-q0xiQt {
    background-color: var(--color-text-text-brand);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    margin-right: 0;
    display: flex
}

[dir=rtl] .ten-q0xiQt {
    margin-right: 4px
}

.tagGroup-rzP7Sp {
    flex-shrink: 0;
    align-items: center;
    gap: 4px;
    display: flex
}

.statusTag-Bp7NH4 {
    background-color: var(--color-cmpt-tag-gray);
    color: var(--color-text-text-secondary);
    border-radius: 2px;
    flex-shrink: 0;
    padding: 2.5px 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 130%
}

.tipContainer-a4N5pB {
    box-sizing: border-box;
    position: fixed
}

@media (max-width:992px) {
    .tipContainer-a4N5pB {
        display: none
    }
}

.tipBubble-TUw4Ss {
    background-color: var(--color-layer-1);
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    width: 200px;
    padding: 12px;
    display: flex;
    position: relative;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12)
}

.tipBubble-TUw4Ss:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--color-layer-1);
    width: 0;
    height: 0;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%)
}

.tipText-NcHhSs {
    color: var(--color-text-text-primary);
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.okButton-yeGU92 {
    background: var(--color-cmpt-button-primary);
    color: var(--color-text-inverse-primary);
    cursor: pointer;
    border: none;
    border-radius: 100px;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 500;
    display: flex
}

.okButton-yeGU92:hover {
    opacity: .8
}

.wrapper-MAYihX {
    z-index: 100;
    background: rgba(0, 0, 0, .85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.spinnerBox-yfdcCl {
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 158px;
    height: 116px;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    box-shadow: 0 4px 40px rgba(23, 56, 153, .12)
}

.spinner-XBRsJ2 {
    border: 10px solid transparent;
    border-top: 10px solid var(--color-text-text-brand);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    animation: spin-nxPA5o 1s linear infinite;
    position: relative
}

@keyframes spin-nxPA5o {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.loadingText-OXOC3k {
    margin-top: 16px;
    font-size: 16px
}

.list-VCuahQ {
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 56px;
    margin-left: 0;
    padding: 12px 32px;
    display: flex
}

.listHorizontal-p7UW0a {
    width: auto;
    margin-left: 28px;
    padding: 0
}

.listH5Vertical-Ulsjhz {
    padding: 12px 0
}

.rateSwitchList-Hwz61r {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.rateSwitchListHorizontal-FcF17K {
    flex-direction: row;
    align-items: center
}

.tooltipSpan-__VD3_ {
    margin-right: 8px;
    margin-left: unset;
    color: var(--color-text-text-primary);
    border-bottom: 1px dashed var(--color-divider-4);
    font-size: 14px;
    display: inline-block
}

[dir=rtl] .tooltipSpan-__VD3_ {
    margin-right: unset;
    margin-left: 8px
}

.tooltipSpanNoBorder-JkF_Bw {
    border-bottom: none
}

.searchIcon-CmlmBP {
    color: var(--color-icon-icon-tertiary)
}

.switchAccountBox-yjUR0h {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin: 16px 0;
    display: flex
}

.switchAccountBox-yjUR0h>div:not(:first-child) {
    margin-top: 12px
}

@media screen and (max-width:1439.9px) {
    .switchAccountBox-yjUR0h {
        margin: 24px 16px
    }
}

.emptyLabel-IjbI6W {
    color: var(--color-text-text-primary);
    font-size: 14px;
    font-weight: 500
}

.styledSecondItemRightIcon-vSxIhH {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.h5HamburgerWrap-bXf7ZY {
    display: none
}

.h5Logo-yiBnKc {
    display: none !important
}

@media screen and (max-width:768px) {
    .h5NotLoggedIn-Er8pt9 {
        height: var(--header-height);
        padding: 12px 16px !important
    }
    .h5NotLoggedIn-Er8pt9 .h5NotLoggedInHide-s0anRP {
        display: none !important
    }
    .h5NotLoggedIn-Er8pt9 .loginBtnGroupShow-Ej4o5F {
        display: flex !important
    }
    .h5NotLoggedIn-Er8pt9 .registerBrand-uuARPc {
        background-color: var(--color-text-text-brand) !important;
        border: none !important;
        height: 36px !important;
        line-height: 36px !important;
        display: flex !important
    }
    .h5NotLoggedIn-Er8pt9 .registerBrand-uuARPc a {
        line-height: 36px !important
    }
    .h5NotLoggedIn-Er8pt9 .registerBrand-uuARPc a,
    .h5NotLoggedIn-Er8pt9 .registerBrand-uuARPc:hover a {
        color: var(--color-text-always-white) !important
    }
    .h5NotLoggedIn-Er8pt9 .h5Logo-yiBnKc {
        height: 32px;
        width: auto !important;
        display: block !important
    }
    .h5NotLoggedIn-Er8pt9 .hamburgerIcon-AqxDPh>:not(.h5HamburgerWrap-bXf7ZY) {
        display: none !important
    }
    .h5NotLoggedIn-Er8pt9 .hamburgerIcon-AqxDPh .h5HamburgerWrap-bXf7ZY {
        cursor: pointer;
        background-color: #1f2023;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
        margin-left: 4px;
        margin-right: 0;
        display: flex
    }
    .h5NotLoggedIn-Er8pt9 .hamburgerIcon-AqxDPh .h5HamburgerWrap-bXf7ZY svg {
        color: var(--color-text-always-white);
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important
    }
}

[dir=rtl] .h5HamburgerWrap-bXf7ZY {
    margin-left: 0;
    margin-right: 4px
}

@media screen and (max-width:768px) {
    .h5LoggedIn-XDlhdp {
        height: var(--header-height);
        padding: 12px 16px !important
    }
    .h5LoggedIn-XDlhdp .h5LoggedInHide-tT5CCb {
        display: none !important
    }
    .h5LoggedIn-XDlhdp .h5OperationContainer-dSrAlc {
        gap: 12px
    }
    .h5LoggedIn-XDlhdp .h5Logo-yiBnKc {
        height: 32px;
        width: auto !important;
        display: block !important
    }
    .h5LoggedIn-XDlhdp .h5DepositOrder-x31Z6l {
        order: -1;
        display: block !important
    }
    .h5LoggedIn-XDlhdp .h5SearchCircle-clT13E {
        background-color: #1f2023;
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
        display: flex
    }
    .h5LoggedIn-XDlhdp .hamburgerIcon-AqxDPh>:not(.h5HamburgerWrap-bXf7ZY) {
        display: none !important
    }
    .h5LoggedIn-XDlhdp .hamburgerIcon-AqxDPh .h5HamburgerWrap-bXf7ZY {
        cursor: pointer;
        background-color: #1f2023;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
        margin: 0;
        display: flex
    }
    .h5LoggedIn-XDlhdp .hamburgerIcon-AqxDPh .h5HamburgerWrap-bXf7ZY svg {
        color: var(--color-text-always-white);
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important
    }
}

.headerWrap-iGuyzF {
    box-sizing: border-box;
    height: var(--header-height);
    z-index: 100;
    background-color: #070808;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    transition: all .3s;
    display: flex;
    position: sticky;
    top: 0
}

@media screen and (max-width:768px) {
    .headerWrap-iGuyzF {
        padding: 10px 16px
    }
}

@media screen and (max-width:375px) {
    .headerWrapHiddenDownload-UpTje8 {
        padding: 10px 12px
    }
}

.headerBox-gLnT0G {
    z-index: 100;
    transition: all .3s;
    position: sticky;
    top: 0
}

.link-KfUj9R {
    color: var(--color-text-text-primary);
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
    display: block
}

.linkHidden-qM6nX5 {
    display: none
}

.linkDisabled-MhpZGS {
    pointer-events: none;
    cursor: default
}

.button-dJCTxB {
    height: var(--button-height, 48px);
    box-sizing: border-box;
    background-color: var(--color-cmpt-button-soft);
    text-align: center;
    cursor: pointer;
    width: 100%;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.button-dJCTxB,
.button-dJCTxB a {
    color: var(--color-text-text-primary)
}

.button-dJCTxB:hover,
.button-dJCTxB:hover a {
    color: var(--color-text-text-tertiary)
}

.buttonPrimary-eMYuvt {
    background-color: var(--color-cmpt-button-primary)
}

.buttonPrimary-eMYuvt,
.buttonPrimary-eMYuvt a {
    color: var(--color-text-inverse-primary)
}

.flex-LfjqS8 {
    flex-direction: var(--flex-direction, row);
    gap: var(--flex-gap, 0);
    align-items: var(--flex-align, unset);
    justify-content: var(--flex-justify, unset);
    display: flex
}

.vipTagSvg-Caa_nc {
    width: 27px;
    height: 16px;
    color: var(--color-core-vipfunct-2);
    background: linear-gradient(240.21deg, #918063, #363430 47.06%);
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: flex
}

[dir=rtl] .vipTagSvg-Caa_nc {
    margin-left: unset;
    margin-right: 4px
}

.classic-dark .vipTagSvg-Caa_nc {
    color: var(--color-text-always-black);
    background: linear-gradient(240.21deg, #8f714e, #b89866 47.06%)
}

.styledSecondItemRightIcon-blFTQm {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.navHover-kcfW4z {
    color: #247cff
}

.headerBar-jVHksM {
    color: #fff
}

.headerBarIcon-fQkRM0 {
    color: #c4c7ca
}

.secondNavCardHover-jj4Et5 {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateY(0)
}

.navSvg-vQrmq5 {
    cursor: pointer;
    vertical-align: -.15em;
    fill: currentColor;
    width: 1em;
    height: 1em;
    transition: all .5s
}

.navSvg-vQrmq5:hover {
    transform: rotate(var(--hover-rotate, 0deg))
}

.navArrowSvg-s8qK8p {
    color: var(--color-icon-icon-tertiary)
}

.prefixIconSvg-ZHyiZg {
    color: var(--icon-color, #c4c7ca);
    pointer-events: none;
    margin: 0 4px 0 0;
    font-size: 16px;
    transition: none
}

[dir=rtl] .prefixIconSvg-ZHyiZg {
    margin: 0 0 0 4px
}

.hotIconSvg-dPJVSM {
    margin: 0;
    font-size: 12px
}

.hotIconSvg-dPJVSM:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.hotIconSvg-dPJVSM:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.hotIconSvg-dPJVSM:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 4px
}

.hotIconSvg-dPJVSM:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.hotIconSvg-dPJVSM:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.hotIconSvg-dPJVSM:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 4px
}

.sideIconSvg-co4MEE {
    color: var(--icon-color, #c4c7ca);
    pointer-events: none;
    width: 14px;
    height: 14px;
    margin: 0 0 0 4px;
    transition: none
}

[dir=rtl] .sideIconSvg-co4MEE {
    margin: 0 4px 0 0
}

.navMenuIcon-YqooQZ {
    font-size: 20px
}

.navTitleWrap-Qcxl8T {
    color: #fff;
    cursor: pointer;
    align-items: center;
    gap: 2px;
    display: flex;
    overflow: hidden
}

.navTitleWrap-Qcxl8T:hover,
.navTitleWrap-Qcxl8T:hover .navArrowSvg-s8qK8p {
    color: #247cff
}

.navTitleWrap-Qcxl8T img {
    width: 20px;
    height: 20px
}

.navTitleWrap-Qcxl8T img:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 2px
}

.navTitleWrap-Qcxl8T img:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 2px
}

.navTitleWrap-Qcxl8T img:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 2px
}

.navTitleWrap-Qcxl8T img:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 2px
}

.navTitleWrap-Qcxl8T img:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 2px
}

.navTitleWrap-Qcxl8T img:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 2px
}

.navTitle-IcnaQd {
    white-space: nowrap;
    font-weight: 500
}

.secondNavCard-EXkiQc {
    cursor: pointer;
    max-height: calc(100vh - 160px);
    top: var(--header-height);
    background-color: var(--color-layer-3);
    border: 1px solid var(--color-layer-3);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    border-radius: 8px;
    flex-direction: row;
    padding: 16px;
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1), visibility .3s cubic-bezier(.645, .045, .355, 1);
    display: none;
    position: absolute;
    overflow-y: auto;
    transform: translateY(5px);
    box-shadow: 0 6px 20px rgba(11, 12, 13, .06)
}

.secondNavCardVertical-pb04XR {
    flex-direction: column
}

.secondNavCardNoPaddingTop-yeY4IB {
    padding-top: 0
}

.secondNavCard-EXkiQc::-webkit-scrollbar {
    width: 4px;
    height: 2px
}

.secondNavCard-EXkiQc::-webkit-scrollbar-track {
    background-color: transparent
}

.secondNavCard-EXkiQc::-webkit-scrollbar-thumb {
    background-color: var(--color-line-divider-short-divider)
}

@media screen and (max-width:1520px) {
    .secondNavCard-EXkiQc {
        max-width: calc(100vw - var(--hover-left-gap, 0px) - 120px);
        left: var(--hover-left-gap, 0);
        right: unset
    }
    [dir=rtl] .secondNavCard-EXkiQc {
        left: unset;
        right: var(--hover-left-gap, 0)
    }
}

.dropDown-PxD6PT {
    align-items: center;
    height: 100%;
    margin: 0 10px;
    display: flex;
    position: relative
}

.dropDownHidden-FSr_7F {
    display: none
}

.dropDown-PxD6PT:hover .secondNavCard-EXkiQc {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    display: flex;
    top: 48px;
    transform: translateY(0)
}

.dropDown-PxD6PT:hover .navArrowSvg-s8qK8p,
.dropDown-PxD6PT:hover .navMenuIcon-YqooQZ {
    color: #247cff;
    transform: rotate(180deg)
}

.dropDown-PxD6PT:hover .navTitleWrap-Qcxl8T {
    color: #247cff
}

.controledDropDown-FXcrQS {
    align-items: center;
    height: 100%;
    margin: 0 10px;
    display: flex;
    position: relative
}

@media screen and (max-width:992px) {
    .controledDropDown-FXcrQS {
        display: none
    }
}

.controledDropDown-FXcrQS .secondNavCard-EXkiQc {
    left: var(--nav-left, 0);
    right: unset;
    gap: 24px;
    position: fixed
}

[dir=rtl] .controledDropDown-FXcrQS .secondNavCard-EXkiQc {
    left: unset;
    right: var(--nav-right, 0)
}

.controledDropDownShow-iZZVl0 .secondNavCard-EXkiQc {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateY(0)
}

.controledDropDown-FXcrQS:hover .navArrowSvg-s8qK8p,
.controledDropDown-FXcrQS:hover .navMenuIcon-YqooQZ {
    color: #247cff;
    transform: rotate(180deg)
}

.controledDropDown-FXcrQS:hover .secondNavCard-EXkiQc {
    display: flex
}

.controledDropDown-FXcrQS:hover .navTitleWrap-Qcxl8T {
    color: #247cff
}

.controledDropDown-FXcrQS img {
    max-width: unset
}

.secondNavCardExtraPanel-n_qWCI {
    gap: 16px !important
}

.tabSearchIconWrapper-BEoYBV {
    color: var(--color-icon-icon-tertiary);
    height: 16px;
    display: none
}

[dir=rtl] .tabSearchIconWrapper-BEoYBV {
    transform: rotate(180deg)
}

.tabSearchIconWrapper-BEoYBV>svg {
    width: 16px;
    height: 16px
}

.tabSearchWrapperLi-dvA3WO {
    box-sizing: border-box;
    background-color: unset;
    cursor: pointer;
    border-radius: 8px;
    width: 100%;
    margin: 4px 0;
    padding: 4px 12px;
    display: flex
}

.tabSearchWrapperLi-dvA3WO .tabSearchIconWrapper-BEoYBV {
    display: none
}

.tabSearchWrapperLi-dvA3WO .tabSearchIconWrapper-BEoYBV img {
    color: var(--color-icon-icon-tertiary)
}

.tabSearchWrapperLiActive-UeJghN {
    background-color: var(--color-layer-4)
}

.tabSearchWrapperLiActive-UeJghN .tabSearchIconWrapper-BEoYBV {
    display: block
}

.tabSearchWrapperLi-dvA3WO:hover {
    background-color: var(--color-layer-4)
}

.tabSearchWrapperLi-dvA3WO:hover .tabSearchIconWrapper-BEoYBV {
    display: block
}

.tabSearchContainerLi-DE9CgA {
    align-items: var(--tab-search-align, center);
    justify-content: space-between;
    width: 100%;
    display: flex
}

[dir=rtl] .tabSearchContainerLi-DE9CgA {
    flex-direction: row-reverse
}

.tabSearchLeftContainer-a7S3il {
    align-items: center;
    display: flex
}

[dir=rtl] .tabSearchLeftContainer-a7S3il {
    flex-direction: row-reverse
}

.tabSearchLeftContent-vKbJlY {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

[dir=rtl] .tabSearchLeftContent-vKbJlY {
    align-items: flex-end
}

.tabSearchLeftContent-vKbJlY>span {
    color: var(--color-text-text-tertiary);
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.5
}

#download_gateio_app_wrapper-IFoC9a * {
    -webkit-tap-highlight-color: transparent
}

.left-uVydGd {
    color: var(--color-text-1);
    box-sizing: border-box;
    flex: 1;
    align-items: center;
    display: flex
}

.left-uVydGd:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.left-uVydGd:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.left-uVydGd:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.left-uVydGd:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.left-uVydGd:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.left-uVydGd:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.left-uVydGd svg {
    flex-shrink: 0;
    font-size: 40px;
    left: 0
}

.infoText-KjQWhu {
    flex-direction: column;
    width: 100%;
    margin: 0 6px;
    display: flex;
    position: relative
}

.infoTextNewStyle-r0Hwno {
    margin: 0 8px
}

.title-TYLgZ6 {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.titleNewStyle-WntPVA {
    color: #070808;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 21px;
    overflow: hidden
}

.subtitleContainer-lSGo5S {
    align-items: center;
    margin-top: 3px;
    display: flex
}

.subtitle-IAjfLj {
    color: #84888c;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    display: inline-block
}

.subtitleSmall-xGdHew {
    font-size: 10px
}

.subTitleHighlight-TIMC25 {
    color: #0068ff;
    font-weight: 500
}

.closeIcon-h4PpEi {
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    top: -5px;
    right: -6px
}

.closeIconRtl-VK73Hg {
    right: unset;
    left: -6px
}

.closeIcon-h4PpEi svg {
    color: var(--color-icon-3);
    font-size: 12px
}

.claimPerksContent-CEM5ia {
    text-align: center
}

.downloadLeft-ElvrM5 {
    position: relative
}

.downloadWrapper-IC6HRL {
    z-index: 9;
    box-sizing: border-box;
    background-color: #0b0c0d;
    background-size: contain;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    width: auto;
    min-height: 60px;
    padding: 0 12px;
    display: flex;
    position: fixed;
    bottom: 10px;
    left: 8px;
    right: 8px
}

.downloadWrapperNewStyle-yTk661 {
    background-color: #fff;
    padding: 8px 12px
}

.downloadWrapperTopSticky-J51iqI {
    border-bottom: .5px solid #484b51;
    border-radius: 0;
    padding: 8px 16px;
    position: sticky;
    top: 0
}

.downloadWrapperTopSticky-J51iqI .closeIcon-h4PpEi {
    top: 4px;
    right: 4px
}

.downloadWrapperTopStickyRtl-STjtIz .closeIcon-h4PpEi {
    right: unset;
    left: 4px
}

.downloadWrapperRtl-zhUGrs {
    background-position-x: left
}

button.downloadButton-yPDdLN {
    cursor: pointer;
    border: none;
    border-radius: 99px;
    outline: none;
    font-weight: 500
}

button.newStyle-sg_PqJ {
    min-width: 72px;
    height: 28px;
    padding: 6px 8px;
    font-size: 12px
}

button.oldStyle-w0Q63v {
    color: #0b0c0d;
    background-color: #f2f3f7;
    height: 29px;
    padding: 0 16px;
    font-size: 14px
}

.downloadWrapperMainSite-JLhNZ3 {
    position: fixed;
    backdrop-filter: blur(20px) !important;
    background-color: hsla(0, 0%, 100%, .7) !important;
    border: .5px solid #dfe0e2 !important;
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important
}

.classic-dark .downloadWrapperMainSite-JLhNZ3 {
    background-color: rgba(7, 8, 8, .698) !important;
    border-color: #484b51 !important
}

.downloadWrapperMainSiteNoBackdrop-aYU6ki {
    backdrop-filter: none !important;
    background-color: #fff !important
}

.classic-dark .downloadWrapperMainSiteNoBackdrop-aYU6ki {
    background-color: #070808 !important
}

.classic-dark .downloadWrapperMainSite-JLhNZ3 .titleNewStyle-WntPVA {
    color: #fff !important
}

.classic-dark .downloadWrapperMainSite-JLhNZ3 .subtitle-IAjfLj {
    color: #a0a3a7 !important
}

.closeIconMainSite-mCs4zH {
    cursor: pointer;
    z-index: 10;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 8px;
    display: flex;
    position: absolute;
    top: 6px;
    right: 6px
}

.closeIconMainSiteRtl-vD6Neq {
    right: unset;
    left: 6px
}

.closeIconMainSite-mCs4zH svg {
    color: #a0a3a7;
    width: 8px;
    height: 8px
}

.classic-dark .closeIconMainSite-mCs4zH svg {
    color: #84888c
}

.buttonNewStyleMainSite-jO8pDT {
    min-width: 74px
}

.floatingBarWrapper-sC6Ad4 {
    --floating-bar-v6-bg: #f5f6f7;
    --floating-bar-v6-icon-color: #a0a3a7;
    --floating-bar-v6-arrow-color: #070808;
    --floating-bar-v6-warning-color: #ff9447
}

.classic-dark .floatingBarWrapper-sC6Ad4 {
    --floating-bar-v6-bg: #1a1d1f;
    --floating-bar-v6-icon-color: #6b7075;
    --floating-bar-v6-arrow-color: #e8e9ea;
    --floating-bar-v6-warning-color: #ffb366
}

.floatingBarWrapper-sC6Ad4 {
    background: var(--color-bg-secondary);
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.floatingBarWrapperBusinessCompliance-ieX0_X {
    z-index: 3;
    width: 100%;
    position: fixed
}

.floatingBarWrapperPriority1-UbBciN {
    z-index: 3
}

.floatingBarWrapperPriority2-bbw5L2 {
    z-index: 4
}

.floatingBarWrapperPriority3-IN4uXo {
    z-index: 5
}

.floatingBarWrapperPriority4-FCckkc {
    z-index: 6
}

.floatingBarContent-dvxKZu {
    color: var(--color-text-text-primary);
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    max-width: 1200px;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    display: flex
}

.floatingBarContent-dvxKZu>div {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex
}

.floatingBarContent-dvxKZu>div span {
    word-break: break-word;
    font-size: 14px
}

.floatingBarLeft-pzNhmA {
    align-items: flex-start;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

.alertIconSvgWrapper-WN4Bja {
    align-items: flex-start;
    display: inline-flex
}

.alertIconSvg-Y58D5m {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 5px
}

.floatingBarWrapperV6-f7MDsF .alertIconSvg-Y58D5m {
    color: var(--floating-bar-v6-warning-color)
}

.alertIconSvgOnlyMobileV6-hG3Wuw {
    display: none
}

.alertIconComponent-LKQ_TV {
    flex-shrink: 0
}

.alertIconComponentHideOnMobileV6-e80HRG {
    display: inline-flex
}

.floatingBarLeft-pzNhmA svg {
    cursor: pointer;
    width: 13px;
    height: 13px;
    color: var(--floating-bar-icon-color, var(--color-text-text-warning));
    flex-shrink: 0;
    margin-top: 5px
}

.floatingBarContent-dvxKZu a {
    color: var(--floating-bar-link-color, #4070ff);
    cursor: pointer;
    text-decoration: underline !important
}

.floatingBarContent-dvxKZu svg {
    cursor: pointer;
    flex-shrink: 0
}

.closeIconSvgWrapper-XODh0X {
    align-items: center;
    display: inline-flex
}

.closeIconSvg-wqFN3v {
    flex-shrink: 0;
    width: 16px;
    height: 18px
}

.closeIconSvgOnlyMobileV6-PZ1cT6 {
    display: none
}

.closeIconComponent-t38IqE {
    flex-shrink: 0
}

.closeIconComponentHideOnMobileV6-QcBaIJ {
    display: inline-flex
}

.actionButton-pzc2AX {
    background: var(--color-cmpt-button-primary);
    color: var(--color-text-inverse-primary);
    cursor: pointer;
    border: none;
    border-radius: 100px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 32px;
    margin-left: 21px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.actionButton-pzc2AX:hover {
    opacity: .8
}

.actionButtonIconSvgWrapper-u19Mp_ {
    align-items: center;
    display: inline-flex
}

.actionButtonIconSvg-AZjSQf {
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.actionButtonIconSvgOnlyMobileV6-EEEVNN {
    display: none
}

.actionButtonIconComponent-h9QTOM {
    flex-shrink: 0
}

.actionButtonIconComponentHideOnMobileV6-ajkQHV {
    display: none !important
}

.floatingBarWrapperUKOnly-yiRStu {
    position: unset !important
}

.floatingBarUKOnly-sWorf3 {
    background-color: var(--color-cmpt-tag-orange-in-secondary)
}

.floatingBarUKOnly-sWorf3 a {
    color: var(--color-text-text-primary);
    font-weight: 600
}

.floatingBarUKOnly-sWorf3 svg {
    color: var(--color-text-text-warning)
}

@media screen and (min-width:992px) {
    .floatingBarUKOnly-sWorf3>div span {
        font-size: 16px
    }
}

@media (min-width:768px) {
    .floatingBarContent-dvxKZu {
        align-items: center
    }
    .floatingBarContent-dvxKZu>div {
        flex-wrap: nowrap;
        gap: 32px
    }
    .actionButton-pzc2AX {
        margin-left: 0
    }
}

@media (max-width:768px) {
    .alertIconSvgOnlyMobileV6-hG3Wuw {
        display: inline-flex
    }
    .floatingBarWrapperV6-f7MDsF .alertIconSvgOnlyMobileV6-hG3Wuw svg {
        width: 16px;
        height: 18px;
        color: var(--floating-bar-v6-warning-color);
        margin-top: 0
    }
    .floatingBarWrapperV6-f7MDsF .alertIconComponentHideOnMobileV6-e80HRG {
        display: none !important
    }
    .actionButtonIconSvgOnlyMobileV6-EEEVNN {
        display: inline-flex
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponentHideOnMobileV6-ajkQHV {
        display: none !important
    }
    .closeIconSvgOnlyMobileV6-PZ1cT6 {
        display: inline-flex
    }
    .floatingBarWrapperV6-f7MDsF .closeIconComponentHideOnMobileV6-QcBaIJ {
        display: none !important
    }
    .floatingBarWrapper-sC6Ad4.floatingBarWrapperV6-f7MDsF {
        background: var(--floating-bar-v6-bg)
    }
    .floatingBarWrapperV6-f7MDsF .floatingBarContentV6-tV5I_k {
        padding: 8px 20px
    }
    .floatingBarWrapperV6-f7MDsF .floatingBarContentV6-tV5I_k>svg {
        color: var(--floating-bar-v6-icon-color);
        width: 16px;
        height: 18px
    }
    .floatingBarWrapperV6-f7MDsF .floatingBarContentV6-tV5I_k>div span {
        font-size: 12px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63 {
        color: var(--color-text-text-primary);
        background: none;
        height: auto;
        padding: 0;
        line-height: 18px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM,
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf {
        width: 16px;
        height: 16px;
        color: var(--floating-bar-v6-arrow-color)
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    [dir=rtl] .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM,
    [dir=rtl] .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf {
        transform: scaleX(-1)
    }
}

.root-lJ9Lbq {
    background: var(--color-layer-1);
    box-sizing: border-box;
    text-align: center;
    border-radius: 12px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 24px;
    display: flex
}

.variantLine-NilS6X {
    border: 1px solid var(--color-line-border-subtle)
}

.variantShadow-k_ABUk {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08)
}

.variantHorizontal-EZEKo6 {
    border-radius: none;
    padding: 0;
    display: block
}

.inner-AI_wZt {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    display: flex
}

.innerHorizontal-wK5iKs {
    justify-content: flex-start;
    align-items: stretch;
    gap: 24px;
    width: 100%;
    display: flex
}

.headerWrap-WCBZ1Q {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    display: flex
}

.variantHorizontal-EZEKo6 .headerWrap-WCBZ1Q {
    flex-direction: column-reverse;
    gap: 8px
}

.titleRow-Z5miNz {
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    display: flex
}

.variantHorizontal-EZEKo6 .titleRow-Z5miNz {
    justify-content: flex-start
}

.title-fnkjP8 {
    color: var(--color-text-text-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3
}

.variantHorizontal-EZEKo6 .title-fnkjP8 {
    font-size: 24px
}

.titleHighlight-dyTgoq {
    color: var(--color-text-text-brand)
}

.subtitle-KOV8xi {
    width: 100%;
    color: var(--color-text-text-primary);
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    display: flex
}

.variantHorizontal-EZEKo6 .subtitle-KOV8xi {
    color: var(--color-text-text-secondary);
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 400
}

.qrWrapper-py1Boe {
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    overflow: hidden
}

.variantHorizontal-EZEKo6 .qrWrapper-py1Boe {
    border: 1px solid var(--color-line-border-strong);
    box-sizing: border-box;
    border-radius: 16px;
    padding: 20px
}

.moreBtn-zbhfJS {
    text-align: center;
    box-sizing: border-box;
    background: var(--color-cmpt-button-soft);
    width: 100%;
    min-height: 36px;
    color: var(--color-text-text-primary);
    cursor: pointer;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    display: flex
}

.moreBtn-zbhfJS:hover {
    background: var(--color-cmpt-button-soft-active)
}

.variantHorizontal-EZEKo6 .moreBtn-zbhfJS {
    height: auto;
    color: var(--color-text-text-tertiary);
    background: none;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    font-size: 16px;
    text-decoration-line: underline;
    display: flex
}

.footerArea-OuVbyl {
    color: var(--color-text-text-tertiary);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3
}

.horizontalContent-HjNAeV {
    box-sizing: border-box;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    padding: 25px 0;
    display: flex
}

.overlay-PqLoYo {
    z-index: 1000;
    background-color: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.container-zWgZpz {
    box-sizing: border-box;
    width: 100%;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: #fff;
    border-radius: 12px 12px 0 0;
    flex-direction: column;
    transition: transform .3s;
    display: flex;
    transform: translateY(100%)
}

.containerVisible-blJewM {
    transform: translateY(0)
}

.containerHidden-qpDZbr {
    transform: translateY(100%)
}

.header-kmdFdi {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    display: flex
}

.headerContent-JNyCDr {
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex
}

.logo-ugdkVQ {
    width: 72px;
    height: 16px
}

.headerDivider-R8Zhfu {
    background: #c4c7ca;
    width: 1px;
    height: 10px
}

.headerTitle-cgSPYa {
    color: #a0a3a7;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%
}

.close-Ueygh4 {
    cursor: pointer
}

.close-Ueygh4,
.content-_0YxMH {
    justify-content: center;
    align-items: center;
    display: flex
}

.content-_0YxMH {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-top: 32px;
    padding-bottom: 16px
}

.contentLogo-YFEILu {
    width: 116px;
    height: 104px
}

.contentLogoLoading-DChGOG {
    background-color: #f2f3f4;
    border-radius: 6px;
    width: 116px;
    height: 104px
}

.contentDescriptionLoading-gAauks {
    background-color: #f2f3f4;
    border-radius: 6px;
    width: 100%;
    height: 72px
}

.contentDescription-PeZmFN {
    color: #070808;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%
}

.contentDescriptionSpan-RzJoP8 {
    color: #0068ff
}

.contentButtons-D_KVBx {
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
    margin-bottom: 16px;
    padding: 0 19px
}

.contentButton-nDlFIP,
.contentButtons-D_KVBx {
    justify-content: center;
    align-items: center;
    display: flex
}

.contentButton-nDlFIP {
    text-align: center;
    border-radius: 99px;
    gap: 12px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    text-decoration: none
}

.primaryButton-q_HUeO {
    color: #fff;
    background: linear-gradient(193deg, #1ed8f6 -.92%, #0068ff 49.39%)
}

.secondaryButton-h6CKZy {
    color: #070808;
    background: #f5f6f7
}

.contentButtonIcon-YaJLpq {
    width: 20px;
    height: 20px
}

.userGuide-lAw54K {
    color: #a0a3a7
}

.userGuide-lAw54K,
.userGuideSpan-JRZWvL {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%
}

.userGuideSpan-JRZWvL {
    color: #070808;
    text-decoration-line: underline
}

.overlay-PqLoYo.themeDark-HkDQzP,
.themeDark-HkDQzP .overlay-PqLoYo {
    background-color: rgba(0, 0, 0, .6)
}

.themeDark-HkDQzP .container-zWgZpz {
    background: #131516
}

.themeDark-HkDQzP .headerDivider-R8Zhfu {
    background: #84888c
}

.themeDark-HkDQzP .headerTitle-cgSPYa {
    color: #84888c
}

.themeDark-HkDQzP .contentDescription-PeZmFN {
    color: #fff
}

.themeDark-HkDQzP .contentDescriptionLoading-gAauks,
.themeDark-HkDQzP .contentLogoLoading-DChGOG {
    background-color: #1f2023
}

.themeDark-HkDQzP .contentDescriptionSpan-RzJoP8 {
    color: #247cff
}

.themeDark-HkDQzP .secondaryButton-h6CKZy {
    color: #fff;
    background: #303236
}

.themeDark-HkDQzP .userGuide-lAw54K {
    color: #84888c
}

.themeDark-HkDQzP .userGuideSpan-JRZWvL {
    color: #fff
}