#uniFrameHeader #algoliaSearchBar {
    align-items: center;
    display: flex;
    height: var(--size-48);
    outline: none;
    position: relative
}

#uniFrameHeader #algoliaSearchBar .mobile-search-icon {
    font-size: 22px;
    line-height: var(--size-48);
    text-align: center;
    width: var(--size-40)
}

#uniFrameHeader #algoliaSearchBar .mobile-search-icon.active {
    color: #f7a600
}

#uniFrameHeader #algoliaSearchBar .search-input-desktop {
    width: 160px
}

[dir=ltr] #uniFrameHeader #algoliaSearchBar .search-input-desktop {
    padding: 0 8px 0 12px
}

[dir=rtl] #uniFrameHeader #algoliaSearchBar .search-input-desktop {
    padding: 0 12px 0 8px
}

#uniFrameHeader #algoliaSearchBar .search-input-mobile {
    background: #1b1c1f
}

[dir=ltr] #uniFrameHeader #algoliaSearchBar .search-input-mobile {
    padding-left: 16px
}

[dir=rtl] #uniFrameHeader #algoliaSearchBar .search-input-mobile {
    padding-right: 16px
}

#uniFrameHeader #algoliaSearchBar .search-content-container .search-content {
    background: #1b1c1f;
    max-height: 806px;
    overflow: auto;
    overscroll-behavior: none
}

#uniFrameHeader #algoliaSearchBar .search-content-container .search-content::-webkit-scrollbar {
    background: transparent;
    height: 6px;
    width: 6px
}

#uniFrameHeader #algoliaSearchBar .search-content-container .search-content::-webkit-scrollbar-thumb {
    background: #8b8c8f;
    border-radius: 16px
}

#uniFrameHeader #algoliaSearchBar .search-content-container-desktop {
    position: absolute;
    top: 100%;
    width: 480px;
    z-index: 99
}

#uniFrameHeader #algoliaSearchBar .search-content-container-desktop .search-content {
    border-radius: 0 0 4px 4px;
    max-height: 806px;
    padding: 32px 0
}

#uniFrameHeader #algoliaSearchBar .search-content-container-desktop .search-content .search-result-empty-container {
    padding: 0 32px
}

#uniFrameHeader #algoliaSearchBar .search-content-container-desktop .search-content .search-result-empty-container .search-result-empty-wrapper + * {
    margin-top: var(--size-24)
}

@media (max-height: 854px) {
    #uniFrameHeader #algoliaSearchBar .search-content-container-desktop .search-content {
        max-height: calc(100vh - var(--size-48) - 32px)
    }
}

#uniFrameHeader #algoliaSearchBar .search-content-container-mobile {
    position: fixed;
    top: 48px;
    width: 100vw;
    z-index: 9999
}

[dir=ltr] #uniFrameHeader #algoliaSearchBar .search-content-container-mobile {
    left: 0
}

[dir=rtl] #uniFrameHeader #algoliaSearchBar .search-content-container-mobile {
    right: 0
}

#uniFrameHeader #algoliaSearchBar .search-content-container-mobile .search-mobile-operation {
    align-items: center;
    background: #1b1c1f;
    display: flex;
    padding: 8px 0
}

#uniFrameHeader #algoliaSearchBar .search-content-container-mobile .search-mobile-operation .search-input-mobile {
    flex: 1 1 auto
}

#uniFrameHeader #algoliaSearchBar .search-content-container-mobile .search-mobile-operation .search-cancel-mobile {
    color: #adb1b8;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap
}

[dir=ltr] #uniFrameHeader #algoliaSearchBar .search-content-container-mobile .search-mobile-operation .search-cancel-mobile {
    margin: 0 16px 0 12px
}

[dir=rtl] #uniFrameHeader #algoliaSearchBar .search-content-container-mobile .search-mobile-operation .search-cancel-mobile {
    margin: 0 12px 0 16px
}

#uniFrameHeader #algoliaSearchBar .search-content-container-mobile .search-content {
    max-height: calc(100vh - var(--size-48) - var(--size-48));
    padding: 16px 0
}

#uniFrameHeader #algoliaSearchBar .search-content-container-mobile .search-content .search-result-empty-container {
    padding: 0 16px
}

#uniFrameHeader #algoliaSearchBar .search-content-container-mobile .search-content .search-result-empty-container .search-result-empty-wrapper + * {
    margin-top: 16px
}

#uniFrameHeader #algoliaSearchBar .search-content-container .search-mask {
    background: rgba(21, 25, 42, .4);
    height: 100vh;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

[dir=ltr] #uniFrameHeader #algoliaSearchBar .search-content-container .search-mask {
    left: 0
}

[dir=rtl] #uniFrameHeader #algoliaSearchBar .search-content-container .search-mask {
    right: 0
}

.ACy8mOo5lVoFrYYO7BPo {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0 12px
}

.ACy8mOo5lVoFrYYO7BPo .Hb1Gu54hEUEucwTbnYsJ {
    height: 24px;
    width: 24px
}

[dir=ltr] .ACy8mOo5lVoFrYYO7BPo .Hb1Gu54hEUEucwTbnYsJ {
    background: url(../fonts/92ee72564d1b4f02a887e58ba8453dff.woff)
}

[dir=rtl] .CdPsaBBqGDP1_VWunxx_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .UrLVQerx__2IW0lJStwk .LD8XLgw4kklFvaJcn8b_ {
    right: 50%;
    transform: translateX(50%)
}

.CdPsaBBqGDP1_VWunxx_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .UrLVQerx__2IW0lJStwk .LD8XLgw4kklFvaJcn8b_ .H_Fgoi16Uw1IbHdKshWE {
    background: #e9edf2;
    border-radius: 4px;
    padding: 8px 12px;
    white-space: nowrap
}

[dir=ltr] .CdPsaBBqGDP1_VWunxx_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .eNbdpKUu31aQRlS4H_sm {
    margin-left: 4px
}

[dir=rtl] .CdPsaBBqGDP1_VWunxx_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .eNbdpKUu31aQRlS4H_sm {
    margin-right: 4px
}

.CdPsaBBqGDP1_VWunxx_ .B5j2AaC5eLLOsODu1bGE {
    cursor: pointer
}

.CdPsaBBqGDP1_VWunxx_.PRkjIOBasyL4VzQ6ST6j {
    background: rgba(247, 166, 0, .16);
    padding: 8px 12px
}

.CdPsaBBqGDP1_VWunxx_.PRkjIOBasyL4VzQ6ST6j .YLC34PlFOpgAynV2Iz2F {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.CdPsaBBqGDP1_VWunxx_.PRkjIOBasyL4VzQ6ST6j .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .eNbdpKUu31aQRlS4H_sm {
    color: #d6850d
}

.CdPsaBBqGDP1_VWunxx_.PRkjIOBasyL4VzQ6ST6j .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .eNbdpKUu31aQRlS4H_sm svg {
    display: none
}

[dir=ltr] .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ {
    background: linear-gradient(97.12deg, rgba(255, 215, 72, .5) .93%, rgba(247, 166, 0, .5)), #fff;
    padding-left: 24px;
    padding-right: 16px
}

[dir=rtl] .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ {
    background: linear-gradient(-97.12deg, rgba(255, 215, 72, .5) .93%, rgba(247, 166, 0, .5)), #fff;
    padding-left: 16px;
    padding-right: 24px
}

.CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ a {
    text-decoration: none
}

.CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F {
    color: #121214;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe {
    align-items: center;
    display: flex
}

.CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .UrLVQerx__2IW0lJStwk {
    display: inline-flex
}

.CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .UrLVQerx__2IW0lJStwk:hover {
    color: #81858c
}

.CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .UrLVQerx__2IW0lJStwk:hover .LD8XLgw4kklFvaJcn8b_ {
    display: flex
}

.CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .eNbdpKUu31aQRlS4H_sm {
    align-items: center;
    color: #d6850d !important;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .B5j2AaC5eLLOsODu1bGE {
    min-width: 20px
}

[dir=ltr] .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .B5j2AaC5eLLOsODu1bGE {
    margin-left: 10px
}

[dir=rtl] .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .B5j2AaC5eLLOsODu1bGE {
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .CdPsaBBqGDP1_VWunxx_ {
        gap: 2px
    }

    [dir=ltr] .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ {
        padding-left: 16px
    }

    [dir=rtl] .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ {
        padding-right: 16px
    }

    [dir=ltr] .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .B5j2AaC5eLLOsODu1bGE {
        margin-left: unset
    }

    [dir=rtl] .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .B5j2AaC5eLLOsODu1bGE {
        margin-right: unset
    }

    .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe {
        gap: 2px
    }

    .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .WCte8hJnGcRtNOK4_Cwr {
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden
    }

    .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .UrLVQerx__2IW0lJStwk {
        margin: unset
    }

    .CdPsaBBqGDP1_VWunxx_.ckpNIAJzQPxH6LAZPxb_ .YLC34PlFOpgAynV2Iz2F .wvU4sdWN7sqUiiVhsKhe .eNbdpKUu31aQRlS4H_sm {
        flex: 0 0 auto
    }
}

.cdNK9JkkBHeDrnOGeqaf, .t3tu3Wz51JVDj3omuwOB {
    overflow: hidden;
    position: relative
}

.CqcvZFkwsFN3FSCbCqzX {
    align-items: center;
    background: #25282c;
    border-radius: 4px;
    display: flex;
    gap: 4px;
    height: 32px;
    padding: 2px
}

[dir=ltr] .CqcvZFkwsFN3FSCbCqzX {
    margin-right: 20px
}

[dir=rtl] .CqcvZFkwsFN3FSCbCqzX {
    margin-left: 20px
}

.CqcvZFkwsFN3FSCbCqzX.uaDxuaozwd0R0yHu6elW {
    margin: 12px 24px 24px
}

.CqcvZFkwsFN3FSCbCqzX .TlURAKGHLV6Z1XaiYWpw {
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    justify-content: center;
    line-height: 18px;
    min-width: 80px
}

.CqcvZFkwsFN3FSCbCqzX .TlURAKGHLV6Z1XaiYWpw.uaDxuaozwd0R0yHu6elW {
    flex: 0 0 50%;
    min-width: 132px
}

.CqcvZFkwsFN3FSCbCqzX .TlURAKGHLV6Z1XaiYWpw.z6jYT3VMiU9vrJ1dX8Zi {
    background: #333537;
    box-shadow: 0 0 4px 0 rgba(18, 18, 20, .1)
}

.CqcvZFkwsFN3FSCbCqzX .TlURAKGHLV6Z1XaiYWpw.o2Amt1FaB8Kk_FscbmkB:hover, .CqcvZFkwsFN3FSCbCqzX .TlURAKGHLV6Z1XaiYWpw.o2Amt1FaB8Kk_FscbmkB:visited {
    color: #fff !important
}

#uniFrameHeader.header {
    align-items: center;
    background-color: var(--primary-color-02);
    color: #fff;
    display: flex;
    height: var(--size-48);
    justify-content: space-between
}

#uniFrameHeader.header .by-dropdown__new_icon {
    color: #71757a
}

#uniFrameHeader.header.hidden {
    visibility: hidden
}

@media screen and (max-width: 500px) {
    #uniFrameHeader.header {
        overflow-x: scroll
    }

    #uniFrameHeader.header::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    #uniFrameHeader.header::-webkit-scrollbar-button, #uniFrameHeader.header::-webkit-scrollbar-track {
        background-color: transparent
    }

    #uniFrameHeader.header::-webkit-scrollbar-thumb, #uniFrameHeader.header::-webkit-scrollbar-track-piece {
        background-color: transparent
    }

    #uniFrameHeader.header::-webkit-scrollbar-corner {
        background-color: transparent
    }
}

#uniFrameHeader .header a:hover {
    color: var(--brand-color-01) !important
}

#uniFrameHeader .header-left, #uniFrameHeader .header-right {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

#uniFrameHeader .download-wrap {
    cursor: pointer;
    height: var(--size-48);
    justify-content: center;
    line-height: var(--size-48);
    position: relative;
    text-align: center;
    width: var(--size-48)
}

#uniFrameHeader .download-wrap span {
    vertical-align: middle
}

#uniFrameHeader .download-wrap:hover svg path {
    fill: var(--brand-color-01)
}

#uniFrameHeader .download-wrap-open {
    background: hsla(0, 0%, 100%, .06)
}

#uniFrameHeader .download-app {
    background: #25282c;
    border-radius: 0 0 8px 8px;
    display: flex;
    flex-direction: column;
    min-height: 272px;
    padding: 20px;
    position: absolute;
    top: 48px;
    width: 198px;
    z-index: 99
}

[dir=ltr] #uniFrameHeader .download-app {
    right: -1px
}

[dir=rtl] #uniFrameHeader .download-app {
    left: -1px
}

#uniFrameHeader .appCode {
    height: 158px;
    width: 158px
}

#uniFrameHeader .download-app-desc {
    color: var(--color-white);
    line-height: 14px;
    margin-bottom: 12px;
    margin-top: 12px;
    position: relative
}

#uniFrameHeader .download-app-btn {
    align-items: center;
    background-color: #f7a600;
    border-radius: 4px;
    color: #121214;
    cursor: pointer;
    display: flex;
    font-size: var(--size-12);
    font-style: normal;
    font-weight: 600;
    height: 32px;
    justify-content: center;
    line-height: 18px;
    padding: 8px 12px;
    transition: transform .15s linear;
    width: 158px;
    will-change: color, background-color
}

#uniFrameHeader .download-app-btn:hover {
    background-color: #ffc35c
}

[dir=ltr] #uniFrameHeader .download {
    padding: 0 16px 0 10px
}

[dir=rtl] #uniFrameHeader .download {
    padding: 0 10px 0 16px
}

#uniFrameHeader .logo {
    height: 22px;
    width: auto
}

[dir=ltr] #uniFrameHeader .logo {
    margin-left: var(--size-16)
}

[dir=rtl] #uniFrameHeader .logo {
    margin-right: var(--size-16)
}

#uniFrameHeader .header-login, #uniFrameHeader .header-register {
    border-radius: 4px;
    box-sizing: content-box;
    cursor: pointer;
    font-size: var(--size-14);
    font-weight: 600;
    line-height: 32px;
    padding: 0 20px;
    text-align: center
}

@keyframes breatheAni {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.06)
    }
    to {
        transform: scale(1)
    }
}

#uniFrameHeader .header-register {
    animation: breatheAni 1.5s ease-in-out 1s infinite;
    transition: transform .3s ease
}

#uniFrameHeader .header-register:hover {
    transform: scale(1.05)
}

#uniFrameHeader .header-login {
    color: #fff
}

#uniFrameHeader .header-login:hover {
    background: hsla(0, 0%, 100%, .06);
    color: var(--brand-color-01)
}

#uniFrameHeader .header-register {
    background-color: var(--brand-color-01);
    color: var(--primary-color-02)
}

#uniFrameHeader .header-status {
    align-items: center;
    display: flex;
    white-space: nowrap
}

#uniFrameHeader .header-left-switch-portal {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center
}

#uniFrameHeader .header__nav {
    display: flex;
    flex-wrap: nowrap;
    height: 48px;
    position: relative
}

#uniFrameHeader .header__nav > div {
    display: flex
}

#uniFrameHeader .header__nav > a {
    display: flex;
    white-space: nowrap
}

#uniFrameHeader .header-right.header__nav {
    display: flex;
    overflow: initial
}

#uniFrameHeader .header__nav .by-dropdown__anchor--open {
    background: #1e2023
}

#uniFrameHeader .by-dropdown__anchor--open span, #uniFrameHeader .header-right .by-dropdown__anchor--open .lang-selector__btn span {
    color: var(--brand-color-01)
}

#uniFrameHeader .header-right .icon-list {
    color: #fff;
    font-size: 16px
}

#uniFrameHeader .header-right .icon-list:hover {
    color: var(--brand-color-01)
}

#uniFrameHeader .header-right .icon-smallarrowdown {
    color: #fff;
    font-size: 16px
}

#uniFrameHeader .header-right .icon-smallarrowdown:hover, #uniFrameHeader .header__nav .by-dropdown__anchor--open .icon-xia {
    color: var(--brand-color-01)
}

#uniFrameHeader .header-right .by-dropdown__anchor--open {
    background: hsla(0, 0%, 100%, .06)
}

#uniFrameHeader .header__nav .by-dropdown__icon.by-dropdown__icon--open {
    opacity: 1
}

[dir=ltr] #uniFrameHeader .header__nav .by-dropdown__icon.by-dropdown__icon--open {
    transform: rotate(180deg)
}

[dir=rtl] #uniFrameHeader .header__nav .by-dropdown__icon.by-dropdown__icon--open {
    transform: rotate(-180deg)
}

#uniFrameHeader .header__tip {
    color: var(--brand-color-01);
    display: block;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    top: -8px;
    transform: scale(.65)
}

[dir=ltr] #uniFrameHeader .header__tip {
    right: -24px
}

[dir=rtl] #uniFrameHeader .header__tip {
    left: -24px
}

#uniFrameHeader .header__tip.header__tip-tab {
    top: 8px
}

[dir=ltr] #uniFrameHeader .header__tip.header__tip-tab {
    right: 10px
}

[dir=rtl] #uniFrameHeader .header__tip.header__tip-tab {
    left: 10px
}

[dir=ltr] #uniFrameHeader .header__tip.header__tip-tab-drop {
    right: -4px
}

[dir=rtl] #uniFrameHeader .header__tip.header__tip-tab-drop {
    left: -4px
}

#uniFrameHeader .by-dropdown-item__secondary--right .by-dropdown-item__next-symbol .header__tip-inner {
    color: var(--brand-color-01);
    display: inline-block;
    font-size: var(--size-12);
    font-weight: 700;
    position: absolute;
    top: -3px;
    transform: scale(.65)
}

#uniFrameHeader .header__tip-hot {
    top: -7px
}

[dir=ltr] #uniFrameHeader .by-dropdown-item__secondary--left--item .title-icon .icon-down {
    transform: scale(.7) rotate(270deg)
}

[dir=rtl] #uniFrameHeader .by-dropdown-item__secondary--left--item .title-icon .icon-down {
    transform: scale(.7) rotate(-270deg)
}

#uniFrameHeader .by-dropdown-item__secondary--left--item .title {
    color: var(--color-white);
    font-size: var(--size-14);
    font-weight: 600;
    position: relative;
    white-space: nowrap
}

[dir=ltr] #uniFrameHeader .by-dropdown-item__secondary--left--item .title {
    padding-right: 18px
}

[dir=rtl] #uniFrameHeader .by-dropdown-item__secondary--left--item .title {
    padding-left: 18px
}

#uniFrameHeader .by-dropdown-item__secondary--left--item .desc {
    color: var(--color-white);
    font-size: var(--size-12);
    font-weight: 400;
    margin-top: 6px
}

#uniFrameHeader .header__active-nav {
    color: var(--brand-color-01) !important;
    position: relative
}

#uniFrameHeader .header__active-nav .header__nav-item {
    color: var(--brand-color-01)
}

#uniFrameHeader .header__active-nav .icon-xia {
    color: var(--brand-color-01) !important;
    opacity: 1 !important
}

#uniFrameHeader .header__active-nav .by-dropdown__anchor .by-dropdown__new_icon {
    color: var(--brand-color-01)
}

#uniFrameHeader .header__active-nav .by-dropdown__anchor:after {
    background-color: var(--brand-color-01);
    bottom: 0;
    content: "";
    height: 2px;
    pointer-events: none;
    position: absolute;
    width: 100%
}

[dir=ltr] #uniFrameHeader .header__active-nav .by-dropdown__anchor:after {
    left: 0
}

[dir=rtl] #uniFrameHeader .header__active-nav .by-dropdown__anchor:after {
    right: 0
}

#uniFrameHeader .header__active-nav .by-dropdown__anchor.by-dropdown__anchor--open:after {
    display: none
}

#uniFrameHeader .header__nav-item-box {
    display: flex
}

#uniFrameHeader .header__nav-item {
    color: var(--color-white);
    cursor: pointer;
    font-size: var(--size-14);
    height: var(--size-48);
    /*line-height: var(--size-48);*/
    position: relative;
    user-select: none
}

#uniFrameHeader .header__nav-item .by-dropdown__new_icon {
    color: #71757a
}

#uniFrameHeader .header__nav-item:hover {
    color: var(--brand-color-01)
}

@keyframes wsotAnimation-ltr {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -100% 0
    }
}

@keyframes wsotAnimation-rtl {
    0% {
        background-position: 100% 0
    }
    to {
        background-position: 200% 0
    }
}

@media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #uniFrameHeader .header__nav-item.wsot2024 {
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 200% 100%;
        font-size: 16px;
        font-weight: 1000
    }

    [dir=ltr] #uniFrameHeader .header__nav-item.wsot2024 {
        animation: wsotAnimation-ltr 4s linear infinite;
        background-image: -webkit-linear-gradient(left, #f9b22b, #3cf0ce 25%, #f9b22b 50%, #3cf0ce 75%, #f9b22b)
    }

    [dir=rtl] #uniFrameHeader .header__nav-item.wsot2024 {
        animation: wsotAnimation-rtl 4s linear infinite;
        background-image: -webkit-linear-gradient(right, #f9b22b, #3cf0ce 25%, #f9b22b 50%, #3cf0ce 75%, #f9b22b)
    }

    #uniFrameHeader .header__nav-item.wsot2024:hover {
        -webkit-text-fill-color: #3cf0ce
    }

    [dir=ltr] #uniFrameHeader .header__nav-item.wsot2024:hover {
        background: url(../fonts/5561c6744ea5418ebdf372ac595c5ad5.woff) 0 0 no-repeat
    }

    [dir=rtl] #uniFrameHeader .header__nav-item.wsot2024:hover {
        background: url(../fonts/5561c6744ea5418ebdf372ac595c5ad5.woff) 100% 0 no-repeat
    }

    [dir] #uniFrameHeader .header__nav-item.wsot2024:hover {
        background-size: 100% 100%
    }
}

#uniFrameHeader a.header__nav-item, #uniFrameHeader a.header__nav-item:visited {
    color: var(--color-white);
    font-size: var(--size-14);
    width: auto
}

#uniFrameHeader .header__nav-item:hover .iconfont, #uniFrameHeader a.header__nav-item:hover {
    color: var(--brand-color-01)
}

#uniFrameHeader .header__nav-item .by-dropdown__anchor {
    height: var(--size-48);
    line-height: var(--size-48)
}

#uniFrameHeader .header__nav-item-icon-only {
    height: 20px;
    width: 58px
}

#uniFrameHeader .header__nav-item-fire {
    width: 16px
}

[dir=ltr] #uniFrameHeader .header__nav-item-fire {
    margin-left: 2px
}

[dir=rtl] #uniFrameHeader .header__nav-item-fire {
    margin-right: 2px
}

#uniFrameHeader .header__nav > a {
    padding: 16px 12px
}

#uniFrameHeader .header__nav > a:hover {
    background: hsla(0, 0%, 100%, .06)
}

#uniFrameHeader .header__nav > div > div > a {
    display: flex;
    padding: 16px 12px
}

[dir=ltr] #uniFrameHeader .header__nav > div > div > .right-drawer-wrapper__header-link {
    padding: 0 0 0 24px
}

[dir=rtl] #uniFrameHeader .header__nav > div > div > .right-drawer-wrapper__header-link {
    padding: 0 24px 0 0
}

#uniFrameHeader .header__nav > div > div > a:hover {
    background-color: hsla(0, 0%, 100%, .06)
}

#uniFrameHeader .header__nav .icon-xia {
    color: #fff
}

#uniFrameHeader .header__nav .by-dropdown__anchor {
    align-items: center;
    display: flex;
    gap: 2px;
    position: relative
}

[dir=ltr] #uniFrameHeader .header__nav .by-dropdown__anchor {
    padding: 0 8px 0 10px
}

[dir=rtl] #uniFrameHeader .header__nav .by-dropdown__anchor {
    padding: 0 10px 0 8px
}

#uniFrameHeader .header__nav .by-dropdown__anchor .by-dropdown__new_icon {
    display: flex
}

#uniFrameHeader .header__nav .by-dropdown__anchor .by-dropdown__new_icon--open {
    color: #f7a600
}

#uniFrameHeader .header__nav .header__nav-item-more .by-dropdown__anchor {
    justify-content: center
}

#uniFrameHeader .header__nav .header_nav-user-profile .by-dropdown__anchor {
    padding: 0
}

#uniFrameHeader .header__nav .by-dropdown__icon {
    font-size: 9px;
    opacity: .5;
    width: 11px
}

[dir=ltr] #uniFrameHeader .header__nav .by-dropdown__icon {
    margin-left: 0
}

[dir=rtl] #uniFrameHeader .header__nav .by-dropdown__icon {
    margin-right: 0
}

#uniFrameHeader .header__nav-item .header__nav-item-tip {
    border-radius: 4px;
    color: #101014;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 2px 4px;
    position: absolute;
    top: 2px;
    transform: scale(.8);
    -moz-transform: scale(.8);
    vertical-align: text-top
}

[dir=ltr] #uniFrameHeader .header__nav-item .header__nav-item-tip {
    background: linear-gradient(109.03deg, #ffb11a -.46%, #f49225 103.1%);
    left: calc(100% - 32px);
    margin-left: 8px
}

[dir=rtl] #uniFrameHeader .header__nav-item .header__nav-item-tip {
    background: linear-gradient(-109.03deg, #ffb11a -.46%, #f49225 103.1%);
    margin-right: 8px;
    right: calc(100% - 32px)
}

#uniFrameHeader .right-drawer-wrapper__header-link .header__nav-item-tip {
    border-radius: 4px;
    color: #101014;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 2px 4px;
    transform: scale(.8);
    -moz-transform: scale(.8);
    vertical-align: text-top
}

[dir=ltr] #uniFrameHeader .right-drawer-wrapper__header-link .header__nav-item-tip {
    background: linear-gradient(109.03deg, #ffb11a -.46%, #f49225 103.1%);
    margin-left: 8px
}

[dir=rtl] #uniFrameHeader .right-drawer-wrapper__header-link .header__nav-item-tip {
    background: linear-gradient(-109.03deg, #ffb11a -.46%, #f49225 103.1%);
    margin-right: 8px
}

#uniFrameHeader .header__nav-new {
    color: var(--brand-color-01);
    font-size: var(--size-10)
}

#uniFrameHeader .lang-selector__btn {
    font-size: var(--size-12);
    height: var(--size-48);
    justify-content: center;
    width: 48px
}

#uniFrameHeader .lang-selector__btn:hover svg path {
    fill: var(--brand-color-01)
}

#uniFrameHeader .lang-selector__btn span {
    color: var(--color-white);
    display: inline-block;
    font-size: var(--size-14);
    line-height: 48px;
    text-align: center;
    width: 48px
}

#uniFrameHeader .lang-selector__btn span img {
    vertical-align: middle
}

[dir=ltr] #uniFrameHeader .header-by-label_margin_left {
    margin-left: var(--size-4)
}

[dir=rtl] #uniFrameHeader .header-by-label_margin_left {
    margin-right: var(--size-4)
}

#uniFrameHeader .header__dropdown-container {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(21, 23, 25, .9);
    display: flex
}

#uniFrameHeader .header__dropdown-container .header__dropdown-content {
    display: flex
}

#uniFrameHeader .header__dropdown-container .header__dropdown-title {
    border-bottom: 1px solid var(--gray-03);
    color: hsla(0, 0%, 100%, .7);
    margin: 0 var(--size-12);
    padding: var(--size-12) 0
}

[dir=ltr] #uniFrameHeader .header__dropdown-container .header__dropdown-sub-content {
    text-align: left
}

[dir=rtl] #uniFrameHeader .header__dropdown-container .header__dropdown-sub-content {
    text-align: right
}

#uniFrameHeader .header__dropdown-container .by-dropdown-item.active, #uniFrameHeader .header__dropdown-container .by-dropdown-item.active a {
    background: #21222a
}

#uniFrameHeader .header__nav-item-arrow-down .icon-down {
    font-size: var(--size-12)
}

[dir=ltr] #uniFrameHeader .header__nav-item-arrow-down .icon-down {
    transform: rotate(270deg) scale(.8)
}

[dir=rtl] #uniFrameHeader .header__nav-item-arrow-down .icon-down {
    transform: rotate(-270deg) scale(.8)
}

#uniFrameHeader .header__level-1-left {
    line-height: 48px
}

[dir=ltr] #uniFrameHeader .header__level-1-left {
    float: left
}

[dir=ltr] #uniFrameHeader .header__level-1-left .icon-down, [dir=rtl] #uniFrameHeader .header__level-1-left {
    float: right
}

[dir=rtl] #uniFrameHeader .header__level-1-left .icon-down {
    float: left
}

#uniFrameHeader .header__level-2-right {
    line-height: 48px
}

[dir=ltr] #uniFrameHeader .header__level-2-right {
    float: right
}

[dir=rtl] #uniFrameHeader .header__level-2-right {
    float: left
}

[dir=ltr] #uniFrameHeader .header__nav-item-arrow-down .level-1__content {
    padding-right: 10px
}

[dir=rtl] #uniFrameHeader .header__nav-item-arrow-down .level-1__content {
    padding-left: 10px
}

[dir=ltr] #uniFrameHeader .header__nav-item-arrow-down .left {
    float: left
}

[dir=rtl] #uniFrameHeader .header__nav-item-arrow-down .left {
    float: right
}

#uniFrameHeader .header__nav-item-arrow-down .right {
    display: none
}

[dir=ltr] #uniFrameHeader .header__nav-item-arrow-down .right {
    float: right
}

[dir=rtl] #uniFrameHeader .header__nav-item-arrow-down .right {
    float: left
}

#uniFrameHeader .header-right .contract-wrap {
    position: relative
}

#uniFrameHeader .header-right .contract-wrap span:first-child {
    vertical-align: middle
}

[dir=ltr] #uniFrameHeader .header-right .contract-wrap span:first-child {
    margin-right: var(--size-4)
}

[dir=rtl] #uniFrameHeader .header-right .contract-wrap span:first-child {
    margin-left: var(--size-4)
}

#uniFrameHeader .header-right .contract-wrap span:nth-child(2) {
    cursor: pointer;
    display: inline-block;
    font-size: var(--size-14)
}

#uniFrameHeader .header-right .back-to-old {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: var(--size-14)
}

[dir=ltr] #uniFrameHeader .header-right .back-to-old {
    padding-right: var(--size-16)
}

[dir=rtl] #uniFrameHeader .header-right .back-to-old {
    padding-left: var(--size-16)
}

#uniFrameHeader .header-right .user-profile {
    align-items: center;
    display: flex;
    font-size: var(--size-14);
    font-weight: 600;
    height: var(--size-48);
    justify-content: center;
    line-height: var(--size-48);
    width: var(--size-48)
}

#uniFrameHeader .header-right .user-profile:hover {
    color: var(--brand-color-01)
}

#uniFrameHeader .header-right .user-profile .icon-profile {
    font-size: var(--size-20);
    font-weight: 700
}

#uniFrameHeader .user-profile-icon {
    border-radius: 50%;
    height: var(--size-28);
    position: relative;
    width: var(--size-28)
}

[dir=ltr] #uniFrameHeader .user-profile-icon {
    background: url(../fonts/b369a2d015314f2c8aa3ccd15ae27987.woff);
    stroke: var(--brand-color-01)
}

#uniFrameHeader .header-tag__dot {
    fill: var(--brand-color-01)
}

#uniFrameHeader .header-tag__content {
    align-items: center;
    background-color: var(--brand-color-03);
    border-bottom: 1px solid var(--brand-color-01);
    border-top: 1px solid var(--brand-color-01);
    color: var(--brand-color-01);
    display: inline-flex;
    font-size: var(--font-size-8);
    height: 12px;
    padding: 1px 4px;
    vertical-align: middle
}

[dir=ltr] #uniFrameHeader .header-tag__content {
    border-radius: 0 2px 2px 0;
    border-right: 1px solid var(--brand-color-01)
}

[dir=rtl] #uniFrameHeader .header-tag__content {
    border-left: 1px solid var(--brand-color-01);
    border-radius: 2px 0 0 2px
}

#uniFrameHeader .header-tag__content span {
    display: inline-block;
    height: 10px;
    line-height: 10px
}

#uniFrameHeader .header-tag__content span:lang(vi-VN) {
    line-height: 11px
}

#uniFrameHeader .header__return-reverse-bg {
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    margin: 12px 0;
    padding: var(--size-16)
}

#uniFrameHeader .header__return-reverse-item {
    margin-bottom: 20px
}

#uniFrameHeader .header__return-reverse-item:last-child {
    margin-bottom: 0
}

#uniFrameHeader .header__return-reverse-bg .by-checkbox {
    font-size: var(--font-size-14)
}

#uniFrameHeader .header__nav-item-backtoold {
    display: inline-block;
    font-size: var(--font-size-16)
}

#uniFrameHeader .header__return-reverse-title {
    line-height: var(--size-20)
}

#uniFrameHeader .header__return-reverse-item .by-checkbox {
    width: 100%
}

#uniFrameHeader .header-trade-wrapper {
    cursor: pointer;
    display: inline-block;
    padding: 0 16px;
    position: relative
}

#uniFrameHeader .header-trade-wrapper .header-trade-wrapper_inner {
    display: inline-flex;
    line-height: 48px
}

#uniFrameHeader .header-trade-wrapper .header_drop_down {
    background: #101014;
    border-radius: var(--size-0) var(--size-0) var(--size-8) var(--size-8);
    display: none;
    font-weight: 600;
    min-width: 320px;
    padding: 0;
    position: absolute;
    top: 48px;
    z-index: 9999
}

[dir=ltr] #uniFrameHeader .header-trade-wrapper .header_drop_down {
    left: 0
}

[dir=rtl] #uniFrameHeader .header-trade-wrapper .header_drop_down {
    right: 0
}

#uniFrameHeader .header-trade-wrapper:hover .header_drop_down {
    background: #101014;
    display: block
}

#uniFrameHeader .header-trade-wrapper .header-trade {
    color: #fff;
    font-size: var(--font-size-14);
    position: relative
}

#uniFrameHeader .header-trade-wrapper:hover {
    background: hsla(0, 0%, 100%, .06)
}

#uniFrameHeader .header-trade-wrapper:hover .icon-xia {
    color: var(--brand-color-01)
}

[dir=ltr] #uniFrameHeader .header-trade-wrapper:hover .icon-xia {
    transform: scale(.7) rotate(180deg)
}

[dir=rtl] #uniFrameHeader .header-trade-wrapper:hover .icon-xia {
    transform: scale(.7) rotate(-180deg)
}

#uniFrameHeader .header-trade-wrapper:hover .header-trade {
    color: var(--brand-color-01)
}

#uniFrameHeader .header-trade-wrapper .icon-xia {
    font-size: var(--font-size-12);
    position: relative;
    top: 1px;
    transform: scale(.7);
    transition: transform .15s linear;
    will-change: transform
}

[dir=ltr] #uniFrameHeader .header-trade-wrapper .icon-xia {
    left: 2px
}

[dir=rtl] #uniFrameHeader .header-trade-wrapper .icon-xia {
    right: 2px
}

#uniFrameHeader .right-drawer-wrapper__header {
    align-items: center;
    color: #fff;
    display: none;
    height: 48px;
    justify-content: center;
    width: 48px
}

[dir=ltr] #uniFrameHeader .right-drawer-wrapper__header {
    border-right: 1px solid #25262b
}

[dir=rtl] #uniFrameHeader .right-drawer-wrapper__header {
    border-left: 1px solid #25262b
}

@media screen and (max-width: 1280px) {
    #uniFrameHeader.header.header-adaptive .header_drop_down__promotions {
        display: none
    }
}

@media screen and (max-width: 1300px) {
    #uniFrameHeader .header-right .contract-wrap span:nth-child(2) {
        display: none
    }

    [dir=ltr] #uniFrameHeader .header__nav-item .header__nav-item-tip {
        left: calc(100% - 20px)
    }

    [dir=rtl] #uniFrameHeader .header__nav-item .header__nav-item-tip {
        right: calc(100% - 20px)
    }
}

#uniFrameHeader .by-dropdown-item__secondary--right::-webkit-scrollbar {
    background: transparent;
    height: 6px;
    width: 6px
}

#uniFrameHeader .by-dropdown-item__secondary--right::-webkit-scrollbar-thumb {
    background: #8b8c8f;
    border-radius: 16px
}

#uniFrameHeader .right-drawer-wrapper__header-link__text {
    position: relative
}

#uniFrameHeader .header-trade-wrapper .by-dropdown-item {
    background-color: var(--primary-color-02)
}

#uniFrameHeader .lang-selector-container {
    cursor: pointer
}

#uniFrameHeader .lang-selector-container:hover {
    background: hsla(0, 0%, 100%, .06)
}

#uniFrameHeader .by-dropdown-item__secondary--left--item.active .title-icon .icon-down, #uniFrameHeader .by-dropdown-item__secondary--left--item.active .title-icon .title, #uniFrameHeader .lang-selector-container:hover span {
    color: var(--brand-color-01)
}

.responsive-wrapper ~ div header#uniFrameHeader #HEADER-SIDEBAR .drawer-mask__setting.drawer-mask__fade-in-section--right, .responsive-wrapper ~ div header#uniFrameHeader #HEADER-SIDEBAR .drawer-mask__setting.drawer-mask__fade-in-section--top, .responsive-wrapper ~ div header#uniFrameHeader #algoliaSearchBar .search-content-container-mobile, .responsive-wrapper ~ header#uniFrameHeader #HEADER-SIDEBAR .drawer-mask__setting.drawer-mask__fade-in-section--right, .responsive-wrapper ~ header#uniFrameHeader #HEADER-SIDEBAR .drawer-mask__setting.drawer-mask__fade-in-section--top, .responsive-wrapper ~ header#uniFrameHeader #algoliaSearchBar .search-content-container-mobile, .responsive-wrapper ~ section header#uniFrameHeader #HEADER-SIDEBAR .drawer-mask__setting.drawer-mask__fade-in-section--right, .responsive-wrapper ~ section header#uniFrameHeader #HEADER-SIDEBAR .drawer-mask__setting.drawer-mask__fade-in-section--top, .responsive-wrapper ~ section header#uniFrameHeader #algoliaSearchBar .search-content-container-mobile {
    top: 64px !important
}

.responsive-wrapper ~ div header#uniFrameHeader #HEADER-SIDEBAR .drawer-mask__setting.drawer-mask__fade-in-section--right, .responsive-wrapper ~ header#uniFrameHeader #HEADER-SIDEBAR .drawer-mask__setting.drawer-mask__fade-in-section--right, .responsive-wrapper ~ section header#uniFrameHeader #HEADER-SIDEBAR .drawer-mask__setting.drawer-mask__fade-in-section--right {
    max-height: calc(100% - 64px)
}

@media screen and (min-width: 1024px) {
    .header_drop_down_item__assets, .header_drop_down_item__orders {
        display: none
    }
}

.header_drop_down__profile .by-popover__container {
    top: 42px !important
}

[dir=ltr] .header_drop_down__profile .by-popover__container {
    left: 65px !important
}

[dir=rtl] .header_drop_down__profile .by-popover__container {
    right: 65px !important
}

.by-uniframe-v2.by-dropdown__dropdown {
    background-color: unset
}

[dir=ltr] .by-uniframe-v2 .by-dropdown__dropdown .lang-selector__lang, [dir=ltr] .by-uniframe-v2.by-dropdown__dropdown .lang-selector__lang {
    padding-right: var(--size-16)
}

[dir=rtl] .by-uniframe-v2 .by-dropdown__dropdown .lang-selector__lang, [dir=rtl] .by-uniframe-v2.by-dropdown__dropdown .lang-selector__lang {
    padding-left: var(--size-16)
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down {
    background: unset;
    border-radius: var(--size-0) var(--size-0) var(--size-8) var(--size-8);
    font-weight: 600;
    padding: 0;
    width: 100%
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .header__dropdown-title, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .header__dropdown-title {
    color: #71757a;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 0 24px
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .header__dropdown-line, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .header__dropdown-line {
    border-top: 1px solid #202124;
    display: block;
    margin: 12px 0;
    width: 100%
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .by-dropdown-item, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .by-dropdown-item {
    color: var(--color-white);
    font-size: var(--size-14)
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .by-dropdown-item a, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .by-dropdown-item a {
    color: var(--color-white);
    font-size: var(--size-14);
    font-weight: 500
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .by-dropdown-item a:hover, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .by-dropdown-item a:hover {
    color: var(--brand-color-01)
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .by-dropdown-item--selected, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .by-dropdown-item--selected {
    background: none
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .by-dropdown-item--selected.by-dropdown-item--xx-large div span, .by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .by-dropdown-item--selected.by-dropdown-item--xx-large:hover div span, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .by-dropdown-item--selected.by-dropdown-item--xx-large div span, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .by-dropdown-item--selected.by-dropdown-item--xx-large:hover div span {
    color: var(--brand-color-01)
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .by-dropdown-item:hover, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .by-dropdown-item:hover {
    background: hsla(0, 0%, 100%, .06);
    border-radius: 4px;
    color: var(--brand-color-01)
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .header__dropdown-content .by-dropdown-item:hover, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .header__dropdown-content .by-dropdown-item:hover {
    color: hsla(0, 0%, 100%, .8)
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .header__dropdown-sub-content .by-dropdown-item, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .header__dropdown-sub-content .by-dropdown-item {
    color: var(--color-white)
}

.by-uniframe-v2 .by-dropdown__dropdown.header_drop_down .header__dropdown-sub-content .by-dropdown-item:hover, .by-uniframe-v2.by-dropdown__dropdown.header_drop_down .header__dropdown-sub-content .by-dropdown-item:hover {
    background: none
}

.by-uniframe-v2 .by-dropdown__dropdown.assets-dropdown .by-dropdown-item, .by-uniframe-v2.by-dropdown__dropdown.assets-dropdown .by-dropdown-item {
    padding: var(--size-0) var(--size-24)
}

.by-uniframe-v2 .by-popover__container {
    background-color: unset !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, .4) !important
}

@keyframes dropdownShowAnimation {
    0% {
        opacity: .2
    }
    to {
        opacity: 1
    }
}

.by-uniframe-v2 .header_dropdown_common_animation {
    animation: dropdownShowAnimation .25s ease-in
}

.by-uniframe-v2 .header_dropdown_common_scrollbar::-webkit-scrollbar {
    background: transparent;
    height: 6px;
    width: 6px
}

.by-uniframe-v2 .header_dropdown_common_scrollbar::-webkit-scrollbar-thumb {
    background: #8b8c8f;
    border-radius: 16px
}

.by-uniframe-v2 .header_nav_backdrop_second, .by-uniframe-v2 .header_nav_dropdown_second_menu_container {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(21, 23, 25, .9) !important
}

.by-uniframe-v2 .header_nav_dropdown_second_menu_container {
    animation: dropdownShowAnimation .25s ease-in;
    border-radius: 0 0 8px 8px;
    max-height: calc(95vh - 48px);
    overflow-y: auto;
    padding: 12px 12px 16px;
    width: 308px
}

[dir=ltr] .by-uniframe-v2 .header_nav_dropdown_second_menu_container.has-children {
    border-radius: 0 0 0 8px
}

[dir=rtl] .by-uniframe-v2 .header_nav_dropdown_second_menu_container.has-children {
    border-radius: 0 0 8px 0
}

.by-uniframe-v2 .header_nav_dropdown_second_menu_container::-webkit-scrollbar {
    background: transparent;
    height: 6px;
    width: 6px
}

.by-uniframe-v2 .header_nav_dropdown_second_menu_container::-webkit-scrollbar-thumb {
    background: #8b8c8f;
    border-radius: 16px
}

.by-uniframe-v2 .header__nav__third_menu_container {
    animation: dropdownShowAnimation .25s ease-in;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(30, 32, 35, .85) !important
}

.by-uniframe-v2 .right-dropdown-container {
    border-radius: var(--size-0) var(--size-0) var(--size-8) var(--size-8)
}

.by-uniframe-v2 .right-dropdown-container .header__nav__secondary-link {
    padding: 12px 24px 16px !important
}

.by-uniframe-v2 .assets-dropdown, .by-uniframe-v2 .header_drop_down_more_second, .by-uniframe-v2 .more_dropdown_new, .by-uniframe-v2 .right-dropdown-container {
    animation: dropdownShowAnimation .25s ease-in;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(21, 23, 25, .9) !important;
    max-height: calc(95vh - 48px);
    overflow-y: auto
}

.by-uniframe-v2 .assets-dropdown::-webkit-scrollbar, .by-uniframe-v2 .header_drop_down_more_second::-webkit-scrollbar, .by-uniframe-v2 .more_dropdown_new::-webkit-scrollbar, .by-uniframe-v2 .right-dropdown-container::-webkit-scrollbar {
    background: transparent;
    height: 6px;
    width: 6px
}

.by-uniframe-v2 .assets-dropdown::-webkit-scrollbar-thumb, .by-uniframe-v2 .header_drop_down_more_second::-webkit-scrollbar-thumb, .by-uniframe-v2 .more_dropdown_new::-webkit-scrollbar-thumb, .by-uniframe-v2 .right-dropdown-container::-webkit-scrollbar-thumb {
    background: #8b8c8f;
    border-radius: 16px
}

.by-uniframe-v2 .header_drop_down__trade-new_left {
    animation: dropdownShowAnimation .25s ease-in;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(21, 23, 25, .9) !important;
    max-height: calc(85vh - 48px);
    overflow-y: auto
}

.by-uniframe-v2 .header_drop_down__trade-new_left::-webkit-scrollbar {
    background: transparent;
    height: 6px;
    width: 6px
}

.by-uniframe-v2 .header_drop_down__trade-new_left::-webkit-scrollbar-thumb {
    background: #8b8c8f;
    border-radius: 16px
}

.by-uniframe-v2.header-notice-popover .header_notice-content {
    animation: dropdownShowAnimation .25s ease-in;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(21, 23, 25, .9) !important
}

.header__dropdown-content .by-dropdown-item {
    padding: 0
}

.header_drop_down_lang {
    min-width: 128px !important
}

.by-dropdown-item__secondary {
    display: flex;
    min-height: 260px
}

.by-dropdown-item__secondary--left--item {
    border-radius: 5px;
    height: 74px;
    padding: 20px 0 0
}

.by-dropdown-item__secondary--left--item.active {
    background: hsla(0, 0%, 100%, .06)
}

.by-dropdown-item__secondary--left--item.active .title-icon .title {
    color: var(--brand-color-01)
}

.by-dropdown-item__secondary--right--item-wrap {
    align-items: center;
    display: flex;
    margin: 0 12px
}

[dir=ltr] .by-dropdown-item__secondary--right--item-wrap {
    padding: 16px 24px 16px 20px
}

[dir=rtl] .by-dropdown-item__secondary--right--item-wrap {
    padding: 16px 20px 16px 24px
}

.by-dropdown-item__secondary--right--item-wrap:first-child {
    margin-top: 12px
}

.by-dropdown-item__secondary--right--item-wrap:last-child {
    margin-bottom: 12px
}

.by-dropdown-item__secondary--right--item-wrap .by-dropdown-item__secondary--right--item-inner {
    flex: 1
}

[dir=ltr] .by-dropdown-item__secondary--right--item-wrap .by-dropdown-item__secondary--right--item-inner {
    padding-left: 12px
}

[dir=rtl] .by-dropdown-item__secondary--right--item-wrap .by-dropdown-item__secondary--right--item-inner {
    padding-right: 12px
}

.by-dropdown-item__secondary--right--item-wrap .by-dropdown-item__secondary--right--item-icon img {
    height: 24px;
    width: 24px
}

.by-dropdown-item__secondary--right--item-wrap .icon-arrow {
    transition: transform .2s linear;
    visibility: hidden
}

[dir=ltr] .by-dropdown-item__secondary--right--item-wrap .icon-arrow {
    transform: rotate(-90deg)
}

[dir=rtl] .by-dropdown-item__secondary--right--item-wrap .icon-arrow {
    transform: rotate(90deg)
}

.by-dropdown-item__secondary--right--item-wrap:hover {
    background: hsla(0, 0%, 100%, .06);
    border-radius: 4px
}

.by-dropdown-item__secondary--right--item-wrap:hover .icon-arrow {
    visibility: visible
}

[dir=ltr] .by-dropdown-item__secondary--right--item-wrap:hover .icon-arrow {
    transform: rotate(-90deg) translateY(4px)
}

[dir=rtl] .by-dropdown-item__secondary--right--item-wrap:hover .icon-arrow {
    transform: rotate(90deg) translateY(4px)
}

.by-dropdown-item__secondary--right--item-wrap .by-dropdown-item__secondary--right--item-desc {
    color: hsla(0, 0%, 100%, .65);
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px
}

.by-dropdown-item__secondary--left--item.active .title-icon .icon-down {
    color: var(--brand-color-01)
}

.by-dropdown-item__secondary--left--item .title-icon {
    display: flex;
    justify-content: space-between;
    white-space: nowrap
}

.by-dropdown-item__secondary--right {
    background: hsla(0, 0%, 100%, .06);
    color: var(--color-white);
    font-weight: 600;
    min-width: 300px;
    overflow-y: auto;
    white-space: nowrap
}

.by-dropdown-item__secondary--right--item {
    font-size: var(--size-14)
}

.by-dropdown-item__next-symbol, .by-dropdown-item__next-symbol-new {
    position: relative
}

.by-dropdown-item__secondary--right .by-dropdown-item__next-symbol span {
    display: none
}

.by-dropdown-item__secondary--right .by-dropdown-item__next-symbol-new span {
    color: var(--brand-color-01);
    display: block;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    top: -8px;
    transform: scale(.65)
}

[dir=ltr] .by-dropdown-item__secondary--right .by-dropdown-item__next-symbol-new span {
    right: -24px
}

[dir=rtl] .by-dropdown-item__secondary--right .by-dropdown-item__next-symbol-new span {
    left: -24px
}

#by-chat-widget-button.unactive {
    display: none
}

.header_drop_down_item__user_info-wrapper {
    padding: 0 24px;
    position: relative
}

.header_drop_down_item__user_info {
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 0 0 16px;
    position: relative;
    z-index: 1
}

.header_drop_down_item__user_info_avatar {
    border-radius: 50%;
    flex-shrink: 0;
    height: 40px;
    position: relative;
    width: 40px
}

.header_drop_down_item__user_info_avatar img {
    bottom: 0;
    position: absolute;
    width: 16px
}

[dir=ltr] .header_drop_down_item__user_info_avatar img {
    right: 0
}

[dir=rtl] .header_drop_down_item__user_info_avatar img {
    left: 0
}

.header_drop_down_item__user_info_inner_wrapper {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    overflow: hidden;
    width: 100%
}

.header_drop_down_item__user_info_username {
    align-items: center;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 4px;
    line-height: 22px;
    position: relative;
    row-gap: 4px
}

.header_drop_down_item__user_info_username:hover {
    color: var(--brand-color-01)
}

.header_drop_down_item__user_info_username img {
    width: var(--size-24)
}

.header_drop_down_item__user_info_id {
    font-size: 16px;
    font-weight: 400;
    height: 16px;
    line-height: 100%;
    margin-top: 8px
}

.header_drop_down_item__loyalty {
    display: block;
    height: 48px;
    min-width: 221px;
    position: relative;
    z-index: 1
}

.header_drop_down_item__loyalty.is_submember {
    cursor: auto
}

.header_drop_down_item__loyalty_wrapper {
    align-items: center;
    color: var(--color-white);
    display: flex;
    height: 100%;
    justify-content: space-between
}

[dir=ltr] .header_drop_down_item__loyalty_wrapper {
    margin-left: var(--size-48);
    padding: 0 var(--size-14) 0 var(--size-8)
}

[dir=rtl] .header_drop_down_item__loyalty_wrapper {
    margin-right: var(--size-48);
    padding: 0 var(--size-8) 0 var(--size-14)
}

[dir=rtl] .header_drop_down_item__vip_wrapper img {
    transform: rotateY(180deg)
}

.header_drop_down_item__vip_wrapper {
    border-radius: 8px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative
}

.header_drop_down_item__vip_wrapper .header_drop_down_item__vip_bg {
    height: 76px;
    width: 100%
}

.header_drop_down_item__vip_wrapper .header_drop_down_item__vip_logo {
    position: absolute;
    top: 0
}

[dir=ltr] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_logo {
    left: 16px
}

[dir=rtl] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_logo {
    right: 16px
}

.header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint {
    position: absolute;
    top: 12px
}

[dir=ltr] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint {
    left: 70px
}

[dir=rtl] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint {
    right: 70px
}

.header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint_title {
    align-items: center;
    color: #121214;
    color: var(--gray-tt-1-title, #121214);
    display: flex;
    font-family: IBM Plex Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px
}

[dir=ltr] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint_title {
    text-align: left
}

[dir=rtl] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint_title {
    text-align: right
}

.header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint_tag {
    align-items: center;
    border-radius: 4px;
    color: #121214;
    display: flex;
    flex-direction: column;
    font-size: 10px;
    height: 14px;
    justify-content: center;
    padding: 0 4px
}

[dir=ltr] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint_tag {
    background: linear-gradient(90deg, #c7ab7f, #a2865b);
    margin-left: 4px
}

[dir=rtl] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint_tag {
    background: linear-gradient(-90deg, #c7ab7f, #a2865b);
    margin-right: 4px
}

.header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint_desc {
    color: #81858c;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

[dir=ltr] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint_desc {
    text-align: left
}

[dir=rtl] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_hint_desc {
    text-align: right
}

.header_drop_down_item__vip_wrapper .header_drop_down_item__vip_arrow {
    position: absolute;
    top: 18px
}

[dir=ltr] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_arrow {
    left: 233px
}

[dir=rtl] .header_drop_down_item__vip_wrapper .header_drop_down_item__vip_arrow {
    right: 233px
}

.header_drop_down_item__vip_wrapper:after {
    animation-iteration-count: infinite;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 30%
}

[dir=ltr] .header_drop_down_item__vip_wrapper:after {
    animation: bling-bling-ltr 3s ease 0s;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, 0));
    left: -100%;
    transform: skewX(-45deg)
}

[dir=rtl] .header_drop_down_item__vip_wrapper:after {
    animation: bling-bling-rtl 3s ease 0s;
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, 0));
    right: -100%;
    transform: skewX(45deg)
}

.header_drop_down_item__vip_cover {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

[dir=ltr] .header_drop_down_item__vip_cover {
    left: 0
}

[dir=rtl] .header_drop_down_item__vip_cover {
    right: 0
}

.header_drop_down_item__loyalty_content {
    align-items: flex-end;
    display: flex;
    z-index: 1
}

.header_drop_down_item__loyalty_content.loyalty0, .header_drop_down_item__loyalty_content.loyalty1, .header_drop_down_item__loyalty_content.loyalty2, .header_drop_down_item__loyalty_content.loyalty3, .header_drop_down_item__loyalty_content.loyalty4, .header_drop_down_item__loyalty_content.loyalty5, .header_drop_down_item__loyalty_content.loyalty6 {
    color: #333
}

.header_drop_down_item__user_info_id {
    color: var(--gray-06);
    font-size: var(--font-size-14)
}

.header_drop_down_item__loyalty_content-level {
    font-size: 20px;
    font-style: italic
}

[dir=ltr] .header_drop_down_item__loyalty_content-level {
    margin-right: var(--size-8)
}

[dir=rtl] .header_drop_down_item__loyalty_content-level {
    margin-left: var(--size-8)
}

.header_drop_down_item__loyalty_arrow {
    height: 20px;
    width: 20px;
    z-index: 1
}

.header_drop_down_item__loyalty_image {
    position: absolute;
    top: 0;
    transform: scale(.5)
}

[dir=ltr] .header_drop_down_item__loyalty_image {
    left: 0;
    transform-origin: 0 0
}

[dir=rtl] .header_drop_down_item__loyalty_image {
    right: 0;
    transform-origin: 100% 0
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags {
    background: #323337;
    border-bottom: 1px solid hsla(0, 0%, 100%, .12);
    display: flex;
    font-weight: 600;
    height: 38px;
    justify-content: flex-start;
    position: sticky;
    top: 0;
    z-index: 1
}

[dir=ltr] .by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags {
    padding-right: 12px
}

[dir=rtl] .by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags {
    padding-left: 12px
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags::-webkit-scrollbar {
    display: none;
    height: 0;
    overflow: -moz-scrollbars-none
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags + .by-dropdown-item__secondary--right--item-wrap {
    margin-top: 12px
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags > span {
    display: inline-block;
    font-size: var(--size-12);
    margin: 0 var(--size-8);
    text-align: center
}

[dir=ltr] .by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags > span:not(:last-child) {
    margin-right: 4px
}

[dir=rtl] .by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags > span:not(:last-child) {
    margin-left: 4px
}

[dir=ltr] .by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags > span:first-child {
    margin-left: 16px
}

[dir=rtl] .by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags > span:first-child {
    margin-right: 16px
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags .by-dropdown-item__secondary--right--tag--inner {
    align-items: center;
    display: inline-flex;
    height: 100%;
    padding: var(--size-12) 0;
    position: relative;
    text-align: center
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags .by-dropdown-item__secondary--right--tag--inner:before {
    background: var(--brand-color-01);
    border-radius: var(--size-12);
    bottom: 0;
    content: "";
    display: none;
    height: 3px;
    position: absolute;
    transform: scaleY(.67);
    width: 100%
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tags > .by-dropdown-item__secondary--right--active-tag .by-dropdown-item__secondary--right--tag--inner:before {
    display: block
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tag-wrap {
    height: calc(100% - 38px);
    overflow-y: auto
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tag-wrap.by-dropdown-item__secondary--right--tag-wrap-over-height {
    height: calc(100% - 68px)
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tag-wrap::-webkit-scrollbar {
    background: transparent;
    height: 6px;
    width: 6px
}

.by-dropdown-item__secondary--right .by-dropdown-item__secondary--right--tag-wrap::-webkit-scrollbar-thumb {
    background: #8b8c8f;
    border-radius: 16px
}

.by-uniframe-v2 em, .by-uniframe-v2 i {
    font-style: normal
}

.by-uniframe-v2 a {
    text-decoration: none
}

.by-uniframe-v2 .header__nav-item-tip {
    border-radius: 4px;
    color: #101014;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 2px 4px;
    transform: scale(.8);
    -moz-transform: scale(.8)
}

[dir=ltr] .by-uniframe-v2 .header__nav-item-tip {
    background: linear-gradient(109.03deg, #ffb11a -.46%, #f49225 103.1%);
    margin-left: 2px
}

[dir=rtl] .by-uniframe-v2 .header__nav-item-tip {
    background: linear-gradient(-109.03deg, #ffb11a -.46%, #f49225 103.1%);
    margin-right: 2px
}

[dir=ltr] .by-uniframe-v2 .by-dropdown-item .header__nav-item-tip, [dir=ltr] .by-uniframe-v2.header .by-dropdown-item .header__nav-item-tip {
    left: auto
}

[dir=rtl] .by-uniframe-v2 .by-dropdown-item .header__nav-item-tip, [dir=rtl] .by-uniframe-v2.header .by-dropdown-item .header__nav-item-tip {
    right: auto
}

@keyframes bling-bling-ltr {
    0% {
        left: -280%
    }
    to {
        left: 200%
    }
}

@keyframes bling-bling-rtl {
    0% {
        right: -280%
    }
    to {
        right: 200%
    }
}

.has-download-guide #uniframe-ada-bot-handle {
    bottom: 72px !important
}