@layer components{form[data-form=adaptive]{container:bf-form/inline-size}@container bf-form (width<=24rem){form[data-form=adaptive] .bf-row{flex-direction:column;align-items:stretch}}form[data-form=adaptive]:has(:user-invalid) [data-form-summary]{display:block}form[data-form=adaptive] [data-form-summary]{border:var(--bf-border-width) solid var(--bf-danger);background:var(--bf-danger-subtle);color:var(--bf-text);border-radius:var(--bf-radius);padding:var(--bf-space-3);font-size:var(--bf-type-cqi-sm);margin-block-end:var(--bf-space-3);display:none}}