@layer components {
  .error-message {
    font-size: var(--text-small);
    color: var(--color-negative);
    padding: 0.75em 1em;
    background: color-mix(in oklch, var(--color-negative) 8%, transparent);
    border-radius: 0.375em;
  }
}