.flash {
  --flash-padding-y: var(--space-sm);
  --flash-padding-x: var(--page-margin);

  padding: var(--flash-padding-y) var(--flash-padding-x);
}

.flash--spacious {
  --flash-padding-y: var(--space-md);
}

.flash--alert {
  border-top: 2px solid hsla(var(--color-brand-red-hsl), 0.17);
  background-color: hsla(var(--color-brand-red-hsl), 0.07);
}

.flash--notice {
  border-top: 2px solid hsla(var(--color-brand-green-hsl), 0.17);
  background-color: hsla(var(--color-brand-green-hsl), 0.07);
}