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