/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: 'Source Sans 3', sans-serif; --font-serif: 'Valkyrie A', serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-gray-900: oklch(21% 0.034 264.665); --color-zinc-100: oklch(96.7% 0.001 286.375); --color-zinc-300: oklch(87.1% 0.006 286.286); --color-zinc-700: oklch(37% 0.013 285.805); --spacing: 0.25rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --font-weight-light: 300; --font-weight-normal: 400; --leading-relaxed: 1.625; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --font-index: 'Concourse Index', sans-serif; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } } @layer utilities { .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .prose-list-snazzy { & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { list-style-type: none; } & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { list-style-type: none; } & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-left: calc(var(--spacing) * 2); } & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); position: absolute; } } & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); font-family: var(--font-index); } } & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); font-size: 1.1em; } } & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &>li { &::before { content: var(--tw-content); margin-left: calc(2.2em * -1); } } } & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &>li { &::before { --tw-content: attr(value); content: var(--tw-content); } } } & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &>li { &::before { content: var(--tw-content); margin-left: calc(2.15em * -1); } } } & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &>li { &::before { --tw-content: '•'; content: var(--tw-content); } } } [role='doc-endnotes'] { font-size: 0.8em; } [role='doc-backlink'] { margin-right: calc(var(--spacing) * 1); margin-left: calc(var(--spacing) * -8); color: rgb(var(--pine-color)); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); &:hover { @media (hover: hover) { background-color: rgb(var(--rose-color)); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, rgb(var(--rose-color)) 15%, transparent); } } } @media (prefers-color-scheme: dark) { color: rgb(var(--foam-color)); } font-size: 1.2em; } [role='doc-backlink']::after { content: '↵'; } } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .-top-\[0\.33em\] { top: calc(0.33em * -1); } .top-1\/2 { top: calc(1/2 * 100%); } .top-1\/4 { top: calc(1/4 * 100%); } .right-0 { right: calc(var(--spacing) * 0); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1/2 * 100%); } .left-1\/3 { left: calc(1/3 * 100%); } .col-span-1 { grid-column: span 1 / span 1; } .col-span-3 { grid-column: span 3 / span 3; } .prose-table-snazzy { & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { table-layout: auto; } & :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-variant: normal; } & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-align: start; } & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-family: var(--font-sans); } & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-inline: calc(var(--spacing) * 2); } & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 1); } & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-top-style: var(--tw-border-style); border-top-width: 1px; } & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-top-color: rgb(var(--muted-color)); } } .mx-auto { margin-inline: auto; } .\!my-1 { margin-block: calc(var(--spacing) * 1) !important; } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-auto { margin-block: auto; } .prose { color: var(--tw-prose-body); max-width: 65ch; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-prose"],[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; } :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-prose"],[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; } :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-prose"],[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; } :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(pre):not(:where([class~="not-prose"],[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-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } :where(pre code):not(:where([class~="not-prose"],[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; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } --tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); font-size: 1rem; line-height: 1.75; :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } .prose-lg { font-size: 1.109375rem; line-height: 1.6; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2222222em; line-height: 1.4545455; margin-top: 1.0909091em; margin-bottom: 1.0909091em; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6666667em; margin-bottom: 1.6666667em; padding-inline-start: 1em; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1em; margin-top: 0; margin-bottom: 0.3em; line-height: 1; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1em; margin-top: 1.8666667em; margin-bottom: 0.3em; line-height: 1.3333333; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1em; margin-top: 1.6666667em; margin-bottom: 0.3em; line-height: 1.5; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 0.3em; line-height: 1.5555556; font-size: 1em; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; border-radius: 0.3125rem; padding-top: 0.2222222em; padding-inline-end: 0.4444444em; padding-bottom: 0.2222222em; padding-inline-start: 0.4444444em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8666667em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; } :where(pre):not(:where([class~="not-prose"],[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-inline-end: 1.5em; padding-bottom: 1em; padding-inline-start: 1.5em; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5555556em; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5555556em; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6666667em; margin-bottom: 0.6666667em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4444444em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4444444em; } :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6666667em; padding-inline-start: 1.5555556em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 3.1111111em; margin-bottom: 3.1111111em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.5; } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0.75em; padding-bottom: 0.75em; padding-inline-start: 0.75em; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.75em; padding-inline-end: 0.75em; padding-bottom: 0.75em; padding-inline-start: 0.75em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.5; margin-top: 1em; } :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } .prose-xl { font-size: 1.25rem; line-height: 1.6; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2em; line-height: 1.5; margin-top: 1em; margin-bottom: 1em; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1.0666667em; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1em; margin-top: 0; margin-bottom: 0.3em; line-height: 1; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1em; margin-top: 1.5555556em; margin-bottom: 0.3em; line-height: 1.1111111; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1em; margin-top: 1.6em; margin-bottom: 0.3em; line-height: 1.3333333; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.8em; margin-bottom: 0.3em; line-height: 1.6; font-size: 1em; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; border-radius: 0.3125rem; padding-top: 0.25em; padding-inline-end: 0.4em; padding-bottom: 0.25em; padding-inline-start: 0.4em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8611111em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.7777778; margin-top: 2em; margin-bottom: 2em; border-radius: 0.5rem; padding-top: 1.1111111em; padding-inline-end: 1.3333333em; padding-bottom: 1.1111111em; padding-inline-start: 1.3333333em; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-start: 1.6em; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-start: 1.6em; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6em; margin-bottom: 0.6em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4em; } :where(.prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; } :where(.prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } :where(.prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.2em; } :where(.prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } :where(.prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.2em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6em; padding-inline-start: 1.6em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2.8em; margin-bottom: 2.8em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.5555556; } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0.6666667em; padding-bottom: 0.8888889em; padding-inline-start: 0.6666667em; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.8888889em; padding-inline-end: 0.6666667em; padding-bottom: 0.8888889em; padding-inline-start: 0.6666667em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.5555556; margin-top: 1em; } :where(.prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-\[3px\] { margin-top: 3px; } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .\!mb-0 { margin-bottom: calc(var(--spacing) * 0) !important; } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-auto { margin-left: auto; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .aspect-square { aspect-ratio: 1 / 1; } .h-5\/8 { height: calc(5/8 * 100%); } .h-24 { height: calc(var(--spacing) * 24); } .h-40 { height: calc(var(--spacing) * 40); } .h-\[31px\] { height: 31px; } .h-\[200px\] { height: 200px; } .h-min { height: min-content; } .max-h-\[200px\] { max-height: 200px; } .min-h-\[50px\] { min-height: 50px; } .w-0 { width: calc(var(--spacing) * 0); } .w-1\/3 { width: calc(1/3 * 100%); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-48 { width: calc(var(--spacing) * 48); } .w-64 { width: calc(var(--spacing) * 64); } .w-\[24px\] { width: 24px; } .w-\[88px\] { width: 88px; } .w-fit { width: fit-content; } .w-full { width: 100%; } .max-w-10 { max-width: calc(var(--spacing) * 10); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-80 { max-width: calc(var(--spacing) * 80); } .max-w-\[1200px\] { max-width: 1200px; } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-none { flex: none; } .-translate-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1\/3 { --tw-translate-x: calc(calc(1/3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/3 { --tw-translate-x: calc(1/3 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/4 { --tw-translate-y: calc(calc(1/4 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[6px\] { --tw-translate-y: calc(6px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/4 { --tw-translate-y: calc(1/4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-gradient-move { animation: gradient-move 4s ease-in-out infinite alternate; } .cursor-pointer { cursor: pointer; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .content-center { align-content: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-\[7\.5px\] { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(7.5px * var(--tw-space-y-reverse)); margin-block-end: calc(7.5px * calc(1 - var(--tw-space-y-reverse))); } } .space-y-\[7\.33px\] { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(7.33px * var(--tw-space-y-reverse)); margin-block-end: calc(7.33px * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .space-x-6 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-dashed { :where(& > :not(:last-child)) { --tw-border-style: dashed; border-style: dashed; } } .divide-foreground { :where(& > :not(:last-child)) { border-color: rgb(var(--foreground-color)); } } .overflow-x-auto { overflow-x: auto; } .scroll-smooth { scroll-behavior: smooth; } .rounded-md { border-radius: var(--radius-md); } .rounded-sm { border-radius: var(--radius-sm); } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-1 { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-muted { border-color: rgb(var(--muted-color)); } .border-slate-200 { border-color: var(--color-slate-200); } .border-zinc-300 { border-color: var(--color-zinc-300); } .border-t-foreground { border-top-color: rgb(var(--foreground-color)); } .border-b-foreground { border-bottom-color: rgb(var(--foreground-color)); } .border-b-love { border-bottom-color: rgb(var(--love-color)); } .border-l-foreground { border-left-color: rgb(var(--foreground-color)); } .border-l-subtle { border-left-color: rgb(var(--subtle-color)); } .text-link { color: rgb(var(--pine-color)); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); &:hover { @media (hover: hover) { background-color: rgb(var(--rose-color)); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, rgb(var(--rose-color)) 15%, transparent); } } } @media (prefers-color-scheme: dark) { color: rgb(var(--foam-color)); } } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-gradient-to-bl { --tw-gradient-position: to bottom left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-tl { --tw-gradient-position: to top left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-iris { --tw-gradient-from: rgb(var(--iris-color)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-love { --tw-gradient-from: rgb(var(--love-color)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-foam { --tw-gradient-to: rgb(var(--foam-color)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pine { --tw-gradient-to: rgb(var(--pine-color)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-\[length\:200\%_auto\] { background-size: 200% auto; } .object-cover { object-fit: cover; } .p-1 { padding: calc(var(--spacing) * 1); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-4 { padding-block: calc(var(--spacing) * 4); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .text-center { text-align: center; } .font-index { font-family: var(--font-index); } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-\[0\.8em\] { font-size: 0.8em; } .text-\[0\.9em\] { font-size: 0.9em; } .text-\[0\.83em\] { font-size: 0.83em; } .text-\[0\.88em\] { font-size: 0.88em; } .text-\[2\.5em\] { font-size: 2.5em; } .text-\[3em\] { font-size: 3em; } .leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; } .leading-\[1\.5em\] { --tw-leading: 1.5em; line-height: 1.5em; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .text-nowrap { text-wrap: nowrap; } .\!text-foreground { color: rgb(var(--foreground-color)) !important; } .text-bg { color: rgb(var(--bg-color)); } .text-foreground { color: rgb(var(--foreground-color)); } .text-iris { color: rgb(var(--iris-color)); } .text-love { color: rgb(var(--love-color)); } .text-muted { color: rgb(var(--muted-color)); } .text-subtle { color: rgb(var(--subtle-color)); } .text-zinc-100 { color: var(--color-zinc-100); } .italic { font-style: italic; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mix-blend-difference { mix-blend-mode: difference; } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-gray-900 { --tw-shadow-color: oklch(21% 0.034 264.665); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-gray-900) var(--tw-shadow-alpha), transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .select-none { -webkit-user-select: none; user-select: none; } .all-smallcaps { font-variant: all-small-caps; } .smallcaps { font-variant: small-caps; } .group-hover\:text-bg { &:is(:where(.group):hover *) { @media (hover: hover) { color: rgb(var(--bg-color)); } } } .group-hover\/child\:text-bg { &:is(:where(.group\/child):hover *) { @media (hover: hover) { color: rgb(var(--bg-color)); } } } .group-\[\.show-selected\]\:hidden { &:is(:where(.group):is(.show-selected) *) { display: none; } } .before\:my-auto { &::before { content: var(--tw-content); margin-block: auto; } } .before\:pr-2 { &::before { content: var(--tw-content); padding-right: calc(var(--spacing) * 2); } } .before\:text-\[0\.55em\] { &::before { content: var(--tw-content); font-size: 0.55em; } } .before\:text-foam { &::before { content: var(--tw-content); color: rgb(var(--foam-color)); } } .before\:content-\[\'○\'\] { &::before { --tw-content: '○'; content: var(--tw-content); } } .before\:content-\[\'●\'\] { &::before { --tw-content: '●'; content: var(--tw-content); } } .hover\:bg-foreground { &:hover { @media (hover: hover) { background-color: rgb(var(--foreground-color)); } } } .hover\:bg-love { &:hover { @media (hover: hover) { background-color: rgb(var(--love-color)); } } } .hover\:bg-love\/15 { &:hover { @media (hover: hover) { background-color: rgb(var(--love-color)); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, rgb(var(--love-color)) 15%, transparent); } } } } .hover\:bg-subtle\/50 { &:hover { @media (hover: hover) { background-color: rgb(var(--subtle-color)); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, rgb(var(--subtle-color)) 50%, transparent); } } } } .hover\:bg-surface { &:hover { @media (hover: hover) { background-color: rgb(var(--surface-color)); } } } .hover\:text-bg { &:hover { @media (hover: hover) { color: rgb(var(--bg-color)); } } } .hover\:text-love { &:hover { @media (hover: hover) { color: rgb(var(--love-color)); } } } .hover\:text-pine { &:hover { @media (hover: hover) { color: rgb(var(--pine-color)); } } } .hover\:brightness-75 { &:hover { @media (hover: hover) { --tw-brightness: brightness(75%); 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,); } } } .hover\:before\:content-\[\'●\'\] { &:hover { @media (hover: hover) { &::before { --tw-content: '●'; content: var(--tw-content); } } } } .sm\:text-2xl { @media (width >= 40rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:my-0 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 0); } } .md\:mt-2 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 2); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:grid { @media (width >= 48rem) { display: grid; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:inline-flex { @media (width >= 48rem) { display: inline-flex; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:gap-4 { @media (width >= 48rem) { gap: calc(var(--spacing) * 4); } } .md\:border-l-0 { @media (width >= 48rem) { border-left-style: var(--tw-border-style); border-left-width: 0px; } } .md\:border-l-2 { @media (width >= 48rem) { border-left-style: var(--tw-border-style); border-left-width: 2px; } } .md\:border-subtle { @media (width >= 48rem) { border-color: rgb(var(--subtle-color)); } } .md\:px-1 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 1); } } .md\:py-1 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 1); } } .md\:pl-2 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 2); } } .md\:text-3xl { @media (width >= 48rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .md\:text-lg { @media (width >= 48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .md\:text-xl { @media (width >= 48rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .lg\:prose-xl { @media (width >= 64rem) { font-size: 1.25rem; line-height: 1.6; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2em; line-height: 1.5; margin-top: 1em; margin-bottom: 1em; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1.0666667em; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1em; margin-top: 0; margin-bottom: 0.3em; line-height: 1; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1em; margin-top: 1.5555556em; margin-bottom: 0.3em; line-height: 1.1111111; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1em; margin-top: 1.6em; margin-bottom: 0.3em; line-height: 1.3333333; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.8em; margin-bottom: 0.3em; line-height: 1.6; font-size: 1em; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; border-radius: 0.3125rem; padding-top: 0.25em; padding-inline-end: 0.4em; padding-bottom: 0.25em; padding-inline-start: 0.4em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8611111em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.7777778; margin-top: 2em; margin-bottom: 2em; border-radius: 0.5rem; padding-top: 1.1111111em; padding-inline-end: 1.3333333em; padding-bottom: 1.1111111em; padding-inline-start: 1.3333333em; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-start: 1.6em; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-start: 1.6em; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6em; margin-bottom: 0.6em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4em; } :where(.lg\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; } :where(.lg\:prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } :where(.lg\:prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.2em; } :where(.lg\:prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } :where(.lg\:prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.2em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6em; padding-inline-start: 1.6em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2.8em; margin-bottom: 2.8em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.5555556; } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0.6666667em; padding-bottom: 0.8888889em; padding-inline-start: 0.6666667em; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.8888889em; padding-inline-end: 0.6666667em; padding-bottom: 0.8888889em; padding-inline-start: 0.6666667em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.5555556; margin-top: 1em; } :where(.lg\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.lg\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } } .lg\:prose-2xl { @media (width >= 64rem) { font-size: 1.5rem; line-height: 1.6666667; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.25em; line-height: 1.4666667; margin-top: 1.0666667em; margin-bottom: 1.0666667em; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; padding-inline-start: 1.1111111em; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.6666667em; margin-top: 0; margin-bottom: 0.875em; line-height: 1; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2em; margin-top: 1.5em; margin-bottom: 0.8333333em; line-height: 1.0833333; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.5em; margin-top: 1.5555556em; margin-bottom: 0.6666667em; line-height: 1.2222222; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6666667em; margin-bottom: 0.6666667em; line-height: 1.5; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8333333em; border-radius: 0.375rem; padding-top: 0.25em; padding-inline-end: 0.3333333em; padding-bottom: 0.25em; padding-inline-start: 0.3333333em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8333333em; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8333333em; line-height: 1.8; margin-top: 2em; margin-bottom: 2em; border-radius: 0.5rem; padding-top: 1.2em; padding-inline-end: 1.6em; padding-bottom: 1.2em; padding-inline-start: 1.6em; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5833333em; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5833333em; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4166667em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4166667em; } :where(.lg\:prose-2xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8333333em; margin-bottom: 0.8333333em; } :where(.lg\:prose-2xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } :where(.lg\:prose-2xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } :where(.lg\:prose-2xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } :where(.lg\:prose-2xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6666667em; margin-bottom: 0.6666667em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.5833333em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 3em; margin-bottom: 3em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8333333em; line-height: 1.4; } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0.6em; padding-bottom: 0.8em; padding-inline-start: 0.6em; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.8em; padding-inline-end: 0.6em; padding-bottom: 0.8em; padding-inline-start: 0.6em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8333333em; line-height: 1.6; margin-top: 1em; } :where(.lg\:prose-2xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.lg\:prose-2xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } } .lg\:mt-20 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 20); } } .lg\:aspect-3\/4 { @media (width >= 64rem) { aspect-ratio: 3/4; } } .lg\:max-w-\[40rem\] { @media (width >= 64rem) { max-width: 40rem; } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:px-6 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 6); } } .xl\:text-lg { @media (width >= 80rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .dark\:border-zinc-700 { @media (prefers-color-scheme: dark) { border-color: var(--color-zinc-700); } } .dark\:bg-overlay { @media (prefers-color-scheme: dark) { background-color: rgb(var(--overlay-color)); } } .dark\:text-slate-100 { @media (prefers-color-scheme: dark) { color: var(--color-slate-100); } } .dark\:shadow-none { @media (prefers-color-scheme: dark) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:invert { @media (prefers-color-scheme: dark) { --tw-invert: invert(100%); 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,); } } .hover\:dark\:text-foam { &:hover { @media (hover: hover) { @media (prefers-color-scheme: dark) { color: rgb(var(--foam-color)); } } } } .prose-headings\:text-love { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: rgb(var(--love-color)); } } .prose-headings\:all-smallcaps { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-variant: all-small-caps; } } .prose-h1\:text-foreground { & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: rgb(var(--foreground-color)); } } .prose-p\:mt-3 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 3); } } .prose-p\:mb-0 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 0); } } } :root { --bg-color: 254 254 254; --foreground-color: 87 82 121; --surface-color: 245 245 245; --overlay-color: 242 242 242; --muted-color: 152 147 165; --subtle-color: 121 117 147; --love-color: 180 99 122; --rose-color: 215 130 126; --pine-color: 40 105 131; --foam-color: 86 148 159; --iris-color: 144 122 169; --gold-color: 234 157 52; } @media (prefers-color-scheme: dark) { :root { --bg-color: 25 23 36; --foreground-color: 224 222 244; --surface-color: 31 29 46; --overlay-color: 38 35 58; --muted-color: 110 106 134; --subtle-color: 144 140 170; --love-color: 235 111 146; --rose-color: 235 188 186; --pine-color: 49 116 143; --foam-color: 156 207 216; --iris-color: 196 167 231; --gold-color: 246 193 119; } } body { background-color: rgb(var(--bg-color)); font-family: var(--font-serif); color: rgb(var(--foreground-color)); } .external-link { margin-right: 0.5em; } .external-link::after { font-family: var(--font-sans); content: '°'; position: absolute; margin-left: 0.05em; margin-top: 0.2em; line-height: 1em; font-size: 1.35em; } .internal-link { margin-right: 0.5em; } .internal-link::after { font-family: var(--font-serif); content: '†'; position: absolute; margin-left: 0.05em; margin-top: 0.2em; line-height: 1em; font-size: 0.8em; } .subhead:first-letter { margin-top: 0.11em; margin-right: 0.14em; font-size: 5.6em; font-variant: normal; float: left; line-height: 0.625em; } .main-content { .math { filter: invert(0); display: inline-block; } table { display: block; width: calc(var(--spacing) * 0); min-width: 100%; overflow-x: auto; font-size: 0.8em; } .block-math { margin-block: calc(var(--spacing) * 0); display: flex; width: calc(var(--spacing) * 0); min-width: 100%; justify-content: center; overflow-x: auto; } @media (prefers-color-scheme: dark) { .math { filter: invert(1); } } hr { display: none; } pre { width: calc(var(--spacing) * 0); min-width: 100%; overflow-x: auto; border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-slate-200); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); @media (prefers-color-scheme: dark) { border-color: var(--color-zinc-700); } } code:not(pre *) { border-radius: var(--radius-xs); background-color: rgb(var(--overlay-color)); padding-inline: calc(var(--spacing) * 0.5); color: rgb(var(--rose-color)); } } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @keyframes gradient-move { 0%, 100% { background-position: 10% 10%; } 50% { background-position: 90% 90%; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-content: ""; --tw-border-style: solid; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-ease: initial; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; } } }