header.messages > span { font-size: 1.1rem; line-height: 1.2rem; }

header.messages > span span.icon { flex: 0 0 var(--module-double); height: var(--module-double); margin: 0 var(--module-half); opacity: 0.7; }

header.messages > span span.icon img { width: 100%; }

header.messages > span span.name { margin-right: var(--module-half); }

main.messages { flex-direction: column; padding: calc(4 * var(--module)) 0 var(--module-half); flex: 1 1 100%; justify-content: flex-end; }

main.messages .msg-container { flex-direction: column; align-items: center; transition: opacity 5s ease-out; }

main.messages .msg-container.new { transition: opacity 500ms; }

main.messages .msg-container.empty { opacity: 0; min-height: var(--module); }

footer.messages { position: relative; background-color: rgba(255, 255, 255, 0.9); transition: opacity .3s; }

.loading:not(.silent-loading) footer.messages { opacity: 0; }

footer.messages .message-input { display: block; font: inherit; color: rgba(0, 0, 0, 0.95); white-space: pre-line; word-break: break-word; min-height: var(--module-n-half); flex: 100%; padding: var(--module-half) 0; margin: 0 var(--module-half); outline: none; }

footer.messages label.attachment, footer.messages .submit-message { display: flex; flex: 0 0 var(--module-double-n-half); height: var(--module-double-n-half); background: transparent center no-repeat; background-size: 60%; }

footer.messages ul.message-submit { flex: 1 0 var(--module-double-n-half); flex-direction: row; max-width: calc(5 * var(--module)); flex-wrap: wrap; }

footer.messages ul.message-submit li { flex: 0 0 var(--module-double-n-half); height: var(--module-double-n-half); justify-content: center; opacity: 0.9; }

footer.messages ul.message-submit li img { width: var(--module-n-half); }

footer.messages .submit-message { background-image: url("send.svg"); }

footer.messages label.attachment { background-image: url("/attachments/attachment.svg"); left: 0; cursor: pointer; }

aside.messages .for-admin { display: none; }

aside.messages.show-for-admin .for-admin { display: flex; }

aside.messages.show-for-admin .for-user { display: none; }

/*# sourceMappingURL=messages.css.map */