new styles

This commit is contained in:
Torsten 2023-01-09 14:13:24 +02:00
parent a8523d474e
commit 81aafe593f

View File

@ -679,6 +679,609 @@ select {
--tw-backdrop-sepia: ; --tw-backdrop-sepia: ;
} }
.prose {
color: var(--tw-prose-body);
max-width: 65ch;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-bold);
font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"] *)) {
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"] *)) {
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
font-weight: 400;
color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
color: var(--tw-prose-bullets);
}
.prose :where(hr):not(:where([class~="not-prose"] *)) {
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-left-width: 0.25rem;
border-left-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
font-weight: 900;
color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
font-weight: 800;
color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose :where(code):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"] *))::before {
content: "`";
}
.prose :where(code):not(:where([class~="not-prose"] *))::after {
content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
color: inherit;
font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
color: inherit;
font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-right: 1.1428571em;
padding-bottom: 0.8571429em;
padding-left: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"] *)) {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::before {
content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
content: none;
}
.prose :where(table):not(:where([class~="not-prose"] *)) {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
vertical-align: top;
}
.prose {
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
}
.prose :where(p):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose :where(video):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(figure):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(li):not(:where([class~="not-prose"] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.1428571em;
}
.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.1428571em;
}
.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
}
.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.2em;
}
.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
}
.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.2em;
}
.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.sr-only { .sr-only {
position: absolute; position: absolute;
width: 1px; width: 1px;
@ -691,10 +1294,6 @@ select {
border-width: 0; border-width: 0;
} }
.collapse {
visibility: collapse;
}
.fixed { .fixed {
position: fixed; position: fixed;
} }
@ -718,6 +1317,22 @@ select {
top: 0.75rem; top: 0.75rem;
} }
.bottom-0 {
bottom: 0px;
}
.left-0 {
left: 0px;
}
.top-0 {
top: 0px;
}
.right-0 {
right: 0px;
}
.z-0 { .z-0 {
z-index: 0; z-index: 0;
} }
@ -726,10 +1341,6 @@ select {
z-index: -10; z-index: -10;
} }
.order-last {
order: 9999;
}
.col-span-2 { .col-span-2 {
grid-column: span 2 / span 2; grid-column: span 2 / span 2;
} }
@ -750,43 +1361,128 @@ select {
margin: 1.25rem; margin: 1.25rem;
} }
.m-2 {
margin: 0.5rem;
}
.m-16 {
margin: 4rem;
}
.m-10 { .m-10 {
margin: 2.5rem; margin: 2.5rem;
} }
.m-3 {
margin: 0.75rem;
}
.m-2 {
margin: 0.5rem;
}
.m-12 {
margin: 3rem;
}
.m-6 { .m-6 {
margin: 1.5rem; margin: 1.5rem;
} }
.m-4 {
margin: 1rem;
}
.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-auto { .mx-auto {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.mx-20 {
margin-left: 5rem;
margin-right: 5rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.mx-40 {
margin-left: 10rem;
margin-right: 10rem;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-10 {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mr-3 { .mr-3 {
margin-right: 0.75rem; margin-right: 0.75rem;
} }
.mt-2 { .ml-20 {
margin-top: 0.5rem; margin-left: 5rem;
}
.mt-1 {
margin-top: 0.25rem;
} }
.mt-4 { .mt-4 {
margin-top: 1rem; margin-top: 1rem;
} }
.mt-3 {
margin-top: 0.75rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-8 { .mt-8 {
margin-top: 2rem; margin-top: 2rem;
} }
@ -795,6 +1491,42 @@ select {
margin-bottom: 0px; margin-bottom: 0px;
} }
.mr-10 {
margin-right: 2.5rem;
}
.ml-32 {
margin-left: 8rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mr-20 {
margin-right: 5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mt-1 {
margin-top: 0.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mt-16 { .mt-16 {
margin-top: 4rem; margin-top: 4rem;
} }
@ -803,16 +1535,16 @@ select {
margin-top: 2.5rem; margin-top: 2.5rem;
} }
.mt-12 { .mb-10 {
margin-top: 3rem; margin-bottom: 2.5rem;
} }
.mb-8 { .mb-6 {
margin-bottom: 2rem; margin-bottom: 1.5rem;
} }
.mt-3 { .mt-20 {
margin-top: 0.75rem; margin-top: 5rem;
} }
.block { .block {
@ -847,10 +1579,6 @@ select {
display: none; display: none;
} }
.h-6 {
height: 1.5rem;
}
.h-16 { .h-16 {
height: 4rem; height: 4rem;
} }
@ -859,66 +1587,98 @@ select {
height: 2.5rem; height: 2.5rem;
} }
.h-5 { .h-6 {
height: 1.25rem; height: 1.5rem;
} }
.h-56 { .h-72 {
height: 14rem; height: 18rem;
}
.h-8 {
height: 2rem;
}
.h-3 {
height: 0.75rem;
} }
.h-40 { .h-40 {
height: 10rem; height: 10rem;
} }
.h-64 { .h-0 {
height: 16rem; height: 0px;
} }
.h-full { .h-full {
height: 100%; height: 100%;
} }
.h-96 { .h-56 {
height: 24rem; height: 14rem;
} }
.h-24 { .h-24 {
height: 6rem; height: 6rem;
} }
.w-6 { .h-1 {
width: 1.5rem; height: 0.25rem;
} }
.w-5 { .h-20 {
width: 1.25rem; height: 5rem;
}
.h-96 {
height: 24rem;
} }
.w-full { .w-full {
width: 100%; width: 100%;
} }
.w-2\/3 { .w-6 {
width: 66.666667%; width: 1.5rem;
} }
.w-1\/3 { .w-8 {
width: 33.333333%; width: 2rem;
}
.w-3 {
width: 0.75rem;
}
.w-1 {
width: 0.25rem;
}
.w-16 {
width: 4rem;
}
.w-40 {
width: 10rem;
}
.w-20 {
width: 5rem;
} }
.min-w-full { .min-w-full {
min-width: 100%; min-width: 100%;
} }
.max-w-screen-xl {
max-width: 1280px;
}
.max-w-xl { .max-w-xl {
max-width: 36rem; max-width: 36rem;
} }
.max-w-full {
max-width: 100%;
}
.max-w-prose { .max-w-prose {
max-width: 65ch; max-width: 65ch;
} }
@ -931,10 +1691,6 @@ select {
max-width: 56rem; max-width: 56rem;
} }
.max-w-3xl {
max-width: 48rem;
}
.max-w-md { .max-w-md {
max-width: 28rem; max-width: 28rem;
} }
@ -943,18 +1699,50 @@ select {
flex: 1 1 0%; flex: 1 1 0%;
} }
.grow-0 { .grow {
flex-grow: 0; flex-grow: 1;
}
.basis-80 {
flex-basis: 20rem;
}
.basis-full {
flex-basis: 100%;
}
.basis-72 {
flex-basis: 18rem;
} }
.basis-52 { .basis-52 {
flex-basis: 13rem; flex-basis: 13rem;
} }
.basis-96 {
flex-basis: 24rem;
}
.origin-\[0\] { .origin-\[0\] {
transform-origin: 0; transform-origin: 0;
} }
.origin-left {
transform-origin: left;
}
.origin-bottom {
transform-origin: bottom;
}
.origin-right {
transform-origin: right;
}
.origin-top {
transform-origin: top;
}
.-translate-y-6 { .-translate-y-6 {
--tw-translate-y: -1.5rem; --tw-translate-y: -1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@ -966,6 +1754,16 @@ select {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.scale-x-0 {
--tw-scale-x: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-0 {
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform { .transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
@ -976,32 +1774,37 @@ select {
appearance: none; appearance: none;
} }
.columns-1 {
-moz-columns: 1;
columns: 1;
}
.grid-cols-1 { .grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-columns: repeat(1, minmax(0, 1fr));
} }
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-2 { .grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
} }
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-col { .flex-col {
flex-direction: column; flex-direction: column;
} }
.items-start { .flex-wrap {
align-items: flex-start; flex-wrap: wrap;
} }
.items-end { .items-end {
@ -1016,6 +1819,10 @@ select {
justify-content: flex-start; justify-content: flex-start;
} }
.justify-end {
justify-content: flex-end;
}
.justify-center { .justify-center {
justify-content: center; justify-content: center;
} }
@ -1024,36 +1831,32 @@ select {
justify-content: space-between; justify-content: space-between;
} }
.gap-4 { .gap-16 {
gap: 1rem; gap: 4rem;
} }
.gap-6 { .gap-6 {
gap: 1.5rem; gap: 1.5rem;
} }
.gap-10 {
gap: 2.5rem;
}
.gap-2 { .gap-2 {
gap: 0.5rem; gap: 0.5rem;
} }
.gap-5 { .gap-4 {
gap: 1.25rem; gap: 1rem;
} }
.gap-8 { .gap-3 {
gap: 2rem; gap: 0.75rem;
} }
.gap-16 { .gap-12 {
gap: 4rem; gap: 3rem;
}
.gap-1 {
gap: 0.25rem;
}
.gap-10 {
gap: 2.5rem;
} }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { .space-y-4 > :not([hidden]) ~ :not([hidden]) {
@ -1073,6 +1876,10 @@ select {
border-color: rgb(229 231 235 / var(--tw-divide-opacity)); border-color: rgb(229 231 235 / var(--tw-divide-opacity));
} }
.justify-self-start {
justify-self: start;
}
.overflow-hidden { .overflow-hidden {
overflow: hidden; overflow: hidden;
} }
@ -1093,38 +1900,45 @@ select {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-md { .rounded-md {
border-radius: 0.375rem; border-radius: 0.375rem;
} }
.rounded-sm {
border-radius: 0.125rem;
}
.rounded-full {
border-radius: 9999px;
}
.border { .border {
border-width: 1px; border-width: 1px;
} }
.border-0 { .border-4 {
border-width: 0px; border-width: 4px;
} }
.border-l-4 { .border-0 {
border-left-width: 4px; border-width: 0px;
} }
.border-b { .border-b {
border-bottom-width: 1px; border-bottom-width: 1px;
} }
.border-red-500 { .border-b-8 {
--tw-border-opacity: 1; border-bottom-width: 8px;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
} }
.border-gray-100 { .border-solid {
border-style: solid;
}
.border-gray-400 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity)); border-color: rgb(156 163 175 / var(--tw-border-opacity));
} }
.border-gray-200 { .border-gray-200 {
@ -1132,9 +1946,19 @@ select {
border-color: rgb(229 231 235 / var(--tw-border-opacity)); border-color: rgb(229 231 235 / var(--tw-border-opacity));
} }
.border-green-500 { .border-black {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(34 197 94 / var(--tw-border-opacity)); border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
} }
.border-gray-500 { .border-gray-500 {
@ -1142,14 +1966,44 @@ select {
border-color: rgb(107 114 128 / var(--tw-border-opacity)); border-color: rgb(107 114 128 / var(--tw-border-opacity));
} }
.bg-blue-500 { .border-gray-600 {
--tw-bg-opacity: 1; --tw-border-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity)); border-color: rgb(75 85 99 / var(--tw-border-opacity));
} }
.bg-yellow-500 { .bg-cyan-200 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(234 179 8 / var(--tw-bg-opacity)); background-color: rgb(165 243 252 / var(--tw-bg-opacity));
}
.bg-yellow-200 {
--tw-bg-opacity: 1;
background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}
.bg-red-200 {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}
.bg-green-200 {
--tw-bg-opacity: 1;
background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}
.bg-red-300 {
--tw-bg-opacity: 1;
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-red-400 {
--tw-bg-opacity: 1;
background-color: rgb(248 113 113 / var(--tw-bg-opacity));
} }
.bg-red-500 { .bg-red-500 {
@ -1157,9 +2011,19 @@ select {
background-color: rgb(239 68 68 / var(--tw-bg-opacity)); background-color: rgb(239 68 68 / var(--tw-bg-opacity));
} }
.bg-green-500 { .bg-red-600 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity)); background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-red-700 {
--tw-bg-opacity: 1;
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.bg-red-900 {
--tw-bg-opacity: 1;
background-color: rgb(127 29 29 / var(--tw-bg-opacity));
} }
.bg-white { .bg-white {
@ -1187,9 +2051,9 @@ select {
background-color: rgb(14 116 144 / var(--tw-bg-opacity)); background-color: rgb(14 116 144 / var(--tw-bg-opacity));
} }
.bg-orange-800 { .bg-amber-600 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(154 52 18 / var(--tw-bg-opacity)); background-color: rgb(217 119 6 / var(--tw-bg-opacity));
} }
.bg-green-700 { .bg-green-700 {
@ -1202,9 +2066,9 @@ select {
background-color: rgb(15 118 110 / var(--tw-bg-opacity)); background-color: rgb(15 118 110 / var(--tw-bg-opacity));
} }
.bg-indigo-800 { .bg-cyan-900 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(55 48 163 / var(--tw-bg-opacity)); background-color: rgb(22 78 99 / var(--tw-bg-opacity));
} }
.bg-slate-900 { .bg-slate-900 {
@ -1236,19 +2100,28 @@ select {
background-color: rgb(154 52 18 / 0.25); background-color: rgb(154 52 18 / 0.25);
} }
.bg-cyan-50 {
--tw-bg-opacity: 1;
background-color: rgb(236 254 255 / var(--tw-bg-opacity));
}
.bg-red-50 { .bg-red-50 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity)); background-color: rgb(254 242 242 / var(--tw-bg-opacity));
} }
.bg-teal-600 { .bg-transparent {
--tw-bg-opacity: 1; background-color: transparent;
background-color: rgb(13 148 136 / var(--tw-bg-opacity));
} }
.bg-yellow-400 { .bg-orange-200 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(250 204 21 / var(--tw-bg-opacity)); background-color: rgb(254 215 170 / var(--tw-bg-opacity));
}
.bg-blue-200 {
--tw-bg-opacity: 1;
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
} }
.bg-green-100 { .bg-green-100 {
@ -1261,15 +2134,6 @@ select {
background-color: rgb(254 243 199 / var(--tw-bg-opacity)); background-color: rgb(254 243 199 / var(--tw-bg-opacity));
} }
.bg-cyan-50 {
--tw-bg-opacity: 1;
background-color: rgb(236 254 255 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-cover { .bg-cover {
background-size: cover; background-size: cover;
} }
@ -1278,6 +2142,18 @@ select {
background-attachment: fixed; background-attachment: fixed;
} }
.bg-clip-padding {
background-clip: padding-box;
}
.bg-left-bottom {
background-position: left bottom;
}
.bg-right-bottom {
background-position: right bottom;
}
.bg-center { .bg-center {
background-position: center; background-position: center;
} }
@ -1296,14 +2172,14 @@ select {
object-fit: cover; object-fit: cover;
} }
.p-4 {
padding: 1rem;
}
.p-2 { .p-2 {
padding: 0.5rem; padding: 0.5rem;
} }
.p-4 {
padding: 1rem;
}
.p-3 { .p-3 {
padding: 0.75rem; padding: 0.75rem;
} }
@ -1316,6 +2192,18 @@ select {
padding: 2rem; padding: 2rem;
} }
.p-20 {
padding: 5rem;
}
.p-px {
padding: 1px;
}
.p-5 {
padding: 1.25rem;
}
.px-4 { .px-4 {
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
@ -1326,24 +2214,14 @@ select {
padding-bottom: 0.75rem; padding-bottom: 0.75rem;
} }
.py-2\.5 { .px-20 {
padding-top: 0.625rem; padding-left: 5rem;
padding-bottom: 0.625rem; padding-right: 5rem;
} }
.px-5 { .py-10 {
padding-left: 1.25rem; padding-top: 2.5rem;
padding-right: 1.25rem; padding-bottom: 2.5rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
} }
.px-3 { .px-3 {
@ -1356,39 +2234,89 @@ select {
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
} }
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.py-1\.5 { .py-1\.5 {
padding-top: 0.375rem; padding-top: 0.375rem;
padding-bottom: 0.375rem; padding-bottom: 0.375rem;
} }
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.px-6 { .px-6 {
padding-left: 1.5rem; padding-left: 1.5rem;
padding-right: 1.5rem; padding-right: 1.5rem;
} }
.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pr-12 { .pr-12 {
padding-right: 3rem; padding-right: 3rem;
} }
.pr-2 {
padding-right: 0.5rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pt-10 { .pt-10 {
padding-top: 2.5rem; padding-top: 2.5rem;
} }
.pr-16 {
padding-right: 4rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.text-left { .text-left {
text-align: left; text-align: left;
} }
@ -1401,14 +2329,9 @@ select {
text-align: right; text-align: right;
} }
.text-sm { .text-lg {
font-size: 0.875rem; font-size: 1.125rem;
line-height: 1.25rem; line-height: 1.75rem;
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
} }
.text-xl { .text-xl {
@ -1416,9 +2339,9 @@ select {
line-height: 1.75rem; line-height: 1.75rem;
} }
.text-lg { .text-sm {
font-size: 1.125rem; font-size: 0.875rem;
line-height: 1.75rem; line-height: 1.25rem;
} }
.text-2xl { .text-2xl {
@ -1436,6 +2359,11 @@ select {
line-height: 2.5rem; line-height: 2.5rem;
} }
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.font-medium { .font-medium {
font-weight: 500; font-weight: 500;
} }
@ -1444,6 +2372,14 @@ select {
font-weight: 700; font-weight: 700;
} }
.font-extrabold {
font-weight: 800;
}
.font-semibold {
font-weight: 600;
}
.capitalize { .capitalize {
text-transform: capitalize; text-transform: capitalize;
} }
@ -1452,6 +2388,14 @@ select {
line-height: 1.625; line-height: 1.625;
} }
.leading-none {
line-height: 1;
}
.leading-5 {
line-height: 1.25rem;
}
.tracking-tight { .tracking-tight {
letter-spacing: -0.025em; letter-spacing: -0.025em;
} }
@ -1505,14 +2449,9 @@ select {
color: rgb(30 41 59 / var(--tw-text-opacity)); color: rgb(30 41 59 / var(--tw-text-opacity));
} }
.text-red-700 { .text-gray-500 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(185 28 28 / var(--tw-text-opacity)); color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
} }
.text-gray-900 { .text-gray-900 {
@ -1525,53 +2464,30 @@ select {
color: rgb(55 65 81 / var(--tw-text-opacity)); color: rgb(55 65 81 / var(--tw-text-opacity));
} }
.text-teal-600 {
--tw-text-opacity: 1;
color: rgb(13 148 136 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-amber-700 { .text-amber-700 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(180 83 9 / var(--tw-text-opacity)); color: rgb(180 83 9 / var(--tw-text-opacity));
} }
.text-blue-600 { .text-black {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity)); color: rgb(0 0 0 / var(--tw-text-opacity));
} }
.underline { .underline {
text-decoration-line: underline; text-decoration-line: underline;
} }
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm { .shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition { .transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@ -1590,6 +2506,10 @@ select {
transition-duration: 300ms; transition-duration: 300ms;
} }
.duration-200 {
transition-duration: 200ms;
}
.duration-700 { .duration-700 {
transition-duration: 700ms; transition-duration: 700ms;
} }
@ -1598,18 +2518,41 @@ select {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1); transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
} }
.hover\:scale-105:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover { .hover\:scale-110:hover {
--tw-scale-x: 1.1; --tw-scale-x: 1.1;
--tw-scale-y: 1.1; --tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.hover\:bg-sky-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.hover\:bg-cyan-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(165 243 252 / var(--tw-bg-opacity));
}
.hover\:bg-blue-800:hover {
--tw-bg-opacity: 1;
background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}
.hover\:text-gray-500\/75:hover { .hover\:text-gray-500\/75:hover {
color: rgb(107 114 128 / 0.75); color: rgb(107 114 128 / 0.75);
} }
.hover\:text-gray-600\/75:hover { .hover\:shadow-xl:hover {
color: rgb(75 85 99 / 0.75); --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.focus\:border-blue-600:focus { .focus\:border-blue-600:focus {
@ -1628,13 +2571,13 @@ select {
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
} }
.group:hover .group-hover\:translate-x-0\.5 { .group:hover .group-hover\:scale-x-100 {
--tw-translate-x: 0.125rem; --tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.group:hover .group-hover\:translate-x-0 { .group:hover .group-hover\:scale-y-100 {
--tw-translate-x: 0px; --tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
@ -1690,6 +2633,10 @@ select {
color: rgb(37 99 235 / var(--tw-text-opacity)); color: rgb(37 99 235 / var(--tw-text-opacity));
} }
.prose-headings\:text-inherit :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"] *))) {
color: inherit;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.peer:focus ~ .peer-focus\:dark\:text-blue-500 { .peer:focus ~ .peer-focus\:dark\:text-blue-500 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
@ -1698,22 +2645,15 @@ select {
} }
@media (min-width: 640px) { @media (min-width: 640px) {
.sm\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.sm\:mt-4 { .sm\:mt-4 {
margin-top: 1rem; margin-top: 1rem;
} }
.sm\:block {
display: block;
}
.sm\:flex {
display: flex;
}
.sm\:h-80 {
height: 20rem;
}
.sm\:h-full { .sm\:h-full {
height: 100%; height: 100%;
} }
@ -1722,45 +2662,72 @@ select {
width: 50%; width: 50%;
} }
.sm\:gap-4 {
gap: 1rem;
}
.sm\:p-6 {
padding: 1.5rem;
}
.sm\:px-6 { .sm\:px-6 {
padding-left: 1.5rem; padding-left: 1.5rem;
padding-right: 1.5rem; padding-right: 1.5rem;
} }
.sm\:py-24 { .sm\:text-center {
padding-top: 6rem; text-align: center;
padding-bottom: 6rem;
} }
.sm\:text-4xl { .sm\:text-4xl {
font-size: 2.25rem; font-size: 2.25rem;
line-height: 2.5rem; line-height: 2.5rem;
} }
.sm\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.md\:order-last {
order: 9999;
}
.md\:m-12 {
margin: 3rem;
}
.md\:m-20 {
margin: 5rem;
}
.md\:m-8 {
margin: 2rem;
}
.md\:m-4 {
margin: 1rem;
}
.md\:my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.md\:mx-12 {
margin-left: 3rem;
margin-right: 3rem;
}
.md\:mt-8 { .md\:mt-8 {
margin-top: 2rem; margin-top: 2rem;
} }
.md\:block { .md\:grid {
display: block; display: grid;
} }
.md\:flex { .md\:h-60 {
display: flex; height: 15rem;
} }
.md\:hidden { .md\:columns-2 {
display: none; -moz-columns: 2;
columns: 2;
} }
.md\:grid-cols-2 { .md\:grid-cols-2 {
@ -1771,18 +2738,27 @@ select {
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));
} }
.md\:items-center { .md\:grid-cols-4 {
align-items: center; grid-template-columns: repeat(4, minmax(0, 1fr));
} }
.md\:gap-12 { .md\:flex-row {
gap: 3rem; flex-direction: row;
}
.md\:gap-8 {
gap: 2rem;
} }
.md\:p-12 { .md\:p-12 {
padding: 3rem; padding: 3rem;
} }
.md\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.md\:text-5xl { .md\:text-5xl {
font-size: 3rem; font-size: 3rem;
line-height: 1; line-height: 1;
@ -1800,12 +2776,58 @@ select {
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.lg\:h-72 { .lg\:m-20 {
height: 18rem; margin: 5rem;
} }
.lg\:h-full { .lg\:m-12 {
height: 100%; margin: 3rem;
}
.lg\:m-6 {
margin: 1.5rem;
}
.lg\:mx-20 {
margin-left: 5rem;
margin-right: 5rem;
}
.lg\:mb-8 {
margin-bottom: 2rem;
}
.lg\:mt-8 {
margin-top: 2rem;
}
.lg\:mb-0 {
margin-bottom: 0px;
}
.lg\:h-96 {
height: 24rem;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-2\/3 {
width: 66.666667%;
}
.lg\:w-3\/5 {
width: 60%;
}
.lg\:w-2\/5 {
width: 40%;
}
.lg\:columns-3 {
-moz-columns: 3;
columns: 3;
} }
.lg\:grid-cols-3 { .lg\:grid-cols-3 {
@ -1816,12 +2838,238 @@ select {
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(4, minmax(0, 1fr));
} }
.lg\:grid-cols-2 { .lg\:grid-cols-5 {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(5, minmax(0, 1fr));
} }
.lg\:gap-16 { .lg\:grid-cols-6 {
gap: 4rem; grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:items-center {
align-items: center;
}
.lg\:gap-12 {
gap: 3rem;
}
.lg\:prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
}
.lg\:prose-lg :where(p):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.lg\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
.lg\:prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em;
}
.lg\:prose-lg :where(h1):not(:where([class~="not-prose"] *)) {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
.lg\:prose-lg :where(h2):not(:where([class~="not-prose"] *)) {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
.lg\:prose-lg :where(h3):not(:where([class~="not-prose"] *)) {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.lg\:prose-lg :where(h4):not(:where([class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.lg\:prose-lg :where(img):not(:where([class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.lg\:prose-lg :where(video):not(:where([class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.lg\:prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.lg\:prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.lg\:prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.lg\:prose-lg :where(code):not(:where([class~="not-prose"] *)) {
font-size: 0.8888889em;
}
.lg\:prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) {
font-size: 0.8666667em;
}
.lg\:prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) {
font-size: 0.875em;
}
.lg\:prose-lg :where(pre):not(:where([class~="not-prose"] *)) {
font-size: 0.8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.375rem;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
}
.lg\:prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5555556em;
}
.lg\:prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5555556em;
}
.lg\:prose-lg :where(li):not(:where([class~="not-prose"] *)) {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.lg\:prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4444444em;
}
.lg\:prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4444444em;
}
.lg\:prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.lg\:prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.lg\:prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.lg\:prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.lg\:prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.lg\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.lg\:prose-lg :where(hr):not(:where([class~="not-prose"] *)) {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
.lg\:prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-lg :where(table):not(:where([class~="not-prose"] *)) {
font-size: 0.8888889em;
line-height: 1.5;
}
.lg\:prose-lg :where(thead th):not(:where([class~="not-prose"] *)) {
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.lg\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.lg\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.lg\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
padding-top: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.lg\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.lg\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.lg\:prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
} }
.lg\:px-8 { .lg\:px-8 {
@ -1844,3 +3092,10 @@ select {
padding-bottom: 4rem; padding-bottom: 4rem;
} }
} }
@media (min-width: 1280px) {
.xl\:columns-4 {
-moz-columns: 4;
columns: 4;
}
}