cafe-video-player 3.0.17 → 3.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +9 -3
  2. package/index.cjs +4 -4
  3. package/index.cjs.map +1 -1
  4. package/index.js +4 -4
  5. package/index.js.map +1 -1
  6. package/package.json +4 -3
  7. package/videoPlayerStyles.css +2 -5085
package/videoPlayerStyles.css CHANGED
@@ -1,5090 +1,7 @@
1
- @charset "UTF-8";
2
-
3
- .loader-spinner {
4
- aspect-ratio: 1;
5
- border-radius: 50%;
6
- border-style: solid;
7
- animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
8
- }
9
-
10
- .loader-spinner-desktop {
11
- width: 80px;
12
- height: 80px;
13
- border: 8px #dedede solid;
14
- }
15
-
16
- .loader-spinner-fullscreen {
17
- width: 112px !important;
18
- height: 112px !important;
19
- }
20
-
21
- .loader-spinner-touch {
22
- width: 30px;
23
- height: 30px;
24
- border: 4px #dedede solid;
25
- }
26
-
27
- .loader-spinner-touchFullscreen {
28
- width: 65px !important;
29
- height: 65px !important;
30
- }
31
-
32
- @keyframes l20-1 {
33
- 0% {
34
- clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
35
- }
36
-
37
- 12.5% {
38
- clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
39
- }
40
-
41
- 25% {
42
- clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
43
- }
44
-
45
- 50% {
46
- clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
47
- }
48
-
49
- 62.5% {
50
- clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
51
- }
52
-
53
- 75% {
54
- clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
55
- }
56
-
57
- 100% {
58
- clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
59
- }
60
- }
61
-
62
- @keyframes l20-2 {
63
- 0% {
64
- transform: scaleY(1) rotate(0deg);
65
- }
66
-
67
- 49.99% {
68
- transform: scaleY(1) rotate(135deg);
69
- }
70
-
71
- 50% {
72
- transform: scaleY(-1) rotate(0deg);
73
- }
74
-
75
- 100% {
76
- transform: scaleY(-1) rotate(-135deg);
77
- }
78
- }
79
-
80
- .pl-progressTooltip,
81
- #time-progress-area {
82
- direction: ltr !important;
83
- }
84
-
85
- #time-progress-area #time-progress-bar::before {
86
- content: " ";
87
- position: absolute;
88
- border-radius: 50%;
89
- right: -5px;
90
- top: 50%;
91
- transform: translateY(-48%) !important;
92
- z-index: 10;
93
- }
94
-
95
- .pl-emoji-dot:hover + .pl-emoji-image {
96
- transform: scale(1.5);
97
- transition: all 0.2s ease-in;
98
- }
99
-
100
- .pl-emoji-image:hover {
101
- transform: scale(1.3);
102
- transition: all 0.2s ease-in;
103
- }
104
-
105
- .pl-overlapMarkers::after {
106
- content: "";
107
- position: absolute;
108
- top: 100%;
109
- left: 10px;
110
- margin-left: -5px;
111
- border-width: 5px;
112
- border-style: solid;
113
- border-color: rgb(34 40 49 / 0.4) transparent transparent transparent;
114
- }
115
-
116
- .pl-overlayMarkersInViewport::after {
117
- content: "";
118
- position: absolute;
119
- top: 100%;
120
- left: 10px;
121
- margin-left: -5px;
122
- border-width: 5px;
123
- border-style: solid;
124
- border-color: rgb(34 40 49 / 0.1) transparent transparent transparent;
125
- }
126
-
127
- .pl-overlayMarkersOutViewport::after {
128
- content: "";
129
- position: absolute;
130
- top: 100%;
131
- left: 90%;
132
- margin-left: -5px;
133
- border-width: 5px;
134
- border-style: solid;
135
- border-color: rgb(34 40 49 / 0.1) transparent transparent transparent;
136
- }
137
-
138
- .pl-soundVolume-fullscreen {
139
- width: 0px !important;
140
- height: 3px !important;
141
- }
142
-
143
- .pl-soundVolume-fullscreen::-webkit-slider-thumb {
144
- width: 12px !important;
145
- height: 12px !important;
146
- }
147
-
148
- .pl-soundVolume-fullscreen::-moz-range-thumb {
149
- width: 12px !important;
150
- height: 12px !important;
151
- }
152
-
153
- .pl-sound-icon:hover .pl-soundVolume-fullscreen {
154
- width: 97px !important;
155
- }
156
-
157
- .pl-soundVolume {
158
- appearance: none;
159
- -webkit-appearance: none;
160
- -moz-appearance: none;
161
- width: 0px;
162
- height: 2px;
163
- background-color: #fff;
164
- color: #fff;
165
- border: none;
166
- transition: 0.4s;
167
- direction: ltr;
168
- }
169
-
170
- .pl-soundVolume::-webkit-slider-thumb {
171
- appearance: none;
172
- -webkit-appearance: none;
173
- -moz-appearance: none;
174
- width: 8px;
175
- height: 8px;
176
- border-radius: 50%;
177
- border: none;
178
- outline: none;
179
- background-color: #fff;
180
- color: #fff;
181
- opacity: 0;
182
- -webkit-transition: 0.3s;
183
- transition: 0.3s;
184
- }
185
-
186
- .pl-soundVolume::-moz-range-thumb {
187
- appearance: none;
188
- -webkit-appearance: none;
189
- -moz-appearance: none;
190
- width: 8px;
191
- height: 8px;
192
- border-radius: 50%;
193
- border: none;
194
- outline: none;
195
- background-color: #fff;
196
- color: #fff;
197
- opacity: 0;
198
- -moz-transition: 0.3s;
199
- transition: 0.3s;
200
- }
201
-
202
- .pl-sound-icon:hover .pl-soundVolume {
203
- display: inline-block;
204
- width: 52px;
205
- border-radius: 4px;
206
- }
207
-
208
- .pl-sound-icon:hover .pl-soundVolume::-webkit-slider-thumb {
209
- opacity: 1;
210
- pointer-events: auto;
211
- }
212
-
213
- .pl-sound-icon:hover .pl-soundVolume::-moz-range-thumb {
214
- opacity: 1;
215
- pointer-events: auto;
216
- }
217
-
218
- /* width */
219
-
220
- ::-webkit-scrollbar {
221
- width: 5px;
222
- }
223
-
224
- /* Track */
225
-
226
- ::-webkit-scrollbar-track {
227
- background: transparent;
228
- }
229
-
230
- /* Handle */
231
-
232
- ::-webkit-scrollbar-thumb {
233
- background: #bcbdc0;
234
- border-radius: 100px;
235
- }
236
-
237
- /* Handle on hover */
238
-
239
- ::-webkit-scrollbar-thumb:hover {
240
- background: #bcbdc0;
241
- }
242
-
243
- .no-scrollbar::-webkit-scrollbar {
244
- display: none;
245
- }
246
-
247
- /* Hide scrollbar for IE, Edge and Firefox */
248
-
249
- .no-scrollbar {
250
- -ms-overflow-style: none;
251
- /* IE and Edge */
252
- scrollbar-width: none;
253
- /* Firefox */
254
- }
255
-
256
- /*
257
- * react-circular-progressbar styles
258
- * All of the styles in this file are configurable!
259
- */
260
-
261
- .CircularProgressbar {
262
- /*
263
- * This fixes an issue where the CircularProgressbar svg has
264
- * 0 width inside a "display: flex" container, and thus not visible.
265
- */
266
- width: 100%;
267
- /*
268
- * This fixes a centering issue with CircularProgressbarWithChildren:
269
- * https://github.com/kevinsqi/react-circular-progressbar/issues/94
270
- */
271
- vertical-align: middle;
272
- }
273
-
274
- .CircularProgressbar .CircularProgressbar-path {
275
- stroke: #3e98c7;
276
- stroke-linecap: round;
277
- transition: stroke-dashoffset 0.5s ease 0s;
278
- }
279
-
280
- .CircularProgressbar .CircularProgressbar-trail {
281
- stroke: #d6d6d6;
282
- /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
283
- stroke-linecap: round;
284
- }
285
-
286
- .CircularProgressbar .CircularProgressbar-text {
287
- fill: #3e98c7;
288
- font-size: 20px;
289
- dominant-baseline: middle;
290
- text-anchor: middle;
291
- }
292
-
293
- .CircularProgressbar .CircularProgressbar-background {
294
- fill: #d6d6d6;
295
- }
296
-
297
- /*
298
- * Sample background styles. Use these with e.g.:
299
- *
300
- * <CircularProgressbar
301
- * className="CircularProgressbar-inverted"
302
- * background
303
- * percentage={50}
304
- * />
305
- */
306
-
307
- .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
308
- fill: #3e98c7;
309
- }
310
-
311
- .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
312
- fill: #fff;
313
- }
314
-
315
- .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
316
- stroke: #fff;
317
- }
318
-
319
- .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
320
- stroke: transparent;
321
- }
322
-
323
- .CircularProgressbar-path {
324
- background: linear-gradient(#e66465, #9198e5) !important;
325
- }
326
-
327
- @font-face {
328
- font-family: IRANSansXFaNum;
329
-
330
- font-style: normal;
331
-
332
- font-weight: 700;
333
-
334
- src: url("./font/IRANSansXFaNum-Bold.woff2") format("woff2");
335
- }
336
-
337
- @font-face {
338
- font-family: IRANSansXFaNum;
339
-
340
- font-style: normal;
341
-
342
- font-weight: 500;
343
-
344
- src: url("./font/IRANSansXFaNum-Medium.woff2") format("woff2");
345
- }
346
-
347
- @font-face {
348
- font-family: IRANSansX;
349
-
350
- font-style: normal;
351
-
352
- font-weight: normal;
353
-
354
- src: url("./font/IRANSansXFaNum-Regular.woff2") format("woff2");
355
- }
356
-
357
- /*!
1
+ .loader-spinner{aspect-ratio:1;border-radius:50%;border-style:solid;animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite}.loader-spinner-desktop{width:80px;height:80px;border:8px solid #dedede}.loader-spinner-fullscreen{width:112px!important;height:112px!important}.loader-spinner-touch{width:30px;height:30px;border:4px solid #dedede}.loader-spinner-touchFullscreen{width:65px!important;height:65px!important}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}#time-progress-area,.pl-progressTooltip{direction:ltr!important}#time-progress-area #time-progress-bar:before{content:" ";position:absolute;border-radius:50%;right:-5px;top:50%;transform:translateY(-48%)!important;z-index:10}.pl-emoji-dot:hover+.pl-emoji-image{transform:scale(1.5);transition:all .2s ease-in}.pl-emoji-image:hover{transform:scale(1.3);transition:all .2s ease-in}.pl-overlapMarkers:after{border:5px solid transparent;border-top-color:rgba(34,40,49,.4)}.pl-overlapMarkers:after,.pl-overlayMarkersInViewport:after{content:"";position:absolute;top:100%;left:10px;margin-left:-5px}.pl-overlayMarkersInViewport:after,.pl-overlayMarkersOutViewport:after{border:5px solid transparent;border-top-color:rgba(34,40,49,.1)}.pl-overlayMarkersOutViewport:after{content:"";position:absolute;top:100%;left:90%;margin-left:-5px}.pl-soundVolume-fullscreen{width:0!important;height:3px!important}.pl-soundVolume-fullscreen::-webkit-slider-thumb{width:12px!important;height:12px!important}.pl-soundVolume-fullscreen::-moz-range-thumb{width:12px!important;height:12px!important}.pl-sound-icon:hover .pl-soundVolume-fullscreen{width:97px!important}.pl-soundVolume{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:0;height:2px;background-color:#fff;color:#fff;border:none;transition:.4s;direction:ltr}.pl-soundVolume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:8px;height:8px;border-radius:50%;border:none;outline:none;background-color:#fff;color:#fff;opacity:0;-webkit-transition:.3s;transition:.3s}.pl-soundVolume::-moz-range-thumb{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:8px;height:8px;border-radius:50%;border:none;outline:none;background-color:#fff;color:#fff;opacity:0;-moz-transition:.3s;transition:.3s}.pl-sound-icon:hover .pl-soundVolume{display:inline-block;width:52px;border-radius:4px}.pl-sound-icon:hover .pl-soundVolume::-webkit-slider-thumb{opacity:1;pointer-events:auto}.pl-sound-icon:hover .pl-soundVolume::-moz-range-thumb{opacity:1;pointer-events:auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bcbdc0;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#bcbdc0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.CircularProgressbar-path{background:linear-gradient(#e66465,#9198e5)!important}@font-face{font-family:IRANSansXFaNum;font-style:normal;font-weight:700;src:url(font/IRANSansXFaNum-Bold.woff2) format("woff2")}@font-face{font-family:IRANSansXFaNum;font-style:normal;font-weight:500;src:url(font/IRANSansXFaNum-Medium.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-weight:400;src:url(font/IRANSansXFaNum-Regular.woff2) format("woff2")}/*!
358
2
  * animate.css - https://animate.style/
359
3
  * Version - 4.1.1
360
4
  * Licensed under the MIT license - http://opensource.org/licenses/MIT
361
5
  *
362
6
  * Copyright (c) 2020 Animate.css
363
- */
364
-
365
- :root {
366
- --animate-duration: 1s;
367
- --animate-delay: 1s;
368
- --animate-repeat: 1;
369
- }
370
-
371
- .animate__animated {
372
- animation-duration: 1s;
373
- animation-duration: var(--animate-duration);
374
- animation-fill-mode: both;
375
- }
376
-
377
- .animate__animated.animate__infinite {
378
- animation-iteration-count: infinite;
379
- }
380
-
381
- .animate__animated.animate__repeat-1 {
382
- animation-iteration-count: 1;
383
- animation-iteration-count: var(--animate-repeat);
384
- }
385
-
386
- .animate__animated.animate__repeat-2 {
387
- animation-iteration-count: calc(1 * 2);
388
- animation-iteration-count: calc(var(--animate-repeat) * 2);
389
- }
390
-
391
- .animate__animated.animate__repeat-3 {
392
- animation-iteration-count: calc(1 * 3);
393
- animation-iteration-count: calc(var(--animate-repeat) * 3);
394
- }
395
-
396
- .animate__animated.animate__delay-1s {
397
- animation-delay: 1s;
398
- animation-delay: var(--animate-delay);
399
- }
400
-
401
- .animate__animated.animate__delay-2s {
402
- animation-delay: calc(1s * 2);
403
- animation-delay: calc(var(--animate-delay) * 2);
404
- }
405
-
406
- .animate__animated.animate__delay-3s {
407
- animation-delay: calc(1s * 3);
408
- animation-delay: calc(var(--animate-delay) * 3);
409
- }
410
-
411
- .animate__animated.animate__delay-4s {
412
- animation-delay: calc(1s * 4);
413
- animation-delay: calc(var(--animate-delay) * 4);
414
- }
415
-
416
- .animate__animated.animate__delay-5s {
417
- animation-delay: calc(1s * 5);
418
- animation-delay: calc(var(--animate-delay) * 5);
419
- }
420
-
421
- .animate__animated.animate__faster {
422
- animation-duration: calc(1s / 2);
423
- animation-duration: calc(var(--animate-duration) / 2);
424
- }
425
-
426
- .animate__animated.animate__fast {
427
- animation-duration: calc(1s * 0.8);
428
- animation-duration: calc(var(--animate-duration) * 0.8);
429
- }
430
-
431
- .animate__animated.animate__slow {
432
- animation-duration: calc(1s * 2);
433
- animation-duration: calc(var(--animate-duration) * 2);
434
- }
435
-
436
- .animate__animated.animate__slower {
437
- animation-duration: calc(1s * 3);
438
- animation-duration: calc(var(--animate-duration) * 3);
439
- }
440
-
441
- @media print, (prefers-reduced-motion: reduce) {
442
- .animate__animated {
443
- animation-duration: 1ms !important;
444
- transition-duration: 1ms !important;
445
- animation-iteration-count: 1 !important;
446
- }
447
-
448
- .animate__animated[class*='Out'] {
449
- opacity: 0;
450
- }
451
- }
452
-
453
- /* Attention seekers */
454
-
455
- @keyframes bounce {
456
- from,
457
- 20%,
458
- 53%,
459
- to {
460
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
461
- transform: translate3d(0, 0, 0);
462
- }
463
-
464
- 40%,
465
- 43% {
466
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
467
- transform: translate3d(0, -30px, 0) scaleY(1.1);
468
- }
469
-
470
- 70% {
471
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
472
- transform: translate3d(0, -15px, 0) scaleY(1.05);
473
- }
474
-
475
- 80% {
476
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
477
- transform: translate3d(0, 0, 0) scaleY(0.95);
478
- }
479
-
480
- 90% {
481
- transform: translate3d(0, -4px, 0) scaleY(1.02);
482
- }
483
- }
484
-
485
- .animate__bounce {
486
- animation-name: bounce;
487
- transform-origin: center bottom;
488
- }
489
-
490
- @keyframes flash {
491
- from,
492
- 50%,
493
- to {
494
- opacity: 1;
495
- }
496
-
497
- 25%,
498
- 75% {
499
- opacity: 0;
500
- }
501
- }
502
-
503
- .animate__flash {
504
- animation-name: flash;
505
- }
506
-
507
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
508
-
509
- @keyframes pulse {
510
- from {
511
- transform: scale3d(1, 1, 1);
512
- }
513
-
514
- 50% {
515
- transform: scale3d(1.05, 1.05, 1.05);
516
- }
517
-
518
- to {
519
- transform: scale3d(1, 1, 1);
520
- }
521
- }
522
-
523
- .animate__pulse {
524
- animation-name: pulse;
525
- animation-timing-function: ease-in-out;
526
- }
527
-
528
- @keyframes rubberBand {
529
- from {
530
- transform: scale3d(1, 1, 1);
531
- }
532
-
533
- 30% {
534
- transform: scale3d(1.25, 0.75, 1);
535
- }
536
-
537
- 40% {
538
- transform: scale3d(0.75, 1.25, 1);
539
- }
540
-
541
- 50% {
542
- transform: scale3d(1.15, 0.85, 1);
543
- }
544
-
545
- 65% {
546
- transform: scale3d(0.95, 1.05, 1);
547
- }
548
-
549
- 75% {
550
- transform: scale3d(1.05, 0.95, 1);
551
- }
552
-
553
- to {
554
- transform: scale3d(1, 1, 1);
555
- }
556
- }
557
-
558
- .animate__rubberBand {
559
- animation-name: rubberBand;
560
- }
561
-
562
- @keyframes shakeX {
563
- from,
564
- to {
565
- transform: translate3d(0, 0, 0);
566
- }
567
-
568
- 10%,
569
- 30%,
570
- 50%,
571
- 70%,
572
- 90% {
573
- transform: translate3d(-10px, 0, 0);
574
- }
575
-
576
- 20%,
577
- 40%,
578
- 60%,
579
- 80% {
580
- transform: translate3d(10px, 0, 0);
581
- }
582
- }
583
-
584
- .animate__shakeX {
585
- animation-name: shakeX;
586
- }
587
-
588
- @keyframes shakeY {
589
- from,
590
- to {
591
- transform: translate3d(0, 0, 0);
592
- }
593
-
594
- 10%,
595
- 30%,
596
- 50%,
597
- 70%,
598
- 90% {
599
- transform: translate3d(0, -10px, 0);
600
- }
601
-
602
- 20%,
603
- 40%,
604
- 60%,
605
- 80% {
606
- transform: translate3d(0, 10px, 0);
607
- }
608
- }
609
-
610
- .animate__shakeY {
611
- animation-name: shakeY;
612
- }
613
-
614
- @keyframes headShake {
615
- 0% {
616
- transform: translateX(0);
617
- }
618
-
619
- 6.5% {
620
- transform: translateX(-6px) rotateY(-9deg);
621
- }
622
-
623
- 18.5% {
624
- transform: translateX(5px) rotateY(7deg);
625
- }
626
-
627
- 31.5% {
628
- transform: translateX(-3px) rotateY(-5deg);
629
- }
630
-
631
- 43.5% {
632
- transform: translateX(2px) rotateY(3deg);
633
- }
634
-
635
- 50% {
636
- transform: translateX(0);
637
- }
638
- }
639
-
640
- .animate__headShake {
641
- animation-timing-function: ease-in-out;
642
- animation-name: headShake;
643
- }
644
-
645
- @keyframes swing {
646
- 20% {
647
- transform: rotate3d(0, 0, 1, 15deg);
648
- }
649
-
650
- 40% {
651
- transform: rotate3d(0, 0, 1, -10deg);
652
- }
653
-
654
- 60% {
655
- transform: rotate3d(0, 0, 1, 5deg);
656
- }
657
-
658
- 80% {
659
- transform: rotate3d(0, 0, 1, -5deg);
660
- }
661
-
662
- to {
663
- transform: rotate3d(0, 0, 1, 0deg);
664
- }
665
- }
666
-
667
- .animate__swing {
668
- transform-origin: top center;
669
- animation-name: swing;
670
- }
671
-
672
- @keyframes tada {
673
- from {
674
- transform: scale3d(1, 1, 1);
675
- }
676
-
677
- 10%,
678
- 20% {
679
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
680
- }
681
-
682
- 30%,
683
- 50%,
684
- 70%,
685
- 90% {
686
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
687
- }
688
-
689
- 40%,
690
- 60%,
691
- 80% {
692
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
693
- }
694
-
695
- to {
696
- transform: scale3d(1, 1, 1);
697
- }
698
- }
699
-
700
- .animate__tada {
701
- animation-name: tada;
702
- }
703
-
704
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
705
-
706
- @keyframes wobble {
707
- from {
708
- transform: translate3d(0, 0, 0);
709
- }
710
-
711
- 15% {
712
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
713
- }
714
-
715
- 30% {
716
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
717
- }
718
-
719
- 45% {
720
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
721
- }
722
-
723
- 60% {
724
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
725
- }
726
-
727
- 75% {
728
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
729
- }
730
-
731
- to {
732
- transform: translate3d(0, 0, 0);
733
- }
734
- }
735
-
736
- .animate__wobble {
737
- animation-name: wobble;
738
- }
739
-
740
- @keyframes jello {
741
- from,
742
- 11.1%,
743
- to {
744
- transform: translate3d(0, 0, 0);
745
- }
746
-
747
- 22.2% {
748
- transform: skewX(-12.5deg) skewY(-12.5deg);
749
- }
750
-
751
- 33.3% {
752
- transform: skewX(6.25deg) skewY(6.25deg);
753
- }
754
-
755
- 44.4% {
756
- transform: skewX(-3.125deg) skewY(-3.125deg);
757
- }
758
-
759
- 55.5% {
760
- transform: skewX(1.5625deg) skewY(1.5625deg);
761
- }
762
-
763
- 66.6% {
764
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
765
- }
766
-
767
- 77.7% {
768
- transform: skewX(0.390625deg) skewY(0.390625deg);
769
- }
770
-
771
- 88.8% {
772
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
773
- }
774
- }
775
-
776
- .animate__jello {
777
- animation-name: jello;
778
- transform-origin: center;
779
- }
780
-
781
- @keyframes heartBeat {
782
- 0% {
783
- transform: scale(1);
784
- }
785
-
786
- 14% {
787
- transform: scale(1.3);
788
- }
789
-
790
- 28% {
791
- transform: scale(1);
792
- }
793
-
794
- 42% {
795
- transform: scale(1.3);
796
- }
797
-
798
- 70% {
799
- transform: scale(1);
800
- }
801
- }
802
-
803
- .animate__heartBeat {
804
- animation-name: heartBeat;
805
- animation-duration: calc(1s * 1.3);
806
- animation-duration: calc(var(--animate-duration) * 1.3);
807
- animation-timing-function: ease-in-out;
808
- }
809
-
810
- /* Back entrances */
811
-
812
- @keyframes backInDown {
813
- 0% {
814
- transform: translateY(-1200px) scale(0.7);
815
- opacity: 0.7;
816
- }
817
-
818
- 80% {
819
- transform: translateY(0px) scale(0.7);
820
- opacity: 0.7;
821
- }
822
-
823
- 100% {
824
- transform: scale(1);
825
- opacity: 1;
826
- }
827
- }
828
-
829
- .animate__backInDown {
830
- animation-name: backInDown;
831
- }
832
-
833
- @keyframes backInLeft {
834
- 0% {
835
- transform: translateX(-2000px) scale(0.7);
836
- opacity: 0.7;
837
- }
838
-
839
- 80% {
840
- transform: translateX(0px) scale(0.7);
841
- opacity: 0.7;
842
- }
843
-
844
- 100% {
845
- transform: scale(1);
846
- opacity: 1;
847
- }
848
- }
849
-
850
- .animate__backInLeft {
851
- animation-name: backInLeft;
852
- }
853
-
854
- @keyframes backInRight {
855
- 0% {
856
- transform: translateX(2000px) scale(0.7);
857
- opacity: 0.7;
858
- }
859
-
860
- 80% {
861
- transform: translateX(0px) scale(0.7);
862
- opacity: 0.7;
863
- }
864
-
865
- 100% {
866
- transform: scale(1);
867
- opacity: 1;
868
- }
869
- }
870
-
871
- .animate__backInRight {
872
- animation-name: backInRight;
873
- }
874
-
875
- @keyframes backInUp {
876
- 0% {
877
- transform: translateY(1200px) scale(0.7);
878
- opacity: 0.7;
879
- }
880
-
881
- 80% {
882
- transform: translateY(0px) scale(0.7);
883
- opacity: 0.7;
884
- }
885
-
886
- 100% {
887
- transform: scale(1);
888
- opacity: 1;
889
- }
890
- }
891
-
892
- .animate__backInUp {
893
- animation-name: backInUp;
894
- }
895
-
896
- /* Back exits */
897
-
898
- @keyframes backOutDown {
899
- 0% {
900
- transform: scale(1);
901
- opacity: 1;
902
- }
903
-
904
- 20% {
905
- transform: translateY(0px) scale(0.7);
906
- opacity: 0.7;
907
- }
908
-
909
- 100% {
910
- transform: translateY(700px) scale(0.7);
911
- opacity: 0.7;
912
- }
913
- }
914
-
915
- .animate__backOutDown {
916
- animation-name: backOutDown;
917
- }
918
-
919
- @keyframes backOutLeft {
920
- 0% {
921
- transform: scale(1);
922
- opacity: 1;
923
- }
924
-
925
- 20% {
926
- transform: translateX(0px) scale(0.7);
927
- opacity: 0.7;
928
- }
929
-
930
- 100% {
931
- transform: translateX(-2000px) scale(0.7);
932
- opacity: 0.7;
933
- }
934
- }
935
-
936
- .animate__backOutLeft {
937
- animation-name: backOutLeft;
938
- }
939
-
940
- @keyframes backOutRight {
941
- 0% {
942
- transform: scale(1);
943
- opacity: 1;
944
- }
945
-
946
- 20% {
947
- transform: translateX(0px) scale(0.7);
948
- opacity: 0.7;
949
- }
950
-
951
- 100% {
952
- transform: translateX(2000px) scale(0.7);
953
- opacity: 0.7;
954
- }
955
- }
956
-
957
- .animate__backOutRight {
958
- animation-name: backOutRight;
959
- }
960
-
961
- @keyframes backOutUp {
962
- 0% {
963
- transform: scale(1);
964
- opacity: 1;
965
- }
966
-
967
- 20% {
968
- transform: translateY(0px) scale(0.7);
969
- opacity: 0.7;
970
- }
971
-
972
- 100% {
973
- transform: translateY(-700px) scale(0.7);
974
- opacity: 0.7;
975
- }
976
- }
977
-
978
- .animate__backOutUp {
979
- animation-name: backOutUp;
980
- }
981
-
982
- /* Bouncing entrances */
983
-
984
- @keyframes bounceIn {
985
- from,
986
- 20%,
987
- 40%,
988
- 60%,
989
- 80%,
990
- to {
991
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
992
- }
993
-
994
- 0% {
995
- opacity: 0;
996
- transform: scale3d(0.3, 0.3, 0.3);
997
- }
998
-
999
- 20% {
1000
- transform: scale3d(1.1, 1.1, 1.1);
1001
- }
1002
-
1003
- 40% {
1004
- transform: scale3d(0.9, 0.9, 0.9);
1005
- }
1006
-
1007
- 60% {
1008
- opacity: 1;
1009
- transform: scale3d(1.03, 1.03, 1.03);
1010
- }
1011
-
1012
- 80% {
1013
- transform: scale3d(0.97, 0.97, 0.97);
1014
- }
1015
-
1016
- to {
1017
- opacity: 1;
1018
- transform: scale3d(1, 1, 1);
1019
- }
1020
- }
1021
-
1022
- .animate__bounceIn {
1023
- animation-duration: calc(1s * 0.75);
1024
- animation-duration: calc(var(--animate-duration) * 0.75);
1025
- animation-name: bounceIn;
1026
- }
1027
-
1028
- @keyframes bounceInDown {
1029
- from,
1030
- 60%,
1031
- 75%,
1032
- 90%,
1033
- to {
1034
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1035
- }
1036
-
1037
- 0% {
1038
- opacity: 0;
1039
- transform: translate3d(0, -3000px, 0) scaleY(3);
1040
- }
1041
-
1042
- 60% {
1043
- opacity: 1;
1044
- transform: translate3d(0, 25px, 0) scaleY(0.9);
1045
- }
1046
-
1047
- 75% {
1048
- transform: translate3d(0, -10px, 0) scaleY(0.95);
1049
- }
1050
-
1051
- 90% {
1052
- transform: translate3d(0, 5px, 0) scaleY(0.985);
1053
- }
1054
-
1055
- to {
1056
- transform: translate3d(0, 0, 0);
1057
- }
1058
- }
1059
-
1060
- .animate__bounceInDown {
1061
- animation-name: bounceInDown;
1062
- }
1063
-
1064
- @keyframes bounceInLeft {
1065
- from,
1066
- 60%,
1067
- 75%,
1068
- 90%,
1069
- to {
1070
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1071
- }
1072
-
1073
- 0% {
1074
- opacity: 0;
1075
- transform: translate3d(-3000px, 0, 0) scaleX(3);
1076
- }
1077
-
1078
- 60% {
1079
- opacity: 1;
1080
- transform: translate3d(25px, 0, 0) scaleX(1);
1081
- }
1082
-
1083
- 75% {
1084
- transform: translate3d(-10px, 0, 0) scaleX(0.98);
1085
- }
1086
-
1087
- 90% {
1088
- transform: translate3d(5px, 0, 0) scaleX(0.995);
1089
- }
1090
-
1091
- to {
1092
- transform: translate3d(0, 0, 0);
1093
- }
1094
- }
1095
-
1096
- .animate__bounceInLeft {
1097
- animation-name: bounceInLeft;
1098
- }
1099
-
1100
- @keyframes bounceInRight {
1101
- from,
1102
- 60%,
1103
- 75%,
1104
- 90%,
1105
- to {
1106
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1107
- }
1108
-
1109
- from {
1110
- opacity: 0;
1111
- transform: translate3d(3000px, 0, 0) scaleX(3);
1112
- }
1113
-
1114
- 60% {
1115
- opacity: 1;
1116
- transform: translate3d(-25px, 0, 0) scaleX(1);
1117
- }
1118
-
1119
- 75% {
1120
- transform: translate3d(10px, 0, 0) scaleX(0.98);
1121
- }
1122
-
1123
- 90% {
1124
- transform: translate3d(-5px, 0, 0) scaleX(0.995);
1125
- }
1126
-
1127
- to {
1128
- transform: translate3d(0, 0, 0);
1129
- }
1130
- }
1131
-
1132
- .animate__bounceInRight {
1133
- animation-name: bounceInRight;
1134
- }
1135
-
1136
- @keyframes bounceInUp {
1137
- from,
1138
- 60%,
1139
- 75%,
1140
- 90%,
1141
- to {
1142
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1143
- }
1144
-
1145
- from {
1146
- opacity: 0;
1147
- transform: translate3d(0, 3000px, 0) scaleY(5);
1148
- }
1149
-
1150
- 60% {
1151
- opacity: 1;
1152
- transform: translate3d(0, -20px, 0) scaleY(0.9);
1153
- }
1154
-
1155
- 75% {
1156
- transform: translate3d(0, 10px, 0) scaleY(0.95);
1157
- }
1158
-
1159
- 90% {
1160
- transform: translate3d(0, -5px, 0) scaleY(0.985);
1161
- }
1162
-
1163
- to {
1164
- transform: translate3d(0, 0, 0);
1165
- }
1166
- }
1167
-
1168
- .animate__bounceInUp {
1169
- animation-name: bounceInUp;
1170
- }
1171
-
1172
- /* Bouncing exits */
1173
-
1174
- @keyframes bounceOut {
1175
- 20% {
1176
- transform: scale3d(0.9, 0.9, 0.9);
1177
- }
1178
-
1179
- 50%,
1180
- 55% {
1181
- opacity: 1;
1182
- transform: scale3d(1.1, 1.1, 1.1);
1183
- }
1184
-
1185
- to {
1186
- opacity: 0;
1187
- transform: scale3d(0.3, 0.3, 0.3);
1188
- }
1189
- }
1190
-
1191
- .animate__bounceOut {
1192
- animation-duration: calc(1s * 0.75);
1193
- animation-duration: calc(var(--animate-duration) * 0.75);
1194
- animation-name: bounceOut;
1195
- }
1196
-
1197
- @keyframes bounceOutDown {
1198
- 20% {
1199
- transform: translate3d(0, 10px, 0) scaleY(0.985);
1200
- }
1201
-
1202
- 40%,
1203
- 45% {
1204
- opacity: 1;
1205
- transform: translate3d(0, -20px, 0) scaleY(0.9);
1206
- }
1207
-
1208
- to {
1209
- opacity: 0;
1210
- transform: translate3d(0, 2000px, 0) scaleY(3);
1211
- }
1212
- }
1213
-
1214
- .animate__bounceOutDown {
1215
- animation-name: bounceOutDown;
1216
- }
1217
-
1218
- @keyframes bounceOutLeft {
1219
- 20% {
1220
- opacity: 1;
1221
- transform: translate3d(20px, 0, 0) scaleX(0.9);
1222
- }
1223
-
1224
- to {
1225
- opacity: 0;
1226
- transform: translate3d(-2000px, 0, 0) scaleX(2);
1227
- }
1228
- }
1229
-
1230
- .animate__bounceOutLeft {
1231
- animation-name: bounceOutLeft;
1232
- }
1233
-
1234
- @keyframes bounceOutRight {
1235
- 20% {
1236
- opacity: 1;
1237
- transform: translate3d(-20px, 0, 0) scaleX(0.9);
1238
- }
1239
-
1240
- to {
1241
- opacity: 0;
1242
- transform: translate3d(2000px, 0, 0) scaleX(2);
1243
- }
1244
- }
1245
-
1246
- .animate__bounceOutRight {
1247
- animation-name: bounceOutRight;
1248
- }
1249
-
1250
- @keyframes bounceOutUp {
1251
- 20% {
1252
- transform: translate3d(0, -10px, 0) scaleY(0.985);
1253
- }
1254
-
1255
- 40%,
1256
- 45% {
1257
- opacity: 1;
1258
- transform: translate3d(0, 20px, 0) scaleY(0.9);
1259
- }
1260
-
1261
- to {
1262
- opacity: 0;
1263
- transform: translate3d(0, -2000px, 0) scaleY(3);
1264
- }
1265
- }
1266
-
1267
- .animate__bounceOutUp {
1268
- animation-name: bounceOutUp;
1269
- }
1270
-
1271
- /* Fading entrances */
1272
-
1273
- @keyframes fadeIn {
1274
- from {
1275
- opacity: 0;
1276
- }
1277
-
1278
- to {
1279
- opacity: 1;
1280
- }
1281
- }
1282
-
1283
- .animate__fadeIn {
1284
- animation-name: fadeIn;
1285
- }
1286
-
1287
- @keyframes fadeInDown {
1288
- from {
1289
- opacity: 0;
1290
- transform: translate3d(0, -100%, 0);
1291
- }
1292
-
1293
- to {
1294
- opacity: 1;
1295
- transform: translate3d(0, 0, 0);
1296
- }
1297
- }
1298
-
1299
- .animate__fadeInDown {
1300
- animation-name: fadeInDown;
1301
- }
1302
-
1303
- @keyframes fadeInDownBig {
1304
- from {
1305
- opacity: 0;
1306
- transform: translate3d(0, -2000px, 0);
1307
- }
1308
-
1309
- to {
1310
- opacity: 1;
1311
- transform: translate3d(0, 0, 0);
1312
- }
1313
- }
1314
-
1315
- .animate__fadeInDownBig {
1316
- animation-name: fadeInDownBig;
1317
- }
1318
-
1319
- @keyframes fadeInLeft {
1320
- from {
1321
- opacity: 0;
1322
- transform: translate3d(-100%, 0, 0);
1323
- }
1324
-
1325
- to {
1326
- opacity: 1;
1327
- transform: translate3d(0, 0, 0);
1328
- }
1329
- }
1330
-
1331
- .animate__fadeInLeft {
1332
- animation-name: fadeInLeft;
1333
- }
1334
-
1335
- @keyframes fadeInLeftBig {
1336
- from {
1337
- opacity: 0;
1338
- transform: translate3d(-2000px, 0, 0);
1339
- }
1340
-
1341
- to {
1342
- opacity: 1;
1343
- transform: translate3d(0, 0, 0);
1344
- }
1345
- }
1346
-
1347
- .animate__fadeInLeftBig {
1348
- animation-name: fadeInLeftBig;
1349
- }
1350
-
1351
- @keyframes fadeInRight {
1352
- from {
1353
- opacity: 0;
1354
- transform: translate3d(100%, 0, 0);
1355
- }
1356
-
1357
- to {
1358
- opacity: 1;
1359
- transform: translate3d(0, 0, 0);
1360
- }
1361
- }
1362
-
1363
- .animate__fadeInRight {
1364
- animation-name: fadeInRight;
1365
- }
1366
-
1367
- @keyframes fadeInRightBig {
1368
- from {
1369
- opacity: 0;
1370
- transform: translate3d(2000px, 0, 0);
1371
- }
1372
-
1373
- to {
1374
- opacity: 1;
1375
- transform: translate3d(0, 0, 0);
1376
- }
1377
- }
1378
-
1379
- .animate__fadeInRightBig {
1380
- animation-name: fadeInRightBig;
1381
- }
1382
-
1383
- @keyframes fadeInUp {
1384
- from {
1385
- opacity: 0;
1386
- transform: translate3d(0, 100%, 0);
1387
- }
1388
-
1389
- to {
1390
- opacity: 1;
1391
- transform: translate3d(0, 0, 0);
1392
- }
1393
- }
1394
-
1395
- .animate__fadeInUp {
1396
- animation-name: fadeInUp;
1397
- }
1398
-
1399
- @keyframes fadeInUpBig {
1400
- from {
1401
- opacity: 0;
1402
- transform: translate3d(0, 2000px, 0);
1403
- }
1404
-
1405
- to {
1406
- opacity: 1;
1407
- transform: translate3d(0, 0, 0);
1408
- }
1409
- }
1410
-
1411
- .animate__fadeInUpBig {
1412
- animation-name: fadeInUpBig;
1413
- }
1414
-
1415
- @keyframes fadeInTopLeft {
1416
- from {
1417
- opacity: 0;
1418
- transform: translate3d(-100%, -100%, 0);
1419
- }
1420
-
1421
- to {
1422
- opacity: 1;
1423
- transform: translate3d(0, 0, 0);
1424
- }
1425
- }
1426
-
1427
- .animate__fadeInTopLeft {
1428
- animation-name: fadeInTopLeft;
1429
- }
1430
-
1431
- @keyframes fadeInTopRight {
1432
- from {
1433
- opacity: 0;
1434
- transform: translate3d(100%, -100%, 0);
1435
- }
1436
-
1437
- to {
1438
- opacity: 1;
1439
- transform: translate3d(0, 0, 0);
1440
- }
1441
- }
1442
-
1443
- .animate__fadeInTopRight {
1444
- animation-name: fadeInTopRight;
1445
- }
1446
-
1447
- @keyframes fadeInBottomLeft {
1448
- from {
1449
- opacity: 0;
1450
- transform: translate3d(-100%, 100%, 0);
1451
- }
1452
-
1453
- to {
1454
- opacity: 1;
1455
- transform: translate3d(0, 0, 0);
1456
- }
1457
- }
1458
-
1459
- .animate__fadeInBottomLeft {
1460
- animation-name: fadeInBottomLeft;
1461
- }
1462
-
1463
- @keyframes fadeInBottomRight {
1464
- from {
1465
- opacity: 0;
1466
- transform: translate3d(100%, 100%, 0);
1467
- }
1468
-
1469
- to {
1470
- opacity: 1;
1471
- transform: translate3d(0, 0, 0);
1472
- }
1473
- }
1474
-
1475
- .animate__fadeInBottomRight {
1476
- animation-name: fadeInBottomRight;
1477
- }
1478
-
1479
- /* Fading exits */
1480
-
1481
- @keyframes fadeOut {
1482
- from {
1483
- opacity: 1;
1484
- }
1485
-
1486
- to {
1487
- opacity: 0;
1488
- }
1489
- }
1490
-
1491
- .animate__fadeOut {
1492
- animation-name: fadeOut;
1493
- }
1494
-
1495
- @keyframes fadeOutDown {
1496
- from {
1497
- opacity: 1;
1498
- }
1499
-
1500
- to {
1501
- opacity: 0;
1502
- transform: translate3d(0, 100%, 0);
1503
- }
1504
- }
1505
-
1506
- .animate__fadeOutDown {
1507
- animation-name: fadeOutDown;
1508
- }
1509
-
1510
- @keyframes fadeOutDownBig {
1511
- from {
1512
- opacity: 1;
1513
- }
1514
-
1515
- to {
1516
- opacity: 0;
1517
- transform: translate3d(0, 2000px, 0);
1518
- }
1519
- }
1520
-
1521
- .animate__fadeOutDownBig {
1522
- animation-name: fadeOutDownBig;
1523
- }
1524
-
1525
- @keyframes fadeOutLeft {
1526
- from {
1527
- opacity: 1;
1528
- }
1529
-
1530
- to {
1531
- opacity: 0;
1532
- transform: translate3d(-100%, 0, 0);
1533
- }
1534
- }
1535
-
1536
- .animate__fadeOutLeft {
1537
- animation-name: fadeOutLeft;
1538
- }
1539
-
1540
- @keyframes fadeOutLeftBig {
1541
- from {
1542
- opacity: 1;
1543
- }
1544
-
1545
- to {
1546
- opacity: 0;
1547
- transform: translate3d(-2000px, 0, 0);
1548
- }
1549
- }
1550
-
1551
- .animate__fadeOutLeftBig {
1552
- animation-name: fadeOutLeftBig;
1553
- }
1554
-
1555
- @keyframes fadeOutRight {
1556
- from {
1557
- opacity: 1;
1558
- }
1559
-
1560
- to {
1561
- opacity: 0;
1562
- transform: translate3d(100%, 0, 0);
1563
- }
1564
- }
1565
-
1566
- .animate__fadeOutRight {
1567
- animation-name: fadeOutRight;
1568
- }
1569
-
1570
- @keyframes fadeOutRightBig {
1571
- from {
1572
- opacity: 1;
1573
- }
1574
-
1575
- to {
1576
- opacity: 0;
1577
- transform: translate3d(2000px, 0, 0);
1578
- }
1579
- }
1580
-
1581
- .animate__fadeOutRightBig {
1582
- animation-name: fadeOutRightBig;
1583
- }
1584
-
1585
- @keyframes fadeOutUp {
1586
- from {
1587
- opacity: 1;
1588
- }
1589
-
1590
- to {
1591
- opacity: 0;
1592
- transform: translate3d(0, -100%, 0);
1593
- }
1594
- }
1595
-
1596
- .animate__fadeOutUp {
1597
- animation-name: fadeOutUp;
1598
- }
1599
-
1600
- @keyframes fadeOutUpBig {
1601
- from {
1602
- opacity: 1;
1603
- }
1604
-
1605
- to {
1606
- opacity: 0;
1607
- transform: translate3d(0, -2000px, 0);
1608
- }
1609
- }
1610
-
1611
- .animate__fadeOutUpBig {
1612
- animation-name: fadeOutUpBig;
1613
- }
1614
-
1615
- @keyframes fadeOutTopLeft {
1616
- from {
1617
- opacity: 1;
1618
- transform: translate3d(0, 0, 0);
1619
- }
1620
-
1621
- to {
1622
- opacity: 0;
1623
- transform: translate3d(-100%, -100%, 0);
1624
- }
1625
- }
1626
-
1627
- .animate__fadeOutTopLeft {
1628
- animation-name: fadeOutTopLeft;
1629
- }
1630
-
1631
- @keyframes fadeOutTopRight {
1632
- from {
1633
- opacity: 1;
1634
- transform: translate3d(0, 0, 0);
1635
- }
1636
-
1637
- to {
1638
- opacity: 0;
1639
- transform: translate3d(100%, -100%, 0);
1640
- }
1641
- }
1642
-
1643
- .animate__fadeOutTopRight {
1644
- animation-name: fadeOutTopRight;
1645
- }
1646
-
1647
- @keyframes fadeOutBottomRight {
1648
- from {
1649
- opacity: 1;
1650
- transform: translate3d(0, 0, 0);
1651
- }
1652
-
1653
- to {
1654
- opacity: 0;
1655
- transform: translate3d(100%, 100%, 0);
1656
- }
1657
- }
1658
-
1659
- .animate__fadeOutBottomRight {
1660
- animation-name: fadeOutBottomRight;
1661
- }
1662
-
1663
- @keyframes fadeOutBottomLeft {
1664
- from {
1665
- opacity: 1;
1666
- transform: translate3d(0, 0, 0);
1667
- }
1668
-
1669
- to {
1670
- opacity: 0;
1671
- transform: translate3d(-100%, 100%, 0);
1672
- }
1673
- }
1674
-
1675
- .animate__fadeOutBottomLeft {
1676
- animation-name: fadeOutBottomLeft;
1677
- }
1678
-
1679
- /* Flippers */
1680
-
1681
- @keyframes flip {
1682
- from {
1683
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
1684
- animation-timing-function: ease-out;
1685
- }
1686
-
1687
- 40% {
1688
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1689
- rotate3d(0, 1, 0, -190deg);
1690
- animation-timing-function: ease-out;
1691
- }
1692
-
1693
- 50% {
1694
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
1695
- rotate3d(0, 1, 0, -170deg);
1696
- animation-timing-function: ease-in;
1697
- }
1698
-
1699
- 80% {
1700
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
1701
- rotate3d(0, 1, 0, 0deg);
1702
- animation-timing-function: ease-in;
1703
- }
1704
-
1705
- to {
1706
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
1707
- animation-timing-function: ease-in;
1708
- }
1709
- }
1710
-
1711
- .animate__animated.animate__flip {
1712
- backface-visibility: visible;
1713
- animation-name: flip;
1714
- }
1715
-
1716
- @keyframes flipInX {
1717
- from {
1718
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1719
- animation-timing-function: ease-in;
1720
- opacity: 0;
1721
- }
1722
-
1723
- 40% {
1724
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1725
- animation-timing-function: ease-in;
1726
- }
1727
-
1728
- 60% {
1729
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1730
- opacity: 1;
1731
- }
1732
-
1733
- 80% {
1734
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1735
- }
1736
-
1737
- to {
1738
- transform: perspective(400px);
1739
- }
1740
- }
1741
-
1742
- .animate__flipInX {
1743
- backface-visibility: visible !important;
1744
- animation-name: flipInX;
1745
- }
1746
-
1747
- @keyframes flipInY {
1748
- from {
1749
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1750
- animation-timing-function: ease-in;
1751
- opacity: 0;
1752
- }
1753
-
1754
- 40% {
1755
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1756
- animation-timing-function: ease-in;
1757
- }
1758
-
1759
- 60% {
1760
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1761
- opacity: 1;
1762
- }
1763
-
1764
- 80% {
1765
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1766
- }
1767
-
1768
- to {
1769
- transform: perspective(400px);
1770
- }
1771
- }
1772
-
1773
- .animate__flipInY {
1774
- backface-visibility: visible !important;
1775
- animation-name: flipInY;
1776
- }
1777
-
1778
- @keyframes flipOutX {
1779
- from {
1780
- transform: perspective(400px);
1781
- }
1782
-
1783
- 30% {
1784
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1785
- opacity: 1;
1786
- }
1787
-
1788
- to {
1789
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1790
- opacity: 0;
1791
- }
1792
- }
1793
-
1794
- .animate__flipOutX {
1795
- animation-duration: calc(1s * 0.75);
1796
- animation-duration: calc(var(--animate-duration) * 0.75);
1797
- animation-name: flipOutX;
1798
- backface-visibility: visible !important;
1799
- }
1800
-
1801
- @keyframes flipOutY {
1802
- from {
1803
- transform: perspective(400px);
1804
- }
1805
-
1806
- 30% {
1807
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1808
- opacity: 1;
1809
- }
1810
-
1811
- to {
1812
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1813
- opacity: 0;
1814
- }
1815
- }
1816
-
1817
- .animate__flipOutY {
1818
- animation-duration: calc(1s * 0.75);
1819
- animation-duration: calc(var(--animate-duration) * 0.75);
1820
- backface-visibility: visible !important;
1821
- animation-name: flipOutY;
1822
- }
1823
-
1824
- /* Lightspeed */
1825
-
1826
- @keyframes lightSpeedInRight {
1827
- from {
1828
- transform: translate3d(100%, 0, 0) skewX(-30deg);
1829
- opacity: 0;
1830
- }
1831
-
1832
- 60% {
1833
- transform: skewX(20deg);
1834
- opacity: 1;
1835
- }
1836
-
1837
- 80% {
1838
- transform: skewX(-5deg);
1839
- }
1840
-
1841
- to {
1842
- transform: translate3d(0, 0, 0);
1843
- }
1844
- }
1845
-
1846
- .animate__lightSpeedInRight {
1847
- animation-name: lightSpeedInRight;
1848
- animation-timing-function: ease-out;
1849
- }
1850
-
1851
- @keyframes lightSpeedInLeft {
1852
- from {
1853
- transform: translate3d(-100%, 0, 0) skewX(30deg);
1854
- opacity: 0;
1855
- }
1856
-
1857
- 60% {
1858
- transform: skewX(-20deg);
1859
- opacity: 1;
1860
- }
1861
-
1862
- 80% {
1863
- transform: skewX(5deg);
1864
- }
1865
-
1866
- to {
1867
- transform: translate3d(0, 0, 0);
1868
- }
1869
- }
1870
-
1871
- .animate__lightSpeedInLeft {
1872
- animation-name: lightSpeedInLeft;
1873
- animation-timing-function: ease-out;
1874
- }
1875
-
1876
- @keyframes lightSpeedOutRight {
1877
- from {
1878
- opacity: 1;
1879
- }
1880
-
1881
- to {
1882
- transform: translate3d(100%, 0, 0) skewX(30deg);
1883
- opacity: 0;
1884
- }
1885
- }
1886
-
1887
- .animate__lightSpeedOutRight {
1888
- animation-name: lightSpeedOutRight;
1889
- animation-timing-function: ease-in;
1890
- }
1891
-
1892
- @keyframes lightSpeedOutLeft {
1893
- from {
1894
- opacity: 1;
1895
- }
1896
-
1897
- to {
1898
- transform: translate3d(-100%, 0, 0) skewX(-30deg);
1899
- opacity: 0;
1900
- }
1901
- }
1902
-
1903
- .animate__lightSpeedOutLeft {
1904
- animation-name: lightSpeedOutLeft;
1905
- animation-timing-function: ease-in;
1906
- }
1907
-
1908
- /* Rotating entrances */
1909
-
1910
- @keyframes rotateIn {
1911
- from {
1912
- transform: rotate3d(0, 0, 1, -200deg);
1913
- opacity: 0;
1914
- }
1915
-
1916
- to {
1917
- transform: translate3d(0, 0, 0);
1918
- opacity: 1;
1919
- }
1920
- }
1921
-
1922
- .animate__rotateIn {
1923
- animation-name: rotateIn;
1924
- transform-origin: center;
1925
- }
1926
-
1927
- @keyframes rotateInDownLeft {
1928
- from {
1929
- transform: rotate3d(0, 0, 1, -45deg);
1930
- opacity: 0;
1931
- }
1932
-
1933
- to {
1934
- transform: translate3d(0, 0, 0);
1935
- opacity: 1;
1936
- }
1937
- }
1938
-
1939
- .animate__rotateInDownLeft {
1940
- animation-name: rotateInDownLeft;
1941
- transform-origin: left bottom;
1942
- }
1943
-
1944
- @keyframes rotateInDownRight {
1945
- from {
1946
- transform: rotate3d(0, 0, 1, 45deg);
1947
- opacity: 0;
1948
- }
1949
-
1950
- to {
1951
- transform: translate3d(0, 0, 0);
1952
- opacity: 1;
1953
- }
1954
- }
1955
-
1956
- .animate__rotateInDownRight {
1957
- animation-name: rotateInDownRight;
1958
- transform-origin: right bottom;
1959
- }
1960
-
1961
- @keyframes rotateInUpLeft {
1962
- from {
1963
- transform: rotate3d(0, 0, 1, 45deg);
1964
- opacity: 0;
1965
- }
1966
-
1967
- to {
1968
- transform: translate3d(0, 0, 0);
1969
- opacity: 1;
1970
- }
1971
- }
1972
-
1973
- .animate__rotateInUpLeft {
1974
- animation-name: rotateInUpLeft;
1975
- transform-origin: left bottom;
1976
- }
1977
-
1978
- @keyframes rotateInUpRight {
1979
- from {
1980
- transform: rotate3d(0, 0, 1, -90deg);
1981
- opacity: 0;
1982
- }
1983
-
1984
- to {
1985
- transform: translate3d(0, 0, 0);
1986
- opacity: 1;
1987
- }
1988
- }
1989
-
1990
- .animate__rotateInUpRight {
1991
- animation-name: rotateInUpRight;
1992
- transform-origin: right bottom;
1993
- }
1994
-
1995
- /* Rotating exits */
1996
-
1997
- @keyframes rotateOut {
1998
- from {
1999
- opacity: 1;
2000
- }
2001
-
2002
- to {
2003
- transform: rotate3d(0, 0, 1, 200deg);
2004
- opacity: 0;
2005
- }
2006
- }
2007
-
2008
- .animate__rotateOut {
2009
- animation-name: rotateOut;
2010
- transform-origin: center;
2011
- }
2012
-
2013
- @keyframes rotateOutDownLeft {
2014
- from {
2015
- opacity: 1;
2016
- }
2017
-
2018
- to {
2019
- transform: rotate3d(0, 0, 1, 45deg);
2020
- opacity: 0;
2021
- }
2022
- }
2023
-
2024
- .animate__rotateOutDownLeft {
2025
- animation-name: rotateOutDownLeft;
2026
- transform-origin: left bottom;
2027
- }
2028
-
2029
- @keyframes rotateOutDownRight {
2030
- from {
2031
- opacity: 1;
2032
- }
2033
-
2034
- to {
2035
- transform: rotate3d(0, 0, 1, -45deg);
2036
- opacity: 0;
2037
- }
2038
- }
2039
-
2040
- .animate__rotateOutDownRight {
2041
- animation-name: rotateOutDownRight;
2042
- transform-origin: right bottom;
2043
- }
2044
-
2045
- @keyframes rotateOutUpLeft {
2046
- from {
2047
- opacity: 1;
2048
- }
2049
-
2050
- to {
2051
- transform: rotate3d(0, 0, 1, -45deg);
2052
- opacity: 0;
2053
- }
2054
- }
2055
-
2056
- .animate__rotateOutUpLeft {
2057
- animation-name: rotateOutUpLeft;
2058
- transform-origin: left bottom;
2059
- }
2060
-
2061
- @keyframes rotateOutUpRight {
2062
- from {
2063
- opacity: 1;
2064
- }
2065
-
2066
- to {
2067
- transform: rotate3d(0, 0, 1, 90deg);
2068
- opacity: 0;
2069
- }
2070
- }
2071
-
2072
- .animate__rotateOutUpRight {
2073
- animation-name: rotateOutUpRight;
2074
- transform-origin: right bottom;
2075
- }
2076
-
2077
- /* Specials */
2078
-
2079
- @keyframes hinge {
2080
- 0% {
2081
- animation-timing-function: ease-in-out;
2082
- }
2083
-
2084
- 20%,
2085
- 60% {
2086
- transform: rotate3d(0, 0, 1, 80deg);
2087
- animation-timing-function: ease-in-out;
2088
- }
2089
-
2090
- 40%,
2091
- 80% {
2092
- transform: rotate3d(0, 0, 1, 60deg);
2093
- animation-timing-function: ease-in-out;
2094
- opacity: 1;
2095
- }
2096
-
2097
- to {
2098
- transform: translate3d(0, 700px, 0);
2099
- opacity: 0;
2100
- }
2101
- }
2102
-
2103
- .animate__hinge {
2104
- animation-duration: calc(1s * 2);
2105
- animation-duration: calc(var(--animate-duration) * 2);
2106
- animation-name: hinge;
2107
- transform-origin: top left;
2108
- }
2109
-
2110
- @keyframes jackInTheBox {
2111
- from {
2112
- opacity: 0;
2113
- transform: scale(0.1) rotate(30deg);
2114
- transform-origin: center bottom;
2115
- }
2116
-
2117
- 50% {
2118
- transform: rotate(-10deg);
2119
- }
2120
-
2121
- 70% {
2122
- transform: rotate(3deg);
2123
- }
2124
-
2125
- to {
2126
- opacity: 1;
2127
- transform: scale(1);
2128
- }
2129
- }
2130
-
2131
- .animate__jackInTheBox {
2132
- animation-name: jackInTheBox;
2133
- }
2134
-
2135
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2136
-
2137
- @keyframes rollIn {
2138
- from {
2139
- opacity: 0;
2140
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2141
- }
2142
-
2143
- to {
2144
- opacity: 1;
2145
- transform: translate3d(0, 0, 0);
2146
- }
2147
- }
2148
-
2149
- .animate__rollIn {
2150
- animation-name: rollIn;
2151
- }
2152
-
2153
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2154
-
2155
- @keyframes rollOut {
2156
- from {
2157
- opacity: 1;
2158
- }
2159
-
2160
- to {
2161
- opacity: 0;
2162
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2163
- }
2164
- }
2165
-
2166
- .animate__rollOut {
2167
- animation-name: rollOut;
2168
- }
2169
-
2170
- /* Zooming entrances */
2171
-
2172
- @keyframes zoomIn {
2173
- from {
2174
- opacity: 0;
2175
- transform: scale3d(0.3, 0.3, 0.3);
2176
- }
2177
-
2178
- 50% {
2179
- opacity: 1;
2180
- }
2181
- }
2182
-
2183
- .animate__zoomIn {
2184
- animation-name: zoomIn;
2185
- }
2186
-
2187
- @keyframes zoomInDown {
2188
- from {
2189
- opacity: 0;
2190
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
2191
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2192
- }
2193
-
2194
- 60% {
2195
- opacity: 1;
2196
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
2197
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2198
- }
2199
- }
2200
-
2201
- .animate__zoomInDown {
2202
- animation-name: zoomInDown;
2203
- }
2204
-
2205
- @keyframes zoomInLeft {
2206
- from {
2207
- opacity: 0;
2208
- transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
2209
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2210
- }
2211
-
2212
- 60% {
2213
- opacity: 1;
2214
- transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
2215
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2216
- }
2217
- }
2218
-
2219
- .animate__zoomInLeft {
2220
- animation-name: zoomInLeft;
2221
- }
2222
-
2223
- @keyframes zoomInRight {
2224
- from {
2225
- opacity: 0;
2226
- transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
2227
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2228
- }
2229
-
2230
- 60% {
2231
- opacity: 1;
2232
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
2233
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2234
- }
2235
- }
2236
-
2237
- .animate__zoomInRight {
2238
- animation-name: zoomInRight;
2239
- }
2240
-
2241
- @keyframes zoomInUp {
2242
- from {
2243
- opacity: 0;
2244
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
2245
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2246
- }
2247
-
2248
- 60% {
2249
- opacity: 1;
2250
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2251
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2252
- }
2253
- }
2254
-
2255
- .animate__zoomInUp {
2256
- animation-name: zoomInUp;
2257
- }
2258
-
2259
- /* Zooming exits */
2260
-
2261
- @keyframes zoomOut {
2262
- from {
2263
- opacity: 1;
2264
- }
2265
-
2266
- 50% {
2267
- opacity: 0;
2268
- transform: scale3d(0.3, 0.3, 0.3);
2269
- }
2270
-
2271
- to {
2272
- opacity: 0;
2273
- }
2274
- }
2275
-
2276
- .animate__zoomOut {
2277
- animation-name: zoomOut;
2278
- }
2279
-
2280
- @keyframes zoomOutDown {
2281
- 40% {
2282
- opacity: 1;
2283
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2284
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2285
- }
2286
-
2287
- to {
2288
- opacity: 0;
2289
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
2290
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2291
- }
2292
- }
2293
-
2294
- .animate__zoomOutDown {
2295
- animation-name: zoomOutDown;
2296
- transform-origin: center bottom;
2297
- }
2298
-
2299
- @keyframes zoomOutLeft {
2300
- 40% {
2301
- opacity: 1;
2302
- transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
2303
- }
2304
-
2305
- to {
2306
- opacity: 0;
2307
- transform: scale(0.1) translate3d(-2000px, 0, 0);
2308
- }
2309
- }
2310
-
2311
- .animate__zoomOutLeft {
2312
- animation-name: zoomOutLeft;
2313
- transform-origin: left center;
2314
- }
2315
-
2316
- @keyframes zoomOutRight {
2317
- 40% {
2318
- opacity: 1;
2319
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
2320
- }
2321
-
2322
- to {
2323
- opacity: 0;
2324
- transform: scale(0.1) translate3d(2000px, 0, 0);
2325
- }
2326
- }
2327
-
2328
- .animate__zoomOutRight {
2329
- animation-name: zoomOutRight;
2330
- transform-origin: right center;
2331
- }
2332
-
2333
- @keyframes zoomOutUp {
2334
- 40% {
2335
- opacity: 1;
2336
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
2337
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2338
- }
2339
-
2340
- to {
2341
- opacity: 0;
2342
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
2343
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2344
- }
2345
- }
2346
-
2347
- .animate__zoomOutUp {
2348
- animation-name: zoomOutUp;
2349
- transform-origin: center bottom;
2350
- }
2351
-
2352
- /* Sliding entrances */
2353
-
2354
- @keyframes slideInDown {
2355
- from {
2356
- transform: translate3d(0, -100%, 0);
2357
- visibility: visible;
2358
- }
2359
-
2360
- to {
2361
- transform: translate3d(0, 0, 0);
2362
- }
2363
- }
2364
-
2365
- .animate__slideInDown {
2366
- animation-name: slideInDown;
2367
- }
2368
-
2369
- @keyframes slideInLeft {
2370
- from {
2371
- transform: translate3d(-100%, 0, 0);
2372
- visibility: visible;
2373
- }
2374
-
2375
- to {
2376
- transform: translate3d(0, 0, 0);
2377
- }
2378
- }
2379
-
2380
- .animate__slideInLeft {
2381
- animation-name: slideInLeft;
2382
- }
2383
-
2384
- @keyframes slideInRight {
2385
- from {
2386
- transform: translate3d(100%, 0, 0);
2387
- visibility: visible;
2388
- }
2389
-
2390
- to {
2391
- transform: translate3d(0, 0, 0);
2392
- }
2393
- }
2394
-
2395
- .animate__slideInRight {
2396
- animation-name: slideInRight;
2397
- }
2398
-
2399
- @keyframes slideInUp {
2400
- from {
2401
- transform: translate3d(0, 100%, 0);
2402
- visibility: visible;
2403
- }
2404
-
2405
- to {
2406
- transform: translate3d(0, 0, 0);
2407
- }
2408
- }
2409
-
2410
- .animate__slideInUp {
2411
- animation-name: slideInUp;
2412
- }
2413
-
2414
- /* Sliding exits */
2415
-
2416
- @keyframes slideOutDown {
2417
- from {
2418
- transform: translate3d(0, 0, 0);
2419
- }
2420
-
2421
- to {
2422
- visibility: hidden;
2423
- transform: translate3d(0, 100%, 0);
2424
- }
2425
- }
2426
-
2427
- .animate__slideOutDown {
2428
- animation-name: slideOutDown;
2429
- }
2430
-
2431
- @keyframes slideOutLeft {
2432
- from {
2433
- transform: translate3d(0, 0, 0);
2434
- }
2435
-
2436
- to {
2437
- visibility: hidden;
2438
- transform: translate3d(-100%, 0, 0);
2439
- }
2440
- }
2441
-
2442
- .animate__slideOutLeft {
2443
- animation-name: slideOutLeft;
2444
- }
2445
-
2446
- @keyframes slideOutRight {
2447
- from {
2448
- transform: translate3d(0, 0, 0);
2449
- }
2450
-
2451
- to {
2452
- visibility: hidden;
2453
- transform: translate3d(100%, 0, 0);
2454
- }
2455
- }
2456
-
2457
- .animate__slideOutRight {
2458
- animation-name: slideOutRight;
2459
- }
2460
-
2461
- @keyframes slideOutUp {
2462
- from {
2463
- transform: translate3d(0, 0, 0);
2464
- }
2465
-
2466
- to {
2467
- visibility: hidden;
2468
- transform: translate3d(0, -100%, 0);
2469
- }
2470
- }
2471
-
2472
- .animate__slideOutUp {
2473
- animation-name: slideOutUp;
2474
- }
2475
-
2476
- @tailwind base;
2477
-
2478
- @tailwind components;
2479
-
2480
- @tailwind utilities;
2481
-
2482
- .dvh {
2483
- height: 100vh;
2484
- }
2485
-
2486
- @supports (height: 100dvh) {
2487
- .dvh {
2488
- height: 100dvh !important;
2489
- }
2490
- }
2491
-
2492
- #video-player-container {
2493
- padding: 0;
2494
- margin: 0;
2495
- font-family: "IRANSansXFaNum", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
2496
- sans-serif;
2497
- direction: rtl;
2498
- touch-action: pan-y;
2499
- max-height: 100dvh;
2500
- overflow-x: hidden;
2501
- padding-bottom: 12px;
2502
- }
2503
-
2504
- ::cue {
2505
- opacity: 0 !important;
2506
- }
2507
-
2508
- a {
2509
- color: inherit;
2510
- text-decoration: none;
2511
- }
2512
-
2513
- .pl-arrow-left span {
2514
- animation: animate-left 1s infinite;
2515
- }
2516
-
2517
- .pl-arrow-right span {
2518
- animation: animate-right 1s infinite;
2519
- }
2520
-
2521
- .pl-arrow-left span:nth-child(2),
2522
- .pl-arrow-right span:nth-child(2) {
2523
- animation-delay: -0.2s;
2524
- }
2525
-
2526
- .pl-arrow-left span:nth-child(3),
2527
- .pl-arrow-right span:nth-child(3) {
2528
- animation-delay: -0.4s;
2529
- }
2530
-
2531
- @keyframes animate-left {
2532
- 0% {
2533
- opacity: 0;
2534
- transform: translateX(20px);
2535
- }
2536
-
2537
- 50% {
2538
- opacity: 1;
2539
- }
2540
-
2541
- 100% {
2542
- opacity: 0;
2543
- transform: translateX(-20px);
2544
- }
2545
- }
2546
-
2547
- @keyframes animate-right {
2548
- 0% {
2549
- opacity: 0;
2550
- transform: translateX(-20px);
2551
- }
2552
-
2553
- 50% {
2554
- opacity: 1;
2555
- }
2556
-
2557
- 100% {
2558
- opacity: 0;
2559
- transform: translateX(20px);
2560
- }
2561
- }
2562
-
2563
- span.pl-ripple {
2564
- position: absolute;
2565
- border-radius: 50%;
2566
- transform: scale(0);
2567
- animation: ripple 400ms linear;
2568
- background-color: rgba(255, 255, 255, 0.7);
2569
- overflow: hidden;
2570
- }
2571
-
2572
- @keyframes ripple {
2573
- to {
2574
- transform: scale(4);
2575
- opacity: 0;
2576
- }
2577
- }
2578
-
2579
- *, ::before, ::after{
2580
- --tw-border-spacing-x: 0;
2581
- --tw-border-spacing-y: 0;
2582
- --tw-translate-x: 0;
2583
- --tw-translate-y: 0;
2584
- --tw-rotate: 0;
2585
- --tw-skew-x: 0;
2586
- --tw-skew-y: 0;
2587
- --tw-scale-x: 1;
2588
- --tw-scale-y: 1;
2589
- --tw-pan-x: ;
2590
- --tw-pan-y: ;
2591
- --tw-pinch-zoom: ;
2592
- --tw-scroll-snap-strictness: proximity;
2593
- --tw-gradient-from-position: ;
2594
- --tw-gradient-via-position: ;
2595
- --tw-gradient-to-position: ;
2596
- --tw-ordinal: ;
2597
- --tw-slashed-zero: ;
2598
- --tw-numeric-figure: ;
2599
- --tw-numeric-spacing: ;
2600
- --tw-numeric-fraction: ;
2601
- --tw-ring-inset: ;
2602
- --tw-ring-offset-width: 0px;
2603
- --tw-ring-offset-color: #fff;
2604
- --tw-ring-color: rgb(59 130 246 / 0.5);
2605
- --tw-ring-offset-shadow: 0 0 #0000;
2606
- --tw-ring-shadow: 0 0 #0000;
2607
- --tw-shadow: 0 0 #0000;
2608
- --tw-shadow-colored: 0 0 #0000;
2609
- --tw-blur: ;
2610
- --tw-brightness: ;
2611
- --tw-contrast: ;
2612
- --tw-grayscale: ;
2613
- --tw-hue-rotate: ;
2614
- --tw-invert: ;
2615
- --tw-saturate: ;
2616
- --tw-sepia: ;
2617
- --tw-drop-shadow: ;
2618
- --tw-backdrop-blur: ;
2619
- --tw-backdrop-brightness: ;
2620
- --tw-backdrop-contrast: ;
2621
- --tw-backdrop-grayscale: ;
2622
- --tw-backdrop-hue-rotate: ;
2623
- --tw-backdrop-invert: ;
2624
- --tw-backdrop-opacity: ;
2625
- --tw-backdrop-saturate: ;
2626
- --tw-backdrop-sepia: ;
2627
- --tw-contain-size: ;
2628
- --tw-contain-layout: ;
2629
- --tw-contain-paint: ;
2630
- --tw-contain-style: ;
2631
- }
2632
-
2633
- ::backdrop{
2634
- --tw-border-spacing-x: 0;
2635
- --tw-border-spacing-y: 0;
2636
- --tw-translate-x: 0;
2637
- --tw-translate-y: 0;
2638
- --tw-rotate: 0;
2639
- --tw-skew-x: 0;
2640
- --tw-skew-y: 0;
2641
- --tw-scale-x: 1;
2642
- --tw-scale-y: 1;
2643
- --tw-pan-x: ;
2644
- --tw-pan-y: ;
2645
- --tw-pinch-zoom: ;
2646
- --tw-scroll-snap-strictness: proximity;
2647
- --tw-gradient-from-position: ;
2648
- --tw-gradient-via-position: ;
2649
- --tw-gradient-to-position: ;
2650
- --tw-ordinal: ;
2651
- --tw-slashed-zero: ;
2652
- --tw-numeric-figure: ;
2653
- --tw-numeric-spacing: ;
2654
- --tw-numeric-fraction: ;
2655
- --tw-ring-inset: ;
2656
- --tw-ring-offset-width: 0px;
2657
- --tw-ring-offset-color: #fff;
2658
- --tw-ring-color: rgb(59 130 246 / 0.5);
2659
- --tw-ring-offset-shadow: 0 0 #0000;
2660
- --tw-ring-shadow: 0 0 #0000;
2661
- --tw-shadow: 0 0 #0000;
2662
- --tw-shadow-colored: 0 0 #0000;
2663
- --tw-blur: ;
2664
- --tw-brightness: ;
2665
- --tw-contrast: ;
2666
- --tw-grayscale: ;
2667
- --tw-hue-rotate: ;
2668
- --tw-invert: ;
2669
- --tw-saturate: ;
2670
- --tw-sepia: ;
2671
- --tw-drop-shadow: ;
2672
- --tw-backdrop-blur: ;
2673
- --tw-backdrop-brightness: ;
2674
- --tw-backdrop-contrast: ;
2675
- --tw-backdrop-grayscale: ;
2676
- --tw-backdrop-hue-rotate: ;
2677
- --tw-backdrop-invert: ;
2678
- --tw-backdrop-opacity: ;
2679
- --tw-backdrop-saturate: ;
2680
- --tw-backdrop-sepia: ;
2681
- --tw-contain-size: ;
2682
- --tw-contain-layout: ;
2683
- --tw-contain-paint: ;
2684
- --tw-contain-style: ;
2685
- }
2686
-
2687
- /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
2688
-
2689
- /*
2690
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2691
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
2692
- */
2693
-
2694
- *,
2695
- ::before,
2696
- ::after {
2697
- box-sizing: border-box;
2698
- /* 1 */
2699
- border-width: 0;
2700
- /* 2 */
2701
- border-style: solid;
2702
- /* 2 */
2703
- border-color: #e5e7eb;
2704
- /* 2 */
2705
- }
2706
-
2707
- ::before,
2708
- ::after {
2709
- --tw-content: '';
2710
- }
2711
-
2712
- /*
2713
- 1. Use a consistent sensible line-height in all browsers.
2714
- 2. Prevent adjustments of font size after orientation changes in iOS.
2715
- 3. Use a more readable tab size.
2716
- 4. Use the user's configured `sans` font-family by default.
2717
- 5. Use the user's configured `sans` font-feature-settings by default.
2718
- 6. Use the user's configured `sans` font-variation-settings by default.
2719
- 7. Disable tap highlights on iOS
2720
- */
2721
-
2722
- html,
2723
- :host {
2724
- line-height: 1.5;
2725
- /* 1 */
2726
- -webkit-text-size-adjust: 100%;
2727
- /* 2 */
2728
- -moz-tab-size: 4;
2729
- /* 3 */
2730
- -o-tab-size: 4;
2731
- tab-size: 4;
2732
- /* 3 */
2733
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2734
- /* 4 */
2735
- font-feature-settings: normal;
2736
- /* 5 */
2737
- font-variation-settings: normal;
2738
- /* 6 */
2739
- -webkit-tap-highlight-color: transparent;
2740
- /* 7 */
2741
- }
2742
-
2743
- /*
2744
- 1. Remove the margin in all browsers.
2745
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
2746
- */
2747
-
2748
- body {
2749
- margin: 0;
2750
- /* 1 */
2751
- line-height: inherit;
2752
- /* 2 */
2753
- }
2754
-
2755
- /*
2756
- 1. Add the correct height in Firefox.
2757
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
2758
- 3. Ensure horizontal rules are visible by default.
2759
- */
2760
-
2761
- hr {
2762
- height: 0;
2763
- /* 1 */
2764
- color: inherit;
2765
- /* 2 */
2766
- border-top-width: 1px;
2767
- /* 3 */
2768
- }
2769
-
2770
- /*
2771
- Add the correct text decoration in Chrome, Edge, and Safari.
2772
- */
2773
-
2774
- abbr:where([title]) {
2775
- -webkit-text-decoration: underline dotted;
2776
- text-decoration: underline dotted;
2777
- }
2778
-
2779
- /*
2780
- Remove the default font size and weight for headings.
2781
- */
2782
-
2783
- h1,
2784
- h2,
2785
- h3,
2786
- h4,
2787
- h5,
2788
- h6 {
2789
- font-size: inherit;
2790
- font-weight: inherit;
2791
- }
2792
-
2793
- /*
2794
- Reset links to optimize for opt-in styling instead of opt-out.
2795
- */
2796
-
2797
- a {
2798
- color: inherit;
2799
- text-decoration: inherit;
2800
- }
2801
-
2802
- /*
2803
- Add the correct font weight in Edge and Safari.
2804
- */
2805
-
2806
- b,
2807
- strong {
2808
- font-weight: bolder;
2809
- }
2810
-
2811
- /*
2812
- 1. Use the user's configured `mono` font-family by default.
2813
- 2. Use the user's configured `mono` font-feature-settings by default.
2814
- 3. Use the user's configured `mono` font-variation-settings by default.
2815
- 4. Correct the odd `em` font sizing in all browsers.
2816
- */
2817
-
2818
- code,
2819
- kbd,
2820
- samp,
2821
- pre {
2822
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2823
- /* 1 */
2824
- font-feature-settings: normal;
2825
- /* 2 */
2826
- font-variation-settings: normal;
2827
- /* 3 */
2828
- font-size: 1em;
2829
- /* 4 */
2830
- }
2831
-
2832
- /*
2833
- Add the correct font size in all browsers.
2834
- */
2835
-
2836
- small {
2837
- font-size: 80%;
2838
- }
2839
-
2840
- /*
2841
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
2842
- */
2843
-
2844
- sub,
2845
- sup {
2846
- font-size: 75%;
2847
- line-height: 0;
2848
- position: relative;
2849
- vertical-align: baseline;
2850
- }
2851
-
2852
- sub {
2853
- bottom: -0.25em;
2854
- }
2855
-
2856
- sup {
2857
- top: -0.5em;
2858
- }
2859
-
2860
- /*
2861
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2862
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
2863
- 3. Remove gaps between table borders by default.
2864
- */
2865
-
2866
- table {
2867
- text-indent: 0;
2868
- /* 1 */
2869
- border-color: inherit;
2870
- /* 2 */
2871
- border-collapse: collapse;
2872
- /* 3 */
2873
- }
2874
-
2875
- /*
2876
- 1. Change the font styles in all browsers.
2877
- 2. Remove the margin in Firefox and Safari.
2878
- 3. Remove default padding in all browsers.
2879
- */
2880
-
2881
- button,
2882
- input,
2883
- optgroup,
2884
- select,
2885
- textarea {
2886
- font-family: inherit;
2887
- /* 1 */
2888
- font-feature-settings: inherit;
2889
- /* 1 */
2890
- font-variation-settings: inherit;
2891
- /* 1 */
2892
- font-size: 100%;
2893
- /* 1 */
2894
- font-weight: inherit;
2895
- /* 1 */
2896
- line-height: inherit;
2897
- /* 1 */
2898
- letter-spacing: inherit;
2899
- /* 1 */
2900
- color: inherit;
2901
- /* 1 */
2902
- margin: 0;
2903
- /* 2 */
2904
- padding: 0;
2905
- /* 3 */
2906
- }
2907
-
2908
- /*
2909
- Remove the inheritance of text transform in Edge and Firefox.
2910
- */
2911
-
2912
- button,
2913
- select {
2914
- text-transform: none;
2915
- }
2916
-
2917
- /*
2918
- 1. Correct the inability to style clickable types in iOS and Safari.
2919
- 2. Remove default button styles.
2920
- */
2921
-
2922
- button,
2923
- input:where([type='button']),
2924
- input:where([type='reset']),
2925
- input:where([type='submit']) {
2926
- -webkit-appearance: button;
2927
- /* 1 */
2928
- background-color: transparent;
2929
- /* 2 */
2930
- background-image: none;
2931
- /* 2 */
2932
- }
2933
-
2934
- /*
2935
- Use the modern Firefox focus style for all focusable elements.
2936
- */
2937
-
2938
- :-moz-focusring {
2939
- outline: auto;
2940
- }
2941
-
2942
- /*
2943
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
2944
- */
2945
-
2946
- :-moz-ui-invalid {
2947
- box-shadow: none;
2948
- }
2949
-
2950
- /*
2951
- Add the correct vertical alignment in Chrome and Firefox.
2952
- */
2953
-
2954
- progress {
2955
- vertical-align: baseline;
2956
- }
2957
-
2958
- /*
2959
- Correct the cursor style of increment and decrement buttons in Safari.
2960
- */
2961
-
2962
- ::-webkit-inner-spin-button,
2963
- ::-webkit-outer-spin-button {
2964
- height: auto;
2965
- }
2966
-
2967
- /*
2968
- 1. Correct the odd appearance in Chrome and Safari.
2969
- 2. Correct the outline style in Safari.
2970
- */
2971
-
2972
- [type='search'] {
2973
- -webkit-appearance: textfield;
2974
- /* 1 */
2975
- outline-offset: -2px;
2976
- /* 2 */
2977
- }
2978
-
2979
- /*
2980
- Remove the inner padding in Chrome and Safari on macOS.
2981
- */
2982
-
2983
- ::-webkit-search-decoration {
2984
- -webkit-appearance: none;
2985
- }
2986
-
2987
- /*
2988
- 1. Correct the inability to style clickable types in iOS and Safari.
2989
- 2. Change font properties to `inherit` in Safari.
2990
- */
2991
-
2992
- ::-webkit-file-upload-button {
2993
- -webkit-appearance: button;
2994
- /* 1 */
2995
- font: inherit;
2996
- /* 2 */
2997
- }
2998
-
2999
- /*
3000
- Add the correct display in Chrome and Safari.
3001
- */
3002
-
3003
- summary {
3004
- display: list-item;
3005
- }
3006
-
3007
- /*
3008
- Removes the default spacing and border for appropriate elements.
3009
- */
3010
-
3011
- blockquote,
3012
- dl,
3013
- dd,
3014
- h1,
3015
- h2,
3016
- h3,
3017
- h4,
3018
- h5,
3019
- h6,
3020
- hr,
3021
- figure,
3022
- p,
3023
- pre {
3024
- margin: 0;
3025
- }
3026
-
3027
- fieldset {
3028
- margin: 0;
3029
- padding: 0;
3030
- }
3031
-
3032
- legend {
3033
- padding: 0;
3034
- }
3035
-
3036
- ol,
3037
- ul,
3038
- menu {
3039
- list-style: none;
3040
- margin: 0;
3041
- padding: 0;
3042
- }
3043
-
3044
- /*
3045
- Reset default styling for dialogs.
3046
- */
3047
-
3048
- dialog {
3049
- padding: 0;
3050
- }
3051
-
3052
- /*
3053
- Prevent resizing textareas horizontally by default.
3054
- */
3055
-
3056
- textarea {
3057
- resize: vertical;
3058
- }
3059
-
3060
- /*
3061
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
3062
- 2. Set the default placeholder color to the user's configured gray 400 color.
3063
- */
3064
-
3065
- input::-moz-placeholder, textarea::-moz-placeholder {
3066
- opacity: 1;
3067
- /* 1 */
3068
- color: #A3A3A3;
3069
- /* 2 */
3070
- }
3071
-
3072
- input::placeholder,
3073
- textarea::placeholder {
3074
- opacity: 1;
3075
- /* 1 */
3076
- color: #A3A3A3;
3077
- /* 2 */
3078
- }
3079
-
3080
- /*
3081
- Set the default cursor for buttons.
3082
- */
3083
-
3084
- button,
3085
- [role="button"] {
3086
- cursor: pointer;
3087
- }
3088
-
3089
- /*
3090
- Make sure disabled buttons don't get the pointer cursor.
3091
- */
3092
-
3093
- :disabled {
3094
- cursor: default;
3095
- }
3096
-
3097
- /*
3098
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
3099
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
3100
- This can trigger a poorly considered lint error in some tools but is included by design.
3101
- */
3102
-
3103
- img,
3104
- svg,
3105
- video,
3106
- canvas,
3107
- audio,
3108
- iframe,
3109
- embed,
3110
- object {
3111
- display: block;
3112
- /* 1 */
3113
- vertical-align: middle;
3114
- /* 2 */
3115
- }
3116
-
3117
- /*
3118
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
3119
- */
3120
-
3121
- img,
3122
- video {
3123
- max-width: 100%;
3124
- height: auto;
3125
- }
3126
-
3127
- /* Make elements with the HTML hidden attribute stay hidden by default */
3128
-
3129
- [hidden]:where(:not([hidden="until-found"])) {
3130
- display: none;
3131
- }
3132
-
3133
- .pl-sr-only{
3134
- position: absolute;
3135
- width: 1px;
3136
- height: 1px;
3137
- padding: 0;
3138
- margin: -1px;
3139
- overflow: hidden;
3140
- clip: rect(0, 0, 0, 0);
3141
- white-space: nowrap;
3142
- border-width: 0;
3143
- }
3144
-
3145
- .pl-pointer-events-none{
3146
- pointer-events: none;
3147
- }
3148
-
3149
- .pl-pointer-events-auto{
3150
- pointer-events: auto;
3151
- }
3152
-
3153
- .pl-visible{
3154
- visibility: visible;
3155
- }
3156
-
3157
- .pl-invisible{
3158
- visibility: hidden;
3159
- }
3160
-
3161
- .\!pl-fixed{
3162
- position: fixed !important;
3163
- }
3164
-
3165
- .pl-fixed{
3166
- position: fixed;
3167
- }
3168
-
3169
- .pl-absolute{
3170
- position: absolute;
3171
- }
3172
-
3173
- .pl-relative{
3174
- position: relative;
3175
- }
3176
-
3177
- .pl-inset-0{
3178
- inset: 0px;
3179
- }
3180
-
3181
- .\!pl-bottom-0{
3182
- bottom: 0px !important;
3183
- }
3184
-
3185
- .\!pl-bottom-\[180\%\]{
3186
- bottom: 180% !important;
3187
- }
3188
-
3189
- .\!pl-right-\[-48px\]{
3190
- right: -48px !important;
3191
- }
3192
-
3193
- .pl-bottom-0{
3194
- bottom: 0px;
3195
- }
3196
-
3197
- .pl-bottom-8{
3198
- bottom: 2rem;
3199
- }
3200
-
3201
- .pl-bottom-\[130\%\]{
3202
- bottom: 130%;
3203
- }
3204
-
3205
- .pl-bottom-\[130px\]{
3206
- bottom: 130px;
3207
- }
3208
-
3209
- .pl-bottom-\[131px\]{
3210
- bottom: 131px;
3211
- }
3212
-
3213
- .pl-bottom-\[14px\]{
3214
- bottom: 14px;
3215
- }
3216
-
3217
- .pl-bottom-\[150\%\]{
3218
- bottom: 150%;
3219
- }
3220
-
3221
- .pl-bottom-\[16px\]{
3222
- bottom: 16px;
3223
- }
3224
-
3225
- .pl-bottom-\[200\%\]{
3226
- bottom: 200%;
3227
- }
3228
-
3229
- .pl-bottom-\[20px\]{
3230
- bottom: 20px;
3231
- }
3232
-
3233
- .pl-bottom-\[30px\]{
3234
- bottom: 30px;
3235
- }
3236
-
3237
- .pl-bottom-\[45px\]{
3238
- bottom: 45px;
3239
- }
3240
-
3241
- .pl-bottom-\[50px\]{
3242
- bottom: 50px;
3243
- }
3244
-
3245
- .pl-bottom-\[51px\]{
3246
- bottom: 51px;
3247
- }
3248
-
3249
- .pl-bottom-\[60px\]{
3250
- bottom: 60px;
3251
- }
3252
-
3253
- .pl-bottom-\[64px\]{
3254
- bottom: 64px;
3255
- }
3256
-
3257
- .pl-bottom-\[76px\]{
3258
- bottom: 76px;
3259
- }
3260
-
3261
- .pl-bottom-\[calc\(100\%\+10px\)\]{
3262
- bottom: calc(100% + 10px);
3263
- }
3264
-
3265
- .pl-left-0{
3266
- left: 0px;
3267
- }
3268
-
3269
- .pl-left-1{
3270
- left: 0.25rem;
3271
- }
3272
-
3273
- .pl-left-1\/2{
3274
- left: 50%;
3275
- }
3276
-
3277
- .pl-left-9{
3278
- left: 2.25rem;
3279
- }
3280
-
3281
- .pl-left-\[14px\]{
3282
- left: 14px;
3283
- }
3284
-
3285
- .pl-left-\[16px\]{
3286
- left: 16px;
3287
- }
3288
-
3289
- .pl-left-\[24px\]{
3290
- left: 24px;
3291
- }
3292
-
3293
- .pl-right-0{
3294
- right: 0px;
3295
- }
3296
-
3297
- .pl-right-3{
3298
- right: 0.75rem;
3299
- }
3300
-
3301
- .pl-right-4{
3302
- right: 1rem;
3303
- }
3304
-
3305
- .pl-right-5{
3306
- right: 1.25rem;
3307
- }
3308
-
3309
- .pl-right-6{
3310
- right: 1.5rem;
3311
- }
3312
-
3313
- .pl-right-\[-1px\]{
3314
- right: -1px;
3315
- }
3316
-
3317
- .pl-right-\[-4px\]{
3318
- right: -4px;
3319
- }
3320
-
3321
- .pl-right-\[10px\]{
3322
- right: 10px;
3323
- }
3324
-
3325
- .pl-right-\[18px\]{
3326
- right: 18px;
3327
- }
3328
-
3329
- .pl-right-\[24px\]{
3330
- right: 24px;
3331
- }
3332
-
3333
- .pl-right-\[29px\]{
3334
- right: 29px;
3335
- }
3336
-
3337
- .pl-right-\[2px\]{
3338
- right: 2px;
3339
- }
3340
-
3341
- .pl-right-\[50\%\]{
3342
- right: 50%;
3343
- }
3344
-
3345
- .pl-top-0{
3346
- top: 0px;
3347
- }
3348
-
3349
- .pl-top-1\/2{
3350
- top: 50%;
3351
- }
3352
-
3353
- .pl-top-2{
3354
- top: 0.5rem;
3355
- }
3356
-
3357
- .pl-top-3{
3358
- top: 0.75rem;
3359
- }
3360
-
3361
- .pl-top-5{
3362
- top: 1.25rem;
3363
- }
3364
-
3365
- .pl-top-\[-2px\]{
3366
- top: -2px;
3367
- }
3368
-
3369
- .pl-top-\[10px\]{
3370
- top: 10px;
3371
- }
3372
-
3373
- .pl-top-\[12px\]{
3374
- top: 12px;
3375
- }
3376
-
3377
- .pl-top-\[16px\]{
3378
- top: 16px;
3379
- }
3380
-
3381
- .pl-top-\[28px\]{
3382
- top: 28px;
3383
- }
3384
-
3385
- .pl-top-\[2px\]{
3386
- top: 2px;
3387
- }
3388
-
3389
- .pl-top-\[46px\]{
3390
- top: 46px;
3391
- }
3392
-
3393
- .\!pl-z-\[100000\]{
3394
- z-index: 100000 !important;
3395
- }
3396
-
3397
- .pl-z-0{
3398
- z-index: 0;
3399
- }
3400
-
3401
- .pl-z-10{
3402
- z-index: 10;
3403
- }
3404
-
3405
- .pl-z-20{
3406
- z-index: 20;
3407
- }
3408
-
3409
- .pl-z-\[1000000\]{
3410
- z-index: 1000000;
3411
- }
3412
-
3413
- .pl-z-\[100000\]{
3414
- z-index: 100000;
3415
- }
3416
-
3417
- .pl-z-\[1000\]{
3418
- z-index: 1000;
3419
- }
3420
-
3421
- .pl-z-\[1\]{
3422
- z-index: 1;
3423
- }
3424
-
3425
- .pl-order-1{
3426
- order: 1;
3427
- }
3428
-
3429
- .pl-order-none{
3430
- order: 0;
3431
- }
3432
-
3433
- .pl-m-auto{
3434
- margin: auto;
3435
- }
3436
-
3437
- .pl-mx-2{
3438
- margin-left: 0.5rem;
3439
- margin-right: 0.5rem;
3440
- }
3441
-
3442
- .pl-mx-8{
3443
- margin-left: 2rem;
3444
- margin-right: 2rem;
3445
- }
3446
-
3447
- .pl-mx-\[14\.58px\]{
3448
- margin-left: 14.58px;
3449
- margin-right: 14.58px;
3450
- }
3451
-
3452
- .pl-mx-auto{
3453
- margin-left: auto;
3454
- margin-right: auto;
3455
- }
3456
-
3457
- .pl-my-4{
3458
- margin-top: 1rem;
3459
- margin-bottom: 1rem;
3460
- }
3461
-
3462
- .pl-mb-1{
3463
- margin-bottom: 0.25rem;
3464
- }
3465
-
3466
- .pl-mb-1\.5{
3467
- margin-bottom: 0.375rem;
3468
- }
3469
-
3470
- .pl-mb-2{
3471
- margin-bottom: 0.5rem;
3472
- }
3473
-
3474
- .pl-mb-3{
3475
- margin-bottom: 0.75rem;
3476
- }
3477
-
3478
- .pl-mb-5{
3479
- margin-bottom: 1.25rem;
3480
- }
3481
-
3482
- .pl-mb-8{
3483
- margin-bottom: 2rem;
3484
- }
3485
-
3486
- .pl-mb-\[33px\]{
3487
- margin-bottom: 33px;
3488
- }
3489
-
3490
- .pl-mb-\[7px\]{
3491
- margin-bottom: 7px;
3492
- }
3493
-
3494
- .pl-ml-0\.5{
3495
- margin-left: 0.125rem;
3496
- }
3497
-
3498
- .pl-ml-1{
3499
- margin-left: 0.25rem;
3500
- }
3501
-
3502
- .pl-ml-2{
3503
- margin-left: 0.5rem;
3504
- }
3505
-
3506
- .pl-ml-4{
3507
- margin-left: 1rem;
3508
- }
3509
-
3510
- .pl-ml-\[-10px\]{
3511
- margin-left: -10px;
3512
- }
3513
-
3514
- .pl-ml-\[-12px\]{
3515
- margin-left: -12px;
3516
- }
3517
-
3518
- .pl-ml-auto{
3519
- margin-left: auto;
3520
- }
3521
-
3522
- .pl-mr-\[-25px\]{
3523
- margin-right: -25px;
3524
- }
3525
-
3526
- .pl-mt-0\.5{
3527
- margin-top: 0.125rem;
3528
- }
3529
-
3530
- .pl-mt-2{
3531
- margin-top: 0.5rem;
3532
- }
3533
-
3534
- .pl-mt-4{
3535
- margin-top: 1rem;
3536
- }
3537
-
3538
- .pl-flex{
3539
- display: flex;
3540
- }
3541
-
3542
- .pl-inline-flex{
3543
- display: inline-flex;
3544
- }
3545
-
3546
- .pl-aspect-video{
3547
- aspect-ratio: 16 / 9;
3548
- }
3549
-
3550
- .pl-size-5{
3551
- width: 1.25rem;
3552
- height: 1.25rem;
3553
- }
3554
-
3555
- .pl-size-\[122px\]{
3556
- width: 122px;
3557
- height: 122px;
3558
- }
3559
-
3560
- .pl-size-\[18px\]{
3561
- width: 18px;
3562
- height: 18px;
3563
- }
3564
-
3565
- .pl-size-\[26px\]{
3566
- width: 26px;
3567
- height: 26px;
3568
- }
3569
-
3570
- .pl-size-\[34px\]{
3571
- width: 34px;
3572
- height: 34px;
3573
- }
3574
-
3575
- .pl-size-\[36px\]{
3576
- width: 36px;
3577
- height: 36px;
3578
- }
3579
-
3580
- .pl-size-\[40px\]{
3581
- width: 40px;
3582
- height: 40px;
3583
- }
3584
-
3585
- .pl-size-\[48px\]{
3586
- width: 48px;
3587
- height: 48px;
3588
- }
3589
-
3590
- .pl-size-\[50px\]{
3591
- width: 50px;
3592
- height: 50px;
3593
- }
3594
-
3595
- .pl-size-\[56px\]{
3596
- width: 56px;
3597
- height: 56px;
3598
- }
3599
-
3600
- .pl-size-\[68px\]{
3601
- width: 68px;
3602
- height: 68px;
3603
- }
3604
-
3605
- .pl-size-\[72px\]{
3606
- width: 72px;
3607
- height: 72px;
3608
- }
3609
-
3610
- .pl-size-full{
3611
- width: 100%;
3612
- height: 100%;
3613
- }
3614
-
3615
- .\!pl-h-\[6px\]{
3616
- height: 6px !important;
3617
- }
3618
-
3619
- .\!pl-h-screen{
3620
- height: 100vh !important;
3621
- }
3622
-
3623
- .pl-h-1{
3624
- height: 0.25rem;
3625
- }
3626
-
3627
- .pl-h-10{
3628
- height: 2.5rem;
3629
- }
3630
-
3631
- .pl-h-12{
3632
- height: 3rem;
3633
- }
3634
-
3635
- .pl-h-14{
3636
- height: 3.5rem;
3637
- }
3638
-
3639
- .pl-h-2{
3640
- height: 0.5rem;
3641
- }
3642
-
3643
- .pl-h-3{
3644
- height: 0.75rem;
3645
- }
3646
-
3647
- .pl-h-4{
3648
- height: 1rem;
3649
- }
3650
-
3651
- .pl-h-6{
3652
- height: 1.5rem;
3653
- }
3654
-
3655
- .pl-h-8{
3656
- height: 2rem;
3657
- }
3658
-
3659
- .pl-h-9{
3660
- height: 2.25rem;
3661
- }
3662
-
3663
- .pl-h-\[100px\]{
3664
- height: 100px;
3665
- }
3666
-
3667
- .pl-h-\[110px\]{
3668
- height: 110px;
3669
- }
3670
-
3671
- .pl-h-\[137px\]{
3672
- height: 137px;
3673
- }
3674
-
3675
- .pl-h-\[13px\]{
3676
- height: 13px;
3677
- }
3678
-
3679
- .pl-h-\[14px\]{
3680
- height: 14px;
3681
- }
3682
-
3683
- .pl-h-\[164px\]{
3684
- height: 164px;
3685
- }
3686
-
3687
- .pl-h-\[16px\]{
3688
- height: 16px;
3689
- }
3690
-
3691
- .pl-h-\[200px\]{
3692
- height: 200px;
3693
- }
3694
-
3695
- .pl-h-\[20px\]{
3696
- height: 20px;
3697
- }
3698
-
3699
- .pl-h-\[22px\]{
3700
- height: 22px;
3701
- }
3702
-
3703
- .pl-h-\[24px\]{
3704
- height: 24px;
3705
- }
3706
-
3707
- .pl-h-\[25px\]{
3708
- height: 25px;
3709
- }
3710
-
3711
- .pl-h-\[26px\]{
3712
- height: 26px;
3713
- }
3714
-
3715
- .pl-h-\[3\.64px\]{
3716
- height: 3.64px;
3717
- }
3718
-
3719
- .pl-h-\[32px\]{
3720
- height: 32px;
3721
- }
3722
-
3723
- .pl-h-\[34px\]{
3724
- height: 34px;
3725
- }
3726
-
3727
- .pl-h-\[36px\]{
3728
- height: 36px;
3729
- }
3730
-
3731
- .pl-h-\[3px\]{
3732
- height: 3px;
3733
- }
3734
-
3735
- .pl-h-\[40px\]{
3736
- height: 40px;
3737
- }
3738
-
3739
- .pl-h-\[45\.5px\]{
3740
- height: 45.5px;
3741
- }
3742
-
3743
- .pl-h-\[46px\]{
3744
- height: 46px;
3745
- }
3746
-
3747
- .pl-h-\[48px\]{
3748
- height: 48px;
3749
- }
3750
-
3751
- .pl-h-\[54px\]{
3752
- height: 54px;
3753
- }
3754
-
3755
- .pl-h-\[56px\]{
3756
- height: 56px;
3757
- }
3758
-
3759
- .pl-h-\[6px\]{
3760
- height: 6px;
3761
- }
3762
-
3763
- .pl-h-\[70px\]{
3764
- height: 70px;
3765
- }
3766
-
3767
- .pl-h-\[8px\]{
3768
- height: 8px;
3769
- }
3770
-
3771
- .pl-h-\[93px\]{
3772
- height: 93px;
3773
- }
3774
-
3775
- .pl-h-full{
3776
- height: 100%;
3777
- }
3778
-
3779
- .pl-h-screen{
3780
- height: 100vh;
3781
- }
3782
-
3783
- .pl-max-h-\[100dvh\]{
3784
- max-height: 100dvh;
3785
- }
3786
-
3787
- .pl-max-h-\[80vh\]{
3788
- max-height: 80vh;
3789
- }
3790
-
3791
- .pl-max-h-screen{
3792
- max-height: 100vh;
3793
- }
3794
-
3795
- .\!pl-w-\[200px\]{
3796
- width: 200px !important;
3797
- }
3798
-
3799
- .\!pl-w-\[230px\]{
3800
- width: 230px !important;
3801
- }
3802
-
3803
- .\!pl-w-\[272px\]{
3804
- width: 272px !important;
3805
- }
3806
-
3807
- .\!pl-w-full{
3808
- width: 100% !important;
3809
- }
3810
-
3811
- .\!pl-w-screen{
3812
- width: 100vw !important;
3813
- }
3814
-
3815
- .pl-w-10{
3816
- width: 2.5rem;
3817
- }
3818
-
3819
- .pl-w-2{
3820
- width: 0.5rem;
3821
- }
3822
-
3823
- .pl-w-3{
3824
- width: 0.75rem;
3825
- }
3826
-
3827
- .pl-w-4{
3828
- width: 1rem;
3829
- }
3830
-
3831
- .pl-w-6{
3832
- width: 1.5rem;
3833
- }
3834
-
3835
- .pl-w-8{
3836
- width: 2rem;
3837
- }
3838
-
3839
- .pl-w-\[126px\]{
3840
- width: 126px;
3841
- }
3842
-
3843
- .pl-w-\[130px\]{
3844
- width: 130px;
3845
- }
3846
-
3847
- .pl-w-\[135px\]{
3848
- width: 135px;
3849
- }
3850
-
3851
- .pl-w-\[13px\]{
3852
- width: 13px;
3853
- }
3854
-
3855
- .pl-w-\[165px\]{
3856
- width: 165px;
3857
- }
3858
-
3859
- .pl-w-\[16px\]{
3860
- width: 16px;
3861
- }
3862
-
3863
- .pl-w-\[200px\]{
3864
- width: 200px;
3865
- }
3866
-
3867
- .pl-w-\[20px\]{
3868
- width: 20px;
3869
- }
3870
-
3871
- .pl-w-\[230px\]{
3872
- width: 230px;
3873
- }
3874
-
3875
- .pl-w-\[244px\]{
3876
- width: 244px;
3877
- }
3878
-
3879
- .pl-w-\[24px\]{
3880
- width: 24px;
3881
- }
3882
-
3883
- .pl-w-\[291px\]{
3884
- width: 291px;
3885
- }
3886
-
3887
- .pl-w-\[300px\]{
3888
- width: 300px;
3889
- }
3890
-
3891
- .pl-w-\[32px\]{
3892
- width: 32px;
3893
- }
3894
-
3895
- .pl-w-\[37px\]{
3896
- width: 37px;
3897
- }
3898
-
3899
- .pl-w-\[40px\]{
3900
- width: 40px;
3901
- }
3902
-
3903
- .pl-w-\[48px\]{
3904
- width: 48px;
3905
- }
3906
-
3907
- .pl-w-\[54px\]{
3908
- width: 54px;
3909
- }
3910
-
3911
- .pl-w-\[56px\]{
3912
- width: 56px;
3913
- }
3914
-
3915
- .pl-w-fit{
3916
- width: -moz-fit-content;
3917
- width: fit-content;
3918
- }
3919
-
3920
- .pl-w-full{
3921
- width: 100%;
3922
- }
3923
-
3924
- .pl-w-max{
3925
- width: -moz-max-content;
3926
- width: max-content;
3927
- }
3928
-
3929
- .pl-w-screen{
3930
- width: 100vw;
3931
- }
3932
-
3933
- .pl-min-w-\[103px\]{
3934
- min-width: 103px;
3935
- }
3936
-
3937
- .pl-min-w-\[26px\]{
3938
- min-width: 26px;
3939
- }
3940
-
3941
- .pl-min-w-\[34px\]{
3942
- min-width: 34px;
3943
- }
3944
-
3945
- .pl-min-w-\[36px\]{
3946
- min-width: 36px;
3947
- }
3948
-
3949
- .pl-min-w-\[48px\]{
3950
- min-width: 48px;
3951
- }
3952
-
3953
- .pl-min-w-\[78px\]{
3954
- min-width: 78px;
3955
- }
3956
-
3957
- .\!pl-max-w-max{
3958
- max-width: -moz-max-content !important;
3959
- max-width: max-content !important;
3960
- }
3961
-
3962
- .pl-max-w-\[198px\]{
3963
- max-width: 198px;
3964
- }
3965
-
3966
- .pl-max-w-\[285px\]{
3967
- max-width: 285px;
3968
- }
3969
-
3970
- .pl-max-w-\[440px\]{
3971
- max-width: 440px;
3972
- }
3973
-
3974
- .pl-max-w-\[80\%\]{
3975
- max-width: 80%;
3976
- }
3977
-
3978
- .pl-max-w-\[800px\]{
3979
- max-width: 800px;
3980
- }
3981
-
3982
- .pl-max-w-full{
3983
- max-width: 100%;
3984
- }
3985
-
3986
- .pl-flex-1{
3987
- flex: 1 1 0%;
3988
- }
3989
-
3990
- .pl-shrink-0{
3991
- flex-shrink: 0;
3992
- }
3993
-
3994
- .-pl-translate-x-0\.5{
3995
- --tw-translate-x: -0.125rem;
3996
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3997
- }
3998
-
3999
- .-pl-translate-x-1\/2{
4000
- --tw-translate-x: -50%;
4001
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4002
- }
4003
-
4004
- .-pl-translate-y-1\/2{
4005
- --tw-translate-y: -50%;
4006
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4007
- }
4008
-
4009
- .pl-translate-x-\[13px\]{
4010
- --tw-translate-x: 13px;
4011
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4012
- }
4013
-
4014
- .pl-rotate-180{
4015
- --tw-rotate: 180deg;
4016
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4017
- }
4018
-
4019
- .pl-scale-0{
4020
- --tw-scale-x: 0;
4021
- --tw-scale-y: 0;
4022
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4023
- }
4024
-
4025
- .pl-scale-\[130\%\]{
4026
- --tw-scale-x: 130%;
4027
- --tw-scale-y: 130%;
4028
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4029
- }
4030
-
4031
- .pl-scale-\[170\%\]{
4032
- --tw-scale-x: 170%;
4033
- --tw-scale-y: 170%;
4034
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4035
- }
4036
-
4037
- .pl-scale-\[250\%\]{
4038
- --tw-scale-x: 250%;
4039
- --tw-scale-y: 250%;
4040
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4041
- }
4042
-
4043
- .pl-scale-\[290\%\]{
4044
- --tw-scale-x: 290%;
4045
- --tw-scale-y: 290%;
4046
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4047
- }
4048
-
4049
- @keyframes pl-pulse{
4050
- 50%{
4051
- opacity: .5;
4052
- }
4053
- }
4054
-
4055
- .pl-animate-pulse{
4056
- animation: pl-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
4057
- }
4058
-
4059
- .\!pl-cursor-default{
4060
- cursor: default !important;
4061
- }
4062
-
4063
- .\!pl-cursor-pointer{
4064
- cursor: pointer !important;
4065
- }
4066
-
4067
- .pl-cursor-default{
4068
- cursor: default;
4069
- }
4070
-
4071
- .pl-cursor-none{
4072
- cursor: none;
4073
- }
4074
-
4075
- .pl-cursor-pointer{
4076
- cursor: pointer;
4077
- }
4078
-
4079
- .pl-select-none{
4080
- -webkit-user-select: none;
4081
- -moz-user-select: none;
4082
- user-select: none;
4083
- }
4084
-
4085
- .pl-flex-row-reverse{
4086
- flex-direction: row-reverse;
4087
- }
4088
-
4089
- .pl-flex-col{
4090
- flex-direction: column;
4091
- }
4092
-
4093
- .pl-flex-col-reverse{
4094
- flex-direction: column-reverse;
4095
- }
4096
-
4097
- .pl-items-start{
4098
- align-items: flex-start;
4099
- }
4100
-
4101
- .pl-items-end{
4102
- align-items: flex-end;
4103
- }
4104
-
4105
- .pl-items-center{
4106
- align-items: center;
4107
- }
4108
-
4109
- .pl-justify-end{
4110
- justify-content: flex-end;
4111
- }
4112
-
4113
- .pl-justify-center{
4114
- justify-content: center;
4115
- }
4116
-
4117
- .pl-justify-between{
4118
- justify-content: space-between;
4119
- }
4120
-
4121
- .pl-gap-0\.5{
4122
- gap: 0.125rem;
4123
- }
4124
-
4125
- .pl-gap-1{
4126
- gap: 0.25rem;
4127
- }
4128
-
4129
- .pl-gap-1\.5{
4130
- gap: 0.375rem;
4131
- }
4132
-
4133
- .pl-gap-2{
4134
- gap: 0.5rem;
4135
- }
4136
-
4137
- .pl-gap-2\.5{
4138
- gap: 0.625rem;
4139
- }
4140
-
4141
- .pl-gap-3{
4142
- gap: 0.75rem;
4143
- }
4144
-
4145
- .pl-gap-4{
4146
- gap: 1rem;
4147
- }
4148
-
4149
- .pl-gap-6{
4150
- gap: 1.5rem;
4151
- }
4152
-
4153
- .pl-gap-8{
4154
- gap: 2rem;
4155
- }
4156
-
4157
- .pl-gap-\[11px\]{
4158
- gap: 11px;
4159
- }
4160
-
4161
- .pl-gap-\[14\.58px\]{
4162
- gap: 14.58px;
4163
- }
4164
-
4165
- .pl-gap-\[5px\]{
4166
- gap: 5px;
4167
- }
4168
-
4169
- .pl-self-start{
4170
- align-self: flex-start;
4171
- }
4172
-
4173
- .pl-self-center{
4174
- align-self: center;
4175
- }
4176
-
4177
- .pl-overflow-auto{
4178
- overflow: auto;
4179
- }
4180
-
4181
- .\!pl-overflow-hidden{
4182
- overflow: hidden !important;
4183
- }
4184
-
4185
- .pl-overflow-hidden{
4186
- overflow: hidden;
4187
- }
4188
-
4189
- .pl-overflow-y-auto{
4190
- overflow-y: auto;
4191
- }
4192
-
4193
- .pl-truncate{
4194
- overflow: hidden;
4195
- text-overflow: ellipsis;
4196
- white-space: nowrap;
4197
- }
4198
-
4199
- .pl-text-ellipsis{
4200
- text-overflow: ellipsis;
4201
- }
4202
-
4203
- .pl-whitespace-normal{
4204
- white-space: normal;
4205
- }
4206
-
4207
- .pl-whitespace-nowrap{
4208
- white-space: nowrap;
4209
- }
4210
-
4211
- .pl-text-wrap{
4212
- text-wrap: wrap;
4213
- }
4214
-
4215
- .pl-break-words{
4216
- overflow-wrap: break-word;
4217
- }
4218
-
4219
- .\!pl-rounded-\[12px\]{
4220
- border-radius: 12px !important;
4221
- }
4222
-
4223
- .\!pl-rounded-\[4px\]{
4224
- border-radius: 4px !important;
4225
- }
4226
-
4227
- .\!pl-rounded-none{
4228
- border-radius: 0px !important;
4229
- }
4230
-
4231
- .pl-rounded-2xl{
4232
- border-radius: 1rem;
4233
- }
4234
-
4235
- .pl-rounded-\[10px\]{
4236
- border-radius: 10px;
4237
- }
4238
-
4239
- .pl-rounded-\[12px\]{
4240
- border-radius: 12px;
4241
- }
4242
-
4243
- .pl-rounded-\[15px\]{
4244
- border-radius: 15px;
4245
- }
4246
-
4247
- .pl-rounded-\[20px\]{
4248
- border-radius: 20px;
4249
- }
4250
-
4251
- .pl-rounded-\[24px\]{
4252
- border-radius: 24px;
4253
- }
4254
-
4255
- .pl-rounded-\[28px\]{
4256
- border-radius: 28px;
4257
- }
4258
-
4259
- .pl-rounded-\[4px\]{
4260
- border-radius: 4px;
4261
- }
4262
-
4263
- .pl-rounded-\[50px\]{
4264
- border-radius: 50px;
4265
- }
4266
-
4267
- .pl-rounded-\[6px\]{
4268
- border-radius: 6px;
4269
- }
4270
-
4271
- .pl-rounded-\[8px\]{
4272
- border-radius: 8px;
4273
- }
4274
-
4275
- .pl-rounded-full{
4276
- border-radius: 9999px;
4277
- }
4278
-
4279
- .pl-rounded-lg{
4280
- border-radius: 0.5rem;
4281
- }
4282
-
4283
- .pl-rounded-none{
4284
- border-radius: 0px;
4285
- }
4286
-
4287
- .\!pl-rounded-t-\[20px\]{
4288
- border-top-left-radius: 20px !important;
4289
- border-top-right-radius: 20px !important;
4290
- }
4291
-
4292
- .pl-rounded-b-\[12px\]{
4293
- border-bottom-right-radius: 12px;
4294
- border-bottom-left-radius: 12px;
4295
- }
4296
-
4297
- .pl-rounded-b-\[50px\]{
4298
- border-bottom-right-radius: 50px;
4299
- border-bottom-left-radius: 50px;
4300
- }
4301
-
4302
- .pl-rounded-b-none{
4303
- border-bottom-right-radius: 0px;
4304
- border-bottom-left-radius: 0px;
4305
- }
4306
-
4307
- .pl-rounded-t-\[12px\]{
4308
- border-top-left-radius: 12px;
4309
- border-top-right-radius: 12px;
4310
- }
4311
-
4312
- .pl-border{
4313
- border-width: 1px;
4314
- }
4315
-
4316
- .pl-border-2{
4317
- border-width: 2px;
4318
- }
4319
-
4320
- .pl-border-\[1\.5px\]{
4321
- border-width: 1.5px;
4322
- }
4323
-
4324
- .pl-border-b{
4325
- border-bottom-width: 1px;
4326
- }
4327
-
4328
- .pl-border-r-2{
4329
- border-right-width: 2px;
4330
- }
4331
-
4332
- .pl-border-gray-highLight{
4333
- --tw-border-opacity: 1;
4334
- border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
4335
- }
4336
-
4337
- .pl-border-transparent{
4338
- border-color: transparent;
4339
- }
4340
-
4341
- .pl-border-white{
4342
- --tw-border-opacity: 1;
4343
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
4344
- }
4345
-
4346
- .pl-border-b-\[\#4A4A4A\]{
4347
- --tw-border-opacity: 1;
4348
- border-bottom-color: rgb(74 74 74 / var(--tw-border-opacity, 1));
4349
- }
4350
-
4351
- .pl-border-b-\[\#D9D9D9\]{
4352
- --tw-border-opacity: 1;
4353
- border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
4354
- }
4355
-
4356
- .pl-border-r-z-yellow-light{
4357
- --tw-border-opacity: 1;
4358
- border-right-color: rgb(250 216 50 / var(--tw-border-opacity, 1));
4359
- }
4360
-
4361
- .\!pl-bg-\[\#4A4A4A\]{
4362
- --tw-bg-opacity: 1 !important;
4363
- background-color: rgb(74 74 74 / var(--tw-bg-opacity, 1)) !important;
4364
- }
4365
-
4366
- .\!pl-bg-black\/\[75\%\]{
4367
- background-color: rgb(0 0 0 / 75%) !important;
4368
- }
4369
-
4370
- .\!pl-bg-white{
4371
- --tw-bg-opacity: 1 !important;
4372
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
4373
- }
4374
-
4375
- .pl-bg-Common-white-overlay-1{
4376
- background-color: rgba(255, 255, 255, 0.8);
4377
- }
4378
-
4379
- .pl-bg-\[\#000000\]\/\[70\%\]{
4380
- background-color: rgb(0 0 0 / 70%);
4381
- }
4382
-
4383
- .pl-bg-\[\#212121\]\/\[0\.6\]{
4384
- background-color: rgb(33 33 33 / 0.6);
4385
- }
4386
-
4387
- .pl-bg-\[\#282828\]{
4388
- --tw-bg-opacity: 1;
4389
- background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
4390
- }
4391
-
4392
- .pl-bg-\[\#4A4A4A\]{
4393
- --tw-bg-opacity: 1;
4394
- background-color: rgb(74 74 74 / var(--tw-bg-opacity, 1));
4395
- }
4396
-
4397
- .pl-bg-\[\#C7C7C7\]{
4398
- --tw-bg-opacity: 1;
4399
- background-color: rgb(199 199 199 / var(--tw-bg-opacity, 1));
4400
- }
4401
-
4402
- .pl-bg-\[\#F7F7F7\]{
4403
- --tw-bg-opacity: 1;
4404
- background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
4405
- }
4406
-
4407
- .pl-bg-\[\#FF0033\]{
4408
- --tw-bg-opacity: 1;
4409
- background-color: rgb(255 0 51 / var(--tw-bg-opacity, 1));
4410
- }
4411
-
4412
- .pl-bg-\[\#FFCC00\]{
4413
- --tw-bg-opacity: 1;
4414
- background-color: rgb(255 204 0 / var(--tw-bg-opacity, 1));
4415
- }
4416
-
4417
- .pl-bg-black{
4418
- --tw-bg-opacity: 1;
4419
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
4420
- }
4421
-
4422
- .pl-bg-black\/20{
4423
- background-color: rgb(0 0 0 / 0.2);
4424
- }
4425
-
4426
- .pl-bg-black\/50{
4427
- background-color: rgb(0 0 0 / 0.5);
4428
- }
4429
-
4430
- .pl-bg-black\/60{
4431
- background-color: rgb(0 0 0 / 0.6);
4432
- }
4433
-
4434
- .pl-bg-black\/75{
4435
- background-color: rgb(0 0 0 / 0.75);
4436
- }
4437
-
4438
- .pl-bg-black\/\[0\.16\]{
4439
- background-color: rgb(0 0 0 / 0.16);
4440
- }
4441
-
4442
- .pl-bg-black\/\[0\.5\]{
4443
- background-color: rgb(0 0 0 / 0.5);
4444
- }
4445
-
4446
- .pl-bg-dark-1{
4447
- --tw-bg-opacity: 1;
4448
- background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1));
4449
- }
4450
-
4451
- .pl-bg-gray-200{
4452
- --tw-bg-opacity: 1;
4453
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
4454
- }
4455
-
4456
- .pl-bg-gray-300{
4457
- --tw-bg-opacity: 1;
4458
- background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
4459
- }
4460
-
4461
- .pl-bg-gray-highLight{
4462
- --tw-bg-opacity: 1;
4463
- background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
4464
- }
4465
-
4466
- .pl-bg-primary{
4467
- --tw-bg-opacity: 1;
4468
- background-color: rgb(183 28 60 / var(--tw-bg-opacity, 1));
4469
- }
4470
-
4471
- .pl-bg-primary-600{
4472
- --tw-bg-opacity: 1;
4473
- background-color: rgb(124 142 255 / var(--tw-bg-opacity, 1));
4474
- }
4475
-
4476
- .pl-bg-secondary-200{
4477
- --tw-bg-opacity: 1;
4478
- background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
4479
- }
4480
-
4481
- .pl-bg-secondary-600{
4482
- --tw-bg-opacity: 1;
4483
- background-color: rgb(78 75 102 / var(--tw-bg-opacity, 1));
4484
- }
4485
-
4486
- .pl-bg-secondary-700\/\[0\.8\]{
4487
- background-color: rgb(38 35 56 / 0.8);
4488
- }
4489
-
4490
- .pl-bg-white{
4491
- --tw-bg-opacity: 1;
4492
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4493
- }
4494
-
4495
- .pl-bg-white\/\[0\.9\]{
4496
- background-color: rgb(255 255 255 / 0.9);
4497
- }
4498
-
4499
- .pl-bg-z-gray-700\/\[0\.4\]{
4500
- background-color: rgb(34 40 49 / 0.4);
4501
- }
4502
-
4503
- .pl-bg-contain{
4504
- background-size: contain;
4505
- }
4506
-
4507
- .pl-bg-center{
4508
- background-position: center;
4509
- }
4510
-
4511
- .pl-bg-no-repeat{
4512
- background-repeat: no-repeat;
4513
- }
4514
-
4515
- .pl-fill-dark-7{
4516
- fill: #BB86FC;
4517
- }
4518
-
4519
- .pl-fill-gray-800{
4520
- fill: #1f2937;
4521
- }
4522
-
4523
- .pl-fill-white{
4524
- fill: #fff;
4525
- }
4526
-
4527
- .pl-object-cover{
4528
- -o-object-fit: cover;
4529
- object-fit: cover;
4530
- }
4531
-
4532
- .\!pl-p-0{
4533
- padding: 0px !important;
4534
- }
4535
-
4536
- .pl-p-0{
4537
- padding: 0px;
4538
- }
4539
-
4540
- .pl-p-1{
4541
- padding: 0.25rem;
4542
- }
4543
-
4544
- .pl-p-1\.5{
4545
- padding: 0.375rem;
4546
- }
4547
-
4548
- .pl-p-2{
4549
- padding: 0.5rem;
4550
- }
4551
-
4552
- .pl-p-3{
4553
- padding: 0.75rem;
4554
- }
4555
-
4556
- .pl-p-6{
4557
- padding: 1.5rem;
4558
- }
4559
-
4560
- .pl-p-\[3px\]{
4561
- padding: 3px;
4562
- }
4563
-
4564
- .\!pl-px-0{
4565
- padding-left: 0px !important;
4566
- padding-right: 0px !important;
4567
- }
4568
-
4569
- .pl-px-1{
4570
- padding-left: 0.25rem;
4571
- padding-right: 0.25rem;
4572
- }
4573
-
4574
- .pl-px-1\.5{
4575
- padding-left: 0.375rem;
4576
- padding-right: 0.375rem;
4577
- }
4578
-
4579
- .pl-px-2{
4580
- padding-left: 0.5rem;
4581
- padding-right: 0.5rem;
4582
- }
4583
-
4584
- .pl-px-3{
4585
- padding-left: 0.75rem;
4586
- padding-right: 0.75rem;
4587
- }
4588
-
4589
- .pl-px-4{
4590
- padding-left: 1rem;
4591
- padding-right: 1rem;
4592
- }
4593
-
4594
- .pl-px-5{
4595
- padding-left: 1.25rem;
4596
- padding-right: 1.25rem;
4597
- }
4598
-
4599
- .pl-px-6{
4600
- padding-left: 1.5rem;
4601
- padding-right: 1.5rem;
4602
- }
4603
-
4604
- .pl-px-\[24px\]{
4605
- padding-left: 24px;
4606
- padding-right: 24px;
4607
- }
4608
-
4609
- .pl-px-\[48px\]{
4610
- padding-left: 48px;
4611
- padding-right: 48px;
4612
- }
4613
-
4614
- .pl-px-\[9\.5px\]{
4615
- padding-left: 9.5px;
4616
- padding-right: 9.5px;
4617
- }
4618
-
4619
- .pl-px-\[9px\]{
4620
- padding-left: 9px;
4621
- padding-right: 9px;
4622
- }
4623
-
4624
- .pl-py-1{
4625
- padding-top: 0.25rem;
4626
- padding-bottom: 0.25rem;
4627
- }
4628
-
4629
- .pl-py-1\.5{
4630
- padding-top: 0.375rem;
4631
- padding-bottom: 0.375rem;
4632
- }
4633
-
4634
- .pl-py-2{
4635
- padding-top: 0.5rem;
4636
- padding-bottom: 0.5rem;
4637
- }
4638
-
4639
- .pl-py-3{
4640
- padding-top: 0.75rem;
4641
- padding-bottom: 0.75rem;
4642
- }
4643
-
4644
- .pl-py-4{
4645
- padding-top: 1rem;
4646
- padding-bottom: 1rem;
4647
- }
4648
-
4649
- .\!pl-pb-0{
4650
- padding-bottom: 0px !important;
4651
- }
4652
-
4653
- .pl-pb-1\.5{
4654
- padding-bottom: 0.375rem;
4655
- }
4656
-
4657
- .pl-pb-2{
4658
- padding-bottom: 0.5rem;
4659
- }
4660
-
4661
- .pl-pb-3{
4662
- padding-bottom: 0.75rem;
4663
- }
4664
-
4665
- .pl-pl-6{
4666
- padding-left: 1.5rem;
4667
- }
4668
-
4669
- .pl-pr-6{
4670
- padding-right: 1.5rem;
4671
- }
4672
-
4673
- .pl-pr-\[10px\]{
4674
- padding-right: 10px;
4675
- }
4676
-
4677
- .pl-ps-\[24\.2px\]{
4678
- padding-inline-start: 24.2px;
4679
- }
4680
-
4681
- .pl-pt-0\.5{
4682
- padding-top: 0.125rem;
4683
- }
4684
-
4685
- .pl-pt-1{
4686
- padding-top: 0.25rem;
4687
- }
4688
-
4689
- .pl-pt-2{
4690
- padding-top: 0.5rem;
4691
- }
4692
-
4693
- .pl-pt-6{
4694
- padding-top: 1.5rem;
4695
- }
4696
-
4697
- .pl-pt-8{
4698
- padding-top: 2rem;
4699
- }
4700
-
4701
- .pl-text-left{
4702
- text-align: left;
4703
- }
4704
-
4705
- .pl-text-center{
4706
- text-align: center;
4707
- }
4708
-
4709
- .pl-text-\[10\.93px\]{
4710
- font-size: 10.93px;
4711
- }
4712
-
4713
- .pl-text-\[10px\]{
4714
- font-size: 10px;
4715
- }
4716
-
4717
- .pl-text-\[11px\]{
4718
- font-size: 11px;
4719
- }
4720
-
4721
- .pl-text-\[12px\]{
4722
- font-size: 12px;
4723
- }
4724
-
4725
- .pl-text-\[13px\]{
4726
- font-size: 13px;
4727
- }
4728
-
4729
- .pl-text-\[14px\]{
4730
- font-size: 14px;
4731
- }
4732
-
4733
- .pl-text-\[15px\]{
4734
- font-size: 15px;
4735
- }
4736
-
4737
- .pl-text-\[16px\]{
4738
- font-size: 16px;
4739
- }
4740
-
4741
- .pl-text-\[20px\]{
4742
- font-size: 20px;
4743
- }
4744
-
4745
- .pl-text-\[32px\]{
4746
- font-size: 32px;
4747
- }
4748
-
4749
- .pl-text-base{
4750
- font-size: 1rem;
4751
- line-height: 1.5rem;
4752
- }
4753
-
4754
- .pl-font-bold{
4755
- font-weight: 700;
4756
- }
4757
-
4758
- .pl-font-extrabold{
4759
- font-weight: 800;
4760
- }
4761
-
4762
- .pl-font-medium{
4763
- font-weight: 500;
4764
- }
4765
-
4766
- .pl-font-normal{
4767
- font-weight: 400;
4768
- }
4769
-
4770
- .pl-font-semibold{
4771
- font-weight: 600;
4772
- }
4773
-
4774
- .pl-leading-4{
4775
- line-height: 1rem;
4776
- }
4777
-
4778
- .pl-leading-5{
4779
- line-height: 1.25rem;
4780
- }
4781
-
4782
- .pl-leading-6{
4783
- line-height: 1.5rem;
4784
- }
4785
-
4786
- .pl-leading-\[100\%\]{
4787
- line-height: 100%;
4788
- }
4789
-
4790
- .pl-leading-\[18px\]{
4791
- line-height: 18px;
4792
- }
4793
-
4794
- .pl-leading-\[28px\]{
4795
- line-height: 28px;
4796
- }
4797
-
4798
- .pl-text-Common-white{
4799
- --tw-text-opacity: 1;
4800
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4801
- }
4802
-
4803
- .pl-text-\[\#212121\]{
4804
- --tw-text-opacity: 1;
4805
- color: rgb(33 33 33 / var(--tw-text-opacity, 1));
4806
- }
4807
-
4808
- .pl-text-\[\#4A4A4A\]{
4809
- --tw-text-opacity: 1;
4810
- color: rgb(74 74 74 / var(--tw-text-opacity, 1));
4811
- }
4812
-
4813
- .pl-text-\[\#737373\]{
4814
- --tw-text-opacity: 1;
4815
- color: rgb(115 115 115 / var(--tw-text-opacity, 1));
4816
- }
4817
-
4818
- .pl-text-\[\#C4C4C4\]{
4819
- --tw-text-opacity: 1;
4820
- color: rgb(196 196 196 / var(--tw-text-opacity, 1));
4821
- }
4822
-
4823
- .pl-text-\[\#C7C7C7\]{
4824
- --tw-text-opacity: 1;
4825
- color: rgb(199 199 199 / var(--tw-text-opacity, 1));
4826
- }
4827
-
4828
- .pl-text-black{
4829
- --tw-text-opacity: 1;
4830
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
4831
- }
4832
-
4833
- .pl-text-black\/\[0\.87\]{
4834
- color: rgb(0 0 0 / 0.87);
4835
- }
4836
-
4837
- .pl-text-gray-800{
4838
- --tw-text-opacity: 1;
4839
- color: rgb(31 41 55 / var(--tw-text-opacity, 1));
4840
- }
4841
-
4842
- .pl-text-primary{
4843
- --tw-text-opacity: 1;
4844
- color: rgb(183 28 60 / var(--tw-text-opacity, 1));
4845
- }
4846
-
4847
- .pl-text-text-primary{
4848
- color: rgba(0,0,0,0.9);
4849
- }
4850
-
4851
- .pl-text-white{
4852
- --tw-text-opacity: 1;
4853
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4854
- }
4855
-
4856
- .\!pl-opacity-100{
4857
- opacity: 1 !important;
4858
- }
4859
-
4860
- .pl-opacity-0{
4861
- opacity: 0;
4862
- }
4863
-
4864
- .pl-opacity-100{
4865
- opacity: 1;
4866
- }
4867
-
4868
- .pl-opacity-50{
4869
- opacity: 0.5;
4870
- }
4871
-
4872
- .pl-brightness-0{
4873
- --tw-brightness: brightness(0);
4874
- 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);
4875
- }
4876
-
4877
- .pl-brightness-50{
4878
- --tw-brightness: brightness(.5);
4879
- 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);
4880
- }
4881
-
4882
- .pl-brightness-\[0\.3\]{
4883
- --tw-brightness: brightness(0.3);
4884
- 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);
4885
- }
4886
-
4887
- .pl-transition-\[opacity\]{
4888
- transition-property: opacity;
4889
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4890
- transition-duration: 150ms;
4891
- }
4892
-
4893
- .pl-transition-all{
4894
- transition-property: all;
4895
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4896
- transition-duration: 150ms;
4897
- }
4898
-
4899
- .pl-transition-colors{
4900
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
4901
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4902
- transition-duration: 150ms;
4903
- }
4904
-
4905
- .pl-transition-opacity{
4906
- transition-property: opacity;
4907
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4908
- transition-duration: 150ms;
4909
- }
4910
-
4911
- .pl-transition-transform{
4912
- transition-property: transform;
4913
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4914
- transition-duration: 150ms;
4915
- }
4916
-
4917
- .pl-duration-150{
4918
- transition-duration: 150ms;
4919
- }
4920
-
4921
- .pl-duration-300{
4922
- transition-duration: 300ms;
4923
- }
4924
-
4925
- .pl-duration-500{
4926
- transition-duration: 500ms;
4927
- }
4928
-
4929
- .pl-ease-in-out{
4930
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4931
- }
4932
-
4933
- .pl-ease-linear{
4934
- transition-timing-function: linear;
4935
- }
4936
-
4937
- .before\:pl-inline-block::before{
4938
- content: var(--tw-content);
4939
- display: inline-block;
4940
- }
4941
-
4942
- .before\:pl-hidden::before{
4943
- content: var(--tw-content);
4944
- display: none;
4945
- }
4946
-
4947
- .before\:\!pl-size-\[20px\]::before{
4948
- content: var(--tw-content);
4949
- width: 20px !important;
4950
- height: 20px !important;
4951
- }
4952
-
4953
- .before\:\!pl-size-\[22px\]::before{
4954
- content: var(--tw-content);
4955
- width: 22px !important;
4956
- height: 22px !important;
4957
- }
4958
-
4959
- .before\:\!pl-size-\[9px\]::before{
4960
- content: var(--tw-content);
4961
- width: 9px !important;
4962
- height: 9px !important;
4963
- }
4964
-
4965
- .before\:pl-size-\[11px\]::before{
4966
- content: var(--tw-content);
4967
- width: 11px;
4968
- height: 11px;
4969
- }
4970
-
4971
- .before\:pl-size-\[8px\]::before{
4972
- content: var(--tw-content);
4973
- width: 8px;
4974
- height: 8px;
4975
- }
4976
-
4977
- .before\:pl-size-\[9px\]::before{
4978
- content: var(--tw-content);
4979
- width: 9px;
4980
- height: 9px;
4981
- }
4982
-
4983
- .before\:pl-bg-\[\#FF0033\]::before{
4984
- content: var(--tw-content);
4985
- --tw-bg-opacity: 1;
4986
- background-color: rgb(255 0 51 / var(--tw-bg-opacity, 1));
4987
- }
4988
-
4989
- .hover\:pl-scale-125:hover{
4990
- --tw-scale-x: 1.25;
4991
- --tw-scale-y: 1.25;
4992
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4993
- }
4994
-
4995
- .hover\:pl-bg-\[\#4A4A4A\]:hover{
4996
- --tw-bg-opacity: 1;
4997
- background-color: rgb(74 74 74 / var(--tw-bg-opacity, 1));
4998
- }
4999
-
5000
- .hover\:pl-bg-\[\#5E5E5E\]:hover{
5001
- --tw-bg-opacity: 1;
5002
- background-color: rgb(94 94 94 / var(--tw-bg-opacity, 1));
5003
- }
5004
-
5005
- .pl-group:hover .group-hover\:pl-bg-\[\#5E5E5E\]{
5006
- --tw-bg-opacity: 1;
5007
- background-color: rgb(94 94 94 / var(--tw-bg-opacity, 1));
5008
- }
5009
-
5010
- .pl-group:hover .group-hover\:\!pl-ps-1{
5011
- padding-inline-start: 0.25rem !important;
5012
- }
5013
-
5014
- .pl-group:hover .group-hover\:\!pl-ps-1\.5{
5015
- padding-inline-start: 0.375rem !important;
5016
- }
5017
-
5018
- @media (min-width: 600px){
5019
- .tablet\:\!pl-mx-auto{
5020
- margin-left: auto !important;
5021
- margin-right: auto !important;
5022
- }
5023
-
5024
- .tablet\:\!pl-max-w-\[305px\]{
5025
- max-width: 305px !important;
5026
- }
5027
-
5028
- .tablet\:\!pl-max-w-\[440px\]{
5029
- max-width: 440px !important;
5030
- }
5031
-
5032
- .tablet\:pl-max-w-\[440px\]{
5033
- max-width: 440px;
5034
- }
5035
-
5036
- .tablet\:pl-gap-\[12\.32px\]{
5037
- gap: 12.32px;
5038
- }
5039
-
5040
- .tablet\:pl-py-\[12\.32px\]{
5041
- padding-top: 12.32px;
5042
- padding-bottom: 12.32px;
5043
- }
5044
- }
5045
-
5046
- @media (min-width: 640px){
5047
- .sm\:pl-items-center{
5048
- align-items: center;
5049
- }
5050
- }
5051
-
5052
- @media (min-width: 1024px){
5053
- .desktop\:\!pl-max-w-\[198px\]{
5054
- max-width: 198px !important;
5055
- }
5056
-
5057
- .desktop\:pl-gap-2{
5058
- gap: 0.5rem;
5059
- }
5060
-
5061
- .desktop\:pl-py-2{
5062
- padding-top: 0.5rem;
5063
- padding-bottom: 0.5rem;
5064
- }
5065
- }
5066
-
5067
- @media (prefers-color-scheme: dark){
5068
- .dark\:pl-bg-black\/\[0\.7\]{
5069
- background-color: rgb(0 0 0 / 0.7);
5070
- }
5071
-
5072
- .dark\:pl-bg-gray-700{
5073
- --tw-bg-opacity: 1;
5074
- background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
5075
- }
5076
-
5077
- .dark\:pl-fill-white{
5078
- fill: #fff;
5079
- }
5080
-
5081
- .dark\:pl-text-white{
5082
- --tw-text-opacity: 1;
5083
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
5084
- }
5085
-
5086
- .odd\:dark\:pl-bg-dark-1:nth-child(odd){
5087
- --tw-bg-opacity: 1;
5088
- background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1));
5089
- }
5090
- }
7
+ */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:slideOutUp}@tailwind base;@tailwind components;@tailwind utilities;.dvh{height:100vh}@supports (height:100dvh){.dvh{height:100dvh!important}}#video-player-container{margin:0;font-family:IRANSansXFaNum,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;direction:rtl;touch-action:pan-y;max-height:100dvh;overflow-x:hidden;padding:0 0 12px}::cue{opacity:0!important}a{text-decoration:none}.pl-arrow-left span{animation:animate-left 1s infinite}.pl-arrow-right span{animation:animate-right 1s infinite}.pl-arrow-left span:nth-child(2),.pl-arrow-right span:nth-child(2){animation-delay:-.2s}.pl-arrow-left span:nth-child(3),.pl-arrow-right span:nth-child(3){animation-delay:-.4s}@keyframes animate-left{0%{opacity:0;transform:translateX(20px)}50%{opacity:1}to{opacity:0;transform:translateX(-20px)}}@keyframes animate-right{0%{opacity:0;transform:translateX(-20px)}50%{opacity:1}to{opacity:0;transform:translateX(20px)}}span.pl-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .4s linear;background-color:hsla(0,0%,100%,.7);overflow:hidden}@keyframes ripple{to{transform:scale(4);opacity:0}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#a3a3a3}input::placeholder,textarea::placeholder{opacity:1;color:#a3a3a3}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pl-pointer-events-none{pointer-events:none}.pl-pointer-events-auto{pointer-events:auto}.pl-visible{visibility:visible}.pl-invisible{visibility:hidden}.\!pl-fixed{position:fixed!important}.pl-fixed{position:fixed}.pl-absolute{position:absolute}.pl-relative{position:relative}.pl-inset-0{inset:0}.\!pl-bottom-0{bottom:0!important}.\!pl-bottom-\[180\%\]{bottom:180%!important}.\!pl-right-\[-48px\]{right:-48px!important}.pl-bottom-0{bottom:0}.pl-bottom-8{bottom:2rem}.pl-bottom-\[130\%\]{bottom:130%}.pl-bottom-\[130px\]{bottom:130px}.pl-bottom-\[131px\]{bottom:131px}.pl-bottom-\[14px\]{bottom:14px}.pl-bottom-\[150\%\]{bottom:150%}.pl-bottom-\[16px\]{bottom:16px}.pl-bottom-\[200\%\]{bottom:200%}.pl-bottom-\[20px\]{bottom:20px}.pl-bottom-\[30px\]{bottom:30px}.pl-bottom-\[45px\]{bottom:45px}.pl-bottom-\[50px\]{bottom:50px}.pl-bottom-\[51px\]{bottom:51px}.pl-bottom-\[60px\]{bottom:60px}.pl-bottom-\[64px\]{bottom:64px}.pl-bottom-\[76px\]{bottom:76px}.pl-bottom-\[calc\(100\%\+10px\)\]{bottom:calc(100% + 10px)}.pl-left-0{left:0}.pl-left-1{left:.25rem}.pl-left-1\/2{left:50%}.pl-left-9{left:2.25rem}.pl-left-\[14px\]{left:14px}.pl-left-\[16px\]{left:16px}.pl-left-\[24px\]{left:24px}.pl-right-0{right:0}.pl-right-3{right:.75rem}.pl-right-4{right:1rem}.pl-right-5{right:1.25rem}.pl-right-6{right:1.5rem}.pl-right-\[-1px\]{right:-1px}.pl-right-\[-4px\]{right:-4px}.pl-right-\[18px\]{right:18px}.pl-right-\[24px\]{right:24px}.pl-right-\[29px\]{right:29px}.pl-right-\[2px\]{right:2px}.pl-right-\[50\%\]{right:50%}.pl-top-0{top:0}.pl-top-1\/2{top:50%}.pl-top-2{top:.5rem}.pl-top-3{top:.75rem}.pl-top-5{top:1.25rem}.pl-top-\[-2px\]{top:-2px}.pl-top-\[10px\]{top:10px}.pl-top-\[12px\]{top:12px}.pl-top-\[16px\]{top:16px}.pl-top-\[28px\]{top:28px}.pl-top-\[2px\]{top:2px}.pl-top-\[46px\]{top:46px}.\!pl-z-\[100000\]{z-index:100000!important}.pl-z-0{z-index:0}.pl-z-10{z-index:10}.pl-z-20{z-index:20}.pl-z-\[1000000\]{z-index:1000000}.pl-z-\[100000\]{z-index:100000}.pl-z-\[1000\]{z-index:1000}.pl-z-\[1\]{z-index:1}.pl-order-1{order:1}.pl-order-none{order:0}.pl-m-auto{margin:auto}.pl-mx-2{margin-left:.5rem;margin-right:.5rem}.pl-mx-8{margin-left:2rem;margin-right:2rem}.pl-mx-\[14\.58px\]{margin-left:14.58px;margin-right:14.58px}.pl-mx-auto{margin-left:auto;margin-right:auto}.pl-my-4{margin-top:1rem;margin-bottom:1rem}.pl-mb-1{margin-bottom:.25rem}.pl-mb-1\.5{margin-bottom:.375rem}.pl-mb-2{margin-bottom:.5rem}.pl-mb-3{margin-bottom:.75rem}.pl-mb-5{margin-bottom:1.25rem}.pl-mb-8{margin-bottom:2rem}.pl-mb-\[33px\]{margin-bottom:33px}.pl-mb-\[7px\]{margin-bottom:7px}.pl-ml-0\.5{margin-left:.125rem}.pl-ml-1{margin-left:.25rem}.pl-ml-2{margin-left:.5rem}.pl-ml-4{margin-left:1rem}.pl-ml-\[-10px\]{margin-left:-10px}.pl-ml-\[-12px\]{margin-left:-12px}.pl-ml-auto{margin-left:auto}.pl-mr-\[-25px\]{margin-right:-25px}.pl-mt-0\.5{margin-top:.125rem}.pl-mt-2{margin-top:.5rem}.pl-mt-4{margin-top:1rem}.pl-flex{display:flex}.pl-inline-flex{display:inline-flex}.pl-aspect-video{aspect-ratio:16/9}.pl-size-4{width:1rem;height:1rem}.pl-size-5{width:1.25rem;height:1.25rem}.pl-size-\[122px\]{width:122px;height:122px}.pl-size-\[18px\]{width:18px;height:18px}.pl-size-\[26px\]{width:26px;height:26px}.pl-size-\[34px\]{width:34px;height:34px}.pl-size-\[36px\]{width:36px;height:36px}.pl-size-\[40px\]{width:40px;height:40px}.pl-size-\[48px\]{width:48px;height:48px}.pl-size-\[50px\]{width:50px;height:50px}.pl-size-\[56px\]{width:56px;height:56px}.pl-size-\[68px\]{width:68px;height:68px}.pl-size-\[72px\]{width:72px;height:72px}.pl-size-full{width:100%;height:100%}.\!pl-h-\[6px\]{height:6px!important}.\!pl-h-screen{height:100vh!important}.pl-h-1{height:.25rem}.pl-h-10{height:2.5rem}.pl-h-12{height:3rem}.pl-h-14{height:3.5rem}.pl-h-2{height:.5rem}.pl-h-3{height:.75rem}.pl-h-4{height:1rem}.pl-h-6{height:1.5rem}.pl-h-8{height:2rem}.pl-h-9{height:2.25rem}.pl-h-\[100px\]{height:100px}.pl-h-\[110px\]{height:110px}.pl-h-\[137px\]{height:137px}.pl-h-\[13px\]{height:13px}.pl-h-\[14px\]{height:14px}.pl-h-\[164px\]{height:164px}.pl-h-\[16px\]{height:16px}.pl-h-\[200px\]{height:200px}.pl-h-\[20px\]{height:20px}.pl-h-\[22px\]{height:22px}.pl-h-\[24px\]{height:24px}.pl-h-\[25px\]{height:25px}.pl-h-\[26px\]{height:26px}.pl-h-\[3\.64px\]{height:3.64px}.pl-h-\[32px\]{height:32px}.pl-h-\[34px\]{height:34px}.pl-h-\[36px\]{height:36px}.pl-h-\[3px\]{height:3px}.pl-h-\[40px\]{height:40px}.pl-h-\[45\.5px\]{height:45.5px}.pl-h-\[46px\]{height:46px}.pl-h-\[48px\]{height:48px}.pl-h-\[54px\]{height:54px}.pl-h-\[56px\]{height:56px}.pl-h-\[6px\]{height:6px}.pl-h-\[70px\]{height:70px}.pl-h-\[8px\]{height:8px}.pl-h-\[93px\]{height:93px}.pl-h-full{height:100%}.pl-h-screen{height:100vh}.pl-max-h-\[100dvh\]{max-height:100dvh}.pl-max-h-\[80vh\]{max-height:80vh}.pl-max-h-screen{max-height:100vh}.\!pl-w-\[200px\]{width:200px!important}.\!pl-w-\[230px\]{width:230px!important}.\!pl-w-\[272px\]{width:272px!important}.\!pl-w-full{width:100%!important}.\!pl-w-screen{width:100vw!important}.pl-w-10{width:2.5rem}.pl-w-2{width:.5rem}.pl-w-3{width:.75rem}.pl-w-4{width:1rem}.pl-w-6{width:1.5rem}.pl-w-8{width:2rem}.pl-w-\[126px\]{width:126px}.pl-w-\[130px\]{width:130px}.pl-w-\[135px\]{width:135px}.pl-w-\[13px\]{width:13px}.pl-w-\[165px\]{width:165px}.pl-w-\[16px\]{width:16px}.pl-w-\[200px\]{width:200px}.pl-w-\[20px\]{width:20px}.pl-w-\[230px\]{width:230px}.pl-w-\[244px\]{width:244px}.pl-w-\[24px\]{width:24px}.pl-w-\[291px\]{width:291px}.pl-w-\[300px\]{width:300px}.pl-w-\[32px\]{width:32px}.pl-w-\[37px\]{width:37px}.pl-w-\[40px\]{width:40px}.pl-w-\[48px\]{width:48px}.pl-w-\[54px\]{width:54px}.pl-w-\[56px\]{width:56px}.pl-w-fit{width:-moz-fit-content;width:fit-content}.pl-w-full{width:100%}.pl-w-max{width:-moz-max-content;width:max-content}.pl-w-screen{width:100vw}.pl-min-w-\[103px\]{min-width:103px}.pl-min-w-\[26px\]{min-width:26px}.pl-min-w-\[34px\]{min-width:34px}.pl-min-w-\[36px\]{min-width:36px}.pl-min-w-\[48px\]{min-width:48px}.pl-min-w-\[78px\]{min-width:78px}.\!pl-max-w-max{max-width:-moz-max-content!important;max-width:max-content!important}.pl-max-w-\[198px\]{max-width:198px}.pl-max-w-\[285px\]{max-width:285px}.pl-max-w-\[440px\]{max-width:440px}.pl-max-w-\[80\%\]{max-width:80%}.pl-max-w-\[800px\]{max-width:800px}.pl-max-w-full{max-width:100%}.pl-flex-1{flex:1 1 0%}.pl-shrink-0{flex-shrink:0}.-pl-translate-x-0\.5{--tw-translate-x:-0.125rem}.-pl-translate-x-0\.5,.-pl-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-pl-translate-x-1\/2{--tw-translate-x:-50%}.-pl-translate-y-1\/2{--tw-translate-y:-50%}.-pl-translate-y-1\/2,.pl-translate-x-\[13px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pl-translate-x-\[13px\]{--tw-translate-x:13px}.pl-rotate-180{--tw-rotate:180deg}.pl-rotate-180,.pl-scale-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pl-scale-0{--tw-scale-x:0;--tw-scale-y:0}.pl-scale-\[130\%\]{--tw-scale-x:130%;--tw-scale-y:130%}.pl-scale-\[130\%\],.pl-scale-\[170\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pl-scale-\[170\%\]{--tw-scale-x:170%;--tw-scale-y:170%}.pl-scale-\[250\%\]{--tw-scale-x:250%;--tw-scale-y:250%}.pl-scale-\[250\%\],.pl-scale-\[290\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pl-scale-\[290\%\]{--tw-scale-x:290%;--tw-scale-y:290%}@keyframes pl-pulse{50%{opacity:.5}}.pl-animate-pulse{animation:pl-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.\!pl-cursor-default{cursor:default!important}.\!pl-cursor-pointer{cursor:pointer!important}.pl-cursor-default{cursor:default}.pl-cursor-none{cursor:none}.pl-cursor-pointer{cursor:pointer}.pl-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pl-flex-row-reverse{flex-direction:row-reverse}.pl-flex-col{flex-direction:column}.pl-flex-col-reverse{flex-direction:column-reverse}.pl-items-start{align-items:flex-start}.pl-items-end{align-items:flex-end}.pl-items-center{align-items:center}.pl-justify-end{justify-content:flex-end}.pl-justify-center{justify-content:center}.pl-justify-between{justify-content:space-between}.pl-gap-0\.5{gap:.125rem}.pl-gap-1{gap:.25rem}.pl-gap-1\.5{gap:.375rem}.pl-gap-2{gap:.5rem}.pl-gap-2\.5{gap:.625rem}.pl-gap-3{gap:.75rem}.pl-gap-4{gap:1rem}.pl-gap-6{gap:1.5rem}.pl-gap-8{gap:2rem}.pl-gap-\[11px\]{gap:11px}.pl-gap-\[14\.58px\]{gap:14.58px}.pl-gap-\[5px\]{gap:5px}.pl-self-start{align-self:flex-start}.pl-self-center{align-self:center}.pl-overflow-auto{overflow:auto}.\!pl-overflow-hidden{overflow:hidden!important}.pl-overflow-hidden{overflow:hidden}.pl-overflow-y-auto{overflow-y:auto}.pl-truncate{overflow:hidden;white-space:nowrap}.pl-text-ellipsis,.pl-truncate{text-overflow:ellipsis}.pl-whitespace-normal{white-space:normal}.pl-whitespace-nowrap{white-space:nowrap}.pl-text-wrap{text-wrap:wrap}.pl-break-words{overflow-wrap:break-word}.\!pl-rounded-\[12px\]{border-radius:12px!important}.\!pl-rounded-\[4px\]{border-radius:4px!important}.\!pl-rounded-none{border-radius:0!important}.pl-rounded-2xl{border-radius:1rem}.pl-rounded-\[10px\]{border-radius:10px}.pl-rounded-\[12px\]{border-radius:12px}.pl-rounded-\[15px\]{border-radius:15px}.pl-rounded-\[20px\]{border-radius:20px}.pl-rounded-\[24px\]{border-radius:24px}.pl-rounded-\[28px\]{border-radius:28px}.pl-rounded-\[4px\]{border-radius:4px}.pl-rounded-\[50px\]{border-radius:50px}.pl-rounded-\[6px\]{border-radius:6px}.pl-rounded-\[8px\]{border-radius:8px}.pl-rounded-full{border-radius:9999px}.pl-rounded-lg{border-radius:.5rem}.pl-rounded-none{border-radius:0}.\!pl-rounded-t-\[20px\]{border-top-left-radius:20px!important;border-top-right-radius:20px!important}.pl-rounded-b-\[12px\]{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.pl-rounded-b-\[50px\]{border-bottom-right-radius:50px;border-bottom-left-radius:50px}.pl-rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.pl-rounded-t-\[12px\]{border-top-left-radius:12px;border-top-right-radius:12px}.pl-border{border-width:1px}.pl-border-2{border-width:2px}.pl-border-\[1\.5px\]{border-width:1.5px}.pl-border-b{border-bottom-width:1px}.pl-border-r-2{border-right-width:2px}.pl-border-gray-highLight{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.pl-border-transparent{border-color:transparent}.pl-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.pl-border-b-\[\#4A4A4A\]{--tw-border-opacity:1;border-bottom-color:rgb(74 74 74/var(--tw-border-opacity,1))}.pl-border-b-\[\#D9D9D9\]{--tw-border-opacity:1;border-bottom-color:rgb(217 217 217/var(--tw-border-opacity,1))}.pl-border-r-z-yellow-light{--tw-border-opacity:1;border-right-color:rgb(250 216 50/var(--tw-border-opacity,1))}.\!pl-bg-\[\#4A4A4A\]{--tw-bg-opacity:1!important;background-color:rgb(74 74 74/var(--tw-bg-opacity,1))!important}.\!pl-bg-black\/\[75\%\]{background-color:rgba(0,0,0,.75)!important}.\!pl-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.pl-bg-Common-white-overlay-1{background-color:hsla(0,0%,100%,.8)}.pl-bg-\[\#000000\]\/\[70\%\]{background-color:rgba(0,0,0,.7)}.pl-bg-\[\#212121\]\/\[0\.6\]{background-color:rgba(33,33,33,.6)}.pl-bg-\[\#282828\]{--tw-bg-opacity:1;background-color:rgb(40 40 40/var(--tw-bg-opacity,1))}.pl-bg-\[\#4A4A4A\]{--tw-bg-opacity:1;background-color:rgb(74 74 74/var(--tw-bg-opacity,1))}.pl-bg-\[\#C7C7C7\]{--tw-bg-opacity:1;background-color:rgb(199 199 199/var(--tw-bg-opacity,1))}.pl-bg-\[\#F7F7F7\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity,1))}.pl-bg-\[\#FF0033\]{--tw-bg-opacity:1;background-color:rgb(255 0 51/var(--tw-bg-opacity,1))}.pl-bg-\[\#FFCC00\]{--tw-bg-opacity:1;background-color:rgb(255 204 0/var(--tw-bg-opacity,1))}.pl-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.pl-bg-black\/20{background-color:rgba(0,0,0,.2)}.pl-bg-black\/50{background-color:rgba(0,0,0,.5)}.pl-bg-black\/60{background-color:rgba(0,0,0,.6)}.pl-bg-black\/75{background-color:rgba(0,0,0,.75)}.pl-bg-black\/\[0\.16\]{background-color:rgba(0,0,0,.16)}.pl-bg-black\/\[0\.5\]{background-color:rgba(0,0,0,.5)}.pl-bg-dark-1{--tw-bg-opacity:1;background-color:rgb(28 27 30/var(--tw-bg-opacity,1))}.pl-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.pl-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(212 212 212/var(--tw-bg-opacity,1))}.pl-bg-gray-highLight{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.pl-bg-primary{--tw-bg-opacity:1;background-color:rgb(183 28 60/var(--tw-bg-opacity,1))}.pl-bg-primary-600{--tw-bg-opacity:1;background-color:rgb(124 142 255/var(--tw-bg-opacity,1))}.pl-bg-secondary-200{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity,1))}.pl-bg-secondary-600{--tw-bg-opacity:1;background-color:rgb(78 75 102/var(--tw-bg-opacity,1))}.pl-bg-secondary-700\/\[0\.8\]{background-color:rgba(38,35,56,.8)}.pl-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.pl-bg-white\/\[0\.9\]{background-color:hsla(0,0%,100%,.9)}.pl-bg-z-gray-700\/\[0\.4\]{background-color:rgba(34,40,49,.4)}.pl-bg-contain{background-size:contain}.pl-bg-center{background-position:50%}.pl-bg-no-repeat{background-repeat:no-repeat}.pl-fill-dark-7{fill:#bb86fc}.pl-fill-gray-800{fill:#1f2937}.pl-fill-white{fill:#fff}.pl-object-cover{-o-object-fit:cover;object-fit:cover}.\!pl-p-0{padding:0!important}.pl-p-0{padding:0}.pl-p-1{padding:.25rem}.pl-p-1\.5{padding:.375rem}.pl-p-2{padding:.5rem}.pl-p-3{padding:.75rem}.pl-p-6{padding:1.5rem}.pl-p-\[3px\]{padding:3px}.\!pl-px-0{padding-left:0!important;padding-right:0!important}.pl-px-1{padding-left:.25rem;padding-right:.25rem}.pl-px-1\.5{padding-left:.375rem;padding-right:.375rem}.pl-px-2{padding-left:.5rem;padding-right:.5rem}.pl-px-3{padding-left:.75rem;padding-right:.75rem}.pl-px-4{padding-left:1rem;padding-right:1rem}.pl-px-5{padding-left:1.25rem;padding-right:1.25rem}.pl-px-6{padding-left:1.5rem;padding-right:1.5rem}.pl-px-\[10px\]{padding-left:10px;padding-right:10px}.pl-px-\[24px\]{padding-left:24px;padding-right:24px}.pl-px-\[48px\]{padding-left:48px;padding-right:48px}.pl-px-\[9\.5px\]{padding-left:9.5px;padding-right:9.5px}.pl-px-\[9px\]{padding-left:9px;padding-right:9px}.pl-py-1{padding-top:.25rem;padding-bottom:.25rem}.pl-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pl-py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-py-4{padding-top:1rem;padding-bottom:1rem}.\!pl-pb-0{padding-bottom:0!important}.pl-pb-1\.5{padding-bottom:.375rem}.pl-pb-2{padding-bottom:.5rem}.pl-pb-3{padding-bottom:.75rem}.pl-pl-6{padding-left:1.5rem}.pl-pr-6{padding-right:1.5rem}.pl-pr-\[10px\]{padding-right:10px}.pl-pt-0\.5{padding-top:.125rem}.pl-pt-1{padding-top:.25rem}.pl-pt-2{padding-top:.5rem}.pl-pt-6{padding-top:1.5rem}.pl-pt-8{padding-top:2rem}.pl-text-left{text-align:left}.pl-text-center{text-align:center}.pl-text-\[10\.93px\]{font-size:10.93px}.pl-text-\[10px\]{font-size:10px}.pl-text-\[11px\]{font-size:11px}.pl-text-\[12px\]{font-size:12px}.pl-text-\[13px\]{font-size:13px}.pl-text-\[14px\]{font-size:14px}.pl-text-\[15px\]{font-size:15px}.pl-text-\[16px\]{font-size:16px}.pl-text-\[20px\]{font-size:20px}.pl-text-\[32px\]{font-size:32px}.pl-text-base{font-size:1rem;line-height:1.5rem}.pl-font-bold{font-weight:700}.pl-font-extrabold{font-weight:800}.pl-font-medium{font-weight:500}.pl-font-normal{font-weight:400}.pl-font-semibold{font-weight:600}.pl-leading-4{line-height:1rem}.pl-leading-5{line-height:1.25rem}.pl-leading-6{line-height:1.5rem}.pl-leading-\[100\%\]{line-height:100%}.pl-leading-\[18px\]{line-height:18px}.pl-leading-\[28px\]{line-height:28px}.pl-text-Common-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.pl-text-\[\#212121\]{--tw-text-opacity:1;color:rgb(33 33 33/var(--tw-text-opacity,1))}.pl-text-\[\#4A4A4A\]{--tw-text-opacity:1;color:rgb(74 74 74/var(--tw-text-opacity,1))}.pl-text-\[\#737373\]{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.pl-text-\[\#C4C4C4\]{--tw-text-opacity:1;color:rgb(196 196 196/var(--tw-text-opacity,1))}.pl-text-\[\#C7C7C7\]{--tw-text-opacity:1;color:rgb(199 199 199/var(--tw-text-opacity,1))}.pl-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.pl-text-black\/\[0\.87\]{color:rgba(0,0,0,.87)}.pl-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.pl-text-primary{--tw-text-opacity:1;color:rgb(183 28 60/var(--tw-text-opacity,1))}.pl-text-text-primary{color:rgba(0,0,0,.9)}.pl-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\!pl-opacity-100{opacity:1!important}.pl-opacity-0{opacity:0}.pl-opacity-100{opacity:1}.pl-opacity-50{opacity:.5}.pl-brightness-0{--tw-brightness:brightness(0)}.pl-brightness-0,.pl-brightness-50{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)}.pl-brightness-50{--tw-brightness:brightness(.5)}.pl-brightness-\[0\.3\]{--tw-brightness:brightness(0.3);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)}.pl-transition-\[opacity\]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pl-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pl-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pl-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pl-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pl-duration-150{transition-duration:.15s}.pl-duration-300{transition-duration:.3s}.pl-duration-500{transition-duration:.5s}.pl-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.pl-ease-linear{transition-timing-function:linear}.before\:pl-inline-block:before{content:var(--tw-content);display:inline-block}.before\:pl-hidden:before{content:var(--tw-content);display:none}.before\:\!pl-size-\[20px\]:before{content:var(--tw-content);width:20px!important;height:20px!important}.before\:\!pl-size-\[22px\]:before{content:var(--tw-content);width:22px!important;height:22px!important}.before\:\!pl-size-\[9px\]:before{content:var(--tw-content);width:9px!important;height:9px!important}.before\:pl-size-\[11px\]:before{content:var(--tw-content);width:11px;height:11px}.before\:pl-size-\[8px\]:before{content:var(--tw-content);width:8px;height:8px}.before\:pl-size-\[9px\]:before{content:var(--tw-content);width:9px;height:9px}.before\:pl-bg-\[\#FF0033\]:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 0 51/var(--tw-bg-opacity,1))}.hover\:pl-scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:pl-bg-\[\#4A4A4A\]:hover{--tw-bg-opacity:1;background-color:rgb(74 74 74/var(--tw-bg-opacity,1))}.hover\:pl-bg-\[\#5E5E5E\]:hover,.pl-group:hover .group-hover\:pl-bg-\[\#5E5E5E\]{--tw-bg-opacity:1;background-color:rgb(94 94 94/var(--tw-bg-opacity,1))}.pl-group:hover .group-hover\:pl-pr-1{padding-right:.25rem}.pl-group:hover .group-hover\:pl-pr-1\.5{padding-right:.375rem}@media (min-width:600px){.tablet\:\!pl-mx-auto{margin-left:auto!important;margin-right:auto!important}.tablet\:\!pl-max-w-\[305px\]{max-width:305px!important}.tablet\:\!pl-max-w-\[440px\]{max-width:440px!important}.tablet\:pl-max-w-\[440px\]{max-width:440px}.tablet\:pl-gap-\[12\.32px\]{gap:12.32px}.tablet\:pl-py-\[12\.32px\]{padding-top:12.32px;padding-bottom:12.32px}}@media (min-width:640px){.sm\:pl-items-center{align-items:center}}@media (min-width:1024px){.desktop\:\!pl-max-w-\[198px\]{max-width:198px!important}.desktop\:pl-gap-2{gap:.5rem}.desktop\:pl-py-2{padding-top:.5rem;padding-bottom:.5rem}}@media (prefers-color-scheme:dark){.dark\:pl-bg-black\/\[0\.7\]{background-color:rgba(0,0,0,.7)}.dark\:pl-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.dark\:pl-fill-white{fill:#fff}.dark\:pl-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.odd\:dark\:pl-bg-dark-1:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(28 27 30/var(--tw-bg-opacity,1))}}