.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);gap:var(--space-size-2xs);align-items:flex-start}.checkbox,.checkbox__label{display:flex;position:relative}.checkbox__label{cursor:pointer;min-width:0;font-size:var(--font-size-step-0);padding-left:calc(24px + var(--space-size-2xs));flex:1;margin:0;line-height:1.5}.checkbox__label:after,.checkbox__label:before{content:"";border-radius:var(--space-size-3xs);width:24px;height:24px;display:block;position:absolute;top:0;left:0}.checkbox__label:before{transition:background-color var(--transition-default-duration) var(--transition-default-timing-function);background-position:50%;background-repeat:no-repeat}.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{opacity:0;width:1px;height:1px;margin:0;position:absolute}.checkbox__input:focus-visible+.checkbox__label:after{outline:2px solid var(--color-complementary-teal);outline-offset:2px}.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}