#errorOverlay {
  background: var(--bgcolor-danger);
  bottom: 0;
  color: var(--color-danger);
  display: flex;
  flex-direction: column;
  left: 0;
  max-width: 100vw;
  overflow: auto;
  padding: var(--gap);
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.error-title {
  margin-top: 0;
}

#errorOverlay button {
  background-color: var(--bgcolor-danger-input);
  border: none;
  color: var(--color-danger);
  display: inline-block;
}
#errorOverlay button:focus {
  outline: 2px solid white;
  outline-offset: var(--focus-outline-offset);
}

#errorOverlay .buttons {
  max-width: var(--content-width);
}
@media (orientation: portrait) {
  #errorOverlay .buttons {
    flex-basis: 4rem;
  }
}