@layer components{.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;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-error{color:var(--color-danger);grid-area:2/2;font-size:.875rem}@container app-shell (width<48rem){.form-field-group,.form-field{grid-template-columns:1fr}.form-field-label{grid-area:1/1;padding-top:0}.form-field-control{grid-area:2/1}.form-field-error{grid-area:3/1}}}