.cursor-dot{position:fixed;top:-4px;left:-4px;width:8px;height:8px;background:var(--color-accent);border-radius:50%;pointer-events:none;z-index:9999;will-change:transform;transform:translate3d(-100px,-100px,0);transition:opacity .2s ease;opacity:0}.cursor-ring{position:fixed;top:-18px;left:-18px;width:36px;height:36px;border-radius:50%;pointer-events:none;z-index:9998;will-change:transform;transform:translate3d(-100px,-100px,0);transition:opacity .2s ease;opacity:0;background:var(--gradient-primary);background-size:200% auto;animation:gradientShift 4s ease infinite;mask:radial-gradient(circle,transparent 15px,black 16.5px);-webkit-mask:radial-gradient(circle,transparent 15px,black 16.5px)}body:hover .cursor-dot,body:hover .cursor-ring{opacity:1}@media(hover:none)and (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}