input[type=checkbox]{position:absolute;cursor:pointer;height:1px;width:1px;top:-9999px;left:auto}.checkbox-label{align-items:center;cursor:pointer;display:flex;min-height:24px;line-height:1.3;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:.6em}html[dir=ltr] .checkbox-label{padding-left:30px}html[dir=rtl] .checkbox-label{padding-right:30px}.checkbox-label:hover{text-decoration:underline}.checkbox-text{padding:.1em .4em}.checkmark{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;background-image:url('data:image/svg+xml;utf8,<svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg"><path d="m18 6c6.627417 0 12 5.372583 12 12s-5.372583 12-12 12-12-5.372583-12-12 5.372583-12 12-12zm0 1c-6.0751322 0-11 4.9248678-11 11s4.9248678 11 11 11 11-4.9248678 11-11-4.9248678-11-11-11z"/></svg>');background-position:center center;background-repeat:no-repeat;opacity:.2}html[dir=ltr] .checkmark{left:0}html[dir=rtl] .checkmark{right:0}.checkbox-label:hover input~.checkmark,input[type=checkbox]:focus~.checkmark{opacity:1}input:checked~.checkmark{background-image:url('data:image/svg+xml;utf8,<svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg"><path d="m18 6c6.627417 0 12 5.372583 12 12s-5.372583 12-12 12-12-5.372583-12-12 5.372583-12 12-12zm4.1923882 8-5.6568543 5.6568542-2.1213203-2.1213203-1.4142136 1.4142136 3.5355339 3.5355339 7.0710678-7.0710678z" fill-rule="evenodd"/></svg>');opacity:1}input:checked~.checkbox-text{background-color:#66ff96}