@media (pointer: fine) {
    html.ball-cursor-active, html.ball-cursor-active body,
    html.ball-cursor-active body * { cursor: none !important; }
    html:not(.ball-cursor-active) body select,
    html:not(.ball-cursor-active) body select * { cursor: default !important; }
    html.ball-cursor-active .rolling-ball-cursor.is-visible { opacity: 1; }
}

.rolling-ball-cursor { position: fixed; top: 0; left: 0; width: 38px; height: 38px; z-index: 2147483647; pointer-events: none; opacity: 0; will-change: transform; filter: drop-shadow(1px 3px 2px rgba(36,23,28,.25)); }