#message {
  --error-color: #ba0000;
  padding: 0.5em;
  margin: 1em 0;
  margin-top: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--box-border-color);
  border-radius: var(--box-border-radius);
}

#message #error, #message #info {
  flex-grow: 1;
}

#message #error {
  color: var(--error-color);
}

#date-display {
  margin-top: 1em;
}

.history-container {
  width: 26em;
}

.history-container ol {
  margin: 0;
}

.history-container ol:empty {
  display: none;
}

.history-container ol li:not(:last-child) {
  margin-bottom: 0.25em;
}

.code-interpretation {
  color: var(--body-text-color-muted)
}

.codes-hidden .code-interpretation {
  display: none;
}