@layer components.form{:host{font-size:var(--s0);margin-bottom:var(--s-2,.5rem);display:block}:host([hidden]){display:none!important}:host([error]) input{outline:2px solid var(--color-error)}e-c{align-items:center;gap:var(--s-2);min-height:calc(var(--s0) * 1.2 + 2 * var(--s-1));flex-flow:wrap;margin:3px;display:flex;& input[type=checkbox]{width:var(--s0);height:var(--s0);cursor:pointer;accent-color:var(--color-primary);border:1px solid var(--color-border);box-shadow:none;outline:none;&:hover,&:focus{box-shadow:none;border:1px solid var(--color-border);outline:none}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:none}&[aria-invalid=true]:focus-visible{outline:2px solid var(--color-error);outline-offset:2px;box-shadow:none}}& input[type=checkbox]+label{color:var(--color-text);cursor:pointer;pointer-events:auto;font-size:inherit;overflow-wrap:break-word;background:0 0;flex:1 1 0;min-width:0;padding:0;transition:none;position:static;top:auto;left:auto;transform:none}& input[required]+label:after{content:" *"}& e-error{min-height:1.2em;color:var(--color-error);font-size:var(--s-1);flex-basis:100%}& e-error:empty{display:none}}}