/* Transitions classes that are globally used */

.scale-elastic-enter-active,
.scale-elastic-leave-active {
  transition:
    scale 200ms var(--cp-easing-elastic),
    opacity 200ms ease;
}

.scale-elastic-enter-from,
.scale-elastic-leave-to {
  opacity: 0;
  scale: 0.9;
}

.drawer-enter-active,
.drawer-leave-active {
  transition: transform 500ms var(--cp-easing-ease-out-quart);
}

.drawer-enter-from,
.drawer-leave-to {
  transform: translate3d(0, 100%, 0);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 300ms ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}