.custom-checkbox{position:relative;width:16px;height:16px;display:inline-block;vertical-align:middle;background-color:transparent;cursor:pointer;border-radius:4px;border:1px solid #d3d3d3;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.custom-checkbox:checked{border:none}.custom-checkbox:checked:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--checkbox-color);border-radius:4px}.custom-checkbox:checked:after{content:"";position:absolute;top:40%;left:50%;width:4px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}