@layer components{.form-field{--_max-width:var(--form-field-max-width-narrow,400px);--_gutter-width:0rem;background-color:var(--form-field-background-color,transparent);border-radius:var(--form-field-border-radius,.4rem);margin-inline:auto;margin-block:var(--form-field-margin-block,var(--field-margin-block));width:min(100% - calc(var(--_gutter-width)*2),var(--_max-width))}.form-field[data-width=medium]{--_max-width:var(--form-field-max-width-medium,800px)}.form-field[data-width=wide]{--_max-width:var(--form-field-max-width-wide,1200px)}.form-field[data-has-gutter]{--_gutter-width:var(--form-field-gutter-width,1.6rem)}}