.hipCheckbox{border-radius:4px;align-items:center;margin-left:-8px;margin-right:8px;padding:8px;transition:all .2s;display:flex}.hipCheckbox.allClickable{cursor:pointer}.hipCheckbox span{background:#fff;border:1px solid #484848;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.hipCheckbox span input{opacity:0;cursor:pointer;outline:none;width:42px;height:42px;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hipCheckbox span .hipIcons{pointer-events:none;display:none}.hipCheckbox span .hipIcons svg{transform:scale(.6)}.hipCheckbox span .hipIcons svg path{fill:#fff}.hipCheckbox .hipCheckboxText{color:#484848;margin-left:8px;font-size:14px}.hipCheckbox .hipCheckboxText.allClickable{cursor:pointer}.hipCheckbox.allClickable:not(.disabled):not(.readOnly):hover{background-color:#2e80ed1a}.hipCheckbox.checked span{background:#2f80ed;border-color:#2f80ed}.hipCheckbox.checked span .hipIcons{display:flex}.hipCheckbox.checked.disabled span{background-color:#bdbdbd}.hipCheckbox.disabled span{background:#f0f0f0;border:1px solid #e6e6e6}.hipCheckbox.disabled span input,.hipCheckbox.disabled .hipCheckboxText{cursor:not-allowed}.hipCheckbox.readOnly span{border:1px solid #e6e6e6}.hipCheckbox.readOnly span input,.hipCheckbox.readOnly .hipCheckboxText{cursor:default}