/*scale*/
.pl-transition-scale-enter-active, .pl-transition-scale-leave-active {
  transform: scale(1);
}

.pl-transition-scale-enter, .pl-transition-scale-leave-to {
  transform: scale(0.75);
  opacity: 0;
}

/*scale-y*/
.pl-transition-scale-y-enter-active, .pl-transition-scale-y-leave-active {
}

.pl-transition-scale-y-enter, .pl-transition-scale-y-leave-to {
  transform: scaleY(0);
  opacity: 0;
}

/*fade*/
.pl-transition-fade-enter-active, .pl-transition-fade-leave-active {
  opacity: 1;
}

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

/*slider*/
[direction=horizontal] {
  &.pl-transition-slide-next-enter-active, &.pl-transition-slide-next-leave-active {
    transform: translate3d(0, 0, 0);
  }

  &.pl-transition-slide-next-enter {
    transform: translate3d(100%, 0, 0);
  }

  &.pl-transition-slide-next-leave-to {
    transform: translate3d(-100%, 0, 0);
  }

  &.pl-transition-slide-prev-enter-active, &.pl-transition-slide-prev-leave-active {
    transform: translate3d(0, 0, 0);
  }

  &.pl-transition-slide-prev-enter {
    transform: translate3d(-100%, 0, 0);
  }

  &.pl-transition-slide-prev-leave-to {
    transform: translate3d(100%, 0, 0);
  }
}

[direction=vertical] {
  &.pl-transition-slide-next-enter-active, &.pl-transition-slide-next-leave-active {
    transform: translate3d(0, 0, 0);
  }

  &.pl-transition-slide-next-enter {
    transform: translate3d(0, 100%, 0);
  }

  &.pl-transition-slide-next-leave-to {
    transform: translate3d(0, -100%, 0);
  }

  &.pl-transition-slide-prev-enter-active, &.pl-transition-slide-prev-leave-active {
    transform: translate3d(0, 0, 0);
  }

  &.pl-transition-slide-prev-enter {
    transform: translate3d(0, -100%, 0);
  }

  &.pl-transition-slide-prev-leave-to {
    transform: translate3d(0, 100%, 0);
  }
}