/*
 * The one-hop message a form leaves after it redirects (`shared/_flash`): a
 * line on the paper under a rule in its tone — green, or brick for an alert.
 */
@layer components {
  .flash {
    margin-block-end: var(--space-md);
    padding-block: var(--space-sm);
    border-block: 2px solid var(--color-accent);
    border-block-end: var(--rule-hairline);
    color: var(--color-accent-strong);
    font-size: var(--text-ui);
  }

  .flash--alert {
    border-block-start-color: var(--color-loss);
    color: var(--color-loss);
  }
}