@property --ball-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.sticky-ball{cursor:pointer;-webkit-tap-highlight-color:transparent;isolation:isolate;background:#0d0d0d;border:1px solid #e6ff4d40;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;animation:2.6s ease-in-out infinite ball-glow-pulse;display:flex;position:relative}.sticky-ball:before{content:"";background:conic-gradient(from var(--ball-angle), transparent 0deg, #e6ff4d 55deg, #c8ff00 90deg, transparent 150deg, transparent 235deg, #e6ff4d 295deg, transparent 360deg);-webkit-mask-composite:xor;z-index:-1;border-radius:50%;padding:2px;animation:3s linear infinite ball-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ball-spin{to{--ball-angle:360deg}}@keyframes ball-glow-pulse{0%,to{box-shadow:0 0 14px 1px #e6ff4d47,0 8px 24px #00000080}50%{box-shadow:0 0 24px 3px #e6ff4d80,0 8px 24px #00000080}}@media (prefers-reduced-motion:reduce){.sticky-ball,.sticky-ball:before{animation:none!important}}