@layer properties,theme,base,components,utilities;:root,.dark{--field-ring-border:var(--em-accent-default);--field-ring:inset 0 0 0 3px color-mix(in srgb, var(--em-accent-default) 18%, transparent);--field-ring-invalid-border:var(--em-danger);--field-ring-invalid:inset 0 0 0 3px color-mix(in srgb, var(--em-danger) 16%, transparent)}.dark{--field-ring:inset 0 0 0 3px color-mix(in srgb, var(--em-accent-default) 22%, transparent);--field-ring-invalid:inset 0 0 0 3px color-mix(in srgb, var(--em-danger) 20%, transparent)}:is(.field-focus,.choice-trigger),.field-focus-within{transition:border-color .14s,box-shadow .14s,background-color .14s}:is(.field-focus,.choice-trigger):focus-visible:where(html[data-modality=keyboard] *,input,textarea,select,[contenteditable]){border-color:var(--field-ring-border);box-shadow:var(--field-ring), var(--field-base-shadow,0 0 #0000);outline:none}.field-focus-within:focus-within{border-color:var(--field-ring-border);box-shadow:var(--field-ring), var(--field-base-shadow,0 0 #0000)}:is(.field-focus,.choice-trigger)[aria-invalid=true]{border-color:var(--field-ring-invalid-border)}:is(.field-focus,.choice-trigger)[aria-invalid=true]:focus-visible:where(html[data-modality=keyboard] *,input,textarea,select,[contenteditable]){box-shadow:var(--field-ring-invalid), var(--field-base-shadow,0 0 #0000)}@media (pointer:coarse){[data-slot=input],[data-slot=textarea],:where(.field-focus-within) :where(input,textarea){font-size:16px}}@media (prefers-reduced-motion:reduce){:is(.field-focus,.choice-trigger),.field-focus-within{transition:none}}
