@charset "UTF-8";
._remote-online-chat-v2-richTextRender_99kkz_2 {
  position: relative;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  color: var(--content-primary);
}
._remote-online-chat-v2-richTextRender_99kkz_2 p {
  margin: 0;
}
._remote-online-chat-v2-richTextRender_99kkz_2 img {
  max-width: 100%;
}
._remote-online-chat-v2-richTextRender_99kkz_2 video {
  max-width: 100%;
  max-height: 300px;
}
._remote-online-chat-v2-richTextRender_99kkz_2 ol {
  counter-reset: list-0;
  margin: 0;
  padding: 0;
}
._remote-online-chat-v2-richTextRender_99kkz_2 li[data-list=ordered] > span:first-child::before {
  content: counter(list-0, decimal) ". ";
  counter-increment: list-0;
}
._remote-online-chat-v2-richTextRender_99kkz_2 li[data-list=bullet] > span:first-child::before {
  content: "•";
}
._remote-online-chat-v2-richTextRender_99kkz_2 li {
  list-style-type: none;
  position: relative;
}
._remote-online-chat-v2-richTextRender_99kkz_2 li > span:first-child::before {
  display: inline-block;
  white-space: nowrap;
  width: 16px;
}
._remote-online-chat-v2-richTextRender_99kkz_2 a {
  color: var(--brand-default);
  text-decoration: underline;
}
._remote-online-chat-v2-richTextRender_99kkz_2 ._image_99kkz_43 {
  width: 100%;
}
._remote-online-chat-v2-richTextRender_99kkz_2 .ant-image {
  width: 100%;
}._remote-online-chat-v2-popup-container_oljzh_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-mask);
  animation: _slideUp_oljzh_1 0.3s ease-out forwards;
  font-size: 16px;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  ._remote-online-chat-v2-popup-container_oljzh_1 {
    border-radius: 8px;
  }
}
._remote-online-chat-v2-popup-container_oljzh_1 ._popup_oljzh_17 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--bg-modal);
  border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 768px) {
  ._remote-online-chat-v2-popup-container_oljzh_1 ._popup_oljzh_17 {
    border-radius: 8px;
  }
}
._remote-online-chat-v2-popup-container_oljzh_1 ._popup_oljzh_17 ._popupHeader_oljzh_30 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 16px 24px;
  font-weight: 600;
}
._remote-online-chat-v2-popup-container_oljzh_1 ._popup_oljzh_17 ._popupHeader_oljzh_30:has(._title_oljzh_37) {
  justify-content: space-between;
}
._remote-online-chat-v2-popup-container_oljzh_1 ._popup_oljzh_17 ._popupHeader_oljzh_30 ._title_oljzh_37 {
  flex: 1;
  word-break: break-word;
  color: var(--content-primary);
}
._remote-online-chat-v2-popup-container_oljzh_1 ._popup_oljzh_17 ._popupHeader_oljzh_30 ._closeIcon_oljzh_45 {
  margin-left: 24px;
  cursor: pointer;
  width: 14px;
  height: 14px;
  color: var(--icon-tertiary);
  font-size: var(--font-size-sm);
}
._remote-online-chat-v2-popup-container_oljzh_1 ._popup_oljzh_17 ._headerBottomLine_oljzh_53 {
  border-bottom: 1px solid var(--divider-modal);
}._remote-online-chat-v2-emergency-notice_1h89r_1 {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
._remote-online-chat-v2-emergency-notice_1h89r_1 ._content_1h89r_6 {
  margin-bottom: 16px;
  max-height: 288px;
  overflow-y: scroll;
}
._remote-online-chat-v2-emergency-notice_1h89r_1 ._content_1h89r_6::-webkit-scrollbar {
  width: 6px;
}
._remote-online-chat-v2-emergency-notice_1h89r_1 ._content_1h89r_6::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 10px;
}
._remote-online-chat-v2-emergency-notice_1h89r_1 ._content_1h89r_6::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
._remote-online-chat-v2-emergency-notice_1h89r_1 ._footer_1h89r_22 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 8px 0;
}
._remote-online-chat-v2-emergency-notice_1h89r_1 ._footer_1h89r_22 button {
  flex: 1;
}
._remote-online-chat-v2-emergency-notice_1h89r_1 ._footer_1h89r_22 button:first-child {
  margin-right: 12px;
}

._remote-online-chat-v2-emergency-notice-popup-content_1h89r_36 {
  bottom: 50% !important;
  width: calc(100% - 70px) !important;
  transform: translateY(50%) translateX(35px);
  border-radius: 8px !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_jg6yi_1 {
  padding: 16px 24px 24px 24px;
}
._remote-online-chat-v2-guestLoginContainer_jg6yi_1 ._loginButtonContainer_jg6yi_4 {
  display: flex;
  flex-flow: column nowrap;
}

._remote-online-chat-v2-unLoginContainer_jg6yi_9 {
  display: flex;
  flex-flow: column nowrap;
  padding: 16px 24px 24px 24px;
}
._remote-online-chat-v2-unLoginContainer_jg6yi_9 ._mainSiteLoginButton_jg6yi_14 {
  margin-bottom: 16px;
}
._remote-online-chat-v2-unLoginContainer_jg6yi_9 ._guestLoginButton_jg6yi_17 {
  background-color: var(--brand-container);
  color: var(--brand-default);
}

@keyframes _slideUp_jg6yi_1 {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes _slideDown_jg6yi_1 {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}._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_1pru2_1 {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  animation: _slideUp_1pru2_1 0.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_1pru2_1._closing_1pru2_15 {
  animation: _slideDown_1pru2_1 0.3s ease-out forwards;
}
._remote-online-chat-v2-container_1pru2_1 .ant-message {
  position: absolute;
  top: 122px;
  left: 0;
}
._remote-online-chat-v2-container_1pru2_1 .ant-message-notice {
  padding: 8px 60px !important;
}

@keyframes _slideUp_1pru2_1 {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes _slideDown_1pru2_1 {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  ._remote-online-chat-v2-container_1pru2_1 {
    bottom: 12px;
    right: 12px;
    width: calc(100% - 12px);
    max-width: 432px;
    max-height: max(500px, min(90vh, 812px));
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
    border-radius: 16px;
  }
}._remote-online-chat-v2-announcement_5gdoh_1 {
  flex: none;
  width: 100%;
  margin: 0 auto;
  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: 0px 4px 26px 0px rgba(0, 0, 0, 0.06);
}
._remote-online-chat-v2-announcement_5gdoh_1 ._icon_5gdoh_14 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
._remote-online-chat-v2-announcement_5gdoh_1 ._title_5gdoh_19 {
  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_5gdoh_1 ._more_5gdoh_30 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-default);
  font-size: 14px;
  cursor: pointer;
  flex-shrink: 0;
}
._remote-online-chat-v2-announcement_5gdoh_1 ._more_5gdoh_30 [dir=rtl] ._moreIcon_5gdoh_39 {
  transform: rotate(180deg);
}._remote-online-chat-v2-chatFooter_1ku39_1 {
  position: sticky;
  bottom: 0;
  padding: 16px 0;
  flex: none;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 {
  position: relative;
  flex: 1;
  background-color: var(--fill-default);
  border-radius: 4px;
  overflow: hidden;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._textareaWrapper_1ku39_19 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-right: 8px;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._textareaWrapper_1ku39_19 ._sendBtn_1ku39_25 {
  margin-left: 4px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--brand-container);
  transition: background-color 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  ._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._textareaWrapper_1ku39_19 ._sendBtn_1ku39_25:hover {
    background-color: var(--info-disable);
  }
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._textareaWrapper_1ku39_19 ._sendBtn_1ku39_25 ._sendIcon_1ku39_40 {
  width: 24px;
  height: 24px;
  color: var(--brand-default);
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._textareaWrapper_1ku39_19 ._sendBtn_1ku39_25 ._sendIconDisabled_1ku39_45 {
  color: var(--icon-tertiary);
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._textarea_1ku39_19 {
  border: unset;
  background: unset;
  resize: none;
  padding: 12px;
  font-size: 14px;
  line-height: 22px;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._textarea_1ku39_19:hover, ._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._textarea_1ku39_19:focus {
  border: unset;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._textarea_1ku39_19::placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._replyMessage_1ku39_64 {
  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_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._replyMessage_1ku39_64 ._divider_1ku39_78 {
  display: none;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._replyMessage_1ku39_64 ._replyMsgText_1ku39_81 {
  margin-left: 4px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._replyMessage_1ku39_64 svg {
  cursor: pointer;
  margin-right: 4px;
  flex-shrink: 0;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._inputContainer_1ku39_12 ._replyMessage_1ku39_64 ._closeIcon_1ku39_93 {
  width: 12px;
  height: 12px;
  cursor: pointer;
  color: var(--text-tertiary);
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._uploadWrapper_1ku39_99 {
  margin-right: 12px;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._uploadWrapper_1ku39_99 ._uploadIcon_1ku39_102 {
  cursor: pointer;
  width: 24px;
  height: 24px;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._disabled_1ku39_107 {
  pointer-events: none;
  background-color: var(-fill-page-button-disable);
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._expandIcon_1ku39_111 {
  cursor: pointer;
  width: 24px;
  height: 24px;
  color: var(--content-secondary);
  transition: all 0.3s ease-in-out;
  margin-left: 12px;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._disabledExpandIcon_1ku39_119 {
  pointer-events: none;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 ._expanded_1ku39_122 {
  transform: rotate(45deg);
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._inputWrapper_1ku39_7 .ant-form-item {
  margin: 0;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._tools_1ku39_128 {
  height: 0;
  overflow: hidden;
  display: flex;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._tools_1ku39_128 ._tool_1ku39_128 {
  height: 52px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._tools_1ku39_128 ._tool_1ku39_128:not(:last-child) {
  margin-right: 24px;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._tools_1ku39_128 ._tool_1ku39_128 ._icon_1ku39_144 {
  color: var(--content-primary);
  width: 24px;
  height: 24px;
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._tools_1ku39_128 ._tool_1ku39_128 ._text_1ku39_19 {
  font-size: 14px;
  line-height: 20px;
  color: var(--content-primary);
}
._remote-online-chat-v2-chatFooter_1ku39_1 ._showTools_1ku39_154 {
  height: fit-content;
  margin-top: 20px;
}._remote-online-chat-v2-chatHeader_1pe9e_1 {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: none;
}
._remote-online-chat-v2-chatHeader_1pe9e_1 ._backIcon_1pe9e_8 {
  cursor: pointer;
  font-size: 24px;
  color: var(--content-primary);
}
._remote-online-chat-v2-chatHeader_1pe9e_1 ._chatTitle_1pe9e_13 {
  display: flex;
  align-items: center;
}
._remote-online-chat-v2-chatHeader_1pe9e_1 ._chatTitle_1pe9e_13 ._chatAvatarWrapper_1pe9e_17 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--fill-gray-solid);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}
._remote-online-chat-v2-chatHeader_1pe9e_1 ._chatTitle_1pe9e_13 ._chatAvatarWrapper_1pe9e_17 ._chatAvatar_1pe9e_17 {
  max-width: 100%;
  max-height: 100%;
}
._remote-online-chat-v2-chatHeader_1pe9e_1 ._chatTitle_1pe9e_13 ._chatInfo_1pe9e_31 {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  color: var(--content-primary);
}
._remote-online-chat-v2-chatHeader_1pe9e_1 ._chatTitle_1pe9e_13 ._chatInfo_1pe9e_31 ._chatInfoTitle_1pe9e_38 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
._remote-online-chat-v2-chatHeader_1pe9e_1 ._chatTitle_1pe9e_13 ._chatInfo_1pe9e_31 ._chatInfoSubtitle_1pe9e_43 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
._remote-online-chat-v2-chatHeader_1pe9e_1 ._zoomOutIconWrapper_1pe9e_48 ._zoomOutIcon_1pe9e_48 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
._remote-online-chat-v2-chatHeader_1pe9e_1 [dir=rtl] ._backIcon_1pe9e_8 {
  transform: rotate(180deg);
}

._remote-online-chat-v2-inAppHeader_1pe9e_57 {
  justify-content: center;
}@keyframes _spin_uzmgh_1 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
._remote-online-chat-v2-chatMessages_uzmgh_9 {
  height: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}
._remote-online-chat-v2-chatMessages_uzmgh_9 > div {
  flex: none;
  margin-top: 12px;
}
._remote-online-chat-v2-chatMessages_uzmgh_9::-webkit-scrollbar {
  display: none;
}

._remote-online-chat-v2-scrollBottom_uzmgh_23 {
  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);
}
._remote-online-chat-v2-scrollBottom_uzmgh_23 ._scrollBottomIcon_uzmgh_37 {
  width: 24px;
  height: 24px;
  color: var(--content-primary);
}

._remote-online-chat-v2-loadingWrapper_uzmgh_43 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
._remote-online-chat-v2-loadingWrapper_uzmgh_43 ._loadingIcon_uzmgh_49 {
  width: 16px;
  height: 16px;
  color: var(--content-secondary);
  animation: _spin_uzmgh_1 1s linear infinite;
}
._remote-online-chat-v2-loadingWrapper_uzmgh_43 ._noMore_uzmgh_55 {
  color: var(--content-secondary);
  font-size: 12px;
}._remote-online-chat-v2-questionCard_1haf9_1 {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._topBar_1haf9_8 {
  display: flex;
  flex-direction: column;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._topBar_1haf9_8 ._title_1haf9_12 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--content-primary);
}
._remote-online-chat-v2-questionCard_1haf9_1 ._topBar_1haf9_8 ._searchBar_1haf9_18 {
  width: 100%;
  padding: 9px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background-color: var(--fill-default);
  margin-top: 16px;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._topBar_1haf9_8 ._searchBar_1haf9_18 ._searchIcon_1haf9_27 {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  color: var(--content-secondary);
}
._remote-online-chat-v2-questionCard_1haf9_1 ._topBar_1haf9_8 ._searchBar_1haf9_18 ._searchInput_1haf9_33 {
  border: unset;
  background: unset;
  padding: 0;
  height: 22px;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._topBar_1haf9_8 ._searchBar_1haf9_18 ._searchInput_1haf9_33:hover, ._remote-online-chat-v2-questionCard_1haf9_1 ._topBar_1haf9_8 ._searchBar_1haf9_18 ._searchInput_1haf9_33:focus {
  border: unset;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._groupList_1haf9_42 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._groupList_1haf9_42 ._group_1haf9_42 {
  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_1haf9_1 ._contentWrapper_1haf9_42 ._groupList_1haf9_42 ._group_1haf9_42:not(:last-child) {
  margin-right: 8px;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._groupList_1haf9_42 ._selected_1haf9_62 {
  color: var(--brand-default);
  background-color: var(--brand-container);
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._questionList_1haf9_66 {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._questionList_1haf9_66::-webkit-scrollbar {
  width: 6px;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._questionList_1haf9_66::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 10px;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._questionList_1haf9_66::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._questionList_1haf9_66 ._questionItem_1haf9_82 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._questionList_1haf9_66 ._questionItem_1haf9_82:not(:last-child) {
  margin-bottom: 16px;
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._questionList_1haf9_66 ._questionItem_1haf9_82 ._questionIcon_1haf9_90 {
  width: 6px;
  height: 6px;
  color: var(--brand-default);
}
._remote-online-chat-v2-questionCard_1haf9_1 ._contentWrapper_1haf9_42 ._questionList_1haf9_66 ._questionItem_1haf9_82 ._questionTitle_1haf9_95 {
  margin: 0 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_1haf9_1 ._contentWrapper_1haf9_42 ._questionList_1haf9_66 ._questionItem_1haf9_82 ._rightIcon_1haf9_105 {
  width: 16px;
  height: 16px;
  color: var(--content-secondary);
}

._remote-online-chat-v2-renderMsg_1haf9_111 {
  border-radius: 16px;
  padding: 12px;
  background-color: var(--fill-default);
  min-height: 412px;
  height: 412px;
}
._remote-online-chat-v2-renderMsg_1haf9_111 ._contentWrapper_1haf9_42 {
  flex: 1;
  overflow: auto;
  padding-right: 4px;
}
._remote-online-chat-v2-renderMsg_1haf9_111 ._contentWrapper_1haf9_42::-webkit-scrollbar {
  width: 6px;
}
._remote-online-chat-v2-renderMsg_1haf9_111 ._contentWrapper_1haf9_42::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 10px;
}
._remote-online-chat-v2-renderMsg_1haf9_111 ._contentWrapper_1haf9_42::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
._remote-online-chat-v2-renderMsg_1haf9_111 ._contentWrapper_1haf9_42 ._questionList_1haf9_66 {
  max-height: 220px;
  overflow-y: auto;
}._remote-online-chat-v2-selfServiceTool_uzz9d_1 {
  margin-top: 32px;
  margin-bottom: 28px;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._titleWrapper_uzz9d_5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._titleWrapper_uzz9d_5 ._title_uzz9d_5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--content-primary);
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._titleWrapper_uzz9d_5 ._more_uzz9d_17 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._titleWrapper_uzz9d_5 ._more_uzz9d_17 ._text_uzz9d_22 {
  font-size: 14px;
  line-height: 20px;
  color: var(--content-primary);
  cursor: pointer;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._titleWrapper_uzz9d_5 ._more_uzz9d_17 ._icon_uzz9d_28 {
  color: var(--content-primary);
  font-size: 16px;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._tools_uzz9d_32 {
  display: flex;
  flex-wrap: wrap;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._tools_uzz9d_32 ._tool_uzz9d_32 {
  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_uzz9d_1 ._tools_uzz9d_32 ._tool_uzz9d_32:nth-child(2n) {
  margin-left: 12px;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._tools_uzz9d_32 ._tool_uzz9d_32:nth-child(n+3) {
  margin-top: 12px;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._tools_uzz9d_32 ._tool_uzz9d_32 ._icon_uzz9d_28 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._tools_uzz9d_32 ._tool_uzz9d_32 ._icon_uzz9d_28 img {
  width: 20px;
  height: 20px;
}
._remote-online-chat-v2-selfServiceTool_uzz9d_1 ._tools_uzz9d_32 ._tool_uzz9d_32 ._text_uzz9d_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_uzz9d_74 {
  border-radius: 16px;
  padding: 12px;
  background-color: var(--fill-default);
  margin: 0 !important;
}._remote-online-chat-v2-messageWrapper_5o6n2_1 {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
}
._remote-online-chat-v2-messageWrapper_5o6n2_1 ._message_5o6n2_8 {
  max-width: 300px;
  padding: 12px;
  border-radius: 16px;
  position: relative;
  color: var(--content-primary);
}
._remote-online-chat-v2-messageWrapper_5o6n2_1 ._message_5o6n2_8 p {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
._remote-online-chat-v2-messageWrapper_5o6n2_1 ._message_5o6n2_8 video {
  max-width: 100%;
}
._remote-online-chat-v2-messageWrapper_5o6n2_1 ._statusContainer_5o6n2_23 {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
}
._remote-online-chat-v2-messageWrapper_5o6n2_1 ._statusContainer_5o6n2_23 ._replyIcon_5o6n2_29 {
  width: 16px;
  height: 16px;
}
._remote-online-chat-v2-messageWrapper_5o6n2_1 ._statusContainer_5o6n2_23 img {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
._remote-online-chat-v2-messageWrapper_5o6n2_1 ._statusContainer_5o6n2_23 ._time_5o6n2_38 {
  font-size: 12px;
  color: var(--content-secondary);
  text-align: right;
}
._remote-online-chat-v2-messageWrapper_5o6n2_1 ._failedStatus_5o6n2_43 {
  color: var(--error);
}

._remote-online-chat-v2-messageLeft_5o6n2_47 ._message_5o6n2_8 {
  background-color: var(--fill-default);
  margin-left: 8px;
  margin-right: 4px;
}
._remote-online-chat-v2-messageLeft_5o6n2_47 ._message_5o6n2_8::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_5o6n2_47 ._message_5o6n2_8::before {
  left: auto;
  right: -8px;
  border-right: none;
  border-left: 8px solid var(--fill-default);
}

._remote-online-chat-v2-messageRight_5o6n2_72 {
  flex-flow: row-reverse nowrap;
  align-self: flex-end;
}
._remote-online-chat-v2-messageRight_5o6n2_72 ._message_5o6n2_8 {
  display: flex;
  flex-flow: column nowrap;
  background-color: var(--brand-container);
  margin-right: 8px;
  margin-left: 4px;
}
._remote-online-chat-v2-messageRight_5o6n2_72 ._message_5o6n2_8::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_5o6n2_72 ._message_5o6n2_8::after {
  right: auto;
  left: -8px;
  border-left: none;
  border-right: 8px solid var(--brand-container);
}
._remote-online-chat-v2-messageRight_5o6n2_72 ._statusContainer_5o6n2_23 {
  align-items: flex-end;
}
._remote-online-chat-v2-messageRight_5o6n2_72 ._reply_5o6n2_29 {
  display: none;
}

._remote-online-chat-v2-replyMsg_5o6n2_109 {
  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_5o6n2_109 ._divider_5o6n2_124 {
  margin-right: 4px;
  width: 2px;
  height: 10px;
  background-color: var(--icon-tertiary);
}
._remote-online-chat-v2-replyMsg_5o6n2_109 ._replyContent_5o6n2_130 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}._remote-online-chat-v2-feedbackMessage_ctv1c_1 {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  color: var(--content-primary);
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_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_ctv1c_1 ._content_ctv1c_7:first-child {
  margin-bottom: 16px;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 .ant-form-item {
  margin-bottom: 0;
  line-height: 1;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 .ant-form-item-control-input {
  min-height: 0;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._title_ctv1c_25 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._title_ctv1c_25 :nth-child(1) {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._title_ctv1c_25 :nth-child(2) {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  color: var(--content-secondary);
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._question_ctv1c_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_ctv1c_1 ._content_ctv1c_7 ._question_ctv1c_41 ._rate_ctv1c_52 {
  margin: 10px 0;
  line-height: 1;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._question_ctv1c_41 ._rate_ctv1c_52 .ant-rate-star:not(:last-child) {
  margin-right: 16px;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._question_ctv1c_41 .ant-rate {
  --rate-star-color: var(--brand-default);
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._question_ctv1c_41 .ant-rate :nth-child(3) {
  display: none;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._options_ctv1c_65 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  max-height: 72px;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._options_ctv1c_65 ._option_ctv1c_65 {
  margin-left: 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;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._options_ctv1c_65 .ant-checkbox {
  display: none;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._options_ctv1c_65 .ant-checkbox-wrapper-checked {
  width: 100%;
  height: 100%;
  background: var(--brand-container);
  color: var(--brand-default);
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._footer_ctv1c_93 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._footer_ctv1c_93 button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._footer_ctv1c_93 button:nth-child(2) {
  margin-left: 16px;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._footer_ctv1c_93 button ._buttonText_ctv1c_108 {
  margin-left: 4px;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._footer_ctv1c_93 button ._likeIcon_ctv1c_111 {
  width: 24px;
  height: 24px;
  color: var(--content-primary);
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._footer_ctv1c_93 button ._unlikeIcon_ctv1c_116 {
  transform: rotate(180deg);
  width: 24px;
  height: 24px;
  color: var(--content-primary);
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._footer_ctv1c_93 button ._iconActive_ctv1c_122 {
  color: var(--brand-default);
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._footer_ctv1c_93 ._active_ctv1c_125 {
  background: var(--brand-container);
  color: var(--brand-default);
  border: 1px solid transparent;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._content_ctv1c_7 ._comment_ctv1c_130 {
  width: 100%;
  height: 78px;
  padding: 12px;
  background: var(--fill-default);
  border: none;
  border-radius: 8px;
  margin: 24px 0;
}
._remote-online-chat-v2-feedbackMessage_ctv1c_1 ._mask_ctv1c_139 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

._remote-online-chat-v2-feedbackMessage-disabled_ctv1c_148 ._mask_ctv1c_139 {
  display: block;
}._remote-online-chat-v2-fileMessage_bpn97_1 {
  display: flex;
  align-items: center;
}
._remote-online-chat-v2-fileMessage_bpn97_1 ._fileIcon_bpn97_5 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._remote-online-chat-v2-fileMessage_bpn97_1 ._fileName_bpn97_10 {
  margin-left: 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_fdg1a_1 {
  display: flex;
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 {
  padding-left: 8px;
  width: 300px;
  margin-right: 4px;
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._recommendTitle_fdg1a_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  gap: 8px;
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._recommendTitle_fdg1a_9 ._title_fdg1a_16 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--content-primary);
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._recommendTitle_fdg1a_9 ._refreshIcon_fdg1a_22 {
  width: 20px;
  height: 20px;
  color: var(--content-secondary);
  cursor: pointer;
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._questions_fdg1a_28 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._questions_fdg1a_28 ._item_fdg1a_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_fdg1a_1 ._questionContainer_fdg1a_4 ._questions_fdg1a_28 ._item_fdg1a_33:not(:last-child) {
  margin-right: 12px;
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._questions_fdg1a_28 ._item_fdg1a_33 ._title_fdg1a_16 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--content-primary);
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._questions_fdg1a_28 ._item_fdg1a_33 ._icon_fdg1a_52 {
  font-size: 14px;
  color: var(--content-secondary);
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._recommendQuestions_fdg1a_56 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 0;
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._recommendQuestions_fdg1a_56 ._item_fdg1a_33 {
  width: 100%;
  margin-bottom: 0;
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._questionContainer_fdg1a_4 ._recommendQuestions_fdg1a_56 ._item_fdg1a_33:not(:last-child) {
  margin-right: 0;
}
._remote-online-chat-v2-questionWrapper_fdg1a_1 ._time_fdg1a_69 {
  display: flex;
  font-size: 12px;
  color: var(--content-secondary);
  text-align: right;
  align-items: flex-end;
}._remote-online-chat-v2-resolveActions_12zau_1 {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
._remote-online-chat-v2-resolveActions_12zau_1 ._actionItem_12zau_6 {
  display: flex;
  cursor: pointer;
  align-items: center;
}
._remote-online-chat-v2-resolveActions_12zau_1 ._actionItem_12zau_6:not(:last-child) {
  margin-right: 16px;
}
._remote-online-chat-v2-resolveActions_12zau_1 ._actionItem_12zau_6 ._unLikeIcon_12zau_14 {
  transform: rotate(180deg);
}
._remote-online-chat-v2-resolveActions_12zau_1 ._actionItem_12zau_6 ._text_12zau_17 {
  margin-left: 2px;
  font-size: 14px;
  color: var(--content-primary);
}._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_1xdrk_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  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_p3fod_1 {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
._remote-online-chat-v2-indexContainer_p3fod_1 ._inAppGap_p3fod_6 {
  height: 12px;
}
._remote-online-chat-v2-indexContainer_p3fod_1 ._content_p3fod_9 {
  flex: 1;
  overflow: auto;
}
._remote-online-chat-v2-indexContainer_p3fod_1 ._content_p3fod_9::-webkit-scrollbar {
  display: none;
}
._remote-online-chat-v2-indexContainer_p3fod_1 ._supportButtonContainer_p3fod_16 {
  flex: none;
  width: 100%;
  padding: 20px 0;
}
._remote-online-chat-v2-indexContainer_p3fod_1 ._supportButtonContainer_p3fod_16 ._supportButton_p3fod_16 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._remote-online-chat-v2-indexContainer_p3fod_1 ._supportButtonContainer_p3fod_16 ._supportButton_p3fod_16 ._supportIcon_p3fod_27 {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}._remote-online-chat-v2-indexHeader_a5no1_1 {
  flex: none;
  height: 60px;
  display: flex;
  align-items: center;
}
._remote-online-chat-v2-indexHeader_a5no1_1 ._back_a5no1_7 {
  width: 24px;
  height: 24px;
}
._remote-online-chat-v2-indexHeader_a5no1_1 ._title_a5no1_11 {
  flex: 1;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--content-primary);
}
._remote-online-chat-v2-indexHeader_a5no1_1 ._rightIcon_a5no1_19 {
  width: 24px;
  height: 24px;
}
._remote-online-chat-v2-indexHeader_a5no1_1 ._rightIcon_a5no1_19 ._zoomOutIcon_a5no1_23 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}._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_jislw_1 {
  height: 60px;
  display: flex;
  align-items: center;
  flex: none;
}
._remote-online-chat-v2-selfServiceHeader_jislw_1 ._back_jislw_7 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
._remote-online-chat-v2-selfServiceHeader_jislw_1 ._back_jislw_7 ._backIcon_jislw_12 {
  pointer-events: none;
  font-size: 24px;
  color: var(--content-primary);
}
._remote-online-chat-v2-selfServiceHeader_jislw_1 ._title_jislw_17 {
  flex: 1;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--content-primary);
}
._remote-online-chat-v2-selfServiceHeader_jislw_1 ._rightIcon_jislw_25 {
  width: 24px;
  height: 24px;
}
._remote-online-chat-v2-selfServiceHeader_jislw_1 ._rightIcon_jislw_25 ._zoomOutIcon_jislw_29 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
._remote-online-chat-v2-selfServiceHeader_jislw_1 [dir=rtl] ._backIcon_jislw_12 {
  transform: rotate(180deg);
}._wrapper_7plvn_1 {
  width: 80px;
  height: 80px;
  position: fixed;
  bottom: 40px;
  right: 15px;
  background-color: red;
  color: #ffffff;
}

._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;
}