.sparkle-zones{position:relative;display:inline-block;touch-action:none}.sparkle-zones__layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:visible}.sparkle-zones__pointer-layer{z-index:20}.sparkle-zones__sparkle{position:absolute;display:block;width:var(--sparkle-size);height:var(--sparkle-size);left:var(--sparkle-x);top:var(--sparkle-y);transform:translate(-50%,-50%) rotate(var(--sparkle-rotation));transform-origin:center}.sparkle-zones__sparkle--animated{animation:sparkle-zones-rotate var(--sparkle-duration) ease-out forwards}.sparkle-zones__shape{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:1;transform:scale(1);transform-origin:center}.sparkle-zones__sparkle--animated .sparkle-zones__shape{animation:sparkle-zones-scale-fade var(--sparkle-duration) ease-out forwards}.sparkle-zones__svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:visible}.sparkle-zones__glow{filter:drop-shadow(0 0 3px rgb(255 255 255 / .8))}@keyframes sparkle-zones-rotate{0%{transform:translate(-50%,-50%) rotate(calc(var(--sparkle-rotation) - 45deg))}to{transform:translate(-50%,-50%) rotate(calc(var(--sparkle-rotation) + 45deg))}}@keyframes sparkle-zones-scale-fade{0%{opacity:0;transform:scale(.35)}22%{opacity:1;transform:scale(1)}68%{opacity:1;transform:scale(.65)}to{opacity:0;transform:scale(.12)}}@media (prefers-reduced-motion: reduce){.sparkle-zones__layer{display:none}}