vgapp 0.5.8 → 0.6.0

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