vgapp 0.7.3 → 0.7.5

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