@layer components{.error-message{border:1px solid color-mix(in srgb, var(--color-danger) 42%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 6%, var(--color-surface));color:var(--color-danger);border-radius:.625rem;gap:.5rem;padding:.75rem .875rem;font-size:.8125rem;display:grid}.error-message ul{gap:.25rem;margin:0;padding-left:1.25rem;list-style:outside;display:grid}.error-message li{padding-left:.125rem;line-height:1.45}.error-message li::marker{color:currentColor;font-size:.85em}}