@charset "UTF-8";

._remote-online-chat-v2-richTextRender_1kpwk_2 {
    position: relative;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    color: var(--content-primary)
}

._remote-online-chat-v2-richTextRender_1kpwk_2 p {
    margin: 0
}

._remote-online-chat-v2-richTextRender_1kpwk_2 img {
    max-width: 100%
}

._remote-online-chat-v2-richTextRender_1kpwk_2 video {
    max-width: 100%;
    max-height: 300px
}

._remote-online-chat-v2-richTextRender_1kpwk_2 ol {
    counter-reset: list-0;
    margin: 0;
    padding: 0
}

._remote-online-chat-v2-richTextRender_1kpwk_2 li[data-list=ordered]>span:first-child:before {
    content: counter(list-0, decimal) ". ";
    counter-increment: list-0
}

._remote-online-chat-v2-richTextRender_1kpwk_2 li[data-list=bullet]>span:first-child:before {
    content: "•"
}

._remote-online-chat-v2-richTextRender_1kpwk_2 li {
    list-style-type: none;
    position: relative
}

._remote-online-chat-v2-richTextRender_1kpwk_2 li>span:first-child:before {
    display: inline-block;
    white-space: nowrap;
    width: 16px
}

._remote-online-chat-v2-richTextRender_1kpwk_2 a span {
    text-decoration: underline;
    word-break: break-all
}

._remote-online-chat-v2-richTextRender_1kpwk_2 a span:hover {
    text-decoration: underline
}

._remote-online-chat-v2-richTextRender_1kpwk_2 ._image_1kpwk_46,
._remote-online-chat-v2-richTextRender_1kpwk_2 .ant-image {
    width: 100%
}

._remote-online-chat-v2-popup-container_n4scn_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-style: normal
}

._remote-online-chat-v2-popup-container_n4scn_1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-mask)
}

._remote-online-chat-v2-popup-container_n4scn_1._fadeIn_n4scn_19:before {
    animation: _remote-online-chat-v2-popup-fadeIn_n4scn_1 .3s ease-out forwards
}

._remote-online-chat-v2-popup-container_n4scn_1._fadeOut_n4scn_22:before {
    animation: _remote-online-chat-v2-popup-fadeOut_n4scn_1 .3s ease-out forwards
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--bg-modal);
    border-radius: 8px 8px 0 0;
    transition: transform .2s ease-out
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25._slideIn_n4scn_34 {
    animation: _remote-online-chat-v2-popup-slideIn_n4scn_1 .3s ease-out forwards
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25._h5Mode_n4scn_37 {
    border-radius: 16px 16px 0 0
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25._slideOut_n4scn_40 {
    animation: _remote-online-chat-v2-popup-slideOut_n4scn_1 .3s ease-out forwards
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25 ._popupHeader_n4scn_43 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 24px;
    font-weight: 600;
    position: relative
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25 ._popupHeader_n4scn_43._h5Header_n4scn_51 {
    padding-top: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25 ._popupHeader_n4scn_43 ._dragLine_n4scn_57 {
    width: 40px;
    height: 4px;
    background-color: var(--line-strong);
    border-radius: 2px;
    margin-bottom: 12px
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25 ._popupHeader_n4scn_43 ._title_n4scn_64 {
    flex: 1;
    word-break: break-word;
    color: var(--content-primary)
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25 ._popupHeader_n4scn_43 ._closeIcon_n4scn_69 {
    margin-inline-start: 24px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    color: var(--icon-tertiary);
    font-size: var(--font-size-sm)
}

._remote-online-chat-v2-popup-container_n4scn_1 ._popup_n4scn_25 ._headerBottomLine_n4scn_77 {
    border-bottom: 1px solid var(--divider-modal)
}

@keyframes _remote-online-chat-v2-popup-fadeIn_n4scn_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _remote-online-chat-v2-popup-fadeOut_n4scn_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _remote-online-chat-v2-popup-slideIn_n4scn_1 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes _remote-online-chat-v2-popup-slideOut_n4scn_1 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

._remote-online-chat-v2-emergency-notice_271lp_1 {
    display: flex;
    flex-direction: column;
    padding: 16px
}

._remote-online-chat-v2-emergency-notice_271lp_1 ._content_271lp_6 {
    margin-bottom: 16px;
    max-height: 288px;
    overflow-y: scroll
}

._remote-online-chat-v2-emergency-notice_271lp_1 ._content_271lp_6::-webkit-scrollbar {
    width: 6px
}

._remote-online-chat-v2-emergency-notice_271lp_1 ._content_271lp_6::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 10px
}

._remote-online-chat-v2-emergency-notice_271lp_1 ._content_271lp_6::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px
}

._remote-online-chat-v2-emergency-notice_271lp_1 ._footer_271lp_22 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 8px 0
}

._remote-online-chat-v2-emergency-notice_271lp_1 ._footer_271lp_22 button {
    flex: 1
}

._remote-online-chat-v2-emergency-notice_271lp_1 ._footer_271lp_22 button:first-child {
    margin-inline-end: 12px
}

._remote-online-chat-v2-emergency-notice-popup-content_271lp_36 {
    top: 50% !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
    width: calc(100% - 70px) !important;
    transform: translateY(-50%) !important;
    border-radius: 8px !important;
    animation: none !important
}

._likeOutLinedIcon_n0g76_1 {
    color: var(--content-primary)
}

._likeFilledIcon_n0g76_5 {
    color: var(--brand-default)
}

._remote-online-chat-v2-leave-chat_fqe56_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 16px 24px
}

._remote-online-chat-v2-leave-chat_fqe56_1 ._content_fqe56_8 {
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--content-primary)
}

._remote-online-chat-v2-leave-chat_fqe56_1 ._content_fqe56_8 ._title_fqe56_16 {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600
}

._remote-online-chat-v2-leave-chat_fqe56_1 ._content_fqe56_8 ._description_fqe56_21 {
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

._remote-online-chat-v2-leave-chat_fqe56_1 ._footer_fqe56_26 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 16px 8px 0
}

._remote-online-chat-v2-leave-chat_fqe56_1 ._footer_fqe56_26 button {
    width: 100%
}

._remote-online-chat-v2-leave-chat_fqe56_1 ._footer_fqe56_26 button:first-child {
    margin-bottom: 12px
}

._remote-online-chat-v2-guestLoginContainer_1y4cz_1 {
    padding: 16px 24px 24px
}

._remote-online-chat-v2-guestLoginContainer_1y4cz_1 .ant-form-item-label {
    display: flex
}

._remote-online-chat-v2-guestLoginContainer_1y4cz_1 ._loginButtonContainer_1y4cz_7 {
    display: flex;
    flex-flow: column nowrap
}

._remote-online-chat-v2-unLoginContainer_1y4cz_12 {
    display: flex;
    flex-flow: column nowrap;
    padding: 16px 24px 24px
}

._remote-online-chat-v2-unLoginContainer_1y4cz_12 ._mainSiteLoginButton_1y4cz_17 {
    margin-bottom: 16px
}

._remote-online-chat-v2-unLoginContainer_1y4cz_12 ._guestLoginButton_1y4cz_20 {
    background-color: var(--brand-container);
    color: var(--brand-default)
}

@keyframes _slideUp_1y4cz_1 {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideDown_1y4cz_1 {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(100%);
        opacity: 0
    }
}

._recent-orders-popup-wrapper_fm8yl_1 {
    height: 85%;
    display: flex;
    flex-direction: column
}

._recent-orders-popup-wrapper_fm8yl_1 ._recent-orders-popup-container_fm8yl_6 {
    height: calc(100% - 57px)
}

._recent-orders-popup-wrapper_fm8yl_1 ._recent-orders-popup-header_fm8yl_9 {
    padding-left: 16px !important
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 16px 16px;
    padding-inline-end: 8px
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 ._content_fm8yl_20 {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 ._content_fm8yl_20::-webkit-scrollbar {
    width: 6px
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 ._content_fm8yl_20::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 10px
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 ._content_fm8yl_20::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 ._content_fm8yl_20 ._orderList_fm8yl_36 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-inline-end: 8px
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 ._content_fm8yl_20 ._empty_fm8yl_42 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80px 75px 68px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 20px
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 ._content_fm8yl_20 ._empty_fm8yl_42 ._emptyIcon_fm8yl_52 {
    font-size: 86px;
    margin-bottom: 24px
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 ._orderCardWrapper_fm8yl_56 {
    padding: 12px;
    background-color: var(--bg-l2);
    border: none;
    border-radius: 16px
}

._remote-online-chat-v2-recent-orders-popup_fm8yl_13 .ant-tabs-v2-rtl .ant-tabs-v2-nav .ant-tabs-v2-tab {
    margin-right: 0 !important;
    margin: 0 0 0 16px
}

._remote-online-chat-v2-copy-button_1cndo_1 {
    color: unset
}

._remote-online-chat-v2-copy-button_1cndo_1 ._copyIcon_1cndo_4 {
    font-size: 14px
}

._remote-online-chat-v2-order-card_rkux5_1 {
    padding: 4px
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderHeader_rkux5_4 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 24px
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderHeader_rkux5_4 ._orderType_rkux5_10 {
    width: 66.66%;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderHeader_rkux5_4 ._orderTypeLabel_rkux5_19 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderHeader_rkux5_4 ._orderTypeIcon_rkux5_25 {
    font-size: 20px
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderHeader_rkux5_4 ._orderStatus_rkux5_28 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: 33.33%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: end
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderHeader_rkux5_4 ._orderStatus_rkux5_28 ._icon_rkux5_38 {
    font-size: 14px;
    margin-inline-end: 4px
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderHeader_rkux5_4 ._orderStatus_rkux5_28._success_rkux5_42 {
    color: var(--updown-green-default)
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderHeader_rkux5_4 ._orderStatus_rkux5_28._error_rkux5_45 {
    color: var(--updown-red-default)
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderHeader_rkux5_4 ._orderStatus_rkux5_28._warning_rkux5_48 {
    color: var(--functional-orange-default)
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderTitle_rkux5_51 {
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px;
    line-height: 20px;
    word-break: break-all
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderTitle_rkux5_51 ._flexTitle_rkux5_58,
._remote-online-chat-v2-order-card_rkux5_1 ._orderTitle_rkux5_51 ._wrapTitle_rkux5_59 {
    display: flex;
    align-items: start;
    gap: 8px
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderTitle_rkux5_51 ._wrapTitle_rkux5_59 {
    flex-wrap: wrap
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderTitle_rkux5_51 ._tag_rkux5_67 {
    word-break: break-all;
    white-space: normal;
    height: auto
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderDivider_rkux5_72 {
    margin: 12px 0
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderItems_rkux5_75 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 8px
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderItems_rkux5_75 ._orderItem_rkux5_75 {
    color: var(--content-secondary) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderItems_rkux5_75 ._orderItem_rkux5_75._rightColumn_rkux5_90 {
    text-align: end
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderFooter_rkux5_93 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    margin-top: 12px
}

._remote-online-chat-v2-order-card_rkux5_1 ._orderFooter_rkux5_93 ._viewButton_rkux5_100 {
    font-weight: 500;
    font-size: 14px
}

._remote-online-chat-v2-robot-feedback_zne9r_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px 24px
}

._remote-online-chat-v2-robot-feedback_zne9r_1 ._iconWrapper_zne9r_8 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -12px
}

._remote-online-chat-v2-robot-feedback_zne9r_1 ._iconWrapper_zne9r_8 ._feedbackIcon_zne9r_14 {
    width: 134px;
    height: 134px
}

._remote-online-chat-v2-robot-feedback_zne9r_1 ._title_zne9r_18 {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: var(--content-primary);
    text-align: center
}

._remote-online-chat-v2-robot-feedback_zne9r_1 ._buttonGroup_zne9r_26 {
    width: 100%;
    display: flex;
    gap: 18px;
    margin-bottom: 50px
}

._remote-online-chat-v2-robot-feedback_zne9r_1 ._buttonGroup_zne9r_26 ._feedbackButton_zne9r_32 {
    flex: 1;
    display: flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all .2s ease;
    border: 1px solid var(--line-strong);
    background-color: transparent;
    color: var(--content-primary);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

._remote-online-chat-v2-robot-feedback_zne9r_1 ._buttonGroup_zne9r_26 ._feedbackButton_zne9r_32 ._buttonIcon_zne9r_49 {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: inherit
}

._remote-online-chat-v2-robot-feedback_zne9r_1 ._buttonGroup_zne9r_26 ._feedbackButton_zne9r_32 ._buttonIcon_zne9r_49._rotated_zne9r_55 {
    transform: rotate(180deg)
}

._remote-online-chat-v2-robot-feedback_zne9r_1 ._buttonGroup_zne9r_26 ._feedbackButton_zne9r_32._selected_zne9r_58 {
    border-color: var(--line-line-emphasis)
}

._remote-online-chat-v2-transfer-queue_67m4h_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 16px 24px
}

._remote-online-chat-v2-transfer-queue_67m4h_1 ._content_67m4h_8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    color: var(--content-primary)
}

._remote-online-chat-v2-transfer-queue_67m4h_1 ._content_67m4h_8 ._title_67m4h_16 {
    font-size: 18px;
    font-weight: 600
}

._remote-online-chat-v2-transfer-queue_67m4h_1 ._content_67m4h_8 ._description_67m4h_20 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px
}

._remote-online-chat-v2-transfer-queue_67m4h_1 ._footer_67m4h_25 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding: 16px 8px 0
}

._remote-online-chat-v2-transfer-queue_67m4h_1 ._footer_67m4h_25 button {
    width: 100%
}

._remote-online-chat-v2-transfer-queue_67m4h_1 ._footer_67m4h_25 button:last-child {
    margin-top: 12px
}

._remote-online-chat-v2-container_ujtc3_1 {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    animation: _slideUp_ujtc3_1 .3s ease-out;
    z-index: 1009;
    background-color: var(--fill-elevation-high);
    display: flex;
    flex-flow: column nowrap;
    padding: 0 20px;
    overflow: hidden
}

._remote-online-chat-v2-container_ujtc3_1._closing_ujtc3_15 {
    animation: _slideDown_ujtc3_1 .3s ease-out forwards
}

._remote-online-chat-v2-container_ujtc3_1 .ant-message {
    position: absolute;
    top: 122px;
    left: 0
}

._remote-online-chat-v2-container_ujtc3_1 .ant-message-notice {
    padding: 8px 60px !important
}

._remote-online-chat-v2-container_ujtc3_1 .ant-input {
    color: var(--text-primary)
}

._remote-online-chat-v2-container_ujtc3_1 .ant-input:hover {
    border-color: var(--primary-color)
}

._remote-online-chat-v2-container_ujtc3_1 .ant-btn:hover {
    border-color: var(--border-button)
}

._remote-online-chat-v2-container_ujtc3_1 .ant-btn-primary:hover {
    border-color: var(--primary-hover)
}

@keyframes _slideUp_ujtc3_1 {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideDown_ujtc3_1 {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(100%);
        opacity: 0
    }
}

@media screen and (min-width: 768px) {
    ._remote-online-chat-v2-container_ujtc3_1:not(._h5-mode_ujtc3_60) {
        bottom: 12px;
        right: 12px;
        width: calc(100% - 12px);
        max-width: 432px;
        max-height: max(500px, min(90vh, 812px));
        box-shadow: 0 2px 12px #0000000f;
        border-radius: 16px
    }

    ._remote-online-chat-v2-container_ujtc3_1:not(._h5-mode_ujtc3_60)[dir=rtl] {
        right: auto;
        left: 12px
    }
}

._remote-online-chat-v2-announcement_xuscv_1 {
    flex: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--fill-elevation-high);
    padding: 8px 16px;
    border: 1px solid var(--line-base);
    border-radius: 12px;
    box-shadow: 0 4px 26px #0000000f;
    position: relative
}

._remote-online-chat-v2-announcement_xuscv_1 ._icon_xuscv_14 {
    width: 20px;
    height: 20px;
    margin-inline-end: 10px
}

[dir=rtl] ._remote-online-chat-v2-announcement_xuscv_1 ._icon_xuscv_14 {
    transform: rotate(180deg)
}

._remote-online-chat-v2-announcement_xuscv_1 ._title_xuscv_22 {
    color: var(--content-primary);
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    margin: 0 4px
}

._remote-online-chat-v2-announcement_xuscv_1 ._closeIcon_xuscv_33 {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%) translate(50%);
    width: 16px;
    height: 16px;
    color: var(--content-secondary);
    cursor: pointer
}

[dir=rtl] ._remote-online-chat-v2-announcement_xuscv_1 ._closeIcon_xuscv_33 {
    left: 0;
    right: auto;
    transform: translateY(-50%) translate(-50%)
}

[dir=rtl] ._remote-online-chat-v2-announcement_xuscv_1 ._moreIcon_xuscv_48 {
    transform: rotate(180deg)
}

._remote-online-chat-v2-chatFooter_mxt1f_1 {
    position: sticky;
    bottom: 0;
    padding-bottom: 16px;
    padding-top: 10px;
    flex: none
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._recentOrdersWrapper_mxt1f_8 {
    padding: 0 0 16px
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 {
    position: relative;
    flex: 1;
    background-color: var(--fill-default);
    border-radius: 4px;
    overflow: hidden
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._textareaWrapper_mxt1f_23 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding-inline-end: 8px
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._textareaWrapper_mxt1f_23 ._sendBtn_mxt1f_29 {
    margin-inline-start: 4px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--brand-container);
    transition: background-color .2s ease-in-out
}

@media screen and (min-width: 768px) {
    ._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._textareaWrapper_mxt1f_23 ._sendBtn_mxt1f_29:hover {
        background-color: var(--info-disable)
    }
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._textareaWrapper_mxt1f_23 ._sendBtn_mxt1f_29 ._sendIcon_mxt1f_44 {
    width: 24px;
    height: 24px;
    color: var(--brand-default)
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._textareaWrapper_mxt1f_23 ._sendBtn_mxt1f_29 ._sendIconDisabled_mxt1f_49 {
    color: var(--icon-tertiary)
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._textarea_mxt1f_23 {
    border: unset;
    background: unset;
    resize: none;
    padding: 12px;
    font-size: 14px;
    line-height: 22px
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._textarea_mxt1f_23:hover,
._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._textarea_mxt1f_23:focus {
    border: unset
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._textarea_mxt1f_23::placeholder {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._replyMessage_mxt1f_68 {
    width: calc(100% - 24px);
    margin: 4px 12px 0;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: var(--bg-primary);
    border-radius: 4px;
    color: var(--text-tertiary)
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._replyMessage_mxt1f_68 ._divider_mxt1f_82 {
    display: none
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._replyMessage_mxt1f_68 ._replyMsgText_mxt1f_85 {
    margin-inline-start: 4px;
    flex: 1;
    display: flex
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._replyMessage_mxt1f_68 ._replyMsgText_mxt1f_85 ._replyMsgTextSpan_mxt1f_90 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._replyMessage_mxt1f_68 svg {
    cursor: pointer;
    margin-inline-end: 4px;
    flex-shrink: 0
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._inputContainer_mxt1f_16 ._replyMessage_mxt1f_68 ._closeIcon_mxt1f_100 {
    width: 12px;
    height: 12px;
    cursor: pointer;
    color: var(--text-tertiary)
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._uploadWrapper_mxt1f_106 {
    margin-inline-end: 12px
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._uploadWrapper_mxt1f_106 ._uploadIcon_mxt1f_109 {
    cursor: pointer;
    width: 24px;
    height: 24px
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._disabled_mxt1f_114 {
    pointer-events: none;
    background-color: var(-fill-page-button-disable)
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._expandIcon_mxt1f_118 {
    cursor: pointer;
    width: 24px;
    height: 24px;
    color: var(--content-secondary);
    transition: all .3s ease-in-out;
    margin-inline-start: 12px
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._disabledExpandIcon_mxt1f_126 {
    pointer-events: none
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 ._expanded_mxt1f_129 {
    transform: rotate(45deg)
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._inputWrapper_mxt1f_11 .ant-form-item {
    margin: 0
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._tools_mxt1f_135 {
    height: 0;
    overflow: hidden;
    display: flex
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._tools_mxt1f_135 ._tool_mxt1f_135 {
    height: 52px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._tools_mxt1f_135 ._tool_mxt1f_135:not(:last-child) {
    margin-inline-end: 24px
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._tools_mxt1f_135 ._tool_mxt1f_135 ._icon_mxt1f_151 {
    color: var(--content-primary);
    width: 24px;
    height: 24px
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._tools_mxt1f_135 ._tool_mxt1f_135 ._text_mxt1f_23 {
    font-size: 14px;
    line-height: 20px;
    color: var(--content-primary)
}

._remote-online-chat-v2-chatFooter_mxt1f_1 ._showTools_mxt1f_161 {
    height: fit-content;
    margin-top: 20px
}

._remote-online-chat-v2-input-suggestion_hn83d_1 {
    position: absolute;
    bottom: 62px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    z-index: 1000;
    animation: _slideUp_hn83d_1 .3s ease-out;
    transform-origin: bottom
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    background-color: var(--fill-elevation-high);
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -4px 12px #0000001a;
    clip-path: inset(-12px -20px 0 -20px);
    height: 400px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._header_hn83d_27 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._header_hn83d_27 ._title_hn83d_33 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary)
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._header_hn83d_27 ._closeIcon_hn83d_38 {
    width: 14px;
    height: 14px;
    font-size: 14px;
    cursor: pointer;
    color: var(--content-primary)
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._suggestionList_hn83d_45 {
    flex: 1;
    overflow-y: auto
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._suggestionList_hn83d_45::-webkit-scrollbar {
    width: 4px
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._suggestionList_hn83d_45::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 10px
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._suggestionList_hn83d_45::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._suggestionList_hn83d_45 ._suggestionItem_hn83d_63 {
    display: flex;
    align-items: flex-start;
    padding: 8px 20px;
    cursor: pointer
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._suggestionList_hn83d_45 ._suggestionItem_hn83d_63 ._itemContent_hn83d_69 {
    flex: 1;
    min-width: 0
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._suggestionList_hn83d_45 ._suggestionItem_hn83d_63 ._itemContent_hn83d_69 ._questionText_hn83d_73 {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-primary);
    word-break: break-word
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._suggestionList_hn83d_45 ._suggestionItem_hn83d_63 ._itemContent_hn83d_69 ._questionText_hn83d_73 mark {
    padding: 0;
    background: transparent;
    color: var(--text-secondary);
    font-weight: 400
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._suggestionList_hn83d_45 ._suggestionItem_hn83d_63 ._itemContent_hn83d_69 ._questionText_hn83d_73 ._highlight_hn83d_85 {
    color: var(--text-secondary);
    font-weight: 400
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._loadingContainer_hn83d_89 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    min-height: 80px;
    width: 100%
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._loadingContainer_hn83d_89 ._loadingBars_hn83d_98 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 28px;
    width: 100%
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._loadingContainer_hn83d_89 ._loadingBars_hn83d_98 ._bar_hn83d_106 {
    width: 4px;
    height: 14px;
    background-color: var(--icon-secondary);
    animation: _barScale_hn83d_1 1s infinite cubic-bezier(.4, 0, .2, 1)
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._loadingContainer_hn83d_89 ._loadingBars_hn83d_98 ._bar_hn83d_106:nth-child(1) {
    animation-delay: 0s
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._loadingContainer_hn83d_89 ._loadingBars_hn83d_98 ._bar_hn83d_106:nth-child(2) {
    animation-delay: .1s
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._loadingContainer_hn83d_89 ._loadingBars_hn83d_98 ._bar_hn83d_106:nth-child(3) {
    animation-delay: .2s
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._loadingContainer_hn83d_89 ._loadingBars_hn83d_98 ._bar_hn83d_106:nth-child(4) {
    animation-delay: .3s
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._emptyContainer_hn83d_124 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    min-height: 80px
}

._remote-online-chat-v2-input-suggestion_hn83d_1 ._suggestionContainer_hn83d_13 ._emptyContainer_hn83d_124 ._emptyText_hn83d_132 {
    font-size: 14px;
    color: var(--text-tertiary)
}

@keyframes _slideUp_hn83d_1 {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(.95)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

@keyframes _barScale_hn83d_1 {
    0% {
        height: 14px;
        opacity: .4
    }

    20% {
        height: 28px;
        opacity: 1
    }

    40% {
        height: 14px;
        opacity: .4
    }

    to {
        height: 14px;
        opacity: .4
    }
}

._remote-online-chat-v2-recentOrdersButton_3h82f_1 {
    font-size: 12px;
    color: var(--content-primary);
    height: 24px;
    width: fit-content;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 4px 6px;
    cursor: pointer;
    gap: 2px;
    background: var(--functional-neutral-container)
}

._remote-online-chat-v2-chatHeader_39ir6_1 {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: none
}

._remote-online-chat-v2-chatHeader_39ir6_1 ._backIcon_39ir6_8 {
    cursor: pointer;
    font-size: 24px;
    color: var(--content-primary)
}

._remote-online-chat-v2-chatHeader_39ir6_1 ._chatTitle_39ir6_13 {
    display: flex;
    align-items: center
}

._remote-online-chat-v2-chatHeader_39ir6_1 ._chatTitle_39ir6_13 ._chatAvatarWrapper_39ir6_17 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--fill-gray-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 4px
}

._remote-online-chat-v2-chatHeader_39ir6_1 ._chatTitle_39ir6_13 ._chatAvatarWrapper_39ir6_17 ._chatAvatar_39ir6_17 {
    max-width: 100%;
    max-height: 100%
}

._remote-online-chat-v2-chatHeader_39ir6_1 ._chatTitle_39ir6_13 ._chatInfo_39ir6_31 {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
    color: var(--content-primary)
}

._remote-online-chat-v2-chatHeader_39ir6_1 ._chatTitle_39ir6_13 ._chatInfo_39ir6_31 ._chatInfoTitle_39ir6_38 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

._remote-online-chat-v2-chatHeader_39ir6_1 ._chatTitle_39ir6_13 ._chatInfo_39ir6_31 ._chatInfoSubtitle_39ir6_43 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

._remote-online-chat-v2-chatHeader_39ir6_1 ._zoomOutIcon_39ir6_48 {
    width: 24px;
    height: 24px;
    cursor: pointer
}

[dir=rtl] ._remote-online-chat-v2-chatHeader_39ir6_1 ._zoomOutIcon_39ir6_48 {
    transform: rotate(-90deg)
}

[dir=rtl] ._remote-online-chat-v2-chatHeader_39ir6_1 ._backIcon_39ir6_8 {
    transform: rotate(180deg)
}

._remote-online-chat-v2-inAppHeader_39ir6_60 {
    justify-content: center
}

@keyframes _spin_1lhib_1 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

._remote-online-chat-v2-chatMessages_1lhib_9 {
    height: 100%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column
}

._remote-online-chat-v2-chatMessages_1lhib_9>div {
    flex: none;
    margin-top: 12px
}

._remote-online-chat-v2-chatMessages_1lhib_9>div:empty {
    margin-top: 0
}

._remote-online-chat-v2-chatMessages_1lhib_9::-webkit-scrollbar {
    display: none
}

._remote-online-chat-v2-scrollBottom_1lhib_26 {
    width: 44px;
    height: 44px;
    position: absolute;
    bottom: 14px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid var(--line-base);
    border-radius: 50%;
    background-color: var(--fill-default)
}

[dir=rtl] ._remote-online-chat-v2-scrollBottom_1lhib_26 {
    right: auto;
    left: 4px
}

._remote-online-chat-v2-scrollBottom_1lhib_26 ._scrollBottomIcon_1lhib_44 {
    width: 24px;
    height: 24px;
    color: var(--content-primary)
}

._remote-online-chat-v2-loadingWrapper_1lhib_50 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

._remote-online-chat-v2-loadingWrapper_1lhib_50 ._loadingIcon_1lhib_56 {
    width: 16px;
    height: 16px;
    color: var(--content-secondary);
    animation: _spin_1lhib_1 1s linear infinite
}

._remote-online-chat-v2-loadingWrapper_1lhib_50 ._noMore_1lhib_62,
._remote-online-chat-v2-loadingWrapper_1lhib_50 ._historyToggle_1lhib_63 {
    color: var(--content-secondary);
    font-size: 12px
}

._remote-online-chat-v2-loadingWrapper_1lhib_50 ._historyToggle_1lhib_63 {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 2px
}

._remote-online-chat-v2-questionCard_15uoy_1 {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

._remote-online-chat-v2-questionCard_15uoy_1 ._topBar_15uoy_8 {
    display: flex;
    flex-direction: column
}

._remote-online-chat-v2-questionCard_15uoy_1 ._topBar_15uoy_8 ._title_15uoy_12 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--content-primary)
}

._remote-online-chat-v2-questionCard_15uoy_1 ._topBar_15uoy_8 ._searchBar_15uoy_18 {
    width: 100%;
    padding: 9px 12px;
    display: flex;
    align-items: center;
    margin-top: 16px
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._groupList_15uoy_25 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._groupList_15uoy_25 ._group_15uoy_25 {
    font-size: 14px;
    line-height: 22px;
    color: var(--content-secondary);
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background-color: var(--fill-default);
    cursor: pointer;
    margin-bottom: 8px
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._groupList_15uoy_25 ._group_15uoy_25:not(:last-child) {
    margin-inline-end: 8px
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._groupList_15uoy_25 ._selected_15uoy_45 {
    color: var(--brand-default);
    background-color: var(--brand-container)
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49 {
    margin-top: 16px;
    display: flex;
    flex-direction: column
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49::-webkit-scrollbar {
    width: 6px
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 10px
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49 ._questionItem_15uoy_65 {
    display: flex;
    align-items: center;
    cursor: pointer
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49 ._questionItem_15uoy_65:not(:last-child) {
    margin-bottom: 16px
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49 ._questionItem_15uoy_65 ._questionIcon_15uoy_73 {
    width: 6px;
    height: 6px;
    color: var(--content-primary)
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49 ._questionItem_15uoy_65 ._questionTitle_15uoy_78 {
    margin-inline-end: 8px;
    font-size: 14px;
    line-height: 20px;
    color: var(--content-primary);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49 ._questionItem_15uoy_65 ._rightIcon_15uoy_88 {
    width: 16px;
    height: 16px;
    color: var(--content-secondary)
}

[dir=rtl] ._remote-online-chat-v2-questionCard_15uoy_1 ._contentWrapper_15uoy_25 ._questionList_15uoy_49 ._questionItem_15uoy_65 ._rightIcon_15uoy_88 {
    transform: rotate(180deg)
}

._remote-online-chat-v2-renderMsg_15uoy_97 {
    border-radius: 16px;
    padding: 12px;
    background-color: var(--fill-default);
    min-height: 412px;
    height: 412px
}

._remote-online-chat-v2-renderMsg_15uoy_97 ._contentWrapper_15uoy_25 {
    flex: 1;
    overflow: auto;
    padding-right: 4px
}

._remote-online-chat-v2-renderMsg_15uoy_97 ._contentWrapper_15uoy_25::-webkit-scrollbar {
    width: 6px
}

._remote-online-chat-v2-renderMsg_15uoy_97 ._contentWrapper_15uoy_25::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 10px
}

._remote-online-chat-v2-renderMsg_15uoy_97 ._contentWrapper_15uoy_25::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px
}

._remote-online-chat-v2-renderMsg_15uoy_97 ._contentWrapper_15uoy_25 ._questionList_15uoy_49 {
    max-height: 220px;
    overflow-y: auto
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 {
    margin-top: 32px;
    margin-bottom: 28px
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._titleWrapper_1sz0m_5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._titleWrapper_1sz0m_5 ._title_1sz0m_5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--content-primary)
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._titleWrapper_1sz0m_5 ._more_1sz0m_17 {
    display: flex;
    align-items: center;
    cursor: pointer
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._titleWrapper_1sz0m_5 ._more_1sz0m_17 ._text_1sz0m_22 {
    font-size: 14px;
    line-height: 20px;
    color: var(--content-primary);
    cursor: pointer
}

[dir=rtl] ._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._titleWrapper_1sz0m_5 ._more_1sz0m_17 ._moreIcon_1sz0m_28 {
    transform: rotate(180deg)
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._tools_1sz0m_31 {
    display: flex;
    flex-wrap: wrap
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._tools_1sz0m_31 ._tool_1sz0m_31 {
    flex: 1 1 calc(50% - 6px);
    max-width: calc(50% - 6px);
    border: 1px solid var(--line-base);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    cursor: pointer
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._tools_1sz0m_31 ._tool_1sz0m_31:nth-child(2n) {
    margin-inline-start: 12px
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._tools_1sz0m_31 ._tool_1sz0m_31:nth-child(n+3) {
    margin-top: 12px
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._tools_1sz0m_31 ._tool_1sz0m_31 ._icon_1sz0m_51 {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    margin-inline-end: 8px
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._tools_1sz0m_31 ._tool_1sz0m_31 ._icon_1sz0m_51 img {
    width: 20px;
    height: 20px
}

._remote-online-chat-v2-selfServiceTool_1sz0m_1 ._tools_1sz0m_31 ._tool_1sz0m_31 ._text_1sz0m_22 {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--content-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._remote-online-chat-v2-renderMsg_1sz0m_73 {
    border-radius: 16px;
    padding: 12px;
    background-color: var(--fill-default);
    margin: 0 !important
}

._remote-online-chat-v2-messageWrapper_1jhcz_1 {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%
}

._remote-online-chat-v2-messageWrapper_1jhcz_1._remote-online-chat-v2-messageHighlight_1jhcz_8 {
    animation: _highlightFadeOut_1jhcz_1 2s ease-out forwards
}

._remote-online-chat-v2-messageWrapper_1jhcz_1 ._message_1jhcz_11 {
    max-width: 300px;
    padding: 12px;
    border-radius: 16px;
    position: relative;
    color: var(--content-primary)
}

._remote-online-chat-v2-messageWrapper_1jhcz_1 ._message_1jhcz_11 p {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: break-word
}

._remote-online-chat-v2-messageWrapper_1jhcz_1 ._message_1jhcz_11 video {
    max-width: 100%
}

._remote-online-chat-v2-messageWrapper_1jhcz_1 ._statusContainer_1jhcz_26 {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center
}

._remote-online-chat-v2-messageWrapper_1jhcz_1 ._statusContainer_1jhcz_26 ._replyIcon_1jhcz_32 {
    width: 16px;
    height: 16px
}

[dir=rtl] ._remote-online-chat-v2-messageWrapper_1jhcz_1 ._statusContainer_1jhcz_26 ._replyIcon_1jhcz_32 {
    transform: rotateY(180deg)
}

._remote-online-chat-v2-messageWrapper_1jhcz_1 ._statusContainer_1jhcz_26 img {
    width: 16px;
    height: 16px;
    cursor: pointer
}

._remote-online-chat-v2-messageWrapper_1jhcz_1 ._statusContainer_1jhcz_26 ._time_1jhcz_44 {
    font-size: 12px;
    color: var(--content-secondary);
    text-align: right
}

._remote-online-chat-v2-messageWrapper_1jhcz_1 ._failedStatus_1jhcz_49 {
    color: var(--error)
}

@keyframes _highlightFadeOut_1jhcz_1 {
    0% {
        background-color: var(--bg-l2)
    }

    to {
        background-color: transparent
    }
}

._remote-online-chat-v2-messageLeft_1jhcz_61 ._message_1jhcz_11 {
    background-color: var(--fill-default);
    margin-inline-start: 8px;
    margin-inline-end: 4px
}

._remote-online-chat-v2-messageLeft_1jhcz_61 ._message_1jhcz_11:before {
    content: "";
    position: absolute;
    left: -8px;
    right: auto;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--fill-default);
    border-left: none
}

[dir=rtl] ._remote-online-chat-v2-messageLeft_1jhcz_61 ._message_1jhcz_11:before {
    left: auto;
    right: -8px;
    border-right: none;
    border-left: 8px solid var(--fill-default)
}

._remote-online-chat-v2-messageRight_1jhcz_86 {
    flex-flow: row-reverse nowrap;
    align-self: flex-end
}

._remote-online-chat-v2-messageRight_1jhcz_86 ._message_1jhcz_11 {
    display: flex;
    flex-flow: column nowrap;
    background-color: var(--brand-container);
    margin-inline-end: 8px;
    margin-inline-start: 4px
}

._remote-online-chat-v2-messageRight_1jhcz_86 ._message_1jhcz_11:after {
    content: "";
    position: absolute;
    right: -8px;
    left: auto;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--brand-container);
    border-right: none
}

[dir=rtl] ._remote-online-chat-v2-messageRight_1jhcz_86 ._message_1jhcz_11:after {
    right: auto;
    left: -8px;
    border-left: none;
    border-right: 8px solid var(--brand-container)
}

._remote-online-chat-v2-messageRight_1jhcz_86 ._statusContainer_1jhcz_26 {
    align-items: flex-end
}

._remote-online-chat-v2-messageRight_1jhcz_86 ._reply_1jhcz_32 {
    display: none
}

._remote-online-chat-v2-replyMsg_1jhcz_123 {
    display: flex;
    align-items: center;
    padding: 0 8px;
    background-color: var(--fill-opacity-container);
    color: var(--text-tertiary);
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
    max-width: 100%;
    width: fit-content;
    margin-bottom: 8px
}

._remote-online-chat-v2-replyMsg_1jhcz_123 ._divider_1jhcz_138 {
    margin-inline-end: 4px;
    width: 2px;
    height: 10px;
    background-color: var(--icon-tertiary)
}

._remote-online-chat-v2-replyMsg_1jhcz_123 ._replyContent_1jhcz_144 {
    flex: 1;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    color: var(--content-primary)
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    border-radius: 8px;
    border: 1.5px solid var(--line-base);
    padding: 16px 16px 24px
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7:first-child {
    margin-bottom: 16px
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 .ant-form-item {
    margin-bottom: 0;
    line-height: 1
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 .ant-form-item-control-input {
    min-height: 0
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._title_f0j0r_25 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._title_f0j0r_25 :nth-child(1) {
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._title_f0j0r_25 :nth-child(2) {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    color: var(--content-secondary)
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._question_f0j0r_41 {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin: 24px 0
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._question_f0j0r_41 ._rate_f0j0r_52 {
    margin: 10px 0;
    line-height: 1
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._question_f0j0r_41 ._rate_f0j0r_52 .ant-rate-star:not(:last-child) {
    margin-inline-end: 16px;
    margin-inline-start: 0
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._question_f0j0r_41 .ant-rate {
    --rate-star-color: var(--brand-default)
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._question_f0j0r_41 .ant-rate :nth-child(3) {
    display: none
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._rateText_f0j0r_66 {
    word-break: break-all
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._options_f0j0r_69 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._options_f0j0r_69 ._option_f0j0r_69 {
    margin-inline-start: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 6px;
    background: var(--fill-default);
    border: none;
    border-radius: 2px;
    word-break: break-all
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._options_f0j0r_69 .ant-checkbox-v2 {
    display: none
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._options_f0j0r_69 .ant-checkbox-v2-wrapper-checked {
    width: 100%;
    height: 100%;
    background: var(--brand-container);
    color: var(--brand-default)
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._footer_f0j0r_97 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._footer_f0j0r_97 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._footer_f0j0r_97 button:nth-child(2) {
    margin-inline-start: 16px
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._footer_f0j0r_97 button ._buttonText_f0j0r_112 {
    margin-inline-start: 4px
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._footer_f0j0r_97 button ._likeIcon_f0j0r_115 {
    width: 24px;
    height: 24px;
    color: var(--content-primary)
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._footer_f0j0r_97 button ._unlikeIcon_f0j0r_120 {
    transform: rotate(180deg);
    width: 24px;
    height: 24px;
    color: var(--content-primary)
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._footer_f0j0r_97 button ._iconActive_f0j0r_126 {
    color: var(--brand-default)
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._footer_f0j0r_97 ._active_f0j0r_129 {
    background: var(--brand-container);
    color: var(--brand-default);
    border: 1px solid transparent
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._comment_f0j0r_134 {
    width: 100%;
    height: 78px;
    padding: 12px;
    background: var(--fill-default);
    border: none;
    border-radius: 8px;
    margin-top: 24px
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._content_f0j0r_7 ._submit_f0j0r_143 {
    margin-top: 24px
}

._remote-online-chat-v2-feedbackMessage_f0j0r_1 ._mask_f0j0r_146 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

._remote-online-chat-v2-feedbackMessage-disabled_f0j0r_155 ._mask_f0j0r_146 {
    display: block
}

._remote-online-chat-v2-fileMessage_1wwv8_1 {
    display: flex;
    align-items: center
}

._remote-online-chat-v2-fileMessage_1wwv8_1 ._fileIcon_1wwv8_5 {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

._remote-online-chat-v2-fileMessage_1wwv8_1 ._fileName_1wwv8_10 {
    margin-inline-start: 2px;
    color: var(--content-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    max-width: 100%
}

._remote-online-chat-v2-imageMessage_18wab_1 {
    width: 200px;
    height: 200px;
    object-fit: contain
}

._remote-online-chat-v2-questionWrapper_1i750_1 {
    display: flex
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 {
    padding-left: 8px;
    width: 300px;
    margin-inline-end: 4px
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._recommendTitle_1i750_9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    gap: 8px
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._recommendTitle_1i750_9 ._title_1i750_16 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--content-primary)
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._recommendTitle_1i750_9 ._refreshIcon_1i750_22 {
    width: 20px;
    height: 20px;
    color: var(--content-secondary);
    cursor: pointer
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._questions_1i750_28 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._questions_1i750_28 ._item_1i750_33 {
    padding: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--border-modal);
    border-radius: 12px;
    cursor: pointer
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._questions_1i750_28 ._item_1i750_33:not(:last-child) {
    margin-inline-end: 12px
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._questions_1i750_28 ._item_1i750_33 ._title_1i750_16 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: var(--content-primary)
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._questions_1i750_28 ._item_1i750_33 ._icon_1i750_52 {
    font-size: 14px;
    color: var(--content-secondary)
}

[dir=rtl] ._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._questions_1i750_28 ._item_1i750_33 ._icon_1i750_52 {
    transform: rotate(180deg)
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._recommendQuestions_1i750_59 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 0
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._recommendQuestions_1i750_59 ._item_1i750_33 {
    width: 100%;
    margin-bottom: 0
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._questionContainer_1i750_4 ._recommendQuestions_1i750_59 ._item_1i750_33:not(:last-child) {
    margin-inline-end: 0
}

._remote-online-chat-v2-questionWrapper_1i750_1 ._time_1i750_72 {
    display: flex;
    font-size: 12px;
    color: var(--content-secondary);
    text-align: right;
    align-items: flex-end
}

._remote-online-chat-v2-resolveActions_xogr8_1 {
    margin-top: 20px;
    display: flex;
    align-items: center
}

._remote-online-chat-v2-resolveActions_xogr8_1 ._actionItem_xogr8_6 {
    display: flex;
    cursor: pointer;
    align-items: center
}

._remote-online-chat-v2-resolveActions_xogr8_1 ._actionItem_xogr8_6:not(:last-child) {
    margin-inline-end: 16px
}

._remote-online-chat-v2-resolveActions_xogr8_1 ._actionItem_xogr8_6 ._unLikeIcon_xogr8_14 {
    transform: rotate(180deg)
}

._remote-online-chat-v2-resolveActions_xogr8_1 ._actionItem_xogr8_6 ._text_xogr8_17 {
    margin-inline-start: 2px;
    font-size: 14px;
    color: var(--content-primary)
}

@keyframes _remote-online-chat-v2-dot-flashing_1odee_1 {

    0%,
    to {
        background-color: var(--line-base)
    }

    20% {
        background-color: var(--line-strong)
    }

    40% {
        background-color: var(--line-dashed)
    }

    60% {
        background-color: var(--line-strong)
    }

    80% {
        background-color: var(--line-base)
    }
}

._remote-online-chat-v2-robotThinking_1odee_18 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    gap: 4px
}

._remote-online-chat-v2-robotThinking_1odee_18 ._dot_1odee_25 {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation: _remote-online-chat-v2-dot-flashing_1odee_1 1.8s infinite ease-in-out
}

._remote-online-chat-v2-robotThinking_1odee_18 ._dot_1odee_25:nth-child(1) {
    background-color: var(--line-base)
}

._remote-online-chat-v2-robotThinking_1odee_18 ._dot_1odee_25:nth-child(2) {
    background-color: var(--line-strong)
}

._remote-online-chat-v2-robotThinking_1odee_18 ._dot_1odee_25:nth-child(3) {
    background-color: var(--line-dashed)
}

._remote-online-chat-v2-robotThinking_1odee_18 ._dot_1odee_25:nth-child(1) {
    animation-delay: 0s
}

._remote-online-chat-v2-robotThinking_1odee_18 ._dot_1odee_25:nth-child(2) {
    animation-delay: .6s
}

._remote-online-chat-v2-robotThinking_1odee_18 ._dot_1odee_25:nth-child(3) {
    animation-delay: 1.2s
}

._remote-online-chat-v2-supportInfo_1yalu_1 {
    display: flex;
    flex-flow: column nowrap;
    font-size: 14px;
    justify-content: center;
    align-items: center
}

._remote-online-chat-v2-supportInfo_1yalu_1 ._avatar_1yalu_8 {
    width: 28px;
    height: 28px;
    margin-bottom: 4px
}

._remote-online-chat-v2-supportInfo_1yalu_1 ._customerName_1yalu_13 {
    color: var(--content-primary);
    font-weight: 500
}

._remote-online-chat-v2-supportInfo_1yalu_1 ._customerConnectText_1yalu_17 {
    color: var(--content-secondary)
}

._remote-online-chat-v2-systemTip_h56bc_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: var(--text-secondary);
    font-size: 12px
}

._remote-online-chat-v2-divider_h56bc_10 {
    margin: 12px 0
}

._remote-online-chat-v2-divider_h56bc_10 .ant-divider-inner-text {
    font-weight: 400;
    color: var(--text-secondary);
    font-size: 12px
}

._remote-online-chat-v2-transferSupportCard_t0efb_1 {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    border: 1.5px solid var(--border-primary);
    border-radius: 8px;
    color: var(--content-primary);
    font-size: 12px
}

._remote-online-chat-v2-transferSupportCard_t0efb_1 img {
    width: 32px;
    height: 32px
}

._remote-online-chat-v2-transferSupportCard_t0efb_1 ._dispatchMessage_t0efb_17 {
    word-wrap: break-word;
    white-space: pre-wrap;
    width: 100%;
    text-align: center;
    margin-top: 16px
}

._remote-online-chat-v2-transferSupportCard_t0efb_1 ._cancel_t0efb_24 {
    font-size: 14px;
    color: var(--brand-default);
    line-height: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px
}

._remote-online-chat-v2-videoMessage_jneku_1 {
    position: relative
}

._remote-online-chat-v2-videoMessage_jneku_1 ._playIcon_jneku_4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    font-size: 48px
}

._remote-online-chat-v2-videoMessage_jneku_1 video {
    max-width: 100%;
    max-height: 300px
}

._remote-online-chat-v2-newQuestionMessage_19r8e_1 {
    margin-top: 12px;
    font-size: 12px;
    color: var(--content-primary);
    height: 34px;
    min-height: 34px;
    width: fit-content;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid var(--border-modal);
    cursor: pointer
}

._remote-online-chat-v2-chatWrapper_zo9m4_1 {
    display: flex;
    flex-direction: column;
    height: 100%
}

._remote-online-chat-v2-chatWrapper_zo9m4_1 ._messagesWrapper_zo9m4_6 {
    flex: 1;
    overflow: hidden;
    position: relative
}

._remote-online-chat-v2-indexContainer_m235c_1 {
    display: flex;
    flex-flow: column nowrap;
    height: 100%
}

._remote-online-chat-v2-indexContainer_m235c_1 ._inAppGap_m235c_6 {
    height: 12px
}

._remote-online-chat-v2-indexContainer_m235c_1 ._content_m235c_9 {
    flex: 1;
    overflow: auto
}

._remote-online-chat-v2-indexContainer_m235c_1 ._content_m235c_9::-webkit-scrollbar {
    display: none
}

._remote-online-chat-v2-indexContainer_m235c_1 ._supportButtonContainer_m235c_16 {
    flex: none;
    width: 100%;
    padding: 20px 0
}

._remote-online-chat-v2-indexContainer_m235c_1 ._supportButtonContainer_m235c_16 ._supportButton_m235c_16 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

._remote-online-chat-v2-indexContainer_m235c_1 ._supportButtonContainer_m235c_16 ._supportButton_m235c_16 ._supportIcon_m235c_27 {
    width: 16px;
    height: 16px;
    margin-inline-end: 8px
}

._remote-online-chat-v2-indexHeader_1bhjd_1 {
    flex: none;
    height: 60px;
    display: flex;
    align-items: center
}

._remote-online-chat-v2-indexHeader_1bhjd_1 ._back_1bhjd_7 {
    width: 24px;
    height: 24px
}

._remote-online-chat-v2-indexHeader_1bhjd_1 ._title_1bhjd_11 {
    flex: 1;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: var(--content-primary)
}

._remote-online-chat-v2-indexHeader_1bhjd_1 ._rightIcon_1bhjd_19 {
    width: 24px;
    height: 24px
}

._remote-online-chat-v2-indexHeader_1bhjd_1 ._rightIcon_1bhjd_19 ._zoomOutIcon_1bhjd_23 {
    width: 24px;
    height: 24px;
    cursor: pointer
}

[dir=rtl] ._remote-online-chat-v2-indexHeader_1bhjd_1 ._rightIcon_1bhjd_19 ._zoomOutIcon_1bhjd_23 {
    transform: rotate(-90deg)
}

._remote-online-chat-v2-selfService_1aeo4_1 {
    height: 100%;
    display: flex;
    flex-flow: column nowrap
}

._remote-online-chat-v2-selfService_1aeo4_1 ._content_1aeo4_6 {
    flex: 1;
    overflow: auto
}

._remote-online-chat-v2-selfService_1aeo4_1 ._content_1aeo4_6::-webkit-scrollbar {
    display: none
}

._remote-online-chat-v2-selfServiceHeader_100jv_1 {
    height: 60px;
    display: flex;
    align-items: center;
    flex: none
}

._remote-online-chat-v2-selfServiceHeader_100jv_1 ._back_100jv_7 {
    width: 24px;
    height: 24px;
    cursor: pointer
}

._remote-online-chat-v2-selfServiceHeader_100jv_1 ._back_100jv_7 ._backIcon_100jv_12 {
    pointer-events: none;
    font-size: 24px;
    color: var(--content-primary)
}

[dir=rtl] ._remote-online-chat-v2-selfServiceHeader_100jv_1 ._back_100jv_7 ._backIcon_100jv_12 {
    transform: rotate(180deg)
}

._remote-online-chat-v2-selfServiceHeader_100jv_1 ._title_100jv_20 {
    flex: 1;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: var(--content-primary)
}

._remote-online-chat-v2-selfServiceHeader_100jv_1 ._rightIcon_100jv_28 {
    width: 24px;
    height: 24px
}

._remote-online-chat-v2-selfServiceHeader_100jv_1 ._rightIcon_100jv_28 ._zoomOutIcon_100jv_32 {
    width: 24px;
    height: 24px;
    cursor: pointer
}

._remote-online-chat-v2-selfServiceHeader_100jv_1 [dir=rtl] ._backIcon_100jv_12 {
    transform: rotate(180deg)
}

._wrapper_7plvn_1 {
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: 40px;
    right: 15px;
    background-color: red;
    color: #fff
}

._chatModal_7plvn_11 {
    max-width: unset !important;
    margin: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden
}

._chatModal_7plvn_11 .ant-modal-content,
._chatModal_7plvn_11 .ant-modal-body {
    width: 100%;
    height: 100%;
    padding: 0
}

._chatModalWarp_7plvn_26 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fff
}

._chatModalWarp_7plvn_26 ._chatModalHeader_7plvn_33 {
    position: relative;
    display: flex;
    margin-bottom: 0;
    height: 44px
}

._chatModalWarp_7plvn_26 iframe {
    flex-grow: 1;
    border-width: 0
}