.chat-msg {
    white-space: pre-wrap;
    align-items: flex-start;
}

.chat-msg-user {
    color: #4d41c9;
    font-weight: 600;
}

.chat-header {
    padding: .3em 1em;
    background: linear-gradient(to bottom, hsl(258.26deg 62.16% 78.24%), hsl(257.7deg 48.8% 49.02%), hsl(267.91deg 87.76% 80.78%));
    color: white;
}

.chat .awe-grid {
    border-radius: 4px;
    margin: .4em;
    border: 1px solid gainsboro;
    height: min(330px, calc(100vh));
}

.chat {
    background: hsl(50deg 33.33% 96.47%);
    border: 1px solid hsl(256.36deg 47.24% 68.04%);
    border-radius: 8px;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    max-height: calc(100vh);
}

.chat .awe-content {
    background: white;
    color: black;
}

.chat-editor {
    background: white;
    border: 1px solid gainsboro;
    padding: 0.4em;
    border-radius: 4px;
    gap: .5em;
}

    .chat-editor textarea {
        resize: none;
        border: none;
        outline: none;
        padding: .2em;
        min-height: 3em;
        background: transparent;
        color: black;
    }

.chat-msg-time {
    font-size: x-small;
    opacity: .3;
    margin-left: auto;
    min-width: 7em;
}

.chat-msg-menu {
    cursor: pointer;
}

.chat-dropmenu .o-itm-inw {
    line-height: 2em;
    padding: 0 1em;
}