body {
cursor: none;
}
#scc-cursor {
position: fixed;
width: var(--scc-size, 12px);
height: var(--scc-size, 12px);
border-radius: 50%;
background: var(--scc-color, #00ffff);
pointer-events: none;
z-index: 9999;
transform: translate(-50%, -50%);
mix-blend-mode: difference;
transition: transform 0.15s ease, opacity 0.15s ease;
will-change: left, top, transform;
}
#scc-cursor-ring {
position: fixed;
width: calc(var(--scc-size, 12px) * 4);
height: calc(var(--scc-size, 12px) * 4);
border: 1.5px solid var(--scc-color, #00ffff);
border-radius: 50%;
pointer-events: none;
z-index: 9998;
transform: translate(-50%, -50%);
opacity: 0.6;
mix-blend-mode: difference;
transition: transform 0.15s ease, opacity 0.15s ease;
will-change: left, top;
} .scc-hover #scc-cursor {
transform: translate(-50%, -50%) scale(1.8);
}
.scc-hover #scc-cursor-ring {
transform: translate(-50%, -50%) scale(1.6);
opacity: 0.3;
} *, *::before, *::after {
cursor: none !important;
}