PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 3.2.1
Adminify – White Label, Admin Menu Editor, Login Customizer v3.2.1
4.3.1 4.3.0 4.2.26 4.2.25 4.2.24 4.2.23 4.2.22 4.2.21 4.2.20 4.2.19 4.2.18 4.2.17 4.2.16 4.2.15 4.2.14 4.2.13 4.2.12 4.2.11 4.2.10 4.2.9 4.2.8 4.2.7 4.2.6 4.2.5 4.1.17 All 164 releases
adminify / assets / vendors / animatecss / animate.css

animate.css in Adminify – White Label, Admin Menu Editor, Login Customizer 3.2.1, at assets/vendors/animatecss/animate.css

4,074 lines 88.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /*!
3 * animate.css - https://animate.style/
4 * Version - 4.1.1
5 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
6 *
7 * Copyright (c) 2022 Animate.css
8 */
9 :root {
10 --animate-duration: 1s;
11 --animate-delay: 1s;
12 --animate-repeat: 1;
13 }
14 .animate__animated {
15 -webkit-animation-duration: 1s;
16 animation-duration: 1s;
17 -webkit-animation-duration: var(--animate-duration);
18 animation-duration: var(--animate-duration);
19 -webkit-animation-fill-mode: both;
20 animation-fill-mode: both;
21 }
22 .animate__animated.animate__infinite {
23 -webkit-animation-iteration-count: infinite;
24 animation-iteration-count: infinite;
25 }
26 .animate__animated.animate__repeat-1 {
27 -webkit-animation-iteration-count: 1;
28 animation-iteration-count: 1;
29 -webkit-animation-iteration-count: var(--animate-repeat);
30 animation-iteration-count: var(--animate-repeat);
31 }
32 .animate__animated.animate__repeat-2 {
33 -webkit-animation-iteration-count: calc(1 * 2);
34 animation-iteration-count: calc(1 * 2);
35 -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
36 animation-iteration-count: calc(var(--animate-repeat) * 2);
37 }
38 .animate__animated.animate__repeat-3 {
39 -webkit-animation-iteration-count: calc(1 * 3);
40 animation-iteration-count: calc(1 * 3);
41 -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
42 animation-iteration-count: calc(var(--animate-repeat) * 3);
43 }
44 .animate__animated.animate__delay-1s {
45 -webkit-animation-delay: 1s;
46 animation-delay: 1s;
47 -webkit-animation-delay: var(--animate-delay);
48 animation-delay: var(--animate-delay);
49 }
50 .animate__animated.animate__delay-2s {
51 -webkit-animation-delay: calc(1s * 2);
52 animation-delay: calc(1s * 2);
53 -webkit-animation-delay: calc(var(--animate-delay) * 2);
54 animation-delay: calc(var(--animate-delay) * 2);
55 }
56 .animate__animated.animate__delay-3s {
57 -webkit-animation-delay: calc(1s * 3);
58 animation-delay: calc(1s * 3);
59 -webkit-animation-delay: calc(var(--animate-delay) * 3);
60 animation-delay: calc(var(--animate-delay) * 3);
61 }
62 .animate__animated.animate__delay-4s {
63 -webkit-animation-delay: calc(1s * 4);
64 animation-delay: calc(1s * 4);
65 -webkit-animation-delay: calc(var(--animate-delay) * 4);
66 animation-delay: calc(var(--animate-delay) * 4);
67 }
68 .animate__animated.animate__delay-5s {
69 -webkit-animation-delay: calc(1s * 5);
70 animation-delay: calc(1s * 5);
71 -webkit-animation-delay: calc(var(--animate-delay) * 5);
72 animation-delay: calc(var(--animate-delay) * 5);
73 }
74 .animate__animated.animate__faster {
75 -webkit-animation-duration: calc(1s / 2);
76 animation-duration: calc(1s / 2);
77 -webkit-animation-duration: calc(var(--animate-duration) / 2);
78 animation-duration: calc(var(--animate-duration) / 2);
79 }
80 .animate__animated.animate__fast {
81 -webkit-animation-duration: calc(1s * 0.8);
82 animation-duration: calc(1s * 0.8);
83 -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
84 animation-duration: calc(var(--animate-duration) * 0.8);
85 }
86 .animate__animated.animate__slow {
87 -webkit-animation-duration: calc(1s * 2);
88 animation-duration: calc(1s * 2);
89 -webkit-animation-duration: calc(var(--animate-duration) * 2);
90 animation-duration: calc(var(--animate-duration) * 2);
91 }
92 .animate__animated.animate__slower {
93 -webkit-animation-duration: calc(1s * 3);
94 animation-duration: calc(1s * 3);
95 -webkit-animation-duration: calc(var(--animate-duration) * 3);
96 animation-duration: calc(var(--animate-duration) * 3);
97 }
98 @media print, (prefers-reduced-motion: reduce) {
99 .animate__animated {
100 -webkit-animation-duration: 1ms !important;
101 animation-duration: 1ms !important;
102 -webkit-transition-duration: 1ms !important;
103 transition-duration: 1ms !important;
104 -webkit-animation-iteration-count: 1 !important;
105 animation-iteration-count: 1 !important;
106 }
107
108 .animate__animated[class*='Out'] {
109 opacity: 0;
110 }
111 }
112 /* Attention seekers */
113 @-webkit-keyframes bounce {
114 from,
115 20%,
116 53%,
117 to {
118 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
119 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
120 -webkit-transform: translate3d(0, 0, 0);
121 transform: translate3d(0, 0, 0);
122 }
123
124 40%,
125 43% {
126 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
127 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
128 -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
129 transform: translate3d(0, -30px, 0) scaleY(1.1);
130 }
131
132 70% {
133 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
134 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
135 -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
136 transform: translate3d(0, -15px, 0) scaleY(1.05);
137 }
138
139 80% {
140 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
141 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
142 -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
143 transform: translate3d(0, 0, 0) scaleY(0.95);
144 }
145
146 90% {
147 -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
148 transform: translate3d(0, -4px, 0) scaleY(1.02);
149 }
150 }
151 @keyframes bounce {
152 from,
153 20%,
154 53%,
155 to {
156 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
157 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
158 -webkit-transform: translate3d(0, 0, 0);
159 transform: translate3d(0, 0, 0);
160 }
161
162 40%,
163 43% {
164 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
165 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
166 -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
167 transform: translate3d(0, -30px, 0) scaleY(1.1);
168 }
169
170 70% {
171 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
172 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
173 -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
174 transform: translate3d(0, -15px, 0) scaleY(1.05);
175 }
176
177 80% {
178 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
179 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
180 -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
181 transform: translate3d(0, 0, 0) scaleY(0.95);
182 }
183
184 90% {
185 -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
186 transform: translate3d(0, -4px, 0) scaleY(1.02);
187 }
188 }
189 .animate__bounce {
190 -webkit-animation-name: bounce;
191 animation-name: bounce;
192 -webkit-transform-origin: center bottom;
193 transform-origin: center bottom;
194 }
195 @-webkit-keyframes flash {
196 from,
197 50%,
198 to {
199 opacity: 1;
200 }
201
202 25%,
203 75% {
204 opacity: 0;
205 }
206 }
207 @keyframes flash {
208 from,
209 50%,
210 to {
211 opacity: 1;
212 }
213
214 25%,
215 75% {
216 opacity: 0;
217 }
218 }
219 .animate__flash {
220 -webkit-animation-name: flash;
221 animation-name: flash;
222 }
223 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
224 @-webkit-keyframes pulse {
225 from {
226 -webkit-transform: scale3d(1, 1, 1);
227 transform: scale3d(1, 1, 1);
228 }
229
230 50% {
231 -webkit-transform: scale3d(1.05, 1.05, 1.05);
232 transform: scale3d(1.05, 1.05, 1.05);
233 }
234
235 to {
236 -webkit-transform: scale3d(1, 1, 1);
237 transform: scale3d(1, 1, 1);
238 }
239 }
240 @keyframes pulse {
241 from {
242 -webkit-transform: scale3d(1, 1, 1);
243 transform: scale3d(1, 1, 1);
244 }
245
246 50% {
247 -webkit-transform: scale3d(1.05, 1.05, 1.05);
248 transform: scale3d(1.05, 1.05, 1.05);
249 }
250
251 to {
252 -webkit-transform: scale3d(1, 1, 1);
253 transform: scale3d(1, 1, 1);
254 }
255 }
256 .animate__pulse {
257 -webkit-animation-name: pulse;
258 animation-name: pulse;
259 -webkit-animation-timing-function: ease-in-out;
260 animation-timing-function: ease-in-out;
261 }
262 @-webkit-keyframes rubberBand {
263 from {
264 -webkit-transform: scale3d(1, 1, 1);
265 transform: scale3d(1, 1, 1);
266 }
267
268 30% {
269 -webkit-transform: scale3d(1.25, 0.75, 1);
270 transform: scale3d(1.25, 0.75, 1);
271 }
272
273 40% {
274 -webkit-transform: scale3d(0.75, 1.25, 1);
275 transform: scale3d(0.75, 1.25, 1);
276 }
277
278 50% {
279 -webkit-transform: scale3d(1.15, 0.85, 1);
280 transform: scale3d(1.15, 0.85, 1);
281 }
282
283 65% {
284 -webkit-transform: scale3d(0.95, 1.05, 1);
285 transform: scale3d(0.95, 1.05, 1);
286 }
287
288 75% {
289 -webkit-transform: scale3d(1.05, 0.95, 1);
290 transform: scale3d(1.05, 0.95, 1);
291 }
292
293 to {
294 -webkit-transform: scale3d(1, 1, 1);
295 transform: scale3d(1, 1, 1);
296 }
297 }
298 @keyframes rubberBand {
299 from {
300 -webkit-transform: scale3d(1, 1, 1);
301 transform: scale3d(1, 1, 1);
302 }
303
304 30% {
305 -webkit-transform: scale3d(1.25, 0.75, 1);
306 transform: scale3d(1.25, 0.75, 1);
307 }
308
309 40% {
310 -webkit-transform: scale3d(0.75, 1.25, 1);
311 transform: scale3d(0.75, 1.25, 1);
312 }
313
314 50% {
315 -webkit-transform: scale3d(1.15, 0.85, 1);
316 transform: scale3d(1.15, 0.85, 1);
317 }
318
319 65% {
320 -webkit-transform: scale3d(0.95, 1.05, 1);
321 transform: scale3d(0.95, 1.05, 1);
322 }
323
324 75% {
325 -webkit-transform: scale3d(1.05, 0.95, 1);
326 transform: scale3d(1.05, 0.95, 1);
327 }
328
329 to {
330 -webkit-transform: scale3d(1, 1, 1);
331 transform: scale3d(1, 1, 1);
332 }
333 }
334 .animate__rubberBand {
335 -webkit-animation-name: rubberBand;
336 animation-name: rubberBand;
337 }
338 @-webkit-keyframes shakeX {
339 from,
340 to {
341 -webkit-transform: translate3d(0, 0, 0);
342 transform: translate3d(0, 0, 0);
343 }
344
345 10%,
346 30%,
347 50%,
348 70%,
349 90% {
350 -webkit-transform: translate3d(-10px, 0, 0);
351 transform: translate3d(-10px, 0, 0);
352 }
353
354 20%,
355 40%,
356 60%,
357 80% {
358 -webkit-transform: translate3d(10px, 0, 0);
359 transform: translate3d(10px, 0, 0);
360 }
361 }
362 @keyframes shakeX {
363 from,
364 to {
365 -webkit-transform: translate3d(0, 0, 0);
366 transform: translate3d(0, 0, 0);
367 }
368
369 10%,
370 30%,
371 50%,
372 70%,
373 90% {
374 -webkit-transform: translate3d(-10px, 0, 0);
375 transform: translate3d(-10px, 0, 0);
376 }
377
378 20%,
379 40%,
380 60%,
381 80% {
382 -webkit-transform: translate3d(10px, 0, 0);
383 transform: translate3d(10px, 0, 0);
384 }
385 }
386 .animate__shakeX {
387 -webkit-animation-name: shakeX;
388 animation-name: shakeX;
389 }
390 @-webkit-keyframes shakeY {
391 from,
392 to {
393 -webkit-transform: translate3d(0, 0, 0);
394 transform: translate3d(0, 0, 0);
395 }
396
397 10%,
398 30%,
399 50%,
400 70%,
401 90% {
402 -webkit-transform: translate3d(0, -10px, 0);
403 transform: translate3d(0, -10px, 0);
404 }
405
406 20%,
407 40%,
408 60%,
409 80% {
410 -webkit-transform: translate3d(0, 10px, 0);
411 transform: translate3d(0, 10px, 0);
412 }
413 }
414 @keyframes shakeY {
415 from,
416 to {
417 -webkit-transform: translate3d(0, 0, 0);
418 transform: translate3d(0, 0, 0);
419 }
420
421 10%,
422 30%,
423 50%,
424 70%,
425 90% {
426 -webkit-transform: translate3d(0, -10px, 0);
427 transform: translate3d(0, -10px, 0);
428 }
429
430 20%,
431 40%,
432 60%,
433 80% {
434 -webkit-transform: translate3d(0, 10px, 0);
435 transform: translate3d(0, 10px, 0);
436 }
437 }
438 .animate__shakeY {
439 -webkit-animation-name: shakeY;
440 animation-name: shakeY;
441 }
442 @-webkit-keyframes headShake {
443 0% {
444 -webkit-transform: translateX(0);
445 transform: translateX(0);
446 }
447
448 6.5% {
449 -webkit-transform: translateX(-6px) rotateY(-9deg);
450 transform: translateX(-6px) rotateY(-9deg);
451 }
452
453 18.5% {
454 -webkit-transform: translateX(5px) rotateY(7deg);
455 transform: translateX(5px) rotateY(7deg);
456 }
457
458 31.5% {
459 -webkit-transform: translateX(-3px) rotateY(-5deg);
460 transform: translateX(-3px) rotateY(-5deg);
461 }
462
463 43.5% {
464 -webkit-transform: translateX(2px) rotateY(3deg);
465 transform: translateX(2px) rotateY(3deg);
466 }
467
468 50% {
469 -webkit-transform: translateX(0);
470 transform: translateX(0);
471 }
472 }
473 @keyframes headShake {
474 0% {
475 -webkit-transform: translateX(0);
476 transform: translateX(0);
477 }
478
479 6.5% {
480 -webkit-transform: translateX(-6px) rotateY(-9deg);
481 transform: translateX(-6px) rotateY(-9deg);
482 }
483
484 18.5% {
485 -webkit-transform: translateX(5px) rotateY(7deg);
486 transform: translateX(5px) rotateY(7deg);
487 }
488
489 31.5% {
490 -webkit-transform: translateX(-3px) rotateY(-5deg);
491 transform: translateX(-3px) rotateY(-5deg);
492 }
493
494 43.5% {
495 -webkit-transform: translateX(2px) rotateY(3deg);
496 transform: translateX(2px) rotateY(3deg);
497 }
498
499 50% {
500 -webkit-transform: translateX(0);
501 transform: translateX(0);
502 }
503 }
504 .animate__headShake {
505 -webkit-animation-timing-function: ease-in-out;
506 animation-timing-function: ease-in-out;
507 -webkit-animation-name: headShake;
508 animation-name: headShake;
509 }
510 @-webkit-keyframes swing {
511 20% {
512 -webkit-transform: rotate3d(0, 0, 1, 15deg);
513 transform: rotate3d(0, 0, 1, 15deg);
514 }
515
516 40% {
517 -webkit-transform: rotate3d(0, 0, 1, -10deg);
518 transform: rotate3d(0, 0, 1, -10deg);
519 }
520
521 60% {
522 -webkit-transform: rotate3d(0, 0, 1, 5deg);
523 transform: rotate3d(0, 0, 1, 5deg);
524 }
525
526 80% {
527 -webkit-transform: rotate3d(0, 0, 1, -5deg);
528 transform: rotate3d(0, 0, 1, -5deg);
529 }
530
531 to {
532 -webkit-transform: rotate3d(0, 0, 1, 0deg);
533 transform: rotate3d(0, 0, 1, 0deg);
534 }
535 }
536 @keyframes swing {
537 20% {
538 -webkit-transform: rotate3d(0, 0, 1, 15deg);
539 transform: rotate3d(0, 0, 1, 15deg);
540 }
541
542 40% {
543 -webkit-transform: rotate3d(0, 0, 1, -10deg);
544 transform: rotate3d(0, 0, 1, -10deg);
545 }
546
547 60% {
548 -webkit-transform: rotate3d(0, 0, 1, 5deg);
549 transform: rotate3d(0, 0, 1, 5deg);
550 }
551
552 80% {
553 -webkit-transform: rotate3d(0, 0, 1, -5deg);
554 transform: rotate3d(0, 0, 1, -5deg);
555 }
556
557 to {
558 -webkit-transform: rotate3d(0, 0, 1, 0deg);
559 transform: rotate3d(0, 0, 1, 0deg);
560 }
561 }
562 .animate__swing {
563 -webkit-transform-origin: top center;
564 transform-origin: top center;
565 -webkit-animation-name: swing;
566 animation-name: swing;
567 }
568 @-webkit-keyframes tada {
569 from {
570 -webkit-transform: scale3d(1, 1, 1);
571 transform: scale3d(1, 1, 1);
572 }
573
574 10%,
575 20% {
576 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
577 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
578 }
579
580 30%,
581 50%,
582 70%,
583 90% {
584 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
585 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
586 }
587
588 40%,
589 60%,
590 80% {
591 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
592 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
593 }
594
595 to {
596 -webkit-transform: scale3d(1, 1, 1);
597 transform: scale3d(1, 1, 1);
598 }
599 }
600 @keyframes tada {
601 from {
602 -webkit-transform: scale3d(1, 1, 1);
603 transform: scale3d(1, 1, 1);
604 }
605
606 10%,
607 20% {
608 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
609 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
610 }
611
612 30%,
613 50%,
614 70%,
615 90% {
616 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
617 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
618 }
619
620 40%,
621 60%,
622 80% {
623 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
624 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
625 }
626
627 to {
628 -webkit-transform: scale3d(1, 1, 1);
629 transform: scale3d(1, 1, 1);
630 }
631 }
632 .animate__tada {
633 -webkit-animation-name: tada;
634 animation-name: tada;
635 }
636 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
637 @-webkit-keyframes wobble {
638 from {
639 -webkit-transform: translate3d(0, 0, 0);
640 transform: translate3d(0, 0, 0);
641 }
642
643 15% {
644 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
645 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
646 }
647
648 30% {
649 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
650 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
651 }
652
653 45% {
654 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
655 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
656 }
657
658 60% {
659 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
660 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
661 }
662
663 75% {
664 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
665 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
666 }
667
668 to {
669 -webkit-transform: translate3d(0, 0, 0);
670 transform: translate3d(0, 0, 0);
671 }
672 }
673 @keyframes wobble {
674 from {
675 -webkit-transform: translate3d(0, 0, 0);
676 transform: translate3d(0, 0, 0);
677 }
678
679 15% {
680 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
681 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
682 }
683
684 30% {
685 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
686 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
687 }
688
689 45% {
690 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
691 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
692 }
693
694 60% {
695 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
696 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
697 }
698
699 75% {
700 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
701 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
702 }
703
704 to {
705 -webkit-transform: translate3d(0, 0, 0);
706 transform: translate3d(0, 0, 0);
707 }
708 }
709 .animate__wobble {
710 -webkit-animation-name: wobble;
711 animation-name: wobble;
712 }
713 @-webkit-keyframes jello {
714 from,
715 11.1%,
716 to {
717 -webkit-transform: translate3d(0, 0, 0);
718 transform: translate3d(0, 0, 0);
719 }
720
721 22.2% {
722 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
723 transform: skewX(-12.5deg) skewY(-12.5deg);
724 }
725
726 33.3% {
727 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
728 transform: skewX(6.25deg) skewY(6.25deg);
729 }
730
731 44.4% {
732 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
733 transform: skewX(-3.125deg) skewY(-3.125deg);
734 }
735
736 55.5% {
737 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
738 transform: skewX(1.5625deg) skewY(1.5625deg);
739 }
740
741 66.6% {
742 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
743 transform: skewX(-0.78125deg) skewY(-0.78125deg);
744 }
745
746 77.7% {
747 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
748 transform: skewX(0.390625deg) skewY(0.390625deg);
749 }
750
751 88.8% {
752 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
753 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
754 }
755 }
756 @keyframes jello {
757 from,
758 11.1%,
759 to {
760 -webkit-transform: translate3d(0, 0, 0);
761 transform: translate3d(0, 0, 0);
762 }
763
764 22.2% {
765 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
766 transform: skewX(-12.5deg) skewY(-12.5deg);
767 }
768
769 33.3% {
770 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
771 transform: skewX(6.25deg) skewY(6.25deg);
772 }
773
774 44.4% {
775 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
776 transform: skewX(-3.125deg) skewY(-3.125deg);
777 }
778
779 55.5% {
780 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
781 transform: skewX(1.5625deg) skewY(1.5625deg);
782 }
783
784 66.6% {
785 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
786 transform: skewX(-0.78125deg) skewY(-0.78125deg);
787 }
788
789 77.7% {
790 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
791 transform: skewX(0.390625deg) skewY(0.390625deg);
792 }
793
794 88.8% {
795 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
796 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
797 }
798 }
799 .animate__jello {
800 -webkit-animation-name: jello;
801 animation-name: jello;
802 -webkit-transform-origin: center;
803 transform-origin: center;
804 }
805 @-webkit-keyframes heartBeat {
806 0% {
807 -webkit-transform: scale(1);
808 transform: scale(1);
809 }
810
811 14% {
812 -webkit-transform: scale(1.3);
813 transform: scale(1.3);
814 }
815
816 28% {
817 -webkit-transform: scale(1);
818 transform: scale(1);
819 }
820
821 42% {
822 -webkit-transform: scale(1.3);
823 transform: scale(1.3);
824 }
825
826 70% {
827 -webkit-transform: scale(1);
828 transform: scale(1);
829 }
830 }
831 @keyframes heartBeat {
832 0% {
833 -webkit-transform: scale(1);
834 transform: scale(1);
835 }
836
837 14% {
838 -webkit-transform: scale(1.3);
839 transform: scale(1.3);
840 }
841
842 28% {
843 -webkit-transform: scale(1);
844 transform: scale(1);
845 }
846
847 42% {
848 -webkit-transform: scale(1.3);
849 transform: scale(1.3);
850 }
851
852 70% {
853 -webkit-transform: scale(1);
854 transform: scale(1);
855 }
856 }
857 .animate__heartBeat {
858 -webkit-animation-name: heartBeat;
859 animation-name: heartBeat;
860 -webkit-animation-duration: calc(1s * 1.3);
861 animation-duration: calc(1s * 1.3);
862 -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
863 animation-duration: calc(var(--animate-duration) * 1.3);
864 -webkit-animation-timing-function: ease-in-out;
865 animation-timing-function: ease-in-out;
866 }
867 /* Back entrances */
868 @-webkit-keyframes backInDown {
869 0% {
870 -webkit-transform: translateY(-1200px) scale(0.7);
871 transform: translateY(-1200px) scale(0.7);
872 opacity: 0.7;
873 }
874
875 80% {
876 -webkit-transform: translateY(0px) scale(0.7);
877 transform: translateY(0px) scale(0.7);
878 opacity: 0.7;
879 }
880
881 100% {
882 -webkit-transform: scale(1);
883 transform: scale(1);
884 opacity: 1;
885 }
886 }
887 @keyframes backInDown {
888 0% {
889 -webkit-transform: translateY(-1200px) scale(0.7);
890 transform: translateY(-1200px) scale(0.7);
891 opacity: 0.7;
892 }
893
894 80% {
895 -webkit-transform: translateY(0px) scale(0.7);
896 transform: translateY(0px) scale(0.7);
897 opacity: 0.7;
898 }
899
900 100% {
901 -webkit-transform: scale(1);
902 transform: scale(1);
903 opacity: 1;
904 }
905 }
906 .animate__backInDown {
907 -webkit-animation-name: backInDown;
908 animation-name: backInDown;
909 }
910 @-webkit-keyframes backInLeft {
911 0% {
912 -webkit-transform: translateX(-2000px) scale(0.7);
913 transform: translateX(-2000px) scale(0.7);
914 opacity: 0.7;
915 }
916
917 80% {
918 -webkit-transform: translateX(0px) scale(0.7);
919 transform: translateX(0px) scale(0.7);
920 opacity: 0.7;
921 }
922
923 100% {
924 -webkit-transform: scale(1);
925 transform: scale(1);
926 opacity: 1;
927 }
928 }
929 @keyframes backInLeft {
930 0% {
931 -webkit-transform: translateX(-2000px) scale(0.7);
932 transform: translateX(-2000px) scale(0.7);
933 opacity: 0.7;
934 }
935
936 80% {
937 -webkit-transform: translateX(0px) scale(0.7);
938 transform: translateX(0px) scale(0.7);
939 opacity: 0.7;
940 }
941
942 100% {
943 -webkit-transform: scale(1);
944 transform: scale(1);
945 opacity: 1;
946 }
947 }
948 .animate__backInLeft {
949 -webkit-animation-name: backInLeft;
950 animation-name: backInLeft;
951 }
952 @-webkit-keyframes backInRight {
953 0% {
954 -webkit-transform: translateX(2000px) scale(0.7);
955 transform: translateX(2000px) scale(0.7);
956 opacity: 0.7;
957 }
958
959 80% {
960 -webkit-transform: translateX(0px) scale(0.7);
961 transform: translateX(0px) scale(0.7);
962 opacity: 0.7;
963 }
964
965 100% {
966 -webkit-transform: scale(1);
967 transform: scale(1);
968 opacity: 1;
969 }
970 }
971 @keyframes backInRight {
972 0% {
973 -webkit-transform: translateX(2000px) scale(0.7);
974 transform: translateX(2000px) scale(0.7);
975 opacity: 0.7;
976 }
977
978 80% {
979 -webkit-transform: translateX(0px) scale(0.7);
980 transform: translateX(0px) scale(0.7);
981 opacity: 0.7;
982 }
983
984 100% {
985 -webkit-transform: scale(1);
986 transform: scale(1);
987 opacity: 1;
988 }
989 }
990 .animate__backInRight {
991 -webkit-animation-name: backInRight;
992 animation-name: backInRight;
993 }
994 @-webkit-keyframes backInUp {
995 0% {
996 -webkit-transform: translateY(1200px) scale(0.7);
997 transform: translateY(1200px) scale(0.7);
998 opacity: 0.7;
999 }
1000
1001 80% {
1002 -webkit-transform: translateY(0px) scale(0.7);
1003 transform: translateY(0px) scale(0.7);
1004 opacity: 0.7;
1005 }
1006
1007 100% {
1008 -webkit-transform: scale(1);
1009 transform: scale(1);
1010 opacity: 1;
1011 }
1012 }
1013 @keyframes backInUp {
1014 0% {
1015 -webkit-transform: translateY(1200px) scale(0.7);
1016 transform: translateY(1200px) scale(0.7);
1017 opacity: 0.7;
1018 }
1019
1020 80% {
1021 -webkit-transform: translateY(0px) scale(0.7);
1022 transform: translateY(0px) scale(0.7);
1023 opacity: 0.7;
1024 }
1025
1026 100% {
1027 -webkit-transform: scale(1);
1028 transform: scale(1);
1029 opacity: 1;
1030 }
1031 }
1032 .animate__backInUp {
1033 -webkit-animation-name: backInUp;
1034 animation-name: backInUp;
1035 }
1036 /* Back exits */
1037 @-webkit-keyframes backOutDown {
1038 0% {
1039 -webkit-transform: scale(1);
1040 transform: scale(1);
1041 opacity: 1;
1042 }
1043
1044 20% {
1045 -webkit-transform: translateY(0px) scale(0.7);
1046 transform: translateY(0px) scale(0.7);
1047 opacity: 0.7;
1048 }
1049
1050 100% {
1051 -webkit-transform: translateY(700px) scale(0.7);
1052 transform: translateY(700px) scale(0.7);
1053 opacity: 0.7;
1054 }
1055 }
1056 @keyframes backOutDown {
1057 0% {
1058 -webkit-transform: scale(1);
1059 transform: scale(1);
1060 opacity: 1;
1061 }
1062
1063 20% {
1064 -webkit-transform: translateY(0px) scale(0.7);
1065 transform: translateY(0px) scale(0.7);
1066 opacity: 0.7;
1067 }
1068
1069 100% {
1070 -webkit-transform: translateY(700px) scale(0.7);
1071 transform: translateY(700px) scale(0.7);
1072 opacity: 0.7;
1073 }
1074 }
1075 .animate__backOutDown {
1076 -webkit-animation-name: backOutDown;
1077 animation-name: backOutDown;
1078 }
1079 @-webkit-keyframes backOutLeft {
1080 0% {
1081 -webkit-transform: scale(1);
1082 transform: scale(1);
1083 opacity: 1;
1084 }
1085
1086 20% {
1087 -webkit-transform: translateX(0px) scale(0.7);
1088 transform: translateX(0px) scale(0.7);
1089 opacity: 0.7;
1090 }
1091
1092 100% {
1093 -webkit-transform: translateX(-2000px) scale(0.7);
1094 transform: translateX(-2000px) scale(0.7);
1095 opacity: 0.7;
1096 }
1097 }
1098 @keyframes backOutLeft {
1099 0% {
1100 -webkit-transform: scale(1);
1101 transform: scale(1);
1102 opacity: 1;
1103 }
1104
1105 20% {
1106 -webkit-transform: translateX(0px) scale(0.7);
1107 transform: translateX(0px) scale(0.7);
1108 opacity: 0.7;
1109 }
1110
1111 100% {
1112 -webkit-transform: translateX(-2000px) scale(0.7);
1113 transform: translateX(-2000px) scale(0.7);
1114 opacity: 0.7;
1115 }
1116 }
1117 .animate__backOutLeft {
1118 -webkit-animation-name: backOutLeft;
1119 animation-name: backOutLeft;
1120 }
1121 @-webkit-keyframes backOutRight {
1122 0% {
1123 -webkit-transform: scale(1);
1124 transform: scale(1);
1125 opacity: 1;
1126 }
1127
1128 20% {
1129 -webkit-transform: translateX(0px) scale(0.7);
1130 transform: translateX(0px) scale(0.7);
1131 opacity: 0.7;
1132 }
1133
1134 100% {
1135 -webkit-transform: translateX(2000px) scale(0.7);
1136 transform: translateX(2000px) scale(0.7);
1137 opacity: 0.7;
1138 }
1139 }
1140 @keyframes backOutRight {
1141 0% {
1142 -webkit-transform: scale(1);
1143 transform: scale(1);
1144 opacity: 1;
1145 }
1146
1147 20% {
1148 -webkit-transform: translateX(0px) scale(0.7);
1149 transform: translateX(0px) scale(0.7);
1150 opacity: 0.7;
1151 }
1152
1153 100% {
1154 -webkit-transform: translateX(2000px) scale(0.7);
1155 transform: translateX(2000px) scale(0.7);
1156 opacity: 0.7;
1157 }
1158 }
1159 .animate__backOutRight {
1160 -webkit-animation-name: backOutRight;
1161 animation-name: backOutRight;
1162 }
1163 @-webkit-keyframes backOutUp {
1164 0% {
1165 -webkit-transform: scale(1);
1166 transform: scale(1);
1167 opacity: 1;
1168 }
1169
1170 20% {
1171 -webkit-transform: translateY(0px) scale(0.7);
1172 transform: translateY(0px) scale(0.7);
1173 opacity: 0.7;
1174 }
1175
1176 100% {
1177 -webkit-transform: translateY(-700px) scale(0.7);
1178 transform: translateY(-700px) scale(0.7);
1179 opacity: 0.7;
1180 }
1181 }
1182 @keyframes backOutUp {
1183 0% {
1184 -webkit-transform: scale(1);
1185 transform: scale(1);
1186 opacity: 1;
1187 }
1188
1189 20% {
1190 -webkit-transform: translateY(0px) scale(0.7);
1191 transform: translateY(0px) scale(0.7);
1192 opacity: 0.7;
1193 }
1194
1195 100% {
1196 -webkit-transform: translateY(-700px) scale(0.7);
1197 transform: translateY(-700px) scale(0.7);
1198 opacity: 0.7;
1199 }
1200 }
1201 .animate__backOutUp {
1202 -webkit-animation-name: backOutUp;
1203 animation-name: backOutUp;
1204 }
1205 /* Bouncing entrances */
1206 @-webkit-keyframes bounceIn {
1207 from,
1208 20%,
1209 40%,
1210 60%,
1211 80%,
1212 to {
1213 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1214 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1215 }
1216
1217 0% {
1218 opacity: 0;
1219 -webkit-transform: scale3d(0.3, 0.3, 0.3);
1220 transform: scale3d(0.3, 0.3, 0.3);
1221 }
1222
1223 20% {
1224 -webkit-transform: scale3d(1.1, 1.1, 1.1);
1225 transform: scale3d(1.1, 1.1, 1.1);
1226 }
1227
1228 40% {
1229 -webkit-transform: scale3d(0.9, 0.9, 0.9);
1230 transform: scale3d(0.9, 0.9, 0.9);
1231 }
1232
1233 60% {
1234 opacity: 1;
1235 -webkit-transform: scale3d(1.03, 1.03, 1.03);
1236 transform: scale3d(1.03, 1.03, 1.03);
1237 }
1238
1239 80% {
1240 -webkit-transform: scale3d(0.97, 0.97, 0.97);
1241 transform: scale3d(0.97, 0.97, 0.97);
1242 }
1243
1244 to {
1245 opacity: 1;
1246 -webkit-transform: scale3d(1, 1, 1);
1247 transform: scale3d(1, 1, 1);
1248 }
1249 }
1250 @keyframes bounceIn {
1251 from,
1252 20%,
1253 40%,
1254 60%,
1255 80%,
1256 to {
1257 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1258 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1259 }
1260
1261 0% {
1262 opacity: 0;
1263 -webkit-transform: scale3d(0.3, 0.3, 0.3);
1264 transform: scale3d(0.3, 0.3, 0.3);
1265 }
1266
1267 20% {
1268 -webkit-transform: scale3d(1.1, 1.1, 1.1);
1269 transform: scale3d(1.1, 1.1, 1.1);
1270 }
1271
1272 40% {
1273 -webkit-transform: scale3d(0.9, 0.9, 0.9);
1274 transform: scale3d(0.9, 0.9, 0.9);
1275 }
1276
1277 60% {
1278 opacity: 1;
1279 -webkit-transform: scale3d(1.03, 1.03, 1.03);
1280 transform: scale3d(1.03, 1.03, 1.03);
1281 }
1282
1283 80% {
1284 -webkit-transform: scale3d(0.97, 0.97, 0.97);
1285 transform: scale3d(0.97, 0.97, 0.97);
1286 }
1287
1288 to {
1289 opacity: 1;
1290 -webkit-transform: scale3d(1, 1, 1);
1291 transform: scale3d(1, 1, 1);
1292 }
1293 }
1294 .animate__bounceIn {
1295 -webkit-animation-duration: calc(1s * 0.75);
1296 animation-duration: calc(1s * 0.75);
1297 -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
1298 animation-duration: calc(var(--animate-duration) * 0.75);
1299 -webkit-animation-name: bounceIn;
1300 animation-name: bounceIn;
1301 }
1302 @-webkit-keyframes bounceInDown {
1303 from,
1304 60%,
1305 75%,
1306 90%,
1307 to {
1308 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1309 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1310 }
1311
1312 0% {
1313 opacity: 0;
1314 -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
1315 transform: translate3d(0, -3000px, 0) scaleY(3);
1316 }
1317
1318 60% {
1319 opacity: 1;
1320 -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
1321 transform: translate3d(0, 25px, 0) scaleY(0.9);
1322 }
1323
1324 75% {
1325 -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
1326 transform: translate3d(0, -10px, 0) scaleY(0.95);
1327 }
1328
1329 90% {
1330 -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
1331 transform: translate3d(0, 5px, 0) scaleY(0.985);
1332 }
1333
1334 to {
1335 -webkit-transform: translate3d(0, 0, 0);
1336 transform: translate3d(0, 0, 0);
1337 }
1338 }
1339 @keyframes bounceInDown {
1340 from,
1341 60%,
1342 75%,
1343 90%,
1344 to {
1345 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1346 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1347 }
1348
1349 0% {
1350 opacity: 0;
1351 -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
1352 transform: translate3d(0, -3000px, 0) scaleY(3);
1353 }
1354
1355 60% {
1356 opacity: 1;
1357 -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
1358 transform: translate3d(0, 25px, 0) scaleY(0.9);
1359 }
1360
1361 75% {
1362 -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
1363 transform: translate3d(0, -10px, 0) scaleY(0.95);
1364 }
1365
1366 90% {
1367 -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
1368 transform: translate3d(0, 5px, 0) scaleY(0.985);
1369 }
1370
1371 to {
1372 -webkit-transform: translate3d(0, 0, 0);
1373 transform: translate3d(0, 0, 0);
1374 }
1375 }
1376 .animate__bounceInDown {
1377 -webkit-animation-name: bounceInDown;
1378 animation-name: bounceInDown;
1379 }
1380 @-webkit-keyframes bounceInLeft {
1381 from,
1382 60%,
1383 75%,
1384 90%,
1385 to {
1386 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1387 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1388 }
1389
1390 0% {
1391 opacity: 0;
1392 -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
1393 transform: translate3d(-3000px, 0, 0) scaleX(3);
1394 }
1395
1396 60% {
1397 opacity: 1;
1398 -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
1399 transform: translate3d(25px, 0, 0) scaleX(1);
1400 }
1401
1402 75% {
1403 -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
1404 transform: translate3d(-10px, 0, 0) scaleX(0.98);
1405 }
1406
1407 90% {
1408 -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
1409 transform: translate3d(5px, 0, 0) scaleX(0.995);
1410 }
1411
1412 to {
1413 -webkit-transform: translate3d(0, 0, 0);
1414 transform: translate3d(0, 0, 0);
1415 }
1416 }
1417 @keyframes bounceInLeft {
1418 from,
1419 60%,
1420 75%,
1421 90%,
1422 to {
1423 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1424 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1425 }
1426
1427 0% {
1428 opacity: 0;
1429 -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
1430 transform: translate3d(-3000px, 0, 0) scaleX(3);
1431 }
1432
1433 60% {
1434 opacity: 1;
1435 -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
1436 transform: translate3d(25px, 0, 0) scaleX(1);
1437 }
1438
1439 75% {
1440 -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
1441 transform: translate3d(-10px, 0, 0) scaleX(0.98);
1442 }
1443
1444 90% {
1445 -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
1446 transform: translate3d(5px, 0, 0) scaleX(0.995);
1447 }
1448
1449 to {
1450 -webkit-transform: translate3d(0, 0, 0);
1451 transform: translate3d(0, 0, 0);
1452 }
1453 }
1454 .animate__bounceInLeft {
1455 -webkit-animation-name: bounceInLeft;
1456 animation-name: bounceInLeft;
1457 }
1458 @-webkit-keyframes bounceInRight {
1459 from,
1460 60%,
1461 75%,
1462 90%,
1463 to {
1464 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1465 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1466 }
1467
1468 from {
1469 opacity: 0;
1470 -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
1471 transform: translate3d(3000px, 0, 0) scaleX(3);
1472 }
1473
1474 60% {
1475 opacity: 1;
1476 -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
1477 transform: translate3d(-25px, 0, 0) scaleX(1);
1478 }
1479
1480 75% {
1481 -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
1482 transform: translate3d(10px, 0, 0) scaleX(0.98);
1483 }
1484
1485 90% {
1486 -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
1487 transform: translate3d(-5px, 0, 0) scaleX(0.995);
1488 }
1489
1490 to {
1491 -webkit-transform: translate3d(0, 0, 0);
1492 transform: translate3d(0, 0, 0);
1493 }
1494 }
1495 @keyframes bounceInRight {
1496 from,
1497 60%,
1498 75%,
1499 90%,
1500 to {
1501 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1502 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1503 }
1504
1505 from {
1506 opacity: 0;
1507 -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
1508 transform: translate3d(3000px, 0, 0) scaleX(3);
1509 }
1510
1511 60% {
1512 opacity: 1;
1513 -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
1514 transform: translate3d(-25px, 0, 0) scaleX(1);
1515 }
1516
1517 75% {
1518 -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
1519 transform: translate3d(10px, 0, 0) scaleX(0.98);
1520 }
1521
1522 90% {
1523 -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
1524 transform: translate3d(-5px, 0, 0) scaleX(0.995);
1525 }
1526
1527 to {
1528 -webkit-transform: translate3d(0, 0, 0);
1529 transform: translate3d(0, 0, 0);
1530 }
1531 }
1532 .animate__bounceInRight {
1533 -webkit-animation-name: bounceInRight;
1534 animation-name: bounceInRight;
1535 }
1536 @-webkit-keyframes bounceInUp {
1537 from,
1538 60%,
1539 75%,
1540 90%,
1541 to {
1542 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1543 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1544 }
1545
1546 from {
1547 opacity: 0;
1548 -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
1549 transform: translate3d(0, 3000px, 0) scaleY(5);
1550 }
1551
1552 60% {
1553 opacity: 1;
1554 -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
1555 transform: translate3d(0, -20px, 0) scaleY(0.9);
1556 }
1557
1558 75% {
1559 -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
1560 transform: translate3d(0, 10px, 0) scaleY(0.95);
1561 }
1562
1563 90% {
1564 -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
1565 transform: translate3d(0, -5px, 0) scaleY(0.985);
1566 }
1567
1568 to {
1569 -webkit-transform: translate3d(0, 0, 0);
1570 transform: translate3d(0, 0, 0);
1571 }
1572 }
1573 @keyframes bounceInUp {
1574 from,
1575 60%,
1576 75%,
1577 90%,
1578 to {
1579 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1580 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1581 }
1582
1583 from {
1584 opacity: 0;
1585 -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
1586 transform: translate3d(0, 3000px, 0) scaleY(5);
1587 }
1588
1589 60% {
1590 opacity: 1;
1591 -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
1592 transform: translate3d(0, -20px, 0) scaleY(0.9);
1593 }
1594
1595 75% {
1596 -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
1597 transform: translate3d(0, 10px, 0) scaleY(0.95);
1598 }
1599
1600 90% {
1601 -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
1602 transform: translate3d(0, -5px, 0) scaleY(0.985);
1603 }
1604
1605 to {
1606 -webkit-transform: translate3d(0, 0, 0);
1607 transform: translate3d(0, 0, 0);
1608 }
1609 }
1610 .animate__bounceInUp {
1611 -webkit-animation-name: bounceInUp;
1612 animation-name: bounceInUp;
1613 }
1614 /* Bouncing exits */
1615 @-webkit-keyframes bounceOut {
1616 20% {
1617 -webkit-transform: scale3d(0.9, 0.9, 0.9);
1618 transform: scale3d(0.9, 0.9, 0.9);
1619 }
1620
1621 50%,
1622 55% {
1623 opacity: 1;
1624 -webkit-transform: scale3d(1.1, 1.1, 1.1);
1625 transform: scale3d(1.1, 1.1, 1.1);
1626 }
1627
1628 to {
1629 opacity: 0;
1630 -webkit-transform: scale3d(0.3, 0.3, 0.3);
1631 transform: scale3d(0.3, 0.3, 0.3);
1632 }
1633 }
1634 @keyframes bounceOut {
1635 20% {
1636 -webkit-transform: scale3d(0.9, 0.9, 0.9);
1637 transform: scale3d(0.9, 0.9, 0.9);
1638 }
1639
1640 50%,
1641 55% {
1642 opacity: 1;
1643 -webkit-transform: scale3d(1.1, 1.1, 1.1);
1644 transform: scale3d(1.1, 1.1, 1.1);
1645 }
1646
1647 to {
1648 opacity: 0;
1649 -webkit-transform: scale3d(0.3, 0.3, 0.3);
1650 transform: scale3d(0.3, 0.3, 0.3);
1651 }
1652 }
1653 .animate__bounceOut {
1654 -webkit-animation-duration: calc(1s * 0.75);
1655 animation-duration: calc(1s * 0.75);
1656 -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
1657 animation-duration: calc(var(--animate-duration) * 0.75);
1658 -webkit-animation-name: bounceOut;
1659 animation-name: bounceOut;
1660 }
1661 @-webkit-keyframes bounceOutDown {
1662 20% {
1663 -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
1664 transform: translate3d(0, 10px, 0) scaleY(0.985);
1665 }
1666
1667 40%,
1668 45% {
1669 opacity: 1;
1670 -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
1671 transform: translate3d(0, -20px, 0) scaleY(0.9);
1672 }
1673
1674 to {
1675 opacity: 0;
1676 -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
1677 transform: translate3d(0, 2000px, 0) scaleY(3);
1678 }
1679 }
1680 @keyframes bounceOutDown {
1681 20% {
1682 -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
1683 transform: translate3d(0, 10px, 0) scaleY(0.985);
1684 }
1685
1686 40%,
1687 45% {
1688 opacity: 1;
1689 -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
1690 transform: translate3d(0, -20px, 0) scaleY(0.9);
1691 }
1692
1693 to {
1694 opacity: 0;
1695 -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
1696 transform: translate3d(0, 2000px, 0) scaleY(3);
1697 }
1698 }
1699 .animate__bounceOutDown {
1700 -webkit-animation-name: bounceOutDown;
1701 animation-name: bounceOutDown;
1702 }
1703 @-webkit-keyframes bounceOutLeft {
1704 20% {
1705 opacity: 1;
1706 -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
1707 transform: translate3d(20px, 0, 0) scaleX(0.9);
1708 }
1709
1710 to {
1711 opacity: 0;
1712 -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
1713 transform: translate3d(-2000px, 0, 0) scaleX(2);
1714 }
1715 }
1716 @keyframes bounceOutLeft {
1717 20% {
1718 opacity: 1;
1719 -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
1720 transform: translate3d(20px, 0, 0) scaleX(0.9);
1721 }
1722
1723 to {
1724 opacity: 0;
1725 -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
1726 transform: translate3d(-2000px, 0, 0) scaleX(2);
1727 }
1728 }
1729 .animate__bounceOutLeft {
1730 -webkit-animation-name: bounceOutLeft;
1731 animation-name: bounceOutLeft;
1732 }
1733 @-webkit-keyframes bounceOutRight {
1734 20% {
1735 opacity: 1;
1736 -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
1737 transform: translate3d(-20px, 0, 0) scaleX(0.9);
1738 }
1739
1740 to {
1741 opacity: 0;
1742 -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
1743 transform: translate3d(2000px, 0, 0) scaleX(2);
1744 }
1745 }
1746 @keyframes bounceOutRight {
1747 20% {
1748 opacity: 1;
1749 -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
1750 transform: translate3d(-20px, 0, 0) scaleX(0.9);
1751 }
1752
1753 to {
1754 opacity: 0;
1755 -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
1756 transform: translate3d(2000px, 0, 0) scaleX(2);
1757 }
1758 }
1759 .animate__bounceOutRight {
1760 -webkit-animation-name: bounceOutRight;
1761 animation-name: bounceOutRight;
1762 }
1763 @-webkit-keyframes bounceOutUp {
1764 20% {
1765 -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
1766 transform: translate3d(0, -10px, 0) scaleY(0.985);
1767 }
1768
1769 40%,
1770 45% {
1771 opacity: 1;
1772 -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
1773 transform: translate3d(0, 20px, 0) scaleY(0.9);
1774 }
1775
1776 to {
1777 opacity: 0;
1778 -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
1779 transform: translate3d(0, -2000px, 0) scaleY(3);
1780 }
1781 }
1782 @keyframes bounceOutUp {
1783 20% {
1784 -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
1785 transform: translate3d(0, -10px, 0) scaleY(0.985);
1786 }
1787
1788 40%,
1789 45% {
1790 opacity: 1;
1791 -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
1792 transform: translate3d(0, 20px, 0) scaleY(0.9);
1793 }
1794
1795 to {
1796 opacity: 0;
1797 -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
1798 transform: translate3d(0, -2000px, 0) scaleY(3);
1799 }
1800 }
1801 .animate__bounceOutUp {
1802 -webkit-animation-name: bounceOutUp;
1803 animation-name: bounceOutUp;
1804 }
1805 /* Fading entrances */
1806 @-webkit-keyframes fadeIn {
1807 from {
1808 opacity: 0;
1809 }
1810
1811 to {
1812 opacity: 1;
1813 }
1814 }
1815 @keyframes fadeIn {
1816 from {
1817 opacity: 0;
1818 }
1819
1820 to {
1821 opacity: 1;
1822 }
1823 }
1824 .animate__fadeIn {
1825 -webkit-animation-name: fadeIn;
1826 animation-name: fadeIn;
1827 }
1828 @-webkit-keyframes fadeInDown {
1829 from {
1830 opacity: 0;
1831 -webkit-transform: translate3d(0, -100%, 0);
1832 transform: translate3d(0, -100%, 0);
1833 }
1834
1835 to {
1836 opacity: 1;
1837 -webkit-transform: translate3d(0, 0, 0);
1838 transform: translate3d(0, 0, 0);
1839 }
1840 }
1841 @keyframes fadeInDown {
1842 from {
1843 opacity: 0;
1844 -webkit-transform: translate3d(0, -100%, 0);
1845 transform: translate3d(0, -100%, 0);
1846 }
1847
1848 to {
1849 opacity: 1;
1850 -webkit-transform: translate3d(0, 0, 0);
1851 transform: translate3d(0, 0, 0);
1852 }
1853 }
1854 .animate__fadeInDown {
1855 -webkit-animation-name: fadeInDown;
1856 animation-name: fadeInDown;
1857 }
1858 @-webkit-keyframes fadeInDownBig {
1859 from {
1860 opacity: 0;
1861 -webkit-transform: translate3d(0, -2000px, 0);
1862 transform: translate3d(0, -2000px, 0);
1863 }
1864
1865 to {
1866 opacity: 1;
1867 -webkit-transform: translate3d(0, 0, 0);
1868 transform: translate3d(0, 0, 0);
1869 }
1870 }
1871 @keyframes fadeInDownBig {
1872 from {
1873 opacity: 0;
1874 -webkit-transform: translate3d(0, -2000px, 0);
1875 transform: translate3d(0, -2000px, 0);
1876 }
1877
1878 to {
1879 opacity: 1;
1880 -webkit-transform: translate3d(0, 0, 0);
1881 transform: translate3d(0, 0, 0);
1882 }
1883 }
1884 .animate__fadeInDownBig {
1885 -webkit-animation-name: fadeInDownBig;
1886 animation-name: fadeInDownBig;
1887 }
1888 @-webkit-keyframes fadeInLeft {
1889 from {
1890 opacity: 0;
1891 -webkit-transform: translate3d(-100%, 0, 0);
1892 transform: translate3d(-100%, 0, 0);
1893 }
1894
1895 to {
1896 opacity: 1;
1897 -webkit-transform: translate3d(0, 0, 0);
1898 transform: translate3d(0, 0, 0);
1899 }
1900 }
1901 @keyframes fadeInLeft {
1902 from {
1903 opacity: 0;
1904 -webkit-transform: translate3d(-100%, 0, 0);
1905 transform: translate3d(-100%, 0, 0);
1906 }
1907
1908 to {
1909 opacity: 1;
1910 -webkit-transform: translate3d(0, 0, 0);
1911 transform: translate3d(0, 0, 0);
1912 }
1913 }
1914 .animate__fadeInLeft {
1915 -webkit-animation-name: fadeInLeft;
1916 animation-name: fadeInLeft;
1917 }
1918 @-webkit-keyframes fadeInLeftBig {
1919 from {
1920 opacity: 0;
1921 -webkit-transform: translate3d(-2000px, 0, 0);
1922 transform: translate3d(-2000px, 0, 0);
1923 }
1924
1925 to {
1926 opacity: 1;
1927 -webkit-transform: translate3d(0, 0, 0);
1928 transform: translate3d(0, 0, 0);
1929 }
1930 }
1931 @keyframes fadeInLeftBig {
1932 from {
1933 opacity: 0;
1934 -webkit-transform: translate3d(-2000px, 0, 0);
1935 transform: translate3d(-2000px, 0, 0);
1936 }
1937
1938 to {
1939 opacity: 1;
1940 -webkit-transform: translate3d(0, 0, 0);
1941 transform: translate3d(0, 0, 0);
1942 }
1943 }
1944 .animate__fadeInLeftBig {
1945 -webkit-animation-name: fadeInLeftBig;
1946 animation-name: fadeInLeftBig;
1947 }
1948 @-webkit-keyframes fadeInRight {
1949 from {
1950 opacity: 0;
1951 -webkit-transform: translate3d(100%, 0, 0);
1952 transform: translate3d(100%, 0, 0);
1953 }
1954
1955 to {
1956 opacity: 1;
1957 -webkit-transform: translate3d(0, 0, 0);
1958 transform: translate3d(0, 0, 0);
1959 }
1960 }
1961 @keyframes fadeInRight {
1962 from {
1963 opacity: 0;
1964 -webkit-transform: translate3d(100%, 0, 0);
1965 transform: translate3d(100%, 0, 0);
1966 }
1967
1968 to {
1969 opacity: 1;
1970 -webkit-transform: translate3d(0, 0, 0);
1971 transform: translate3d(0, 0, 0);
1972 }
1973 }
1974 .animate__fadeInRight {
1975 -webkit-animation-name: fadeInRight;
1976 animation-name: fadeInRight;
1977 }
1978 @-webkit-keyframes fadeInRightBig {
1979 from {
1980 opacity: 0;
1981 -webkit-transform: translate3d(2000px, 0, 0);
1982 transform: translate3d(2000px, 0, 0);
1983 }
1984
1985 to {
1986 opacity: 1;
1987 -webkit-transform: translate3d(0, 0, 0);
1988 transform: translate3d(0, 0, 0);
1989 }
1990 }
1991 @keyframes fadeInRightBig {
1992 from {
1993 opacity: 0;
1994 -webkit-transform: translate3d(2000px, 0, 0);
1995 transform: translate3d(2000px, 0, 0);
1996 }
1997
1998 to {
1999 opacity: 1;
2000 -webkit-transform: translate3d(0, 0, 0);
2001 transform: translate3d(0, 0, 0);
2002 }
2003 }
2004 .animate__fadeInRightBig {
2005 -webkit-animation-name: fadeInRightBig;
2006 animation-name: fadeInRightBig;
2007 }
2008 @-webkit-keyframes fadeInUp {
2009 from {
2010 opacity: 0;
2011 -webkit-transform: translate3d(0, 100%, 0);
2012 transform: translate3d(0, 100%, 0);
2013 }
2014
2015 to {
2016 opacity: 1;
2017 -webkit-transform: translate3d(0, 0, 0);
2018 transform: translate3d(0, 0, 0);
2019 }
2020 }
2021 @keyframes fadeInUp {
2022 from {
2023 opacity: 0;
2024 -webkit-transform: translate3d(0, 100%, 0);
2025 transform: translate3d(0, 100%, 0);
2026 }
2027
2028 to {
2029 opacity: 1;
2030 -webkit-transform: translate3d(0, 0, 0);
2031 transform: translate3d(0, 0, 0);
2032 }
2033 }
2034 .animate__fadeInUp {
2035 -webkit-animation-name: fadeInUp;
2036 animation-name: fadeInUp;
2037 }
2038 @-webkit-keyframes fadeInUpBig {
2039 from {
2040 opacity: 0;
2041 -webkit-transform: translate3d(0, 2000px, 0);
2042 transform: translate3d(0, 2000px, 0);
2043 }
2044
2045 to {
2046 opacity: 1;
2047 -webkit-transform: translate3d(0, 0, 0);
2048 transform: translate3d(0, 0, 0);
2049 }
2050 }
2051 @keyframes fadeInUpBig {
2052 from {
2053 opacity: 0;
2054 -webkit-transform: translate3d(0, 2000px, 0);
2055 transform: translate3d(0, 2000px, 0);
2056 }
2057
2058 to {
2059 opacity: 1;
2060 -webkit-transform: translate3d(0, 0, 0);
2061 transform: translate3d(0, 0, 0);
2062 }
2063 }
2064 .animate__fadeInUpBig {
2065 -webkit-animation-name: fadeInUpBig;
2066 animation-name: fadeInUpBig;
2067 }
2068 @-webkit-keyframes fadeInTopLeft {
2069 from {
2070 opacity: 0;
2071 -webkit-transform: translate3d(-100%, -100%, 0);
2072 transform: translate3d(-100%, -100%, 0);
2073 }
2074 to {
2075 opacity: 1;
2076 -webkit-transform: translate3d(0, 0, 0);
2077 transform: translate3d(0, 0, 0);
2078 }
2079 }
2080 @keyframes fadeInTopLeft {
2081 from {
2082 opacity: 0;
2083 -webkit-transform: translate3d(-100%, -100%, 0);
2084 transform: translate3d(-100%, -100%, 0);
2085 }
2086 to {
2087 opacity: 1;
2088 -webkit-transform: translate3d(0, 0, 0);
2089 transform: translate3d(0, 0, 0);
2090 }
2091 }
2092 .animate__fadeInTopLeft {
2093 -webkit-animation-name: fadeInTopLeft;
2094 animation-name: fadeInTopLeft;
2095 }
2096 @-webkit-keyframes fadeInTopRight {
2097 from {
2098 opacity: 0;
2099 -webkit-transform: translate3d(100%, -100%, 0);
2100 transform: translate3d(100%, -100%, 0);
2101 }
2102 to {
2103 opacity: 1;
2104 -webkit-transform: translate3d(0, 0, 0);
2105 transform: translate3d(0, 0, 0);
2106 }
2107 }
2108 @keyframes fadeInTopRight {
2109 from {
2110 opacity: 0;
2111 -webkit-transform: translate3d(100%, -100%, 0);
2112 transform: translate3d(100%, -100%, 0);
2113 }
2114 to {
2115 opacity: 1;
2116 -webkit-transform: translate3d(0, 0, 0);
2117 transform: translate3d(0, 0, 0);
2118 }
2119 }
2120 .animate__fadeInTopRight {
2121 -webkit-animation-name: fadeInTopRight;
2122 animation-name: fadeInTopRight;
2123 }
2124 @-webkit-keyframes fadeInBottomLeft {
2125 from {
2126 opacity: 0;
2127 -webkit-transform: translate3d(-100%, 100%, 0);
2128 transform: translate3d(-100%, 100%, 0);
2129 }
2130 to {
2131 opacity: 1;
2132 -webkit-transform: translate3d(0, 0, 0);
2133 transform: translate3d(0, 0, 0);
2134 }
2135 }
2136 @keyframes fadeInBottomLeft {
2137 from {
2138 opacity: 0;
2139 -webkit-transform: translate3d(-100%, 100%, 0);
2140 transform: translate3d(-100%, 100%, 0);
2141 }
2142 to {
2143 opacity: 1;
2144 -webkit-transform: translate3d(0, 0, 0);
2145 transform: translate3d(0, 0, 0);
2146 }
2147 }
2148 .animate__fadeInBottomLeft {
2149 -webkit-animation-name: fadeInBottomLeft;
2150 animation-name: fadeInBottomLeft;
2151 }
2152 @-webkit-keyframes fadeInBottomRight {
2153 from {
2154 opacity: 0;
2155 -webkit-transform: translate3d(100%, 100%, 0);
2156 transform: translate3d(100%, 100%, 0);
2157 }
2158 to {
2159 opacity: 1;
2160 -webkit-transform: translate3d(0, 0, 0);
2161 transform: translate3d(0, 0, 0);
2162 }
2163 }
2164 @keyframes fadeInBottomRight {
2165 from {
2166 opacity: 0;
2167 -webkit-transform: translate3d(100%, 100%, 0);
2168 transform: translate3d(100%, 100%, 0);
2169 }
2170 to {
2171 opacity: 1;
2172 -webkit-transform: translate3d(0, 0, 0);
2173 transform: translate3d(0, 0, 0);
2174 }
2175 }
2176 .animate__fadeInBottomRight {
2177 -webkit-animation-name: fadeInBottomRight;
2178 animation-name: fadeInBottomRight;
2179 }
2180 /* Fading exits */
2181 @-webkit-keyframes fadeOut {
2182 from {
2183 opacity: 1;
2184 }
2185
2186 to {
2187 opacity: 0;
2188 }
2189 }
2190 @keyframes fadeOut {
2191 from {
2192 opacity: 1;
2193 }
2194
2195 to {
2196 opacity: 0;
2197 }
2198 }
2199 .animate__fadeOut {
2200 -webkit-animation-name: fadeOut;
2201 animation-name: fadeOut;
2202 }
2203 @-webkit-keyframes fadeOutDown {
2204 from {
2205 opacity: 1;
2206 }
2207
2208 to {
2209 opacity: 0;
2210 -webkit-transform: translate3d(0, 100%, 0);
2211 transform: translate3d(0, 100%, 0);
2212 }
2213 }
2214 @keyframes fadeOutDown {
2215 from {
2216 opacity: 1;
2217 }
2218
2219 to {
2220 opacity: 0;
2221 -webkit-transform: translate3d(0, 100%, 0);
2222 transform: translate3d(0, 100%, 0);
2223 }
2224 }
2225 .animate__fadeOutDown {
2226 -webkit-animation-name: fadeOutDown;
2227 animation-name: fadeOutDown;
2228 }
2229 @-webkit-keyframes fadeOutDownBig {
2230 from {
2231 opacity: 1;
2232 }
2233
2234 to {
2235 opacity: 0;
2236 -webkit-transform: translate3d(0, 2000px, 0);
2237 transform: translate3d(0, 2000px, 0);
2238 }
2239 }
2240 @keyframes fadeOutDownBig {
2241 from {
2242 opacity: 1;
2243 }
2244
2245 to {
2246 opacity: 0;
2247 -webkit-transform: translate3d(0, 2000px, 0);
2248 transform: translate3d(0, 2000px, 0);
2249 }
2250 }
2251 .animate__fadeOutDownBig {
2252 -webkit-animation-name: fadeOutDownBig;
2253 animation-name: fadeOutDownBig;
2254 }
2255 @-webkit-keyframes fadeOutLeft {
2256 from {
2257 opacity: 1;
2258 }
2259
2260 to {
2261 opacity: 0;
2262 -webkit-transform: translate3d(-100%, 0, 0);
2263 transform: translate3d(-100%, 0, 0);
2264 }
2265 }
2266 @keyframes fadeOutLeft {
2267 from {
2268 opacity: 1;
2269 }
2270
2271 to {
2272 opacity: 0;
2273 -webkit-transform: translate3d(-100%, 0, 0);
2274 transform: translate3d(-100%, 0, 0);
2275 }
2276 }
2277 .animate__fadeOutLeft {
2278 -webkit-animation-name: fadeOutLeft;
2279 animation-name: fadeOutLeft;
2280 }
2281 @-webkit-keyframes fadeOutLeftBig {
2282 from {
2283 opacity: 1;
2284 }
2285
2286 to {
2287 opacity: 0;
2288 -webkit-transform: translate3d(-2000px, 0, 0);
2289 transform: translate3d(-2000px, 0, 0);
2290 }
2291 }
2292 @keyframes fadeOutLeftBig {
2293 from {
2294 opacity: 1;
2295 }
2296
2297 to {
2298 opacity: 0;
2299 -webkit-transform: translate3d(-2000px, 0, 0);
2300 transform: translate3d(-2000px, 0, 0);
2301 }
2302 }
2303 .animate__fadeOutLeftBig {
2304 -webkit-animation-name: fadeOutLeftBig;
2305 animation-name: fadeOutLeftBig;
2306 }
2307 @-webkit-keyframes fadeOutRight {
2308 from {
2309 opacity: 1;
2310 }
2311
2312 to {
2313 opacity: 0;
2314 -webkit-transform: translate3d(100%, 0, 0);
2315 transform: translate3d(100%, 0, 0);
2316 }
2317 }
2318 @keyframes fadeOutRight {
2319 from {
2320 opacity: 1;
2321 }
2322
2323 to {
2324 opacity: 0;
2325 -webkit-transform: translate3d(100%, 0, 0);
2326 transform: translate3d(100%, 0, 0);
2327 }
2328 }
2329 .animate__fadeOutRight {
2330 -webkit-animation-name: fadeOutRight;
2331 animation-name: fadeOutRight;
2332 }
2333 @-webkit-keyframes fadeOutRightBig {
2334 from {
2335 opacity: 1;
2336 }
2337
2338 to {
2339 opacity: 0;
2340 -webkit-transform: translate3d(2000px, 0, 0);
2341 transform: translate3d(2000px, 0, 0);
2342 }
2343 }
2344 @keyframes fadeOutRightBig {
2345 from {
2346 opacity: 1;
2347 }
2348
2349 to {
2350 opacity: 0;
2351 -webkit-transform: translate3d(2000px, 0, 0);
2352 transform: translate3d(2000px, 0, 0);
2353 }
2354 }
2355 .animate__fadeOutRightBig {
2356 -webkit-animation-name: fadeOutRightBig;
2357 animation-name: fadeOutRightBig;
2358 }
2359 @-webkit-keyframes fadeOutUp {
2360 from {
2361 opacity: 1;
2362 }
2363
2364 to {
2365 opacity: 0;
2366 -webkit-transform: translate3d(0, -100%, 0);
2367 transform: translate3d(0, -100%, 0);
2368 }
2369 }
2370 @keyframes fadeOutUp {
2371 from {
2372 opacity: 1;
2373 }
2374
2375 to {
2376 opacity: 0;
2377 -webkit-transform: translate3d(0, -100%, 0);
2378 transform: translate3d(0, -100%, 0);
2379 }
2380 }
2381 .animate__fadeOutUp {
2382 -webkit-animation-name: fadeOutUp;
2383 animation-name: fadeOutUp;
2384 }
2385 @-webkit-keyframes fadeOutUpBig {
2386 from {
2387 opacity: 1;
2388 }
2389
2390 to {
2391 opacity: 0;
2392 -webkit-transform: translate3d(0, -2000px, 0);
2393 transform: translate3d(0, -2000px, 0);
2394 }
2395 }
2396 @keyframes fadeOutUpBig {
2397 from {
2398 opacity: 1;
2399 }
2400
2401 to {
2402 opacity: 0;
2403 -webkit-transform: translate3d(0, -2000px, 0);
2404 transform: translate3d(0, -2000px, 0);
2405 }
2406 }
2407 .animate__fadeOutUpBig {
2408 -webkit-animation-name: fadeOutUpBig;
2409 animation-name: fadeOutUpBig;
2410 }
2411 @-webkit-keyframes fadeOutTopLeft {
2412 from {
2413 opacity: 1;
2414 -webkit-transform: translate3d(0, 0, 0);
2415 transform: translate3d(0, 0, 0);
2416 }
2417 to {
2418 opacity: 0;
2419 -webkit-transform: translate3d(-100%, -100%, 0);
2420 transform: translate3d(-100%, -100%, 0);
2421 }
2422 }
2423 @keyframes fadeOutTopLeft {
2424 from {
2425 opacity: 1;
2426 -webkit-transform: translate3d(0, 0, 0);
2427 transform: translate3d(0, 0, 0);
2428 }
2429 to {
2430 opacity: 0;
2431 -webkit-transform: translate3d(-100%, -100%, 0);
2432 transform: translate3d(-100%, -100%, 0);
2433 }
2434 }
2435 .animate__fadeOutTopLeft {
2436 -webkit-animation-name: fadeOutTopLeft;
2437 animation-name: fadeOutTopLeft;
2438 }
2439 @-webkit-keyframes fadeOutTopRight {
2440 from {
2441 opacity: 1;
2442 -webkit-transform: translate3d(0, 0, 0);
2443 transform: translate3d(0, 0, 0);
2444 }
2445 to {
2446 opacity: 0;
2447 -webkit-transform: translate3d(100%, -100%, 0);
2448 transform: translate3d(100%, -100%, 0);
2449 }
2450 }
2451 @keyframes fadeOutTopRight {
2452 from {
2453 opacity: 1;
2454 -webkit-transform: translate3d(0, 0, 0);
2455 transform: translate3d(0, 0, 0);
2456 }
2457 to {
2458 opacity: 0;
2459 -webkit-transform: translate3d(100%, -100%, 0);
2460 transform: translate3d(100%, -100%, 0);
2461 }
2462 }
2463 .animate__fadeOutTopRight {
2464 -webkit-animation-name: fadeOutTopRight;
2465 animation-name: fadeOutTopRight;
2466 }
2467 @-webkit-keyframes fadeOutBottomRight {
2468 from {
2469 opacity: 1;
2470 -webkit-transform: translate3d(0, 0, 0);
2471 transform: translate3d(0, 0, 0);
2472 }
2473 to {
2474 opacity: 0;
2475 -webkit-transform: translate3d(100%, 100%, 0);
2476 transform: translate3d(100%, 100%, 0);
2477 }
2478 }
2479 @keyframes fadeOutBottomRight {
2480 from {
2481 opacity: 1;
2482 -webkit-transform: translate3d(0, 0, 0);
2483 transform: translate3d(0, 0, 0);
2484 }
2485 to {
2486 opacity: 0;
2487 -webkit-transform: translate3d(100%, 100%, 0);
2488 transform: translate3d(100%, 100%, 0);
2489 }
2490 }
2491 .animate__fadeOutBottomRight {
2492 -webkit-animation-name: fadeOutBottomRight;
2493 animation-name: fadeOutBottomRight;
2494 }
2495 @-webkit-keyframes fadeOutBottomLeft {
2496 from {
2497 opacity: 1;
2498 -webkit-transform: translate3d(0, 0, 0);
2499 transform: translate3d(0, 0, 0);
2500 }
2501 to {
2502 opacity: 0;
2503 -webkit-transform: translate3d(-100%, 100%, 0);
2504 transform: translate3d(-100%, 100%, 0);
2505 }
2506 }
2507 @keyframes fadeOutBottomLeft {
2508 from {
2509 opacity: 1;
2510 -webkit-transform: translate3d(0, 0, 0);
2511 transform: translate3d(0, 0, 0);
2512 }
2513 to {
2514 opacity: 0;
2515 -webkit-transform: translate3d(-100%, 100%, 0);
2516 transform: translate3d(-100%, 100%, 0);
2517 }
2518 }
2519 .animate__fadeOutBottomLeft {
2520 -webkit-animation-name: fadeOutBottomLeft;
2521 animation-name: fadeOutBottomLeft;
2522 }
2523 /* Flippers */
2524 @-webkit-keyframes flip {
2525 from {
2526 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
2527 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
2528 -webkit-animation-timing-function: ease-out;
2529 animation-timing-function: ease-out;
2530 }
2531
2532 40% {
2533 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2534 rotate3d(0, 1, 0, -190deg);
2535 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2536 rotate3d(0, 1, 0, -190deg);
2537 -webkit-animation-timing-function: ease-out;
2538 animation-timing-function: ease-out;
2539 }
2540
2541 50% {
2542 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2543 rotate3d(0, 1, 0, -170deg);
2544 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2545 rotate3d(0, 1, 0, -170deg);
2546 -webkit-animation-timing-function: ease-in;
2547 animation-timing-function: ease-in;
2548 }
2549
2550 80% {
2551 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
2552 rotate3d(0, 1, 0, 0deg);
2553 transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
2554 rotate3d(0, 1, 0, 0deg);
2555 -webkit-animation-timing-function: ease-in;
2556 animation-timing-function: ease-in;
2557 }
2558
2559 to {
2560 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
2561 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
2562 -webkit-animation-timing-function: ease-in;
2563 animation-timing-function: ease-in;
2564 }
2565 }
2566 @keyframes flip {
2567 from {
2568 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
2569 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
2570 -webkit-animation-timing-function: ease-out;
2571 animation-timing-function: ease-out;
2572 }
2573
2574 40% {
2575 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2576 rotate3d(0, 1, 0, -190deg);
2577 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2578 rotate3d(0, 1, 0, -190deg);
2579 -webkit-animation-timing-function: ease-out;
2580 animation-timing-function: ease-out;
2581 }
2582
2583 50% {
2584 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2585 rotate3d(0, 1, 0, -170deg);
2586 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2587 rotate3d(0, 1, 0, -170deg);
2588 -webkit-animation-timing-function: ease-in;
2589 animation-timing-function: ease-in;
2590 }
2591
2592 80% {
2593 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
2594 rotate3d(0, 1, 0, 0deg);
2595 transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
2596 rotate3d(0, 1, 0, 0deg);
2597 -webkit-animation-timing-function: ease-in;
2598 animation-timing-function: ease-in;
2599 }
2600
2601 to {
2602 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
2603 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
2604 -webkit-animation-timing-function: ease-in;
2605 animation-timing-function: ease-in;
2606 }
2607 }
2608 .animate__animated.animate__flip {
2609 -webkit-backface-visibility: visible;
2610 backface-visibility: visible;
2611 -webkit-animation-name: flip;
2612 animation-name: flip;
2613 }
2614 @-webkit-keyframes flipInX {
2615 from {
2616 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2617 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2618 -webkit-animation-timing-function: ease-in;
2619 animation-timing-function: ease-in;
2620 opacity: 0;
2621 }
2622
2623 40% {
2624 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2625 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2626 -webkit-animation-timing-function: ease-in;
2627 animation-timing-function: ease-in;
2628 }
2629
2630 60% {
2631 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2632 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2633 opacity: 1;
2634 }
2635
2636 80% {
2637 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2638 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2639 }
2640
2641 to {
2642 -webkit-transform: perspective(400px);
2643 transform: perspective(400px);
2644 }
2645 }
2646 @keyframes flipInX {
2647 from {
2648 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2649 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2650 -webkit-animation-timing-function: ease-in;
2651 animation-timing-function: ease-in;
2652 opacity: 0;
2653 }
2654
2655 40% {
2656 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2657 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2658 -webkit-animation-timing-function: ease-in;
2659 animation-timing-function: ease-in;
2660 }
2661
2662 60% {
2663 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2664 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2665 opacity: 1;
2666 }
2667
2668 80% {
2669 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2670 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2671 }
2672
2673 to {
2674 -webkit-transform: perspective(400px);
2675 transform: perspective(400px);
2676 }
2677 }
2678 .animate__flipInX {
2679 -webkit-backface-visibility: visible !important;
2680 backface-visibility: visible !important;
2681 -webkit-animation-name: flipInX;
2682 animation-name: flipInX;
2683 }
2684 @-webkit-keyframes flipInY {
2685 from {
2686 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2687 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2688 -webkit-animation-timing-function: ease-in;
2689 animation-timing-function: ease-in;
2690 opacity: 0;
2691 }
2692
2693 40% {
2694 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2695 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2696 -webkit-animation-timing-function: ease-in;
2697 animation-timing-function: ease-in;
2698 }
2699
2700 60% {
2701 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2702 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2703 opacity: 1;
2704 }
2705
2706 80% {
2707 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2708 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2709 }
2710
2711 to {
2712 -webkit-transform: perspective(400px);
2713 transform: perspective(400px);
2714 }
2715 }
2716 @keyframes flipInY {
2717 from {
2718 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2719 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2720 -webkit-animation-timing-function: ease-in;
2721 animation-timing-function: ease-in;
2722 opacity: 0;
2723 }
2724
2725 40% {
2726 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2727 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2728 -webkit-animation-timing-function: ease-in;
2729 animation-timing-function: ease-in;
2730 }
2731
2732 60% {
2733 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2734 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2735 opacity: 1;
2736 }
2737
2738 80% {
2739 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2740 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2741 }
2742
2743 to {
2744 -webkit-transform: perspective(400px);
2745 transform: perspective(400px);
2746 }
2747 }
2748 .animate__flipInY {
2749 -webkit-backface-visibility: visible !important;
2750 backface-visibility: visible !important;
2751 -webkit-animation-name: flipInY;
2752 animation-name: flipInY;
2753 }
2754 @-webkit-keyframes flipOutX {
2755 from {
2756 -webkit-transform: perspective(400px);
2757 transform: perspective(400px);
2758 }
2759
2760 30% {
2761 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2762 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2763 opacity: 1;
2764 }
2765
2766 to {
2767 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2768 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2769 opacity: 0;
2770 }
2771 }
2772 @keyframes flipOutX {
2773 from {
2774 -webkit-transform: perspective(400px);
2775 transform: perspective(400px);
2776 }
2777
2778 30% {
2779 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2780 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2781 opacity: 1;
2782 }
2783
2784 to {
2785 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2786 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2787 opacity: 0;
2788 }
2789 }
2790 .animate__flipOutX {
2791 -webkit-animation-duration: calc(1s * 0.75);
2792 animation-duration: calc(1s * 0.75);
2793 -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
2794 animation-duration: calc(var(--animate-duration) * 0.75);
2795 -webkit-animation-name: flipOutX;
2796 animation-name: flipOutX;
2797 -webkit-backface-visibility: visible !important;
2798 backface-visibility: visible !important;
2799 }
2800 @-webkit-keyframes flipOutY {
2801 from {
2802 -webkit-transform: perspective(400px);
2803 transform: perspective(400px);
2804 }
2805
2806 30% {
2807 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2808 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2809 opacity: 1;
2810 }
2811
2812 to {
2813 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2814 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2815 opacity: 0;
2816 }
2817 }
2818 @keyframes flipOutY {
2819 from {
2820 -webkit-transform: perspective(400px);
2821 transform: perspective(400px);
2822 }
2823
2824 30% {
2825 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2826 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2827 opacity: 1;
2828 }
2829
2830 to {
2831 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2832 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2833 opacity: 0;
2834 }
2835 }
2836 .animate__flipOutY {
2837 -webkit-animation-duration: calc(1s * 0.75);
2838 animation-duration: calc(1s * 0.75);
2839 -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
2840 animation-duration: calc(var(--animate-duration) * 0.75);
2841 -webkit-backface-visibility: visible !important;
2842 backface-visibility: visible !important;
2843 -webkit-animation-name: flipOutY;
2844 animation-name: flipOutY;
2845 }
2846 /* Lightspeed */
2847 @-webkit-keyframes lightSpeedInRight {
2848 from {
2849 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2850 transform: translate3d(100%, 0, 0) skewX(-30deg);
2851 opacity: 0;
2852 }
2853
2854 60% {
2855 -webkit-transform: skewX(20deg);
2856 transform: skewX(20deg);
2857 opacity: 1;
2858 }
2859
2860 80% {
2861 -webkit-transform: skewX(-5deg);
2862 transform: skewX(-5deg);
2863 }
2864
2865 to {
2866 -webkit-transform: translate3d(0, 0, 0);
2867 transform: translate3d(0, 0, 0);
2868 }
2869 }
2870 @keyframes lightSpeedInRight {
2871 from {
2872 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2873 transform: translate3d(100%, 0, 0) skewX(-30deg);
2874 opacity: 0;
2875 }
2876
2877 60% {
2878 -webkit-transform: skewX(20deg);
2879 transform: skewX(20deg);
2880 opacity: 1;
2881 }
2882
2883 80% {
2884 -webkit-transform: skewX(-5deg);
2885 transform: skewX(-5deg);
2886 }
2887
2888 to {
2889 -webkit-transform: translate3d(0, 0, 0);
2890 transform: translate3d(0, 0, 0);
2891 }
2892 }
2893 .animate__lightSpeedInRight {
2894 -webkit-animation-name: lightSpeedInRight;
2895 animation-name: lightSpeedInRight;
2896 -webkit-animation-timing-function: ease-out;
2897 animation-timing-function: ease-out;
2898 }
2899 @-webkit-keyframes lightSpeedInLeft {
2900 from {
2901 -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
2902 transform: translate3d(-100%, 0, 0) skewX(30deg);
2903 opacity: 0;
2904 }
2905
2906 60% {
2907 -webkit-transform: skewX(-20deg);
2908 transform: skewX(-20deg);
2909 opacity: 1;
2910 }
2911
2912 80% {
2913 -webkit-transform: skewX(5deg);
2914 transform: skewX(5deg);
2915 }
2916
2917 to {
2918 -webkit-transform: translate3d(0, 0, 0);
2919 transform: translate3d(0, 0, 0);
2920 }
2921 }
2922 @keyframes lightSpeedInLeft {
2923 from {
2924 -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
2925 transform: translate3d(-100%, 0, 0) skewX(30deg);
2926 opacity: 0;
2927 }
2928
2929 60% {
2930 -webkit-transform: skewX(-20deg);
2931 transform: skewX(-20deg);
2932 opacity: 1;
2933 }
2934
2935 80% {
2936 -webkit-transform: skewX(5deg);
2937 transform: skewX(5deg);
2938 }
2939
2940 to {
2941 -webkit-transform: translate3d(0, 0, 0);
2942 transform: translate3d(0, 0, 0);
2943 }
2944 }
2945 .animate__lightSpeedInLeft {
2946 -webkit-animation-name: lightSpeedInLeft;
2947 animation-name: lightSpeedInLeft;
2948 -webkit-animation-timing-function: ease-out;
2949 animation-timing-function: ease-out;
2950 }
2951 @-webkit-keyframes lightSpeedOutRight {
2952 from {
2953 opacity: 1;
2954 }
2955
2956 to {
2957 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2958 transform: translate3d(100%, 0, 0) skewX(30deg);
2959 opacity: 0;
2960 }
2961 }
2962 @keyframes lightSpeedOutRight {
2963 from {
2964 opacity: 1;
2965 }
2966
2967 to {
2968 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2969 transform: translate3d(100%, 0, 0) skewX(30deg);
2970 opacity: 0;
2971 }
2972 }
2973 .animate__lightSpeedOutRight {
2974 -webkit-animation-name: lightSpeedOutRight;
2975 animation-name: lightSpeedOutRight;
2976 -webkit-animation-timing-function: ease-in;
2977 animation-timing-function: ease-in;
2978 }
2979 @-webkit-keyframes lightSpeedOutLeft {
2980 from {
2981 opacity: 1;
2982 }
2983
2984 to {
2985 -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
2986 transform: translate3d(-100%, 0, 0) skewX(-30deg);
2987 opacity: 0;
2988 }
2989 }
2990 @keyframes lightSpeedOutLeft {
2991 from {
2992 opacity: 1;
2993 }
2994
2995 to {
2996 -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
2997 transform: translate3d(-100%, 0, 0) skewX(-30deg);
2998 opacity: 0;
2999 }
3000 }
3001 .animate__lightSpeedOutLeft {
3002 -webkit-animation-name: lightSpeedOutLeft;
3003 animation-name: lightSpeedOutLeft;
3004 -webkit-animation-timing-function: ease-in;
3005 animation-timing-function: ease-in;
3006 }
3007 /* Rotating entrances */
3008 @-webkit-keyframes rotateIn {
3009 from {
3010 -webkit-transform: rotate3d(0, 0, 1, -200deg);
3011 transform: rotate3d(0, 0, 1, -200deg);
3012 opacity: 0;
3013 }
3014
3015 to {
3016 -webkit-transform: translate3d(0, 0, 0);
3017 transform: translate3d(0, 0, 0);
3018 opacity: 1;
3019 }
3020 }
3021 @keyframes rotateIn {
3022 from {
3023 -webkit-transform: rotate3d(0, 0, 1, -200deg);
3024 transform: rotate3d(0, 0, 1, -200deg);
3025 opacity: 0;
3026 }
3027
3028 to {
3029 -webkit-transform: translate3d(0, 0, 0);
3030 transform: translate3d(0, 0, 0);
3031 opacity: 1;
3032 }
3033 }
3034 .animate__rotateIn {
3035 -webkit-animation-name: rotateIn;
3036 animation-name: rotateIn;
3037 -webkit-transform-origin: center;
3038 transform-origin: center;
3039 }
3040 @-webkit-keyframes rotateInDownLeft {
3041 from {
3042 -webkit-transform: rotate3d(0, 0, 1, -45deg);
3043 transform: rotate3d(0, 0, 1, -45deg);
3044 opacity: 0;
3045 }
3046
3047 to {
3048 -webkit-transform: translate3d(0, 0, 0);
3049 transform: translate3d(0, 0, 0);
3050 opacity: 1;
3051 }
3052 }
3053 @keyframes rotateInDownLeft {
3054 from {
3055 -webkit-transform: rotate3d(0, 0, 1, -45deg);
3056 transform: rotate3d(0, 0, 1, -45deg);
3057 opacity: 0;
3058 }
3059
3060 to {
3061 -webkit-transform: translate3d(0, 0, 0);
3062 transform: translate3d(0, 0, 0);
3063 opacity: 1;
3064 }
3065 }
3066 .animate__rotateInDownLeft {
3067 -webkit-animation-name: rotateInDownLeft;
3068 animation-name: rotateInDownLeft;
3069 -webkit-transform-origin: left bottom;
3070 transform-origin: left bottom;
3071 }
3072 @-webkit-keyframes rotateInDownRight {
3073 from {
3074 -webkit-transform: rotate3d(0, 0, 1, 45deg);
3075 transform: rotate3d(0, 0, 1, 45deg);
3076 opacity: 0;
3077 }
3078
3079 to {
3080 -webkit-transform: translate3d(0, 0, 0);
3081 transform: translate3d(0, 0, 0);
3082 opacity: 1;
3083 }
3084 }
3085 @keyframes rotateInDownRight {
3086 from {
3087 -webkit-transform: rotate3d(0, 0, 1, 45deg);
3088 transform: rotate3d(0, 0, 1, 45deg);
3089 opacity: 0;
3090 }
3091
3092 to {
3093 -webkit-transform: translate3d(0, 0, 0);
3094 transform: translate3d(0, 0, 0);
3095 opacity: 1;
3096 }
3097 }
3098 .animate__rotateInDownRight {
3099 -webkit-animation-name: rotateInDownRight;
3100 animation-name: rotateInDownRight;
3101 -webkit-transform-origin: right bottom;
3102 transform-origin: right bottom;
3103 }
3104 @-webkit-keyframes rotateInUpLeft {
3105 from {
3106 -webkit-transform: rotate3d(0, 0, 1, 45deg);
3107 transform: rotate3d(0, 0, 1, 45deg);
3108 opacity: 0;
3109 }
3110
3111 to {
3112 -webkit-transform: translate3d(0, 0, 0);
3113 transform: translate3d(0, 0, 0);
3114 opacity: 1;
3115 }
3116 }
3117 @keyframes rotateInUpLeft {
3118 from {
3119 -webkit-transform: rotate3d(0, 0, 1, 45deg);
3120 transform: rotate3d(0, 0, 1, 45deg);
3121 opacity: 0;
3122 }
3123
3124 to {
3125 -webkit-transform: translate3d(0, 0, 0);
3126 transform: translate3d(0, 0, 0);
3127 opacity: 1;
3128 }
3129 }
3130 .animate__rotateInUpLeft {
3131 -webkit-animation-name: rotateInUpLeft;
3132 animation-name: rotateInUpLeft;
3133 -webkit-transform-origin: left bottom;
3134 transform-origin: left bottom;
3135 }
3136 @-webkit-keyframes rotateInUpRight {
3137 from {
3138 -webkit-transform: rotate3d(0, 0, 1, -90deg);
3139 transform: rotate3d(0, 0, 1, -90deg);
3140 opacity: 0;
3141 }
3142
3143 to {
3144 -webkit-transform: translate3d(0, 0, 0);
3145 transform: translate3d(0, 0, 0);
3146 opacity: 1;
3147 }
3148 }
3149 @keyframes rotateInUpRight {
3150 from {
3151 -webkit-transform: rotate3d(0, 0, 1, -90deg);
3152 transform: rotate3d(0, 0, 1, -90deg);
3153 opacity: 0;
3154 }
3155
3156 to {
3157 -webkit-transform: translate3d(0, 0, 0);
3158 transform: translate3d(0, 0, 0);
3159 opacity: 1;
3160 }
3161 }
3162 .animate__rotateInUpRight {
3163 -webkit-animation-name: rotateInUpRight;
3164 animation-name: rotateInUpRight;
3165 -webkit-transform-origin: right bottom;
3166 transform-origin: right bottom;
3167 }
3168 /* Rotating exits */
3169 @-webkit-keyframes rotateOut {
3170 from {
3171 opacity: 1;
3172 }
3173
3174 to {
3175 -webkit-transform: rotate3d(0, 0, 1, 200deg);
3176 transform: rotate3d(0, 0, 1, 200deg);
3177 opacity: 0;
3178 }
3179 }
3180 @keyframes rotateOut {
3181 from {
3182 opacity: 1;
3183 }
3184
3185 to {
3186 -webkit-transform: rotate3d(0, 0, 1, 200deg);
3187 transform: rotate3d(0, 0, 1, 200deg);
3188 opacity: 0;
3189 }
3190 }
3191 .animate__rotateOut {
3192 -webkit-animation-name: rotateOut;
3193 animation-name: rotateOut;
3194 -webkit-transform-origin: center;
3195 transform-origin: center;
3196 }
3197 @-webkit-keyframes rotateOutDownLeft {
3198 from {
3199 opacity: 1;
3200 }
3201
3202 to {
3203 -webkit-transform: rotate3d(0, 0, 1, 45deg);
3204 transform: rotate3d(0, 0, 1, 45deg);
3205 opacity: 0;
3206 }
3207 }
3208 @keyframes rotateOutDownLeft {
3209 from {
3210 opacity: 1;
3211 }
3212
3213 to {
3214 -webkit-transform: rotate3d(0, 0, 1, 45deg);
3215 transform: rotate3d(0, 0, 1, 45deg);
3216 opacity: 0;
3217 }
3218 }
3219 .animate__rotateOutDownLeft {
3220 -webkit-animation-name: rotateOutDownLeft;
3221 animation-name: rotateOutDownLeft;
3222 -webkit-transform-origin: left bottom;
3223 transform-origin: left bottom;
3224 }
3225 @-webkit-keyframes rotateOutDownRight {
3226 from {
3227 opacity: 1;
3228 }
3229
3230 to {
3231 -webkit-transform: rotate3d(0, 0, 1, -45deg);
3232 transform: rotate3d(0, 0, 1, -45deg);
3233 opacity: 0;
3234 }
3235 }
3236 @keyframes rotateOutDownRight {
3237 from {
3238 opacity: 1;
3239 }
3240
3241 to {
3242 -webkit-transform: rotate3d(0, 0, 1, -45deg);
3243 transform: rotate3d(0, 0, 1, -45deg);
3244 opacity: 0;
3245 }
3246 }
3247 .animate__rotateOutDownRight {
3248 -webkit-animation-name: rotateOutDownRight;
3249 animation-name: rotateOutDownRight;
3250 -webkit-transform-origin: right bottom;
3251 transform-origin: right bottom;
3252 }
3253 @-webkit-keyframes rotateOutUpLeft {
3254 from {
3255 opacity: 1;
3256 }
3257
3258 to {
3259 -webkit-transform: rotate3d(0, 0, 1, -45deg);
3260 transform: rotate3d(0, 0, 1, -45deg);
3261 opacity: 0;
3262 }
3263 }
3264 @keyframes rotateOutUpLeft {
3265 from {
3266 opacity: 1;
3267 }
3268
3269 to {
3270 -webkit-transform: rotate3d(0, 0, 1, -45deg);
3271 transform: rotate3d(0, 0, 1, -45deg);
3272 opacity: 0;
3273 }
3274 }
3275 .animate__rotateOutUpLeft {
3276 -webkit-animation-name: rotateOutUpLeft;
3277 animation-name: rotateOutUpLeft;
3278 -webkit-transform-origin: left bottom;
3279 transform-origin: left bottom;
3280 }
3281 @-webkit-keyframes rotateOutUpRight {
3282 from {
3283 opacity: 1;
3284 }
3285
3286 to {
3287 -webkit-transform: rotate3d(0, 0, 1, 90deg);
3288 transform: rotate3d(0, 0, 1, 90deg);
3289 opacity: 0;
3290 }
3291 }
3292 @keyframes rotateOutUpRight {
3293 from {
3294 opacity: 1;
3295 }
3296
3297 to {
3298 -webkit-transform: rotate3d(0, 0, 1, 90deg);
3299 transform: rotate3d(0, 0, 1, 90deg);
3300 opacity: 0;
3301 }
3302 }
3303 .animate__rotateOutUpRight {
3304 -webkit-animation-name: rotateOutUpRight;
3305 animation-name: rotateOutUpRight;
3306 -webkit-transform-origin: right bottom;
3307 transform-origin: right bottom;
3308 }
3309 /* Specials */
3310 @-webkit-keyframes hinge {
3311 0% {
3312 -webkit-animation-timing-function: ease-in-out;
3313 animation-timing-function: ease-in-out;
3314 }
3315
3316 20%,
3317 60% {
3318 -webkit-transform: rotate3d(0, 0, 1, 80deg);
3319 transform: rotate3d(0, 0, 1, 80deg);
3320 -webkit-animation-timing-function: ease-in-out;
3321 animation-timing-function: ease-in-out;
3322 }
3323
3324 40%,
3325 80% {
3326 -webkit-transform: rotate3d(0, 0, 1, 60deg);
3327 transform: rotate3d(0, 0, 1, 60deg);
3328 -webkit-animation-timing-function: ease-in-out;
3329 animation-timing-function: ease-in-out;
3330 opacity: 1;
3331 }
3332
3333 to {
3334 -webkit-transform: translate3d(0, 700px, 0);
3335 transform: translate3d(0, 700px, 0);
3336 opacity: 0;
3337 }
3338 }
3339 @keyframes hinge {
3340 0% {
3341 -webkit-animation-timing-function: ease-in-out;
3342 animation-timing-function: ease-in-out;
3343 }
3344
3345 20%,
3346 60% {
3347 -webkit-transform: rotate3d(0, 0, 1, 80deg);
3348 transform: rotate3d(0, 0, 1, 80deg);
3349 -webkit-animation-timing-function: ease-in-out;
3350 animation-timing-function: ease-in-out;
3351 }
3352
3353 40%,
3354 80% {
3355 -webkit-transform: rotate3d(0, 0, 1, 60deg);
3356 transform: rotate3d(0, 0, 1, 60deg);
3357 -webkit-animation-timing-function: ease-in-out;
3358 animation-timing-function: ease-in-out;
3359 opacity: 1;
3360 }
3361
3362 to {
3363 -webkit-transform: translate3d(0, 700px, 0);
3364 transform: translate3d(0, 700px, 0);
3365 opacity: 0;
3366 }
3367 }
3368 .animate__hinge {
3369 -webkit-animation-duration: calc(1s * 2);
3370 animation-duration: calc(1s * 2);
3371 -webkit-animation-duration: calc(var(--animate-duration) * 2);
3372 animation-duration: calc(var(--animate-duration) * 2);
3373 -webkit-animation-name: hinge;
3374 animation-name: hinge;
3375 -webkit-transform-origin: top left;
3376 transform-origin: top left;
3377 }
3378 @-webkit-keyframes jackInTheBox {
3379 from {
3380 opacity: 0;
3381 -webkit-transform: scale(0.1) rotate(30deg);
3382 transform: scale(0.1) rotate(30deg);
3383 -webkit-transform-origin: center bottom;
3384 transform-origin: center bottom;
3385 }
3386
3387 50% {
3388 -webkit-transform: rotate(-10deg);
3389 transform: rotate(-10deg);
3390 }
3391
3392 70% {
3393 -webkit-transform: rotate(3deg);
3394 transform: rotate(3deg);
3395 }
3396
3397 to {
3398 opacity: 1;
3399 -webkit-transform: scale(1);
3400 transform: scale(1);
3401 }
3402 }
3403 @keyframes jackInTheBox {
3404 from {
3405 opacity: 0;
3406 -webkit-transform: scale(0.1) rotate(30deg);
3407 transform: scale(0.1) rotate(30deg);
3408 -webkit-transform-origin: center bottom;
3409 transform-origin: center bottom;
3410 }
3411
3412 50% {
3413 -webkit-transform: rotate(-10deg);
3414 transform: rotate(-10deg);
3415 }
3416
3417 70% {
3418 -webkit-transform: rotate(3deg);
3419 transform: rotate(3deg);
3420 }
3421
3422 to {
3423 opacity: 1;
3424 -webkit-transform: scale(1);
3425 transform: scale(1);
3426 }
3427 }
3428 .animate__jackInTheBox {
3429 -webkit-animation-name: jackInTheBox;
3430 animation-name: jackInTheBox;
3431 }
3432 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
3433 @-webkit-keyframes rollIn {
3434 from {
3435 opacity: 0;
3436 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
3437 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
3438 }
3439
3440 to {
3441 opacity: 1;
3442 -webkit-transform: translate3d(0, 0, 0);
3443 transform: translate3d(0, 0, 0);
3444 }
3445 }
3446 @keyframes rollIn {
3447 from {
3448 opacity: 0;
3449 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
3450 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
3451 }
3452
3453 to {
3454 opacity: 1;
3455 -webkit-transform: translate3d(0, 0, 0);
3456 transform: translate3d(0, 0, 0);
3457 }
3458 }
3459 .animate__rollIn {
3460 -webkit-animation-name: rollIn;
3461 animation-name: rollIn;
3462 }
3463 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
3464 @-webkit-keyframes rollOut {
3465 from {
3466 opacity: 1;
3467 }
3468
3469 to {
3470 opacity: 0;
3471 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
3472 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
3473 }
3474 }
3475 @keyframes rollOut {
3476 from {
3477 opacity: 1;
3478 }
3479
3480 to {
3481 opacity: 0;
3482 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
3483 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
3484 }
3485 }
3486 .animate__rollOut {
3487 -webkit-animation-name: rollOut;
3488 animation-name: rollOut;
3489 }
3490 /* Zooming entrances */
3491 @-webkit-keyframes zoomIn {
3492 from {
3493 opacity: 0;
3494 -webkit-transform: scale3d(0.3, 0.3, 0.3);
3495 transform: scale3d(0.3, 0.3, 0.3);
3496 }
3497
3498 50% {
3499 opacity: 1;
3500 }
3501 }
3502 @keyframes zoomIn {
3503 from {
3504 opacity: 0;
3505 -webkit-transform: scale3d(0.3, 0.3, 0.3);
3506 transform: scale3d(0.3, 0.3, 0.3);
3507 }
3508
3509 50% {
3510 opacity: 1;
3511 }
3512 }
3513 .animate__zoomIn {
3514 -webkit-animation-name: zoomIn;
3515 animation-name: zoomIn;
3516 }
3517 @-webkit-keyframes zoomInDown {
3518 from {
3519 opacity: 0;
3520 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
3521 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
3522 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3523 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3524 }
3525
3526 60% {
3527 opacity: 1;
3528 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3529 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3530 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3531 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3532 }
3533 }
3534 @keyframes zoomInDown {
3535 from {
3536 opacity: 0;
3537 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
3538 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
3539 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3540 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3541 }
3542
3543 60% {
3544 opacity: 1;
3545 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3546 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3547 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3548 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3549 }
3550 }
3551 .animate__zoomInDown {
3552 -webkit-animation-name: zoomInDown;
3553 animation-name: zoomInDown;
3554 }
3555 @-webkit-keyframes zoomInLeft {
3556 from {
3557 opacity: 0;
3558 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
3559 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
3560 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3561 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3562 }
3563
3564 60% {
3565 opacity: 1;
3566 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
3567 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
3568 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3569 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3570 }
3571 }
3572 @keyframes zoomInLeft {
3573 from {
3574 opacity: 0;
3575 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
3576 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
3577 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3578 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3579 }
3580
3581 60% {
3582 opacity: 1;
3583 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
3584 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
3585 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3586 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3587 }
3588 }
3589 .animate__zoomInLeft {
3590 -webkit-animation-name: zoomInLeft;
3591 animation-name: zoomInLeft;
3592 }
3593 @-webkit-keyframes zoomInRight {
3594 from {
3595 opacity: 0;
3596 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
3597 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
3598 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3599 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3600 }
3601
3602 60% {
3603 opacity: 1;
3604 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
3605 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
3606 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3607 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3608 }
3609 }
3610 @keyframes zoomInRight {
3611 from {
3612 opacity: 0;
3613 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
3614 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
3615 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3616 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3617 }
3618
3619 60% {
3620 opacity: 1;
3621 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
3622 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
3623 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3624 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3625 }
3626 }
3627 .animate__zoomInRight {
3628 -webkit-animation-name: zoomInRight;
3629 animation-name: zoomInRight;
3630 }
3631 @-webkit-keyframes zoomInUp {
3632 from {
3633 opacity: 0;
3634 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
3635 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
3636 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3637 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3638 }
3639
3640 60% {
3641 opacity: 1;
3642 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3643 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3644 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3645 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3646 }
3647 }
3648 @keyframes zoomInUp {
3649 from {
3650 opacity: 0;
3651 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
3652 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
3653 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3654 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3655 }
3656
3657 60% {
3658 opacity: 1;
3659 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3660 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3661 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3662 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3663 }
3664 }
3665 .animate__zoomInUp {
3666 -webkit-animation-name: zoomInUp;
3667 animation-name: zoomInUp;
3668 }
3669 /* Zooming exits */
3670 @-webkit-keyframes zoomOut {
3671 from {
3672 opacity: 1;
3673 }
3674
3675 50% {
3676 opacity: 0;
3677 -webkit-transform: scale3d(0.3, 0.3, 0.3);
3678 transform: scale3d(0.3, 0.3, 0.3);
3679 }
3680
3681 to {
3682 opacity: 0;
3683 }
3684 }
3685 @keyframes zoomOut {
3686 from {
3687 opacity: 1;
3688 }
3689
3690 50% {
3691 opacity: 0;
3692 -webkit-transform: scale3d(0.3, 0.3, 0.3);
3693 transform: scale3d(0.3, 0.3, 0.3);
3694 }
3695
3696 to {
3697 opacity: 0;
3698 }
3699 }
3700 .animate__zoomOut {
3701 -webkit-animation-name: zoomOut;
3702 animation-name: zoomOut;
3703 }
3704 @-webkit-keyframes zoomOutDown {
3705 40% {
3706 opacity: 1;
3707 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3708 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3709 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3710 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3711 }
3712
3713 to {
3714 opacity: 0;
3715 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
3716 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
3717 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3718 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3719 }
3720 }
3721 @keyframes zoomOutDown {
3722 40% {
3723 opacity: 1;
3724 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3725 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3726 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3727 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3728 }
3729
3730 to {
3731 opacity: 0;
3732 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
3733 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
3734 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3735 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3736 }
3737 }
3738 .animate__zoomOutDown {
3739 -webkit-animation-name: zoomOutDown;
3740 animation-name: zoomOutDown;
3741 -webkit-transform-origin: center bottom;
3742 transform-origin: center bottom;
3743 }
3744 @-webkit-keyframes zoomOutLeft {
3745 40% {
3746 opacity: 1;
3747 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
3748 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
3749 }
3750
3751 to {
3752 opacity: 0;
3753 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
3754 transform: scale(0.1) translate3d(-2000px, 0, 0);
3755 }
3756 }
3757 @keyframes zoomOutLeft {
3758 40% {
3759 opacity: 1;
3760 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
3761 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
3762 }
3763
3764 to {
3765 opacity: 0;
3766 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
3767 transform: scale(0.1) translate3d(-2000px, 0, 0);
3768 }
3769 }
3770 .animate__zoomOutLeft {
3771 -webkit-animation-name: zoomOutLeft;
3772 animation-name: zoomOutLeft;
3773 -webkit-transform-origin: left center;
3774 transform-origin: left center;
3775 }
3776 @-webkit-keyframes zoomOutRight {
3777 40% {
3778 opacity: 1;
3779 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
3780 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
3781 }
3782
3783 to {
3784 opacity: 0;
3785 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
3786 transform: scale(0.1) translate3d(2000px, 0, 0);
3787 }
3788 }
3789 @keyframes zoomOutRight {
3790 40% {
3791 opacity: 1;
3792 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
3793 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
3794 }
3795
3796 to {
3797 opacity: 0;
3798 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
3799 transform: scale(0.1) translate3d(2000px, 0, 0);
3800 }
3801 }
3802 .animate__zoomOutRight {
3803 -webkit-animation-name: zoomOutRight;
3804 animation-name: zoomOutRight;
3805 -webkit-transform-origin: right center;
3806 transform-origin: right center;
3807 }
3808 @-webkit-keyframes zoomOutUp {
3809 40% {
3810 opacity: 1;
3811 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3812 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3813 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3814 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3815 }
3816
3817 to {
3818 opacity: 0;
3819 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
3820 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
3821 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3822 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3823 }
3824 }
3825 @keyframes zoomOutUp {
3826 40% {
3827 opacity: 1;
3828 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3829 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3830 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3831 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3832 }
3833
3834 to {
3835 opacity: 0;
3836 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
3837 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
3838 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3839 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3840 }
3841 }
3842 .animate__zoomOutUp {
3843 -webkit-animation-name: zoomOutUp;
3844 animation-name: zoomOutUp;
3845 -webkit-transform-origin: center bottom;
3846 transform-origin: center bottom;
3847 }
3848 /* Sliding entrances */
3849 @-webkit-keyframes slideInDown {
3850 from {
3851 -webkit-transform: translate3d(0, -100%, 0);
3852 transform: translate3d(0, -100%, 0);
3853 visibility: visible;
3854 }
3855
3856 to {
3857 -webkit-transform: translate3d(0, 0, 0);
3858 transform: translate3d(0, 0, 0);
3859 }
3860 }
3861 @keyframes slideInDown {
3862 from {
3863 -webkit-transform: translate3d(0, -100%, 0);
3864 transform: translate3d(0, -100%, 0);
3865 visibility: visible;
3866 }
3867
3868 to {
3869 -webkit-transform: translate3d(0, 0, 0);
3870 transform: translate3d(0, 0, 0);
3871 }
3872 }
3873 .animate__slideInDown {
3874 -webkit-animation-name: slideInDown;
3875 animation-name: slideInDown;
3876 }
3877 @-webkit-keyframes slideInLeft {
3878 from {
3879 -webkit-transform: translate3d(-100%, 0, 0);
3880 transform: translate3d(-100%, 0, 0);
3881 visibility: visible;
3882 }
3883
3884 to {
3885 -webkit-transform: translate3d(0, 0, 0);
3886 transform: translate3d(0, 0, 0);
3887 }
3888 }
3889 @keyframes slideInLeft {
3890 from {
3891 -webkit-transform: translate3d(-100%, 0, 0);
3892 transform: translate3d(-100%, 0, 0);
3893 visibility: visible;
3894 }
3895
3896 to {
3897 -webkit-transform: translate3d(0, 0, 0);
3898 transform: translate3d(0, 0, 0);
3899 }
3900 }
3901 .animate__slideInLeft {
3902 -webkit-animation-name: slideInLeft;
3903 animation-name: slideInLeft;
3904 }
3905 @-webkit-keyframes slideInRight {
3906 from {
3907 -webkit-transform: translate3d(100%, 0, 0);
3908 transform: translate3d(100%, 0, 0);
3909 visibility: visible;
3910 }
3911
3912 to {
3913 -webkit-transform: translate3d(0, 0, 0);
3914 transform: translate3d(0, 0, 0);
3915 }
3916 }
3917 @keyframes slideInRight {
3918 from {
3919 -webkit-transform: translate3d(100%, 0, 0);
3920 transform: translate3d(100%, 0, 0);
3921 visibility: visible;
3922 }
3923
3924 to {
3925 -webkit-transform: translate3d(0, 0, 0);
3926 transform: translate3d(0, 0, 0);
3927 }
3928 }
3929 .animate__slideInRight {
3930 -webkit-animation-name: slideInRight;
3931 animation-name: slideInRight;
3932 }
3933 @-webkit-keyframes slideInUp {
3934 from {
3935 -webkit-transform: translate3d(0, 100%, 0);
3936 transform: translate3d(0, 100%, 0);
3937 visibility: visible;
3938 }
3939
3940 to {
3941 -webkit-transform: translate3d(0, 0, 0);
3942 transform: translate3d(0, 0, 0);
3943 }
3944 }
3945 @keyframes slideInUp {
3946 from {
3947 -webkit-transform: translate3d(0, 100%, 0);
3948 transform: translate3d(0, 100%, 0);
3949 visibility: visible;
3950 }
3951
3952 to {
3953 -webkit-transform: translate3d(0, 0, 0);
3954 transform: translate3d(0, 0, 0);
3955 }
3956 }
3957 .animate__slideInUp {
3958 -webkit-animation-name: slideInUp;
3959 animation-name: slideInUp;
3960 }
3961 /* Sliding exits */
3962 @-webkit-keyframes slideOutDown {
3963 from {
3964 -webkit-transform: translate3d(0, 0, 0);
3965 transform: translate3d(0, 0, 0);
3966 }
3967
3968 to {
3969 visibility: hidden;
3970 -webkit-transform: translate3d(0, 100%, 0);
3971 transform: translate3d(0, 100%, 0);
3972 }
3973 }
3974 @keyframes slideOutDown {
3975 from {
3976 -webkit-transform: translate3d(0, 0, 0);
3977 transform: translate3d(0, 0, 0);
3978 }
3979
3980 to {
3981 visibility: hidden;
3982 -webkit-transform: translate3d(0, 100%, 0);
3983 transform: translate3d(0, 100%, 0);
3984 }
3985 }
3986 .animate__slideOutDown {
3987 -webkit-animation-name: slideOutDown;
3988 animation-name: slideOutDown;
3989 }
3990 @-webkit-keyframes slideOutLeft {
3991 from {
3992 -webkit-transform: translate3d(0, 0, 0);
3993 transform: translate3d(0, 0, 0);
3994 }
3995
3996 to {
3997 visibility: hidden;
3998 -webkit-transform: translate3d(-100%, 0, 0);
3999 transform: translate3d(-100%, 0, 0);
4000 }
4001 }
4002 @keyframes slideOutLeft {
4003 from {
4004 -webkit-transform: translate3d(0, 0, 0);
4005 transform: translate3d(0, 0, 0);
4006 }
4007
4008 to {
4009 visibility: hidden;
4010 -webkit-transform: translate3d(-100%, 0, 0);
4011 transform: translate3d(-100%, 0, 0);
4012 }
4013 }
4014 .animate__slideOutLeft {
4015 -webkit-animation-name: slideOutLeft;
4016 animation-name: slideOutLeft;
4017 }
4018 @-webkit-keyframes slideOutRight {
4019 from {
4020 -webkit-transform: translate3d(0, 0, 0);
4021 transform: translate3d(0, 0, 0);
4022 }
4023
4024 to {
4025 visibility: hidden;
4026 -webkit-transform: translate3d(100%, 0, 0);
4027 transform: translate3d(100%, 0, 0);
4028 }
4029 }
4030 @keyframes slideOutRight {
4031 from {
4032 -webkit-transform: translate3d(0, 0, 0);
4033 transform: translate3d(0, 0, 0);
4034 }
4035
4036 to {
4037 visibility: hidden;
4038 -webkit-transform: translate3d(100%, 0, 0);
4039 transform: translate3d(100%, 0, 0);
4040 }
4041 }
4042 .animate__slideOutRight {
4043 -webkit-animation-name: slideOutRight;
4044 animation-name: slideOutRight;
4045 }
4046 @-webkit-keyframes slideOutUp {
4047 from {
4048 -webkit-transform: translate3d(0, 0, 0);
4049 transform: translate3d(0, 0, 0);
4050 }
4051
4052 to {
4053 visibility: hidden;
4054 -webkit-transform: translate3d(0, -100%, 0);
4055 transform: translate3d(0, -100%, 0);
4056 }
4057 }
4058 @keyframes slideOutUp {
4059 from {
4060 -webkit-transform: translate3d(0, 0, 0);
4061 transform: translate3d(0, 0, 0);
4062 }
4063
4064 to {
4065 visibility: hidden;
4066 -webkit-transform: translate3d(0, -100%, 0);
4067 transform: translate3d(0, -100%, 0);
4068 }
4069 }
4070 .animate__slideOutUp {
4071 -webkit-animation-name: slideOutUp;
4072 animation-name: slideOutUp;
4073 }
4074