body { cursor: none !important; }

.red-dot-cursor {
  position: fixed;
  width: var(--cursor-size, 12px);
  height: var(--cursor-size, 12px);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  opacity: var(--cursor-opacity, 1);
  background-color: var(--cursor-color, transparent);
  overflow: hidden;
}
.red-dot-cursor img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.spray-dot {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  background-color: currentColor;
  filter: blur(var(--spray-blur, 1px));
  opacity: 0.6;
  animation: fadeOut var(--spray-fadeout, 0.5s) forwards;
  z-index: 9998;
}
@keyframes fadeOut {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}