.chat-list[data-v-c07a8422]{width:100%;height:calc(100% - 3rem);overflow-y:auto}.chat-list .header[data-v-c07a8422]{height:4rem;padding:0 1rem;display:flex;align-items:center}.chat[data-v-c07a8422]{padding:1rem;cursor:pointer;border-bottom:solid .1rem var(--chat-list-separator-color);position:relative}.chat[data-v-c07a8422]:hover{background-color:rgba(0,0,0,.3)}.chat.active[data-v-c07a8422]:before{content:"";position:absolute;left:0;top:0;width:.2rem;height:100%;background-color:var(--sidebar-item-active-color)}.chat-title[data-v-c07a8422]{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem}.chat-title .time[data-v-c07a8422]{font-size:.8rem;color:var(--chat-list-time-color)}.chat-message[data-v-c07a8422]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.chat-last-message[data-v-c07a8422]{font-size:.9rem;color:var(--chat-list-secondary-color);height:1.2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.broadcast-message-input[data-v-c07a8422]{width:100%;height:4rem;margin-top:1rem;border:1px solid #ccc;border-radius:1rem;overflow:hidden;align-self:center;display:flex}.broadcast-message-input textarea[data-v-c07a8422]{width:90%;height:100%;padding:1rem;outline:none}.broadcast-message-input button[data-v-c07a8422]{width:4rem;height:100%;border-radius:0;margin:0}.broadcast-message-input button[data-v-c07a8422]:last-child{width:10rem}.context-menu[data-v-0e2dedd4]{position:relative;transform-origin:top;content-visibility:auto;overflow:hidden;background-color:var(--color-natural-white);border-radius:var(--global-border-radius);box-shadow:0 4px 8px 0 var(--color-shadow-context-menu);z-index:100}.context-menu--flat-top[data-v-0e2dedd4]{border-top-left-radius:0;border-top-right-radius:0}.context-menu--flat-bottom[data-v-0e2dedd4]{border-bottom-left-radius:0;border-bottom-right-radius:0}.context-menu--disable-shadows[data-v-0e2dedd4]{box-shadow:none}.context-menu-item-container[data-v-5f63dc53]{display:flex;justify-content:flex-start;align-items:center;padding:0 16px;min-height:3rem;cursor:pointer;flex-wrap:wrap}.context-menu-item-container[data-v-5f63dc53]:hover{background-color:#f5f6f8}.context-menu-item-icon-box[data-v-5f63dc53]{width:24px;height:24px;display:flex;flex:0;align-items:center;justify-content:center;margin-right:10px}.context-menu-item-label[data-v-5f63dc53]{display:flex}.item-label[data-v-5f63dc53]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item-subline[data-v-5f63dc53]{font-size:.8rem}.chat[data-v-767ed79d]{width:100%;height:100%;display:flex;flex-direction:column}.chat-header[data-v-767ed79d]{height:4rem;line-height:4rem;padding:0 2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.chat-header input[data-v-767ed79d]{width:auto;margin-left:auto}.chat-messages[data-v-767ed79d]{height:calc(100% - 10rem);padding:1rem;display:flex;flex-direction:column-reverse;align-items:flex-start;overflow-y:auto}.message[data-v-767ed79d]{margin-bottom:.8rem;max-width:80%}.message .fa-spinner[data-v-767ed79d]{margin-left:.4rem;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.message.sent[data-v-767ed79d]{align-self:flex-end}.message .body[data-v-767ed79d]{position:relative;padding:.5rem;border-radius:.3rem;background-color:var(--table-odd-row-background-color);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message .body p[data-v-767ed79d]{min-height:1.5rem}.message .attachment[data-v-767ed79d]{display:flex;flex-direction:row;align-items:center;border-radius:.3rem;cursor:pointer;overflow:hidden}.message .sender[data-v-767ed79d]{font-size:.8rem;color:#ccc;margin:.2rem .2rem 0 0;text-align:right}.message .time[data-v-767ed79d]{font-size:.8rem;color:#aaa;margin-left:.2rem}.message.sent .body[data-v-767ed79d]{background-color:#4a90e2;color:#fff}.chat-input[data-v-767ed79d]{width:80%;height:4rem;margin-top:1rem;border:1px solid #ccc;border-radius:1rem;overflow:hidden;align-self:center;display:flex}.chat-input textarea[data-v-767ed79d]{width:90%;height:100%;padding:1rem;outline:none}.chat-input button[data-v-767ed79d]{width:4rem;height:100%;border-radius:0;margin:0}.chat-input button[data-v-767ed79d]:last-child{width:10rem}.attachment-preview-modal[data-v-767ed79d]{max-width:80%;max-height:80%;height:80%}.attachment-preview-modal .modal-content[data-v-767ed79d]{width:100%;height:100%;overflow:hidden}.attachment-preview-modal .modal-body[data-v-767ed79d]{overflow:auto;display:flex;justify-content:center;align-items:center}.attachment-preview-modal img[data-v-767ed79d]{height:100%;-o-object-fit:cover;object-fit:cover}.attachment-preview-modal iframe[data-v-767ed79d]{width:100%;height:100%;border:none}.save[data-v-767ed79d]{color:var(--primary-text-color);width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;border-radius:.3rem}.save[data-v-767ed79d]:hover{background-color:var(--chat-attachment-background-color)}.message.sent .save[data-v-767ed79d]{color:#fff}.message.sent .save[data-v-767ed79d]:hover{background-color:hsla(0,0%,100%,.1)}[data-theme=dark] .message.sent .save[data-v-767ed79d]:hover{background-color:rgba(0,0,0,.1)}.message-context-menu[data-v-767ed79d]{position:absolute;color:#000}.reply[data-v-767ed79d]{border-radius:.3rem;background-color:hsla(0,0%,100%,.64)}[data-theme=dark] .reply[data-v-767ed79d]{background-color:rgba(0,0,0,.16)}.reply .sender[data-v-767ed79d]{text-align:left}.reply .message[data-v-767ed79d]{max-width:30rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chats-page[data-v-fd65e804]{width:100%;height:100%;display:flex;flex-direction:row}.chat-list-container[data-v-fd65e804]{width:20%}.chat-container[data-v-fd65e804]{width:80%}