@layer components{.form-control{gap:var(--s-spacing-1) var(--s-spacing-4);flex-direction:column;display:flex}}@layer components{.form-helper-text{align-items:center;gap:var(--s-spacing-1);inline-size:100%;color:var(--s-color-text-subtle);flex-direction:row;flex-grow:1;display:flex;& .icon{flex-shrink:0}& p{margin:0}&[data-error=true]{color:var(--s-color-text-error)}}}@layer components{.form-label{--form-label-font-weight:var(--c-form-label-font-weight,var(--s-type-label-font-weight));--svg--fill:var(--s-color-text-primary);align-items:center;gap:var(--s-spacing-1);width:var(--form-field--width,100%);max-width:var(--form-field--max-width);padding-block:var(--form-field--pb);display:inline-flex;font-family:var(--s-type-label-font-family)!important;font-size:var(--s-type-label-font-size)!important;line-height:var(--s-type-label-line-height)!important;font-weight:var(--form-label-font-weight)!important;letter-spacing:var(--s-type-label-letter-spacing)!important}.form-label--checkbox{--form-label-font-weight:var(--s-font-weight-regular)}}