.circle{background-color:#9ca3af;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .6s,transform .3s,opacity .4s;display:flex;position:relative;transform:scale(.8)}.circle.active{opacity:1;background-color:#22c55e;animation:.4s forwards pop,.6s .7s forwards fadeback}@keyframes fadeback{0%{background-color:#22c55e}95%{background-color:#9ca3af}to{opacity:0}}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.3)}to{transform:scale(1)}}.checkmark{width:18px;height:18px}.checkmark-path{stroke-dasharray:20;stroke-dashoffset:20px;animation:.5s .2s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.confetti{pointer-events:none;position:absolute;inset:0}.confetti span{background:hsl(calc(var(--i)*36),80%,60%);border-radius:50%;width:4px;height:4px;animation:.8s ease-out forwards confetti;position:absolute;top:50%;left:50%}@keyframes confetti{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(calc(30px*cos(var(--i)*36deg)),calc(30px*sin(var(--i)*36deg)))scale(.8);opacity:0}}
/*# sourceMappingURL=7239b07752526d30.css.map*/