.check-path{stroke-dasharray:100;stroke-dashoffset:100px}.check-once{animation:2s ease-out forwards draw-check}svg:hover .check-path{animation:3s ease-out infinite draw-check-hover}@keyframes draw-check{to{stroke-dashoffset:0}}@keyframes draw-check-hover{0%{stroke-dashoffset:100px}40%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}svg:hover .animate-slow-spin{transform-origin:50%;will-change:transform;animation:1s linear infinite slow-spin;transform:rotate(360deg)}@keyframes slow-spin{to{transform:rotate(360deg)}}.lock-path{stroke-dasharray:100;stroke-dashoffset:100px}.lock-once{animation:2s ease-out forwards draw-lock}svg:hover .lock-path{animation:3s ease-out infinite draw-lock-hover}@keyframes draw-lock{to{stroke-dashoffset:0}}@keyframes draw-lcok-hover{0%{stroke-dashoffset:100px}40%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}svg:hover .animate-shake{transform-origin:100% 100%;will-change:transform;animation:3s linear infinite shake}@keyframes shake{0%{transform:rotate(0)}45%{transform:rotate(0)}48%{transform:rotate(5deg)translate(-2px)}52%{transform:rotate(-5deg)translate(2px)}55%{transform:rotate(0)}}
.arrow{position:absolute;top:0;left:0;transform:translate(120%,50%)rotate(135deg)}.arrow.shoot{--rotation:0deg;animation:.7s ease-in forwards shot,2s ease-in .7s infinite forwards shake}.arrow.failed{--rotation:-45deg}.arrow.shoot:not(.failed) .nailed{animation:.7s ease-in forwards nail}@keyframes nail{0%{fill:#fff}99%{fill:#fff}to{opacity:black}}@keyframes shot{0%{transform:translate(120%,50%)rotate(135deg)}50%{transform:translate(120%,-50%)rotate(90deg)}80%{scale:1.5}to{transform:translate(var(--end-x),var(--end-y))rotate(var(--rotation))}}@keyframes shake{70%{transform:translate(var(--end-x),var(--end-y))rotate(var(--rotation))}75%{transform:translate(var(--end-x),var(--end-y))rotate(calc(var(--rotation) - 5deg))}85%{transform:translate(var(--end-x),var(--end-y))rotate(calc(var(--rotation) + 5deg))}90%{transform:translate(var(--end-x),var(--end-y))rotate(var(--rotation))}}