.chat-left .search[data-v-7d5cc504]{position:relative}.chat-left .search svg[data-v-7d5cc504]{position:absolute;top:8px}[dir=ltr] .chat-left .search svg[data-v-7d5cc504]{left:18px}[dir=rtl] .chat-left .search svg[data-v-7d5cc504]{right:18px}.chat-left .search input[data-v-7d5cc504]{width:100%;outline:none;color:#707991}[dir] .chat-left .search input[data-v-7d5cc504]{border-radius:10px;background:#fff;border:0;padding:9px 18px}[dir=ltr] .chat-left .search input[data-v-7d5cc504]{padding-left:55px}[dir=rtl] .chat-left .search input[data-v-7d5cc504]{padding-right:55px}[dir] .chat-left .chat-list[data-v-7d5cc504]{background-color:#fff;border-radius:10px;margin:20px 0}.chat-left .chat-list .item[data-v-7d5cc504]{display:flex;align-items:center}[dir] .chat-left .chat-list .item[data-v-7d5cc504]{padding:12px 16px;cursor:pointer}.chat-left .chat-list .item .message[data-v-7d5cc504]{display:flex;justify-content:space-between;width:calc(100% - 66px)}[dir=ltr] .chat-left .chat-list .item .message[data-v-7d5cc504]{margin-left:16px}[dir=rtl] .chat-left .chat-list .item .message[data-v-7d5cc504]{margin-right:16px}.chat-left .chat-list .item .message .left .img img[data-v-7d5cc504]{height:30px}.chat-left .chat-list .item .message .left .name[data-v-7d5cc504]{color:#011627;font-size:16px;font-weight:600;line-height:20px}.chat-left .chat-list .item .message .left span[data-v-7d5cc504]{color:#707991;font-size:14px;line-height:18px}.chat-left .chat-list .item .message .time[data-v-7d5cc504]{color:#707991;font-size:12px}.chat-left .bagde[data-v-7d5cc504]{width:19px;height:19px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:10px;font-style:normal;font-weight:600}[dir] .chat-left .bagde[data-v-7d5cc504]{background:red;border-radius:100%}[dir] .chat-right[data-v-fa79a8a0]{background:#fff;border-radius:10px}.chat-right .header[data-v-fa79a8a0]{display:flex;align-items:center}[dir] .chat-right .header[data-v-fa79a8a0]{padding:6px 12px}.chat-right .header span[data-v-fa79a8a0]{font-size:11.532px;font-weight:600;line-height:14.415px;color:#011627}[dir=ltr] .chat-right .header span[data-v-fa79a8a0]{margin-left:12px}[dir=rtl] .chat-right .header span[data-v-fa79a8a0]{margin-right:12px}.chat-right .chat-area[data-v-fa79a8a0]{height:calc(100vh - 300px);overflow-y:auto}.chat-right .chat-area[data-v-fa79a8a0]::-webkit-scrollbar{display:none}[dir=ltr] .chat-right .chat-area .message-left .time[data-v-fa79a8a0]{text-align:left!important}[dir=rtl] .chat-right .chat-area .message-left .time[data-v-fa79a8a0]{text-align:right!important}.chat-right .chat-area .message-left[data-v-fa79a8a0],.chat-right .chat-area .message-right[data-v-fa79a8a0]{display:flex}.chat-right .chat-area .message-left .content[data-v-fa79a8a0],.chat-right .chat-area .message-right .content[data-v-fa79a8a0]{display:inline-block;max-width:70%}[dir] .chat-right .chat-area .message-left .content[data-v-fa79a8a0],[dir] .chat-right .chat-area .message-right .content[data-v-fa79a8a0]{border-radius:11.372px;background:#f1f0f0;margin:0 12px;padding:6px 12px;margin-bottom:15px}.chat-right .chat-area .message-left .content .img img[data-v-fa79a8a0],.chat-right .chat-area .message-right .content .img img[data-v-fa79a8a0]{max-height:30vh;max-width:70vh}.chat-right .chat-area .message-left .content span[data-v-fa79a8a0],.chat-right .chat-area .message-right .content span[data-v-fa79a8a0]{width:100%;word-break:break-all;color:#011627;font-size:15.163px;line-height:18.953px}[dir] .chat-right .chat-area .message-left .content span[data-v-fa79a8a0],[dir] .chat-right .chat-area .message-right .content span[data-v-fa79a8a0]{border-radius:11.372px}.chat-right .chat-area .message-left .content .time[data-v-fa79a8a0],.chat-right .chat-area .message-right .content .time[data-v-fa79a8a0]{color:#011627;font-size:15.163px;line-height:18.953px}[dir=ltr] .chat-right .chat-area .message-left .content .time[data-v-fa79a8a0],[dir=ltr] .chat-right .chat-area .message-right .content .time[data-v-fa79a8a0]{text-align:right}[dir=rtl] .chat-right .chat-area .message-left .content .time[data-v-fa79a8a0],[dir=rtl] .chat-right .chat-area .message-right .content .time[data-v-fa79a8a0]{text-align:left}.chat-right .chat-area .message-right[data-v-fa79a8a0]{justify-content:right}[dir] .chat-right .chat-area .message-right .content[data-v-fa79a8a0]{background-color:#8780ea}.chat-right .chat-area .message-right .content .time[data-v-fa79a8a0],.chat-right .chat-area .message-right .content span[data-v-fa79a8a0]{color:#fff}.chat-right .input-chat[data-v-fa79a8a0]{display:flex;position:relative}[dir] .chat-right .input-chat[data-v-fa79a8a0]{padding:8px 30px}.chat-right .input-chat .emoji-select[data-v-fa79a8a0]{position:absolute;bottom:100px}.chat-right .input-chat .box-chat-wrap[data-v-fa79a8a0]{position:absolute;bottom:90px}[dir] .chat-right .input-chat .box-chat-wrap[data-v-fa79a8a0]{background-color:#fff;padding:15px}[dir=ltr] .chat-right .input-chat .box-chat-wrap[data-v-fa79a8a0],[dir=rtl] .chat-right .input-chat .box-chat-wrap[data-v-fa79a8a0]{left:0;right:0}.chat-right .input-chat .box-chat-wrap svg[data-v-fa79a8a0]{position:absolute}[dir=ltr] .chat-right .input-chat .box-chat-wrap svg[data-v-fa79a8a0]{right:15px}[dir=rtl] .chat-right .input-chat .box-chat-wrap svg[data-v-fa79a8a0]{left:15px}.chat-right .input-chat .box-chat-wrap .preview-img img[data-v-fa79a8a0]{max-height:150px}[dir=ltr] .chat-right .input-chat .icon-upload[data-v-fa79a8a0]{margin-left:5px}[dir=rtl] .chat-right .input-chat .icon-upload[data-v-fa79a8a0]{margin-right:5px}[dir] .chat-right .input-chat svg[data-v-fa79a8a0]{cursor:pointer}.chat-right .input-chat .chat-textarea[data-v-fa79a8a0]{outline:none;width:100%}[dir] .chat-right .input-chat .chat-textarea[data-v-fa79a8a0]{border:1px solid #8c84ec;border-radius:8px;padding:5px 8px;margin:0 10px}.chat-manage[data-v-e3a44328]{display:flex}.chat-manage .left[data-v-e3a44328]{width:30%}.chat-manage .right[data-v-e3a44328]{width:70%}[dir=ltr] .chat-manage .right[data-v-e3a44328]{margin-left:15px}[dir=rtl] .chat-manage .right[data-v-e3a44328]{margin-right:15px}@media (max-width:700px){.chat-manage[data-v-e3a44328]{display:block}.chat-manage .left[data-v-e3a44328],.chat-manage .right[data-v-e3a44328]{width:100%}[dir=ltr] .chat-manage .right[data-v-e3a44328]{margin-left:0}[dir=rtl] .chat-manage .right[data-v-e3a44328]{margin-right:0}}.table .item[data-v-e3a44328]{display:flex;max-width:400px;justify-content:space-between;align-items:center}[dir] .table .item[data-v-e3a44328]{padding:15px 0 10px;border-bottom:1px solid grey}[dir] .chat[data-v-e3a44328]{margin-top:30px}.chat .item-left[data-v-e3a44328],.chat .item-right[data-v-e3a44328]{width:100%}[dir] .chat .item-left[data-v-e3a44328],[dir] .chat .item-right[data-v-e3a44328]{margin-bottom:25px}[dir=ltr] .chat .item-left[data-v-e3a44328],[dir=ltr] .chat .item-right[data-v-e3a44328]{text-align:left}[dir=rtl] .chat .item-left[data-v-e3a44328],[dir=rtl] .chat .item-right[data-v-e3a44328]{text-align:right}.chat .item-left span[data-v-e3a44328],.chat .item-right span[data-v-e3a44328]{color:#aaa;font-size:14px;display:block}.chat .item-left .text[data-v-e3a44328],.chat .item-right .text[data-v-e3a44328]{max-width:65vw;word-break:break-all;display:inline-block}[dir] .chat .item-left .text[data-v-e3a44328],[dir] .chat .item-right .text[data-v-e3a44328]{background-color:#dddada;padding:8px 15px;border-radius:8px;margin-top:8px}.chat .item-left .text .time[data-v-e3a44328],.chat .item-right .text .time[data-v-e3a44328]{color:#5c5c5c;font-size:12px;display:inline}[dir=ltr] .chat .item-left .text .time[data-v-e3a44328],[dir=ltr] .chat .item-right .text .time[data-v-e3a44328]{margin-left:10px}[dir=rtl] .chat .item-left .text .time[data-v-e3a44328],[dir=rtl] .chat .item-right .text .time[data-v-e3a44328]{margin-right:10px}[dir=ltr] .chat .item-right[data-v-e3a44328]{text-align:right}[dir=rtl] .chat .item-right[data-v-e3a44328]{text-align:left}[dir] .chat .item-right .text[data-v-e3a44328]{background-color:#a0deff}.chat-input[data-v-e3a44328]{position:fixed;bottom:0;display:flex;width:500px}[dir] .chat-input[data-v-e3a44328]{background-color:#f8f8f8;padding:20px 28px 20px}[dir=ltr] .chat-input[data-v-e3a44328]{right:0}[dir=rtl] .chat-input[data-v-e3a44328]{left:0}.chat-input input[data-v-e3a44328]{width:100%}[dir] .chat-input input[data-v-e3a44328]{padding:10px 15px}[dir=ltr] .chat-input button[data-v-e3a44328]{margin-left:10px}[dir=rtl] .chat-input button[data-v-e3a44328]{margin-right:10px}@media (max-width:500px){.chat-input[data-v-e3a44328]{width:100%}}