.animate-bounce-in:hover,.animate-bounce-out:hover{transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}
.animate-bob:hover,.animate-hang:hover{animation-delay:0s,.3s;animation-fill-mode:forwards;animation-direction:normal,alternate}
.pf-animated{animation-duration:1s;animation-fill-mode:both}
@keyframes pf-bounce{20%,53%,80%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}
40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}
70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}
90%{transform:translate3d(0,-4px,0)}
}
.bounce{animation-name:pf-bounce;transform-origin:center bottom}
@keyframes pf-bounceIn{20%,40%,60%,80%,0%,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:scaleZ(1)}
}
.bounceIn{animation-name:pf-bounceIn}
@keyframes pf-bounceInDown{60%,75%,90%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(0,-3000px,0)}
60%{opacity:1;transform:translate3d(0,25px,0)}
75%{transform:translate3d(0,-10px,0)}
90%{transform:translate3d(0,5px,0)}
to{transform:none}
}
.bounceInDown{animation-name:pf-bounceInDown}
@keyframes pf-bounceInLeft{60%,75%,90%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(-3000px,0,0)}
60%{opacity:1;transform:translate3d(25px,0,0)}
75%{transform:translate3d(-10px,0,0)}
90%{transform:translate3d(5px,0,0)}
to{transform:none}
}
.bounceInLeft{animation-name:pf-bounceInLeft}
@keyframes pf-bounceInRight{60%,75%,90%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(3000px,0,0)}
60%{opacity:1;transform:translate3d(-25px,0,0)}
75%{transform:translate3d(10px,0,0)}
90%{transform:translate3d(-5px,0,0)}
to{transform:none}
}
.bounceInRight{animation-name:pf-bounceInRight}
@keyframes pf-bounceInUp{60%,75%,90%,0%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(0,3000px,0)}
60%{opacity:1;transform:translate3d(0,-20px,0)}
75%{transform:translate3d(0,10px,0)}
90%{transform:translate3d(0,-5px,0)}
to{transform:translateZ(0)}
}
.bounceInUp{animation-name:pf-bounceInUp}
@keyframes pf-fadeIn{0%{opacity:0}
to{opacity:1}
}
.fadeIn{animation-name:pf-fadeIn}
@keyframes pf-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}
.fadeInDown{animation-name:pf-fadeInDown}
@keyframes pf-fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}
to{opacity:1;transform:none}
}
.fadeInDownBig{animation-name:pf-fadeInDownBig}
@keyframes pf-fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeft{animation-name:pf-fadeInLeft}
@keyframes pf-fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeftBig{animation-name:pf-fadeInLeftBig}
@keyframes pf-fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}
to{opacity:1;transform:none}
}
.fadeInRight{animation-name:pf-fadeInRight}
@keyframes pf-fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}
to{opacity:1;transform:none}
}
.fadeInRightBig{animation-name:pf-fadeInRightBig}
@keyframes pf-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}
to{opacity:1;transform:none}
}
.fadeInUp{animation-name:pf-fadeInUp}
@keyframes pf-fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}
to{opacity:1;transform:none}
}
.fadeInUpBig{animation-name:pf-fadeInUpBig}
@keyframes pf-flash{50%,0%,to{opacity:1}
25%,75%{opacity:0}
}
.flash{animation-name:pf-flash}
.flip{animation-name:pf-flip}
@keyframes pf-flip{0%{transform:rotateY(180deg)}
to{transform:rotateY(0)}
}
@keyframes pf-flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotateX(10deg);opacity:1}
80%{transform:perspective(400px) rotateX(-5deg)}
to{transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:pf-flipInX}
@keyframes pf-flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotateY(10deg);opacity:1}
80%{transform:perspective(400px) rotateY(-5deg)}
to{transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:pf-flipInY}
@keyframes pf-jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
.jackInTheBox{animation-name:pf-jackInTheBox}
@keyframes pf-jello{11.1%,0%,to{transform:none}
22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}
33.3%{transform:skew(6.25deg) skewY(6.25deg)}
44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}
55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}
66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}
77.7%{transform:skew(.39062deg) skewY(.39062deg)}
88.8%{transform:skew(-.19531deg) skewY(-.19531deg)}
}
.jello{animation-name:pf-jello;transform-origin:center}
@keyframes pf-pulse{0%,to{transform:scaleZ(1)}
50%{transform:scale3d(1.05,1.05,1.05)}
}
.pulse{animation-name:pf-pulse}
@keyframes pf-rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;transform:none}
}
.rollIn{animation-name:pf-rollIn}
@keyframes pf-rotateIn{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.rotateIn{animation-name:pf-rotateIn}
@keyframes pf-rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInDownLeft{animation-name:pf-rotateInDownLeft}
@keyframes pf-rotateInDownRight{0%{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInDownRight{animation-name:pf-rotateInDownRight}
@keyframes pf-rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInUpLeft{animation-name:pf-rotateInUpLeft}
@keyframes pf-rotateInUpRight{0%{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}
to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInUpRight{animation-name:pf-rotateInUpRight}
@keyframes pf-rubberBand{0%,to{transform:scaleZ(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)}
}
.rubberBand{animation-name:pf-rubberBand}
@keyframes pf-shake{0%,to{transform:translateZ(0)}
10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{transform:translate3d(10px,0,0)}
}
@keyframes pf-slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}
to{transform:translateZ(0)}
}
.slideInDown{animation-name:pf-slideInDown}
@keyframes pf-slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}
to{transform:translateZ(0)}
}
.slideInLeft{animation-name:pf-slideInLeft}
@keyframes pf-slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}
to{transform:translateZ(0)}
}
.slideInRight{animation-name:pf-slideInRight}
@keyframes pf-slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}
to{transform:translateZ(0)}
}
.slideInUp{animation-name:pf-slideInUp}
@keyframes pf-tada{0%,to{transform:scaleZ(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)}
}
.tada{animation-name:pf-tada}
@keyframes shake{0%,to{transform:translateZ(0)}
10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{transform:translate3d(10px,0,0)}
}
.shake{animation-name:shake}
@keyframes pf-wobble{0%,to{transform:none}
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)}
}
.wobble{animation-name:pf-wobble}
@keyframes pf-zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{animation-name:pf-zoomIn}
@keyframes pf-zoomInDown{0%{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)}
}
.zoomInDown{animation-name:pf-zoomInDown}
@keyframes pf-zoomInLeft{0%{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)}
}
.zoomInLeft{animation-name:pf-zoomInLeft}
@keyframes pf-zoomInRight{0%{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)}
}
.zoomInRight{animation-name:pf-zoomInRight}
@keyframes pf-zoomInUp{0%{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)}
}
.zoomInUp{animation-name:pf-zoomInUp}
.animate-backward{transition:.35s}
.animate-backward:hover{transform:translate(-8px)}
@keyframes pf-bob{0%,to{transform:translateY(-8px)}
50%{transform:translateY(-4px)}
}
@keyframes pf-bob-float{to{transform:translateY(-8px)}
}
.animate-bob:hover{animation-name:pf-bob-float,pf-bob;animation-duration:.3s,1.5s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite}
.animate-buzz-out:hover,.animate-buzz:hover,.animate-pop:hover{animation-timing-function:linear}
.animate-bounce-in,.animate-bounce-out{transition-duration:.5s}
.animate-bounce-in:hover{transform:scale(1.2)}
.animate-bounce-out:hover{transform:scale(.8)}
@keyframes pb-buzz-out{10%,30%{transform:translate(3px) rotate(2deg)}
20%,40%{transform:translate(-3px) rotate(-2deg)}
50%,70%{transform:translate(2px) rotate(1deg)}
60%,80%{transform:translate(-2px) rotate(-1deg)}
90%{transform:translate(1px) rotate(0)}
to{transform:translate(-1px) rotate(0)}
}
.animate-buzz-out:hover{animation-name:pb-buzz-out;animation-duration:.75s;animation-iteration-count:1}
@keyframes pb-buzz{50%{transform:translate(3px) rotate(2deg)}
to{transform:translate(-3px) rotate(-2deg)}
}
.animate-buzz:hover{animation-name:pb-buzz;animation-duration:.15s;animation-iteration-count:infinite}
.animate-float-shadow{position:relative;transition-duration:.3s;transition-property:transform}
.animate-float-shadow:before{position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);transition-duration:.3s;transition-property:transform,opacity}
.animate-float-shadow:hover{transform:translateY(-5px)}
.animate-float-shadow:hover:before{opacity:1;transform:translateY(5px)}
.animate-float,.animate-sink{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}
.animate-float:hover{transform:translateY(-8px)}
.animate-glow,.animate-shadow{transition-duration:.3s;transition-property:box-shadow}
.animate-glow:hover{box-shadow:0 0 8px #0009}
.animate-grow-shadow:hover,.animate-shadow:hover{box-shadow:0 10px 10px -10px #00000080}
.animate-grow,.animate-grow-rotate,.animate-rotate,.animate-shrink,.animate-skew{transition-duration:.3s;transition-property:transform}
.animate-grow-rotate:hover{transform:scale(1.1) rotate(4deg)}
.animate-grow-shadow{transition-duration:.3s;transition-property:box-shadow,transform}
.animate-grow-shadow:hover,.animate-grow:hover{transform:scale(1.1)}
@keyframes pf-hang{0%,to{transform:translateY(8px)}
50%{transform:translateY(4px)}
}
@keyframes pf-hang-sink{to{transform:translateY(8px)}
}
.animate-hang:hover{animation-name:pf-hang-sink,pf-hang;animation-duration:.3s,1.5s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite}
@keyframes pf-pop{50%{transform:scale(1.2)}
}
.animate-pop:hover{animation-name:pf-pop;animation-duration:.3s;animation-iteration-count:1}
.animate-pulse-grow:hover,.animate-pulse-shrink:hover,.animate-pulse:hover{animation-iteration-count:infinite;animation-timing-function:linear}
@keyframes pf-pulse-grow{to{transform:scale(1.1)}
}
.animate-pulse-grow:hover{animation-name:pf-pulse-grow;animation-duration:.3s;animation-direction:alternate}
@keyframes pf-pulse-shrink{to{transform:scale(.9)}
}
.animate-pulse-shrink:hover{animation-name:pf-pulse-shrink;animation-duration:.3s;animation-direction:alternate}
@keyframes pf-pulse{25%{transform:scale(1.1)}
75%{transform:scale(.9)}
}
.animate-pulse:hover{animation-name:pf-pulse;animation-duration:1s}
@keyframes pf-push{50%{transform:scale(.8)}
to{transform:scale(1)}
}
.animate-push:hover{animation-name:pf-push;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}
.animate-wobble-bottom:hover,.animate-wobble-horizontal:hover,.animate-wobble-skew:hover,.animate-wobble-to-bottom-right:hover,.animate-wobble-to-top-right:hover,.animate-wobble-top:hover,.animate-wobble-vertical:hover{animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.animate-rotate:hover{transform:rotate(4deg)}
.animate-shadow-radial{position:relative}
.animate-shadow-radial:after,.animate-shadow-radial:before{position:absolute;content:"";left:0;width:100%;background-repeat:no-repeat;height:5px;opacity:0;transition-duration:.3s;transition-property:opacity}
.animate-shadow-radial:before{bottom:100%;background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,transparent 80%)}
.animate-shadow-radial:after{top:100%;background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,transparent 80%)}
.animate-shadow-radial:hover:after,.animate-shadow-radial:hover:before{opacity:1}
.animate-shrink:hover{transform:scale(.9)}
.animate-sink:hover{transform:translateY(8px)}
.animate-skew-backward,.animate-skew-forward{transition-duration:.3s;transition-property:transform;transform-origin:0 100%}
.animate-skew-backward:hover{transform:skew(10deg)}
.animate-skew-forward:hover,.animate-skew:hover{transform:skew(-10deg)}
@keyframes pf-wobble-bottom{16.65%{transform:skew(-12deg)}
33.3%{transform:skew(10deg)}
49.95%{transform:skew(-6deg)}
66.6%{transform:skew(4deg)}
83.25%{transform:skew(-2deg)}
to{transform:skew(0)}
}
.animate-wobble-bottom{transform-origin:100% 0}
.animate-wobble-bottom:hover{animation-name:pf-wobble-bottom}
@keyframes pf-wobble-horizontal{16.65%{transform:translate(8px)}
33.3%{transform:translate(-6px)}
49.95%{transform:translate(4px)}
66.6%{transform:translate(-2px)}
83.25%{transform:translate(1px)}
to{transform:translate(0)}
}
.animate-wobble-horizontal:hover{animation-name:pf-wobble-horizontal}
@keyframes pf-wobble-skew{16.65%{transform:skew(-12deg)}
33.3%{transform:skew(10deg)}
49.95%{transform:skew(-6deg)}
66.6%{transform:skew(4deg)}
83.25%{transform:skew(-2deg)}
to{transform:skew(0)}
}
.animate-wobble-skew:hover{animation-name:pf-wobble-skew}
@keyframes pf-wobble-tbr{16.65%{transform:translate(8px,8px)}
33.3%{transform:translate(-6px,-6px)}
49.95%{transform:translate(4px,4px)}
66.6%{transform:translate(-2px,-2px)}
83.25%{transform:translate(1px,1px)}
to{transform:translate(0)}
}
.animate-wobble-to-bottom-right:hover{animation-name:pf-wobble-tbr}
@keyframes pf-wobble-ttr{16.65%{transform:translate(8px,-8px)}
33.3%{transform:translate(-6px,6px)}
49.95%{transform:translate(4px,-4px)}
66.6%{transform:translate(-2px,2px)}
83.25%{transform:translate(1px,-1px)}
to{transform:translate(0)}
}
.animate-wobble-to-top-right:hover{animation-name:pf-wobble-ttr}
@keyframes pf-wobble-top{16.65%{transform:skew(-12deg)}
33.3%{transform:skew(10deg)}
49.95%{transform:skew(-6deg)}
66.6%{transform:skew(4deg)}
83.25%{transform:skew(-2deg)}
to{transform:skew(0)}
}
.animate-wobble-top{transform-origin:0 100%}
.animate-wobble-top:hover{animation-name:pf-wobble-top}
@keyframes pf-wobble-vertical{16.65%{transform:translateY(8px)}
33.3%{transform:translateY(-6px)}
49.95%{transform:translateY(4px)}
66.6%{transform:translateY(-2px)}
83.25%{transform:translateY(1px)}
to{transform:translateY(0)}
}
.animate-wobble-vertical:hover{animation-name:pf-wobble-vertical}