// ============================================================================
// Beat
// ============================================================================

@keyframes animate_beat {
    0%, 90% { transform: scale($animate-scale-base); }
    45% { transform: scale($animate-scale-beat); }
}

@keyframes animate_beat_fade {
    0%, 100% {
        opacity: $animate-opacity-fade;
        transform: scale($animate-scale-base);
    }
    50% {
        opacity: 1;
        transform: scale($animate-scale-beat-fade);
    }
}

@keyframes animate_beat_double {
    0%, 100% { transform: scale($animate-scale-base); }
    25% { transform: scale($animate-scale-beat-double-small); }
    50% { transform: scale($animate-scale-beat-double-large); }
    75% { transform: scale($animate-scale-beat-double-small); }
}