/*
 * Enter transitions for <transition name="c-*"> / <transition-group name="c-*">.
 * Timing and offsets match the Vuetify transitions they replace. Leaving elements
 * are hidden immediately (Vuetify's `hide-on-leave`) so they never overlap the
 * element that replaces them.
 */

.c-fade-enter-active,
.c-scale-enter-active,
.c-slide-x-enter-active,
.c-slide-y-enter-active,
.c-slide-y-reverse-enter-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.c-fade-leave-active,
.c-scale-leave-active,
.c-slide-x-leave-active,
.c-slide-y-leave-active,
.c-slide-y-reverse-leave-active {
  display: none;
}

.c-fade-enter {
  opacity: 0;
}

.c-scale-enter {
  opacity: 0;
  transform: scale(0);
}

.c-slide-x-enter {
  opacity: 0;
  transform: translateX(-15px);
}

.c-slide-y-enter {
  opacity: 0;
  transform: translateY(-15px);
}

.c-slide-y-reverse-enter {
  opacity: 0;
  transform: translateY(15px);
}