.sparkle-anchor{position:relative;display:inline-block;width:100%}.sparkle-media{display:block;width:100%;height:auto;object-fit:cover}.sparkle-hotspot{--sparkle-size: 28px;--sparkle-glow: 6px;--sparkle-rotate-s: 6s;--sparkle-pulse-s: 1.8s;position:absolute;left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%,-50%);width:var(--sparkle-size);height:var(--sparkle-size);pointer-events:none;filter:drop-shadow(0 0 var(--sparkle-glow) rgba(255,200,60,.9))}.sparkle{width:100%;height:100%;fill:#fff;transform-origin:50% 50%;filter:drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 12px rgba(255,255,255,.6)) drop-shadow(0 0 20px rgba(255,255,255,.4));animation:sparkle-pulse var(--sparkle-pulse-s) ease-in-out infinite}@keyframes sparkle-pulse{0%,to{transform:scale(.8);opacity:.6;filter:drop-shadow(0 0 4px rgba(255,255,255,.8)) drop-shadow(0 0 10px rgba(255,255,255,.6)) drop-shadow(0 0 18px rgba(255,255,255,.4))}50%{transform:scale(1);opacity:1;filter:drop-shadow(0 0 8px rgba(255,255,255,1)) drop-shadow(0 0 14px rgba(255,255,255,.8)) drop-shadow(0 0 24px rgba(255,255,255,.6))}}@keyframes sparkle-pulse{0%,to{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){.sparkle{animation:none}}.sparkle-hotspot{--sparkle-size: 28px;--sparkle-glow: 6px;--pulse-s: 1.8s;--twinkle-s: 7s;--burst-s: 2.2s;--twinkle-delay: 0s}.sparkle-core circle{fill:#fff;transform-origin:50% 50%;filter:drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 12px rgba(255,255,255,.6)) drop-shadow(0 0 20px rgba(255,255,255,.4));animation:sparkle-pulse var(--pulse-s) ease-in-out infinite}.sparkle-spikes{fill:#fff;transform-origin:50% 50%;opacity:0;filter:drop-shadow(0 0 4px rgba(255,255,255,.8)) drop-shadow(0 0 10px rgba(255,255,255,.5));animation:sparkle-rotate calc(var(--twinkle-s) * 3) linear infinite,sparkle-burst var(--twinkle-s) ease-in-out infinite;animation-delay:var(--twinkle-delay),var(--twinkle-delay)}@keyframes sparkle-rotate{to{transform:rotate(360deg)}}@keyframes sparkle-pulse{0%,to{transform:scale(.8);opacity:.65}50%{transform:scale(1);opacity:1}}@keyframes sparkle-burst{0%,78%{opacity:0;transform:scale(.7)}80%{opacity:.95;transform:scale(1.08)}86%{opacity:.6;transform:scale(.95)}to{opacity:0;transform:scale(.7)}}@media (prefers-reduced-motion: reduce){.sparkle-core circle,.sparkle-spikes{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/sparkle-hotspot.css.map */