@keyframes text-loading-4b83c99c{0%{content:"."}33%{content:".."}66%{content:"..."}}@media (max-width:480px){.customer-dialog[data-v-4b83c99c]{width:90vw;height:80vh;margin:0 5vw}.message-content[data-v-4b83c99c]{max-width:13.75rem}}.text-loading[data-v-4b83c99c]{align-items:center;display:flex}.text-loading[data-v-4b83c99c]:after{content:".";font-weight:600;animation:1s infinite text-loading-4b83c99c}.online-customer-modal[data-v-4b83c99c]{justify-content:center;align-items:center;position:relative}.customer-dialog[data-v-4b83c99c],.online-customer-modal[data-v-4b83c99c]{overscroll-behavior:contain;display:flex}.customer-dialog[data-v-4b83c99c]{flex-direction:column;width:27.375rem;height:37.5rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.1)}.dialog-header[data-v-4b83c99c]{z-index:10;justify-content:space-between;height:3.4375rem;padding:0 1.25rem;line-height:3.4375rem;box-shadow:0 .25rem .375rem rgba(84,85,118,.12)}.dialog-header[data-v-4b83c99c],.header-left[data-v-4b83c99c]{align-items:center;display:flex}.header-left[data-v-4b83c99c]{gap:.75rem}.avatar[data-v-4b83c99c]{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;overflow:hidden}.avatar img[data-v-4b83c99c]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.header-info .title[data-v-4b83c99c]{color:#333;margin-bottom:.125rem;font-size:1rem;font-weight:600}.header-info .status[data-v-4b83c99c]{color:#28a745;font-size:.75rem}.close-btn[data-v-4b83c99c]{cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;transition:background-color .2s}.dialog-content[data-v-4b83c99c]{background:#fff;flex:1;padding:0 .375rem;overflow:hidden}.dialog-content-pine[data-v-4b83c99c]{overscroll-behavior:contain;height:100%;padding:2.75rem 1.25rem 1.25rem;overflow-y:auto}.date-divider[data-v-4b83c99c]{text-align:center;margin-bottom:1rem}.date-divider span[data-v-4b83c99c]{color:#666;background:#fff;border:.0625rem solid #e9ecef;border-radius:.75rem;padding:.25rem .75rem;font-size:.75rem}.message-item[data-v-4b83c99c]{gap:.5rem;margin-bottom:2.75rem;display:flex}.message-item.user-message[data-v-4b83c99c]{flex-direction:row-reverse}.message-avatar[data-v-4b83c99c]{border-radius:50%;flex-shrink:0;width:2.25rem;height:2.25rem;overflow:hidden}.message-avatar img[data-v-4b83c99c]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-avatar[data-v-4b83c99c]{color:#fff;background:#007bff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;display:flex}.message-content[data-v-4b83c99c]{flex:1;max-width:17.5rem;position:relative}.message-content .message-time[data-v-4b83c99c]{position:absolute;top:-1.5rem;left:0}.user-message .message-content[data-v-4b83c99c]{flex-direction:column;align-items:flex-end;display:flex}.user-message .message-content .message-time[data-v-4b83c99c]{right:0}.message-bubble[data-v-4b83c99c]{color:#1f1f1f;white-space:normal;word-break:break-word;padding:.625rem;font-size:.875rem;line-height:1.4}.user-message .message-bubble[data-v-4b83c99c]{background:#cbe5fc}.service-message .message-bubble[data-v-4b83c99c]{background:#f7f6f9}.message-time[data-v-4b83c99c]{color:#999;padding:0 .25rem;font-size:.75rem}.user-message .message-time[data-v-4b83c99c]{text-align:right}.dialog-footer[data-v-4b83c99c]{z-index:10;width:100%;min-height:6.5rem;padding:.75rem 1.1875rem 1.25rem;position:absolute;bottom:0;left:0}.input-container[data-v-4b83c99c]{background:#f2f3f7;border:.0625rem solid #e8eaf0;border-radius:.75rem;align-items:center;min-height:4.5rem;padding:.625rem}.input-container[data-v-4b83c99c] .ant-input:focus{box-shadow:none}.message-input[data-v-4b83c99c]{border:.0625rem solid #e9ecef;border-radius:.5rem;outline:none;padding:.625rem .75rem;font-size:.875rem;transition:border-color .2s}.message-input[data-v-4b83c99c]:focus{border-color:#007bff}.send[data-v-4b83c99c]{justify-content:flex-end;margin-top:.625rem;display:flex}.send-btn[data-v-4b83c99c]{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:1.25rem;height:1.625rem;padding:0 .625rem;font-size:.875rem;transition:background-color .2s}.send-btn[data-v-4b83c99c]:hover:not(:disabled){background:#3367d6}.send-btn[data-v-4b83c99c]:disabled{cursor:not-allowed;background:#ccc}.dialog-content[data-v-4b83c99c]::-webkit-scrollbar{width:.25rem}.dialog-content[data-v-4b83c99c]::-webkit-scrollbar-track{background:#f1f1f1}.dialog-content[data-v-4b83c99c]::-webkit-scrollbar-thumb{background:#ccc;border-radius:.125rem}.dialog-content[data-v-4b83c99c]::-webkit-scrollbar-thumb:hover{background:#999}[data-v-4b83c99c] .ant-input{color:#1f1f1f;resize:none;scrollbar-width:thin;background-color:transparent;border:none;border-radius:0;outline:none;padding:0;font-size:.9375rem;line-height:1.5625rem;transition:none}[data-v-4b83c99c] .ant-input::-webkit-scrollbar{width:.25rem;height:.25rem}[data-v-4b83c99c] .ant-input::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:.25rem}[data-v-4b83c99c] .ant-input::-webkit-scrollbar-track{background:0 0;border-radius:.25rem}