.jlon-celebrate{animation:.32s cubic-bezier(.2,.9,.3,1.2) both jlon-celebrate-in}.jlon-celebrate[data-leaving=true]{animation:.26s ease-in both jlon-celebrate-out}.jlon-celebrate-check{stroke-dasharray:30;stroke-dashoffset:30px;animation:.42s ease-out .18s forwards jlon-celebrate-draw}.jlon-celebrate-ring{animation:.52s ease-out both jlon-celebrate-pop}.jlon-celebrate-burst{pointer-events:none;width:0;height:0;position:absolute;top:2.75rem;left:50%}.jlon-celebrate-piece{opacity:0;background:var(--piece-color);width:.5rem;height:.5rem;animation:jlon-celebrate-burst 1.1s var(--piece-delay,0s) cubic-bezier(.15, .7, .3, 1) forwards;border-radius:2px;position:absolute;top:-.25rem;left:-.25rem}.jlon-celebrate-piece[data-shape=dot]{border-radius:9999px}@keyframes jlon-celebrate-in{0%{opacity:0;transform:translateY(-.75rem)scale(.94)}to{opacity:1;transform:none}}@keyframes jlon-celebrate-out{to{opacity:0;transform:translateY(-.5rem)scale(.97)}}@keyframes jlon-celebrate-pop{0%{transform:scale(.4)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes jlon-celebrate-draw{to{stroke-dashoffset:0}}@keyframes jlon-celebrate-burst{0%{opacity:1;transform:rotate(var(--piece-angle)) translateY(0) rotate(0deg)}80%{opacity:1}to{opacity:0;transform:rotate(var(--piece-angle)) translateY(calc(-1 * var(--piece-distance))) rotate(220deg)}}@media (prefers-reduced-motion:reduce){.jlon-celebrate,.jlon-celebrate[data-leaving=true],.jlon-celebrate-ring{animation:none}.jlon-celebrate-check{stroke-dashoffset:0;animation:none}.jlon-celebrate-burst{display:none}}