.message[data-v-153fbb61]{flex-direction:column;padding:.5em 1em;display:flex}.message-in[data-v-153fbb61]{align-items:flex-start}.message-out[data-v-153fbb61]{align-items:flex-end}.message__bg[data-v-153fbb61]{border-radius:18px;max-width:75%;padding:10px 20px;box-shadow:0 1px .5px #0b141a21}.message__main[data-v-153fbb61]{justify-content:flex-start;align-items:center;display:flex}.message__main+.attachments[data-v-153fbb61]{border-top:1px solid #b3b3b3;margin-top:5px}.message__text[data-v-153fbb61]{overflow-wrap:break-word;white-space:pre-wrap;padding-right:30px;display:block}.message__date[data-v-153fbb61]{text-align:right;opacity:.8;margin-top:6px;font-size:.6rem;display:block}.message-in .message__attachments-item[data-v-153fbb61],.message-in .message__bg[data-v-153fbb61]{background-color:#f7f7f7}.message-out .message__attachments-item[data-v-153fbb61],.message-out .message__bg[data-v-153fbb61]{color:#fff;background-color:#737373}.message-out .message__attachments-item .el-button.is-link[data-v-153fbb61],.message-out .message__bg .el-button.is-link[data-v-153fbb61]{color:#fff}.attachments[data-v-153fbb61]{flex-direction:column;justify-content:center;align-items:flex-start;padding:4px 0;display:flex}.attachments__item[data-v-153fbb61]{justify-content:space-between;align-items:center;width:100%;padding-bottom:12px;display:flex;position:relative}.attachments__name[data-v-153fbb61]{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:10px;font-weight:600;overflow:hidden}.attachments__btn[data-v-153fbb61]{color:#cacaca}.attachments__size[data-v-153fbb61]{color:#cacaca;font-size:.6rem;position:absolute;bottom:2px;left:0}