@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.5, 1.5);
  }

  100% {
    transform: scale(1, 1);
  }
}

@keyframes load1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@keyframes load2 {
  0% {
    z-index: 100;
    transform: rotate(180deg);
  }

  100% {
    z-index: 100;
    transform: rotate(270deg);
  }
}

@keyframes load3 {
  0% {
    z-index: 100;
    transform: rotate(180deg);
  }

  100% {
    z-index: 100;
    transform: rotate(315deg);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgb(34 73 147 / 27%), 0 0 0 0 rgb(45 104 190 / 27%);
  }

  80% {
    box-shadow: 0 0 0 20px #fff0, 0 0 0 40px #fff0;
  }

  100% {
    box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0;
  }
}

@keyframes ripples {
  0% {
    box-shadow: 0 0 0 0 rgba(38, 168, 21, 0.27), 0 0 0 0 rgba(23, 165, 32, 0.27);
  }

  80% {
    box-shadow: 0 0 0 20px #fff0, 0 0 0 40px #fff0;
  }

  100% {
    box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0;
  }
}

@keyframes rotateY-anim {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}