/* --- LIBRERÍA DE ANIMACIONES (COMPLETA) --- */
/* Esta sección está basada en la popular librería Animate.css */

/* Define propiedades base para todas nuestras animaciones */
#big-play-button.animate--bounce,
#big-play-button.animate--flash,
#big-play-button.animate--pulse,
#big-play-button.animate--rubberBand,
#big-play-button.animate--shakeX,
#big-play-button.animate--shakeY,
#big-play-button.animate--headShake,
#big-play-button.animate--swing,
#big-play-button.animate--tada,
#big-play-button.animate--wobble,
#big-play-button.animate--jello,
#big-play-button.animate--heartBeat {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite; /* Las animaciones de atención se repiten */
}

#big-play-button[class*="animate--back"],
#big-play-button[class*="animate--bounceIn"],
#big-play-button[class*="animate--bounceOut"],
#big-play-button[class*="animate--fade"],
#big-play-button[class*="animate--flip"],
#big-play-button[class*="animate--lightSpeed"],
#big-play-button[class*="animate--rotate"],
#big-play-button[class*="animate--zoom"],
#big-play-button[class*="animate--slide"],
#big-play-button.animate--hinge,
#big-play-button.animate--rollIn,
#big-play-button.animate--rollOut {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: 1; /* Las animaciones de entrada/salida solo ocurren una vez */
}


/* Keyframes de las Animaciones */
@keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}
@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}
@keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
@keyframes shakeX{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}
@keyframes shakeY{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}
@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}
@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}
@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}
@keyframes wobble{from{transform:translate3d(0,0,0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translate3d(0,0,0)}}
@keyframes jello{from,11.1%,to{transform:translate3d(0,0,0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}
@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:0.7}80%{transform:translateY(0) scale(.7);opacity:0.7}to{transform:scale(1);opacity:1}}
@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:0.7}80%{transform:translateX(0) scale(.7);opacity:0.7}to{transform:scale(1);opacity:1}}
@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:0.7}80%{transform:translateX(0) scale(.7);opacity:0.7}to{transform:scale(1);opacity:1}}
@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:0.7}80%{transform:translateY(0) scale(.7);opacity:0.7}to{transform:scale(1);opacity:1}}
@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:0.7}to{transform:translateY(700px) scale(.7);opacity:0.7}}
@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:0.7}to{transform:translateX(-2000px) scale(.7);opacity:0.7}}
@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:0.7}to{transform:translateX(2000px) scale(.7);opacity:0.7}}
@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:0.7}to{transform:translateY(-700px) scale(.7);opacity:0.7}}
@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}
@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translate3d(0,0,0)}}
@keyframes bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translate3d(0,0,0)}}
@keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translate3d(0,0,0)}}
@keyframes bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translate3d(0,0,0)}}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}
@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}
@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}
@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}
@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}
@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}
@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}
@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}
@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}
@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}
@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}
@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}
@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}
@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}
@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}
@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}
@keyframes lightSpeedInRight{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}}
@keyframes lightSpeedInLeft{from{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translate3d(0,0,0)}}
@keyframes lightSpeedOutRight{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}
@keyframes lightSpeedOutLeft{from{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}
@keyframes rotateIn{from{transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateInDownLeft{from{transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateInDownRight{from{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateInUpLeft{from{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateInUpRight{from{transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateOut{from{opacity:1}to{transform:rotate3d(0,0,1,200deg);opacity:0}}
@keyframes rotateOutDownLeft{from{opacity:1}to{transform:rotate3d(0,0,1,45deg);opacity:0}}
@keyframes rotateOutDownRight{from{opacity:1}to{transform:rotate3d(0,0,1,-45deg);opacity:0}}
@keyframes rotateOutUpLeft{from{opacity:1}to{transform:rotate3d(0,0,1,-45deg);opacity:0}}
@keyframes rotateOutUpRight{from{opacity:1}to{transform:rotate3d(0,0,1,90deg);opacity:0}}
@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}
@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}
@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-2000px,0,0)}}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(2000px,0,0)}}
@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}
@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}
@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}
@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}

/* Clases que aplican las animaciones */
.animate--bounce { animation-name: bounce; }
.animate--flash { animation-name: flash; }
.animate--pulse { animation-name: pulse; }
.animate--rubberBand { animation-name: rubberBand; }
.animate--shakeX { animation-name: shakeX; }
.animate--shakeY { animation-name: shakeY; }
.animate--headShake { animation-name: headShake; }
.animate--swing { animation-name: swing; }
.animate--tada { animation-name: tada; }
.animate--wobble { animation-name: wobble; }
.animate--jello { animation-name: jello; }
.animate--heartBeat { animation-name: heartBeat; }
.animate--backInDown { animation-name: backInDown; }
.animate--backInLeft { animation-name: backInLeft; }
.animate--backInRight { animation-name: backInRight; }
.animate--backInUp { animation-name: backInUp; }
.animate--backOutDown { animation-name: backOutDown; }
.animate--backOutLeft { animation-name: backOutLeft; }
.animate--backOutRight { animation-name: backOutRight; }
.animate--backOutUp { animation-name: backOutUp; }
.animate--bounceIn { animation-name: bounceIn; }
.animate--bounceInDown { animation-name: bounceInDown; }
.animate--bounceInLeft { animation-name: bounceInLeft; }
.animate--bounceInRight { animation-name: bounceInRight; }
.animate--bounceInUp { animation-name: bounceInUp; }
.animate--bounceOut { animation-name: bounceOut; }
.animate--bounceOutDown { animation-name: bounceOutDown; }
.animate--bounceOutLeft { animation-name: bounceOutLeft; }
.animate--bounceOutRight { animation-name: bounceOutRight; }
.animate--bounceOutUp { animation-name: bounceOutUp; }
.animate--fadeIn { animation-name: fadeIn; }
.animate--fadeInDown { animation-name: fadeInDown; }
.animate--fadeInDownBig { animation-name: fadeInDownBig; }
.animate--fadeInLeft { animation-name: fadeInLeft; }
.animate--fadeInLeftBig { animation-name: fadeInLeftBig; }
.animate--fadeInRight { animation-name: fadeInRight; }
.animate--fadeInRightBig { animation-name: fadeInRightBig; }
.animate--fadeInUp { animation-name: fadeInUp; }
.animate--fadeInUpBig { animation-name: fadeInUpBig; }
.animate--fadeOut { animation-name: fadeOut; }
.animate--fadeOutDown { animation-name: fadeOutDown; }
.animate--fadeOutDownBig { animation-name: fadeOutDownBig; }
.animate--fadeOutLeft { animation-name: fadeOutLeft; }
.animate--fadeOutLeftBig { animation-name: fadeOutLeftBig; }
.animate--fadeOutRight { animation-name: fadeOutRight; }
.animate--fadeOutRightBig { animation-name: fadeOutRightBig; }
.animate--fadeOutUp { animation-name: fadeOutUp; }
.animate--fadeOutUpBig { animation-name: fadeOutUpBig; }
.animate--flip { animation-name: flip; }
.animate--flipInX { animation-name: flipInX; }
.animate--flipInY { animation-name: flipInY; }
.animate--flipOutX { animation-name: flipOutX; }
.animate--flipOutY { animation-name: flipOutY; }
.animate--lightSpeedInRight { animation-name: lightSpeedInRight; }
.animate--lightSpeedInLeft { animation-name: lightSpeedInLeft; }
.animate--lightSpeedOutRight { animation-name: lightSpeedOutRight; }
.animate--lightSpeedOutLeft { animation-name: lightSpeedOutLeft; }
.animate--rotateIn { animation-name: rotateIn; }
.animate--rotateInDownLeft { animation-name: rotateInDownLeft; }
.animate--rotateInDownRight { animation-name: rotateInDownRight; }
.animate--rotateInUpLeft { animation-name: rotateInUpLeft; }
.animate--rotateInUpRight { animation-name: rotateInUpRight; }
.animate--rotateOut { animation-name: rotateOut; }
.animate--rotateOutDownLeft { animation-name: rotateOutDownLeft; }
.animate--rotateOutDownRight { animation-name: rotateOutDownRight; }
.animate--rotateOutUpLeft { animation-name: rotateOutUpLeft; }
.animate--rotateOutUpRight { animation-name: rotateOutUpRight; }
.animate--hinge { animation-name: hinge; animation-duration: 2s; }
.animate--rollIn { animation-name: rollIn; }
.animate--rollOut { animation-name: rollOut; }
.animate--zoomIn { animation-name: zoomIn; }
.animate--zoomInDown { animation-name: zoomInDown; }
.animate--zoomInLeft { animation-name: zoomInLeft; }
.animate--zoomInRight { animation-name: zoomInRight; }
.animate--zoomInUp { animation-name: zoomInUp; }
.animate--zoomOut { animation-name: zoomOut; }
.animate--zoomOutDown { animation-name: zoomOutDown; }
.animate--zoomOutLeft { animation-name: zoomOutLeft; }
.animate--zoomOutRight { animation-name: zoomOutRight; }
.animate--zoomOutUp { animation-name: zoomOutUp; }
.animate--slideInDown { animation-name: slideInDown; }
.animate--slideInLeft { animation-name: slideInLeft; }
.animate--slideInRight { animation-name: slideInRight; }
.animate--slideInUp { animation-name: slideInUp; }
.animate--slideOutDown { animation-name: slideOutDown; }
.animate--slideOutLeft { animation-name: slideOutLeft; }
.animate--slideOutRight { animation-name: slideOutRight; }
.animate--slideOutUp { animation-name: slideOutUp; }