paginar 0.3.2 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +9639 -8894
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +287 -284
- package/package.json +1 -1
- package/src/App.ce.vue +166 -148
- package/src/components/HeaderSlot/SummaryButton/SummaryButton.vue +74 -70
- package/src/tailwind.css +285 -282
package/src/tailwind.css
CHANGED
|
@@ -1,5 +1,113 @@
|
|
|
1
|
+
*, ::before, ::after {
|
|
2
|
+
--tw-border-spacing-x: 0;
|
|
3
|
+
--tw-border-spacing-y: 0;
|
|
4
|
+
--tw-translate-x: 0;
|
|
5
|
+
--tw-translate-y: 0;
|
|
6
|
+
--tw-rotate: 0;
|
|
7
|
+
--tw-skew-x: 0;
|
|
8
|
+
--tw-skew-y: 0;
|
|
9
|
+
--tw-scale-x: 1;
|
|
10
|
+
--tw-scale-y: 1;
|
|
11
|
+
--tw-pan-x: ;
|
|
12
|
+
--tw-pan-y: ;
|
|
13
|
+
--tw-pinch-zoom: ;
|
|
14
|
+
--tw-scroll-snap-strictness: proximity;
|
|
15
|
+
--tw-gradient-from-position: ;
|
|
16
|
+
--tw-gradient-via-position: ;
|
|
17
|
+
--tw-gradient-to-position: ;
|
|
18
|
+
--tw-ordinal: ;
|
|
19
|
+
--tw-slashed-zero: ;
|
|
20
|
+
--tw-numeric-figure: ;
|
|
21
|
+
--tw-numeric-spacing: ;
|
|
22
|
+
--tw-numeric-fraction: ;
|
|
23
|
+
--tw-ring-inset: ;
|
|
24
|
+
--tw-ring-offset-width: 0px;
|
|
25
|
+
--tw-ring-offset-color: #fff;
|
|
26
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
27
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
28
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
29
|
+
--tw-shadow: 0 0 #0000;
|
|
30
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
31
|
+
--tw-blur: ;
|
|
32
|
+
--tw-brightness: ;
|
|
33
|
+
--tw-contrast: ;
|
|
34
|
+
--tw-grayscale: ;
|
|
35
|
+
--tw-hue-rotate: ;
|
|
36
|
+
--tw-invert: ;
|
|
37
|
+
--tw-saturate: ;
|
|
38
|
+
--tw-sepia: ;
|
|
39
|
+
--tw-drop-shadow: ;
|
|
40
|
+
--tw-backdrop-blur: ;
|
|
41
|
+
--tw-backdrop-brightness: ;
|
|
42
|
+
--tw-backdrop-contrast: ;
|
|
43
|
+
--tw-backdrop-grayscale: ;
|
|
44
|
+
--tw-backdrop-hue-rotate: ;
|
|
45
|
+
--tw-backdrop-invert: ;
|
|
46
|
+
--tw-backdrop-opacity: ;
|
|
47
|
+
--tw-backdrop-saturate: ;
|
|
48
|
+
--tw-backdrop-sepia: ;
|
|
49
|
+
--tw-contain-size: ;
|
|
50
|
+
--tw-contain-layout: ;
|
|
51
|
+
--tw-contain-paint: ;
|
|
52
|
+
--tw-contain-style: ;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
::backdrop {
|
|
56
|
+
--tw-border-spacing-x: 0;
|
|
57
|
+
--tw-border-spacing-y: 0;
|
|
58
|
+
--tw-translate-x: 0;
|
|
59
|
+
--tw-translate-y: 0;
|
|
60
|
+
--tw-rotate: 0;
|
|
61
|
+
--tw-skew-x: 0;
|
|
62
|
+
--tw-skew-y: 0;
|
|
63
|
+
--tw-scale-x: 1;
|
|
64
|
+
--tw-scale-y: 1;
|
|
65
|
+
--tw-pan-x: ;
|
|
66
|
+
--tw-pan-y: ;
|
|
67
|
+
--tw-pinch-zoom: ;
|
|
68
|
+
--tw-scroll-snap-strictness: proximity;
|
|
69
|
+
--tw-gradient-from-position: ;
|
|
70
|
+
--tw-gradient-via-position: ;
|
|
71
|
+
--tw-gradient-to-position: ;
|
|
72
|
+
--tw-ordinal: ;
|
|
73
|
+
--tw-slashed-zero: ;
|
|
74
|
+
--tw-numeric-figure: ;
|
|
75
|
+
--tw-numeric-spacing: ;
|
|
76
|
+
--tw-numeric-fraction: ;
|
|
77
|
+
--tw-ring-inset: ;
|
|
78
|
+
--tw-ring-offset-width: 0px;
|
|
79
|
+
--tw-ring-offset-color: #fff;
|
|
80
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
81
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
82
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
83
|
+
--tw-shadow: 0 0 #0000;
|
|
84
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
85
|
+
--tw-blur: ;
|
|
86
|
+
--tw-brightness: ;
|
|
87
|
+
--tw-contrast: ;
|
|
88
|
+
--tw-grayscale: ;
|
|
89
|
+
--tw-hue-rotate: ;
|
|
90
|
+
--tw-invert: ;
|
|
91
|
+
--tw-saturate: ;
|
|
92
|
+
--tw-sepia: ;
|
|
93
|
+
--tw-drop-shadow: ;
|
|
94
|
+
--tw-backdrop-blur: ;
|
|
95
|
+
--tw-backdrop-brightness: ;
|
|
96
|
+
--tw-backdrop-contrast: ;
|
|
97
|
+
--tw-backdrop-grayscale: ;
|
|
98
|
+
--tw-backdrop-hue-rotate: ;
|
|
99
|
+
--tw-backdrop-invert: ;
|
|
100
|
+
--tw-backdrop-opacity: ;
|
|
101
|
+
--tw-backdrop-saturate: ;
|
|
102
|
+
--tw-backdrop-sepia: ;
|
|
103
|
+
--tw-contain-size: ;
|
|
104
|
+
--tw-contain-layout: ;
|
|
105
|
+
--tw-contain-paint: ;
|
|
106
|
+
--tw-contain-style: ;
|
|
107
|
+
}
|
|
108
|
+
|
|
1
109
|
/*
|
|
2
|
-
! tailwindcss v3.
|
|
110
|
+
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
|
|
3
111
|
*/
|
|
4
112
|
|
|
5
113
|
/*
|
|
@@ -30,9 +138,13 @@
|
|
|
30
138
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
31
139
|
3. Use a more readable tab size.
|
|
32
140
|
4. Use the user's configured `sans` font-family by default.
|
|
141
|
+
5. Use the user's configured `sans` font-feature-settings by default.
|
|
142
|
+
6. Use the user's configured `sans` font-variation-settings by default.
|
|
143
|
+
7. Disable tap highlights on iOS
|
|
33
144
|
*/
|
|
34
145
|
|
|
35
|
-
html
|
|
146
|
+
html,
|
|
147
|
+
:host {
|
|
36
148
|
line-height: 1.5;
|
|
37
149
|
/* 1 */
|
|
38
150
|
-webkit-text-size-adjust: 100%;
|
|
@@ -42,8 +154,14 @@ html {
|
|
|
42
154
|
-o-tab-size: 4;
|
|
43
155
|
tab-size: 4;
|
|
44
156
|
/* 3 */
|
|
45
|
-
font-family: ui-sans-serif, system-ui,
|
|
157
|
+
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
46
158
|
/* 4 */
|
|
159
|
+
font-feature-settings: normal;
|
|
160
|
+
/* 5 */
|
|
161
|
+
font-variation-settings: normal;
|
|
162
|
+
/* 6 */
|
|
163
|
+
-webkit-tap-highlight-color: transparent;
|
|
164
|
+
/* 7 */
|
|
47
165
|
}
|
|
48
166
|
|
|
49
167
|
/*
|
|
@@ -115,8 +233,10 @@ strong {
|
|
|
115
233
|
}
|
|
116
234
|
|
|
117
235
|
/*
|
|
118
|
-
1. Use the user's configured `mono` font
|
|
119
|
-
2.
|
|
236
|
+
1. Use the user's configured `mono` font-family by default.
|
|
237
|
+
2. Use the user's configured `mono` font-feature-settings by default.
|
|
238
|
+
3. Use the user's configured `mono` font-variation-settings by default.
|
|
239
|
+
4. Correct the odd `em` font sizing in all browsers.
|
|
120
240
|
*/
|
|
121
241
|
|
|
122
242
|
code,
|
|
@@ -125,8 +245,12 @@ samp,
|
|
|
125
245
|
pre {
|
|
126
246
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
127
247
|
/* 1 */
|
|
128
|
-
font-
|
|
248
|
+
font-feature-settings: normal;
|
|
129
249
|
/* 2 */
|
|
250
|
+
font-variation-settings: normal;
|
|
251
|
+
/* 3 */
|
|
252
|
+
font-size: 1em;
|
|
253
|
+
/* 4 */
|
|
130
254
|
}
|
|
131
255
|
|
|
132
256
|
/*
|
|
@@ -185,12 +309,18 @@ select,
|
|
|
185
309
|
textarea {
|
|
186
310
|
font-family: inherit;
|
|
187
311
|
/* 1 */
|
|
312
|
+
font-feature-settings: inherit;
|
|
313
|
+
/* 1 */
|
|
314
|
+
font-variation-settings: inherit;
|
|
315
|
+
/* 1 */
|
|
188
316
|
font-size: 100%;
|
|
189
317
|
/* 1 */
|
|
190
318
|
font-weight: inherit;
|
|
191
319
|
/* 1 */
|
|
192
320
|
line-height: inherit;
|
|
193
321
|
/* 1 */
|
|
322
|
+
letter-spacing: inherit;
|
|
323
|
+
/* 1 */
|
|
194
324
|
color: inherit;
|
|
195
325
|
/* 1 */
|
|
196
326
|
margin: 0;
|
|
@@ -214,9 +344,9 @@ select {
|
|
|
214
344
|
*/
|
|
215
345
|
|
|
216
346
|
button,
|
|
217
|
-
[type='button'],
|
|
218
|
-
[type='reset'],
|
|
219
|
-
[type='submit'] {
|
|
347
|
+
input:where([type='button']),
|
|
348
|
+
input:where([type='reset']),
|
|
349
|
+
input:where([type='submit']) {
|
|
220
350
|
-webkit-appearance: button;
|
|
221
351
|
/* 1 */
|
|
222
352
|
background-color: transparent;
|
|
@@ -335,6 +465,14 @@ menu {
|
|
|
335
465
|
padding: 0;
|
|
336
466
|
}
|
|
337
467
|
|
|
468
|
+
/*
|
|
469
|
+
Reset default styling for dialogs.
|
|
470
|
+
*/
|
|
471
|
+
|
|
472
|
+
dialog {
|
|
473
|
+
padding: 0;
|
|
474
|
+
}
|
|
475
|
+
|
|
338
476
|
/*
|
|
339
477
|
Prevent resizing textareas horizontally by default.
|
|
340
478
|
*/
|
|
@@ -410,145 +548,10 @@ video {
|
|
|
410
548
|
height: auto;
|
|
411
549
|
}
|
|
412
550
|
|
|
413
|
-
|
|
414
|
-
--tw-border-spacing-x: 0;
|
|
415
|
-
--tw-border-spacing-y: 0;
|
|
416
|
-
--tw-translate-x: 0;
|
|
417
|
-
--tw-translate-y: 0;
|
|
418
|
-
--tw-rotate: 0;
|
|
419
|
-
--tw-skew-x: 0;
|
|
420
|
-
--tw-skew-y: 0;
|
|
421
|
-
--tw-scale-x: 1;
|
|
422
|
-
--tw-scale-y: 1;
|
|
423
|
-
--tw-pan-x: ;
|
|
424
|
-
--tw-pan-y: ;
|
|
425
|
-
--tw-pinch-zoom: ;
|
|
426
|
-
--tw-scroll-snap-strictness: proximity;
|
|
427
|
-
--tw-ordinal: ;
|
|
428
|
-
--tw-slashed-zero: ;
|
|
429
|
-
--tw-numeric-figure: ;
|
|
430
|
-
--tw-numeric-spacing: ;
|
|
431
|
-
--tw-numeric-fraction: ;
|
|
432
|
-
--tw-ring-inset: ;
|
|
433
|
-
--tw-ring-offset-width: 0px;
|
|
434
|
-
--tw-ring-offset-color: #fff;
|
|
435
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
436
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
437
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
438
|
-
--tw-shadow: 0 0 #0000;
|
|
439
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
440
|
-
--tw-blur: ;
|
|
441
|
-
--tw-brightness: ;
|
|
442
|
-
--tw-contrast: ;
|
|
443
|
-
--tw-grayscale: ;
|
|
444
|
-
--tw-hue-rotate: ;
|
|
445
|
-
--tw-invert: ;
|
|
446
|
-
--tw-saturate: ;
|
|
447
|
-
--tw-sepia: ;
|
|
448
|
-
--tw-drop-shadow: ;
|
|
449
|
-
--tw-backdrop-blur: ;
|
|
450
|
-
--tw-backdrop-brightness: ;
|
|
451
|
-
--tw-backdrop-contrast: ;
|
|
452
|
-
--tw-backdrop-grayscale: ;
|
|
453
|
-
--tw-backdrop-hue-rotate: ;
|
|
454
|
-
--tw-backdrop-invert: ;
|
|
455
|
-
--tw-backdrop-opacity: ;
|
|
456
|
-
--tw-backdrop-saturate: ;
|
|
457
|
-
--tw-backdrop-sepia: ;
|
|
458
|
-
}
|
|
459
|
-
|
|
460
|
-
::-webkit-backdrop {
|
|
461
|
-
--tw-border-spacing-x: 0;
|
|
462
|
-
--tw-border-spacing-y: 0;
|
|
463
|
-
--tw-translate-x: 0;
|
|
464
|
-
--tw-translate-y: 0;
|
|
465
|
-
--tw-rotate: 0;
|
|
466
|
-
--tw-skew-x: 0;
|
|
467
|
-
--tw-skew-y: 0;
|
|
468
|
-
--tw-scale-x: 1;
|
|
469
|
-
--tw-scale-y: 1;
|
|
470
|
-
--tw-pan-x: ;
|
|
471
|
-
--tw-pan-y: ;
|
|
472
|
-
--tw-pinch-zoom: ;
|
|
473
|
-
--tw-scroll-snap-strictness: proximity;
|
|
474
|
-
--tw-ordinal: ;
|
|
475
|
-
--tw-slashed-zero: ;
|
|
476
|
-
--tw-numeric-figure: ;
|
|
477
|
-
--tw-numeric-spacing: ;
|
|
478
|
-
--tw-numeric-fraction: ;
|
|
479
|
-
--tw-ring-inset: ;
|
|
480
|
-
--tw-ring-offset-width: 0px;
|
|
481
|
-
--tw-ring-offset-color: #fff;
|
|
482
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
483
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
484
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
485
|
-
--tw-shadow: 0 0 #0000;
|
|
486
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
487
|
-
--tw-blur: ;
|
|
488
|
-
--tw-brightness: ;
|
|
489
|
-
--tw-contrast: ;
|
|
490
|
-
--tw-grayscale: ;
|
|
491
|
-
--tw-hue-rotate: ;
|
|
492
|
-
--tw-invert: ;
|
|
493
|
-
--tw-saturate: ;
|
|
494
|
-
--tw-sepia: ;
|
|
495
|
-
--tw-drop-shadow: ;
|
|
496
|
-
--tw-backdrop-blur: ;
|
|
497
|
-
--tw-backdrop-brightness: ;
|
|
498
|
-
--tw-backdrop-contrast: ;
|
|
499
|
-
--tw-backdrop-grayscale: ;
|
|
500
|
-
--tw-backdrop-hue-rotate: ;
|
|
501
|
-
--tw-backdrop-invert: ;
|
|
502
|
-
--tw-backdrop-opacity: ;
|
|
503
|
-
--tw-backdrop-saturate: ;
|
|
504
|
-
--tw-backdrop-sepia: ;
|
|
505
|
-
}
|
|
551
|
+
/* Make elements with the HTML hidden attribute stay hidden by default */
|
|
506
552
|
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
--tw-border-spacing-y: 0;
|
|
510
|
-
--tw-translate-x: 0;
|
|
511
|
-
--tw-translate-y: 0;
|
|
512
|
-
--tw-rotate: 0;
|
|
513
|
-
--tw-skew-x: 0;
|
|
514
|
-
--tw-skew-y: 0;
|
|
515
|
-
--tw-scale-x: 1;
|
|
516
|
-
--tw-scale-y: 1;
|
|
517
|
-
--tw-pan-x: ;
|
|
518
|
-
--tw-pan-y: ;
|
|
519
|
-
--tw-pinch-zoom: ;
|
|
520
|
-
--tw-scroll-snap-strictness: proximity;
|
|
521
|
-
--tw-ordinal: ;
|
|
522
|
-
--tw-slashed-zero: ;
|
|
523
|
-
--tw-numeric-figure: ;
|
|
524
|
-
--tw-numeric-spacing: ;
|
|
525
|
-
--tw-numeric-fraction: ;
|
|
526
|
-
--tw-ring-inset: ;
|
|
527
|
-
--tw-ring-offset-width: 0px;
|
|
528
|
-
--tw-ring-offset-color: #fff;
|
|
529
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
530
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
531
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
532
|
-
--tw-shadow: 0 0 #0000;
|
|
533
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
534
|
-
--tw-blur: ;
|
|
535
|
-
--tw-brightness: ;
|
|
536
|
-
--tw-contrast: ;
|
|
537
|
-
--tw-grayscale: ;
|
|
538
|
-
--tw-hue-rotate: ;
|
|
539
|
-
--tw-invert: ;
|
|
540
|
-
--tw-saturate: ;
|
|
541
|
-
--tw-sepia: ;
|
|
542
|
-
--tw-drop-shadow: ;
|
|
543
|
-
--tw-backdrop-blur: ;
|
|
544
|
-
--tw-backdrop-brightness: ;
|
|
545
|
-
--tw-backdrop-contrast: ;
|
|
546
|
-
--tw-backdrop-grayscale: ;
|
|
547
|
-
--tw-backdrop-hue-rotate: ;
|
|
548
|
-
--tw-backdrop-invert: ;
|
|
549
|
-
--tw-backdrop-opacity: ;
|
|
550
|
-
--tw-backdrop-saturate: ;
|
|
551
|
-
--tw-backdrop-sepia: ;
|
|
553
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
554
|
+
display: none;
|
|
552
555
|
}
|
|
553
556
|
|
|
554
557
|
.fixed {
|
|
@@ -563,32 +566,36 @@ video {
|
|
|
563
566
|
position: relative;
|
|
564
567
|
}
|
|
565
568
|
|
|
566
|
-
|
|
567
|
-
|
|
569
|
+
.-right-2 {
|
|
570
|
+
right: -0.5rem;
|
|
568
571
|
}
|
|
569
572
|
|
|
570
|
-
.
|
|
571
|
-
|
|
573
|
+
.bottom-0 {
|
|
574
|
+
bottom: 0px;
|
|
572
575
|
}
|
|
573
576
|
|
|
574
|
-
.
|
|
575
|
-
|
|
577
|
+
.right-0 {
|
|
578
|
+
right: 0px;
|
|
576
579
|
}
|
|
577
580
|
|
|
578
581
|
.right-8 {
|
|
579
582
|
right: 2rem;
|
|
580
583
|
}
|
|
581
584
|
|
|
582
|
-
.
|
|
583
|
-
|
|
585
|
+
.top-0 {
|
|
586
|
+
top: 0px;
|
|
584
587
|
}
|
|
585
588
|
|
|
586
589
|
.top-14 {
|
|
587
590
|
top: 3.5rem;
|
|
588
591
|
}
|
|
589
592
|
|
|
590
|
-
|
|
591
|
-
|
|
593
|
+
.top-4 {
|
|
594
|
+
top: 1rem;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
.z-10 {
|
|
598
|
+
z-index: 10;
|
|
592
599
|
}
|
|
593
600
|
|
|
594
601
|
.z-20 {
|
|
@@ -599,10 +606,6 @@ video {
|
|
|
599
606
|
z-index: 40;
|
|
600
607
|
}
|
|
601
608
|
|
|
602
|
-
.z-10 {
|
|
603
|
-
z-index: 10;
|
|
604
|
-
}
|
|
605
|
-
|
|
606
609
|
.col-span-1 {
|
|
607
610
|
grid-column: span 1 / span 1;
|
|
608
611
|
}
|
|
@@ -626,38 +629,42 @@ video {
|
|
|
626
629
|
margin-bottom: 2rem;
|
|
627
630
|
}
|
|
628
631
|
|
|
629
|
-
.mb-
|
|
630
|
-
margin-bottom:
|
|
632
|
+
.mb-2 {
|
|
633
|
+
margin-bottom: 0.5rem;
|
|
631
634
|
}
|
|
632
635
|
|
|
633
|
-
.
|
|
634
|
-
margin-
|
|
636
|
+
.mb-6 {
|
|
637
|
+
margin-bottom: 1.5rem;
|
|
635
638
|
}
|
|
636
639
|
|
|
637
640
|
.ml-10 {
|
|
638
641
|
margin-left: 2.5rem;
|
|
639
642
|
}
|
|
640
643
|
|
|
641
|
-
.
|
|
642
|
-
margin-
|
|
644
|
+
.ml-3 {
|
|
645
|
+
margin-left: 0.75rem;
|
|
643
646
|
}
|
|
644
647
|
|
|
645
|
-
.
|
|
646
|
-
margin-
|
|
648
|
+
.ml-4 {
|
|
649
|
+
margin-left: 1rem;
|
|
647
650
|
}
|
|
648
651
|
|
|
649
|
-
.
|
|
650
|
-
margin-
|
|
652
|
+
.mr-3 {
|
|
653
|
+
margin-right: 0.75rem;
|
|
651
654
|
}
|
|
652
655
|
|
|
653
|
-
.
|
|
654
|
-
margin-
|
|
656
|
+
.mt-3 {
|
|
657
|
+
margin-top: 0.75rem;
|
|
655
658
|
}
|
|
656
659
|
|
|
657
660
|
.block {
|
|
658
661
|
display: block;
|
|
659
662
|
}
|
|
660
663
|
|
|
664
|
+
.inline-block {
|
|
665
|
+
display: inline-block;
|
|
666
|
+
}
|
|
667
|
+
|
|
661
668
|
.flex {
|
|
662
669
|
display: flex;
|
|
663
670
|
}
|
|
@@ -670,8 +677,12 @@ video {
|
|
|
670
677
|
display: none;
|
|
671
678
|
}
|
|
672
679
|
|
|
673
|
-
.h-
|
|
674
|
-
height:
|
|
680
|
+
.h-10 {
|
|
681
|
+
height: 2.5rem;
|
|
682
|
+
}
|
|
683
|
+
|
|
684
|
+
.h-5 {
|
|
685
|
+
height: 1.25rem;
|
|
675
686
|
}
|
|
676
687
|
|
|
677
688
|
.h-6 {
|
|
@@ -686,70 +697,66 @@ video {
|
|
|
686
697
|
height: 100%;
|
|
687
698
|
}
|
|
688
699
|
|
|
689
|
-
.h-
|
|
690
|
-
height:
|
|
691
|
-
}
|
|
692
|
-
|
|
693
|
-
.h-5 {
|
|
694
|
-
height: 1.25rem;
|
|
700
|
+
.h-screen {
|
|
701
|
+
height: 100vh;
|
|
695
702
|
}
|
|
696
703
|
|
|
697
|
-
.w-
|
|
698
|
-
width:
|
|
704
|
+
.w-4\/5 {
|
|
705
|
+
width: 80%;
|
|
699
706
|
}
|
|
700
707
|
|
|
701
|
-
.w-
|
|
702
|
-
width:
|
|
708
|
+
.w-5 {
|
|
709
|
+
width: 1.25rem;
|
|
703
710
|
}
|
|
704
711
|
|
|
705
712
|
.w-6 {
|
|
706
713
|
width: 1.5rem;
|
|
707
714
|
}
|
|
708
715
|
|
|
709
|
-
.w-
|
|
710
|
-
width:
|
|
716
|
+
.w-60 {
|
|
717
|
+
width: 15rem;
|
|
711
718
|
}
|
|
712
719
|
|
|
713
|
-
.w-
|
|
714
|
-
width:
|
|
720
|
+
.w-8 {
|
|
721
|
+
width: 2rem;
|
|
715
722
|
}
|
|
716
723
|
|
|
717
|
-
.w-
|
|
718
|
-
width:
|
|
724
|
+
.w-96 {
|
|
725
|
+
width: 24rem;
|
|
719
726
|
}
|
|
720
727
|
|
|
721
|
-
.w-
|
|
722
|
-
width:
|
|
728
|
+
.w-full {
|
|
729
|
+
width: 100%;
|
|
723
730
|
}
|
|
724
731
|
|
|
725
732
|
.flex-shrink-0 {
|
|
726
733
|
flex-shrink: 0;
|
|
727
734
|
}
|
|
728
735
|
|
|
729
|
-
.scale-95 {
|
|
730
|
-
--tw-scale-x: .95;
|
|
731
|
-
--tw-scale-y: .95;
|
|
732
|
-
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));
|
|
733
|
-
}
|
|
734
|
-
|
|
735
736
|
.scale-100 {
|
|
736
737
|
--tw-scale-x: 1;
|
|
737
738
|
--tw-scale-y: 1;
|
|
738
739
|
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));
|
|
739
740
|
}
|
|
740
741
|
|
|
741
|
-
.
|
|
742
|
+
.scale-95 {
|
|
743
|
+
--tw-scale-x: .95;
|
|
744
|
+
--tw-scale-y: .95;
|
|
742
745
|
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));
|
|
743
746
|
}
|
|
744
747
|
|
|
745
|
-
.
|
|
746
|
-
|
|
748
|
+
.transform {
|
|
749
|
+
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));
|
|
747
750
|
}
|
|
748
751
|
|
|
749
752
|
.cursor-default {
|
|
750
753
|
cursor: default;
|
|
751
754
|
}
|
|
752
755
|
|
|
756
|
+
.cursor-pointer {
|
|
757
|
+
cursor: pointer;
|
|
758
|
+
}
|
|
759
|
+
|
|
753
760
|
.grid-cols-3 {
|
|
754
761
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
755
762
|
}
|
|
@@ -814,14 +821,14 @@ video {
|
|
|
814
821
|
border-bottom-width: 1px;
|
|
815
822
|
}
|
|
816
823
|
|
|
817
|
-
.border-
|
|
824
|
+
.border-gray-300 {
|
|
818
825
|
--tw-border-opacity: 1;
|
|
819
|
-
border-color: rgb(
|
|
826
|
+
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
|
|
820
827
|
}
|
|
821
828
|
|
|
822
|
-
.border-
|
|
829
|
+
.border-white {
|
|
823
830
|
--tw-border-opacity: 1;
|
|
824
|
-
border-color: rgb(
|
|
831
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
|
|
825
832
|
}
|
|
826
833
|
|
|
827
834
|
.border-b-white\/25 {
|
|
@@ -830,16 +837,12 @@ video {
|
|
|
830
837
|
|
|
831
838
|
.bg-gray-800 {
|
|
832
839
|
--tw-bg-opacity: 1;
|
|
833
|
-
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
840
|
+
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
|
|
834
841
|
}
|
|
835
842
|
|
|
836
843
|
.bg-white {
|
|
837
844
|
--tw-bg-opacity: 1;
|
|
838
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
839
|
-
}
|
|
840
|
-
|
|
841
|
-
.p-4 {
|
|
842
|
-
padding: 1rem;
|
|
845
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
843
846
|
}
|
|
844
847
|
|
|
845
848
|
.p-10 {
|
|
@@ -850,9 +853,8 @@ video {
|
|
|
850
853
|
padding: 0.75rem;
|
|
851
854
|
}
|
|
852
855
|
|
|
853
|
-
.
|
|
854
|
-
padding
|
|
855
|
-
padding-bottom: 0.5rem;
|
|
856
|
+
.p-4 {
|
|
857
|
+
padding: 1rem;
|
|
856
858
|
}
|
|
857
859
|
|
|
858
860
|
.px-10 {
|
|
@@ -860,34 +862,39 @@ video {
|
|
|
860
862
|
padding-right: 2.5rem;
|
|
861
863
|
}
|
|
862
864
|
|
|
863
|
-
.py-4 {
|
|
864
|
-
padding-top: 1rem;
|
|
865
|
-
padding-bottom: 1rem;
|
|
866
|
-
}
|
|
867
|
-
|
|
868
865
|
.px-2 {
|
|
869
866
|
padding-left: 0.5rem;
|
|
870
867
|
padding-right: 0.5rem;
|
|
871
868
|
}
|
|
872
869
|
|
|
873
|
-
.py-3 {
|
|
874
|
-
padding-top: 0.75rem;
|
|
875
|
-
padding-bottom: 0.75rem;
|
|
876
|
-
}
|
|
877
|
-
|
|
878
870
|
.px-3 {
|
|
879
871
|
padding-left: 0.75rem;
|
|
880
872
|
padding-right: 0.75rem;
|
|
881
873
|
}
|
|
882
874
|
|
|
883
|
-
.
|
|
884
|
-
padding-top:
|
|
875
|
+
.py-2 {
|
|
876
|
+
padding-top: 0.5rem;
|
|
877
|
+
padding-bottom: 0.5rem;
|
|
878
|
+
}
|
|
879
|
+
|
|
880
|
+
.py-3 {
|
|
881
|
+
padding-top: 0.75rem;
|
|
882
|
+
padding-bottom: 0.75rem;
|
|
883
|
+
}
|
|
884
|
+
|
|
885
|
+
.py-4 {
|
|
886
|
+
padding-top: 1rem;
|
|
887
|
+
padding-bottom: 1rem;
|
|
885
888
|
}
|
|
886
889
|
|
|
887
890
|
.pl-4 {
|
|
888
891
|
padding-left: 1rem;
|
|
889
892
|
}
|
|
890
893
|
|
|
894
|
+
.pt-10 {
|
|
895
|
+
padding-top: 2.5rem;
|
|
896
|
+
}
|
|
897
|
+
|
|
891
898
|
.text-left {
|
|
892
899
|
text-align: left;
|
|
893
900
|
}
|
|
@@ -896,16 +903,6 @@ video {
|
|
|
896
903
|
text-align: center;
|
|
897
904
|
}
|
|
898
905
|
|
|
899
|
-
.text-sm {
|
|
900
|
-
font-size: 0.875rem;
|
|
901
|
-
line-height: 1.25rem;
|
|
902
|
-
}
|
|
903
|
-
|
|
904
|
-
.text-xs {
|
|
905
|
-
font-size: 0.75rem;
|
|
906
|
-
line-height: 1rem;
|
|
907
|
-
}
|
|
908
|
-
|
|
909
906
|
.text-base {
|
|
910
907
|
font-size: 1rem;
|
|
911
908
|
line-height: 1.5rem;
|
|
@@ -916,6 +913,16 @@ video {
|
|
|
916
913
|
line-height: 1.75rem;
|
|
917
914
|
}
|
|
918
915
|
|
|
916
|
+
.text-sm {
|
|
917
|
+
font-size: 0.875rem;
|
|
918
|
+
line-height: 1.25rem;
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
.text-xs {
|
|
922
|
+
font-size: 0.75rem;
|
|
923
|
+
line-height: 1rem;
|
|
924
|
+
}
|
|
925
|
+
|
|
919
926
|
.font-light {
|
|
920
927
|
font-weight: 300;
|
|
921
928
|
}
|
|
@@ -928,45 +935,39 @@ video {
|
|
|
928
935
|
letter-spacing: 0.025em;
|
|
929
936
|
}
|
|
930
937
|
|
|
931
|
-
.text-
|
|
938
|
+
.text-black {
|
|
932
939
|
--tw-text-opacity: 1;
|
|
933
|
-
color: rgb(
|
|
940
|
+
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
|
|
934
941
|
}
|
|
935
942
|
|
|
936
943
|
.text-gray-700 {
|
|
937
944
|
--tw-text-opacity: 1;
|
|
938
|
-
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
945
|
+
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
|
|
939
946
|
}
|
|
940
947
|
|
|
941
|
-
.text-
|
|
948
|
+
.text-white {
|
|
942
949
|
--tw-text-opacity: 1;
|
|
943
|
-
color: rgb(
|
|
950
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
944
951
|
}
|
|
945
952
|
|
|
946
|
-
.opacity-
|
|
947
|
-
opacity: 0
|
|
953
|
+
.opacity-0 {
|
|
954
|
+
opacity: 0;
|
|
948
955
|
}
|
|
949
956
|
|
|
950
957
|
.opacity-100 {
|
|
951
958
|
opacity: 1;
|
|
952
959
|
}
|
|
953
960
|
|
|
954
|
-
.opacity-0 {
|
|
955
|
-
opacity: 0;
|
|
956
|
-
}
|
|
957
|
-
|
|
958
961
|
.opacity-30 {
|
|
959
962
|
opacity: 0.3;
|
|
960
963
|
}
|
|
961
964
|
|
|
962
|
-
.opacity-
|
|
963
|
-
opacity: 0.
|
|
965
|
+
.opacity-50 {
|
|
966
|
+
opacity: 0.5;
|
|
964
967
|
}
|
|
965
968
|
|
|
966
|
-
.
|
|
967
|
-
|
|
968
|
-
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
969
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
969
|
+
.opacity-75 {
|
|
970
|
+
opacity: 0.75;
|
|
970
971
|
}
|
|
971
972
|
|
|
972
973
|
.shadow {
|
|
@@ -975,6 +976,12 @@ video {
|
|
|
975
976
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
976
977
|
}
|
|
977
978
|
|
|
979
|
+
.shadow-2xl {
|
|
980
|
+
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
981
|
+
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
982
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
983
|
+
}
|
|
984
|
+
|
|
978
985
|
.shadow-lg {
|
|
979
986
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
980
987
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
@@ -985,18 +992,14 @@ video {
|
|
|
985
992
|
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);
|
|
986
993
|
}
|
|
987
994
|
|
|
988
|
-
.transition
|
|
989
|
-
transition-property: color, background-color, border-color, fill, stroke, -
|
|
990
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
991
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
|
|
995
|
+
.transition {
|
|
996
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
992
997
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
993
998
|
transition-duration: 150ms;
|
|
994
999
|
}
|
|
995
1000
|
|
|
996
|
-
.transition {
|
|
997
|
-
transition-property: color, background-color, border-color,
|
|
998
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
999
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
1001
|
+
.transition-colors {
|
|
1002
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
1000
1003
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1001
1004
|
transition-duration: 150ms;
|
|
1002
1005
|
}
|
|
@@ -1019,28 +1022,21 @@ video {
|
|
|
1019
1022
|
transition-duration: 75ms;
|
|
1020
1023
|
}
|
|
1021
1024
|
|
|
1022
|
-
.ease-out {
|
|
1023
|
-
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1024
|
-
}
|
|
1025
|
-
|
|
1026
1025
|
.ease-in {
|
|
1027
1026
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
1028
1027
|
}
|
|
1029
1028
|
|
|
1029
|
+
.ease-out {
|
|
1030
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1031
|
+
}
|
|
1032
|
+
|
|
1030
1033
|
.last\:border-transparent:last-child {
|
|
1031
1034
|
border-color: transparent;
|
|
1032
1035
|
}
|
|
1033
1036
|
|
|
1034
1037
|
.hover\:bg-gray-100:hover {
|
|
1035
1038
|
--tw-bg-opacity: 1;
|
|
1036
|
-
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
1037
|
-
}
|
|
1038
|
-
|
|
1039
|
-
@media (prefers-color-scheme: dark) {
|
|
1040
|
-
.dark\:text-white {
|
|
1041
|
-
--tw-text-opacity: 1;
|
|
1042
|
-
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1043
|
-
}
|
|
1039
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
|
|
1044
1040
|
}
|
|
1045
1041
|
|
|
1046
1042
|
@media (min-width: 768px) {
|
|
@@ -1048,14 +1044,14 @@ video {
|
|
|
1048
1044
|
bottom: 3.5rem;
|
|
1049
1045
|
}
|
|
1050
1046
|
|
|
1051
|
-
.md\:right-3 {
|
|
1052
|
-
right: 0.75rem;
|
|
1053
|
-
}
|
|
1054
|
-
|
|
1055
1047
|
.md\:right-16 {
|
|
1056
1048
|
right: 4rem;
|
|
1057
1049
|
}
|
|
1058
1050
|
|
|
1051
|
+
.md\:right-3 {
|
|
1052
|
+
right: 0.75rem;
|
|
1053
|
+
}
|
|
1054
|
+
|
|
1059
1055
|
.md\:flex {
|
|
1060
1056
|
display: flex;
|
|
1061
1057
|
}
|
|
@@ -1064,16 +1060,23 @@ video {
|
|
|
1064
1060
|
display: grid;
|
|
1065
1061
|
}
|
|
1066
1062
|
|
|
1067
|
-
.md\:w-\[40em\] {
|
|
1068
|
-
width: 40em;
|
|
1069
|
-
}
|
|
1070
|
-
|
|
1071
1063
|
.md\:w-2\/5 {
|
|
1072
1064
|
width: 40%;
|
|
1073
1065
|
}
|
|
1074
1066
|
|
|
1067
|
+
.md\:w-\[40em\] {
|
|
1068
|
+
width: 40em;
|
|
1069
|
+
}
|
|
1070
|
+
|
|
1075
1071
|
.md\:px-24 {
|
|
1076
1072
|
padding-left: 6rem;
|
|
1077
1073
|
padding-right: 6rem;
|
|
1078
1074
|
}
|
|
1075
|
+
}
|
|
1076
|
+
|
|
1077
|
+
@media (prefers-color-scheme: dark) {
|
|
1078
|
+
.dark\:text-white {
|
|
1079
|
+
--tw-text-opacity: 1;
|
|
1080
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
1081
|
+
}
|
|
1079
1082
|
}
|