.dropdown-enter-active,
.dropdown-leave-active {
  transition: all 250ms;
}
.dropdown-enter,
.dropdown-leave-to {
  opacity: 0;
  transform: translateY(20px);
}

.dropdown-reverse-enter-active,
.dropdown-reverse-leave-active {
  transition: all 250ms;
}
.dropdown-reverse-enter,
.dropdown-reverse-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}

.popup-enter-active,
.popup-leave-active {
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
  transform: scale(1);
}
.popup-enter,
.popup-leave-to {
  opacity: 0;
  transform: scale(1.3);
}

.side-popup-enter-active,
.side-popup-leave-active {
  transition: all 300ms;
}
.side-popup-enter,
.side-popup-leave-to {
  opacity: 0;
  transform: translateX(50px);
}