input[type="checkbox"]{opacity:0;position:absolute;width:var(--cb-size,20px);height:var(--cb-size,20px);cursor:pointer;z-index:1;margin:0}input[type="checkbox"]+span,input[type="checkbox"]+label{position:relative;padding-left: calc(var(--cb-size, 20px) + 10px);cursor:pointer;display:inline-block;line-height:var(--cb-size,20px);min-height:var(--cb-size,20px)}input[type="checkbox"]+span::before,input[type="checkbox"]+label::before{content:'';position:absolute;left:0;top:0;width:var(--cb-size,20px);height:var(--cb-size,20px);border:1px solid var(--cb-border-color,#000);border-radius:var(--cb-radius,5px)!important;background:#fff;transition:all .2s ease;box-sizing:border-box}input[type="checkbox"]:checked+span::before,input[type="checkbox"]:checked+label::before{background:var(--cb-bg-color,#fff);border-color:var(--cb-border-color,#000)}input[type="checkbox"]:checked+span::after,input[type="checkbox"]:checked+label::after{content:'';position:absolute;left: calc(var(--cb-size, 20px) * 0.4);top: calc(var(--cb-size, 20px) * 0.2);width: calc(var(--cb-size, 20px) * 0.3);height: calc(var(--cb-size, 20px) * 0.5);border:solid var(--cb-check-color,#000);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type="checkbox"]:focus+span::before,input[type="checkbox"]:focus+label::before{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}input[type="checkbox"]:hover+span::before,input[type="checkbox"]:hover+label::before{cursor:pointer}input[type="checkbox"]:disabled+span,input[type="checkbox"]:disabled+label{cursor:not-allowed;opacity:.6}input[type="checkbox"]:disabled+span::before,input[type="checkbox"]:disabled+label::before{background:#f0f0f0;border-color:#ccc}input[type="checkbox"]:disabled:checked+span::after,input[type="checkbox"]:disabled:checked+label::after{border-color:#666}input[type="checkbox"]:not(:has(+ span)):not(:has(+ label)) {opacity:1;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:var(--cb-size,20px);height:var(--cb-size,20px);border:1px solid var(--cb-border-color,#000)!important;border-radius:var(--cb-radius,5px)!important;background:#fff;cursor:pointer}input[type="checkbox"]:not(:has(+ span)):not(:has(+ label)):checked {background:var(--cb-bg-color,#fff);border-color:var(--cb-border-color,#000)!important}input[type="checkbox"]:not(:has(+ span)):not(:has(+ label)):checked::after {content:'';position:absolute;left: calc(var(--cb-size, 20px) * 0.4);top: calc(var(--cb-size, 20px) * 0.2);width: calc(var(--cb-size, 20px) * 0.3);height: calc(var(--cb-size, 20px) * 0.5);border:solid var(--cb-check-color,#000);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-switch{position:relative;display:inline-block;width:44px;height:24px}.checkbox-switch input{opacity:0;width:0;height:0}.checkbox-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.checkbox-switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.checkbox-switch input:checked+.slider{background-color:var(--cb-border-color,#2196f3)}.checkbox-switch input:focus+.slider{box-shadow:0 0 1px var(--cb-border-color,#2196f3)}.checkbox-switch input:checked+.slider:before{transform:translateX(20px)}input[type="radio"]{opacity:0;position:absolute;width:var(--cb-size,20px);height:var(--cb-size,20px);cursor:pointer;z-index:1;margin:0}input[type="radio"]+span,
input[type="radio"]+label,
input[type="radio"]:not(:has(+ span)):not(:has(+ label)) {position:relative;padding-left: calc(var(--cb-size, 20px) + 10px);cursor:pointer;display:inline-block;line-height:var(--cb-size,20px);min-height:var(--cb-size,20px)}input[type="radio"]:not(:has(+ span)):not(:has(+ label)) {padding-left:var(--cb-size,20px)}input[type="radio"]+span::before,
input[type="radio"]+label::before,
input[type="radio"]:not(:has(+ span)):not(:has(+ label))::before {content:'';position:absolute;left:0;top:0;width:var(--cb-size,20px);height:var(--cb-size,20px);border:1px solid var(--cb-border-color,#000);border-radius:50%!important;background:#fff;transition:all .2s ease;box-sizing:border-box;display:block}input[type="radio"]:checked+span::before,
input[type="radio"]:checked+label::before,
input[type="radio"]:not(:has(+ span)):not(:has(+ label)):checked::before {background:var(--cb-bg-color,#fff);border-color:var(--cb-border-color,#000)}input[type="radio"]:checked+span::after,
input[type="radio"]:checked+label::after,
input[type="radio"]:not(:has(+ span)):not(:has(+ label)):checked::after {content:'';position:absolute;left: calc(calc(var(--cb-size, 20px) / 2) - calc(var(--cb-size, 20px) * 0.25));top: calc(calc(var(--cb-size, 20px) / 2) - calc(var(--cb-size, 20px) * 0.25));width: calc(var(--cb-size, 20px) * 0.5);height: calc(var(--cb-size, 20px) * 0.5);background:var(--cb-check-color,#000);border-radius:50%}input[type="radio"]:focus+span::before,input[type="radio"]:focus+label::before{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}input[type="radio"]:disabled+span,input[type="radio"]:disabled+label{cursor:not-allowed;opacity:.6}input[type="radio"]:disabled+span::before,input[type="radio"]:disabled+label::before{background:#f0f0f0;border-color:#ccc}input[type="radio"]:disabled:checked+span::after,input[type="radio"]:disabled:checked+label::after{background:#666}