/* Unlumen velocity-tilted pointer, deliberately without a label. */
html[data-theme] .fargah-cursor.fargah-cursor--unlumen {
  position: fixed; top: 0; left: 0; right: auto; bottom: auto;
  width: 25px; height: 25px; margin: 0; border: 0; padding: 0;
  border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none;
  color: var(--foreground); z-index: 20000; pointer-events: none;
  opacity: 0; visibility: hidden; mix-blend-mode: normal; transition: opacity .12s;
}
html[data-theme] .fargah-cursor.fargah-cursor--unlumen::before,
html[data-theme] .fargah-cursor.fargah-cursor--unlumen::after { content: none; display: none; }
html[data-theme] .fargah-cursor.fargah-cursor--unlumen > svg { display: block !important; width: 25px; height: 25px; max-width: none; overflow: visible; transform-origin: 4.5% 11%; filter: drop-shadow(0 1px 2px #0003); }
.fargah-cursor--unlumen path { fill: currentColor; stroke: var(--background); stroke-width: 1.4px; }
html[data-theme] .fargah-cursor.fargah-cursor--unlumen.is-active { opacity: 1; visibility: visible; }
html[data-theme] .fargah-cursor.fargah-cursor--unlumen.is-hover { color: var(--primary); }
html[data-theme] .fargah-cursor.fargah-cursor--unlumen.is-press > svg { opacity: .75; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html.has-unlumen-cursor, html.has-unlumen-cursor body, html.has-unlumen-cursor body * { cursor: none !important; }
}
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  html[data-theme] .fargah-cursor.fargah-cursor--unlumen { display: none !important; }
}