.chat {
    position: fixed;
    z-index: 70;

    right: 1em;
    bottom: 5em;

    width: min(30em, 50vw);
    height: min(50em, 70vh);

    background-color: var(--bg);
    border-radius: 1em;
    padding: 2em;
}

.chat .message {
    margin: 0.2em;
}
.chat .author {
    font-weight: bold;
}
.chat .text {
    color: white;
}
.chat .image {
    width: min(20em, 30vw);
}

.chat .messages {
    height: calc(100% - 3em);
    width: 100%;
    overflow: scroll;
}
.chat .controls {
    padding: 1em;
}
.chat input {
    font-size: x-large;
    width: 100%;
}