.flashes {
  margin: var(--space-m) auto var(--space-xl) auto;
  max-width: min(100%, 80ch);
  background-color: var(--color-mono-bold-trans);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xl);
  overflow: hidden;
}

.flash {
  padding: var(--space-m) var(--space-s);
}

.flash ~ .flash {
  border-top: 4px solid var(--color-background);
}

.flash--error,
.flash--alert {
  color: var(--color-error);
  background-color: var(--color-error-bg);
  border-color: var(--color-error);
}

.flash--success,
.flash--notice {
  color: var(--color-success);
  background-color: var(--color-success-bg);
  border-color: var(--color-success);
}