.chat-file-button[data-v-64fcc28e]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;margin:0 10px 0 0;padding:0;vertical-align:middle;color:#556c84;font-size:25px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0}.chat-file-button .document-input[data-v-64fcc28e]{display:none!important}.file-type-icon[data-v-222ab996]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;width:34px;height:42px;margin-right:12px;color:#467bce;vertical-align:middle}.file-type-icon.text[data-v-222ab996]{color:#2b9278}.file-type-icon.json[data-v-222ab996]{color:#be8742}.chat-read-status{font-size:14px;font-weight:500;line-height:22px;color:#79889b;text-align:right;margin:4px 72px 0 0;clear:both}.chat-read-status.is-read{color:#36866d}.live-typing{font-size:13px;line-height:24px;color:#4580be;padding:0 14px;min-height:24px;background:#f3f8fe}.live-typing:after{content:" ···";letter-spacing:2px;-webkit-animation:typing-pulse 1s ease-in-out infinite alternate;animation:typing-pulse 1s ease-in-out infinite alternate}@-webkit-keyframes typing-pulse{to{opacity:.35}}@keyframes typing-pulse{to{opacity:.35}}.chat-identity{position:relative;-webkit-box-flex:0;-ms-flex:0 0 52px;flex:0 0 52px;width:52px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start}.chat-display-name{position:absolute;top:0;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:144px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:20px;text-align:left;color:#536780}.right-box .chat-display-name{left:auto;right:0;text-align:right}.chat-identity .avatar,.chat-identity .chart_list_item_avatar{width:40px!important;height:40px!important;margin:0!important;-ms-flex-item-align:center!important;align-self:center!important;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px}.chat-identity img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.kefu-layouts .chat-body .flex-box{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.kefu-layouts .chat-body .msg-wrapper{-ms-flex-item-align:start;align-self:flex-start;height:auto;min-height:0;margin-top:24px;font-size:17px!important;line-height:1.55}.kefu-layouts .chat-body .msg-wrapper .pad16{padding:9px 13px}.kefu-layouts .chat-read-status{margin-right:64px}.pc_customerServer_container .chart_list_item_content{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important;gap:12px}.pc_customerServer_container .chart_list_item_img,.pc_customerServer_container .chart_list_item_imgOrText,.pc_customerServer_container .chart_list_item_text{-ms-flex-item-align:start;align-self:flex-start;height:auto;min-height:0;margin-top:24px}.pc_customerServer_container .chart_list_item_text{font-size:17px!important;line-height:1.55;max-width:calc(100% - 64px)!important;padding:9px 13px!important;text-align:left!important;overflow-wrap:anywhere}.pc_customerServer_container .chart_list_item_img{max-width:calc(100% - 64px)!important}.pc_customerServer_container .chart_list_item_text span{font-size:inherit;line-height:inherit}.pc_customerServer_container .pc_customerServer_container_header_title .chat-service-title{font-size:18px}.kefu-layouts .chat-textarea .editable,.pc_customerServer_container .footer_customerServer_container .font,.pc_customerServer_container .pc_customerServer_container_footer_input-textarea{font-size:17px!important;line-height:1.55!important}.mobile-chat-view{min-width:0;min-height:0;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mobile-chat-view .footer_customerServer_container,.mobile-chat-view .pc_customerServer_container_header{-ms-flex-negative:0;flex-shrink:0}.mobile-chat-view .pc_customerServer_container_content{min-width:0;min-height:0}.mobile-chat-view .happy-scroll-container{width:100%!important;height:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.mobile-chat-view .happy-scroll-content{display:block!important;width:100%;max-width:100%;min-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0!important}.mobile-chat-view .scroll_content{width:100%!important;height:auto!important;min-height:100%;overflow:visible!important}.mobile-chat-view .chart_list,.mobile-chat-view .chart_list_item{width:100%;min-width:0}.mobile-chat-view .chart_list_item_img,.mobile-chat-view .chart_list_item_imgOrText,.mobile-chat-view .chart_list_item_text{min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:calc(100% - 64px)!important}.mobile-chat-view .footer_customerServer_container{padding-bottom:env(safe-area-inset-bottom,0)}.mobile-chat-view .mobel_customerServer_container_footer_input{min-width:0}@media(max-width:600px){.pc_customerServer_container .scroll_content{width:100%!important}.pc_customerServer_container .chart_list_item_content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 12px!important;gap:10px}.pc_customerServer_container .chat-identity{-ms-flex-preferred-size:44px;flex-basis:44px;width:44px}.pc_customerServer_container .chat-display-name{max-width:132px}.pc_customerServer_container .chart_list_item_img,.pc_customerServer_container .chart_list_item_text{max-width:calc(100% - 54px)!important}.pc_customerServer_container .chat-read-status{margin-right:66px}.mobile-chat-view .chart_list_item_imgOrText{max-width:calc(100% - 54px)!important}}.chat-file-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:240px;min-width:130px;padding:13px 16px;border:1px solid #d8e4f1;border-radius:12px;background:#f1f7ff;color:#334b65;overflow-wrap:anywhere;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none}.chat-file-card strong{display:block;font-size:16px;font-weight:500}.chat-file-card small{display:block;font-size:12px;color:#6e849c;margin-top:8px}.conversation-presence{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;min-height:36px;padding:0 20px;border-bottom:1px solid #edf1f6;font-size:13px;color:#8a98a8;background:#fff}.conversation-presence i{width:6px;height:6px;border-radius:50%;background:#a9b4c0}.conversation-presence.online{color:#278775}.conversation-presence.online i{background:#32b58b}.chat-file-copy{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow-wrap:anywhere}.chat-file-card small{margin-top:5px}.pc_customerServer_container_header_title{min-width:0;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.pc_customerServer_container_header_title .chat-service-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 60px)}.staff-presence{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap;font-size:12px;line-height:22px;padding:0 8px;border-radius:12px;color:#657386;background:#edf1f6}.staff-presence i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#98a4b2}.staff-presence.online{background:#e8f8ed;color:#218347}.staff-presence.online i{background:#32ba65}.staff-presence.offline{background:#edf0f3;color:#76808c}@media(max-width:480px){.pc_customerServer_container_header_title{gap:6px}.pc_customerServer_container_header_title .chat-service-title{font-size:16px!important;max-width:calc(100vw - 174px)}.staff-presence{font-size:11px;padding:0 6px}}.kefu-layouts .chat-body .txt-wrapper,.kefu-layouts .chat-textarea .editable,.kefu-layouts .msg-box .txt-box,.mobile-chat-view .mobel_customerServer_container_footer_input_con .font,.pc_customerServer_container .chart_list_item_text,.pc_customerServer_container .chart_list_item_text span,.pc_customerServer_container .pc_customerServer_container_footer_input-textarea{white-space:pre-wrap;-moz-tab-size:4;-o-tab-size:4;tab-size:4;overflow-wrap:anywhere}.chat-url-text{color:inherit;text-decoration:none;overflow-wrap:anywhere;word-break:break-word}.chat-copy-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;min-width:26px;height:26px;margin-left:5px;padding:0 4px;border:0;border-radius:5px;background:transparent;color:#68809d;cursor:pointer;font-family:inherit;font-size:12px;line-height:1;white-space:nowrap}.chat-copy-link:hover{background:rgba(72,119,173,.1)}.chat-copy-link:focus-visible{outline:2px solid #4b90df;outline-offset:1px}.chat-copy-icon{display:inline-block;position:relative;width:16px;height:17px;-ms-flex-negative:0;flex-shrink:0}.chat-copy-icon:after,.chat-copy-icon:before{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:10px;height:12px;border:1.5px solid currentColor;border-radius:2px}.chat-copy-icon:before{left:1px;top:1px}.chat-copy-icon:after{left:5px;top:5px;background:#fff}.chat-copy-link.copied{color:#23866c}.chat-copy-link.copy-failed{color:#b55b46}.chat-copy-status{font-size:12px;white-space:nowrap}.chat-copy-link.copied .chat-copy-icon,.chat-copy-link.copy-failed .chat-copy-icon{display:none}