react-toolkits 2.15.4 → 2.15.6

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