.errorlist{width:100%;flex-basis:100%;margin:0 0 1rem;padding-left:1rem;font-family:var(--font-family-secondary);font-weight:500;color:var(--color-error)}.form-as-div div:has(> label ~ input[type=checkbox]){display:grid;grid-template-columns:auto 1fr;grid-template-areas:'input label' '- helptext';align-items:center;gap:.25rem}.form-as-div div:has(> label ~ input[type=checkbox]) input{grid-area:input}.form-as-div label:has(~ input[type=checkbox]){font-weight:400;grid-area:label}.form-as-div div:has(> label ~ input[type=checkbox]) .helptext{grid-area:helptext}.form-as-div>fieldset{display:grid;justify-items:start;gap:1.25rem}.form-as-div fieldset fieldset:has(> legend){display:grid;grid-template-areas:'legend' 'div' 'helptext'}.form-as-div fieldset fieldset legend{grid-area:legend}.form-as-div fieldset fieldset div[id]{grid-area:div}.form-as-div fieldset fieldset .helptext{grid-area:helptext;margin-block-start:.5rem}.form-as-div label:has(> input){font-weight:400;display:flex;align-items:center;gap:.25rem}.form-as-div div:has(> label > input)+div{margin-block-start:.5rem}.form-as-div label:has(~ [required])::after{content:'*';margin-inline-start:.25rem;color:var(--color-negative-500)}.form-as-div>fieldset>div:not(:has(label ~ input[type=checkbox])){display:grid;grid-template-areas:'label' 'input' 'helptext';gap:.15rem}.form-as-div>fieldset>div:not(:has(label ~ input[type=checkbox])) label{grid-area:label}.form-as-div>fieldset>div:not(:has(label ~ input[type=checkbox])) :where(input,select,textarea){grid-area:input}.form-as-div>fieldset>div:not(:has(label ~ input[type=checkbox])) .helptext{grid-area:helptext}.form-as-p fieldset{display:grid;gap:1.25rem}.form-as-p p{margin-block:0}.form-as-p fieldset>p:not(:has(label + input[type=checkbox])){display:flex;flex-flow:column;gap:.15rem}.form-as-p label:has(+ input[type=checkbox]){font-weight:400}.form-as-p p:has(label + input[type=checkbox]){display:flex;align-items:center;gap:.25rem}.form-as-p p:has(label + input[type=checkbox]) label{order:2}.form-as-p p:has(label + input[type=checkbox]) input{order:1}.form-as-p div>label:has(> input){display:flex;align-items:center;gap:.25rem;font-weight:400}.form-as-p div:has(> label > input)+div{margin-block-start:.5rem}.form-as-p label:has(~ [required])::after{content:'*';margin-inline-start:.25rem;color:var(--color-negative-500)}.helptext{font-size:.9em;color:var(--color-neutral-700)}