.anim-fadein {
  visibility: hidden;
  opacity: 0;
}
.anim-fadein-active {
  visibility: visible;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  opacity: 1;
}
.anim-fadeout {
  opacity: 1;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.anim-fadeout-active {
  opacity: 0;
}
.anim-slidein {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  transition-property: transform;
}
.anim-slidein-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.anim-slideout {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-property: transform;
}
.anim-slideout-active {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.anim-bouncein {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1.185);
  transform: translate3d(0, 0, 0) scale(1.185);
  transition-property: transform, opacity;
}
.anim-bouncein-active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.anim-bounceout {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  transition-property: transform, opacity;
}
.anim-bounceout-active {
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}