.checkbox-ani{--background:#fff;--border:#d1d6ee;--border-hover:#bbc1e1;--border-active:#1e2235;--tick:#fff;position:relative}.checkbox-ani input,.checkbox-ani svg{width:21px;height:21px;display:block}.checkbox-ani input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;position:relative!important;outline:0!important;background:var(--background)!important;border:none!important;margin:0 .5rem 0 0!important;padding:0!important;cursor:pointer!important;border-radius:4px!important;transition:box-shadow .3s!important;box-shadow:inset 0 0 0 var(--s,1px) var(--b,var(--border))!important}.checkbox-ani input:hover{--s:2px;--b:var(--border-hover)}.checkbox-ani input:checked{--b:var(--border-active)}.checkbox-ani svg{pointer-events:none;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke:var(--stroke,var(--border-active));position:absolute;top:0;left:0;width:21px;height:21px;transform:scale(var(--scale,1)) translateZ(0)}.checkbox-ani.bounce{--stroke:var(--tick)}.checkbox-ani.bounce input:checked{--s:11px}.checkbox-ani.bounce input:checked+svg{animation:bounce .4s linear forwards .2s}.checkbox-ani.bounce svg{--scale:0}@keyframes bounce{50%{transform:scale(1.2)}75%{transform:scale(.9)}100%{transform:scale(1)}}