@layer components{.form-fieldset{border:0;min-width:0;margin:0;padding:0}.form-field-group{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(7.5rem,12rem) minmax(0,24rem);display:grid}.form-field{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;row-gap:var(--space-1);grid-template-rows:auto auto auto;display:grid}.form-field-label{padding-top:var(--space-2);color:var(--color-text);grid-area:1/1;font-weight:600}.form-field-control{grid-area:1/2}.form-field-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);grid-area:2/2}.form-field-error{color:var(--color-danger);font-size:var(--font-size-md);grid-area:3/2}@container app-shell (width<48rem){.form-field-group{grid-template-columns:1fr}.form-field{grid-template-rows:auto auto auto auto;grid-template-columns:1fr}.form-field-label{grid-area:1/1;padding-top:0}.form-field-control{grid-area:2/1}.form-field-hint{grid-area:3/1}.form-field-error{grid-area:4/1}}}