@layer components {
  .flash {
    border-radius: var(--radius-medium);
    padding: var(--block-space);
    font-size: var(--text-small);
    font-weight: 500;
  }

  .flash--notice {
    background: var(--color-positive-bg);
    color: var(--color-positive);
  }

  .flash--alert {
    background: var(--color-negative-bg);
    color: var(--color-negative);
  }
}