.checkbox{--input-color:var(--color-body-text);--placeholder-color:color-mix(in srgb,var(--color-body-text) 60%,#0000);--placeholder-border-color:color-mix(in srgb,var(--color-body-text) 20%,#0000);align-items:flex-start;display:flex;gap:var(--space-size-2xs)}.checkbox__label{cursor:pointer;display:flex;flex:1;font-size:var(--font-size-step-0);line-height:1.5;margin:0;min-width:0;padding-left:calc(24px + var(--space-size-2xs));position:relative}.checkbox__label:after,.checkbox__label:before{border-radius:var(--space-size-3xs);content:"";display:block;height:24px;left:0;position:absolute;top:0;width:24px}.checkbox__label:before{background-position:50%;background-repeat:no-repeat;transition:background-color var(--transition-default-duration) var(--transition-default-timing-function)}.checkbox__label:after{border:1px solid var(--input-color);transition:border-color var(--transition-default-duration) var(--transition-default-timing-function)}.checkbox--error .checkbox__label:after{border-color:var(--color-error)}.checkbox__label:hover:after{border-color:var(--input-color)}.checkbox__input{display:none}.checkbox__input:checked+.checkbox__label:before{background-color:var(--color-primary);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTAgMTctNC41LTQuNSAxLTEgMy41IDMuNiA3LjUtNy42IDEgMS04LjUgOC40WiIvPjwvc3ZnPg==)}.checkbox__input:checked+.checkbox__label:after{border-color:var(--color-primary)}.checkbox__input:disabled+.checkbox__label{cursor:default;opacity:.2}.checkbox__input:disabled:checked+.checkbox__label{opacity:.2}