@layer components {
  .flash {
    padding: 0.75rem 1rem;
    border-radius: var(--radius-cell);
    margin: 1rem;
  }

  .flash--notice {
    background: color-mix(in srgb, var(--c-green) 18%, transparent);
    color: var(--c-dark-green);
  }

  .flash--alert {
    background: color-mix(in srgb, var(--c-red) 18%, transparent);
    color: var(--c-red);
  }
}