@umijs/plugin-docs 4.0.13 → 4.0.14

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.
@@ -1,2749 +0,0 @@
1
- /*
2
- ! tailwindcss v3.1.6 | MIT License | https://tailwindcss.com
3
- */
4
-
5
- /*
6
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
- */
9
-
10
- *,
11
- ::before,
12
- ::after {
13
- box-sizing: border-box;
14
- /* 1 */
15
- border-width: 0;
16
- /* 2 */
17
- border-style: solid;
18
- /* 2 */
19
- border-color: #e5e7eb;
20
- /* 2 */
21
- }
22
-
23
- ::before,
24
- ::after {
25
- --tw-content: '';
26
- }
27
-
28
- /*
29
- 1. Use a consistent sensible line-height in all browsers.
30
- 2. Prevent adjustments of font size after orientation changes in iOS.
31
- 3. Use a more readable tab size.
32
- 4. Use the user's configured `sans` font-family by default.
33
- */
34
-
35
- html {
36
- line-height: 1.5;
37
- /* 1 */
38
- -webkit-text-size-adjust: 100%;
39
- /* 2 */
40
- -moz-tab-size: 4;
41
- /* 3 */
42
- -o-tab-size: 4;
43
- tab-size: 4;
44
- /* 3 */
45
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
46
- /* 4 */
47
- }
48
-
49
- /*
50
- 1. Remove the margin in all browsers.
51
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
52
- */
53
-
54
- body {
55
- margin: 0;
56
- /* 1 */
57
- line-height: inherit;
58
- /* 2 */
59
- }
60
-
61
- /*
62
- 1. Add the correct height in Firefox.
63
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
64
- 3. Ensure horizontal rules are visible by default.
65
- */
66
-
67
- hr {
68
- height: 0;
69
- /* 1 */
70
- color: inherit;
71
- /* 2 */
72
- border-top-width: 1px;
73
- /* 3 */
74
- }
75
-
76
- /*
77
- Add the correct text decoration in Chrome, Edge, and Safari.
78
- */
79
-
80
- abbr:where([title]) {
81
- -webkit-text-decoration: underline dotted;
82
- text-decoration: underline dotted;
83
- }
84
-
85
- /*
86
- Remove the default font size and weight for headings.
87
- */
88
-
89
- h1,
90
- h2,
91
- h3,
92
- h4,
93
- h5,
94
- h6 {
95
- font-size: inherit;
96
- font-weight: inherit;
97
- }
98
-
99
- /*
100
- Reset links to optimize for opt-in styling instead of opt-out.
101
- */
102
-
103
- a {
104
- color: inherit;
105
- text-decoration: inherit;
106
- }
107
-
108
- /*
109
- Add the correct font weight in Edge and Safari.
110
- */
111
-
112
- b,
113
- strong {
114
- font-weight: bolder;
115
- }
116
-
117
- /*
118
- 1. Use the user's configured `mono` font family by default.
119
- 2. Correct the odd `em` font sizing in all browsers.
120
- */
121
-
122
- code,
123
- kbd,
124
- samp,
125
- pre {
126
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
127
- /* 1 */
128
- font-size: 1em;
129
- /* 2 */
130
- }
131
-
132
- /*
133
- Add the correct font size in all browsers.
134
- */
135
-
136
- small {
137
- font-size: 80%;
138
- }
139
-
140
- /*
141
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
142
- */
143
-
144
- sub,
145
- sup {
146
- font-size: 75%;
147
- line-height: 0;
148
- position: relative;
149
- vertical-align: baseline;
150
- }
151
-
152
- sub {
153
- bottom: -0.25em;
154
- }
155
-
156
- sup {
157
- top: -0.5em;
158
- }
159
-
160
- /*
161
- 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)
162
- 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)
163
- 3. Remove gaps between table borders by default.
164
- */
165
-
166
- table {
167
- text-indent: 0;
168
- /* 1 */
169
- border-color: inherit;
170
- /* 2 */
171
- border-collapse: collapse;
172
- /* 3 */
173
- }
174
-
175
- /*
176
- 1. Change the font styles in all browsers.
177
- 2. Remove the margin in Firefox and Safari.
178
- 3. Remove default padding in all browsers.
179
- */
180
-
181
- button,
182
- input,
183
- optgroup,
184
- select,
185
- textarea {
186
- font-family: inherit;
187
- /* 1 */
188
- font-size: 100%;
189
- /* 1 */
190
- font-weight: inherit;
191
- /* 1 */
192
- line-height: inherit;
193
- /* 1 */
194
- color: inherit;
195
- /* 1 */
196
- margin: 0;
197
- /* 2 */
198
- padding: 0;
199
- /* 3 */
200
- }
201
-
202
- /*
203
- Remove the inheritance of text transform in Edge and Firefox.
204
- */
205
-
206
- button,
207
- select {
208
- text-transform: none;
209
- }
210
-
211
- /*
212
- 1. Correct the inability to style clickable types in iOS and Safari.
213
- 2. Remove default button styles.
214
- */
215
-
216
- button,
217
- [type='button'],
218
- [type='reset'],
219
- [type='submit'] {
220
- -webkit-appearance: button;
221
- /* 1 */
222
- background-color: transparent;
223
- /* 2 */
224
- background-image: none;
225
- /* 2 */
226
- }
227
-
228
- /*
229
- Use the modern Firefox focus style for all focusable elements.
230
- */
231
-
232
- :-moz-focusring {
233
- outline: auto;
234
- }
235
-
236
- /*
237
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
238
- */
239
-
240
- :-moz-ui-invalid {
241
- box-shadow: none;
242
- }
243
-
244
- /*
245
- Add the correct vertical alignment in Chrome and Firefox.
246
- */
247
-
248
- progress {
249
- vertical-align: baseline;
250
- }
251
-
252
- /*
253
- Correct the cursor style of increment and decrement buttons in Safari.
254
- */
255
-
256
- ::-webkit-inner-spin-button,
257
- ::-webkit-outer-spin-button {
258
- height: auto;
259
- }
260
-
261
- /*
262
- 1. Correct the odd appearance in Chrome and Safari.
263
- 2. Correct the outline style in Safari.
264
- */
265
-
266
- [type='search'] {
267
- -webkit-appearance: textfield;
268
- /* 1 */
269
- outline-offset: -2px;
270
- /* 2 */
271
- }
272
-
273
- /*
274
- Remove the inner padding in Chrome and Safari on macOS.
275
- */
276
-
277
- ::-webkit-search-decoration {
278
- -webkit-appearance: none;
279
- }
280
-
281
- /*
282
- 1. Correct the inability to style clickable types in iOS and Safari.
283
- 2. Change font properties to `inherit` in Safari.
284
- */
285
-
286
- ::-webkit-file-upload-button {
287
- -webkit-appearance: button;
288
- /* 1 */
289
- font: inherit;
290
- /* 2 */
291
- }
292
-
293
- /*
294
- Add the correct display in Chrome and Safari.
295
- */
296
-
297
- summary {
298
- display: list-item;
299
- }
300
-
301
- /*
302
- Removes the default spacing and border for appropriate elements.
303
- */
304
-
305
- blockquote,
306
- dl,
307
- dd,
308
- h1,
309
- h2,
310
- h3,
311
- h4,
312
- h5,
313
- h6,
314
- hr,
315
- figure,
316
- p,
317
- pre {
318
- margin: 0;
319
- }
320
-
321
- fieldset {
322
- margin: 0;
323
- padding: 0;
324
- }
325
-
326
- legend {
327
- padding: 0;
328
- }
329
-
330
- ol,
331
- ul,
332
- menu {
333
- list-style: none;
334
- margin: 0;
335
- padding: 0;
336
- }
337
-
338
- /*
339
- Prevent resizing textareas horizontally by default.
340
- */
341
-
342
- textarea {
343
- resize: vertical;
344
- }
345
-
346
- /*
347
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
348
- 2. Set the default placeholder color to the user's configured gray 400 color.
349
- */
350
-
351
- input::-moz-placeholder, textarea::-moz-placeholder {
352
- opacity: 1;
353
- /* 1 */
354
- color: #9ca3af;
355
- /* 2 */
356
- }
357
-
358
- input::placeholder,
359
- textarea::placeholder {
360
- opacity: 1;
361
- /* 1 */
362
- color: #9ca3af;
363
- /* 2 */
364
- }
365
-
366
- /*
367
- Set the default cursor for buttons.
368
- */
369
-
370
- button,
371
- [role="button"] {
372
- cursor: pointer;
373
- }
374
-
375
- /*
376
- Make sure disabled buttons don't get the pointer cursor.
377
- */
378
-
379
- :disabled {
380
- cursor: default;
381
- }
382
-
383
- /*
384
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
385
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
386
- This can trigger a poorly considered lint error in some tools but is included by design.
387
- */
388
-
389
- img,
390
- svg,
391
- video,
392
- canvas,
393
- audio,
394
- iframe,
395
- embed,
396
- object {
397
- display: block;
398
- /* 1 */
399
- vertical-align: middle;
400
- /* 2 */
401
- }
402
-
403
- /*
404
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
405
- */
406
-
407
- img,
408
- video {
409
- max-width: 100%;
410
- height: auto;
411
- }
412
-
413
- *, ::before, ::after {
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
- }
506
-
507
- ::backdrop {
508
- --tw-border-spacing-x: 0;
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: ;
552
- }
553
-
554
- .container {
555
- width: 100%;
556
- }
557
-
558
- @media (min-width: 640px) {
559
- .container {
560
- max-width: 640px;
561
- }
562
- }
563
-
564
- @media (min-width: 768px) {
565
- .container {
566
- max-width: 768px;
567
- }
568
- }
569
-
570
- @media (min-width: 1024px) {
571
- .container {
572
- max-width: 1024px;
573
- }
574
- }
575
-
576
- @media (min-width: 1280px) {
577
- .container {
578
- max-width: 1280px;
579
- }
580
- }
581
-
582
- @media (min-width: 1536px) {
583
- .container {
584
- max-width: 1536px;
585
- }
586
- }
587
-
588
- .features {
589
- background-image: radial-gradient(#f8f8f5 20%, transparent 20%);
590
- background-color: white;
591
- background-size: 6px 6px;
592
- width: 100%;
593
- -ms-overflow-style: none;
594
- scrollbar-width: none;
595
- }
596
-
597
- .features::-webkit-scrollbar {
598
- display: none;
599
- }
600
-
601
- .mdx-message {
602
- border-left-width: 8px;
603
- }
604
-
605
- .dark .mdx-message code {
606
- --tw-bg-opacity: 0.5;
607
- }
608
-
609
- .mdx-message-text :first-child {
610
- margin-top: 0px;
611
- }
612
-
613
- .mdx-message-text img {
614
- border-radius: 0.375rem;
615
- }
616
-
617
- .mdx-message-text pre {
618
- margin-top: 0.5rem;
619
- margin-bottom: 0.5rem;
620
- }
621
-
622
- .mdx-message-info {
623
- --tw-border-opacity: 1;
624
- border-color: rgb(147 197 253 / var(--tw-border-opacity));
625
- --tw-bg-opacity: 1;
626
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
627
- }
628
-
629
- .dark .mdx-message-info {
630
- --tw-border-opacity: 1;
631
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
632
- --tw-bg-opacity: 1;
633
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
634
- }
635
-
636
- .mdx-message-info code {
637
- --tw-text-opacity: 1;
638
- color: rgb(30 64 175 / var(--tw-text-opacity));
639
- }
640
-
641
- .dark .mdx-message-info code {
642
- --tw-text-opacity: 1;
643
- color: rgb(191 219 254 / var(--tw-text-opacity));
644
- }
645
-
646
- .mdx-message-success {
647
- --tw-border-opacity: 1;
648
- border-color: rgb(134 239 172 / var(--tw-border-opacity));
649
- --tw-bg-opacity: 1;
650
- background-color: rgb(240 253 244 / var(--tw-bg-opacity));
651
- }
652
-
653
- .dark .mdx-message-success {
654
- --tw-border-opacity: 1;
655
- border-color: rgb(34 197 94 / var(--tw-border-opacity));
656
- --tw-bg-opacity: 1;
657
- background-color: rgb(21 128 61 / var(--tw-bg-opacity));
658
- }
659
-
660
- .mdx-message-success code {
661
- --tw-text-opacity: 1;
662
- color: rgb(22 101 52 / var(--tw-text-opacity));
663
- }
664
-
665
- .dark .mdx-message-success code {
666
- --tw-text-opacity: 1;
667
- color: rgb(187 247 208 / var(--tw-text-opacity));
668
- }
669
-
670
- .mdx-message-warning {
671
- --tw-border-opacity: 1;
672
- border-color: rgb(253 186 116 / var(--tw-border-opacity));
673
- --tw-bg-opacity: 1;
674
- background-color: rgb(255 247 237 / var(--tw-bg-opacity));
675
- }
676
-
677
- .dark .mdx-message-warning {
678
- --tw-border-opacity: 1;
679
- border-color: rgb(249 115 22 / var(--tw-border-opacity));
680
- --tw-bg-opacity: 1;
681
- background-color: rgb(194 65 12 / var(--tw-bg-opacity));
682
- }
683
-
684
- .mdx-message-warning code {
685
- --tw-text-opacity: 1;
686
- color: rgb(194 65 12 / var(--tw-text-opacity));
687
- }
688
-
689
- .dark .mdx-message-warning code {
690
- --tw-text-opacity: 1;
691
- color: rgb(255 237 213 / var(--tw-text-opacity));
692
- }
693
-
694
- .mdx-message-error {
695
- --tw-border-opacity: 1;
696
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
697
- --tw-bg-opacity: 1;
698
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
699
- }
700
-
701
- .dark .mdx-message-error {
702
- --tw-border-opacity: 1;
703
- border-color: rgb(244 63 94 / var(--tw-border-opacity));
704
- --tw-bg-opacity: 1;
705
- background-color: rgb(190 18 60 / var(--tw-bg-opacity));
706
- }
707
-
708
- .mdx-message-error code {
709
- --tw-text-opacity: 1;
710
- color: rgb(185 28 28 / var(--tw-text-opacity));
711
- }
712
-
713
- .dark .mdx-message-error code {
714
- --tw-text-opacity: 1;
715
- color: rgb(255 228 230 / var(--tw-text-opacity));
716
- }
717
-
718
- .fixed {
719
- position: fixed;
720
- }
721
-
722
- .absolute {
723
- position: absolute;
724
- }
725
-
726
- .relative {
727
- position: relative;
728
- }
729
-
730
- .sticky {
731
- position: -webkit-sticky;
732
- position: sticky;
733
- }
734
-
735
- .bottom-\[-12\] {
736
- bottom: -12;
737
- }
738
-
739
- .top-0 {
740
- top: 0px;
741
- }
742
-
743
- .left-0 {
744
- left: 0px;
745
- }
746
-
747
- .right-0 {
748
- right: 0px;
749
- }
750
-
751
- .top-32 {
752
- top: 8rem;
753
- }
754
-
755
- .top-12 {
756
- top: 3rem;
757
- }
758
-
759
- .top-8 {
760
- top: 2rem;
761
- }
762
-
763
- .right-2 {
764
- right: 0.5rem;
765
- }
766
-
767
- .z-30 {
768
- z-index: 30;
769
- }
770
-
771
- .z-10 {
772
- z-index: 10;
773
- }
774
-
775
- .z-20 {
776
- z-index: 20;
777
- }
778
-
779
- .m-8 {
780
- margin: 2rem;
781
- }
782
-
783
- .m-0 {
784
- margin: 0px;
785
- }
786
-
787
- .my-6 {
788
- margin-top: 1.5rem;
789
- margin-bottom: 1.5rem;
790
- }
791
-
792
- .my-2 {
793
- margin-top: 0.5rem;
794
- margin-bottom: 0.5rem;
795
- }
796
-
797
- .my-12 {
798
- margin-top: 3rem;
799
- margin-bottom: 3rem;
800
- }
801
-
802
- .mx-4 {
803
- margin-left: 1rem;
804
- margin-right: 1rem;
805
- }
806
-
807
- .mx-1 {
808
- margin-left: 0.25rem;
809
- margin-right: 0.25rem;
810
- }
811
-
812
- .my-4 {
813
- margin-top: 1rem;
814
- margin-bottom: 1rem;
815
- }
816
-
817
- .ml-2 {
818
- margin-left: 0.5rem;
819
- }
820
-
821
- .ml-4 {
822
- margin-left: 1rem;
823
- }
824
-
825
- .ml-8 {
826
- margin-left: 2rem;
827
- }
828
-
829
- .mb-12 {
830
- margin-bottom: 3rem;
831
- }
832
-
833
- .mt-3 {
834
- margin-top: 0.75rem;
835
- }
836
-
837
- .mb-8 {
838
- margin-bottom: 2rem;
839
- }
840
-
841
- .mt-4 {
842
- margin-top: 1rem;
843
- }
844
-
845
- .mt-8 {
846
- margin-top: 2rem;
847
- }
848
-
849
- .mb-24 {
850
- margin-bottom: 6rem;
851
- }
852
-
853
- .mb-4 {
854
- margin-bottom: 1rem;
855
- }
856
-
857
- .mr-2 {
858
- margin-right: 0.5rem;
859
- }
860
-
861
- .mr-3 {
862
- margin-right: 0.75rem;
863
- }
864
-
865
- .mt-0 {
866
- margin-top: 0px;
867
- }
868
-
869
- .mb-3 {
870
- margin-bottom: 0.75rem;
871
- }
872
-
873
- .mr-0 {
874
- margin-right: 0px;
875
- }
876
-
877
- .block {
878
- display: block;
879
- }
880
-
881
- .flex {
882
- display: flex;
883
- }
884
-
885
- .inline-flex {
886
- display: inline-flex;
887
- }
888
-
889
- .contents {
890
- display: contents;
891
- }
892
-
893
- .hidden {
894
- display: none;
895
- }
896
-
897
- .h-0\.5 {
898
- height: 0.125rem;
899
- }
900
-
901
- .h-0 {
902
- height: 0px;
903
- }
904
-
905
- .h-screen {
906
- height: 100vh;
907
- }
908
-
909
- .h-8 {
910
- height: 2rem;
911
- }
912
-
913
- .h-6 {
914
- height: 1.5rem;
915
- }
916
-
917
- .h-4 {
918
- height: 1rem;
919
- }
920
-
921
- .h-3 {
922
- height: 0.75rem;
923
- }
924
-
925
- .h-full {
926
- height: 100%;
927
- }
928
-
929
- .h-72 {
930
- height: 18rem;
931
- }
932
-
933
- .h-\[calc\(100vh-60px\)\] {
934
- height: calc(100vh - 60px);
935
- }
936
-
937
- .max-h-0 {
938
- max-height: 0px;
939
- }
940
-
941
- .max-h-screen {
942
- max-height: 100vh;
943
- }
944
-
945
- .max-h-80 {
946
- max-height: 20rem;
947
- }
948
-
949
- .max-h-\[calc\(100vh-360px\)\] {
950
- max-height: calc(100vh - 360px);
951
- }
952
-
953
- .min-h-screen {
954
- min-height: 100vh;
955
- }
956
-
957
- .w-full {
958
- width: 100%;
959
- }
960
-
961
- .w-5 {
962
- width: 1.25rem;
963
- }
964
-
965
- .w-24 {
966
- width: 6rem;
967
- }
968
-
969
- .w-1\/4 {
970
- width: 25%;
971
- }
972
-
973
- .w-2\/3 {
974
- width: 66.666667%;
975
- }
976
-
977
- .w-screen {
978
- width: 100vw;
979
- }
980
-
981
- .w-8 {
982
- width: 2rem;
983
- }
984
-
985
- .w-32 {
986
- width: 8rem;
987
- }
988
-
989
- .w-40 {
990
- width: 10rem;
991
- }
992
-
993
- .w-96 {
994
- width: 24rem;
995
- }
996
-
997
- .w-12 {
998
- width: 3rem;
999
- }
1000
-
1001
- .w-3 {
1002
- width: 0.75rem;
1003
- }
1004
-
1005
- .w-5\/6 {
1006
- width: 83.333333%;
1007
- }
1008
-
1009
- .w-4 {
1010
- width: 1rem;
1011
- }
1012
-
1013
- .flex-1 {
1014
- flex: 1 1 0%;
1015
- }
1016
-
1017
- .flex-grow {
1018
- flex-grow: 1;
1019
- }
1020
-
1021
- .-translate-x-2\.5 {
1022
- --tw-translate-x: -0.625rem;
1023
- 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));
1024
- }
1025
-
1026
- .-translate-x-2 {
1027
- --tw-translate-x: -0.5rem;
1028
- 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));
1029
- }
1030
-
1031
- .-translate-y-1\.5 {
1032
- --tw-translate-y: -0.375rem;
1033
- 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));
1034
- }
1035
-
1036
- .-translate-y-1 {
1037
- --tw-translate-y: -0.25rem;
1038
- 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));
1039
- }
1040
-
1041
- .translate-y-1\.5 {
1042
- --tw-translate-y: 0.375rem;
1043
- 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));
1044
- }
1045
-
1046
- .translate-y-1 {
1047
- --tw-translate-y: 0.25rem;
1048
- 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));
1049
- }
1050
-
1051
- .translate-x-5 {
1052
- --tw-translate-x: 1.25rem;
1053
- 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));
1054
- }
1055
-
1056
- .translate-y-\[-5rem\] {
1057
- --tw-translate-y: -5rem;
1058
- 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));
1059
- }
1060
-
1061
- .rotate-45 {
1062
- --tw-rotate: 45deg;
1063
- 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));
1064
- }
1065
-
1066
- .-rotate-45 {
1067
- --tw-rotate: -45deg;
1068
- 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));
1069
- }
1070
-
1071
- .transform {
1072
- 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));
1073
- }
1074
-
1075
- @-webkit-keyframes pulse {
1076
- 50% {
1077
- opacity: .5;
1078
- }
1079
- }
1080
-
1081
- @keyframes pulse {
1082
- 50% {
1083
- opacity: .5;
1084
- }
1085
- }
1086
-
1087
- .animate-pulse {
1088
- -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1089
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1090
- }
1091
-
1092
- .cursor-pointer {
1093
- cursor: pointer;
1094
- }
1095
-
1096
- .cursor-default {
1097
- cursor: default;
1098
- }
1099
-
1100
- .list-none {
1101
- list-style-type: none;
1102
- }
1103
-
1104
- .flex-row {
1105
- flex-direction: row;
1106
- }
1107
-
1108
- .flex-col {
1109
- flex-direction: column;
1110
- }
1111
-
1112
- .flex-wrap {
1113
- flex-wrap: wrap;
1114
- }
1115
-
1116
- .items-center {
1117
- align-items: center;
1118
- }
1119
-
1120
- .justify-start {
1121
- justify-content: flex-start;
1122
- }
1123
-
1124
- .justify-end {
1125
- justify-content: flex-end;
1126
- }
1127
-
1128
- .justify-center {
1129
- justify-content: center;
1130
- }
1131
-
1132
- .justify-between {
1133
- justify-content: space-between;
1134
- }
1135
-
1136
- .overflow-hidden {
1137
- overflow: hidden;
1138
- }
1139
-
1140
- .overflow-y-auto {
1141
- overflow-y: auto;
1142
- }
1143
-
1144
- .overflow-x-hidden {
1145
- overflow-x: hidden;
1146
- }
1147
-
1148
- .overflow-y-scroll {
1149
- overflow-y: scroll;
1150
- }
1151
-
1152
- .break-all {
1153
- word-break: break-all;
1154
- }
1155
-
1156
- .rounded-lg {
1157
- border-radius: 0.5rem;
1158
- }
1159
-
1160
- .rounded {
1161
- border-radius: 0.25rem;
1162
- }
1163
-
1164
- .rounded-full {
1165
- border-radius: 9999px;
1166
- }
1167
-
1168
- .rounded-xl {
1169
- border-radius: 0.75rem;
1170
- }
1171
-
1172
- .rounded-t-lg {
1173
- border-top-left-radius: 0.5rem;
1174
- border-top-right-radius: 0.5rem;
1175
- }
1176
-
1177
- .border {
1178
- border-width: 1px;
1179
- }
1180
-
1181
- .border-b-2 {
1182
- border-bottom-width: 2px;
1183
- }
1184
-
1185
- .border-b {
1186
- border-bottom-width: 1px;
1187
- }
1188
-
1189
- .border-white {
1190
- --tw-border-opacity: 1;
1191
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
1192
- }
1193
-
1194
- .border-gray-300 {
1195
- --tw-border-opacity: 1;
1196
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1197
- }
1198
-
1199
- .border-gray-200 {
1200
- --tw-border-opacity: 1;
1201
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1202
- }
1203
-
1204
- .border-b-gray-100 {
1205
- --tw-border-opacity: 1;
1206
- border-bottom-color: rgb(243 244 246 / var(--tw-border-opacity));
1207
- }
1208
-
1209
- .bg-current {
1210
- background-color: currentColor;
1211
- }
1212
-
1213
- .bg-white {
1214
- --tw-bg-opacity: 1;
1215
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1216
- }
1217
-
1218
- .bg-gray-100 {
1219
- --tw-bg-opacity: 1;
1220
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1221
- }
1222
-
1223
- .bg-transparent {
1224
- background-color: transparent;
1225
- }
1226
-
1227
- .bg-gray-200 {
1228
- --tw-bg-opacity: 1;
1229
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1230
- }
1231
-
1232
- .bg-blue-50 {
1233
- --tw-bg-opacity: 1;
1234
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1235
- }
1236
-
1237
- .bg-gray-700 {
1238
- --tw-bg-opacity: 1;
1239
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1240
- }
1241
-
1242
- .bg-blue-200 {
1243
- --tw-bg-opacity: 1;
1244
- background-color: rgb(191 219 254 / var(--tw-bg-opacity));
1245
- }
1246
-
1247
- .bg-\[rgb\(16\2c 37\2c 62\)\] {
1248
- --tw-bg-opacity: 1;
1249
- background-color: rgb(16 37 62 / var(--tw-bg-opacity));
1250
- }
1251
-
1252
- .bg-blue-600 {
1253
- --tw-bg-opacity: 1;
1254
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1255
- }
1256
-
1257
- .bg-zinc-900 {
1258
- --tw-bg-opacity: 1;
1259
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1260
- }
1261
-
1262
- .object-cover {
1263
- -o-object-fit: cover;
1264
- object-fit: cover;
1265
- }
1266
-
1267
- .p-4 {
1268
- padding: 1rem;
1269
- }
1270
-
1271
- .p-2 {
1272
- padding: 0.5rem;
1273
- }
1274
-
1275
- .px-4 {
1276
- padding-left: 1rem;
1277
- padding-right: 1rem;
1278
- }
1279
-
1280
- .px-2 {
1281
- padding-left: 0.5rem;
1282
- padding-right: 0.5rem;
1283
- }
1284
-
1285
- .py-1 {
1286
- padding-top: 0.25rem;
1287
- padding-bottom: 0.25rem;
1288
- }
1289
-
1290
- .py-2 {
1291
- padding-top: 0.5rem;
1292
- padding-bottom: 0.5rem;
1293
- }
1294
-
1295
- .px-8 {
1296
- padding-left: 2rem;
1297
- padding-right: 2rem;
1298
- }
1299
-
1300
- .px-1\.5 {
1301
- padding-left: 0.375rem;
1302
- padding-right: 0.375rem;
1303
- }
1304
-
1305
- .px-1 {
1306
- padding-left: 0.25rem;
1307
- padding-right: 0.25rem;
1308
- }
1309
-
1310
- .py-4 {
1311
- padding-top: 1rem;
1312
- padding-bottom: 1rem;
1313
- }
1314
-
1315
- .py-12 {
1316
- padding-top: 3rem;
1317
- padding-bottom: 3rem;
1318
- }
1319
-
1320
- .px-6 {
1321
- padding-left: 1.5rem;
1322
- padding-right: 1.5rem;
1323
- }
1324
-
1325
- .py-36 {
1326
- padding-top: 9rem;
1327
- padding-bottom: 9rem;
1328
- }
1329
-
1330
- .py-5 {
1331
- padding-top: 1.25rem;
1332
- padding-bottom: 1.25rem;
1333
- }
1334
-
1335
- .px-0 {
1336
- padding-left: 0px;
1337
- padding-right: 0px;
1338
- }
1339
-
1340
- .pt-4 {
1341
- padding-top: 1rem;
1342
- }
1343
-
1344
- .pb-4 {
1345
- padding-bottom: 1rem;
1346
- }
1347
-
1348
- .pt-20 {
1349
- padding-top: 5rem;
1350
- }
1351
-
1352
- .pr-2 {
1353
- padding-right: 0.5rem;
1354
- }
1355
-
1356
- .pt-12 {
1357
- padding-top: 3rem;
1358
- }
1359
-
1360
- .pb-36 {
1361
- padding-bottom: 9rem;
1362
- }
1363
-
1364
- .pb-2 {
1365
- padding-bottom: 0.5rem;
1366
- }
1367
-
1368
- .pb-12 {
1369
- padding-bottom: 3rem;
1370
- }
1371
-
1372
- .pt-5 {
1373
- padding-top: 1.25rem;
1374
- }
1375
-
1376
- .pt-0 {
1377
- padding-top: 0px;
1378
- }
1379
-
1380
- .text-center {
1381
- text-align: center;
1382
- }
1383
-
1384
- .text-xl {
1385
- font-size: 1.25rem;
1386
- line-height: 1.75rem;
1387
- }
1388
-
1389
- .text-sm {
1390
- font-size: 0.875rem;
1391
- line-height: 1.25rem;
1392
- }
1393
-
1394
- .text-xs {
1395
- font-size: 0.75rem;
1396
- line-height: 1rem;
1397
- }
1398
-
1399
- .text-lg {
1400
- font-size: 1.125rem;
1401
- line-height: 1.75rem;
1402
- }
1403
-
1404
- .text-base {
1405
- font-size: 1rem;
1406
- line-height: 1.5rem;
1407
- }
1408
-
1409
- .text-3xl {
1410
- font-size: 1.875rem;
1411
- line-height: 2.25rem;
1412
- }
1413
-
1414
- .text-4xl {
1415
- font-size: 2.25rem;
1416
- line-height: 2.5rem;
1417
- }
1418
-
1419
- .text-5xl {
1420
- font-size: 3rem;
1421
- line-height: 1;
1422
- }
1423
-
1424
- .font-extrabold {
1425
- font-weight: 800;
1426
- }
1427
-
1428
- .font-bold {
1429
- font-weight: 700;
1430
- }
1431
-
1432
- .text-gray-400 {
1433
- --tw-text-opacity: 1;
1434
- color: rgb(156 163 175 / var(--tw-text-opacity));
1435
- }
1436
-
1437
- .text-blue-400 {
1438
- --tw-text-opacity: 1;
1439
- color: rgb(96 165 250 / var(--tw-text-opacity));
1440
- }
1441
-
1442
- .text-gray-700 {
1443
- --tw-text-opacity: 1;
1444
- color: rgb(55 65 81 / var(--tw-text-opacity));
1445
- }
1446
-
1447
- .text-gray-800 {
1448
- --tw-text-opacity: 1;
1449
- color: rgb(31 41 55 / var(--tw-text-opacity));
1450
- }
1451
-
1452
- .text-gray-600 {
1453
- --tw-text-opacity: 1;
1454
- color: rgb(75 85 99 / var(--tw-text-opacity));
1455
- }
1456
-
1457
- .text-gray-900 {
1458
- --tw-text-opacity: 1;
1459
- color: rgb(17 24 39 / var(--tw-text-opacity));
1460
- }
1461
-
1462
- .text-gray-500 {
1463
- --tw-text-opacity: 1;
1464
- color: rgb(107 114 128 / var(--tw-text-opacity));
1465
- }
1466
-
1467
- .text-white {
1468
- --tw-text-opacity: 1;
1469
- color: rgb(255 255 255 / var(--tw-text-opacity));
1470
- }
1471
-
1472
- .text-blue-300 {
1473
- --tw-text-opacity: 1;
1474
- color: rgb(147 197 253 / var(--tw-text-opacity));
1475
- }
1476
-
1477
- .text-neutral-500 {
1478
- --tw-text-opacity: 1;
1479
- color: rgb(115 115 115 / var(--tw-text-opacity));
1480
- }
1481
-
1482
- .opacity-0 {
1483
- opacity: 0;
1484
- }
1485
-
1486
- .opacity-70 {
1487
- opacity: 0.7;
1488
- }
1489
-
1490
- .shadow {
1491
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1492
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1493
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1494
- }
1495
-
1496
- .shadow-md {
1497
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1498
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1499
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1500
- }
1501
-
1502
- .shadow-lg {
1503
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1504
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1505
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1506
- }
1507
-
1508
- .shadow-xl {
1509
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1510
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1511
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1512
- }
1513
-
1514
- .shadow-blue-900 {
1515
- --tw-shadow-color: #1e3a8a;
1516
- --tw-shadow: var(--tw-shadow-colored);
1517
- }
1518
-
1519
- .outline-none {
1520
- outline: 2px solid transparent;
1521
- outline-offset: 2px;
1522
- }
1523
-
1524
- .blur {
1525
- --tw-blur: blur(8px);
1526
- 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);
1527
- }
1528
-
1529
- .\!blur {
1530
- --tw-blur: blur(8px) !important;
1531
- 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) !important;
1532
- }
1533
-
1534
- .blur-xl {
1535
- --tw-blur: blur(24px);
1536
- 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);
1537
- }
1538
-
1539
- .invert {
1540
- --tw-invert: invert(100%);
1541
- 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);
1542
- }
1543
-
1544
- .filter {
1545
- 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);
1546
- }
1547
-
1548
- .backdrop-filter {
1549
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1550
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1551
- }
1552
-
1553
- .transition {
1554
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1555
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1556
- 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;
1557
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1558
- transition-duration: 150ms;
1559
- }
1560
-
1561
- .transition-all {
1562
- transition-property: all;
1563
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1564
- transition-duration: 150ms;
1565
- }
1566
-
1567
- .delay-100 {
1568
- transition-delay: 100ms;
1569
- }
1570
-
1571
- .duration-500 {
1572
- transition-duration: 500ms;
1573
- }
1574
-
1575
- .duration-300 {
1576
- transition-duration: 300ms;
1577
- }
1578
-
1579
- .duration-700 {
1580
- transition-duration: 700ms;
1581
- }
1582
-
1583
- .ease-in-out {
1584
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1585
- }
1586
-
1587
- article h1 a {
1588
- float: left;
1589
- margin-top: 0.1em;
1590
- margin-left: -24px;
1591
- width: 20px;
1592
- padding-right: 4px;
1593
- line-height: 1;
1594
- box-sizing: border-box;
1595
- background: none;
1596
- opacity: 0;
1597
- }
1598
-
1599
- article h1:hover a {
1600
- opacity: 1;
1601
- }
1602
-
1603
- article h1 span {
1604
- display: none;
1605
- }
1606
-
1607
- article h1 a::after {
1608
- content: '#';
1609
- display: inline-block;
1610
- vertical-align: middle;
1611
- font-size: 20px;
1612
- }
1613
-
1614
- article h1 {
1615
- margin-bottom: 1rem;
1616
- margin-top: 0.5rem;
1617
- font-size: 2.25rem;
1618
- line-height: 2.5rem;
1619
- font-weight: 700;
1620
- letter-spacing: -0.025em;
1621
- }
1622
-
1623
- .dark article h1 {
1624
- --tw-text-opacity: 1;
1625
- color: rgb(255 255 255 / var(--tw-text-opacity));
1626
- }
1627
-
1628
- article h2 a {
1629
- float: left;
1630
- margin-top: 0.1em;
1631
- margin-left: -24px;
1632
- width: 20px;
1633
- padding-right: 4px;
1634
- line-height: 1;
1635
- box-sizing: border-box;
1636
- background: none;
1637
- opacity: 0;
1638
- }
1639
-
1640
- article h2:hover a {
1641
- opacity: 1;
1642
- }
1643
-
1644
- article h2 span {
1645
- display: none;
1646
- }
1647
-
1648
- article h2 a::after {
1649
- content: '#';
1650
- display: inline-block;
1651
- vertical-align: middle;
1652
- font-size: 20px;
1653
- }
1654
-
1655
- article h2 {
1656
- margin-top: 2.5rem;
1657
- font-size: 1.875rem;
1658
- line-height: 2.25rem;
1659
- font-weight: 600;
1660
- letter-spacing: -0.025em;
1661
- }
1662
-
1663
- .dark article h2 {
1664
- --tw-text-opacity: 1;
1665
- color: rgb(255 255 255 / var(--tw-text-opacity));
1666
- }
1667
-
1668
- article h2 {
1669
- border-bottom-width: 1px;
1670
- padding-bottom: 0.25rem;
1671
- }
1672
-
1673
- article h3 a {
1674
- float: left;
1675
- margin-top: 0.1em;
1676
- margin-left: -24px;
1677
- width: 20px;
1678
- padding-right: 4px;
1679
- line-height: 1;
1680
- box-sizing: border-box;
1681
- background: none;
1682
- opacity: 0;
1683
- }
1684
-
1685
- article h3:hover a {
1686
- opacity: 1;
1687
- }
1688
-
1689
- article h3 span {
1690
- display: none;
1691
- }
1692
-
1693
- article h3 a::after {
1694
- content: '#';
1695
- display: inline-block;
1696
- vertical-align: middle;
1697
- font-size: 20px;
1698
- }
1699
-
1700
- article h3 {
1701
- margin-top: 2rem;
1702
- font-size: 1.5rem;
1703
- line-height: 2rem;
1704
- font-weight: 600;
1705
- letter-spacing: -0.025em;
1706
- }
1707
-
1708
- .dark article h3 {
1709
- --tw-text-opacity: 1;
1710
- color: rgb(255 255 255 / var(--tw-text-opacity));
1711
- }
1712
-
1713
- article h4 a {
1714
- float: left;
1715
- margin-top: 0.1em;
1716
- margin-left: -24px;
1717
- width: 20px;
1718
- padding-right: 4px;
1719
- line-height: 1;
1720
- box-sizing: border-box;
1721
- background: none;
1722
- opacity: 0;
1723
- }
1724
-
1725
- article h4:hover a {
1726
- opacity: 1;
1727
- }
1728
-
1729
- article h4 span {
1730
- display: none;
1731
- }
1732
-
1733
- article h4 a::after {
1734
- content: '#';
1735
- display: inline-block;
1736
- vertical-align: middle;
1737
- font-size: 20px;
1738
- }
1739
-
1740
- article h4 {
1741
- margin-top: 2rem;
1742
- font-size: 1.25rem;
1743
- line-height: 1.75rem;
1744
- font-weight: 600;
1745
- letter-spacing: -0.025em;
1746
- }
1747
-
1748
- .dark article h4 {
1749
- --tw-text-opacity: 1;
1750
- color: rgb(255 255 255 / var(--tw-text-opacity));
1751
- }
1752
-
1753
- article h5 a {
1754
- float: left;
1755
- margin-top: 0.1em;
1756
- margin-left: -24px;
1757
- width: 20px;
1758
- padding-right: 4px;
1759
- line-height: 1;
1760
- box-sizing: border-box;
1761
- background: none;
1762
- opacity: 0;
1763
- }
1764
-
1765
- article h5:hover a {
1766
- opacity: 1;
1767
- }
1768
-
1769
- article h5 span {
1770
- display: none;
1771
- }
1772
-
1773
- article h5 a::after {
1774
- content: '#';
1775
- display: inline-block;
1776
- vertical-align: middle;
1777
- font-size: 20px;
1778
- }
1779
-
1780
- article h5 {
1781
- margin-top: 2rem;
1782
- font-size: 1.125rem;
1783
- line-height: 1.75rem;
1784
- font-weight: 600;
1785
- letter-spacing: -0.025em;
1786
- }
1787
-
1788
- .dark article h5 {
1789
- --tw-text-opacity: 1;
1790
- color: rgb(255 255 255 / var(--tw-text-opacity));
1791
- }
1792
-
1793
- article h6 a {
1794
- float: left;
1795
- margin-top: 0.1em;
1796
- margin-left: -24px;
1797
- width: 20px;
1798
- padding-right: 4px;
1799
- line-height: 1;
1800
- box-sizing: border-box;
1801
- background: none;
1802
- opacity: 0;
1803
- }
1804
-
1805
- article h6:hover a {
1806
- opacity: 1;
1807
- }
1808
-
1809
- article h6 span {
1810
- display: none;
1811
- }
1812
-
1813
- article h6 a::after {
1814
- content: '#';
1815
- display: inline-block;
1816
- vertical-align: middle;
1817
- font-size: 20px;
1818
- }
1819
-
1820
- article h6 {
1821
- margin-top: 2rem;
1822
- font-size: 1rem;
1823
- line-height: 1.5rem;
1824
- font-weight: 600;
1825
- letter-spacing: -0.025em;
1826
- }
1827
-
1828
- .dark article h6 {
1829
- --tw-text-opacity: 1;
1830
- color: rgb(255 255 255 / var(--tw-text-opacity));
1831
- }
1832
-
1833
- article p {
1834
- margin-top: 1rem;
1835
- font-size: 1rem;
1836
- line-height: 2rem;
1837
- --tw-text-opacity: 1;
1838
- color: rgb(55 65 81 / var(--tw-text-opacity));
1839
- }
1840
-
1841
- .dark article p {
1842
- --tw-text-opacity: 1;
1843
- color: rgb(255 255 255 / var(--tw-text-opacity));
1844
- }
1845
-
1846
- article ul {
1847
- margin-left: 1.5rem;
1848
- margin-top: 1.5rem;
1849
- list-style-type: disc;
1850
- }
1851
-
1852
- .dark article ul {
1853
- --tw-text-opacity: 1;
1854
- color: rgb(255 255 255 / var(--tw-text-opacity));
1855
- }
1856
-
1857
- article li {
1858
- margin-top: 0.5rem;
1859
- font-size: 1rem;
1860
- line-height: 1.75rem;
1861
- --tw-text-opacity: 1;
1862
- color: rgb(55 65 81 / var(--tw-text-opacity));
1863
- }
1864
-
1865
- .dark article li {
1866
- --tw-text-opacity: 1;
1867
- color: rgb(255 255 255 / var(--tw-text-opacity));
1868
- }
1869
-
1870
- article ol {
1871
- margin-left: 1.5rem;
1872
- margin-top: 1.5rem;
1873
- list-style-type: decimal;
1874
- }
1875
-
1876
- .dark article ol {
1877
- --tw-text-opacity: 1;
1878
- color: rgb(255 255 255 / var(--tw-text-opacity));
1879
- }
1880
-
1881
- article blockquote {
1882
- border-left-width: 2px;
1883
- --tw-border-opacity: 1;
1884
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1885
- padding-left: 1.5rem;
1886
- font-style: italic;
1887
- --tw-text-opacity: 1;
1888
- color: rgb(55 65 81 / var(--tw-text-opacity));
1889
- }
1890
-
1891
- .dark article blockquote {
1892
- --tw-text-opacity: 1;
1893
- color: rgb(255 255 255 / var(--tw-text-opacity));
1894
- }
1895
-
1896
- article h2 a {
1897
- -webkit-text-decoration-line: none;
1898
- text-decoration-line: none;
1899
- }
1900
-
1901
- .dark article h2 a {
1902
- --tw-text-opacity: 1;
1903
- color: rgb(255 255 255 / var(--tw-text-opacity));
1904
- }
1905
-
1906
- /* 行内代码 */
1907
-
1908
- article code {
1909
- border-radius: 0.375rem;
1910
- border-width: 1px;
1911
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
1912
- --tw-border-opacity: 0.05;
1913
- background-color: rgb(30 41 59 / var(--tw-bg-opacity));
1914
- --tw-bg-opacity: 0.05;
1915
- --tw-text-opacity: 1;
1916
- color: rgb(2 132 199 / var(--tw-text-opacity));
1917
- }
1918
-
1919
- .dark article code {
1920
- --tw-bg-opacity: 1;
1921
- --tw-text-opacity: 1;
1922
- color: rgb(125 211 252 / var(--tw-text-opacity));
1923
- }
1924
-
1925
- article code {
1926
- font-size: 0.9em;
1927
- padding: 2px 0.25em;
1928
- -webkit-box-decoration-break: clone;
1929
- box-decoration-break: clone;
1930
- font-feature-settings: 'rlig' 1, 'calt' 1, 'ss01' 1;
1931
- }
1932
-
1933
- /* 行内高亮代码 */
1934
-
1935
- article span[data-rehype-pretty-code-fragment] code {
1936
- --tw-bg-opacity: 1;
1937
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1938
- }
1939
-
1940
- .dark article span[data-rehype-pretty-code-fragment] code {
1941
- --tw-bg-opacity: 1;
1942
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1943
- }
1944
-
1945
- /* 代码块 */
1946
-
1947
- article pre {
1948
- contain: paint;
1949
- margin-top: 1rem;
1950
- margin-bottom: 1rem;
1951
- border-radius: 0.375rem;
1952
- --tw-bg-opacity: 1;
1953
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1954
- font-weight: 500;
1955
- --tw-text-opacity: 1;
1956
- color: rgb(212 212 212 / var(--tw-text-opacity));
1957
- -webkit-font-smoothing: auto;
1958
- -moz-osx-font-smoothing: auto;
1959
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1960
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1961
- 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;
1962
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1963
- transition-duration: 150ms;
1964
- }
1965
-
1966
- .dark article pre {
1967
- --tw-bg-opacity: 1;
1968
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1969
- --tw-text-opacity: 1;
1970
- color: rgb(212 212 212 / var(--tw-text-opacity));
1971
- }
1972
-
1973
- article pre > code {
1974
- display: grid;
1975
- min-width: 100%;
1976
- overflow-x: auto;
1977
- border-radius: 0px;
1978
- border-style: none;
1979
- background-color: transparent;
1980
- padding: 1rem;
1981
- font-size: 0.875rem;
1982
- line-height: 1.25rem;
1983
- line-height: 1.625;
1984
- --tw-text-opacity: 1;
1985
- color: rgb(212 212 212 / var(--tw-text-opacity));
1986
- }
1987
-
1988
- .dark article pre > code {
1989
- background-color: transparent;
1990
- --tw-text-opacity: 1;
1991
- color: rgb(212 212 212 / var(--tw-text-opacity));
1992
- }
1993
-
1994
- article div[data-rehype-pretty-code-fragment] {
1995
- margin-top: 1rem;
1996
- margin-bottom: 1rem;
1997
- }
1998
-
1999
- article .tabbed-code div[data-rehype-pretty-code-fragment] {
2000
- margin-top: 0px;
2001
- margin-bottom: 0px;
2002
- }
2003
-
2004
- article .tabbed-code pre {
2005
- border-radius: 0px;
2006
- border-bottom-right-radius: 0.375rem;
2007
- border-bottom-left-radius: 0.375rem;
2008
- border-top-right-radius: 0.375rem;
2009
- }
2010
-
2011
- article .tabbed-code .tabbed-tab-button {
2012
- display: inline-flex;
2013
- align-items: center;
2014
- border-top-left-radius: 0.5rem;
2015
- border-top-right-radius: 0.5rem;
2016
- padding-left: 1rem;
2017
- padding-right: 1rem;
2018
- }
2019
-
2020
- article .tabbed-code .tabbed-tab-button * {
2021
- margin-top: 0px;
2022
- color: inherit;
2023
- }
2024
-
2025
- /* 代码块的标题部分 */
2026
-
2027
- article
2028
- div[data-rehype-pretty-code-fragment]
2029
- > div[data-rehype-pretty-code-title] {
2030
- padding-bottom: 0.25rem;
2031
- text-align: center;
2032
- font-size: 0.875rem;
2033
- line-height: 1.25rem;
2034
- --tw-text-opacity: 1;
2035
- color: rgb(161 161 170 / var(--tw-text-opacity));
2036
- }
2037
-
2038
- .dark article
2039
- div[data-rehype-pretty-code-fragment]
2040
- > div[data-rehype-pretty-code-title] {
2041
- --tw-text-opacity: 1;
2042
- color: rgb(163 163 163 / var(--tw-text-opacity));
2043
- }
2044
-
2045
- /* 代码块的代码部分 */
2046
-
2047
- article div[data-rehype-pretty-code-fragment] > pre {
2048
- margin-top: 0px;
2049
- margin-bottom: 0px;
2050
- padding-top: 1.5rem;
2051
- }
2052
-
2053
- article div[data-rehype-pretty-code-fragment] > pre > code {
2054
- margin-top: 0px;
2055
- margin-bottom: 0px;
2056
- padding-left: 0px;
2057
- padding-right: 0px;
2058
- padding-top: 0px;
2059
- }
2060
-
2061
- /* 代码块的使用语言 */
2062
-
2063
- article div[data-rehype-pretty-code-fragment] > pre::before {
2064
- position: fixed;
2065
- top: 0px;
2066
- right: 0px;
2067
- border-radius: 0.125rem;
2068
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
2069
- --tw-bg-opacity: 0.8;
2070
- padding-left: 0.5rem;
2071
- padding-right: 0.5rem;
2072
- font-size: 0.875rem;
2073
- line-height: 1.25rem;
2074
- text-transform: uppercase;
2075
- --tw-text-opacity: 1;
2076
- color: rgb(24 24 27 / var(--tw-text-opacity));
2077
- }
2078
-
2079
- .dark article div[data-rehype-pretty-code-fragment] > pre::before {
2080
- --tw-bg-opacity: 0.6;
2081
- }
2082
-
2083
- article div[data-rehype-pretty-code-fragment] > pre::before {
2084
- content: attr(data-language);
2085
- }
2086
-
2087
- /* 代码块的代码行 */
2088
-
2089
- article div[data-rehype-pretty-code-fragment] > pre > code .line {
2090
- padding-left: 0.75rem;
2091
- padding-right: 1rem;
2092
- }
2093
-
2094
- /* 代码块的行内高亮文字 */
2095
-
2096
- article div[data-rehype-pretty-code-fragment] > pre > code .line .word {
2097
- display: inline-block;
2098
- border-radius: 0.125rem;
2099
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
2100
- --tw-bg-opacity: 0.2;
2101
- padding-left: 0.375rem;
2102
- padding-right: 0.375rem;
2103
- }
2104
-
2105
- /* 代码块的行号 */
2106
-
2107
- article div[data-rehype-pretty-code-fragment] > pre > code {
2108
- counter-reset: line;
2109
- }
2110
-
2111
- article div[data-rehype-pretty-code-fragment] > pre > code > .line::before {
2112
- margin-right: 1rem;
2113
- display: inline-block;
2114
- width: 1rem;
2115
- text-align: right;
2116
- --tw-text-opacity: 1;
2117
- color: rgb(82 82 82 / var(--tw-text-opacity));
2118
- counter-increment: line;
2119
- content: counter(line);
2120
- }
2121
-
2122
- /* 代码块的高亮行 */
2123
-
2124
- article div[data-rehype-pretty-code-fragment] pre > code > .line {
2125
- border-left-width: 2px;
2126
- border-color: transparent;
2127
- }
2128
-
2129
- article div[data-rehype-pretty-code-fragment] pre > code > .line.highlighted {
2130
- --tw-border-opacity: 1;
2131
- border-left-color: rgb(96 165 250 / var(--tw-border-opacity));
2132
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
2133
- --tw-bg-opacity: 0.1;
2134
- }
2135
-
2136
- .dark article div[data-rehype-pretty-code-fragment] pre > code > .line.highlighted {
2137
- --tw-border-opacity: 1;
2138
- border-left-color: rgb(2 132 199 / var(--tw-border-opacity));
2139
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
2140
- --tw-bg-opacity: 0.1;
2141
- }
2142
-
2143
- /* 链接 */
2144
-
2145
- article a {
2146
- margin-left: 0.25rem;
2147
- margin-right: 0.25rem;
2148
- --tw-text-opacity: 1;
2149
- color: rgb(8 145 178 / var(--tw-text-opacity));
2150
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2151
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2152
- 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;
2153
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2154
- transition-duration: 150ms;
2155
- }
2156
-
2157
- article a:hover {
2158
- --tw-text-opacity: 1;
2159
- color: rgb(22 78 99 / var(--tw-text-opacity));
2160
- }
2161
-
2162
- .dark article a {
2163
- --tw-text-opacity: 1;
2164
- color: rgb(245 208 254 / var(--tw-text-opacity));
2165
- }
2166
-
2167
- .dark article a:hover {
2168
- --tw-text-opacity: 1;
2169
- color: rgb(232 121 249 / var(--tw-text-opacity));
2170
- }
2171
-
2172
- article a {
2173
- background-image: linear-gradient(
2174
- transparent 60%,
2175
- rgba(130, 199, 255, 0.28) 55%
2176
- );
2177
- }
2178
-
2179
- .dark article a {
2180
- background-image: linear-gradient(
2181
- transparent 60%,
2182
- rgba(238, 157, 234, 0.28) 55%
2183
- );
2184
- }
2185
-
2186
- /* 行内代码块链接 */
2187
-
2188
- article a > code {
2189
- --tw-text-opacity: 1;
2190
- color: rgb(8 145 178 / var(--tw-text-opacity));
2191
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2192
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2193
- 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;
2194
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2195
- transition-duration: 150ms;
2196
- }
2197
-
2198
- article a > code:hover {
2199
- --tw-text-opacity: 1;
2200
- color: rgb(22 78 99 / var(--tw-text-opacity));
2201
- }
2202
-
2203
- .dark article a > code {
2204
- --tw-text-opacity: 1;
2205
- color: rgb(245 208 254 / var(--tw-text-opacity));
2206
- }
2207
-
2208
- .dark article a > code:hover {
2209
- --tw-text-opacity: 1;
2210
- color: rgb(232 121 249 / var(--tw-text-opacity));
2211
- }
2212
-
2213
- article a > code {
2214
- background-image: linear-gradient(
2215
- transparent 60%,
2216
- rgba(130, 199, 255, 0.28) 55%
2217
- );
2218
- }
2219
-
2220
- .dark article a > code {
2221
- background-image: linear-gradient(
2222
- transparent 60%,
2223
- rgba(238, 157, 234, 0.28) 55%
2224
- );
2225
- }
2226
-
2227
- article table {
2228
- margin-top: 2rem;
2229
- margin-bottom: 2rem;
2230
- width: 100%;
2231
- table-layout: auto;
2232
- overflow: hidden;
2233
- border-radius: 0.75rem;
2234
- text-align: left;
2235
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2236
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2237
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2238
- }
2239
-
2240
- .dark article table {
2241
- --tw-shadow-color: #1f2937;
2242
- --tw-shadow: var(--tw-shadow-colored);
2243
- }
2244
-
2245
- article table thead {
2246
- --tw-bg-opacity: 1;
2247
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
2248
- }
2249
-
2250
- .dark article table thead {
2251
- --tw-bg-opacity: 1;
2252
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2253
- }
2254
-
2255
- article table thead th {
2256
- padding-top: 0.75rem;
2257
- padding-bottom: 0.75rem;
2258
- padding-left: 1rem;
2259
- padding-right: 1rem;
2260
- --tw-text-opacity: 1;
2261
- color: rgb(55 65 81 / var(--tw-text-opacity));
2262
- }
2263
-
2264
- .dark article table thead th {
2265
- --tw-text-opacity: 1;
2266
- color: rgb(255 255 255 / var(--tw-text-opacity));
2267
- }
2268
-
2269
- article table tbody tr {
2270
- border-bottom-width: 1px;
2271
- --tw-border-opacity: 1;
2272
- border-bottom-color: rgb(244 244 245 / var(--tw-border-opacity));
2273
- }
2274
-
2275
- .dark article table tbody tr {
2276
- --tw-border-opacity: 1;
2277
- border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity));
2278
- }
2279
-
2280
- article table tbody td {
2281
- padding-top: 0.5rem;
2282
- padding-bottom: 0.5rem;
2283
- padding-left: 1rem;
2284
- padding-right: 1rem;
2285
- --tw-text-opacity: 1;
2286
- color: rgb(55 65 81 / var(--tw-text-opacity));
2287
- }
2288
-
2289
- .dark article table tbody td {
2290
- --tw-text-opacity: 1;
2291
- color: rgb(255 255 255 / var(--tw-text-opacity));
2292
- }
2293
-
2294
- .link-with-underline {
2295
- margin-left: 0.25rem;
2296
- margin-right: 0.25rem;
2297
- --tw-text-opacity: 1;
2298
- color: rgb(37 99 235 / var(--tw-text-opacity));
2299
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2300
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2301
- 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;
2302
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2303
- transition-duration: 150ms;
2304
- }
2305
-
2306
- .link-with-underline:hover {
2307
- --tw-text-opacity: 1;
2308
- color: rgb(147 197 253 / var(--tw-text-opacity));
2309
- }
2310
-
2311
- .dark .link-with-underline {
2312
- --tw-text-opacity: 1;
2313
- color: rgb(96 165 250 / var(--tw-text-opacity));
2314
- }
2315
-
2316
- .link-with-underline {
2317
- background-image: linear-gradient(
2318
- transparent 60%,
2319
- rgba(130, 199, 255, 0.28) 55%
2320
- );
2321
- }
2322
-
2323
- /*article pre {*/
2324
-
2325
- /* @apply pt-12;*/
2326
-
2327
- /*}*/
2328
-
2329
- article hr {
2330
- margin-top: 2rem;
2331
- margin-bottom: 2rem;
2332
- }
2333
-
2334
- .fadeout {
2335
- -webkit-mask-image: linear-gradient(
2336
- to bottom,
2337
- transparent 0%,
2338
- black 10%,
2339
- black 80%,
2340
- transparent 100%
2341
- );
2342
- mask-image: linear-gradient(
2343
- to bottom,
2344
- transparent 0%,
2345
- black 10%,
2346
- black 80%,
2347
- transparent 100%
2348
- );
2349
- }
2350
-
2351
- html {
2352
- scroll-behavior: smooth;
2353
- }
2354
-
2355
- :root {
2356
- --anchor-offset: 28px;
2357
- color-scheme: var(--color-scheme, light);
2358
- }
2359
-
2360
- /** Anchor with offset for headings */
2361
-
2362
- h1,
2363
- h2,
2364
- h3,
2365
- h4,
2366
- h5,
2367
- h6 {
2368
- scroll-margin-top: calc(var(--anchor-offset) + 88px);
2369
- }
2370
-
2371
- .before\:absolute::before {
2372
- content: var(--tw-content);
2373
- position: absolute;
2374
- }
2375
-
2376
- .before\:z-\[-1\]::before {
2377
- content: var(--tw-content);
2378
- z-index: -1;
2379
- }
2380
-
2381
- .before\:block::before {
2382
- content: var(--tw-content);
2383
- display: block;
2384
- }
2385
-
2386
- .before\:h-full::before {
2387
- content: var(--tw-content);
2388
- height: 100%;
2389
- }
2390
-
2391
- .before\:w-full::before {
2392
- content: var(--tw-content);
2393
- width: 100%;
2394
- }
2395
-
2396
- .before\:bg-white::before {
2397
- content: var(--tw-content);
2398
- --tw-bg-opacity: 1;
2399
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2400
- }
2401
-
2402
- .before\:bg-opacity-\[\.85\]::before {
2403
- content: var(--tw-content);
2404
- --tw-bg-opacity: .85;
2405
- }
2406
-
2407
- .before\:backdrop-blur-md::before {
2408
- content: var(--tw-content);
2409
- --tw-backdrop-blur: blur(12px);
2410
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2411
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2412
- }
2413
-
2414
- .focus-within\:border-gray-100:focus-within {
2415
- --tw-border-opacity: 1;
2416
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
2417
- }
2418
-
2419
- .focus-within\:bg-white:focus-within {
2420
- --tw-bg-opacity: 1;
2421
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2422
- }
2423
-
2424
- .hover\:scale-105:hover {
2425
- --tw-scale-x: 1.05;
2426
- --tw-scale-y: 1.05;
2427
- 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));
2428
- }
2429
-
2430
- .hover\:border-gray-100:hover {
2431
- --tw-border-opacity: 1;
2432
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
2433
- }
2434
-
2435
- .hover\:border-gray-300:hover {
2436
- --tw-border-opacity: 1;
2437
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2438
- }
2439
-
2440
- .hover\:bg-gray-50:hover {
2441
- --tw-bg-opacity: 1;
2442
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2443
- }
2444
-
2445
- .hover\:text-blue-400:hover {
2446
- --tw-text-opacity: 1;
2447
- color: rgb(96 165 250 / var(--tw-text-opacity));
2448
- }
2449
-
2450
- .hover\:text-blue-500:hover {
2451
- --tw-text-opacity: 1;
2452
- color: rgb(59 130 246 / var(--tw-text-opacity));
2453
- }
2454
-
2455
- .hover\:text-gray-700:hover {
2456
- --tw-text-opacity: 1;
2457
- color: rgb(55 65 81 / var(--tw-text-opacity));
2458
- }
2459
-
2460
- .hover\:text-neutral-300:hover {
2461
- --tw-text-opacity: 1;
2462
- color: rgb(212 212 212 / var(--tw-text-opacity));
2463
- }
2464
-
2465
- .hover\:shadow-2xl:hover {
2466
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2467
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2468
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2469
- }
2470
-
2471
- .hover\:shadow-blue-700:hover {
2472
- --tw-shadow-color: #1d4ed8;
2473
- --tw-shadow: var(--tw-shadow-colored);
2474
- }
2475
-
2476
- .group:focus .group-focus\:bg-blue-200 {
2477
- --tw-bg-opacity: 1;
2478
- background-color: rgb(191 219 254 / var(--tw-bg-opacity));
2479
- }
2480
-
2481
- .dark .dark\:features-dark {
2482
- --tw-bg-opacity: 1;
2483
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2484
- background-image: radial-gradient(#2a2a2a 20%, transparent 20%);
2485
- background-size: 6px 6px;
2486
- width: 100%;
2487
- -ms-overflow-style: none;
2488
- scrollbar-width: none;
2489
- }
2490
-
2491
- .dark .dark\:border-gray-800 {
2492
- --tw-border-opacity: 1;
2493
- border-color: rgb(31 41 55 / var(--tw-border-opacity));
2494
- }
2495
-
2496
- .dark .dark\:border-gray-700 {
2497
- --tw-border-opacity: 1;
2498
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
2499
- }
2500
-
2501
- .dark .dark\:border-neutral-700 {
2502
- --tw-border-opacity: 1;
2503
- border-color: rgb(64 64 64 / var(--tw-border-opacity));
2504
- }
2505
-
2506
- .dark .dark\:border-gray-500 {
2507
- --tw-border-opacity: 1;
2508
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
2509
- }
2510
-
2511
- .dark .dark\:border-b-gray-800 {
2512
- --tw-border-opacity: 1;
2513
- border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity));
2514
- }
2515
-
2516
- .dark .dark\:bg-white {
2517
- --tw-bg-opacity: 1;
2518
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2519
- }
2520
-
2521
- .dark .dark\:bg-gray-700 {
2522
- --tw-bg-opacity: 1;
2523
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2524
- }
2525
-
2526
- .dark .dark\:bg-gray-900 {
2527
- --tw-bg-opacity: 1;
2528
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2529
- }
2530
-
2531
- .dark .dark\:bg-gray-800 {
2532
- --tw-bg-opacity: 1;
2533
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2534
- }
2535
-
2536
- .dark .dark\:bg-blue-900 {
2537
- --tw-bg-opacity: 1;
2538
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
2539
- }
2540
-
2541
- .dark .dark\:text-white {
2542
- --tw-text-opacity: 1;
2543
- color: rgb(255 255 255 / var(--tw-text-opacity));
2544
- }
2545
-
2546
- .dark .dark\:text-gray-100 {
2547
- --tw-text-opacity: 1;
2548
- color: rgb(243 244 246 / var(--tw-text-opacity));
2549
- }
2550
-
2551
- .dark .dark\:text-blue-200 {
2552
- --tw-text-opacity: 1;
2553
- color: rgb(191 219 254 / var(--tw-text-opacity));
2554
- }
2555
-
2556
- .dark .dark\:text-neutral-50 {
2557
- --tw-text-opacity: 1;
2558
- color: rgb(250 250 250 / var(--tw-text-opacity));
2559
- }
2560
-
2561
- .dark .dark\:text-neutral-400 {
2562
- --tw-text-opacity: 1;
2563
- color: rgb(163 163 163 / var(--tw-text-opacity));
2564
- }
2565
-
2566
- .dark .dark\:text-gray-200 {
2567
- --tw-text-opacity: 1;
2568
- color: rgb(229 231 235 / var(--tw-text-opacity));
2569
- }
2570
-
2571
- .dark .dark\:text-gray-400 {
2572
- --tw-text-opacity: 1;
2573
- color: rgb(156 163 175 / var(--tw-text-opacity));
2574
- }
2575
-
2576
- .dark .dark\:text-gray-300 {
2577
- --tw-text-opacity: 1;
2578
- color: rgb(209 213 219 / var(--tw-text-opacity));
2579
- }
2580
-
2581
- .dark .dark\:shadow-gray-700 {
2582
- --tw-shadow-color: #374151;
2583
- --tw-shadow: var(--tw-shadow-colored);
2584
- }
2585
-
2586
- .dark .dark\:invert {
2587
- --tw-invert: invert(100%);
2588
- 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);
2589
- }
2590
-
2591
- .dark .dark\:before\:bg-gray-800::before {
2592
- content: var(--tw-content);
2593
- --tw-bg-opacity: 1;
2594
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2595
- }
2596
-
2597
- .dark .dark\:before\:bg-opacity-\[\.85\]::before {
2598
- content: var(--tw-content);
2599
- --tw-bg-opacity: .85;
2600
- }
2601
-
2602
- .dark .dark\:focus-within\:border-gray-700:focus-within {
2603
- --tw-border-opacity: 1;
2604
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
2605
- }
2606
-
2607
- .dark .dark\:focus-within\:bg-gray-800:focus-within {
2608
- --tw-bg-opacity: 1;
2609
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2610
- }
2611
-
2612
- .dark .dark\:hover\:text-blue-400:hover {
2613
- --tw-text-opacity: 1;
2614
- color: rgb(96 165 250 / var(--tw-text-opacity));
2615
- }
2616
-
2617
- .dark .dark\:hover\:text-blue-500:hover {
2618
- --tw-text-opacity: 1;
2619
- color: rgb(59 130 246 / var(--tw-text-opacity));
2620
- }
2621
-
2622
- .dark .dark\:hover\:text-gray-300:hover {
2623
- --tw-text-opacity: 1;
2624
- color: rgb(209 213 219 / var(--tw-text-opacity));
2625
- }
2626
-
2627
- @media (min-width: 768px) {
2628
- .md\:h-6 {
2629
- height: 1.5rem;
2630
- }
2631
-
2632
- .md\:h-4 {
2633
- height: 1rem;
2634
- }
2635
-
2636
- .md\:w-12 {
2637
- width: 3rem;
2638
- }
2639
-
2640
- .md\:w-4 {
2641
- width: 1rem;
2642
- }
2643
-
2644
- .md\:w-1\/2 {
2645
- width: 50%;
2646
- }
2647
- }
2648
-
2649
- @media (min-width: 1024px) {
2650
- .lg\:m-12 {
2651
- margin: 3rem;
2652
- }
2653
-
2654
- .lg\:mb-16 {
2655
- margin-bottom: 4rem;
2656
- }
2657
-
2658
- .lg\:block {
2659
- display: block;
2660
- }
2661
-
2662
- .lg\:hidden {
2663
- display: none;
2664
- }
2665
-
2666
- .lg\:h-\[calc\(100vh-8rem\)\] {
2667
- height: calc(100vh - 8rem);
2668
- }
2669
-
2670
- .lg\:h-96 {
2671
- height: 24rem;
2672
- }
2673
-
2674
- .lg\:w-1\/2 {
2675
- width: 50%;
2676
- }
2677
-
2678
- .lg\:w-64 {
2679
- width: 16rem;
2680
- }
2681
-
2682
- .lg\:w-1\/3 {
2683
- width: 33.333333%;
2684
- }
2685
-
2686
- .lg\:w-3\/4 {
2687
- width: 75%;
2688
- }
2689
-
2690
- .lg\:px-12 {
2691
- padding-left: 3rem;
2692
- padding-right: 3rem;
2693
- }
2694
-
2695
- .lg\:px-2 {
2696
- padding-left: 0.5rem;
2697
- padding-right: 0.5rem;
2698
- }
2699
-
2700
- .lg\:px-32 {
2701
- padding-left: 8rem;
2702
- padding-right: 8rem;
2703
- }
2704
-
2705
- .lg\:pb-12 {
2706
- padding-bottom: 3rem;
2707
- }
2708
-
2709
- .lg\:pt-6 {
2710
- padding-top: 1.5rem;
2711
- }
2712
-
2713
- .lg\:pt-8 {
2714
- padding-top: 2rem;
2715
- }
2716
-
2717
- .lg\:text-base {
2718
- font-size: 1rem;
2719
- line-height: 1.5rem;
2720
- }
2721
-
2722
- .lg\:text-5xl {
2723
- font-size: 3rem;
2724
- line-height: 1;
2725
- }
2726
-
2727
- .lg\:text-xl {
2728
- font-size: 1.25rem;
2729
- line-height: 1.75rem;
2730
- }
2731
-
2732
- .lg\:text-7xl {
2733
- font-size: 4.5rem;
2734
- line-height: 1;
2735
- }
2736
- }
2737
-
2738
- @media (min-width: 1280px) {
2739
- .xl\:px-64 {
2740
- padding-left: 16rem;
2741
- padding-right: 16rem;
2742
- }
2743
- }
2744
-
2745
- @media (min-width: 1536px) {
2746
- .\32xl\:break-words {
2747
- overflow-wrap: break-word;
2748
- }
2749
- }