@keyframes sparkle-burst{0%{opacity:0;box-shadow: 0 0 0 2px hsl(var(--sparkle-color)), -8px -8px 0 2px hsl(var(--sparkle-color)), 8px -8px 0 2px hsl(var(--sparkle-color)),  -10px 0 0 2px hsl(var(--sparkle-color)), 10px 0 0 2px hsl(var(--sparkle-color)),  0 10px 0 2px hsl(var(--sparkle-color)), -8px 8px 0 2px hsl(var(--sparkle-color)), 8px 8px 0 2px hsl(var(--sparkle-color))}30%{opacity:1;box-shadow: 0 -28px 0 3px hsl(var(--sparkle-color)), -20px -24px 0 3px hsl(var(--sparkle-color)), 20px -24px 0 3px hsl(var(--sparkle-color)),  -30px 0 0 3px hsl(var(--sparkle-color)), 30px 0 0 3px hsl(var(--sparkle-color)),  0 24px 0 3px hsl(var(--sparkle-color)), -20px 20px 0 3px hsl(var(--sparkle-color)), 20px 20px 0 3px hsl(var(--sparkle-color))}to{opacity:0;box-shadow: 0 -50px 0 1px hsl(var(--sparkle-color) / 0), -36px -42px 0 1px hsl(var(--sparkle-color) / 0), 36px -42px 0 1px hsl(var(--sparkle-color) / 0),  -55px 0 0 1px hsl(var(--sparkle-color) / 0), 55px 0 0 1px hsl(var(--sparkle-color) / 0),  0 45px 0 1px hsl(var(--sparkle-color) / 0), -36px 38px 0 1px hsl(var(--sparkle-color) / 0), 36px 38px 0 1px hsl(var(--sparkle-color) / 0)}}@keyframes sparkle-burst-delayed{0%,5%{opacity:0;box-shadow: -5px -12px 0 1px hsl(var(--sparkle-color) / 0), 5px -12px 0 1px hsl(var(--sparkle-color) / 0),  -14px -6px 0 1px hsl(var(--sparkle-color) / 0), 14px -6px 0 1px hsl(var(--sparkle-color) / 0), -14px 6px 0 1px hsl(var(--sparkle-color) / 0), 14px 6px 0 1px hsl(var(--sparkle-color) / 0),  -5px 12px 0 1px hsl(var(--sparkle-color) / 0), 5px 12px 0 1px hsl(var(--sparkle-color) / 0)}35%{opacity:1;box-shadow: -14px -32px 0 2px hsl(var(--sparkle-color) / .9), 14px -32px 0 2px hsl(var(--sparkle-color) / .9),  -36px -14px 0 2px hsl(var(--sparkle-color) / .9), 36px -14px 0 2px hsl(var(--sparkle-color) / .9), -36px 14px 0 2px hsl(var(--sparkle-color) / .9), 36px 14px 0 2px hsl(var(--sparkle-color) / .9),  -14px 28px 0 2px hsl(var(--sparkle-color) / .9), 14px 28px 0 2px hsl(var(--sparkle-color) / .9)}to{opacity:0;box-shadow: -28px -58px 0 0px hsl(var(--sparkle-color) / 0), 28px -58px 0 0px hsl(var(--sparkle-color) / 0),  -65px -26px 0 0px hsl(var(--sparkle-color) / 0), 65px -26px 0 0px hsl(var(--sparkle-color) / 0), -65px 26px 0 0px hsl(var(--sparkle-color) / 0), 65px 26px 0 0px hsl(var(--sparkle-color) / 0),  -28px 52px 0 0px hsl(var(--sparkle-color) / 0), 28px 52px 0 0px hsl(var(--sparkle-color) / 0)}}@keyframes sparkle-burst-outer{0%,10%{opacity:0;box-shadow:0 -6px 0 0px hsl(var(--sparkle-color) / 0), -12px -12px 0 0px hsl(var(--sparkle-color) / 0), 12px -12px 0 0px hsl(var(--sparkle-color) / 0), -16px 0 0 0px hsl(var(--sparkle-color) / 0), 16px 0 0 0px hsl(var(--sparkle-color) / 0), -12px 12px 0 0px hsl(var(--sparkle-color) / 0), 12px 12px 0 0px hsl(var(--sparkle-color) / 0), 0 16px 0 0px hsl(var(--sparkle-color) / 0)}40%{opacity:1;box-shadow:0 -40px 0 2px hsl(var(--sparkle-color) / .8), -28px -28px 0 2px hsl(var(--sparkle-color) / .8), 28px -28px 0 2px hsl(var(--sparkle-color) / .8), -42px 0 0 2px hsl(var(--sparkle-color) / .8), 42px 0 0 2px hsl(var(--sparkle-color) / .8), -28px 28px 0 2px hsl(var(--sparkle-color) / .8), 28px 28px 0 2px hsl(var(--sparkle-color) / .8), 0 38px 0 2px hsl(var(--sparkle-color) / .8)}to{opacity:0;box-shadow:0 -75px 0 0px hsl(var(--sparkle-color) / 0), -52px -52px 0 0px hsl(var(--sparkle-color) / 0), 52px -52px 0 0px hsl(var(--sparkle-color) / 0), -78px 0 0 0px hsl(var(--sparkle-color) / 0), 78px 0 0 0px hsl(var(--sparkle-color) / 0), -52px 52px 0 0px hsl(var(--sparkle-color) / 0), 52px 52px 0 0px hsl(var(--sparkle-color) / 0), 0 70px 0 0px hsl(var(--sparkle-color) / 0)}}@keyframes success-glow{0%{background-color:hsl(var(--sparkle-color) / .2);box-shadow:0 0 0 0 hsl(var(--sparkle-color) / .6)}20%{background-color:hsl(var(--sparkle-color) / .6);box-shadow:0 0 20px 8px hsl(var(--sparkle-color) / .4)}50%{background-color:hsl(var(--sparkle-color) / .5);box-shadow:0 0 30px 12px hsl(var(--sparkle-color) / .2)}to{background-color:hsl(var(--sparkle-color) / .35);box-shadow:0 0 0 0 hsl(var(--sparkle-color) / 0)}}.animate-success-sparkle{z-index:10;animation:1.2s ease-out forwards success-glow;position:relative}.animate-success-sparkle:before,.animate-success-sparkle:after{content:"";background:hsl(var(--sparkle-color));pointer-events:none;z-index:100;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%}.animate-success-sparkle:before{animation:1s cubic-bezier(.25,.46,.45,.94) forwards sparkle-burst}.animate-success-sparkle:after{width:3px;height:3px;animation:1.1s cubic-bezier(.25,.46,.45,.94) forwards sparkle-burst-delayed}