@charset "UTF-8";

html[data-from=app] ._wrapper_1ygno_2 {
    display: none
}

:root {
    --mx-header-height: 98px
}

._wrapper_1ygno_2 {
    background-color: var(--bg-l0);
    color: var(--text-primary);
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    padding-inline-start: 16px;
    position: relative;
    border-bottom: 1px solid var(--divider-primary);
    height: 60px
}

._wrapper_1ygno_2 ul,
._wrapper_1ygno_2 li {
    list-style: none
}

._wrapper_1ygno_2 a,
._mobileMenuWrapper_1ygno_27 a {
    color: inherit;
    text-decoration: none
}

._wrapper_1ygno_2 ._loginNavItem_1ygno_31,
._mobileMenuWrapper_1ygno_27 ._loginNavItem_1ygno_31 {
    margin-inline-start: 8px;
    margin-inline-end: 12px !important
}

._wrapper_1ygno_2 ._loginBtn_1ygno_36,
._mobileMenuWrapper_1ygno_27 ._loginBtn_1ygno_36 {
    color: var(--text-primary);
    padding: 0;
    border-radius: 16px
}

._wrapper_1ygno_2 ._registerBtn_1ygno_42,
._mobileMenuWrapper_1ygno_27 ._registerBtn_1ygno_42 {
    color: var(--text-button);
    background: var(--primary-base);
    padding: 5px 15px;
    border-radius: 16px
}

@media (hover: hover) {

    ._wrapper_1ygno_2 ._registerBtn_1ygno_42:hover,
    ._mobileMenuWrapper_1ygno_27 ._registerBtn_1ygno_42:hover {
        color: var(--text-button);
        background: var(--primary-hover)
    }
}

._hasBonus_1ygno_57 {
    display: flex !important;
    align-items: center;
    justify-content: center
}

._hasBonus_1ygno_57 ._registerIconEl_1ygno_62 {
    flex-shrink: 0;
    margin-inline-end: 4px;
    width: 20px;
    height: 20px;
    background-image: url(https://static.mocortech.com/www/static/images/home/banner-gift-animate-v4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: -2px;
    animation: _run_1ygno_1 3s steps(35) infinite
}

@keyframes _run_1ygno_1 {
    0% {
        background-position: center top 0
    }

    to {
        background-position: center bottom 0
    }
}

._mobileMenuWrapper_1ygno_27 ._loginBtn_1ygno_36 {
    padding: 4px 15px;
    border: 1px solid var(--text-primary)
}

._mobileMenuWrapper_1ygno_27 ._loginNavItem_1ygno_31 {
    margin-inline-start: 0;
    margin-inline-end: 0 !important
}

@media screen and (max-width: 767px) {

    ._wrapper_1ygno_2 ._loginNavItem_1ygno_31,
    ._wrapper_1ygno_2 ._h5HideLogin_1ygno_96 {
        display: none !important
    }

    ._mobileMenuWrapper_1ygno_27 ._loginNavItem_1ygno_31,
    ._mobileMenuWrapper_1ygno_27 ._registerNavItem_1ygno_102 {
        display: block !important
    }
}

._drawerLeafs_1ygno_106 ._wrapperLeft_1ygno_106,
._wrapper_1ygno_2 ._wrapperLeft_1ygno_106,
._mobileMenuWrapper_1ygno_27 ._wrapperLeft_1ygno_106 {
    display: flex;
    align-items: center
}

._drawerLeafs_1ygno_106 ._wrapperLeft_1ygno_106 ._redDot_1ygno_112,
._wrapper_1ygno_2 ._wrapperLeft_1ygno_106 ._redDot_1ygno_112,
._mobileMenuWrapper_1ygno_27 ._wrapperLeft_1ygno_106 ._redDot_1ygno_112 {
    width: 5px;
    height: 5px;
    margin-inline-start: 8px;
    display: inline-block
}

._drawerLeafs_1ygno_106 ._redDotItem_1ygno_120 ._wrapperLeft_1ygno_106 ._redDot_1ygno_112,
._wrapper_1ygno_2 ._redDotItem_1ygno_120 ._wrapperLeft_1ygno_106 ._redDot_1ygno_112,
._mobileMenuWrapper_1ygno_27 ._redDotItem_1ygno_120 ._wrapperLeft_1ygno_106 ._redDot_1ygno_112 {
    border-radius: 50%;
    background: var(--tint-blue-base);
    flex-shrink: 0
}

._drawerLeafs_1ygno_106 ._wrapperLeft_1ygno_106 {
    padding-inline-end: 9px
}

._drawerLeafs_1ygno_106 ._wrapperLeft_1ygno_106 ._redDot_1ygno_112 {
    margin-inline-start: 0px
}

._wrapper_1ygno_2._bgGreen_1ygno_135 {
    background-color: transparent
}

._leftWrapper_1ygno_139 {
    display: flex
}

._leftMenu_1ygno_143 {
    margin-inline-start: -15px
}

._rightWrapper_1ygno_147 {
    display: flex;
    padding-inline-end: 16px
}

._rightWrapper_1ygno_147._appPage_1ygno_151 {
    padding-inline-end: 0;
    flex: 1;
    justify-content: flex-end
}

._logoWrapper_1ygno_160 img {
    min-width: 104px
}

._fullLogo_1ygno_164 {
    height: 20px
}

@media screen and (max-width: 767px) {
    ._fullLogo_1ygno_164 {
        height: 16px
    }
}

._divider_1ygno_173 {
    width: 1px;
    height: 24px;
    background-color: var(--divider-primary);
    margin-inline-end: 16px;
    align-self: center;
    opacity: 1
}

._authBtn_1ygno_182 {
    transition: all .2s ease-in;
    white-space: nowrap;
    cursor: pointer
}

._authBtn_1ygno_182:hover {
    color: var(--primary-base)
}

._bgGreen_1ygno_135 ._authBtn_1ygno_182:hover {
    color: inherit
}

._bgGreen_1ygno_135 ._registerBtn_1ygno_42 {
    border-color: #fff;
    color: #fff
}

._wrapper_1ygno_2 ._navItem_1ygno_203 {
    margin-inline-end: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative
}

._wrapper_1ygno_2 ._navItem_1ygno_203>span,
._wrapper_1ygno_2 ._navItem_1ygno_203>a {
    white-space: nowrap
}

._wrapper_1ygno_2 ._navItem_1ygno_203._mobileMenuToggle_1ygno_214 {
    padding: 0 4px;
    margin: 0;
    font-size: 37px;
    align-self: center
}

@media (hover: hover) {
    ._wrapper_1ygno_2 ._navItem_1ygno_203:hover {
        color: var(--primary-base)
    }
}

._wrapper_1ygno_2 ._navItem_1ygno_203 .icondown {
    display: inline-block;
    transition: all .2s ease-in
}

._wrapper_1ygno_2 ._navItem_1ygno_203 .icondown.menu-item-open {
    transform: rotate(180deg);
    color: var(--primary-base)
}

._wrapper_1ygno_2 ._navItem_1ygno_203 [data-icon=CaretDownOutlined] {
    font-size: 7px;
    margin-inline-start: 4px
}

._rightWrapper_1ygno_147 ._navItem_1ygno_203 {
    margin-inline-end: 16px
}

._responsive-item-setting_1ygno_242 ._navItem_1ygno_203:last-child {
    margin-inline-end: 0
}

._wrapper_1ygno_2 ._navItem_1ygno_203 ._navLinkItem_1ygno_246 {
    display: flex;
    align-items: center
}

._iconMenu_1ygno_251._navItem_1ygno_203 .iconfont {
    font-size: 20px
}

._userIconLink_1ygno_255 {
    height: 20px
}

._normalLeftMenuWrapper_1ygno_259 {
    display: flex
}

._normalLeftMenuWrapper_1ygno_259 a:hover {
    color: var(--primary-base)
}

._rightWrapper_1ygno_147 ._menu_1ygno_229 {
    box-shadow: 0 6px 24px #00000014
}

._menu_1ygno_229 {
    padding: 8px 0;
    margin-bottom: 0;
    color: var(--text-primary);
    position: relative;
    min-width: 300px;
    flex-grow: 1
}

._menu_1ygno_229 ._menuIcon_1ygno_278 {
    width: 30px;
    height: 30px;
    margin: 0 15px;
    background-size: cover
}

._menu_1ygno_229 li {
    border-radius: 12px
}

._menu_1ygno_229 li:hover ._leafs_1ygno_287 {
    display: block
}

._menu_1ygno_229 li a {
    display: flex;
    align-items: center;
    white-space: nowrap
}

._menu_1ygno_229 li a ._itemIcon_1ygno_295 {
    width: 30px;
    height: 30px;
    margin: 0 15px;
    flex-shrink: 0
}

._menu_1ygno_229 li a ._itemBody_1ygno_301 {
    margin-inline-start: 12px;
    min-width: 150px;
    flex-grow: 1;
    padding: 12px 0;
    padding-inline-end: 30px;
    position: relative;
    font-size: 14px;
    font-weight: 500
}

._menu_1ygno_229 li a ._itemBody_1ygno_301 ._shining_1ygno_311 {
    width: 30px;
    text-align: start;
    margin-inline-start: 4px;
    width: 100%;
    color: #ff7765cc;
    background-image: linear-gradient(-45deg, #ff776500 35%, #fff, #ff776500 65%);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 60% 160%;
    background-repeat: no-repeat;
    background-position: -100% 0;
    animation: _mymoves_1ygno_1 2.6s infinite ease-in-out
}

._menu_1ygno_229 li a ._itemTitle_1ygno_331 {
    font-weight: 500;
    display: flex;
    align-items: center;
    color: var(--text-primary)
}

._menu_1ygno_229 li a ._itemTitle_1ygno_331 span {
    margin-inline-end: 4px;
    white-space: break-spaces;
    position: relative
}

._menu_1ygno_229 li a ._itemTitleBadge_1ygno_342 {
    align-items: flex-start
}

._menu_1ygno_229 li a ._sunImg_1ygno_345 {
    width: 32px;
    height: 32px;
    margin: 0 2px 0 3px
}

._menu_1ygno_229 li a ._itemDesc_1ygno_350 {
    margin-top: 2px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--text-tertiary);
    white-space: normal
}

._menu_1ygno_229 li:last-child ._itemBody_1ygno_301 {
    border-bottom-color: transparent
}

._menu_1ygno_229 li._focused_1ygno_361,
._menu_1ygno_229 li:hover {
    background: #b4bfd61a
}

@media (hover: none) and (pointer: coarse) {
    ._menu_1ygno_229 li:hover {
        background-color: transparent
    }
}

._userMenuItem_1ygno_371 {
    display: flex;
    align-items: center;
    gap: 8px
}

._userMenuItem_1ygno_371 svg {
    width: 20px;
    height: 20px
}

._userMenuItem_1ygno_371 span {
    color: var(--text-primary)
}

._arrowIcon_1ygno_384 {
    font-size: 16px;
    color: var(--primary-text);
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -.5em;
    pointer-events: none
}

[dir=rtl] ._arrowIcon_1ygno_384 {
    transform: rotate(180deg);
    right: auto;
    left: 12px
}

html[dir=rtl] ._menu_1ygno_229 li:hover ._arrowIcon_1ygno_384 {
    right: auto;
    left: 12px;
    display: block
}

._idAuthItem_1ygno_406 {
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    padding-bottom: 16px;
    gap: 8px
}

._idAuthItem_1ygno_406 ._userMenuItem_1ygno_371 {
    line-height: 24px
}

._menu_1ygno_229._announceMenu_1ygno_417 {
    margin-inline-end: -50px
}

._menu_1ygno_229._announceMenu_1ygno_417 li {
    padding: 8px 15px;
    display: flex
}

._menu_1ygno_229._announceMenu_1ygno_417 ._announceLink_1ygno_424 {
    display: flex;
    align-items: center;
    font-size: 12px;
    white-space: nowrap
}

._menu_1ygno_229._announceMenu_1ygno_417 ._announceIcon_1ygno_430 {
    font-size: 18px;
    margin-inline-end: 8px;
    color: var(--primary-base)
}

._menu_1ygno_229._announceMenu_1ygno_417 ._announceTitle_1ygno_435 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 300px;
    margin-inline-end: 10px
}

._menu_1ygno_229._download_1ygno_443 {
    padding: 16px;
    min-width: 230px;
    max-width: 230px;
    text-align: center
}

._menu_1ygno_229._download_1ygno_443 ._downloadNewTitle_1ygno_449 {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
    text-align: center
}

._menu_1ygno_229._download_1ygno_443 ._downloadNewTitle_1ygno_449 ._downloadNewTitleItem_1ygno_456 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

._menu_1ygno_229._download_1ygno_443 ._downloadQRCode_1ygno_463 {
    position: relative;
    width: 170px;
    line-height: 0;
    margin: 0 auto;
    font-size: 0
}

._menu_1ygno_229._download_1ygno_443 ._qrcodeWrapper_1ygno_470 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    padding: 5%;
    border-radius: 12px;
    background-color: #fff
}

._menu_1ygno_229._download_1ygno_443 ._downloadBtn_1ygno_480 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    margin-top: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 22px
}

._menu_1ygno_229._download_1ygno_443 ._downloadBtn_1ygno_480 span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

._menu_1ygno_229._normal_1ygno_259 {
    min-width: 100px
}

._menu_1ygno_229._normal_1ygno_259 li {
    padding: 0 12px
}

._menu_1ygno_229._normal_1ygno_259 li a {
    line-height: 44px;
    height: 44px;
    min-height: auto;
    justify-content: flex-start
}

._menu_1ygno_229._normal_1ygno_259 li a:hover {
    color: inherit
}

._menu_1ygno_229._normal_1ygno_259 li:last-child {
    border-bottom: none
}

._UserCircleOutlinedIcon_1ygno_516:hover path {
    fill: var(--primary-base)
}

._userDrawer_1ygno_520 ._userWrapper_1ygno_520 {
    width: 100%
}

._userDrawer_1ygno_520 ._userWrapper_1ygno_520 ._normal_1ygno_259 li a {
    text-align: left;
    justify-content: start
}

._userDrawer_1ygno_520 ._userWrapper_1ygno_520 ._item_1ygno_295 {
    line-height: 22px;
    padding-inline-start: 0;
    box-sizing: content-box;
    padding: 16px;
    display: block
}

._userWrapper_1ygno_520 {
    margin-top: 3px;
    width: 280px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    border-radius: 16px;
    background-repeat: no-repeat;
    background-size: auto
}

._userWrapper_1ygno_520 ._userDown_1ygno_571 {
    padding: 8px
}

._userWrapper_1ygno_520 ._item_1ygno_295 {
    line-height: 52px;
    padding-inline-start: 8px;
    display: flex
}

._userWrapper_1ygno_520 ._item_1ygno_295:hover {
    border-radius: 12px
}

._userWrapper_1ygno_520 ._item_1ygno_295._itemLineBox_1ygno_582 {
    margin: 6px 0;
    padding: 0
}

._userWrapper_1ygno_520 ._item_1ygno_295._itemLineBox_1ygno_582:hover {
    background-color: transparent;
    color: transparent
}

._userWrapper_1ygno_520 ._item_1ygno_295._itemLineBox_1ygno_582 ._itemLine_1ygno_582 {
    width: 100%;
    height: 1px;
    background-color: var(--divider-primary)
}

.theme-dark ._userWrapper_1ygno_520 {
    background: #1d1e23d9;
    box-shadow: 0 2px 19px #00000029
}

.theme-dark ._userWrapper_1ygno_520 ._item_1ygno_295:hover {
    background: #b4bfd60f
}

.theme-light ._userWrapper_1ygno_520 ._item_1ygno_295:hover {
    background: #b4bfd61f
}

.userMenuPopover ._userWrapper_1ygno_520 ._item_1ygno_295:hover {
    border-radius: 12px;
    background: #b4bfd60f
}

._localeDropdown_1ygno_613 {
    background-color: var(--bg-modal)
}

._localeDropdown_1ygno_613._paddingRight_1ygno_616 {
    right: -40px;
    position: relative
}

._tradingHotImg_1ygno_621 {
    width: 18px;
    height: 18px
}

._mobileMenuWrapper_1ygno_27 {
    z-index: 1000;
    height: 100%;
    top: 0;
    right: 0;
    background-color: var(--bg-l1-white);
    color: var(--text-primary);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 6px 24px #00000014
}

._mobileMenuWrapper_1ygno_27:not(._mobileMenuWrapperResponsive_1ygno_638) {
    position: fixed;
    width: fit-content;
    min-width: 375px;
    background-color: var(--bg-modal)
}

._mobileMenuWrapper_1ygno_27::-webkit-scrollbar {
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    scrollbar-width: thin
}

._mobileMenuWrapper_1ygno_27::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    display: none
}

._mobileMenuWrapper_1ygno_27::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--scrollbar-track)
}

._mobileMenuWrapper_1ygno_27::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbar-thumb)
}

._mobileMenuWrapper_1ygno_27::-webkit-scrollbar-thumb:hover {
    background-color: var(--text-tertiary)
}

._mobileMenuWrapper_1ygno_27 .global-user-top {
    padding: 16px 16px 0
}

._mobileMenuWrapper_1ygno_27 ._header_1ygno_668 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--divider-modal-primary);
    padding: 0 20px;
    height: 44px;
    position: sticky;
    top: 0;
    z-index: 1
}

._mobileMenuWrapper_1ygno_27 ._header_1ygno_668 ._headerLeft_1ygno_679,
._mobileMenuWrapper_1ygno_27 ._header_1ygno_668 ._headerRight_1ygno_680 {
    display: flex;
    align-items: center
}

._mobileMenuWrapper_1ygno_27 ._authBtn_1ygno_182 {
    display: block
}

._mobileMenuWrapper_1ygno_27 ._navItem_1ygno_203 {
    padding: 12px 16px;
    text-align: center
}

._mobileMenuWrapper_1ygno_27 ._closeBtn_1ygno_691 {
    padding: 4px 0;
    font-size: 20px;
    cursor: pointer
}

._mobileMenuWrapper_1ygno_27 ._hostComponent_1ygno_696 {
    padding: 0 24px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

._mobileMenuWrapper_1ygno_27 ._hostComponent_1ygno_696:hover {
    background-color: var(--fill-tab-tertiary)
}

._mobileMenuWrapper_1ygno_27 ._hostComponent_1ygno_696>div {
    flex: 1
}

._mobileMenuWrapper_1ygno_27 ._mobileMenuBtn_1ygno_709 {
    font-size: 16px;
    display: flex;
    padding: 16px;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    min-height: 48px
}

._mobileMenuWrapper_1ygno_27 ._mobileMenuBtn_1ygno_709>span {
    display: flex;
    align-items: center
}

._mobileMenuWrapper_1ygno_27 ._mobileMenuBtn_1ygno_709 ._flexVerticalCenter_1ygno_722>span {
    padding-inline-end: 4px
}

._mobileMenuWrapper_1ygno_27 ._mobileMenuBtn_1ygno_709._mobileMenuBtnWithIcon_1ygno_725 {
    justify-content: flex-start
}

._mobileMenuWrapper_1ygno_27 ._mobileMenuBtn_1ygno_709._mobileMenuBtnWithIcon_1ygno_725 .mx-icon {
    font-size: 24px;
    padding: 2px;
    margin-inline-end: 8px;
    flex-shrink: 0
}

._mobileMenuWrapper_1ygno_27 ._mobileMenuBtn_1ygno_709._mobileMenuBtnWithIcon_1ygno_725 .mx-icon+div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0
}

._mobileMenuWrapper_1ygno_27 ._downloadBtnWrap_1ygno_740 {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 48px;
    margin-bottom: 48px
}

._mobileMenuWrapper_1ygno_27 ._downloadBtnWrap_1ygno_740 ._downloadBtnV2_1ygno_748 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--divider-modal-primary);
    border-radius: 24px;
    padding-top: 11px;
    padding-bottom: 11px;
    flex: 1;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

._mobileMenuWrapper_1ygno_27 ._downloadBtnWrap_1ygno_740 ._downloadBtnV2_1ygno_748 .mx-icon {
    font-size: 24px;
    padding: 2px;
    margin-inline-end: 8px
}

._mobileMenuWrapper_1ygno_27 ._logoutBtn_1ygno_767 {
    cursor: pointer;
    margin-inline-end: 16px
}

._mobileMenuWrapper_1ygno_27 ._logoutBtn_1ygno_767:hover {
    color: var(--error-base)
}

._mobileMenuWrapper_1ygno_27 ._mobileDivider_1ygno_774 {
    border-bottom: 1px solid var(--divider-modal-primary)
}

._mobileMenuWrapper_1ygno_27 .shadow-s1-down {
    box-shadow: none
}

._mobileMenuWrapper_1ygno_27 ._menu_1ygno_229 ._itemBody_1ygno_301 ._itemTitle_1ygno_331 {
    padding-inline-end: 20px
}

._mobileMenuWrapper_1ygno_27 ._menu_1ygno_229 ._itemBody_1ygno_301 ._itemTitle_1ygno_331>span {
    padding-inline-end: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

._mobileMenuWrapper_1ygno_27 ._wrapperLeft_1ygno_106 ._redDot_1ygno_112 {
    margin-inline-start: 0
}

._mobileMenuWrapper_1ygno_27 ._menu_1ygno_229 li a ._itemBody_1ygno_301 {
    margin-inline-start: 11px
}

[data-theme=dark] ._mobileMenuWrapper_1ygno_27,
[data-theme=dark] ._mobileMenuWrapper_1ygno_27 ._userWrapper_1ygno_520,
[data-theme=dark] ._mobileMenuWrapper_1ygno_27 ._header_1ygno_668 {
    background-color: #000
}

[data-theme=dark] ._mobileMenuWrapper_1ygno_27 ._menu_1ygno_229 {
    background-color: #b4bff114
}

[data-theme=dark] ._mobileMenuWrapper_1ygno_27._mobileMenuWrapperResponsive_1ygno_638,
[data-theme=dark] ._mobileMenuWrapper_1ygno_27._mobileMenuWrapperResponsive_1ygno_638 ._userWrapper_1ygno_520,
[data-theme=dark] ._mobileMenuWrapper_1ygno_27._mobileMenuWrapperResponsive_1ygno_638 ._header_1ygno_668,
[data-theme=dark] ._mobileMenuWrapper_1ygno_27._mobileMenuWrapperResponsive_1ygno_638 ._menu_1ygno_229 {
    background-color: var(--bg-l1-white)
}

[data-theme=light] ._mobileMenuWrapper_1ygno_27 ._userWrapper_1ygno_520,
[data-theme=light] ._mobileMenuWrapper_1ygno_27 ._header_1ygno_668 {
    background-color: var(--bg-modal)
}

[data-theme=light] ._mobileMenuWrapper_1ygno_27 ._menu_1ygno_229 {
    background-color: #b4bff11a
}

._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 {
    background-color: var(--bg-L1);
    box-shadow: none;
    margin: 0
}

._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li {
    padding-inline-start: 16px
}

._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._itemBody_1ygno_301 {
    border-bottom: none;
    max-width: fit-content;
    min-height: 48px
}

._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._itemIcon_1ygno_295,
._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._itemDesc_1ygno_350,
._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._sunImg_1ygno_345 {
    display: none
}

._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._itemTitle_1ygno_331 {
    font-weight: 400
}

._innerMenuBtn_1ygno_842 {
    justify-content: space-between
}

._innerMenuBtn_1ygno_842 ._toggleBtnOpen_1ygno_845 {
    transform: rotateX(180deg)
}

._innerMenuBtn_1ygno_842 ._icondown_1ygno_225 {
    min-width: 16px
}

._innerDrop_1ygno_820 {
    display: none
}

._innerDrop_1ygno_820._dropOpen_1ygno_855 {
    display: block
}

._innerMenu_1ygno_820 li ._itemBody_1ygno_301 {
    max-width: 100% !important
}

@media (max-width: 760px) {
    ._mobileMenuWrapper_1ygno_27:not(._mobileMenuWrapperResponsive_1ygno_638) {
        min-width: 100vw;
        width: 100%
    }

    ._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._itemTitle_1ygno_331 span {
        font-weight: 400;
        word-wrap: break-word;
        overflow: hidden
    }
}

html[dir=rtl] ._mobileMenuWrapper_1ygno_27 {
    right: auto;
    left: 0
}

._hotImg_1ygno_879 {
    width: 18px;
    height: 18px
}

._hotImgStartSpace_1ygno_884 {
    margin-inline-start: 2px
}

._hotImgEndSpace_1ygno_888 {
    margin-inline-end: 2px
}

._hotImgPosition_1ygno_892 {
    position: absolute;
    left: -14px;
    width: 26px;
    height: 26px
}

._tradingHotImgPosition_1ygno_899 {
    position: absolute;
    left: -14px;
    width: 26px;
    height: 26px;
    top: -5px
}

._contractBonusLink_1ygno_907 {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-inline-start: 14px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 8px;
    background: linear-gradient(90deg, #ff7235 9.56%, #f89056);
    border-radius: 2px;
    padding: 4px 4px 4px 8px
}

._contractBonusLink_1ygno_907:hover {
    background: linear-gradient(90deg, #ff6928 9.56%, #fb7f39);
    color: #fff
}

._menu_1ygno_229._contractMenu_1ygno_927 {
    padding: 0
}

._menu_1ygno_229._contractMenu_1ygno_927>li {
    padding: 5px 12px
}

._menu_1ygno_229._contractMenu_1ygno_927>li a {
    line-height: 32px;
    height: 32px;
    width: 100%;
    border-bottom: none
}

._mainItem_1ygno_940:hover ._iconcaidan1_1ygno_940 {
    color: var(--primary-base);
    transition: all .4s
}

._newTag_1ygno_945 {
    font-size: 12px;
    font-weight: 900;
    margin-inline-start: 4px;
    color: var(--warning-base)
}

._imgIcon_1ygno_952 {
    position: relative;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    width: 18px
}

._flexVerticalCenter_1ygno_722 {
    display: flex;
    align-items: center
}

@keyframes _mymoves_1ygno_1 {
    0% {
        backgrzound-position-x: -100%
    }

    to {
        background-position-x: 200%
    }
}

._rewardsCenter_1ygno_972 {
    display: flex
}

._rewardsCenter_1ygno_972 img {
    margin-inline-start: 4px
}

._menu_1ygno_229._textLeft_1ygno_979 li {
    border-radius: 0
}

._menu_1ygno_229._textLeft_1ygno_979 li a {
    justify-content: flex-start;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 14px
}

@media (max-width: 1200px) {
    ._h5Nav_1ygno_990 {
        display: none
    }
}

[dir=rtl] ._leafs_1ygno_287 {
    left: auto;
    right: 100%
}

._leafsContent_1ygno_999 {
    height: 100%;
    border-radius: 4px
}

._drawerLeafs_1ygno_106 ._menu_1ygno_229 li,
._mobileMenuWrapper_1ygno_27 ._menu_1ygno_229 li {
    border-radius: 0
}

._drawerLeafs_1ygno_106 ._menu_1ygno_229 {
    box-shadow: none
}

._drawerLeafs_1ygno_106 ._menu_1ygno_229 li a ._itemBody_1ygno_301 {
    margin-inline-start: 0
}

._drawerLeafs_1ygno_106 ._menu_1ygno_229 li a img._sunImg_1ygno_345 {
    display: none !important
}

._drawerLeafs_1ygno_106 ._mobileMenuBtn_1ygno_709 {
    display: flex;
    padding: 13px 10px;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    min-height: 48px
}

._drawerLeafs_1ygno_106 ._mobileMenuBtn_1ygno_709>span {
    display: flex;
    align-items: center
}

._drawerLeafs_1ygno_106 ._mobileMenuBtn_1ygno_709:hover {
    background-color: transparent;
    color: var(--text-primary)
}

._drawerLeafs_1ygno_106 .shadow-s1-down {
    box-shadow: none
}

._drawerLeafs_1ygno_106 ._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._itemBody_1ygno_301 {
    height: auto
}

._drawerLeafs_1ygno_106 ._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._itemIcon_1ygno_295,
._drawerLeafs_1ygno_106 ._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._itemDesc_1ygno_350,
._drawerLeafs_1ygno_106 ._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li ._sunImg_1ygno_345 {
    display: block
}

._settingWrapper_1ygno_1045 ._menu_1ygno_229,
._drawerLeafs_1ygno_106 ._menu_1ygno_229 {
    padding: 0
}

._settingWrapper_1ygno_1045 ._leafs_1ygno_287 {
    display: none !important
}

._settingWrapper_1ygno_1045 ._menu_1ygno_229 ._arrowIcon_1ygno_384,
._drawerLeafs_1ygno_106 ._menu_1ygno_229 ._arrowIcon_1ygno_384 {
    pointer-events: all;
    right: 20px
}

[dir=rtl] ._settingWrapper_1ygno_1045 ._menu_1ygno_229 ._arrowIcon_1ygno_384 {
    right: auto;
    left: 12px
}

._closeLeafs_1ygno_1065 {
    height: 70px;
    border-bottom: 1px solid var(--divider-modal-primary);
    display: flex;
    align-items: center;
    padding-left: 24px
}

._closeLeafs_1ygno_1065 svg {
    cursor: pointer
}

[dir=rtl] ._closeLeafs_1ygno_1065 {
    padding-right: 20px
}

[dir=rtl] ._closeLeafs_1ygno_1065 svg {
    transform: rotate(180deg)
}

._popNavMenuContainer_1ygno_1083 {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    border-radius: 2px;
    transition: all .3s ease-in-out;
    box-shadow: none !important;
    min-height: 100%
}

._popNavMenuContainer_1ygno_1083 ._leafs_1ygno_287 {
    border-left: 1px solid
}

._popNavMenuContainer_1ygno_1083 ._leafsRTL_1ygno_1095 {
    border-left: none;
    border-right: 1px solid
}

._popNavMenuContainer_1ygno_1083._treeIndex1_1ygno_1099 ._menu_1ygno_229 li a ._itemBody_1ygno_301,
._popNavMenuContainer_1ygno_1083._treeIndex2_1ygno_1099 ._menu_1ygno_229 li a ._itemBody_1ygno_301 {
    margin-inline-start: 9px
}

[data-theme=light] ._popNavMenuContainer_1ygno_1083 ._leafs_1ygno_287 {
    border-color: #ebedf199
}

[data-theme=dark] ._popNavMenuContainer_1ygno_1083 ._leafs_1ygno_287 {
    border-color: #2c2f3699
}

._settingWrapper_1ygno_1045 ._popNavMenuContainer_1ygno_1083 {
    box-shadow: none
}

._navItemCustomIconTag_1ygno_1115 {
    margin-inline-start: 2px;
    height: 16px;
    object-fit: cover
}

@media screen and (max-width: 767px) {

    ._userDrawer_1ygno_520 ._userWrapper_1ygno_520 ._userDown_1ygno_571,
    ._userDrawer_1ygno_520 ._userWrapper_1ygno_520 ._item_1ygno_295 {
        padding: 0
    }

    ._userDrawer_1ygno_520 ._userWrapper_1ygno_520 ._userMenuItem_1ygno_371 svg {
        display: none
    }

    ._userDrawer_1ygno_520 ._userWrapper_1ygno_520 ._userMenuItem_1ygno_371 span {
        padding: 16px;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px
    }

    ._idAuthItem_1ygno_406 ._userMenuItem_1ygno_371 {
        line-height: 24px
    }

    ._idAuthItem_1ygno_406 ._userMenuItem_1ygno_371>span {
        padding-bottom: 8px !important
    }

    ._userDrawer_1ygno_520 ._userWrapper_1ygno_520 ._normal_1ygno_259 li a {
        padding: 16px 16px 16px 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        height: inherit
    }

    ._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 {
        margin: 0;
        padding: 0
    }

    ._innerMenu_1ygno_820 ._innerDrop_1ygno_820 ._menu_1ygno_229 li {
        padding-inline-start: 32px
    }

    ._mobileMenuWrapper_1ygno_27:not(._mobileMenuWrapperResponsive_1ygno_638) {
        min-width: 100vw;
        width: 100%
    }
}

._header-affix_1ygno_1163 .ant-affix {
    --zindex-affix: 999
}

._asidePlaceholderArea_1ygno_1167 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

._contractDivideLine_1ygno_1174 {
    width: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 20px
}

._contractDivideLine_1ygno_1174>i {
    width: 2px;
    height: 12px;
    background: var(--text-disable)
}

._logoContainer_1ygno_1187 {
    display: flex
}

@media screen and (max-width: 767px) {
    ._logoContainer_1ygno_1187 ._navItem_1ygno_203 {
        margin-inline-end: 8px
    }
}

._loginOutLoading_1ygno_1196>div {
    padding: 0
}

._activeTouch_1ygno_1200 {
    background: var(--fill-page-button-default)
}

._remoteHeader_1ygno_1204 {
    position: relative;
    z-index: 999
}

._remoteHeader_1ygno_1204 .theme-light,
._remoteHeader_1ygno_1204 .downloader-bg-theme-light {
    --download-log-bg: linear-gradient(89deg, #fff 50.72%, #ebf0fa 98.73%)
}

._remoteHeader_1ygno_1204 .theme-dark,
._remoteHeader_1ygno_1204 .downloader-bg-theme-dark {
    --download-log-bg: linear-gradient(89deg, #16171a 50.72%, #1f283f 98.73%)
}

html[dir=rtl] ._hostMenuIcon_1ygno_1217 {
    transform: scaleX(-1)
}

._navItemWithIcon_1ygno_1221 ._hostMenuIcon_1ygno_1217 {
    width: 63px;
    height: 17px;
    margin-inline-end: 8px
}

._navItemWithIcon_1ygno_1221 ._hostMenuIcon_1ygno_1217._useCssAnimation_1ygno_1226 {
    background-repeat: no-repeat;
    background-position: center top;
    animation: _run1_1ygno_1 2s forwards
}

@keyframes _run1_1ygno_1 {
    0% {
        background-position: center top
    }

    to {
        background-position: center bottom
    }
}

._navItemWithIcon_1ygno_1221 ._hostMenuTitle_1ygno_1239 {
    position: relative
}

._navItemWithIcon_1ygno_1221 ._hostMenuTitle_1ygno_1239 ._showFlashText_1ygno_1242 {
    position: absolute;
    left: 0;
    color: #ffffff14;
    background: -webkit-linear-gradient(-30deg, rgba(255, 255, 255, 0) 20px, rgb(255, 255, 255) 50px, rgb(255, 255, 255) 70px, rgba(255, 255, 255, 0) 90px) -30px 0 no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-blend-mode: hard-light;
    background-size: 200%;
    animation: _shine_1ygno_1 1.5s ease-in-out infinite
}

._navItemWithIcon_1ygno_1221 ._hostMenuTitleDark_1ygno_1252 {
    color: #ebebebe6
}

._navItemWithIcon_1ygno_1221 ._hostMenuTitleLight_1ygno_1255 {
    color: #0d0e0f
}

._navItemWithIcon_1ygno_1221 ._hostMenuTitleLight_1ygno_1255 ._showFlashText_1ygno_1242 {
    background: -webkit-linear-gradient(-30deg, rgba(255, 255, 255, 0) 20px, rgba(255, 255, 255, .25) 50px, rgba(255, 255, 255, .25) 70px, rgba(255, 255, 255, 0) 90px) -30px 0 no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-blend-mode: hard-light;
    background-size: 200%;
    animation: _shine_1ygno_1 1.5s ease-in-out infinite
}

@keyframes _shine_1ygno_1 {
    0% {
        background-position: 130% 0
    }

    to {
        background-position: -100% 0
    }
}

._headerTag_1ygno_1274 {
    display: inline-flex;
    align-items: center
}

._headerNavUserContainer_1ygno_1279 {
    display: flex;
    align-items: center
}

._headerLeft_1ygno_679 ._loginTitle_1ygno_1284 {
    padding: 16px 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

._headerLeft_1ygno_679 ._loginContent_1ygno_1290 {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px auto 32px;
    flex-wrap: wrap;
    gap: 16px
}

._headerLeft_1ygno_679 ._loginContent_1ygno_1290 ._navItem_1ygno_203 {
    flex: 1;
    padding: 0
}

._headerLeft_1ygno_679 ._loginContent_1ygno_1290 ._navItem_1ygno_203 a {
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 576px) {
    ._rightWrapper_1ygno_147>._registerNavItem_1ygno_102 {
        font-size: 12px
    }
}

@media screen and (max-width: 576px) and (max-width: 375px) {
    ._rightWrapper_1ygno_147>._registerNavItem_1ygno_102 ._registerIconEl_1ygno_62 {
        display: none
    }
}

._setting_1ygno_1045 {
    cursor: pointer
}

._registrationGuideWrapper_1tn80_1 {
    display: flex;
    position: relative
}

._registrationGuide_1tn80_1 {
    display: flex;
    flex-flow: column nowrap;
    padding: 6px 4px;
    width: 238px;
    min-height: 118px;
    z-index: 1000
}

._registrationGuide_1tn80_1 ._registrationGuideHead_1tn80_14 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px
}

._registrationGuide_1tn80_1 ._registrationGuideHead_1tn80_14 ._registrationGuideTitle_1tn80_20 {
    margin-bottom: 0;
    margin-inline-end: 5px;
    line-height: 22px;
    font-size: 14px;
    color: var(--text-white)
}

._registrationGuide_1tn80_1 ._registrationGuideHead_1tn80_14 ._registrationGuideClose_1tn80_27 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 24px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

._registrationGuide_1tn80_1 ._registrationGuideHead_1tn80_14 ._registrationGuideClose_1tn80_27 .iconfont {
    font-size: 12px;
    color: var(--text-white)
}

._registrationGuideDesc_1tn80_41 {
    margin-bottom: 15px;
    line-height: 20px;
    font-size: 12px;
    color: var(--text-white)
}

._registrationGuideBtns_1tn80_48 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._registrationGuideBtns_1tn80_48 ._registrationGuideStep_1tn80_53 {
    line-height: 20px;
    font-size: 12px;
    color: var(--text-white)
}

._registrationGuideBtns_1tn80_48 ._registrationGuideBtn_1tn80_48 {
    display: flex;
    align-items: center;
    border: none;
    font-size: 12px;
    background-color: var(--text-white);
    color: var(--primary-blue);
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 500;
    line-height: 16px
}

._registrationGuideBtns_1tn80_48 ._registrationGuideRightOutlined_1tn80_71 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: var(--text-white);
    border: none;
    color: var(--text-black);
    border-radius: 50%;
    cursor: pointer
}

._registrationGuideBtns_1tn80_48 ._registrationGuideBtnsLeft_1tn80_83 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

._registrationGuideBtns_1tn80_48 ._registrationGuideBtnsLeft_1tn80_83 ._registrationGuideLeftOutlined_1tn80_89 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--text-white);
    background-color: #ffffff1a;
    border: none;
    border-radius: 50%;
    cursor: pointer
}

._registrationGuideToolTip_1tn80_102 .ant-tooltip-v5-arrow {
    top: -3px !important
}

._mx-popover-wrapper_1xrlq_1 {
    --animation-duration-base: 0
}

._mx-popover-wrapper_1xrlq_1._mx-popover-arrow__hidden_1xrlq_4 .ant-popover-arrow {
    display: none
}

._mx-popover-wrapper_1xrlq_1 .ant-popover-inner {
    max-width: calc(100vw - 20px);
    overflow-x: auto
}

._mx-popover-wrapper_1xrlq_1 .ant-popover-inner,
._mx-popover-wrapper_1xrlq_1 .ant-popover-inner-content {
    padding: 0
}

._mx-popover-wrapper_1xrlq_1 .ant-popover-inner,
._mx-popover-wrapper_1xrlq_1 .ant-popover-content {
    background: none
}

._mx-popover-wrapper_1xrlq_1 .ant-popover-content {
    border-radius: 16px;
    overflow: hidden
}

._mx-popover-wrapper_1xrlq_1 .menu-list {
    padding: 0 8px;
    margin: 16px 0;
    width: 300px;
    background: transparent;
    max-height: calc(min(588px, 100vh - 92px) - 52px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--divider-secondary) transparent
}

._mx-popover-wrapper_1xrlq_1 .menu-list::-webkit-scrollbar {
    width: 4px;
    height: 8px
}

._mx-popover-wrapper_1xrlq_1 .menu-list::-webkit-scrollbar-thumb {
    background: var(--divider-secondary);
    border-radius: 10px
}

._mx-popover-wrapper_1xrlq_1 .menu-list::-webkit-scrollbar-thumb:hover {
    background-color: var(--divider-secondary)
}

[data-theme=dark] ._mx-popover-wrapper_1xrlq_1 .ant-popover-content {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background: #1d1e23d9
}

[data-theme=light] ._mx-popover-wrapper_1xrlq_1 .ant-popover-content {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background: linear-gradient(0deg, #ffffffd9, #ffffffd9), linear-gradient(180deg, #fffc, #fffc 8.1%, #fff0 81%)
}

._messageItem_1d4gm_1 {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    font-size: 12px;
    padding: 8px 14px 8px 6px
}

._messageItem_1d4gm_1:hover {
    cursor: pointer;
    border-radius: 12px
}

._expandMessageItem_1d4gm_13 {
    background: var(--fill-menu-selected)
}

._header_1d4gm_17 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 16px
}

._header_1d4gm_17 ._left_1d4gm_24 {
    display: flex;
    align-items: center
}

._header_1d4gm_17 ._left_1d4gm_24 ._dot_1d4gm_28 {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--primary-blue)
}

._header_1d4gm_17 ._left_1d4gm_24 ._readedDivider_1d4gm_34 {
    width: 4px;
    height: 4px;
    border-radius: 50%
}

._header_1d4gm_17 ._right_1d4gm_39 {
    display: flex;
    align-items: center
}

._header_1d4gm_17 ._email_1d4gm_43 {
    font-size: 16px;
    flex-shrink: 0;
    color: var(--text-secondary)
}

._header_1d4gm_17 ._email_1d4gm_43._notRead_1d4gm_48 {
    font-size: 18px;
    color: var(--primary-base)
}

._header_1d4gm_17 ._title_1d4gm_52 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
    margin-inline-start: 4px;
    max-width: 360px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

._header_1d4gm_17 ._title_1d4gm_52._notRead_1d4gm_48 {
    color: var(--text-primary)
}

._header_1d4gm_17 ._check-detail_1d4gm_66 {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--primary-base)
}

._time_1d4gm_73 {
    font-size: 12px;
    color: var(--text-tertiary);
    font-weight: 400
}

._timeTag_1d4gm_80 {
    margin-inline-start: 8px;
    color: var(--text-tertiary);
    text-align: start
}

._timeMobile_1d4gm_86 {
    display: none
}

._labels_1d4gm_90 {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

._showDetail_1d4gm_96 {
    font-size: 16px;
    margin-inline-start: 8px;
    color: var(--icon-secondary);
    display: none
}

._showDetail_1d4gm_96._active_1d4gm_102 {
    transform: rotate(180deg);
    color: var(--primary-blue)
}

._important_1d4gm_107 {
    font-size: 12px;
    background: var(--tint-yellow-smooth);
    color: var(--tint-yellow-base);
    display: flex;
    align-items: center;
    line-height: 14px;
    margin-inline-end: 8px;
    margin-bottom: 8px;
    line-height: 20px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 400
}

._important_1d4gm_107 span {
    scale: .9
}

._label_1d4gm_90 {
    font-size: 12px;
    background-color: var(--fill-korea-blue-container);
    color: var(--tint-blue-base);
    align-self: baseline;
    line-height: 16px;
    margin-inline-end: 8px;
    word-break: break-all;
    margin-bottom: 8px;
    line-height: 20px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 400;
    background-color: var(--tint-blue-smooth)
}

._content_1d4gm_145 {
    margin-bottom: 8px;
    margin-inline-start: 8px;
    display: block;
    color: var(--text-secondary);
    line-height: 16px;
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding-inline-end: 40px;
    text-align: start
}

._content_1d4gm_145._notRead_1d4gm_48 {
    color: var(--text-primary)
}

._detail_1d4gm_165 {
    color: var(--primary-blue);
    align-self: baseline
}

._picture_1d4gm_170 {
    max-width: 360px;
    height: 200px;
    transition: all .1s linear;
    border-radius: 8px;
    display: none
}

@media screen and (max-width: 1200px) {
    ._header_1d4gm_17 ._title_1d4gm_52 {
        max-width: 210px
    }

    ._messageItem_1d4gm_1 {
        padding: 24px 16px
    }

    ._showDetail_1d4gm_96 {
        display: initial
    }

    ._content_1d4gm_145 {
        padding-inline-end: 0
    }

    ._contentExpand_1d4gm_191 {
        -webkit-line-clamp: 100
    }

    ._picture_1d4gm_170 {
        width: 100%
    }

    ._showPicture_1d4gm_197 {
        display: initial;
        height: 200px;
        margin-bottom: 12px
    }
}

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

    ._detail_1d4gm_165 {
        margin-bottom: 8px
    }

    ._timeMobile_1d4gm_86 {
        display: block
    }
}

._DepositPushItem_1lepl_2 {
    width: min(720px, 92vw);
    background: var(--bg-modal);
    border-radius: 12px;
    padding: 8px 12px;
    color: var(--text-primary);
    cursor: pointer;
    box-shadow: 0 12px 28px #0000001f;
    position: relative
}

._DepositPushItem_1lepl_2 .titleHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative
}

._DepositPushItem_1lepl_2 .titleHeader .title-left {
    display: flex;
    align-items: center;
    min-width: 0;
    line-height: 20px
}

._DepositPushItem_1lepl_2 .titleHeader .title-left .status-icon,
._DepositPushItem_1lepl_2 .titleHeader .title-left .status-dot {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    flex-shrink: 0;
    color: var(--tint-green-base)
}

._DepositPushItem_1lepl_2 .titleHeader .title-left .title {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._DepositPushItem_1lepl_2 .titleHeader .close-icon {
    color: var(--text-secondary);
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

._DepositPushItem_1lepl_2 .contentBox {
    margin-top: 4px
}

._DepositPushItem_1lepl_2 .contentBox .content {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    unicode-bidi: plaintext
}

._DepositPushItem_1lepl_2 .contentBox .content.first {
    margin-bottom: 4px
}

._DepositPushItem_1lepl_2 ._footer_1lepl_65 {
    margin-top: 12px
}

._DepositPushItem_1lepl_2 ._footer_1lepl_65 ._btn-detail_1lepl_68 {
    height: 32px;
    padding: 0 14px
}

._SUCCESS_1lepl_73 .status-dot {
    color: var(--tint-green-base)
}

._FAILED_1lepl_77 .status-dot {
    color: var(--tint-red-base)
}

._PENDING_1lepl_81 .status-icon {
    filter: none
}

[dir=rtl] ._DepositPushItem_1lepl_2 .titleHeader .title-left {
    flex-direction: row-reverse
}

[dir=rtl] ._DepositPushItem_1lepl_2 .titleHeader .close-icon {
    left: 0;
    right: auto;
    top: 50%;
    transform: translateY(-50%)
}

[dir=rtl] ._DepositPushItem_1lepl_2 .status-icon,
[dir=rtl] ._DepositPushItem_1lepl_2 .status-dot {
    margin-left: 8px;
    margin-right: 0
}

._PushItem_1tkxz_1 {
    width: 360px;
    min-height: 150px;
    background-color: var(--bg-modal);
    border-radius: 8px;
    box-shadow: 0 4px 20px #0000000f;
    padding: 20px 16px;
    cursor: pointer
}

._PushItem_1tkxz_1:nth-child(2) {
    position: absolute;
    bottom: -8px;
    left: 9px;
    width: 342px;
    height: 150px;
    overflow: hidden;
    z-index: -1;
    background-color: var(--fill-modal-button-default);
    box-shadow: 0 3.7999999523px 19px #0000000f
}

._PushItem_1tkxz_1:nth-child(2) .titleHeader,
._PushItem_1tkxz_1:nth-child(2) .contentBox,
._PushItem_1tkxz_1:nth-child(2) .footer {
    display: none
}

._PushItem_1tkxz_1:nth-child(3) {
    position: absolute;
    bottom: -16px;
    left: 18px;
    width: 324px;
    height: 150px;
    overflow: hidden;
    z-index: -2;
    background-color: var(--fill-modal-button-selected);
    box-shadow: 0 3.7999999523px 19px #0000000f
}

._PushItem_1tkxz_1:nth-child(3) .titleHeader,
._PushItem_1tkxz_1:nth-child(3) .contentBox,
._PushItem_1tkxz_1:nth-child(3) .footer {
    display: none
}

._PushItem_1tkxz_1:nth-child(3)~._PushItem_1tkxz_1 {
    display: none
}

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

._PushItem_1tkxz_1 .titleHeader {
    display: flex;
    align-items: center;
    justify-content: space-between
}

._PushItem_1tkxz_1 .titleHeader .message-bell {
    color: var(--tint-blue-base);
    font-size: 22px;
    flex-shrink: 0;
    margin-inline-end: 0
}

._PushItem_1tkxz_1 .titleHeader .title-left {
    display: flex;
    align-items: center
}

._PushItem_1tkxz_1 .titleHeader .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    max-width: 250px
}

._PushItem_1tkxz_1 .titleHeader .close-icon {
    font-size: 14px;
    color: var(--icon-tertiary)
}

._PushItem_1tkxz_1 .contentBox {
    margin-top: 4px
}

._PushItem_1tkxz_1 .contentBox .labels {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 30px
}

._PushItem_1tkxz_1 .contentBox .label {
    padding: 0 6px;
    background-color: var(--tint-blue-smooth);
    color: var(--tint-blue-base);
    border-radius: 2px;
    margin-top: 8px;
    line-height: 20px;
    margin-inline-end: 8px;
    word-break: break-all
}

._PushItem_1tkxz_1 .contentBox .content {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-primary)
}

._PushItem_1tkxz_1 .contentBox .text-ellipsis-2 {
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

._PushItem_1tkxz_1 .footer {
    margin-top: 16px;
    text-align: right
}

[dir=rtl] ._PushItem_1tkxz_1 .titleHeader .message-bell {
    margin-inline-end: 8px
}

@media screen and (max-width: 576px) {
    ._PushItem_1tkxz_1 {
        width: 345px;
        min-height: 163px;
        background-color: var(--bg-modal);
        border-radius: 8px;
        box-shadow: 0 4px 20px #0000000f;
        padding: 20px 16px;
        cursor: pointer
    }

    ._PushItem_1tkxz_1:nth-child(2) {
        position: absolute;
        bottom: -8px;
        left: 50%;
        transform: translate(-50%);
        width: 331px;
        height: 163px;
        overflow: hidden;
        z-index: -1;
        background-color: var(--fill-modal-button-default);
        border-radius: 7.6px;
        box-shadow: 0 3.7999999523px 19px #0000000f
    }

    ._PushItem_1tkxz_1:nth-child(2) .titleHeader,
    ._PushItem_1tkxz_1:nth-child(2) .contentBox,
    ._PushItem_1tkxz_1:nth-child(2) .footer {
        display: none
    }

    ._PushItem_1tkxz_1:nth-child(3) {
        position: absolute;
        bottom: -16px;
        left: 50%;
        transform: translate(-50%);
        width: 313px;
        height: 155px;
        overflow: hidden;
        z-index: -2;
        background-color: var(--fill-modal-button-selected);
        border-radius: 7.2px;
        box-shadow: 0 3.7999999523px 19px #0000000f
    }

    ._PushItem_1tkxz_1:nth-child(3) .titleHeader,
    ._PushItem_1tkxz_1:nth-child(3) .contentBox,
    ._PushItem_1tkxz_1:nth-child(3) .footer {
        display: none
    }

    ._PushItem_1tkxz_1:nth-child(3)~._PushItem_1tkxz_1 {
        display: none
    }
}

._PushList_1k3qz_1 {
    right: -460px;
    top: 69px;
    bottom: auto;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: var(--font-size-base);
    font-variant: var(--font-variant-base);
    line-height: var(--line-height-base);
    list-style: none;
    font-feature-settings: var(--font-feature-settings-base);
    position: fixed;
    z-index: var(--zindex-notification);
    margin-inline-end: 24px;
    transition: right .3s ease-in
}

._PushList_1k3qz_1._fadein_1k3qz_20 {
    right: 0
}

[dir=rtl] ._PushList_1k3qz_1 {
    left: -460px;
    transition: left .3s ease-in
}

[dir=rtl] ._PushList_1k3qz_1._fadein_1k3qz_20 {
    left: 0;
    right: unset
}

._PushOffset_1k3qz_33 {
    top: 130px
}

._PushOffsetNotice_1k3qz_37 {
    top: 100px
}

@media screen and (max-width: 576px) {
    ._PushList_1k3qz_1 {
        display: flex;
        justify-content: center;
        width: 100%;
        right: 0;
        margin: auto
    }

    [dir=rtl] ._PushList_1k3qz_1 {
        left: 0;
        right: unset
    }
}

._DepositList_1k3qz_54 {
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center
}

._menuWrapper_14862_1 {
    position: relative;
    overflow-y: hidden;
    margin-inline-start: 14px;
    margin-bottom: 16px;
    line-height: 20px;
    border-bottom: 1px solid var(--divider-primary)
}

._menuDirectionPrev_14862_10,
._menuDirectionNext_14862_11 {
    display: none;
    position: absolute;
    top: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 100%;
    z-index: 1;
    background-color: var(--bg-4)
}

._menuDirectionPrev_14862_10 ._menuDirectionIcon_14862_22,
._menuDirectionNext_14862_11 ._menuDirectionIcon_14862_22 {
    font-size: 24px;
    color: var(--text-secondary)
}

._menuDirectionPrev_14862_10 {
    left: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--bg-4) 50%)
}

._menuDirectionPrev_14862_10 ._menuDirectionIcon_14862_22 {
    margin-inline-start: -5px;
    transform: rotate(90deg)
}

._menuDirectionNext_14862_11 {
    right: 0;
    top: -1px;
    background: linear-gradient(270deg, var(--bg-4) 50%, rgba(255, 255, 255, 0) 100%)
}

._menuDirectionNext_14862_11 ._menuDirectionIcon_14862_22 {
    margin-inline-end: -5px;
    transform: rotate(-90deg)
}

._menuItem_14862_47 {
    flex-shrink: 0;
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 500;
    padding: 9px 0;
    cursor: pointer;
    position: relative;
    margin-inline-end: 32px;
    flex-wrap: nowrap;
    align-items: flex-start;
    transition: color .3s
}

._menuItem_14862_47._active_14862_60 {
    border-bottom: 2px solid var(--icon-primary);
    color: var(--text-primary)
}

._menuItem_14862_47._hasNew_14862_64:after {
    content: "";
    position: absolute;
    right: -7px;
    top: 7px;
    width: 4px;
    height: 4px;
    background-color: var(--primary-blue);
    border-radius: 50%
}

._menuDirectionPrev_14862_10,
._menuDirectionNext_14862_11 {
    display: flex
}

._menu_14862_1 {
    display: flex;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth
}

._menu_14862_1::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

._menuInner_14862_94 {
    display: flex
}

[dir=rtl] ._menuDirectionPrev_14862_10 {
    left: auto;
    right: 0;
    transform: rotate(180deg)
}

[dir=rtl] ._menuDirectionNext_14862_11 {
    right: auto;
    left: 0;
    transform: rotate(180deg)
}

._messageWrapper_1eofn_2 {
    position: relative;
    height: 100%;
    display: flex
}

._messageWrapper_1eofn_2 a {
    transition: color 0s
}

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

._messagePopover_1eofn_11:hover {
    color: var(--primary-base)
}

._messagePopover_1eofn_11>div {
    right: -50px !important
}

._messagePopover_1eofn_11 .component-popover-overlay {
    top: -10000px
}

._messagePopover_1eofn_11 .new-count {
    position: absolute;
    width: 8px;
    height: 8px;
    line-height: 0;
    background-color: var(--primary-blue);
    border-radius: 50%;
    font-size: 0;
    left: 14px
}

._messagePopover_1eofn_11:hover .component-popover-overlay {
    top: 100%
}

html[dir=rtl] ._messagePopover_1eofn_11>div {
    right: auto !important;
    left: -50px
}

._messagePopoverOverlay_1eofn_49 {
    width: 400px
}

._iconWrapper_1eofn_53 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: var(--text-primary)
}

._iconWrapper_1eofn_53:hover {
    color: inherit
}

._iconWrapper_1eofn_53 .iconfont {
    position: relative
}

._newMessageTip_1eofn_67 {
    position: absolute;
    top: 6px;
    right: 1px;
    width: 8px;
    height: 8px;
    border: 1px solid var(--divider-secondary);
    border-radius: 50%;
    transition: all .2s ease-in;
    background-color: var(--error-base)
}

._newMessageTipHide_1eofn_79 {
    opacity: 0
}

._wrapper_1eofn_83 {
    width: 100%;
    padding: 16px 8px;
    margin-inline-end: -50px;
    border-radius: 16px
}

._header_1eofn_90 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline-end: 9px;
    padding-bottom: 8px
}

._header_1eofn_90 ._messageCount_1eofn_97 {
    margin-inline-start: 14px;
    word-break: break-word;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-secondary)
}

._header_1eofn_90 ._messageCount_1eofn_97 span {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    margin-inline-end: 4px;
    flex-shrink: 0
}

._header_1eofn_90 ._messageCount_1eofn_97 a {
    margin-inline-start: 12px;
    color: var(--primary-base);
    font-weight: 500;
    font-size: 12px
}

._header_1eofn_90 ._title_1eofn_123 {
    margin-bottom: 0;
    line-height: 30px;
    font-size: 16px;
    color: var(--text-primary)
}

._header_1eofn_90 ._link_1eofn_129 {
    line-height: 16px;
    font-size: 12px;
    color: var(--primary-base);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

._header_1eofn_90 ._link_1eofn_129 svg {
    width: 12px;
    height: 12px;
    margin-inline-start: 6px
}

._header_1eofn_90._headerIWrap_1eofn_143 ._messageCount_1eofn_97,
._header_1eofn_90._headerIWrap_1eofn_143 ._messageCount_1eofn_97 span,
._header_1eofn_90._headerIWrap_1eofn_143 ._title_1eofn_123 {
    font-size: 12px
}

._header_1eofn_90._headerIWrap_1eofn_143 ._link_1eofn_129 span {
    display: none
}

._content_1eofn_156 {
    max-height: 522px;
    overflow: auto;
    padding-inline-end: 4px
}

._content_1eofn_156::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

._content_1eofn_156::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--scrollbar-track)
}

._content_1eofn_156::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbar-thumb)
}

._content_1eofn_156::-webkit-scrollbar-thumb:hover {
    background-color: var(--text-tertiary)
}

._contentEmpty_1eofn_180 {
    height: 354px
}

._contentList_1eofn_184 {
    padding: 0;
    margin: 0
}

._contentItem_1eofn_189 {
    display: flex;
    justify-content: space-between;
    min-height: 66px;
    padding: 8px 12px;
    transition: opacity .2s ease-in;
    cursor: pointer
}

._contentItem_1eofn_189:hover {
    background-color: var(--fill-menu-selected)
}

._messageItem_1eofn_201 {
    display: flex;
    flex-direction: column;
    padding: 10px 8px
}

._messageItem_1eofn_201:hover {
    background: var(--fill-menu-selected);
    border-radius: 4px;
    cursor: pointer
}

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

._messageItem_1eofn_201 .text-ellipsis-2 {
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

._messageItem_1eofn_201 .text-ellipsis-3 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

._messageItem_1eofn_201 .titleHeader {
    display: flex;
    align-items: center;
    justify-content: space-between
}

._messageItem_1eofn_201 .titleHeader .left {
    display: flex;
    align-items: center
}

._messageItem_1eofn_201 .titleHeader .email {
    width: 18px;
    height: 17px;
    flex-shrink: 0;
    color: var(--text-secondary)
}

._messageItem_1eofn_201 .titleHeader .email.not-read {
    color: var(--primary-base)
}

._messageItem_1eofn_201 .titleHeader .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--text-secondary);
    margin-inline-start: 8px;
    max-width: 250px
}

._messageItem_1eofn_201 .titleHeader .title.not-read {
    color: var(--text-primary)
}

._messageItem_1eofn_201 .titleHeader .title.noMargin {
    margin-inline-start: 0
}

._messageItem_1eofn_201 .time {
    color: var(--text-tertiary);
    font-weight: 400;
    display: none
}

._messageItem_1eofn_201 .important {
    font-size: 12px;
    padding: 0 1px;
    border-radius: 2px;
    background-color: var(--tint-yellow-base);
    color: var(--text-tooltip-primary);
    margin-inline-start: 4px;
    display: flex;
    align-items: center;
    line-height: 14px
}

._messageItem_1eofn_201 .important span {
    scale: .9
}

._messageItem_1eofn_201 .contentBox {
    padding-inline-start: 26px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 16px
}

._messageItem_1eofn_201 .contentBox.noPadding {
    padding-inline-start: 0
}

._messageItem_1eofn_201 .contentBox .labels {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

._messageItem_1eofn_201 .contentBox .label {
    padding: 0 4px;
    background-color: var(--fill-korea-blue-container);
    color: var(--tint-blue-base);
    border-radius: 2px;
    margin-top: 8px;
    align-self: baseline;
    line-height: 16px;
    margin-inline-end: 8px;
    word-break: break-all
}

._messageItem_1eofn_201 .contentBox .label.noMargin {
    margin-top: 0
}

._messageItem_1eofn_201 .contentBox .content {
    color: var(--text-secondary);
    margin-top: 8px;
    display: block
}

._messageItem_1eofn_201 .contentBox .content.margin-top-0 {
    margin-top: 0
}

._messageItem_1eofn_201 .contentBox .content.not-read {
    color: var(--text-primary)
}

._messageItem_1eofn_201 .contentBox .margin-top-12 {
    margin-top: 12px
}

._messageItem_1eofn_201 .contentBox .time-tag {
    margin-top: 8px;
    color: var(--text-tertiary)
}

._messageItem_1eofn_201 .contentBox .detail {
    margin-top: 8px;
    color: var(--primary-base);
    display: none
}

._messageItem_1eofn_201 .check-detail {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--primary-base)
}

._pushMessageItem_1eofn_340 {
    padding: 20px 16px
}

._pushMessageItem_1eofn_340:hover {
    background: var(--notification-bg)
}

._pushMessageItem_1eofn_340 .ant-notification-notice-close {
    top: 24px
}

._pushMessageItem_1eofn_340 .titleHeader {
    justify-content: flex-start
}

._pushMessageItem_1eofn_340 .titleHeader .title {
    color: var(--text-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px
}

._pushMessageItem_1eofn_340 .labels {
    margin-bottom: 12px
}

._pushMessageItem_1eofn_340 .labels .label {
    background-color: var(--fill-korea-blue-container)
}

._pushMessageItem_1eofn_340 .message-bell {
    color: var(--tint-blue-base);
    font-size: 22px;
    flex-shrink: 0
}

._pushMessageItem_1eofn_340 .contentBox .content {
    color: var(--text-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

._itemLeft_1eofn_378 {
    margin-inline-end: 12px
}

._itemIconWrapper_1eofn_382 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--divider-primary)
}

._itemIconWrapper_1eofn_382 .iconfont {
    font-size: 14px !important
}

._itemIconNewTag_1eofn_396 {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--error-base)
}

._itemCenter_1eofn_406 {
    flex-grow: 1;
    overflow: hidden
}

._itemTitle_1eofn_411 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    line-height: 14px;
    font-size: 12px;
    color: var(--text-primary)
}

._itemTag_1eofn_421 {
    color: var(--primary-base)
}

._itemDesc_1eofn_425 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    line-height: 14px;
    font-size: 12px;
    color: var(--primary-text)
}

._itemTimeTag_1eofn_435 {
    display: block;
    line-height: 14px;
    font-size: 12px;
    color: var(--primary-text)
}

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

._emptyContent_1eofn_450 {
    text-align: center;
    padding: 20px
}

._emptyContent_1eofn_450 img {
    width: 80px
}

._emptyTitle_1eofn_458 {
    font-size: 16px;
    color: var(--text-secondary);
    margin-top: 12px
}

._tooltip_1eofn_464 {
    width: auto !important;
    max-width: calc(100% - 650px) !important
}

._paddingBox_1eofn_469 {
    padding-inline-start: 0px
}

@media screen and (max-width: 1440px) {
    ._tooltip_1eofn_464 {
        max-width: calc(100% - 450px) !important
    }
}

@media screen and (max-width: 576px) {
    ._tooltip_1eofn_464 {
        display: none !important
    }
}

@media screen and (max-width: 760px) {
    ._messageItem_1eofn_201 .titleHeader {
        flex-direction: column;
        align-items: flex-start
    }
}

@media screen and (max-width: 760px) {
    ._pushMessageItem_1eofn_340 .ant-notification-notice-btn {
        display: none
    }

    ._pushMessageItem_1eofn_340 .titleHeader {
        flex-direction: row;
        align-items: center
    }

    ._pushMessageItem_1eofn_340 .titleHeader .title {
        font-size: 16px
    }

    ._pushMessageItem_1eofn_340 .content {
        font-size: 12px !important
    }

    ._pushMessageItem_1eofn_340 .ant-notification-notice-close {
        top: 24px
    }
}

[dir=rtl] ._link_1eofn_129 .icon_tongzhi {
    transform: rotate(180deg)
}

._localPickerIcon_ct9kt_1 {
    margin-inline-end: 10px !important
}

._modalWrapper_ct9kt_5 {
    padding: 154px 0
}

._modalWrapper_ct9kt_5 ul,
._modalWrapper_ct9kt_5 li {
    list-style: none
}

._modalWrapper_ct9kt_5 ._modalContainer_ct9kt_11 {
    height: 100%;
    max-height: 493px;
    min-height: 301px;
    overflow: hidden
}

._modalWrapper_ct9kt_5 ._modalContainer_ct9kt_11 .ant-modal-content {
    display: flex;
    height: 100%;
    overflow: hidden
}

._modalWrapper_ct9kt_5 ._list_ct9kt_22 ._no-search-result_ct9kt_22 {
    height: calc(100vh - 418px);
    max-height: 383px;
    min-height: 191px
}

._menu_ct9kt_28 {
    background-color: var(--bg-modal);
    border-radius: 2px;
    color: var(--title);
    display: flex;
    height: 100%
}

._menu_ct9kt_28 .ant-tabs-middle>.ant-tabs-nav .ant-tabs-tab {
    --tabs-title-font-size: 14px !important
}

._list_ct9kt_22 {
    margin: 16px 0 0;
    padding-inline-start: 24px;
    flex-grow: 1;
    overflow: auto
}

._list_ct9kt_22 ._no-search-result_ct9kt_22 {
    padding: 0 0 57px;
    padding-inline-end: 24px
}

._languageAndCurrencyItem_ct9kt_50 {
    display: inline-flex;
    align-items: center;
    width: 15.617%;
    height: 32px;
    line-height: 16px;
    font-size: 12px;
    cursor: pointer;
    color: var(--text-primary);
    margin-bottom: 16px;
    margin-inline-end: .699%;
    padding-left: 6px;
    white-space: nowrap
}

._languageAndCurrencyItem_ct9kt_50>a {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    color: inherit !important
}

@media (hover: hover) {
    ._languageAndCurrencyItem_ct9kt_50:hover {
        color: var(--primary-base);
        background: var(--fill-menu-selected);
        border-radius: 4px
    }
}

._languageAndCurrencyItem_ct9kt_50._languageAndCurrencyItemActive_ct9kt_78 {
    color: var(--primary-base)
}

._languageAndCurrencyItem_ct9kt_50 .iconfont {
    display: none
}

._tabContainer_ct9kt_85 {
    width: 100%
}

._tabContainer_ct9kt_85 .ant-tabs-v2-content,
._tabContainer_ct9kt_85 .ant-tabs-v2-tabpane {
    height: 100%;
    overflow: hidden
}

._tabContainer_ct9kt_85 .ant-tabs-v2-tabpane {
    display: flex;
    flex-direction: column
}

._tabContainer_ct9kt_85 .ant-tabs-v2-tabpane.ant-tabs-v2-tabpane-hidden {
    display: none
}

._tabContainer_ct9kt_85 .ant-tabs-v2-nav-list .ant-tabs-v2-tab {
    margin: 0
}

._tabContainer_ct9kt_85 .ant-tabs-v2-nav-list .ant-tabs-v2-tab+.ant-tabs-v2-tab {
    margin: 0;
    margin-inline-start: 32px
}

._scrollContainer_ct9kt_108 {
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    scrollbar-width: thin;
    overflow: auto
}

._scrollContainer_ct9kt_108:hover::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb)
}

._scrollContainer_ct9kt_108::-webkit-scrollbar {
    width: 2px;
    height: 8px
}

._scrollContainer_ct9kt_108::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--scrollbar-track)
}

._scrollContainer_ct9kt_108::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbar-thumb)
}

._scrollContainer_ct9kt_108::-webkit-scrollbar-thumb:hover {
    background-color: var(--text-secondary)
}

._languageAndCurrencyItemContent_ct9kt_132 {
    display: inline-flex;
    align-items: center
}

._languageAndCurrencyItemContent_ct9kt_132 ._sign_ct9kt_136 {
    margin-inline-end: 5px
}

[dir=rtl] ._languageAndCurrencyItemContent_ct9kt_132 ._sign_ct9kt_136 {
    direction: ltr;
    margin-inline-end: 0;
    margin-inline-start: 5px
}

._languageAndCurrency_ct9kt_50 {
    display: flex;
    align-items: center
}

._languageAndCurrency_ct9kt_50>span {
    cursor: pointer
}

._languageAndCurrency_ct9kt_50>span:hover {
    color: var(--primary-base)
}

._modalContainer_ct9kt_11 .ant-modal-body {
    padding: 0;
    width: 100%
}

._modalContainer_ct9kt_11 .ant-modal-body .ant-tabs-nav,
._modalContainer_ct9kt_11 .ant-modal-body .ant-tabs-v2-nav {
    padding-inline-start: 24px;
    margin-bottom: 0
}

._modalContainer_ct9kt_11 .ant-modal-close-x {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 40px
}

._locale-search-box_ct9kt_176 {
    padding: 12px 24px 0
}

._locale-search-box_ct9kt_176 .ant-input-affix-wrapper {
    border-radius: 22px !important
}

._locale-highlight-txt_ct9kt_183 {
    color: var(--primary-base)
}

@media screen and (max-width: 1024px) {
    ._modalWrapper_ct9kt_5 {
        padding: 0
    }

    ._modalWrapper_ct9kt_5 ._modalContainer_ct9kt_11 {
        width: 640px !important;
        height: 100%;
        max-height: 589px;
        min-height: 349px
    }

    ._modalWrapper_ct9kt_5 ._list_ct9kt_22 ._no-search-result_ct9kt_22 {
        height: calc(100vh - 108px);
        max-height: 479px;
        min-height: 239px
    }

    ._languageAndCurrencyItem_ct9kt_50 {
        width: 23.183%;
        margin-inline-end: 1.038%
    }
}

@media screen and (max-width: 760px) {
    ._modalWrapper_ct9kt_5 {
        padding: 0
    }

    ._modalContainer_ct9kt_11 .ant-modal-close {
        position: fixed;
        z-index: 200
    }

    ._menu_ct9kt_28 {
        position: fixed;
        z-index: 102;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        background-color: var(--bg-modal);
        color: var(--text-primary);
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-user-select: none;
        user-select: none;
        min-width: 100vw;
        max-height: none
    }

    ._menu_ct9kt_28 .ant-tabs-v2-nav {
        margin: 0 !important;
        padding-inline-start: 24px
    }

    ._menu_ct9kt_28 ._list_ct9kt_22 {
        margin: 16px 0;
        padding: 0 24px
    }

    ._languageAndCurrencyItem_ct9kt_50 {
        margin: 0;
        min-width: 150px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0;
        height: 52px;
        line-height: 52px
    }
}

@media screen and (max-width: 760px) and (hover: hover) {
    ._languageAndCurrencyItem_ct9kt_50:hover {
        background: transparent
    }
}

@media screen and (max-width: 760px) {
    ._languageAndCurrencyItem_ct9kt_50._languageAndCurrencyItemActive_ct9kt_78 {
        color: var(--primary-base)
    }

    ._languageAndCurrencyItem_ct9kt_50._languageAndCurrencyItemActive_ct9kt_78 .iconfont {
        display: flex
    }

    ._scrollContainer_ct9kt_108 {
        max-height: none !important
    }
}

._translatePopoup_x0s8t_1 {
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 50%;
    margin-inline-end: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-user-select: none;
    user-select: none
}

._translatePopoup_x0s8t_1 ._inneerTranslatePopoup_x0s8t_12 {
    padding: 4px 6px 4px 4px;
    cursor: pointer;
    box-shadow: 0 2px 8px #0000001a;
    background: #1d2b4229;
    border-radius: 2px;
    overflow: hidden;
    opacity: .4
}

._translatePopoup_x0s8t_1 ._inneerTranslatePopoup_x0s8t_12:hover {
    opacity: 1
}

._translatePopoup_x0s8t_1 ._translatePopoupContent_x0s8t_24 {
    position: relative;
    width: 24px;
    height: 24px
}

._translatePopoup_x0s8t_1 ._translatePopoupContent_x0s8t_24 ._translateIcon_x0s8t_29 {
    width: 24px;
    height: 24px;
    -webkit-user-select: none;
    user-select: none
}

._translatePopoup_x0s8t_1 ._translatePopoupContent_x0s8t_24 ._checked_x0s8t_34 {
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    right: -6px;
    bottom: -2px;
    width: 10px;
    height: 10px
}

._translatePopoup_x0s8t_1 ._translateCloseBtn_x0s8t_42 {
    height: auto;
    margin-top: 4px;
    padding: 0;
    line-height: 0;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    font-size: 16px;
    color: #bac0ca;
    opacity: .4
}

._translatePopoup_x0s8t_1 ._translateCloseBtn_x0s8t_42:hover {
    opacity: 1
}

html[data-from=app] ._translatePopoup_x0s8t_1 {
    display: none
}

html[data-theme=dark] ._translatePopoup_x0s8t_1 {
    opacity: .7
}

html[dir=rtl] ._translatePopoup_x0s8t_1 {
    left: 0;
    right: auto
}

@media screen and (max-width: 768px) {
    ._translatePopoup_x0s8t_1 {
        top: auto;
        bottom: 224px;
        margin-inline-end: 0
    }
}

._NoSearchResult_1as23_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 65px 0 110px;
    text-align: center
}

._NoSearchResult-content_1as23_9 {
    display: flex;
    flex-direction: column;
    align-items: center
}

._NoSearchResult-message_1as23_14 {
    margin-top: 24px;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-secondary)
}

._NoSearchResult-icon_1as23_20 {
    width: 120px;
    height: 120px;
    background-size: cover
}

[data-theme=light] ._NoSearchResult-icon_1as23_20 {
    background: url("data:image/svg+xml,%3csvg%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='64.3125'%20cy='78.9998'%20r='40'%20fill='url(%23paint0_linear_17879_49)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.1767%20102.728C69.6408%20102.728%2087.041%2085.3281%2087.041%2063.864C87.041%2042.3999%2069.6408%2024.9998%2048.1767%2024.9998C26.7126%2024.9998%209.3125%2042.3999%209.3125%2063.864C9.3125%2085.3281%2026.7126%20102.728%2048.1767%20102.728ZM48.1764%2091.6241C63.5079%2091.6241%2075.9366%2079.1955%2075.9366%2063.864C75.9366%2048.5325%2063.5079%2036.1038%2048.1764%2036.1038C32.8449%2036.1038%2020.4163%2048.5325%2020.4163%2063.864C20.4163%2079.1955%2032.8449%2091.6241%2048.1764%2091.6241Z'%20fill='%23F9F9F9'/%3e%3cmask%20id='mask0_17879_49'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='24'%20y='38'%20width='81'%20height='81'%3e%3ccircle%20cx='64.3125'%20cy='78.9998'%20r='40'%20fill='url(%23paint1_linear_17879_49)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_17879_49)'%3e%3crect%20x='77.0088'%20y='83.3479'%20width='33.0923'%20height='11.3686'%20rx='5.68428'%20transform='rotate(45%2077.0088%2083.3479)'%20fill='%23F9F9F9'/%3e%3c/g%3e%3cg%20filter='url(%23filter0_b_17879_49)'%3e%3ccircle%20cx='48.3125'%20cy='63.9998'%20r='28'%20fill='url(%23paint2_linear_17879_49)'/%3e%3c/g%3e%3crect%20x='104.662'%20y='28.7566'%20width='11.4957'%20height='4'%20rx='2'%20transform='rotate(163.633%20104.662%2028.7566)'%20fill='%23F2F2F2'/%3e%3crect%20x='94.0771'%20y='11.5308'%20width='11.4957'%20height='4'%20rx='2'%20transform='rotate(131.536%2094.0771%2011.5308)'%20fill='%23F2F2F2'/%3e%3crect%20x='75.3428'%20y='1.59888'%20width='11.4957'%20height='4'%20rx='2'%20transform='rotate(94.7486%2075.3428%201.59888)'%20fill='%23F2F2F2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M61.7077%20118.025C84.8589%20118.025%20103.627%2099.2571%20103.627%2076.1059C103.627%2073.6837%20103.421%2071.3095%20103.027%2068.9998C104.052%2072.49%20104.602%2076.1835%20104.602%2080.0053C104.602%20101.541%2087.1432%20119%2065.6071%20119C61.7853%20119%2058.0918%20118.45%2054.6016%20117.425C56.9113%20117.819%2059.2855%20118.025%2061.7077%20118.025Z'%20fill='%23C6CBD0'/%3e%3cdefs%3e%3cfilter%20id='filter0_b_17879_49'%20x='18.3125'%20y='33.9998'%20width='60'%20height='60'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeGaussianBlur%20in='BackgroundImageFix'%20stdDeviation='1'/%3e%3cfeComposite%20in2='SourceAlpha'%20operator='in'%20result='effect1_backgroundBlur_17879_49'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_backgroundBlur_17879_49'%20result='shape'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_17879_49'%20x1='29.3479'%20y1='65.1919'%20x2='91.8347'%20y2='91.7931'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E9EDF0'/%3e%3cstop%20offset='1'%20stop-color='%23DADDE0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_17879_49'%20x1='29.3479'%20y1='65.1919'%20x2='91.8347'%20y2='91.7931'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E9EDF0'/%3e%3cstop%20offset='1'%20stop-color='%23DADDE0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_17879_49'%20x1='28.0903'%20y1='45.3331'%20x2='70.7125'%20y2='81.5998'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9F9F9'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat center center
}

[data-theme=dark] ._NoSearchResult-icon_1as23_20 {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjY3LjMxMjUiIGN5PSI4MCIgcj0iNDAiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xODIyOF8xNTEpIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTEuMTc2NyAxMDMuNzI4QzcyLjY0MDggMTAzLjcyOCA5MC4wNDEgODYuMzI4MyA5MC4wNDEgNjQuODY0MkM5MC4wNDEgNDMuNDAwMSA3Mi42NDA4IDI2IDUxLjE3NjcgMjZDMjkuNzEyNiAyNiAxMi4zMTI1IDQzLjQwMDEgMTIuMzEyNSA2NC44NjQyQzEyLjMxMjUgODYuMzI4MyAyOS43MTI2IDEwMy43MjggNTEuMTc2NyAxMDMuNzI4Wk01MS4xNzY0IDkyLjYyNDRDNjYuNTA3OSA5Mi42MjQ0IDc4LjkzNjYgODAuMTk1NyA3OC45MzY2IDY0Ljg2NDJDNzguOTM2NiA0OS41MzI3IDY2LjUwNzkgMzcuMTA0MSA1MS4xNzY0IDM3LjEwNDFDMzUuODQ0OSAzNy4xMDQxIDIzLjQxNjMgNDkuNTMyNyAyMy40MTYzIDY0Ljg2NDJDMjMuNDE2MyA4MC4xOTU3IDM1Ljg0NDkgOTIuNjI0NCA1MS4xNzY0IDkyLjYyNDRaIiBmaWxsPSIjMTQxNjE4Ii8+CjxtYXNrIGlkPSJtYXNrMF8xODIyOF8xNTEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjI3IiB5PSI0MCIgd2lkdGg9IjgxIiBoZWlnaHQ9IjgwIj4KPGNpcmNsZSBjeD0iNjcuMzEyNSIgY3k9IjgwIiByPSI0MCIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzE4MjI4XzE1MSkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzE4MjI4XzE1MSkiPgo8cmVjdCB4PSI4MC4wMDg4IiB5PSI4NC4zNDgxIiB3aWR0aD0iMzMuMDkyMyIgaGVpZ2h0PSIxMS4zNjg2IiByeD0iNS42ODQyOCIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgODAuMDA4OCA4NC4zNDgxKSIgZmlsbD0iIzE0MTYxOCIvPgo8L2c+Cjxmb3JlaWduT2JqZWN0IHg9IjIxLjMxMjUiIHk9IjM1IiB3aWR0aD0iNjAiIGhlaWdodD0iNjAiPjxkaXYgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHN0eWxlPSJiYWNrZHJvcC1maWx0ZXI6Ymx1cigxcHgpO2NsaXAtcGF0aDp1cmwoI2JnYmx1cl8wXzE4MjI4XzE1MV9jbGlwX3BhdGgpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCUiPjwvZGl2PjwvZm9yZWlnbk9iamVjdD48Y2lyY2xlIGRhdGEtZmlnbWEtYmctYmx1ci1yYWRpdXM9IjIiIGN4PSI1MS4zMTI1IiBjeT0iNjUiIHI9IjI4IiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfMTgyMjhfMTUxKSIvPgo8cmVjdCB4PSIxMDcuNjYyIiB5PSIyOS43NTY4IiB3aWR0aD0iMTEuNDk1NyIgaGVpZ2h0PSI0IiByeD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoMTYzLjYzMyAxMDcuNjYyIDI5Ljc1NjgpIiBmaWxsPSIjMTYxODFCIi8+CjxyZWN0IHg9Ijk3LjA3NzEiIHk9IjEyLjUzMSIgd2lkdGg9IjExLjQ5NTciIGhlaWdodD0iNCIgcng9IjIiIHRyYW5zZm9ybT0icm90YXRlKDEzMS41MzYgOTcuMDc3MSAxMi41MzEpIiBmaWxsPSIjMTYxODFCIi8+CjxyZWN0IHg9Ijc4LjM0MjgiIHk9IjIuNTk5MTIiIHdpZHRoPSIxMS40OTU3IiBoZWlnaHQ9IjQiIHJ4PSIyIiB0cmFuc2Zvcm09InJvdGF0ZSg5NC43NDg2IDc4LjM0MjggMi41OTkxMikiIGZpbGw9IiMxNjE4MUIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02NC43MDc3IDExOS4wMjVDODcuODU4OSAxMTkuMDI1IDEwNi42MjcgMTAwLjI1NyAxMDYuNjI3IDc3LjEwNjFDMTA2LjYyNyA3NC42ODQgMTA2LjQyMSA3Mi4zMDk4IDEwNi4wMjcgNzBDMTA3LjA1MiA3My40OTAzIDEwNy42MDIgNzcuMTgzNyAxMDcuNjAyIDgxLjAwNTZDMTA3LjYwMiAxMDIuNTQyIDkwLjE0MzIgMTIwIDY4LjYwNzEgMTIwQzY0Ljc4NTMgMTIwIDYxLjA5MTggMTE5LjQ1IDU3LjYwMTYgMTE4LjQyNUM1OS45MTEzIDExOC44MiA2Mi4yODU1IDExOS4wMjUgNjQuNzA3NyAxMTkuMDI1WiIgZmlsbD0iIzMyMzczRSIvPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJiZ2JsdXJfMF8xODIyOF8xNTFfY2xpcF9wYXRoIj48Y2lyY2xlIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMS4zMTI1IC0zNSkiIGN4PSI1MS4zMTI1IiBjeT0iNjUiIHI9IjI4Ii8+CjwvY2xpcFBhdGg+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE4MjI4XzE1MSIgeDE9IjMyLjM0NzkiIHkxPSI2Ni4xOTIyIiB4Mj0iOTQuODM0NyIgeTI9IjkyLjc5MzMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzE4MUIxRSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyOTJEMzMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzE4MjI4XzE1MSIgeDE9IjMyLjM0NzkiIHkxPSI2Ni4xOTIyIiB4Mj0iOTQuODM0NyIgeTI9IjkyLjc5MzMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0U5RURGMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEQURERTAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzE4MjI4XzE1MSIgeDE9IjMyLjMxMjUiIHkxPSI0My41IiB4Mj0iNzMuNzEyNSIgeTI9IjgyLjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzEyMTQxNiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwRDBGMTEiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat center center
}

._userTop_1r9v5_1 {
    padding: 16px 12px 0;
    margin-bottom: 4px
}

._account_1r9v5_7 {
    padding-inline-start: 8px;
    color: var(--text-primary);
    word-break: break-word;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

._uid_1r9v5_19 {
    padding-inline-start: 8px;
    font-weight: 500;
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
    display: flex;
    align-items: center
}

._uid_1r9v5_19 span {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 400
}

._uid_1r9v5_19 .copy-icon {
    margin-inline-start: 4px;
    width: 20px;
    height: 20px
}

._skeleton_1r9v5_41 {
    margin-top: 12px
}

._skeleton_1r9v5_41 .ant-skeleton-paragraph {
    margin-bottom: 0
}

._skeleton_1r9v5_41 .ant-skeleton-paragraph li {
    display: flex;
    align-items: center;
    height: 36px;
    width: 100% !important
}

._userMenuConfigAd_1r9v5_54 {
    max-width: 375px;
    padding: 10px;
    background-color: #ebf2ff;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px
}

._userMenuConfigAd_1r9v5_54 ._adLeft_1r9v5_64 {
    display: flex;
    align-items: center
}

._userMenuConfigAd_1r9v5_54 ._adLeft_1r9v5_64 ._adIcon_1r9v5_68 {
    width: 20px;
    height: 20px;
    margin-inline-end: 4px;
    flex-shrink: 0
}

._userMenuConfigAd_1r9v5_54 ._adLeft_1r9v5_64 ._adInfo_1r9v5_74 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--text-primary);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._userMenuConfigAd_1r9v5_54 ._adRight_1r9v5_87 {
    font-size: 12px;
    flex-shrink: 0;
    margin-inline-start: 4px
}

html[data-theme=dark] ._userMenuConfigAd_1r9v5_54 {
    background-color: #163773
}

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

._vipCustomerService_1r9v5_102 {
    padding: 0 4px;
    margin-top: 14px;
    margin-bottom: 0;
    line-height: 20px;
    color: #ffdeac;
    cursor: pointer
}

._tagVipOff_1r9v5_111 {
    height: 42px;
    padding: 6px 8px 6px 12px;
    margin-top: 12px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(270.39deg, #fff4e9 .24%, #fbead8 99.6%);
    cursor: pointer
}

._tagVipOn_1r9v5_120 {
    height: 42px;
    padding: 6px 8px 6px 12px;
    margin-top: 12px;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    box-shadow: 0 40px 32px #0f0f0f0f
}

._vipLeft_1r9v5_129 {
    overflow: hidden
}

._updateButton_1r9v5_133 .iconfont {
    margin-inline-start: 2px;
    font-size: 14px !important;
    color: #c09d7c
}

._tagVipGold_1r9v5_139 {
    background: linear-gradient(270.39deg, #e4bb95 .24%, #f5d7b8 99.6%)
}

._tagVipGold_1r9v5_139 ._vipLeft_1r9v5_129 img {
    width: 22px;
    margin-inline-end: 4px
}

._tagVipGold_1r9v5_139 ._vipText_1r9v5_146 {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #885e35, #bf9468);
    line-height: 20px;
    font-size: 12px;
    font-weight: 700
}

._tagVipGold_1r9v5_139 ._vipText_1r9v5_146::selection {
    -webkit-text-fill-color: #fff
}

._tagVipGold_1r9v5_139 ._updateButton_1r9v5_133 .iconfont {
    color: #885e35
}

._tagVipDiamond_1r9v5_162 {
    background: linear-gradient(270.39deg, #9cb7ed .24%, #c8d8f8 99.6%)
}

._tagVipDiamond_1r9v5_162 ._vipLeft_1r9v5_129 img {
    width: 22px;
    margin-inline-end: 4px
}

._tagVipDiamond_1r9v5_162 ._vipText_1r9v5_146 {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #264787, #8a9ec6);
    line-height: 20px;
    font-size: 12px;
    font-weight: 700
}

._tagVipDiamond_1r9v5_162 ._vipText_1r9v5_146::selection {
    -webkit-text-fill-color: #fff
}

._tagVipDiamond_1r9v5_162 ._updateButton_1r9v5_133 .iconfont {
    color: #264787
}

._tagVipNoir_1r9v5_185 {
    background: linear-gradient(270.39deg, #272d34 .24%, #454f5c 99.6%)
}

._tagVipNoir_1r9v5_185 ._vipLeft_1r9v5_129 img {
    width: 22px;
    margin-inline-end: 4px
}

._tagVipNoir_1r9v5_185 ._vipText_1r9v5_146 {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #f5ce92, #fff6e1);
    line-height: 20px;
    font-size: 12px;
    font-weight: 700
}

._tagVipNoir_1r9v5_185 ._vipText_1r9v5_146::selection {
    -webkit-text-fill-color: #fff
}

._applyLeft_1r9v5_205 {
    overflow: hidden
}

._applyIcon_1r9v5_209 {
    margin-inline-end: 4px;
    font-size: 14px !important;
    background-image: linear-gradient(270.39deg, #f7b671 .24%, #d89252 99.6%), linear-gradient(89.74deg, #976434 4.23%, #b3773b 98.58%);
    -webkit-background-clip: text;
    color: #d89252
}

._vipTextApply_1r9v5_217 {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #a76c34;
    overflow: hidden
}

._rightIcon_1r9v5_225 {
    color: #c09d7c
}

@media screen and (max-width: 767px) {
    ._account_1r9v5_7 {
        font-size: 20px;
        line-height: 28px
    }

    ._uid_1r9v5_19 {
        font-size: 16px
    }
}

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

._wrapper_1ofq7_1._fc_1ofq7_8 {
    min-height: calc(100vh - 434px)
}

._wrapper_1ofq7_1._gfc_1ofq7_11 {
    min-height: 100vh
}

._content_1ofq7_15 {
    text-align: center;
    padding: 20px
}

._content_1ofq7_15 svg {
    animation: _loading_1ofq7_1 1s infinite linear
}

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

@keyframes _loading_1ofq7_1 {
    to {
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: Barlow;
    src: url(/assets-mexc/fonts/Barlow-SemiBold.8dfbba3af5e6.ttf) format("truetype")
}

._depositNowImZeroWrapper_kz6io_5 {
    padding: 8px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    flex-direction: column
}

._depositNowImZeroWrapper_kz6io_5 ._time_kz6io_13 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

._depositNowImZeroWrapper_kz6io_5 ._left_kz6io_18 {
    display: flex;
    flex-direction: column;
    align-items: center
}

._depositNowImZeroWrapper_kz6io_5 ._left_kz6io_18 ._textWrap_kz6io_23 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

._depositNowImZeroWrapper_kz6io_5 ._noTemporarily_kz6io_28 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 36px;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

._depositNowImZeroWrapper_kz6io_5 ._text_kz6io_23 {
    margin-top: 8px;
    margin-bottom: 36px;
    font-size: 12px;
    font-weight: 400;
    color: var(--text-secondary);
    text-align: center
}

._depositNowImZeroWrapper_kz6io_5 ._rewardsAmount_kz6io_46 {
    font-weight: 400
}

._depositNowImZeroWrapper_kz6io_5 ._button_kz6io_49 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    width: 100%;
    margin: 0 auto
}

._depositNowImZeroWrapper_kz6io_5 ._button_kz6io_49 ._icon_kz6io_57 {
    margin-inline-end: 4px;
    width: 24px;
    height: 24px;
    background-image: url(https://static.mocortech.com/mexc-static-resource/image/banner-gift-animate-v2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: -3px;
    animation: _run_kz6io_1 2s steps(35) infinite
}

@keyframes _run_kz6io_1 {
    0% {
        background-position: center top 0
    }

    to {
        background-position: center bottom 0
    }
}

._lock_kz6io_77 {
    padding: 2px 10px;
    border-radius: 10px;
    background: #eaf0fa;
    color: #2d3e53;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

._lock_kz6io_77 svg {
    margin-inline-end: 4px
}

html[data-theme=dark] ._lock_kz6io_77 {
    box-shadow: 0 0 6px #56d2ff73, 0 5px 15px #99d0ff33, 0 15px 25px #7ac7ff1a;
    color: #000
}

._countDown_kz6io_94 {
    color: var(--content-secondary);
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

._countDown_kz6io_94 ._countDownContent_kz6io_102 {
    display: flex;
    align-items: center
}

._countDown_kz6io_94 svg {
    font-size: 16px;
    margin-inline-end: 4px
}

._rewardsAmount_kz6io_46 {
    color: var(--content-primary);
    white-space: nowrap;
    font-weight: 400
}

._rewardsAmountWithFont_kz6io_117 {
    white-space: nowrap;
    font-size: 32px;
    line-height: 38px;
    font-family: Barlow;
    font-weight: 500
}

html[data-theme=dark] ._rewardsAmountWithFont_kz6io_117 {
    text-shadow: 0 8px 32px rgba(122, 147, 211, .8)
}

._depositNowWrapper_kz6io_128 {
    display: flex;
    align-items: center;
    position: relative;
    margin: 16px 0 -8px;
    padding: 32px 8px 16px;
    border-radius: 8px;
    background-color: var(--bg-L1);
    color: var(--content-primary);
    font-weight: 400
}

._depositNowWrapper_kz6io_128:after {
    content: "";
    position: absolute;
    left: 50px;
    bottom: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--bg-L1)
}

._depositNowWrapper_kz6io_128>img {
    margin-inline-end: 8px;
    width: 24px;
    height: 24px
}

._depositNowWrapper_kz6io_128 ._depositText_kz6io_155 {
    word-break: break-word;
    line-height: 16px
}

._depositNowWrapper_kz6io_128 ._depoditTime_kz6io_159 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px 12px;
    border-radius: 8px 0;
    background: var(--fill-default)
}

html[dir=rtl] ._depositNowWrapper_kz6io_128 ._depoditTime_kz6io_159 {
    left: 0;
    border-radius: 0 8px
}

._depositNowWrapperNoTime_kz6io_172 {
    padding-top: 16px
}

[data-theme=dark] ._depositNowWrapper_kz6io_128 {
    background: #ffffff08
}

[data-theme=dark] ._depositNowWrapper_kz6io_128:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(255, 255, 255, .03)
}

html[dir=rtl] ._depositNowWrapper_kz6io_128:after {
    content: "";
    position: absolute;
    right: 50px
}

._progressBar_kz6io_194 {
    line-height: 0px;
    margin-top: 8px
}

._progressBar_kz6io_194 .ant-progress {
    line-height: 0px
}

._progressBar_kz6io_194 .ant-progress .ant-progress-inner {
    height: 2px;
    overflow: visible
}

._progressBar_kz6io_194 .ant-progress .ant-progress-inner .ant-progress-bg {
    height: 2px !important;
    background-color: var(--content-primary)
}

html[data-theme=dark] ._progressBar_kz6io_194 .ant-progress .ant-progress-inner .ant-progress-bg {
    box-shadow: 0 0 4px #fff9
}

._container_eyj2g_1 .ant-modal-content .ant-modal-body {
    padding: 0
}

._container_eyj2g_1 ._content_eyj2g_4 {
    padding: 0 24px;
    margin: 24px 0;
    max-height: 358px;
    overflow: auto;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-primary);
    opacity: .8
}

._container_eyj2g_1 ._content_eyj2g_4 ._contentTitle_eyj2g_14 {
    margin: 8px 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary)
}

._container_eyj2g_1 ._content_eyj2g_4 ._item_eyj2g_20 {
    margin-top: 4px
}

._container_eyj2g_1 ._footer_eyj2g_23 {
    gap: 12px;
    padding: 0 24px 24px;
    display: flex;
    align-items: center
}

@media screen and (max-width: 767px) {
    ._container_eyj2g_1 .ant-modal-content .ant-modal-title {
        padding-inline-end: 40px
    }
}

._eyeIcon_1wd3i_1 {
    width: 20px;
    height: 20px;
    display: inline-block
}

._eyeIcon_1wd3i_1>canvas {
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle !important
}

._wrapper_1wd3i_12 {
    width: 268px;
    padding: 8px
}

._wrapper_1wd3i_12 ._menu_1wd3i_16 {
    box-shadow: none;
    margin: 8px 0 0;
    padding: 0
}

._wrapper_1wd3i_12 ._menu_1wd3i_16 li {
    padding: 0 8px
}

._wrapper_1wd3i_12 ._menu_1wd3i_16 li a {
    display: flex;
    align-items: center;
    font-weight: 400
}

._wrapper_1wd3i_12 ._menu_1wd3i_16 li a svg {
    font-size: 16px;
    margin-inline-end: 8px;
    color: var(--icon-primary);
    min-width: 1em;
    min-height: 1em
}

._wrapper_1wd3i_12 ._menu_1wd3i_16 li:hover {
    border-radius: 4px;
    background-color: #b4bfd61a
}

._wrapper_1wd3i_12 ._webMenu_1wd3i_40 {
    background-color: #0000;
    max-height: 482px;
    overflow-y: auto
}

._wrapper_1wd3i_12 ._webMenu_1wd3i_40::-webkit-scrollbar {
    width: 4px
}

._wrapper_1wd3i_12 ._webMenu_1wd3i_40::-webkit-scrollbar-thumb {
    background-color: var(--line-base);
    border-radius: 4px
}

._wrapper_1wd3i_12 ._webMenu_1wd3i_40 li a {
    line-height: 52px;
    height: 52px
}

._wrapper_1wd3i_12 ._webMenu_1wd3i_40 li a svg {
    font-size: 20px
}

._wrapper_1wd3i_12 ._webMenu_1wd3i_40 li:hover {
    border-radius: 12px
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 {
    display: flex;
    width: 252px;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    cursor: pointer
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._titleWrap_1wd3i_71 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    width: 100%
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._titleWrap_1wd3i_71 ._rightOutlined_1wd3i_78 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    cursor: pointer
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._titleWrap_1wd3i_71 ._rightOutlined_1wd3i_78 svg {
    cursor: pointer;
    font-size: 14px;
    color: var(--text-tertiary);
    vertical-align: middle
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._titleWrap_1wd3i_71 ._rightOutlined_1wd3i_78:hover svg {
    color: var(--icon-primary)
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._titleWrap_1wd3i_71 ._title_1wd3i_71 {
    color: var(--text-secondary);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._titleWrap_1wd3i_71 ._title_1wd3i_71 span {
    vertical-align: middle
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._titleWrap_1wd3i_71 ._title_1wd3i_71 svg {
    margin-inline-start: 4px;
    cursor: pointer;
    font-size: 16px;
    color: var(--text-tertiary);
    vertical-align: middle
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._titleWrap_1wd3i_71 ._title_1wd3i_71 svg:hover {
    color: var(--icon-primary)
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._totalSymbol_1wd3i_114 {
    display: flex;
    align-items: center;
    margin-bottom: 2px
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._totalSymbol_1wd3i_114 ._total_1wd3i_62 {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    word-break: break-word
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._totalSymbol_1wd3i_114 ._total_1wd3i_62 span {
    font-size: 20px;
    line-height: 28px
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62 ._fiat_1wd3i_130 {
    color: var(--content-secondary);
    display: flex;
    align-items: center;
    word-break: break-word;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    direction: ltr
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62:hover {
    background-color: #b4bfd61a
}

._wrapper_1wd3i_12 ._totalValueWrap_1wd3i_62:hover ._rightOutlined_1wd3i_78 svg {
    color: var(--icon-primary)
}

._wrapper_1wd3i_12 ._operateWrap_1wd3i_146 {
    display: flex;
    justify-content: space-between;
    margin: 16px 0 0
}

._wrapper_1wd3i_12 ._operateWrap_1wd3i_146 .ant-btn-v2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 122px;
    height: 40px;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

._wrapper_1wd3i_12 ._operateWrap_1wd3i_146 .ant-btn-v2>span {
    display: inline-block
}

._wrapper_1wd3i_12 ._operateWrap_1wd3i_146 .ant-btn-default:hover {
    background-color: var(--fill-tab-tertiary)
}

._wrapper_1wd3i_12 ._operateWrap_1wd3i_146 ._withdrawBtn_1wd3i_168 {
    border-color: var(--line-strong)
}

._wrapper_1wd3i_12 ._operateWrap_1wd3i_146 ._oneselfBtnStyle_1wd3i_171 {
    width: 100%
}

._wrapper_1wd3i_12 ._operateNoShow_1wd3i_174 {
    display: none
}

[data-theme=dark] ._wrapper_1wd3i_12 ._menu_1wd3i_16 li:hover,
[data-theme=dark] ._totalValueWrap_1wd3i_62:hover {
    background-color: #b4bfd61a
}

._container_11vg5_1 {
    background: linear-gradient(90deg, #39567e, #10284a);
    border-radius: 4px;
    padding: 4px 6px;
    width: fit-content
}

._text_11vg5_8 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #b1d3f5
}

html[data-theme=light] ._container_11vg5_1 {
    background: linear-gradient(90deg, #dae3f0, #f0f4f8)
}

html[data-theme=light] ._text_11vg5_8 {
    color: #04276b
}

@media (max-width: 760px) {
    ._container_11vg5_1 {
        margin: 0 16px
    }

    ._text_11vg5_8 {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px
    }
}

._header_1did2_1 {
    display: flex;
    justify-content: space-between;
    padding: 10px 16px;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--body-background)
}

._header_1did2_1 ._headerRight_1did2_10 {
    display: flex;
    gap: 12px;
    align-items: center
}

._header_1did2_1 ._closeBtn_1did2_15,
._header_1did2_1 ._customerService_1did2_16,
._header_1did2_1 ._langIcon_1did2_17 {
    font-size: 24px;
    cursor: pointer;
    color: var(--icon-primary)
}

._accountWarp_1did2_23 {
    padding: 16px 20px 0
}

._accountWarp_1did2_23 ._accountNameRow_1did2_26 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._accountWarp_1did2_23 ._accountNameRow_1did2_26 span {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: var(--text-primary)
}

._menuContent_1did2_38 {
    margin-top: 8px
}

._menuContent_1did2_38 ._item_1did2_41 {
    margin: 0 20px
}

._menuContent_1did2_38 ._menuItem_1did2_44 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 0
}

._menuContent_1did2_38 ._menuItem_1did2_44 ._menuItemIcon_1did2_50 {
    color: var(--icon-primary);
    font-size: 20px
}

._menuContent_1did2_38 ._menuItem_1did2_44 ._menuItemContent_1did2_54 {
    display: flex;
    align-items: center;
    gap: 8px
}

._menuContent_1did2_38 ._menuItem_1did2_44 ._menuItemContent_1did2_54 ._menuItemTitle_1did2_59 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

._menuContent_1did2_38 ._menuItemSubTitle_1did2_64 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-primary);
    cursor: pointer
}

._menuContent_1did2_38 ._menuCollapseWarp_1did2_71 ._menuCollapseItem_1did2_71 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline-end: 20px;
    cursor: pointer
}

._menuContent_1did2_38 ._menuCollapseWarp_1did2_71 ._menuCollapseItem_1did2_71 ._menuCollapseIcon_1did2_78 {
    color: var(--icon-tertiary)
}

._menuContent_1did2_38 ._menuCollapseWarp_1did2_71 ._menuCollapseItem_1did2_71 ._menuCollapseClose_1did2_81 {
    transform: rotateX(180deg)
}

._menuContent_1did2_38 ._menuCollapseWarp_1did2_71 ._menuCollapseList_1did2_84 {
    padding: 16px 0;
    padding-inline-start: 10px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--bg-level-primary)
}

._menuContent_1did2_38 ._lowFeeLabel_1did2_92 {
    border-radius: 2px;
    padding: 4px 6px;
    gap: 2px;
    background-color: var(--tint-blue-smooth);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: var(--tint-blue-base)
}

._footerContent_1did2_104 {
    margin: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

._footerContent_1did2_104 ._footerButton_1did2_110 {
    width: 100%;
    padding: 12px 20px;
    border-radius: 24px;
    border: 1px solid var(--border-secondary);
    text-align: center;
    min-height: 48px
}

._footerContent_1did2_104 ._footerButton_1did2_110 span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary)
}

._footerContent_1did2_104 ._footerAlertSpan_1did2_124 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: var(--text-secondary)
}

._localeDropdown_1did2_132 {
    background-color: var(--bg-modal)
}

._localeDropdown_1did2_132._paddingRight_1did2_135 {
    right: -40px;
    position: relative
}

._authTagWarp_1c245_1 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 2px;
    padding: 4px 6px;
    cursor: pointer;
    background-color: var(--tint-orange-smooth);
    color: var(--tint-orange-base);
    border-radius: 2px
}

._authTagWarp_1c245_1 ._authTag_1c245_1 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

._authed_1c245_18 {
    background-color: var(--tint-green-smooth);
    color: var(--tint-green-base)
}

._accountAndUid_5m4ds_1 {
    width: 100%
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._account_5m4ds_1 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._account_5m4ds_1 ._dropdownWrapper_5m4ds_17 {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
    border-radius: 4px;
    transition: all .3s;
    transform: translateY(-10px);
    background-color: var(--bg-4);
    box-shadow: 0 6px 24px var(--shadow-color-2);
    opacity: 0;
    z-index: 3;
    visibility: hidden
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._account_5m4ds_1 ._dropdownItem_5m4ds_31 {
    padding: 8px 16px;
    color: var(--text-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    transition: all .3s;
    cursor: pointer
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._account_5m4ds_1 ._dropdownItem_5m4ds_31:last-child {
    margin-bottom: 0
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._account_5m4ds_1 ._dropdownItem_5m4ds_31:hover {
    background-color: var(--fill-menu-selected)
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._account_5m4ds_1._open_5m4ds_46 ._dropdownWrapper_5m4ds_17 {
    transform: translateY(4px);
    opacity: 1;
    visibility: visible
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._account_5m4ds_1._open_5m4ds_46 ._icondown_5m4ds_51 {
    transform: rotate(180deg)
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._account_5m4ds_1 ._icondown_5m4ds_51 {
    font-size: 12px;
    transition: all .3s;
    color: var(--text-tertiary)
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._account_5m4ds_1 ._eye_5m4ds_59 {
    font-size: 14px;
    color: var(--icon-primary);
    cursor: pointer
}

._accountAndUid_5m4ds_1 ._accountWarp_5m4ds_4 ._accountValue_5m4ds_64 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: var(--text-title)
}

._accountAndUid_5m4ds_1 ._uidWarp_5m4ds_70 {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-top: 8px
}

._accountAndUid_5m4ds_1 ._uidWarp_5m4ds_70 ._uidLabel_5m4ds_76 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-secondary)
}

._accountAndUid_5m4ds_1 ._uidWarp_5m4ds_70 ._copyIcon_5m4ds_82 {
    font-size: 14px;
    color: var(--icon-secondary)
}

._fullAccount_5m4ds_87 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

._dexAccountInfo_5m4ds_93 ._icondown_5m4ds_51 {
    display: none !important
}

._skeleton_5m4ds_97 {
    margin-top: 12px
}

._skeleton_5m4ds_97 .ant-skeleton-paragraph {
    margin-bottom: 0
}

._skeleton_5m4ds_97 .ant-skeleton-paragraph li {
    display: flex;
    align-items: center;
    height: 36px;
    width: 100% !important
}

._userMenuConfigAd_5m4ds_110 {
    max-width: 375px;
    padding: 10px;
    background-color: #ebf2ff;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px
}

._userMenuConfigAd_5m4ds_110 ._adLeft_5m4ds_120 {
    display: flex;
    align-items: center
}

._userMenuConfigAd_5m4ds_110 ._adLeft_5m4ds_120 ._adIcon_5m4ds_124 {
    width: 20px;
    height: 20px;
    margin-inline-end: 4px;
    flex-shrink: 0
}

._userMenuConfigAd_5m4ds_110 ._adLeft_5m4ds_120 ._adInfo_5m4ds_130 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--text-primary);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._userMenuConfigAd_5m4ds_110 ._adRight_5m4ds_143 {
    font-size: 12px;
    flex-shrink: 0;
    margin-inline-start: 4px
}

html[data-theme=dark] ._userMenuConfigAd_5m4ds_110 {
    background-color: #163773
}

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

@media screen and (min-width: 768px) {
    ._header-addToDesktop_a84eo_2 {
        display: none
    }
}

._responsive-wrapper_1k9ye_1 {
    position: relative;
    display: flex
}

._responsive-wrapper_1k9ye_1 ._responsive-item_1k9ye_5 {
    position: relative
}

._responsive-wrapper_1k9ye_1 ._responsive-item_1k9ye_5,
._responsive-wrapper_1k9ye_1 ._responsive-item-content_1k9ye_8 {
    display: flex
}

._responsive-wrapper_1k9ye_1 ._responsive-item-hidden_1k9ye_11 {
    width: 0;
    overflow: hidden;
    opacity: 0
}

._responsive-wrapper_1k9ye_1 ._responsive-item-content_1k9ye_8 {
    width: fit-content;
    height: 100%
}

._responsive-wrapper_1k9ye_1 ._responsive-item-scrollable_1k9ye_20 {
    width: auto;
    overflow: hidden
}

._responsive-wrapper_1k9ye_1 ._responsive-item-container_1k9ye_24 {
    display: flex
}

._responsive-wrapper_1k9ye_1 ._responsive-item-scrollable_1k9ye_20>._responsive-item-container_1k9ye_24 {
    overflow-x: auto;
    -ms-overflow-style: none
}

._responsive-wrapper_1k9ye_1 ._responsive-item-scrollable_1k9ye_20>._responsive-item-container_1k9ye_24::-webkit-scrollbar {
    display: none
}

._responsive-scrollTo-btn_1k9ye_35 {
    position: absolute;
    top: 50%;
    z-index: -10;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 44px;
    color: var(--text-secondary);
    background: linear-gradient(270deg, rgba(22, 23, 26, 0) 4.72%, var(--bg-primary) 39.55%);
    cursor: pointer;
    opacity: 0
}

._responsive-scrollTo-btn__icon_1k9ye_50 {
    margin-inline-start: -10px
}

._responsive-scrollTo-first_1k9ye_53 {
    left: 0;
    transform: translate(-8%, -50%)
}

._responsive-scrollTo-last_1k9ye_57 {
    right: 0;
    transform: translate(8%, -50%) rotate(180deg)
}

._responsive-scrollTo-visible_1k9ye_61 {
    z-index: 10;
    opacity: 1;
    transition: opacity, transform .2s ease-in-out
}

._responsive-scrollTo-visible_1k9ye_61._responsive-scrollTo-first_1k9ye_53 {
    transform: translateY(-50%)
}

._responsive-scrollTo-visible_1k9ye_61._responsive-scrollTo-last_1k9ye_57 {
    transform: translateY(-50%) rotate(180deg)
}

._responsive-item-rtl_1k9ye_73 ._responsive-scrollTo-btn__icon_1k9ye_50 {
    margin-inline-start: 0;
    margin-inline-end: -10px
}

._responsive-item-rtl_1k9ye_73 ._responsive-scrollTo-first_1k9ye_53 {
    right: 0;
    left: unset;
    transform: translate(8%, -50%) rotate(180deg)
}

._responsive-item-rtl_1k9ye_73 ._responsive-scrollTo-last_1k9ye_57 {
    right: unset;
    left: 0;
    transform: translate(-8%, -50%) rotate(0)
}

._responsive-item-rtl_1k9ye_73 ._responsive-scrollTo-visible_1k9ye_61._responsive-scrollTo-first_1k9ye_53 {
    transform: translateY(-50%) rotate(180deg)
}

._responsive-item-rtl_1k9ye_73 ._responsive-scrollTo-visible_1k9ye_61._responsive-scrollTo-last_1k9ye_57 {
    transform: translateY(-50%) rotate(0)
}

._settingWrapper_1odav_1 {
    text-decoration: none
}

[data-theme=light] ._DropdownGroupItem_jvdu7_1 {
    border-color: #ebedf199
}

[data-theme=dark] ._DropdownGroupItem_jvdu7_1 {
    border-color: #2c2f3699
}

._DropdownGroupItem_jvdu7_1 {
    border-left: 1px solid
}

._DropdownGroupItem_jvdu7_1:not(._DropdownGroupItemIsMobile_jvdu7_12) {
    width: 300px;
    padding: 16px 8px
}

._DropdownGroupItem_jvdu7_1._DropdownGroupItemIsMobile_jvdu7_12 {
    box-shadow: none
}

._DropdownGroupItem_jvdu7_1._DropdownGroupItemIsMobile_jvdu7_12 ._groupName_jvdu7_19 {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-tertiary);
    padding: 16px 0;
    padding-inline-start: 32px;
    padding-inline-end: 16px;
    margin: 0
}

._DropdownGroupItem_jvdu7_1._rtl_jvdu7_28 {
    border-left: none;
    border-right: 1px solid
}

._DropdownGroupItem_jvdu7_1 ._groupName_jvdu7_19 {
    color: var(--text-primary);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding-inline-start: 20px;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43 {
    padding: 0;
    margin: 0;
    width: 100%;
    background: transparent;
    text-decoration: none
}

._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43._isMobile_jvdu7_50 {
    margin: 0;
    padding: 0;
    width: 100%;
    box-shadow: none
}

._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43._isMobile_jvdu7_50 ._DropdownGroupItemContainerItem_jvdu7_56 {
    border-radius: 0;
    padding-inline-start: 17px;
    padding-inline-end: 16px
}

._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43._isMobile_jvdu7_50 ._DropdownGroupItemContainerItem_jvdu7_56 ._itemTitle_jvdu7_61 span {
    font-weight: 400
}

@media screen and (max-width: 767px) {
    ._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43._isMobile_jvdu7_50 ._DropdownGroupItemContainerItem_jvdu7_56 ._itemTitle_jvdu7_61 span {
        font-weight: 400;
        word-wrap: break-word;
        overflow: hidden
    }
}

._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43::-webkit-scrollbar {
    width: 4px;
    height: 8px
}

._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43::-webkit-scrollbar-thumb {
    background: var(--divider-secondary);
    border-radius: 10px
}

._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43::-webkit-scrollbar-thumb:hover {
    background-color: var(--divider-secondary)
}

._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43 ._DropdownGroupItemContainerItem_jvdu7_56 {
    border-radius: 12px
}

@media (hover: hover) {
    ._DropdownGroupItem_jvdu7_1 ._DropdownGroupItemContainer_jvdu7_43 ._DropdownGroupItemContainerItem_jvdu7_56:hover {
        background: #b4bfd61a
    }
}

._aLink_3bciu_1 {
    margin-bottom: 16px;
    display: block;
    padding-top: 12px
}

._adContainer_3bciu_7 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px
}

._adContainer_3bciu_7 ._adImg_3bciu_13 {
    width: 244px;
    height: 228px
}

._redDot_hpi8_1 {
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-inline-start: 8px;
    margin-inline-end: 3px
}

._redDot_hpi8_1._redDotShow_hpi8_8 {
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--tint-blue-base)
}

._redDot_hpi8_1._isMobile_hpi8_13 {
    margin-inline-start: 0px
}

._hotTag_1rg2c_1,
._newTag_1rg2c_1 {
    height: 16px;
    width: 16px
}

._hotTag_1rg2c_1._topLevel_1rg2c_5,
._newTag_1rg2c_1._topLevel_1rg2c_5 {
    position: absolute;
    right: 0;
    top: 8px
}

._hotTag_1rg2c_1._topLevel_1rg2c_5._hasChildren_1rg2c_10,
._newTag_1rg2c_1._topLevel_1rg2c_5._hasChildren_1rg2c_10 {
    right: 11px
}

._newTag_1rg2c_1 {
    margin-inline-start: 2px
}

html[dir=rtl] ._hotTag_1rg2c_1._topLevel_1rg2c_5,
html[dir=rtl] ._newTag_1rg2c_1._topLevel_1rg2c_5 {
    left: 0;
    right: auto
}

html[dir=rtl] ._hotTag_1rg2c_1._topLevel_1rg2c_5._hasChildren_1rg2c_10,
html[dir=rtl] ._newTag_1rg2c_1._topLevel_1rg2c_5._hasChildren_1rg2c_10 {
    left: 11px
}

._newTag_1rg2c_1 {
    width: 30px;
    height: 16px
}

._badge_18wgu_1 {
    background-color: var(--primary-blue);
    color: var(--text-white);
    margin-inline-start: 4px;
    height: 14px;
    min-width: 14px;
    border-radius: 26px;
    padding: 0 3px;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

._badgeMobile_18wgu_15 {
    margin-inline-start: 0
}

._even_18wgu_19 {
    min-width: 20px
}

._plus_18wgu_23 {
    min-width: 28px
}

._navItemCustomIconTag_wgltb_1 {
    margin-inline-start: 2px;
    height: 16px;
    object-fit: cover
}

._customTextTag_wgltb_7 {
    height: 16px;
    padding: 0 4px;
    line-height: 16px;
    color: var(--content-white);
    background-color: var(--brand-default);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    margin-inline-start: 2px;
    top: 0
}

._itemContainer_1fq4q_2 {
    display: flex;
    align-items: center;
    white-space: nowrap
}

._itemContainer_1fq4q_2 ._titleIcon_1fq4q_7 {
    display: flex;
    margin-inline-start: 0
}

._itemContainer_1fq4q_2._mobileItemContainer_1fq4q_11 ._wrapperLeft_1fq4q_11 {
    margin-inline-end: 7px
}

._itemBody_1fq4q_14 {
    min-width: 150px;
    flex-grow: 1;
    padding: 12px 0;
    padding-inline-end: 30px;
    position: relative;
    font-size: 14px;
    font-weight: 500
}

._itemBody_1fq4q_14 ._shining_1fq4q_23 {
    width: 30px;
    text-align: start;
    margin-inline-start: 4px;
    width: 100%;
    color: #ff7765cc;
    background-image: linear-gradient(-45deg, #ff776500 35%, #fff, #ff776500 65%);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 60% 160%;
    background-repeat: no-repeat;
    background-position: -100% 0;
    animation: _mymoves_1fq4q_1 2.6s infinite ease-in-out
}

._itemTitle_1fq4q_44 {
    font-weight: 500;
    display: flex;
    align-items: center;
    color: var(--text-primary)
}

._itemTitle_1fq4q_44 ._titleContent_1fq4q_50 {
    margin-inline-end: 4px;
    white-space: break-spaces;
    position: relative
}

._sunImg_1fq4q_56 {
    width: 32px;
    height: 32px
}

._itemDesc_1fq4q_61 {
    margin-top: 2px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--content-secondary);
    white-space: normal
}

._wrapperLeft_1fq4q_11 {
    display: flex;
    align-items: center;
    margin-inline-end: 14px
}

._Dropdown_1nwjf_1 {
    display: flex;
    flex-direction: row;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--divider-secondary) transparent
}

._Dropdown_1nwjf_1._isMobile_1nwjf_10 {
    flex-direction: column
}

._navItemWithIconNew_1dmej_1 {
    display: inline-flex;
    align-items: center
}

._navItemWithIconNew_1dmej_1:not(._inMobile_1dmej_5) ._title_1dmej_5 {
    white-space: nowrap
}

._navItemWithIconNew_1dmej_1._inMobile_1dmej_5 ._title_1dmej_5 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-inline-end: 4px
}

._navItemWithIconNew_1dmej_1 ._hostMenuIcon_1dmej_17 {
    display: inline-block;
    margin-inline-end: 4px;
    width: 20px;
    height: 23px;
    background-repeat: no-repeat
}

._navItemWithIconNew_1dmej_1 ._hostMenuIcon_1dmej_17._useCssAnimation_1dmej_24 {
    background-position: center top;
    animation: _run1_1dmej_1 2s forwards 5
}

@keyframes _run1_1dmej_1 {
    0% {
        background-position: center top
    }

    to {
        background-position: center bottom
    }
}

._navItemWithIconNew_1dmej_1 ._hostMenuIcon_1dmej_17._useStaticImg_1dmej_36 {
    background-position: center;
    background-size: 100% auto
}

._navItemWithIconNew_1dmej_1._popoverOpen_1dmej_40 {
    color: var(--primary-base)
}

._animation-menu-tooltip_48q7o_1 {
    max-width: none
}

._animation-menu-tooltip_48q7o_1 .ant-tooltip-v5-inner {
    padding: 0
}

._animation-menu-content_48q7o_8 {
    display: inline-flex;
    align-items: center;
    max-width: 310px;
    padding: 10px 12px
}

._animation-menu-content__icon_48q7o_14 {
    flex-shrink: 0;
    margin: 0;
    margin-inline-end: 4px;
    width: 20px;
    height: 20px
}

._animation-menu-content__desc_48q7o_21 {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

._header_1jw4n_1 {
    padding: 14px 0 15px
}

._header_1jw4n_1 img {
    width: 80px;
    height: 80px
}

._content_1jw4n_9 {
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

._date_1jw4n_15 {
    text-align: center
}

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

._footer_1jw4n_19>button {
    flex: 1
}

._icon_1f2o9_1 {
    animation: _loadingCircle_1f2o9_1 1s infinite linear;
    margin-inline-end: 4px
}

@keyframes _loadingCircle_1f2o9_1 {
    to {
        transform: rotate(360deg)
    }
}

html[data-from=app] ._ra_innerAffix_mczsy_6 {
    display: none
}

html[dir=rtl] ._ra_closePointerCont_mczsy_10 {
    position: absolute;
    top: 0;
    left: 0;
    right: unset
}

html[dir=rtl] ._ra_closePointerCont_mczsy_10 ._ra_closeIcon_mczsy_16 {
    position: absolute;
    top: 8px;
    left: 6px;
    right: unset
}

._ra_innerAffix_mczsy_6 {
    --gray-8: #87909f;
    --gray-14: #222429;
    --opacity-5: rgba(180, 191, 214, .18);
    --icon-secondary: var(--gray-8);
    --divider-primary: var(--gray-14);
    --border-opacity: var(--opacity-5);
    --dark-bg-color: #0b0b0d;
    --day-bg-color: var(--bg-l-2, rgba(230, 233, 240, .4));
    --day-border-color: #ebedf1;
    --day-button-color: #000;
    --dark-button-color: #fff;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity .6s ease-in-out, height .6s ease-in-out
}

._ra_innerAffix_mczsy_6._visible_mczsy_40 {
    height: 64px;
    border-bottom: solid 1px var(--border-secondary);
    background-color: var(--bg-level-secondary);
    opacity: 1
}

._ra_innerAffix_mczsy_6 .ant-affix {
    z-index: 998
}

._ra_wrapper_mczsy_50 {
    z-index: 100;
    width: 100%;
    height: 100%;
    display: flex;
    background: var(--bg-l0)
}

._ra_container_mczsy_58 {
    width: 100%;
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    padding-inline-end: 16px
}

._ra_leftContent_mczsy_68 {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px
}

._ra_leftContent_mczsy_68 svg {
    flex-shrink: 0
}

._ra_leftContent_mczsy_68 img {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

._ra_ghostButton_mczsy_83 {
    min-width: 76px;
    height: 30px;
    padding: 5px 8px;
    border: .5px;
    border-radius: 28px;
    border: .5px solid var(--border-opacity, rgba(180, 191, 214, .24));
    color: var(--day-button-color);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 5px
}

._ra_ghostButtonText_mczsy_100 {
    max-width: 84px;
    display: flex;
    align-items: center;
    justify-content: center
}

._ra_closePointerCont_mczsy_10 {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 0
}

._ra_closePointerCont_mczsy_10 ._ra_closeIcon_mczsy_16 {
    font-size: 12px;
    color: var(--icon-secondary);
    position: absolute;
    top: 6px;
    right: 6px
}

._ra_title_mczsy_122 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    min-height: 24px
}

._ra_description_mczsy_138 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    min-height: 16px
}

html[data-theme=light] ._ra_wrapper_mczsy_50 {
    background: var(--day-bg-color)
}

html[data-theme=light] ._ra_ghostButton_mczsy_83 {
    background: var(--primary-color);
    color: var(--dark-button-color)
}

._ra_appLogoContainer_2s162_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-inline-start: 12px;
    overflow: hidden;
    flex-shrink: 0
}

._ra_appLogo_2s162_1 {
    height: 40px;
    width: 40px
}

._HeaderAppDownloadModal_1bz2l_1 ._HeaderAppDownloadModalContent_1bz2l_1 {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    text-align: center
}

._HeaderAppDownloadModal_1bz2l_1 ._HeaderAppDownloadModalLogo_1bz2l_6 {
    margin: 0 0 19px
}

._HeaderAppDownloadModal_1bz2l_1 ._HeaderAppDownloadModalContentTitle_1bz2l_9 {
    margin: 0 0 7px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    word-break: break-word
}

._HeaderAppDownloadModal_1bz2l_1 ._HeaderAppDownloadModalContentDesc_1bz2l_16 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    word-break: break-word
}

._HeaderAppDownloadModal_1bz2l_1 ._HeaderAppDownloadModalButtonGroup_1bz2l_23 {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

._HeaderAppDownloadModal_1bz2l_1 ._HeaderAppDownloadModalButtonGroup_1bz2l_23>button {
    max-width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 1
}

._HeaderAppDownloadModal_1bz2l_1 ._HeaderAppDownloadModalButtonGroup_1bz2l_23>button>span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

._HeaderAppDownloadModal_1bz2l_1 ._HeaderAppDownloadModalDownload_1bz2l_43 {
    margin-top: 32px
}

._mobileFerrariImage_b8ttu_1 {
    width: 63px;
    height: 17px;
    margin-inline-end: auto;
    margin-inline-start: 14px
}

html[dir=rtl] ._mobileFerrariImage_b8ttu_1 {
    transform: scaleX(-1)
}

._link_sd0cd_2 {
    display: inline-flex;
    align-items: center;
    margin-inline-end: 16px
}

._link_sd0cd_2 ._HeaderDepositButton_sd0cd_7 svg[data-icon=CaretDownOutlined] {
    transition: transform .2s ease-in
}

._link_sd0cd_2 ._HeaderDepositButton_sd0cd_7:hover svg[data-icon=CaretDownOutlined] {
    transform: rotate(180deg)
}

._button_sd0cd_17 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

._button_sd0cd_17 ._icon_sd0cd_23 {
    margin-inline-end: 8px;
    width: 24px;
    height: 24px;
    background-image: url(https://static.mocortech.com/mexc-static-resource/image/banner-gift-animate-v2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: -3px;
    animation: _run_sd0cd_1 2s steps(35) infinite
}

@keyframes _run_sd0cd_1 {
    0% {
        background-position: center top 0
    }

    to {
        background-position: center bottom 0
    }
}

._dex-switch_14tqg_1 {
    display: none;
    align-items: center
}

._dex-switch-content_14tqg_5 {
    margin-inline-end: 16px;
    display: flex;
    padding: 2px;
    justify-content: space-between;
    align-items: center;
    border-radius: 100px;
    background: var(--fill-segment-container)
}

._dex-switch-item_14tqg_14 {
    display: flex;
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    flex: 1 0;
    border-radius: 100px;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: 500
}

._dex-switch-item_14tqg_14:not(._dex-switch-item-active_14tqg_26) {
    cursor: pointer
}

._dex-switch-item-active_14tqg_26 {
    border-radius: 12px;
    background: var(--fill-segment-selected);
    box-shadow: 0 2px 4px #0505050d;
    pointer-events: none
}

@media screen and (min-width: 1024px) {
    ._dex-switch_14tqg_1 {
        display: flex
    }
}

[dir=rtl] ._dex-switch-item_14tqg_14 {
    flex-direction: row-reverse
}

._ForcedToLogoutModal_1hzaf_1 {
    max-height: 80%;
    overflow: hidden
}

._ForcedToLogoutModal_1hzaf_1 .ant-modal-content {
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    overflow: hidden
}

._ForcedToLogoutModal_1hzaf_1 .ant-modal-content .ant-modal-title {
    padding: 0 24px;
    flex: 1;
    text-align: center;
    word-break: break-word;
    line-height: 26px;
    font-size: 18px;
    font-weight: 700
}

._ForcedToLogoutModal_1hzaf_1 .ant-modal-content .ant-modal-header {
    border: none
}

._ForcedToLogoutModal_1hzaf_1 .ant-modal-content .ant-modal-body {
    padding-top: 0;
    flex-grow: 1;
    overflow: auto
}

._ForcedToLogoutModal_1hzaf_1 .ant-modal-content .ant-modal-footer {
    padding-top: 24px
}

._ForcedToLogoutModal_1hzaf_1 .ant-modal-footer {
    flex-wrap: wrap;
    gap: 12px
}

._ForcedToLogoutModal_1hzaf_1 .ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
    margin: 0
}

._ForcedToLogoutModal_1hzaf_1 .ant-modal-footer>button {
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

._ForcedToLogoutModal_1hzaf_1 .ant-modal-footer>button>span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._ForcedToLogoutModal_1hzaf_1 ._message_1hzaf_50 {
    margin: 0;
    color: var(--content-primary);
    font-size: 16px;
    line-height: 24px;
    word-wrap: break-word
}

._ForcedToLogoutModal_1hzaf_1 ._message_1hzaf_50 ._messageTime_1hzaf_57 {
    direction: ltr !important;
    unicode-bidi: embed
}

._ForcedToLogoutToast_1hzaf_62 {
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

._ForcedToLogoutToast_1hzaf_62 .ant-message-mobile-icon,
._ForcedToLogoutToast_1hzaf_62 .ant-message-pc-icon {
    display: none !important
}