/* 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%, 100% {
    transform: translateY(-1rem);
  }
  50% {
    transform: translateY(0);
  }
}

@keyframes bob-up-down {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(.8,0,1,1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,.2,1);
  }
}
.bob-up-down { animation: bob-up-down 1s infinite; }

/* 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
  }
}