welcome-ui/dist/Field.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._root_13ut9_2{display:grid;grid-template-areas:"label" "input";width:100%}._root_13ut9_2:has(._label_13ut9_7):has(._hint_13ut9_7){grid-template-areas:"label" "input" "hint"}._root_13ut9_2:not(:has(._label_13ut9_7)):has(._hint_13ut9_7){grid-template-areas:"input" "hint"}._root_13ut9_2:not(._inline_13ut9_13) ._hint_13ut9_7{margin-top:var(--spacing-xs)}._root_13ut9_2:not(._inline_13ut9_13) ._label_13ut9_7{margin-bottom:var(--spacing-sm)}._inline_13ut9_13{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--spacing-xs);grid-column-gap:var(--spacing-sm)}._inline_13ut9_13:has(._label_13ut9_7):has(._hint_13ut9_7){grid-template-areas:"input label" ". hint"}._inline_13ut9_13:not(:has(._label_13ut9_7)):has(._hint_13ut9_7){grid-template-areas:"input ." ". hint"}._label_13ut9_7{grid-area:label}._input_13ut9_35{display:flex;align-items:center;grid-area:input;width:100%}._hint_13ut9_7{grid-area:hint}._visuallyHidden_13ut9_44{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}