.cabinet-glow-cursor { display: none; position: fixed; top: 0; left: 0; width: 11px; height: 15px; z-index: 2147483647; pointer-events: none; color: var(--moon, #9fe0ee); --cursor-edge: color-mix(in srgb, var(--moon, #9fe0ee) 25%, #0077b6); filter: drop-shadow(1px 0 0 var(--cursor-edge)) drop-shadow(-1px 0 0 var(--cursor-edge)) drop-shadow(0 1px 0 var(--cursor-edge)) drop-shadow(0 -1px 0 var(--cursor-edge)) drop-shadow(0 0 1px var(--cursor-edge)) drop-shadow(0 0 3px color-mix(in srgb, var(--moon, #9fe0ee) 60%, transparent)); }
.cabinet-glow-cursor::before { content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--mist, #f2f8f9) 0%, var(--mist, #f2f8f9) 28%, var(--moon, #9fe0ee) 65%); clip-path: polygon(0 0, 0 85%, 30% 61%, 55% 100%, 76% 88%, 51% 53%, 100% 53%); }
.cabinet-glow-cursor[popover] { margin: 0; padding: 0; border: 0; background: transparent; overflow: visible; inset: 0 auto auto 0; }
.cabinet-glow-cursor::backdrop { background: transparent; pointer-events: none; }

@media (any-pointer: fine) and (forced-colors: none) {
  body.has-glow-cursor,
  body.has-glow-cursor * { cursor: none !important; }
  body.has-glow-cursor dialog::backdrop { cursor: none; }
  body.has-glow-cursor .cabinet-glow-cursor { display: block; }
}