/* The toast is a manual popover so it can show above modal dialogs (#7 finding 5); undo the UA popover box. */
.toast {
  /* Only fade and slide in place: a toast moved off a dialog's controls must not glide across them (#7 re-review 1). */
  transition: opacity .25s, transform .25s;
  top: auto;
  right: auto;
  margin: 0;
  border: 0;
  overflow: visible;
  width: max-content;
  max-width: min(90vw, 520px);
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.45;
}

@media (max-width: 760px), (max-width: 1000px) and (max-height: 600px) {
  .toast {
    max-width: min(90vw, 520px);
    white-space: normal;
  }
}

/* Visually hidden live region inside a modal dialog (#7 re-review 2). */
.dialog-live-region {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}