.FormControlRoot{display:flex;flex-direction:column;gap:.25rem;width:100%}.FormControlRoot.FormControlRoot[data-direction=row] .FormControlContent{flex-direction:row-reverse;justify-content:flex-end}.FormControlRoot.FormControlRoot[data-direction=column] .FormControlContent{flex-direction:column}.FormControlRoot[data-required=true] .FormControlLabel:after{content:" *"}.FormControlContent{display:flex;gap:.25rem}.FormControlValidation{font:var(--text-caption-shorthand)}.FormControlRoot[data-valid=true] .FormControlValidation{color:var(--fgColor-success)}.FormControlRoot[data-valid=false] .FormControlValidation{color:var(--fgColor-danger)}.FormControlCaption{color:var(--fgColor-muted);font:var(--text-caption-shorthand)}