.enter {
  transform: translateY(-100%);
}

.enterActive {
  transform: translateY(0%);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
}

.enterDone {
  transform: translateY(0%);
}

.exit {
  transform: translateY(0%);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.exitActive {
  transform: translateY(-100%);
}