1- /*
2- ! tailwindcss v3.0.1 | MIT License | https://tailwindcss.com
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+ ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
3109*/ /*
41101. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
51112. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
11117 box-sizing : border-box; /* 1 */
12118 border-width : 0 ; /* 2 */
13119 border-style : solid; /* 2 */
14- border-color : currentColor ; /* 2 */
120+ border-color : # e5e7eb ; /* 2 */
15121}
16122
17123::before ,
241302. Prevent adjustments of font size after orientation changes in iOS.
251313. Use a more readable tab size.
261324. Use the user's configured `sans` font-family by default.
133+ 5. Use the user's configured `sans` font-feature-settings by default.
134+ 6. Use the user's configured `sans` font-variation-settings by default.
135+ 7. Disable tap highlights on iOS
27136*/
28137
29- html {
138+ html ,
139+ : host {
30140 line-height : 1.5 ; /* 1 */
31141 -webkit-text-size-adjust : 100% ; /* 2 */
32142 -moz-tab-size : 4 ; /* 3 */
33143 -o-tab-size : 4 ;
34144 tab-size : 4 ; /* 3 */
35- 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" ; /* 4 */
145+ font-family : ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji" ; /* 4 */
146+ font-feature-settings : normal; /* 5 */
147+ font-variation-settings : normal; /* 6 */
148+ -webkit-tap-highlight-color : transparent; /* 7 */
36149}
37150
38151/*
61174Add the correct text decoration in Chrome, Edge, and Safari.
62175*/
63176
64- abbr [title ] {
177+ abbr : where ( [title ]) {
65178 -webkit-text-decoration : underline dotted;
66179 text-decoration : underline dotted;
67180}
@@ -99,16 +212,20 @@ strong {
99212}
100213
101214/*
102- 1. Use the user's configured `mono` font family by default.
103- 2. Correct the odd `em` font sizing in all browsers.
215+ 1. Use the user's configured `mono` font-family by default.
216+ 2. Use the user's configured `mono` font-feature-settings by default.
217+ 3. Use the user's configured `mono` font-variation-settings by default.
218+ 4. Correct the odd `em` font sizing in all browsers.
104219*/
105220
106221code ,
107222kbd ,
108223samp ,
109224pre {
110225 font-family : ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono" , "Courier New" , monospace; /* 1 */
111- font-size : 1em ; /* 2 */
226+ font-feature-settings : normal; /* 2 */
227+ font-variation-settings : normal; /* 3 */
228+ font-size : 1em ; /* 4 */
112229}
113230
114231/*
@@ -148,7 +265,7 @@ sup {
148265table {
149266 text-indent : 0 ; /* 1 */
150267 border-color : inherit; /* 2 */
151- border-collapse : collapse; /* 3 */
268+ border-collapse : collapse; /* 3 */
152269}
153270
154271/*
@@ -163,8 +280,12 @@ optgroup,
163280select ,
164281textarea {
165282 font-family : inherit; /* 1 */
283+ font-feature-settings : inherit; /* 1 */
284+ font-variation-settings : inherit; /* 1 */
166285 font-size : 100% ; /* 1 */
286+ font-weight : inherit; /* 1 */
167287 line-height : inherit; /* 1 */
288+ letter-spacing : inherit; /* 1 */
168289 color : inherit; /* 1 */
169290 margin : 0 ; /* 2 */
170291 padding : 0 ; /* 3 */
@@ -185,9 +306,9 @@ select {
185306*/
186307
187308button ,
188- [type = 'button' ],
189- [type = 'reset' ],
190- [type = 'submit' ] {
309+ input : where ( [type = 'button' ]) ,
310+ input : where ( [type = 'reset' ]) ,
311+ input : where ( [type = 'submit' ]) {
191312 -webkit-appearance : button; /* 1 */
192313 background-color : transparent; /* 2 */
193314 background-image : none; /* 2 */
@@ -299,6 +420,13 @@ menu {
299420 padding : 0 ;
300421}
301422
423+ /*
424+ Reset default styling for dialogs.
425+ */
426+ dialog {
427+ padding : 0 ;
428+ }
429+
302430/*
303431Prevent resizing textareas horizontally by default.
304432*/
@@ -313,18 +441,13 @@ textarea {
313441*/
314442
315443input ::-moz-placeholder , textarea ::-moz-placeholder {
316- opacity : 1 ; /* 1 */
317- color : # 9ca3af ; /* 2 */
318- }
319-
320- input : -ms-input-placeholder , textarea : -ms-input-placeholder {
321- opacity : 1 ; /* 1 */
444+ opacity : 1 ; /* 1 */
322445 color : # 9ca3af ; /* 2 */
323446}
324447
325448input ::placeholder ,
326449textarea ::placeholder {
327- opacity : 1 ; /* 1 */
450+ opacity : 1 ; /* 1 */
328451 color : # 9ca3af ; /* 2 */
329452}
330453
@@ -372,18 +495,10 @@ video {
372495 height : auto;
373496}
374497
375- /*
376- Ensure the default browser behavior of the `hidden` attribute.
377- */
378-
379- [hidden ] {
498+ /* Make elements with the HTML hidden attribute stay hidden by default */
499+ [hidden ]: where (: not ([hidden = "until-found" ])) {
380500 display : none;
381501}
382-
383- .border-4 {
384- --tw-border-opacity : 1 ;
385- border-color : rgb (229 231 235 / var (--tw-border-opacity ));
386- }
387502.static {
388503 position : static;
389504}
@@ -421,12 +536,12 @@ Ensure the default browser behavior of the `hidden` attribute.
421536.justify-between {
422537 justify-content : space-between;
423538}
424- .rounded-lg {
425- border-radius : 0.5rem ;
426- }
427539.rounded {
428540 border-radius : 0.25rem ;
429541}
542+ .rounded-lg {
543+ border-radius : 0.5rem ;
544+ }
430545.border-4 {
431546 border-width : 4px ;
432547}
@@ -435,15 +550,15 @@ Ensure the default browser behavior of the `hidden` attribute.
435550}
436551.border-gray-200 {
437552 --tw-border-opacity : 1 ;
438- border-color : rgb (229 231 235 / var (--tw-border-opacity ));
553+ border-color : rgb (229 231 235 / var (--tw-border-opacity , 1 ));
439554}
440555.bg-blue-500 {
441556 --tw-bg-opacity : 1 ;
442- background-color : rgb (59 130 246 / var (--tw-bg-opacity ));
557+ background-color : rgb (59 130 246 / var (--tw-bg-opacity , 1 ));
443558}
444559.bg-slate-900 {
445560 --tw-bg-opacity : 1 ;
446- background-color : rgb (15 23 42 / var (--tw-bg-opacity ));
561+ background-color : rgb (15 23 42 / var (--tw-bg-opacity , 1 ));
447562}
448563.p-3 {
449564 padding : 0.75rem ;
@@ -452,39 +567,39 @@ Ensure the default browser behavior of the `hidden` attribute.
452567 padding-left : 0.5rem ;
453568 padding-right : 0.5rem ;
454569}
455- .py-2 {
456- padding-top : 0.5rem ;
457- padding-bottom : 0.5rem ;
458- }
459570.px-4 {
460571 padding-left : 1rem ;
461572 padding-right : 1rem ;
462573}
463- .text-xl {
464- font-size : 1.25 rem ;
465- line-height : 1.75 rem ;
574+ .py-2 {
575+ padding-top : 0.5 rem ;
576+ padding-bottom : 0.5 rem ;
466577}
467578.text-sm {
468579 font-size : 0.875rem ;
469580 line-height : 1.25rem ;
470581}
582+ .text-xl {
583+ font-size : 1.25rem ;
584+ line-height : 1.75rem ;
585+ }
471586.font-black {
472587 font-weight : 900 ;
473588}
474589.font-bold {
475590 font-weight : 700 ;
476591}
477- .text-white {
592+ .text-slate-50 {
478593 --tw-text-opacity : 1 ;
479- color : rgb (255 255 255 / var (--tw-text-opacity ));
594+ color : rgb (248 250 252 / var (--tw-text-opacity , 1 ));
480595}
481596.text-teal-200 {
482597 --tw-text-opacity : 1 ;
483- color : rgb (153 246 228 / var (--tw-text-opacity ));
598+ color : rgb (153 246 228 / var (--tw-text-opacity , 1 ));
484599}
485- .text-slate-50 {
600+ .text-white {
486601 --tw-text-opacity : 1 ;
487- color : rgb (248 250 252 / var (--tw-text-opacity ));
602+ color : rgb (255 255 255 / var (--tw-text-opacity , 1 ));
488603}
489604
490605
@@ -507,14 +622,6 @@ Ensure the default browser behavior of the `hidden` attribute.
507622 .Diagonal_v2 {
508623 background : repeating-linear-gradient ( -45deg , # d0f9ff, # d0f9ff 2px , # f4fcfd 2px , # f4fcfd 10px );
509624 }
510- .hover\:bg-blue-700 : hover {
511- --tw-bg-opacity : 1 ;
512- background-color : rgb (29 78 216 / var (--tw-bg-opacity ));
513- }
514- .hover\:text-white : hover {
515- --tw-text-opacity : 1 ;
516- color : rgb (255 255 255 / var (--tw-text-opacity ));
517- }
518625 @media (min-width : 768px ) {
519626
520627 .md\:container {
@@ -555,6 +662,16 @@ Ensure the default browser behavior of the `hidden` attribute.
555662 max-width : 1536px ;
556663 }
557664 }
665+ }
666+ .hover\:bg-blue-700 : hover {
667+ --tw-bg-opacity : 1 ;
668+ background-color : rgb (29 78 216 / var (--tw-bg-opacity , 1 ));
669+ }
670+ .hover\:text-white : hover {
671+ --tw-text-opacity : 1 ;
672+ color : rgb (255 255 255 / var (--tw-text-opacity , 1 ));
673+ }
674+ @media (min-width : 768px ) {
558675
559676 .md\:mx-auto {
560677 margin-left : auto;
0 commit comments