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/dist/style.css
CHANGED
|
@@ -3,20 +3,128 @@
|
|
|
3
3
|
.width-leave-active[data-v-5391e486] {
|
|
4
4
|
transition: width .5s;
|
|
5
5
|
}
|
|
6
|
-
.width-enter-active
|
|
6
|
+
.width-enter-active[data-v-5391e486]>* {
|
|
7
7
|
transition-property: opacity;
|
|
8
8
|
transition-duration: .2s;
|
|
9
9
|
transition-delay: .3s;
|
|
10
10
|
}
|
|
11
|
-
.width-leave-active
|
|
11
|
+
.width-leave-active[data-v-5391e486]>* {
|
|
12
12
|
transition: opacity .25s;
|
|
13
13
|
}
|
|
14
14
|
.width-enter[data-v-5391e486],
|
|
15
15
|
.width-leave-to[data-v-5391e486] {
|
|
16
16
|
width: 0;
|
|
17
17
|
}
|
|
18
|
+
*, ::before, ::after {
|
|
19
|
+
--tw-border-spacing-x: 0;
|
|
20
|
+
--tw-border-spacing-y: 0;
|
|
21
|
+
--tw-translate-x: 0;
|
|
22
|
+
--tw-translate-y: 0;
|
|
23
|
+
--tw-rotate: 0;
|
|
24
|
+
--tw-skew-x: 0;
|
|
25
|
+
--tw-skew-y: 0;
|
|
26
|
+
--tw-scale-x: 1;
|
|
27
|
+
--tw-scale-y: 1;
|
|
28
|
+
--tw-pan-x: ;
|
|
29
|
+
--tw-pan-y: ;
|
|
30
|
+
--tw-pinch-zoom: ;
|
|
31
|
+
--tw-scroll-snap-strictness: proximity;
|
|
32
|
+
--tw-gradient-from-position: ;
|
|
33
|
+
--tw-gradient-via-position: ;
|
|
34
|
+
--tw-gradient-to-position: ;
|
|
35
|
+
--tw-ordinal: ;
|
|
36
|
+
--tw-slashed-zero: ;
|
|
37
|
+
--tw-numeric-figure: ;
|
|
38
|
+
--tw-numeric-spacing: ;
|
|
39
|
+
--tw-numeric-fraction: ;
|
|
40
|
+
--tw-ring-inset: ;
|
|
41
|
+
--tw-ring-offset-width: 0px;
|
|
42
|
+
--tw-ring-offset-color: #fff;
|
|
43
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
44
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
45
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
46
|
+
--tw-shadow: 0 0 #0000;
|
|
47
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
48
|
+
--tw-blur: ;
|
|
49
|
+
--tw-brightness: ;
|
|
50
|
+
--tw-contrast: ;
|
|
51
|
+
--tw-grayscale: ;
|
|
52
|
+
--tw-hue-rotate: ;
|
|
53
|
+
--tw-invert: ;
|
|
54
|
+
--tw-saturate: ;
|
|
55
|
+
--tw-sepia: ;
|
|
56
|
+
--tw-drop-shadow: ;
|
|
57
|
+
--tw-backdrop-blur: ;
|
|
58
|
+
--tw-backdrop-brightness: ;
|
|
59
|
+
--tw-backdrop-contrast: ;
|
|
60
|
+
--tw-backdrop-grayscale: ;
|
|
61
|
+
--tw-backdrop-hue-rotate: ;
|
|
62
|
+
--tw-backdrop-invert: ;
|
|
63
|
+
--tw-backdrop-opacity: ;
|
|
64
|
+
--tw-backdrop-saturate: ;
|
|
65
|
+
--tw-backdrop-sepia: ;
|
|
66
|
+
--tw-contain-size: ;
|
|
67
|
+
--tw-contain-layout: ;
|
|
68
|
+
--tw-contain-paint: ;
|
|
69
|
+
--tw-contain-style: ;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
::backdrop {
|
|
73
|
+
--tw-border-spacing-x: 0;
|
|
74
|
+
--tw-border-spacing-y: 0;
|
|
75
|
+
--tw-translate-x: 0;
|
|
76
|
+
--tw-translate-y: 0;
|
|
77
|
+
--tw-rotate: 0;
|
|
78
|
+
--tw-skew-x: 0;
|
|
79
|
+
--tw-skew-y: 0;
|
|
80
|
+
--tw-scale-x: 1;
|
|
81
|
+
--tw-scale-y: 1;
|
|
82
|
+
--tw-pan-x: ;
|
|
83
|
+
--tw-pan-y: ;
|
|
84
|
+
--tw-pinch-zoom: ;
|
|
85
|
+
--tw-scroll-snap-strictness: proximity;
|
|
86
|
+
--tw-gradient-from-position: ;
|
|
87
|
+
--tw-gradient-via-position: ;
|
|
88
|
+
--tw-gradient-to-position: ;
|
|
89
|
+
--tw-ordinal: ;
|
|
90
|
+
--tw-slashed-zero: ;
|
|
91
|
+
--tw-numeric-figure: ;
|
|
92
|
+
--tw-numeric-spacing: ;
|
|
93
|
+
--tw-numeric-fraction: ;
|
|
94
|
+
--tw-ring-inset: ;
|
|
95
|
+
--tw-ring-offset-width: 0px;
|
|
96
|
+
--tw-ring-offset-color: #fff;
|
|
97
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
98
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
99
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
100
|
+
--tw-shadow: 0 0 #0000;
|
|
101
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
102
|
+
--tw-blur: ;
|
|
103
|
+
--tw-brightness: ;
|
|
104
|
+
--tw-contrast: ;
|
|
105
|
+
--tw-grayscale: ;
|
|
106
|
+
--tw-hue-rotate: ;
|
|
107
|
+
--tw-invert: ;
|
|
108
|
+
--tw-saturate: ;
|
|
109
|
+
--tw-sepia: ;
|
|
110
|
+
--tw-drop-shadow: ;
|
|
111
|
+
--tw-backdrop-blur: ;
|
|
112
|
+
--tw-backdrop-brightness: ;
|
|
113
|
+
--tw-backdrop-contrast: ;
|
|
114
|
+
--tw-backdrop-grayscale: ;
|
|
115
|
+
--tw-backdrop-hue-rotate: ;
|
|
116
|
+
--tw-backdrop-invert: ;
|
|
117
|
+
--tw-backdrop-opacity: ;
|
|
118
|
+
--tw-backdrop-saturate: ;
|
|
119
|
+
--tw-backdrop-sepia: ;
|
|
120
|
+
--tw-contain-size: ;
|
|
121
|
+
--tw-contain-layout: ;
|
|
122
|
+
--tw-contain-paint: ;
|
|
123
|
+
--tw-contain-style: ;
|
|
124
|
+
}
|
|
125
|
+
|
|
18
126
|
/*
|
|
19
|
-
! tailwindcss v3.
|
|
127
|
+
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
|
|
20
128
|
*/
|
|
21
129
|
|
|
22
130
|
/*
|
|
@@ -47,9 +155,13 @@
|
|
|
47
155
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
48
156
|
3. Use a more readable tab size.
|
|
49
157
|
4. Use the user's configured `sans` font-family by default.
|
|
158
|
+
5. Use the user's configured `sans` font-feature-settings by default.
|
|
159
|
+
6. Use the user's configured `sans` font-variation-settings by default.
|
|
160
|
+
7. Disable tap highlights on iOS
|
|
50
161
|
*/
|
|
51
162
|
|
|
52
|
-
html
|
|
163
|
+
html,
|
|
164
|
+
:host {
|
|
53
165
|
line-height: 1.5;
|
|
54
166
|
/* 1 */
|
|
55
167
|
-webkit-text-size-adjust: 100%;
|
|
@@ -59,8 +171,14 @@ html {
|
|
|
59
171
|
-o-tab-size: 4;
|
|
60
172
|
tab-size: 4;
|
|
61
173
|
/* 3 */
|
|
62
|
-
font-family: ui-sans-serif, system-ui,
|
|
174
|
+
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
63
175
|
/* 4 */
|
|
176
|
+
font-feature-settings: normal;
|
|
177
|
+
/* 5 */
|
|
178
|
+
font-variation-settings: normal;
|
|
179
|
+
/* 6 */
|
|
180
|
+
-webkit-tap-highlight-color: transparent;
|
|
181
|
+
/* 7 */
|
|
64
182
|
}
|
|
65
183
|
|
|
66
184
|
/*
|
|
@@ -132,8 +250,10 @@ strong {
|
|
|
132
250
|
}
|
|
133
251
|
|
|
134
252
|
/*
|
|
135
|
-
1. Use the user's configured `mono` font
|
|
136
|
-
2.
|
|
253
|
+
1. Use the user's configured `mono` font-family by default.
|
|
254
|
+
2. Use the user's configured `mono` font-feature-settings by default.
|
|
255
|
+
3. Use the user's configured `mono` font-variation-settings by default.
|
|
256
|
+
4. Correct the odd `em` font sizing in all browsers.
|
|
137
257
|
*/
|
|
138
258
|
|
|
139
259
|
code,
|
|
@@ -142,8 +262,12 @@ samp,
|
|
|
142
262
|
pre {
|
|
143
263
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
144
264
|
/* 1 */
|
|
145
|
-
font-
|
|
265
|
+
font-feature-settings: normal;
|
|
146
266
|
/* 2 */
|
|
267
|
+
font-variation-settings: normal;
|
|
268
|
+
/* 3 */
|
|
269
|
+
font-size: 1em;
|
|
270
|
+
/* 4 */
|
|
147
271
|
}
|
|
148
272
|
|
|
149
273
|
/*
|
|
@@ -202,12 +326,18 @@ select,
|
|
|
202
326
|
textarea {
|
|
203
327
|
font-family: inherit;
|
|
204
328
|
/* 1 */
|
|
329
|
+
font-feature-settings: inherit;
|
|
330
|
+
/* 1 */
|
|
331
|
+
font-variation-settings: inherit;
|
|
332
|
+
/* 1 */
|
|
205
333
|
font-size: 100%;
|
|
206
334
|
/* 1 */
|
|
207
335
|
font-weight: inherit;
|
|
208
336
|
/* 1 */
|
|
209
337
|
line-height: inherit;
|
|
210
338
|
/* 1 */
|
|
339
|
+
letter-spacing: inherit;
|
|
340
|
+
/* 1 */
|
|
211
341
|
color: inherit;
|
|
212
342
|
/* 1 */
|
|
213
343
|
margin: 0;
|
|
@@ -231,9 +361,9 @@ select {
|
|
|
231
361
|
*/
|
|
232
362
|
|
|
233
363
|
button,
|
|
234
|
-
[type='button'],
|
|
235
|
-
[type='reset'],
|
|
236
|
-
[type='submit'] {
|
|
364
|
+
input:where([type='button']),
|
|
365
|
+
input:where([type='reset']),
|
|
366
|
+
input:where([type='submit']) {
|
|
237
367
|
-webkit-appearance: button;
|
|
238
368
|
/* 1 */
|
|
239
369
|
background-color: transparent;
|
|
@@ -352,6 +482,14 @@ menu {
|
|
|
352
482
|
padding: 0;
|
|
353
483
|
}
|
|
354
484
|
|
|
485
|
+
/*
|
|
486
|
+
Reset default styling for dialogs.
|
|
487
|
+
*/
|
|
488
|
+
|
|
489
|
+
dialog {
|
|
490
|
+
padding: 0;
|
|
491
|
+
}
|
|
492
|
+
|
|
355
493
|
/*
|
|
356
494
|
Prevent resizing textareas horizontally by default.
|
|
357
495
|
*/
|
|
@@ -427,145 +565,10 @@ video {
|
|
|
427
565
|
height: auto;
|
|
428
566
|
}
|
|
429
567
|
|
|
430
|
-
|
|
431
|
-
--tw-border-spacing-x: 0;
|
|
432
|
-
--tw-border-spacing-y: 0;
|
|
433
|
-
--tw-translate-x: 0;
|
|
434
|
-
--tw-translate-y: 0;
|
|
435
|
-
--tw-rotate: 0;
|
|
436
|
-
--tw-skew-x: 0;
|
|
437
|
-
--tw-skew-y: 0;
|
|
438
|
-
--tw-scale-x: 1;
|
|
439
|
-
--tw-scale-y: 1;
|
|
440
|
-
--tw-pan-x: ;
|
|
441
|
-
--tw-pan-y: ;
|
|
442
|
-
--tw-pinch-zoom: ;
|
|
443
|
-
--tw-scroll-snap-strictness: proximity;
|
|
444
|
-
--tw-ordinal: ;
|
|
445
|
-
--tw-slashed-zero: ;
|
|
446
|
-
--tw-numeric-figure: ;
|
|
447
|
-
--tw-numeric-spacing: ;
|
|
448
|
-
--tw-numeric-fraction: ;
|
|
449
|
-
--tw-ring-inset: ;
|
|
450
|
-
--tw-ring-offset-width: 0px;
|
|
451
|
-
--tw-ring-offset-color: #fff;
|
|
452
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
453
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
454
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
455
|
-
--tw-shadow: 0 0 #0000;
|
|
456
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
457
|
-
--tw-blur: ;
|
|
458
|
-
--tw-brightness: ;
|
|
459
|
-
--tw-contrast: ;
|
|
460
|
-
--tw-grayscale: ;
|
|
461
|
-
--tw-hue-rotate: ;
|
|
462
|
-
--tw-invert: ;
|
|
463
|
-
--tw-saturate: ;
|
|
464
|
-
--tw-sepia: ;
|
|
465
|
-
--tw-drop-shadow: ;
|
|
466
|
-
--tw-backdrop-blur: ;
|
|
467
|
-
--tw-backdrop-brightness: ;
|
|
468
|
-
--tw-backdrop-contrast: ;
|
|
469
|
-
--tw-backdrop-grayscale: ;
|
|
470
|
-
--tw-backdrop-hue-rotate: ;
|
|
471
|
-
--tw-backdrop-invert: ;
|
|
472
|
-
--tw-backdrop-opacity: ;
|
|
473
|
-
--tw-backdrop-saturate: ;
|
|
474
|
-
--tw-backdrop-sepia: ;
|
|
475
|
-
}
|
|
476
|
-
|
|
477
|
-
::-webkit-backdrop {
|
|
478
|
-
--tw-border-spacing-x: 0;
|
|
479
|
-
--tw-border-spacing-y: 0;
|
|
480
|
-
--tw-translate-x: 0;
|
|
481
|
-
--tw-translate-y: 0;
|
|
482
|
-
--tw-rotate: 0;
|
|
483
|
-
--tw-skew-x: 0;
|
|
484
|
-
--tw-skew-y: 0;
|
|
485
|
-
--tw-scale-x: 1;
|
|
486
|
-
--tw-scale-y: 1;
|
|
487
|
-
--tw-pan-x: ;
|
|
488
|
-
--tw-pan-y: ;
|
|
489
|
-
--tw-pinch-zoom: ;
|
|
490
|
-
--tw-scroll-snap-strictness: proximity;
|
|
491
|
-
--tw-ordinal: ;
|
|
492
|
-
--tw-slashed-zero: ;
|
|
493
|
-
--tw-numeric-figure: ;
|
|
494
|
-
--tw-numeric-spacing: ;
|
|
495
|
-
--tw-numeric-fraction: ;
|
|
496
|
-
--tw-ring-inset: ;
|
|
497
|
-
--tw-ring-offset-width: 0px;
|
|
498
|
-
--tw-ring-offset-color: #fff;
|
|
499
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
500
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
501
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
502
|
-
--tw-shadow: 0 0 #0000;
|
|
503
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
504
|
-
--tw-blur: ;
|
|
505
|
-
--tw-brightness: ;
|
|
506
|
-
--tw-contrast: ;
|
|
507
|
-
--tw-grayscale: ;
|
|
508
|
-
--tw-hue-rotate: ;
|
|
509
|
-
--tw-invert: ;
|
|
510
|
-
--tw-saturate: ;
|
|
511
|
-
--tw-sepia: ;
|
|
512
|
-
--tw-drop-shadow: ;
|
|
513
|
-
--tw-backdrop-blur: ;
|
|
514
|
-
--tw-backdrop-brightness: ;
|
|
515
|
-
--tw-backdrop-contrast: ;
|
|
516
|
-
--tw-backdrop-grayscale: ;
|
|
517
|
-
--tw-backdrop-hue-rotate: ;
|
|
518
|
-
--tw-backdrop-invert: ;
|
|
519
|
-
--tw-backdrop-opacity: ;
|
|
520
|
-
--tw-backdrop-saturate: ;
|
|
521
|
-
--tw-backdrop-sepia: ;
|
|
522
|
-
}
|
|
568
|
+
/* Make elements with the HTML hidden attribute stay hidden by default */
|
|
523
569
|
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
--tw-border-spacing-y: 0;
|
|
527
|
-
--tw-translate-x: 0;
|
|
528
|
-
--tw-translate-y: 0;
|
|
529
|
-
--tw-rotate: 0;
|
|
530
|
-
--tw-skew-x: 0;
|
|
531
|
-
--tw-skew-y: 0;
|
|
532
|
-
--tw-scale-x: 1;
|
|
533
|
-
--tw-scale-y: 1;
|
|
534
|
-
--tw-pan-x: ;
|
|
535
|
-
--tw-pan-y: ;
|
|
536
|
-
--tw-pinch-zoom: ;
|
|
537
|
-
--tw-scroll-snap-strictness: proximity;
|
|
538
|
-
--tw-ordinal: ;
|
|
539
|
-
--tw-slashed-zero: ;
|
|
540
|
-
--tw-numeric-figure: ;
|
|
541
|
-
--tw-numeric-spacing: ;
|
|
542
|
-
--tw-numeric-fraction: ;
|
|
543
|
-
--tw-ring-inset: ;
|
|
544
|
-
--tw-ring-offset-width: 0px;
|
|
545
|
-
--tw-ring-offset-color: #fff;
|
|
546
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
547
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
548
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
549
|
-
--tw-shadow: 0 0 #0000;
|
|
550
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
551
|
-
--tw-blur: ;
|
|
552
|
-
--tw-brightness: ;
|
|
553
|
-
--tw-contrast: ;
|
|
554
|
-
--tw-grayscale: ;
|
|
555
|
-
--tw-hue-rotate: ;
|
|
556
|
-
--tw-invert: ;
|
|
557
|
-
--tw-saturate: ;
|
|
558
|
-
--tw-sepia: ;
|
|
559
|
-
--tw-drop-shadow: ;
|
|
560
|
-
--tw-backdrop-blur: ;
|
|
561
|
-
--tw-backdrop-brightness: ;
|
|
562
|
-
--tw-backdrop-contrast: ;
|
|
563
|
-
--tw-backdrop-grayscale: ;
|
|
564
|
-
--tw-backdrop-hue-rotate: ;
|
|
565
|
-
--tw-backdrop-invert: ;
|
|
566
|
-
--tw-backdrop-opacity: ;
|
|
567
|
-
--tw-backdrop-saturate: ;
|
|
568
|
-
--tw-backdrop-sepia: ;
|
|
570
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
571
|
+
display: none;
|
|
569
572
|
}
|
|
570
573
|
|
|
571
574
|
.fixed {
|
|
@@ -580,32 +583,36 @@ video {
|
|
|
580
583
|
position: relative;
|
|
581
584
|
}
|
|
582
585
|
|
|
583
|
-
|
|
584
|
-
|
|
586
|
+
.-right-2 {
|
|
587
|
+
right: -0.5rem;
|
|
585
588
|
}
|
|
586
589
|
|
|
587
|
-
.
|
|
588
|
-
|
|
590
|
+
.bottom-0 {
|
|
591
|
+
bottom: 0px;
|
|
589
592
|
}
|
|
590
593
|
|
|
591
|
-
.
|
|
592
|
-
|
|
594
|
+
.right-0 {
|
|
595
|
+
right: 0px;
|
|
593
596
|
}
|
|
594
597
|
|
|
595
598
|
.right-8 {
|
|
596
599
|
right: 2rem;
|
|
597
600
|
}
|
|
598
601
|
|
|
599
|
-
.
|
|
600
|
-
|
|
602
|
+
.top-0 {
|
|
603
|
+
top: 0px;
|
|
601
604
|
}
|
|
602
605
|
|
|
603
606
|
.top-14 {
|
|
604
607
|
top: 3.5rem;
|
|
605
608
|
}
|
|
606
609
|
|
|
607
|
-
|
|
608
|
-
|
|
610
|
+
.top-4 {
|
|
611
|
+
top: 1rem;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
.z-10 {
|
|
615
|
+
z-index: 10;
|
|
609
616
|
}
|
|
610
617
|
|
|
611
618
|
.z-20 {
|
|
@@ -616,10 +623,6 @@ video {
|
|
|
616
623
|
z-index: 40;
|
|
617
624
|
}
|
|
618
625
|
|
|
619
|
-
.z-10 {
|
|
620
|
-
z-index: 10;
|
|
621
|
-
}
|
|
622
|
-
|
|
623
626
|
.col-span-1 {
|
|
624
627
|
grid-column: span 1 / span 1;
|
|
625
628
|
}
|
|
@@ -643,38 +646,42 @@ video {
|
|
|
643
646
|
margin-bottom: 2rem;
|
|
644
647
|
}
|
|
645
648
|
|
|
646
|
-
.mb-
|
|
647
|
-
margin-bottom:
|
|
649
|
+
.mb-2 {
|
|
650
|
+
margin-bottom: 0.5rem;
|
|
648
651
|
}
|
|
649
652
|
|
|
650
|
-
.
|
|
651
|
-
margin-
|
|
653
|
+
.mb-6 {
|
|
654
|
+
margin-bottom: 1.5rem;
|
|
652
655
|
}
|
|
653
656
|
|
|
654
657
|
.ml-10 {
|
|
655
658
|
margin-left: 2.5rem;
|
|
656
659
|
}
|
|
657
660
|
|
|
658
|
-
.
|
|
659
|
-
margin-
|
|
661
|
+
.ml-3 {
|
|
662
|
+
margin-left: 0.75rem;
|
|
660
663
|
}
|
|
661
664
|
|
|
662
|
-
.
|
|
663
|
-
margin-
|
|
665
|
+
.ml-4 {
|
|
666
|
+
margin-left: 1rem;
|
|
664
667
|
}
|
|
665
668
|
|
|
666
|
-
.
|
|
667
|
-
margin-
|
|
669
|
+
.mr-3 {
|
|
670
|
+
margin-right: 0.75rem;
|
|
668
671
|
}
|
|
669
672
|
|
|
670
|
-
.
|
|
671
|
-
margin-
|
|
673
|
+
.mt-3 {
|
|
674
|
+
margin-top: 0.75rem;
|
|
672
675
|
}
|
|
673
676
|
|
|
674
677
|
.block {
|
|
675
678
|
display: block;
|
|
676
679
|
}
|
|
677
680
|
|
|
681
|
+
.inline-block {
|
|
682
|
+
display: inline-block;
|
|
683
|
+
}
|
|
684
|
+
|
|
678
685
|
.flex {
|
|
679
686
|
display: flex;
|
|
680
687
|
}
|
|
@@ -687,8 +694,12 @@ video {
|
|
|
687
694
|
display: none;
|
|
688
695
|
}
|
|
689
696
|
|
|
690
|
-
.h-
|
|
691
|
-
height:
|
|
697
|
+
.h-10 {
|
|
698
|
+
height: 2.5rem;
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
.h-5 {
|
|
702
|
+
height: 1.25rem;
|
|
692
703
|
}
|
|
693
704
|
|
|
694
705
|
.h-6 {
|
|
@@ -703,70 +714,66 @@ video {
|
|
|
703
714
|
height: 100%;
|
|
704
715
|
}
|
|
705
716
|
|
|
706
|
-
.h-
|
|
707
|
-
height:
|
|
708
|
-
}
|
|
709
|
-
|
|
710
|
-
.h-5 {
|
|
711
|
-
height: 1.25rem;
|
|
717
|
+
.h-screen {
|
|
718
|
+
height: 100vh;
|
|
712
719
|
}
|
|
713
720
|
|
|
714
|
-
.w-
|
|
715
|
-
width:
|
|
721
|
+
.w-4\/5 {
|
|
722
|
+
width: 80%;
|
|
716
723
|
}
|
|
717
724
|
|
|
718
|
-
.w-
|
|
719
|
-
width:
|
|
725
|
+
.w-5 {
|
|
726
|
+
width: 1.25rem;
|
|
720
727
|
}
|
|
721
728
|
|
|
722
729
|
.w-6 {
|
|
723
730
|
width: 1.5rem;
|
|
724
731
|
}
|
|
725
732
|
|
|
726
|
-
.w-
|
|
727
|
-
width:
|
|
733
|
+
.w-60 {
|
|
734
|
+
width: 15rem;
|
|
728
735
|
}
|
|
729
736
|
|
|
730
|
-
.w-
|
|
731
|
-
width:
|
|
737
|
+
.w-8 {
|
|
738
|
+
width: 2rem;
|
|
732
739
|
}
|
|
733
740
|
|
|
734
|
-
.w-
|
|
735
|
-
width:
|
|
741
|
+
.w-96 {
|
|
742
|
+
width: 24rem;
|
|
736
743
|
}
|
|
737
744
|
|
|
738
|
-
.w-
|
|
739
|
-
width:
|
|
745
|
+
.w-full {
|
|
746
|
+
width: 100%;
|
|
740
747
|
}
|
|
741
748
|
|
|
742
749
|
.flex-shrink-0 {
|
|
743
750
|
flex-shrink: 0;
|
|
744
751
|
}
|
|
745
752
|
|
|
746
|
-
.scale-95 {
|
|
747
|
-
--tw-scale-x: .95;
|
|
748
|
-
--tw-scale-y: .95;
|
|
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));
|
|
750
|
-
}
|
|
751
|
-
|
|
752
753
|
.scale-100 {
|
|
753
754
|
--tw-scale-x: 1;
|
|
754
755
|
--tw-scale-y: 1;
|
|
755
756
|
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));
|
|
756
757
|
}
|
|
757
758
|
|
|
758
|
-
.
|
|
759
|
+
.scale-95 {
|
|
760
|
+
--tw-scale-x: .95;
|
|
761
|
+
--tw-scale-y: .95;
|
|
759
762
|
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));
|
|
760
763
|
}
|
|
761
764
|
|
|
762
|
-
.
|
|
763
|
-
|
|
765
|
+
.transform {
|
|
766
|
+
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));
|
|
764
767
|
}
|
|
765
768
|
|
|
766
769
|
.cursor-default {
|
|
767
770
|
cursor: default;
|
|
768
771
|
}
|
|
769
772
|
|
|
773
|
+
.cursor-pointer {
|
|
774
|
+
cursor: pointer;
|
|
775
|
+
}
|
|
776
|
+
|
|
770
777
|
.grid-cols-3 {
|
|
771
778
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
772
779
|
}
|
|
@@ -831,14 +838,14 @@ video {
|
|
|
831
838
|
border-bottom-width: 1px;
|
|
832
839
|
}
|
|
833
840
|
|
|
834
|
-
.border-
|
|
841
|
+
.border-gray-300 {
|
|
835
842
|
--tw-border-opacity: 1;
|
|
836
|
-
border-color: rgb(
|
|
843
|
+
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
|
|
837
844
|
}
|
|
838
845
|
|
|
839
|
-
.border-
|
|
846
|
+
.border-white {
|
|
840
847
|
--tw-border-opacity: 1;
|
|
841
|
-
border-color: rgb(
|
|
848
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
|
|
842
849
|
}
|
|
843
850
|
|
|
844
851
|
.border-b-white\/25 {
|
|
@@ -847,16 +854,12 @@ video {
|
|
|
847
854
|
|
|
848
855
|
.bg-gray-800 {
|
|
849
856
|
--tw-bg-opacity: 1;
|
|
850
|
-
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
857
|
+
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
|
|
851
858
|
}
|
|
852
859
|
|
|
853
860
|
.bg-white {
|
|
854
861
|
--tw-bg-opacity: 1;
|
|
855
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
856
|
-
}
|
|
857
|
-
|
|
858
|
-
.p-4 {
|
|
859
|
-
padding: 1rem;
|
|
862
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
860
863
|
}
|
|
861
864
|
|
|
862
865
|
.p-10 {
|
|
@@ -867,9 +870,8 @@ video {
|
|
|
867
870
|
padding: 0.75rem;
|
|
868
871
|
}
|
|
869
872
|
|
|
870
|
-
.
|
|
871
|
-
padding
|
|
872
|
-
padding-bottom: 0.5rem;
|
|
873
|
+
.p-4 {
|
|
874
|
+
padding: 1rem;
|
|
873
875
|
}
|
|
874
876
|
|
|
875
877
|
.px-10 {
|
|
@@ -877,34 +879,39 @@ video {
|
|
|
877
879
|
padding-right: 2.5rem;
|
|
878
880
|
}
|
|
879
881
|
|
|
880
|
-
.py-4 {
|
|
881
|
-
padding-top: 1rem;
|
|
882
|
-
padding-bottom: 1rem;
|
|
883
|
-
}
|
|
884
|
-
|
|
885
882
|
.px-2 {
|
|
886
883
|
padding-left: 0.5rem;
|
|
887
884
|
padding-right: 0.5rem;
|
|
888
885
|
}
|
|
889
886
|
|
|
890
|
-
.py-3 {
|
|
891
|
-
padding-top: 0.75rem;
|
|
892
|
-
padding-bottom: 0.75rem;
|
|
893
|
-
}
|
|
894
|
-
|
|
895
887
|
.px-3 {
|
|
896
888
|
padding-left: 0.75rem;
|
|
897
889
|
padding-right: 0.75rem;
|
|
898
890
|
}
|
|
899
891
|
|
|
900
|
-
.
|
|
901
|
-
padding-top:
|
|
892
|
+
.py-2 {
|
|
893
|
+
padding-top: 0.5rem;
|
|
894
|
+
padding-bottom: 0.5rem;
|
|
895
|
+
}
|
|
896
|
+
|
|
897
|
+
.py-3 {
|
|
898
|
+
padding-top: 0.75rem;
|
|
899
|
+
padding-bottom: 0.75rem;
|
|
900
|
+
}
|
|
901
|
+
|
|
902
|
+
.py-4 {
|
|
903
|
+
padding-top: 1rem;
|
|
904
|
+
padding-bottom: 1rem;
|
|
902
905
|
}
|
|
903
906
|
|
|
904
907
|
.pl-4 {
|
|
905
908
|
padding-left: 1rem;
|
|
906
909
|
}
|
|
907
910
|
|
|
911
|
+
.pt-10 {
|
|
912
|
+
padding-top: 2.5rem;
|
|
913
|
+
}
|
|
914
|
+
|
|
908
915
|
.text-left {
|
|
909
916
|
text-align: left;
|
|
910
917
|
}
|
|
@@ -913,16 +920,6 @@ video {
|
|
|
913
920
|
text-align: center;
|
|
914
921
|
}
|
|
915
922
|
|
|
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
|
-
|
|
926
923
|
.text-base {
|
|
927
924
|
font-size: 1rem;
|
|
928
925
|
line-height: 1.5rem;
|
|
@@ -933,6 +930,16 @@ video {
|
|
|
933
930
|
line-height: 1.75rem;
|
|
934
931
|
}
|
|
935
932
|
|
|
933
|
+
.text-sm {
|
|
934
|
+
font-size: 0.875rem;
|
|
935
|
+
line-height: 1.25rem;
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
.text-xs {
|
|
939
|
+
font-size: 0.75rem;
|
|
940
|
+
line-height: 1rem;
|
|
941
|
+
}
|
|
942
|
+
|
|
936
943
|
.font-light {
|
|
937
944
|
font-weight: 300;
|
|
938
945
|
}
|
|
@@ -945,45 +952,39 @@ video {
|
|
|
945
952
|
letter-spacing: 0.025em;
|
|
946
953
|
}
|
|
947
954
|
|
|
948
|
-
.text-
|
|
955
|
+
.text-black {
|
|
949
956
|
--tw-text-opacity: 1;
|
|
950
|
-
color: rgb(
|
|
957
|
+
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
|
|
951
958
|
}
|
|
952
959
|
|
|
953
960
|
.text-gray-700 {
|
|
954
961
|
--tw-text-opacity: 1;
|
|
955
|
-
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
962
|
+
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
|
|
956
963
|
}
|
|
957
964
|
|
|
958
|
-
.text-
|
|
965
|
+
.text-white {
|
|
959
966
|
--tw-text-opacity: 1;
|
|
960
|
-
color: rgb(
|
|
967
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
961
968
|
}
|
|
962
969
|
|
|
963
|
-
.opacity-
|
|
964
|
-
opacity: 0
|
|
970
|
+
.opacity-0 {
|
|
971
|
+
opacity: 0;
|
|
965
972
|
}
|
|
966
973
|
|
|
967
974
|
.opacity-100 {
|
|
968
975
|
opacity: 1;
|
|
969
976
|
}
|
|
970
977
|
|
|
971
|
-
.opacity-0 {
|
|
972
|
-
opacity: 0;
|
|
973
|
-
}
|
|
974
|
-
|
|
975
978
|
.opacity-30 {
|
|
976
979
|
opacity: 0.3;
|
|
977
980
|
}
|
|
978
981
|
|
|
979
|
-
.opacity-
|
|
980
|
-
opacity: 0.
|
|
982
|
+
.opacity-50 {
|
|
983
|
+
opacity: 0.5;
|
|
981
984
|
}
|
|
982
985
|
|
|
983
|
-
.
|
|
984
|
-
|
|
985
|
-
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
986
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
986
|
+
.opacity-75 {
|
|
987
|
+
opacity: 0.75;
|
|
987
988
|
}
|
|
988
989
|
|
|
989
990
|
.shadow {
|
|
@@ -992,6 +993,12 @@ video {
|
|
|
992
993
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
993
994
|
}
|
|
994
995
|
|
|
996
|
+
.shadow-2xl {
|
|
997
|
+
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
998
|
+
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
999
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1000
|
+
}
|
|
1001
|
+
|
|
995
1002
|
.shadow-lg {
|
|
996
1003
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
997
1004
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
@@ -1002,18 +1009,14 @@ video {
|
|
|
1002
1009
|
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);
|
|
1003
1010
|
}
|
|
1004
1011
|
|
|
1005
|
-
.transition
|
|
1006
|
-
transition-property: color, background-color, border-color, fill, stroke, -
|
|
1007
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
1008
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
|
|
1012
|
+
.transition {
|
|
1013
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1009
1014
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1010
1015
|
transition-duration: 150ms;
|
|
1011
1016
|
}
|
|
1012
1017
|
|
|
1013
|
-
.transition {
|
|
1014
|
-
transition-property: color, background-color, border-color,
|
|
1015
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1016
|
-
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;
|
|
1018
|
+
.transition-colors {
|
|
1019
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
1017
1020
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1018
1021
|
transition-duration: 150ms;
|
|
1019
1022
|
}
|
|
@@ -1036,28 +1039,21 @@ video {
|
|
|
1036
1039
|
transition-duration: 75ms;
|
|
1037
1040
|
}
|
|
1038
1041
|
|
|
1039
|
-
.ease-out {
|
|
1040
|
-
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1041
|
-
}
|
|
1042
|
-
|
|
1043
1042
|
.ease-in {
|
|
1044
1043
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
1045
1044
|
}
|
|
1046
1045
|
|
|
1046
|
+
.ease-out {
|
|
1047
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1048
|
+
}
|
|
1049
|
+
|
|
1047
1050
|
.last\:border-transparent:last-child {
|
|
1048
1051
|
border-color: transparent;
|
|
1049
1052
|
}
|
|
1050
1053
|
|
|
1051
1054
|
.hover\:bg-gray-100:hover {
|
|
1052
1055
|
--tw-bg-opacity: 1;
|
|
1053
|
-
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
1054
|
-
}
|
|
1055
|
-
|
|
1056
|
-
@media (prefers-color-scheme: dark) {
|
|
1057
|
-
.dark\:text-white {
|
|
1058
|
-
--tw-text-opacity: 1;
|
|
1059
|
-
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1060
|
-
}
|
|
1056
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
|
|
1061
1057
|
}
|
|
1062
1058
|
|
|
1063
1059
|
@media (min-width: 768px) {
|
|
@@ -1065,14 +1061,14 @@ video {
|
|
|
1065
1061
|
bottom: 3.5rem;
|
|
1066
1062
|
}
|
|
1067
1063
|
|
|
1068
|
-
.md\:right-3 {
|
|
1069
|
-
right: 0.75rem;
|
|
1070
|
-
}
|
|
1071
|
-
|
|
1072
1064
|
.md\:right-16 {
|
|
1073
1065
|
right: 4rem;
|
|
1074
1066
|
}
|
|
1075
1067
|
|
|
1068
|
+
.md\:right-3 {
|
|
1069
|
+
right: 0.75rem;
|
|
1070
|
+
}
|
|
1071
|
+
|
|
1076
1072
|
.md\:flex {
|
|
1077
1073
|
display: flex;
|
|
1078
1074
|
}
|
|
@@ -1081,16 +1077,23 @@ video {
|
|
|
1081
1077
|
display: grid;
|
|
1082
1078
|
}
|
|
1083
1079
|
|
|
1084
|
-
.md\:w-\[40em\] {
|
|
1085
|
-
width: 40em;
|
|
1086
|
-
}
|
|
1087
|
-
|
|
1088
1080
|
.md\:w-2\/5 {
|
|
1089
1081
|
width: 40%;
|
|
1090
1082
|
}
|
|
1091
1083
|
|
|
1084
|
+
.md\:w-\[40em\] {
|
|
1085
|
+
width: 40em;
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1092
1088
|
.md\:px-24 {
|
|
1093
1089
|
padding-left: 6rem;
|
|
1094
1090
|
padding-right: 6rem;
|
|
1095
1091
|
}
|
|
1092
|
+
}
|
|
1093
|
+
|
|
1094
|
+
@media (prefers-color-scheme: dark) {
|
|
1095
|
+
.dark\:text-white {
|
|
1096
|
+
--tw-text-opacity: 1;
|
|
1097
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
1098
|
+
}
|
|
1096
1099
|
}
|