*, *::before, *::after {
  cursor: none !important;
}

#cursor-dot {
  width: 10px;
  height: 10px;
  background: #A3C9F1;
  border-radius: 50%;
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 999999;
  margin-left: -5px;
  margin-top: -5px;
  mix-blend-mode: difference;
}

#cursor-ring {
  width: 34px;
  height: 34px;
  border: 1.5px solid #1f7fe5;
  border-radius: 50%;
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 999998;
  margin-left: -17px;
  margin-top: -17px;
  opacity: 0.7;
}

@media (hover: none) {
  #cursor-dot, #cursor-ring { display: none; }
  * { cursor: auto !important; }
}