[data-state] .checkbox>path{opacity:0;transition:opacity .2s}@keyframes checked{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}[data-state=checked] .checkbox>path{animation:checked .5s .2s forwards;opacity:1}.checkbox>path{fill:none;stroke:#fff;stroke-width:10px;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-linecap:round;stroke-linejoin:round;opacity:0}.checkbox-mask{position:relative;transition:all .2s ease-in-out;cursor:pointer}