@layer components{.form{flex-direction:column;gap:1.5rem;display:flex}.form-field{flex-direction:column;gap:0;display:flex;&[data-orientation=horizontal]{flex-direction:row;align-items:start;gap:1rem;&>.label{flex-shrink:0;min-width:8rem;margin-bottom:0;padding-top:.5rem}}&[data-invalid]{&>.field-description{color:var(--destructive)}}}.form-field-inline{align-items:center;gap:.5rem;display:flex;&>.label{margin-bottom:0}}.form-field-row{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:row;justify-content:space-between;align-items:start;gap:1rem;padding:1rem;display:flex;&>div{flex-direction:column;gap:.125rem;display:flex}&>div>.label{margin-bottom:0;line-height:1.4}&>div>.field-description{margin:0}&[data-disabled]{opacity:.6}}.form-actions{align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.form-fieldset{border:none;flex-direction:column;gap:1rem;margin:0;padding:0;display:flex;&>legend{font-size:.875rem;font-weight:500;font-family:var(--font-sans);color:var(--foreground);margin-bottom:.25rem;padding:0}&>.field-description{margin:-.25rem 0 .5rem}}.form-group{flex-direction:column;gap:.75rem;display:flex}@media (prefers-contrast:more){.form-field-row{border-width:2px}}@media (forced-colors:active){.form-field-row{border-color:buttonborder}.form-fieldset>legend{color:linktext}}}