.chat-message {
    font-size: 15px;
    line-height: 1.2;
    margin: 0 -15px;
    padding: 0 15px;
    display: inline-block;
    width: 100%;
}

.chat-message:hover {
    background: var(--rt-bg-strong);
    cursor: pointer;
}

.chat-message__username {
    color: rgb(132, 0, 255);
    font-weight: 600;
    white-space: nowrap;
}

.chat-message__username .badge {
    margin-left: 2px;
}

.chat-message__gap {
    margin-right: 5px;
}

.chat-message__message {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.chat {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.chat-messages-wrapper {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.chat__messages {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.chat__footer {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    background-color: var(--rt-bg-subtle);
    border-top: 1px solid var(--rt-border-subtle);
    padding: 5px;
    gap: 5px;
}