body > main.site-main > section.flash {
  background-color: var(--shadow-color);
  border-left: var(--border-width) solid hsl(var(--color-border));
  border-right: var(--border-width) solid hsl(var(--color-border));
  max-width: var(--body-max-width);
  margin: var(--margin-auto-center);
  padding: 0 var(--nav-spacing-8th) var(--spacing-half) var(--nav-spacing-half);
  justify-items: center;
  align-items: center;
  &> div {
    max-width: max-content;
    padding: 0 var(--spacing) 0 var(--spacing);
    a.flash-close-button {
      position: absolute;
      font-size-adjust: 1;
      cursor: pointer;
      color: hsl(var(--color-accent) / 0.75);
      &:hover, &:focus-visible {
        color: hsl(var(--color-error));
      }
    }
  }
  &> div.flash-notice {
    outline: var(--border-width) solid hsl(var(--color-success) / 0.333);
    max-width: max-content;
    padding: 0 var(--spacing) 0 var(--spacing);
  }
  &> div.flash-alert {
    outline: var(--border-width) solid hsl(var(--color-warning) / 0.333);
    max-width: max-content;
    padding: 0 var(--spacing) 0 var(--spacing);
    color: hsl(var(--color-warning) / 0.75);
  }
}