[data-form-surface]{--apf-label-min:9ch;container:form-surface/inline-size}.apf-block{flex-basis:var(--apf-block-basis,100%);container:form-field/inline-size}[data-form-surface] :is(input,select,textarea){border-color:color-mix(in srgb, currentColor 30%, transparent);color:inherit;background-color:#0000}[data-form-surface] :is(input,select,textarea)::placeholder{color:currentColor;opacity:.5}[data-form-surface][data-input-style=line] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-width:0 0 1px;border-radius:0;padding-left:0;padding-right:0}[data-form-surface][data-label-alignment=left] div:has(>label){grid-template-columns:minmax(min(var(--apf-label-min), 50%), var(--apf-label-width,30%)) minmax(0, 1fr);align-items:start;column-gap:12px;display:grid}@container form-surface (width<=480px){[data-form-surface] .apf-block{flex-basis:100%}[data-form-surface][data-label-alignment=left] div:has(>label){display:block}[data-form-surface][data-label-alignment=left] div:has(>label)>label{margin-bottom:.25rem;padding-top:0}}@container form-field (width<=180px){[data-form-surface][data-label-alignment=left] div:has(>label){display:block}[data-form-surface][data-label-alignment=left] div:has(>label)>label{margin-bottom:.25rem;padding-top:0}}[data-form-surface][data-label-alignment=left] div:has(>label)>label{grid-area:1/1;margin-bottom:0;padding-top:.5rem;line-height:1.25rem}[data-form-surface][data-label-alignment=left] div:has(>label>input[type=checkbox]){display:flex}[data-form-surface][data-label-alignment=left] div:has(>label)>:not(label){grid-column:2}[data-form-surface] :is(label,span,p,legend,h1,h2,h3,h4,h5,h6,li,strong,em,a):not([role=alert]){color:inherit}[data-form-surface] :is(div,section,fieldset,h1,h2,h3,h4,h5,h6,hr){border-color:color-mix(in srgb, currentColor 25%, transparent)}[data-form-surface] :is([role=radio],[role=checkbox]){border-color:color-mix(in srgb, currentColor 30%, transparent);color:inherit;background-color:#0000}[data-form-surface] :is([role=radio],[role=checkbox])[aria-checked=true]{background-color:color-mix(in srgb, currentColor 12%, transparent);border-color:currentColor}[data-form-surface] [role=group]>label:has(>input[type=checkbox]){border-color:color-mix(in srgb, currentColor 30%, transparent);color:inherit;background-color:#0000}[data-form-surface] [role=group]>label:has(>input[type=checkbox]:checked){background-color:color-mix(in srgb, currentColor 12%, transparent);border-color:currentColor}[data-form-surface] input[type=checkbox]{border-color:color-mix(in srgb, currentColor 45%, transparent);background-color:#0000}[data-form-surface] input[type=checkbox]:checked{background-color:currentColor;border-color:currentColor}