.light-cursor{display:none;position:fixed;top:0;left:0;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#fff;box-shadow:0 0 5px 2px #ffffffa6,0 0 14px 4px #ffffff38;pointer-events:none;z-index:2147483647;opacity:0}
@media(hover:hover) and (pointer:fine){
  .light-cursor{display:block}
  html.light-cursor-active,html.light-cursor-active *{cursor:none!important}
  html.light-cursor-active .light-cursor{opacity:1}
}
@media(forced-colors:active){
  .light-cursor{display:none!important}
  html.light-cursor-active,html.light-cursor-active *{cursor:auto!important}
}