diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css new file mode 100644 index 0000000..2f0a191 --- /dev/null +++ b/assets/css/compiled/main.css @@ -0,0 +1,4769 @@ +/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */ +/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ +@layer properties; +#zen-mode-button { + cursor: pointer; +} +.zen-mode { + position: relative; +} +body.zen-mode-enable { + #bmc-wbtn, .author { + display: none !important; + } +} +.prose .chroma { + position: static; + border-radius: var(--radius-md); + background-color: rgba(var(--color-neutral-50), 1); + color: rgba(var(--color-neutral-700), 1); + &:is(.dark *) { + background-color: rgba(var(--color-neutral-700), 1); + } + &:is(.dark *) { + color: rgba(var(--color-neutral-200), 1); + } +} +.chroma .lntd, .chroma .lntd pre { + margin: calc(var(--spacing) * 0); + --tw-border-style: none; + border-style: none; + padding: calc(var(--spacing) * 0); + vertical-align: top; +} +.chroma .lntable { + display: block; + width: auto; + overflow: hidden; + padding-inline: calc(var(--spacing) * 4); + padding-block: calc(var(--spacing) * 3); + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + border-spacing: 0; +} +.chroma .hl { + margin-inline: calc(var(--spacing) * -4); + display: block; + width: auto; + background-color: rgba(var(--color-primary-100), 1); + padding-inline: calc(var(--spacing) * 4); + &:is(.dark *) { + background-color: rgba(var(--color-primary-900), 1); + } +} +.chroma .lntd .hl { + margin: calc(var(--spacing) * 0); + padding: calc(var(--spacing) * 0); +} +.chroma .lnt, .chroma .ln { + margin-right: 0.4em; + padding-inline: 0.4em; + padding-block: calc(var(--spacing) * 0); + color: rgba(var(--color-neutral-600), 1); + &:is(.dark *) { + color: rgba(var(--color-neutral-300), 1); + } +} +.chroma .k, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .nc, .chroma .fm, .chroma .nn, .chroma .vc, .chroma .o { + color: rgba(var(--color-primary-600), 1); + &:is(.dark *) { + color: rgba(var(--color-primary-300), 1); + } +} +.chroma .kc { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-secondary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-500), 1); + } +} +.chroma .kt, .chroma .nv, .chroma .vi, .chroma .vm, .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo { + color: rgba(var(--color-secondary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-600), 1); + } +} +.chroma .n, .chroma .nd, .chroma .ni, .chroma .nl { + color: rgba(var(--color-secondary-900), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-200), 1); + } +} +.chroma .na, .chroma .nb, .chroma .bp, .chroma .nx, .chroma .py, .chroma .nt { + color: rgba(var(--color-secondary-800), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-300), 1); + } +} +.chroma .no, .chroma .ne, .chroma .vg { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-secondary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-500), 1); + } +} +.chroma .nf { + color: rgba(var(--color-secondary-600), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-500), 1); + } +} +.chroma .l, .chroma .ld, .chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .sh, .chroma .si, .chroma .sx, .chroma .s1, .chroma .gi, .chroma .go, .chroma .gp { + color: rgba(var(--color-primary-800), 1); + &:is(.dark *) { + color: rgba(var(--color-primary-400), 1); + } +} +.chroma .se { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-secondary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-500), 1); + } +} +.chroma .sr, .chroma .ss { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-primary-800), 1); + &:is(.dark *) { + color: rgba(var(--color-primary-400), 1); + } +} +.chroma .ow { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-primary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-primary-600), 1); + } +} +.chroma .c, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf { + color: rgba(var(--color-neutral-500), 1); + font-style: italic; + &:is(.dark *) { + color: rgba(var(--color-neutral-400), 1); + } +} +.chroma .ch { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-neutral-500), 1); + font-style: italic; + &:is(.dark *) { + color: rgba(var(--color-neutral-400), 1); + } +} +.chroma .ge { + font-style: italic; +} +.chroma .gh { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-neutral-500), 1); +} +.chroma .gs { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); +} +.chroma .gu, .chroma .gt { + color: rgba(var(--color-neutral-500), 1); +} +.chroma .gl { + text-decoration-line: underline; +} +.a11y-panel-enter-active { + animation: slideInFromTop 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards; +} +.a11y-panel-leave-active { + animation: slideOutToTop 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards; +} +.ios-toggle { + position: relative; + width: 42px; + height: 24px; + background: #e5e5e5; + border-radius: 12px; + cursor: pointer; + transition: background-color 0.3s ease; + pointer-events: auto; +} +.ios-toggle input { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + cursor: pointer; + z-index: 1; +} +.ios-toggle::after { + content: ""; + position: absolute; + top: 2px; + left: 2px; + width: 20px; + height: 20px; + background: white; + border-radius: 50%; + transition: transform 0.3s ease, background-color 0.3s ease; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); + z-index: 0; +} +.ios-toggle input:checked + .toggle-track::after { + transform: translateX(18px); +} +.ios-toggle input:checked + .toggle-track { + background: rgba(var(--color-primary-500), 1); +} +.ios-toggle input:checked ~ .ios-toggle-ball { + transform: translateX(18px); +} +.ios-toggle.is-checked { + background: rgba(var(--color-primary-500), 1); +} +.ios-toggle:has(input:checked) { + background: rgba(var(--color-primary-500), 1); +} +.ios-toggle:has(input:checked)::after { + transform: translateX(18px); +} +.dark .ios-toggle { + background: #404040; +} +.dark .ios-toggle::after { + background: #f5f5f5; +} +@layer theme, base, components, utilities; +@layer theme { + :root, :host { + --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + "Courier New", monospace; + --spacing: 0.25rem; + --container-xs: 20rem; + --container-xl: 36rem; + --container-3xl: 48rem; + --container-7xl: 80rem; + --text-xs: 0.75rem; + --text-xs--line-height: calc(1 / 0.75); + --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); + --text-4xl: 2.25rem; + --text-4xl--line-height: calc(2.5 / 2.25); + --font-weight-light: 300; + --font-weight-normal: 400; + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --font-weight-extrabold: 800; + --tracking-normal: 0em; + --leading-snug: 1.375; + --radius-md: 0.375rem; + --radius-lg: 0.5rem; + --radius-xl: 0.75rem; + --radius-2xl: 1rem; + --ease-in: cubic-bezier(0.4, 0, 1, 1); + --ease-out: cubic-bezier(0, 0, 0.2, 1); + --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + --blur-sm: 8px; + --blur-2xl: 40px; + --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); + } +} +@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; + } + :-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 { + .pointer-events-auto { + pointer-events: auto; + } + .pointer-events-none { + pointer-events: none; + } + .\!visible { + visibility: visible !important; + } + .collapse { + visibility: collapse; + } + .invisible { + visibility: hidden; + } + .visible { + visibility: visible; + } + .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; + } + .\!absolute { + position: absolute !important; + } + .absolute { + position: absolute; + } + .fixed { + position: fixed; + } + .relative { + position: relative; + } + .static { + position: static; + } + .sticky { + position: sticky; + } + .inset-0 { + inset: calc(var(--spacing) * 0); + } + .inset-x-0 { + inset-inline: calc(var(--spacing) * 0); + } + .top-0 { + top: calc(var(--spacing) * 0); + } + .top-1 { + top: calc(var(--spacing) * 1); + } + .top-1\/2 { + top: calc(1/2 * 100%); + } + .top-20 { + top: calc(var(--spacing) * 20); + } + .top-\[110vh\] { + top: 110vh; + } + .top-\[calc\(100vh-5\.5rem\)\] { + top: calc(100vh - 5.5rem); + } + .right-0 { + right: calc(var(--spacing) * 0); + } + .bottom-0 { + bottom: calc(var(--spacing) * 0); + } + .left-0 { + left: calc(var(--spacing) * 0); + } + .left-1 { + left: calc(var(--spacing) * 1); + } + .left-1\/2 { + left: calc(1/2 * 100%); + } + .left-\[calc\(max\(-50vw\,-800px\)\+50\%\)\] { + left: calc(max(-50vw, -800px) + 50%); + } + .-z-10 { + z-index: calc(10 * -1); + } + .z-2 { + z-index: 2; + } + .z-10 { + z-index: 10; + } + .z-30 { + z-index: 30; + } + .z-80 { + z-index: 80; + } + .z-100 { + z-index: 100; + } + .z-500 { + z-index: 500; + } + .z-\[1\] { + z-index: 1; + } + .z-\[999\] { + z-index: 999; + } + .z-\[1040\] { + z-index: 1040; + } + .z-\[1070\] { + z-index: 1070; + } + .z-\[1080\] { + z-index: 1080; + } + .order-first { + order: -9999; + } + .float-left { + float: left; + } + .container { + width: 100%; + @media (width >= 640px) { + max-width: 640px; + } + @media (width >= 853px) { + max-width: 853px; + } + @media (width >= 1024px) { + max-width: 1024px; + } + @media (width >= 1280px) { + max-width: 1280px; + } + @media (width >= 1536px) { + max-width: 1536px; + } + } + .\!-m-px { + margin: -1px !important; + } + .m-0 { + margin: calc(var(--spacing) * 0); + } + .m-1 { + margin: calc(var(--spacing) * 1); + } + .m-2 { + margin: calc(var(--spacing) * 2); + } + .m-300 { + margin: calc(var(--spacing) * 300); + } + .m-auto { + margin: auto; + } + .-mx-2 { + margin-inline: calc(var(--spacing) * -2); + } + .mx-1 { + margin-inline: calc(var(--spacing) * 1); + } + .mx-\[3px\] { + margin-inline: 3px; + } + .mx-\[15\%\] { + margin-inline: 15%; + } + .mx-auto { + margin-inline: auto; + } + .-my-2 { + margin-block: calc(var(--spacing) * -2); + } + .my-0 { + margin-block: calc(var(--spacing) * 0); + } + .my-3 { + margin-block: calc(var(--spacing) * 3); + } + .me-2 { + margin-inline-end: calc(var(--spacing) * 2); + } + .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: none; + font-weight: 500; + text-decoration-color: rgba(var(--color-primary-300), 1); + &:hover { + color: rgba(var(--color-primary-600), 1); + text-decoration: none; + border-radius: 0.09rem; + } + } + :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: 1; + 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: 600; + font-family: inherit; + color: var(--tw-prose-kbd); + box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); + font-size: 0.9rem; + border-radius: 0.25rem; + padding-top: 0.1875em; + padding-inline-end: 0.375em; + padding-bottom: 0.1875em; + padding-inline-start: 0.375em; + background-color: rgba(var(--color-neutral-200), 1); + padding: 0.1rem 0.4rem; + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-code); + font-weight: 600; + font-size: 0.875em; + background-color: rgba(var(--color-neutral-50), 1); + padding-top: 3px; + padding-bottom: 3px; + padding-left: 5px; + padding-right: 5px; + border-radius: 0.25rem; + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { + content: "`"; + display: none; + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { + content: "`"; + display: none; + } + :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-code); + } + :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: rgba(var(--color-neutral-700), 1); + --tw-prose-headings: rgba(var(--color-neutral-800), 1); + --tw-prose-lead: rgba(var(--color-neutral-500), 1); + --tw-prose-links: rgba(var(--color-primary-600), 1); + --tw-prose-bold: rgba(var(--color-neutral-900), 1); + --tw-prose-counters: rgba(var(--color-neutral-800), 1); + --tw-prose-bullets: rgba(var(--color-neutral-500), 1); + --tw-prose-hr: rgba(var(--color-neutral-200), 1); + --tw-prose-quotes: rgba(var(--color-neutral-700), 1); + --tw-prose-quote-borders: rgba(var(--color-primary-200), 1); + --tw-prose-captions: rgba(var(--color-neutral-500), 1); + --tw-prose-kbd: oklch(21% 0.034 264.665); + --tw-prose-kbd-shadows: NaN NaN NaN; + --tw-prose-code: rgba(var(--color-secondary-700), 1); + --tw-prose-pre-code: rgba(var(--color-neutral-700), 1); + --tw-prose-pre-bg: rgba(var(--color-neutral-50), 1); + --tw-prose-th-borders: rgba(var(--color-neutral-500), 1); + --tw-prose-td-borders: rgba(var(--color-neutral-300), 1); + --tw-prose-invert-body: rgba(var(--color-neutral-300), 1); + --tw-prose-invert-headings: rgba(var(--color-neutral-50), 1); + --tw-prose-invert-lead: rgba(var(--color-neutral-500), 1); + --tw-prose-invert-links: rgba(var(--color-primary-400), 1); + --tw-prose-invert-bold: rgba(var(--color-neutral), 1); + --tw-prose-invert-counters: rgba(var(--color-neutral-400), 1); + --tw-prose-invert-bullets: rgba(var(--color-neutral-600), 1); + --tw-prose-invert-hr: rgba(var(--color-neutral-500), 1); + --tw-prose-invert-quotes: rgba(var(--color-neutral-200), 1); + --tw-prose-invert-quote-borders: rgba(var(--color-primary-900), 1); + --tw-prose-invert-captions: rgba(var(--color-neutral-400), 1); + --tw-prose-invert-kbd: #fff; + --tw-prose-invert-kbd-shadows: 255 255 255; + --tw-prose-invert-code: rgba(var(--color-secondary-400), 1); + --tw-prose-invert-pre-code: rgba(var(--color-neutral-200), 1); + --tw-prose-invert-pre-bg: rgba(var(--color-neutral-700), 1); + --tw-prose-invert-th-borders: rgba(var(--color-neutral-500), 1); + --tw-prose-invert-td-borders: rgba(var(--color-neutral-700), 1); + 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; + } + :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: rgba(var(--color-neutral-800), 1); + background-color: rgba(var(--color-primary-600), 1); + padding: 0.1rem 0.2rem; + border-radius: 0.25rem; + } + :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { + display: none; + } + :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { + display: none; + } + :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-600), 1); + } + :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-600), 1); + } + } + .\!mt-0 { + margin-top: calc(var(--spacing) * 0) !important; + } + .-mt-\[2px\] { + margin-top: calc(2px * -1); + } + .-mt-\[15px\] { + margin-top: calc(15px * -1); + } + .mt-0 { + margin-top: calc(var(--spacing) * 0); + } + .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-10 { + margin-top: calc(var(--spacing) * 10); + } + .mt-12 { + margin-top: calc(var(--spacing) * 12); + } + .mt-20 { + margin-top: calc(var(--spacing) * 20); + } + .mt-\[0\.1rem\] { + margin-top: 0.1rem; + } + .mt-\[0\.5rem\] { + margin-top: 0.5rem; + } + .-mr-48 { + margin-right: calc(var(--spacing) * -48); + } + .-mr-\[100\%\] { + margin-right: calc(100% * -1); + } + .mr-0 { + margin-right: calc(var(--spacing) * 0); + } + .mr-1 { + margin-right: calc(var(--spacing) * 1); + } + .mr-2 { + margin-right: calc(var(--spacing) * 2); + } + .mr-3 { + margin-right: calc(var(--spacing) * 3); + } + .mr-5 { + margin-right: calc(var(--spacing) * 5); + } + .mr-\[10px\] { + margin-right: 10px; + } + .mr-auto { + margin-right: auto; + } + .\!mb-0 { + margin-bottom: calc(var(--spacing) * 0) !important; + } + .\!mb-9 { + margin-bottom: calc(var(--spacing) * 9) !important; + } + .-mb-1 { + margin-bottom: calc(var(--spacing) * -1); + } + .mb-0 { + margin-bottom: calc(var(--spacing) * 0); + } + .mb-1 { + margin-bottom: calc(var(--spacing) * 1); + } + .mb-2 { + margin-bottom: calc(var(--spacing) * 2); + } + .mb-3 { + margin-bottom: calc(var(--spacing) * 3); + } + .mb-5 { + margin-bottom: calc(var(--spacing) * 5); + } + .mb-6 { + margin-bottom: calc(var(--spacing) * 6); + } + .mb-8 { + margin-bottom: calc(var(--spacing) * 8); + } + .mb-10 { + margin-bottom: calc(var(--spacing) * 10); + } + .mb-12 { + margin-bottom: calc(var(--spacing) * 12); + } + .mb-16 { + margin-bottom: calc(var(--spacing) * 16); + } + .mb-20 { + margin-bottom: calc(var(--spacing) * 20); + } + .mb-\[2px\] { + margin-bottom: 2px; + } + .-ml-12 { + margin-left: calc(var(--spacing) * -12); + } + .ml-0 { + margin-left: calc(var(--spacing) * 0); + } + .ml-2 { + margin-left: calc(var(--spacing) * 2); + } + .ml-3 { + margin-left: calc(var(--spacing) * 3); + } + .ml-6 { + margin-left: calc(var(--spacing) * 6); + } + .ml-auto { + margin-left: auto; + } + .box-border { + box-sizing: border-box; + } + .box-content { + box-sizing: content-box; + } + .scrollbar { + &::-webkit-scrollbar-track { + background-color: var(--scrollbar-track); + border-radius: var(--scrollbar-track-radius); + } + &::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb); + border-radius: var(--scrollbar-thumb-radius); + } + &::-webkit-scrollbar-corner { + background-color: var(--scrollbar-corner); + border-radius: var(--scrollbar-corner-radius); + } + @supports (-moz-appearance:none) { + scrollbar-width: auto; + scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial); + } + &::-webkit-scrollbar { + display: block; + width: var(--scrollbar-width, 16px); + height: var(--scrollbar-height, 16px); + } + } + .scrollbar-thin { + &::-webkit-scrollbar-track { + background-color: var(--scrollbar-track); + border-radius: var(--scrollbar-track-radius); + } + &::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb); + border-radius: var(--scrollbar-thumb-radius); + } + &::-webkit-scrollbar-corner { + background-color: var(--scrollbar-corner); + border-radius: var(--scrollbar-corner-radius); + } + @supports (-moz-appearance:none) { + scrollbar-width: thin; + scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial); + } + &::-webkit-scrollbar { + display: block; + width: 8px; + height: 8px; + } + } + .line-clamp-3 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + } + .\!block { + display: block !important; + } + .block { + display: block; + } + .contents { + display: contents; + } + .flex { + display: flex; + } + .grid { + display: grid; + } + .hidden { + display: none; + } + .inline { + display: inline; + } + .inline-block { + display: inline-block; + } + .list-item { + display: list-item; + } + .table { + display: table; + } + .table-cell { + display: table-cell; + } + .size-1 { + width: calc(var(--spacing) * 1); + height: calc(var(--spacing) * 1); + } + .\!h-px { + height: 1px !important; + } + .h-0 { + height: calc(var(--spacing) * 0); + } + .h-1 { + height: calc(var(--spacing) * 1); + } + .h-1\/2 { + height: calc(1/2 * 100%); + } + .h-3 { + height: calc(var(--spacing) * 3); + } + .h-5 { + height: calc(var(--spacing) * 5); + } + .h-6 { + height: calc(var(--spacing) * 6); + } + .h-8 { + height: calc(var(--spacing) * 8); + } + .h-12 { + height: calc(var(--spacing) * 12); + } + .h-24 { + height: calc(var(--spacing) * 24); + } + .h-36 { + height: calc(var(--spacing) * 36); + } + .h-40 { + height: calc(var(--spacing) * 40); + } + .h-48 { + height: calc(var(--spacing) * 48); + } + .h-84 { + height: calc(var(--spacing) * 84); + } + .h-\[3px\] { + height: 3px; + } + .h-\[150px\] { + height: 150px; + } + .h-\[800px\] { + height: 800px; + } + .h-\[1000px\] { + height: 1000px; + } + .h-auto { + height: auto; + } + .h-full { + height: 100%; + } + .h-screen { + height: 100vh; + } + .max-h-3 { + max-height: calc(var(--spacing) * 3); + } + .max-h-\[5rem\] { + max-height: 5rem; + } + .min-h-0 { + min-height: calc(var(--spacing) * 0); + } + .min-h-\[130px\] { + min-height: 130px; + } + .min-h-\[148px\] { + min-height: 148px; + } + .min-h-full { + min-height: 100%; + } + .\!w-px { + width: 1px !important; + } + .w-0 { + width: calc(var(--spacing) * 0); + } + .w-2 { + width: calc(var(--spacing) * 2); + } + .w-3 { + width: calc(var(--spacing) * 3); + } + .w-5 { + width: calc(var(--spacing) * 5); + } + .w-6 { + width: calc(var(--spacing) * 6); + } + .w-8 { + width: calc(var(--spacing) * 8); + } + .w-12 { + width: calc(var(--spacing) * 12); + } + .w-24 { + width: calc(var(--spacing) * 24); + } + .w-36 { + width: calc(var(--spacing) * 36); + } + .w-80 { + width: calc(var(--spacing) * 80); + } + .w-\[15\%\] { + width: 15%; + } + .w-\[30px\] { + width: 30px; + } + .w-auto { + width: auto; + } + .w-full { + width: 100%; + } + .w-screen { + width: 100vw; + } + .max-w-3xl { + max-width: var(--container-3xl); + } + .max-w-7xl { + max-width: var(--container-7xl); + } + .max-w-\[5rem\] { + max-width: 5rem; + } + .max-w-\[64rem\] { + max-width: 64rem; + } + .max-w-\[200px\] { + max-width: 200px; + } + .max-w-\[267px\] { + max-width: 267px; + } + .max-w-\[1600px\] { + max-width: 1600px; + } + .max-w-\[calc\(100\%-1rem\)\] { + max-width: calc(100% - 1rem); + } + .max-w-fit { + max-width: fit-content; + } + .max-w-full { + max-width: 100%; + } + .max-w-prose { + max-width: 65ch; + } + .max-w-xl { + max-width: var(--container-xl); + } + .min-w-0 { + min-width: calc(var(--spacing) * 0); + } + .min-w-\[1\.8rem\] { + min-width: 1.8rem; + } + .min-w-\[30px\] { + min-width: 30px; + } + .min-w-\[220px\] { + min-width: 220px; + } + .min-w-full { + min-width: 100%; + } + .flex-1 { + flex: 1; + } + .flex-auto { + flex: auto; + } + .flex-initial { + flex: 0 auto; + } + .flex-none { + flex: none; + } + .flex-shrink { + flex-shrink: 1; + } + .shrink { + flex-shrink: 1; + } + .shrink-0 { + flex-shrink: 0; + } + .flex-grow { + flex-grow: 1; + } + .grow { + flex-grow: 1; + } + .grow-0 { + flex-grow: 0; + } + .basis-auto { + flex-basis: auto; + } + .border-collapse { + border-collapse: collapse; + } + .-translate-x-1 { + --tw-translate-x: calc(var(--spacing) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-x-1\/2 { + --tw-translate-x: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-x-full { + --tw-translate-x: -100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .translate-x-full { + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-y-1 { + --tw-translate-y: calc(var(--spacing) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-y-1\/2 { + --tw-translate-y: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-y-8 { + --tw-translate-y: calc(var(--spacing) * -8); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .scale-0 { + --tw-scale-x: 0%; + --tw-scale-y: 0%; + --tw-scale-z: 0%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + .scale-100 { + --tw-scale-x: 100%; + --tw-scale-y: 100%; + --tw-scale-z: 100%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + .scale-\[1\.02\] { + scale: 1.02; + } + .transform { + transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); + } + .transform\! { + transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important; + } + .transform-none { + transform: none; + } + .animate-pulse { + animation: var(--animate-pulse); + } + .cursor-default { + cursor: default; + } + .cursor-pointer { + cursor: pointer; + } + .touch-pan-y { + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); + } + .touch-none { + touch-action: none; + } + .resize { + resize: both; + } + .list-none { + list-style-type: none; + } + .appearance-none { + appearance: none; + } + .flex-col { + flex-direction: column; + } + .flex-row { + flex-direction: row; + } + .flex-wrap { + flex-wrap: wrap; + } + .items-center { + align-items: center; + } + .items-end { + align-items: flex-end; + } + .justify-between { + justify-content: space-between; + } + .justify-center { + justify-content: center; + } + .gap-4 { + gap: calc(var(--spacing) * 4); + } + .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-5 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-10 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); + } + } + .gap-x-3 { + column-gap: calc(var(--spacing) * 3); + } + .gap-x-5 { + column-gap: calc(var(--spacing) * 5); + } + .space-x-2 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-3 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-5 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); + } + } + .place-self-center { + place-self: center; + } + .self-center { + align-self: center; + } + .\!overflow-hidden { + overflow: hidden !important; + } + .overflow-auto { + overflow: auto; + } + .overflow-hidden { + overflow: hidden; + } + .overflow-visible { + overflow: visible; + } + .overflow-x-auto { + overflow-x: auto; + } + .overflow-y-auto { + overflow-y: auto; + } + .overscroll-contain { + overscroll-behavior: contain; + } + .scroll-smooth { + scroll-behavior: smooth; + } + .\!rounded-md { + border-radius: var(--radius-md) !important; + } + .rounded { + border-radius: 0.25rem; + } + .rounded-2xl { + border-radius: var(--radius-2xl); + } + .rounded-\[50\%\] { + border-radius: 50%; + } + .rounded-full { + border-radius: calc(infinity * 1px); + } + .rounded-lg { + border-radius: var(--radius-lg); + } + .rounded-md { + border-radius: var(--radius-md); + } + .rounded-xl { + border-radius: var(--radius-xl); + } + .rounded-s-\[0\.25rem\] { + border-start-start-radius: 0.25rem; + border-end-start-radius: 0.25rem; + } + .rounded-e-\[0\.25rem\] { + border-start-end-radius: 0.25rem; + border-end-end-radius: 0.25rem; + } + .rounded-t-lg { + border-top-left-radius: var(--radius-lg); + border-top-right-radius: var(--radius-lg); + } + .rounded-b-lg { + border-bottom-right-radius: var(--radius-lg); + border-bottom-left-radius: var(--radius-lg); + } + .\!border-0 { + border-style: var(--tw-border-style) !important; + border-width: 0px !important; + } + .border { + border-style: var(--tw-border-style); + border-width: 1px; + } + .border-0 { + border-style: var(--tw-border-style); + border-width: 0px; + } + .border-2 { + border-style: var(--tw-border-style); + border-width: 2px; + } + .border-y-\[10px\] { + border-block-style: var(--tw-border-style); + border-block-width: 10px; + } + .border-s-0 { + border-inline-start-style: var(--tw-border-style); + border-inline-start-width: 0px; + } + .border-s-\[0\.125rem\] { + border-inline-start-style: var(--tw-border-style); + border-inline-start-width: 0.125rem; + } + .border-e-0 { + border-inline-end-style: var(--tw-border-style); + border-inline-end-width: 0px; + } + .border-t { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + .border-b-2 { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 2px; + } + .border-l-2 { + border-left-style: var(--tw-border-style); + border-left-width: 2px; + } + .border-dotted { + --tw-border-style: dotted; + border-style: dotted; + } + .border-solid { + --tw-border-style: solid; + border-style: solid; + } + .border-neutral-100 { + border-color: rgba(var(--color-neutral-100), 1); + } + .border-neutral-200 { + border-color: rgba(var(--color-neutral-200), 1); + } + .border-neutral-300 { + border-color: rgba(var(--color-neutral-300), 1); + } + .border-primary-400 { + border-color: rgba(var(--color-primary-400), 1); + } + .border-primary-500 { + border-color: rgba(var(--color-primary-500), 1); + } + .border-secondary-500 { + border-color: rgba(var(--color-secondary-500), 1); + } + .border-transparent { + border-color: transparent; + } + .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-kbd: var(--tw-prose-invert-kbd); + --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); + --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); + :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-neutral-600), 1); + &:hover { + color: rgba(var(--color-primary-400), 1); + } + } + :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: rgba(var(--color-neutral-200), 1); + background-color: rgba(var(--color-neutral-700), 1); + } + :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: rgba(var(--color-primary-400), 1); + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: rgba(var(--color-neutral-700), 1); + } + :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + } + .bg-\[\#6d6d6d\] { + background-color: #6d6d6d; + } + .bg-black { + background-color: #000; + } + .bg-cyan-100 { + background-color: oklch(95.6% 0.045 203.388); + } + .bg-gray-100 { + background-color: oklch(96.7% 0.003 264.542); + } + .bg-green-100 { + background-color: oklch(96.2% 0.044 156.743); + } + .bg-neutral { + background-color: rgba(var(--color-neutral), 1); + } + .bg-neutral-50 { + background-color: rgba(var(--color-neutral-50), 1); + } + .bg-neutral-100 { + background-color: rgba(var(--color-neutral-100), 1); + } + .bg-neutral-100\/50 { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-100), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral-100), 1) 50%, transparent); + } + } + .bg-neutral-300 { + background-color: rgba(var(--color-neutral-300), 1); + } + .bg-neutral-500 { + background-color: rgba(var(--color-neutral-500), 1); + } + .bg-neutral-500\/50 { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-500), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral-500), 1) 50%, transparent); + } + } + .bg-neutral\/50 { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral), 1) 50%, transparent); + } + } + .bg-primary-100 { + background-color: rgba(var(--color-primary-100), 1); + } + .bg-primary-200 { + background-color: rgba(var(--color-primary-200), 1); + } + .bg-primary-500 { + background-color: rgba(var(--color-primary-500), 1); + } + .bg-primary-600 { + background-color: rgba(var(--color-primary-600), 1); + } + .bg-sky-200 { + background-color: oklch(90.1% 0.058 230.902); + } + .bg-transparent { + background-color: transparent; + } + .bg-violet-100 { + background-color: oklch(94.3% 0.029 294.588); + } + .bg-violet-200 { + background-color: oklch(89.4% 0.057 293.283); + } + .bg-violet-300 { + background-color: oklch(81.1% 0.111 293.571); + } + .bg-white { + background-color: #fff; + } + .bg-gradient-to-b { + --tw-gradient-position: to bottom 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-t { + --tw-gradient-position: to top in oklab; + background-image: linear-gradient(var(--tw-gradient-stops)); + } + .bg-none { + background-image: none; + } + .from-gray-100 { + --tw-gradient-from: oklch(96.7% 0.003 264.542); + --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-neutral { + --tw-gradient-from: rgba(var(--color-neutral), 1); + --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-primary-500 { + --tw-gradient-from: rgba(var(--color-primary-500), 1); + --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-60\% { + --tw-gradient-from-position: 60%; + } + .to-neutral { + --tw-gradient-to: rgba(var(--color-neutral), 1); + --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-neutral-100 { + --tw-gradient-to: rgba(var(--color-neutral-100), 1); + --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-secondary-600 { + --tw-gradient-to: rgba(var(--color-secondary-600), 1); + --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-transparent { + --tw-gradient-to: transparent; + --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-clip-padding { + background-clip: padding-box; + } + .object-cover { + object-fit: cover; + } + .object-scale-down { + object-fit: scale-down; + } + .object-left { + object-position: left; + } + .\!p-0 { + padding: calc(var(--spacing) * 0) !important; + } + .p-0 { + padding: calc(var(--spacing) * 0); + } + .p-1 { + padding: calc(var(--spacing) * 1); + } + .p-1\.5 { + padding: calc(var(--spacing) * 1.5); + } + .p-2 { + padding: calc(var(--spacing) * 2); + } + .p-2\.5 { + padding: calc(var(--spacing) * 2.5); + } + .p-4 { + padding: calc(var(--spacing) * 4); + } + .p-5 { + padding: calc(var(--spacing) * 5); + } + .p-6 { + padding: calc(var(--spacing) * 6); + } + .px-0 { + padding-inline: calc(var(--spacing) * 0); + } + .px-1 { + padding-inline: calc(var(--spacing) * 1); + } + .px-1\.5 { + padding-inline: calc(var(--spacing) * 1.5); + } + .px-2 { + padding-inline: calc(var(--spacing) * 2); + } + .px-3 { + padding-inline: calc(var(--spacing) * 3); + } + .px-4 { + padding-inline: calc(var(--spacing) * 4); + } + .px-6 { + padding-inline: calc(var(--spacing) * 6); + } + .px-\[0\.4rem\] { + padding-inline: 0.4rem; + } + .px-\[30px\] { + padding-inline: 30px; + } + .py-1 { + padding-block: calc(var(--spacing) * 1); + } + .py-1\.5 { + padding-block: calc(var(--spacing) * 1.5); + } + .py-2 { + padding-block: calc(var(--spacing) * 2); + } + .py-3 { + padding-block: calc(var(--spacing) * 3); + } + .py-4 { + padding-block: calc(var(--spacing) * 4); + } + .py-6 { + padding-block: calc(var(--spacing) * 6); + } + .py-8 { + padding-block: calc(var(--spacing) * 8); + } + .py-10 { + padding-block: calc(var(--spacing) * 10); + } + .py-16 { + padding-block: calc(var(--spacing) * 16); + } + .py-\[0\.4rem\] { + padding-block: 0.4rem; + } + .py-\[1px\] { + padding-block: 1px; + } + .pt-1 { + padding-top: calc(var(--spacing) * 1); + } + .pt-2 { + padding-top: calc(var(--spacing) * 2); + } + .pt-3 { + padding-top: calc(var(--spacing) * 3); + } + .pt-4 { + padding-top: calc(var(--spacing) * 4); + } + .pt-8 { + padding-top: calc(var(--spacing) * 8); + } + .pt-16 { + padding-top: calc(var(--spacing) * 16); + } + .pt-\[2px\] { + padding-top: 2px; + } + .pt-\[5px\] { + padding-top: 5px; + } + .pt-\[6px\] { + padding-top: 6px; + } + .pt-\[7px\] { + padding-top: 7px; + } + .pt-\[8px\] { + padding-top: 8px; + } + .pr-0 { + padding-right: calc(var(--spacing) * 0); + } + .pr-8 { + padding-right: calc(var(--spacing) * 8); + } + .pr-\[24px\] { + padding-right: 24px; + } + .pb-0 { + padding-bottom: calc(var(--spacing) * 0); + } + .pb-2 { + padding-bottom: calc(var(--spacing) * 2); + } + .pb-3 { + padding-bottom: calc(var(--spacing) * 3); + } + .pb-4 { + padding-bottom: calc(var(--spacing) * 4); + } + .pb-6 { + padding-bottom: calc(var(--spacing) * 6); + } + .pb-32 { + padding-bottom: calc(var(--spacing) * 32); + } + .pb-\[3px\] { + padding-bottom: 3px; + } + .pl-0 { + padding-left: calc(var(--spacing) * 0); + } + .pl-2 { + padding-left: calc(var(--spacing) * 2); + } + .pl-4 { + padding-left: calc(var(--spacing) * 4); + } + .pl-\[24px\] { + padding-left: 24px; + } + .text-center { + text-align: center; + } + .text-left { + text-align: left; + } + .text-right { + text-align: right; + } + .-indent-\[999px\] { + text-indent: calc(999px * -1); + } + .align-bottom { + vertical-align: bottom; + } + .align-middle { + vertical-align: middle; + } + .align-text-bottom { + vertical-align: text-bottom; + } + .align-top { + vertical-align: top; + } + .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-4xl { + font-size: var(--text-4xl); + line-height: var(--tw-leading, var(--text-4xl--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-xs { + font-size: var(--text-xs); + line-height: var(--tw-leading, var(--text-xs--line-height)); + } + .text-\[0\.6rem\] { + font-size: 0.6rem; + } + .leading-3 { + --tw-leading: calc(var(--spacing) * 3); + line-height: calc(var(--spacing) * 3); + } + .leading-6 { + --tw-leading: calc(var(--spacing) * 6); + line-height: calc(var(--spacing) * 6); + } + .leading-7 { + --tw-leading: calc(var(--spacing) * 7); + line-height: calc(var(--spacing) * 7); + } + .leading-\[1\.6\] { + --tw-leading: 1.6; + line-height: 1.6; + } + .font-bold { + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + } + .font-extrabold { + --tw-font-weight: var(--font-weight-extrabold); + font-weight: var(--font-weight-extrabold); + } + .font-light { + --tw-font-weight: var(--font-weight-light); + font-weight: var(--font-weight-light); + } + .font-medium { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + .font-normal { + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + } + .font-semibold { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + } + .tracking-normal { + --tw-tracking: var(--tracking-normal); + letter-spacing: var(--tracking-normal); + } + .text-wrap { + text-wrap: wrap; + } + .break-normal { + overflow-wrap: normal; + word-break: normal; + } + .break-words { + overflow-wrap: break-word; + } + .\!whitespace-nowrap { + white-space: nowrap !important; + } + .whitespace-normal { + white-space: normal; + } + .\!text-neutral { + color: rgba(var(--color-neutral), 1) !important; + } + .text-gray-500 { + color: oklch(55.1% 0.027 264.364); + } + .text-gray-900 { + color: oklch(21% 0.034 264.665); + } + .text-green-400 { + color: oklch(79.2% 0.209 151.711); + } + .text-green-900 { + color: oklch(39.3% 0.095 152.535); + } + .text-green-950 { + color: oklch(26.6% 0.065 152.934); + } + .text-neutral-50 { + color: rgba(var(--color-neutral-50), 1); + } + .text-neutral-200 { + color: rgba(var(--color-neutral-200), 1); + } + .text-neutral-300 { + color: rgba(var(--color-neutral-300), 1); + } + .text-neutral-400 { + color: rgba(var(--color-neutral-400), 1); + } + .text-neutral-500 { + color: rgba(var(--color-neutral-500), 1); + } + .text-neutral-700 { + color: rgba(var(--color-neutral-700), 1); + } + .text-neutral-800 { + color: rgba(var(--color-neutral-800), 1); + } + .text-neutral-900 { + color: rgba(var(--color-neutral-900), 1); + } + .text-primary-100 { + color: rgba(var(--color-primary-100), 1); + } + .text-primary-300 { + color: rgba(var(--color-primary-300), 1); + } + .text-primary-400 { + color: rgba(var(--color-primary-400), 1); + } + .text-primary-500 { + color: rgba(var(--color-primary-500), 1); + } + .text-primary-600 { + color: rgba(var(--color-primary-600), 1); + } + .text-primary-700 { + color: rgba(var(--color-primary-700), 1); + } + .text-primary-800 { + color: rgba(var(--color-primary-800), 1); + } + .text-sky-700 { + color: oklch(50% 0.134 242.749); + } + .text-sky-800 { + color: oklch(44.3% 0.11 240.79); + } + .text-sky-900 { + color: oklch(39.1% 0.09 240.876); + } + .text-transparent { + color: transparent; + } + .text-violet-50 { + color: oklch(96.9% 0.016 293.756); + } + .text-violet-100 { + color: oklch(94.3% 0.029 294.588); + } + .text-violet-800 { + color: oklch(43.2% 0.232 292.759); + } + .text-violet-900 { + color: oklch(38% 0.189 293.745); + } + .text-violet-950 { + color: oklch(28.3% 0.141 291.089); + } + .text-white { + color: #fff; + } + .text-yellow-50 { + color: oklch(98.7% 0.026 102.212); + } + .text-yellow-100 { + color: oklch(97.3% 0.071 103.193); + } + .text-yellow-200 { + color: oklch(94.5% 0.129 101.54); + } + .text-yellow-300 { + color: oklch(90.5% 0.182 98.111); + } + .text-yellow-400 { + color: oklch(85.2% 0.199 91.936); + } + .text-yellow-800 { + color: oklch(47.6% 0.114 61.907); + } + .capitalize { + text-transform: capitalize; + } + .lowercase { + text-transform: lowercase; + } + .normal-case { + text-transform: none; + } + .uppercase { + text-transform: uppercase; + } + .italic { + font-style: italic; + } + .not-italic { + font-style: normal; + } + .ordinal { + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); + } + .\!no-underline { + text-decoration-line: none !important; + } + .line-through { + text-decoration-line: line-through; + } + .no-underline { + text-decoration-line: none; + } + .overline { + text-decoration-line: overline; + } + .underline { + text-decoration-line: underline; + } + .decoration-neutral-300 { + text-decoration-color: rgba(var(--color-neutral-300), 1); + } + .decoration-primary-500 { + text-decoration-color: rgba(var(--color-primary-500), 1); + } + .underline-offset-auto { + text-underline-offset: auto; + } + .\!opacity-0 { + opacity: 0% !important; + } + .\!opacity-100 { + opacity: 100% !important; + } + .opacity-0 { + opacity: 0%; + } + .opacity-30 { + opacity: 30%; + } + .opacity-50 { + opacity: 50%; + } + .opacity-60 { + opacity: 60%; + } + .opacity-65 { + opacity: 65%; + } + .opacity-100 { + opacity: 100%; + } + .mix-blend-multiply { + mix-blend-mode: multiply; + } + .mix-blend-normal { + mix-blend-mode: normal; + } + .shadow { + --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); + } + .shadow-2xl { + --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-lg { + --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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); + } + .shadow-xl { + --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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); + } + .outline { + outline-style: var(--tw-outline-style); + outline-width: 1px; + } + .blur { + --tw-blur: blur(8px); + 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,); + } + .blur\! { + --tw-blur: blur(8px) !important; + 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,) !important; + } + .invert { + --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,); + } + .filter { + filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); + } + .filter\! { + filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; + } + .backdrop-blur { + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } + .backdrop-blur-2xl { + --tw-backdrop-blur: blur(var(--blur-2xl)); + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } + .backdrop-blur-sm { + --tw-backdrop-blur: blur(var(--blur-sm)); + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } + .backdrop-filter { + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } + .transition { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[height\] { + transition-property: height; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[transform\,_opacity\] { + transition-property: transform, opacity; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[width\] { + transition-property: width; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-all { + transition-property: all; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-opacity { + transition-property: opacity; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-transform { + transition-property: transform, translate, scale, rotate; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .duration-150 { + --tw-duration: 150ms; + transition-duration: 150ms; + } + .duration-200 { + --tw-duration: 200ms; + transition-duration: 200ms; + } + .duration-300 { + --tw-duration: 300ms; + transition-duration: 300ms; + } + .duration-\[350ms\] { + --tw-duration: 350ms; + transition-duration: 350ms; + } + .duration-\[600ms\] { + --tw-duration: 600ms; + transition-duration: 600ms; + } + .ease-\[cubic-bezier\(0\,0\,0\.15\,1\)\,_cubic-bezier\(0\,0\,0\.15\,1\)\] { + --tw-ease: cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1); + transition-timing-function: cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1); + } + .ease-\[cubic-bezier\(0\.25\,0\.1\,0\.25\,1\.0\)\] { + --tw-ease: cubic-bezier(0.25,0.1,0.25,1.0); + transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.0); + } + .ease-in { + --tw-ease: var(--ease-in); + transition-timing-function: var(--ease-in); + } + .ease-in-out { + --tw-ease: var(--ease-in-out); + transition-timing-function: var(--ease-in-out); + } + .ease-linear { + --tw-ease: linear; + transition-timing-function: linear; + } + .ease-out { + --tw-ease: var(--ease-out); + transition-timing-function: var(--ease-out); + } + .select-none { + -webkit-user-select: none; + user-select: none; + } + .\!\[clip\:rect\(0\,0\,0\,0\)\] { + clip: rect(0,0,0,0) !important; + } + .scrollbar-thumb-neutral-400 { + --scrollbar-thumb: oklch(70.8% 0 0); + } + .scrollbar-track-neutral-200 { + --scrollbar-track: oklch(92.2% 0 0); + } + .group-hover\:text-primary-300 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: rgba(var(--color-primary-300), 1); + } + } + } + .group-hover\:text-primary-600 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: rgba(var(--color-primary-600), 1); + } + } + } + .group-hover\:underline { + &:is(:where(.group):hover *) { + @media (hover: hover) { + text-decoration-line: underline; + } + } + } + .group-hover\:decoration-primary-500 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + text-decoration-color: rgba(var(--color-primary-500), 1); + } + } + } + .group-hover\:underline-offset-2 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + text-underline-offset: 2px; + } + } + } + .group-hover\:opacity-100 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + opacity: 100%; + } + } + } + .group-data-\[twe-input-focused\]\:border-x-0 { + &:is(:where(.group)[data-twe-input-focused] *) { + border-inline-style: var(--tw-border-style); + border-inline-width: 0px; + } + } + .group-data-\[twe-input-focused\]\:border-s-0 { + &:is(:where(.group)[data-twe-input-focused] *) { + border-inline-start-style: var(--tw-border-style); + border-inline-start-width: 0px; + } + } + .group-data-\[twe-input-focused\]\:border-e-0 { + &:is(:where(.group)[data-twe-input-focused] *) { + border-inline-end-style: var(--tw-border-style); + border-inline-end-width: 0px; + } + } + .group-data-\[twe-input-focused\]\:border-t { + &:is(:where(.group)[data-twe-input-focused] *) { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + } + .group-data-\[twe-input-focused\]\:border-solid { + &:is(:where(.group)[data-twe-input-focused] *) { + --tw-border-style: solid; + border-style: solid; + } + } + .group-data-\[twe-input-focused\]\:border-white { + &:is(:where(.group)[data-twe-input-focused] *) { + border-color: #fff; + } + } + .group-data-\[twe-input-focused\]\:border-t-transparent { + &:is(:where(.group)[data-twe-input-focused] *) { + border-top-color: transparent; + } + } + .group-data-\[twe-input-focused\]\:shadow-white { + &:is(:where(.group)[data-twe-input-focused] *) { + --tw-shadow-color: #fff; + @supports (color: color-mix(in lab, red, red)) { + --tw-shadow-color: color-mix(in oklab, #fff var(--tw-shadow-alpha), transparent); + } + } + } + .group-data-\[twe-input-state-active\]\:border-x-0 { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-inline-style: var(--tw-border-style); + border-inline-width: 0px; + } + } + .group-data-\[twe-input-state-active\]\:border-s-0 { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-inline-start-style: var(--tw-border-style); + border-inline-start-width: 0px; + } + } + .group-data-\[twe-input-state-active\]\:border-e-0 { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-inline-end-style: var(--tw-border-style); + border-inline-end-width: 0px; + } + } + .group-data-\[twe-input-state-active\]\:border-t { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + } + .group-data-\[twe-input-state-active\]\:border-solid { + &:is(:where(.group)[data-twe-input-state-active] *) { + --tw-border-style: solid; + border-style: solid; + } + } + .group-data-\[twe-input-state-active\]\:border-t-transparent { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-top-color: transparent; + } + } + .after\:clear-both { + &::after { + content: var(--tw-content); + clear: both; + } + } + .after\:block { + &::after { + content: var(--tw-content); + display: block; + } + } + .after\:content-\[\'\'\] { + &::after { + content: var(--tw-content); + --tw-content: ''; + content: var(--tw-content); + } + } + .first\:mt-8 { + &:first-child { + margin-top: calc(var(--spacing) * 8); + } + } + .empty\:hidden { + &:empty { + display: none; + } + } + .hover\:border-transparent { + &:hover { + @media (hover: hover) { + border-color: transparent; + } + } + } + .hover\:\!bg-primary-500 { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-500), 1) !important; + } + } + } + .hover\:bg-primary-100 { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-100), 1); + } + } + } + .hover\:bg-primary-500 { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-500), 1); + } + } + } + .hover\:bg-primary-600 { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-600), 1); + } + } + } + .hover\:text-gray-900 { + &:hover { + @media (hover: hover) { + color: oklch(21% 0.034 264.665); + } + } + } + .hover\:text-neutral { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-neutral), 1); + } + } + } + .hover\:text-neutral-700 { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-neutral-700), 1); + } + } + } + .hover\:text-primary-400 { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-400), 1); + } + } + } + .hover\:text-primary-500 { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-500), 1); + } + } + } + .hover\:text-primary-600 { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-600), 1); + } + } + } + .hover\:text-primary-700 { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-700), 1); + } + } + } + .hover\:text-white { + &:hover { + @media (hover: hover) { + color: #fff; + } + } + } + .hover\:no-underline { + &:hover { + @media (hover: hover) { + text-decoration-line: none; + } + } + } + .hover\:underline { + &:hover { + @media (hover: hover) { + text-decoration-line: underline; + } + } + } + .hover\:decoration-neutral-300 { + &:hover { + @media (hover: hover) { + text-decoration-color: rgba(var(--color-neutral-300), 1); + } + } + } + .hover\:decoration-primary-400 { + &:hover { + @media (hover: hover) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + } + } + .hover\:decoration-primary-500 { + &:hover { + @media (hover: hover) { + text-decoration-color: rgba(var(--color-primary-500), 1); + } + } + } + .hover\:decoration-2 { + &:hover { + @media (hover: hover) { + text-decoration-thickness: 2px; + } + } + } + .hover\:underline-offset-2 { + &:hover { + @media (hover: hover) { + text-underline-offset: 2px; + } + } + } + .hover\:opacity-90 { + &:hover { + @media (hover: hover) { + opacity: 90%; + } + } + } + .hover\:outline-none { + &:hover { + @media (hover: hover) { + --tw-outline-style: none; + outline-style: none; + } + } + } + .focus\:translate-y-0 { + &:focus { + --tw-translate-y: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .focus\:border-primary-500 { + &:focus { + border-color: rgba(var(--color-primary-500), 1); + } + } + .focus\:bg-primary-100 { + &:focus { + background-color: rgba(var(--color-primary-100), 1); + } + } + .focus\:text-white { + &:focus { + color: #fff; + } + } + .focus\:no-underline { + &:focus { + text-decoration-line: none; + } + } + .focus\:opacity-90 { + &:focus { + opacity: 90%; + } + } + .focus\:ring-primary-500 { + &:focus { + --tw-ring-color: rgba(var(--color-primary-500), 1); + } + } + .focus\:outline-2 { + &:focus { + outline-style: var(--tw-outline-style); + outline-width: 2px; + } + } + .focus\:outline-transparent { + &:focus { + outline-color: transparent; + } + } + .focus\:outline-dotted { + &:focus { + --tw-outline-style: dotted; + outline-style: dotted; + } + } + .focus\:outline-none { + &:focus { + --tw-outline-style: none; + outline-style: none; + } + } + .data-\[popper-reference-hidden\]\:hidden { + &[data-popper-reference-hidden] { + display: none; + } + } + .data-\[twe-carousel-fade\]\:z-0 { + &[data-twe-carousel-fade] { + z-index: 0; + } + } + .data-\[twe-carousel-fade\]\:z-\[1\] { + &[data-twe-carousel-fade] { + z-index: 1; + } + } + .data-\[twe-carousel-fade\]\:opacity-0 { + &[data-twe-carousel-fade] { + opacity: 0%; + } + } + .data-\[twe-carousel-fade\]\:opacity-100 { + &[data-twe-carousel-fade] { + opacity: 100%; + } + } + .data-\[twe-carousel-fade\]\:delay-600 { + &[data-twe-carousel-fade] { + transition-delay: 600ms; + } + } + .data-\[twe-carousel-fade\]\:duration-\[600ms\] { + &[data-twe-carousel-fade] { + --tw-duration: 600ms; + transition-duration: 600ms; + } + } + .motion-reduce\:transition-none { + @media (prefers-reduced-motion: reduce) { + transition-property: none; + } + } + .sm\:mt-16 { + @media (width >= 640px) { + margin-top: calc(var(--spacing) * 16); + } + } + .sm\:mb-0 { + @media (width >= 640px) { + margin-bottom: calc(var(--spacing) * 0); + } + } + .sm\:w-1\/2 { + @media (width >= 640px) { + width: calc(1/2 * 100%); + } + } + .sm\:grid-cols-2 { + @media (width >= 640px) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .sm\:flex-row { + @media (width >= 640px) { + flex-direction: row; + } + } + .sm\:overflow-hidden { + @media (width >= 640px) { + overflow: hidden; + } + } + .sm\:p-6 { + @media (width >= 640px) { + padding: calc(var(--spacing) * 6); + } + } + .sm\:px-6 { + @media (width >= 640px) { + padding-inline: calc(var(--spacing) * 6); + } + } + .sm\:px-14 { + @media (width >= 640px) { + padding-inline: calc(var(--spacing) * 14); + } + } + .sm\:py-24 { + @media (width >= 640px) { + padding-block: calc(var(--spacing) * 24); + } + } + .sm\:text-lg { + @media (width >= 640px) { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + } + .md\:mt-0 { + @media (width >= 853px) { + margin-top: calc(var(--spacing) * 0); + } + } + .md\:-mr-16 { + @media (width >= 853px) { + margin-right: calc(var(--spacing) * -16); + } + } + .md\:mr-7 { + @media (width >= 853px) { + margin-right: calc(var(--spacing) * 7); + } + } + .md\:ml-12 { + @media (width >= 853px) { + margin-left: calc(var(--spacing) * 12); + } + } + .md\:flex { + @media (width >= 853px) { + display: flex; + } + } + .md\:hidden { + @media (width >= 853px) { + display: none; + } + } + .md\:h-56 { + @media (width >= 853px) { + height: calc(var(--spacing) * 56); + } + } + .md\:h-\[200px\] { + @media (width >= 853px) { + height: 200px; + } + } + .md\:w-1\/3 { + @media (width >= 853px) { + width: calc(1/3 * 100%); + } + } + .md\:w-auto { + @media (width >= 853px) { + width: auto; + } + } + .md\:grid-cols-3 { + @media (width >= 853px) { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + } + .md\:flex-nowrap { + @media (width >= 853px) { + flex-wrap: nowrap; + } + } + .md\:justify-start { + @media (width >= 853px) { + justify-content: flex-start; + } + } + .md\:p-\[10vh\] { + @media (width >= 853px) { + padding: 10vh; + } + } + .md\:px-24 { + @media (width >= 853px) { + padding-inline: calc(var(--spacing) * 24); + } + } + .lg\:absolute { + @media (width >= 1024px) { + position: absolute; + } + } + .lg\:relative { + @media (width >= 1024px) { + position: relative; + } + } + .lg\:sticky { + @media (width >= 1024px) { + position: sticky; + } + } + .lg\:top-10 { + @media (width >= 1024px) { + top: calc(var(--spacing) * 10); + } + } + .lg\:top-\[140px\] { + @media (width >= 1024px) { + top: 140px; + } + } + .lg\:left-0 { + @media (width >= 1024px) { + left: calc(var(--spacing) * 0); + } + } + .lg\:order-last { + @media (width >= 1024px) { + order: 9999; + } + } + .lg\:m-0 { + @media (width >= 1024px) { + margin: calc(var(--spacing) * 0); + } + } + .lg\:mx-0 { + @media (width >= 1024px) { + margin-inline: calc(var(--spacing) * 0); + } + } + .lg\:mx-auto { + @media (width >= 1024px) { + margin-inline: auto; + } + } + .lg\:mt-0 { + @media (width >= 1024px) { + margin-top: calc(var(--spacing) * 0); + } + } + .lg\:ml-auto { + @media (width >= 1024px) { + margin-left: auto; + } + } + .lg\:block { + @media (width >= 1024px) { + display: block; + } + } + .lg\:grid { + @media (width >= 1024px) { + display: grid; + } + } + .lg\:hidden { + @media (width >= 1024px) { + display: none; + } + } + .lg\:h-72 { + @media (width >= 1024px) { + height: calc(var(--spacing) * 72); + } + } + .lg\:h-full { + @media (width >= 1024px) { + height: 100%; + } + } + .lg\:w-1\/4 { + @media (width >= 1024px) { + width: calc(1/4 * 100%); + } + } + .lg\:w-auto { + @media (width >= 1024px) { + width: auto; + } + } + .lg\:max-w-7xl { + @media (width >= 1024px) { + max-width: var(--container-7xl); + } + } + .lg\:max-w-none { + @media (width >= 1024px) { + max-width: none; + } + } + .lg\:max-w-xs { + @media (width >= 1024px) { + max-width: var(--container-xs); + } + } + .lg\:grid-flow-col-dense { + @media (width >= 1024px) { + grid-auto-flow: column dense; + } + } + .lg\:grid-cols-2 { + @media (width >= 1024px) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .lg\:flex-row { + @media (width >= 1024px) { + flex-direction: row; + } + } + .lg\:gap-24 { + @media (width >= 1024px) { + gap: calc(var(--spacing) * 24); + } + } + .lg\:p-\[12vh\] { + @media (width >= 1024px) { + padding: 12vh; + } + } + .lg\:px-0 { + @media (width >= 1024px) { + padding-inline: calc(var(--spacing) * 0); + } + } + .lg\:px-8 { + @media (width >= 1024px) { + padding-inline: calc(var(--spacing) * 8); + } + } + .lg\:px-32 { + @media (width >= 1024px) { + padding-inline: calc(var(--spacing) * 32); + } + } + .lg\:py-16 { + @media (width >= 1024px) { + padding-block: calc(var(--spacing) * 16); + } + } + .lg\:py-32 { + @media (width >= 1024px) { + padding-block: calc(var(--spacing) * 32); + } + } + .xl\:w-1\/4 { + @media (width >= 1280px) { + width: calc(1/4 * 100%); + } + } + .xl\:grid-cols-4 { + @media (width >= 1280px) { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + } + .\32 xl\:grid-cols-5 { + @media (width >= 1536px) { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + } + .ltr\:right-0 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + right: calc(var(--spacing) * 0); + } + } + .ltr\:-left-6 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + left: calc(var(--spacing) * -6); + } + } + .ltr\:mr-1 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + margin-right: calc(var(--spacing) * 1); + } + } + .ltr\:mr-4 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + margin-right: calc(var(--spacing) * 4); + } + } + .ltr\:-ml-5 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + margin-left: calc(var(--spacing) * -5); + } + } + .ltr\:ml-0 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + margin-left: calc(var(--spacing) * 0); + } + } + .ltr\:ml-2 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + margin-left: calc(var(--spacing) * 2); + } + } + .ltr\:block { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + display: block; + } + } + .ltr\:hidden { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + display: none; + } + } + .ltr\:inline { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + display: inline; + } + } + .ltr\:border-l { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + border-left-style: var(--tw-border-style); + border-left-width: 1px; + } + } + .ltr\:pr-2 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + padding-right: calc(var(--spacing) * 2); + } + } + .ltr\:pr-3 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + padding-right: calc(var(--spacing) * 3); + } + } + .ltr\:pl-5 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + padding-left: calc(var(--spacing) * 5); + } + } + .ltr\:text-right { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + text-align: right; + } + } + .ltr\:sm\:mr-7 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + @media (width >= 640px) { + margin-right: calc(var(--spacing) * 7); + } + } + } + .ltr\:sm\:last\:mr-0 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + @media (width >= 640px) { + &:last-child { + margin-right: calc(var(--spacing) * 0); + } + } + } + } + .ltr\:lg\:pl-8 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + @media (width >= 1024px) { + padding-left: calc(var(--spacing) * 8); + } + } + } + .rtl\:-right-6 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + right: calc(var(--spacing) * -6); + } + } + .rtl\:left-0 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + left: calc(var(--spacing) * 0); + } + } + .rtl\:-mr-5 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-right: calc(var(--spacing) * -5); + } + } + .rtl\:mr-0 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-right: calc(var(--spacing) * 0); + } + } + .rtl\:mr-2 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-right: calc(var(--spacing) * 2); + } + } + .rtl\:ml-1 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-left: calc(var(--spacing) * 1); + } + } + .rtl\:ml-4 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-left: calc(var(--spacing) * 4); + } + } + .rtl\:block { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + display: block; + } + } + .rtl\:hidden { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + display: none; + } + } + .rtl\:inline { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + display: inline; + } + } + .rtl\:border-r { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + border-right-style: var(--tw-border-style); + border-right-width: 1px; + } + } + .rtl\:pr-5 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 5); + } + } + .rtl\:pl-2 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-left: calc(var(--spacing) * 2); + } + } + .rtl\:pl-3 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-left: calc(var(--spacing) * 3); + } + } + .rtl\:text-left { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + text-align: left; + } + } + .rtl\:sm\:ml-7 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + @media (width >= 640px) { + margin-left: calc(var(--spacing) * 7); + } + } + } + .rtl\:sm\:last\:ml-0 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + @media (width >= 640px) { + &:last-child { + margin-left: calc(var(--spacing) * 0); + } + } + } + } + .rtl\:lg\:pr-8 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + @media (width >= 1024px) { + padding-right: calc(var(--spacing) * 8); + } + } + } + .dark\:flex { + &:is(.dark *) { + display: flex; + } + } + .dark\:hidden { + &:is(.dark *) { + display: none; + } + } + .dark\:border-neutral-400 { + &:is(.dark *) { + border-color: rgba(var(--color-neutral-400), 1); + } + } + .dark\:border-neutral-600 { + &:is(.dark *) { + border-color: rgba(var(--color-neutral-600), 1); + } + } + .dark\:border-neutral-700 { + &:is(.dark *) { + border-color: rgba(var(--color-neutral-700), 1); + } + } + .dark\:border-primary-300 { + &:is(.dark *) { + border-color: rgba(var(--color-primary-300), 1); + } + } + .dark\:border-primary-600 { + &:is(.dark *) { + border-color: rgba(var(--color-primary-600), 1); + } + } + .dark\:border-white\/10 { + &:is(.dark *) { + border-color: color-mix(in oklab, #fff 10%, transparent); + } + } + .dark\:prose-invert { + &:is(.dark *) { + --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-kbd: var(--tw-prose-invert-kbd); + --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); + --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); + :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-neutral-600), 1); + &:hover { + color: rgba(var(--color-primary-400), 1); + } + } + :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: rgba(var(--color-neutral-200), 1); + background-color: rgba(var(--color-neutral-700), 1); + } + :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: rgba(var(--color-primary-400), 1); + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: rgba(var(--color-neutral-700), 1); + } + :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + } + } + .dark\:bg-cyan-900 { + &:is(.dark *) { + background-color: oklch(39.8% 0.07 227.392); + } + } + .dark\:bg-green-700 { + &:is(.dark *) { + background-color: oklch(52.7% 0.154 150.069); + } + } + .dark\:bg-green-800 { + &:is(.dark *) { + background-color: oklch(44.8% 0.119 151.328); + } + } + .dark\:bg-green-900 { + &:is(.dark *) { + background-color: oklch(39.3% 0.095 152.535); + } + } + .dark\:bg-neutral-400 { + &:is(.dark *) { + background-color: rgba(var(--color-neutral-400), 1); + } + } + .dark\:bg-neutral-600 { + &:is(.dark *) { + background-color: rgba(var(--color-neutral-600), 1); + } + } + .dark\:bg-neutral-700 { + &:is(.dark *) { + background-color: rgba(var(--color-neutral-700), 1); + } + } + .dark\:bg-neutral-800 { + &:is(.dark *) { + background-color: rgba(var(--color-neutral-800), 1); + } + } + .dark\:bg-neutral-800\/50 { + &:is(.dark *) { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-800), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral-800), 1) 50%, transparent); + } + } + } + .dark\:bg-neutral-900\/50 { + &:is(.dark *) { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 50%, transparent); + } + } + } + .dark\:bg-primary-300 { + &:is(.dark *) { + background-color: rgba(var(--color-primary-300), 1); + } + } + .dark\:bg-primary-400 { + &:is(.dark *) { + background-color: rgba(var(--color-primary-400), 1); + } + } + .dark\:bg-primary-800 { + &:is(.dark *) { + background-color: rgba(var(--color-primary-800), 1); + } + } + .dark\:bg-primary-900 { + &:is(.dark *) { + background-color: rgba(var(--color-primary-900), 1); + } + } + .dark\:bg-sky-500 { + &:is(.dark *) { + background-color: oklch(68.5% 0.169 237.323); + } + } + .dark\:bg-sky-600 { + &:is(.dark *) { + background-color: oklch(58.8% 0.158 241.966); + } + } + .dark\:bg-sky-700 { + &:is(.dark *) { + background-color: oklch(50% 0.134 242.749); + } + } + .dark\:bg-violet-700 { + &:is(.dark *) { + background-color: oklch(49.1% 0.27 292.581); + } + } + .dark\:from-neutral-800 { + &:is(.dark *) { + --tw-gradient-from: rgba(var(--color-neutral-800), 1); + --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)); + } + } + .dark\:from-primary-600 { + &:is(.dark *) { + --tw-gradient-from: rgba(var(--color-primary-600), 1); + --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)); + } + } + .dark\:to-neutral-800 { + &:is(.dark *) { + --tw-gradient-to: rgba(var(--color-neutral-800), 1); + --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)); + } + } + .dark\:to-secondary-800 { + &:is(.dark *) { + --tw-gradient-to: rgba(var(--color-secondary-800), 1); + --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)); + } + } + .dark\:text-green-100 { + &:is(.dark *) { + color: oklch(96.2% 0.044 156.743); + } + } + .dark\:text-green-300 { + &:is(.dark *) { + color: oklch(87.1% 0.15 154.449); + } + } + .dark\:text-neutral { + &:is(.dark *) { + color: rgba(var(--color-neutral), 1); + } + } + .dark\:text-neutral-100 { + &:is(.dark *) { + color: rgba(var(--color-neutral-100), 1); + } + } + .dark\:text-neutral-200 { + &:is(.dark *) { + color: rgba(var(--color-neutral-200), 1); + } + } + .dark\:text-neutral-300 { + &:is(.dark *) { + color: rgba(var(--color-neutral-300), 1); + } + } + .dark\:text-neutral-400 { + &:is(.dark *) { + color: rgba(var(--color-neutral-400), 1); + } + } + .dark\:text-neutral-500 { + &:is(.dark *) { + color: rgba(var(--color-neutral-500), 1); + } + } + .dark\:text-neutral-700 { + &:is(.dark *) { + color: rgba(var(--color-neutral-700), 1); + } + } + .dark\:text-neutral-800 { + &:is(.dark *) { + color: rgba(var(--color-neutral-800), 1); + } + } + .dark\:text-primary-200 { + &:is(.dark *) { + color: rgba(var(--color-primary-200), 1); + } + } + .dark\:text-primary-400 { + &:is(.dark *) { + color: rgba(var(--color-primary-400), 1); + } + } + .dark\:text-sky-50 { + &:is(.dark *) { + color: oklch(97.7% 0.013 236.62); + } + } + .dark\:text-sky-100 { + &:is(.dark *) { + color: oklch(95.1% 0.026 236.824); + } + } + .dark\:text-sky-200 { + &:is(.dark *) { + color: oklch(90.1% 0.058 230.902); + } + } + .dark\:text-violet-100 { + &:is(.dark *) { + color: oklch(94.3% 0.029 294.588); + } + } + .dark\:text-violet-200 { + &:is(.dark *) { + color: oklch(89.4% 0.057 293.283); + } + } + .dark\:text-violet-300 { + &:is(.dark *) { + color: oklch(81.1% 0.111 293.571); + } + } + .dark\:text-white { + &:is(.dark *) { + color: #fff; + } + } + .dark\:opacity-60 { + &:is(.dark *) { + opacity: 60%; + } + } + .dark\:scrollbar-thumb-neutral-600 { + &:is(.dark *) { + --scrollbar-thumb: oklch(43.9% 0 0); + } + } + .dark\:scrollbar-track-neutral-800 { + &:is(.dark *) { + --scrollbar-track: oklch(26.9% 0 0); + } + } + .dark\:group-hover\:text-neutral-700 { + &:is(.dark *) { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: rgba(var(--color-neutral-700), 1); + } + } + } + } + .dark\:group-hover\:text-primary-400 { + &:is(.dark *) { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: rgba(var(--color-primary-400), 1); + } + } + } + } + .dark\:hover\:\!bg-primary-700 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-700), 1) !important; + } + } + } + } + .dark\:hover\:bg-primary-400 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-400), 1); + } + } + } + } + .dark\:hover\:bg-primary-900 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-900), 1); + } + } + } + } + .dark\:hover\:text-neutral-200 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-neutral-200), 1); + } + } + } + } + .dark\:hover\:text-neutral-800 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-neutral-800), 1); + } + } + } + } + .dark\:hover\:text-primary-400 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-400), 1); + } + } + } + } + .dark\:focus\:bg-primary-900 { + &:is(.dark *) { + &:focus { + background-color: rgba(var(--color-primary-900), 1); + } + } + } + .print\:hidden { + @media print { + display: none; + } + } +} +body a, body button { + 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)); +} +button, [role="button"] { + cursor: pointer; +} +.icon svg { + height: 1em; + width: 1em; +} +.logo svg { + height: 5rem; + width: 5rem; +} +#search-query::-webkit-search-cancel-button, #search-query::-webkit-search-decoration, #search-query::-webkit-search-results-button, #search-query::-webkit-search-results-decoration { + display: none; +} +.prose blockquote { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + border-right-style: var(--tw-border-style); + border-right-width: 4px; + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + border-left-style: var(--tw-border-style); + border-left-width: 0px; + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 4); + } +} +.prose ul > li, .prose ol > li { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-right: calc(var(--spacing) * 7); + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 2); + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-left: calc(var(--spacing) * 0); + } +} +.prose ol > li:before, .prose ul > li:before { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + right: calc(var(--spacing) * 1); + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + left: auto; + } +} +.prose thead td:first-child, .prose thead th:first-child { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 0); + } +} +.prose thead td:last-child, .prose thead th:last-child { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-left: calc(var(--spacing) * 0); + } +} +.prose div.min-w-0.max-w-prose > *:first-child { + margin-top: calc(var(--spacing) * 3); +} +#TableOfContents { + @media (width >= 1024px) { + max-width: 25vw; + } +} +#TOCView { + max-height: calc(100vh - 150px); + min-height: 0; + overflow-x: hidden; +} +.toc ul, .toc li { + list-style-type: none; + padding-inline: calc(var(--spacing) * 0); + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); +} +.toc ul ul { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + padding-left: calc(var(--spacing) * 4); + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 4); + } +} +.toc a { + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + color: rgba(var(--color-neutral-700), 1); + &:is(.dark *) { + color: rgba(var(--color-neutral-400), 1); + } +} +.toc ul > li { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-right: calc(var(--spacing) * 0); + } +} +.highlight-wrapper { + display: block; +} +.highlight { + position: relative; + z-index: 0; +} +.highlight:hover > .copy-button { + visibility: visible; +} +.copy-button { + visibility: hidden; + position: absolute; + top: calc(var(--spacing) * 0); + right: calc(var(--spacing) * 0); + z-index: 10; + width: calc(var(--spacing) * 20); + cursor: pointer; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + border-top-right-radius: var(--radius-md); + border-bottom-left-radius: var(--radius-md); + background-color: rgba(var(--color-neutral-200), 1); + padding-block: calc(var(--spacing) * 1); + font-family: var(--font-mono); + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + white-space: nowrap; + color: rgba(var(--color-neutral-700), 1); + opacity: 90%; + &:is(.dark *) { + background-color: rgba(var(--color-neutral-600), 1); + } + &:is(.dark *) { + color: rgba(var(--color-neutral-200), 1); + } +} +.copy-button:hover, .copy-button:focus, .copy-button:active, .copy-button:active:hover { + background-color: rgba(var(--color-primary-100), 1); + &:is(.dark *) { + background-color: rgba(var(--color-primary-600), 1); + } +} +.copy-textarea { + position: absolute; + z-index: calc(10 * -1); + opacity: 5%; +} +.katex-display { + overflow: auto hidden; +} +.katex-display { + padding-right: 2px; + width: calc(100% - 2px); +} +table { + display: block; + overflow: auto; +} +code { + word-wrap: break-word; + overflow-wrap: break-word; +} +a { + word-break: break-word; + word-wrap: break-word; + overflow-wrap: break-word; +} +.prose-invert .highlight pre > code { + background-color: unset; +} +pre { + text-align: left; +} +.thumbnail, .thumbnail_card, .thumbnail_card_related, .thumbnail_card_term, .single_hero_basic, .single_hero_background { + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} +.thumbnail { + min-width: 300px; + height: 180px; +} +.thumbnail_card { + height: 200px; +} +.thumbnail_card_related { + height: 150px; +} +.thumbnail_card_term { + height: 150px; +} +.single_hero_round { + max-height: 50vh; + object-fit: cover; +} +.single_hero_background { + z-index: -10; +} +.hero_gradient { + width: 100%; + height: 100%; +} +.thumbnailshadow { + box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3); +} +.anchor { + display: block; + position: relative; + top: -150px; + height: 0px; + visibility: hidden; +} +[id^="fn"], [id^="fnref"] { + scroll-margin-top: 145px; +} +@media (width >= 640px) { + .thumbnail { + min-width: 100%; + height: 180px; + } + .article { + flex-wrap: wrap; + } +} +@media (width >= 853px) { + .thumbnail { + min-width: 300px; + min-height: 180px; + height: auto; + } + .article { + flex-wrap: nowrap; + } +} +.medium-zoom-image--opened { + z-index: 100; +} +.nested-menu:hover + .menuhide { + visibility: visible; + opacity: 1; + transition: visibility 0.3s, opacity 0.3s ease-in-out; +} +.menuhide:hover { + visibility: visible; + opacity: 1; + transition: visibility 0.3s, opacity 0.3s ease-in-out; +} +.menuhide { + visibility: hidden; + opacity: 0; + transition: visibility 0.3s, opacity 0.3s ease-in-out; + z-index: 1000; +} +.active { + text-decoration-line: underline; + text-decoration-thickness: 3px; + text-underline-offset: 4px; +} +.group-hover-card:hover:has(.group-hover-cancel:hover) .group-hover-card-title { + text-decoration: none !important; +} +@layer base { + [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { + appearance: none; + background-color: #fff; + border-color: oklch(55.1% 0.027 264.364); + border-width: 1px; + border-radius: 0px; + padding-top: 0.5rem; + padding-right: 0.75rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; + --tw-shadow: 0 0 #0000; + &:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: oklch(54.6% 0.245 262.881); + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + border-color: oklch(54.6% 0.245 262.881); + } + } + input::placeholder,textarea::placeholder { + color: oklch(55.1% 0.027 264.364); + opacity: 1; + } + ::-webkit-datetime-edit-fields-wrapper { + padding: 0; + } + ::-webkit-date-and-time-value { + min-height: 1.5em; + } + ::-webkit-date-and-time-value { + text-align: inherit; + } + ::-webkit-datetime-edit { + display: inline-flex; + } + ::-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-top: 0; + padding-bottom: 0; + } + select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 0.5rem center; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 2.5rem; + print-color-adjust: exact; + } + [multiple],[size]:where(select:not([size="1"])) { + background-image: initial; + background-position: initial; + background-repeat: unset; + background-size: initial; + padding-right: 0.75rem; + print-color-adjust: unset; + } + [type='checkbox'],[type='radio'] { + appearance: none; + padding: 0; + print-color-adjust: exact; + display: inline-block; + vertical-align: middle; + background-origin: border-box; + user-select: none; + flex-shrink: 0; + height: 1rem; + width: 1rem; + color: oklch(54.6% 0.245 262.881); + background-color: #fff; + border-color: oklch(55.1% 0.027 264.364); + border-width: 1px; + --tw-shadow: 0 0 #0000; + } + [type='checkbox'] { + border-radius: 0px; + } + [type='radio'] { + border-radius: 100%; + } + [type='checkbox']:focus,[type='radio']:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 2px; + --tw-ring-offset-color: #fff; + --tw-ring-color: oklch(54.6% 0.245 262.881); + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + [type='checkbox']:checked,[type='radio']:checked { + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + } + [type='checkbox']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); + @media (forced-colors: active) { + appearance: auto; + } + } + [type='radio']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); + @media (forced-colors: active) { + appearance: auto; + } + } + [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { + border-color: transparent; + background-color: currentColor; + } + [type='checkbox']:indeterminate { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + @media (forced-colors: active) { + appearance: auto; + } + } + [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { + border-color: transparent; + background-color: currentColor; + } + [type='file'] { + background: unset; + border-color: inherit; + border-width: 0; + border-radius: 0; + padding: 0; + font-size: unset; + line-height: inherit; + } + [type='file']:focus { + outline: 1px solid ButtonText; + outline: 1px auto -webkit-focus-ring-color; + } +} +@layer base { + * { + @supports (-moz-appearance:none) { + scrollbar-color: initial; + scrollbar-width: initial; + } + } +} +@property --tw-font-weight { + syntax: "*"; + inherits: false; +} +@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-scale-x { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-scale-y { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-scale-z { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@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-pan-x { + syntax: "*"; + inherits: false; +} +@property --tw-pan-y { + syntax: "*"; + inherits: false; +} +@property --tw-pinch-zoom { + 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-border-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} +@property --tw-gradient-position { + syntax: "*"; + inherits: false; +} +@property --tw-gradient-from { + syntax: ""; + inherits: false; + initial-value: #0000; +} +@property --tw-gradient-via { + syntax: ""; + inherits: false; + initial-value: #0000; +} +@property --tw-gradient-to { + syntax: ""; + 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: ""; + inherits: false; + initial-value: 0%; +} +@property --tw-gradient-via-position { + syntax: ""; + inherits: false; + initial-value: 50%; +} +@property --tw-gradient-to-position { + syntax: ""; + inherits: false; + initial-value: 100%; +} +@property --tw-leading { + syntax: "*"; + inherits: false; +} +@property --tw-tracking { + syntax: "*"; + inherits: false; +} +@property --tw-ordinal { + syntax: "*"; + inherits: false; +} +@property --tw-slashed-zero { + syntax: "*"; + inherits: false; +} +@property --tw-numeric-figure { + syntax: "*"; + inherits: false; +} +@property --tw-numeric-spacing { + syntax: "*"; + inherits: false; +} +@property --tw-numeric-fraction { + 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: ""; + 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: ""; + 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: ""; + 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-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: ""; + inherits: false; + initial-value: 100%; +} +@property --tw-drop-shadow-size { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-blur { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-brightness { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-contrast { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-grayscale { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-hue-rotate { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-invert { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-opacity { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-saturate { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-sepia { + syntax: "*"; + inherits: false; +} +@property --tw-duration { + syntax: "*"; + inherits: false; +} +@property --tw-ease { + syntax: "*"; + inherits: false; +} +@property --tw-content { + syntax: "*"; + initial-value: ""; + inherits: false; +} +@keyframes pulse { + 50% { + opacity: 0.5; + } +} +@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-font-weight: initial; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-translate-z: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-scale-z: 1; + --tw-rotate-x: initial; + --tw-rotate-y: initial; + --tw-rotate-z: initial; + --tw-skew-x: initial; + --tw-skew-y: initial; + --tw-pan-x: initial; + --tw-pan-y: initial; + --tw-pinch-zoom: initial; + --tw-space-y-reverse: 0; + --tw-space-x-reverse: 0; + --tw-border-style: solid; + --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-tracking: initial; + --tw-ordinal: initial; + --tw-slashed-zero: initial; + --tw-numeric-figure: initial; + --tw-numeric-spacing: initial; + --tw-numeric-fraction: 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-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; + --tw-backdrop-blur: initial; + --tw-backdrop-brightness: initial; + --tw-backdrop-contrast: initial; + --tw-backdrop-grayscale: initial; + --tw-backdrop-hue-rotate: initial; + --tw-backdrop-invert: initial; + --tw-backdrop-opacity: initial; + --tw-backdrop-saturate: initial; + --tw-backdrop-sepia: initial; + --tw-duration: initial; + --tw-ease: initial; + --tw-content: ""; + } + } +} diff --git a/assets/css/schemes/blowfish.css b/assets/css/schemes/blowfish.css new file mode 100644 index 0000000..e5dc5aa --- /dev/null +++ b/assets/css/schemes/blowfish.css @@ -0,0 +1,37 @@ +/* Blowfish scheme */ +:root { + --color-neutral: 255, 255, 255; + /* Gray */ + --color-neutral-50: 248, 250, 252; + --color-neutral-100: 241, 245, 249; + --color-neutral-200: 226, 232, 240; + --color-neutral-300: 203, 213, 225; + --color-neutral-400: 148, 163, 184; + --color-neutral-500: 100, 116, 139; + --color-neutral-600: 71, 85, 105; + --color-neutral-700: 51, 65, 85; + --color-neutral-800: 30, 41, 59; + --color-neutral-900: 15, 23, 42; + /* Blue */ + --color-primary-50: 239, 246, 255; + --color-primary-100: 219, 234, 254; + --color-primary-200: 191, 219, 254; + --color-primary-300: 147, 197, 253; + --color-primary-400: 96, 165, 250; + --color-primary-500: 59, 130, 246; + --color-primary-600: 37, 99, 235; + --color-primary-700: 29, 78, 216; + --color-primary-800: 30, 64, 175; + --color-primary-900: 30, 58, 138; + /* Cyan */ + --color-secondary-50: 236, 254, 255; + --color-secondary-100: 207, 250, 254; + --color-secondary-200: 165, 243, 252; + --color-secondary-300: 103, 232, 249; + --color-secondary-400: 34, 211, 238; + --color-secondary-500: 6, 182, 212; + --color-secondary-600: 8, 145, 178; + --color-secondary-700: 14, 116, 144; + --color-secondary-800: 21, 94, 117; + --color-secondary-900: 22, 78, 99; +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..ad2f96d --- /dev/null +++ b/package.json @@ -0,0 +1,9 @@ +{ + "name": "payne.io", + "version": "1.0.0", + "description": "payne.io website.", + "scripts": { + "dev": "NODE_ENV=development npx ./themes/blowfish/node_modules/@tailwindcss/cli -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit -w", + "build": "NODE_ENV=production npx ./themes/blowfish/node_modules/@tailwindcss/cli -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit" + } +}