@umijs/plugin-docs 4.0.8 → 4.0.9

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,2760 +0,0 @@
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
- .inline-block {
889
- display: inline-block;
890
- }
891
-
892
- .flex {
893
- display: flex;
894
- }
895
-
896
- .inline-flex {
897
- display: inline-flex;
898
- }
899
-
900
- .contents {
901
- display: contents;
902
- }
903
-
904
- .hidden {
905
- display: none;
906
- }
907
-
908
- .h-0\.5 {
909
- height: 0.125rem;
910
- }
911
-
912
- .h-0 {
913
- height: 0px;
914
- }
915
-
916
- .h-screen {
917
- height: 100vh;
918
- }
919
-
920
- .h-8 {
921
- height: 2rem;
922
- }
923
-
924
- .h-6 {
925
- height: 1.5rem;
926
- }
927
-
928
- .h-4 {
929
- height: 1rem;
930
- }
931
-
932
- .h-3 {
933
- height: 0.75rem;
934
- }
935
-
936
- .h-full {
937
- height: 100%;
938
- }
939
-
940
- .h-72 {
941
- height: 18rem;
942
- }
943
-
944
- .h-\[calc\(100vh-60px\)\] {
945
- height: calc(100vh - 60px);
946
- }
947
-
948
- .max-h-0 {
949
- max-height: 0px;
950
- }
951
-
952
- .max-h-screen {
953
- max-height: 100vh;
954
- }
955
-
956
- .max-h-80 {
957
- max-height: 20rem;
958
- }
959
-
960
- .max-h-\[calc\(100vh-360px\)\] {
961
- max-height: calc(100vh - 360px);
962
- }
963
-
964
- .min-h-screen {
965
- min-height: 100vh;
966
- }
967
-
968
- .w-full {
969
- width: 100%;
970
- }
971
-
972
- .w-5 {
973
- width: 1.25rem;
974
- }
975
-
976
- .w-24 {
977
- width: 6rem;
978
- }
979
-
980
- .w-1\/4 {
981
- width: 25%;
982
- }
983
-
984
- .w-2\/3 {
985
- width: 66.666667%;
986
- }
987
-
988
- .w-screen {
989
- width: 100vw;
990
- }
991
-
992
- .w-8 {
993
- width: 2rem;
994
- }
995
-
996
- .w-32 {
997
- width: 8rem;
998
- }
999
-
1000
- .w-40 {
1001
- width: 10rem;
1002
- }
1003
-
1004
- .w-96 {
1005
- width: 24rem;
1006
- }
1007
-
1008
- .w-12 {
1009
- width: 3rem;
1010
- }
1011
-
1012
- .w-3 {
1013
- width: 0.75rem;
1014
- }
1015
-
1016
- .w-5\/6 {
1017
- width: 83.333333%;
1018
- }
1019
-
1020
- .w-4 {
1021
- width: 1rem;
1022
- }
1023
-
1024
- .flex-1 {
1025
- flex: 1 1 0%;
1026
- }
1027
-
1028
- .flex-grow {
1029
- flex-grow: 1;
1030
- }
1031
-
1032
- .-translate-x-2\.5 {
1033
- --tw-translate-x: -0.625rem;
1034
- 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));
1035
- }
1036
-
1037
- .-translate-x-2 {
1038
- --tw-translate-x: -0.5rem;
1039
- 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));
1040
- }
1041
-
1042
- .-translate-y-1\.5 {
1043
- --tw-translate-y: -0.375rem;
1044
- 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));
1045
- }
1046
-
1047
- .-translate-y-1 {
1048
- --tw-translate-y: -0.25rem;
1049
- 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));
1050
- }
1051
-
1052
- .translate-y-1\.5 {
1053
- --tw-translate-y: 0.375rem;
1054
- 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));
1055
- }
1056
-
1057
- .translate-y-1 {
1058
- --tw-translate-y: 0.25rem;
1059
- 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));
1060
- }
1061
-
1062
- .translate-x-5 {
1063
- --tw-translate-x: 1.25rem;
1064
- 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));
1065
- }
1066
-
1067
- .translate-y-\[-5rem\] {
1068
- --tw-translate-y: -5rem;
1069
- 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));
1070
- }
1071
-
1072
- .rotate-45 {
1073
- --tw-rotate: 45deg;
1074
- 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));
1075
- }
1076
-
1077
- .-rotate-45 {
1078
- --tw-rotate: -45deg;
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
- .transform {
1083
- 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));
1084
- }
1085
-
1086
- @-webkit-keyframes pulse {
1087
- 50% {
1088
- opacity: .5;
1089
- }
1090
- }
1091
-
1092
- @keyframes pulse {
1093
- 50% {
1094
- opacity: .5;
1095
- }
1096
- }
1097
-
1098
- .animate-pulse {
1099
- -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1100
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1101
- }
1102
-
1103
- .cursor-pointer {
1104
- cursor: pointer;
1105
- }
1106
-
1107
- .cursor-default {
1108
- cursor: default;
1109
- }
1110
-
1111
- .list-none {
1112
- list-style-type: none;
1113
- }
1114
-
1115
- .flex-row {
1116
- flex-direction: row;
1117
- }
1118
-
1119
- .flex-col {
1120
- flex-direction: column;
1121
- }
1122
-
1123
- .flex-wrap {
1124
- flex-wrap: wrap;
1125
- }
1126
-
1127
- .items-center {
1128
- align-items: center;
1129
- }
1130
-
1131
- .justify-start {
1132
- justify-content: flex-start;
1133
- }
1134
-
1135
- .justify-end {
1136
- justify-content: flex-end;
1137
- }
1138
-
1139
- .justify-center {
1140
- justify-content: center;
1141
- }
1142
-
1143
- .justify-between {
1144
- justify-content: space-between;
1145
- }
1146
-
1147
- .overflow-hidden {
1148
- overflow: hidden;
1149
- }
1150
-
1151
- .overflow-y-auto {
1152
- overflow-y: auto;
1153
- }
1154
-
1155
- .overflow-x-hidden {
1156
- overflow-x: hidden;
1157
- }
1158
-
1159
- .overflow-y-scroll {
1160
- overflow-y: scroll;
1161
- }
1162
-
1163
- .break-all {
1164
- word-break: break-all;
1165
- }
1166
-
1167
- .rounded-lg {
1168
- border-radius: 0.5rem;
1169
- }
1170
-
1171
- .rounded {
1172
- border-radius: 0.25rem;
1173
- }
1174
-
1175
- .rounded-full {
1176
- border-radius: 9999px;
1177
- }
1178
-
1179
- .rounded-xl {
1180
- border-radius: 0.75rem;
1181
- }
1182
-
1183
- .rounded-t-lg {
1184
- border-top-left-radius: 0.5rem;
1185
- border-top-right-radius: 0.5rem;
1186
- }
1187
-
1188
- .border {
1189
- border-width: 1px;
1190
- }
1191
-
1192
- .border-b-2 {
1193
- border-bottom-width: 2px;
1194
- }
1195
-
1196
- .border-b {
1197
- border-bottom-width: 1px;
1198
- }
1199
-
1200
- .border-white {
1201
- --tw-border-opacity: 1;
1202
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
1203
- }
1204
-
1205
- .border-gray-300 {
1206
- --tw-border-opacity: 1;
1207
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1208
- }
1209
-
1210
- .border-gray-200 {
1211
- --tw-border-opacity: 1;
1212
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1213
- }
1214
-
1215
- .border-b-gray-100 {
1216
- --tw-border-opacity: 1;
1217
- border-bottom-color: rgb(243 244 246 / var(--tw-border-opacity));
1218
- }
1219
-
1220
- .bg-current {
1221
- background-color: currentColor;
1222
- }
1223
-
1224
- .bg-white {
1225
- --tw-bg-opacity: 1;
1226
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1227
- }
1228
-
1229
- .bg-gray-100 {
1230
- --tw-bg-opacity: 1;
1231
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1232
- }
1233
-
1234
- .bg-transparent {
1235
- background-color: transparent;
1236
- }
1237
-
1238
- .bg-gray-200 {
1239
- --tw-bg-opacity: 1;
1240
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1241
- }
1242
-
1243
- .bg-blue-50 {
1244
- --tw-bg-opacity: 1;
1245
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1246
- }
1247
-
1248
- .bg-gray-700 {
1249
- --tw-bg-opacity: 1;
1250
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1251
- }
1252
-
1253
- .bg-blue-200 {
1254
- --tw-bg-opacity: 1;
1255
- background-color: rgb(191 219 254 / var(--tw-bg-opacity));
1256
- }
1257
-
1258
- .bg-\[rgb\(16\2c 37\2c 62\)\] {
1259
- --tw-bg-opacity: 1;
1260
- background-color: rgb(16 37 62 / var(--tw-bg-opacity));
1261
- }
1262
-
1263
- .bg-blue-600 {
1264
- --tw-bg-opacity: 1;
1265
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1266
- }
1267
-
1268
- .bg-zinc-900 {
1269
- --tw-bg-opacity: 1;
1270
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1271
- }
1272
-
1273
- .object-cover {
1274
- -o-object-fit: cover;
1275
- object-fit: cover;
1276
- }
1277
-
1278
- .p-4 {
1279
- padding: 1rem;
1280
- }
1281
-
1282
- .p-2 {
1283
- padding: 0.5rem;
1284
- }
1285
-
1286
- .px-4 {
1287
- padding-left: 1rem;
1288
- padding-right: 1rem;
1289
- }
1290
-
1291
- .px-2 {
1292
- padding-left: 0.5rem;
1293
- padding-right: 0.5rem;
1294
- }
1295
-
1296
- .py-1 {
1297
- padding-top: 0.25rem;
1298
- padding-bottom: 0.25rem;
1299
- }
1300
-
1301
- .py-2 {
1302
- padding-top: 0.5rem;
1303
- padding-bottom: 0.5rem;
1304
- }
1305
-
1306
- .px-8 {
1307
- padding-left: 2rem;
1308
- padding-right: 2rem;
1309
- }
1310
-
1311
- .px-1\.5 {
1312
- padding-left: 0.375rem;
1313
- padding-right: 0.375rem;
1314
- }
1315
-
1316
- .px-1 {
1317
- padding-left: 0.25rem;
1318
- padding-right: 0.25rem;
1319
- }
1320
-
1321
- .py-4 {
1322
- padding-top: 1rem;
1323
- padding-bottom: 1rem;
1324
- }
1325
-
1326
- .py-12 {
1327
- padding-top: 3rem;
1328
- padding-bottom: 3rem;
1329
- }
1330
-
1331
- .px-6 {
1332
- padding-left: 1.5rem;
1333
- padding-right: 1.5rem;
1334
- }
1335
-
1336
- .py-36 {
1337
- padding-top: 9rem;
1338
- padding-bottom: 9rem;
1339
- }
1340
-
1341
- .py-5 {
1342
- padding-top: 1.25rem;
1343
- padding-bottom: 1.25rem;
1344
- }
1345
-
1346
- .px-0 {
1347
- padding-left: 0px;
1348
- padding-right: 0px;
1349
- }
1350
-
1351
- .pt-4 {
1352
- padding-top: 1rem;
1353
- }
1354
-
1355
- .pb-4 {
1356
- padding-bottom: 1rem;
1357
- }
1358
-
1359
- .pt-20 {
1360
- padding-top: 5rem;
1361
- }
1362
-
1363
- .pr-2 {
1364
- padding-right: 0.5rem;
1365
- }
1366
-
1367
- .pt-12 {
1368
- padding-top: 3rem;
1369
- }
1370
-
1371
- .pb-36 {
1372
- padding-bottom: 9rem;
1373
- }
1374
-
1375
- .pb-2 {
1376
- padding-bottom: 0.5rem;
1377
- }
1378
-
1379
- .pb-12 {
1380
- padding-bottom: 3rem;
1381
- }
1382
-
1383
- .pt-5 {
1384
- padding-top: 1.25rem;
1385
- }
1386
-
1387
- .pt-0 {
1388
- padding-top: 0px;
1389
- }
1390
-
1391
- .text-center {
1392
- text-align: center;
1393
- }
1394
-
1395
- .text-xl {
1396
- font-size: 1.25rem;
1397
- line-height: 1.75rem;
1398
- }
1399
-
1400
- .text-sm {
1401
- font-size: 0.875rem;
1402
- line-height: 1.25rem;
1403
- }
1404
-
1405
- .text-xs {
1406
- font-size: 0.75rem;
1407
- line-height: 1rem;
1408
- }
1409
-
1410
- .text-lg {
1411
- font-size: 1.125rem;
1412
- line-height: 1.75rem;
1413
- }
1414
-
1415
- .text-base {
1416
- font-size: 1rem;
1417
- line-height: 1.5rem;
1418
- }
1419
-
1420
- .text-3xl {
1421
- font-size: 1.875rem;
1422
- line-height: 2.25rem;
1423
- }
1424
-
1425
- .text-4xl {
1426
- font-size: 2.25rem;
1427
- line-height: 2.5rem;
1428
- }
1429
-
1430
- .text-5xl {
1431
- font-size: 3rem;
1432
- line-height: 1;
1433
- }
1434
-
1435
- .font-extrabold {
1436
- font-weight: 800;
1437
- }
1438
-
1439
- .font-bold {
1440
- font-weight: 700;
1441
- }
1442
-
1443
- .text-gray-400 {
1444
- --tw-text-opacity: 1;
1445
- color: rgb(156 163 175 / var(--tw-text-opacity));
1446
- }
1447
-
1448
- .text-blue-400 {
1449
- --tw-text-opacity: 1;
1450
- color: rgb(96 165 250 / var(--tw-text-opacity));
1451
- }
1452
-
1453
- .text-gray-700 {
1454
- --tw-text-opacity: 1;
1455
- color: rgb(55 65 81 / var(--tw-text-opacity));
1456
- }
1457
-
1458
- .text-gray-800 {
1459
- --tw-text-opacity: 1;
1460
- color: rgb(31 41 55 / var(--tw-text-opacity));
1461
- }
1462
-
1463
- .text-gray-600 {
1464
- --tw-text-opacity: 1;
1465
- color: rgb(75 85 99 / var(--tw-text-opacity));
1466
- }
1467
-
1468
- .text-gray-900 {
1469
- --tw-text-opacity: 1;
1470
- color: rgb(17 24 39 / var(--tw-text-opacity));
1471
- }
1472
-
1473
- .text-gray-500 {
1474
- --tw-text-opacity: 1;
1475
- color: rgb(107 114 128 / var(--tw-text-opacity));
1476
- }
1477
-
1478
- .text-white {
1479
- --tw-text-opacity: 1;
1480
- color: rgb(255 255 255 / var(--tw-text-opacity));
1481
- }
1482
-
1483
- .text-blue-300 {
1484
- --tw-text-opacity: 1;
1485
- color: rgb(147 197 253 / var(--tw-text-opacity));
1486
- }
1487
-
1488
- .text-neutral-500 {
1489
- --tw-text-opacity: 1;
1490
- color: rgb(115 115 115 / var(--tw-text-opacity));
1491
- }
1492
-
1493
- .opacity-0 {
1494
- opacity: 0;
1495
- }
1496
-
1497
- .opacity-70 {
1498
- opacity: 0.7;
1499
- }
1500
-
1501
- .shadow {
1502
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1503
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1504
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1505
- }
1506
-
1507
- .shadow-md {
1508
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1509
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1510
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1511
- }
1512
-
1513
- .shadow-lg {
1514
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1515
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1516
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1517
- }
1518
-
1519
- .shadow-xl {
1520
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1521
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1522
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1523
- }
1524
-
1525
- .shadow-blue-900 {
1526
- --tw-shadow-color: #1e3a8a;
1527
- --tw-shadow: var(--tw-shadow-colored);
1528
- }
1529
-
1530
- .outline-none {
1531
- outline: 2px solid transparent;
1532
- outline-offset: 2px;
1533
- }
1534
-
1535
- .blur {
1536
- --tw-blur: blur(8px);
1537
- 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);
1538
- }
1539
-
1540
- .\!blur {
1541
- --tw-blur: blur(8px) !important;
1542
- 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;
1543
- }
1544
-
1545
- .blur-xl {
1546
- --tw-blur: blur(24px);
1547
- 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);
1548
- }
1549
-
1550
- .invert {
1551
- --tw-invert: invert(100%);
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
- .filter {
1556
- 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);
1557
- }
1558
-
1559
- .backdrop-filter {
1560
- -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);
1561
- 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);
1562
- }
1563
-
1564
- .transition {
1565
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1566
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1567
- 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;
1568
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1569
- transition-duration: 150ms;
1570
- }
1571
-
1572
- .transition-all {
1573
- transition-property: all;
1574
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1575
- transition-duration: 150ms;
1576
- }
1577
-
1578
- .delay-100 {
1579
- transition-delay: 100ms;
1580
- }
1581
-
1582
- .duration-500 {
1583
- transition-duration: 500ms;
1584
- }
1585
-
1586
- .duration-300 {
1587
- transition-duration: 300ms;
1588
- }
1589
-
1590
- .duration-700 {
1591
- transition-duration: 700ms;
1592
- }
1593
-
1594
- .ease-in-out {
1595
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1596
- }
1597
-
1598
- article h1 a {
1599
- float: left;
1600
- margin-top: 0.1em;
1601
- margin-left: -24px;
1602
- width: 20px;
1603
- padding-right: 4px;
1604
- line-height: 1;
1605
- box-sizing: border-box;
1606
- background: none;
1607
- opacity: 0;
1608
- }
1609
-
1610
- article h1:hover a {
1611
- opacity: 1;
1612
- }
1613
-
1614
- article h1 span {
1615
- display: none;
1616
- }
1617
-
1618
- article h1 a::after {
1619
- content: '#';
1620
- display: inline-block;
1621
- vertical-align: middle;
1622
- font-size: 20px;
1623
- }
1624
-
1625
- article h1 {
1626
- margin-bottom: 1rem;
1627
- margin-top: 0.5rem;
1628
- font-size: 2.25rem;
1629
- line-height: 2.5rem;
1630
- font-weight: 700;
1631
- letter-spacing: -0.025em;
1632
- }
1633
-
1634
- .dark article h1 {
1635
- --tw-text-opacity: 1;
1636
- color: rgb(255 255 255 / var(--tw-text-opacity));
1637
- }
1638
-
1639
- article h2 a {
1640
- float: left;
1641
- margin-top: 0.1em;
1642
- margin-left: -24px;
1643
- width: 20px;
1644
- padding-right: 4px;
1645
- line-height: 1;
1646
- box-sizing: border-box;
1647
- background: none;
1648
- opacity: 0;
1649
- }
1650
-
1651
- article h2:hover a {
1652
- opacity: 1;
1653
- }
1654
-
1655
- article h2 span {
1656
- display: none;
1657
- }
1658
-
1659
- article h2 a::after {
1660
- content: '#';
1661
- display: inline-block;
1662
- vertical-align: middle;
1663
- font-size: 20px;
1664
- }
1665
-
1666
- article h2 {
1667
- margin-top: 2.5rem;
1668
- font-size: 1.875rem;
1669
- line-height: 2.25rem;
1670
- font-weight: 600;
1671
- letter-spacing: -0.025em;
1672
- }
1673
-
1674
- .dark article h2 {
1675
- --tw-text-opacity: 1;
1676
- color: rgb(255 255 255 / var(--tw-text-opacity));
1677
- }
1678
-
1679
- article h2 {
1680
- border-bottom-width: 1px;
1681
- padding-bottom: 0.25rem;
1682
- }
1683
-
1684
- article h3 a {
1685
- float: left;
1686
- margin-top: 0.1em;
1687
- margin-left: -24px;
1688
- width: 20px;
1689
- padding-right: 4px;
1690
- line-height: 1;
1691
- box-sizing: border-box;
1692
- background: none;
1693
- opacity: 0;
1694
- }
1695
-
1696
- article h3:hover a {
1697
- opacity: 1;
1698
- }
1699
-
1700
- article h3 span {
1701
- display: none;
1702
- }
1703
-
1704
- article h3 a::after {
1705
- content: '#';
1706
- display: inline-block;
1707
- vertical-align: middle;
1708
- font-size: 20px;
1709
- }
1710
-
1711
- article h3 {
1712
- margin-top: 2rem;
1713
- font-size: 1.5rem;
1714
- line-height: 2rem;
1715
- font-weight: 600;
1716
- letter-spacing: -0.025em;
1717
- }
1718
-
1719
- .dark article h3 {
1720
- --tw-text-opacity: 1;
1721
- color: rgb(255 255 255 / var(--tw-text-opacity));
1722
- }
1723
-
1724
- article h4 a {
1725
- float: left;
1726
- margin-top: 0.1em;
1727
- margin-left: -24px;
1728
- width: 20px;
1729
- padding-right: 4px;
1730
- line-height: 1;
1731
- box-sizing: border-box;
1732
- background: none;
1733
- opacity: 0;
1734
- }
1735
-
1736
- article h4:hover a {
1737
- opacity: 1;
1738
- }
1739
-
1740
- article h4 span {
1741
- display: none;
1742
- }
1743
-
1744
- article h4 a::after {
1745
- content: '#';
1746
- display: inline-block;
1747
- vertical-align: middle;
1748
- font-size: 20px;
1749
- }
1750
-
1751
- article h4 {
1752
- margin-top: 2rem;
1753
- font-size: 1.25rem;
1754
- line-height: 1.75rem;
1755
- font-weight: 600;
1756
- letter-spacing: -0.025em;
1757
- }
1758
-
1759
- .dark article h4 {
1760
- --tw-text-opacity: 1;
1761
- color: rgb(255 255 255 / var(--tw-text-opacity));
1762
- }
1763
-
1764
- article h5 a {
1765
- float: left;
1766
- margin-top: 0.1em;
1767
- margin-left: -24px;
1768
- width: 20px;
1769
- padding-right: 4px;
1770
- line-height: 1;
1771
- box-sizing: border-box;
1772
- background: none;
1773
- opacity: 0;
1774
- }
1775
-
1776
- article h5:hover a {
1777
- opacity: 1;
1778
- }
1779
-
1780
- article h5 span {
1781
- display: none;
1782
- }
1783
-
1784
- article h5 a::after {
1785
- content: '#';
1786
- display: inline-block;
1787
- vertical-align: middle;
1788
- font-size: 20px;
1789
- }
1790
-
1791
- article h5 {
1792
- margin-top: 2rem;
1793
- font-size: 1.125rem;
1794
- line-height: 1.75rem;
1795
- font-weight: 600;
1796
- letter-spacing: -0.025em;
1797
- }
1798
-
1799
- .dark article h5 {
1800
- --tw-text-opacity: 1;
1801
- color: rgb(255 255 255 / var(--tw-text-opacity));
1802
- }
1803
-
1804
- article h6 a {
1805
- float: left;
1806
- margin-top: 0.1em;
1807
- margin-left: -24px;
1808
- width: 20px;
1809
- padding-right: 4px;
1810
- line-height: 1;
1811
- box-sizing: border-box;
1812
- background: none;
1813
- opacity: 0;
1814
- }
1815
-
1816
- article h6:hover a {
1817
- opacity: 1;
1818
- }
1819
-
1820
- article h6 span {
1821
- display: none;
1822
- }
1823
-
1824
- article h6 a::after {
1825
- content: '#';
1826
- display: inline-block;
1827
- vertical-align: middle;
1828
- font-size: 20px;
1829
- }
1830
-
1831
- article h6 {
1832
- margin-top: 2rem;
1833
- font-size: 1rem;
1834
- line-height: 1.5rem;
1835
- font-weight: 600;
1836
- letter-spacing: -0.025em;
1837
- }
1838
-
1839
- .dark article h6 {
1840
- --tw-text-opacity: 1;
1841
- color: rgb(255 255 255 / var(--tw-text-opacity));
1842
- }
1843
-
1844
- article p {
1845
- margin-top: 1rem;
1846
- font-size: 1rem;
1847
- line-height: 2rem;
1848
- --tw-text-opacity: 1;
1849
- color: rgb(55 65 81 / var(--tw-text-opacity));
1850
- }
1851
-
1852
- .dark article p {
1853
- --tw-text-opacity: 1;
1854
- color: rgb(255 255 255 / var(--tw-text-opacity));
1855
- }
1856
-
1857
- article ul {
1858
- margin-left: 1.5rem;
1859
- margin-top: 1.5rem;
1860
- list-style-type: disc;
1861
- }
1862
-
1863
- .dark article ul {
1864
- --tw-text-opacity: 1;
1865
- color: rgb(255 255 255 / var(--tw-text-opacity));
1866
- }
1867
-
1868
- article li {
1869
- margin-top: 0.5rem;
1870
- font-size: 1rem;
1871
- line-height: 1.75rem;
1872
- --tw-text-opacity: 1;
1873
- color: rgb(55 65 81 / var(--tw-text-opacity));
1874
- }
1875
-
1876
- .dark article li {
1877
- --tw-text-opacity: 1;
1878
- color: rgb(255 255 255 / var(--tw-text-opacity));
1879
- }
1880
-
1881
- article ol {
1882
- margin-left: 1.5rem;
1883
- margin-top: 1.5rem;
1884
- list-style-type: decimal;
1885
- }
1886
-
1887
- .dark article ol {
1888
- --tw-text-opacity: 1;
1889
- color: rgb(255 255 255 / var(--tw-text-opacity));
1890
- }
1891
-
1892
- article blockquote {
1893
- border-left-width: 2px;
1894
- --tw-border-opacity: 1;
1895
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1896
- padding-left: 1.5rem;
1897
- font-style: italic;
1898
- --tw-text-opacity: 1;
1899
- color: rgb(55 65 81 / var(--tw-text-opacity));
1900
- }
1901
-
1902
- .dark article blockquote {
1903
- --tw-text-opacity: 1;
1904
- color: rgb(255 255 255 / var(--tw-text-opacity));
1905
- }
1906
-
1907
- article h2 a {
1908
- -webkit-text-decoration-line: none;
1909
- text-decoration-line: none;
1910
- }
1911
-
1912
- .dark article h2 a {
1913
- --tw-text-opacity: 1;
1914
- color: rgb(255 255 255 / var(--tw-text-opacity));
1915
- }
1916
-
1917
- /* 行内代码 */
1918
-
1919
- article code {
1920
- border-radius: 0.375rem;
1921
- border-width: 1px;
1922
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
1923
- --tw-border-opacity: 0.05;
1924
- background-color: rgb(30 41 59 / var(--tw-bg-opacity));
1925
- --tw-bg-opacity: 0.05;
1926
- --tw-text-opacity: 1;
1927
- color: rgb(2 132 199 / var(--tw-text-opacity));
1928
- }
1929
-
1930
- .dark article code {
1931
- --tw-bg-opacity: 1;
1932
- --tw-text-opacity: 1;
1933
- color: rgb(125 211 252 / var(--tw-text-opacity));
1934
- }
1935
-
1936
- article code {
1937
- font-size: 0.9em;
1938
- padding: 2px 0.25em;
1939
- -webkit-box-decoration-break: clone;
1940
- box-decoration-break: clone;
1941
- font-feature-settings: 'rlig' 1, 'calt' 1, 'ss01' 1;
1942
- }
1943
-
1944
- /* 行内高亮代码 */
1945
-
1946
- article span[data-rehype-pretty-code-fragment] code {
1947
- --tw-bg-opacity: 1;
1948
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1949
- }
1950
-
1951
- .dark article span[data-rehype-pretty-code-fragment] code {
1952
- --tw-bg-opacity: 1;
1953
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1954
- }
1955
-
1956
- /* 代码块 */
1957
-
1958
- article pre {
1959
- contain: paint;
1960
- margin-top: 1rem;
1961
- margin-bottom: 1rem;
1962
- border-radius: 0.375rem;
1963
- --tw-bg-opacity: 1;
1964
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1965
- font-weight: 500;
1966
- --tw-text-opacity: 1;
1967
- color: rgb(212 212 212 / var(--tw-text-opacity));
1968
- -webkit-font-smoothing: auto;
1969
- -moz-osx-font-smoothing: auto;
1970
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1971
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1972
- 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;
1973
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1974
- transition-duration: 150ms;
1975
- }
1976
-
1977
- .dark article pre {
1978
- --tw-bg-opacity: 1;
1979
- background-color: rgb(24 24 27 / var(--tw-bg-opacity));
1980
- --tw-text-opacity: 1;
1981
- color: rgb(212 212 212 / var(--tw-text-opacity));
1982
- }
1983
-
1984
- article pre > code {
1985
- display: grid;
1986
- min-width: 100%;
1987
- overflow-x: auto;
1988
- border-radius: 0px;
1989
- border-style: none;
1990
- background-color: transparent;
1991
- padding: 1rem;
1992
- font-size: 0.875rem;
1993
- line-height: 1.25rem;
1994
- line-height: 1.625;
1995
- --tw-text-opacity: 1;
1996
- color: rgb(212 212 212 / var(--tw-text-opacity));
1997
- }
1998
-
1999
- .dark article pre > code {
2000
- background-color: transparent;
2001
- --tw-text-opacity: 1;
2002
- color: rgb(212 212 212 / var(--tw-text-opacity));
2003
- }
2004
-
2005
- article div[data-rehype-pretty-code-fragment] {
2006
- margin-top: 1rem;
2007
- margin-bottom: 1rem;
2008
- }
2009
-
2010
- article .tabbed-code div[data-rehype-pretty-code-fragment] {
2011
- margin-top: 0px;
2012
- margin-bottom: 0px;
2013
- }
2014
-
2015
- article .tabbed-code pre {
2016
- border-radius: 0px;
2017
- border-bottom-right-radius: 0.375rem;
2018
- border-bottom-left-radius: 0.375rem;
2019
- border-top-right-radius: 0.375rem;
2020
- }
2021
-
2022
- article .tabbed-code .tabbed-tab-button {
2023
- display: inline-flex;
2024
- align-items: center;
2025
- border-top-left-radius: 0.5rem;
2026
- border-top-right-radius: 0.5rem;
2027
- padding-left: 1rem;
2028
- padding-right: 1rem;
2029
- }
2030
-
2031
- article .tabbed-code .tabbed-tab-button * {
2032
- margin-top: 0px;
2033
- color: inherit;
2034
- }
2035
-
2036
- /* 代码块的标题部分 */
2037
-
2038
- article
2039
- div[data-rehype-pretty-code-fragment]
2040
- > div[data-rehype-pretty-code-title] {
2041
- padding-bottom: 0.25rem;
2042
- text-align: center;
2043
- font-size: 0.875rem;
2044
- line-height: 1.25rem;
2045
- --tw-text-opacity: 1;
2046
- color: rgb(161 161 170 / var(--tw-text-opacity));
2047
- }
2048
-
2049
- .dark article
2050
- div[data-rehype-pretty-code-fragment]
2051
- > div[data-rehype-pretty-code-title] {
2052
- --tw-text-opacity: 1;
2053
- color: rgb(163 163 163 / var(--tw-text-opacity));
2054
- }
2055
-
2056
- /* 代码块的代码部分 */
2057
-
2058
- article div[data-rehype-pretty-code-fragment] > pre {
2059
- margin-top: 0px;
2060
- margin-bottom: 0px;
2061
- padding-top: 1.5rem;
2062
- }
2063
-
2064
- article div[data-rehype-pretty-code-fragment] > pre > code {
2065
- margin-top: 0px;
2066
- margin-bottom: 0px;
2067
- padding-left: 0px;
2068
- padding-right: 0px;
2069
- padding-top: 0px;
2070
- }
2071
-
2072
- /* 代码块的使用语言 */
2073
-
2074
- article div[data-rehype-pretty-code-fragment] > pre::before {
2075
- position: fixed;
2076
- top: 0px;
2077
- right: 0px;
2078
- border-radius: 0.125rem;
2079
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
2080
- --tw-bg-opacity: 0.8;
2081
- padding-left: 0.5rem;
2082
- padding-right: 0.5rem;
2083
- font-size: 0.875rem;
2084
- line-height: 1.25rem;
2085
- text-transform: uppercase;
2086
- --tw-text-opacity: 1;
2087
- color: rgb(24 24 27 / var(--tw-text-opacity));
2088
- }
2089
-
2090
- .dark article div[data-rehype-pretty-code-fragment] > pre::before {
2091
- --tw-bg-opacity: 0.6;
2092
- }
2093
-
2094
- article div[data-rehype-pretty-code-fragment] > pre::before {
2095
- content: attr(data-language);
2096
- }
2097
-
2098
- /* 代码块的代码行 */
2099
-
2100
- article div[data-rehype-pretty-code-fragment] > pre > code .line {
2101
- padding-left: 0.75rem;
2102
- padding-right: 1rem;
2103
- }
2104
-
2105
- /* 代码块的行内高亮文字 */
2106
-
2107
- article div[data-rehype-pretty-code-fragment] > pre > code .line .word {
2108
- display: inline-block;
2109
- border-radius: 0.125rem;
2110
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
2111
- --tw-bg-opacity: 0.2;
2112
- padding-left: 0.375rem;
2113
- padding-right: 0.375rem;
2114
- }
2115
-
2116
- /* 代码块的行号 */
2117
-
2118
- article div[data-rehype-pretty-code-fragment] > pre > code {
2119
- counter-reset: line;
2120
- }
2121
-
2122
- article div[data-rehype-pretty-code-fragment] > pre > code > .line::before {
2123
- margin-right: 1rem;
2124
- display: inline-block;
2125
- width: 1rem;
2126
- text-align: right;
2127
- --tw-text-opacity: 1;
2128
- color: rgb(82 82 82 / var(--tw-text-opacity));
2129
- counter-increment: line;
2130
- content: counter(line);
2131
- }
2132
-
2133
- /* 代码块的高亮行 */
2134
-
2135
- article div[data-rehype-pretty-code-fragment] pre > code > .line {
2136
- border-left-width: 2px;
2137
- border-color: transparent;
2138
- }
2139
-
2140
- article div[data-rehype-pretty-code-fragment] pre > code > .line.highlighted {
2141
- --tw-border-opacity: 1;
2142
- border-left-color: rgb(96 165 250 / var(--tw-border-opacity));
2143
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
2144
- --tw-bg-opacity: 0.1;
2145
- }
2146
-
2147
- .dark article div[data-rehype-pretty-code-fragment] pre > code > .line.highlighted {
2148
- --tw-border-opacity: 1;
2149
- border-left-color: rgb(2 132 199 / var(--tw-border-opacity));
2150
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
2151
- --tw-bg-opacity: 0.1;
2152
- }
2153
-
2154
- /* 链接 */
2155
-
2156
- article a {
2157
- margin-left: 0.25rem;
2158
- margin-right: 0.25rem;
2159
- --tw-text-opacity: 1;
2160
- color: rgb(8 145 178 / var(--tw-text-opacity));
2161
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2162
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2163
- 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;
2164
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2165
- transition-duration: 150ms;
2166
- }
2167
-
2168
- article a:hover {
2169
- --tw-text-opacity: 1;
2170
- color: rgb(22 78 99 / var(--tw-text-opacity));
2171
- }
2172
-
2173
- .dark article a {
2174
- --tw-text-opacity: 1;
2175
- color: rgb(245 208 254 / var(--tw-text-opacity));
2176
- }
2177
-
2178
- .dark article a:hover {
2179
- --tw-text-opacity: 1;
2180
- color: rgb(232 121 249 / var(--tw-text-opacity));
2181
- }
2182
-
2183
- article a {
2184
- background-image: linear-gradient(
2185
- transparent 60%,
2186
- rgba(130, 199, 255, 0.28) 55%
2187
- );
2188
- }
2189
-
2190
- .dark article a {
2191
- background-image: linear-gradient(
2192
- transparent 60%,
2193
- rgba(238, 157, 234, 0.28) 55%
2194
- );
2195
- }
2196
-
2197
- /* 行内代码块链接 */
2198
-
2199
- article a > code {
2200
- --tw-text-opacity: 1;
2201
- color: rgb(8 145 178 / var(--tw-text-opacity));
2202
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2203
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2204
- 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;
2205
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2206
- transition-duration: 150ms;
2207
- }
2208
-
2209
- article a > code:hover {
2210
- --tw-text-opacity: 1;
2211
- color: rgb(22 78 99 / var(--tw-text-opacity));
2212
- }
2213
-
2214
- .dark article a > code {
2215
- --tw-text-opacity: 1;
2216
- color: rgb(245 208 254 / var(--tw-text-opacity));
2217
- }
2218
-
2219
- .dark article a > code:hover {
2220
- --tw-text-opacity: 1;
2221
- color: rgb(232 121 249 / var(--tw-text-opacity));
2222
- }
2223
-
2224
- article a > code {
2225
- background-image: linear-gradient(
2226
- transparent 60%,
2227
- rgba(130, 199, 255, 0.28) 55%
2228
- );
2229
- }
2230
-
2231
- .dark article a > code {
2232
- background-image: linear-gradient(
2233
- transparent 60%,
2234
- rgba(238, 157, 234, 0.28) 55%
2235
- );
2236
- }
2237
-
2238
- article table {
2239
- margin-top: 2rem;
2240
- margin-bottom: 2rem;
2241
- width: 100%;
2242
- table-layout: auto;
2243
- overflow: hidden;
2244
- border-radius: 0.75rem;
2245
- text-align: left;
2246
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2247
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2248
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2249
- }
2250
-
2251
- .dark article table {
2252
- --tw-shadow-color: #1f2937;
2253
- --tw-shadow: var(--tw-shadow-colored);
2254
- }
2255
-
2256
- article table thead {
2257
- --tw-bg-opacity: 1;
2258
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
2259
- }
2260
-
2261
- .dark article table thead {
2262
- --tw-bg-opacity: 1;
2263
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2264
- }
2265
-
2266
- article table thead th {
2267
- padding-top: 0.75rem;
2268
- padding-bottom: 0.75rem;
2269
- padding-left: 1rem;
2270
- padding-right: 1rem;
2271
- --tw-text-opacity: 1;
2272
- color: rgb(55 65 81 / var(--tw-text-opacity));
2273
- }
2274
-
2275
- .dark article table thead th {
2276
- --tw-text-opacity: 1;
2277
- color: rgb(255 255 255 / var(--tw-text-opacity));
2278
- }
2279
-
2280
- article table tbody tr {
2281
- border-bottom-width: 1px;
2282
- --tw-border-opacity: 1;
2283
- border-bottom-color: rgb(244 244 245 / var(--tw-border-opacity));
2284
- }
2285
-
2286
- .dark article table tbody tr {
2287
- --tw-border-opacity: 1;
2288
- border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity));
2289
- }
2290
-
2291
- article table tbody td {
2292
- padding-top: 0.5rem;
2293
- padding-bottom: 0.5rem;
2294
- padding-left: 1rem;
2295
- padding-right: 1rem;
2296
- --tw-text-opacity: 1;
2297
- color: rgb(55 65 81 / var(--tw-text-opacity));
2298
- }
2299
-
2300
- .dark article table tbody td {
2301
- --tw-text-opacity: 1;
2302
- color: rgb(255 255 255 / var(--tw-text-opacity));
2303
- }
2304
-
2305
- .link-with-underline {
2306
- margin-left: 0.25rem;
2307
- margin-right: 0.25rem;
2308
- --tw-text-opacity: 1;
2309
- color: rgb(37 99 235 / var(--tw-text-opacity));
2310
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2311
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2312
- 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;
2313
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2314
- transition-duration: 150ms;
2315
- }
2316
-
2317
- .link-with-underline:hover {
2318
- --tw-text-opacity: 1;
2319
- color: rgb(147 197 253 / var(--tw-text-opacity));
2320
- }
2321
-
2322
- .dark .link-with-underline {
2323
- --tw-text-opacity: 1;
2324
- color: rgb(96 165 250 / var(--tw-text-opacity));
2325
- }
2326
-
2327
- .link-with-underline {
2328
- background-image: linear-gradient(
2329
- transparent 60%,
2330
- rgba(130, 199, 255, 0.28) 55%
2331
- );
2332
- }
2333
-
2334
- /*article pre {*/
2335
-
2336
- /* @apply pt-12;*/
2337
-
2338
- /*}*/
2339
-
2340
- article hr {
2341
- margin-top: 2rem;
2342
- margin-bottom: 2rem;
2343
- }
2344
-
2345
- .fadeout {
2346
- -webkit-mask-image: linear-gradient(
2347
- to bottom,
2348
- transparent 0%,
2349
- black 10%,
2350
- black 80%,
2351
- transparent 100%
2352
- );
2353
- mask-image: linear-gradient(
2354
- to bottom,
2355
- transparent 0%,
2356
- black 10%,
2357
- black 80%,
2358
- transparent 100%
2359
- );
2360
- }
2361
-
2362
- html {
2363
- scroll-behavior: smooth;
2364
- }
2365
-
2366
- :root {
2367
- --anchor-offset: 28px;
2368
- color-scheme: var(--color-scheme, light);
2369
- }
2370
-
2371
- /** Anchor with offset for headings */
2372
-
2373
- h1,
2374
- h2,
2375
- h3,
2376
- h4,
2377
- h5,
2378
- h6 {
2379
- scroll-margin-top: calc(var(--anchor-offset) + 88px);
2380
- }
2381
-
2382
- .before\:absolute::before {
2383
- content: var(--tw-content);
2384
- position: absolute;
2385
- }
2386
-
2387
- .before\:z-\[-1\]::before {
2388
- content: var(--tw-content);
2389
- z-index: -1;
2390
- }
2391
-
2392
- .before\:block::before {
2393
- content: var(--tw-content);
2394
- display: block;
2395
- }
2396
-
2397
- .before\:h-full::before {
2398
- content: var(--tw-content);
2399
- height: 100%;
2400
- }
2401
-
2402
- .before\:w-full::before {
2403
- content: var(--tw-content);
2404
- width: 100%;
2405
- }
2406
-
2407
- .before\:bg-white::before {
2408
- content: var(--tw-content);
2409
- --tw-bg-opacity: 1;
2410
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2411
- }
2412
-
2413
- .before\:bg-opacity-\[\.85\]::before {
2414
- content: var(--tw-content);
2415
- --tw-bg-opacity: .85;
2416
- }
2417
-
2418
- .before\:backdrop-blur-md::before {
2419
- content: var(--tw-content);
2420
- --tw-backdrop-blur: blur(12px);
2421
- -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);
2422
- 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);
2423
- }
2424
-
2425
- .focus-within\:border-gray-100:focus-within {
2426
- --tw-border-opacity: 1;
2427
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
2428
- }
2429
-
2430
- .focus-within\:bg-white:focus-within {
2431
- --tw-bg-opacity: 1;
2432
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2433
- }
2434
-
2435
- .hover\:scale-105:hover {
2436
- --tw-scale-x: 1.05;
2437
- --tw-scale-y: 1.05;
2438
- 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));
2439
- }
2440
-
2441
- .hover\:border-gray-100:hover {
2442
- --tw-border-opacity: 1;
2443
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
2444
- }
2445
-
2446
- .hover\:border-gray-300:hover {
2447
- --tw-border-opacity: 1;
2448
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2449
- }
2450
-
2451
- .hover\:bg-gray-50:hover {
2452
- --tw-bg-opacity: 1;
2453
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2454
- }
2455
-
2456
- .hover\:text-blue-400:hover {
2457
- --tw-text-opacity: 1;
2458
- color: rgb(96 165 250 / var(--tw-text-opacity));
2459
- }
2460
-
2461
- .hover\:text-blue-500:hover {
2462
- --tw-text-opacity: 1;
2463
- color: rgb(59 130 246 / var(--tw-text-opacity));
2464
- }
2465
-
2466
- .hover\:text-gray-700:hover {
2467
- --tw-text-opacity: 1;
2468
- color: rgb(55 65 81 / var(--tw-text-opacity));
2469
- }
2470
-
2471
- .hover\:text-neutral-300:hover {
2472
- --tw-text-opacity: 1;
2473
- color: rgb(212 212 212 / var(--tw-text-opacity));
2474
- }
2475
-
2476
- .hover\:shadow-2xl:hover {
2477
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2478
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2479
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2480
- }
2481
-
2482
- .hover\:shadow-blue-700:hover {
2483
- --tw-shadow-color: #1d4ed8;
2484
- --tw-shadow: var(--tw-shadow-colored);
2485
- }
2486
-
2487
- .group:focus .group-focus\:bg-blue-200 {
2488
- --tw-bg-opacity: 1;
2489
- background-color: rgb(191 219 254 / var(--tw-bg-opacity));
2490
- }
2491
-
2492
- .dark .dark\:features-dark {
2493
- --tw-bg-opacity: 1;
2494
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2495
- background-image: radial-gradient(#2a2a2a 20%, transparent 20%);
2496
- background-size: 6px 6px;
2497
- width: 100%;
2498
- -ms-overflow-style: none;
2499
- scrollbar-width: none;
2500
- }
2501
-
2502
- .dark .dark\:border-gray-800 {
2503
- --tw-border-opacity: 1;
2504
- border-color: rgb(31 41 55 / var(--tw-border-opacity));
2505
- }
2506
-
2507
- .dark .dark\:border-gray-700 {
2508
- --tw-border-opacity: 1;
2509
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
2510
- }
2511
-
2512
- .dark .dark\:border-neutral-700 {
2513
- --tw-border-opacity: 1;
2514
- border-color: rgb(64 64 64 / var(--tw-border-opacity));
2515
- }
2516
-
2517
- .dark .dark\:border-gray-500 {
2518
- --tw-border-opacity: 1;
2519
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
2520
- }
2521
-
2522
- .dark .dark\:border-b-gray-800 {
2523
- --tw-border-opacity: 1;
2524
- border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity));
2525
- }
2526
-
2527
- .dark .dark\:bg-white {
2528
- --tw-bg-opacity: 1;
2529
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2530
- }
2531
-
2532
- .dark .dark\:bg-gray-700 {
2533
- --tw-bg-opacity: 1;
2534
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2535
- }
2536
-
2537
- .dark .dark\:bg-gray-900 {
2538
- --tw-bg-opacity: 1;
2539
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2540
- }
2541
-
2542
- .dark .dark\:bg-gray-800 {
2543
- --tw-bg-opacity: 1;
2544
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2545
- }
2546
-
2547
- .dark .dark\:bg-blue-900 {
2548
- --tw-bg-opacity: 1;
2549
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
2550
- }
2551
-
2552
- .dark .dark\:text-white {
2553
- --tw-text-opacity: 1;
2554
- color: rgb(255 255 255 / var(--tw-text-opacity));
2555
- }
2556
-
2557
- .dark .dark\:text-gray-100 {
2558
- --tw-text-opacity: 1;
2559
- color: rgb(243 244 246 / var(--tw-text-opacity));
2560
- }
2561
-
2562
- .dark .dark\:text-blue-200 {
2563
- --tw-text-opacity: 1;
2564
- color: rgb(191 219 254 / var(--tw-text-opacity));
2565
- }
2566
-
2567
- .dark .dark\:text-neutral-50 {
2568
- --tw-text-opacity: 1;
2569
- color: rgb(250 250 250 / var(--tw-text-opacity));
2570
- }
2571
-
2572
- .dark .dark\:text-neutral-400 {
2573
- --tw-text-opacity: 1;
2574
- color: rgb(163 163 163 / var(--tw-text-opacity));
2575
- }
2576
-
2577
- .dark .dark\:text-gray-200 {
2578
- --tw-text-opacity: 1;
2579
- color: rgb(229 231 235 / var(--tw-text-opacity));
2580
- }
2581
-
2582
- .dark .dark\:text-gray-400 {
2583
- --tw-text-opacity: 1;
2584
- color: rgb(156 163 175 / var(--tw-text-opacity));
2585
- }
2586
-
2587
- .dark .dark\:text-gray-300 {
2588
- --tw-text-opacity: 1;
2589
- color: rgb(209 213 219 / var(--tw-text-opacity));
2590
- }
2591
-
2592
- .dark .dark\:shadow-gray-700 {
2593
- --tw-shadow-color: #374151;
2594
- --tw-shadow: var(--tw-shadow-colored);
2595
- }
2596
-
2597
- .dark .dark\:invert {
2598
- --tw-invert: invert(100%);
2599
- 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);
2600
- }
2601
-
2602
- .dark .dark\:before\:bg-gray-800::before {
2603
- content: var(--tw-content);
2604
- --tw-bg-opacity: 1;
2605
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2606
- }
2607
-
2608
- .dark .dark\:before\:bg-opacity-\[\.85\]::before {
2609
- content: var(--tw-content);
2610
- --tw-bg-opacity: .85;
2611
- }
2612
-
2613
- .dark .dark\:focus-within\:border-gray-700:focus-within {
2614
- --tw-border-opacity: 1;
2615
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
2616
- }
2617
-
2618
- .dark .dark\:focus-within\:bg-gray-800:focus-within {
2619
- --tw-bg-opacity: 1;
2620
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2621
- }
2622
-
2623
- .dark .dark\:hover\:text-blue-400:hover {
2624
- --tw-text-opacity: 1;
2625
- color: rgb(96 165 250 / var(--tw-text-opacity));
2626
- }
2627
-
2628
- .dark .dark\:hover\:text-blue-500:hover {
2629
- --tw-text-opacity: 1;
2630
- color: rgb(59 130 246 / var(--tw-text-opacity));
2631
- }
2632
-
2633
- .dark .dark\:hover\:text-gray-300:hover {
2634
- --tw-text-opacity: 1;
2635
- color: rgb(209 213 219 / var(--tw-text-opacity));
2636
- }
2637
-
2638
- @media (min-width: 768px) {
2639
- .md\:h-6 {
2640
- height: 1.5rem;
2641
- }
2642
-
2643
- .md\:h-4 {
2644
- height: 1rem;
2645
- }
2646
-
2647
- .md\:w-12 {
2648
- width: 3rem;
2649
- }
2650
-
2651
- .md\:w-4 {
2652
- width: 1rem;
2653
- }
2654
-
2655
- .md\:w-1\/2 {
2656
- width: 50%;
2657
- }
2658
- }
2659
-
2660
- @media (min-width: 1024px) {
2661
- .lg\:m-12 {
2662
- margin: 3rem;
2663
- }
2664
-
2665
- .lg\:mb-16 {
2666
- margin-bottom: 4rem;
2667
- }
2668
-
2669
- .lg\:block {
2670
- display: block;
2671
- }
2672
-
2673
- .lg\:hidden {
2674
- display: none;
2675
- }
2676
-
2677
- .lg\:h-\[calc\(100vh-8rem\)\] {
2678
- height: calc(100vh - 8rem);
2679
- }
2680
-
2681
- .lg\:h-96 {
2682
- height: 24rem;
2683
- }
2684
-
2685
- .lg\:w-1\/2 {
2686
- width: 50%;
2687
- }
2688
-
2689
- .lg\:w-64 {
2690
- width: 16rem;
2691
- }
2692
-
2693
- .lg\:w-1\/3 {
2694
- width: 33.333333%;
2695
- }
2696
-
2697
- .lg\:w-3\/4 {
2698
- width: 75%;
2699
- }
2700
-
2701
- .lg\:px-12 {
2702
- padding-left: 3rem;
2703
- padding-right: 3rem;
2704
- }
2705
-
2706
- .lg\:px-2 {
2707
- padding-left: 0.5rem;
2708
- padding-right: 0.5rem;
2709
- }
2710
-
2711
- .lg\:px-32 {
2712
- padding-left: 8rem;
2713
- padding-right: 8rem;
2714
- }
2715
-
2716
- .lg\:pb-12 {
2717
- padding-bottom: 3rem;
2718
- }
2719
-
2720
- .lg\:pt-6 {
2721
- padding-top: 1.5rem;
2722
- }
2723
-
2724
- .lg\:pt-8 {
2725
- padding-top: 2rem;
2726
- }
2727
-
2728
- .lg\:text-base {
2729
- font-size: 1rem;
2730
- line-height: 1.5rem;
2731
- }
2732
-
2733
- .lg\:text-5xl {
2734
- font-size: 3rem;
2735
- line-height: 1;
2736
- }
2737
-
2738
- .lg\:text-xl {
2739
- font-size: 1.25rem;
2740
- line-height: 1.75rem;
2741
- }
2742
-
2743
- .lg\:text-7xl {
2744
- font-size: 4.5rem;
2745
- line-height: 1;
2746
- }
2747
- }
2748
-
2749
- @media (min-width: 1280px) {
2750
- .xl\:px-64 {
2751
- padding-left: 16rem;
2752
- padding-right: 16rem;
2753
- }
2754
- }
2755
-
2756
- @media (min-width: 1536px) {
2757
- .\32xl\:break-words {
2758
- overflow-wrap: break-word;
2759
- }
2760
- }