html[data-from=app] .sidebar_activityKoGift__rMrZy,
html[data-from=app] .sidebar_draggable-wrapper__38Xbz,
html[data-from=app] .sidebar_gift__MhLeX,
html[data-from=app] .sidebar_onlineChat__iq_hx,
html[data-from=app] .sidebar_wrapper__LNgtQ {
    display: none
}

.sidebar_wrapper__LNgtQ {
    --icon-size: 30px;
    --btn-width: 62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.sidebar_wrapper__LNgtQ .iconfont {
    font-size: 24px
}

.sidebar_tooltipOverlay__oVVJE>div {
    width: -moz-fit-content;
    width: fit-content
}

.sidebar_floatWrapper__SOb5e {
    position: absolute;
    z-index: 106;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    box-sizing: initial;
    transition: width .3s ease-in-out
}

.sidebar_floatWrapper__SOb5e .sidebar_btn__5nhuP {
    display: none;
    border: 1px solid var(--border-secondary)
}

@media(max-width:760px) {
    .sidebar_floatWrapper__SOb5e {
        position: relative;
        left: 0 !important;
        right: inherit !important;
        bottom: inherit !important
    }
}

@media(min-width:760px) {

    .sidebar_floatWrapper__SOb5e.sidebar_expandWrapper__4TpDm,
    .sidebar_floatWrapper__SOb5e:hover {
        right: 0;
        border-radius: 35px;
        background-color: var(--fill-elevation-higher);
        border: 1px solid var(--divider-primary);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .08)
    }

    .sidebar_floatWrapper__SOb5e.sidebar_expandWrapper__4TpDm>*+*,
    .sidebar_floatWrapper__SOb5e:hover>*+* {
        -webkit-margin-start: 16px;
        margin-inline-start: 16px
    }

    .sidebar_floatWrapper__SOb5e.sidebar_expandWrapper__4TpDm .sidebar_btn__5nhuP,
    .sidebar_floatWrapper__SOb5e:hover .sidebar_btn__5nhuP {
        display: flex
    }

    .sidebar_floatWrapper__SOb5e.sidebar_expandWrapper__4TpDm .sidebar_more__AJ7D9,
    .sidebar_floatWrapper__SOb5e:hover .sidebar_more__AJ7D9 {
        display: none
    }
}

.sidebar_floatWrapper__SOb5e.sidebar_customerHotlineEnabled__6M8uL {
    --mx-sidebar-width: 300px
}

.sidebar_exchangeWrapper__K88S2 {
    --icon-size: 20px;
    --btn-width: 40px;
    width: 100%;
    padding-top: 8px
}

.sidebar_exchangeWrapper__K88S2 .sidebar_btn__5nhuP {
    margin-top: 3px;
    margin-bottom: 3px;
    color: var(--primary-text)
}

.sidebar_exchangeWrapper__K88S2 .sidebar_btn__5nhuP:hover {
    background-color: var(--bg-2);
    color: var(--title)
}

.sidebar_onlineChat__iq_hx,
.sidebar_toTop__ocJY_ {
    --icon-size: 30px;
    --btn-width: 62px
}

.sidebar_btn__5nhuP {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-in;
    cursor: pointer;
    color: var(--icon-primary);
    --clay-blue: #1765ff
}

.sidebar_btn__5nhuP.sidebar_toTop__ocJY_ {
    border: 1px solid var(--border-secondary);
    background-color: var(--fill-elevation-higher);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .08)
}

.sidebar_btn__5nhuP.sidebar_toTop__ocJY_ .iconfont {
    font-size: 24px
}

.sidebar_btn__5nhuP:hover,
.sidebar_btn__5nhuP:hover .sidebar_btn__5nhuP,
.sidebar_btn__5nhuP:hover .sidebar_iconfont__N6XxO {
    color: var(--clay-blue)
}

.sidebar_btn__5nhuP.sidebar_loadErr__QQiuG {
    cursor: not-allowed;
    display: none !important
}

.sidebar_btn__5nhuP.sidebar_onlineChat__iq_hx {
    display: none
}

.sidebar_qrcodeWrapper__zwUDv {
    width: 240px;
    height: 240px;
    padding: 16px;
    border-radius: 12px;
    color: #fff;
    background-color: var(--primary-base)
}

.sidebar_qrcodeWrapper__zwUDv .sidebar_desc__I_dcs {
    text-align: center
}

.sidebar_qrcodeWrapper__zwUDv .sidebar_qrcode__o7963 {
    width: 150px;
    height: 150px;
    padding: 4px;
    border-radius: 4px;
    margin: 10px auto;
    overflow: hidden;
    background-color: #fff
}

.sidebar_qrcodeWrapper__zwUDv .sidebar_qrcode__o7963 img {
    width: 100%
}

.sidebar_api__ga_lG {
    font-size: 12px;
    font-weight: 500
}

.sidebar_more__AJ7D9 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--border-secondary);
    background-color: var(--fill-elevation-higher);
    height: 48px;
    width: 48px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .08)
}

.sidebar_activityKoGift__rMrZy {
    position: fixed;
    right: 28px;
    bottom: 234px;
    cursor: pointer
}

.sidebar_activityKoGift__rMrZy img {
    width: 120px
}

.sidebar_hangWindow__Bu_tW {
    position: fixed;
    right: 16px;
    bottom: 150px;
    display: flex;
    cursor: pointer;
    z-index: 103;
    transition: right .3s ease-in-out, left .3s ease-in-out, bottom .3s ease-in
}

.sidebar_hangWindow__Bu_tW .sidebar_closeBtn__sJkdI {
    color: var(--icon-quarternary);
    font-size: 24px;
    position: absolute;
    right: -10px;
    top: -36px
}

.sidebar_hangWindow__Bu_tW .sidebar_redDot__qkuzW {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fe445c
}

.sidebar_hangWindow__Bu_tW img {
    max-width: 96px;
    max-height: 96px
}

@media(max-width:760px) {
    .sidebar_hangWindow__Bu_tW {
        right: 15px
    }

    .sidebar_hangWindow__Bu_tW img {
        max-width: 64px;
        max-height: 64px
    }
}

.sidebar_customerHotlineWrapper__5f68V {
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding: 5px 0
}

.sidebar_customerHotlineWrapper__5f68V p {
    margin: 0;
    text-align: start
}

.sidebar_customerHotlineWrapper__5f68V>p:first-child {
    font-weight: 700
}

.sidebar_customerHotlineWrapper--rtl__EIST8 {
    text-align: right
}

.sidebar_customerHotlineWrapper__5f68V .sidebar_tels__j3wat {
    display: flex;
    justify-content: flex-start
}

.sidebar_customerHotlineWrapper__5f68V .sidebar_last__jwj71 {
    white-space: break-spaces;
    word-break: break-all
}

@media(max-width:760px) {

    .sidebar_btn__5nhuP.sidebar_toTop__ocJY_,
    .sidebar_gift__MhLeX {
        display: none
    }

    .sidebar_wrapper__LNgtQ {
        display: flex;
        bottom: 98px;
        right: 15px;
        --btn-width: 40px
    }

    .sidebar_btn__5nhuP.sidebar_onlineChat__iq_hx {
        display: flex;
        position: fixed;
        z-index: 10;
        bottom: 32px;
        right: 20px;
        width: 44px;
        height: 44px;
        background-color: var(--primary-base);
        color: var(--text-button);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .08)
    }

    .sidebar_btn__5nhuP.sidebar_onlineChat__iq_hx>i {
        font-size: 24px
    }
}

.sidebar_widget__K6Dex .sidebar_widgetWithHangWindowCloseable__nVpa9 {
    bottom: calc(406px + env(safe-area-inset-bottom)) !important
}

.sidebar_widget__K6Dex .sidebar_widgetWithHangWindow__5LECx {
    bottom: calc(380px + env(safe-area-inset-bottom)) !important
}

.sidebar_widget__K6Dex .sidebar_widgetWithoutHangWindow__2XOMx {
    bottom: calc(254px + env(safe-area-inset-bottom)) !important
}

@media(max-width:767px) {
    .sidebar_widget__K6Dex .sidebar_widgetWithHangWindowCloseable__nVpa9 {
        bottom: calc(296px + env(safe-area-inset-bottom)) !important
    }

    .sidebar_widget__K6Dex .sidebar_widgetWithHangWindow__5LECx {
        bottom: calc(280px + env(safe-area-inset-bottom)) !important
    }

    .sidebar_widget__K6Dex .sidebar_widgetWithoutHangWindow__2XOMx {
        bottom: calc(180px + env(safe-area-inset-bottom)) !important
    }

    .sidebar_hangWindowScrolling__wwdIQ {
        right: -44px !important
    }
}

html[dir=rtl] .sidebar_floatWrapper__SOb5e {
    left: 16px;
    right: auto
}

@media(max-width:760px) {
    html[dir=rtl] .sidebar_floatWrapper__SOb5e {
        position: relative;
        left: auto !important;
        right: auto !important;
        bottom: inherit !important
    }
}

html[dir=rtl] .sidebar_hangWindow__Bu_tW {
    left: 16px;
    right: auto
}

@media(max-width:767px) {
    html[dir=rtl] .sidebar_hangWindowScrolling__wwdIQ {
        left: -44px !important;
        right: unset !important
    }
}

.sidebar_marketsWidget__pqYsQ {
    --activity-adv-widget-right: 20px
}