History

Balance devdocs and Tailwind styles

Damilola Olowookere committed 5 years ago

Commit 773d23d1 parent 96add932 files · +7952 −135556Browse files

Unified · Split

2 files
  1. assets/stylesheets/pages/_tailwindcss.scss +7928 −135556
  2. lib/docs/filters/tailwindcss/clean_html.rb +24 −0
assets/stylesheets/pages/_tailwindcss.scss+7928−135556
@@ -1,137778 +1,10150 @@
1._tailwindcss {1._tailwindcss {
2 *,
3 ::after,
4 ::before {
5 box-sizing: border-box;
6 }
7 :root {2 :root {
8 -moz-tab-size: 4;3 -moz-tab-size: 4;
4 -o-tab-size: 4;
9 tab-size: 4;5 tab-size: 4;
10 }6 }
11 html {7
12 line-height: 1.15;8 .prose tbody code {
13 -webkit-text-size-adjust: 100%;9 font-size: 0.75rem;
14 }
15 body {
16 margin: 0;
17 }
18 body {
19 font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
20 sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
21 }10 }
22 hr {11
23 height: 0;12 .prose a code,
13 .prose a strong {
24 color: inherit;14 color: inherit;
15 font-weight: inherit;
25 }16 }
26 abbr[title] {17
27 -webkit-text-decoration: underline dotted;18 .prose h2,
28 text-decoration: underline dotted;19 .prose h3 {
29 }20 scroll-margin-top: 6.875rem;
30 b,
31 strong {
32 font-weight: bolder;
33 }
34 code,
35 kbd,
36 pre,
37 samp {
38 font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono",
39 Menlo, monospace;
40 font-size: 1em;
41 }
42 small {
43 font-size: 80%;
44 }
45 sub,
46 sup {
47 font-size: 75%;
48 line-height: 0;
49 position: relative;
50 vertical-align: baseline;
51 }21 }
52 sub {22
53 bottom: -0.25em;23 .prose h1,
24 .prose h2 {
25 letter-spacing: -0.025em;
54 }26 }
55 sup {27
56 top: -0.5em;28 .prose:last-child > :last-child {
29 margin-bottom: 0;
57 }30 }
58 table {31
59 text-indent: 0;32 .prose:first-child > :first-child {
60 border-color: inherit;33 margin-top: 0;
61 }34 }
62 button,35
63 input,36 .prose tbody td:last-child {
64 optgroup,37 padding-right: 0;
65 select,
66 textarea {
67 font-family: inherit;
68 font-size: 100%;
69 line-height: 1.15;
70 margin: 0;
71 }38 }
72 button,39
73 select {40 .prose tbody td:first-child {
74 text-transform: none;41 padding-left: 0;
75 }42 }
76 [type="button"],43
77 [type="reset"],44 .prose thead th:last-child {
78 [type="submit"],45 padding-right: 0;
79 button {
80 -webkit-appearance: button;
81 }46 }
82 ::-moz-focus-inner {47
83 border-style: none;48 .prose thead th:first-child {
84 padding: 0;49 padding-left: 0;
85 }50 }
86 :-moz-focusring {51
87 outline: 1px dotted ButtonText;52 .prose h4 + * {
53 margin-top: 0;
88 }54 }
89 :-moz-ui-invalid {55
90 box-shadow: none;56 .prose h3 + * {
57 margin-top: 0;
91 }58 }
92 legend {59
93 padding: 0;60 .prose h2 + * {
61 margin-top: 0;
94 }62 }
95 progress {63
96 vertical-align: baseline;64 .prose hr + * {
65 margin-top: 0;
97 }66 }
98 ::-webkit-inner-spin-button,67
99 ::-webkit-outer-spin-button {68 .prose ol ol,
100 height: auto;69 .prose ol ul,
70 .prose ul ol,
71 .prose ul ul {
72 margin-top: 0.75em;
73 margin-bottom: 0.75em;
101 }74 }
102 [type="search"] {75
103 -webkit-appearance: textfield;76 .prose > ol > li > :last-child {
104 outline-offset: -2px;77 margin-bottom: 1.25em;
105 }78 }
106 ::-webkit-search-decoration {79
107 -webkit-appearance: none;80 .prose > ol > li > :first-child {
81 margin-top: 1.25em;
108 }82 }
109 ::-webkit-file-upload-button {83
110 -webkit-appearance: button;84 .prose > ul > li > :last-child {
111 font: inherit;85 margin-bottom: 1.25em;
112 }86 }
113 summary {87
114 display: list-item;88 .prose > ul > li > :first-child {
89 margin-top: 1.25em;
115 }90 }
116 blockquote,91
117 dd,92 .prose > ul > li p {
118 dl,93 margin-top: 0.75em;
119 figure,94 margin-bottom: 0.75em;
120 h1,
121 h2,
122 h3,
123 h4,
124 h5,
125 h6,
126 hr,
127 p,
128 pre {
129 margin: 0;
130 }95 }
131 button {96
132 background-color: transparent;97 .prose li {
133 background-image: none;98 margin-top: 0.5em;
99 margin-bottom: 0.5em;
134 }100 }
135 button:focus {101
136 outline: 1px dotted;102 .prose ul {
137 outline: 5px auto -webkit-focus-ring-color;103 margin-top: 1.25em;
104 margin-bottom: 1.25em;
138 }105 }
139 fieldset {106
140 margin: 0;107 .prose h3 code {
141 padding: 0;108 font-size: 0.9em;
142 }109 }
143 ol,110
144 ul {111 .prose h2 code {
145 list-style: none;112 font-size: 0.875em;
146 margin: 0;
147 padding: 0;
148 }113 }
149 html {114
150 font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,115 .prose figure > * {
151 "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,116 margin-top: 0;
152 "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",117 margin-bottom: 0;
153 "Noto Color Emoji";
154 line-height: 1.5;
155 }118 }
156 body {119
157 font-family: inherit;120 .prose figure,
158 line-height: inherit;121 .prose img,
122 .prose video {
123 margin-top: 2em;
124 margin-bottom: 2em;
159 }125 }
160 *,126
161 ::after,127 .prose {
162 ::before {128 font-size: 1rem;
163 box-sizing: border-box;129 line-height: 1.75;
164 border-width: 0;
165 border-style: solid;
166 border-color: #e5e7eb;
167 }130 }
168 hr {131
169 border-top-width: 1px;132 .prose p {
133 margin-top: 1.25em;
134 margin-bottom: 1.25em;
170 }135 }
171 img {136
172 border-style: solid;137 .prose tbody td {
138 vertical-align: top;
139 padding: 0.5714286em;
173 }140 }
174 textarea {141
175 resize: vertical;142 .prose tbody tr:last-child {
143 border-bottom-width: 1px;
176 }144 }
177 input::placeholder,145
178 textarea::placeholder {146 .prose tbody tr {
179 opacity: 1;147 border-bottom-width: 1px;
180 color: #9ca3af;148 border-bottom-color: #e5e7eb;
181 }149 }
182 [role="button"],150
183 button {151 .prose thead th {
184 cursor: pointer;152 vertical-align: bottom;
153 padding: 0 0.5714286em 0.5714286em;
154 font-weight: 600;
185 }155 }
186 table {156
187 border-collapse: collapse;157 .prose thead {
158 color: #4b5563;
159 font-weight: 600;
160 border-bottom-width: 1px;
161 border-bottom-color: #e5e7eb;
188 }162 }
189 h1,163
190 h2,164 .prose table {
191 h3,165 width: 100%;
192 h4,166 table-layout: auto;
193 h5,167 text-align: left;
194 h6 {168 margin-top: 2em;
195 font-size: inherit;169 margin-bottom: 2em;
196 font-weight: inherit;170 font-size: 0.875rem;
171 line-height: 1.25rem;
197 }172 }
198 a {173
199 color: inherit;174 .prose pre code:after {
200 text-decoration: inherit;175 content: "";
176 }
177
178 .prose pre code:before {
179 content: "";
201 }180 }
202 button,181
203 input,182 .prose pre code {
204 optgroup,183 background-color: transparent;
205 select,184 border-width: 0;
206 textarea {185 border-radius: 0;
207 padding: 0;186 padding: 0;
208 line-height: inherit;187 font-weight: 400;
209 color: inherit;188 color: inherit;
189 font-size: inherit;
190 font-family: inherit;
191 line-height: inherit;
210 }192 }
211 code,193
212 kbd,194 .prose pre {
213 pre,195 overflow-x: auto;
214 samp {196 font-size: 0.875em;
215 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,197 line-height: 1.7142857;
216 "Liberation Mono", "Courier New", monospace;198 margin-top: 0;
217 }199 margin-bottom: 0;
218 audio,200 border-radius: 0;
219 canvas,201 padding: 0.8571429em 1.1428571em;
220 embed,
221 iframe,
222 img,
223 object,
224 svg,
225 video {
226 display: block;
227 vertical-align: middle;
228 }
229 img,
230 video {
231 max-width: 100%;
232 height: auto;
233 }202 }
234 .container {203
235 width: 100%;204 .prose code:after {
205 content: "`";
236 }206 }
237 @media (min-width: 640px) {207
238 .container {208 .prose code:before {
239 max-width: 640px;209 content: "`";
240 }
241 }210 }
242 @media (min-width: 768px) {211
243 .container {212 .prose code {
244 max-width: 768px;213 color: #7c3aed;
245 }214 font-weight: 400;
215 font-size: 0.875em;
246 }216 }
247 @media (min-width: 1024px) {217
248 .container {218 .prose figure figcaption {
249 max-width: 1024px;219 color: #6b7280;
250 }220 font-size: 0.875em;
221 line-height: 1.4285714;
222 margin-top: 0.8571429em;
251 }223 }
252 @media (min-width: 1280px) {224
253 .container {225 .prose h4 {
254 max-width: 1280px;226 margin-top: 1.5em;
255 }227 margin-bottom: 0.5em;
228 line-height: 1.5;
256 }229 }
257 @media (min-width: 1536px) {230
258 .container {231 .prose h3,
259 max-width: 1536px;232 .prose h4 {
260 }233 color: #111827;
234 font-weight: 600;
261 }235 }
262 .space-y-0 > :not([hidden]) ~ :not([hidden]) {236
263 --tw-space-y-reverse: 0;237 .prose h3 {
264 margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));238 font-size: 1.25em;
265 margin-bottom: calc(0px * var(--tw-space-y-reverse));239 margin-top: 1.6em;
240 margin-bottom: 0.6em;
241 line-height: 1.6;
266 }242 }
267 .space-x-0 > :not([hidden]) ~ :not([hidden]) {243
268 --tw-space-x-reverse: 0;244 .prose h2 {
269 margin-right: calc(0px * var(--tw-space-x-reverse));245 color: #111827;
270 margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));246 font-weight: 700;
247 font-size: 1.5em;
248 margin-top: 2em;
249 margin-bottom: 1em;
250 line-height: 1.3333333;
271 }251 }
272 .space-y-1 > :not([hidden]) ~ :not([hidden]) {252
273 --tw-space-y-reverse: 0;253 .prose h1 {
274 margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));254 color: #111827;
275 margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));255 font-weight: 800;
256 font-size: 2.25em;
257 margin-top: 0;
258 margin-bottom: 0.8888889em;
259 line-height: 1.1111111;
276 }260 }
277 .space-x-1 > :not([hidden]) ~ :not([hidden]) {261
278 --tw-space-x-reverse: 0;262 .prose blockquote p:last-of-type:after {
279 margin-right: calc(0.25rem * var(--tw-space-x-reverse));263 content: close-quote;
280 margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
281 }264 }
282 .space-y-2 > :not([hidden]) ~ :not([hidden]) {265
283 --tw-space-y-reverse: 0;266 .prose blockquote p:first-of-type:before {
284 margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));267 content: open-quote;
285 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
286 }268 }
287 .space-x-2 > :not([hidden]) ~ :not([hidden]) {269
288 --tw-space-x-reverse: 0;270 .prose blockquote {
289 margin-right: calc(0.5rem * var(--tw-space-x-reverse));271 font-weight: 500;
290 margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));272 font-style: italic;
273 color: #111827;
274 border-left-width: 0.25rem;
275 border-left-color: #e5e7eb;
276 quotes: "\201C""\201D""\2018""\2019";
277 margin-top: 1.6em;
278 margin-bottom: 1.6em;
279 padding-left: 1em;
291 }280 }
292 .space-y-3 > :not([hidden]) ~ :not([hidden]) {281
293 --tw-space-y-reverse: 0;282 .prose hr {
294 margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));283 border-color: #e5e7eb;
295 margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));284 border-top-width: 1px;
285 margin-top: 3em;
286 margin-bottom: 3em;
296 }287 }
297 .space-x-3 > :not([hidden]) ~ :not([hidden]) {288
298 --tw-space-x-reverse: 0;289 .prose ul > li:before {
299 margin-right: calc(0.75rem * var(--tw-space-x-reverse));290 content: "";
300 margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));291 position: absolute;
292 background-color: #d1d5db;
293 border-radius: 0;
294 width: 0.75em;
295 height: 0.125em;
296 top: 0.8125em;
297 left: 0;
301 }298 }
302 .space-y-4 > :not([hidden]) ~ :not([hidden]) {299
303 --tw-space-y-reverse: 0;300 .prose ul > li {
304 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));301 position: relative;
305 margin-bottom: calc(1rem * var(--tw-space-y-reverse));302 padding-left: 1.5em;
306 }303 }
307 .space-x-4 > :not([hidden]) ~ :not([hidden]) {304
308 --tw-space-x-reverse: 0;305 .prose ol > li:before {
309 margin-right: calc(1rem * var(--tw-space-x-reverse));306 content: counter(list-counter) ".";
310 margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));307 position: absolute;
308 font-weight: 400;
309 color: #6b7280;
310 left: 0;
311 }311 }
312 .space-y-5 > :not([hidden]) ~ :not([hidden]) {312
313 --tw-space-y-reverse: 0;313 .prose ol > li {
314 margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));314 position: relative;
315 margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));315 counter-increment: list-counter;
316 padding-left: 1.75em;
316 }317 }
317 .space-x-5 > :not([hidden]) ~ :not([hidden]) {318
318 --tw-space-x-reverse: 0;319 .prose ol {
319 margin-right: calc(1.25rem * var(--tw-space-x-reverse));320 counter-reset: list-counter;
320 margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));321 margin-top: 1.25em;
322 margin-bottom: 1.25em;
321 }323 }
322 .space-y-6 > :not([hidden]) ~ :not([hidden]) {324
323 --tw-space-y-reverse: 0;325 .prose strong {
324 margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));326 color: #111827;
325 margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));327 font-weight: 500;
326 }328 }
327 .space-x-6 > :not([hidden]) ~ :not([hidden]) {329
328 --tw-space-x-reverse: 0;330 .prose a {
329 margin-right: calc(1.5rem * var(--tw-space-x-reverse));331 color: #0e7490;
330 margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));332 text-decoration: none;
333 font-weight: 500;
334 box-shadow: inset 0 -0.125em 0 0 #fff,
335 inset 0 -0.375em 0 0 rgba(165, 243, 252, 0.4);
331 }336 }
332 .space-y-7 > :not([hidden]) ~ :not([hidden]) {337
333 --tw-space-y-reverse: 0;338 .prose {
334 margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));339 color: #6b7280;
335 margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));340 max-width: none;
336 }341 }
337 .space-x-7 > :not([hidden]) ~ :not([hidden]) {342
338 --tw-space-x-reverse: 0;343 .prose [class~="lead"] {
339 margin-right: calc(1.75rem * var(--tw-space-x-reverse));344 color: #4b5563;
340 margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));345 font-size: 1.25em;
346 line-height: 1.6;
347 margin-top: 1.2em;
348 margin-bottom: 1.2em;
341 }349 }
342 .space-y-8 > :not([hidden]) ~ :not([hidden]) {350
343 --tw-space-y-reverse: 0;351 .sr-only {
344 margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));352 position: absolute;
345 margin-bottom: calc(2rem * var(--tw-space-y-reverse));353 width: 1px;
354 height: 1px;
355 padding: 0;
356 margin: -1px;
357 overflow: hidden;
358 clip: rect(0, 0, 0, 0);
359 white-space: nowrap;
360 border-width: 0;
346 }361 }
347 .space-x-8 > :not([hidden]) ~ :not([hidden]) {362
348 --tw-space-x-reverse: 0;363 .not-sr-only {
349 margin-right: calc(2rem * var(--tw-space-x-reverse));364 position: static;
350 margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));365 width: auto;
366 height: auto;
367 padding: 0;
368 margin: 0;
369 overflow: visible;
370 clip: auto;
371 white-space: normal;
351 }372 }
352 .space-y-9 > :not([hidden]) ~ :not([hidden]) {373
353 --tw-space-y-reverse: 0;374 .pointer-events-none {
354 margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));375 pointer-events: none;
355 margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
356 }376 }
357 .space-x-9 > :not([hidden]) ~ :not([hidden]) {377
358 --tw-space-x-reverse: 0;378 .pointer-events-auto {
359 margin-right: calc(2.25rem * var(--tw-space-x-reverse));379 pointer-events: auto;
360 margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
361 }380 }
362 .space-y-10 > :not([hidden]) ~ :not([hidden]) {381
363 --tw-space-y-reverse: 0;382 .visible {
364 margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));383 visibility: visible;
365 margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
366 }384 }
367 .space-x-10 > :not([hidden]) ~ :not([hidden]) {385
368 --tw-space-x-reverse: 0;386 .invisible {
369 margin-right: calc(2.5rem * var(--tw-space-x-reverse));387 visibility: hidden;
370 margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
371 }388 }
372 .space-y-11 > :not([hidden]) ~ :not([hidden]) {389
373 --tw-space-y-reverse: 0;390 .relative {
374 margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));391 position: relative;
375 margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
376 }392 }
377 .space-x-11 > :not([hidden]) ~ :not([hidden]) {393
378 --tw-space-x-reverse: 0;394 .sticky {
379 margin-right: calc(2.75rem * var(--tw-space-x-reverse));395 position: sticky;
380 margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
381 }396 }
382 .space-y-12 > :not([hidden]) ~ :not([hidden]) {397
383 --tw-space-y-reverse: 0;398 .absolute {
384 margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));399 position: absolute;
385 margin-bottom: calc(3rem * var(--tw-space-y-reverse));
386 }400 }
387 .space-x-12 > :not([hidden]) ~ :not([hidden]) {401
388 --tw-space-x-reverse: 0;402 .fixed {
389 margin-right: calc(3rem * var(--tw-space-x-reverse));403 position: fixed;
390 margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
391 }404 }
392 .space-y-14 > :not([hidden]) ~ :not([hidden]) {405
393 --tw-space-y-reverse: 0;406 .static {
394 margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));407 position: static;
395 margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
396 }408 }
397 .space-x-14 > :not([hidden]) ~ :not([hidden]) {409
398 --tw-space-x-reverse: 0;410 .inset-0 {
399 margin-right: calc(3.5rem * var(--tw-space-x-reverse));411 top: 0;
400 margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));412 right: 0;
413 bottom: 0;
414 left: 0;
401 }415 }
402 .space-y-16 > :not([hidden]) ~ :not([hidden]) {416
403 --tw-space-y-reverse: 0;417 .inset-px {
404 margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));418 top: 1px;
405 margin-bottom: calc(4rem * var(--tw-space-y-reverse));419 right: 1px;
420 bottom: 1px;
421 left: 1px;
406 }422 }
407 .space-x-16 > :not([hidden]) ~ :not([hidden]) {423
408 --tw-space-x-reverse: 0;424 .-inset-px {
409 margin-right: calc(4rem * var(--tw-space-x-reverse));425 top: -1px;
410 margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));426 right: -1px;
427 bottom: -1px;
428 left: -1px;
411 }429 }
412 .space-y-20 > :not([hidden]) ~ :not([hidden]) {430
413 --tw-space-y-reverse: 0;431 .inset-2 {
414 margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));432 top: 0.5rem;
415 margin-bottom: calc(5rem * var(--tw-space-y-reverse));433 right: 0.5rem;
434 bottom: 0.5rem;
435 left: 0.5rem;
416 }436 }
417 .space-x-20 > :not([hidden]) ~ :not([hidden]) {437
418 --tw-space-x-reverse: 0;438 .inset-1 {
419 margin-right: calc(5rem * var(--tw-space-x-reverse));439 top: 0.25rem;
420 margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));440 right: 0.25rem;
441 bottom: 0.25rem;
442 left: 0.25rem;
421 }443 }
422 .space-y-24 > :not([hidden]) ~ :not([hidden]) {444
423 --tw-space-y-reverse: 0;445 .inset-y-0 {
424 margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));446 top: 0;
425 margin-bottom: calc(6rem * var(--tw-space-y-reverse));447 bottom: 0;
426 }448 }
427 .space-x-24 > :not([hidden]) ~ :not([hidden]) {449
428 --tw-space-x-reverse: 0;450 .inset-x-0 {
429 margin-right: calc(6rem * var(--tw-space-x-reverse));451 left: 0;
430 margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));452 right: 0;
431 }453 }
432 .space-y-28 > :not([hidden]) ~ :not([hidden]) {454
433 --tw-space-y-reverse: 0;455 .top-0 {
434 margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));456 top: 0;
435 margin-bottom: calc(7rem * var(--tw-space-y-reverse));
436 }457 }
437 .space-x-28 > :not([hidden]) ~ :not([hidden]) {458
438 --tw-space-x-reverse: 0;459 .-right-4 {
439 margin-right: calc(7rem * var(--tw-space-x-reverse));460 right: -1rem;
440 margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
441 }461 }
442 .space-y-32 > :not([hidden]) ~ :not([hidden]) {462
443 --tw-space-y-reverse: 0;463 .left-80 {
444 margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));464 left: 20rem;
445 margin-bottom: calc(8rem * var(--tw-space-y-reverse));
446 }465 }
447 .space-x-32 > :not([hidden]) ~ :not([hidden]) {466
448 --tw-space-x-reverse: 0;467 .top-1\/2 {
449 margin-right: calc(8rem * var(--tw-space-x-reverse));468 top: 50%;
450 margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
451 }469 }
452 .space-y-36 > :not([hidden]) ~ :not([hidden]) {470
453 --tw-space-y-reverse: 0;471 .right-0 {
454 margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));472 right: 0;
455 margin-bottom: calc(9rem * var(--tw-space-y-reverse));
456 }473 }
457 .space-x-36 > :not([hidden]) ~ :not([hidden]) {474
458 --tw-space-x-reverse: 0;475 .left-0 {
459 margin-right: calc(9rem * var(--tw-space-x-reverse));476 left: 0;
460 margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
461 }
462 .space-y-40 > :not([hidden]) ~ :not([hidden]) {
463 --tw-space-y-reverse: 0;
464 margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
465 margin-bottom: calc(10rem * var(--tw-space-y-reverse));
466 }477 }
467 .space-x-40 > :not([hidden]) ~ :not([hidden]) {478
468 --tw-space-x-reverse: 0;479 .right-1\/2 {
469 margin-right: calc(10rem * var(--tw-space-x-reverse));480 right: 50%;
470 margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
471 }481 }
472 .space-y-44 > :not([hidden]) ~ :not([hidden]) {482
473 --tw-space-y-reverse: 0;483 .left-1\/2 {
474 margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));484 left: 50%;
475 margin-bottom: calc(11rem * var(--tw-space-y-reverse));
476 }485 }
477 .space-x-44 > :not([hidden]) ~ :not([hidden]) {486
478 --tw-space-x-reverse: 0;487 .bottom-4 {
479 margin-right: calc(11rem * var(--tw-space-x-reverse));488 bottom: 1rem;
480 margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
481 }489 }
482 .space-y-48 > :not([hidden]) ~ :not([hidden]) {490
483 --tw-space-y-reverse: 0;491 .right-4 {
484 margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));492 right: 1rem;
485 margin-bottom: calc(12rem * var(--tw-space-y-reverse));
486 }493 }
487 .space-x-48 > :not([hidden]) ~ :not([hidden]) {494
488 --tw-space-x-reverse: 0;495 .-top-96 {
489 margin-right: calc(12rem * var(--tw-space-x-reverse));496 top: -24rem;
490 margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
491 }497 }
492 .space-y-52 > :not([hidden]) ~ :not([hidden]) {498
493 --tw-space-y-reverse: 0;499 .bottom-0 {
494 margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));500 bottom: 0;
495 margin-bottom: calc(13rem * var(--tw-space-y-reverse));
496 }501 }
497 .space-x-52 > :not([hidden]) ~ :not([hidden]) {502
498 --tw-space-x-reverse: 0;503 .-left-96 {
499 margin-right: calc(13rem * var(--tw-space-x-reverse));504 left: -24rem;
500 margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
501 }505 }
502 .space-y-56 > :not([hidden]) ~ :not([hidden]) {506
503 --tw-space-y-reverse: 0;507 .-right-96 {
504 margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));508 right: -24rem;
505 margin-bottom: calc(14rem * var(--tw-space-y-reverse));
506 }509 }
507 .space-x-56 > :not([hidden]) ~ :not([hidden]) {510
508 --tw-space-x-reverse: 0;511 .bottom-2\.5 {
509 margin-right: calc(14rem * var(--tw-space-x-reverse));512 bottom: 0.625rem;
510 margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
511 }513 }
512 .space-y-60 > :not([hidden]) ~ :not([hidden]) {514
513 --tw-space-y-reverse: 0;515 .bottom-2 {
514 margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));516 bottom: 0.5rem;
515 margin-bottom: calc(15rem * var(--tw-space-y-reverse));
516 }517 }
517 .space-x-60 > :not([hidden]) ~ :not([hidden]) {518
518 --tw-space-x-reverse: 0;519 .top-0\.5 {
519 margin-right: calc(15rem * var(--tw-space-x-reverse));520 top: 0.125rem;
520 margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
521 }521 }
522 .space-y-64 > :not([hidden]) ~ :not([hidden]) {522
523 --tw-space-y-reverse: 0;523 .-right-0\.5 {
524 margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));524 right: -0.125rem;
525 margin-bottom: calc(16rem * var(--tw-space-y-reverse));
526 }525 }
527 .space-x-64 > :not([hidden]) ~ :not([hidden]) {526
528 --tw-space-x-reverse: 0;527 .-bottom-0\.5 {
529 margin-right: calc(16rem * var(--tw-space-x-reverse));528 bottom: -0.125rem;
530 margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
531 }529 }
532 .space-y-72 > :not([hidden]) ~ :not([hidden]) {530
533 --tw-space-y-reverse: 0;531 .left-0\.5 {
534 margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));532 left: 0.125rem;
535 margin-bottom: calc(18rem * var(--tw-space-y-reverse));
536 }533 }
537 .space-x-72 > :not([hidden]) ~ :not([hidden]) {534
538 --tw-space-x-reverse: 0;535 .-right-0 {
539 margin-right: calc(18rem * var(--tw-space-x-reverse));536 right: 0;
540 margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
541 }537 }
542 .space-y-80 > :not([hidden]) ~ :not([hidden]) {538
543 --tw-space-y-reverse: 0;539 .-bottom-0 {
544 margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));540 bottom: 0;
545 margin-bottom: calc(20rem * var(--tw-space-y-reverse));
546 }541 }
547 .space-x-80 > :not([hidden]) ~ :not([hidden]) {542
548 --tw-space-x-reverse: 0;543 .bottom-1\/2 {
549 margin-right: calc(20rem * var(--tw-space-x-reverse));544 bottom: 50%;
550 margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
551 }545 }
552 .space-y-96 > :not([hidden]) ~ :not([hidden]) {546
553 --tw-space-y-reverse: 0;547 .top-18 {
554 margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));548 top: 4.5rem;
555 margin-bottom: calc(24rem * var(--tw-space-y-reverse));
556 }549 }
557 .space-x-96 > :not([hidden]) ~ :not([hidden]) {550
558 --tw-space-x-reverse: 0;551 .-left-64 {
559 margin-right: calc(24rem * var(--tw-space-x-reverse));552 left: -16rem;
560 margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
561 }553 }
562 .space-y-px > :not([hidden]) ~ :not([hidden]) {554
563 --tw-space-y-reverse: 0;555 .top-px {
564 margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));556 top: 1px;
565 margin-bottom: calc(1px * var(--tw-space-y-reverse));
566 }557 }
567 .space-x-px > :not([hidden]) ~ :not([hidden]) {558
568 --tw-space-x-reverse: 0;559 .top-full {
569 margin-right: calc(1px * var(--tw-space-x-reverse));560 top: 100%;
570 margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
571 }561 }
572 .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {562
573 --tw-space-y-reverse: 0;563 .left-full {
574 margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));564 left: 100%;
575 margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
576 }565 }
577 .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {566
578 --tw-space-x-reverse: 0;567 .right-full {
579 margin-right: calc(0.125rem * var(--tw-space-x-reverse));568 right: 100%;
580 margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
581 }569 }
582 .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {570
583 --tw-space-y-reverse: 0;571 .top-4 {
584 margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));572 top: 1rem;
585 margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
586 }573 }
587 .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {574
588 --tw-space-x-reverse: 0;575 .left-4 {
589 margin-right: calc(0.375rem * var(--tw-space-x-reverse));576 left: 1rem;
590 margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
591 }577 }
592 .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {578
593 --tw-space-y-reverse: 0;579 .left-3 {
594 margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));580 left: 0.75rem;
595 margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
596 }581 }
597 .space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {582
598 --tw-space-x-reverse: 0;583 .top-6 {
599 margin-right: calc(0.625rem * var(--tw-space-x-reverse));584 top: 1.5rem;
600 margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
601 }585 }
602 .space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {586
603 --tw-space-y-reverse: 0;587 .left-6 {
604 margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));588 left: 1.5rem;
605 margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
606 }589 }
607 .space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {590
608 --tw-space-x-reverse: 0;591 .left-2 {
609 margin-right: calc(0.875rem * var(--tw-space-x-reverse));592 left: 0.5rem;
610 margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
611 }593 }
612 .-space-y-0 > :not([hidden]) ~ :not([hidden]) {594
613 --tw-space-y-reverse: 0;595 .bottom-3 {
614 margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));596 bottom: 0.75rem;
615 margin-bottom: calc(0px * var(--tw-space-y-reverse));
616 }597 }
617 .-space-x-0 > :not([hidden]) ~ :not([hidden]) {598
618 --tw-space-x-reverse: 0;599 .top-2 {
619 margin-right: calc(0px * var(--tw-space-x-reverse));600 top: 0.5rem;
620 margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
621 }601 }
622 .-space-y-1 > :not([hidden]) ~ :not([hidden]) {602
623 --tw-space-y-reverse: 0;603 .right-2 {
624 margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));604 right: 0.5rem;
625 margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
626 }605 }
627 .-space-x-1 > :not([hidden]) ~ :not([hidden]) {606
628 --tw-space-x-reverse: 0;607 .top-\[-113px\] {
629 margin-right: calc(-0.25rem * var(--tw-space-x-reverse));608 top: -113px;
630 margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
631 }609 }
632 .-space-y-2 > :not([hidden]) ~ :not([hidden]) {610
633 --tw-space-y-reverse: 0;611 .top-\[-325px\] {
634 margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));612 top: -325px;
635 margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
636 }613 }
637 .-space-x-2 > :not([hidden]) ~ :not([hidden]) {614
638 --tw-space-x-reverse: 0;615 .right-\[62px\] {
639 margin-right: calc(-0.5rem * var(--tw-space-x-reverse));616 right: 62px;
640 margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
641 }617 }
642 .-space-y-3 > :not([hidden]) ~ :not([hidden]) {618
643 --tw-space-y-reverse: 0;619 .-top-16 {
644 margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));620 top: -4rem;
645 margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
646 }621 }
647 .-space-x-3 > :not([hidden]) ~ :not([hidden]) {622
648 --tw-space-x-reverse: 0;623 .-left-6 {
649 margin-right: calc(-0.75rem * var(--tw-space-x-reverse));624 left: -1.5rem;
650 margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
651 }625 }
652 .-space-y-4 > :not([hidden]) ~ :not([hidden]) {626
653 --tw-space-y-reverse: 0;627 .-left-12 {
654 margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));628 left: -3rem;
655 margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
656 }629 }
657 .-space-x-4 > :not([hidden]) ~ :not([hidden]) {630
658 --tw-space-x-reverse: 0;631 .-left-18 {
659 margin-right: calc(-1rem * var(--tw-space-x-reverse));632 left: -4.5rem;
660 margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
661 }633 }
662 .-space-y-5 > :not([hidden]) ~ :not([hidden]) {634
663 --tw-space-y-reverse: 0;635 .-left-24 {
664 margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));636 left: -6rem;
665 margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
666 }637 }
667 .-space-x-5 > :not([hidden]) ~ :not([hidden]) {638
668 --tw-space-x-reverse: 0;639 .top-8 {
669 margin-right: calc(-1.25rem * var(--tw-space-x-reverse));640 top: 2rem;
670 margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
671 }641 }
672 .-space-y-6 > :not([hidden]) ~ :not([hidden]) {642
673 --tw-space-y-reverse: 0;643 .isolate {
674 margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));644 isolation: isolate;
675 margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
676 }645 }
677 .-space-x-6 > :not([hidden]) ~ :not([hidden]) {646
678 --tw-space-x-reverse: 0;647 .isolation-auto {
679 margin-right: calc(-1.5rem * var(--tw-space-x-reverse));648 isolation: auto;
680 margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
681 }649 }
682 .-space-y-7 > :not([hidden]) ~ :not([hidden]) {650
683 --tw-space-y-reverse: 0;651 .z-20 {
684 margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));652 z-index: 20;
685 margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
686 }653 }
687 .-space-x-7 > :not([hidden]) ~ :not([hidden]) {654
688 --tw-space-x-reverse: 0;655 .z-40 {
689 margin-right: calc(-1.75rem * var(--tw-space-x-reverse));656 z-index: 40;
690 margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
691 }657 }
692 .-space-y-8 > :not([hidden]) ~ :not([hidden]) {658
693 --tw-space-y-reverse: 0;659 .z-50 {
694 margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));660 z-index: 50;
695 margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
696 }661 }
697 .-space-x-8 > :not([hidden]) ~ :not([hidden]) {662
698 --tw-space-x-reverse: 0;663 .z-10 {
699 margin-right: calc(-2rem * var(--tw-space-x-reverse));664 z-index: 10;
700 margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
701 }665 }
702 .-space-y-9 > :not([hidden]) ~ :not([hidden]) {666
703 --tw-space-y-reverse: 0;667 .z-30 {
704 margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));668 z-index: 30;
705 margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
706 }669 }
707 .-space-x-9 > :not([hidden]) ~ :not([hidden]) {670
708 --tw-space-x-reverse: 0;671 .z-0 {
709 margin-right: calc(-2.25rem * var(--tw-space-x-reverse));672 z-index: 0;
710 margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
711 }673 }
712 .-space-y-10 > :not([hidden]) ~ :not([hidden]) {674
713 --tw-space-y-reverse: 0;675 .order-3 {
714 margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));676 order: 3;
715 margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
716 }677 }
717 .-space-x-10 > :not([hidden]) ~ :not([hidden]) {678
718 --tw-space-x-reverse: 0;679 .order-2 {
719 margin-right: calc(-2.5rem * var(--tw-space-x-reverse));680 order: 2;
720 margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
721 }681 }
722 .-space-y-11 > :not([hidden]) ~ :not([hidden]) {682
723 --tw-space-y-reverse: 0;683 .order-last {
724 margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));684 order: 9999;
725 margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
726 }685 }
727 .-space-x-11 > :not([hidden]) ~ :not([hidden]) {686
728 --tw-space-x-reverse: 0;687 .order-first {
729 margin-right: calc(-2.75rem * var(--tw-space-x-reverse));688 order: -9999;
730 margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
731 }689 }
732 .-space-y-12 > :not([hidden]) ~ :not([hidden]) {690
733 --tw-space-y-reverse: 0;691 .order-none {
734 margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));692 order: 0;
735 margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
736 }693 }
737 .-space-x-12 > :not([hidden]) ~ :not([hidden]) {694
738 --tw-space-x-reverse: 0;695 .col-span-2 {
739 margin-right: calc(-3rem * var(--tw-space-x-reverse));696 grid-column: span 2 / span 2;
740 margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
741 }697 }
742 .-space-y-14 > :not([hidden]) ~ :not([hidden]) {698
743 --tw-space-y-reverse: 0;699 .col-span-full {
744 margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));700 grid-column: 1/-1;
745 margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
746 }701 }
747 .-space-x-14 > :not([hidden]) ~ :not([hidden]) {702
748 --tw-space-x-reverse: 0;703 .col-span-3 {
749 margin-right: calc(-3.5rem * var(--tw-space-x-reverse));704 grid-column: span 3 / span 3;
750 margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
751 }705 }
752 .-space-y-16 > :not([hidden]) ~ :not([hidden]) {706
753 --tw-space-y-reverse: 0;707 .col-span-4 {
754 margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));708 grid-column: span 4 / span 4;
755 margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
756 }709 }
757 .-space-x-16 > :not([hidden]) ~ :not([hidden]) {710
758 --tw-space-x-reverse: 0;711 .col-span-6 {
759 margin-right: calc(-4rem * var(--tw-space-x-reverse));712 grid-column: span 6 / span 6;
760 margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
761 }713 }
762 .-space-y-20 > :not([hidden]) ~ :not([hidden]) {714
763 --tw-space-y-reverse: 0;715 .col-end-3 {
764 margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));716 grid-column-end: 3;
765 margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
766 }717 }
767 .-space-x-20 > :not([hidden]) ~ :not([hidden]) {718
768 --tw-space-x-reverse: 0;719 .col-end-4 {
769 margin-right: calc(-5rem * var(--tw-space-x-reverse));720 grid-column-end: 4;
770 margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
771 }721 }
772 .-space-y-24 > :not([hidden]) ~ :not([hidden]) {722
773 --tw-space-y-reverse: 0;723 .col-end-2 {
774 margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));724 grid-column-end: 2;
775 margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
776 }725 }
777 .-space-x-24 > :not([hidden]) ~ :not([hidden]) {726
778 --tw-space-x-reverse: 0;727 .col-end-7 {
779 margin-right: calc(-6rem * var(--tw-space-x-reverse));728 grid-column-end: 7;
780 margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
781 }729 }
782 .-space-y-28 > :not([hidden]) ~ :not([hidden]) {730
783 --tw-space-y-reverse: 0;731 .col-start-2 {
784 margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));732 grid-column-start: 2;
785 margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
786 }733 }
787 .-space-x-28 > :not([hidden]) ~ :not([hidden]) {734
788 --tw-space-x-reverse: 0;735 .col-start-1 {
789 margin-right: calc(-7rem * var(--tw-space-x-reverse));736 grid-column-start: 1;
790 margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
791 }737 }
792 .-space-y-32 > :not([hidden]) ~ :not([hidden]) {738
793 --tw-space-y-reverse: 0;739 .col-start-3 {
794 margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));740 grid-column-start: 3;
795 margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
796 }741 }
797 .-space-x-32 > :not([hidden]) ~ :not([hidden]) {742
798 --tw-space-x-reverse: 0;743 .row-span-2 {
799 margin-right: calc(-8rem * var(--tw-space-x-reverse));744 grid-row: span 2 / span 2;
800 margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
801 }745 }
802 .-space-y-36 > :not([hidden]) ~ :not([hidden]) {746
803 --tw-space-y-reverse: 0;747 .row-span-full {
804 margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));748 grid-row: 1/-1;
805 margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
806 }749 }
807 .-space-x-36 > :not([hidden]) ~ :not([hidden]) {750
808 --tw-space-x-reverse: 0;751 .row-span-3 {
809 margin-right: calc(-9rem * var(--tw-space-x-reverse));752 grid-row: span 3 / span 3;
810 margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
811 }753 }
812 .-space-y-40 > :not([hidden]) ~ :not([hidden]) {754
813 --tw-space-y-reverse: 0;755 .row-end-4 {
814 margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));756 grid-row-end: 4;
815 margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
816 }757 }
817 .-space-x-40 > :not([hidden]) ~ :not([hidden]) {758
818 --tw-space-x-reverse: 0;759 .row-end-5 {
819 margin-right: calc(-10rem * var(--tw-space-x-reverse));760 grid-row-end: 5;
820 margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
821 }761 }
822 .-space-y-44 > :not([hidden]) ~ :not([hidden]) {762
823 --tw-space-y-reverse: 0;763 .row-end-2 {
824 margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));764 grid-row-end: 2;
825 margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
826 }765 }
827 .-space-x-44 > :not([hidden]) ~ :not([hidden]) {766
828 --tw-space-x-reverse: 0;767 .row-end-3 {
829 margin-right: calc(-11rem * var(--tw-space-x-reverse));768 grid-row-end: 3;
830 margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
831 }769 }
832 .-space-y-48 > :not([hidden]) ~ :not([hidden]) {770
833 --tw-space-y-reverse: 0;771 .row-start-2 {
834 margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));772 grid-row-start: 2;
835 margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
836 }773 }
837 .-space-x-48 > :not([hidden]) ~ :not([hidden]) {774
838 --tw-space-x-reverse: 0;775 .row-start-1 {
839 margin-right: calc(-12rem * var(--tw-space-x-reverse));776 grid-row-start: 1;
840 margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
841 }777 }
842 .-space-y-52 > :not([hidden]) ~ :not([hidden]) {778
843 --tw-space-y-reverse: 0;779 .row-start-3 {
844 margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));780 grid-row-start: 3;
845 margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
846 }781 }
847 .-space-x-52 > :not([hidden]) ~ :not([hidden]) {782
848 --tw-space-x-reverse: 0;783 .float-left {
849 margin-right: calc(-13rem * var(--tw-space-x-reverse));784 float: left;
850 margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
851 }785 }
852 .-space-y-56 > :not([hidden]) ~ :not([hidden]) {786
853 --tw-space-y-reverse: 0;787 .float-right {
854 margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));788 float: right;
855 margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
856 }789 }
857 .-space-x-56 > :not([hidden]) ~ :not([hidden]) {790
858 --tw-space-x-reverse: 0;791 .float-none {
859 margin-right: calc(-14rem * var(--tw-space-x-reverse));792 float: none;
860 margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
861 }793 }
862 .-space-y-60 > :not([hidden]) ~ :not([hidden]) {794
863 --tw-space-y-reverse: 0;795 .clear-left {
864 margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));796 clear: left;
865 margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
866 }797 }
867 .-space-x-60 > :not([hidden]) ~ :not([hidden]) {798
868 --tw-space-x-reverse: 0;799 .clear-right {
869 margin-right: calc(-15rem * var(--tw-space-x-reverse));800 clear: right;
870 margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
871 }801 }
872 .-space-y-64 > :not([hidden]) ~ :not([hidden]) {802
873 --tw-space-y-reverse: 0;803 .clear-both {
874 margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));804 clear: both;
875 margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
876 }805 }
877 .-space-x-64 > :not([hidden]) ~ :not([hidden]) {806
878 --tw-space-x-reverse: 0;807 .clear-none {
879 margin-right: calc(-16rem * var(--tw-space-x-reverse));808 clear: none;
880 margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
881 }809 }
882 .-space-y-72 > :not([hidden]) ~ :not([hidden]) {810
883 --tw-space-y-reverse: 0;811 .m-0\.5 {
884 margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));812 margin: 0.125rem;
885 margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
886 }813 }
887 .-space-x-72 > :not([hidden]) ~ :not([hidden]) {814
888 --tw-space-x-reverse: 0;815 .m-0 {
889 margin-right: calc(-18rem * var(--tw-space-x-reverse));816 margin: 0;
890 margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
891 }817 }
892 .-space-y-80 > :not([hidden]) ~ :not([hidden]) {818
893 --tw-space-y-reverse: 0;819 .-m-8 {
894 margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));820 margin: -2rem;
895 margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
896 }821 }
897 .-space-x-80 > :not([hidden]) ~ :not([hidden]) {822
898 --tw-space-x-reverse: 0;823 .m-2 {
899 margin-right: calc(-20rem * var(--tw-space-x-reverse));824 margin: 0.5rem;
900 margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
901 }825 }
902 .-space-y-96 > :not([hidden]) ~ :not([hidden]) {826
903 --tw-space-y-reverse: 0;827 .-m-2 {
904 margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));828 margin: -0.5rem;
905 margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
906 }829 }
907 .-space-x-96 > :not([hidden]) ~ :not([hidden]) {830
908 --tw-space-x-reverse: 0;831 .m-8 {
909 margin-right: calc(-24rem * var(--tw-space-x-reverse));832 margin: 2rem;
910 margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
911 }833 }
912 .-space-y-px > :not([hidden]) ~ :not([hidden]) {834
913 --tw-space-y-reverse: 0;835 .-mx-3 {
914 margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));836 margin-left: -0.75rem;
915 margin-bottom: calc(-1px * var(--tw-space-y-reverse));837 margin-right: -0.75rem;
916 }838 }
917 .-space-x-px > :not([hidden]) ~ :not([hidden]) {839
918 --tw-space-x-reverse: 0;840 .my-6 {
919 margin-right: calc(-1px * var(--tw-space-x-reverse));841 margin-top: 1.5rem;
920 margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));842 margin-bottom: 1.5rem;
921 }843 }
922 .-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {844
923 --tw-space-y-reverse: 0;845 .mx-auto {
924 margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));846 margin-left: auto;
925 margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));847 margin-right: auto;
926 }848 }
927 .-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {849
928 --tw-space-x-reverse: 0;850 .mx-6 {
929 margin-right: calc(-0.125rem * var(--tw-space-x-reverse));851 margin-left: 1.5rem;
930 margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));852 margin-right: 1.5rem;
931 }853 }
932 .-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {854
933 --tw-space-y-reverse: 0;855 .-mx-1 {
934 margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));856 margin-left: -0.25rem;
935 margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));857 margin-right: -0.25rem;
936 }858 }
937 .-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {859
938 --tw-space-x-reverse: 0;860 .-my-1 {
939 margin-right: calc(-0.375rem * var(--tw-space-x-reverse));861 margin-top: -0.25rem;
940 margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));862 margin-bottom: -0.25rem;
941 }863 }
942 .-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {864
943 --tw-space-y-reverse: 0;865 .my-15px {
944 margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));866 margin-top: 0.9375rem;
945 margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));867 margin-bottom: 0.9375rem;
946 }868 }
947 .-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {869
948 --tw-space-x-reverse: 0;870 .my-23px {
949 margin-right: calc(-0.625rem * var(--tw-space-x-reverse));871 margin-top: 1.4375rem;
950 margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));872 margin-bottom: 1.4375rem;
951 }873 }
952 .-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {874
953 --tw-space-y-reverse: 0;875 .my-5 {
954 margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));876 margin-top: 1.25rem;
955 margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));877 margin-bottom: 1.25rem;
956 }878 }
957 .-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {879
958 --tw-space-x-reverse: 0;880 .-my-8 {
959 margin-right: calc(-0.875rem * var(--tw-space-x-reverse));881 margin-top: -2rem;
960 margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));882 margin-bottom: -2rem;
961 }883 }
962 .space-y-reverse > :not([hidden]) ~ :not([hidden]) {884
963 --tw-space-y-reverse: 1;885 .-mx-4 {
886 margin-left: -1rem;
887 margin-right: -1rem;
964 }888 }
965 .space-x-reverse > :not([hidden]) ~ :not([hidden]) {889
966 --tw-space-x-reverse: 1;890 .my-8 {
891 margin-top: 2rem;
892 margin-bottom: 2rem;
967 }893 }
968 .divide-y-0 > :not([hidden]) ~ :not([hidden]) {894
969 --tw-divide-y-reverse: 0;895 .-my-0\.5 {
970 border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));896 margin-top: -0.125rem;
971 border-bottom-width: calc(0px * var(--tw-divide-y-reverse));897 margin-bottom: -0.125rem;
972 }898 }
973 .divide-x-0 > :not([hidden]) ~ :not([hidden]) {899
974 --tw-divide-x-reverse: 0;900 .-my-0 {
975 border-right-width: calc(0px * var(--tw-divide-x-reverse));901 margin-top: 0;
976 border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));902 margin-bottom: 0;
977 }903 }
978 .divide-y-2 > :not([hidden]) ~ :not([hidden]) {904
979 --tw-divide-y-reverse: 0;905 .-mx-px {
980 border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));906 margin-left: -1px;
981 border-bottom-width: calc(2px * var(--tw-divide-y-reverse));907 margin-right: -1px;
982 }908 }
983 .divide-x-2 > :not([hidden]) ~ :not([hidden]) {909
984 --tw-divide-x-reverse: 0;910 .mx-2 {
985 border-right-width: calc(2px * var(--tw-divide-x-reverse));911 margin-left: 0.5rem;
986 border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));912 margin-right: 0.5rem;
987 }913 }
988 .divide-y-4 > :not([hidden]) ~ :not([hidden]) {914
989 --tw-divide-y-reverse: 0;915 .mx-4 {
990 border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));916 margin-left: 1rem;
991 border-bottom-width: calc(4px * var(--tw-divide-y-reverse));917 margin-right: 1rem;
992 }918 }
993 .divide-x-4 > :not([hidden]) ~ :not([hidden]) {919
994 --tw-divide-x-reverse: 0;920 .-mx-8 {
995 border-right-width: calc(4px * var(--tw-divide-x-reverse));921 margin-left: -2rem;
996 border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));922 margin-right: -2rem;
997 }923 }
998 .divide-y-8 > :not([hidden]) ~ :not([hidden]) {924
999 --tw-divide-y-reverse: 0;925 .my-4 {
1000 border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));926 margin-top: 1rem;
1001 border-bottom-width: calc(8px * var(--tw-divide-y-reverse));927 margin-bottom: 1rem;
1002 }928 }
1003 .divide-x-8 > :not([hidden]) ~ :not([hidden]) {929
1004 --tw-divide-x-reverse: 0;930 .my-2 {
1005 border-right-width: calc(8px * var(--tw-divide-x-reverse));931 margin-top: 0.5rem;
1006 border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));932 margin-bottom: 0.5rem;
1007 }933 }
1008 .divide-y > :not([hidden]) ~ :not([hidden]) {934
1009 --tw-divide-y-reverse: 0;935 .my-12 {
1010 border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));936 margin-top: 3rem;
1011 border-bottom-width: calc(1px * var(--tw-divide-y-reverse));937 margin-bottom: 3rem;
1012 }938 }
1013 .divide-x > :not([hidden]) ~ :not([hidden]) {939
1014 --tw-divide-x-reverse: 0;940 .mx-8 {
1015 border-right-width: calc(1px * var(--tw-divide-x-reverse));941 margin-left: 2rem;
1016 border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));942 margin-right: 2rem;
1017 }943 }
1018 .divide-y-reverse > :not([hidden]) ~ :not([hidden]) {944
1019 --tw-divide-y-reverse: 1;945 .-mx-72 {
946 margin-left: -18rem;
947 margin-right: -18rem;
1020 }948 }
1021 .divide-x-reverse > :not([hidden]) ~ :not([hidden]) {949
1022 --tw-divide-x-reverse: 1;950 .-mx-5 {
951 margin-left: -1.25rem;
952 margin-right: -1.25rem;
1023 }953 }
1024 .divide-transparent > :not([hidden]) ~ :not([hidden]) {954
1025 border-color: transparent;955 .mx-5 {
956 margin-left: 1.25rem;
957 margin-right: 1.25rem;
1026 }958 }
1027 .divide-current > :not([hidden]) ~ :not([hidden]) {959
1028 border-color: currentColor;960 .ml-2 {
961 margin-left: 0.5rem;
1029 }962 }
1030 .divide-black > :not([hidden]) ~ :not([hidden]) {963
1031 --tw-divide-opacity: 1;964 .mb-8 {
1032 border-color: rgba(0, 0, 0, var(--tw-divide-opacity));965 margin-bottom: 2rem;
1033 }966 }
1034 .divide-white > :not([hidden]) ~ :not([hidden]) {967
1035 --tw-divide-opacity: 1;968 .ml-4 {
1036 border-color: rgba(255, 255, 255, var(--tw-divide-opacity));969 margin-left: 1rem;
1037 }970 }
1038 .divide-gray-50 > :not([hidden]) ~ :not([hidden]) {971
1039 --tw-divide-opacity: 1;972 .-mt-4 {
1040 border-color: rgba(249, 250, 251, var(--tw-divide-opacity));973 margin-top: -1rem;
1041 }
1042 .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1043 --tw-divide-opacity: 1;
1044 border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
1045 }974 }
1046 .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {975
1047 --tw-divide-opacity: 1;976 .mb-4 {
1048 border-color: rgba(229, 231, 235, var(--tw-divide-opacity));977 margin-bottom: 1rem;
1049 }978 }
1050 .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {979
1051 --tw-divide-opacity: 1;980 .-mt-6 {
1052 border-color: rgba(209, 213, 219, var(--tw-divide-opacity));981 margin-top: -1.5rem;
1053 }982 }
1054 .divide-gray-400 > :not([hidden]) ~ :not([hidden]) {983
1055 --tw-divide-opacity: 1;984 .mt-6 {
1056 border-color: rgba(156, 163, 175, var(--tw-divide-opacity));985 margin-top: 1.5rem;
1057 }986 }
1058 .divide-gray-500 > :not([hidden]) ~ :not([hidden]) {987
1059 --tw-divide-opacity: 1;988 .mb-2 {
1060 border-color: rgba(107, 114, 128, var(--tw-divide-opacity));989 margin-bottom: 0.5rem;
1061 }990 }
1062 .divide-gray-600 > :not([hidden]) ~ :not([hidden]) {991
1063 --tw-divide-opacity: 1;992 .-ml-8 {
1064 border-color: rgba(75, 85, 99, var(--tw-divide-opacity));993 margin-left: -2rem;
1065 }994 }
1066 .divide-gray-700 > :not([hidden]) ~ :not([hidden]) {995
1067 --tw-divide-opacity: 1;996 .-mr-8 {
1068 border-color: rgba(55, 65, 81, var(--tw-divide-opacity));997 margin-right: -2rem;
1069 }998 }
1070 .divide-gray-800 > :not([hidden]) ~ :not([hidden]) {999
1071 --tw-divide-opacity: 1;1000 .-ml-full {
1072 border-color: rgba(31, 41, 55, var(--tw-divide-opacity));1001 margin-left: -100%;
1073 }1002 }
1074 .divide-gray-900 > :not([hidden]) ~ :not([hidden]) {1003
1075 --tw-divide-opacity: 1;1004 .ml-6 {
1076 border-color: rgba(17, 24, 39, var(--tw-divide-opacity));1005 margin-left: 1.5rem;
1077 }1006 }
1078 .divide-red-50 > :not([hidden]) ~ :not([hidden]) {1007
1079 --tw-divide-opacity: 1;1008 .-mt-3 {
1080 border-color: rgba(254, 242, 242, var(--tw-divide-opacity));1009 margin-top: -0.75rem;
1081 }1010 }
1082 .divide-red-100 > :not([hidden]) ~ :not([hidden]) {1011
1083 --tw-divide-opacity: 1;1012 .-ml-3 {
1084 border-color: rgba(254, 226, 226, var(--tw-divide-opacity));1013 margin-left: -0.75rem;
1085 }1014 }
1086 .divide-red-200 > :not([hidden]) ~ :not([hidden]) {1015
1087 --tw-divide-opacity: 1;1016 .mr-3 {
1088 border-color: rgba(254, 202, 202, var(--tw-divide-opacity));1017 margin-right: 0.75rem;
1089 }1018 }
1090 .divide-red-300 > :not([hidden]) ~ :not([hidden]) {1019
1091 --tw-divide-opacity: 1;1020 .ml-3 {
1092 border-color: rgba(252, 165, 165, var(--tw-divide-opacity));1021 margin-left: 0.75rem;
1093 }1022 }
1094 .divide-red-400 > :not([hidden]) ~ :not([hidden]) {1023
1095 --tw-divide-opacity: 1;1024 .mt-2 {
1096 border-color: rgba(248, 113, 113, var(--tw-divide-opacity));1025 margin-top: 0.5rem;
1097 }1026 }
1098 .divide-red-500 > :not([hidden]) ~ :not([hidden]) {1027
1099 --tw-divide-opacity: 1;1028 .mb-6 {
1100 border-color: rgba(239, 68, 68, var(--tw-divide-opacity));1029 margin-bottom: 1.5rem;
1101 }1030 }
1102 .divide-red-600 > :not([hidden]) ~ :not([hidden]) {1031
1103 --tw-divide-opacity: 1;1032 .ml-auto {
1104 border-color: rgba(220, 38, 38, var(--tw-divide-opacity));1033 margin-left: auto;
1105 }1034 }
1106 .divide-red-700 > :not([hidden]) ~ :not([hidden]) {1035
1107 --tw-divide-opacity: 1;1036 .mt-4 {
1108 border-color: rgba(185, 28, 28, var(--tw-divide-opacity));1037 margin-top: 1rem;
1109 }1038 }
1110 .divide-red-800 > :not([hidden]) ~ :not([hidden]) {1039
1111 --tw-divide-opacity: 1;1040 .mb-2\.5 {
1112 border-color: rgba(153, 27, 27, var(--tw-divide-opacity));1041 margin-bottom: 0.625rem;
1113 }1042 }
1114 .divide-red-900 > :not([hidden]) ~ :not([hidden]) {1043
1115 --tw-divide-opacity: 1;1044 .mb-0\.5 {
1116 border-color: rgba(127, 29, 29, var(--tw-divide-opacity));1045 margin-bottom: 0.125rem;
1117 }1046 }
1118 .divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {1047
1119 --tw-divide-opacity: 1;1048 .mb-0 {
1120 border-color: rgba(255, 251, 235, var(--tw-divide-opacity));1049 margin-bottom: 0;
1121 }1050 }
1122 .divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {1051
1123 --tw-divide-opacity: 1;1052 .-mb-1 {
1124 border-color: rgba(254, 243, 199, var(--tw-divide-opacity));1053 margin-bottom: -0.25rem;
1125 }1054 }
1126 .divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {1055
1127 --tw-divide-opacity: 1;1056 .mb-1\.5 {
1128 border-color: rgba(253, 230, 138, var(--tw-divide-opacity));1057 margin-bottom: 0.375rem;
1129 }1058 }
1130 .divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {1059
1131 --tw-divide-opacity: 1;1060 .mb-1 {
1132 border-color: rgba(252, 211, 77, var(--tw-divide-opacity));1061 margin-bottom: 0.25rem;
1133 }1062 }
1134 .divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {1063
1135 --tw-divide-opacity: 1;1064 .mt-3 {
1136 border-color: rgba(251, 191, 36, var(--tw-divide-opacity));1065 margin-top: 0.75rem;
1137 }1066 }
1138 .divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {1067
1139 --tw-divide-opacity: 1;1068 .-ml-2\.5 {
1140 border-color: rgba(245, 158, 11, var(--tw-divide-opacity));1069 margin-left: -0.625rem;
1141 }1070 }
1142 .divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {1071
1143 --tw-divide-opacity: 1;1072 .-ml-2 {
1144 border-color: rgba(217, 119, 6, var(--tw-divide-opacity));1073 margin-left: -0.5rem;
1145 }1074 }
1146 .divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {1075
1147 --tw-divide-opacity: 1;1076 .ml-5 {
1148 border-color: rgba(180, 83, 9, var(--tw-divide-opacity));1077 margin-left: 1.25rem;
1149 }1078 }
1150 .divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {1079
1151 --tw-divide-opacity: 1;1080 .mt-0\.5 {
1152 border-color: rgba(146, 64, 14, var(--tw-divide-opacity));1081 margin-top: 0.125rem;
1153 }1082 }
1154 .divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {1083
1155 --tw-divide-opacity: 1;1084 .mt-0 {
1156 border-color: rgba(120, 53, 15, var(--tw-divide-opacity));1085 margin-top: 0;
1157 }1086 }
1158 .divide-green-50 > :not([hidden]) ~ :not([hidden]) {1087
1159 --tw-divide-opacity: 1;1088 .mb-10 {
1160 border-color: rgba(236, 253, 245, var(--tw-divide-opacity));1089 margin-bottom: 2.5rem;
1161 }1090 }
1162 .divide-green-100 > :not([hidden]) ~ :not([hidden]) {1091
1163 --tw-divide-opacity: 1;1092 .mt-1\.5 {
1164 border-color: rgba(209, 250, 229, var(--tw-divide-opacity));1093 margin-top: 0.375rem;
1165 }1094 }
1166 .divide-green-200 > :not([hidden]) ~ :not([hidden]) {1095
1167 --tw-divide-opacity: 1;1096 .mt-1 {
1168 border-color: rgba(167, 243, 208, var(--tw-divide-opacity));1097 margin-top: 0.25rem;
1169 }1098 }
1170 .divide-green-300 > :not([hidden]) ~ :not([hidden]) {1099
1171 --tw-divide-opacity: 1;1100 .mb-5 {
1172 border-color: rgba(110, 231, 183, var(--tw-divide-opacity));1101 margin-bottom: 1.25rem;
1173 }1102 }
1174 .divide-green-400 > :not([hidden]) ~ :not([hidden]) {1103
1175 --tw-divide-opacity: 1;1104 .mt-8 {
1176 border-color: rgba(52, 211, 153, var(--tw-divide-opacity));1105 margin-top: 2rem;
1177 }1106 }
1178 .divide-green-500 > :not([hidden]) ~ :not([hidden]) {1107
1179 --tw-divide-opacity: 1;1108 .mr-1 {
1180 border-color: rgba(16, 185, 129, var(--tw-divide-opacity));1109 margin-right: 0.25rem;
1181 }1110 }
1182 .divide-green-600 > :not([hidden]) ~ :not([hidden]) {1111
1183 --tw-divide-opacity: 1;1112 .-mr-1 {
1184 border-color: rgba(5, 150, 105, var(--tw-divide-opacity));1113 margin-right: -0.25rem;
1185 }1114 }
1186 .divide-green-700 > :not([hidden]) ~ :not([hidden]) {1115
1187 --tw-divide-opacity: 1;1116 .-mt-2\.5 {
1188 border-color: rgba(4, 120, 87, var(--tw-divide-opacity));1117 margin-top: -0.625rem;
1189 }1118 }
1190 .divide-green-800 > :not([hidden]) ~ :not([hidden]) {1119
1191 --tw-divide-opacity: 1;1120 .-mt-2 {
1192 border-color: rgba(6, 95, 70, var(--tw-divide-opacity));1121 margin-top: -0.5rem;
1193 }1122 }
1194 .divide-green-900 > :not([hidden]) ~ :not([hidden]) {1123
1195 --tw-divide-opacity: 1;1124 .-mt-16 {
1196 border-color: rgba(6, 78, 59, var(--tw-divide-opacity));1125 margin-top: -4rem;
1197 }1126 }
1198 .divide-blue-50 > :not([hidden]) ~ :not([hidden]) {1127
1199 --tw-divide-opacity: 1;1128 .mt-16 {
1200 border-color: rgba(239, 246, 255, var(--tw-divide-opacity));1129 margin-top: 4rem;
1201 }1130 }
1202 .divide-blue-100 > :not([hidden]) ~ :not([hidden]) {1131
1203 --tw-divide-opacity: 1;1132 .mb-3 {
1204 border-color: rgba(219, 234, 254, var(--tw-divide-opacity));1133 margin-bottom: 0.75rem;
1205 }1134 }
1206 .divide-blue-200 > :not([hidden]) ~ :not([hidden]) {1135
1207 --tw-divide-opacity: 1;1136 .mt-10 {
1208 border-color: rgba(191, 219, 254, var(--tw-divide-opacity));1137 margin-top: 2.5rem;
1209 }1138 }
1210 .divide-blue-300 > :not([hidden]) ~ :not([hidden]) {1139
1211 --tw-divide-opacity: 1;1140 .mr-8 {
1212 border-color: rgba(147, 197, 253, var(--tw-divide-opacity));1141 margin-right: 2rem;
1213 }1142 }
1214 .divide-blue-400 > :not([hidden]) ~ :not([hidden]) {1143
1215 --tw-divide-opacity: 1;1144 .mr-2 {
1216 border-color: rgba(96, 165, 250, var(--tw-divide-opacity));1145 margin-right: 0.5rem;
1217 }1146 }
1218 .divide-blue-500 > :not([hidden]) ~ :not([hidden]) {1147
1219 --tw-divide-opacity: 1;1148 .mr-24 {
1220 border-color: rgba(59, 130, 246, var(--tw-divide-opacity));1149 margin-right: 6rem;
1221 }1150 }
1222 .divide-blue-600 > :not([hidden]) ~ :not([hidden]) {1151
1223 --tw-divide-opacity: 1;1152 .mb-14 {
1224 border-color: rgba(37, 99, 235, var(--tw-divide-opacity));1153 margin-bottom: 3.5rem;
1225 }1154 }
1226 .divide-blue-700 > :not([hidden]) ~ :not([hidden]) {1155
1227 --tw-divide-opacity: 1;1156 .mb-16 {
1228 border-color: rgba(29, 78, 216, var(--tw-divide-opacity));1157 margin-bottom: 4rem;
1229 }1158 }
1230 .divide-blue-800 > :not([hidden]) ~ :not([hidden]) {1159
1231 --tw-divide-opacity: 1;1160 .-ml-12 {
1232 border-color: rgba(30, 64, 175, var(--tw-divide-opacity));1161 margin-left: -3rem;
1233 }1162 }
1234 .divide-blue-900 > :not([hidden]) ~ :not([hidden]) {1163
1235 --tw-divide-opacity: 1;1164 .mt-9 {
1236 border-color: rgba(30, 58, 138, var(--tw-divide-opacity));1165 margin-top: 2.25rem;
1237 }1166 }
1238 .divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {1167
1239 --tw-divide-opacity: 1;1168 .-mr-6 {
1240 border-color: rgba(238, 242, 255, var(--tw-divide-opacity));1169 margin-right: -1.5rem;
1241 }1170 }
1242 .divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {1171
1243 --tw-divide-opacity: 1;1172 .-ml-52 {
1244 border-color: rgba(224, 231, 255, var(--tw-divide-opacity));1173 margin-left: -13rem;
1245 }1174 }
1246 .divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {1175
1247 --tw-divide-opacity: 1;1176 .-mt-px {
1248 border-color: rgba(199, 210, 254, var(--tw-divide-opacity));1177 margin-top: -1px;
1249 }1178 }
1250 .divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {1179
1251 --tw-divide-opacity: 1;1180 .-mr-px {
1252 border-color: rgba(165, 180, 252, var(--tw-divide-opacity));1181 margin-right: -1px;
1253 }1182 }
1254 .divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {1183
1255 --tw-divide-opacity: 1;1184 .mr-0\.5 {
1256 border-color: rgba(129, 140, 248, var(--tw-divide-opacity));1185 margin-right: 0.125rem;
1257 }1186 }
1258 .divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {1187
1259 --tw-divide-opacity: 1;1188 .mr-0 {
1260 border-color: rgba(99, 102, 241, var(--tw-divide-opacity));1189 margin-right: 0;
1261 }1190 }
1262 .divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {1191
1263 --tw-divide-opacity: 1;1192 .-ml-16 {
1264 border-color: rgba(79, 70, 229, var(--tw-divide-opacity));1193 margin-left: -4rem;
1265 }1194 }
1266 .divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {1195
1267 --tw-divide-opacity: 1;1196 .ml-1 {
1268 border-color: rgba(67, 56, 202, var(--tw-divide-opacity));1197 margin-left: 0.25rem;
1269 }1198 }
1270 .divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {1199
1271 --tw-divide-opacity: 1;1200 .-mr-4 {
1272 border-color: rgba(55, 48, 163, var(--tw-divide-opacity));1201 margin-right: -1rem;
1273 }1202 }
1274 .divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {1203
1275 --tw-divide-opacity: 1;1204 .-mb-8 {
1276 border-color: rgba(49, 46, 129, var(--tw-divide-opacity));1205 margin-bottom: -2rem;
1277 }1206 }
1278 .divide-purple-50 > :not([hidden]) ~ :not([hidden]) {1207
1279 --tw-divide-opacity: 1;1208 .-mt-5 {
1280 border-color: rgba(245, 243, 255, var(--tw-divide-opacity));1209 margin-top: -1.25rem;
1281 }1210 }
1282 .divide-purple-100 > :not([hidden]) ~ :not([hidden]) {1211
1283 --tw-divide-opacity: 1;1212 .mt-5 {
1284 border-color: rgba(237, 233, 254, var(--tw-divide-opacity));1213 margin-top: 1.25rem;
1285 }1214 }
1286 .divide-purple-200 > :not([hidden]) ~ :not([hidden]) {1215
1287 --tw-divide-opacity: 1;1216 .-ml-1 {
1288 border-color: rgba(221, 214, 254, var(--tw-divide-opacity));1217 margin-left: -0.25rem;
1289 }1218 }
1290 .divide-purple-300 > :not([hidden]) ~ :not([hidden]) {1219
1291 --tw-divide-opacity: 1;1220 .-mt-1 {
1292 border-color: rgba(196, 181, 253, var(--tw-divide-opacity));1221 margin-top: -0.25rem;
1293 }1222 }
1294 .divide-purple-400 > :not([hidden]) ~ :not([hidden]) {1223
1295 --tw-divide-opacity: 1;1224 .mr-4 {
1296 border-color: rgba(167, 139, 250, var(--tw-divide-opacity));1225 margin-right: 1rem;
1297 }1226 }
1298 .divide-purple-500 > :not([hidden]) ~ :not([hidden]) {1227
1299 --tw-divide-opacity: 1;1228 .ml-10 {
1300 border-color: rgba(139, 92, 246, var(--tw-divide-opacity));1229 margin-left: 2.5rem;
1301 }1230 }
1302 .divide-purple-600 > :not([hidden]) ~ :not([hidden]) {1231
1303 --tw-divide-opacity: 1;1232 .ml-0 {
1304 border-color: rgba(124, 58, 237, var(--tw-divide-opacity));1233 margin-left: 0;
1305 }1234 }
1306 .divide-purple-700 > :not([hidden]) ~ :not([hidden]) {1235
1307 --tw-divide-opacity: 1;1236 .mr-10 {
1308 border-color: rgba(109, 40, 217, var(--tw-divide-opacity));1237 margin-right: 2.5rem;
1309 }1238 }
1310 .divide-purple-800 > :not([hidden]) ~ :not([hidden]) {1239
1311 --tw-divide-opacity: 1;1240 .mt-auto {
1312 border-color: rgba(91, 33, 182, var(--tw-divide-opacity));1241 margin-top: auto;
1313 }1242 }
1314 .divide-purple-900 > :not([hidden]) ~ :not([hidden]) {1243
1315 --tw-divide-opacity: 1;1244 .ml-9 {
1316 border-color: rgba(76, 29, 149, var(--tw-divide-opacity));1245 margin-left: 2.25rem;
1317 }1246 }
1318 .divide-pink-50 > :not([hidden]) ~ :not([hidden]) {1247
1319 --tw-divide-opacity: 1;1248 .mr-6 {
1320 border-color: rgba(253, 242, 248, var(--tw-divide-opacity));1249 margin-right: 1.5rem;
1321 }1250 }
1322 .divide-pink-100 > :not([hidden]) ~ :not([hidden]) {1251
1323 --tw-divide-opacity: 1;1252 .ml-8 {
1324 border-color: rgba(252, 231, 243, var(--tw-divide-opacity));1253 margin-left: 2rem;
1325 }1254 }
1326 .divide-pink-200 > :not([hidden]) ~ :not([hidden]) {1255
1327 --tw-divide-opacity: 1;1256 .-mt-8 {
1328 border-color: rgba(251, 207, 232, var(--tw-divide-opacity));1257 margin-top: -2rem;
1329 }1258 }
1330 .divide-pink-300 > :not([hidden]) ~ :not([hidden]) {1259
1331 --tw-divide-opacity: 1;1260 .-mb-px {
1332 border-color: rgba(249, 168, 212, var(--tw-divide-opacity));1261 margin-bottom: -1px;
1333 }1262 }
1334 .divide-pink-400 > :not([hidden]) ~ :not([hidden]) {1263
1335 --tw-divide-opacity: 1;1264 .box-border {
1336 border-color: rgba(244, 114, 182, var(--tw-divide-opacity));1265 box-sizing: border-box;
1337 }1266 }
1338 .divide-pink-500 > :not([hidden]) ~ :not([hidden]) {1267
1339 --tw-divide-opacity: 1;1268 .box-content {
1340 border-color: rgba(236, 72, 153, var(--tw-divide-opacity));1269 box-sizing: content-box;
1341 }1270 }
1342 .divide-pink-600 > :not([hidden]) ~ :not([hidden]) {1271
1343 --tw-divide-opacity: 1;1272 .block {
1344 border-color: rgba(219, 39, 119, var(--tw-divide-opacity));1273 display: block;
1345 }1274 }
1346 .divide-pink-700 > :not([hidden]) ~ :not([hidden]) {1275
1347 --tw-divide-opacity: 1;1276 .inline-block {
1348 border-color: rgba(190, 24, 93, var(--tw-divide-opacity));1277 display: inline-block;
1349 }1278 }
1350 .divide-pink-800 > :not([hidden]) ~ :not([hidden]) {1279
1351 --tw-divide-opacity: 1;1280 .inline {
1352 border-color: rgba(157, 23, 77, var(--tw-divide-opacity));1281 display: inline;
1353 }1282 }
1354 .divide-pink-900 > :not([hidden]) ~ :not([hidden]) {1283
1355 --tw-divide-opacity: 1;1284 .flex {
1356 border-color: rgba(131, 24, 67, var(--tw-divide-opacity));1285 display: flex;
1357 }1286 }
1358 .divide-solid > :not([hidden]) ~ :not([hidden]) {1287
1359 border-style: solid;1288 .inline-flex {
1289 display: inline-flex;
1360 }1290 }
1361 .divide-dashed > :not([hidden]) ~ :not([hidden]) {1291
1362 border-style: dashed;1292 .table {
1293 display: table;
1363 }1294 }
1364 .divide-dotted > :not([hidden]) ~ :not([hidden]) {1295
1365 border-style: dotted;1296 .table-caption {
1297 display: table-caption;
1366 }1298 }
1367 .divide-double > :not([hidden]) ~ :not([hidden]) {1299
1368 border-style: double;1300 .table-cell {
1301 display: table-cell;
1369 }1302 }
1370 .divide-none > :not([hidden]) ~ :not([hidden]) {1303
1371 border-style: none;1304 .table-column {
1305 display: table-column;
1372 }1306 }
1373 .divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {1307
1374 --tw-divide-opacity: 0;1308 .table-column-group {
1309 display: table-column-group;
1375 }1310 }
1376 .divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {1311
1377 --tw-divide-opacity: 0.05;1312 .table-footer-group {
1313 display: table-footer-group;
1378 }1314 }
1379 .divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {1315
1380 --tw-divide-opacity: 0.1;1316 .table-header-group {
1317 display: table-header-group;
1381 }1318 }
1382 .divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {1319
1383 --tw-divide-opacity: 0.2;1320 .table-row-group {
1321 display: table-row-group;
1384 }1322 }
1385 .divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {1323
1386 --tw-divide-opacity: 0.25;1324 .table-row {
1325 display: table-row;
1387 }1326 }
1388 .divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {1327
1389 --tw-divide-opacity: 0.3;1328 .flow-root {
1329 display: flow-root;
1390 }1330 }
1391 .divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {1331
1392 --tw-divide-opacity: 0.4;1332 .grid {
1333 display: grid;
1393 }1334 }
1394 .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {1335
1395 --tw-divide-opacity: 0.5;1336 .inline-grid {
1337 display: inline-grid;
1396 }1338 }
1397 .divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {1339
1398 --tw-divide-opacity: 0.6;1340 .contents {
1341 display: contents;
1399 }1342 }
1400 .divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {1343
1401 --tw-divide-opacity: 0.7;1344 .list-item {
1345 display: list-item;
1402 }1346 }
1403 .divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {1347
1404 --tw-divide-opacity: 0.75;1348 .hidden {
1349 display: none;
1405 }1350 }
1406 .divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {1351
1407 --tw-divide-opacity: 0.8;1352 .\!hidden {
1353 display: none !important;
1408 }1354 }
1409 .divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {1355
1410 --tw-divide-opacity: 0.9;1356 .h-4 {
1357 height: 1rem;
1411 }1358 }
1412 .divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {1359
1413 --tw-divide-opacity: 0.95;1360 .h-8 {
1361 height: 2rem;
1414 }1362 }
1415 .divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {1363
1416 --tw-divide-opacity: 1;1364 .h-3 {
1365 height: 0.75rem;
1417 }1366 }
1418 .sr-only {1367
1419 position: absolute;1368 .h-full {
1420 width: 1px;1369 height: 100%;
1421 height: 1px;
1422 padding: 0;
1423 margin: -1px;
1424 overflow: hidden;
1425 clip: rect(0, 0, 0, 0);
1426 white-space: nowrap;
1427 border-width: 0;
1428 }1370 }
1429 .not-sr-only {1371
1430 position: static;1372 .h-11 {
1431 width: auto;1373 height: 2.75rem;
1432 height: auto;
1433 padding: 0;
1434 margin: 0;
1435 overflow: visible;
1436 clip: auto;
1437 white-space: normal;
1438 }1374 }
1439 .focus-within\:sr-only:focus-within {1375
1440 position: absolute;1376 .h-12 {
1441 width: 1px;1377 height: 3rem;
1442 height: 1px;
1443 padding: 0;
1444 margin: -1px;
1445 overflow: hidden;
1446 clip: rect(0, 0, 0, 0);
1447 white-space: nowrap;
1448 border-width: 0;
1449 }1378 }
1450 .focus-within\:not-sr-only:focus-within {1379
1451 position: static;1380 .h-10 {
1452 width: auto;1381 height: 2.5rem;
1453 height: auto;
1454 padding: 0;
1455 margin: 0;
1456 overflow: visible;
1457 clip: auto;
1458 white-space: normal;
1459 }1382 }
1460 .focus\:sr-only:focus {1383
1461 position: absolute;1384 .h-9 {
1462 width: 1px;1385 height: 2.25rem;
1463 height: 1px;
1464 padding: 0;
1465 margin: -1px;
1466 overflow: hidden;
1467 clip: rect(0, 0, 0, 0);
1468 white-space: nowrap;
1469 border-width: 0;
1470 }1386 }
1471 .focus\:not-sr-only:focus {1387
1472 position: static;1388 .h-\[513px\] {
1473 width: auto;1389 height: 513px;
1474 height: auto;
1475 padding: 0;
1476 margin: 0;
1477 overflow: visible;
1478 clip: auto;
1479 white-space: normal;
1480 }1390 }
1481 .appearance-none {1391
1482 -webkit-appearance: none;1392 .h-6 {
1483 appearance: none;1393 height: 1.5rem;
1484 }1394 }
1485 .bg-fixed {1395
1486 background-attachment: fixed;1396 .h-18 {
1397 height: 4.5rem;
1487 }1398 }
1488 .bg-local {1399
1489 background-attachment: local;1400 .h-16 {
1401 height: 4rem;
1490 }1402 }
1491 .bg-scroll {1403
1492 background-attachment: scroll;1404 .h-1 {
1405 height: 0.25rem;
1493 }1406 }
1494 .bg-clip-border {1407
1495 background-clip: border-box;1408 .h-14 {
1409 height: 3.5rem;
1496 }1410 }
1497 .bg-clip-padding {1411
1498 background-clip: padding-box;1412 .h-5 {
1413 height: 1.25rem;
1499 }1414 }
1500 .bg-clip-content {1415
1501 background-clip: content-box;1416 .h-24 {
1417 height: 6rem;
1502 }1418 }
1503 .bg-clip-text {1419
1504 -webkit-background-clip: text;1420 .h-7 {
1505 background-clip: text;1421 height: 1.75rem;
1506 }1422 }
1507 .bg-transparent {1423
1508 background-color: transparent;1424 .h-40 {
1425 height: 10rem;
1509 }1426 }
1510 .bg-current {1427
1511 background-color: currentColor;1428 .h-32 {
1429 height: 8rem;
1512 }1430 }
1513 .bg-black {1431
1514 --tw-bg-opacity: 1;1432 .h-20 {
1515 background-color: rgba(0, 0, 0, var(--tw-bg-opacity));1433 height: 5rem;
1516 }1434 }
1517 .bg-white {1435
1518 --tw-bg-opacity: 1;1436 .h-1\.5 {
1519 background-color: rgba(255, 255, 255, var(--tw-bg-opacity));1437 height: 0.375rem;
1520 }1438 }
1521 .bg-gray-50 {1439
1522 --tw-bg-opacity: 1;1440 .h-2\.5 {
1523 background-color: rgba(249, 250, 251, var(--tw-bg-opacity));1441 height: 0.625rem;
1524 }1442 }
1525 .bg-gray-100 {1443
1526 --tw-bg-opacity: 1;1444 .h-2 {
1527 background-color: rgba(243, 244, 246, var(--tw-bg-opacity));1445 height: 0.5rem;
1528 }1446 }
1529 .bg-gray-200 {1447
1530 --tw-bg-opacity: 1;1448 .h-auto {
1531 background-color: rgba(229, 231, 235, var(--tw-bg-opacity));1449 height: auto;
1532 }1450 }
1533 .bg-gray-300 {1451
1534 --tw-bg-opacity: 1;1452 .h-48 {
1535 background-color: rgba(209, 213, 219, var(--tw-bg-opacity));1453 height: 12rem;
1536 }1454 }
1537 .bg-gray-400 {1455
1538 --tw-bg-opacity: 1;1456 .h-64 {
1539 background-color: rgba(156, 163, 175, var(--tw-bg-opacity));1457 height: 16rem;
1540 }1458 }
1541 .bg-gray-500 {1459
1542 --tw-bg-opacity: 1;1460 .h-72 {
1543 background-color: rgba(107, 114, 128, var(--tw-bg-opacity));1461 height: 18rem;
1544 }1462 }
1545 .bg-gray-600 {1463
1546 --tw-bg-opacity: 1;1464 .h-96 {
1547 background-color: rgba(75, 85, 99, var(--tw-bg-opacity));1465 height: 24rem;
1548 }1466 }
1549 .bg-gray-700 {1467
1550 --tw-bg-opacity: 1;1468 .h-screen {
1551 background-color: rgba(55, 65, 81, var(--tw-bg-opacity));1469 height: 100vh;
1552 }1470 }
1553 .bg-gray-800 {1471
1554 --tw-bg-opacity: 1;1472 .h-px {
1555 background-color: rgba(31, 41, 55, var(--tw-bg-opacity));1473 height: 1px;
1556 }1474 }
1557 .bg-gray-900 {1475
1558 --tw-bg-opacity: 1;1476 .h-\[918px\] {
1559 background-color: rgba(17, 24, 39, var(--tw-bg-opacity));1477 height: 918px;
1560 }1478 }
1561 .bg-red-50 {1479
1562 --tw-bg-opacity: 1;1480 .h-28 {
1563 background-color: rgba(254, 242, 242, var(--tw-bg-opacity));1481 height: 7rem;
1564 }1482 }
1565 .bg-red-100 {1483
1566 --tw-bg-opacity: 1;1484 .max-h-\(screen-18\) {
1567 background-color: rgba(254, 226, 226, var(--tw-bg-opacity));1485 max-height: calc(100vh - 4.5rem);
1568 }1486 }
1569 .bg-red-200 {1487
1570 --tw-bg-opacity: 1;1488 .max-h-screen {
1571 background-color: rgba(254, 202, 202, var(--tw-bg-opacity));1489 max-height: 100vh;
1572 }1490 }
1573 .bg-red-300 {1491
1574 --tw-bg-opacity: 1;1492 .max-h-full {
1575 background-color: rgba(252, 165, 165, var(--tw-bg-opacity));1493 max-height: 100%;
1576 }1494 }
1577 .bg-red-400 {1495
1578 --tw-bg-opacity: 1;1496 .min-h-0 {
1579 background-color: rgba(248, 113, 113, var(--tw-bg-opacity));1497 min-height: 0;
1580 }1498 }
1581 .bg-red-500 {1499
1582 --tw-bg-opacity: 1;1500 .min-h-full {
1583 background-color: rgba(239, 68, 68, var(--tw-bg-opacity));1501 min-height: 100%;
1584 }1502 }
1585 .bg-red-600 {1503
1586 --tw-bg-opacity: 1;1504 .min-h-screen {
1587 background-color: rgba(220, 38, 38, var(--tw-bg-opacity));1505 min-height: 100vh;
1588 }1506 }
1589 .bg-red-700 {1507
1590 --tw-bg-opacity: 1;1508 .w-4 {
1591 background-color: rgba(185, 28, 28, var(--tw-bg-opacity));1509 width: 1rem;
1592 }1510 }
1593 .bg-red-800 {1511
1594 --tw-bg-opacity: 1;1512 .w-full {
1595 background-color: rgba(153, 27, 27, var(--tw-bg-opacity));1513 width: 100%;
1596 }1514 }
1597 .bg-red-900 {1515
1598 --tw-bg-opacity: 1;1516 .w-8 {
1599 background-color: rgba(127, 29, 29, var(--tw-bg-opacity));1517 width: 2rem;
1600 }1518 }
1601 .bg-yellow-50 {1519
1602 --tw-bg-opacity: 1;1520 .w-32 {
1603 background-color: rgba(255, 251, 235, var(--tw-bg-opacity));1521 width: 8rem;
1604 }1522 }
1605 .bg-yellow-100 {1523
1606 --tw-bg-opacity: 1;1524 .w-3 {
1607 background-color: rgba(254, 243, 199, var(--tw-bg-opacity));1525 width: 0.75rem;
1608 }1526 }
1609 .bg-yellow-200 {1527
1610 --tw-bg-opacity: 1;1528 .w-1\/5 {
1611 background-color: rgba(253, 230, 138, var(--tw-bg-opacity));1529 width: 20%;
1612 }1530 }
1613 .bg-yellow-300 {1531
1614 --tw-bg-opacity: 1;1532 .w-6 {
1615 background-color: rgba(252, 211, 77, var(--tw-bg-opacity));1533 width: 1.5rem;
1616 }1534 }
1617 .bg-yellow-400 {1535
1618 --tw-bg-opacity: 1;1536 .w-12 {
1619 background-color: rgba(251, 191, 36, var(--tw-bg-opacity));1537 width: 3rem;
1620 }1538 }
1621 .bg-yellow-500 {1539
1622 --tw-bg-opacity: 1;1540 .w-18 {
1623 background-color: rgba(245, 158, 11, var(--tw-bg-opacity));1541 width: 4.5rem;
1624 }1542 }
1625 .bg-yellow-600 {1543
1626 --tw-bg-opacity: 1;1544 .w-\[848px\] {
1627 background-color: rgba(217, 119, 6, var(--tw-bg-opacity));1545 width: 848px;
1628 }1546 }
1629 .bg-yellow-700 {1547
1630 --tw-bg-opacity: 1;1548 .w-px {
1631 background-color: rgba(180, 83, 9, var(--tw-bg-opacity));1549 width: 1px;
1632 }1550 }
1633 .bg-yellow-800 {1551
1634 --tw-bg-opacity: 1;1552 .w-10 {
1635 background-color: rgba(146, 64, 14, var(--tw-bg-opacity));1553 width: 2.5rem;
1636 }1554 }
1637 .bg-yellow-900 {1555
1638 --tw-bg-opacity: 1;1556 .w-auto {
1639 background-color: rgba(120, 53, 15, var(--tw-bg-opacity));1557 width: auto;
1640 }1558 }
1641 .bg-green-50 {1559
1642 --tw-bg-opacity: 1;1560 .w-16 {
1643 background-color: rgba(236, 253, 245, var(--tw-bg-opacity));1561 width: 4rem;
1644 }1562 }
1645 .bg-green-100 {1563
1646 --tw-bg-opacity: 1;1564 .w-80 {
1647 background-color: rgba(209, 250, 229, var(--tw-bg-opacity));1565 width: 20rem;
1648 }1566 }
1649 .bg-green-200 {1567
1650 --tw-bg-opacity: 1;1568 .w-14 {
1651 background-color: rgba(167, 243, 208, var(--tw-bg-opacity));1569 width: 3.5rem;
1652 }1570 }
1653 .bg-green-300 {1571
1654 --tw-bg-opacity: 1;1572 .w-0 {
1655 background-color: rgba(110, 231, 183, var(--tw-bg-opacity));1573 width: 0;
1656 }1574 }
1657 .bg-green-400 {1575
1658 --tw-bg-opacity: 1;1576 .w-5 {
1659 background-color: rgba(52, 211, 153, var(--tw-bg-opacity));1577 width: 1.25rem;
1660 }1578 }
1661 .bg-green-500 {1579
1662 --tw-bg-opacity: 1;1580 .w-24 {
1663 background-color: rgba(16, 185, 129, var(--tw-bg-opacity));1581 width: 6rem;
1664 }1582 }
1665 .bg-green-600 {1583
1666 --tw-bg-opacity: 1;1584 .w-64 {
1667 background-color: rgba(5, 150, 105, var(--tw-bg-opacity));1585 width: 16rem;
1668 }1586 }
1669 .bg-green-700 {1587
1670 --tw-bg-opacity: 1;1588 .w-60 {
1671 background-color: rgba(4, 120, 87, var(--tw-bg-opacity));1589 width: 15rem;
1672 }1590 }
1673 .bg-green-800 {1591
1674 --tw-bg-opacity: 1;1592 .w-48 {
1675 background-color: rgba(6, 95, 70, var(--tw-bg-opacity));1593 width: 12rem;
1676 }1594 }
1677 .bg-green-900 {1595
1678 --tw-bg-opacity: 1;1596 .w-9 {
1679 background-color: rgba(6, 78, 59, var(--tw-bg-opacity));1597 width: 2.25rem;
1680 }1598 }
1681 .bg-blue-50 {1599
1682 --tw-bg-opacity: 1;1600 .w-1\/2 {
1683 background-color: rgba(239, 246, 255, var(--tw-bg-opacity));1601 width: 50%;
1684 }1602 }
1685 .bg-blue-100 {1603
1686 --tw-bg-opacity: 1;1604 .w-44 {
1687 background-color: rgba(219, 234, 254, var(--tw-bg-opacity));1605 width: 11rem;
1688 }1606 }
1689 .bg-blue-200 {1607
1690 --tw-bg-opacity: 1;1608 .w-40 {
1691 background-color: rgba(191, 219, 254, var(--tw-bg-opacity));1609 width: 10rem;
1692 }1610 }
1693 .bg-blue-300 {1611
1694 --tw-bg-opacity: 1;1612 .w-2\/5 {
1695 background-color: rgba(147, 197, 253, var(--tw-bg-opacity));1613 width: 40%;
1696 }1614 }
1697 .bg-blue-400 {1615
1698 --tw-bg-opacity: 1;1616 .w-56 {
1699 background-color: rgba(96, 165, 250, var(--tw-bg-opacity));1617 width: 14rem;
1700 }1618 }
1701 .bg-blue-500 {1619
1702 --tw-bg-opacity: 1;1620 .w-20 {
1703 background-color: rgba(59, 130, 246, var(--tw-bg-opacity));1621 width: 5rem;
1704 }1622 }
1705 .bg-blue-600 {1623
1706 --tw-bg-opacity: 1;1624 .w-2\.5 {
1707 background-color: rgba(37, 99, 235, var(--tw-bg-opacity));1625 width: 0.625rem;
1708 }1626 }
1709 .bg-blue-700 {1627
1710 --tw-bg-opacity: 1;1628 .w-2 {
1711 background-color: rgba(29, 78, 216, var(--tw-bg-opacity));1629 width: 0.5rem;
1712 }1630 }
1713 .bg-blue-800 {1631
1714 --tw-bg-opacity: 1;1632 .w-96 {
1715 background-color: rgba(30, 64, 175, var(--tw-bg-opacity));1633 width: 24rem;
1716 }1634 }
1717 .bg-blue-900 {1635
1718 --tw-bg-opacity: 1;1636 .w-7 {
1719 background-color: rgba(30, 58, 138, var(--tw-bg-opacity));1637 width: 1.75rem;
1720 }1638 }
1721 .bg-indigo-50 {1639
1722 --tw-bg-opacity: 1;1640 .w-1\/3 {
1723 background-color: rgba(238, 242, 255, var(--tw-bg-opacity));1641 width: 33.333333%;
1724 }1642 }
1725 .bg-indigo-100 {1643
1726 --tw-bg-opacity: 1;1644 .w-3\/4 {
1727 background-color: rgba(224, 231, 255, var(--tw-bg-opacity));1645 width: 75%;
1728 }1646 }
1729 .bg-indigo-200 {1647
1730 --tw-bg-opacity: 1;1648 .w-5\/6 {
1731 background-color: rgba(199, 210, 254, var(--tw-bg-opacity));1649 width: 83.333333%;
1732 }1650 }
1733 .bg-indigo-300 {1651
1734 --tw-bg-opacity: 1;1652 .w-1\/4 {
1735 background-color: rgba(165, 180, 252, var(--tw-bg-opacity));1653 width: 25%;
1736 }1654 }
1737 .bg-indigo-400 {1655
1738 --tw-bg-opacity: 1;1656 .w-72 {
1739 background-color: rgba(129, 140, 248, var(--tw-bg-opacity));1657 width: 18rem;
1740 }1658 }
1741 .bg-indigo-500 {1659
1742 --tw-bg-opacity: 1;1660 .w-\[762px\] {
1743 background-color: rgba(99, 102, 241, var(--tw-bg-opacity));1661 width: 762px;
1744 }1662 }
1745 .bg-indigo-600 {1663
1746 --tw-bg-opacity: 1;1664 .w-screen {
1747 background-color: rgba(79, 70, 229, var(--tw-bg-opacity));1665 width: 100vw;
1748 }1666 }
1749 .bg-indigo-700 {1667
1750 --tw-bg-opacity: 1;1668 .w-3\/5 {
1751 background-color: rgba(67, 56, 202, var(--tw-bg-opacity));1669 width: 60%;
1752 }1670 }
1753 .bg-indigo-800 {1671
1754 --tw-bg-opacity: 1;1672 .w-2\/3 {
1755 background-color: rgba(55, 48, 163, var(--tw-bg-opacity));1673 width: 66.666667%;
1756 }1674 }
1757 .bg-indigo-900 {1675
1758 --tw-bg-opacity: 1;1676 .w-4\/5 {
1759 background-color: rgba(49, 46, 129, var(--tw-bg-opacity));1677 width: 80%;
1760 }1678 }
1761 .bg-purple-50 {1679
1762 --tw-bg-opacity: 1;1680 .w-1\/6 {
1763 background-color: rgba(245, 243, 255, var(--tw-bg-opacity));1681 width: 16.666667%;
1764 }1682 }
1765 .bg-purple-100 {1683
1766 --tw-bg-opacity: 1;1684 .min-w-0 {
1767 background-color: rgba(237, 233, 254, var(--tw-bg-opacity));1685 min-width: 0;
1768 }1686 }
1769 .bg-purple-200 {1687
1770 --tw-bg-opacity: 1;1688 .min-w-full {
1771 background-color: rgba(221, 214, 254, var(--tw-bg-opacity));1689 min-width: 100%;
1772 }1690 }
1773 .bg-purple-300 {1691
1774 --tw-bg-opacity: 1;1692 .max-w-8xl {
1775 background-color: rgba(196, 181, 253, var(--tw-bg-opacity));1693 max-width: 90rem;
1776 }1694 }
1777 .bg-purple-400 {1695
1778 --tw-bg-opacity: 1;1696 .max-w-none {
1779 background-color: rgba(167, 139, 250, var(--tw-bg-opacity));1697 max-width: none;
1780 }1698 }
1781 .bg-purple-500 {1699
1782 --tw-bg-opacity: 1;1700 .max-w-screen-xl {
1783 background-color: rgba(139, 92, 246, var(--tw-bg-opacity));1701 max-width: 1280px;
1784 }1702 }
1785 .bg-purple-600 {1703
1786 --tw-bg-opacity: 1;1704 .max-w-3xl {
1787 background-color: rgba(124, 58, 237, var(--tw-bg-opacity));1705 max-width: 48rem;
1788 }1706 }
1789 .bg-purple-700 {1707
1790 --tw-bg-opacity: 1;1708 .max-w-xl {
1791 background-color: rgba(109, 40, 217, var(--tw-bg-opacity));1709 max-width: 36rem;
1792 }1710 }
1793 .bg-purple-800 {1711
1794 --tw-bg-opacity: 1;1712 .max-w-screen-lg {
1795 background-color: rgba(91, 33, 182, var(--tw-bg-opacity));1713 max-width: 1024px;
1796 }1714 }
1797 .bg-purple-900 {1715
1798 --tw-bg-opacity: 1;1716 .max-w-4xl {
1799 background-color: rgba(76, 29, 149, var(--tw-bg-opacity));1717 max-width: 56rem;
1800 }1718 }
1801 .bg-pink-50 {1719
1802 --tw-bg-opacity: 1;1720 .max-w-full {
1803 background-color: rgba(253, 242, 248, var(--tw-bg-opacity));1721 max-width: 100%;
1804 }1722 }
1805 .bg-pink-100 {1723
1806 --tw-bg-opacity: 1;1724 .max-w-screen-sm {
1807 background-color: rgba(252, 231, 243, var(--tw-bg-opacity));1725 max-width: 640px;
1808 }1726 }
1809 .bg-pink-200 {1727
1810 --tw-bg-opacity: 1;1728 .max-w-sm {
1811 background-color: rgba(251, 207, 232, var(--tw-bg-opacity));1729 max-width: 24rem;
1812 }1730 }
1813 .bg-pink-300 {1731
1814 --tw-bg-opacity: 1;1732 .max-w-xs {
1815 background-color: rgba(249, 168, 212, var(--tw-bg-opacity));1733 max-width: 20rem;
1816 }1734 }
1817 .bg-pink-400 {1735
1818 --tw-bg-opacity: 1;1736 .max-w-md {
1819 background-color: rgba(244, 114, 182, var(--tw-bg-opacity));1737 max-width: 28rem;
1820 }1738 }
1821 .bg-pink-500 {1739
1822 --tw-bg-opacity: 1;1740 .max-w-prose {
1823 background-color: rgba(236, 72, 153, var(--tw-bg-opacity));1741 max-width: 65ch;
1824 }1742 }
1825 .bg-pink-600 {1743
1826 --tw-bg-opacity: 1;1744 .flex-none {
1827 background-color: rgba(219, 39, 119, var(--tw-bg-opacity));1745 flex: none;
1828 }1746 }
1829 .bg-pink-700 {1747
1830 --tw-bg-opacity: 1;1748 .flex-auto {
1831 background-color: rgba(190, 24, 93, var(--tw-bg-opacity));1749 flex: 1 1 auto;
1832 }1750 }
1833 .bg-pink-800 {1751
1834 --tw-bg-opacity: 1;1752 .flex-1 {
1835 background-color: rgba(157, 23, 77, var(--tw-bg-opacity));1753 flex: 1 1 0%;
1836 }1754 }
1837 .bg-pink-900 {1755
1838 --tw-bg-opacity: 1;1756 .flex-initial {
1839 background-color: rgba(131, 24, 67, var(--tw-bg-opacity));1757 flex: 0 1 auto;
1840 }1758 }
1841 .group:hover .group-hover\:bg-transparent {1759
1842 background-color: transparent;1760 .flex-shrink-0 {
1761 flex-shrink: 0;
1843 }1762 }
1844 .group:hover .group-hover\:bg-current {1763
1845 background-color: currentColor;1764 .flex-shrink {
1765 flex-shrink: 1;
1846 }1766 }
1847 .group:hover .group-hover\:bg-black {1767
1848 --tw-bg-opacity: 1;1768 .flex-grow {
1849 background-color: rgba(0, 0, 0, var(--tw-bg-opacity));1769 flex-grow: 1;
1850 }1770 }
1851 .group:hover .group-hover\:bg-white {1771
1852 --tw-bg-opacity: 1;1772 .flex-grow-0 {
1853 background-color: rgba(255, 255, 255, var(--tw-bg-opacity));1773 flex-grow: 0;
1854 }1774 }
1855 .group:hover .group-hover\:bg-gray-50 {1775
1856 --tw-bg-opacity: 1;1776 .table-auto {
1857 background-color: rgba(249, 250, 251, var(--tw-bg-opacity));1777 table-layout: auto;
1858 }1778 }
1859 .group:hover .group-hover\:bg-gray-100 {1779
1860 --tw-bg-opacity: 1;1780 .table-fixed {
1861 background-color: rgba(243, 244, 246, var(--tw-bg-opacity));1781 table-layout: fixed;
1862 }1782 }
1863 .group:hover .group-hover\:bg-gray-200 {1783
1864 --tw-bg-opacity: 1;1784 .border-collapse {
1865 background-color: rgba(229, 231, 235, var(--tw-bg-opacity));1785 border-collapse: collapse;
1866 }1786 }
1867 .group:hover .group-hover\:bg-gray-300 {1787
1868 --tw-bg-opacity: 1;1788 .border-separate {
1869 background-color: rgba(209, 213, 219, var(--tw-bg-opacity));1789 border-collapse: separate;
1870 }1790 }
1871 .group:hover .group-hover\:bg-gray-400 {1791
1872 --tw-bg-opacity: 1;1792 .transform {
1873 background-color: rgba(156, 163, 175, var(--tw-bg-opacity));1793 transform: translateX(var(--tw-translate-x))
1794 translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
1795 skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
1796 scaleY(var(--tw-scale-y));
1874 }1797 }
1875 .group:hover .group-hover\:bg-gray-500 {1798
1876 --tw-bg-opacity: 1;1799 .transform,
1877 background-color: rgba(107, 114, 128, var(--tw-bg-opacity));1800 .transform-gpu {
1801 --tw-translate-x: 0;
1802 --tw-translate-y: 0;
1803 --tw-rotate: 0;
1804 --tw-skew-x: 0;
1805 --tw-skew-y: 0;
1806 --tw-scale-x: 1;
1807 --tw-scale-y: 1;
1878 }1808 }
1879 .group:hover .group-hover\:bg-gray-600 {1809
1880 --tw-bg-opacity: 1;1810 .transform-gpu {
1881 background-color: rgba(75, 85, 99, var(--tw-bg-opacity));1811 transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
1812 rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1813 scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1882 }1814 }
1883 .group:hover .group-hover\:bg-gray-700 {1815
1884 --tw-bg-opacity: 1;1816 .transform-none {
1885 background-color: rgba(55, 65, 81, var(--tw-bg-opacity));1817 transform: none;
1886 }1818 }
1887 .group:hover .group-hover\:bg-gray-800 {1819
1888 --tw-bg-opacity: 1;1820 .origin-left {
1889 background-color: rgba(31, 41, 55, var(--tw-bg-opacity));1821 transform-origin: left;
1890 }1822 }
1891 .group:hover .group-hover\:bg-gray-900 {1823
1892 --tw-bg-opacity: 1;1824 .origin-right {
1893 background-color: rgba(17, 24, 39, var(--tw-bg-opacity));1825 transform-origin: right;
1894 }1826 }
1895 .group:hover .group-hover\:bg-red-50 {1827
1896 --tw-bg-opacity: 1;1828 .origin-center {
1897 background-color: rgba(254, 242, 242, var(--tw-bg-opacity));1829 transform-origin: center;
1898 }1830 }
1899 .group:hover .group-hover\:bg-red-100 {1831
1900 --tw-bg-opacity: 1;1832 .origin-top-left {
1901 background-color: rgba(254, 226, 226, var(--tw-bg-opacity));1833 transform-origin: top left;
1902 }1834 }
1903 .group:hover .group-hover\:bg-red-200 {1835
1904 --tw-bg-opacity: 1;1836 .origin-bottom-right {
1905 background-color: rgba(254, 202, 202, var(--tw-bg-opacity));1837 transform-origin: bottom right;
1906 }1838 }
1907 .group:hover .group-hover\:bg-red-300 {1839
1908 --tw-bg-opacity: 1;1840 .origin-top {
1909 background-color: rgba(252, 165, 165, var(--tw-bg-opacity));1841 transform-origin: top;
1910 }1842 }
1911 .group:hover .group-hover\:bg-red-400 {1843
1912 --tw-bg-opacity: 1;1844 .translate-x-\[235px\] {
1913 background-color: rgba(248, 113, 113, var(--tw-bg-opacity));1845 --tw-translate-x: 235px;
1914 }1846 }
1915 .group:hover .group-hover\:bg-red-500 {1847
1916 --tw-bg-opacity: 1;1848 .translate-y-\[-90px\] {
1917 background-color: rgba(239, 68, 68, var(--tw-bg-opacity));1849 --tw-translate-y: -90px;
1918 }1850 }
1919 .group:hover .group-hover\:bg-red-600 {1851
1920 --tw-bg-opacity: 1;1852 .translate-x-\[-150px\] {
1921 background-color: rgba(220, 38, 38, var(--tw-bg-opacity));1853 --tw-translate-x: -150px;
1922 }1854 }
1923 .group:hover .group-hover\:bg-red-700 {1855
1924 --tw-bg-opacity: 1;1856 .translate-y-\[-250px\] {
1925 background-color: rgba(185, 28, 28, var(--tw-bg-opacity));1857 --tw-translate-y: -250px;
1926 }1858 }
1927 .group:hover .group-hover\:bg-red-800 {1859
1928 --tw-bg-opacity: 1;1860 .translate-x-\[330px\] {
1929 background-color: rgba(153, 27, 27, var(--tw-bg-opacity));1861 --tw-translate-x: 330px;
1930 }1862 }
1931 .group:hover .group-hover\:bg-red-900 {1863
1932 --tw-bg-opacity: 1;1864 .translate-y-\[-357px\] {
1933 background-color: rgba(127, 29, 29, var(--tw-bg-opacity));1865 --tw-translate-y: -357px;
1934 }1866 }
1935 .group:hover .group-hover\:bg-yellow-50 {1867
1936 --tw-bg-opacity: 1;1868 .translate-y-2 {
1937 background-color: rgba(255, 251, 235, var(--tw-bg-opacity));1869 --tw-translate-y: 0.5rem;
1938 }1870 }
1939 .group:hover .group-hover\:bg-yellow-100 {1871
1940 --tw-bg-opacity: 1;1872 .translate-y-0 {
1941 background-color: rgba(254, 243, 199, var(--tw-bg-opacity));1873 --tw-translate-y: 0px;
1942 }1874 }
1943 .group:hover .group-hover\:bg-yellow-200 {1875
1944 --tw-bg-opacity: 1;1876 .translate-x-2 {
1945 background-color: rgba(253, 230, 138, var(--tw-bg-opacity));1877 --tw-translate-x: 0.5rem;
1946 }1878 }
1947 .group:hover .group-hover\:bg-yellow-300 {1879
1948 --tw-bg-opacity: 1;1880 .translate-y-11 {
1949 background-color: rgba(252, 211, 77, var(--tw-bg-opacity));1881 --tw-translate-y: 2.75rem;
1950 }1882 }
1951 .group:hover .group-hover\:bg-yellow-400 {1883
1952 --tw-bg-opacity: 1;1884 .translate-y-24 {
1953 background-color: rgba(251, 191, 36, var(--tw-bg-opacity));1885 --tw-translate-y: 6rem;
1954 }1886 }
1955 .group:hover .group-hover\:bg-yellow-500 {1887
1956 --tw-bg-opacity: 1;1888 .translate-x-20 {
1957 background-color: rgba(245, 158, 11, var(--tw-bg-opacity));1889 --tw-translate-x: 5rem;
1958 }1890 }
1959 .group:hover .group-hover\:bg-yellow-600 {1891
1960 --tw-bg-opacity: 1;1892 .translate-y-4 {
1961 background-color: rgba(217, 119, 6, var(--tw-bg-opacity));1893 --tw-translate-y: 1rem;
1962 }1894 }
1963 .group:hover .group-hover\:bg-yellow-700 {1895
1964 --tw-bg-opacity: 1;1896 .-translate-x-1\/2 {
1965 background-color: rgba(180, 83, 9, var(--tw-bg-opacity));1897 --tw-translate-x: -50%;
1966 }1898 }
1967 .group:hover .group-hover\:bg-yellow-800 {1899
1968 --tw-bg-opacity: 1;1900 .-translate-y-1\/2 {
1969 background-color: rgba(146, 64, 14, var(--tw-bg-opacity));1901 --tw-translate-y: -50%;
1970 }1902 }
1971 .group:hover .group-hover\:bg-yellow-900 {1903
1972 --tw-bg-opacity: 1;1904 .translate-x-4 {
1973 background-color: rgba(120, 53, 15, var(--tw-bg-opacity));1905 --tw-translate-x: 1rem;
1974 }1906 }
1975 .group:hover .group-hover\:bg-green-50 {1907
1976 --tw-bg-opacity: 1;1908 .translate-y-6 {
1977 background-color: rgba(236, 253, 245, var(--tw-bg-opacity));1909 --tw-translate-y: 1.5rem;
1978 }1910 }
1979 .group:hover .group-hover\:bg-green-100 {1911
1980 --tw-bg-opacity: 1;1912 .-translate-y-6 {
1981 background-color: rgba(209, 250, 229, var(--tw-bg-opacity));1913 --tw-translate-y: -1.5rem;
1982 }1914 }
1983 .group:hover .group-hover\:bg-green-200 {1915
1984 --tw-bg-opacity: 1;1916 .translate-x-8 {
1985 background-color: rgba(167, 243, 208, var(--tw-bg-opacity));1917 --tw-translate-x: 2rem;
1986 }1918 }
1987 .group:hover .group-hover\:bg-green-300 {1919
1988 --tw-bg-opacity: 1;1920 .translate-x-12 {
1989 background-color: rgba(110, 231, 183, var(--tw-bg-opacity));1921 --tw-translate-x: 3rem;
1990 }1922 }
1991 .group:hover .group-hover\:bg-green-400 {1923
1992 --tw-bg-opacity: 1;1924 .-rotate-1 {
1993 background-color: rgba(52, 211, 153, var(--tw-bg-opacity));1925 --tw-rotate: -1deg;
1994 }1926 }
1995 .group:hover .group-hover\:bg-green-500 {1927
1996 --tw-bg-opacity: 1;1928 .rotate-1 {
1997 background-color: rgba(16, 185, 129, var(--tw-bg-opacity));1929 --tw-rotate: 1deg;
1998 }1930 }
1999 .group:hover .group-hover\:bg-green-600 {1931
2000 --tw-bg-opacity: 1;1932 .rotate-90 {
2001 background-color: rgba(5, 150, 105, var(--tw-bg-opacity));1933 --tw-rotate: 90deg;
2002 }1934 }
2003 .group:hover .group-hover\:bg-green-700 {1935
2004 --tw-bg-opacity: 1;1936 .-rotate-6 {
2005 background-color: rgba(4, 120, 87, var(--tw-bg-opacity));1937 --tw-rotate: -6deg;
2006 }1938 }
2007 .group:hover .group-hover\:bg-green-800 {1939
2008 --tw-bg-opacity: 1;1940 .rotate-6 {
2009 background-color: rgba(6, 95, 70, var(--tw-bg-opacity));1941 --tw-rotate: 6deg;
2010 }1942 }
2011 .group:hover .group-hover\:bg-green-900 {1943
2012 --tw-bg-opacity: 1;1944 .rotate-0 {
2013 background-color: rgba(6, 78, 59, var(--tw-bg-opacity));1945 --tw-rotate: 0deg;
2014 }1946 }
2015 .group:hover .group-hover\:bg-blue-50 {1947
2016 --tw-bg-opacity: 1;1948 .rotate-45 {
2017 background-color: rgba(239, 246, 255, var(--tw-bg-opacity));1949 --tw-rotate: 45deg;
2018 }1950 }
2019 .group:hover .group-hover\:bg-blue-100 {1951
2020 --tw-bg-opacity: 1;1952 .rotate-180 {
2021 background-color: rgba(219, 234, 254, var(--tw-bg-opacity));1953 --tw-rotate: 180deg;
2022 }1954 }
2023 .group:hover .group-hover\:bg-blue-200 {1955
2024 --tw-bg-opacity: 1;1956 .-skew-x-20 {
2025 background-color: rgba(191, 219, 254, var(--tw-bg-opacity));1957 --tw-skew-x: -20deg;
2026 }1958 }
2027 .group:hover .group-hover\:bg-blue-300 {1959
2028 --tw-bg-opacity: 1;1960 .skew-y-0 {
2029 background-color: rgba(147, 197, 253, var(--tw-bg-opacity));1961 --tw-skew-y: 0deg;
2030 }1962 }
2031 .group:hover .group-hover\:bg-blue-400 {1963
2032 --tw-bg-opacity: 1;1964 .skew-y-3 {
2033 background-color: rgba(96, 165, 250, var(--tw-bg-opacity));1965 --tw-skew-y: 3deg;
2034 }1966 }
2035 .group:hover .group-hover\:bg-blue-500 {1967
2036 --tw-bg-opacity: 1;1968 .skew-y-6 {
2037 background-color: rgba(59, 130, 246, var(--tw-bg-opacity));1969 --tw-skew-y: 6deg;
2038 }1970 }
2039 .group:hover .group-hover\:bg-blue-600 {1971
2040 --tw-bg-opacity: 1;1972 .skew-y-12 {
2041 background-color: rgba(37, 99, 235, var(--tw-bg-opacity));1973 --tw-skew-y: 12deg;
2042 }1974 }
2043 .group:hover .group-hover\:bg-blue-700 {1975
2044 --tw-bg-opacity: 1;1976 .scale-80 {
2045 background-color: rgba(29, 78, 216, var(--tw-bg-opacity));1977 --tw-scale-x: 0.8;
1978 --tw-scale-y: 0.8;
2046 }1979 }
2047 .group:hover .group-hover\:bg-blue-800 {1980
2048 --tw-bg-opacity: 1;1981 .scale-95 {
2049 background-color: rgba(30, 64, 175, var(--tw-bg-opacity));1982 --tw-scale-x: 0.95;
1983 --tw-scale-y: 0.95;
2050 }1984 }
2051 .group:hover .group-hover\:bg-blue-900 {1985
2052 --tw-bg-opacity: 1;1986 .scale-100 {
2053 background-color: rgba(30, 58, 138, var(--tw-bg-opacity));1987 --tw-scale-x: 1;
1988 --tw-scale-y: 1;
2054 }1989 }
2055 .group:hover .group-hover\:bg-indigo-50 {1990
2056 --tw-bg-opacity: 1;1991 .scale-110 {
2057 background-color: rgba(238, 242, 255, var(--tw-bg-opacity));1992 --tw-scale-x: 1.1;
1993 --tw-scale-y: 1.1;
2058 }1994 }
2059 .group:hover .group-hover\:bg-indigo-100 {1995
2060 --tw-bg-opacity: 1;1996 .scale-75 {
2061 background-color: rgba(224, 231, 255, var(--tw-bg-opacity));1997 --tw-scale-x: 0.75;
1998 --tw-scale-y: 0.75;
2062 }1999 }
2063 .group:hover .group-hover\:bg-indigo-200 {2000
2064 --tw-bg-opacity: 1;2001 .scale-150 {
2065 background-color: rgba(199, 210, 254, var(--tw-bg-opacity));2002 --tw-scale-x: 1.5;
2003 --tw-scale-y: 1.5;
2066 }2004 }
2067 .group:hover .group-hover\:bg-indigo-300 {2005
2068 --tw-bg-opacity: 1;2006 .scale-125 {
2069 background-color: rgba(165, 180, 252, var(--tw-bg-opacity));2007 --tw-scale-x: 1.25;
2008 --tw-scale-y: 1.25;
2070 }2009 }
2071 .group:hover .group-hover\:bg-indigo-400 {2010
2072 --tw-bg-opacity: 1;2011 .scale-50 {
2073 background-color: rgba(129, 140, 248, var(--tw-bg-opacity));2012 --tw-scale-x: 0.5;
2013 --tw-scale-y: 0.5;
2074 }2014 }
2075 .group:hover .group-hover\:bg-indigo-500 {2015
2076 --tw-bg-opacity: 1;2016 @keyframes flash-code {
2077 background-color: rgba(99, 102, 241, var(--tw-bg-opacity));2017 0% {
2018 background-color: rgba(134, 239, 172, 0.25);
2019 }
2020
2021 to {
2022 background-color: transparent;
2023 }
2078 }2024 }
2079 .group:hover .group-hover\:bg-indigo-600 {2025
2080 --tw-bg-opacity: 1;2026 .animate-flash-code {
2081 background-color: rgba(79, 70, 229, var(--tw-bg-opacity));2027 animation: flash-code 1s forwards;
2082 }2028 }
2083 .group:hover .group-hover\:bg-indigo-700 {2029
2084 --tw-bg-opacity: 1;2030 .animate-flash-code-slow {
2085 background-color: rgba(67, 56, 202, var(--tw-bg-opacity));2031 animation: flash-code 2s forwards;
2086 }2032 }
2087 .group:hover .group-hover\:bg-indigo-800 {2033
2088 --tw-bg-opacity: 1;2034 .animate-none {
2089 background-color: rgba(55, 48, 163, var(--tw-bg-opacity));2035 animation: none;
2090 }2036 }
2091 .group:hover .group-hover\:bg-indigo-900 {2037
2092 --tw-bg-opacity: 1;2038 @keyframes spin {
2093 background-color: rgba(49, 46, 129, var(--tw-bg-opacity));2039 to {
2040 transform: rotate(1turn);
2041 }
2094 }2042 }
2095 .group:hover .group-hover\:bg-purple-50 {2043
2096 --tw-bg-opacity: 1;2044 .animate-spin {
2097 background-color: rgba(245, 243, 255, var(--tw-bg-opacity));2045 animation: spin 1s linear infinite;
2098 }2046 }
2099 .group:hover .group-hover\:bg-purple-100 {2047
2100 --tw-bg-opacity: 1;2048 @keyframes ping {
2101 background-color: rgba(237, 233, 254, var(--tw-bg-opacity));2049 75%,
2050 to {
2051 transform: scale(2);
2052 opacity: 0;
2053 }
2102 }2054 }
2103 .group:hover .group-hover\:bg-purple-200 {2055
2104 --tw-bg-opacity: 1;2056 .animate-ping {
2105 background-color: rgba(221, 214, 254, var(--tw-bg-opacity));2057 animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
2106 }2058 }
2107 .group:hover .group-hover\:bg-purple-300 {2059
2108 --tw-bg-opacity: 1;2060 @keyframes pulse {
2109 background-color: rgba(196, 181, 253, var(--tw-bg-opacity));2061 50% {
2062 opacity: 0.5;
2063 }
2110 }2064 }
2111 .group:hover .group-hover\:bg-purple-400 {2065
2112 --tw-bg-opacity: 1;2066 .animate-pulse {
2113 background-color: rgba(167, 139, 250, var(--tw-bg-opacity));2067 animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2114 }2068 }
2115 .group:hover .group-hover\:bg-purple-500 {2069
2116 --tw-bg-opacity: 1;2070 @keyframes bounce {
2117 background-color: rgba(139, 92, 246, var(--tw-bg-opacity));2071 0%,
2072 to {
2073 transform: translateY(-25%);
2074 animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2075 }
2076
2077 50% {
2078 transform: none;
2079 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2080 }
2118 }2081 }
2119 .group:hover .group-hover\:bg-purple-600 {2082
2120 --tw-bg-opacity: 1;2083 .animate-bounce {
2121 background-color: rgba(124, 58, 237, var(--tw-bg-opacity));2084 animation: bounce 1s infinite;
2122 }2085 }
2123 .group:hover .group-hover\:bg-purple-700 {2086
2124 --tw-bg-opacity: 1;2087 .cursor-grab {
2125 background-color: rgba(109, 40, 217, var(--tw-bg-opacity));2088 cursor: grab;
2126 }2089 }
2127 .group:hover .group-hover\:bg-purple-800 {2090
2128 --tw-bg-opacity: 1;2091 .cursor-grabbing {
2129 background-color: rgba(91, 33, 182, var(--tw-bg-opacity));2092 cursor: grabbing;
2130 }2093 }
2131 .group:hover .group-hover\:bg-purple-900 {2094
2132 --tw-bg-opacity: 1;2095 .cursor-pointer {
2133 background-color: rgba(76, 29, 149, var(--tw-bg-opacity));2096 cursor: pointer;
2134 }2097 }
2135 .group:hover .group-hover\:bg-pink-50 {2098
2136 --tw-bg-opacity: 1;2099 .cursor-not-allowed {
2137 background-color: rgba(253, 242, 248, var(--tw-bg-opacity));2100 cursor: not-allowed;
2138 }2101 }
2139 .group:hover .group-hover\:bg-pink-100 {2102
2140 --tw-bg-opacity: 1;2103 .cursor-auto {
2141 background-color: rgba(252, 231, 243, var(--tw-bg-opacity));2104 cursor: auto;
2142 }2105 }
2143 .group:hover .group-hover\:bg-pink-200 {2106
2144 --tw-bg-opacity: 1;2107 .cursor-default {
2145 background-color: rgba(251, 207, 232, var(--tw-bg-opacity));2108 cursor: default;
2146 }2109 }
2147 .group:hover .group-hover\:bg-pink-300 {2110
2148 --tw-bg-opacity: 1;2111 .cursor-wait {
2149 background-color: rgba(249, 168, 212, var(--tw-bg-opacity));2112 cursor: wait;
2150 }2113 }
2151 .group:hover .group-hover\:bg-pink-400 {2114
2152 --tw-bg-opacity: 1;2115 .cursor-text {
2153 background-color: rgba(244, 114, 182, var(--tw-bg-opacity));2116 cursor: text;
2154 }2117 }
2155 .group:hover .group-hover\:bg-pink-500 {2118
2156 --tw-bg-opacity: 1;2119 .cursor-move {
2157 background-color: rgba(236, 72, 153, var(--tw-bg-opacity));2120 cursor: move;
2158 }2121 }
2159 .group:hover .group-hover\:bg-pink-600 {2122
2160 --tw-bg-opacity: 1;2123 .select-none {
2161 background-color: rgba(219, 39, 119, var(--tw-bg-opacity));2124 -webkit-user-select: none;
2125 user-select: none;
2162 }2126 }
2163 .group:hover .group-hover\:bg-pink-700 {2127
2164 --tw-bg-opacity: 1;2128 .select-text {
2165 background-color: rgba(190, 24, 93, var(--tw-bg-opacity));2129 -webkit-user-select: text;
2130 user-select: text;
2166 }2131 }
2167 .group:hover .group-hover\:bg-pink-800 {2132
2168 --tw-bg-opacity: 1;2133 .select-all {
2169 background-color: rgba(157, 23, 77, var(--tw-bg-opacity));2134 -webkit-user-select: all;
2135 user-select: all;
2170 }2136 }
2171 .group:hover .group-hover\:bg-pink-900 {2137
2172 --tw-bg-opacity: 1;2138 .select-auto {
2173 background-color: rgba(131, 24, 67, var(--tw-bg-opacity));2139 -webkit-user-select: auto;
2140 user-select: auto;
2174 }2141 }
2175 .focus-within\:bg-transparent:focus-within {2142
2176 background-color: transparent;2143 .resize {
2144 resize: both;
2177 }2145 }
2178 .focus-within\:bg-current:focus-within {2146
2179 background-color: currentColor;2147 .resize-y {
2148 resize: vertical;
2180 }2149 }
2181 .focus-within\:bg-black:focus-within {2150
2182 --tw-bg-opacity: 1;2151 .resize-x {
2183 background-color: rgba(0, 0, 0, var(--tw-bg-opacity));2152 resize: horizontal;
2184 }2153 }
2185 .focus-within\:bg-white:focus-within {2154
2186 --tw-bg-opacity: 1;2155 .resize-none {
2187 background-color: rgba(255, 255, 255, var(--tw-bg-opacity));2156 resize: none;
2188 }2157 }
2189 .focus-within\:bg-gray-50:focus-within {2158
2190 --tw-bg-opacity: 1;2159 .list-inside {
2191 background-color: rgba(249, 250, 251, var(--tw-bg-opacity));2160 list-style-position: inside;
2192 }2161 }
2193 .focus-within\:bg-gray-100:focus-within {2162
2194 --tw-bg-opacity: 1;2163 .list-outside {
2195 background-color: rgba(243, 244, 246, var(--tw-bg-opacity));2164 list-style-position: outside;
2196 }2165 }
2197 .focus-within\:bg-gray-200:focus-within {2166
2198 --tw-bg-opacity: 1;2167 .list-none {
2199 background-color: rgba(229, 231, 235, var(--tw-bg-opacity));2168 list-style-type: none;
2200 }2169 }
2201 .focus-within\:bg-gray-300:focus-within {2170
2202 --tw-bg-opacity: 1;2171 .list-disc {
2203 background-color: rgba(209, 213, 219, var(--tw-bg-opacity));2172 list-style-type: disc;
2204 }2173 }
2205 .focus-within\:bg-gray-400:focus-within {2174
2206 --tw-bg-opacity: 1;2175 .list-decimal {
2207 background-color: rgba(156, 163, 175, var(--tw-bg-opacity));2176 list-style-type: decimal;
2208 }2177 }
2209 .focus-within\:bg-gray-500:focus-within {2178
2210 --tw-bg-opacity: 1;2179 .appearance-none {
2211 background-color: rgba(107, 114, 128, var(--tw-bg-opacity));2180 -webkit-appearance: none;
2181 appearance: none;
2212 }2182 }
2213 .focus-within\:bg-gray-600:focus-within {2183
2214 --tw-bg-opacity: 1;2184 .auto-cols-min {
2215 background-color: rgba(75, 85, 99, var(--tw-bg-opacity));2185 grid-auto-columns: min-content;
2216 }2186 }
2217 .focus-within\:bg-gray-700:focus-within {2187
2218 --tw-bg-opacity: 1;2188 .auto-cols-max {
2219 background-color: rgba(55, 65, 81, var(--tw-bg-opacity));2189 grid-auto-columns: max-content;
2220 }2190 }
2221 .focus-within\:bg-gray-800:focus-within {2191
2222 --tw-bg-opacity: 1;2192 .grid-flow-col {
2223 background-color: rgba(31, 41, 55, var(--tw-bg-opacity));2193 grid-auto-flow: column;
2224 }2194 }
2225 .focus-within\:bg-gray-900:focus-within {2195
2226 --tw-bg-opacity: 1;2196 .grid-flow-row {
2227 background-color: rgba(17, 24, 39, var(--tw-bg-opacity));2197 grid-auto-flow: row;
2228 }2198 }
2229 .focus-within\:bg-red-50:focus-within {2199
2230 --tw-bg-opacity: 1;2200 .auto-rows-min {
2231 background-color: rgba(254, 242, 242, var(--tw-bg-opacity));2201 grid-auto-rows: min-content;
2232 }2202 }
2233 .focus-within\:bg-red-100:focus-within {2203
2234 --tw-bg-opacity: 1;2204 .auto-rows-max {
2235 background-color: rgba(254, 226, 226, var(--tw-bg-opacity));2205 grid-auto-rows: max-content;
2236 }2206 }
2237 .focus-within\:bg-red-200:focus-within {2207
2238 --tw-bg-opacity: 1;2208 .auto-rows-fr {
2239 background-color: rgba(254, 202, 202, var(--tw-bg-opacity));2209 grid-auto-rows: minmax(0, 1fr);
2240 }2210 }
2241 .focus-within\:bg-red-300:focus-within {2211
2242 --tw-bg-opacity: 1;2212 .grid-cols-1 {
2243 background-color: rgba(252, 165, 165, var(--tw-bg-opacity));2213 grid-template-columns: repeat(1, minmax(0, 1fr));
2244 }2214 }
2245 .focus-within\:bg-red-400:focus-within {2215
2246 --tw-bg-opacity: 1;2216 .grid-cols-5 {
2247 background-color: rgba(248, 113, 113, var(--tw-bg-opacity));2217 grid-template-columns: repeat(5, minmax(0, 1fr));
2248 }2218 }
2249 .focus-within\:bg-red-500:focus-within {2219
2250 --tw-bg-opacity: 1;2220 .grid-cols-2 {
2251 background-color: rgba(239, 68, 68, var(--tw-bg-opacity));2221 grid-template-columns: repeat(2, minmax(0, 1fr));
2252 }2222 }
2253 .focus-within\:bg-red-600:focus-within {2223
2254 --tw-bg-opacity: 1;2224 .grid-cols-10 {
2255 background-color: rgba(220, 38, 38, var(--tw-bg-opacity));2225 grid-template-columns: repeat(10, minmax(0, 1fr));
2256 }2226 }
2257 .focus-within\:bg-red-700:focus-within {2227
2258 --tw-bg-opacity: 1;2228 .grid-cols-3 {
2259 background-color: rgba(185, 28, 28, var(--tw-bg-opacity));2229 grid-template-columns: repeat(3, minmax(0, 1fr));
2260 }2230 }
2261 .focus-within\:bg-red-800:focus-within {2231
2262 --tw-bg-opacity: 1;2232 .grid-cols-6 {
2263 background-color: rgba(153, 27, 27, var(--tw-bg-opacity));2233 grid-template-columns: repeat(6, minmax(0, 1fr));
2264 }2234 }
2265 .focus-within\:bg-red-900:focus-within {2235
2266 --tw-bg-opacity: 1;2236 .grid-cols-\[1fr\2c 700px\2c 2fr\] {
2267 background-color: rgba(127, 29, 29, var(--tw-bg-opacity));2237 grid-template-columns: 1fr 700px 2fr;
2268 }2238 }
2269 .focus-within\:bg-yellow-50:focus-within {2239
2270 --tw-bg-opacity: 1;2240 .grid-rows-2 {
2271 background-color: rgba(255, 251, 235, var(--tw-bg-opacity));2241 grid-template-rows: repeat(2, minmax(0, 1fr));
2272 }2242 }
2273 .focus-within\:bg-yellow-100:focus-within {2243
2274 --tw-bg-opacity: 1;2244 .grid-rows-3 {
2275 background-color: rgba(254, 243, 199, var(--tw-bg-opacity));2245 grid-template-rows: repeat(3, minmax(0, 1fr));
2276 }2246 }
2277 .focus-within\:bg-yellow-200:focus-within {2247
2278 --tw-bg-opacity: 1;2248 .grid-rows-6 {
2279 background-color: rgba(253, 230, 138, var(--tw-bg-opacity));2249 grid-template-rows: repeat(6, minmax(0, 1fr));
2280 }2250 }
2281 .focus-within\:bg-yellow-300:focus-within {2251
2282 --tw-bg-opacity: 1;2252 .flex-col {
2283 background-color: rgba(252, 211, 77, var(--tw-bg-opacity));2253 flex-direction: column;
2284 }2254 }
2285 .focus-within\:bg-yellow-400:focus-within {2255
2286 --tw-bg-opacity: 1;2256 .flex-row-reverse {
2287 background-color: rgba(251, 191, 36, var(--tw-bg-opacity));2257 flex-direction: row-reverse;
2288 }2258 }
2289 .focus-within\:bg-yellow-500:focus-within {2259
2290 --tw-bg-opacity: 1;2260 .flex-col-reverse {
2291 background-color: rgba(245, 158, 11, var(--tw-bg-opacity));2261 flex-direction: column-reverse;
2292 }2262 }
2293 .focus-within\:bg-yellow-600:focus-within {2263
2294 --tw-bg-opacity: 1;2264 .flex-row {
2295 background-color: rgba(217, 119, 6, var(--tw-bg-opacity));2265 flex-direction: row;
2296 }2266 }
2297 .focus-within\:bg-yellow-700:focus-within {2267
2298 --tw-bg-opacity: 1;2268 .flex-wrap {
2299 background-color: rgba(180, 83, 9, var(--tw-bg-opacity));2269 flex-wrap: wrap;
2300 }2270 }
2301 .focus-within\:bg-yellow-800:focus-within {2271
2302 --tw-bg-opacity: 1;2272 .flex-nowrap {
2303 background-color: rgba(146, 64, 14, var(--tw-bg-opacity));2273 flex-wrap: nowrap;
2304 }2274 }
2305 .focus-within\:bg-yellow-900:focus-within {2275
2306 --tw-bg-opacity: 1;2276 .flex-wrap-reverse {
2307 background-color: rgba(120, 53, 15, var(--tw-bg-opacity));2277 flex-wrap: wrap-reverse;
2308 }2278 }
2309 .focus-within\:bg-green-50:focus-within {2279
2310 --tw-bg-opacity: 1;2280 .place-content-center {
2311 background-color: rgba(236, 253, 245, var(--tw-bg-opacity));2281 place-content: center;
2312 }2282 }
2313 .focus-within\:bg-green-100:focus-within {2283
2314 --tw-bg-opacity: 1;2284 .place-content-start {
2315 background-color: rgba(209, 250, 229, var(--tw-bg-opacity));2285 place-content: start;
2316 }2286 }
2317 .focus-within\:bg-green-200:focus-within {2287
2318 --tw-bg-opacity: 1;2288 .place-content-end {
2319 background-color: rgba(167, 243, 208, var(--tw-bg-opacity));2289 place-content: end;
2320 }2290 }
2321 .focus-within\:bg-green-300:focus-within {2291
2322 --tw-bg-opacity: 1;2292 .place-content-between {
2323 background-color: rgba(110, 231, 183, var(--tw-bg-opacity));2293 place-content: space-between;
2324 }2294 }
2325 .focus-within\:bg-green-400:focus-within {2295
2326 --tw-bg-opacity: 1;2296 .place-content-around {
2327 background-color: rgba(52, 211, 153, var(--tw-bg-opacity));2297 place-content: space-around;
2328 }2298 }
2329 .focus-within\:bg-green-500:focus-within {2299
2330 --tw-bg-opacity: 1;2300 .place-content-evenly {
2331 background-color: rgba(16, 185, 129, var(--tw-bg-opacity));2301 place-content: space-evenly;
2332 }2302 }
2333 .focus-within\:bg-green-600:focus-within {2303
2334 --tw-bg-opacity: 1;2304 .place-content-stretch {
2335 background-color: rgba(5, 150, 105, var(--tw-bg-opacity));2305 place-content: stretch;
2336 }2306 }
2337 .focus-within\:bg-green-700:focus-within {2307
2338 --tw-bg-opacity: 1;2308 .place-items-start {
2339 background-color: rgba(4, 120, 87, var(--tw-bg-opacity));2309 place-items: start;
2340 }2310 }
2341 .focus-within\:bg-green-800:focus-within {2311
2342 --tw-bg-opacity: 1;2312 .place-items-end {
2343 background-color: rgba(6, 95, 70, var(--tw-bg-opacity));2313 place-items: end;
2344 }2314 }
2345 .focus-within\:bg-green-900:focus-within {2315
2346 --tw-bg-opacity: 1;2316 .place-items-center {
2347 background-color: rgba(6, 78, 59, var(--tw-bg-opacity));2317 place-items: center;
2348 }2318 }
2349 .focus-within\:bg-blue-50:focus-within {2319
2350 --tw-bg-opacity: 1;2320 .place-items-stretch {
2351 background-color: rgba(239, 246, 255, var(--tw-bg-opacity));2321 place-items: stretch;
2352 }2322 }
2353 .focus-within\:bg-blue-100:focus-within {2323
2354 --tw-bg-opacity: 1;2324 .content-start {
2355 background-color: rgba(219, 234, 254, var(--tw-bg-opacity));2325 align-content: flex-start;
2356 }2326 }
2357 .focus-within\:bg-blue-200:focus-within {2327
2358 --tw-bg-opacity: 1;2328 .content-center {
2359 background-color: rgba(191, 219, 254, var(--tw-bg-opacity));2329 align-content: center;
2360 }2330 }
2361 .focus-within\:bg-blue-300:focus-within {2331
2362 --tw-bg-opacity: 1;2332 .content-end {
2363 background-color: rgba(147, 197, 253, var(--tw-bg-opacity));2333 align-content: flex-end;
2364 }2334 }
2365 .focus-within\:bg-blue-400:focus-within {2335
2366 --tw-bg-opacity: 1;2336 .content-between {
2367 background-color: rgba(96, 165, 250, var(--tw-bg-opacity));2337 align-content: space-between;
2368 }2338 }
2369 .focus-within\:bg-blue-500:focus-within {2339
2370 --tw-bg-opacity: 1;2340 .content-around {
2371 background-color: rgba(59, 130, 246, var(--tw-bg-opacity));2341 align-content: space-around;
2372 }2342 }
2373 .focus-within\:bg-blue-600:focus-within {2343
2374 --tw-bg-opacity: 1;2344 .content-evenly {
2375 background-color: rgba(37, 99, 235, var(--tw-bg-opacity));2345 align-content: space-evenly;
2376 }2346 }
2377 .focus-within\:bg-blue-700:focus-within {2347
2378 --tw-bg-opacity: 1;2348 .items-center {
2379 background-color: rgba(29, 78, 216, var(--tw-bg-opacity));2349 align-items: center;
2380 }2350 }
2381 .focus-within\:bg-blue-800:focus-within {2351
2382 --tw-bg-opacity: 1;2352 .items-start {
2383 background-color: rgba(30, 64, 175, var(--tw-bg-opacity));2353 align-items: flex-start;
2384 }2354 }
2385 .focus-within\:bg-blue-900:focus-within {2355
2386 --tw-bg-opacity: 1;2356 .items-baseline {
2387 background-color: rgba(30, 58, 138, var(--tw-bg-opacity));2357 align-items: baseline;
2388 }2358 }
2389 .focus-within\:bg-indigo-50:focus-within {2359
2390 --tw-bg-opacity: 1;2360 .items-end {
2391 background-color: rgba(238, 242, 255, var(--tw-bg-opacity));2361 align-items: flex-end;
2392 }2362 }
2393 .focus-within\:bg-indigo-100:focus-within {2363
2394 --tw-bg-opacity: 1;2364 .items-stretch {
2395 background-color: rgba(224, 231, 255, var(--tw-bg-opacity));2365 align-items: stretch;
2396 }2366 }
2397 .focus-within\:bg-indigo-200:focus-within {2367
2398 --tw-bg-opacity: 1;2368 .justify-center {
2399 background-color: rgba(199, 210, 254, var(--tw-bg-opacity));2369 justify-content: center;
2400 }2370 }
2401 .focus-within\:bg-indigo-300:focus-within {2371
2402 --tw-bg-opacity: 1;2372 .justify-end {
2403 background-color: rgba(165, 180, 252, var(--tw-bg-opacity));2373 justify-content: flex-end;
2404 }2374 }
2405 .focus-within\:bg-indigo-400:focus-within {2375
2406 --tw-bg-opacity: 1;2376 .justify-between {
2407 background-color: rgba(129, 140, 248, var(--tw-bg-opacity));2377 justify-content: space-between;
2408 }2378 }
2409 .focus-within\:bg-indigo-500:focus-within {2379
2410 --tw-bg-opacity: 1;2380 .justify-around {
2411 background-color: rgba(99, 102, 241, var(--tw-bg-opacity));2381 justify-content: space-around;
2412 }2382 }
2413 .focus-within\:bg-indigo-600:focus-within {2383
2414 --tw-bg-opacity: 1;2384 .justify-start {
2415 background-color: rgba(79, 70, 229, var(--tw-bg-opacity));2385 justify-content: flex-start;
2416 }2386 }
2417 .focus-within\:bg-indigo-700:focus-within {2387
2418 --tw-bg-opacity: 1;2388 .justify-evenly {
2419 background-color: rgba(67, 56, 202, var(--tw-bg-opacity));2389 justify-content: space-evenly;
2420 }2390 }
2421 .focus-within\:bg-indigo-800:focus-within {2391
2422 --tw-bg-opacity: 1;2392 .justify-items-start {
2423 background-color: rgba(55, 48, 163, var(--tw-bg-opacity));2393 justify-items: start;
2424 }2394 }
2425 .focus-within\:bg-indigo-900:focus-within {2395
2426 --tw-bg-opacity: 1;2396 .justify-items-end {
2427 background-color: rgba(49, 46, 129, var(--tw-bg-opacity));2397 justify-items: end;
2428 }2398 }
2429 .focus-within\:bg-purple-50:focus-within {2399
2430 --tw-bg-opacity: 1;2400 .justify-items-center {
2431 background-color: rgba(245, 243, 255, var(--tw-bg-opacity));2401 justify-items: center;
2432 }2402 }
2433 .focus-within\:bg-purple-100:focus-within {2403
2434 --tw-bg-opacity: 1;2404 .justify-items-stretch {
2435 background-color: rgba(237, 233, 254, var(--tw-bg-opacity));2405 justify-items: stretch;
2436 }2406 }
2437 .focus-within\:bg-purple-200:focus-within {2407
2438 --tw-bg-opacity: 1;2408 .gap-8 {
2439 background-color: rgba(221, 214, 254, var(--tw-bg-opacity));2409 gap: 2rem;
2440 }2410 }
2441 .focus-within\:bg-purple-300:focus-within {2411
2442 --tw-bg-opacity: 1;2412 .gap-6 {
2443 background-color: rgba(196, 181, 253, var(--tw-bg-opacity));2413 gap: 1.5rem;
2444 }2414 }
2445 .focus-within\:bg-purple-400:focus-within {2415
2446 --tw-bg-opacity: 1;2416 .gap-3 {
2447 background-color: rgba(167, 139, 250, var(--tw-bg-opacity));2417 gap: 0.75rem;
2448 }2418 }
2449 .focus-within\:bg-purple-500:focus-within {2419
2450 --tw-bg-opacity: 1;2420 .gap-4 {
2451 background-color: rgba(139, 92, 246, var(--tw-bg-opacity));2421 gap: 1rem;
2452 }2422 }
2453 .focus-within\:bg-purple-600:focus-within {2423
2454 --tw-bg-opacity: 1;2424 .gap-2 {
2455 background-color: rgba(124, 58, 237, var(--tw-bg-opacity));2425 gap: 0.5rem;
2456 }2426 }
2457 .focus-within\:bg-purple-700:focus-within {2427
2458 --tw-bg-opacity: 1;2428 .gap-x-4 {
2459 background-color: rgba(109, 40, 217, var(--tw-bg-opacity));2429 column-gap: 1rem;
2460 }2430 }
2461 .focus-within\:bg-purple-800:focus-within {2431
2462 --tw-bg-opacity: 1;2432 .gap-y-3 {
2463 background-color: rgba(91, 33, 182, var(--tw-bg-opacity));2433 row-gap: 0.75rem;
2464 }2434 }
2465 .focus-within\:bg-purple-900:focus-within {2435
2466 --tw-bg-opacity: 1;2436 .gap-x-6 {
2467 background-color: rgba(76, 29, 149, var(--tw-bg-opacity));2437 column-gap: 1.5rem;
2468 }2438 }
2469 .focus-within\:bg-pink-50:focus-within {2439
2470 --tw-bg-opacity: 1;2440 .gap-y-10 {
2471 background-color: rgba(253, 242, 248, var(--tw-bg-opacity));2441 row-gap: 2.5rem;
2472 }2442 }
2473 .focus-within\:bg-pink-100:focus-within {2443
2474 --tw-bg-opacity: 1;2444 .gap-x-8 {
2475 background-color: rgba(252, 231, 243, var(--tw-bg-opacity));2445 column-gap: 2rem;
2476 }2446 }
2477 .focus-within\:bg-pink-200:focus-within {2447
2478 --tw-bg-opacity: 1;2448 .gap-y-4 {
2479 background-color: rgba(251, 207, 232, var(--tw-bg-opacity));2449 row-gap: 1rem;
2480 }2450 }
2481 .focus-within\:bg-pink-300:focus-within {2451
2482 --tw-bg-opacity: 1;2452 .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
2483 background-color: rgba(249, 168, 212, var(--tw-bg-opacity));2453 --tw-space-x-reverse: 0;
2454 margin-right: calc(0.375rem * var(--tw-space-x-reverse));
2455 margin-left: calc(0.375rem * (1 - var(--tw-space-x-reverse)));
2484 }2456 }
2485 .focus-within\:bg-pink-400:focus-within {2457
2486 --tw-bg-opacity: 1;2458 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
2487 background-color: rgba(244, 114, 182, var(--tw-bg-opacity));2459 --tw-space-x-reverse: 0;
2460 margin-right: calc(0.25rem * var(--tw-space-x-reverse));
2461 margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
2488 }2462 }
2489 .focus-within\:bg-pink-500:focus-within {2463
2490 --tw-bg-opacity: 1;2464 .space-y-3 > :not([hidden]) ~ :not([hidden]) {
2491 background-color: rgba(236, 72, 153, var(--tw-bg-opacity));2465 --tw-space-y-reverse: 0;
2466 margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
2467 margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
2492 }2468 }
2493 .focus-within\:bg-pink-600:focus-within {2469
2494 --tw-bg-opacity: 1;2470 .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
2495 background-color: rgba(219, 39, 119, var(--tw-bg-opacity));2471 --tw-space-y-reverse: 0;
2472 margin-top: calc(0.375rem * (1 - var(--tw-space-y-reverse)));
2473 margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
2496 }2474 }
2497 .focus-within\:bg-pink-700:focus-within {2475
2498 --tw-bg-opacity: 1;2476 .space-y-1 > :not([hidden]) ~ :not([hidden]) {
2499 background-color: rgba(190, 24, 93, var(--tw-bg-opacity));2477 --tw-space-y-reverse: 0;
2478 margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
2479 margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
2500 }2480 }
2501 .focus-within\:bg-pink-800:focus-within {2481
2502 --tw-bg-opacity: 1;2482 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
2503 background-color: rgba(157, 23, 77, var(--tw-bg-opacity));2483 --tw-space-x-reverse: 0;
2484 margin-right: calc(1rem * var(--tw-space-x-reverse));
2485 margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
2504 }2486 }
2505 .focus-within\:bg-pink-900:focus-within {2487
2506 --tw-bg-opacity: 1;2488 .space-x-6 > :not([hidden]) ~ :not([hidden]) {
2507 background-color: rgba(131, 24, 67, var(--tw-bg-opacity));2489 --tw-space-x-reverse: 0;
2490 margin-right: calc(1.5rem * var(--tw-space-x-reverse));
2491 margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));
2508 }2492 }
2509 .hover\:bg-transparent:hover {2493
2510 background-color: transparent;2494 .space-x-2 > :not([hidden]) ~ :not([hidden]) {
2495 --tw-space-x-reverse: 0;
2496 margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2497 margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
2511 }2498 }
2512 .hover\:bg-current:hover {2499
2513 background-color: currentColor;2500 .space-x-3 > :not([hidden]) ~ :not([hidden]) {
2501 --tw-space-x-reverse: 0;
2502 margin-right: calc(0.75rem * var(--tw-space-x-reverse));
2503 margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
2514 }2504 }
2515 .hover\:bg-black:hover {2505
2516 --tw-bg-opacity: 1;2506 .space-y-20 > :not([hidden]) ~ :not([hidden]) {
2517 background-color: rgba(0, 0, 0, var(--tw-bg-opacity));2507 --tw-space-y-reverse: 0;
2508 margin-top: calc(5rem * (1 - var(--tw-space-y-reverse)));
2509 margin-bottom: calc(5rem * var(--tw-space-y-reverse));
2518 }2510 }
2519 .hover\:bg-white:hover {2511
2520 --tw-bg-opacity: 1;2512 .space-y-4 > :not([hidden]) ~ :not([hidden]) {
2521 background-color: rgba(255, 255, 255, var(--tw-bg-opacity));2513 --tw-space-y-reverse: 0;
2514 margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
2515 margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2522 }2516 }
2523 .hover\:bg-gray-50:hover {2517
2524 --tw-bg-opacity: 1;2518 .space-y-5 > :not([hidden]) ~ :not([hidden]) {
2525 background-color: rgba(249, 250, 251, var(--tw-bg-opacity));2519 --tw-space-y-reverse: 0;
2520 margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
2521 margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
2526 }2522 }
2527 .hover\:bg-gray-100:hover {2523
2528 --tw-bg-opacity: 1;2524 .space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
2529 background-color: rgba(243, 244, 246, var(--tw-bg-opacity));2525 --tw-space-x-reverse: 0;
2526 margin-right: calc(0.875rem * var(--tw-space-x-reverse));
2527 margin-left: calc(0.875rem * (1 - var(--tw-space-x-reverse)));
2530 }2528 }
2531 .hover\:bg-gray-200:hover {2529
2532 --tw-bg-opacity: 1;2530 .space-y-2 > :not([hidden]) ~ :not([hidden]) {
2533 background-color: rgba(229, 231, 235, var(--tw-bg-opacity));2531 --tw-space-y-reverse: 0;
2532 margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
2533 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
2534 }2534 }
2535 .hover\:bg-gray-300:hover {2535
2536 --tw-bg-opacity: 1;2536 .space-y-6 > :not([hidden]) ~ :not([hidden]) {
2537 background-color: rgba(209, 213, 219, var(--tw-bg-opacity));2537 --tw-space-y-reverse: 0;
2538 margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
2539 margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
2538 }2540 }
2539 .hover\:bg-gray-400:hover {2541
2540 --tw-bg-opacity: 1;2542 .-space-x-1 > :not([hidden]) ~ :not([hidden]) {
2541 background-color: rgba(156, 163, 175, var(--tw-bg-opacity));2543 --tw-space-x-reverse: 0;
2544 margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
2545 margin-left: calc(-0.25rem * (1 - var(--tw-space-x-reverse)));
2542 }2546 }
2543 .hover\:bg-gray-500:hover {2547
2544 --tw-bg-opacity: 1;2548 .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
2545 background-color: rgba(107, 114, 128, var(--tw-bg-opacity));2549 --tw-space-y-reverse: 0;
2550 margin-top: calc(0.125rem * (1 - var(--tw-space-y-reverse)));
2551 margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
2546 }2552 }
2547 .hover\:bg-gray-600:hover {2553
2548 --tw-bg-opacity: 1;2554 .space-y-0 > :not([hidden]) ~ :not([hidden]) {
2549 background-color: rgba(75, 85, 99, var(--tw-bg-opacity));2555 --tw-space-y-reverse: 0;
2556 margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
2557 margin-bottom: calc(0px * var(--tw-space-y-reverse));
2550 }2558 }
2551 .hover\:bg-gray-700:hover {2559
2552 --tw-bg-opacity: 1;2560 .space-x-0 > :not([hidden]) ~ :not([hidden]) {
2553 background-color: rgba(55, 65, 81, var(--tw-bg-opacity));2561 --tw-space-x-reverse: 0;
2562 margin-right: calc(0px * var(--tw-space-x-reverse));
2563 margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));
2554 }2564 }
2555 .hover\:bg-gray-800:hover {2565
2556 --tw-bg-opacity: 1;2566 .-space-x-2 > :not([hidden]) ~ :not([hidden]) {
2557 background-color: rgba(31, 41, 55, var(--tw-bg-opacity));2567 --tw-space-x-reverse: 0;
2568 margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
2569 margin-left: calc(-0.5rem * (1 - var(--tw-space-x-reverse)));
2558 }2570 }
2559 .hover\:bg-gray-900:hover {2571
2560 --tw-bg-opacity: 1;2572 .space-x-8 > :not([hidden]) ~ :not([hidden]) {
2561 background-color: rgba(17, 24, 39, var(--tw-bg-opacity));2573 --tw-space-x-reverse: 0;
2574 margin-right: calc(2rem * var(--tw-space-x-reverse));
2575 margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
2562 }2576 }
2563 .hover\:bg-red-50:hover {2577
2564 --tw-bg-opacity: 1;2578 .space-x-16 > :not([hidden]) ~ :not([hidden]) {
2565 background-color: rgba(254, 242, 242, var(--tw-bg-opacity));2579 --tw-space-x-reverse: 0;
2580 margin-right: calc(4rem * var(--tw-space-x-reverse));
2581 margin-left: calc(4rem * (1 - var(--tw-space-x-reverse)));
2566 }2582 }
2567 .hover\:bg-red-100:hover {2583
2568 --tw-bg-opacity: 1;2584 .space-y-12 > :not([hidden]) ~ :not([hidden]) {
2569 background-color: rgba(254, 226, 226, var(--tw-bg-opacity));2585 --tw-space-y-reverse: 0;
2586 margin-top: calc(3rem * (1 - var(--tw-space-y-reverse)));
2587 margin-bottom: calc(3rem * var(--tw-space-y-reverse));
2570 }2588 }
2571 .hover\:bg-red-200:hover {2589
2572 --tw-bg-opacity: 1;2590 .space-y-8 > :not([hidden]) ~ :not([hidden]) {
2573 background-color: rgba(254, 202, 202, var(--tw-bg-opacity));2591 --tw-space-y-reverse: 0;
2592 margin-top: calc(2rem * (1 - var(--tw-space-y-reverse)));
2593 margin-bottom: calc(2rem * var(--tw-space-y-reverse));
2574 }2594 }
2575 .hover\:bg-red-300:hover {2595
2576 --tw-bg-opacity: 1;2596 .space-y-reverse > :not([hidden]) ~ :not([hidden]) {
2577 background-color: rgba(252, 165, 165, var(--tw-bg-opacity));2597 --tw-space-y-reverse: 1;
2578 }2598 }
2579 .hover\:bg-red-400:hover {2599
2580 --tw-bg-opacity: 1;2600 .space-x-reverse > :not([hidden]) ~ :not([hidden]) {
2581 background-color: rgba(248, 113, 113, var(--tw-bg-opacity));2601 --tw-space-x-reverse: 1;
2582 }2602 }
2583 .hover\:bg-red-500:hover {2603
2584 --tw-bg-opacity: 1;2604 .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
2585 background-color: rgba(239, 68, 68, var(--tw-bg-opacity));2605 --tw-divide-x-reverse: 0;
2606 border-right-width: calc(2px * var(--tw-divide-x-reverse));
2607 border-left-width: calc(2px * (1 - var(--tw-divide-x-reverse)));
2586 }2608 }
2587 .hover\:bg-red-600:hover {2609
2588 --tw-bg-opacity: 1;2610 .divide-y > :not([hidden]) ~ :not([hidden]) {
2589 background-color: rgba(220, 38, 38, var(--tw-bg-opacity));2611 --tw-divide-y-reverse: 0;
2612 border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
2613 border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
2590 }2614 }
2591 .hover\:bg-red-700:hover {2615
2592 --tw-bg-opacity: 1;2616 .divide-y-4 > :not([hidden]) ~ :not([hidden]) {
2593 background-color: rgba(185, 28, 28, var(--tw-bg-opacity));2617 --tw-divide-y-reverse: 0;
2618 border-top-width: calc(4px * (1 - var(--tw-divide-y-reverse)));
2619 border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
2594 }2620 }
2595 .hover\:bg-red-800:hover {2621
2596 --tw-bg-opacity: 1;2622 .divide-x-8 > :not([hidden]) ~ :not([hidden]) {
2597 background-color: rgba(153, 27, 27, var(--tw-bg-opacity));2623 --tw-divide-x-reverse: 0;
2624 border-right-width: calc(8px * var(--tw-divide-x-reverse));
2625 border-left-width: calc(8px * (1 - var(--tw-divide-x-reverse)));
2598 }2626 }
2599 .hover\:bg-red-900:hover {2627
2600 --tw-bg-opacity: 1;2628 .divide-y-2 > :not([hidden]) ~ :not([hidden]) {
2601 background-color: rgba(127, 29, 29, var(--tw-bg-opacity));2629 --tw-divide-y-reverse: 0;
2630 border-top-width: calc(2px * (1 - var(--tw-divide-y-reverse)));
2631 border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
2602 }2632 }
2603 .hover\:bg-yellow-50:hover {2633
2604 --tw-bg-opacity: 1;2634 .divide-x > :not([hidden]) ~ :not([hidden]) {
2605 background-color: rgba(255, 251, 235, var(--tw-bg-opacity));2635 --tw-divide-x-reverse: 0;
2636 border-right-width: calc(1px * var(--tw-divide-x-reverse));
2637 border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
2606 }2638 }
2607 .hover\:bg-yellow-100:hover {2639
2608 --tw-bg-opacity: 1;2640 .divide-y-8 > :not([hidden]) ~ :not([hidden]) {
2609 background-color: rgba(254, 243, 199, var(--tw-bg-opacity));2641 --tw-divide-y-reverse: 0;
2642 border-top-width: calc(8px * (1 - var(--tw-divide-y-reverse)));
2643 border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
2610 }2644 }
2611 .hover\:bg-yellow-200:hover {2645
2612 --tw-bg-opacity: 1;2646 .divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
2613 background-color: rgba(253, 230, 138, var(--tw-bg-opacity));2647 --tw-divide-y-reverse: 1;
2614 }2648 }
2615 .hover\:bg-yellow-300:hover {2649
2616 --tw-bg-opacity: 1;2650 .divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
2617 background-color: rgba(252, 211, 77, var(--tw-bg-opacity));2651 --tw-divide-x-reverse: 1;
2618 }2652 }
2619 .hover\:bg-yellow-400:hover {2653
2620 --tw-bg-opacity: 1;2654 .divide-dashed > :not([hidden]) ~ :not([hidden]) {
2621 background-color: rgba(251, 191, 36, var(--tw-bg-opacity));2655 border-style: dashed;
2622 }2656 }
2623 .hover\:bg-yellow-500:hover {2657
2624 --tw-bg-opacity: 1;2658 .divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
2625 background-color: rgba(245, 158, 11, var(--tw-bg-opacity));2659 --tw-divide-opacity: 1;
2660 border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
2626 }2661 }
2627 .hover\:bg-yellow-600:hover {2662
2628 --tw-bg-opacity: 1;2663 .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
2629 background-color: rgba(217, 119, 6, var(--tw-bg-opacity));2664 --tw-divide-opacity: 1;
2665 border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
2630 }2666 }
2631 .hover\:bg-yellow-700:hover {2667
2632 --tw-bg-opacity: 1;2668 .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
2633 background-color: rgba(180, 83, 9, var(--tw-bg-opacity));2669 --tw-divide-opacity: 1;
2670 border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
2634 }2671 }
2635 .hover\:bg-yellow-800:hover {2672
2636 --tw-bg-opacity: 1;2673 .divide-rose-100 > :not([hidden]) ~ :not([hidden]) {
2637 background-color: rgba(146, 64, 14, var(--tw-bg-opacity));2674 --tw-divide-opacity: 1;
2675 border-color: rgba(255, 228, 230, var(--tw-divide-opacity));
2638 }2676 }
2639 .hover\:bg-yellow-900:hover {2677
2640 --tw-bg-opacity: 1;2678 .divide-light-blue-400 > :not([hidden]) ~ :not([hidden]) {
2641 background-color: rgba(120, 53, 15, var(--tw-bg-opacity));2679 --tw-divide-opacity: 1;
2680 border-color: rgba(56, 189, 248, var(--tw-divide-opacity));
2642 }2681 }
2643 .hover\:bg-green-50:hover {2682
2644 --tw-bg-opacity: 1;2683 .divide-fuchsia-300 > :not([hidden]) ~ :not([hidden]) {
2645 background-color: rgba(236, 253, 245, var(--tw-bg-opacity));2684 --tw-divide-opacity: 1;
2685 border-color: rgba(240, 171, 252, var(--tw-divide-opacity));
2646 }2686 }
2647 .hover\:bg-green-100:hover {2687
2648 --tw-bg-opacity: 1;2688 .divide-black > :not([hidden]) ~ :not([hidden]) {
2649 background-color: rgba(209, 250, 229, var(--tw-bg-opacity));2689 --tw-divide-opacity: 1;
2690 border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
2650 }2691 }
2651 .hover\:bg-green-200:hover {2692
2652 --tw-bg-opacity: 1;2693 .divide > :not([hidden]) ~ :not([hidden]) {
2653 background-color: rgba(167, 243, 208, var(--tw-bg-opacity));2694 --tw-divide-opacity: 1;
2695 border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
2654 }2696 }
2655 .hover\:bg-green-300:hover {2697
2656 --tw-bg-opacity: 1;2698 .divide-teal-400 > :not([hidden]) ~ :not([hidden]) {
2657 background-color: rgba(110, 231, 183, var(--tw-bg-opacity));2699 --tw-divide-opacity: 1;
2700 border-color: rgba(45, 212, 191, var(--tw-divide-opacity));
2658 }2701 }
2659 .hover\:bg-green-400:hover {2702
2660 --tw-bg-opacity: 1;2703 .divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
2661 background-color: rgba(52, 211, 153, var(--tw-bg-opacity));2704 --tw-divide-opacity: 1;
2705 border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
2662 }2706 }
2663 .hover\:bg-green-500:hover {2707
2664 --tw-bg-opacity: 1;2708 .divide-amber-600 > :not([hidden]) ~ :not([hidden]) {
2665 background-color: rgba(16, 185, 129, var(--tw-bg-opacity));2709 --tw-divide-opacity: 1;
2710 border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
2666 }2711 }
2667 .hover\:bg-green-600:hover {2712
2668 --tw-bg-opacity: 1;2713 .divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
2669 background-color: rgba(5, 150, 105, var(--tw-bg-opacity));2714 --tw-divide-opacity: 1;
2715 border-color: rgba(202, 138, 4, var(--tw-divide-opacity));
2670 }2716 }
2671 .hover\:bg-green-700:hover {2717
2672 --tw-bg-opacity: 1;2718 .divide-emerald-500 > :not([hidden]) ~ :not([hidden]) {
2673 background-color: rgba(4, 120, 87, var(--tw-bg-opacity));2719 --tw-divide-opacity: 1;
2720 border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
2674 }2721 }
2675 .hover\:bg-green-800:hover {2722
2676 --tw-bg-opacity: 1;2723 .divide-green-500 > :not([hidden]) ~ :not([hidden]) {
2677 background-color: rgba(6, 95, 70, var(--tw-bg-opacity));2724 --tw-divide-opacity: 1;
2725 border-color: rgba(34, 197, 94, var(--tw-divide-opacity));
2678 }2726 }
2679 .hover\:bg-green-900:hover {2727
2680 --tw-bg-opacity: 1;2728 .divide-amber-500 > :not([hidden]) ~ :not([hidden]) {
2681 background-color: rgba(6, 78, 59, var(--tw-bg-opacity));2729 --tw-divide-opacity: 1;
2730 border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
2682 }2731 }
2683 .hover\:bg-blue-50:hover {2732
2684 --tw-bg-opacity: 1;2733 .divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
2685 background-color: rgba(239, 246, 255, var(--tw-bg-opacity));2734 --tw-divide-opacity: 1;
2686 }2735 border-color: rgba(234, 179, 8, var(--tw-divide-opacity));
2687 .hover\:bg-blue-100:hover {
2688 --tw-bg-opacity: 1;
2689 background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
2690 }2736 }
2691 .hover\:bg-blue-200:hover {2737
2692 --tw-bg-opacity: 1;2738 .divide-rose-400 > :not([hidden]) ~ :not([hidden]) {
2693 background-color: rgba(191, 219, 254, var(--tw-bg-opacity));2739 --tw-divide-opacity: 1;
2740 border-color: rgba(251, 113, 133, var(--tw-divide-opacity));
2694 }2741 }
2695 .hover\:bg-blue-300:hover {2742
2696 --tw-bg-opacity: 1;2743 .divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
2697 background-color: rgba(147, 197, 253, var(--tw-bg-opacity));2744 --tw-divide-opacity: 1;
2745 border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
2698 }2746 }
2699 .hover\:bg-blue-400:hover {2747
2700 --tw-bg-opacity: 1;2748 .divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
2701 background-color: rgba(96, 165, 250, var(--tw-bg-opacity));2749 --tw-divide-opacity: 0.25;
2702 }2750 }
2703 .hover\:bg-blue-500:hover {2751
2704 --tw-bg-opacity: 1;2752 .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
2705 background-color: rgba(59, 130, 246, var(--tw-bg-opacity));2753 --tw-divide-opacity: 0.5;
2706 }2754 }
2707 .hover\:bg-blue-600:hover {2755
2708 --tw-bg-opacity: 1;2756 .divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
2709 background-color: rgba(37, 99, 235, var(--tw-bg-opacity));2757 --tw-divide-opacity: 0.75;
2710 }2758 }
2711 .hover\:bg-blue-700:hover {2759
2712 --tw-bg-opacity: 1;2760 .place-self-auto {
2713 background-color: rgba(29, 78, 216, var(--tw-bg-opacity));2761 place-self: auto;
2714 }2762 }
2715 .hover\:bg-blue-800:hover {2763
2716 --tw-bg-opacity: 1;2764 .place-self-start {
2717 background-color: rgba(30, 64, 175, var(--tw-bg-opacity));2765 place-self: start;
2718 }2766 }
2719 .hover\:bg-blue-900:hover {2767
2720 --tw-bg-opacity: 1;2768 .place-self-center {
2721 background-color: rgba(30, 58, 138, var(--tw-bg-opacity));2769 place-self: center;
2722 }2770 }
2723 .hover\:bg-indigo-50:hover {2771
2724 --tw-bg-opacity: 1;2772 .place-self-end {
2725 background-color: rgba(238, 242, 255, var(--tw-bg-opacity));2773 place-self: end;
2726 }2774 }
2727 .hover\:bg-indigo-100:hover {2775
2728 --tw-bg-opacity: 1;2776 .place-self-stretch {
2729 background-color: rgba(224, 231, 255, var(--tw-bg-opacity));2777 place-self: stretch;
2730 }2778 }
2731 .hover\:bg-indigo-200:hover {2779
2732 --tw-bg-opacity: 1;2780 .self-center {
2733 background-color: rgba(199, 210, 254, var(--tw-bg-opacity));2781 align-self: center;
2734 }2782 }
2735 .hover\:bg-indigo-300:hover {2783
2736 --tw-bg-opacity: 1;2784 .self-start {
2737 background-color: rgba(165, 180, 252, var(--tw-bg-opacity));2785 align-self: flex-start;
2738 }2786 }
2739 .hover\:bg-indigo-400:hover {2787
2740 --tw-bg-opacity: 1;2788 .self-end {
2741 background-color: rgba(129, 140, 248, var(--tw-bg-opacity));2789 align-self: flex-end;
2742 }2790 }
2743 .hover\:bg-indigo-500:hover {2791
2744 --tw-bg-opacity: 1;2792 .self-auto {
2745 background-color: rgba(99, 102, 241, var(--tw-bg-opacity));2793 align-self: auto;
2746 }2794 }
2747 .hover\:bg-indigo-600:hover {2795
2748 --tw-bg-opacity: 1;2796 .self-stretch {
2749 background-color: rgba(79, 70, 229, var(--tw-bg-opacity));2797 align-self: stretch;
2750 }2798 }
2751 .hover\:bg-indigo-700:hover {2799
2752 --tw-bg-opacity: 1;2800 .justify-self-auto {
2753 background-color: rgba(67, 56, 202, var(--tw-bg-opacity));2801 justify-self: auto;
2754 }2802 }
2755 .hover\:bg-indigo-800:hover {2803
2756 --tw-bg-opacity: 1;2804 .justify-self-start {
2757 background-color: rgba(55, 48, 163, var(--tw-bg-opacity));2805 justify-self: start;
2758 }2806 }
2759 .hover\:bg-indigo-900:hover {2807
2760 --tw-bg-opacity: 1;2808 .justify-self-center {
2761 background-color: rgba(49, 46, 129, var(--tw-bg-opacity));2809 justify-self: center;
2762 }2810 }
2763 .hover\:bg-purple-50:hover {2811
2764 --tw-bg-opacity: 1;2812 .justify-self-end {
2765 background-color: rgba(245, 243, 255, var(--tw-bg-opacity));2813 justify-self: end;
2766 }2814 }
2767 .hover\:bg-purple-100:hover {2815
2768 --tw-bg-opacity: 1;2816 .justify-self-stretch {
2769 background-color: rgba(237, 233, 254, var(--tw-bg-opacity));2817 justify-self: stretch;
2770 }2818 }
2771 .hover\:bg-purple-200:hover {2819
2772 --tw-bg-opacity: 1;2820 .overflow-hidden {
2773 background-color: rgba(221, 214, 254, var(--tw-bg-opacity));2821 overflow: hidden;
2774 }2822 }
2775 .hover\:bg-purple-300:hover {2823
2776 --tw-bg-opacity: 1;2824 .overflow-y-auto {
2777 background-color: rgba(196, 181, 253, var(--tw-bg-opacity));2825 overflow-y: auto;
2778 }2826 }
2779 .hover\:bg-purple-400:hover {2827
2780 --tw-bg-opacity: 1;2828 .overflow-x-auto {
2781 background-color: rgba(167, 139, 250, var(--tw-bg-opacity));2829 overflow-x: auto;
2782 }2830 }
2783 .hover\:bg-purple-500:hover {2831
2784 --tw-bg-opacity: 1;2832 .overflow-auto {
2785 background-color: rgba(139, 92, 246, var(--tw-bg-opacity));2833 overflow: auto;
2786 }2834 }
2787 .hover\:bg-purple-600:hover {2835
2788 --tw-bg-opacity: 1;2836 .overflow-x-hidden {
2789 background-color: rgba(124, 58, 237, var(--tw-bg-opacity));2837 overflow-x: hidden;
2790 }2838 }
2791 .hover\:bg-purple-700:hover {2839
2792 --tw-bg-opacity: 1;2840 .overflow-y-scroll {
2793 background-color: rgba(109, 40, 217, var(--tw-bg-opacity));2841 overflow-y: scroll;
2794 }2842 }
2795 .hover\:bg-purple-800:hover {2843
2796 --tw-bg-opacity: 1;2844 .overflow-visible {
2797 background-color: rgba(91, 33, 182, var(--tw-bg-opacity));2845 overflow: visible;
2798 }2846 }

140707 more lines aren’t shown here.

lib/docs/filters/tailwindcss/clean_html.rb+24−0
@@ -28,6 +28,30 @@ module Docs · 27 unmodified lines
28 node.remove28 node.remove
29 end29 end
30 30
31 css('code.language-html').each do |node|
32 node.name = 'pre';
33 node['data-language'] = 'html'
34 node.parent.name = 'div';
35 node.parent['class'] = node.parent['class'].gsub(/bg-.*?\b/, ' ');
36 node.parent.parent['class'] = node.parent.parent['class'].gsub(/bg-.*?\b/, ' ');
37 end
38
39 css('code.language-diff').each do |node|
40 node.name = 'pre';
41 node['data-language'] = 'diff'
42 node.parent.name = 'div';
43 node.parent['class'] = node.parent['class'].gsub(/bg-.*?\b/, ' ');
44 node.parent.parent['class'] = node.parent.parent['class'].gsub(/bg-.*?\b/, ' ');
45 end
46
47 css('code.language-js').each do |node|
48 node.name = 'pre';
49 node['data-language'] = 'js'
50 node.parent.name = 'div';
51 node.parent['class'] = node.parent['class'].gsub(/bg-.*?\b/, ' ');
52 node.parent.parent['class'] = node.parent.parent['class'].gsub(/bg-.*?\b/, ' ');
53 end
54
31 doc55 doc
32 56
33 end57 end

Keyboard shortcuts

General

Show keyboard shortcuts
?
Focus the current search
/

Issues and pull requests

Open filters
f

Issues, pull requests and Inbox

Select next item
j↓
Select previous item
k↑
Open selected item
Enter
Dismiss filters or clear selection
Esc

Repository code

Go to file
t