/*---------
# Keyframes 
  ----------*/
@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes animate-loading-text {
  0% {
    opacity: 0.5;
    scale: 0.8;
  }
  25% {
    opacity: 1;
    scale: 1.05;
  }
  50% {
    opacity: 0.5;
    scale: 0.8;
  }
  100% {
    opacity: 0.5;
    scale: 0.8;
  }
}
@keyframes success-error-text {
  0% {
    opacity: 0;
    scale: 0.5;
  }
  50% {
    opacity: 0.9;
    scale: 1.1;
    }
  100% {
    opacity: 1;
    scale: 1;
  }
}
@keyframes glow {
  to {
    --bg-angle: 360deg;
  }
}