.chat-attachment{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;word-break:break-word}.chat-attachment:hover .remove-btn{display:block}.chat-attachment.downloadable{cursor:pointer}.chat-attachment.downloadable:hover .icon-doc{display:none}.chat-attachment.downloadable:hover .icon-cloud-download{display:inline-block}.chat-attachment .icon-cloud-download{display:none}.chat-attachment .remove-btn{display:none;position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;line-height:1rem;border-radius:50%;border:none;border:1px solid var(--gray-200);color:var(--white);background:rgba(0,0,0,.5)}.chat-attachment .remove-btn:focus,.chat-attachment .remove-btn:hover{font-weight:700;background:rgba(0,0,0,.8)}.chat-message-input .input-area{border-radius:1em;overflow:hidden}.chat-message-input textarea{display:block;width:100%;border:none;resize:none;padding:.5rem 1rem}.chat-attachment-image{max-width:min(80%,40em);border-radius:4px;overflow:hidden;cursor:-webkit-zoom-in;cursor:zoom-in}.chat-messages{height:0;overflow-y:auto}.chat-messages .message-line .message-delete{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.chat-messages .message-line:hover .message-delete{opacity:1}.chat-messages .message{max-width:min(80%,40em);padding:.5rem 1rem;border-radius:1.5em;word-break:break-word;white-space:pre-wrap}.chat-messages .message.same-below{margin-bottom:2px}.chat-messages .message.same-above.mine{border-top-right-radius:4px!important}.chat-messages .message.same-below.mine{border-bottom-right-radius:4px!important}.chat-messages .message.same-above:not(.mine){border-top-left-radius:4px!important}.chat-messages .message.same-below:not(.mine){border-bottom-left-radius:4px!important}.chat-sidebar{width:20rem;background:var(--white)}.chat-sidebar .chat-group{position:relative;color:unset;text-decoration:none;display:block;padding:1em 2em;margin:.5em;border-radius:.5em;cursor:pointer}.chat-sidebar .chat-group.active,.chat-sidebar .chat-group:hover{background:var(--light)}.chat-sidebar .chat-group .chat-name,.chat-sidebar .chat-group .last-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar .chat-group .unread-indicator{position:absolute;right:2em;top:50%;width:8px;height:8px;background:var(--primary);margin:-4px;border-radius:4px}.chat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%}.chat__content--dragging>*,.chat__dropzone{pointer-events:none}.chat__dropzone{position:absolute;width:100%;height:100%;top:0;left:0;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;background:hsla(0,0%,100%,.75)}