@charset "UTF-8";

.op0{
	opacity: 0;
}

.popup{
  animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
 
@keyframes popup {
  0% {
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1.0);
  }
  80%, 100% {
    opacity: 1;
  }
}

.fadeup{
  animation: fadeup 0.6s 1 forwards;
}
 
@keyframes fadeup {
  0% {
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  80%, 100% {
    opacity: 1;
  }
}


.fadeIn{
  animation: fadeIn 0.6s 1 forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  80%, 100% {
    opacity: 1;
  }
}

@keyframes zoom02 {
   0% {
      transform: scale(1.5);
     opacity: 0;
   }
   100% {
      transform: scale(1);
     opacity: 1;
   }
}

@keyframes zoom {
   0% {
      transform: scale(1);
   }
   100% {
      transform: scale(1.25);
   }
}