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