.chat-area[data-v-7d21f3e6]{overflow-y:scroll;position:relative;height:65vh;padding:15px;border:1px solid #ccc}.chat-area .message[data-v-7d21f3e6]{max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:6px;margin:5px}.chat-area .message .name[data-v-7d21f3e6]{font-weight:500;cursor:pointer}.chat-area .message small[data-v-7d21f3e6]{font-weight:100;font-size:.7rem;display:none}.chat-area .message:hover>small[data-v-7d21f3e6]{display:block}.chat-area .message .text[data-v-7d21f3e6]{background:var(--background);padding:.5vw;border-radius:1em;position:relative;margin-top:10px;color:#181818;font-weight:300;white-space:break-spaces}.chat-area .message .text[data-v-7d21f3e6]:after{bottom:100%;top:-18px;left:10px;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:10px solid transparent;border-bottom-color:var(--background)}.chat-area .message .img-message[data-v-7d21f3e6]{max-width:50%}.chat-area .message.rigth[data-v-7d21f3e6]{margin-left:auto;margin-right:1.875rem;text-align:right}.chat-area .message.rigth .text[data-v-7d21f3e6]{background:var(--background)}.chat-area .message.rigth .text[data-v-7d21f3e6]:after{right:10px;left:auto;border-bottom-color:var(--background)}.chat-area .file_url[data-v-7d21f3e6]{text-decoration:underline;color:#03f;display:block}.file-container[data-v-7d21f3e6]{max-height:150px;overflow-y:scroll}.list-group-item+.list-group-item[data-v-7d21f3e6]{border-top-width:1px}.center[data-v-7d21f3e6]{position:absolute;font-size:2vw;right:0;left:0;color:#ccc;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}