/* Custom accent disk cursor — desktop pointer only */ /* Applied from before paint (see base.html) */ html.tls-cursor-on, html.tls-cursor-on *, html.tls-cursor-on *::before, html.tls-cursor-on *::after { cursor: none !important; } /* Tiny anchor only — must not cover the viewport (blocks wheel scroll) */ #tls-cursor-root { position: fixed; top: 0; left: 0; width: 0; height: 0; margin: 0; padding: 0; border: none; overflow: visible; pointer-events: none; z-index: 2147483647; } .tls-cursor-disk { position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--accent, #c8390a); pointer-events: none; opacity: 0; will-change: transform, width, height, opacity; transition: width 0.22s cubic-bezier(0.34, 1.2, 0.64, 1), height 0.22s cubic-bezier(0.34, 1.2, 0.64, 1), opacity 0.12s ease; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14); transform: translate3d(-100px, -100px, 0) translate(-50%, -50%); } .tls-cursor-disk.is-visible { opacity: 1; } .tls-cursor-disk.is-down { width: 22px; height: 22px; } .tls-cursor-disk.is-hover:not(.is-down) { width: 14px; height: 14px; } @media (hover: none), (pointer: coarse) { html.tls-cursor-on, html.tls-cursor-on *, html.tls-cursor-on *::before, html.tls-cursor-on *::after { cursor: auto !important; } #tls-cursor-root { display: none !important; } } @media (prefers-reduced-motion: reduce) { .tls-cursor-disk { transition: none; } }