/* Fade In Animation */
@keyframes fadein {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}
/* Spin Animation */
@keyframes spin-animation {
100% { transform: rotate(359deg); }
}
@keyframes spin-animation-reverse {
0% { transform: rotate(0deg); }
100% { transform: rotate(-359deg); }
}
/* Pulse Animation */
@keyframes pulse {
0% { box-shadow: 0 0 0 0 hsla(var(--pulseColor), 70%); }
70% { box-shadow: 0 0 0 0.625rem hsla(var(--pulseColor), 0); }
100% { box-shadow: 0 0 0 0 hsla(var(--pulseColor), 0); }
}
/* Lazy Load Animation */
@keyframes lazyLoadPlaceholder {
0% { background-position: -29.25rem 0 }
100% { background-position: 29.25rem 0 }
}