.CheckboxField{position:relative;display:grid;grid:auto/min-content auto;align-items:flex-start;gap:8px;cursor:pointer}.CheckboxField__hiddenInput{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.CheckboxField__checkbox{position:relative;display:grid;place-items:center;width:16px;height:16px;background:var(--checkboxInputBackground);border-radius:4px;top:2px}.CheckboxField__checkbox:before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--accentColor);transition:var(--hoverTransition);transition-property:opacity;opacity:0;content:""}.CheckboxField:hover .CheckboxField__checkbox:before{opacity:.2}.CheckboxField__hiddenInput:checked+.CheckboxField__checkbox:before,.CheckboxField__hiddenInput:indeterminate+.CheckboxField__checkbox:before{opacity:1}.keyboard-navigation .CheckboxField__hiddenInput:focus+.CheckboxField__checkbox{box-shadow:var(--focusBoxShadow)}.CheckboxField__check{position:absolute;transform:scale(.5);opacity:0;transition:.35s cubic-bezier(.34,1.56,.64,1);transition-property:opacity,transform}.CheckboxField__hiddenInput:checked+.CheckboxField__checkbox .CheckboxField__check{transform:scale(1);opacity:1}.CheckboxField__dash{position:absolute;transform:scale(.5);opacity:0;transition:.35s cubic-bezier(.34,1.56,.64,1);transition-property:opacity,transform;background:#fff;height:2px;width:8px}.CheckboxField__hiddenInput:indeterminate+.CheckboxField__checkbox .CheckboxField__dash{transform:scale(1);opacity:1}.CheckboxField__label{font:var(--fontWeightNormal) 15px/18px var(--fontFamily);letter-spacing:.2px;color:var(--textColor);-webkit-user-select:none;-moz-user-select:none;user-select:none}.CheckboxField__hiddenInput:checked~.CheckboxField__label,.CheckboxField__hiddenInput:indeterminate~.CheckboxField__label{font-weight:var(--fontWeightBold)}