@umijs/plugin-docs 4.0.19 → 4.0.21

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,2756 +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
- .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
- }