/* Infinite Rotation Animations */

/* Keyframes for different rotation effects */
@keyframes rotate-infinite {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-left-right {
    0% {
        transform: rotate(-45deg);
    }
    50% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(-45deg);
    }
}

@keyframes rotate-smooth {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(30deg);
    }
    75% {
        transform: rotate(-30deg);
    }
}

/* Accessibility: respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
    .rotate-infinite,
    .rotate-left-right,
    .rotate-smooth {
        animation: none;
    }
}