@layer components{.form-field{--_gutter-width:0rem;--_max-width:400px;--_background-color:transparent;--_border-radius:.4rem;background-color:var(--_background-color);border-radius:var(--_border-radius);margin-inline:auto;margin-block:var(--field-margin-block);width:min(100% - calc(var(--_gutter-width)*2),var(--_max-width));outline:0 solid var(--slate-05)}.form-field:has(.underline){--_background-color:var(--theme-form-input-bg-underlined)}.form-field .form-field-inner{background-color:var(--_background-color);border-radius:var(--_border-radius);margin-inline-start:0;padding-inline-start:0;outline:0 solid var(--slate-05)}.form-field.has-gutter{--_gutter-width:1.6rem}.form-field.narrow{max-width:400px}.form-field.medium{--_max-width:800px}.form-field.wide{--_max-width:1200px}}