@keyframes swipe {
  0%, 100% { transform: translateX(-6px); }
  50% { transform: translateX(6px); }
}
.animate-swipe {
  animation: swipe 2s ease-in-out infinite;
}


@keyframes wheel-bounce {
  0%,
  100% {
    transform: translateY(-1.5px);
    opacity: 0.6;
  }
  50% {
    transform: translateY(2.5px);
    opacity: 1;
  }
}

@keyframes scrollWheel {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(6px); opacity: 0; }
}
.animate-scroll-wheel {
  animation: scrollWheel 2s infinite;
}

.cursor-icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@keyframes ping-point {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.animate-ping-point {
  animation: ping-point 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.ping-dot, .ping-dot-outer {
  pointer-events: none;
}

@keyframes swipe-x {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-4px);
  }
}

.animate-swipe-x {
  animation: swipe-x 1.5s ease-in-out infinite;
}

@keyframes quiz-icon-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(var(--primary-rgb, 52, 58, 76), 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 12px rgba(var(--primary-rgb, 52, 58, 76), 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(var(--primary-rgb, 52, 58, 76), 0);
  }
}

.quiz-pulse-icon {
  animation: quiz-icon-pulse 1.8s infinite ease-in-out;

}