@layer base{.validator:user-invalid{--input-accent:var(--color-error);--select-accent:var(--color-error);--textarea-accent:var(--color-error);--input-border:initial;--select-border:initial;--textarea-border:initial;border-color:var(--color-error)}.validator[aria-invalid=true]{--input-accent:var(--color-error);--select-accent:var(--color-error);--textarea-accent:var(--color-error);--input-border:initial;--select-border:initial;--textarea-border:initial;border-color:var(--color-error)}.validator:user-valid{--input-accent:var(--color-success);--select-accent:var(--color-success);--textarea-accent:var(--color-success);--input-border:initial;--select-border:initial;--textarea-border:initial;border-color:var(--color-success)}.validator[aria-invalid=false]{--input-accent:var(--color-success);--select-accent:var(--color-success);--textarea-accent:var(--color-success);--input-border:initial;--select-border:initial;--textarea-border:initial;border-color:var(--color-success)}.validator-hint{color:oklch(from var(--color-error) l calc(c * 2) h);margin-top:.25rem;font-size:1rem;line-height:1.25;display:none}@supports (color:color-mix(in lab,red,red)){.validator-hint{color:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.validator:user-invalid+.validator-hint{display:block}.validator[aria-invalid=true]+.validator-hint{display:block}}