aliaset
Version:
twind monorepo
385 lines (376 loc) • 28.3 kB
text/typescript
import { assert, test } from 'vitest'
import { colorFromTheme, fromTheme, twind, virtual } from '@twind/core'
import presetTypography from '.'
test('using typography defaults', () => {
const tw = twind(
{
presets: [presetTypography()],
theme: {
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
spacing: {
none: 'none',
full: '100%',
sm: '1rem',
base: '1.2rem',
md: '1.5rem',
lg: '2rem',
xl: '3rem',
0: '0px',
'1': '.25rem',
'0.5': '0.5rem',
'2': '1rem',
'2.5': '1.125rem',
'6': '1.5rem',
'9': '2.5rem',
'12': '3rem',
},
// 'max-w': {
// prose: '80ch',
// },
colors: {
gray: {
50: '#f9fafb',
100: '#f3f4f6',
200: '#e5e7eb',
300: '#d1d5db',
400: '#9ca3af',
500: '#6b7280',
600: '#4b5563',
700: '#374151',
800: '#1f2937',
900: '#111827',
},
slate: {
50: '#f8fafc',
100: '#f1f5f9',
200: '#e2e8f0',
300: '#cbd5e1',
400: '#94a3b8',
500: '#64748b',
600: '#475569',
700: '#334155',
800: '#1e293b',
900: '#0f172a',
},
amber: {
50: '#fffbeb',
100: '#fef3c7',
200: '#fde68a',
300: '#fcd34d',
400: '#fbbf24',
500: '#f59e0b',
600: '#d97706',
700: '#b45309',
800: '#92400e',
900: '#78350f',
},
},
fontSize: {
xs: ['0.75rem', '1rem'],
sm: ['0.875rem', '1.25rem'],
base: ['1rem', '1.5rem'],
lg: ['1.125rem', '1.75rem'],
xl: ['1.25rem', '1.75rem'],
'2xl': ['1.5rem', '2rem'],
'3xl': ['1.875rem', '2.25rem'],
'4xl': ['2.25rem', '2.5rem'],
'5xl': ['3rem', '1'],
'6xl': ['3.75rem', '1'],
'7xl': ['4.5rem', '1'],
'8xl': ['6rem', '1'],
'9xl': ['8rem', '1'],
},
},
rules: [
['(overline|underline|line-through)', 'textDecorationLine'],
['text-', colorFromTheme({ section: 'colors', property: 'color' })],
[
'text-',
fromTheme('fontSize', ({ _ }) =>
typeof _ == 'string'
? { fontSize: _ }
: {
fontSize: _[0],
...(typeof _[1] == 'string' ? { lineHeight: _[1] } : _[1]),
},
),
],
],
},
virtual(),
)
// tw('text-base prose-slate prose xl:text-xl')
assert.strictEqual(
tw(
'prose(& lg:xl slate dark:invert) prose-headings:underline prose-code:text-amber-600 hover:prose-code:text-amber-500',
),
'prose prose-slate lg:prose-xl prose-code:text-amber-600 prose-headings:underline hover:prose-code:text-amber-500 dark:prose-invert',
)
assert.strictEqual(tw('lead'), 'lead')
assert.strictEqual(tw('not-prose'), 'not-prose')
assert.deepEqual(tw.target, [
'.prose{--tw-prose-body:rgba(55,65,81,1);--tw-prose-headings:rgba(17,24,39,1);--tw-prose-lead:rgba(75,85,99,1);--tw-prose-links:rgba(17,24,39,1);--tw-prose-bold:rgba(17,24,39,1);--tw-prose-counters:rgba(107,114,128,1);--tw-prose-bullets:rgba(209,213,219,1);--tw-prose-hr:rgba(229,231,235,1);--tw-prose-quotes:rgba(17,24,39,1);--tw-prose-quote-borders:rgba(229,231,235,1);--tw-prose-captions:rgba(107,114,128,1);--tw-prose-code:rgba(17,24,39,1);--tw-prose-pre-code:rgba(229,231,235,1);--tw-prose-pre-bg:rgba(31,41,55,1);--tw-prose-th-borders:rgba(209,213,219,1);--tw-prose-td-borders:rgba(229,231,235,1);--tw-prose-invert-body:rgba(209,213,219,1);--tw-prose-invert-headings:rgba(255,255,255,1);--tw-prose-invert-lead:rgba(156,163,175,1);--tw-prose-invert-links:rgba(255,255,255,1);--tw-prose-invert-bold:rgba(255,255,255,1);--tw-prose-invert-counters:rgba(156,163,175,1);--tw-prose-invert-bullets:rgba(75,85,99,1);--tw-prose-invert-hr:rgba(55,65,81,1);--tw-prose-invert-quotes:rgba(243,244,246,1);--tw-prose-invert-quote-borders:rgba(55,65,81,1);--tw-prose-invert-captions:rgba(156,163,175,1);--tw-prose-invert-code:rgba(255,255,255,1);--tw-prose-invert-pre-code:rgba(209,213,219,1);--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:rgba(75,85,99,1);--tw-prose-invert-td-borders:rgba(55,65,81,1)}',
'.prose-slate{--tw-prose-body:rgba(51,65,85,1);--tw-prose-headings:rgba(15,23,42,1);--tw-prose-lead:rgba(71,85,105,1);--tw-prose-links:rgba(15,23,42,1);--tw-prose-bold:rgba(15,23,42,1);--tw-prose-counters:rgba(100,116,139,1);--tw-prose-bullets:rgba(203,213,225,1);--tw-prose-hr:rgba(226,232,240,1);--tw-prose-quotes:rgba(15,23,42,1);--tw-prose-quote-borders:rgba(226,232,240,1);--tw-prose-captions:rgba(100,116,139,1);--tw-prose-code:rgba(15,23,42,1);--tw-prose-pre-code:rgba(226,232,240,1);--tw-prose-pre-bg:rgba(30,41,59,1);--tw-prose-th-borders:rgba(203,213,225,1);--tw-prose-td-borders:rgba(226,232,240,1);--tw-prose-invert-body:rgba(203,213,225,1);--tw-prose-invert-headings:rgba(255,255,255,1);--tw-prose-invert-lead:rgba(148,163,184,1);--tw-prose-invert-links:rgba(255,255,255,1);--tw-prose-invert-bold:rgba(255,255,255,1);--tw-prose-invert-counters:rgba(148,163,184,1);--tw-prose-invert-bullets:rgba(71,85,105,1);--tw-prose-invert-hr:rgba(51,65,85,1);--tw-prose-invert-quotes:rgba(241,245,249,1);--tw-prose-invert-quote-borders:rgba(51,65,85,1);--tw-prose-invert-captions:rgba(148,163,184,1);--tw-prose-invert-code:rgba(255,255,255,1);--tw-prose-invert-pre-code:rgba(203,213,225,1);--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:rgba(71,85,105,1);--tw-prose-invert-td-borders:rgba(51,65,85,1)}',
'.prose :where(a):not(:where(.not-prose *)){color:var(--tw-prose-links);text-decoration-line:underline;font-weight:500}',
'.prose :where(strong):not(:where(.not-prose *)){color:var(--tw-prose-bold);font-weight:600}',
'.prose :where(a strong,blockquote strong,thead th strong):not(:where(.not-prose *)){color:inherit}',
'.prose :where(ul):not(:where(.not-prose *)){list-style-type:disc}',
'.prose :where(ol):not(:where(.not-prose *)){list-style-type:decimal}',
'.prose :where(ol[type="A"]):not(:where(.not-prose *)){list-style-type:upper-alpha}',
'.prose :where(ol[type="a"]):not(:where(.not-prose *)){list-style-type:lower-alpha}',
'.prose :where(ol[type="A" s]):not(:where(.not-prose *)){list-style-type:upper-alpha}',
'.prose :where(ol[type="a" s]):not(:where(.not-prose *)){list-style-type:lower-alpha}',
'.prose :where(ol[type="I"]):not(:where(.not-prose *)){list-style-type:upper-roman}',
'.prose :where(ol[type="i"]):not(:where(.not-prose *)){list-style-type:lower-roman}',
'.prose :where(ol[type="I" s]):not(:where(.not-prose *)){list-style-type:upper-roman}',
'.prose :where(ol[type="i" s]):not(:where(.not-prose *)){list-style-type:lower-roman}',
'.prose :where(ol[type="1"]):not(:where(.not-prose *)){list-style-type:decimal}',
'.prose :where(ol,ul):not(:where(.not-prose *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}',
'.prose :where(li):not(:where(.not-prose *)){margin-top:.5em;margin-bottom:.5em}',
'.prose :where(ol>li):not(:where(.not-prose *)),.prose :where(ul>li):not(:where(.not-prose *)){padding-left:.375em}',
'.prose>:where(ul>li p):not(:where(.not-prose *)){margin-top:.75em;margin-bottom:.75em}',
'.prose>:where(ul>li>*:first-child):not(:where(.not-prose *)),.prose>:where(ol>li>*:last-child):not(:where(.not-prose *)){margin-top:1.25em}',
'.prose>:where(ul>li>*:last-child):not(:where(.not-prose *)),.prose>:where(ol>li>*:last-child):not(:where(.not-prose *)){margin-bottom:1.25em}',
'.prose :where(ol>li):not(:where(.not-prose *))::marker{font-weight:400;color:var(--tw-prose-counters)}',
'.prose :where(ul>li):not(:where(.not-prose *))::marker{color:var(--tw-prose-bullets)}',
'.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where(.not-prose *)){margin-top:.75em;margin-bottom:.75em}',
'.prose :where(hr):not(:where(.not-prose *)){border-color:var(--tw-prose-hr);border-top-width:1;margin-top:3em;margin-bottom:3em}',
'.prose :where(blockquote):not(:where(.not-prose *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1em;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"}',
'.prose :where(blockquote p:first-of-type):not(:where(.not-prose *))::before{content:open-quote}',
'.prose :where(blockquote p:last-of-type):not(:where(.not-prose *))::after{content:close-quote}',
'.prose :where(p):not(:where(.not-prose *)){margin-top:1.25em;margin-bottom:1.25em}',
'.prose :where(h1):not(:where(.not-prose *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.889em;line-height:1.15}',
'.prose :where(h1 strong):not(:where(.not-prose *)){font-weight:900;color:inherit}',
'.prose :where(h2):not(:where(.not-prose *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.35}',
'.prose :where(h2 strong):not(:where(.not-prose *)){font-weight:800;color:inherit}',
'.prose :where(h3):not(:where(.not-prose *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}',
'.prose :where(h3 strong):not(:where(.not-prose *)){font-weight:700;color:inherit}',
'.prose :where(h4):not(:where(.not-prose *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}',
'.prose :where(h4 strong):not(:where(.not-prose *)){font-weight:700;color:inherit}',
'.prose :where(hr+*,h2+*,h3+*,h4+*):not(:where(.not-prose *)){margin-top:0}',
'.prose :where(img,video,figure):not(:where(.not-prose *)){margin-top:2em;margin-bottom:2em}',
'.prose :where(figure>*):not(:where(.not-prose *)){margin-top:0;margin-bottom:0}',
'.prose :where(figcaption):not(:where(.not-prose *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4;margin-top:.857em}',
'.prose :where(code):not(:where(.not-prose *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}',
'.prose :where(code):not(:where(.not-prose *))::before,.prose :where(code):not(:where(.not-prose *))::after{content:"`"}',
'.prose :where(h2 code):not(:where(.not-prose *)){font-size:.875em}',
'.prose :where(h3 code):not(:where(.not-prose *)){font-size:.9em}',
'.prose :where(a code,h1 code,h2 code,h3 code,h4 code,blockquote code,thead th code):not(:where(.not-prose *)){color:inherit}',
'.prose :where(pre):not(:where(.not-prose *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7;margin-top:1.714em;margin-bottom:1.714em;border-radius:0.375rem;padding-top:.857em;padding-right:1.143em;padding-bottom:.857em;padding-left:1.143em}',
'.prose :where(pre code):not(:where(.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(.not-prose *))::before{content:none}',
'.prose :where(pre code):not(:where(.not-prose *))::after{content:none}',
'.prose :where(table):not(:where(.not-prose *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7}',
'.prose :where(thead):not(:where(.not-prose *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}',
'.prose :where(thead th):not(:where(.not-prose *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.571em;padding-bottom:.571em;padding-left:.571em}',
'.prose :where(thead th:first-child):not(:where(.not-prose *)){padding-left:0}',
'.prose :where(thead th:last-child):not(:where(.not-prose *)){padding-right:0}',
'.prose :where(tbody tr):not(:where(.not-prose *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}',
'.prose :where(tbody tr:last-child):not(:where(.not-prose *)){border-bottom-width:0}',
'.prose :where(tbody td,tfoot td):not(:where(.not-prose *)){vertical-align:baseline;padding-top:.571em;padding-right:.571em;padding-bottom:.571em;padding-left:.571em}',
'.prose :where(tbody td:first-child):not(:where(.not-prose *)),.prose :where(tfoot td:first-child):not(:where(.not-prose *)){padding-left:0}',
'.prose :where(tbody td:last-child):not(:where(.not-prose *)),.prose :where(tfoot td:last-child):not(:where(.not-prose *)){padding-right:0}',
'.prose :where(.lead):not(:where(.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(:first-child):not(:where(.not-prose *)){margin-top:0}',
'.prose>:where(:last-child):not(:where(.not-prose *)){margin-bottom:0}',
'.prose{font-size:1rem;line-height:1.5rem;color:var(--tw-prose-body);max-width:65ch}',
'@media (min-width:1024px){.lg\\:prose-xl{font-size:1.25rem;line-height:1.75rem}}',
'.prose-code\\:text-amber-600 :is(:where(code):not(:where(.not-prose *))){--tw-text-opacity:1;color:rgba(217,119,6,var(--tw-text-opacity))}',
'.prose-headings\\:underline :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where(.not-prose *))){text-decoration-line:underline}',
'.hover\\:prose-code\\:text-amber-500:hover :is(:where(code):not(:where(.not-prose *))){--tw-text-opacity:1;color:rgba(245,158,11,var(--tw-text-opacity))}',
'@media (prefers-color-scheme:dark){.dark\\:prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}}',
])
})
test('using typography defaults with hash', () => {
const tw = twind(
{
presets: [presetTypography()],
hash: true,
theme: {
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
spacing: {
none: 'none',
full: '100%',
sm: '1rem',
base: '1.2rem',
md: '1.5rem',
lg: '2rem',
xl: '3rem',
0: '0px',
'1': '.25rem',
'0.5': '0.5rem',
'2': '1rem',
'2.5': '1.125rem',
'6': '1.5rem',
'9': '2.5rem',
'12': '3rem',
},
// 'max-w': {
// prose: '80ch',
// },
colors: {
gray: {
50: '#f9fafb',
100: '#f3f4f6',
200: '#e5e7eb',
300: '#d1d5db',
400: '#9ca3af',
500: '#6b7280',
600: '#4b5563',
700: '#374151',
800: '#1f2937',
900: '#111827',
},
slate: {
50: '#f8fafc',
100: '#f1f5f9',
200: '#e2e8f0',
300: '#cbd5e1',
400: '#94a3b8',
500: '#64748b',
600: '#475569',
700: '#334155',
800: '#1e293b',
900: '#0f172a',
},
amber: {
50: '#fffbeb',
100: '#fef3c7',
200: '#fde68a',
300: '#fcd34d',
400: '#fbbf24',
500: '#f59e0b',
600: '#d97706',
700: '#b45309',
800: '#92400e',
900: '#78350f',
},
},
fontSize: {
xs: ['0.75rem', '1rem'],
sm: ['0.875rem', '1.25rem'],
base: ['1rem', '1.5rem'],
lg: ['1.125rem', '1.75rem'],
xl: ['1.25rem', '1.75rem'],
'2xl': ['1.5rem', '2rem'],
'3xl': ['1.875rem', '2.25rem'],
'4xl': ['2.25rem', '2.5rem'],
'5xl': ['3rem', '1'],
'6xl': ['3.75rem', '1'],
'7xl': ['4.5rem', '1'],
'8xl': ['6rem', '1'],
'9xl': ['8rem', '1'],
},
},
rules: [
['(overline|underline|line-through)', 'textDecorationLine'],
['text-', colorFromTheme({ section: 'colors', property: 'color' })],
[
'text-',
fromTheme('fontSize', ({ _ }) =>
typeof _ == 'string'
? { fontSize: _ }
: {
fontSize: _[0],
...(typeof _[1] == 'string' ? { lineHeight: _[1] } : _[1]),
},
),
],
],
},
virtual(),
)
// tw('text-base prose-slate prose xl:text-xl')
assert.strictEqual(
tw(
'prose(& lg:xl slate dark:invert) prose-headings:underline prose-code:text-amber-600 hover:prose-code:text-amber-500',
),
'#1z0w46z #1i7v611 #xi8du6 #1yaucks #1laqzib #xcnab7 #hfhb9v',
)
assert.strictEqual(tw('lead'), '#ibmvbi')
assert.strictEqual(tw('not-prose'), '#1mqzbow')
assert.deepEqual(tw.target, [
'.\\#1z0w46z{--1bua8di:rgba(55,65,81,1);--1o5z0xy:rgba(17,24,39,1);--folvks:rgba(75,85,99,1);--16u5zgg:rgba(17,24,39,1);--bhfl92:rgba(17,24,39,1);--1kjjz44:rgba(107,114,128,1);--19q2u97:rgba(209,213,219,1);--1qo08gk:rgba(229,231,235,1);--9q388q:rgba(17,24,39,1);--1cj85eu:rgba(229,231,235,1);--wv6c7n:rgba(107,114,128,1);--15tx0xb:rgba(17,24,39,1);--3tpeom:rgba(229,231,235,1);--1y071n0:rgba(31,41,55,1);--g4d6f8:rgba(209,213,219,1);--1y60qqm:rgba(229,231,235,1);--ljvtqj:rgba(209,213,219,1);--74m5do:rgba(255,255,255,1);--l5ryfb:rgba(156,163,175,1);--i2q4dp:rgba(255,255,255,1);--1l73e9l:rgba(255,255,255,1);--92z57j:rgba(156,163,175,1);--nok7ax:rgba(75,85,99,1);--1c9wukj:rgba(55,65,81,1);--rsluvb:rgba(243,244,246,1);--f6bcam:rgba(55,65,81,1);--1xcigj9:rgba(156,163,175,1);--18bq48t:rgba(255,255,255,1);--1rws71r:rgba(209,213,219,1);--bgens:rgb(0 0 0 / 50%);--wmgie0:rgba(75,85,99,1);--1p3a1ne:rgba(55,65,81,1)}',
'.\\#1i7v611{--1bua8di:rgba(51,65,85,1);--1o5z0xy:rgba(15,23,42,1);--folvks:rgba(71,85,105,1);--16u5zgg:rgba(15,23,42,1);--bhfl92:rgba(15,23,42,1);--1kjjz44:rgba(100,116,139,1);--19q2u97:rgba(203,213,225,1);--1qo08gk:rgba(226,232,240,1);--9q388q:rgba(15,23,42,1);--1cj85eu:rgba(226,232,240,1);--wv6c7n:rgba(100,116,139,1);--15tx0xb:rgba(15,23,42,1);--3tpeom:rgba(226,232,240,1);--1y071n0:rgba(30,41,59,1);--g4d6f8:rgba(203,213,225,1);--1y60qqm:rgba(226,232,240,1);--ljvtqj:rgba(203,213,225,1);--74m5do:rgba(255,255,255,1);--l5ryfb:rgba(148,163,184,1);--i2q4dp:rgba(255,255,255,1);--1l73e9l:rgba(255,255,255,1);--92z57j:rgba(148,163,184,1);--nok7ax:rgba(71,85,105,1);--1c9wukj:rgba(51,65,85,1);--rsluvb:rgba(241,245,249,1);--f6bcam:rgba(51,65,85,1);--1xcigj9:rgba(148,163,184,1);--18bq48t:rgba(255,255,255,1);--1rws71r:rgba(203,213,225,1);--bgens:rgb(0 0 0 / 50%);--wmgie0:rgba(71,85,105,1);--1p3a1ne:rgba(51,65,85,1)}',
'.\\#1z0w46z :where(a):not(:where(.\\#1mqzbow *)){color:var(--16u5zgg);text-decoration-line:underline;font-weight:500}',
'.\\#1z0w46z :where(strong):not(:where(.\\#1mqzbow *)){color:var(--bhfl92);font-weight:600}',
'.\\#1z0w46z :where(a strong,blockquote strong,thead th strong):not(:where(.\\#1mqzbow *)){color:inherit}',
'.\\#1z0w46z :where(ul):not(:where(.\\#1mqzbow *)){list-style-type:disc}',
'.\\#1z0w46z :where(ol):not(:where(.\\#1mqzbow *)){list-style-type:decimal}',
'.\\#1z0w46z :where(ol[type="A"]):not(:where(.\\#1mqzbow *)){list-style-type:upper-alpha}',
'.\\#1z0w46z :where(ol[type="a"]):not(:where(.\\#1mqzbow *)){list-style-type:lower-alpha}',
'.\\#1z0w46z :where(ol[type="A" s]):not(:where(.\\#1mqzbow *)){list-style-type:upper-alpha}',
'.\\#1z0w46z :where(ol[type="a" s]):not(:where(.\\#1mqzbow *)){list-style-type:lower-alpha}',
'.\\#1z0w46z :where(ol[type="I"]):not(:where(.\\#1mqzbow *)){list-style-type:upper-roman}',
'.\\#1z0w46z :where(ol[type="i"]):not(:where(.\\#1mqzbow *)){list-style-type:lower-roman}',
'.\\#1z0w46z :where(ol[type="I" s]):not(:where(.\\#1mqzbow *)){list-style-type:upper-roman}',
'.\\#1z0w46z :where(ol[type="i" s]):not(:where(.\\#1mqzbow *)){list-style-type:lower-roman}',
'.\\#1z0w46z :where(ol[type="1"]):not(:where(.\\#1mqzbow *)){list-style-type:decimal}',
'.\\#1z0w46z :where(ol,ul):not(:where(.\\#1mqzbow *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}',
'.\\#1z0w46z :where(li):not(:where(.\\#1mqzbow *)){margin-top:.5em;margin-bottom:.5em}',
'.\\#1z0w46z :where(ol>li):not(:where(.\\#1mqzbow *)),.\\#1z0w46z :where(ul>li):not(:where(.\\#1mqzbow *)){padding-left:.375em}',
'.\\#1z0w46z>:where(ul>li p):not(:where(.\\#1mqzbow *)){margin-top:.75em;margin-bottom:.75em}',
'.\\#1z0w46z>:where(ul>li>*:first-child):not(:where(.\\#1mqzbow *)),.\\#1z0w46z>:where(ol>li>*:last-child):not(:where(.\\#1mqzbow *)){margin-top:1.25em}',
'.\\#1z0w46z>:where(ul>li>*:last-child):not(:where(.\\#1mqzbow *)),.\\#1z0w46z>:where(ol>li>*:last-child):not(:where(.\\#1mqzbow *)){margin-bottom:1.25em}',
'.\\#1z0w46z :where(ol>li):not(:where(.\\#1mqzbow *))::marker{font-weight:400;color:var(--1kjjz44)}',
'.\\#1z0w46z :where(ul>li):not(:where(.\\#1mqzbow *))::marker{color:var(--19q2u97)}',
'.\\#1z0w46z :where(ul ul,ul ol,ol ul,ol ol):not(:where(.\\#1mqzbow *)){margin-top:.75em;margin-bottom:.75em}',
'.\\#1z0w46z :where(hr):not(:where(.\\#1mqzbow *)){border-color:var(--1qo08gk);border-top-width:1;margin-top:3em;margin-bottom:3em}',
'.\\#1z0w46z :where(blockquote):not(:where(.\\#1mqzbow *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1em;font-weight:500;font-style:italic;color:var(--9q388q);border-left-width:0.25rem;border-left-color:var(--1cj85eu);quotes:"\\201C""\\201D""\\2018""\\2019"}',
'.\\#1z0w46z :where(blockquote p:first-of-type):not(:where(.\\#1mqzbow *))::before{content:open-quote}',
'.\\#1z0w46z :where(blockquote p:last-of-type):not(:where(.\\#1mqzbow *))::after{content:close-quote}',
'.\\#1z0w46z :where(p):not(:where(.\\#1mqzbow *)){margin-top:1.25em;margin-bottom:1.25em}',
'.\\#1z0w46z :where(h1):not(:where(.\\#1mqzbow *)){color:var(--1o5z0xy);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.889em;line-height:1.15}',
'.\\#1z0w46z :where(h1 strong):not(:where(.\\#1mqzbow *)){font-weight:900;color:inherit}',
'.\\#1z0w46z :where(h2):not(:where(.\\#1mqzbow *)){color:var(--1o5z0xy);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.35}',
'.\\#1z0w46z :where(h2 strong):not(:where(.\\#1mqzbow *)){font-weight:800;color:inherit}',
'.\\#1z0w46z :where(h3):not(:where(.\\#1mqzbow *)){color:var(--1o5z0xy);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}',
'.\\#1z0w46z :where(h3 strong):not(:where(.\\#1mqzbow *)){font-weight:700;color:inherit}',
'.\\#1z0w46z :where(h4):not(:where(.\\#1mqzbow *)){color:var(--1o5z0xy);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}',
'.\\#1z0w46z :where(h4 strong):not(:where(.\\#1mqzbow *)){font-weight:700;color:inherit}',
'.\\#1z0w46z :where(hr+*,h2+*,h3+*,h4+*):not(:where(.\\#1mqzbow *)){margin-top:0}',
'.\\#1z0w46z :where(img,video,figure):not(:where(.\\#1mqzbow *)){margin-top:2em;margin-bottom:2em}',
'.\\#1z0w46z :where(figure>*):not(:where(.\\#1mqzbow *)){margin-top:0;margin-bottom:0}',
'.\\#1z0w46z :where(figcaption):not(:where(.\\#1mqzbow *)){color:var(--wv6c7n);font-size:.875em;line-height:1.4;margin-top:.857em}',
'.\\#1z0w46z :where(code):not(:where(.\\#1mqzbow *)){color:var(--15tx0xb);font-weight:600;font-size:.875em}',
'.\\#1z0w46z :where(code):not(:where(.\\#1mqzbow *))::before,.\\#1z0w46z :where(code):not(:where(.\\#1mqzbow *))::after{content:"`"}',
'.\\#1z0w46z :where(h2 code):not(:where(.\\#1mqzbow *)){font-size:.875em}',
'.\\#1z0w46z :where(h3 code):not(:where(.\\#1mqzbow *)){font-size:.9em}',
'.\\#1z0w46z :where(a code,h1 code,h2 code,h3 code,h4 code,blockquote code,thead th code):not(:where(.\\#1mqzbow *)){color:inherit}',
'.\\#1z0w46z :where(pre):not(:where(.\\#1mqzbow *)){color:var(--3tpeom);background-color:var(--1y071n0);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7;margin-top:1.714em;margin-bottom:1.714em;border-radius:0.375rem;padding-top:.857em;padding-right:1.143em;padding-bottom:.857em;padding-left:1.143em}',
'.\\#1z0w46z :where(pre code):not(:where(.\\#1mqzbow *)){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}',
'.\\#1z0w46z :where(pre code):not(:where(.\\#1mqzbow *))::before{content:none}',
'.\\#1z0w46z :where(pre code):not(:where(.\\#1mqzbow *))::after{content:none}',
'.\\#1z0w46z :where(table):not(:where(.\\#1mqzbow *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7}',
'.\\#1z0w46z :where(thead):not(:where(.\\#1mqzbow *)){border-bottom-width:1px;border-bottom-color:var(--g4d6f8)}',
'.\\#1z0w46z :where(thead th):not(:where(.\\#1mqzbow *)){color:var(--1o5z0xy);font-weight:600;vertical-align:bottom;padding-right:.571em;padding-bottom:.571em;padding-left:.571em}',
'.\\#1z0w46z :where(thead th:first-child):not(:where(.\\#1mqzbow *)){padding-left:0}',
'.\\#1z0w46z :where(thead th:last-child):not(:where(.\\#1mqzbow *)){padding-right:0}',
'.\\#1z0w46z :where(tbody tr):not(:where(.\\#1mqzbow *)){border-bottom-width:1px;border-bottom-color:var(--1y60qqm)}',
'.\\#1z0w46z :where(tbody tr:last-child):not(:where(.\\#1mqzbow *)){border-bottom-width:0}',
'.\\#1z0w46z :where(tbody td,tfoot td):not(:where(.\\#1mqzbow *)){vertical-align:baseline;padding-top:.571em;padding-right:.571em;padding-bottom:.571em;padding-left:.571em}',
'.\\#1z0w46z :where(tbody td:first-child):not(:where(.\\#1mqzbow *)),.\\#1z0w46z :where(tfoot td:first-child):not(:where(.\\#1mqzbow *)){padding-left:0}',
'.\\#1z0w46z :where(tbody td:last-child):not(:where(.\\#1mqzbow *)),.\\#1z0w46z :where(tfoot td:last-child):not(:where(.\\#1mqzbow *)){padding-right:0}',
'.\\#1z0w46z :where(.\\#ibmvbi):not(:where(.\\#1mqzbow *)){color:var(--folvks);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}',
'.\\#1z0w46z>:where(:first-child):not(:where(.\\#1mqzbow *)){margin-top:0}',
'.\\#1z0w46z>:where(:last-child):not(:where(.\\#1mqzbow *)){margin-bottom:0}',
'.\\#1z0w46z{font-size:1rem;line-height:1.5rem;color:var(--1bua8di);max-width:65ch}',
'@media (min-width:1024px){.\\#xi8du6{font-size:1.25rem;line-height:1.75rem}}',
'.\\#1yaucks :is(:where(code):not(:where(.\\#1mqzbow *))){--dxr4o8:1;color:rgba(217,119,6,var(--dxr4o8))}',
'.\\#1laqzib :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where(.\\#1mqzbow *))){text-decoration-line:underline}',
'.\\#xcnab7:hover :is(:where(code):not(:where(.\\#1mqzbow *))){--dxr4o8:1;color:rgba(245,158,11,var(--dxr4o8))}',
'@media (prefers-color-scheme:dark){.\\#hfhb9v{--1bua8di:var(--ljvtqj);--1o5z0xy:var(--74m5do);--folvks:var(--l5ryfb);--16u5zgg:var(--i2q4dp);--bhfl92:var(--1l73e9l);--1kjjz44:var(--92z57j);--19q2u97:var(--nok7ax);--1qo08gk:var(--1c9wukj);--9q388q:var(--rsluvb);--1cj85eu:var(--f6bcam);--wv6c7n:var(--1xcigj9);--15tx0xb:var(--18bq48t);--3tpeom:var(--1rws71r);--1y071n0:var(--bgens);--g4d6f8:var(--wmgie0);--1y60qqm:var(--1p3a1ne)}}',
])
})