.fluid-cursor { display: none; position: fixed; top: 0; left: 0; width: 0; height: 0; z-index: 10000; pointer-events: none; mix-blend-mode: difference; }
.fluid-cursor__arrow { display: block; overflow: visible; transform-origin: 28px 12.5px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .fluid-cursor[data-visible="true"] { display: block; }
  html[data-fluid-cursor="true"], html[data-fluid-cursor="true"] body, html[data-fluid-cursor="true"] body * { cursor: none !important; }
}