.chat-box {
  display: flex;
  flex-direction: column;

  padding: 1em;

  height: 12em;
}

.chat-entries {
  display: flex;
  flex: 1;

  margin: 0;
  padding: 0.5em;
  flex-direction: column-reverse;
  overflow-y: scroll;
}

.chat-input {
  padding: 0.5em;
}

.chat-message {
  display: flex;
}

.message-author {
  margin-inline-end: 0.5ch;
}

.message-content {
  display: inline-block;
  flex: 1;
  overflow-wrap: anywhere;
}