@layer components {
  .flash {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--rule);
    border-left-width: 3px;
    border-radius: var(--radius);
    margin-bottom: var(--space-3);
    font-size: var(--text-sm);
  }

  .flash .icon { flex: none; margin-top: 0.15em; }

  .flash--notice { background: var(--vote-yes-bg); border-left-color: var(--vote-yes); color: #234b38; }
  .flash--alert { background: var(--review-bg); border-left-color: var(--seal); color: #6f231c; }
}