@pzh-ui/css 0.0.99 → 0.0.104

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.
package/src/tailwind.css CHANGED
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -32,9 +140,11 @@
32
140
  4. Use the user's configured `sans` font-family by default.
33
141
  5. Use the user's configured `sans` font-feature-settings by default.
34
142
  6. Use the user's configured `sans` font-variation-settings by default.
143
+ 7. Disable tap highlights on iOS
35
144
  */
36
145
 
37
- html {
146
+ html,
147
+ :host {
38
148
  line-height: 1.5;
39
149
  /* 1 */
40
150
  -webkit-text-size-adjust: 100%;
@@ -44,12 +154,14 @@ html {
44
154
  -o-tab-size: 4;
45
155
  tab-size: 4;
46
156
  /* 3 */
47
- 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";
157
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
48
158
  /* 4 */
49
159
  font-feature-settings: normal;
50
160
  /* 5 */
51
161
  font-variation-settings: normal;
52
162
  /* 6 */
163
+ -webkit-tap-highlight-color: transparent;
164
+ /* 7 */
53
165
  }
54
166
 
55
167
  /*
@@ -121,8 +233,10 @@ strong {
121
233
  }
122
234
 
123
235
  /*
124
- 1. Use the user's configured `mono` font family by default.
125
- 2. Correct the odd `em` font sizing in all browsers.
236
+ 1. Use the user's configured `mono` font-family by default.
237
+ 2. Use the user's configured `mono` font-feature-settings by default.
238
+ 3. Use the user's configured `mono` font-variation-settings by default.
239
+ 4. Correct the odd `em` font sizing in all browsers.
126
240
  */
127
241
 
128
242
  code,
@@ -131,8 +245,12 @@ samp,
131
245
  pre {
132
246
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
133
247
  /* 1 */
134
- font-size: 1em;
248
+ font-feature-settings: normal;
135
249
  /* 2 */
250
+ font-variation-settings: normal;
251
+ /* 3 */
252
+ font-size: 1em;
253
+ /* 4 */
136
254
  }
137
255
 
138
256
  /*
@@ -191,12 +309,18 @@ select,
191
309
  textarea {
192
310
  font-family: inherit;
193
311
  /* 1 */
312
+ font-feature-settings: inherit;
313
+ /* 1 */
314
+ font-variation-settings: inherit;
315
+ /* 1 */
194
316
  font-size: 100%;
195
317
  /* 1 */
196
318
  font-weight: inherit;
197
319
  /* 1 */
198
320
  line-height: inherit;
199
321
  /* 1 */
322
+ letter-spacing: inherit;
323
+ /* 1 */
200
324
  color: inherit;
201
325
  /* 1 */
202
326
  margin: 0;
@@ -220,9 +344,9 @@ select {
220
344
  */
221
345
 
222
346
  button,
223
- [type='button'],
224
- [type='reset'],
225
- [type='submit'] {
347
+ input:where([type='button']),
348
+ input:where([type='reset']),
349
+ input:where([type='submit']) {
226
350
  -webkit-appearance: button;
227
351
  /* 1 */
228
352
  background-color: transparent;
@@ -341,6 +465,14 @@ menu {
341
465
  padding: 0;
342
466
  }
343
467
 
468
+ /*
469
+ Reset default styling for dialogs.
470
+ */
471
+
472
+ dialog {
473
+ padding: 0;
474
+ }
475
+
344
476
  /*
345
477
  Prevent resizing textareas horizontally by default.
346
478
  */
@@ -418,11 +550,11 @@ video {
418
550
 
419
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
420
552
 
421
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
422
554
  display: none;
423
555
  }
424
556
 
425
- [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
557
+ [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
426
558
  -webkit-appearance: none;
427
559
  -moz-appearance: none;
428
560
  appearance: none;
@@ -439,7 +571,7 @@ video {
439
571
  --tw-shadow: 0 0 #0000;
440
572
  }
441
573
 
442
- [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
574
+ [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
443
575
  outline: 2px solid transparent;
444
576
  outline-offset: 2px;
445
577
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
@@ -468,6 +600,11 @@ input::placeholder,textarea::placeholder {
468
600
 
469
601
  ::-webkit-date-and-time-value {
470
602
  min-height: 1.5em;
603
+ text-align: inherit;
604
+ }
605
+
606
+ ::-webkit-datetime-edit {
607
+ display: inline-flex;
471
608
  }
472
609
 
473
610
  ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
@@ -482,17 +619,17 @@ select {
482
619
  background-size: 1.5em 1.5em;
483
620
  padding-right: 2.5rem;
484
621
  -webkit-print-color-adjust: exact;
485
- color-adjust: exact;
622
+ print-color-adjust: exact;
486
623
  }
487
624
 
488
- [multiple] {
625
+ [multiple],[size]:where(select:not([size="1"])) {
489
626
  background-image: initial;
490
627
  background-position: initial;
491
628
  background-repeat: unset;
492
629
  background-size: initial;
493
630
  padding-right: 0.75rem;
494
631
  -webkit-print-color-adjust: unset;
495
- color-adjust: unset;
632
+ print-color-adjust: unset;
496
633
  }
497
634
 
498
635
  [type='checkbox'],[type='radio'] {
@@ -501,7 +638,7 @@ select {
501
638
  appearance: none;
502
639
  padding: 0;
503
640
  -webkit-print-color-adjust: exact;
504
- color-adjust: exact;
641
+ print-color-adjust: exact;
505
642
  display: inline-block;
506
643
  vertical-align: middle;
507
644
  background-origin: border-box;
@@ -550,10 +687,26 @@ select {
550
687
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
551
688
  }
552
689
 
690
+ @media (forced-colors: active) {
691
+ [type='checkbox']:checked {
692
+ -webkit-appearance: auto;
693
+ -moz-appearance: auto;
694
+ appearance: auto;
695
+ }
696
+ }
697
+
553
698
  [type='radio']:checked {
554
699
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
555
700
  }
556
701
 
702
+ @media (forced-colors: active) {
703
+ [type='radio']:checked {
704
+ -webkit-appearance: auto;
705
+ -moz-appearance: auto;
706
+ appearance: auto;
707
+ }
708
+ }
709
+
557
710
  [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
558
711
  border-color: transparent;
559
712
  background-color: currentColor;
@@ -568,6 +721,14 @@ select {
568
721
  background-repeat: no-repeat;
569
722
  }
570
723
 
724
+ @media (forced-colors: active) {
725
+ [type='checkbox']:indeterminate {
726
+ -webkit-appearance: auto;
727
+ -moz-appearance: auto;
728
+ appearance: auto;
729
+ }
730
+ }
731
+
571
732
  [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
572
733
  border-color: transparent;
573
734
  background-color: currentColor;
@@ -584,109 +745,10 @@ select {
584
745
  }
585
746
 
586
747
  [type='file']:focus {
748
+ outline: 1px solid ButtonText;
587
749
  outline: 1px auto -webkit-focus-ring-color;
588
750
  }
589
751
 
590
- *, ::before, ::after {
591
- --tw-border-spacing-x: 0;
592
- --tw-border-spacing-y: 0;
593
- --tw-translate-x: 0;
594
- --tw-translate-y: 0;
595
- --tw-rotate: 0;
596
- --tw-skew-x: 0;
597
- --tw-skew-y: 0;
598
- --tw-scale-x: 1;
599
- --tw-scale-y: 1;
600
- --tw-pan-x: ;
601
- --tw-pan-y: ;
602
- --tw-pinch-zoom: ;
603
- --tw-scroll-snap-strictness: proximity;
604
- --tw-gradient-from-position: ;
605
- --tw-gradient-via-position: ;
606
- --tw-gradient-to-position: ;
607
- --tw-ordinal: ;
608
- --tw-slashed-zero: ;
609
- --tw-numeric-figure: ;
610
- --tw-numeric-spacing: ;
611
- --tw-numeric-fraction: ;
612
- --tw-ring-inset: ;
613
- --tw-ring-offset-width: 0px;
614
- --tw-ring-offset-color: #fff;
615
- --tw-ring-color: rgb(59 130 246 / 0.5);
616
- --tw-ring-offset-shadow: 0 0 #0000;
617
- --tw-ring-shadow: 0 0 #0000;
618
- --tw-shadow: 0 0 #0000;
619
- --tw-shadow-colored: 0 0 #0000;
620
- --tw-blur: ;
621
- --tw-brightness: ;
622
- --tw-contrast: ;
623
- --tw-grayscale: ;
624
- --tw-hue-rotate: ;
625
- --tw-invert: ;
626
- --tw-saturate: ;
627
- --tw-sepia: ;
628
- --tw-drop-shadow: ;
629
- --tw-backdrop-blur: ;
630
- --tw-backdrop-brightness: ;
631
- --tw-backdrop-contrast: ;
632
- --tw-backdrop-grayscale: ;
633
- --tw-backdrop-hue-rotate: ;
634
- --tw-backdrop-invert: ;
635
- --tw-backdrop-opacity: ;
636
- --tw-backdrop-saturate: ;
637
- --tw-backdrop-sepia: ;
638
- }
639
-
640
- ::backdrop {
641
- --tw-border-spacing-x: 0;
642
- --tw-border-spacing-y: 0;
643
- --tw-translate-x: 0;
644
- --tw-translate-y: 0;
645
- --tw-rotate: 0;
646
- --tw-skew-x: 0;
647
- --tw-skew-y: 0;
648
- --tw-scale-x: 1;
649
- --tw-scale-y: 1;
650
- --tw-pan-x: ;
651
- --tw-pan-y: ;
652
- --tw-pinch-zoom: ;
653
- --tw-scroll-snap-strictness: proximity;
654
- --tw-gradient-from-position: ;
655
- --tw-gradient-via-position: ;
656
- --tw-gradient-to-position: ;
657
- --tw-ordinal: ;
658
- --tw-slashed-zero: ;
659
- --tw-numeric-figure: ;
660
- --tw-numeric-spacing: ;
661
- --tw-numeric-fraction: ;
662
- --tw-ring-inset: ;
663
- --tw-ring-offset-width: 0px;
664
- --tw-ring-offset-color: #fff;
665
- --tw-ring-color: rgb(59 130 246 / 0.5);
666
- --tw-ring-offset-shadow: 0 0 #0000;
667
- --tw-ring-shadow: 0 0 #0000;
668
- --tw-shadow: 0 0 #0000;
669
- --tw-shadow-colored: 0 0 #0000;
670
- --tw-blur: ;
671
- --tw-brightness: ;
672
- --tw-contrast: ;
673
- --tw-grayscale: ;
674
- --tw-hue-rotate: ;
675
- --tw-invert: ;
676
- --tw-saturate: ;
677
- --tw-sepia: ;
678
- --tw-drop-shadow: ;
679
- --tw-backdrop-blur: ;
680
- --tw-backdrop-brightness: ;
681
- --tw-backdrop-contrast: ;
682
- --tw-backdrop-grayscale: ;
683
- --tw-backdrop-hue-rotate: ;
684
- --tw-backdrop-invert: ;
685
- --tw-backdrop-opacity: ;
686
- --tw-backdrop-saturate: ;
687
- --tw-backdrop-sepia: ;
688
- }
689
-
690
752
  .container {
691
753
  width: 100%;
692
754
  }
@@ -726,12 +788,12 @@ select {
726
788
  max-width: 65ch;
727
789
  }
728
790
 
729
- .prose :where(p):not(:where([class~="not-prose"] *)) {
791
+ .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
730
792
  margin-top: 1.25em;
731
793
  margin-bottom: 1.25em;
732
794
  }
733
795
 
734
- .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
796
+ .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
735
797
  color: var(--tw-prose-lead);
736
798
  font-size: 1.25em;
737
799
  line-height: 1.6;
@@ -739,116 +801,122 @@ select {
739
801
  margin-bottom: 1.2em;
740
802
  }
741
803
 
742
- .prose :where(a):not(:where([class~="not-prose"] *)) {
804
+ .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
743
805
  color: var(--tw-prose-links);
744
806
  text-decoration: underline;
745
807
  font-weight: 500;
746
808
  }
747
809
 
748
- .prose :where(strong):not(:where([class~="not-prose"] *)) {
810
+ .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
749
811
  color: var(--tw-prose-bold);
750
812
  font-weight: 600;
751
813
  }
752
814
 
753
- .prose :where(a strong):not(:where([class~="not-prose"] *)) {
815
+ .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
754
816
  color: inherit;
755
817
  }
756
818
 
757
- .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
819
+ .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
758
820
  color: inherit;
759
821
  }
760
822
 
761
- .prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
823
+ .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
762
824
  color: inherit;
763
825
  }
764
826
 
765
- .prose :where(ol):not(:where([class~="not-prose"] *)) {
827
+ .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
766
828
  list-style-type: decimal;
767
829
  margin-top: 1.25em;
768
830
  margin-bottom: 1.25em;
769
- padding-left: 1.625em;
831
+ padding-inline-start: 1.625em;
770
832
  }
771
833
 
772
- .prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
834
+ .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
773
835
  list-style-type: upper-alpha;
774
836
  }
775
837
 
776
- .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
838
+ .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
777
839
  list-style-type: lower-alpha;
778
840
  }
779
841
 
780
- .prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
842
+ .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
781
843
  list-style-type: upper-alpha;
782
844
  }
783
845
 
784
- .prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
846
+ .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
785
847
  list-style-type: lower-alpha;
786
848
  }
787
849
 
788
- .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
850
+ .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
789
851
  list-style-type: upper-roman;
790
852
  }
791
853
 
792
- .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
854
+ .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
793
855
  list-style-type: lower-roman;
794
856
  }
795
857
 
796
- .prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
858
+ .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
797
859
  list-style-type: upper-roman;
798
860
  }
799
861
 
800
- .prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
862
+ .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
801
863
  list-style-type: lower-roman;
802
864
  }
803
865
 
804
- .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
866
+ .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
805
867
  list-style-type: decimal;
806
868
  }
807
869
 
808
- .prose :where(ul):not(:where([class~="not-prose"] *)) {
870
+ .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
809
871
  list-style-type: disc;
810
872
  margin-top: 1.25em;
811
873
  margin-bottom: 1.25em;
812
- padding-left: 1.625em;
874
+ padding-inline-start: 1.625em;
813
875
  }
814
876
 
815
- .prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
877
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
816
878
  font-weight: 400;
817
879
  color: var(--tw-prose-counters);
818
880
  }
819
881
 
820
- .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
882
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
821
883
  color: var(--tw-prose-bullets);
822
884
  }
823
885
 
824
- .prose :where(hr):not(:where([class~="not-prose"] *)) {
886
+ .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
887
+ color: var(--tw-prose-headings);
888
+ font-weight: 600;
889
+ margin-top: 1.25em;
890
+ }
891
+
892
+ .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
825
893
  border-color: var(--tw-prose-hr);
826
894
  border-top-width: 1px;
827
895
  margin-top: 3em;
828
896
  margin-bottom: 3em;
829
897
  }
830
898
 
831
- .prose :where(blockquote):not(:where([class~="not-prose"] *)) {
899
+ .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
832
900
  font-weight: 500;
833
901
  font-style: italic;
834
902
  color: var(--tw-prose-quotes);
835
- border-left-width: 0.25rem;
836
- border-left-color: var(--tw-prose-quote-borders);
903
+ border-inline-start-width: 0.25rem;
904
+ border-inline-start-color: var(--tw-prose-quote-borders);
837
905
  quotes: "\201C""\201D""\2018""\2019";
838
906
  margin-top: 1.6em;
839
907
  margin-bottom: 1.6em;
840
- padding-left: 1em;
908
+ padding-inline-start: 1em;
841
909
  }
842
910
 
843
- .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
911
+ .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
844
912
  content: open-quote;
845
913
  }
846
914
 
847
- .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
915
+ .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
848
916
  content: close-quote;
849
917
  }
850
918
 
851
- .prose :where(h1):not(:where([class~="not-prose"] *)) {
919
+ .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
852
920
  color: var(--tw-prose-headings);
853
921
  font-weight: 800;
854
922
  font-size: 2.25em;
@@ -857,12 +925,12 @@ select {
857
925
  line-height: 1.1111111;
858
926
  }
859
927
 
860
- .prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
928
+ .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
861
929
  font-weight: 900;
862
930
  color: inherit;
863
931
  }
864
932
 
865
- .prose :where(h2):not(:where([class~="not-prose"] *)) {
933
+ .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
866
934
  color: var(--tw-prose-headings);
867
935
  font-weight: 700;
868
936
  font-size: 1.5em;
@@ -871,12 +939,12 @@ select {
871
939
  line-height: 1.3333333;
872
940
  }
873
941
 
874
- .prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
942
+ .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
875
943
  font-weight: 800;
876
944
  color: inherit;
877
945
  }
878
946
 
879
- .prose :where(h3):not(:where([class~="not-prose"] *)) {
947
+ .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
880
948
  color: var(--tw-prose-headings);
881
949
  font-weight: 600;
882
950
  font-size: 1.25em;
@@ -885,12 +953,12 @@ select {
885
953
  line-height: 1.6;
886
954
  }
887
955
 
888
- .prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
956
+ .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
889
957
  font-weight: 700;
890
958
  color: inherit;
891
959
  }
892
960
 
893
- .prose :where(h4):not(:where([class~="not-prose"] *)) {
961
+ .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
894
962
  color: var(--tw-prose-headings);
895
963
  font-weight: 600;
896
964
  margin-top: 1.5em;
@@ -898,73 +966,85 @@ select {
898
966
  line-height: 1.5;
899
967
  }
900
968
 
901
- .prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
969
+ .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
902
970
  font-weight: 700;
903
971
  color: inherit;
904
972
  }
905
973
 
906
- .prose :where(img):not(:where([class~="not-prose"] *)) {
974
+ .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
907
975
  margin-top: 2em;
908
976
  margin-bottom: 2em;
909
977
  }
910
978
 
911
- .prose :where(figure > *):not(:where([class~="not-prose"] *)) {
912
- margin-top: 0;
913
- margin-bottom: 0;
979
+ .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
980
+ display: block;
981
+ margin-top: 2em;
982
+ margin-bottom: 2em;
914
983
  }
915
984
 
916
- .prose :where(figcaption):not(:where([class~="not-prose"] *)) {
917
- color: var(--tw-prose-captions);
985
+ .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
986
+ margin-top: 2em;
987
+ margin-bottom: 2em;
988
+ }
989
+
990
+ .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
991
+ font-weight: 500;
992
+ font-family: inherit;
993
+ color: var(--tw-prose-kbd);
994
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
918
995
  font-size: 0.875em;
919
- line-height: 1.4285714;
920
- margin-top: 0.8571429em;
996
+ border-radius: 0.3125rem;
997
+ padding-top: 0.1875em;
998
+ padding-inline-end: 0.375em;
999
+ padding-bottom: 0.1875em;
1000
+ padding-inline-start: 0.375em;
921
1001
  }
922
1002
 
923
- .prose :where(code):not(:where([class~="not-prose"] *)) {
1003
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
924
1004
  color: var(--tw-prose-code);
925
1005
  font-weight: 600;
926
1006
  font-size: 0.875em;
927
1007
  }
928
1008
 
929
- .prose :where(code):not(:where([class~="not-prose"] *))::before {
1009
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
930
1010
  content: "`";
931
1011
  }
932
1012
 
933
- .prose :where(code):not(:where([class~="not-prose"] *))::after {
1013
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
934
1014
  content: "`";
935
1015
  }
936
1016
 
937
- .prose :where(a code):not(:where([class~="not-prose"] *)) {
1017
+ .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
938
1018
  color: inherit;
939
1019
  }
940
1020
 
941
- .prose :where(h1 code):not(:where([class~="not-prose"] *)) {
1021
+ .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
942
1022
  color: inherit;
943
1023
  }
944
1024
 
945
- .prose :where(h2 code):not(:where([class~="not-prose"] *)) {
1025
+ .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
946
1026
  color: inherit;
947
1027
  font-size: 0.875em;
948
1028
  }
949
1029
 
950
- .prose :where(h3 code):not(:where([class~="not-prose"] *)) {
1030
+ .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
951
1031
  color: inherit;
952
1032
  font-size: 0.9em;
953
1033
  }
954
1034
 
955
- .prose :where(h4 code):not(:where([class~="not-prose"] *)) {
1035
+ .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
956
1036
  color: inherit;
957
1037
  }
958
1038
 
959
- .prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
1039
+ .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
960
1040
  color: inherit;
961
1041
  }
962
1042
 
963
- .prose :where(thead th code):not(:where([class~="not-prose"] *)) {
1043
+ .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
964
1044
  color: inherit;
965
1045
  }
966
1046
 
967
- .prose :where(pre):not(:where([class~="not-prose"] *)) {
1047
+ .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
968
1048
  color: var(--tw-prose-pre-code);
969
1049
  background-color: var(--tw-prose-pre-bg);
970
1050
  overflow-x: auto;
@@ -975,12 +1055,12 @@ select {
975
1055
  margin-bottom: 1.7142857em;
976
1056
  border-radius: 0.375rem;
977
1057
  padding-top: 0.8571429em;
978
- padding-right: 1.1428571em;
1058
+ padding-inline-end: 1.1428571em;
979
1059
  padding-bottom: 0.8571429em;
980
- padding-left: 1.1428571em;
1060
+ padding-inline-start: 1.1428571em;
981
1061
  }
982
1062
 
983
- .prose :where(pre code):not(:where([class~="not-prose"] *)) {
1063
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
984
1064
  background-color: transparent;
985
1065
  border-width: 0;
986
1066
  border-radius: 0;
@@ -992,60 +1072,75 @@ select {
992
1072
  line-height: inherit;
993
1073
  }
994
1074
 
995
- .prose :where(pre code):not(:where([class~="not-prose"] *))::before {
1075
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
996
1076
  content: none;
997
1077
  }
998
1078
 
999
- .prose :where(pre code):not(:where([class~="not-prose"] *))::after {
1079
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
1000
1080
  content: none;
1001
1081
  }
1002
1082
 
1003
- .prose :where(table):not(:where([class~="not-prose"] *)) {
1083
+ .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1004
1084
  width: 100%;
1005
1085
  table-layout: auto;
1006
- text-align: left;
1007
1086
  margin-top: 2em;
1008
1087
  margin-bottom: 2em;
1009
1088
  font-size: 0.875em;
1010
1089
  line-height: 1.7142857;
1011
1090
  }
1012
1091
 
1013
- .prose :where(thead):not(:where([class~="not-prose"] *)) {
1092
+ .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1014
1093
  border-bottom-width: 1px;
1015
1094
  border-bottom-color: var(--tw-prose-th-borders);
1016
1095
  }
1017
1096
 
1018
- .prose :where(thead th):not(:where([class~="not-prose"] *)) {
1097
+ .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1019
1098
  color: var(--tw-prose-headings);
1020
1099
  font-weight: 600;
1021
1100
  vertical-align: bottom;
1022
- padding-right: 0.5714286em;
1101
+ padding-inline-end: 0.5714286em;
1023
1102
  padding-bottom: 0.5714286em;
1024
- padding-left: 0.5714286em;
1103
+ padding-inline-start: 0.5714286em;
1025
1104
  }
1026
1105
 
1027
- .prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
1106
+ .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1028
1107
  border-bottom-width: 1px;
1029
1108
  border-bottom-color: var(--tw-prose-td-borders);
1030
1109
  }
1031
1110
 
1032
- .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
1111
+ .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1033
1112
  border-bottom-width: 0;
1034
1113
  }
1035
1114
 
1036
- .prose :where(tbody td):not(:where([class~="not-prose"] *)) {
1115
+ .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1037
1116
  vertical-align: baseline;
1038
1117
  }
1039
1118
 
1040
- .prose :where(tfoot):not(:where([class~="not-prose"] *)) {
1119
+ .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1041
1120
  border-top-width: 1px;
1042
1121
  border-top-color: var(--tw-prose-th-borders);
1043
1122
  }
1044
1123
 
1045
- .prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
1124
+ .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1046
1125
  vertical-align: top;
1047
1126
  }
1048
1127
 
1128
+ .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1129
+ text-align: start;
1130
+ }
1131
+
1132
+ .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1133
+ margin-top: 0;
1134
+ margin-bottom: 0;
1135
+ }
1136
+
1137
+ .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1138
+ color: var(--tw-prose-captions);
1139
+ font-size: 0.875em;
1140
+ line-height: 1.4285714;
1141
+ margin-top: 0.8571429em;
1142
+ }
1143
+
1049
1144
  .prose {
1050
1145
  --tw-prose-body: #374151;
1051
1146
  --tw-prose-headings: #111827;
@@ -1058,6 +1153,8 @@ select {
1058
1153
  --tw-prose-quotes: #111827;
1059
1154
  --tw-prose-quote-borders: #e5e7eb;
1060
1155
  --tw-prose-captions: #6b7280;
1156
+ --tw-prose-kbd: #111827;
1157
+ --tw-prose-kbd-shadows: 17 24 39;
1061
1158
  --tw-prose-code: #111827;
1062
1159
  --tw-prose-pre-code: #e5e7eb;
1063
1160
  --tw-prose-pre-bg: #1f2937;
@@ -1074,6 +1171,8 @@ select {
1074
1171
  --tw-prose-invert-quotes: #f3f4f6;
1075
1172
  --tw-prose-invert-quote-borders: #374151;
1076
1173
  --tw-prose-invert-captions: #9ca3af;
1174
+ --tw-prose-invert-kbd: #fff;
1175
+ --tw-prose-invert-kbd-shadows: 255 255 255;
1077
1176
  --tw-prose-invert-code: #fff;
1078
1177
  --tw-prose-invert-pre-code: #d1d5db;
1079
1178
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
@@ -1083,111 +1182,121 @@ select {
1083
1182
  line-height: 1.75;
1084
1183
  }
1085
1184
 
1086
- .prose :where(video):not(:where([class~="not-prose"] *)) {
1087
- margin-top: 2em;
1088
- margin-bottom: 2em;
1089
- }
1090
-
1091
- .prose :where(figure):not(:where([class~="not-prose"] *)) {
1092
- margin-top: 2em;
1093
- margin-bottom: 2em;
1185
+ .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1186
+ margin-top: 0;
1187
+ margin-bottom: 0;
1094
1188
  }
1095
1189
 
1096
- .prose :where(li):not(:where([class~="not-prose"] *)) {
1190
+ .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1097
1191
  margin-top: 0.5em;
1098
1192
  margin-bottom: 0.5em;
1099
1193
  }
1100
1194
 
1101
- .prose :where(li):not(:where([class~="not-prose"] *)) p {
1195
+ .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) p {
1102
1196
  margin: 0;
1103
1197
  }
1104
1198
 
1105
- .prose :where(li):not(:where([class~="not-prose"] *))>ol {
1199
+ .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))>ol {
1106
1200
  margin: 0;
1107
1201
  }
1108
1202
 
1109
- .prose :where(li):not(:where([class~="not-prose"] *))>ul {
1203
+ .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))>ul {
1110
1204
  margin: 0;
1111
1205
  }
1112
1206
 
1113
- .prose :where(ol > li):not(:where([class~="not-prose"] *)) {
1114
- padding-left: 0.375em;
1207
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1208
+ padding-inline-start: 0.375em;
1115
1209
  }
1116
1210
 
1117
- .prose :where(ul > li):not(:where([class~="not-prose"] *)) {
1118
- padding-left: 0.375em;
1211
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1212
+ padding-inline-start: 0.375em;
1119
1213
  }
1120
1214
 
1121
- .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
1215
+ .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1122
1216
  margin-top: 0.75em;
1123
1217
  margin-bottom: 0.75em;
1124
1218
  }
1125
1219
 
1126
- .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
1220
+ .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1127
1221
  margin-top: 1.25em;
1128
1222
  }
1129
1223
 
1130
- .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
1224
+ .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1131
1225
  margin-bottom: 1.25em;
1132
1226
  }
1133
1227
 
1134
- .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
1228
+ .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1135
1229
  margin-top: 1.25em;
1136
1230
  }
1137
1231
 
1138
- .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
1232
+ .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1139
1233
  margin-bottom: 1.25em;
1140
1234
  }
1141
1235
 
1142
- .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
1236
+ .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1143
1237
  margin-top: 0.75em;
1144
1238
  margin-bottom: 0.75em;
1145
1239
  }
1146
1240
 
1147
- .prose :where(hr + *):not(:where([class~="not-prose"] *)) {
1241
+ .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1242
+ margin-top: 1.25em;
1243
+ margin-bottom: 1.25em;
1244
+ }
1245
+
1246
+ .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1247
+ margin-top: 0.5em;
1248
+ padding-inline-start: 1.625em;
1249
+ }
1250
+
1251
+ .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1148
1252
  margin-top: 0;
1149
1253
  }
1150
1254
 
1151
- .prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
1255
+ .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1152
1256
  margin-top: 0;
1153
1257
  }
1154
1258
 
1155
- .prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
1259
+ .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1156
1260
  margin-top: 0;
1157
1261
  }
1158
1262
 
1159
- .prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
1263
+ .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1160
1264
  margin-top: 0;
1161
1265
  }
1162
1266
 
1163
- .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
1164
- padding-left: 0;
1267
+ .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1268
+ padding-inline-start: 0;
1165
1269
  }
1166
1270
 
1167
- .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
1168
- padding-right: 0;
1271
+ .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1272
+ padding-inline-end: 0;
1169
1273
  }
1170
1274
 
1171
- .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
1275
+ .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1172
1276
  padding-top: 0.5714286em;
1173
- padding-right: 0.5714286em;
1277
+ padding-inline-end: 0.5714286em;
1174
1278
  padding-bottom: 0.5714286em;
1175
- padding-left: 0.5714286em;
1279
+ padding-inline-start: 0.5714286em;
1280
+ }
1281
+
1282
+ .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1283
+ padding-inline-start: 0;
1176
1284
  }
1177
1285
 
1178
- .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
1179
- padding-left: 0;
1286
+ .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1287
+ padding-inline-end: 0;
1180
1288
  }
1181
1289
 
1182
- .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
1183
- padding-right: 0;
1290
+ .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1291
+ margin-top: 2em;
1292
+ margin-bottom: 2em;
1184
1293
  }
1185
1294
 
1186
- .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
1295
+ .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1187
1296
  margin-top: 0;
1188
1297
  }
1189
1298
 
1190
- .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
1299
+ .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1191
1300
  margin-bottom: 0;
1192
1301
  }
1193
1302
 
@@ -1203,6 +1312,8 @@ select {
1203
1312
  --tw-prose-quotes: #171717;
1204
1313
  --tw-prose-quote-borders: #e5e5e5;
1205
1314
  --tw-prose-captions: #737373;
1315
+ --tw-prose-kbd: #171717;
1316
+ --tw-prose-kbd-shadows: 23 23 23;
1206
1317
  --tw-prose-code: #171717;
1207
1318
  --tw-prose-pre-code: #e5e5e5;
1208
1319
  --tw-prose-pre-bg: #262626;
@@ -1219,6 +1330,8 @@ select {
1219
1330
  --tw-prose-invert-quotes: #f5f5f5;
1220
1331
  --tw-prose-invert-quote-borders: #404040;
1221
1332
  --tw-prose-invert-captions: #a3a3a3;
1333
+ --tw-prose-invert-kbd: #fff;
1334
+ --tw-prose-invert-kbd-shadows: 255 255 255;
1222
1335
  --tw-prose-invert-code: #fff;
1223
1336
  --tw-prose-invert-pre-code: #d4d4d4;
1224
1337
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
@@ -1251,14 +1364,14 @@ select {
1251
1364
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1252
1365
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1253
1366
  --tw-ring-opacity: 1;
1254
- --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
1367
+ --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity, 1));
1255
1368
  }
1256
1369
 
1257
1370
  .pzh-button:disabled {
1258
1371
  cursor: not-allowed;
1259
1372
  --tw-bg-opacity: 1;
1260
- background-color: rgb(230 230 230 / var(--tw-bg-opacity));
1261
- color: rgb(22 17 59 / var(--tw-text-opacity));
1373
+ background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
1374
+ color: rgb(22 17 59 / var(--tw-text-opacity, 1));
1262
1375
  --tw-text-opacity: 0.35;
1263
1376
  }
1264
1377
 
@@ -1271,34 +1384,34 @@ select {
1271
1384
  border-radius: 0.25rem;
1272
1385
  border-width: 1px;
1273
1386
  --tw-border-opacity: 1;
1274
- border-color: rgb(92 92 92 / var(--tw-border-opacity));
1387
+ border-color: rgb(92 92 92 / var(--tw-border-opacity, 1));
1275
1388
  padding-bottom: 6px;
1276
1389
  padding-top: 10px;
1277
1390
  font-size: 1.25rem;
1278
1391
  line-height: 1.875rem;
1279
1392
  line-height: 30px;
1280
1393
  --tw-text-opacity: 1;
1281
- color: rgb(22 17 59 / var(--tw-text-opacity));
1394
+ color: rgb(22 17 59 / var(--tw-text-opacity, 1));
1282
1395
  }
1283
1396
 
1284
1397
  .pzh-form-input::-moz-placeholder {
1285
1398
  --tw-placeholder-opacity: 1;
1286
- color: rgb(92 92 92 / var(--tw-placeholder-opacity));
1399
+ color: rgb(92 92 92 / var(--tw-placeholder-opacity, 1));
1287
1400
  }
1288
1401
 
1289
1402
  .pzh-form-input::placeholder {
1290
1403
  --tw-placeholder-opacity: 1;
1291
- color: rgb(92 92 92 / var(--tw-placeholder-opacity));
1404
+ color: rgb(92 92 92 / var(--tw-placeholder-opacity, 1));
1292
1405
  }
1293
1406
 
1294
1407
  .pzh-form-input:hover {
1295
1408
  --tw-border-opacity: 1;
1296
- border-color: rgb(40 31 107 / var(--tw-border-opacity));
1409
+ border-color: rgb(40 31 107 / var(--tw-border-opacity, 1));
1297
1410
  }
1298
1411
 
1299
1412
  .pzh-form-input:focus {
1300
1413
  --tw-border-opacity: 1;
1301
- border-color: rgb(35 96 197 / var(--tw-border-opacity));
1414
+ border-color: rgb(35 96 197 / var(--tw-border-opacity, 1));
1302
1415
  outline: 2px solid transparent;
1303
1416
  outline-offset: 2px;
1304
1417
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1306,12 +1419,12 @@ select {
1306
1419
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1307
1420
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1308
1421
  --tw-ring-opacity: 1;
1309
- --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
1422
+ --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity, 1));
1310
1423
  }
1311
1424
 
1312
1425
  .pzh-form-input:disabled {
1313
1426
  --tw-bg-opacity: 1;
1314
- background-color: rgb(230 230 230 / var(--tw-bg-opacity));
1427
+ background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
1315
1428
  }
1316
1429
 
1317
1430
  .pzh-form-error,
@@ -1319,41 +1432,41 @@ select {
1319
1432
  .pzh-form-radio:checked.pzh-form-error + span:before,
1320
1433
  .pzh-form-radio:not(:checked).pzh-form-error + span:before {
1321
1434
  --tw-border-opacity: 1;
1322
- border-color: rgb(209 31 61 / var(--tw-border-opacity));
1435
+ border-color: rgb(209 31 61 / var(--tw-border-opacity, 1));
1323
1436
  }
1324
1437
 
1325
1438
  .pzh-form-radio:checked + span:before,
1326
1439
  .pzh-form-radio:not(:checked) + span:before {
1327
1440
  position: absolute;
1328
1441
  left: 0px;
1329
- top: 0.125rem;
1442
+ top: 0.25rem;
1330
1443
  height: 1.25rem;
1331
1444
  width: 1.25rem;
1332
1445
  border-radius: 9999px;
1333
1446
  border-width: 1px;
1334
1447
  --tw-border-opacity: 1;
1335
- border-color: rgb(92 92 92 / var(--tw-border-opacity));
1448
+ border-color: rgb(92 92 92 / var(--tw-border-opacity, 1));
1336
1449
  content: "";
1337
1450
  }
1338
1451
 
1339
1452
  .pzh-form-radio:not(:checked):not(:disabled):hover + span:before,
1340
1453
  .pzh-form-checkbox:not(:checked):not(:disabled):hover + span:before {
1341
1454
  --tw-border-opacity: 1;
1342
- border-color: rgb(0 128 77 / var(--tw-border-opacity));
1455
+ border-color: rgb(0 128 77 / var(--tw-border-opacity, 1));
1343
1456
  --tw-bg-opacity: 1;
1344
- background-color: rgb(237 250 240 / var(--tw-bg-opacity));
1457
+ background-color: rgb(237 250 240 / var(--tw-bg-opacity, 1));
1345
1458
  }
1346
1459
 
1347
1460
  .pzh-form-radio:checked + span:after,
1348
1461
  .pzh-form-radio:not(:checked) + span:after {
1349
1462
  position: absolute;
1350
1463
  left: 0.375rem;
1351
- top: 0.5rem;
1464
+ top: 0.625rem;
1352
1465
  height: 0.5rem;
1353
1466
  width: 0.5rem;
1354
1467
  border-radius: 9999px;
1355
1468
  --tw-bg-opacity: 1;
1356
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1469
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1357
1470
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1358
1471
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1359
1472
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
@@ -1364,9 +1477,9 @@ select {
1364
1477
 
1365
1478
  .pzh-form-radio:checked + span:before {
1366
1479
  --tw-border-opacity: 1;
1367
- border-color: rgb(0 128 77 / var(--tw-border-opacity));
1480
+ border-color: rgb(0 128 77 / var(--tw-border-opacity, 1));
1368
1481
  --tw-bg-opacity: 1;
1369
- background-color: rgb(0 128 77 / var(--tw-bg-opacity));
1482
+ background-color: rgb(0 128 77 / var(--tw-bg-opacity, 1));
1370
1483
  }
1371
1484
 
1372
1485
  .pzh-form-radio:not(:checked) + span:after,
@@ -1384,21 +1497,21 @@ select {
1384
1497
  .pzh-form-radio:not(:checked):disabled + span:before,
1385
1498
  .pzh-form-checkbox:disabled + span:before {
1386
1499
  --tw-border-opacity: 1;
1387
- border-color: rgb(131 131 131 / var(--tw-border-opacity));
1500
+ border-color: rgb(131 131 131 / var(--tw-border-opacity, 1));
1388
1501
  --tw-bg-opacity: 1;
1389
- background-color: rgb(230 230 230 / var(--tw-bg-opacity));
1502
+ background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
1390
1503
  }
1391
1504
 
1392
1505
  .pzh-form-checkbox + span:before {
1393
1506
  position: absolute;
1394
1507
  left: 0px;
1395
- top: 0.125rem;
1508
+ top: 0.25rem;
1396
1509
  height: 1.25rem;
1397
1510
  width: 1.25rem;
1398
1511
  border-radius: 0.25rem;
1399
1512
  border-width: 1px;
1400
1513
  --tw-border-opacity: 1;
1401
- border-color: rgb(92 92 92 / var(--tw-border-opacity));
1514
+ border-color: rgb(92 92 92 / var(--tw-border-opacity, 1));
1402
1515
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1403
1516
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1404
1517
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
@@ -1409,20 +1522,20 @@ select {
1409
1522
 
1410
1523
  .pzh-form-checkbox:checked:not(:disabled) + span:before {
1411
1524
  --tw-border-opacity: 1;
1412
- border-color: rgb(0 128 77 / var(--tw-border-opacity));
1525
+ border-color: rgb(0 128 77 / var(--tw-border-opacity, 1));
1413
1526
  --tw-bg-opacity: 1;
1414
- background-color: rgb(0 128 77 / var(--tw-bg-opacity));
1527
+ background-color: rgb(0 128 77 / var(--tw-bg-opacity, 1));
1415
1528
  }
1416
1529
 
1417
1530
  .pzh-form-checkbox:checked + span:after,
1418
1531
  .pzh-form-checkbox:not(:checked) + span:after {
1419
1532
  position: absolute;
1420
1533
  left: 0.25rem;
1421
- top: 1px;
1534
+ top: 0.125rem;
1422
1535
  height: 0.75rem;
1423
1536
  width: 0.75rem;
1424
1537
  --tw-text-opacity: 1;
1425
- color: rgb(255 255 255 / var(--tw-text-opacity));
1538
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1426
1539
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1427
1540
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1428
1541
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
@@ -1438,7 +1551,7 @@ select {
1438
1551
  .pzh-form-radio:focus + span:before,
1439
1552
  .pzh-form-checkbox:focus + span:before {
1440
1553
  --tw-border-opacity: 1;
1441
- border-color: rgb(35 96 197 / var(--tw-border-opacity));
1554
+ border-color: rgb(35 96 197 / var(--tw-border-opacity, 1));
1442
1555
  outline: 2px solid transparent;
1443
1556
  outline-offset: 2px;
1444
1557
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1446,7 +1559,7 @@ select {
1446
1559
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1447
1560
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1448
1561
  --tw-ring-opacity: 1;
1449
- --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
1562
+ --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity, 1));
1450
1563
  }
1451
1564
 
1452
1565
  /*
@@ -1462,7 +1575,7 @@ select {
1462
1575
  0px 1.19702px 3.99006px rgba(0, 0, 0, 0.0282725);
1463
1576
  border-style: none;
1464
1577
  --tw-text-opacity: 1;
1465
- color: rgb(22 17 59 / var(--tw-text-opacity));
1578
+ color: rgb(22 17 59 / var(--tw-text-opacity, 1));
1466
1579
  }
1467
1580
 
1468
1581
  .pzh-datepicker .react-datepicker__triangle {
@@ -1472,7 +1585,7 @@ select {
1472
1585
  .pzh-datepicker .react-datepicker__header {
1473
1586
  border-style: none;
1474
1587
  --tw-bg-opacity: 1;
1475
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1588
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1476
1589
  }
1477
1590
 
1478
1591
  .pzh-datepicker .react-datepicker__month {
@@ -1482,7 +1595,7 @@ select {
1482
1595
  }
1483
1596
 
1484
1597
  .pzh-datepicker .react-datepicker__day-names {
1485
- background-color: rgb(22 17 59 / var(--tw-bg-opacity));
1598
+ background-color: rgb(22 17 59 / var(--tw-bg-opacity, 1));
1486
1599
  --tw-bg-opacity: 0.1;
1487
1600
  }
1488
1601
 
@@ -1501,7 +1614,7 @@ select {
1501
1614
  .react-datepicker__day--outside-month:not(
1502
1615
  .react-datepicker__day--selected
1503
1616
  ) {
1504
- color: rgb(22 17 59 / var(--tw-text-opacity));
1617
+ color: rgb(22 17 59 / var(--tw-text-opacity, 1));
1505
1618
  --tw-text-opacity: 0.35;
1506
1619
  }
1507
1620
 
@@ -1530,21 +1643,21 @@ select {
1530
1643
  .pzh-datepicker
1531
1644
  .react-datepicker__day--today:hover:not(.react-datepicker__day--selected),
1532
1645
  .pzh-datepicker .react-datepicker__day--keyboard-selected {
1533
- background-color: rgb(22 17 59 / var(--tw-bg-opacity));
1646
+ background-color: rgb(22 17 59 / var(--tw-bg-opacity, 1));
1534
1647
  --tw-bg-opacity: 0.1;
1535
1648
  --tw-text-opacity: 1;
1536
- color: rgb(22 17 59 / var(--tw-text-opacity));
1649
+ color: rgb(22 17 59 / var(--tw-text-opacity, 1));
1537
1650
  }
1538
1651
 
1539
1652
  .pzh-datepicker .react-datepicker__day--keyboard-selected:hover {
1540
- background-color: rgb(22 17 59 / var(--tw-bg-opacity));
1653
+ background-color: rgb(22 17 59 / var(--tw-bg-opacity, 1));
1541
1654
  --tw-bg-opacity: 0.1;
1542
1655
  }
1543
1656
 
1544
1657
  .pzh-datepicker .react-datepicker__day--selected,
1545
1658
  .pzh-datepicker .react-datepicker__day--selected:hover {
1546
1659
  --tw-bg-opacity: 1;
1547
- background-color: rgb(0 128 77 / var(--tw-bg-opacity));
1660
+ background-color: rgb(0 128 77 / var(--tw-bg-opacity, 1));
1548
1661
  font-weight: 700;
1549
1662
  font-family: "Karbon Medium", sans-serif;
1550
1663
  }
@@ -1559,7 +1672,7 @@ select {
1559
1672
  border-right-width: 1px;
1560
1673
  border-top-width: 1px;
1561
1674
  --tw-border-opacity: 1;
1562
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
1675
+ border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
1563
1676
  }
1564
1677
 
1565
1678
  .pzh-datepicker .react-datepicker__navigation-icon {
@@ -1602,12 +1715,12 @@ select {
1602
1715
  .prose table th {
1603
1716
  border-width: 1px;
1604
1717
  --tw-border-opacity: 1;
1605
- border-color: rgb(92 92 92 / var(--tw-border-opacity));
1718
+ border-color: rgb(92 92 92 / var(--tw-border-opacity, 1));
1606
1719
  }
1607
1720
 
1608
1721
  .prose table tr th {
1609
1722
  --tw-bg-opacity: 1;
1610
- background-color: rgb(248 248 248 / var(--tw-bg-opacity));
1723
+ background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
1611
1724
  font-weight: 700;
1612
1725
  font-family: "Karbon Medium", sans-serif;
1613
1726
  }
@@ -1615,7 +1728,7 @@ select {
1615
1728
  .prose table tr {
1616
1729
  border-bottom-width: 1px;
1617
1730
  --tw-border-opacity: 1;
1618
- border-color: rgb(92 92 92 / var(--tw-border-opacity));
1731
+ border-color: rgb(92 92 92 / var(--tw-border-opacity, 1));
1619
1732
  }
1620
1733
 
1621
1734
  .prose table td,
@@ -1745,6 +1858,11 @@ select {
1745
1858
  margin: 0.25rem;
1746
1859
  }
1747
1860
 
1861
+ .mx-1 {
1862
+ margin-left: 0.25rem;
1863
+ margin-right: 0.25rem;
1864
+ }
1865
+
1748
1866
  .mx-auto {
1749
1867
  margin-left: auto;
1750
1868
  margin-right: auto;
@@ -1763,10 +1881,6 @@ select {
1763
1881
  margin-bottom: -1px;
1764
1882
  }
1765
1883
 
1766
- .-mt-0 {
1767
- margin-top: -0px;
1768
- }
1769
-
1770
1884
  .-mt-0\.5 {
1771
1885
  margin-top: -0.125rem;
1772
1886
  }
@@ -1795,6 +1909,10 @@ select {
1795
1909
  margin-bottom: 1000px;
1796
1910
  }
1797
1911
 
1912
+ .ml-0 {
1913
+ margin-left: 0px;
1914
+ }
1915
+
1798
1916
  .ml-1 {
1799
1917
  margin-left: 0.25rem;
1800
1918
  }
@@ -1807,6 +1925,10 @@ select {
1807
1925
  margin-left: 1rem;
1808
1926
  }
1809
1927
 
1928
+ .mr-0 {
1929
+ margin-right: 0px;
1930
+ }
1931
+
1810
1932
  .mr-2 {
1811
1933
  margin-right: 0.5rem;
1812
1934
  }
@@ -1815,10 +1937,6 @@ select {
1815
1937
  margin-right: 1rem;
1816
1938
  }
1817
1939
 
1818
- .mr-8 {
1819
- margin-right: 2rem;
1820
- }
1821
-
1822
1940
  .mt-1 {
1823
1941
  margin-top: 0.25rem;
1824
1942
  }
@@ -1835,6 +1953,10 @@ select {
1835
1953
  margin-top: 1rem;
1836
1954
  }
1837
1955
 
1956
+ .mt-6 {
1957
+ margin-top: 1.5rem;
1958
+ }
1959
+
1838
1960
  .mt-\[1px\] {
1839
1961
  margin-top: 1px;
1840
1962
  }
@@ -1927,6 +2049,10 @@ select {
1927
2049
  max-height: 85vh;
1928
2050
  }
1929
2051
 
2052
+ .min-h-10 {
2053
+ min-height: 2.5rem;
2054
+ }
2055
+
1930
2056
  .min-h-\[48px\] {
1931
2057
  min-height: 48px;
1932
2058
  }
@@ -1940,10 +2066,6 @@ select {
1940
2066
  width: max-content !important;
1941
2067
  }
1942
2068
 
1943
- .w-10 {
1944
- width: 2.5rem;
1945
- }
1946
-
1947
2069
  .w-2 {
1948
2070
  width: 0.5rem;
1949
2071
  }
@@ -1973,6 +2095,10 @@ select {
1973
2095
  width: 100%;
1974
2096
  }
1975
2097
 
2098
+ .min-w-10 {
2099
+ min-width: 2.5rem;
2100
+ }
2101
+
1976
2102
  .min-w-\[14px\] {
1977
2103
  min-width: 14px;
1978
2104
  }
@@ -2133,6 +2259,10 @@ select {
2133
2259
  gap: 1rem;
2134
2260
  }
2135
2261
 
2262
+ .gap-6 {
2263
+ gap: 1.5rem;
2264
+ }
2265
+
2136
2266
  .gap-8 {
2137
2267
  gap: 2rem;
2138
2268
  }
@@ -2206,112 +2336,122 @@ select {
2206
2336
  border-top-width: 1px;
2207
2337
  }
2208
2338
 
2339
+ .border-solid {
2340
+ border-style: solid;
2341
+ }
2342
+
2209
2343
  .border-dashed {
2210
2344
  border-style: dashed;
2211
2345
  }
2212
2346
 
2213
2347
  .border-pzh-blue {
2214
2348
  --tw-border-opacity: 1;
2215
- border-color: rgb(40 31 107 / var(--tw-border-opacity));
2349
+ border-color: rgb(40 31 107 / var(--tw-border-opacity, 1));
2216
2350
  }
2217
2351
 
2218
2352
  .border-pzh-blue-100 {
2219
2353
  --tw-border-opacity: 1;
2220
- border-color: rgb(123 173 222 / var(--tw-border-opacity));
2354
+ border-color: rgb(123 173 222 / var(--tw-border-opacity, 1));
2221
2355
  }
2222
2356
 
2223
2357
  .border-pzh-blue-500 {
2224
2358
  --tw-border-opacity: 1;
2225
- border-color: rgb(40 31 107 / var(--tw-border-opacity));
2226
- }
2227
-
2228
- .border-pzh-blue-dark\/35 {
2229
- border-color: rgb(22 17 59 / 0.35);
2359
+ border-color: rgb(40 31 107 / var(--tw-border-opacity, 1));
2230
2360
  }
2231
2361
 
2232
2362
  .border-pzh-cool-gray-dark {
2233
2363
  --tw-border-opacity: 1;
2234
- border-color: rgb(92 92 92 / var(--tw-border-opacity));
2364
+ border-color: rgb(92 92 92 / var(--tw-border-opacity, 1));
2235
2365
  }
2236
2366
 
2237
2367
  .border-pzh-gray-200 {
2238
2368
  --tw-border-opacity: 1;
2239
- border-color: rgb(230 230 230 / var(--tw-border-opacity));
2369
+ border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
2240
2370
  }
2241
2371
 
2242
2372
  .border-pzh-gray-300 {
2243
2373
  --tw-border-opacity: 1;
2244
- border-color: rgb(213 213 213 / var(--tw-border-opacity));
2374
+ border-color: rgb(213 213 213 / var(--tw-border-opacity, 1));
2245
2375
  }
2246
2376
 
2247
2377
  .border-pzh-gray-400 {
2248
2378
  --tw-border-opacity: 1;
2249
- border-color: rgb(191 191 191 / var(--tw-border-opacity));
2379
+ border-color: rgb(191 191 191 / var(--tw-border-opacity, 1));
2250
2380
  }
2251
2381
 
2252
2382
  .border-pzh-gray-600 {
2253
2383
  --tw-border-opacity: 1;
2254
- border-color: rgb(92 92 92 / var(--tw-border-opacity));
2384
+ border-color: rgb(92 92 92 / var(--tw-border-opacity, 1));
2255
2385
  }
2256
2386
 
2257
2387
  .border-pzh-green {
2258
2388
  --tw-border-opacity: 1;
2259
- border-color: rgb(0 128 77 / var(--tw-border-opacity));
2389
+ border-color: rgb(0 128 77 / var(--tw-border-opacity, 1));
2260
2390
  }
2261
2391
 
2262
2392
  .border-pzh-green-100 {
2263
2393
  --tw-border-opacity: 1;
2264
- border-color: rgb(97 179 117 / var(--tw-border-opacity));
2394
+ border-color: rgb(97 179 117 / var(--tw-border-opacity, 1));
2265
2395
  }
2266
2396
 
2267
2397
  .border-pzh-green-light {
2268
2398
  --tw-border-opacity: 1;
2269
- border-color: rgb(97 179 117 / var(--tw-border-opacity));
2399
+ border-color: rgb(97 179 117 / var(--tw-border-opacity, 1));
2400
+ }
2401
+
2402
+ .border-pzh-positive {
2403
+ --tw-border-opacity: 1;
2404
+ border-color: rgb(0 128 77 / var(--tw-border-opacity, 1));
2270
2405
  }
2271
2406
 
2272
2407
  .border-pzh-purple {
2273
2408
  --tw-border-opacity: 1;
2274
- border-color: rgb(80 61 144 / var(--tw-border-opacity));
2409
+ border-color: rgb(80 61 144 / var(--tw-border-opacity, 1));
2275
2410
  }
2276
2411
 
2277
2412
  .border-pzh-red {
2278
2413
  --tw-border-opacity: 1;
2279
- border-color: rgb(209 31 61 / var(--tw-border-opacity));
2414
+ border-color: rgb(209 31 61 / var(--tw-border-opacity, 1));
2280
2415
  }
2281
2416
 
2282
2417
  .border-pzh-red-100 {
2283
2418
  --tw-border-opacity: 1;
2284
- border-color: rgb(235 112 133 / var(--tw-border-opacity));
2419
+ border-color: rgb(235 112 133 / var(--tw-border-opacity, 1));
2420
+ }
2421
+
2422
+ .border-pzh-red-500 {
2423
+ --tw-border-opacity: 1;
2424
+ border-color: rgb(209 31 61 / var(--tw-border-opacity, 1));
2285
2425
  }
2286
2426
 
2287
2427
  .border-pzh-red-light {
2288
2428
  --tw-border-opacity: 1;
2289
- border-color: rgb(235 112 133 / var(--tw-border-opacity));
2429
+ border-color: rgb(235 112 133 / var(--tw-border-opacity, 1));
2290
2430
  }
2291
2431
 
2292
2432
  .border-pzh-white {
2293
2433
  --tw-border-opacity: 1;
2294
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
2434
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
2295
2435
  }
2296
2436
 
2297
2437
  .border-pzh-yellow {
2298
2438
  --tw-border-opacity: 1;
2299
- border-color: rgb(239 204 54 / var(--tw-border-opacity));
2439
+ border-color: rgb(239 204 54 / var(--tw-border-opacity, 1));
2300
2440
  }
2301
2441
 
2302
2442
  .border-pzh-yellow-100 {
2303
2443
  --tw-border-opacity: 1;
2304
- border-color: rgb(241 219 126 / var(--tw-border-opacity));
2444
+ border-color: rgb(241 219 126 / var(--tw-border-opacity, 1));
2305
2445
  }
2306
2446
 
2307
2447
  .border-pzh-yellow-dark {
2308
2448
  --tw-border-opacity: 1;
2309
- border-color: rgb(198 164 16 / var(--tw-border-opacity));
2449
+ border-color: rgb(198 164 16 / var(--tw-border-opacity, 1));
2310
2450
  }
2311
2451
 
2312
2452
  .bg-\[\#333333\] {
2313
2453
  --tw-bg-opacity: 1;
2314
- background-color: rgb(51 51 51 / var(--tw-bg-opacity));
2454
+ background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
2315
2455
  }
2316
2456
 
2317
2457
  .bg-black\/30 {
@@ -2320,42 +2460,42 @@ select {
2320
2460
 
2321
2461
  .bg-pzh-blue {
2322
2462
  --tw-bg-opacity: 1;
2323
- background-color: rgb(40 31 107 / var(--tw-bg-opacity));
2463
+ background-color: rgb(40 31 107 / var(--tw-bg-opacity, 1));
2324
2464
  }
2325
2465
 
2326
2466
  .bg-pzh-blue-10 {
2327
2467
  --tw-bg-opacity: 1;
2328
- background-color: rgb(242 247 252 / var(--tw-bg-opacity));
2468
+ background-color: rgb(242 247 252 / var(--tw-bg-opacity, 1));
2329
2469
  }
2330
2470
 
2331
2471
  .bg-pzh-blue-light {
2332
2472
  --tw-bg-opacity: 1;
2333
- background-color: rgb(123 173 222 / var(--tw-bg-opacity));
2473
+ background-color: rgb(123 173 222 / var(--tw-bg-opacity, 1));
2334
2474
  }
2335
2475
 
2336
2476
  .bg-pzh-cool-gray-dark {
2337
2477
  --tw-bg-opacity: 1;
2338
- background-color: rgb(92 92 92 / var(--tw-bg-opacity));
2478
+ background-color: rgb(92 92 92 / var(--tw-bg-opacity, 1));
2339
2479
  }
2340
2480
 
2341
2481
  .bg-pzh-gray-100 {
2342
2482
  --tw-bg-opacity: 1;
2343
- background-color: rgb(248 248 248 / var(--tw-bg-opacity));
2483
+ background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
2344
2484
  }
2345
2485
 
2346
2486
  .bg-pzh-gray-200 {
2347
2487
  --tw-bg-opacity: 1;
2348
- background-color: rgb(230 230 230 / var(--tw-bg-opacity));
2488
+ background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
2349
2489
  }
2350
2490
 
2351
2491
  .bg-pzh-gray-300 {
2352
2492
  --tw-bg-opacity: 1;
2353
- background-color: rgb(213 213 213 / var(--tw-bg-opacity));
2493
+ background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1));
2354
2494
  }
2355
2495
 
2356
2496
  .bg-pzh-gray-600 {
2357
2497
  --tw-bg-opacity: 1;
2358
- background-color: rgb(92 92 92 / var(--tw-bg-opacity));
2498
+ background-color: rgb(92 92 92 / var(--tw-bg-opacity, 1));
2359
2499
  }
2360
2500
 
2361
2501
  .bg-pzh-gray-800\/10 {
@@ -2364,62 +2504,62 @@ select {
2364
2504
 
2365
2505
  .bg-pzh-green {
2366
2506
  --tw-bg-opacity: 1;
2367
- background-color: rgb(0 128 77 / var(--tw-bg-opacity));
2507
+ background-color: rgb(0 128 77 / var(--tw-bg-opacity, 1));
2368
2508
  }
2369
2509
 
2370
2510
  .bg-pzh-green-10 {
2371
2511
  --tw-bg-opacity: 1;
2372
- background-color: rgb(237 250 240 / var(--tw-bg-opacity));
2512
+ background-color: rgb(237 250 240 / var(--tw-bg-opacity, 1));
2373
2513
  }
2374
2514
 
2375
2515
  .bg-pzh-green-light {
2376
2516
  --tw-bg-opacity: 1;
2377
- background-color: rgb(97 179 117 / var(--tw-bg-opacity));
2517
+ background-color: rgb(97 179 117 / var(--tw-bg-opacity, 1));
2378
2518
  }
2379
2519
 
2380
2520
  .bg-pzh-orange {
2381
2521
  --tw-bg-opacity: 1;
2382
- background-color: rgb(255 107 2 / var(--tw-bg-opacity));
2522
+ background-color: rgb(255 107 2 / var(--tw-bg-opacity, 1));
2383
2523
  }
2384
2524
 
2385
2525
  .bg-pzh-purple {
2386
2526
  --tw-bg-opacity: 1;
2387
- background-color: rgb(80 61 144 / var(--tw-bg-opacity));
2527
+ background-color: rgb(80 61 144 / var(--tw-bg-opacity, 1));
2388
2528
  }
2389
2529
 
2390
2530
  .bg-pzh-red {
2391
2531
  --tw-bg-opacity: 1;
2392
- background-color: rgb(209 31 61 / var(--tw-bg-opacity));
2532
+ background-color: rgb(209 31 61 / var(--tw-bg-opacity, 1));
2393
2533
  }
2394
2534
 
2395
2535
  .bg-pzh-red-10 {
2396
2536
  --tw-bg-opacity: 1;
2397
- background-color: rgb(255 237 240 / var(--tw-bg-opacity));
2537
+ background-color: rgb(255 237 240 / var(--tw-bg-opacity, 1));
2398
2538
  }
2399
2539
 
2400
2540
  .bg-pzh-red-light {
2401
2541
  --tw-bg-opacity: 1;
2402
- background-color: rgb(235 112 133 / var(--tw-bg-opacity));
2542
+ background-color: rgb(235 112 133 / var(--tw-bg-opacity, 1));
2403
2543
  }
2404
2544
 
2405
2545
  .bg-pzh-white {
2406
2546
  --tw-bg-opacity: 1;
2407
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2547
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2408
2548
  }
2409
2549
 
2410
2550
  .bg-pzh-yellow {
2411
2551
  --tw-bg-opacity: 1;
2412
- background-color: rgb(239 204 54 / var(--tw-bg-opacity));
2552
+ background-color: rgb(239 204 54 / var(--tw-bg-opacity, 1));
2413
2553
  }
2414
2554
 
2415
2555
  .bg-pzh-yellow-10 {
2416
2556
  --tw-bg-opacity: 1;
2417
- background-color: rgb(255 249 227 / var(--tw-bg-opacity));
2557
+ background-color: rgb(255 249 227 / var(--tw-bg-opacity, 1));
2418
2558
  }
2419
2559
 
2420
2560
  .bg-white {
2421
2561
  --tw-bg-opacity: 1;
2422
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2562
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2423
2563
  }
2424
2564
 
2425
2565
  .p-1 {
@@ -2472,6 +2612,11 @@ select {
2472
2612
  padding-bottom: 0.5rem;
2473
2613
  }
2474
2614
 
2615
+ .py-24 {
2616
+ padding-top: 6rem;
2617
+ padding-bottom: 6rem;
2618
+ }
2619
+
2475
2620
  .py-3 {
2476
2621
  padding-top: 0.75rem;
2477
2622
  padding-bottom: 0.75rem;
@@ -2527,6 +2672,10 @@ select {
2527
2672
  padding-right: 0.5rem;
2528
2673
  }
2529
2674
 
2675
+ .pr-4 {
2676
+ padding-right: 1rem;
2677
+ }
2678
+
2530
2679
  .pr-8 {
2531
2680
  padding-right: 2rem;
2532
2681
  }
@@ -2633,6 +2782,10 @@ select {
2633
2782
  font-style: italic;
2634
2783
  }
2635
2784
 
2785
+ .leading-10 {
2786
+ line-height: 2.5rem;
2787
+ }
2788
+
2636
2789
  .leading-5 {
2637
2790
  line-height: 1.25rem;
2638
2791
  }
@@ -2647,115 +2800,116 @@ select {
2647
2800
 
2648
2801
  .text-pzh-blue {
2649
2802
  --tw-text-opacity: 1;
2650
- color: rgb(40 31 107 / var(--tw-text-opacity));
2803
+ color: rgb(40 31 107 / var(--tw-text-opacity, 1));
2651
2804
  }
2652
2805
 
2653
2806
  .text-pzh-blue-500 {
2654
2807
  --tw-text-opacity: 1;
2655
- color: rgb(40 31 107 / var(--tw-text-opacity));
2808
+ color: rgb(40 31 107 / var(--tw-text-opacity, 1));
2656
2809
  }
2657
2810
 
2658
2811
  .text-pzh-blue-900 {
2659
2812
  --tw-text-opacity: 1;
2660
- color: rgb(22 17 59 / var(--tw-text-opacity));
2813
+ color: rgb(22 17 59 / var(--tw-text-opacity, 1));
2661
2814
  }
2662
2815
 
2663
2816
  .text-pzh-blue-dark {
2664
2817
  --tw-text-opacity: 1;
2665
- color: rgb(22 17 59 / var(--tw-text-opacity));
2818
+ color: rgb(22 17 59 / var(--tw-text-opacity, 1));
2666
2819
  }
2667
2820
 
2668
2821
  .text-pzh-blue-dark\/35 {
2669
2822
  color: rgb(22 17 59 / 0.35);
2670
2823
  }
2671
2824
 
2672
- .text-pzh-blue-dark\/50 {
2673
- color: rgb(22 17 59 / 0.5);
2674
- }
2675
-
2676
2825
  .text-pzh-blue-light {
2677
2826
  --tw-text-opacity: 1;
2678
- color: rgb(123 173 222 / var(--tw-text-opacity));
2827
+ color: rgb(123 173 222 / var(--tw-text-opacity, 1));
2679
2828
  }
2680
2829
 
2681
2830
  .text-pzh-cool-gray-dark {
2682
2831
  --tw-text-opacity: 1;
2683
- color: rgb(92 92 92 / var(--tw-text-opacity));
2832
+ color: rgb(92 92 92 / var(--tw-text-opacity, 1));
2684
2833
  }
2685
2834
 
2686
2835
  .text-pzh-gray-400 {
2687
2836
  --tw-text-opacity: 1;
2688
- color: rgb(191 191 191 / var(--tw-text-opacity));
2837
+ color: rgb(191 191 191 / var(--tw-text-opacity, 1));
2689
2838
  }
2690
2839
 
2691
2840
  .text-pzh-gray-500 {
2692
2841
  --tw-text-opacity: 1;
2693
- color: rgb(131 131 131 / var(--tw-text-opacity));
2842
+ color: rgb(131 131 131 / var(--tw-text-opacity, 1));
2694
2843
  }
2695
2844
 
2696
2845
  .text-pzh-gray-600 {
2697
2846
  --tw-text-opacity: 1;
2698
- color: rgb(92 92 92 / var(--tw-text-opacity));
2847
+ color: rgb(92 92 92 / var(--tw-text-opacity, 1));
2699
2848
  }
2700
2849
 
2701
2850
  .text-pzh-gray-700 {
2702
2851
  --tw-text-opacity: 1;
2703
- color: rgb(70 70 70 / var(--tw-text-opacity));
2852
+ color: rgb(70 70 70 / var(--tw-text-opacity, 1));
2704
2853
  }
2705
2854
 
2706
2855
  .text-pzh-green {
2707
2856
  --tw-text-opacity: 1;
2708
- color: rgb(0 128 77 / var(--tw-text-opacity));
2857
+ color: rgb(0 128 77 / var(--tw-text-opacity, 1));
2858
+ }
2859
+
2860
+ .text-pzh-green-500 {
2861
+ --tw-text-opacity: 1;
2862
+ color: rgb(0 128 77 / var(--tw-text-opacity, 1));
2709
2863
  }
2710
2864
 
2711
2865
  .text-pzh-green-900 {
2712
2866
  --tw-text-opacity: 1;
2713
- color: rgb(0 77 46 / var(--tw-text-opacity));
2867
+ color: rgb(0 77 46 / var(--tw-text-opacity, 1));
2714
2868
  }
2715
2869
 
2716
2870
  .text-pzh-green-light {
2717
2871
  --tw-text-opacity: 1;
2718
- color: rgb(97 179 117 / var(--tw-text-opacity));
2872
+ color: rgb(97 179 117 / var(--tw-text-opacity, 1));
2719
2873
  }
2720
2874
 
2721
2875
  .text-pzh-orange {
2722
2876
  --tw-text-opacity: 1;
2723
- color: rgb(255 107 2 / var(--tw-text-opacity));
2877
+ color: rgb(255 107 2 / var(--tw-text-opacity, 1));
2724
2878
  }
2725
2879
 
2726
2880
  .text-pzh-purple {
2727
2881
  --tw-text-opacity: 1;
2728
- color: rgb(80 61 144 / var(--tw-text-opacity));
2882
+ color: rgb(80 61 144 / var(--tw-text-opacity, 1));
2729
2883
  }
2730
2884
 
2731
2885
  .text-pzh-red {
2732
2886
  --tw-text-opacity: 1;
2733
- color: rgb(209 31 61 / var(--tw-text-opacity));
2887
+ color: rgb(209 31 61 / var(--tw-text-opacity, 1));
2734
2888
  }
2735
2889
 
2736
2890
  .text-pzh-red-900 {
2737
2891
  --tw-text-opacity: 1;
2738
- color: rgb(151 22 44 / var(--tw-text-opacity));
2892
+ color: rgb(151 22 44 / var(--tw-text-opacity, 1));
2739
2893
  }
2740
2894
 
2741
2895
  .text-pzh-red-light {
2742
2896
  --tw-text-opacity: 1;
2743
- color: rgb(235 112 133 / var(--tw-text-opacity));
2897
+ color: rgb(235 112 133 / var(--tw-text-opacity, 1));
2744
2898
  }
2745
2899
 
2746
2900
  .text-pzh-white {
2747
2901
  --tw-text-opacity: 1;
2748
- color: rgb(255 255 255 / var(--tw-text-opacity));
2902
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2749
2903
  }
2750
2904
 
2751
2905
  .text-pzh-yellow-dark {
2752
2906
  --tw-text-opacity: 1;
2753
- color: rgb(198 164 16 / var(--tw-text-opacity));
2907
+ color: rgb(198 164 16 / var(--tw-text-opacity, 1));
2754
2908
  }
2755
2909
 
2756
2910
  .text-white {
2757
2911
  --tw-text-opacity: 1;
2758
- color: rgb(255 255 255 / var(--tw-text-opacity));
2912
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2759
2913
  }
2760
2914
 
2761
2915
  .underline {
@@ -2811,6 +2965,12 @@ select {
2811
2965
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2812
2966
  }
2813
2967
 
2968
+ .ring-1 {
2969
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2970
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2971
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2972
+ }
2973
+
2814
2974
  .ring-2 {
2815
2975
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2816
2976
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2819,7 +2979,12 @@ select {
2819
2979
 
2820
2980
  .ring-pzh-focus {
2821
2981
  --tw-ring-opacity: 1;
2822
- --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
2982
+ --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity, 1));
2983
+ }
2984
+
2985
+ .ring-pzh-positive {
2986
+ --tw-ring-opacity: 1;
2987
+ --tw-ring-color: rgb(0 128 77 / var(--tw-ring-opacity, 1));
2823
2988
  }
2824
2989
 
2825
2990
  .ring-offset-2 {
@@ -2897,6 +3062,8 @@ select {
2897
3062
  font-weight: normal;
2898
3063
 
2899
3064
  font-display: swap;
3065
+
3066
+ ascent-override: 90%;
2900
3067
  }
2901
3068
 
2902
3069
  @font-face {
@@ -2907,6 +3074,8 @@ select {
2907
3074
  font-weight: bold;
2908
3075
 
2909
3076
  font-display: swap;
3077
+
3078
+ ascent-override: 90%;
2910
3079
  }
2911
3080
 
2912
3081
  html {
@@ -2972,7 +3141,7 @@ ol li ol li ol li {
2972
3141
  .before\:border-pzh-blue::before {
2973
3142
  content: var(--tw-content);
2974
3143
  --tw-border-opacity: 1;
2975
- border-color: rgb(40 31 107 / var(--tw-border-opacity));
3144
+ border-color: rgb(40 31 107 / var(--tw-border-opacity, 1));
2976
3145
  }
2977
3146
 
2978
3147
  .before\:outline-none::before {
@@ -2998,7 +3167,7 @@ ol li ol li ol li {
2998
3167
  .before\:ring-pzh-focus::before {
2999
3168
  content: var(--tw-content);
3000
3169
  --tw-ring-opacity: 1;
3001
- --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
3170
+ --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity, 1));
3002
3171
  }
3003
3172
 
3004
3173
  .after\:absolute::after {
@@ -3067,7 +3236,7 @@ ol li ol li ol li {
3067
3236
  .after\:border-b-pzh-white::after {
3068
3237
  content: var(--tw-content);
3069
3238
  --tw-border-opacity: 1;
3070
- border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
3239
+ border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
3071
3240
  }
3072
3241
 
3073
3242
  .hover\:translate-y-0:hover {
@@ -3077,42 +3246,47 @@ ol li ol li ol li {
3077
3246
 
3078
3247
  .hover\:border-pzh-blue:hover {
3079
3248
  --tw-border-opacity: 1;
3080
- border-color: rgb(40 31 107 / var(--tw-border-opacity));
3249
+ border-color: rgb(40 31 107 / var(--tw-border-opacity, 1));
3081
3250
  }
3082
3251
 
3083
3252
  .hover\:border-pzh-blue-900:hover {
3084
3253
  --tw-border-opacity: 1;
3085
- border-color: rgb(22 17 59 / var(--tw-border-opacity));
3254
+ border-color: rgb(22 17 59 / var(--tw-border-opacity, 1));
3255
+ }
3256
+
3257
+ .hover\:border-pzh-green-500:hover {
3258
+ --tw-border-opacity: 1;
3259
+ border-color: rgb(0 128 77 / var(--tw-border-opacity, 1));
3086
3260
  }
3087
3261
 
3088
3262
  .hover\:border-pzh-green-dark:hover {
3089
3263
  --tw-border-opacity: 1;
3090
- border-color: rgb(0 77 46 / var(--tw-border-opacity));
3264
+ border-color: rgb(0 77 46 / var(--tw-border-opacity, 1));
3091
3265
  }
3092
3266
 
3093
3267
  .hover\:bg-pzh-blue-500:hover {
3094
3268
  --tw-bg-opacity: 1;
3095
- background-color: rgb(40 31 107 / var(--tw-bg-opacity));
3269
+ background-color: rgb(40 31 107 / var(--tw-bg-opacity, 1));
3096
3270
  }
3097
3271
 
3098
3272
  .hover\:bg-pzh-blue-dark:hover {
3099
3273
  --tw-bg-opacity: 1;
3100
- background-color: rgb(22 17 59 / var(--tw-bg-opacity));
3274
+ background-color: rgb(22 17 59 / var(--tw-bg-opacity, 1));
3101
3275
  }
3102
3276
 
3103
3277
  .hover\:bg-pzh-gray-100:hover {
3104
3278
  --tw-bg-opacity: 1;
3105
- background-color: rgb(248 248 248 / var(--tw-bg-opacity));
3279
+ background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
3106
3280
  }
3107
3281
 
3108
3282
  .hover\:bg-pzh-green-dark:hover {
3109
3283
  --tw-bg-opacity: 1;
3110
- background-color: rgb(0 77 46 / var(--tw-bg-opacity));
3284
+ background-color: rgb(0 77 46 / var(--tw-bg-opacity, 1));
3111
3285
  }
3112
3286
 
3113
3287
  .hover\:bg-white:hover {
3114
3288
  --tw-bg-opacity: 1;
3115
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3289
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3116
3290
  }
3117
3291
 
3118
3292
  .hover\:bg-opacity-10:hover {
@@ -3121,22 +3295,27 @@ ol li ol li ol li {
3121
3295
 
3122
3296
  .hover\:text-pzh-blue-dark:hover {
3123
3297
  --tw-text-opacity: 1;
3124
- color: rgb(22 17 59 / var(--tw-text-opacity));
3298
+ color: rgb(22 17 59 / var(--tw-text-opacity, 1));
3125
3299
  }
3126
3300
 
3127
3301
  .hover\:text-pzh-green:hover {
3128
3302
  --tw-text-opacity: 1;
3129
- color: rgb(0 128 77 / var(--tw-text-opacity));
3303
+ color: rgb(0 128 77 / var(--tw-text-opacity, 1));
3304
+ }
3305
+
3306
+ .hover\:text-pzh-green-500:hover {
3307
+ --tw-text-opacity: 1;
3308
+ color: rgb(0 128 77 / var(--tw-text-opacity, 1));
3130
3309
  }
3131
3310
 
3132
3311
  .hover\:text-pzh-white:hover {
3133
3312
  --tw-text-opacity: 1;
3134
- color: rgb(255 255 255 / var(--tw-text-opacity));
3313
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3135
3314
  }
3136
3315
 
3137
3316
  .hover\:text-white:hover {
3138
3317
  --tw-text-opacity: 1;
3139
- color: rgb(255 255 255 / var(--tw-text-opacity));
3318
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3140
3319
  }
3141
3320
 
3142
3321
  .hover\:underline:hover {
@@ -3145,7 +3324,7 @@ ol li ol li ol li {
3145
3324
 
3146
3325
  .focus\:bg-pzh-gray-100:focus {
3147
3326
  --tw-bg-opacity: 1;
3148
- background-color: rgb(248 248 248 / var(--tw-bg-opacity));
3327
+ background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
3149
3328
  }
3150
3329
 
3151
3330
  .focus\:outline-none:focus {
@@ -3161,7 +3340,7 @@ ol li ol li ol li {
3161
3340
 
3162
3341
  .focus\:ring-pzh-focus:focus {
3163
3342
  --tw-ring-opacity: 1;
3164
- --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
3343
+ --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity, 1));
3165
3344
  }
3166
3345
 
3167
3346
  .group:hover .group-hover\:opacity-40 {
@@ -3172,6 +3351,33 @@ ol li ol li ol li {
3172
3351
  opacity: 0.4;
3173
3352
  }
3174
3353
 
3354
+ .has-\[\:checked\]\:border-pzh-green-500:has(:checked) {
3355
+ --tw-border-opacity: 1;
3356
+ border-color: rgb(0 128 77 / var(--tw-border-opacity, 1));
3357
+ }
3358
+
3359
+ .has-\[\:checked\]\:bg-pzh-green-10:has(:checked) {
3360
+ --tw-bg-opacity: 1;
3361
+ background-color: rgb(237 250 240 / var(--tw-bg-opacity, 1));
3362
+ }
3363
+
3364
+ .has-\[\:focus\]\:ring:has(:focus) {
3365
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3366
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3367
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3368
+ }
3369
+
3370
+ .has-\[\:focus\]\:ring-2:has(:focus) {
3371
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3372
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3373
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3374
+ }
3375
+
3376
+ .has-\[\:focus\]\:ring-pzh-focus:has(:focus) {
3377
+ --tw-ring-opacity: 1;
3378
+ --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity, 1));
3379
+ }
3380
+
3175
3381
  @keyframes accordion-up {
3176
3382
  from {
3177
3383
  height: var(--radix-accordion-content-height);
@@ -3182,7 +3388,7 @@ ol li ol li ol li {
3182
3388
  }
3183
3389
  }
3184
3390
 
3185
- .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
3391
+ .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
3186
3392
  animation: accordion-up 0.2s ease-out;
3187
3393
  }
3188
3394
 
@@ -3196,21 +3402,21 @@ ol li ol li ol li {
3196
3402
  }
3197
3403
  }
3198
3404
 
3199
- .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
3405
+ .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
3200
3406
  animation: accordion-down 0.2s ease-out;
3201
3407
  }
3202
3408
 
3203
- .prose-a\:text-pzh-green :is(:where(a):not(:where([class~="not-prose"] *))) {
3409
+ .prose-a\:text-pzh-green :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3204
3410
  --tw-text-opacity: 1;
3205
- color: rgb(0 128 77 / var(--tw-text-opacity));
3411
+ color: rgb(0 128 77 / var(--tw-text-opacity, 1));
3206
3412
  }
3207
3413
 
3208
- .prose-li\:my-0 :is(:where(li):not(:where([class~="not-prose"] *))) {
3414
+ .prose-li\:my-0 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3209
3415
  margin-top: 0px;
3210
3416
  margin-bottom: 0px;
3211
3417
  }
3212
3418
 
3213
- .prose-img\:my-0 :is(:where(img):not(:where([class~="not-prose"] *))) {
3419
+ .prose-img\:my-0 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3214
3420
  margin-top: 0px;
3215
3421
  margin-bottom: 0px;
3216
3422
  }
@@ -3256,6 +3462,10 @@ ol li ol li ol li {
3256
3462
  grid-column: span 4 / span 4;
3257
3463
  }
3258
3464
 
3465
+ .md\:gap-4 {
3466
+ gap: 1rem;
3467
+ }
3468
+
3259
3469
  .md\:gap-8 {
3260
3470
  gap: 2rem;
3261
3471
  }
@@ -3272,3 +3482,12 @@ ol li ol li ol li {
3272
3482
  --tw-rotate: 180deg;
3273
3483
  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));
3274
3484
  }
3485
+
3486
+ .\[\&_a\]\:border a {
3487
+ border-width: 1px;
3488
+ }
3489
+
3490
+ .\[\&_a\]\:border-pzh-blue a {
3491
+ --tw-border-opacity: 1;
3492
+ border-color: rgb(40 31 107 / var(--tw-border-opacity, 1));
3493
+ }