/**
 * MH Preloader - Animation Keyframes
 *
 * These keyframes are referenced by the inline animation styles applied
 * via JavaScript when one of the five styles is selected at random
 * (spinner, pulse, bounce, bars, squares).
 *
 * Copied verbatim from the original mediaholic-theme implementation.
 */

/* Spinner animation - rotating border */
@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Pulse animation - scaling circle */
@keyframes pulse {
    0%, 100% { transform: scale(1);   opacity: 1;   }
    50%      { transform: scale(1.2); opacity: 0.7; }
}

/* Bounce animation - dots bouncing */
@keyframes bounce {
    0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
    40%           { transform: scale(1); opacity: 1;   }
}

/* Bars animation - vertical bars scaling */
@keyframes bars {
    0%, 40%, 100% { transform: scaleY(0.4); opacity: 0.5; }
    20%           { transform: scaleY(1);   opacity: 1;   }
}

/* Squares animation - 3D rotating squares */
@keyframes squares {
    0%, 100% { transform: perspective(140px) rotateX(-180deg); opacity: 0; }
    50%      { transform: perspective(140px) rotateX(0deg);    opacity: 1; }
}