@umijs/plugin-docs 4.0.14 → 4.0.15

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