:root{--checkbox-size:18px;--checkbox-radius:6px;--checkbox-border:#cfd5dc;--checkbox-hover-border:#bcc3cb;--checkbox-bg:#fff;--checkbox-checked-bg:#06b6d4}input[type=checkbox].ckeckboxcustcss{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--checkbox-border);border-radius:var(--checkbox-radius);background-color:var(--checkbox-bg);display:inline-grid;place-content:center;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}input[type=checkbox].ckeckboxcustcss:hover{border-color:var(--checkbox-hover-border)}input[type=checkbox].ckeckboxcustcss:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(6,182,212,.25)}input[type=checkbox].ckeckboxcustcss:checked{border-color:var(--checkbox-checked-bg);background-color:var(--checkbox-checked-bg)}input[type=checkbox].ckeckboxcustcss:after{content:"";width:12px;height:12px;background-repeat:no-repeat;background-position:50%;background-size:12px 12px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23ffffff" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');opacity:0;transition:opacity .12s ease-in}input[type=checkbox].ckeckboxcustcss:checked:after{opacity:1}input[type=checkbox].ckeckboxcustcss:disabled{cursor:not-allowed;opacity:.7}