.transition           {@apply -transition;}
.transition-all       {@apply -transition-all;}
.transition-colors    {@apply -transition-colors;}
.transition-opacity   {@apply -transition-opacity;}
.transition-shadow    {@apply -transition-shadow;}
.transition-transform {@apply -transition-transform;}
.transition-none      {@apply -transition-none;}

.fade,
.fade-from-center,
.fade-from-bottom,
.fade-from-top,
.fade-from-left,
.fade-from-right {
  @apply -opacity-0 -transition-[opacity,transform];
}

.fade-from-center,
.fade-from-bottom,
.fade-from-top,
.fade-from-left,
.fade-from-right{
  @apply -scale-90;
}

.fade-from-bottom   {@apply -translate-y-1/4;}
.fade-from-top      {@apply --translate-y-1/4;}
.fade-from-left     {@apply --translate-x-1/4;}
.fade-from-right    {@apply -translate-x-1/4;}

.fade.in,
.fade-from-center.in,
.fade-from-bottom.in,
.fade-from-top.in,
.fade-from-left.in,
.fade-from-right.in {
  @apply -opacity-100 -scale-100 -translate-x-0 -translate-y-0;
}

.duration-75   {@apply -duration-75;}
.duration-100  {@apply -duration-100;}
.duration-200  {@apply -duration-200;}
.duration-300  {@apply -duration-300;}
.duration-500  {@apply -duration-500;}
.duration-1000 {@apply -duration-1000;}
