paginar 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1,1178 +1 @@
1
-
2
- .width-enter-active[data-v-5391e486],
3
- .width-leave-active[data-v-5391e486] {
4
- transition: width .5s;
5
- }
6
- .width-enter-active[data-v-5391e486]>* {
7
- transition-property: opacity;
8
- transition-duration: .2s;
9
- transition-delay: .3s;
10
- }
11
- .width-leave-active[data-v-5391e486]>* {
12
- transition: opacity .25s;
13
- }
14
- .width-enter[data-v-5391e486],
15
- .width-leave-to[data-v-5391e486] {
16
- width: 0;
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
-
126
- /*
127
- ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
128
- */
129
-
130
- /*
131
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
132
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
133
- */
134
-
135
- *,
136
- ::before,
137
- ::after {
138
- box-sizing: border-box;
139
- /* 1 */
140
- border-width: 0;
141
- /* 2 */
142
- border-style: solid;
143
- /* 2 */
144
- border-color: #e5e7eb;
145
- /* 2 */
146
- }
147
-
148
- ::before,
149
- ::after {
150
- --tw-content: '';
151
- }
152
-
153
- /*
154
- 1. Use a consistent sensible line-height in all browsers.
155
- 2. Prevent adjustments of font size after orientation changes in iOS.
156
- 3. Use a more readable tab size.
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
161
- */
162
-
163
- html,
164
- :host {
165
- line-height: 1.5;
166
- /* 1 */
167
- -webkit-text-size-adjust: 100%;
168
- /* 2 */
169
- -moz-tab-size: 4;
170
- /* 3 */
171
- -o-tab-size: 4;
172
- tab-size: 4;
173
- /* 3 */
174
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
175
- /* 4 */
176
- font-feature-settings: normal;
177
- /* 5 */
178
- font-variation-settings: normal;
179
- /* 6 */
180
- -webkit-tap-highlight-color: transparent;
181
- /* 7 */
182
- }
183
-
184
- /*
185
- 1. Remove the margin in all browsers.
186
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
187
- */
188
-
189
- body {
190
- margin: 0;
191
- /* 1 */
192
- line-height: inherit;
193
- /* 2 */
194
- }
195
-
196
- /*
197
- 1. Add the correct height in Firefox.
198
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
199
- 3. Ensure horizontal rules are visible by default.
200
- */
201
-
202
- hr {
203
- height: 0;
204
- /* 1 */
205
- color: inherit;
206
- /* 2 */
207
- border-top-width: 1px;
208
- /* 3 */
209
- }
210
-
211
- /*
212
- Add the correct text decoration in Chrome, Edge, and Safari.
213
- */
214
-
215
- abbr:where([title]) {
216
- -webkit-text-decoration: underline dotted;
217
- text-decoration: underline dotted;
218
- }
219
-
220
- /*
221
- Remove the default font size and weight for headings.
222
- */
223
-
224
- h1,
225
- h2,
226
- h3,
227
- h4,
228
- h5,
229
- h6 {
230
- font-size: inherit;
231
- font-weight: inherit;
232
- }
233
-
234
- /*
235
- Reset links to optimize for opt-in styling instead of opt-out.
236
- */
237
-
238
- a {
239
- color: inherit;
240
- text-decoration: inherit;
241
- }
242
-
243
- /*
244
- Add the correct font weight in Edge and Safari.
245
- */
246
-
247
- b,
248
- strong {
249
- font-weight: bolder;
250
- }
251
-
252
- /*
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.
257
- */
258
-
259
- code,
260
- kbd,
261
- samp,
262
- pre {
263
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
264
- /* 1 */
265
- font-feature-settings: normal;
266
- /* 2 */
267
- font-variation-settings: normal;
268
- /* 3 */
269
- font-size: 1em;
270
- /* 4 */
271
- }
272
-
273
- /*
274
- Add the correct font size in all browsers.
275
- */
276
-
277
- small {
278
- font-size: 80%;
279
- }
280
-
281
- /*
282
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
283
- */
284
-
285
- sub,
286
- sup {
287
- font-size: 75%;
288
- line-height: 0;
289
- position: relative;
290
- vertical-align: baseline;
291
- }
292
-
293
- sub {
294
- bottom: -0.25em;
295
- }
296
-
297
- sup {
298
- top: -0.5em;
299
- }
300
-
301
- /*
302
- 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)
303
- 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)
304
- 3. Remove gaps between table borders by default.
305
- */
306
-
307
- table {
308
- text-indent: 0;
309
- /* 1 */
310
- border-color: inherit;
311
- /* 2 */
312
- border-collapse: collapse;
313
- /* 3 */
314
- }
315
-
316
- /*
317
- 1. Change the font styles in all browsers.
318
- 2. Remove the margin in Firefox and Safari.
319
- 3. Remove default padding in all browsers.
320
- */
321
-
322
- button,
323
- input,
324
- optgroup,
325
- select,
326
- textarea {
327
- font-family: inherit;
328
- /* 1 */
329
- font-feature-settings: inherit;
330
- /* 1 */
331
- font-variation-settings: inherit;
332
- /* 1 */
333
- font-size: 100%;
334
- /* 1 */
335
- font-weight: inherit;
336
- /* 1 */
337
- line-height: inherit;
338
- /* 1 */
339
- letter-spacing: inherit;
340
- /* 1 */
341
- color: inherit;
342
- /* 1 */
343
- margin: 0;
344
- /* 2 */
345
- padding: 0;
346
- /* 3 */
347
- }
348
-
349
- /*
350
- Remove the inheritance of text transform in Edge and Firefox.
351
- */
352
-
353
- button,
354
- select {
355
- text-transform: none;
356
- }
357
-
358
- /*
359
- 1. Correct the inability to style clickable types in iOS and Safari.
360
- 2. Remove default button styles.
361
- */
362
-
363
- button,
364
- input:where([type='button']),
365
- input:where([type='reset']),
366
- input:where([type='submit']) {
367
- -webkit-appearance: button;
368
- /* 1 */
369
- background-color: transparent;
370
- /* 2 */
371
- background-image: none;
372
- /* 2 */
373
- }
374
-
375
- /*
376
- Use the modern Firefox focus style for all focusable elements.
377
- */
378
-
379
- :-moz-focusring {
380
- outline: auto;
381
- }
382
-
383
- /*
384
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
385
- */
386
-
387
- :-moz-ui-invalid {
388
- box-shadow: none;
389
- }
390
-
391
- /*
392
- Add the correct vertical alignment in Chrome and Firefox.
393
- */
394
-
395
- progress {
396
- vertical-align: baseline;
397
- }
398
-
399
- /*
400
- Correct the cursor style of increment and decrement buttons in Safari.
401
- */
402
-
403
- ::-webkit-inner-spin-button,
404
- ::-webkit-outer-spin-button {
405
- height: auto;
406
- }
407
-
408
- /*
409
- 1. Correct the odd appearance in Chrome and Safari.
410
- 2. Correct the outline style in Safari.
411
- */
412
-
413
- [type='search'] {
414
- -webkit-appearance: textfield;
415
- /* 1 */
416
- outline-offset: -2px;
417
- /* 2 */
418
- }
419
-
420
- /*
421
- Remove the inner padding in Chrome and Safari on macOS.
422
- */
423
-
424
- ::-webkit-search-decoration {
425
- -webkit-appearance: none;
426
- }
427
-
428
- /*
429
- 1. Correct the inability to style clickable types in iOS and Safari.
430
- 2. Change font properties to `inherit` in Safari.
431
- */
432
-
433
- ::-webkit-file-upload-button {
434
- -webkit-appearance: button;
435
- /* 1 */
436
- font: inherit;
437
- /* 2 */
438
- }
439
-
440
- /*
441
- Add the correct display in Chrome and Safari.
442
- */
443
-
444
- summary {
445
- display: list-item;
446
- }
447
-
448
- /*
449
- Removes the default spacing and border for appropriate elements.
450
- */
451
-
452
- blockquote,
453
- dl,
454
- dd,
455
- h1,
456
- h2,
457
- h3,
458
- h4,
459
- h5,
460
- h6,
461
- hr,
462
- figure,
463
- p,
464
- pre {
465
- margin: 0;
466
- }
467
-
468
- fieldset {
469
- margin: 0;
470
- padding: 0;
471
- }
472
-
473
- legend {
474
- padding: 0;
475
- }
476
-
477
- ol,
478
- ul,
479
- menu {
480
- list-style: none;
481
- margin: 0;
482
- padding: 0;
483
- }
484
-
485
- /*
486
- Reset default styling for dialogs.
487
- */
488
-
489
- dialog {
490
- padding: 0;
491
- }
492
-
493
- /*
494
- Prevent resizing textareas horizontally by default.
495
- */
496
-
497
- textarea {
498
- resize: vertical;
499
- }
500
-
501
- /*
502
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
503
- 2. Set the default placeholder color to the user's configured gray 400 color.
504
- */
505
-
506
- input::-moz-placeholder, textarea::-moz-placeholder {
507
- opacity: 1;
508
- /* 1 */
509
- color: #9ca3af;
510
- /* 2 */
511
- }
512
-
513
- input::placeholder,
514
- textarea::placeholder {
515
- opacity: 1;
516
- /* 1 */
517
- color: #9ca3af;
518
- /* 2 */
519
- }
520
-
521
- /*
522
- Set the default cursor for buttons.
523
- */
524
-
525
- button,
526
- [role="button"] {
527
- cursor: pointer;
528
- }
529
-
530
- /*
531
- Make sure disabled buttons don't get the pointer cursor.
532
- */
533
-
534
- :disabled {
535
- cursor: default;
536
- }
537
-
538
- /*
539
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
540
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
541
- This can trigger a poorly considered lint error in some tools but is included by design.
542
- */
543
-
544
- img,
545
- svg,
546
- video,
547
- canvas,
548
- audio,
549
- iframe,
550
- embed,
551
- object {
552
- display: block;
553
- /* 1 */
554
- vertical-align: middle;
555
- /* 2 */
556
- }
557
-
558
- /*
559
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
560
- */
561
-
562
- img,
563
- video {
564
- max-width: 100%;
565
- height: auto;
566
- }
567
-
568
- /* Make elements with the HTML hidden attribute stay hidden by default */
569
-
570
- [hidden]:where(:not([hidden="until-found"])) {
571
- display: none;
572
- }
573
-
574
- .fixed {
575
- position: fixed;
576
- }
577
-
578
- .absolute {
579
- position: absolute;
580
- }
581
-
582
- .relative {
583
- position: relative;
584
- }
585
-
586
- .-right-2 {
587
- right: -0.5rem;
588
- }
589
-
590
- .bottom-0 {
591
- bottom: 0px;
592
- }
593
-
594
- .right-0 {
595
- right: 0px;
596
- }
597
-
598
- .right-8 {
599
- right: 2rem;
600
- }
601
-
602
- .top-0 {
603
- top: 0px;
604
- }
605
-
606
- .top-14 {
607
- top: 3.5rem;
608
- }
609
-
610
- .top-4 {
611
- top: 1rem;
612
- }
613
-
614
- .z-10 {
615
- z-index: 10;
616
- }
617
-
618
- .z-20 {
619
- z-index: 20;
620
- }
621
-
622
- .z-40 {
623
- z-index: 40;
624
- }
625
-
626
- .col-span-1 {
627
- grid-column: span 1 / span 1;
628
- }
629
-
630
- .col-span-2 {
631
- grid-column: span 2 / span 2;
632
- }
633
-
634
- .mx-auto {
635
- margin-left: auto;
636
- margin-right: auto;
637
- }
638
-
639
- .my-3 {
640
- margin-top: 0.75rem;
641
- margin-bottom: 0.75rem;
642
- }
643
-
644
- .my-8 {
645
- margin-top: 2rem;
646
- margin-bottom: 2rem;
647
- }
648
-
649
- .mb-2 {
650
- margin-bottom: 0.5rem;
651
- }
652
-
653
- .mb-6 {
654
- margin-bottom: 1.5rem;
655
- }
656
-
657
- .ml-10 {
658
- margin-left: 2.5rem;
659
- }
660
-
661
- .ml-3 {
662
- margin-left: 0.75rem;
663
- }
664
-
665
- .ml-4 {
666
- margin-left: 1rem;
667
- }
668
-
669
- .mr-3 {
670
- margin-right: 0.75rem;
671
- }
672
-
673
- .mt-1 {
674
- margin-top: 0.25rem;
675
- }
676
-
677
- .mt-3 {
678
- margin-top: 0.75rem;
679
- }
680
-
681
- .mt-5 {
682
- margin-top: 1.25rem;
683
- }
684
-
685
- .block {
686
- display: block;
687
- }
688
-
689
- .inline-block {
690
- display: inline-block;
691
- }
692
-
693
- .inline {
694
- display: inline;
695
- }
696
-
697
- .flex {
698
- display: flex;
699
- }
700
-
701
- .inline-flex {
702
- display: inline-flex;
703
- }
704
-
705
- .grid {
706
- display: grid;
707
- }
708
-
709
- .contents {
710
- display: contents;
711
- }
712
-
713
- .hidden {
714
- display: none;
715
- }
716
-
717
- .h-10 {
718
- height: 2.5rem;
719
- }
720
-
721
- .h-4 {
722
- height: 1rem;
723
- }
724
-
725
- .h-5 {
726
- height: 1.25rem;
727
- }
728
-
729
- .h-6 {
730
- height: 1.5rem;
731
- }
732
-
733
- .h-8 {
734
- height: 2rem;
735
- }
736
-
737
- .h-full {
738
- height: 100%;
739
- }
740
-
741
- .h-screen {
742
- height: 100vh;
743
- }
744
-
745
- .w-11 {
746
- width: 2.75rem;
747
- }
748
-
749
- .w-4 {
750
- width: 1rem;
751
- }
752
-
753
- .w-4\/5 {
754
- width: 80%;
755
- }
756
-
757
- .w-5 {
758
- width: 1.25rem;
759
- }
760
-
761
- .w-6 {
762
- width: 1.5rem;
763
- }
764
-
765
- .w-60 {
766
- width: 15rem;
767
- }
768
-
769
- .w-8 {
770
- width: 2rem;
771
- }
772
-
773
- .w-96 {
774
- width: 24rem;
775
- }
776
-
777
- .w-full {
778
- width: 100%;
779
- }
780
-
781
- .flex-shrink-0 {
782
- flex-shrink: 0;
783
- }
784
-
785
- .translate-x-0 {
786
- --tw-translate-x: 0px;
787
- 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));
788
- }
789
-
790
- .translate-x-5 {
791
- --tw-translate-x: 1.25rem;
792
- 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));
793
- }
794
-
795
- .scale-100 {
796
- --tw-scale-x: 1;
797
- --tw-scale-y: 1;
798
- 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));
799
- }
800
-
801
- .scale-95 {
802
- --tw-scale-x: .95;
803
- --tw-scale-y: .95;
804
- 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));
805
- }
806
-
807
- .transform {
808
- 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));
809
- }
810
-
811
- .cursor-default {
812
- cursor: default;
813
- }
814
-
815
- .cursor-pointer {
816
- cursor: pointer;
817
- }
818
-
819
- .grid-cols-3 {
820
- grid-template-columns: repeat(3, minmax(0, 1fr));
821
- }
822
-
823
- .grid-cols-4 {
824
- grid-template-columns: repeat(4, minmax(0, 1fr));
825
- }
826
-
827
- .items-center {
828
- align-items: center;
829
- }
830
-
831
- .justify-center {
832
- justify-content: center;
833
- }
834
-
835
- .justify-between {
836
- justify-content: space-between;
837
- }
838
-
839
- .gap-2 {
840
- gap: 0.5rem;
841
- }
842
-
843
- .divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
844
- --tw-divide-opacity: 0.75;
845
- }
846
-
847
- .self-end {
848
- align-self: flex-end;
849
- }
850
-
851
- .overflow-auto {
852
- overflow: auto;
853
- }
854
-
855
- .overflow-hidden {
856
- overflow: hidden;
857
- }
858
-
859
- .overflow-x-hidden {
860
- overflow-x: hidden;
861
- }
862
-
863
- .rounded {
864
- border-radius: 0.25rem;
865
- }
866
-
867
- .rounded-full {
868
- border-radius: 9999px;
869
- }
870
-
871
- .rounded-sm {
872
- border-radius: 0.125rem;
873
- }
874
-
875
- .border {
876
- border-width: 1px;
877
- }
878
-
879
- .border-2 {
880
- border-width: 2px;
881
- }
882
-
883
- .border-b {
884
- border-bottom-width: 1px;
885
- }
886
-
887
- .border-t {
888
- border-top-width: 1px;
889
- }
890
-
891
- .border-gray-300 {
892
- --tw-border-opacity: 1;
893
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
894
- }
895
-
896
- .border-transparent {
897
- border-color: transparent;
898
- }
899
-
900
- .border-white {
901
- --tw-border-opacity: 1;
902
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
903
- }
904
-
905
- .border-b-white\/25 {
906
- border-bottom-color: rgb(255 255 255 / 0.25);
907
- }
908
-
909
- .bg-gray-300 {
910
- --tw-bg-opacity: 1;
911
- background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
912
- }
913
-
914
- .bg-gray-800 {
915
- --tw-bg-opacity: 1;
916
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
917
- }
918
-
919
- .bg-white {
920
- --tw-bg-opacity: 1;
921
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
922
- }
923
-
924
- .p-10 {
925
- padding: 2.5rem;
926
- }
927
-
928
- .p-3 {
929
- padding: 0.75rem;
930
- }
931
-
932
- .p-4 {
933
- padding: 1rem;
934
- }
935
-
936
- .px-1 {
937
- padding-left: 0.25rem;
938
- padding-right: 0.25rem;
939
- }
940
-
941
- .px-10 {
942
- padding-left: 2.5rem;
943
- padding-right: 2.5rem;
944
- }
945
-
946
- .px-2 {
947
- padding-left: 0.5rem;
948
- padding-right: 0.5rem;
949
- }
950
-
951
- .px-3 {
952
- padding-left: 0.75rem;
953
- padding-right: 0.75rem;
954
- }
955
-
956
- .py-2 {
957
- padding-top: 0.5rem;
958
- padding-bottom: 0.5rem;
959
- }
960
-
961
- .py-3 {
962
- padding-top: 0.75rem;
963
- padding-bottom: 0.75rem;
964
- }
965
-
966
- .py-4 {
967
- padding-top: 1rem;
968
- padding-bottom: 1rem;
969
- }
970
-
971
- .pl-4 {
972
- padding-left: 1rem;
973
- }
974
-
975
- .pt-10 {
976
- padding-top: 2.5rem;
977
- }
978
-
979
- .pt-5 {
980
- padding-top: 1.25rem;
981
- }
982
-
983
- .text-left {
984
- text-align: left;
985
- }
986
-
987
- .text-center {
988
- text-align: center;
989
- }
990
-
991
- .text-base {
992
- font-size: 1rem;
993
- line-height: 1.5rem;
994
- }
995
-
996
- .text-lg {
997
- font-size: 1.125rem;
998
- line-height: 1.75rem;
999
- }
1000
-
1001
- .text-sm {
1002
- font-size: 0.875rem;
1003
- line-height: 1.25rem;
1004
- }
1005
-
1006
- .text-xs {
1007
- font-size: 0.75rem;
1008
- line-height: 1rem;
1009
- }
1010
-
1011
- .font-light {
1012
- font-weight: 300;
1013
- }
1014
-
1015
- .lowercase {
1016
- text-transform: lowercase;
1017
- }
1018
-
1019
- .tracking-wide {
1020
- letter-spacing: 0.025em;
1021
- }
1022
-
1023
- .text-black {
1024
- --tw-text-opacity: 1;
1025
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1026
- }
1027
-
1028
- .text-gray-500 {
1029
- --tw-text-opacity: 1;
1030
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1031
- }
1032
-
1033
- .text-gray-700 {
1034
- --tw-text-opacity: 1;
1035
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1036
- }
1037
-
1038
- .text-white {
1039
- --tw-text-opacity: 1;
1040
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1041
- }
1042
-
1043
- .opacity-0 {
1044
- opacity: 0;
1045
- }
1046
-
1047
- .opacity-100 {
1048
- opacity: 1;
1049
- }
1050
-
1051
- .opacity-30 {
1052
- opacity: 0.3;
1053
- }
1054
-
1055
- .opacity-50 {
1056
- opacity: 0.5;
1057
- }
1058
-
1059
- .opacity-75 {
1060
- opacity: 0.75;
1061
- }
1062
-
1063
- .shadow {
1064
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1065
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1066
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1067
- }
1068
-
1069
- .shadow-2xl {
1070
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1071
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1072
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1073
- }
1074
-
1075
- .shadow-lg {
1076
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1077
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1078
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1079
- }
1080
-
1081
- .filter {
1082
- 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);
1083
- }
1084
-
1085
- .transition {
1086
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1087
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1088
- transition-duration: 150ms;
1089
- }
1090
-
1091
- .transition-colors {
1092
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1093
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1094
- transition-duration: 150ms;
1095
- }
1096
-
1097
- .transition-opacity {
1098
- transition-property: opacity;
1099
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1100
- transition-duration: 150ms;
1101
- }
1102
-
1103
- .transition-transform {
1104
- transition-property: transform;
1105
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1106
- transition-duration: 150ms;
1107
- }
1108
-
1109
- .duration-100 {
1110
- transition-duration: 100ms;
1111
- }
1112
-
1113
- .duration-200 {
1114
- transition-duration: 200ms;
1115
- }
1116
-
1117
- .duration-75 {
1118
- transition-duration: 75ms;
1119
- }
1120
-
1121
- .ease-in {
1122
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1123
- }
1124
-
1125
- .ease-out {
1126
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1127
- }
1128
-
1129
- .last\:border-transparent:last-child {
1130
- border-color: transparent;
1131
- }
1132
-
1133
- .hover\:bg-gray-100:hover {
1134
- --tw-bg-opacity: 1;
1135
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1136
- }
1137
-
1138
- @media (min-width: 768px) {
1139
- .md\:bottom-14 {
1140
- bottom: 3.5rem;
1141
- }
1142
-
1143
- .md\:right-16 {
1144
- right: 4rem;
1145
- }
1146
-
1147
- .md\:right-3 {
1148
- right: 0.75rem;
1149
- }
1150
-
1151
- .md\:flex {
1152
- display: flex;
1153
- }
1154
-
1155
- .md\:grid {
1156
- display: grid;
1157
- }
1158
-
1159
- .md\:w-2\/5 {
1160
- width: 40%;
1161
- }
1162
-
1163
- .md\:w-\[40em\] {
1164
- width: 40em;
1165
- }
1166
-
1167
- .md\:px-24 {
1168
- padding-left: 6rem;
1169
- padding-right: 6rem;
1170
- }
1171
- }
1172
-
1173
- @media (prefers-color-scheme: dark) {
1174
- .dark\:text-white {
1175
- --tw-text-opacity: 1;
1176
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1177
- }
1178
- }
1
+ .width-enter-active[data-v-5391e486],.width-leave-active[data-v-5391e486]{transition:width .5s}.width-enter-active[data-v-5391e486]>*{transition-property:opacity;transition-duration:.2s;transition-delay:.3s}.width-leave-active[data-v-5391e486]>*{transition:opacity .25s}.width-enter[data-v-5391e486],.width-leave-to[data-v-5391e486]{width:0}*,:before,:after{--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: rgb(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: rgb(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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{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,samp,pre{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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-right-2{right:-.5rem}.bottom-0{bottom:0}.right-0{right:0}.right-8{right:2rem}.top-0{top:0}.top-14{top:3.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.ml-10{margin-left:2.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.w-11{width:2.75rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-8{width:2rem}.w-96{width:24rem}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.divide-opacity-75>:not([hidden])~:not([hidden]){--tw-divide-opacity: .75}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-b-white\/25{border-bottom-color:#ffffff40}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-4{padding-left:1rem}.pt-10{padding-top:2.5rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.lowercase{text-transform:lowercase}.tracking-wide{letter-spacing:.025em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.last\:border-transparent:last-child{border-color:transparent}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.md\:bottom-14{bottom:3.5rem}.md\:right-16{right:4rem}.md\:right-3{right:.75rem}.md\:flex{display:flex}.md\:grid{display:grid}.md\:w-2\/5{width:40%}.md\:w-\[40em\]{width:40em}.md\:px-24{padding-left:6rem;padding-right:6rem}}@media (prefers-color-scheme: dark){.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}