/* Fade In Animation */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Spin Animation */
@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  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 10px hsla(var(--pulseColor), 0);
	}
	100% {
		box-shadow: 0 0 0 0 hsla(var(--pulseColor), 0);
	}
}

/* Lazy Load Animation */
@keyframes lazyLoadPlaceholder {
  0% {
    background-position: -468px 0
  }
  100% {
    background-position: 468px 0
  }
}