.log {
    aspect-ratio: 1;
    bottom: 1vmin;
    right: 1vmin;
    padding: 0.75vh;
    display: flex;
    flex-direction: column;
    max-height: 47vh;
    align-items: stretch;
    z-index: 2000;

    transform-origin: bottom right;
}

.messages {
    padding: 0.5vmin;
    background: var(--beige-bg);
    border: 1px solid rgba(0, 0, 0, 0.18);
    box-shadow: var(--inset-shadow);
    border-radius: 5px;

    height: 100%;

    display: flex;
    flex-direction: column;
    gap: 0.5vmin;
    overflow: auto;
}

.message {
    display: flex;
    flex-direction: row;
    gap: 0.25vw;
    align-items: center;
    font-size: var(--fs-m);
    --icon-size: 1em;
}

.message [style*="var(--white)"] {
    text-shadow:
        -0.5px 0 rgba(0,  0, 0, 0.22),
        0.5px 0 rgba(0, 0, 0, 0.22),
        0 -0.5px rgba(0, 0, 0, 0.22),
        0 0.5px rgba(0, 0, 0, 0.22);
}

.chat {
    display: flex;
    gap: 1vmin;
    align-items: stretch;
    background: var(--beige-bg);
    border: 1px solid rgba(0, 0, 0, 0.18);
    box-shadow: var(--inset-shadow);
    width: 100%;
}

.chat-message {
    width: 100%;
}