.group-chat[data-v-c9ea3e94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;background-color:#f5f5f5;position:relative;overflow:hidden}.header[data-v-c9ea3e94]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#3274ff;color:#fff;padding:5px 10px;z-index:1001;position:relative}.header .group-info[data-v-c9ea3e94],.header[data-v-c9ea3e94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .group-info[data-v-c9ea3e94]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.header .group-info .group-img[data-v-c9ea3e94]{width:40px;height:40px;border-radius:50px;margin-right:5px}.header .group-info .group-name[data-v-c9ea3e94]{font-size:20px;font-weight:700}.message-list[data-v-c9ea3e94]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px 15px;background-color:#f0f0f0;background-image:radial-gradient(#e6e6e6 1px,transparent 0),radial-gradient(#e6e6e6 1px,transparent 0);background-size:50px 50px;background-position:0 0,25px 25px;padding-bottom:80px}.message-list .message-time[data-v-c9ea3e94]{font-size:13px;color:#999;margin:20px 0;padding:0 10px;position:relative;text-align:center}.message-list .revoke-message-wrapper[data-v-c9ea3e94]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px 0}.message-list .revoke-message[data-v-c9ea3e94]{padding:4px 12px;background-color:rgba(0,0,0,.05);color:#8c8c8c;font-size:12px;border-radius:18px;text-align:center;white-space:nowrap;letter-spacing:.5px}.message-list .message-item[data-v-c9ea3e94]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.message-list .message-item .avatar[data-v-c9ea3e94]{width:40px;height:40px;border-radius:50%;background-color:#eee;-o-object-fit:cover;object-fit:cover;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-flex-negative:0;flex-shrink:0}.message-list .message-item .message-content[data-v-c9ea3e94]{max-width:70%;position:relative}.message-list .message-item .sender-name[data-v-c9ea3e94]{font-size:12px;color:#666;margin-bottom:4px;padding:0 10px}.message-list .message-item .message-bubble[data-v-c9ea3e94]{padding:10px 15px;border-radius:12px;word-wrap:break-word;position:relative;font-size:14px;line-height:1.5;max-width:70vw;display:inline-block}.message-list .message-item .message-bubble.sent-bubble[data-v-c9ea3e94]{background-color:#95ec69;border-bottom-right-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-list .message-item .message-bubble.received-bubble[data-v-c9ea3e94]{background-color:#fff;border-bottom-left-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-list .message-item .message-status[data-v-c9ea3e94]{font-size:11px;color:#999;margin-top:4px;text-align:right}.message-list .message-item.sent[data-v-c9ea3e94]{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.message-list .message-item.sent .avatar[data-v-c9ea3e94]{margin-left:10px!important;margin-right:0!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.message-list .message-item.sent .message-content[data-v-c9ea3e94]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.message-list .message-item.received[data-v-c9ea3e94]{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.message-list .message-item.received .avatar[data-v-c9ea3e94]{margin-right:10px!important;margin-left:0!important}.message-list .message-item.received .message-content[data-v-c9ea3e94]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important;-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.chat-footer[data-v-c9ea3e94]{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000}.input-area[data-v-c9ea3e94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 5px;background-color:#fff;-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.05);box-shadow:0 -1px 2px rgba(0,0,0,.05);overflow-x:auto;position:relative;z-index:2;-webkit-transition:all .3s ease;transition:all .3s ease}.input-icon[data-v-c9ea3e94]{padding:0 8px;color:#666;cursor:pointer}.file_input[data-v-c9ea3e94]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.message-input[data-v-c9ea3e94]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:40px;padding:0 15px;border:1px solid #ddd;border-radius:20px;outline:none;-webkit-transition:border-color .2s;transition:border-color .2s;min-width:150px}.message-input[data-v-c9ea3e94]:focus{border-color:#3274ff}.send-btn[data-v-c9ea3e94]{height:40px;padding:0 20px;background-color:#3274ff;color:#fff;border:none;border-radius:20px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.send-btn[data-v-c9ea3e94]:hover:not(:disabled){background-color:#1e5ae8}.send-btn[data-v-c9ea3e94]:disabled{background-color:#ccc;cursor:not-allowed}@media screen and (max-width:375px){.group-name[data-v-c9ea3e94]{font-size:16px}.header[data-v-c9ea3e94]{padding:5px 8px}.input-icon[data-v-c9ea3e94]{padding:0 5px}.send-btn[data-v-c9ea3e94]{padding:0 15px}}@media screen and (min-width:768px){.header[data-v-c9ea3e94]{padding:10px 20px}.input-area[data-v-c9ea3e94]{padding:15px 20px}.message-input[data-v-c9ea3e94]{max-width:600px}}.mobel_customerServer_container_footer_emojiList[data-v-c9ea3e94]{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee;height:0;overflow:hidden;padding:0;display:grid;grid-template-columns:repeat(9,1fr);grid-row-gap:15px;grid-column-gap:5px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 -2px 8px rgba(0,0,0,.1);box-shadow:0 -2px 8px rgba(0,0,0,.1);max-height:200px}.canSelectemoji[data-v-c9ea3e94]{height:165px!important;padding:10px;overflow-y:auto;padding-bottom:20px}.emoji-item[data-v-c9ea3e94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;min-height:40px}.emoji-item[data-v-c9ea3e94]:hover{background-color:#f5f5f5}.emoji-item .em[data-v-c9ea3e94]{font-size:24px;min-width:30px;min-height:30px}.emoji-btn[data-v-c9ea3e94],.emoji-item .em[data-v-c9ea3e94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.emoji-btn[data-v-c9ea3e94]{padding:0 8px;cursor:pointer}.message-bubble .em[data-v-c9ea3e94]{font-size:20px;vertical-align:middle;margin:0 2px;display:inline-block}.sent-bubble[data-v-c9ea3e94]{background-color:#95ec69;color:#333;border-radius:10px 0 10px 10px;padding:10px 8px;max-width:80%;word-wrap:break-word;word-break:break-all}.sent-bubble-no-bg[data-v-c9ea3e94]{background-color:transparent;padding:0;max-width:80%;border-radius:10px}.received-bubble[data-v-c9ea3e94]{background-color:#fff;color:#333;border-radius:0 10px 10px 10px;padding:10px 8px;max-width:80%;word-wrap:break-word;word-break:break-all}.received-bubble-no-bg[data-v-c9ea3e94]{background-color:transparent;padding:0;max-width:80%;border-radius:10px}.message-image[data-v-c9ea3e94]{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer;display:block;margin:0;-o-object-fit:cover;object-fit:cover}.recall-icon[data-v-c9ea3e94]{position:absolute;right:5px;bottom:0;font-size:16px;color:#ff4d4f;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.recall-icon[data-v-c9ea3e94]:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.message-video[data-v-c9ea3e94]{max-width:200px;max-height:200px;border-radius:8px;display:block;margin:0;-o-object-fit:cover;object-fit:cover}.message-image[data-v-c9ea3e94]:hover,.message-video[data-v-c9ea3e94]:hover{opacity:.9;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.message-item[data-v-c9ea3e94]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.loading-indicator[data-v-c9ea3e94],.no-more-messages[data-v-c9ea3e94]{text-align:center;padding:10px;color:#999;font-size:12px}.no-more-messages[data-v-c9ea3e94]{margin-top:10px}