@keyframes spring-in {
  0% {
    scale: 0;
  }
  40% {
    scale: 1.1;
  }
  60% {
    scale: 1;
  }
  80% {
    scale: 1.02;
  }
  100% {
    scale: 1;
  }
}
.spring-enter-active {
  transform-origin: center;
  will-change: scale;
  animation: spring-in 0.5s ease-in-out;
}

.spring-leave-active {
  transform-origin: center;
  will-change: scale, translate, opacity;
  transition: scale 0.4s cubic-bezier(0.64, -0.32, 0.66, 1.06), translate 0.4s cubic-bezier(0.64, -0.32, 0.66, 1.06), opacity 0.4s cubic-bezier(0.64, -0.32, 0.66, 1.06);
}

.spring-leave-to {
  scale: 0;
  translate: 0 0 !important;
  opacity: 0;
}