/*
 * The one-hop message a form leaves after it redirects (`shared/_flash`).
 */
@layer components {
  .flash {
    margin-block-end: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-inline-start: 4px solid var(--color-accent);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    background-color: var(--color-accent-tint);
    color: var(--color-accent-strong);
    font-size: var(--text-ui);
  }

  .flash--alert {
    border-inline-start-color: var(--color-loss);
    background-color: var(--color-loss-tint);
    color: var(--color-loss);
  }
}