.room[data-v-be5957c6]{display:flex;max-height:16rem;min-height:16rem;flex-direction:column;overflow:hidden;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.room .title[data-v-be5957c6]{display:flex;align-items:center;gap:.25rem;border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));padding:.5rem;font-size:.75rem;line-height:1rem;font-weight:500}.messages[data-v-be5957c6]{position:relative;flex:1 1 0%}.messages[data-v-be5957c6]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.messages[data-v-be5957c6]{overflow-y:auto;padding:.5rem}.messages .new-message[data-v-be5957c6]{position:sticky;bottom:0;left:50%;width:7rem;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(56 189 248 / var(--tw-bg-opacity, 1));padding:.125rem .25rem;text-align:center;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.bottom[data-v-be5957c6]{height:0px;overflow:hidden}.message[data-v-be5957c6]{position:relative;font-size:.875rem;line-height:1.25rem}.message .unread-dot[data-v-be5957c6]{position:absolute;top:50%;right:.5rem}.message .message-meta[data-v-be5957c6]{margin-bottom:.125rem;display:flex;align-items:center;gap:.375rem}.message .name[data-v-be5957c6]{font-size:.75rem;line-height:1rem;font-weight:600}.message .time[data-v-be5957c6]{font-size:10px;line-height:14px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.message .text[data-v-be5957c6]{white-space:pre-wrap;overflow-wrap:break-word;font-size:.75rem;line-height:1rem;line-height:1.25}.message .sound[data-v-be5957c6]{margin-top:.25rem;height:1.5rem;width:12rem;cursor:pointer;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.125rem;font-size:.75rem;line-height:1rem}.message .sound.active[data-v-be5957c6]{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.message .sound.active .icons-sound.playing[data-v-be5957c6]{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.message .images-preview[data-v-be5957c6]{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.25rem}.message .msg-attachment[data-v-be5957c6]{display:inline-block}.message .system[data-v-be5957c6]{margin-left:auto;margin-right:auto;width:20rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));padding:.25rem;text-align:center}.message-form[data-v-be5957c6]{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.5rem}.message-form .editor[data-v-be5957c6]{resize:none;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.25rem;font-size:.875rem;line-height:1.25rem}.message-form .editor[data-v-be5957c6]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.message-form .send-btn[data-v-be5957c6]{border-radius:.25rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.message-form .send-btn[data-v-be5957c6]:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.message-form .send-btn[data-v-be5957c6]:disabled{cursor:not-allowed;opacity:.5}.message-form .send-btn[data-v-be5957c6]:not(:disabled):hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.message-form .audio-widget[data-v-be5957c6]{display:grid;flex:1 1 0%;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.25rem;text-align:center}.message-form .audio-widget .el-button[data-v-be5957c6]{height:2.5rem;width:2.5rem}.message-form .audio-widget .recording[data-v-be5957c6]{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.message-form .images-preview[data-v-be5957c6]{margin-top:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.message-form .images-preview.images-preview--pending .pending-attachment[data-v-be5957c6]{display:flex;max-width:80px;flex-direction:column;align-items:stretch}.message-form .images-preview.images-preview--pending .file-label[data-v-be5957c6]{margin-top:.125rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:14px;line-height:1.25;letter-spacing:-.05em;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.message-form .images-preview .image[data-v-be5957c6]{position:relative;margin:.125rem}.message-form .images-preview .image .thumb-box[data-v-be5957c6]{height:80px;width:80px;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.message-form .images-preview .image .pdf-thumb-placeholder[data-v-be5957c6]{display:flex;height:80px;width:80px;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding-left:.25rem;padding-right:.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.message-form .images-preview .image .pdf-thumb-placeholder .fa-file-pdf[data-v-be5957c6]{font-size:1.5rem;line-height:2rem}.message-form .images-preview .image .pdf-thumb-placeholder .pdf-hint[data-v-be5957c6]{text-align:center;font-size:10px;line-height:14px;line-height:1.25;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.message-form .images-preview .image.uploading .el-image[data-v-be5957c6]{opacity:.25}.message-form .images-preview .image.uploading .el-icon-loading[data-v-be5957c6]{display:block}.message-form .images-preview .image.uploading .top-right[data-v-be5957c6]{display:none}.message-form .images-preview .image .el-icon-loading[data-v-be5957c6]{position:absolute;top:50%;right:50%;display:none;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.message-form .images-preview .image .top-right[data-v-be5957c6]{position:absolute;top:-.25rem;right:-.25rem}.message-form .images-preview .image .top-right .fa-check-circle[data-v-be5957c6]{--tw-text-opacity: 1 !important;color:rgb(34 197 94 / var(--tw-text-opacity, 1))!important}.message-form .images-preview .image .top-right .fa-times-circle[data-v-be5957c6]{--tw-text-opacity: 1 !important;color:rgb(107 114 128 / var(--tw-text-opacity, 1))!important}.message-form .images-preview .image:hover .fa-times-circle[data-v-be5957c6]{display:block}.message-form .images-preview[data-v-be5957c6]:empty{display:none}