.checkbox{--checkbox-size:var(--lh);--checkbox-border-width:0.2em;position:relative;display:inline-block;width:var(--checkbox-size);height:var(--checkbox-size);background-color:#fff;color:var(--color-gr-20);vertical-align:top}.checkbox--dark{background-color:var(--color-gr-25);color:var(--color-gr-98)}.checkbox--invalid{color:var(--color-co-3)}.checkbox--dark.checkbox--invalid{color:var(--color-co-1)}.checkbox__control{display:inline-block;box-sizing:border-box;margin:0;width:100%;height:100%;border:var(--checkbox-border-width) solid currentColor;border-radius:0;background:0 0;font:inherit;color:inherit;appearance:none}.checkbox__checkmark{position:absolute;top:50%;left:50%;width:calc(var(--checkbox-size) - 4 * var(--checkbox-border-width));height:calc(var(--checkbox-size) - 4 * var(--checkbox-border-width));pointer-events:none;transition-duration:.3s;transition-property:opacity,transform;transform:translate(-50%,-50%) scale(0);opacity:0;box-shadow:0 0 0 var(--checkbox-size) currentColor inset}.checkbox__control:hover+.checkbox__checkmark{transform:translate(-50%,-50%) scale(1);opacity:.2}.checkbox__control:checked+.checkbox__checkmark{transform:translate(-50%,-50%) scale(1);opacity:1}