/* Iridescent dot cursor-dot */
.lv .cursor-dot {
  position: fixed;
  width: 25px;
  height: 25px;
  background: linear-gradient(
    45deg,
    rgb(179, 195, 255),
    rgb(193, 179, 255),
    rgb(220, 179, 255),
    rgb(255, 179, 206),
    rgb(255, 255, 221),
    rgb(186, 255, 201),
    rgb(186, 225, 255),
    rgb(179, 195, 255)
  );
  background-size: 600% 600%;
  animation: iridescent 4s ease-in-out infinite;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  box-shadow:
    0 0 12px rgba(255, 179, 186, 0.6),
    0 0 25px rgba(186, 225, 255, 0.4);
}

@keyframes iridescent {
  0% {
    background-position: 0% 0%;
  }

  25% {
    background-position: 100% 0%;
  }

  50% {
    background-position: 100% 100%;
  }

  75% {
    background-position: 0% 100%;
  }

  100% {
    background-position: 0% 0%;
  }
}

.lv .cursor-dot.visible {
  opacity: 0.75;
}