/**
 * Author Posts Loading State Animations
 * Using Tailwind CSS utilities
 */

/* Loading state pulse effect */
@keyframes pulse-animate {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.pulse-animate {
    animation: pulse-animate 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Loading state shimmer effect */
@keyframes shimmer-animate {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.shimmer-animate {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 1000px 100%;
    animation: shimmer-animate 2s infinite;
}