:root{--cursor-cyan:#32dcff;--cursor-magenta:#ff3ed1}
.cyber-cursor-crosshair{position:fixed;left:0;top:0;z-index:2147483646;box-sizing:border-box;width:30px;height:30px;margin:-15px 0 0 -15px;border:1px solid var(--cursor-cyan);border-radius:50%;pointer-events:none;will-change:transform;transform:translate3d(-100px,-100px,0);transition:width .12s,height .12s,margin .12s,border-color .12s}
.cyber-cursor-crosshair::before,.cyber-cursor-crosshair::after{content:"";position:absolute;background:var(--cursor-cyan)}
.cyber-cursor-crosshair::before{left:-5px;top:14px;width:38px;height:1px}
.cyber-cursor-crosshair::after{left:14px;top:-5px;width:1px;height:38px}
.cyber-cursor-crosshair.is-hovering{width:36px;height:36px;margin:-18px 0 0 -18px;border-color:var(--cursor-magenta)}
.cyber-cursor-crosshair.is-hovering::before{left:-5px;top:17px;width:44px;background:var(--cursor-magenta)}
.cyber-cursor-crosshair.is-hovering::after{left:17px;top:-5px;height:44px;background:var(--cursor-magenta)}
.cyber-cursor-crosshair.is-active{width:24px;height:24px;margin:-12px 0 0 -12px}
.cyber-cursor-crosshair.is-active::before{left:-5px;top:11px;width:32px}
.cyber-cursor-crosshair.is-active::after{left:11px;top:-5px;height:32px}
@media(pointer:fine){html.cyber-cursor-ready,html.cyber-cursor-ready body,html.cyber-cursor-ready a,html.cyber-cursor-ready button,html.cyber-cursor-ready input,html.cyber-cursor-ready select,html.cyber-cursor-ready textarea,html.cyber-cursor-ready [role="button"]{cursor:none!important}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.cyber-cursor-crosshair{display:none!important}}