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 @@
11 ._tailwindcss {
2− *,
3− ::after,
4− ::before {
5− box-sizing: border-box;
6− }
72 :root {
83 -moz-tab-size: 4;
4+ -o-tab-size: 4;
95 tab-size: 4;
106 }
11− html {
12− line-height: 1.15;
13− -webkit-text-size-adjust: 100%;
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";
7+
8+ .prose tbody code {
9+ font-size: 0.75rem;
2110 }
22− hr {
23− height: 0;
11+
12+ .prose a code,
13+ .prose a strong {
2414 color: inherit;
15+ font-weight: inherit;
2516 }
26− abbr[title] {
27− -webkit-text-decoration: underline dotted;
28− text-decoration: underline dotted;
29− }
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;
17+
18+ .prose h2,
19+ .prose h3 {
20+ scroll-margin-top: 6.875rem;
5121 }
52− sub {
53− bottom: -0.25em;
22+
23+ .prose h1,
24+ .prose h2 {
25+ letter-spacing: -0.025em;
5426 }
55− sup {
56− top: -0.5em;
27+
28+ .prose:last-child > :last-child {
29+ margin-bottom: 0;
5730 }
58− table {
59− text-indent: 0;
60− border-color: inherit;
31+
32+ .prose:first-child > :first-child {
33+ margin-top: 0;
6134 }
62− button,
63− input,
64− optgroup,
65− select,
66− textarea {
67− font-family: inherit;
68− font-size: 100%;
69− line-height: 1.15;
70− margin: 0;
35+
36+ .prose tbody td:last-child {
37+ padding-right: 0;
7138 }
72− button,
73− select {
74− text-transform: none;
39+
40+ .prose tbody td:first-child {
41+ padding-left: 0;
7542 }
76− [type="button"],
77− [type="reset"],
78− [type="submit"],
79− button {
80− -webkit-appearance: button;
43+
44+ .prose thead th:last-child {
45+ padding-right: 0;
8146 }
82− ::-moz-focus-inner {
83− border-style: none;
84− padding: 0;
47+
48+ .prose thead th:first-child {
49+ padding-left: 0;
8550 }
86− :-moz-focusring {
87− outline: 1px dotted ButtonText;
51+
52+ .prose h4 + * {
53+ margin-top: 0;
8854 }
89− :-moz-ui-invalid {
90− box-shadow: none;
55+
56+ .prose h3 + * {
57+ margin-top: 0;
9158 }
92− legend {
93− padding: 0;
59+
60+ .prose h2 + * {
61+ margin-top: 0;
9462 }
95− progress {
96− vertical-align: baseline;
63+
64+ .prose hr + * {
65+ margin-top: 0;
9766 }
98− ::-webkit-inner-spin-button,
99− ::-webkit-outer-spin-button {
100− height: auto;
67+
68+ .prose ol ol,
69+ .prose ol ul,
70+ .prose ul ol,
71+ .prose ul ul {
72+ margin-top: 0.75em;
73+ margin-bottom: 0.75em;
10174 }
102− [type="search"] {
103− -webkit-appearance: textfield;
104− outline-offset: -2px;
75+
76+ .prose > ol > li > :last-child {
77+ margin-bottom: 1.25em;
10578 }
106− ::-webkit-search-decoration {
107− -webkit-appearance: none;
79+
80+ .prose > ol > li > :first-child {
81+ margin-top: 1.25em;
10882 }
109− ::-webkit-file-upload-button {
110− -webkit-appearance: button;
111− font: inherit;
83+
84+ .prose > ul > li > :last-child {
85+ margin-bottom: 1.25em;
11286 }
113− summary {
114− display: list-item;
87+
88+ .prose > ul > li > :first-child {
89+ margin-top: 1.25em;
11590 }
116− blockquote,
117− dd,
118− dl,
119− figure,
120− h1,
121− h2,
122− h3,
123− h4,
124− h5,
125− h6,
126− hr,
127− p,
128− pre {
129− margin: 0;
91+
92+ .prose > ul > li p {
93+ margin-top: 0.75em;
94+ margin-bottom: 0.75em;
13095 }
131− button {
132− background-color: transparent;
133− background-image: none;
96+
97+ .prose li {
98+ margin-top: 0.5em;
99+ margin-bottom: 0.5em;
134100 }
135− button:focus {
136− outline: 1px dotted;
137− outline: 5px auto -webkit-focus-ring-color;
101+
102+ .prose ul {
103+ margin-top: 1.25em;
104+ margin-bottom: 1.25em;
138105 }
139− fieldset {
140− margin: 0;
141− padding: 0;
106+
107+ .prose h3 code {
108+ font-size: 0.9em;
142109 }
143− ol,
144− ul {
145− list-style: none;
146− margin: 0;
147− padding: 0;
110+
111+ .prose h2 code {
112+ font-size: 0.875em;
148113 }
149− html {
150− font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
151− "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
152− "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
153− "Noto Color Emoji";
154− line-height: 1.5;
114+
115+ .prose figure > * {
116+ margin-top: 0;
117+ margin-bottom: 0;
155118 }
156− body {
157− font-family: inherit;
158− line-height: inherit;
119+
120+ .prose figure,
121+ .prose img,
122+ .prose video {
123+ margin-top: 2em;
124+ margin-bottom: 2em;
159125 }
160− *,
161− ::after,
162− ::before {
163− box-sizing: border-box;
164− border-width: 0;
165− border-style: solid;
166− border-color: #e5e7eb;
126+
127+ .prose {
128+ font-size: 1rem;
129+ line-height: 1.75;
167130 }
168− hr {
169− border-top-width: 1px;
131+
132+ .prose p {
133+ margin-top: 1.25em;
134+ margin-bottom: 1.25em;
170135 }
171− img {
172− border-style: solid;
136+
137+ .prose tbody td {
138+ vertical-align: top;
139+ padding: 0.5714286em;
173140 }
174− textarea {
175− resize: vertical;
141+
142+ .prose tbody tr:last-child {
143+ border-bottom-width: 1px;
176144 }
177− input::placeholder,
178− textarea::placeholder {
179− opacity: 1;
180− color: #9ca3af;
145+
146+ .prose tbody tr {
147+ border-bottom-width: 1px;
148+ border-bottom-color: #e5e7eb;
181149 }
182− [role="button"],
183− button {
184− cursor: pointer;
150+
151+ .prose thead th {
152+ vertical-align: bottom;
153+ padding: 0 0.5714286em 0.5714286em;
154+ font-weight: 600;
185155 }
186− table {
187− border-collapse: collapse;
156+
157+ .prose thead {
158+ color: #4b5563;
159+ font-weight: 600;
160+ border-bottom-width: 1px;
161+ border-bottom-color: #e5e7eb;
188162 }
189− h1,
190− h2,
191− h3,
192− h4,
193− h5,
194− h6 {
195− font-size: inherit;
196− font-weight: inherit;
163+
164+ .prose table {
165+ width: 100%;
166+ table-layout: auto;
167+ text-align: left;
168+ margin-top: 2em;
169+ margin-bottom: 2em;
170+ font-size: 0.875rem;
171+ line-height: 1.25rem;
197172 }
198− a {
199− color: inherit;
200− text-decoration: inherit;
173+
174+ .prose pre code:after {
175+ content: "";
176+ }
177+
178+ .prose pre code:before {
179+ content: "";
201180 }
202− button,
203− input,
204− optgroup,
205− select,
206− textarea {
181+
182+ .prose pre code {
183+ background-color: transparent;
184+ border-width: 0;
185+ border-radius: 0;
207186 padding: 0;
208− line-height: inherit;
187+ font-weight: 400;
209188 color: inherit;
189+ font-size: inherit;
190+ font-family: inherit;
191+ line-height: inherit;
210192 }
211− code,
212− kbd,
213− pre,
214− samp {
215− font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
216− "Liberation Mono", "Courier New", monospace;
217− }
218− audio,
219− canvas,
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;
193+
194+ .prose pre {
195+ overflow-x: auto;
196+ font-size: 0.875em;
197+ line-height: 1.7142857;
198+ margin-top: 0;
199+ margin-bottom: 0;
200+ border-radius: 0;
201+ padding: 0.8571429em 1.1428571em;
233202 }
234− .container {
235− width: 100%;
203+
204+ .prose code:after {
205+ content: "`";
236206 }
237− @media (min-width: 640px) {
238− .container {
239− max-width: 640px;
240− }
207+
208+ .prose code:before {
209+ content: "`";
241210 }
242− @media (min-width: 768px) {
243− .container {
244− max-width: 768px;
245− }
211+
212+ .prose code {
213+ color: #7c3aed;
214+ font-weight: 400;
215+ font-size: 0.875em;
246216 }
247− @media (min-width: 1024px) {
248− .container {
249− max-width: 1024px;
250− }
217+
218+ .prose figure figcaption {
219+ color: #6b7280;
220+ font-size: 0.875em;
221+ line-height: 1.4285714;
222+ margin-top: 0.8571429em;
251223 }
252− @media (min-width: 1280px) {
253− .container {
254− max-width: 1280px;
255− }
224+
225+ .prose h4 {
226+ margin-top: 1.5em;
227+ margin-bottom: 0.5em;
228+ line-height: 1.5;
256229 }
257− @media (min-width: 1536px) {
258− .container {
259− max-width: 1536px;
260− }
230+
231+ .prose h3,
232+ .prose h4 {
233+ color: #111827;
234+ font-weight: 600;
261235 }
262− .space-y-0 > :not([hidden]) ~ :not([hidden]) {
263− --tw-space-y-reverse: 0;
264− margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
265− margin-bottom: calc(0px * var(--tw-space-y-reverse));
236+
237+ .prose h3 {
238+ font-size: 1.25em;
239+ margin-top: 1.6em;
240+ margin-bottom: 0.6em;
241+ line-height: 1.6;
266242 }
267− .space-x-0 > :not([hidden]) ~ :not([hidden]) {
268− --tw-space-x-reverse: 0;
269− margin-right: calc(0px * var(--tw-space-x-reverse));
270− margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
243+
244+ .prose h2 {
245+ color: #111827;
246+ font-weight: 700;
247+ font-size: 1.5em;
248+ margin-top: 2em;
249+ margin-bottom: 1em;
250+ line-height: 1.3333333;
271251 }
272− .space-y-1 > :not([hidden]) ~ :not([hidden]) {
273− --tw-space-y-reverse: 0;
274− margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
275− margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
252+
253+ .prose h1 {
254+ color: #111827;
255+ font-weight: 800;
256+ font-size: 2.25em;
257+ margin-top: 0;
258+ margin-bottom: 0.8888889em;
259+ line-height: 1.1111111;
276260 }
277− .space-x-1 > :not([hidden]) ~ :not([hidden]) {
278− --tw-space-x-reverse: 0;
279− margin-right: calc(0.25rem * var(--tw-space-x-reverse));
280− margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
261+
262+ .prose blockquote p:last-of-type:after {
263+ content: close-quote;
281264 }
282− .space-y-2 > :not([hidden]) ~ :not([hidden]) {
283− --tw-space-y-reverse: 0;
284− margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
285− margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
265+
266+ .prose blockquote p:first-of-type:before {
267+ content: open-quote;
286268 }
287− .space-x-2 > :not([hidden]) ~ :not([hidden]) {
288− --tw-space-x-reverse: 0;
289− margin-right: calc(0.5rem * var(--tw-space-x-reverse));
290− margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
269+
270+ .prose blockquote {
271+ font-weight: 500;
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;
291280 }
292− .space-y-3 > :not([hidden]) ~ :not([hidden]) {
293− --tw-space-y-reverse: 0;
294− margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
295− margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
281+
282+ .prose hr {
283+ border-color: #e5e7eb;
284+ border-top-width: 1px;
285+ margin-top: 3em;
286+ margin-bottom: 3em;
296287 }
297− .space-x-3 > :not([hidden]) ~ :not([hidden]) {
298− --tw-space-x-reverse: 0;
299− margin-right: calc(0.75rem * var(--tw-space-x-reverse));
300− margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
288+
289+ .prose ul > li:before {
290+ content: "";
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;
301298 }
302− .space-y-4 > :not([hidden]) ~ :not([hidden]) {
303− --tw-space-y-reverse: 0;
304− margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
305− margin-bottom: calc(1rem * var(--tw-space-y-reverse));
299+
300+ .prose ul > li {
301+ position: relative;
302+ padding-left: 1.5em;
306303 }
307− .space-x-4 > :not([hidden]) ~ :not([hidden]) {
308− --tw-space-x-reverse: 0;
309− margin-right: calc(1rem * var(--tw-space-x-reverse));
310− margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
304+
305+ .prose ol > li:before {
306+ content: counter(list-counter) ".";
307+ position: absolute;
308+ font-weight: 400;
309+ color: #6b7280;
310+ left: 0;
311311 }
312− .space-y-5 > :not([hidden]) ~ :not([hidden]) {
313− --tw-space-y-reverse: 0;
314− margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
315− margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
312+
313+ .prose ol > li {
314+ position: relative;
315+ counter-increment: list-counter;
316+ padding-left: 1.75em;
316317 }
317− .space-x-5 > :not([hidden]) ~ :not([hidden]) {
318− --tw-space-x-reverse: 0;
319− margin-right: calc(1.25rem * var(--tw-space-x-reverse));
320− margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
318+
319+ .prose ol {
320+ counter-reset: list-counter;
321+ margin-top: 1.25em;
322+ margin-bottom: 1.25em;
321323 }
322− .space-y-6 > :not([hidden]) ~ :not([hidden]) {
323− --tw-space-y-reverse: 0;
324− margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
325− margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
324+
325+ .prose strong {
326+ color: #111827;
327+ font-weight: 500;
326328 }
327− .space-x-6 > :not([hidden]) ~ :not([hidden]) {
328− --tw-space-x-reverse: 0;
329− margin-right: calc(1.5rem * var(--tw-space-x-reverse));
330− margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
329+
330+ .prose a {
331+ color: #0e7490;
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);
331336 }
332− .space-y-7 > :not([hidden]) ~ :not([hidden]) {
333− --tw-space-y-reverse: 0;
334− margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
335− margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
337+
338+ .prose {
339+ color: #6b7280;
340+ max-width: none;
336341 }
337− .space-x-7 > :not([hidden]) ~ :not([hidden]) {
338− --tw-space-x-reverse: 0;
339− margin-right: calc(1.75rem * var(--tw-space-x-reverse));
340− margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
342+
343+ .prose [class~="lead"] {
344+ color: #4b5563;
345+ font-size: 1.25em;
346+ line-height: 1.6;
347+ margin-top: 1.2em;
348+ margin-bottom: 1.2em;
341349 }
342− .space-y-8 > :not([hidden]) ~ :not([hidden]) {
343− --tw-space-y-reverse: 0;
344− margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
345− margin-bottom: calc(2rem * var(--tw-space-y-reverse));
350+
351+ .sr-only {
352+ position: absolute;
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;
346361 }
347− .space-x-8 > :not([hidden]) ~ :not([hidden]) {
348− --tw-space-x-reverse: 0;
349− margin-right: calc(2rem * var(--tw-space-x-reverse));
350− margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
362+
363+ .not-sr-only {
364+ position: static;
365+ width: auto;
366+ height: auto;
367+ padding: 0;
368+ margin: 0;
369+ overflow: visible;
370+ clip: auto;
371+ white-space: normal;
351372 }
352− .space-y-9 > :not([hidden]) ~ :not([hidden]) {
353− --tw-space-y-reverse: 0;
354− margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
355− margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
373+
374+ .pointer-events-none {
375+ pointer-events: none;
356376 }
357− .space-x-9 > :not([hidden]) ~ :not([hidden]) {
358− --tw-space-x-reverse: 0;
359− margin-right: calc(2.25rem * var(--tw-space-x-reverse));
360− margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
377+
378+ .pointer-events-auto {
379+ pointer-events: auto;
361380 }
362− .space-y-10 > :not([hidden]) ~ :not([hidden]) {
363− --tw-space-y-reverse: 0;
364− margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
365− margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
381+
382+ .visible {
383+ visibility: visible;
366384 }
367− .space-x-10 > :not([hidden]) ~ :not([hidden]) {
368− --tw-space-x-reverse: 0;
369− margin-right: calc(2.5rem * var(--tw-space-x-reverse));
370− margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
385+
386+ .invisible {
387+ visibility: hidden;
371388 }
372− .space-y-11 > :not([hidden]) ~ :not([hidden]) {
373− --tw-space-y-reverse: 0;
374− margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
375− margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
389+
390+ .relative {
391+ position: relative;
376392 }
377− .space-x-11 > :not([hidden]) ~ :not([hidden]) {
378− --tw-space-x-reverse: 0;
379− margin-right: calc(2.75rem * var(--tw-space-x-reverse));
380− margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
393+
394+ .sticky {
395+ position: sticky;
381396 }
382− .space-y-12 > :not([hidden]) ~ :not([hidden]) {
383− --tw-space-y-reverse: 0;
384− margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
385− margin-bottom: calc(3rem * var(--tw-space-y-reverse));
397+
398+ .absolute {
399+ position: absolute;
386400 }
387− .space-x-12 > :not([hidden]) ~ :not([hidden]) {
388− --tw-space-x-reverse: 0;
389− margin-right: calc(3rem * var(--tw-space-x-reverse));
390− margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
401+
402+ .fixed {
403+ position: fixed;
391404 }
392− .space-y-14 > :not([hidden]) ~ :not([hidden]) {
393− --tw-space-y-reverse: 0;
394− margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
395− margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
405+
406+ .static {
407+ position: static;
396408 }
397− .space-x-14 > :not([hidden]) ~ :not([hidden]) {
398− --tw-space-x-reverse: 0;
399− margin-right: calc(3.5rem * var(--tw-space-x-reverse));
400− margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
409+
410+ .inset-0 {
411+ top: 0;
412+ right: 0;
413+ bottom: 0;
414+ left: 0;
401415 }
402− .space-y-16 > :not([hidden]) ~ :not([hidden]) {
403− --tw-space-y-reverse: 0;
404− margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
405− margin-bottom: calc(4rem * var(--tw-space-y-reverse));
416+
417+ .inset-px {
418+ top: 1px;
419+ right: 1px;
420+ bottom: 1px;
421+ left: 1px;
406422 }
407− .space-x-16 > :not([hidden]) ~ :not([hidden]) {
408− --tw-space-x-reverse: 0;
409− margin-right: calc(4rem * var(--tw-space-x-reverse));
410− margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
423+
424+ .-inset-px {
425+ top: -1px;
426+ right: -1px;
427+ bottom: -1px;
428+ left: -1px;
411429 }
412− .space-y-20 > :not([hidden]) ~ :not([hidden]) {
413− --tw-space-y-reverse: 0;
414− margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
415− margin-bottom: calc(5rem * var(--tw-space-y-reverse));
430+
431+ .inset-2 {
432+ top: 0.5rem;
433+ right: 0.5rem;
434+ bottom: 0.5rem;
435+ left: 0.5rem;
416436 }
417− .space-x-20 > :not([hidden]) ~ :not([hidden]) {
418− --tw-space-x-reverse: 0;
419− margin-right: calc(5rem * var(--tw-space-x-reverse));
420− margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
437+
438+ .inset-1 {
439+ top: 0.25rem;
440+ right: 0.25rem;
441+ bottom: 0.25rem;
442+ left: 0.25rem;
421443 }
422− .space-y-24 > :not([hidden]) ~ :not([hidden]) {
423− --tw-space-y-reverse: 0;
424− margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
425− margin-bottom: calc(6rem * var(--tw-space-y-reverse));
444+
445+ .inset-y-0 {
446+ top: 0;
447+ bottom: 0;
426448 }
427− .space-x-24 > :not([hidden]) ~ :not([hidden]) {
428− --tw-space-x-reverse: 0;
429− margin-right: calc(6rem * var(--tw-space-x-reverse));
430− margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
449+
450+ .inset-x-0 {
451+ left: 0;
452+ right: 0;
431453 }
432− .space-y-28 > :not([hidden]) ~ :not([hidden]) {
433− --tw-space-y-reverse: 0;
434− margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
435− margin-bottom: calc(7rem * var(--tw-space-y-reverse));
454+
455+ .top-0 {
456+ top: 0;
436457 }
437− .space-x-28 > :not([hidden]) ~ :not([hidden]) {
438− --tw-space-x-reverse: 0;
439− margin-right: calc(7rem * var(--tw-space-x-reverse));
440− margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
458+
459+ .-right-4 {
460+ right: -1rem;
441461 }
442− .space-y-32 > :not([hidden]) ~ :not([hidden]) {
443− --tw-space-y-reverse: 0;
444− margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
445− margin-bottom: calc(8rem * var(--tw-space-y-reverse));
462+
463+ .left-80 {
464+ left: 20rem;
446465 }
447− .space-x-32 > :not([hidden]) ~ :not([hidden]) {
448− --tw-space-x-reverse: 0;
449− margin-right: calc(8rem * var(--tw-space-x-reverse));
450− margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
466+
467+ .top-1\/2 {
468+ top: 50%;
451469 }
452− .space-y-36 > :not([hidden]) ~ :not([hidden]) {
453− --tw-space-y-reverse: 0;
454− margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
455− margin-bottom: calc(9rem * var(--tw-space-y-reverse));
470+
471+ .right-0 {
472+ right: 0;
456473 }
457− .space-x-36 > :not([hidden]) ~ :not([hidden]) {
458− --tw-space-x-reverse: 0;
459− margin-right: calc(9rem * var(--tw-space-x-reverse));
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));
474+
475+ .left-0 {
476+ left: 0;
466477 }
467− .space-x-40 > :not([hidden]) ~ :not([hidden]) {
468− --tw-space-x-reverse: 0;
469− margin-right: calc(10rem * var(--tw-space-x-reverse));
470− margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
478+
479+ .right-1\/2 {
480+ right: 50%;
471481 }
472− .space-y-44 > :not([hidden]) ~ :not([hidden]) {
473− --tw-space-y-reverse: 0;
474− margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
475− margin-bottom: calc(11rem * var(--tw-space-y-reverse));
482+
483+ .left-1\/2 {
484+ left: 50%;
476485 }
477− .space-x-44 > :not([hidden]) ~ :not([hidden]) {
478− --tw-space-x-reverse: 0;
479− margin-right: calc(11rem * var(--tw-space-x-reverse));
480− margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
486+
487+ .bottom-4 {
488+ bottom: 1rem;
481489 }
482− .space-y-48 > :not([hidden]) ~ :not([hidden]) {
483− --tw-space-y-reverse: 0;
484− margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
485− margin-bottom: calc(12rem * var(--tw-space-y-reverse));
490+
491+ .right-4 {
492+ right: 1rem;
486493 }
487− .space-x-48 > :not([hidden]) ~ :not([hidden]) {
488− --tw-space-x-reverse: 0;
489− margin-right: calc(12rem * var(--tw-space-x-reverse));
490− margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
494+
495+ .-top-96 {
496+ top: -24rem;
491497 }
492− .space-y-52 > :not([hidden]) ~ :not([hidden]) {
493− --tw-space-y-reverse: 0;
494− margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
495− margin-bottom: calc(13rem * var(--tw-space-y-reverse));
498+
499+ .bottom-0 {
500+ bottom: 0;
496501 }
497− .space-x-52 > :not([hidden]) ~ :not([hidden]) {
498− --tw-space-x-reverse: 0;
499− margin-right: calc(13rem * var(--tw-space-x-reverse));
500− margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
502+
503+ .-left-96 {
504+ left: -24rem;
501505 }
502− .space-y-56 > :not([hidden]) ~ :not([hidden]) {
503− --tw-space-y-reverse: 0;
504− margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
505− margin-bottom: calc(14rem * var(--tw-space-y-reverse));
506+
507+ .-right-96 {
508+ right: -24rem;
506509 }
507− .space-x-56 > :not([hidden]) ~ :not([hidden]) {
508− --tw-space-x-reverse: 0;
509− margin-right: calc(14rem * var(--tw-space-x-reverse));
510− margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
510+
511+ .bottom-2\.5 {
512+ bottom: 0.625rem;
511513 }
512− .space-y-60 > :not([hidden]) ~ :not([hidden]) {
513− --tw-space-y-reverse: 0;
514− margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
515− margin-bottom: calc(15rem * var(--tw-space-y-reverse));
514+
515+ .bottom-2 {
516+ bottom: 0.5rem;
516517 }
517− .space-x-60 > :not([hidden]) ~ :not([hidden]) {
518− --tw-space-x-reverse: 0;
519− margin-right: calc(15rem * var(--tw-space-x-reverse));
520− margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
518+
519+ .top-0\.5 {
520+ top: 0.125rem;
521521 }
522− .space-y-64 > :not([hidden]) ~ :not([hidden]) {
523− --tw-space-y-reverse: 0;
524− margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
525− margin-bottom: calc(16rem * var(--tw-space-y-reverse));
522+
523+ .-right-0\.5 {
524+ right: -0.125rem;
526525 }
527− .space-x-64 > :not([hidden]) ~ :not([hidden]) {
528− --tw-space-x-reverse: 0;
529− margin-right: calc(16rem * var(--tw-space-x-reverse));
530− margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
526+
527+ .-bottom-0\.5 {
528+ bottom: -0.125rem;
531529 }
532− .space-y-72 > :not([hidden]) ~ :not([hidden]) {
533− --tw-space-y-reverse: 0;
534− margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
535− margin-bottom: calc(18rem * var(--tw-space-y-reverse));
530+
531+ .left-0\.5 {
532+ left: 0.125rem;
536533 }
537− .space-x-72 > :not([hidden]) ~ :not([hidden]) {
538− --tw-space-x-reverse: 0;
539− margin-right: calc(18rem * var(--tw-space-x-reverse));
540− margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
534+
535+ .-right-0 {
536+ right: 0;
541537 }
542− .space-y-80 > :not([hidden]) ~ :not([hidden]) {
543− --tw-space-y-reverse: 0;
544− margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
545− margin-bottom: calc(20rem * var(--tw-space-y-reverse));
538+
539+ .-bottom-0 {
540+ bottom: 0;
546541 }
547− .space-x-80 > :not([hidden]) ~ :not([hidden]) {
548− --tw-space-x-reverse: 0;
549− margin-right: calc(20rem * var(--tw-space-x-reverse));
550− margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
542+
543+ .bottom-1\/2 {
544+ bottom: 50%;
551545 }
552− .space-y-96 > :not([hidden]) ~ :not([hidden]) {
553− --tw-space-y-reverse: 0;
554− margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
555− margin-bottom: calc(24rem * var(--tw-space-y-reverse));
546+
547+ .top-18 {
548+ top: 4.5rem;
556549 }
557− .space-x-96 > :not([hidden]) ~ :not([hidden]) {
558− --tw-space-x-reverse: 0;
559− margin-right: calc(24rem * var(--tw-space-x-reverse));
560− margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
550+
551+ .-left-64 {
552+ left: -16rem;
561553 }
562− .space-y-px > :not([hidden]) ~ :not([hidden]) {
563− --tw-space-y-reverse: 0;
564− margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
565− margin-bottom: calc(1px * var(--tw-space-y-reverse));
554+
555+ .top-px {
556+ top: 1px;
566557 }
567− .space-x-px > :not([hidden]) ~ :not([hidden]) {
568− --tw-space-x-reverse: 0;
569− margin-right: calc(1px * var(--tw-space-x-reverse));
570− margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
558+
559+ .top-full {
560+ top: 100%;
571561 }
572− .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
573− --tw-space-y-reverse: 0;
574− margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
575− margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
562+
563+ .left-full {
564+ left: 100%;
576565 }
577− .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
578− --tw-space-x-reverse: 0;
579− margin-right: calc(0.125rem * var(--tw-space-x-reverse));
580− margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
566+
567+ .right-full {
568+ right: 100%;
581569 }
582− .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
583− --tw-space-y-reverse: 0;
584− margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
585− margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
570+
571+ .top-4 {
572+ top: 1rem;
586573 }
587− .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
588− --tw-space-x-reverse: 0;
589− margin-right: calc(0.375rem * var(--tw-space-x-reverse));
590− margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
574+
575+ .left-4 {
576+ left: 1rem;
591577 }
592− .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
593− --tw-space-y-reverse: 0;
594− margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
595− margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
578+
579+ .left-3 {
580+ left: 0.75rem;
596581 }
597− .space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
598− --tw-space-x-reverse: 0;
599− margin-right: calc(0.625rem * var(--tw-space-x-reverse));
600− margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
582+
583+ .top-6 {
584+ top: 1.5rem;
601585 }
602− .space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
603− --tw-space-y-reverse: 0;
604− margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
605− margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
586+
587+ .left-6 {
588+ left: 1.5rem;
606589 }
607− .space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
608− --tw-space-x-reverse: 0;
609− margin-right: calc(0.875rem * var(--tw-space-x-reverse));
610− margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
590+
591+ .left-2 {
592+ left: 0.5rem;
611593 }
612− .-space-y-0 > :not([hidden]) ~ :not([hidden]) {
613− --tw-space-y-reverse: 0;
614− margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
615− margin-bottom: calc(0px * var(--tw-space-y-reverse));
594+
595+ .bottom-3 {
596+ bottom: 0.75rem;
616597 }
617− .-space-x-0 > :not([hidden]) ~ :not([hidden]) {
618− --tw-space-x-reverse: 0;
619− margin-right: calc(0px * var(--tw-space-x-reverse));
620− margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
598+
599+ .top-2 {
600+ top: 0.5rem;
621601 }
622− .-space-y-1 > :not([hidden]) ~ :not([hidden]) {
623− --tw-space-y-reverse: 0;
624− margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
625− margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
602+
603+ .right-2 {
604+ right: 0.5rem;
626605 }
627− .-space-x-1 > :not([hidden]) ~ :not([hidden]) {
628− --tw-space-x-reverse: 0;
629− margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
630− margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
606+
607+ .top-\[-113px\] {
608+ top: -113px;
631609 }
632− .-space-y-2 > :not([hidden]) ~ :not([hidden]) {
633− --tw-space-y-reverse: 0;
634− margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
635− margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
610+
611+ .top-\[-325px\] {
612+ top: -325px;
636613 }
637− .-space-x-2 > :not([hidden]) ~ :not([hidden]) {
638− --tw-space-x-reverse: 0;
639− margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
640− margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
614+
615+ .right-\[62px\] {
616+ right: 62px;
641617 }
642− .-space-y-3 > :not([hidden]) ~ :not([hidden]) {
643− --tw-space-y-reverse: 0;
644− margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
645− margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
618+
619+ .-top-16 {
620+ top: -4rem;
646621 }
647− .-space-x-3 > :not([hidden]) ~ :not([hidden]) {
648− --tw-space-x-reverse: 0;
649− margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
650− margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
622+
623+ .-left-6 {
624+ left: -1.5rem;
651625 }
652− .-space-y-4 > :not([hidden]) ~ :not([hidden]) {
653− --tw-space-y-reverse: 0;
654− margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
655− margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
626+
627+ .-left-12 {
628+ left: -3rem;
656629 }
657− .-space-x-4 > :not([hidden]) ~ :not([hidden]) {
658− --tw-space-x-reverse: 0;
659− margin-right: calc(-1rem * var(--tw-space-x-reverse));
660− margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
630+
631+ .-left-18 {
632+ left: -4.5rem;
661633 }
662− .-space-y-5 > :not([hidden]) ~ :not([hidden]) {
663− --tw-space-y-reverse: 0;
664− margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
665− margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
634+
635+ .-left-24 {
636+ left: -6rem;
666637 }
667− .-space-x-5 > :not([hidden]) ~ :not([hidden]) {
668− --tw-space-x-reverse: 0;
669− margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
670− margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
638+
639+ .top-8 {
640+ top: 2rem;
671641 }
672− .-space-y-6 > :not([hidden]) ~ :not([hidden]) {
673− --tw-space-y-reverse: 0;
674− margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
675− margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
642+
643+ .isolate {
644+ isolation: isolate;
676645 }
677− .-space-x-6 > :not([hidden]) ~ :not([hidden]) {
678− --tw-space-x-reverse: 0;
679− margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
680− margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
646+
647+ .isolation-auto {
648+ isolation: auto;
681649 }
682− .-space-y-7 > :not([hidden]) ~ :not([hidden]) {
683− --tw-space-y-reverse: 0;
684− margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
685− margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
650+
651+ .z-20 {
652+ z-index: 20;
686653 }
687− .-space-x-7 > :not([hidden]) ~ :not([hidden]) {
688− --tw-space-x-reverse: 0;
689− margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
690− margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
654+
655+ .z-40 {
656+ z-index: 40;
691657 }
692− .-space-y-8 > :not([hidden]) ~ :not([hidden]) {
693− --tw-space-y-reverse: 0;
694− margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
695− margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
658+
659+ .z-50 {
660+ z-index: 50;
696661 }
697− .-space-x-8 > :not([hidden]) ~ :not([hidden]) {
698− --tw-space-x-reverse: 0;
699− margin-right: calc(-2rem * var(--tw-space-x-reverse));
700− margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
662+
663+ .z-10 {
664+ z-index: 10;
701665 }
702− .-space-y-9 > :not([hidden]) ~ :not([hidden]) {
703− --tw-space-y-reverse: 0;
704− margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
705− margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
666+
667+ .z-30 {
668+ z-index: 30;
706669 }
707− .-space-x-9 > :not([hidden]) ~ :not([hidden]) {
708− --tw-space-x-reverse: 0;
709− margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
710− margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
670+
671+ .z-0 {
672+ z-index: 0;
711673 }
712− .-space-y-10 > :not([hidden]) ~ :not([hidden]) {
713− --tw-space-y-reverse: 0;
714− margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
715− margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
674+
675+ .order-3 {
676+ order: 3;
716677 }
717− .-space-x-10 > :not([hidden]) ~ :not([hidden]) {
718− --tw-space-x-reverse: 0;
719− margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
720− margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
678+
679+ .order-2 {
680+ order: 2;
721681 }
722− .-space-y-11 > :not([hidden]) ~ :not([hidden]) {
723− --tw-space-y-reverse: 0;
724− margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
725− margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
682+
683+ .order-last {
684+ order: 9999;
726685 }
727− .-space-x-11 > :not([hidden]) ~ :not([hidden]) {
728− --tw-space-x-reverse: 0;
729− margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
730− margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
686+
687+ .order-first {
688+ order: -9999;
731689 }
732− .-space-y-12 > :not([hidden]) ~ :not([hidden]) {
733− --tw-space-y-reverse: 0;
734− margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
735− margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
690+
691+ .order-none {
692+ order: 0;
736693 }
737− .-space-x-12 > :not([hidden]) ~ :not([hidden]) {
738− --tw-space-x-reverse: 0;
739− margin-right: calc(-3rem * var(--tw-space-x-reverse));
740− margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
694+
695+ .col-span-2 {
696+ grid-column: span 2 / span 2;
741697 }
742− .-space-y-14 > :not([hidden]) ~ :not([hidden]) {
743− --tw-space-y-reverse: 0;
744− margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
745− margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
698+
699+ .col-span-full {
700+ grid-column: 1/-1;
746701 }
747− .-space-x-14 > :not([hidden]) ~ :not([hidden]) {
748− --tw-space-x-reverse: 0;
749− margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
750− margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
702+
703+ .col-span-3 {
704+ grid-column: span 3 / span 3;
751705 }
752− .-space-y-16 > :not([hidden]) ~ :not([hidden]) {
753− --tw-space-y-reverse: 0;
754− margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
755− margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
706+
707+ .col-span-4 {
708+ grid-column: span 4 / span 4;
756709 }
757− .-space-x-16 > :not([hidden]) ~ :not([hidden]) {
758− --tw-space-x-reverse: 0;
759− margin-right: calc(-4rem * var(--tw-space-x-reverse));
760− margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
710+
711+ .col-span-6 {
712+ grid-column: span 6 / span 6;
761713 }
762− .-space-y-20 > :not([hidden]) ~ :not([hidden]) {
763− --tw-space-y-reverse: 0;
764− margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
765− margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
714+
715+ .col-end-3 {
716+ grid-column-end: 3;
766717 }
767− .-space-x-20 > :not([hidden]) ~ :not([hidden]) {
768− --tw-space-x-reverse: 0;
769− margin-right: calc(-5rem * var(--tw-space-x-reverse));
770− margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
718+
719+ .col-end-4 {
720+ grid-column-end: 4;
771721 }
772− .-space-y-24 > :not([hidden]) ~ :not([hidden]) {
773− --tw-space-y-reverse: 0;
774− margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
775− margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
722+
723+ .col-end-2 {
724+ grid-column-end: 2;
776725 }
777− .-space-x-24 > :not([hidden]) ~ :not([hidden]) {
778− --tw-space-x-reverse: 0;
779− margin-right: calc(-6rem * var(--tw-space-x-reverse));
780− margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
726+
727+ .col-end-7 {
728+ grid-column-end: 7;
781729 }
782− .-space-y-28 > :not([hidden]) ~ :not([hidden]) {
783− --tw-space-y-reverse: 0;
784− margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
785− margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
730+
731+ .col-start-2 {
732+ grid-column-start: 2;
786733 }
787− .-space-x-28 > :not([hidden]) ~ :not([hidden]) {
788− --tw-space-x-reverse: 0;
789− margin-right: calc(-7rem * var(--tw-space-x-reverse));
790− margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
734+
735+ .col-start-1 {
736+ grid-column-start: 1;
791737 }
792− .-space-y-32 > :not([hidden]) ~ :not([hidden]) {
793− --tw-space-y-reverse: 0;
794− margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
795− margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
738+
739+ .col-start-3 {
740+ grid-column-start: 3;
796741 }
797− .-space-x-32 > :not([hidden]) ~ :not([hidden]) {
798− --tw-space-x-reverse: 0;
799− margin-right: calc(-8rem * var(--tw-space-x-reverse));
800− margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
742+
743+ .row-span-2 {
744+ grid-row: span 2 / span 2;
801745 }
802− .-space-y-36 > :not([hidden]) ~ :not([hidden]) {
803− --tw-space-y-reverse: 0;
804− margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
805− margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
746+
747+ .row-span-full {
748+ grid-row: 1/-1;
806749 }
807− .-space-x-36 > :not([hidden]) ~ :not([hidden]) {
808− --tw-space-x-reverse: 0;
809− margin-right: calc(-9rem * var(--tw-space-x-reverse));
810− margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
750+
751+ .row-span-3 {
752+ grid-row: span 3 / span 3;
811753 }
812− .-space-y-40 > :not([hidden]) ~ :not([hidden]) {
813− --tw-space-y-reverse: 0;
814− margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
815− margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
754+
755+ .row-end-4 {
756+ grid-row-end: 4;
816757 }
817− .-space-x-40 > :not([hidden]) ~ :not([hidden]) {
818− --tw-space-x-reverse: 0;
819− margin-right: calc(-10rem * var(--tw-space-x-reverse));
820− margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
758+
759+ .row-end-5 {
760+ grid-row-end: 5;
821761 }
822− .-space-y-44 > :not([hidden]) ~ :not([hidden]) {
823− --tw-space-y-reverse: 0;
824− margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
825− margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
762+
763+ .row-end-2 {
764+ grid-row-end: 2;
826765 }
827− .-space-x-44 > :not([hidden]) ~ :not([hidden]) {
828− --tw-space-x-reverse: 0;
829− margin-right: calc(-11rem * var(--tw-space-x-reverse));
830− margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
766+
767+ .row-end-3 {
768+ grid-row-end: 3;
831769 }
832− .-space-y-48 > :not([hidden]) ~ :not([hidden]) {
833− --tw-space-y-reverse: 0;
834− margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
835− margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
770+
771+ .row-start-2 {
772+ grid-row-start: 2;
836773 }
837− .-space-x-48 > :not([hidden]) ~ :not([hidden]) {
838− --tw-space-x-reverse: 0;
839− margin-right: calc(-12rem * var(--tw-space-x-reverse));
840− margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
774+
775+ .row-start-1 {
776+ grid-row-start: 1;
841777 }
842− .-space-y-52 > :not([hidden]) ~ :not([hidden]) {
843− --tw-space-y-reverse: 0;
844− margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
845− margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
778+
779+ .row-start-3 {
780+ grid-row-start: 3;
846781 }
847− .-space-x-52 > :not([hidden]) ~ :not([hidden]) {
848− --tw-space-x-reverse: 0;
849− margin-right: calc(-13rem * var(--tw-space-x-reverse));
850− margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
782+
783+ .float-left {
784+ float: left;
851785 }
852− .-space-y-56 > :not([hidden]) ~ :not([hidden]) {
853− --tw-space-y-reverse: 0;
854− margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
855− margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
786+
787+ .float-right {
788+ float: right;
856789 }
857− .-space-x-56 > :not([hidden]) ~ :not([hidden]) {
858− --tw-space-x-reverse: 0;
859− margin-right: calc(-14rem * var(--tw-space-x-reverse));
860− margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
790+
791+ .float-none {
792+ float: none;
861793 }
862− .-space-y-60 > :not([hidden]) ~ :not([hidden]) {
863− --tw-space-y-reverse: 0;
864− margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
865− margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
794+
795+ .clear-left {
796+ clear: left;
866797 }
867− .-space-x-60 > :not([hidden]) ~ :not([hidden]) {
868− --tw-space-x-reverse: 0;
869− margin-right: calc(-15rem * var(--tw-space-x-reverse));
870− margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
798+
799+ .clear-right {
800+ clear: right;
871801 }
872− .-space-y-64 > :not([hidden]) ~ :not([hidden]) {
873− --tw-space-y-reverse: 0;
874− margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
875− margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
802+
803+ .clear-both {
804+ clear: both;
876805 }
877− .-space-x-64 > :not([hidden]) ~ :not([hidden]) {
878− --tw-space-x-reverse: 0;
879− margin-right: calc(-16rem * var(--tw-space-x-reverse));
880− margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
806+
807+ .clear-none {
808+ clear: none;
881809 }
882− .-space-y-72 > :not([hidden]) ~ :not([hidden]) {
883− --tw-space-y-reverse: 0;
884− margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
885− margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
810+
811+ .m-0\.5 {
812+ margin: 0.125rem;
886813 }
887− .-space-x-72 > :not([hidden]) ~ :not([hidden]) {
888− --tw-space-x-reverse: 0;
889− margin-right: calc(-18rem * var(--tw-space-x-reverse));
890− margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
814+
815+ .m-0 {
816+ margin: 0;
891817 }
892− .-space-y-80 > :not([hidden]) ~ :not([hidden]) {
893− --tw-space-y-reverse: 0;
894− margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
895− margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
818+
819+ .-m-8 {
820+ margin: -2rem;
896821 }
897− .-space-x-80 > :not([hidden]) ~ :not([hidden]) {
898− --tw-space-x-reverse: 0;
899− margin-right: calc(-20rem * var(--tw-space-x-reverse));
900− margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
822+
823+ .m-2 {
824+ margin: 0.5rem;
901825 }
902− .-space-y-96 > :not([hidden]) ~ :not([hidden]) {
903− --tw-space-y-reverse: 0;
904− margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
905− margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
826+
827+ .-m-2 {
828+ margin: -0.5rem;
906829 }
907− .-space-x-96 > :not([hidden]) ~ :not([hidden]) {
908− --tw-space-x-reverse: 0;
909− margin-right: calc(-24rem * var(--tw-space-x-reverse));
910− margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
830+
831+ .m-8 {
832+ margin: 2rem;
911833 }
912− .-space-y-px > :not([hidden]) ~ :not([hidden]) {
913− --tw-space-y-reverse: 0;
914− margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
915− margin-bottom: calc(-1px * var(--tw-space-y-reverse));
834+
835+ .-mx-3 {
836+ margin-left: -0.75rem;
837+ margin-right: -0.75rem;
916838 }
917− .-space-x-px > :not([hidden]) ~ :not([hidden]) {
918− --tw-space-x-reverse: 0;
919− margin-right: calc(-1px * var(--tw-space-x-reverse));
920− margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
839+
840+ .my-6 {
841+ margin-top: 1.5rem;
842+ margin-bottom: 1.5rem;
921843 }
922− .-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
923− --tw-space-y-reverse: 0;
924− margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
925− margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
844+
845+ .mx-auto {
846+ margin-left: auto;
847+ margin-right: auto;
926848 }
927− .-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
928− --tw-space-x-reverse: 0;
929− margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
930− margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
849+
850+ .mx-6 {
851+ margin-left: 1.5rem;
852+ margin-right: 1.5rem;
931853 }
932− .-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
933− --tw-space-y-reverse: 0;
934− margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
935− margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
854+
855+ .-mx-1 {
856+ margin-left: -0.25rem;
857+ margin-right: -0.25rem;
936858 }
937− .-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
938− --tw-space-x-reverse: 0;
939− margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
940− margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
859+
860+ .-my-1 {
861+ margin-top: -0.25rem;
862+ margin-bottom: -0.25rem;
941863 }
942− .-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
943− --tw-space-y-reverse: 0;
944− margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
945− margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
864+
865+ .my-15px {
866+ margin-top: 0.9375rem;
867+ margin-bottom: 0.9375rem;
946868 }
947− .-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
948− --tw-space-x-reverse: 0;
949− margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
950− margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
869+
870+ .my-23px {
871+ margin-top: 1.4375rem;
872+ margin-bottom: 1.4375rem;
951873 }
952− .-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
953− --tw-space-y-reverse: 0;
954− margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
955− margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
874+
875+ .my-5 {
876+ margin-top: 1.25rem;
877+ margin-bottom: 1.25rem;
956878 }
957− .-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
958− --tw-space-x-reverse: 0;
959− margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
960− margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
879+
880+ .-my-8 {
881+ margin-top: -2rem;
882+ margin-bottom: -2rem;
961883 }
962− .space-y-reverse > :not([hidden]) ~ :not([hidden]) {
963− --tw-space-y-reverse: 1;
884+
885+ .-mx-4 {
886+ margin-left: -1rem;
887+ margin-right: -1rem;
964888 }
965− .space-x-reverse > :not([hidden]) ~ :not([hidden]) {
966− --tw-space-x-reverse: 1;
889+
890+ .my-8 {
891+ margin-top: 2rem;
892+ margin-bottom: 2rem;
967893 }
968− .divide-y-0 > :not([hidden]) ~ :not([hidden]) {
969− --tw-divide-y-reverse: 0;
970− border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
971− border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
894+
895+ .-my-0\.5 {
896+ margin-top: -0.125rem;
897+ margin-bottom: -0.125rem;
972898 }
973− .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
974− --tw-divide-x-reverse: 0;
975− border-right-width: calc(0px * var(--tw-divide-x-reverse));
976− border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
899+
900+ .-my-0 {
901+ margin-top: 0;
902+ margin-bottom: 0;
977903 }
978− .divide-y-2 > :not([hidden]) ~ :not([hidden]) {
979− --tw-divide-y-reverse: 0;
980− border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
981− border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
904+
905+ .-mx-px {
906+ margin-left: -1px;
907+ margin-right: -1px;
982908 }
983− .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
984− --tw-divide-x-reverse: 0;
985− border-right-width: calc(2px * var(--tw-divide-x-reverse));
986− border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
909+
910+ .mx-2 {
911+ margin-left: 0.5rem;
912+ margin-right: 0.5rem;
987913 }
988− .divide-y-4 > :not([hidden]) ~ :not([hidden]) {
989− --tw-divide-y-reverse: 0;
990− border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
991− border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
914+
915+ .mx-4 {
916+ margin-left: 1rem;
917+ margin-right: 1rem;
992918 }
993− .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
994− --tw-divide-x-reverse: 0;
995− border-right-width: calc(4px * var(--tw-divide-x-reverse));
996− border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
919+
920+ .-mx-8 {
921+ margin-left: -2rem;
922+ margin-right: -2rem;
997923 }
998− .divide-y-8 > :not([hidden]) ~ :not([hidden]) {
999− --tw-divide-y-reverse: 0;
1000− border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
1001− border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
924+
925+ .my-4 {
926+ margin-top: 1rem;
927+ margin-bottom: 1rem;
1002928 }
1003− .divide-x-8 > :not([hidden]) ~ :not([hidden]) {
1004− --tw-divide-x-reverse: 0;
1005− border-right-width: calc(8px * var(--tw-divide-x-reverse));
1006− border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
929+
930+ .my-2 {
931+ margin-top: 0.5rem;
932+ margin-bottom: 0.5rem;
1007933 }
1008− .divide-y > :not([hidden]) ~ :not([hidden]) {
1009− --tw-divide-y-reverse: 0;
1010− border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1011− border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
934+
935+ .my-12 {
936+ margin-top: 3rem;
937+ margin-bottom: 3rem;
1012938 }
1013− .divide-x > :not([hidden]) ~ :not([hidden]) {
1014− --tw-divide-x-reverse: 0;
1015− border-right-width: calc(1px * var(--tw-divide-x-reverse));
1016− border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
939+
940+ .mx-8 {
941+ margin-left: 2rem;
942+ margin-right: 2rem;
1017943 }
1018− .divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
1019− --tw-divide-y-reverse: 1;
944+
945+ .-mx-72 {
946+ margin-left: -18rem;
947+ margin-right: -18rem;
1020948 }
1021− .divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
1022− --tw-divide-x-reverse: 1;
949+
950+ .-mx-5 {
951+ margin-left: -1.25rem;
952+ margin-right: -1.25rem;
1023953 }
1024− .divide-transparent > :not([hidden]) ~ :not([hidden]) {
1025− border-color: transparent;
954+
955+ .mx-5 {
956+ margin-left: 1.25rem;
957+ margin-right: 1.25rem;
1026958 }
1027− .divide-current > :not([hidden]) ~ :not([hidden]) {
1028− border-color: currentColor;
959+
960+ .ml-2 {
961+ margin-left: 0.5rem;
1029962 }
1030− .divide-black > :not([hidden]) ~ :not([hidden]) {
1031− --tw-divide-opacity: 1;
1032− border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
963+
964+ .mb-8 {
965+ margin-bottom: 2rem;
1033966 }
1034− .divide-white > :not([hidden]) ~ :not([hidden]) {
1035− --tw-divide-opacity: 1;
1036− border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
967+
968+ .ml-4 {
969+ margin-left: 1rem;
1037970 }
1038− .divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
1039− --tw-divide-opacity: 1;
1040− border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
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));
971+
972+ .-mt-4 {
973+ margin-top: -1rem;
1045974 }
1046− .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1047− --tw-divide-opacity: 1;
1048− border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
975+
976+ .mb-4 {
977+ margin-bottom: 1rem;
1049978 }
1050− .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
1051− --tw-divide-opacity: 1;
1052− border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
979+
980+ .-mt-6 {
981+ margin-top: -1.5rem;
1053982 }
1054− .divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
1055− --tw-divide-opacity: 1;
1056− border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
983+
984+ .mt-6 {
985+ margin-top: 1.5rem;
1057986 }
1058− .divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
1059− --tw-divide-opacity: 1;
1060− border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
987+
988+ .mb-2 {
989+ margin-bottom: 0.5rem;
1061990 }
1062− .divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
1063− --tw-divide-opacity: 1;
1064− border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
991+
992+ .-ml-8 {
993+ margin-left: -2rem;
1065994 }
1066− .divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
1067− --tw-divide-opacity: 1;
1068− border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
995+
996+ .-mr-8 {
997+ margin-right: -2rem;
1069998 }
1070− .divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
1071− --tw-divide-opacity: 1;
1072− border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
999+
1000+ .-ml-full {
1001+ margin-left: -100%;
10731002 }
1074− .divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
1075− --tw-divide-opacity: 1;
1076− border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
1003+
1004+ .ml-6 {
1005+ margin-left: 1.5rem;
10771006 }
1078− .divide-red-50 > :not([hidden]) ~ :not([hidden]) {
1079− --tw-divide-opacity: 1;
1080− border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
1007+
1008+ .-mt-3 {
1009+ margin-top: -0.75rem;
10811010 }
1082− .divide-red-100 > :not([hidden]) ~ :not([hidden]) {
1083− --tw-divide-opacity: 1;
1084− border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
1011+
1012+ .-ml-3 {
1013+ margin-left: -0.75rem;
10851014 }
1086− .divide-red-200 > :not([hidden]) ~ :not([hidden]) {
1087− --tw-divide-opacity: 1;
1088− border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
1015+
1016+ .mr-3 {
1017+ margin-right: 0.75rem;
10891018 }
1090− .divide-red-300 > :not([hidden]) ~ :not([hidden]) {
1091− --tw-divide-opacity: 1;
1092− border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
1019+
1020+ .ml-3 {
1021+ margin-left: 0.75rem;
10931022 }
1094− .divide-red-400 > :not([hidden]) ~ :not([hidden]) {
1095− --tw-divide-opacity: 1;
1096− border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
1023+
1024+ .mt-2 {
1025+ margin-top: 0.5rem;
10971026 }
1098− .divide-red-500 > :not([hidden]) ~ :not([hidden]) {
1099− --tw-divide-opacity: 1;
1100− border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
1027+
1028+ .mb-6 {
1029+ margin-bottom: 1.5rem;
11011030 }
1102− .divide-red-600 > :not([hidden]) ~ :not([hidden]) {
1103− --tw-divide-opacity: 1;
1104− border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
1031+
1032+ .ml-auto {
1033+ margin-left: auto;
11051034 }
1106− .divide-red-700 > :not([hidden]) ~ :not([hidden]) {
1107− --tw-divide-opacity: 1;
1108− border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
1035+
1036+ .mt-4 {
1037+ margin-top: 1rem;
11091038 }
1110− .divide-red-800 > :not([hidden]) ~ :not([hidden]) {
1111− --tw-divide-opacity: 1;
1112− border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
1039+
1040+ .mb-2\.5 {
1041+ margin-bottom: 0.625rem;
11131042 }
1114− .divide-red-900 > :not([hidden]) ~ :not([hidden]) {
1115− --tw-divide-opacity: 1;
1116− border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
1043+
1044+ .mb-0\.5 {
1045+ margin-bottom: 0.125rem;
11171046 }
1118− .divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
1119− --tw-divide-opacity: 1;
1120− border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
1047+
1048+ .mb-0 {
1049+ margin-bottom: 0;
11211050 }
1122− .divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
1123− --tw-divide-opacity: 1;
1124− border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
1051+
1052+ .-mb-1 {
1053+ margin-bottom: -0.25rem;
11251054 }
1126− .divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
1127− --tw-divide-opacity: 1;
1128− border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
1055+
1056+ .mb-1\.5 {
1057+ margin-bottom: 0.375rem;
11291058 }
1130− .divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
1131− --tw-divide-opacity: 1;
1132− border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
1059+
1060+ .mb-1 {
1061+ margin-bottom: 0.25rem;
11331062 }
1134− .divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
1135− --tw-divide-opacity: 1;
1136− border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
1063+
1064+ .mt-3 {
1065+ margin-top: 0.75rem;
11371066 }
1138− .divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
1139− --tw-divide-opacity: 1;
1140− border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
1067+
1068+ .-ml-2\.5 {
1069+ margin-left: -0.625rem;
11411070 }
1142− .divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
1143− --tw-divide-opacity: 1;
1144− border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
1071+
1072+ .-ml-2 {
1073+ margin-left: -0.5rem;
11451074 }
1146− .divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
1147− --tw-divide-opacity: 1;
1148− border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
1075+
1076+ .ml-5 {
1077+ margin-left: 1.25rem;
11491078 }
1150− .divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
1151− --tw-divide-opacity: 1;
1152− border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
1079+
1080+ .mt-0\.5 {
1081+ margin-top: 0.125rem;
11531082 }
1154− .divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
1155− --tw-divide-opacity: 1;
1156− border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
1083+
1084+ .mt-0 {
1085+ margin-top: 0;
11571086 }
1158− .divide-green-50 > :not([hidden]) ~ :not([hidden]) {
1159− --tw-divide-opacity: 1;
1160− border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
1087+
1088+ .mb-10 {
1089+ margin-bottom: 2.5rem;
11611090 }
1162− .divide-green-100 > :not([hidden]) ~ :not([hidden]) {
1163− --tw-divide-opacity: 1;
1164− border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
1091+
1092+ .mt-1\.5 {
1093+ margin-top: 0.375rem;
11651094 }
1166− .divide-green-200 > :not([hidden]) ~ :not([hidden]) {
1167− --tw-divide-opacity: 1;
1168− border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
1095+
1096+ .mt-1 {
1097+ margin-top: 0.25rem;
11691098 }
1170− .divide-green-300 > :not([hidden]) ~ :not([hidden]) {
1171− --tw-divide-opacity: 1;
1172− border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
1099+
1100+ .mb-5 {
1101+ margin-bottom: 1.25rem;
11731102 }
1174− .divide-green-400 > :not([hidden]) ~ :not([hidden]) {
1175− --tw-divide-opacity: 1;
1176− border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
1103+
1104+ .mt-8 {
1105+ margin-top: 2rem;
11771106 }
1178− .divide-green-500 > :not([hidden]) ~ :not([hidden]) {
1179− --tw-divide-opacity: 1;
1180− border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
1107+
1108+ .mr-1 {
1109+ margin-right: 0.25rem;
11811110 }
1182− .divide-green-600 > :not([hidden]) ~ :not([hidden]) {
1183− --tw-divide-opacity: 1;
1184− border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
1111+
1112+ .-mr-1 {
1113+ margin-right: -0.25rem;
11851114 }
1186− .divide-green-700 > :not([hidden]) ~ :not([hidden]) {
1187− --tw-divide-opacity: 1;
1188− border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
1115+
1116+ .-mt-2\.5 {
1117+ margin-top: -0.625rem;
11891118 }
1190− .divide-green-800 > :not([hidden]) ~ :not([hidden]) {
1191− --tw-divide-opacity: 1;
1192− border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
1119+
1120+ .-mt-2 {
1121+ margin-top: -0.5rem;
11931122 }
1194− .divide-green-900 > :not([hidden]) ~ :not([hidden]) {
1195− --tw-divide-opacity: 1;
1196− border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
1123+
1124+ .-mt-16 {
1125+ margin-top: -4rem;
11971126 }
1198− .divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
1199− --tw-divide-opacity: 1;
1200− border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
1127+
1128+ .mt-16 {
1129+ margin-top: 4rem;
12011130 }
1202− .divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
1203− --tw-divide-opacity: 1;
1204− border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
1131+
1132+ .mb-3 {
1133+ margin-bottom: 0.75rem;
12051134 }
1206− .divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
1207− --tw-divide-opacity: 1;
1208− border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
1135+
1136+ .mt-10 {
1137+ margin-top: 2.5rem;
12091138 }
1210− .divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
1211− --tw-divide-opacity: 1;
1212− border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
1139+
1140+ .mr-8 {
1141+ margin-right: 2rem;
12131142 }
1214− .divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
1215− --tw-divide-opacity: 1;
1216− border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
1143+
1144+ .mr-2 {
1145+ margin-right: 0.5rem;
12171146 }
1218− .divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
1219− --tw-divide-opacity: 1;
1220− border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
1147+
1148+ .mr-24 {
1149+ margin-right: 6rem;
12211150 }
1222− .divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
1223− --tw-divide-opacity: 1;
1224− border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
1151+
1152+ .mb-14 {
1153+ margin-bottom: 3.5rem;
12251154 }
1226− .divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
1227− --tw-divide-opacity: 1;
1228− border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
1155+
1156+ .mb-16 {
1157+ margin-bottom: 4rem;
12291158 }
1230− .divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
1231− --tw-divide-opacity: 1;
1232− border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
1159+
1160+ .-ml-12 {
1161+ margin-left: -3rem;
12331162 }
1234− .divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
1235− --tw-divide-opacity: 1;
1236− border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
1163+
1164+ .mt-9 {
1165+ margin-top: 2.25rem;
12371166 }
1238− .divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
1239− --tw-divide-opacity: 1;
1240− border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
1167+
1168+ .-mr-6 {
1169+ margin-right: -1.5rem;
12411170 }
1242− .divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
1243− --tw-divide-opacity: 1;
1244− border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
1171+
1172+ .-ml-52 {
1173+ margin-left: -13rem;
12451174 }
1246− .divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
1247− --tw-divide-opacity: 1;
1248− border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
1175+
1176+ .-mt-px {
1177+ margin-top: -1px;
12491178 }
1250− .divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
1251− --tw-divide-opacity: 1;
1252− border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
1179+
1180+ .-mr-px {
1181+ margin-right: -1px;
12531182 }
1254− .divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
1255− --tw-divide-opacity: 1;
1256− border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
1183+
1184+ .mr-0\.5 {
1185+ margin-right: 0.125rem;
12571186 }
1258− .divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
1259− --tw-divide-opacity: 1;
1260− border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
1187+
1188+ .mr-0 {
1189+ margin-right: 0;
12611190 }
1262− .divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
1263− --tw-divide-opacity: 1;
1264− border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
1191+
1192+ .-ml-16 {
1193+ margin-left: -4rem;
12651194 }
1266− .divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
1267− --tw-divide-opacity: 1;
1268− border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
1195+
1196+ .ml-1 {
1197+ margin-left: 0.25rem;
12691198 }
1270− .divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
1271− --tw-divide-opacity: 1;
1272− border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
1199+
1200+ .-mr-4 {
1201+ margin-right: -1rem;
12731202 }
1274− .divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
1275− --tw-divide-opacity: 1;
1276− border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
1203+
1204+ .-mb-8 {
1205+ margin-bottom: -2rem;
12771206 }
1278− .divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
1279− --tw-divide-opacity: 1;
1280− border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
1207+
1208+ .-mt-5 {
1209+ margin-top: -1.25rem;
12811210 }
1282− .divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
1283− --tw-divide-opacity: 1;
1284− border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
1211+
1212+ .mt-5 {
1213+ margin-top: 1.25rem;
12851214 }
1286− .divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
1287− --tw-divide-opacity: 1;
1288− border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
1215+
1216+ .-ml-1 {
1217+ margin-left: -0.25rem;
12891218 }
1290− .divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
1291− --tw-divide-opacity: 1;
1292− border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
1219+
1220+ .-mt-1 {
1221+ margin-top: -0.25rem;
12931222 }
1294− .divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
1295− --tw-divide-opacity: 1;
1296− border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
1223+
1224+ .mr-4 {
1225+ margin-right: 1rem;
12971226 }
1298− .divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
1299− --tw-divide-opacity: 1;
1300− border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
1227+
1228+ .ml-10 {
1229+ margin-left: 2.5rem;
13011230 }
1302− .divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
1303− --tw-divide-opacity: 1;
1304− border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
1231+
1232+ .ml-0 {
1233+ margin-left: 0;
13051234 }
1306− .divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
1307− --tw-divide-opacity: 1;
1308− border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
1235+
1236+ .mr-10 {
1237+ margin-right: 2.5rem;
13091238 }
1310− .divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
1311− --tw-divide-opacity: 1;
1312− border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
1239+
1240+ .mt-auto {
1241+ margin-top: auto;
13131242 }
1314− .divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
1315− --tw-divide-opacity: 1;
1316− border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
1243+
1244+ .ml-9 {
1245+ margin-left: 2.25rem;
13171246 }
1318− .divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
1319− --tw-divide-opacity: 1;
1320− border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
1247+
1248+ .mr-6 {
1249+ margin-right: 1.5rem;
13211250 }
1322− .divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
1323− --tw-divide-opacity: 1;
1324− border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
1251+
1252+ .ml-8 {
1253+ margin-left: 2rem;
13251254 }
1326− .divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
1327− --tw-divide-opacity: 1;
1328− border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
1255+
1256+ .-mt-8 {
1257+ margin-top: -2rem;
13291258 }
1330− .divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
1331− --tw-divide-opacity: 1;
1332− border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
1259+
1260+ .-mb-px {
1261+ margin-bottom: -1px;
13331262 }
1334− .divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
1335− --tw-divide-opacity: 1;
1336− border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
1263+
1264+ .box-border {
1265+ box-sizing: border-box;
13371266 }
1338− .divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
1339− --tw-divide-opacity: 1;
1340− border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
1267+
1268+ .box-content {
1269+ box-sizing: content-box;
13411270 }
1342− .divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
1343− --tw-divide-opacity: 1;
1344− border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
1271+
1272+ .block {
1273+ display: block;
13451274 }
1346− .divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
1347− --tw-divide-opacity: 1;
1348− border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
1275+
1276+ .inline-block {
1277+ display: inline-block;
13491278 }
1350− .divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
1351− --tw-divide-opacity: 1;
1352− border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
1279+
1280+ .inline {
1281+ display: inline;
13531282 }
1354− .divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
1355− --tw-divide-opacity: 1;
1356− border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
1283+
1284+ .flex {
1285+ display: flex;
13571286 }
1358− .divide-solid > :not([hidden]) ~ :not([hidden]) {
1359− border-style: solid;
1287+
1288+ .inline-flex {
1289+ display: inline-flex;
13601290 }
1361− .divide-dashed > :not([hidden]) ~ :not([hidden]) {
1362− border-style: dashed;
1291+
1292+ .table {
1293+ display: table;
13631294 }
1364− .divide-dotted > :not([hidden]) ~ :not([hidden]) {
1365− border-style: dotted;
1295+
1296+ .table-caption {
1297+ display: table-caption;
13661298 }
1367− .divide-double > :not([hidden]) ~ :not([hidden]) {
1368− border-style: double;
1299+
1300+ .table-cell {
1301+ display: table-cell;
13691302 }
1370− .divide-none > :not([hidden]) ~ :not([hidden]) {
1371− border-style: none;
1303+
1304+ .table-column {
1305+ display: table-column;
13721306 }
1373− .divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
1374− --tw-divide-opacity: 0;
1307+
1308+ .table-column-group {
1309+ display: table-column-group;
13751310 }
1376− .divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
1377− --tw-divide-opacity: 0.05;
1311+
1312+ .table-footer-group {
1313+ display: table-footer-group;
13781314 }
1379− .divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
1380− --tw-divide-opacity: 0.1;
1315+
1316+ .table-header-group {
1317+ display: table-header-group;
13811318 }
1382− .divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
1383− --tw-divide-opacity: 0.2;
1319+
1320+ .table-row-group {
1321+ display: table-row-group;
13841322 }
1385− .divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
1386− --tw-divide-opacity: 0.25;
1323+
1324+ .table-row {
1325+ display: table-row;
13871326 }
1388− .divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
1389− --tw-divide-opacity: 0.3;
1327+
1328+ .flow-root {
1329+ display: flow-root;
13901330 }
1391− .divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
1392− --tw-divide-opacity: 0.4;
1331+
1332+ .grid {
1333+ display: grid;
13931334 }
1394− .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
1395− --tw-divide-opacity: 0.5;
1335+
1336+ .inline-grid {
1337+ display: inline-grid;
13961338 }
1397− .divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
1398− --tw-divide-opacity: 0.6;
1339+
1340+ .contents {
1341+ display: contents;
13991342 }
1400− .divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
1401− --tw-divide-opacity: 0.7;
1343+
1344+ .list-item {
1345+ display: list-item;
14021346 }
1403− .divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
1404− --tw-divide-opacity: 0.75;
1347+
1348+ .hidden {
1349+ display: none;
14051350 }
1406− .divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
1407− --tw-divide-opacity: 0.8;
1351+
1352+ .\!hidden {
1353+ display: none !important;
14081354 }
1409− .divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
1410− --tw-divide-opacity: 0.9;
1355+
1356+ .h-4 {
1357+ height: 1rem;
14111358 }
1412− .divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
1413− --tw-divide-opacity: 0.95;
1359+
1360+ .h-8 {
1361+ height: 2rem;
14141362 }
1415− .divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
1416− --tw-divide-opacity: 1;
1363+
1364+ .h-3 {
1365+ height: 0.75rem;
14171366 }
1418− .sr-only {
1419− position: absolute;
1420− width: 1px;
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;
1367+
1368+ .h-full {
1369+ height: 100%;
14281370 }
1429− .not-sr-only {
1430− position: static;
1431− width: auto;
1432− height: auto;
1433− padding: 0;
1434− margin: 0;
1435− overflow: visible;
1436− clip: auto;
1437− white-space: normal;
1371+
1372+ .h-11 {
1373+ height: 2.75rem;
14381374 }
1439− .focus-within\:sr-only:focus-within {
1440− position: absolute;
1441− width: 1px;
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;
1375+
1376+ .h-12 {
1377+ height: 3rem;
14491378 }
1450− .focus-within\:not-sr-only:focus-within {
1451− position: static;
1452− width: auto;
1453− height: auto;
1454− padding: 0;
1455− margin: 0;
1456− overflow: visible;
1457− clip: auto;
1458− white-space: normal;
1379+
1380+ .h-10 {
1381+ height: 2.5rem;
14591382 }
1460− .focus\:sr-only:focus {
1461− position: absolute;
1462− width: 1px;
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;
1383+
1384+ .h-9 {
1385+ height: 2.25rem;
14701386 }
1471− .focus\:not-sr-only:focus {
1472− position: static;
1473− width: auto;
1474− height: auto;
1475− padding: 0;
1476− margin: 0;
1477− overflow: visible;
1478− clip: auto;
1479− white-space: normal;
1387+
1388+ .h-\[513px\] {
1389+ height: 513px;
14801390 }
1481− .appearance-none {
1482− -webkit-appearance: none;
1483− appearance: none;
1391+
1392+ .h-6 {
1393+ height: 1.5rem;
14841394 }
1485− .bg-fixed {
1486− background-attachment: fixed;
1395+
1396+ .h-18 {
1397+ height: 4.5rem;
14871398 }
1488− .bg-local {
1489− background-attachment: local;
1399+
1400+ .h-16 {
1401+ height: 4rem;
14901402 }
1491− .bg-scroll {
1492− background-attachment: scroll;
1403+
1404+ .h-1 {
1405+ height: 0.25rem;
14931406 }
1494− .bg-clip-border {
1495− background-clip: border-box;
1407+
1408+ .h-14 {
1409+ height: 3.5rem;
14961410 }
1497− .bg-clip-padding {
1498− background-clip: padding-box;
1411+
1412+ .h-5 {
1413+ height: 1.25rem;
14991414 }
1500− .bg-clip-content {
1501− background-clip: content-box;
1415+
1416+ .h-24 {
1417+ height: 6rem;
15021418 }
1503− .bg-clip-text {
1504− -webkit-background-clip: text;
1505− background-clip: text;
1419+
1420+ .h-7 {
1421+ height: 1.75rem;
15061422 }
1507− .bg-transparent {
1508− background-color: transparent;
1423+
1424+ .h-40 {
1425+ height: 10rem;
15091426 }
1510− .bg-current {
1511− background-color: currentColor;
1427+
1428+ .h-32 {
1429+ height: 8rem;
15121430 }
1513− .bg-black {
1514− --tw-bg-opacity: 1;
1515− background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
1431+
1432+ .h-20 {
1433+ height: 5rem;
15161434 }
1517− .bg-white {
1518− --tw-bg-opacity: 1;
1519− background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1435+
1436+ .h-1\.5 {
1437+ height: 0.375rem;
15201438 }
1521− .bg-gray-50 {
1522− --tw-bg-opacity: 1;
1523− background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
1439+
1440+ .h-2\.5 {
1441+ height: 0.625rem;
15241442 }
1525− .bg-gray-100 {
1526− --tw-bg-opacity: 1;
1527− background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
1443+
1444+ .h-2 {
1445+ height: 0.5rem;
15281446 }
1529− .bg-gray-200 {
1530− --tw-bg-opacity: 1;
1531− background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1447+
1448+ .h-auto {
1449+ height: auto;
15321450 }
1533− .bg-gray-300 {
1534− --tw-bg-opacity: 1;
1535− background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
1451+
1452+ .h-48 {
1453+ height: 12rem;
15361454 }
1537− .bg-gray-400 {
1538− --tw-bg-opacity: 1;
1539− background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
1455+
1456+ .h-64 {
1457+ height: 16rem;
15401458 }
1541− .bg-gray-500 {
1542− --tw-bg-opacity: 1;
1543− background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
1459+
1460+ .h-72 {
1461+ height: 18rem;
15441462 }
1545− .bg-gray-600 {
1546− --tw-bg-opacity: 1;
1547− background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
1463+
1464+ .h-96 {
1465+ height: 24rem;
15481466 }
1549− .bg-gray-700 {
1550− --tw-bg-opacity: 1;
1551− background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
1467+
1468+ .h-screen {
1469+ height: 100vh;
15521470 }
1553− .bg-gray-800 {
1554− --tw-bg-opacity: 1;
1555− background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
1471+
1472+ .h-px {
1473+ height: 1px;
15561474 }
1557− .bg-gray-900 {
1558− --tw-bg-opacity: 1;
1559− background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
1475+
1476+ .h-\[918px\] {
1477+ height: 918px;
15601478 }
1561− .bg-red-50 {
1562− --tw-bg-opacity: 1;
1563− background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
1479+
1480+ .h-28 {
1481+ height: 7rem;
15641482 }
1565− .bg-red-100 {
1566− --tw-bg-opacity: 1;
1567− background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
1483+
1484+ .max-h-\(screen-18\) {
1485+ max-height: calc(100vh - 4.5rem);
15681486 }
1569− .bg-red-200 {
1570− --tw-bg-opacity: 1;
1571− background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
1487+
1488+ .max-h-screen {
1489+ max-height: 100vh;
15721490 }
1573− .bg-red-300 {
1574− --tw-bg-opacity: 1;
1575− background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
1491+
1492+ .max-h-full {
1493+ max-height: 100%;
15761494 }
1577− .bg-red-400 {
1578− --tw-bg-opacity: 1;
1579− background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
1495+
1496+ .min-h-0 {
1497+ min-height: 0;
15801498 }
1581− .bg-red-500 {
1582− --tw-bg-opacity: 1;
1583− background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
1499+
1500+ .min-h-full {
1501+ min-height: 100%;
15841502 }
1585− .bg-red-600 {
1586− --tw-bg-opacity: 1;
1587− background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
1503+
1504+ .min-h-screen {
1505+ min-height: 100vh;
15881506 }
1589− .bg-red-700 {
1590− --tw-bg-opacity: 1;
1591− background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
1507+
1508+ .w-4 {
1509+ width: 1rem;
15921510 }
1593− .bg-red-800 {
1594− --tw-bg-opacity: 1;
1595− background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
1511+
1512+ .w-full {
1513+ width: 100%;
15961514 }
1597− .bg-red-900 {
1598− --tw-bg-opacity: 1;
1599− background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
1515+
1516+ .w-8 {
1517+ width: 2rem;
16001518 }
1601− .bg-yellow-50 {
1602− --tw-bg-opacity: 1;
1603− background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
1519+
1520+ .w-32 {
1521+ width: 8rem;
16041522 }
1605− .bg-yellow-100 {
1606− --tw-bg-opacity: 1;
1607− background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
1523+
1524+ .w-3 {
1525+ width: 0.75rem;
16081526 }
1609− .bg-yellow-200 {
1610− --tw-bg-opacity: 1;
1611− background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
1527+
1528+ .w-1\/5 {
1529+ width: 20%;
16121530 }
1613− .bg-yellow-300 {
1614− --tw-bg-opacity: 1;
1615− background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
1531+
1532+ .w-6 {
1533+ width: 1.5rem;
16161534 }
1617− .bg-yellow-400 {
1618− --tw-bg-opacity: 1;
1619− background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
1535+
1536+ .w-12 {
1537+ width: 3rem;
16201538 }
1621− .bg-yellow-500 {
1622− --tw-bg-opacity: 1;
1623− background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
1539+
1540+ .w-18 {
1541+ width: 4.5rem;
16241542 }
1625− .bg-yellow-600 {
1626− --tw-bg-opacity: 1;
1627− background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
1543+
1544+ .w-\[848px\] {
1545+ width: 848px;
16281546 }
1629− .bg-yellow-700 {
1630− --tw-bg-opacity: 1;
1631− background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
1547+
1548+ .w-px {
1549+ width: 1px;
16321550 }
1633− .bg-yellow-800 {
1634− --tw-bg-opacity: 1;
1635− background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
1551+
1552+ .w-10 {
1553+ width: 2.5rem;
16361554 }
1637− .bg-yellow-900 {
1638− --tw-bg-opacity: 1;
1639− background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
1555+
1556+ .w-auto {
1557+ width: auto;
16401558 }
1641− .bg-green-50 {
1642− --tw-bg-opacity: 1;
1643− background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
1559+
1560+ .w-16 {
1561+ width: 4rem;
16441562 }
1645− .bg-green-100 {
1646− --tw-bg-opacity: 1;
1647− background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
1563+
1564+ .w-80 {
1565+ width: 20rem;
16481566 }
1649− .bg-green-200 {
1650− --tw-bg-opacity: 1;
1651− background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
1567+
1568+ .w-14 {
1569+ width: 3.5rem;
16521570 }
1653− .bg-green-300 {
1654− --tw-bg-opacity: 1;
1655− background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
1571+
1572+ .w-0 {
1573+ width: 0;
16561574 }
1657− .bg-green-400 {
1658− --tw-bg-opacity: 1;
1659− background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
1575+
1576+ .w-5 {
1577+ width: 1.25rem;
16601578 }
1661− .bg-green-500 {
1662− --tw-bg-opacity: 1;
1663− background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
1579+
1580+ .w-24 {
1581+ width: 6rem;
16641582 }
1665− .bg-green-600 {
1666− --tw-bg-opacity: 1;
1667− background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
1583+
1584+ .w-64 {
1585+ width: 16rem;
16681586 }
1669− .bg-green-700 {
1670− --tw-bg-opacity: 1;
1671− background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
1587+
1588+ .w-60 {
1589+ width: 15rem;
16721590 }
1673− .bg-green-800 {
1674− --tw-bg-opacity: 1;
1675− background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
1591+
1592+ .w-48 {
1593+ width: 12rem;
16761594 }
1677− .bg-green-900 {
1678− --tw-bg-opacity: 1;
1679− background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
1595+
1596+ .w-9 {
1597+ width: 2.25rem;
16801598 }
1681− .bg-blue-50 {
1682− --tw-bg-opacity: 1;
1683− background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
1599+
1600+ .w-1\/2 {
1601+ width: 50%;
16841602 }
1685− .bg-blue-100 {
1686− --tw-bg-opacity: 1;
1687− background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
1603+
1604+ .w-44 {
1605+ width: 11rem;
16881606 }
1689− .bg-blue-200 {
1690− --tw-bg-opacity: 1;
1691− background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
1607+
1608+ .w-40 {
1609+ width: 10rem;
16921610 }
1693− .bg-blue-300 {
1694− --tw-bg-opacity: 1;
1695− background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
1611+
1612+ .w-2\/5 {
1613+ width: 40%;
16961614 }
1697− .bg-blue-400 {
1698− --tw-bg-opacity: 1;
1699− background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
1615+
1616+ .w-56 {
1617+ width: 14rem;
17001618 }
1701− .bg-blue-500 {
1702− --tw-bg-opacity: 1;
1703− background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
1619+
1620+ .w-20 {
1621+ width: 5rem;
17041622 }
1705− .bg-blue-600 {
1706− --tw-bg-opacity: 1;
1707− background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
1623+
1624+ .w-2\.5 {
1625+ width: 0.625rem;
17081626 }
1709− .bg-blue-700 {
1710− --tw-bg-opacity: 1;
1711− background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
1627+
1628+ .w-2 {
1629+ width: 0.5rem;
17121630 }
1713− .bg-blue-800 {
1714− --tw-bg-opacity: 1;
1715− background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
1631+
1632+ .w-96 {
1633+ width: 24rem;
17161634 }
1717− .bg-blue-900 {
1718− --tw-bg-opacity: 1;
1719− background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
1635+
1636+ .w-7 {
1637+ width: 1.75rem;
17201638 }
1721− .bg-indigo-50 {
1722− --tw-bg-opacity: 1;
1723− background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
1639+
1640+ .w-1\/3 {
1641+ width: 33.333333%;
17241642 }
1725− .bg-indigo-100 {
1726− --tw-bg-opacity: 1;
1727− background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
1643+
1644+ .w-3\/4 {
1645+ width: 75%;
17281646 }
1729− .bg-indigo-200 {
1730− --tw-bg-opacity: 1;
1731− background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
1647+
1648+ .w-5\/6 {
1649+ width: 83.333333%;
17321650 }
1733− .bg-indigo-300 {
1734− --tw-bg-opacity: 1;
1735− background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
1651+
1652+ .w-1\/4 {
1653+ width: 25%;
17361654 }
1737− .bg-indigo-400 {
1738− --tw-bg-opacity: 1;
1739− background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
1655+
1656+ .w-72 {
1657+ width: 18rem;
17401658 }
1741− .bg-indigo-500 {
1742− --tw-bg-opacity: 1;
1743− background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
1659+
1660+ .w-\[762px\] {
1661+ width: 762px;
17441662 }
1745− .bg-indigo-600 {
1746− --tw-bg-opacity: 1;
1747− background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
1663+
1664+ .w-screen {
1665+ width: 100vw;
17481666 }
1749− .bg-indigo-700 {
1750− --tw-bg-opacity: 1;
1751− background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
1667+
1668+ .w-3\/5 {
1669+ width: 60%;
17521670 }
1753− .bg-indigo-800 {
1754− --tw-bg-opacity: 1;
1755− background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
1671+
1672+ .w-2\/3 {
1673+ width: 66.666667%;
17561674 }
1757− .bg-indigo-900 {
1758− --tw-bg-opacity: 1;
1759− background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
1675+
1676+ .w-4\/5 {
1677+ width: 80%;
17601678 }
1761− .bg-purple-50 {
1762− --tw-bg-opacity: 1;
1763− background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
1679+
1680+ .w-1\/6 {
1681+ width: 16.666667%;
17641682 }
1765− .bg-purple-100 {
1766− --tw-bg-opacity: 1;
1767− background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
1683+
1684+ .min-w-0 {
1685+ min-width: 0;
17681686 }
1769− .bg-purple-200 {
1770− --tw-bg-opacity: 1;
1771− background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
1687+
1688+ .min-w-full {
1689+ min-width: 100%;
17721690 }
1773− .bg-purple-300 {
1774− --tw-bg-opacity: 1;
1775− background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
1691+
1692+ .max-w-8xl {
1693+ max-width: 90rem;
17761694 }
1777− .bg-purple-400 {
1778− --tw-bg-opacity: 1;
1779− background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
1695+
1696+ .max-w-none {
1697+ max-width: none;
17801698 }
1781− .bg-purple-500 {
1782− --tw-bg-opacity: 1;
1783− background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
1699+
1700+ .max-w-screen-xl {
1701+ max-width: 1280px;
17841702 }
1785− .bg-purple-600 {
1786− --tw-bg-opacity: 1;
1787− background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
1703+
1704+ .max-w-3xl {
1705+ max-width: 48rem;
17881706 }
1789− .bg-purple-700 {
1790− --tw-bg-opacity: 1;
1791− background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
1707+
1708+ .max-w-xl {
1709+ max-width: 36rem;
17921710 }
1793− .bg-purple-800 {
1794− --tw-bg-opacity: 1;
1795− background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
1711+
1712+ .max-w-screen-lg {
1713+ max-width: 1024px;
17961714 }
1797− .bg-purple-900 {
1798− --tw-bg-opacity: 1;
1799− background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
1715+
1716+ .max-w-4xl {
1717+ max-width: 56rem;
18001718 }
1801− .bg-pink-50 {
1802− --tw-bg-opacity: 1;
1803− background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
1719+
1720+ .max-w-full {
1721+ max-width: 100%;
18041722 }
1805− .bg-pink-100 {
1806− --tw-bg-opacity: 1;
1807− background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
1723+
1724+ .max-w-screen-sm {
1725+ max-width: 640px;
18081726 }
1809− .bg-pink-200 {
1810− --tw-bg-opacity: 1;
1811− background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
1727+
1728+ .max-w-sm {
1729+ max-width: 24rem;
18121730 }
1813− .bg-pink-300 {
1814− --tw-bg-opacity: 1;
1815− background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
1731+
1732+ .max-w-xs {
1733+ max-width: 20rem;
18161734 }
1817− .bg-pink-400 {
1818− --tw-bg-opacity: 1;
1819− background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
1735+
1736+ .max-w-md {
1737+ max-width: 28rem;
18201738 }
1821− .bg-pink-500 {
1822− --tw-bg-opacity: 1;
1823− background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
1739+
1740+ .max-w-prose {
1741+ max-width: 65ch;
18241742 }
1825− .bg-pink-600 {
1826− --tw-bg-opacity: 1;
1827− background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
1743+
1744+ .flex-none {
1745+ flex: none;
18281746 }
1829− .bg-pink-700 {
1830− --tw-bg-opacity: 1;
1831− background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
1747+
1748+ .flex-auto {
1749+ flex: 1 1 auto;
18321750 }
1833− .bg-pink-800 {
1834− --tw-bg-opacity: 1;
1835− background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
1751+
1752+ .flex-1 {
1753+ flex: 1 1 0%;
18361754 }
1837− .bg-pink-900 {
1838− --tw-bg-opacity: 1;
1839− background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
1755+
1756+ .flex-initial {
1757+ flex: 0 1 auto;
18401758 }
1841− .group:hover .group-hover\:bg-transparent {
1842− background-color: transparent;
1759+
1760+ .flex-shrink-0 {
1761+ flex-shrink: 0;
18431762 }
1844− .group:hover .group-hover\:bg-current {
1845− background-color: currentColor;
1763+
1764+ .flex-shrink {
1765+ flex-shrink: 1;
18461766 }
1847− .group:hover .group-hover\:bg-black {
1848− --tw-bg-opacity: 1;
1849− background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
1767+
1768+ .flex-grow {
1769+ flex-grow: 1;
18501770 }
1851− .group:hover .group-hover\:bg-white {
1852− --tw-bg-opacity: 1;
1853− background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1771+
1772+ .flex-grow-0 {
1773+ flex-grow: 0;
18541774 }
1855− .group:hover .group-hover\:bg-gray-50 {
1856− --tw-bg-opacity: 1;
1857− background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
1775+
1776+ .table-auto {
1777+ table-layout: auto;
18581778 }
1859− .group:hover .group-hover\:bg-gray-100 {
1860− --tw-bg-opacity: 1;
1861− background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
1779+
1780+ .table-fixed {
1781+ table-layout: fixed;
18621782 }
1863− .group:hover .group-hover\:bg-gray-200 {
1864− --tw-bg-opacity: 1;
1865− background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1783+
1784+ .border-collapse {
1785+ border-collapse: collapse;
18661786 }
1867− .group:hover .group-hover\:bg-gray-300 {
1868− --tw-bg-opacity: 1;
1869− background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
1787+
1788+ .border-separate {
1789+ border-collapse: separate;
18701790 }
1871− .group:hover .group-hover\:bg-gray-400 {
1872− --tw-bg-opacity: 1;
1873− background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
1791+
1792+ .transform {
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));
18741797 }
1875− .group:hover .group-hover\:bg-gray-500 {
1876− --tw-bg-opacity: 1;
1877− background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
1798+
1799+ .transform,
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;
18781808 }
1879− .group:hover .group-hover\:bg-gray-600 {
1880− --tw-bg-opacity: 1;
1881− background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
1809+
1810+ .transform-gpu {
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));
18821814 }
1883− .group:hover .group-hover\:bg-gray-700 {
1884− --tw-bg-opacity: 1;
1885− background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
1815+
1816+ .transform-none {
1817+ transform: none;
18861818 }
1887− .group:hover .group-hover\:bg-gray-800 {
1888− --tw-bg-opacity: 1;
1889− background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
1819+
1820+ .origin-left {
1821+ transform-origin: left;
18901822 }
1891− .group:hover .group-hover\:bg-gray-900 {
1892− --tw-bg-opacity: 1;
1893− background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
1823+
1824+ .origin-right {
1825+ transform-origin: right;
18941826 }
1895− .group:hover .group-hover\:bg-red-50 {
1896− --tw-bg-opacity: 1;
1897− background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
1827+
1828+ .origin-center {
1829+ transform-origin: center;
18981830 }
1899− .group:hover .group-hover\:bg-red-100 {
1900− --tw-bg-opacity: 1;
1901− background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
1831+
1832+ .origin-top-left {
1833+ transform-origin: top left;
19021834 }
1903− .group:hover .group-hover\:bg-red-200 {
1904− --tw-bg-opacity: 1;
1905− background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
1835+
1836+ .origin-bottom-right {
1837+ transform-origin: bottom right;
19061838 }
1907− .group:hover .group-hover\:bg-red-300 {
1908− --tw-bg-opacity: 1;
1909− background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
1839+
1840+ .origin-top {
1841+ transform-origin: top;
19101842 }
1911− .group:hover .group-hover\:bg-red-400 {
1912− --tw-bg-opacity: 1;
1913− background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
1843+
1844+ .translate-x-\[235px\] {
1845+ --tw-translate-x: 235px;
19141846 }
1915− .group:hover .group-hover\:bg-red-500 {
1916− --tw-bg-opacity: 1;
1917− background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
1847+
1848+ .translate-y-\[-90px\] {
1849+ --tw-translate-y: -90px;
19181850 }
1919− .group:hover .group-hover\:bg-red-600 {
1920− --tw-bg-opacity: 1;
1921− background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
1851+
1852+ .translate-x-\[-150px\] {
1853+ --tw-translate-x: -150px;
19221854 }
1923− .group:hover .group-hover\:bg-red-700 {
1924− --tw-bg-opacity: 1;
1925− background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
1855+
1856+ .translate-y-\[-250px\] {
1857+ --tw-translate-y: -250px;
19261858 }
1927− .group:hover .group-hover\:bg-red-800 {
1928− --tw-bg-opacity: 1;
1929− background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
1859+
1860+ .translate-x-\[330px\] {
1861+ --tw-translate-x: 330px;
19301862 }
1931− .group:hover .group-hover\:bg-red-900 {
1932− --tw-bg-opacity: 1;
1933− background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
1863+
1864+ .translate-y-\[-357px\] {
1865+ --tw-translate-y: -357px;
19341866 }
1935− .group:hover .group-hover\:bg-yellow-50 {
1936− --tw-bg-opacity: 1;
1937− background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
1867+
1868+ .translate-y-2 {
1869+ --tw-translate-y: 0.5rem;
19381870 }
1939− .group:hover .group-hover\:bg-yellow-100 {
1940− --tw-bg-opacity: 1;
1941− background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
1871+
1872+ .translate-y-0 {
1873+ --tw-translate-y: 0px;
19421874 }
1943− .group:hover .group-hover\:bg-yellow-200 {
1944− --tw-bg-opacity: 1;
1945− background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
1875+
1876+ .translate-x-2 {
1877+ --tw-translate-x: 0.5rem;
19461878 }
1947− .group:hover .group-hover\:bg-yellow-300 {
1948− --tw-bg-opacity: 1;
1949− background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
1879+
1880+ .translate-y-11 {
1881+ --tw-translate-y: 2.75rem;
19501882 }
1951− .group:hover .group-hover\:bg-yellow-400 {
1952− --tw-bg-opacity: 1;
1953− background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
1883+
1884+ .translate-y-24 {
1885+ --tw-translate-y: 6rem;
19541886 }
1955− .group:hover .group-hover\:bg-yellow-500 {
1956− --tw-bg-opacity: 1;
1957− background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
1887+
1888+ .translate-x-20 {
1889+ --tw-translate-x: 5rem;
19581890 }
1959− .group:hover .group-hover\:bg-yellow-600 {
1960− --tw-bg-opacity: 1;
1961− background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
1891+
1892+ .translate-y-4 {
1893+ --tw-translate-y: 1rem;
19621894 }
1963− .group:hover .group-hover\:bg-yellow-700 {
1964− --tw-bg-opacity: 1;
1965− background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
1895+
1896+ .-translate-x-1\/2 {
1897+ --tw-translate-x: -50%;
19661898 }
1967− .group:hover .group-hover\:bg-yellow-800 {
1968− --tw-bg-opacity: 1;
1969− background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
1899+
1900+ .-translate-y-1\/2 {
1901+ --tw-translate-y: -50%;
19701902 }
1971− .group:hover .group-hover\:bg-yellow-900 {
1972− --tw-bg-opacity: 1;
1973− background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
1903+
1904+ .translate-x-4 {
1905+ --tw-translate-x: 1rem;
19741906 }
1975− .group:hover .group-hover\:bg-green-50 {
1976− --tw-bg-opacity: 1;
1977− background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
1907+
1908+ .translate-y-6 {
1909+ --tw-translate-y: 1.5rem;
19781910 }
1979− .group:hover .group-hover\:bg-green-100 {
1980− --tw-bg-opacity: 1;
1981− background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
1911+
1912+ .-translate-y-6 {
1913+ --tw-translate-y: -1.5rem;
19821914 }
1983− .group:hover .group-hover\:bg-green-200 {
1984− --tw-bg-opacity: 1;
1985− background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
1915+
1916+ .translate-x-8 {
1917+ --tw-translate-x: 2rem;
19861918 }
1987− .group:hover .group-hover\:bg-green-300 {
1988− --tw-bg-opacity: 1;
1989− background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
1919+
1920+ .translate-x-12 {
1921+ --tw-translate-x: 3rem;
19901922 }
1991− .group:hover .group-hover\:bg-green-400 {
1992− --tw-bg-opacity: 1;
1993− background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
1923+
1924+ .-rotate-1 {
1925+ --tw-rotate: -1deg;
19941926 }
1995− .group:hover .group-hover\:bg-green-500 {
1996− --tw-bg-opacity: 1;
1997− background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
1927+
1928+ .rotate-1 {
1929+ --tw-rotate: 1deg;
19981930 }
1999− .group:hover .group-hover\:bg-green-600 {
2000− --tw-bg-opacity: 1;
2001− background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
1931+
1932+ .rotate-90 {
1933+ --tw-rotate: 90deg;
20021934 }
2003− .group:hover .group-hover\:bg-green-700 {
2004− --tw-bg-opacity: 1;
2005− background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
1935+
1936+ .-rotate-6 {
1937+ --tw-rotate: -6deg;
20061938 }
2007− .group:hover .group-hover\:bg-green-800 {
2008− --tw-bg-opacity: 1;
2009− background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
1939+
1940+ .rotate-6 {
1941+ --tw-rotate: 6deg;
20101942 }
2011− .group:hover .group-hover\:bg-green-900 {
2012− --tw-bg-opacity: 1;
2013− background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
1943+
1944+ .rotate-0 {
1945+ --tw-rotate: 0deg;
20141946 }
2015− .group:hover .group-hover\:bg-blue-50 {
2016− --tw-bg-opacity: 1;
2017− background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
1947+
1948+ .rotate-45 {
1949+ --tw-rotate: 45deg;
20181950 }
2019− .group:hover .group-hover\:bg-blue-100 {
2020− --tw-bg-opacity: 1;
2021− background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
1951+
1952+ .rotate-180 {
1953+ --tw-rotate: 180deg;
20221954 }
2023− .group:hover .group-hover\:bg-blue-200 {
2024− --tw-bg-opacity: 1;
2025− background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
1955+
1956+ .-skew-x-20 {
1957+ --tw-skew-x: -20deg;
20261958 }
2027− .group:hover .group-hover\:bg-blue-300 {
2028− --tw-bg-opacity: 1;
2029− background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
1959+
1960+ .skew-y-0 {
1961+ --tw-skew-y: 0deg;
20301962 }
2031− .group:hover .group-hover\:bg-blue-400 {
2032− --tw-bg-opacity: 1;
2033− background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
1963+
1964+ .skew-y-3 {
1965+ --tw-skew-y: 3deg;
20341966 }
2035− .group:hover .group-hover\:bg-blue-500 {
2036− --tw-bg-opacity: 1;
2037− background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
1967+
1968+ .skew-y-6 {
1969+ --tw-skew-y: 6deg;
20381970 }
2039− .group:hover .group-hover\:bg-blue-600 {
2040− --tw-bg-opacity: 1;
2041− background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
1971+
1972+ .skew-y-12 {
1973+ --tw-skew-y: 12deg;
20421974 }
2043− .group:hover .group-hover\:bg-blue-700 {
2044− --tw-bg-opacity: 1;
2045− background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
1975+
1976+ .scale-80 {
1977+ --tw-scale-x: 0.8;
1978+ --tw-scale-y: 0.8;
20461979 }
2047− .group:hover .group-hover\:bg-blue-800 {
2048− --tw-bg-opacity: 1;
2049− background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
1980+
1981+ .scale-95 {
1982+ --tw-scale-x: 0.95;
1983+ --tw-scale-y: 0.95;
20501984 }
2051− .group:hover .group-hover\:bg-blue-900 {
2052− --tw-bg-opacity: 1;
2053− background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
1985+
1986+ .scale-100 {
1987+ --tw-scale-x: 1;
1988+ --tw-scale-y: 1;
20541989 }
2055− .group:hover .group-hover\:bg-indigo-50 {
2056− --tw-bg-opacity: 1;
2057− background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
1990+
1991+ .scale-110 {
1992+ --tw-scale-x: 1.1;
1993+ --tw-scale-y: 1.1;
20581994 }
2059− .group:hover .group-hover\:bg-indigo-100 {
2060− --tw-bg-opacity: 1;
2061− background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
1995+
1996+ .scale-75 {
1997+ --tw-scale-x: 0.75;
1998+ --tw-scale-y: 0.75;
20621999 }
2063− .group:hover .group-hover\:bg-indigo-200 {
2064− --tw-bg-opacity: 1;
2065− background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
2000+
2001+ .scale-150 {
2002+ --tw-scale-x: 1.5;
2003+ --tw-scale-y: 1.5;
20662004 }
2067− .group:hover .group-hover\:bg-indigo-300 {
2068− --tw-bg-opacity: 1;
2069− background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
2005+
2006+ .scale-125 {
2007+ --tw-scale-x: 1.25;
2008+ --tw-scale-y: 1.25;
20702009 }
2071− .group:hover .group-hover\:bg-indigo-400 {
2072− --tw-bg-opacity: 1;
2073− background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
2010+
2011+ .scale-50 {
2012+ --tw-scale-x: 0.5;
2013+ --tw-scale-y: 0.5;
20742014 }
2075− .group:hover .group-hover\:bg-indigo-500 {
2076− --tw-bg-opacity: 1;
2077− background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
2015+
2016+ @keyframes flash-code {
2017+ 0% {
2018+ background-color: rgba(134, 239, 172, 0.25);
2019+ }
2020+
2021+ to {
2022+ background-color: transparent;
2023+ }
20782024 }
2079− .group:hover .group-hover\:bg-indigo-600 {
2080− --tw-bg-opacity: 1;
2081− background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
2025+
2026+ .animate-flash-code {
2027+ animation: flash-code 1s forwards;
20822028 }
2083− .group:hover .group-hover\:bg-indigo-700 {
2084− --tw-bg-opacity: 1;
2085− background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
2029+
2030+ .animate-flash-code-slow {
2031+ animation: flash-code 2s forwards;
20862032 }
2087− .group:hover .group-hover\:bg-indigo-800 {
2088− --tw-bg-opacity: 1;
2089− background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
2033+
2034+ .animate-none {
2035+ animation: none;
20902036 }
2091− .group:hover .group-hover\:bg-indigo-900 {
2092− --tw-bg-opacity: 1;
2093− background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
2037+
2038+ @keyframes spin {
2039+ to {
2040+ transform: rotate(1turn);
2041+ }
20942042 }
2095− .group:hover .group-hover\:bg-purple-50 {
2096− --tw-bg-opacity: 1;
2097− background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
2043+
2044+ .animate-spin {
2045+ animation: spin 1s linear infinite;
20982046 }
2099− .group:hover .group-hover\:bg-purple-100 {
2100− --tw-bg-opacity: 1;
2101− background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
2047+
2048+ @keyframes ping {
2049+ 75%,
2050+ to {
2051+ transform: scale(2);
2052+ opacity: 0;
2053+ }
21022054 }
2103− .group:hover .group-hover\:bg-purple-200 {
2104− --tw-bg-opacity: 1;
2105− background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
2055+
2056+ .animate-ping {
2057+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
21062058 }
2107− .group:hover .group-hover\:bg-purple-300 {
2108− --tw-bg-opacity: 1;
2109− background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
2059+
2060+ @keyframes pulse {
2061+ 50% {
2062+ opacity: 0.5;
2063+ }
21102064 }
2111− .group:hover .group-hover\:bg-purple-400 {
2112− --tw-bg-opacity: 1;
2113− background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
2065+
2066+ .animate-pulse {
2067+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
21142068 }
2115− .group:hover .group-hover\:bg-purple-500 {
2116− --tw-bg-opacity: 1;
2117− background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
2069+
2070+ @keyframes bounce {
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+ }
21182081 }
2119− .group:hover .group-hover\:bg-purple-600 {
2120− --tw-bg-opacity: 1;
2121− background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
2082+
2083+ .animate-bounce {
2084+ animation: bounce 1s infinite;
21222085 }
2123− .group:hover .group-hover\:bg-purple-700 {
2124− --tw-bg-opacity: 1;
2125− background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
2086+
2087+ .cursor-grab {
2088+ cursor: grab;
21262089 }
2127− .group:hover .group-hover\:bg-purple-800 {
2128− --tw-bg-opacity: 1;
2129− background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
2090+
2091+ .cursor-grabbing {
2092+ cursor: grabbing;
21302093 }
2131− .group:hover .group-hover\:bg-purple-900 {
2132− --tw-bg-opacity: 1;
2133− background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
2094+
2095+ .cursor-pointer {
2096+ cursor: pointer;
21342097 }
2135− .group:hover .group-hover\:bg-pink-50 {
2136− --tw-bg-opacity: 1;
2137− background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
2098+
2099+ .cursor-not-allowed {
2100+ cursor: not-allowed;
21382101 }
2139− .group:hover .group-hover\:bg-pink-100 {
2140− --tw-bg-opacity: 1;
2141− background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
2102+
2103+ .cursor-auto {
2104+ cursor: auto;
21422105 }
2143− .group:hover .group-hover\:bg-pink-200 {
2144− --tw-bg-opacity: 1;
2145− background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
2106+
2107+ .cursor-default {
2108+ cursor: default;
21462109 }
2147− .group:hover .group-hover\:bg-pink-300 {
2148− --tw-bg-opacity: 1;
2149− background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
2110+
2111+ .cursor-wait {
2112+ cursor: wait;
21502113 }
2151− .group:hover .group-hover\:bg-pink-400 {
2152− --tw-bg-opacity: 1;
2153− background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
2114+
2115+ .cursor-text {
2116+ cursor: text;
21542117 }
2155− .group:hover .group-hover\:bg-pink-500 {
2156− --tw-bg-opacity: 1;
2157− background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
2118+
2119+ .cursor-move {
2120+ cursor: move;
21582121 }
2159− .group:hover .group-hover\:bg-pink-600 {
2160− --tw-bg-opacity: 1;
2161− background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
2122+
2123+ .select-none {
2124+ -webkit-user-select: none;
2125+ user-select: none;
21622126 }
2163− .group:hover .group-hover\:bg-pink-700 {
2164− --tw-bg-opacity: 1;
2165− background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
2127+
2128+ .select-text {
2129+ -webkit-user-select: text;
2130+ user-select: text;
21662131 }
2167− .group:hover .group-hover\:bg-pink-800 {
2168− --tw-bg-opacity: 1;
2169− background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
2132+
2133+ .select-all {
2134+ -webkit-user-select: all;
2135+ user-select: all;
21702136 }
2171− .group:hover .group-hover\:bg-pink-900 {
2172− --tw-bg-opacity: 1;
2173− background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
2137+
2138+ .select-auto {
2139+ -webkit-user-select: auto;
2140+ user-select: auto;
21742141 }
2175− .focus-within\:bg-transparent:focus-within {
2176− background-color: transparent;
2142+
2143+ .resize {
2144+ resize: both;
21772145 }
2178− .focus-within\:bg-current:focus-within {
2179− background-color: currentColor;
2146+
2147+ .resize-y {
2148+ resize: vertical;
21802149 }
2181− .focus-within\:bg-black:focus-within {
2182− --tw-bg-opacity: 1;
2183− background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
2150+
2151+ .resize-x {
2152+ resize: horizontal;
21842153 }
2185− .focus-within\:bg-white:focus-within {
2186− --tw-bg-opacity: 1;
2187− background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2154+
2155+ .resize-none {
2156+ resize: none;
21882157 }
2189− .focus-within\:bg-gray-50:focus-within {
2190− --tw-bg-opacity: 1;
2191− background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
2158+
2159+ .list-inside {
2160+ list-style-position: inside;
21922161 }
2193− .focus-within\:bg-gray-100:focus-within {
2194− --tw-bg-opacity: 1;
2195− background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
2162+
2163+ .list-outside {
2164+ list-style-position: outside;
21962165 }
2197− .focus-within\:bg-gray-200:focus-within {
2198− --tw-bg-opacity: 1;
2199− background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
2166+
2167+ .list-none {
2168+ list-style-type: none;
22002169 }
2201− .focus-within\:bg-gray-300:focus-within {
2202− --tw-bg-opacity: 1;
2203− background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
2170+
2171+ .list-disc {
2172+ list-style-type: disc;
22042173 }
2205− .focus-within\:bg-gray-400:focus-within {
2206− --tw-bg-opacity: 1;
2207− background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
2174+
2175+ .list-decimal {
2176+ list-style-type: decimal;
22082177 }
2209− .focus-within\:bg-gray-500:focus-within {
2210− --tw-bg-opacity: 1;
2211− background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
2178+
2179+ .appearance-none {
2180+ -webkit-appearance: none;
2181+ appearance: none;
22122182 }
2213− .focus-within\:bg-gray-600:focus-within {
2214− --tw-bg-opacity: 1;
2215− background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
2183+
2184+ .auto-cols-min {
2185+ grid-auto-columns: min-content;
22162186 }
2217− .focus-within\:bg-gray-700:focus-within {
2218− --tw-bg-opacity: 1;
2219− background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
2187+
2188+ .auto-cols-max {
2189+ grid-auto-columns: max-content;
22202190 }
2221− .focus-within\:bg-gray-800:focus-within {
2222− --tw-bg-opacity: 1;
2223− background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
2191+
2192+ .grid-flow-col {
2193+ grid-auto-flow: column;
22242194 }
2225− .focus-within\:bg-gray-900:focus-within {
2226− --tw-bg-opacity: 1;
2227− background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
2195+
2196+ .grid-flow-row {
2197+ grid-auto-flow: row;
22282198 }
2229− .focus-within\:bg-red-50:focus-within {
2230− --tw-bg-opacity: 1;
2231− background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
2199+
2200+ .auto-rows-min {
2201+ grid-auto-rows: min-content;
22322202 }
2233− .focus-within\:bg-red-100:focus-within {
2234− --tw-bg-opacity: 1;
2235− background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
2203+
2204+ .auto-rows-max {
2205+ grid-auto-rows: max-content;
22362206 }
2237− .focus-within\:bg-red-200:focus-within {
2238− --tw-bg-opacity: 1;
2239− background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
2207+
2208+ .auto-rows-fr {
2209+ grid-auto-rows: minmax(0, 1fr);
22402210 }
2241− .focus-within\:bg-red-300:focus-within {
2242− --tw-bg-opacity: 1;
2243− background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
2211+
2212+ .grid-cols-1 {
2213+ grid-template-columns: repeat(1, minmax(0, 1fr));
22442214 }
2245− .focus-within\:bg-red-400:focus-within {
2246− --tw-bg-opacity: 1;
2247− background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
2215+
2216+ .grid-cols-5 {
2217+ grid-template-columns: repeat(5, minmax(0, 1fr));
22482218 }
2249− .focus-within\:bg-red-500:focus-within {
2250− --tw-bg-opacity: 1;
2251− background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
2219+
2220+ .grid-cols-2 {
2221+ grid-template-columns: repeat(2, minmax(0, 1fr));
22522222 }
2253− .focus-within\:bg-red-600:focus-within {
2254− --tw-bg-opacity: 1;
2255− background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
2223+
2224+ .grid-cols-10 {
2225+ grid-template-columns: repeat(10, minmax(0, 1fr));
22562226 }
2257− .focus-within\:bg-red-700:focus-within {
2258− --tw-bg-opacity: 1;
2259− background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
2227+
2228+ .grid-cols-3 {
2229+ grid-template-columns: repeat(3, minmax(0, 1fr));
22602230 }
2261− .focus-within\:bg-red-800:focus-within {
2262− --tw-bg-opacity: 1;
2263− background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
2231+
2232+ .grid-cols-6 {
2233+ grid-template-columns: repeat(6, minmax(0, 1fr));
22642234 }
2265− .focus-within\:bg-red-900:focus-within {
2266− --tw-bg-opacity: 1;
2267− background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
2235+
2236+ .grid-cols-\[1fr\2c 700px\2c 2fr\] {
2237+ grid-template-columns: 1fr 700px 2fr;
22682238 }
2269− .focus-within\:bg-yellow-50:focus-within {
2270− --tw-bg-opacity: 1;
2271− background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
2239+
2240+ .grid-rows-2 {
2241+ grid-template-rows: repeat(2, minmax(0, 1fr));
22722242 }
2273− .focus-within\:bg-yellow-100:focus-within {
2274− --tw-bg-opacity: 1;
2275− background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
2243+
2244+ .grid-rows-3 {
2245+ grid-template-rows: repeat(3, minmax(0, 1fr));
22762246 }
2277− .focus-within\:bg-yellow-200:focus-within {
2278− --tw-bg-opacity: 1;
2279− background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
2247+
2248+ .grid-rows-6 {
2249+ grid-template-rows: repeat(6, minmax(0, 1fr));
22802250 }
2281− .focus-within\:bg-yellow-300:focus-within {
2282− --tw-bg-opacity: 1;
2283− background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
2251+
2252+ .flex-col {
2253+ flex-direction: column;
22842254 }
2285− .focus-within\:bg-yellow-400:focus-within {
2286− --tw-bg-opacity: 1;
2287− background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
2255+
2256+ .flex-row-reverse {
2257+ flex-direction: row-reverse;
22882258 }
2289− .focus-within\:bg-yellow-500:focus-within {
2290− --tw-bg-opacity: 1;
2291− background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
2259+
2260+ .flex-col-reverse {
2261+ flex-direction: column-reverse;
22922262 }
2293− .focus-within\:bg-yellow-600:focus-within {
2294− --tw-bg-opacity: 1;
2295− background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
2263+
2264+ .flex-row {
2265+ flex-direction: row;
22962266 }
2297− .focus-within\:bg-yellow-700:focus-within {
2298− --tw-bg-opacity: 1;
2299− background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
2267+
2268+ .flex-wrap {
2269+ flex-wrap: wrap;
23002270 }
2301− .focus-within\:bg-yellow-800:focus-within {
2302− --tw-bg-opacity: 1;
2303− background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
2271+
2272+ .flex-nowrap {
2273+ flex-wrap: nowrap;
23042274 }
2305− .focus-within\:bg-yellow-900:focus-within {
2306− --tw-bg-opacity: 1;
2307− background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
2275+
2276+ .flex-wrap-reverse {
2277+ flex-wrap: wrap-reverse;
23082278 }
2309− .focus-within\:bg-green-50:focus-within {
2310− --tw-bg-opacity: 1;
2311− background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
2279+
2280+ .place-content-center {
2281+ place-content: center;
23122282 }
2313− .focus-within\:bg-green-100:focus-within {
2314− --tw-bg-opacity: 1;
2315− background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
2283+
2284+ .place-content-start {
2285+ place-content: start;
23162286 }
2317− .focus-within\:bg-green-200:focus-within {
2318− --tw-bg-opacity: 1;
2319− background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
2287+
2288+ .place-content-end {
2289+ place-content: end;
23202290 }
2321− .focus-within\:bg-green-300:focus-within {
2322− --tw-bg-opacity: 1;
2323− background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
2291+
2292+ .place-content-between {
2293+ place-content: space-between;
23242294 }
2325− .focus-within\:bg-green-400:focus-within {
2326− --tw-bg-opacity: 1;
2327− background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
2295+
2296+ .place-content-around {
2297+ place-content: space-around;
23282298 }
2329− .focus-within\:bg-green-500:focus-within {
2330− --tw-bg-opacity: 1;
2331− background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
2299+
2300+ .place-content-evenly {
2301+ place-content: space-evenly;
23322302 }
2333− .focus-within\:bg-green-600:focus-within {
2334− --tw-bg-opacity: 1;
2335− background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
2303+
2304+ .place-content-stretch {
2305+ place-content: stretch;
23362306 }
2337− .focus-within\:bg-green-700:focus-within {
2338− --tw-bg-opacity: 1;
2339− background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
2307+
2308+ .place-items-start {
2309+ place-items: start;
23402310 }
2341− .focus-within\:bg-green-800:focus-within {
2342− --tw-bg-opacity: 1;
2343− background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
2311+
2312+ .place-items-end {
2313+ place-items: end;
23442314 }
2345− .focus-within\:bg-green-900:focus-within {
2346− --tw-bg-opacity: 1;
2347− background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
2315+
2316+ .place-items-center {
2317+ place-items: center;
23482318 }
2349− .focus-within\:bg-blue-50:focus-within {
2350− --tw-bg-opacity: 1;
2351− background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
2319+
2320+ .place-items-stretch {
2321+ place-items: stretch;
23522322 }
2353− .focus-within\:bg-blue-100:focus-within {
2354− --tw-bg-opacity: 1;
2355− background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
2323+
2324+ .content-start {
2325+ align-content: flex-start;
23562326 }
2357− .focus-within\:bg-blue-200:focus-within {
2358− --tw-bg-opacity: 1;
2359− background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
2327+
2328+ .content-center {
2329+ align-content: center;
23602330 }
2361− .focus-within\:bg-blue-300:focus-within {
2362− --tw-bg-opacity: 1;
2363− background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
2331+
2332+ .content-end {
2333+ align-content: flex-end;
23642334 }
2365− .focus-within\:bg-blue-400:focus-within {
2366− --tw-bg-opacity: 1;
2367− background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
2335+
2336+ .content-between {
2337+ align-content: space-between;
23682338 }
2369− .focus-within\:bg-blue-500:focus-within {
2370− --tw-bg-opacity: 1;
2371− background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
2339+
2340+ .content-around {
2341+ align-content: space-around;
23722342 }
2373− .focus-within\:bg-blue-600:focus-within {
2374− --tw-bg-opacity: 1;
2375− background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
2343+
2344+ .content-evenly {
2345+ align-content: space-evenly;
23762346 }
2377− .focus-within\:bg-blue-700:focus-within {
2378− --tw-bg-opacity: 1;
2379− background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
2347+
2348+ .items-center {
2349+ align-items: center;
23802350 }
2381− .focus-within\:bg-blue-800:focus-within {
2382− --tw-bg-opacity: 1;
2383− background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
2351+
2352+ .items-start {
2353+ align-items: flex-start;
23842354 }
2385− .focus-within\:bg-blue-900:focus-within {
2386− --tw-bg-opacity: 1;
2387− background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
2355+
2356+ .items-baseline {
2357+ align-items: baseline;
23882358 }
2389− .focus-within\:bg-indigo-50:focus-within {
2390− --tw-bg-opacity: 1;
2391− background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
2359+
2360+ .items-end {
2361+ align-items: flex-end;
23922362 }
2393− .focus-within\:bg-indigo-100:focus-within {
2394− --tw-bg-opacity: 1;
2395− background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
2363+
2364+ .items-stretch {
2365+ align-items: stretch;
23962366 }
2397− .focus-within\:bg-indigo-200:focus-within {
2398− --tw-bg-opacity: 1;
2399− background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
2367+
2368+ .justify-center {
2369+ justify-content: center;
24002370 }
2401− .focus-within\:bg-indigo-300:focus-within {
2402− --tw-bg-opacity: 1;
2403− background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
2371+
2372+ .justify-end {
2373+ justify-content: flex-end;
24042374 }
2405− .focus-within\:bg-indigo-400:focus-within {
2406− --tw-bg-opacity: 1;
2407− background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
2375+
2376+ .justify-between {
2377+ justify-content: space-between;
24082378 }
2409− .focus-within\:bg-indigo-500:focus-within {
2410− --tw-bg-opacity: 1;
2411− background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
2379+
2380+ .justify-around {
2381+ justify-content: space-around;
24122382 }
2413− .focus-within\:bg-indigo-600:focus-within {
2414− --tw-bg-opacity: 1;
2415− background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
2383+
2384+ .justify-start {
2385+ justify-content: flex-start;
24162386 }
2417− .focus-within\:bg-indigo-700:focus-within {
2418− --tw-bg-opacity: 1;
2419− background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
2387+
2388+ .justify-evenly {
2389+ justify-content: space-evenly;
24202390 }
2421− .focus-within\:bg-indigo-800:focus-within {
2422− --tw-bg-opacity: 1;
2423− background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
2391+
2392+ .justify-items-start {
2393+ justify-items: start;
24242394 }
2425− .focus-within\:bg-indigo-900:focus-within {
2426− --tw-bg-opacity: 1;
2427− background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
2395+
2396+ .justify-items-end {
2397+ justify-items: end;
24282398 }
2429− .focus-within\:bg-purple-50:focus-within {
2430− --tw-bg-opacity: 1;
2431− background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
2399+
2400+ .justify-items-center {
2401+ justify-items: center;
24322402 }
2433− .focus-within\:bg-purple-100:focus-within {
2434− --tw-bg-opacity: 1;
2435− background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
2403+
2404+ .justify-items-stretch {
2405+ justify-items: stretch;
24362406 }
2437− .focus-within\:bg-purple-200:focus-within {
2438− --tw-bg-opacity: 1;
2439− background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
2407+
2408+ .gap-8 {
2409+ gap: 2rem;
24402410 }
2441− .focus-within\:bg-purple-300:focus-within {
2442− --tw-bg-opacity: 1;
2443− background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
2411+
2412+ .gap-6 {
2413+ gap: 1.5rem;
24442414 }
2445− .focus-within\:bg-purple-400:focus-within {
2446− --tw-bg-opacity: 1;
2447− background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
2415+
2416+ .gap-3 {
2417+ gap: 0.75rem;
24482418 }
2449− .focus-within\:bg-purple-500:focus-within {
2450− --tw-bg-opacity: 1;
2451− background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
2419+
2420+ .gap-4 {
2421+ gap: 1rem;
24522422 }
2453− .focus-within\:bg-purple-600:focus-within {
2454− --tw-bg-opacity: 1;
2455− background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
2423+
2424+ .gap-2 {
2425+ gap: 0.5rem;
24562426 }
2457− .focus-within\:bg-purple-700:focus-within {
2458− --tw-bg-opacity: 1;
2459− background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
2427+
2428+ .gap-x-4 {
2429+ column-gap: 1rem;
24602430 }
2461− .focus-within\:bg-purple-800:focus-within {
2462− --tw-bg-opacity: 1;
2463− background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
2431+
2432+ .gap-y-3 {
2433+ row-gap: 0.75rem;
24642434 }
2465− .focus-within\:bg-purple-900:focus-within {
2466− --tw-bg-opacity: 1;
2467− background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
2435+
2436+ .gap-x-6 {
2437+ column-gap: 1.5rem;
24682438 }
2469− .focus-within\:bg-pink-50:focus-within {
2470− --tw-bg-opacity: 1;
2471− background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
2439+
2440+ .gap-y-10 {
2441+ row-gap: 2.5rem;
24722442 }
2473− .focus-within\:bg-pink-100:focus-within {
2474− --tw-bg-opacity: 1;
2475− background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
2443+
2444+ .gap-x-8 {
2445+ column-gap: 2rem;
24762446 }
2477− .focus-within\:bg-pink-200:focus-within {
2478− --tw-bg-opacity: 1;
2479− background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
2447+
2448+ .gap-y-4 {
2449+ row-gap: 1rem;
24802450 }
2481− .focus-within\:bg-pink-300:focus-within {
2482− --tw-bg-opacity: 1;
2483− background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
2451+
2452+ .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
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)));
24842456 }
2485− .focus-within\:bg-pink-400:focus-within {
2486− --tw-bg-opacity: 1;
2487− background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
2457+
2458+ .space-x-1 > :not([hidden]) ~ :not([hidden]) {
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)));
24882462 }
2489− .focus-within\:bg-pink-500:focus-within {
2490− --tw-bg-opacity: 1;
2491− background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
2463+
2464+ .space-y-3 > :not([hidden]) ~ :not([hidden]) {
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));
24922468 }
2493− .focus-within\:bg-pink-600:focus-within {
2494− --tw-bg-opacity: 1;
2495− background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
2469+
2470+ .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
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));
24962474 }
2497− .focus-within\:bg-pink-700:focus-within {
2498− --tw-bg-opacity: 1;
2499− background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
2475+
2476+ .space-y-1 > :not([hidden]) ~ :not([hidden]) {
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));
25002480 }
2501− .focus-within\:bg-pink-800:focus-within {
2502− --tw-bg-opacity: 1;
2503− background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
2481+
2482+ .space-x-4 > :not([hidden]) ~ :not([hidden]) {
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)));
25042486 }
2505− .focus-within\:bg-pink-900:focus-within {
2506− --tw-bg-opacity: 1;
2507− background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
2487+
2488+ .space-x-6 > :not([hidden]) ~ :not([hidden]) {
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)));
25082492 }
2509− .hover\:bg-transparent:hover {
2510− background-color: transparent;
2493+
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)));
25112498 }
2512− .hover\:bg-current:hover {
2513− background-color: currentColor;
2499+
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)));
25142504 }
2515− .hover\:bg-black:hover {
2516− --tw-bg-opacity: 1;
2517− background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
2505+
2506+ .space-y-20 > :not([hidden]) ~ :not([hidden]) {
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));
25182510 }
2519− .hover\:bg-white:hover {
2520− --tw-bg-opacity: 1;
2521− background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2511+
2512+ .space-y-4 > :not([hidden]) ~ :not([hidden]) {
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));
25222516 }
2523− .hover\:bg-gray-50:hover {
2524− --tw-bg-opacity: 1;
2525− background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
2517+
2518+ .space-y-5 > :not([hidden]) ~ :not([hidden]) {
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));
25262522 }
2527− .hover\:bg-gray-100:hover {
2528− --tw-bg-opacity: 1;
2529− background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
2523+
2524+ .space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
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)));
25302528 }
2531− .hover\:bg-gray-200:hover {
2532− --tw-bg-opacity: 1;
2533− background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
2529+
2530+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
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));
25342534 }
2535− .hover\:bg-gray-300:hover {
2536− --tw-bg-opacity: 1;
2537− background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
2535+
2536+ .space-y-6 > :not([hidden]) ~ :not([hidden]) {
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));
25382540 }
2539− .hover\:bg-gray-400:hover {
2540− --tw-bg-opacity: 1;
2541− background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
2541+
2542+ .-space-x-1 > :not([hidden]) ~ :not([hidden]) {
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)));
25422546 }
2543− .hover\:bg-gray-500:hover {
2544− --tw-bg-opacity: 1;
2545− background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
2547+
2548+ .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
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));
25462552 }
2547− .hover\:bg-gray-600:hover {
2548− --tw-bg-opacity: 1;
2549− background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
2553+
2554+ .space-y-0 > :not([hidden]) ~ :not([hidden]) {
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));
25502558 }
2551− .hover\:bg-gray-700:hover {
2552− --tw-bg-opacity: 1;
2553− background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
2559+
2560+ .space-x-0 > :not([hidden]) ~ :not([hidden]) {
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)));
25542564 }
2555− .hover\:bg-gray-800:hover {
2556− --tw-bg-opacity: 1;
2557− background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
2565+
2566+ .-space-x-2 > :not([hidden]) ~ :not([hidden]) {
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)));
25582570 }
2559− .hover\:bg-gray-900:hover {
2560− --tw-bg-opacity: 1;
2561− background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
2571+
2572+ .space-x-8 > :not([hidden]) ~ :not([hidden]) {
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)));
25622576 }
2563− .hover\:bg-red-50:hover {
2564− --tw-bg-opacity: 1;
2565− background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
2577+
2578+ .space-x-16 > :not([hidden]) ~ :not([hidden]) {
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)));
25662582 }
2567− .hover\:bg-red-100:hover {
2568− --tw-bg-opacity: 1;
2569− background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
2583+
2584+ .space-y-12 > :not([hidden]) ~ :not([hidden]) {
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));
25702588 }
2571− .hover\:bg-red-200:hover {
2572− --tw-bg-opacity: 1;
2573− background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
2589+
2590+ .space-y-8 > :not([hidden]) ~ :not([hidden]) {
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));
25742594 }
2575− .hover\:bg-red-300:hover {
2576− --tw-bg-opacity: 1;
2577− background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
2595+
2596+ .space-y-reverse > :not([hidden]) ~ :not([hidden]) {
2597+ --tw-space-y-reverse: 1;
25782598 }
2579− .hover\:bg-red-400:hover {
2580− --tw-bg-opacity: 1;
2581− background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
2599+
2600+ .space-x-reverse > :not([hidden]) ~ :not([hidden]) {
2601+ --tw-space-x-reverse: 1;
25822602 }
2583− .hover\:bg-red-500:hover {
2584− --tw-bg-opacity: 1;
2585− background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
2603+
2604+ .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
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)));
25862608 }
2587− .hover\:bg-red-600:hover {
2588− --tw-bg-opacity: 1;
2589− background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
2609+
2610+ .divide-y > :not([hidden]) ~ :not([hidden]) {
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));
25902614 }
2591− .hover\:bg-red-700:hover {
2592− --tw-bg-opacity: 1;
2593− background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
2615+
2616+ .divide-y-4 > :not([hidden]) ~ :not([hidden]) {
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));
25942620 }
2595− .hover\:bg-red-800:hover {
2596− --tw-bg-opacity: 1;
2597− background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
2621+
2622+ .divide-x-8 > :not([hidden]) ~ :not([hidden]) {
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)));
25982626 }
2599− .hover\:bg-red-900:hover {
2600− --tw-bg-opacity: 1;
2601− background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
2627+
2628+ .divide-y-2 > :not([hidden]) ~ :not([hidden]) {
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));
26022632 }
2603− .hover\:bg-yellow-50:hover {
2604− --tw-bg-opacity: 1;
2605− background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
2633+
2634+ .divide-x > :not([hidden]) ~ :not([hidden]) {
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)));
26062638 }
2607− .hover\:bg-yellow-100:hover {
2608− --tw-bg-opacity: 1;
2609− background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
2639+
2640+ .divide-y-8 > :not([hidden]) ~ :not([hidden]) {
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));
26102644 }
2611− .hover\:bg-yellow-200:hover {
2612− --tw-bg-opacity: 1;
2613− background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
2645+
2646+ .divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
2647+ --tw-divide-y-reverse: 1;
26142648 }
2615− .hover\:bg-yellow-300:hover {
2616− --tw-bg-opacity: 1;
2617− background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
2649+
2650+ .divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
2651+ --tw-divide-x-reverse: 1;
26182652 }
2619− .hover\:bg-yellow-400:hover {
2620− --tw-bg-opacity: 1;
2621− background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
2653+
2654+ .divide-dashed > :not([hidden]) ~ :not([hidden]) {
2655+ border-style: dashed;
26222656 }
2623− .hover\:bg-yellow-500:hover {
2624− --tw-bg-opacity: 1;
2625− background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
2657+
2658+ .divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
2659+ --tw-divide-opacity: 1;
2660+ border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
26262661 }
2627− .hover\:bg-yellow-600:hover {
2628− --tw-bg-opacity: 1;
2629− background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
2662+
2663+ .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
2664+ --tw-divide-opacity: 1;
2665+ border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
26302666 }
2631− .hover\:bg-yellow-700:hover {
2632− --tw-bg-opacity: 1;
2633− background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
2667+
2668+ .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
2669+ --tw-divide-opacity: 1;
2670+ border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
26342671 }
2635− .hover\:bg-yellow-800:hover {
2636− --tw-bg-opacity: 1;
2637− background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
2672+
2673+ .divide-rose-100 > :not([hidden]) ~ :not([hidden]) {
2674+ --tw-divide-opacity: 1;
2675+ border-color: rgba(255, 228, 230, var(--tw-divide-opacity));
26382676 }
2639− .hover\:bg-yellow-900:hover {
2640− --tw-bg-opacity: 1;
2641− background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
2677+
2678+ .divide-light-blue-400 > :not([hidden]) ~ :not([hidden]) {
2679+ --tw-divide-opacity: 1;
2680+ border-color: rgba(56, 189, 248, var(--tw-divide-opacity));
26422681 }
2643− .hover\:bg-green-50:hover {
2644− --tw-bg-opacity: 1;
2645− background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
2682+
2683+ .divide-fuchsia-300 > :not([hidden]) ~ :not([hidden]) {
2684+ --tw-divide-opacity: 1;
2685+ border-color: rgba(240, 171, 252, var(--tw-divide-opacity));
26462686 }
2647− .hover\:bg-green-100:hover {
2648− --tw-bg-opacity: 1;
2649− background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
2687+
2688+ .divide-black > :not([hidden]) ~ :not([hidden]) {
2689+ --tw-divide-opacity: 1;
2690+ border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
26502691 }
2651− .hover\:bg-green-200:hover {
2652− --tw-bg-opacity: 1;
2653− background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
2692+
2693+ .divide > :not([hidden]) ~ :not([hidden]) {
2694+ --tw-divide-opacity: 1;
2695+ border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
26542696 }
2655− .hover\:bg-green-300:hover {
2656− --tw-bg-opacity: 1;
2657− background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
2697+
2698+ .divide-teal-400 > :not([hidden]) ~ :not([hidden]) {
2699+ --tw-divide-opacity: 1;
2700+ border-color: rgba(45, 212, 191, var(--tw-divide-opacity));
26582701 }
2659− .hover\:bg-green-400:hover {
2660− --tw-bg-opacity: 1;
2661− background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
2702+
2703+ .divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
2704+ --tw-divide-opacity: 1;
2705+ border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
26622706 }
2663− .hover\:bg-green-500:hover {
2664− --tw-bg-opacity: 1;
2665− background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
2707+
2708+ .divide-amber-600 > :not([hidden]) ~ :not([hidden]) {
2709+ --tw-divide-opacity: 1;
2710+ border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
26662711 }
2667− .hover\:bg-green-600:hover {
2668− --tw-bg-opacity: 1;
2669− background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
2712+
2713+ .divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
2714+ --tw-divide-opacity: 1;
2715+ border-color: rgba(202, 138, 4, var(--tw-divide-opacity));
26702716 }
2671− .hover\:bg-green-700:hover {
2672− --tw-bg-opacity: 1;
2673− background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
2717+
2718+ .divide-emerald-500 > :not([hidden]) ~ :not([hidden]) {
2719+ --tw-divide-opacity: 1;
2720+ border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
26742721 }
2675− .hover\:bg-green-800:hover {
2676− --tw-bg-opacity: 1;
2677− background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
2722+
2723+ .divide-green-500 > :not([hidden]) ~ :not([hidden]) {
2724+ --tw-divide-opacity: 1;
2725+ border-color: rgba(34, 197, 94, var(--tw-divide-opacity));
26782726 }
2679− .hover\:bg-green-900:hover {
2680− --tw-bg-opacity: 1;
2681− background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
2727+
2728+ .divide-amber-500 > :not([hidden]) ~ :not([hidden]) {
2729+ --tw-divide-opacity: 1;
2730+ border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
26822731 }
2683− .hover\:bg-blue-50:hover {
2684− --tw-bg-opacity: 1;
2685− background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
2686− }
2687− .hover\:bg-blue-100:hover {
2688− --tw-bg-opacity: 1;
2689− background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
2732+
2733+ .divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
2734+ --tw-divide-opacity: 1;
2735+ border-color: rgba(234, 179, 8, var(--tw-divide-opacity));
26902736 }
2691− .hover\:bg-blue-200:hover {
2692− --tw-bg-opacity: 1;
2693− background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
2737+
2738+ .divide-rose-400 > :not([hidden]) ~ :not([hidden]) {
2739+ --tw-divide-opacity: 1;
2740+ border-color: rgba(251, 113, 133, var(--tw-divide-opacity));
26942741 }
2695− .hover\:bg-blue-300:hover {
2696− --tw-bg-opacity: 1;
2697− background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
2742+
2743+ .divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
2744+ --tw-divide-opacity: 1;
2745+ border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
26982746 }
2699− .hover\:bg-blue-400:hover {
2700− --tw-bg-opacity: 1;
2701− background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
2747+
2748+ .divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
2749+ --tw-divide-opacity: 0.25;
27022750 }
2703− .hover\:bg-blue-500:hover {
2704− --tw-bg-opacity: 1;
2705− background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
2751+
2752+ .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
2753+ --tw-divide-opacity: 0.5;
27062754 }
2707− .hover\:bg-blue-600:hover {
2708− --tw-bg-opacity: 1;
2709− background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
2755+
2756+ .divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
2757+ --tw-divide-opacity: 0.75;
27102758 }
2711− .hover\:bg-blue-700:hover {
2712− --tw-bg-opacity: 1;
2713− background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
2759+
2760+ .place-self-auto {
2761+ place-self: auto;
27142762 }
2715− .hover\:bg-blue-800:hover {
2716− --tw-bg-opacity: 1;
2717− background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
2763+
2764+ .place-self-start {
2765+ place-self: start;
27182766 }
2719− .hover\:bg-blue-900:hover {
2720− --tw-bg-opacity: 1;
2721− background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
2767+
2768+ .place-self-center {
2769+ place-self: center;
27222770 }
2723− .hover\:bg-indigo-50:hover {
2724− --tw-bg-opacity: 1;
2725− background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
2771+
2772+ .place-self-end {
2773+ place-self: end;
27262774 }
2727− .hover\:bg-indigo-100:hover {
2728− --tw-bg-opacity: 1;
2729− background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
2775+
2776+ .place-self-stretch {
2777+ place-self: stretch;
27302778 }
2731− .hover\:bg-indigo-200:hover {
2732− --tw-bg-opacity: 1;
2733− background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
2779+
2780+ .self-center {
2781+ align-self: center;
27342782 }
2735− .hover\:bg-indigo-300:hover {
2736− --tw-bg-opacity: 1;
2737− background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
2783+
2784+ .self-start {
2785+ align-self: flex-start;
27382786 }
2739− .hover\:bg-indigo-400:hover {
2740− --tw-bg-opacity: 1;
2741− background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
2787+
2788+ .self-end {
2789+ align-self: flex-end;
27422790 }
2743− .hover\:bg-indigo-500:hover {
2744− --tw-bg-opacity: 1;
2745− background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
2791+
2792+ .self-auto {
2793+ align-self: auto;
27462794 }
2747− .hover\:bg-indigo-600:hover {
2748− --tw-bg-opacity: 1;
2749− background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
2795+
2796+ .self-stretch {
2797+ align-self: stretch;
27502798 }
2751− .hover\:bg-indigo-700:hover {
2752− --tw-bg-opacity: 1;
2753− background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
2799+
2800+ .justify-self-auto {
2801+ justify-self: auto;
27542802 }
2755− .hover\:bg-indigo-800:hover {
2756− --tw-bg-opacity: 1;
2757− background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
2803+
2804+ .justify-self-start {
2805+ justify-self: start;
27582806 }
2759− .hover\:bg-indigo-900:hover {
2760− --tw-bg-opacity: 1;
2761− background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
2807+
2808+ .justify-self-center {
2809+ justify-self: center;
27622810 }
2763− .hover\:bg-purple-50:hover {
2764− --tw-bg-opacity: 1;
2765− background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
2811+
2812+ .justify-self-end {
2813+ justify-self: end;
27662814 }
2767− .hover\:bg-purple-100:hover {
2768− --tw-bg-opacity: 1;
2769− background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
2815+
2816+ .justify-self-stretch {
2817+ justify-self: stretch;
27702818 }
2771− .hover\:bg-purple-200:hover {
2772− --tw-bg-opacity: 1;
2773− background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
2819+
2820+ .overflow-hidden {
2821+ overflow: hidden;
27742822 }
2775− .hover\:bg-purple-300:hover {
2776− --tw-bg-opacity: 1;
2777− background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
2823+
2824+ .overflow-y-auto {
2825+ overflow-y: auto;
27782826 }
2779− .hover\:bg-purple-400:hover {
2780− --tw-bg-opacity: 1;
2781− background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
2827+
2828+ .overflow-x-auto {
2829+ overflow-x: auto;
27822830 }
2783− .hover\:bg-purple-500:hover {
2784− --tw-bg-opacity: 1;
2785− background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
2831+
2832+ .overflow-auto {
2833+ overflow: auto;
27862834 }
2787− .hover\:bg-purple-600:hover {
2788− --tw-bg-opacity: 1;
2789− background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
2835+
2836+ .overflow-x-hidden {
2837+ overflow-x: hidden;
27902838 }
2791− .hover\:bg-purple-700:hover {
2792− --tw-bg-opacity: 1;
2793− background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
2839+
2840+ .overflow-y-scroll {
2841+ overflow-y: scroll;
27942842 }
2795− .hover\:bg-purple-800:hover {
2796− --tw-bg-opacity: 1;
2797− background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
2843+
2844+ .overflow-visible {
2845+ overflow: visible;
27982846 }

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
2828 node.remove
2929 end
3030
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+
3155 doc
3256
3357 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