.room[data-v-772413c9]{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-772413c9]{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-772413c9]{position:relative;flex:1 1 0%}.messages[data-v-772413c9]>: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-772413c9]{overflow-y:auto;padding:.5rem}.messages .new-message[data-v-772413c9]{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-772413c9]{height:0px;overflow:hidden}.message[data-v-772413c9]{position:relative;font-size:.875rem;line-height:1.25rem}.message .unread-dot[data-v-772413c9]{position:absolute;top:50%;right:.5rem}.message .message-meta[data-v-772413c9]{margin-bottom:.125rem;display:flex;align-items:center;gap:.375rem}.message .name[data-v-772413c9]{font-size:.75rem;line-height:1rem;font-weight:600}.message .time[data-v-772413c9]{font-size:10px;line-height:14px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.message .text[data-v-772413c9]{white-space:pre-wrap;overflow-wrap:break-word;font-size:.75rem;line-height:1rem;line-height:1.25}.message .sound[data-v-772413c9]{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-772413c9]{--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-772413c9]{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.message .images-preview[data-v-772413c9]{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.25rem}.message .system[data-v-772413c9]{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}.input[data-v-772413c9]{display:flex;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.125rem}.input .editor[data-v-772413c9]{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}.input .editor[data-v-772413c9]: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))}.input .input-actions[data-v-772413c9]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.input .input-icons[data-v-772413c9]{display:flex;flex-direction:column;align-items:center}.input .image-upload[data-v-772413c9]{cursor:pointer;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.input .image-upload[data-v-772413c9]:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.input .input-images[data-v-772413c9]{display:flex;flex-wrap:wrap;gap:.25rem}.input .input-images .image-preview[data-v-772413c9]{position:relative;display:inline-block}.input .input-images .image-preview img[data-v-772413c9]{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.input .input-images .image-preview .remove[data-v-772413c9]{position:absolute;top:-.25rem;right:-.25rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.input .send-btn[data-v-772413c9]{border-radius:.25rem;padding:.25rem .5rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.input .send-btn[data-v-772413c9]:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.input .send-btn[data-v-772413c9]:disabled{cursor:not-allowed;opacity:.5}.input .send-btn[data-v-772413c9]:not(:disabled):hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.input .audio-widget[data-v-772413c9]{display:grid;flex:1 1 0%;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.25rem;text-align:center}.input .audio-widget .el-button[data-v-772413c9]{height:2.5rem;width:2.5rem}.input .audio-widget .recording[data-v-772413c9]{--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))}