From c74d44492e8c19cbdb563078da70023632f83a12 Mon Sep 17 00:00:00 2001 From: Xin Date: Sat, 29 Mar 2025 12:51:42 +0000 Subject: [PATCH] chore: migrate to Tailwind CSS v4.0 (#632) * chore: migrate PostCSS configuration to v4 * chore: update dependencies in package.json and package-lock.json - Bump versions for autoprefixer, postcss, postcss-cli, prettier, and tailwindcss. - Remove unused dependencies to streamline the project. * chore: add @tailwindcss/postcss and update package-lock.json * fix: update import paths in CSS files for consistency * fix: change prefix from `hx-` to `hx:` * chore: migrate primary color theme variables to CSS * fix: remove unnecessary text decoration property from anchor styles in typography CSS * fix: update CSS styles for improved consistency and clarity across components * chore: clean up package.json and package-lock.json, remove unused dependencies, and update CSS imports for better organization * fix: bulk replace prefix `hx-` with `hx:` * fix: update tailwind css prefix * fix: styling consistent issues - steps counter fix in v4 - removed tailwind.css - update hr border colors - fix button cursor in v4 - fix border colors in various places * fix: update class prefixes for consistency in menu and sidebar components * fix: refine CSS classes and transitions for navbar and sidebar components - Updated hamburger menu styles for improved animation and structure. - Adjusted sidebar transition duration for smoother effects. - Standardized class prefixes for consistency across components. * fix: update border color in hero badge component for improved styling consistency * fix: update tab button cursor style for improved user interaction * chore: recompile css * fix: dark mode color not applied for before / after elements * fix: docs navigation * chore: recompile CSS * chore: update Tailwind CSS and PostCSS dependencies to version 4.0.17, recompile CSS, and add safelist * fix: typo in class name and add back decoration-from-font for typography a tags * fix: update class syntax for Tailwind CSS compatibility in mermaid code block --- assets/css/compiled/main.css | 3639 +---------------- assets/css/components/badge.css | 2 +- assets/css/components/code-copy.css | 2 +- assets/css/components/jupyter.css | 8 +- assets/css/components/navbar.css | 79 +- assets/css/components/scrollbar.css | 8 +- assets/css/components/search.css | 20 +- assets/css/components/sidebar.css | 12 +- assets/css/components/steps.css | 29 +- assets/css/highlight.css | 28 +- assets/css/safelist.txt | 1 + assets/css/styles.css | 48 +- assets/css/tailwind.css | 3 - assets/css/typography.css | 76 +- assets/js/back-to-top.js | 4 +- assets/js/flexsearch.js | 6 +- assets/js/lang.js | 4 +- assets/js/menu.js | 38 +- dev.toml | 2 +- exampleSite/content/_index.fa.md | 26 +- exampleSite/content/_index.ja.md | 26 +- exampleSite/content/_index.md | 26 +- exampleSite/content/_index.zh-cn.md | 26 +- .../content/docs/guide/shortcodes/icon.md | 1 + .../content/docs/guide/shortcodes/others.md | 1 + exampleSite/content/showcase/index.fa.md | 4 +- exampleSite/content/showcase/index.md | 4 +- exampleSite/content/showcase/index.zh-cn.md | 4 +- exampleSite/hugo_stats.json | 1045 +++-- .../_markup/render-codeblock-mermaid.html | 2 +- .../_default/_markup/render-codeblock.html | 2 +- layouts/_default/_markup/render-heading.html | 2 +- layouts/_default/list.html | 8 +- layouts/_default/single.html | 14 +- layouts/_default/taxonomy.html | 20 +- layouts/_default/term.html | 16 +- layouts/_default/wide.html | 8 +- layouts/blog/list.html | 28 +- layouts/blog/single.html | 24 +- layouts/docs/list.html | 6 +- layouts/docs/single.html | 6 +- layouts/hextra-home.html | 6 +- layouts/index.html | 8 +- layouts/partials/breadcrumb.html | 8 +- .../components/codeblock-copy-button.html | 8 +- layouts/partials/components/codeblock.html | 2 +- .../components/github-style-alert.html | 22 +- layouts/partials/components/last-updated.html | 6 +- layouts/partials/components/pager.html | 10 +- layouts/partials/footer.html | 24 +- layouts/partials/language-switch.html | 14 +- layouts/partials/navbar.html | 30 +- layouts/partials/search.html | 10 +- layouts/partials/shortcodes/badge.html | 12 +- layouts/partials/shortcodes/callout.html | 14 +- layouts/partials/shortcodes/card.html | 14 +- layouts/partials/shortcodes/cards.html | 2 +- layouts/partials/sidebar.html | 47 +- layouts/partials/theme-toggle.html | 12 +- layouts/partials/toc.html | 22 +- layouts/partials/utils/page-width.html | 6 +- layouts/shortcodes/callout.html | 8 +- layouts/shortcodes/details.html | 8 +- layouts/shortcodes/filetree/container.html | 4 +- layouts/shortcodes/filetree/file.html | 6 +- layouts/shortcodes/filetree/folder.html | 12 +- layouts/shortcodes/hextra/feature-card.html | 12 +- layouts/shortcodes/hextra/feature-grid.html | 2 +- layouts/shortcodes/hextra/hero-badge.html | 2 +- layouts/shortcodes/hextra/hero-button.html | 2 +- layouts/shortcodes/hextra/hero-container.html | 8 +- layouts/shortcodes/hextra/hero-headline.html | 2 +- layouts/shortcodes/hextra/hero-section.html | 2 +- layouts/shortcodes/hextra/hero-subtitle.html | 2 +- layouts/shortcodes/icon.html | 2 +- layouts/shortcodes/steps.html | 2 +- layouts/shortcodes/tab.html | 2 +- layouts/shortcodes/tabs.html | 6 +- package-lock.json | 1779 ++------ package.json | 15 +- postcss.config.js | 12 - postcss.config.mjs | 5 + tailwind.config.js | 90 - taskfile.yaml | 2 +- 84 files changed, 1384 insertions(+), 6186 deletions(-) create mode 100644 assets/css/safelist.txt delete mode 100644 assets/css/tailwind.css delete mode 100644 postcss.config.js create mode 100644 postcss.config.mjs delete mode 100644 tailwind.config.js diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index c482e48..8b35156 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1,3637 +1,2 @@ -/* -! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com -*//* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; /* 1 */ - border-width: 0; /* 2 */ - border-style: solid; /* 2 */ - border-color: #e5e7eb; /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -5. Use the user's configured `sans` font-feature-settings by default. -6. Use the user's configured `sans` font-variation-settings by default. -7. Disable tap highlights on iOS -*/ - -html, -:host { - line-height: 1.5; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - -moz-tab-size: 4; /* 3 */ - -o-tab-size: 4; - tab-size: 4; /* 3 */ - font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ - font-feature-settings: normal; /* 5 */ - font-variation-settings: normal; /* 6 */ - -webkit-tap-highlight-color: transparent; /* 7 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; /* 1 */ - line-height: inherit; /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; /* 1 */ - color: inherit; /* 2 */ - border-top-width: 1px; /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font-family by default. -2. Use the user's configured `mono` font-feature-settings by default. -3. Use the user's configured `mono` font-variation-settings by default. -4. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ - font-feature-settings: normal; /* 2 */ - font-variation-settings: normal; /* 3 */ - font-size: 1em; /* 4 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; /* 1 */ - border-color: inherit; /* 2 */ - border-collapse: collapse; /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-feature-settings: inherit; /* 1 */ - font-variation-settings: inherit; /* 1 */ - font-size: 100%; /* 1 */ - font-weight: inherit; /* 1 */ - line-height: inherit; /* 1 */ - letter-spacing: inherit; /* 1 */ - color: inherit; /* 1 */ - margin: 0; /* 2 */ - padding: 0; /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -input:where([type='button']), -input:where([type='reset']), -input:where([type='submit']) { - -webkit-appearance: button; /* 1 */ - background-color: transparent; /* 2 */ - background-image: none; /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Reset default styling for dialogs. -*/ -dialog { - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; /* 1 */ - color: #9ca3af; /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; /* 1 */ - color: #9ca3af; /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; /* 1 */ - vertical-align: middle; /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -/* Make elements with the HTML hidden attribute stay hidden by default */ -[hidden] { - display: none; -} - -*, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; -} - -::backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; -} -.hx-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; -} -.hx-pointer-events-none { - pointer-events: none; -} -.hx-fixed { - position: fixed; -} -.hx-absolute { - position: absolute; -} -.hx-relative { - position: relative; -} -.hx-sticky { - position: sticky; -} -.hx-inset-0 { - inset: 0px; -} -.hx-inset-x-0 { - left: 0px; - right: 0px; -} -.hx-inset-y-0 { - top: 0px; - bottom: 0px; -} -.hx-bottom-0 { - bottom: 0px; -} -.hx-left-\[24px\] { - left: 24px; -} -.hx-left-\[36px\] { - left: 36px; -} -.hx-right-0 { - right: 0px; -} -.hx-top-0 { - top: 0px; -} -.hx-top-16 { - top: 4rem; -} -.hx-top-8 { - top: 2rem; -} -.hx-top-\[40\%\] { - top: 40%; -} -.hx-top-full { - top: 100%; -} -.hx-z-10 { - z-index: 10; -} -.hx-z-20 { - z-index: 20; -} -.hx-z-\[-1\] { - z-index: -1; -} -.hx-order-last { - order: 9999; -} -.hx-m-\[11px\] { - margin: 11px; -} -.hx-mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; -} -.hx-mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} -.hx-mx-auto { - margin-left: auto; - margin-right: auto; -} -.hx-my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.hx-my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} -.-hx-mb-0\.5 { - margin-bottom: -0.125rem; -} -.-hx-ml-2 { - margin-left: -0.5rem; -} -.-hx-mr-2 { - margin-right: -0.5rem; -} -.-hx-mt-20 { - margin-top: -5rem; -} -.hx-mb-10 { - margin-bottom: 2.5rem; -} -.hx-mb-12 { - margin-bottom: 3rem; -} -.hx-mb-16 { - margin-bottom: 4rem; -} -.hx-mb-2 { - margin-bottom: 0.5rem; -} -.hx-mb-4 { - margin-bottom: 1rem; -} -.hx-mb-6 { - margin-bottom: 1.5rem; -} -.hx-mb-8 { - margin-bottom: 2rem; -} -.hx-ml-4 { - margin-left: 1rem; -} -.hx-mr-1 { - margin-right: 0.25rem; -} -.hx-mr-2 { - margin-right: 0.5rem; -} -.hx-mt-1 { - margin-top: 0.25rem; -} -.hx-mt-1\.5 { - margin-top: 0.375rem; -} -.hx-mt-12 { - margin-top: 3rem; -} -.hx-mt-16 { - margin-top: 4rem; -} -.hx-mt-2 { - margin-top: 0.5rem; -} -.hx-mt-4 { - margin-top: 1rem; -} -.hx-mt-5 { - margin-top: 1.25rem; -} -.hx-mt-6 { - margin-top: 1.5rem; -} -.hx-mt-8 { - margin-top: 2rem; -} -.hx-line-clamp-3 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 3; -} -.hx-block { - display: block; -} -.hx-inline-block { - display: inline-block; -} -.hx-inline { - display: inline; -} -.hx-flex { - display: flex; -} -.hx-inline-flex { - display: inline-flex; -} -.hx-grid { - display: grid; -} -.hx-hidden { - display: none; -} -.hx-aspect-auto { - aspect-ratio: auto; -} -.hx-h-0 { - height: 0px; -} -.hx-h-16 { - height: 4rem; -} -.hx-h-2 { - height: 0.5rem; -} -.hx-h-3\.5 { - height: 0.875rem; -} -.hx-h-4 { - height: 1rem; -} -.hx-h-5 { - height: 1.25rem; -} -.hx-h-7 { - height: 1.75rem; -} -.hx-h-\[18px\] { - height: 18px; -} -.hx-h-full { - height: 100%; -} -.hx-max-h-64 { - max-height: 16rem; -} -.hx-max-h-\[calc\(100vh-var\(--navbar-height\)-env\(safe-area-inset-bottom\)\)\] { - max-height: calc(100vh - var(--navbar-height) - env(safe-area-inset-bottom)); -} -.hx-max-h-\[min\(calc\(50vh-11rem-env\(safe-area-inset-bottom\)\)\,400px\)\] { - max-height: min(calc(50vh - 11rem - env(safe-area-inset-bottom)),400px); -} -.hx-min-h-\[100px\] { - min-height: 100px; -} -.hx-min-h-\[calc\(100vh-var\(--navbar-height\)\)\] { - min-height: calc(100vh - var(--navbar-height)); -} -.hx-w-2 { - width: 0.5rem; -} -.hx-w-3\.5 { - width: 0.875rem; -} -.hx-w-4 { - width: 1rem; -} -.hx-w-64 { - width: 16rem; -} -.hx-w-\[110\%\] { - width: 110%; -} -.hx-w-\[180\%\] { - width: 180%; -} -.hx-w-full { - width: 100%; -} -.hx-w-max { - width: -moz-max-content; - width: max-content; -} -.hx-w-screen { - width: 100vw; -} -.hx-min-w-0 { - min-width: 0px; -} -.hx-min-w-\[18px\] { - min-width: 18px; -} -.hx-min-w-\[24px\] { - min-width: 24px; -} -.hx-min-w-full { - min-width: 100%; -} -.hx-max-w-6xl { - max-width: 72rem; -} -.hx-max-w-\[50\%\] { - max-width: 50%; -} -.hx-max-w-\[90rem\] { - max-width: 90rem; -} -.hx-max-w-\[min\(calc\(100vw-2rem\)\,calc\(100\%\+20rem\)\)\] { - max-width: min(calc(100vw - 2rem),calc(100% + 20rem)); -} -.hx-max-w-none { - max-width: none; -} -.hx-max-w-screen-xl { - max-width: 1280px; -} -.hx-shrink-0 { - flex-shrink: 0; -} -.hx-grow { - flex-grow: 1; -} -.hx-origin-center { - transform-origin: center; -} -.hx-cursor-default { - cursor: default; -} -.hx-cursor-pointer { - cursor: pointer; -} -.hx-select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.hx-scroll-my-6 { - scroll-margin-top: 1.5rem; - scroll-margin-bottom: 1.5rem; -} -.hx-scroll-py-6 { - scroll-padding-top: 1.5rem; - scroll-padding-bottom: 1.5rem; -} -.hx-list-none { - list-style-type: none; -} -.hx-appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.hx-grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} -.hx-flex-col { - flex-direction: column; -} -.hx-flex-wrap { - flex-wrap: wrap; -} -.hx-items-start { - align-items: flex-start; -} -.hx-items-center { - align-items: center; -} -.hx-justify-start { - justify-content: flex-start; -} -.hx-justify-end { - justify-content: flex-end; -} -.hx-justify-center { - justify-content: center; -} -.hx-justify-between { - justify-content: space-between; -} -.hx-justify-items-start { - justify-items: start; -} -.hx-gap-1 { - gap: 0.25rem; -} -.hx-gap-2 { - gap: 0.5rem; -} -.hx-gap-4 { - gap: 1rem; -} -.hx-gap-x-1\.5 { - -moz-column-gap: 0.375rem; - column-gap: 0.375rem; -} -.hx-gap-y-2 { - row-gap: 0.5rem; -} -.hx-overflow-auto { - overflow: auto; -} -.hx-overflow-hidden { - overflow: hidden; -} -.hx-overflow-x-auto { - overflow-x: auto; -} -.hx-overflow-y-auto { - overflow-y: auto; -} -.hx-overflow-x-hidden { - overflow-x: hidden; -} -.hx-overflow-y-hidden { - overflow-y: hidden; -} -.hx-overscroll-contain { - overscroll-behavior: contain; -} -.hx-overscroll-x-contain { - overscroll-behavior-x: contain; -} -.hx-text-ellipsis { - text-overflow: ellipsis; -} -.hx-whitespace-nowrap { - white-space: nowrap; -} -.hx-break-words { - overflow-wrap: break-word; -} -.hx-rounded { - border-radius: 0.25rem; -} -.hx-rounded-3xl { - border-radius: 1.5rem; -} -.hx-rounded-full { - border-radius: 9999px; -} -.hx-rounded-lg { - border-radius: 0.5rem; -} -.hx-rounded-md { - border-radius: 0.375rem; -} -.hx-rounded-sm { - border-radius: 0.125rem; -} -.hx-rounded-xl { - border-radius: 0.75rem; -} -.hx-rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} -.hx-border { - border-width: 1px; -} -.hx-border-b { - border-bottom-width: 1px; -} -.hx-border-b-2 { - border-bottom-width: 2px; -} -.hx-border-t { - border-top-width: 1px; -} -.hx-border-amber-200 { - --tw-border-opacity: 1; - border-color: rgb(253 230 138 / var(--tw-border-opacity)); -} -.hx-border-black\/5 { - border-color: rgb(0 0 0 / 0.05); -} -.hx-border-blue-200 { - --tw-border-opacity: 1; - border-color: rgb(191 219 254 / var(--tw-border-opacity)); -} -.hx-border-gray-200 { - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); -} -.hx-border-gray-500 { - --tw-border-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-border-opacity)); -} -.hx-border-green-200 { - --tw-border-opacity: 1; - border-color: rgb(187 247 208 / var(--tw-border-opacity)); -} -.hx-border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgb(199 210 254 / var(--tw-border-opacity)); -} -.hx-border-orange-100 { - --tw-border-opacity: 1; - border-color: rgb(255 237 213 / var(--tw-border-opacity)); -} -.hx-border-red-200 { - --tw-border-opacity: 1; - border-color: rgb(254 202 202 / var(--tw-border-opacity)); -} -.hx-border-transparent { - border-color: transparent; -} -.hx-border-yellow-100 { - --tw-border-opacity: 1; - border-color: rgb(254 249 195 / var(--tw-border-opacity)); -} -.hx-bg-amber-100 { - --tw-bg-opacity: 1; - background-color: rgb(254 243 199 / var(--tw-bg-opacity)); -} -.hx-bg-black\/80 { - background-color: rgb(0 0 0 / 0.8); -} -.hx-bg-black\/\[\.05\] { - background-color: rgb(0 0 0 / .05); -} -.hx-bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgb(219 234 254 / var(--tw-bg-opacity)); -} -.hx-bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} -.hx-bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgb(220 252 231 / var(--tw-bg-opacity)); -} -.hx-bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgb(224 231 255 / var(--tw-bg-opacity)); -} -.hx-bg-neutral-50 { - --tw-bg-opacity: 1; - background-color: rgb(250 250 250 / var(--tw-bg-opacity)); -} -.hx-bg-orange-50 { - --tw-bg-opacity: 1; - background-color: rgb(255 247 237 / var(--tw-bg-opacity)); -} -.hx-bg-primary-100 { - --tw-bg-opacity: 1; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 44) / var(--tw-bg-opacity)); -} -.hx-bg-primary-400 { - --tw-bg-opacity: 1; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 16) / var(--tw-bg-opacity)); -} -.hx-bg-primary-600 { - --tw-bg-opacity: 1; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45) / var(--tw-bg-opacity)); -} -.hx-bg-primary-700\/5 { - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 39) / 0.05); -} -.hx-bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgb(254 226 226 / var(--tw-bg-opacity)); -} -.hx-bg-transparent { - background-color: transparent; -} -.hx-bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} -.hx-bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgb(254 252 232 / var(--tw-bg-opacity)); -} -.hx-bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); -} -.hx-from-gray-900 { - --tw-gradient-from: #111827 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} -.hx-to-gray-600 { - --tw-gradient-to: #4b5563 var(--tw-gradient-to-position); -} -.hx-bg-clip-text { - -webkit-background-clip: text; - background-clip: text; -} -.hx-p-0\.5 { - padding: 0.125rem; -} -.hx-p-1 { - padding: 0.25rem; -} -.hx-p-1\.5 { - padding: 0.375rem; -} -.hx-p-2 { - padding: 0.5rem; -} -.hx-p-4 { - padding: 1rem; -} -.hx-p-6 { - padding: 1.5rem; -} -.hx-px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; -} -.hx-px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} -.hx-px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; -} -.hx-px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} -.hx-px-4 { - padding-left: 1rem; - padding-right: 1rem; -} -.hx-px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} -.hx-py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} -.hx-py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; -} -.hx-py-12 { - padding-top: 3rem; - padding-bottom: 3rem; -} -.hx-py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} -.hx-py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; -} -.hx-py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} -.hx-py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} -.hx-pb-8 { - padding-bottom: 2rem; -} -.hx-pb-\[env\(safe-area-inset-bottom\)\] { - padding-bottom: env(safe-area-inset-bottom); -} -.hx-pb-px { - padding-bottom: 1px; -} -.hx-pl-\[max\(env\(safe-area-inset-left\)\,1\.5rem\)\] { - padding-left: max(env(safe-area-inset-left),1.5rem); -} -.hx-pr-2 { - padding-right: 0.5rem; -} -.hx-pr-4 { - padding-right: 1rem; -} -.hx-pr-\[calc\(env\(safe-area-inset-right\)-1\.5rem\)\] { - padding-right: calc(env(safe-area-inset-right) - 1.5rem); -} -.hx-pr-\[max\(env\(safe-area-inset-left\)\,1\.5rem\)\] { - padding-right: max(env(safe-area-inset-left),1.5rem); -} -.hx-pr-\[max\(env\(safe-area-inset-right\)\,1\.5rem\)\] { - padding-right: max(env(safe-area-inset-right),1.5rem); -} -.hx-pt-4 { - padding-top: 1rem; -} -.hx-pt-6 { - padding-top: 1.5rem; -} -.hx-pt-8 { - padding-top: 2rem; -} -.hx-text-left { - text-align: left; -} -.hx-text-center { - text-align: center; -} -.hx-align-middle { - vertical-align: middle; -} -.hx-align-text-bottom { - vertical-align: text-bottom; -} -.hx-align-\[-2\.5px\] { - vertical-align: -2.5px; -} -.hx-font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} -.hx-text-2xl { - font-size: 1.5rem; -} -.hx-text-4xl { - font-size: 2.25rem; -} -.hx-text-\[\.65rem\] { - font-size: .65rem; -} -.hx-text-\[10px\] { - font-size: 10px; -} -.hx-text-base { - font-size: 1rem; -} -.hx-text-lg { - font-size: 1.125rem; -} -.hx-text-sm { - font-size: .875rem; -} -.hx-text-xl { - font-size: 1.25rem; -} -.hx-text-xs { - font-size: .75rem; -} -.hx-font-bold { - font-weight: 700; -} -.hx-font-extrabold { - font-weight: 800; -} -.hx-font-medium { - font-weight: 500; -} -.hx-font-normal { - font-weight: 400; -} -.hx-font-semibold { - font-weight: 600; -} -.hx-capitalize { - text-transform: capitalize; -} -.hx-leading-5 { - line-height: 1.25rem; -} -.hx-leading-6 { - line-height: 1.5rem; -} -.hx-leading-7 { - line-height: 1.75rem; -} -.hx-leading-none { - line-height: 1; -} -.hx-leading-tight { - line-height: 1.25; -} -.hx-tracking-tight { - letter-spacing: -0.015em; -} -.hx-text-\[color\:hsl\(var\(--primary-hue\)\,100\%\,50\%\)\] { - --tw-text-opacity: 1; - color: hsl(var(--primary-hue) 100% 50% / var(--tw-text-opacity)); -} -.hx-text-amber-900 { - --tw-text-opacity: 1; - color: rgb(120 53 15 / var(--tw-text-opacity)); -} -.hx-text-blue-900 { - --tw-text-opacity: 1; - color: rgb(30 58 138 / var(--tw-text-opacity)); -} -.hx-text-current { - color: currentColor; -} -.hx-text-gray-100 { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); -} -.hx-text-gray-500 { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} -.hx-text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} -.hx-text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} -.hx-text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} -.hx-text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} -.hx-text-green-900 { - --tw-text-opacity: 1; - color: rgb(20 83 45 / var(--tw-text-opacity)); -} -.hx-text-indigo-900 { - --tw-text-opacity: 1; - color: rgb(49 46 129 / var(--tw-text-opacity)); -} -.hx-text-orange-800 { - --tw-text-opacity: 1; - color: rgb(154 52 18 / var(--tw-text-opacity)); -} -.hx-text-primary-800 { - --tw-text-opacity: 1; - color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 32) / var(--tw-text-opacity)); -} -.hx-text-red-900 { - --tw-text-opacity: 1; - color: rgb(127 29 29 / var(--tw-text-opacity)); -} -.hx-text-slate-900 { - --tw-text-opacity: 1; - color: rgb(15 23 42 / var(--tw-text-opacity)); -} -.hx-text-transparent { - color: transparent; -} -.hx-text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} -.hx-text-yellow-900 { - --tw-text-opacity: 1; - color: rgb(113 63 18 / var(--tw-text-opacity)); -} -.hx-underline { - text-decoration-line: underline; -} -.hx-no-underline { - text-decoration-line: none; -} -.hx-decoration-from-font { - text-decoration-thickness: from-font; -} -.hx-underline-offset-2 { - text-underline-offset: 2px; -} -.hx-opacity-0 { - opacity: 0; -} -.hx-opacity-50 { - opacity: 0.5; -} -.hx-opacity-80 { - opacity: 0.8; -} -.hx-shadow { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hx-shadow-\[0_-12px_16px_\#fff\] { - --tw-shadow: 0 -12px 16px #fff; - --tw-shadow-colored: 0 -12px 16px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hx-shadow-\[0_-12px_16px_white\] { - --tw-shadow: 0 -12px 16px white; - --tw-shadow-colored: 0 -12px 16px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hx-shadow-\[0_2px_4px_rgba\(0\,0\,0\,\.02\)\,0_1px_0_rgba\(0\,0\,0\,\.06\)\] { - --tw-shadow: 0 2px 4px rgba(0,0,0,.02),0 1px 0 rgba(0,0,0,.06); - --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 1px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hx-shadow-lg { - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hx-shadow-sm { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hx-shadow-xl { - --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hx-shadow-gray-100 { - --tw-shadow-color: #f3f4f6; - --tw-shadow: var(--tw-shadow-colored); -} -.hx-ring-1 { - --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, 0 0 #0000); -} -.hx-ring-black\/5 { - --tw-ring-color: rgb(0 0 0 / 0.05); -} -.hx-transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.hx-transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.hx-transition-colors { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.hx-transition-opacity { - transition-property: opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.hx-transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.hx-duration-200 { - transition-duration: 200ms; -} -.hx-duration-75 { - transition-duration: 75ms; -} -.hx-ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); -} -.\[-webkit-tap-highlight-color\:transparent\] { - -webkit-tap-highlight-color: transparent; -} -.\[-webkit-touch-callout\:none\] { - -webkit-touch-callout: none; -} -.\[counter-reset\:step\] { - counter-reset: step; -} -.\[hyphens\:auto\] { - -webkit-hyphens: auto; - hyphens: auto; -} -.\[transition\:background-color_1\.5s_ease\] { - transition: background-color 1.5s ease; -} -.\[word-break\:break-word\] { - word-break: break-word; -} -.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 0.5rem; - font-size: 2.25rem; - font-weight: 700; - letter-spacing: -0.015em; - --tw-text-opacity: 1; - color: rgb(15 23 42 / var(--tw-text-opacity)); -} -.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(241 245 249 / var(--tw-text-opacity)); -} -.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 2.5rem; - border-bottom-width: 1px; - border-color: rgb(229 229 229 / 0.7); - padding-bottom: 0.25rem; - font-size: 1.875rem; - font-weight: 600; - letter-spacing: -0.015em; - --tw-text-opacity: 1; - color: rgb(15 23 42 / var(--tw-text-opacity)); -} -@media (prefers-contrast: more) { - - .content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) { - --tw-border-opacity: 1; - border-color: rgb(163 163 163 / var(--tw-border-opacity)); - } -} -.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 44) / 0.1); - --tw-text-opacity: 1; - color: rgb(241 245 249 / var(--tw-text-opacity)); -} -@media (prefers-contrast: more) { - - .content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(163 163 163 / var(--tw-border-opacity)); - } -} -.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 2rem; - font-size: 1.5rem; - font-weight: 600; - letter-spacing: -0.015em; - --tw-text-opacity: 1; - color: rgb(15 23 42 / var(--tw-text-opacity)); -} -.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(241 245 249 / var(--tw-text-opacity)); -} -.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 2rem; - font-size: 1.25rem; - font-weight: 600; - letter-spacing: -0.015em; - --tw-text-opacity: 1; - color: rgb(15 23 42 / var(--tw-text-opacity)); -} -.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(241 245 249 / var(--tw-text-opacity)); -} -.content :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 2rem; - font-size: 1.125rem; - font-weight: 600; - letter-spacing: -0.015em; - --tw-text-opacity: 1; - color: rgb(15 23 42 / var(--tw-text-opacity)); -} -.content :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(241 245 249 / var(--tw-text-opacity)); -} -.content :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 2rem; - font-size: 1rem; - font-weight: 600; - letter-spacing: -0.015em; - --tw-text-opacity: 1; - color: rgb(15 23 42 / var(--tw-text-opacity)); -} -.content :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(241 245 249 / var(--tw-text-opacity)); -} -.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 1.5rem; - line-height: 1.75rem; -} -.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)):first-child { - margin-top: 0px; -} -.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) { - --tw-text-opacity: 1; - color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45) / var(--tw-text-opacity)); - text-decoration-line: underline; - text-decoration-thickness: from-font; - text-underline-position: from-font; -} -.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 1.5rem; - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); - font-style: italic; - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} -.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):first-child { - margin-top: 0px; -} -.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} -.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):where([dir="ltr"], [dir="ltr"] *) { - border-left-width: 2px; - padding-left: 1.5rem; -} -.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):where([dir="rtl"], [dir="rtl"] *) { - border-right-width: 2px; - padding-right: 1.5rem; -} -.content :where(pre):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)) { - margin-bottom: 1rem; - overflow-x: auto; - border-radius: 0.75rem; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 39) / 0.05); - padding-top: 1rem; - padding-bottom: 1rem; - font-size: .9em; - font-weight: 500; - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; -} -@media (prefers-contrast: more) { - - .content :where(pre):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)) { - border-width: 1px; - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 24) / 0.2); - --tw-contrast: contrast(1.5); - 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); - } -} -.content :where(pre):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 27) / 0.1); -} -@media (prefers-contrast: more) { - - .content :where(pre):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 44) / 0.4); - } -} -.content :where(code):not(:where(.hextra-code-block code, [class~=not-prose],[class~=not-prose] *)) { - overflow-wrap: break-word; - border-radius: 0.375rem; - border-width: 1px; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - --tw-border-opacity: 0.04; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); - --tw-bg-opacity: 0.03; - padding-top: 0.125rem; - padding-bottom: 0.125rem; - padding-left: .25em; - padding-right: .25em; - font-size: .9em; -} -.content :where(code):not(:where(.hextra-code-block code, [class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - border-color: rgb(255 255 255 / 0.1); - background-color: rgb(255 255 255 / 0.1); -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) { - margin-top: 1.5rem; - display: block; - overflow-x: auto; - padding: 0px; -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)):first-child { - margin-top: 0px; -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) tr { - margin: 0px; - border-top-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); - padding: 0px; -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) tr:nth-child(even) { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) tr:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) tr:is(html[class~="dark"] *):nth-child(even) { - background-color: rgb(75 85 99 / 0.2); -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) th { - margin: 0px; - border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - font-weight: 600; -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) th:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) td { - margin: 0px; - border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} -.content :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) td:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} -.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 1.5rem; - list-style-type: decimal; -} -.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):first-child { - margin-top: 0px; -} -.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):where([dir="ltr"], [dir="ltr"] *) { - margin-left: 1.5rem; -} -.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):where([dir="rtl"], [dir="rtl"] *) { - margin-right: 1.5rem; -} -.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) li { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} -.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 1.5rem; - list-style-type: disc; -} -.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):first-child { - margin-top: 0px; -} -.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):where([dir="ltr"], [dir="ltr"] *) { - margin-left: 1.5rem; -} -.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):where([dir="rtl"], [dir="rtl"] *) { - margin-right: 1.5rem; -} -.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) li { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} -/* This CSS rule targets the first nested unordered (ul) or ordered (ol) list - inside the list item (li) of any parent ul or ol. - The rule sets the top margin of the selected list to zero. */ -.content :where(ul, ol) > li > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-top: 0px; -} -.content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) { - overflow-wrap: break-word; - border-radius: 0.375rem; - border-width: 1px; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - --tw-border-opacity: 0.04; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); - --tw-bg-opacity: 0.03; - padding-top: 0.125rem; - padding-bottom: 0.125rem; - padding-left: .25em; - padding-right: .25em; - font-size: .9em; -} -.content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - border-color: rgb(255 255 255 / 0.1); - background-color: rgb(255 255 255 / 0.1); -} -.content :where(pre.mermaid):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)) { - border-radius: 0px; - background-color: transparent; -} -.content :where(pre.mermaid):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)):is(html[class~="dark"] *) { - background-color: transparent; -} -.content :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) { - margin-left: auto; - margin-right: auto; - margin-top: 1rem; - margin-bottom: 1rem; - border-radius: 0.375rem; -} -.content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) figcaption { - margin-top: 0.5rem; - display: block; - text-align: center; - font-size: .875rem; - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} -.content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) figcaption:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} -/* Definition list */ -.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) dt { - margin-top: 1.5rem; - font-weight: 600; -} -.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) dd { - margin-top: 0.5rem; - margin-bottom: 0.5rem; - padding-inline-start: 1.5rem; -} -.content .footnotes { - margin-top: 3rem; - font-size: .875rem; -} -.subheading-anchor { - opacity: 0; - transition-property: opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.subheading-anchor:where([dir="ltr"], [dir="ltr"] *) { - margin-left: 0.25rem; -} -.subheading-anchor:where([dir="rtl"], [dir="rtl"] *) { - margin-right: 0.25rem; -} -span:target + .subheading-anchor, - :hover > .subheading-anchor, - .subheading-anchor:focus { - opacity: 1; -} -span + .subheading-anchor, - :hover > .subheading-anchor { - text-decoration-line: none !important; -} -.subheading-anchor:after { - padding-left: 0.25rem; - padding-right: 0.25rem; - --tw-content: '#'; - content: var(--tw-content); - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} -.subheading-anchor:is(html[class~="dark"] *):after { - --tw-text-opacity: 1; - color: rgb(64 64 64 / var(--tw-text-opacity)); -} -span:target + .subheading-anchor:after { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} -span:target + .subheading-anchor:is(html[class~="dark"] *):after { - --tw-text-opacity: 1; - color: rgb(115 115 115 / var(--tw-text-opacity)); -} -article details > summary::-webkit-details-marker { - display: none; -} -article details > summary::before { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='hx-h-5 hx-w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E"); - height: 1.2em; - width: 1.2em; - vertical-align: -4px; - padding: 0 0.6em; - } -:lang(fa) ol { - list-style-type: persian; -} -/* Code syntax highlight */ -/* Light theme for syntax highlight */ -/* Generated using `hugo gen chromastyles --style=github` */ -.highlight { - /* Background .bg { background-color: #ffffff; } */ - /* PreWrapper .chroma { background-color: #ffffff; } */ - /* Other .chroma .x { } */ - /* CodeLine .chroma .cl { } */ - /* LineTableTD .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } */ - /* LineTable .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } */ - /* LineHighlight .chroma .hl { background-color: #ffffcc } */ - /* LineNumbersTable .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } */ - /* LineNumbers .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } */ - /* Name .chroma .n { } */ - /* NameFunctionMagic .chroma .fm { } */ - /* NameOther .chroma .nx { } */ - /* NameProperty .chroma .py { } */ - /* NameVariableMagic .chroma .vm { } */ - /* Literal .chroma .l { } */ - /* LiteralDate .chroma .ld { } */ - /* Punctuation .chroma .p { } */ - /* Generic .chroma .g { } */ -} -/* Error */ -.highlight .chroma .err { color: #a61717; background-color: #e3d2d2 } -/* LineLink */ -.highlight .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } -/* Line */ -.highlight .chroma .line { display: flex; } -/* Keyword */ -.highlight .chroma .k { color: #000000; font-weight: bold } -/* KeywordConstant */ -.highlight .chroma .kc { color: #000000; font-weight: bold } -/* KeywordDeclaration */ -.highlight .chroma .kd { color: #000000; font-weight: bold } -/* KeywordNamespace */ -.highlight .chroma .kn { color: #000000; font-weight: bold } -/* KeywordPseudo */ -.highlight .chroma .kp { color: #000000; font-weight: bold } -/* KeywordReserved */ -.highlight .chroma .kr { color: #000000; font-weight: bold } -/* KeywordType */ -.highlight .chroma .kt { color: #445588; font-weight: bold } -/* NameAttribute */ -.highlight .chroma .na { color: #008080 } -/* NameBuiltin */ -.highlight .chroma .nb { color: #0086b3 } -/* NameBuiltinPseudo */ -.highlight .chroma .bp { color: #999999 } -/* NameClass */ -.highlight .chroma .nc { color: #445588; font-weight: bold } -/* NameConstant */ -.highlight .chroma .no { color: #008080 } -/* NameDecorator */ -.highlight .chroma .nd { color: #3c5d5d; font-weight: bold } -/* NameEntity */ -.highlight .chroma .ni { color: #800080 } -/* NameException */ -.highlight .chroma .ne { color: #990000; font-weight: bold } -/* NameFunction */ -.highlight .chroma .nf { color: #990000; font-weight: bold } -/* NameLabel */ -.highlight .chroma .nl { color: #990000; font-weight: bold } -/* NameNamespace */ -.highlight .chroma .nn { color: #555555 } -/* NameTag */ -.highlight .chroma .nt { color: #000080 } -/* NameVariable */ -.highlight .chroma .nv { color: #008080 } -/* NameVariableClass */ -.highlight .chroma .vc { color: #008080 } -/* NameVariableGlobal */ -.highlight .chroma .vg { color: #008080 } -/* NameVariableInstance */ -.highlight .chroma .vi { color: #008080 } -/* LiteralString */ -.highlight .chroma .s { color: #dd1144 } -/* LiteralStringAffix */ -.highlight .chroma .sa { color: #dd1144 } -/* LiteralStringBacktick */ -.highlight .chroma .sb { color: #dd1144 } -/* LiteralStringChar */ -.highlight .chroma .sc { color: #dd1144 } -/* LiteralStringDelimiter */ -.highlight .chroma .dl { color: #dd1144 } -/* LiteralStringDoc */ -.highlight .chroma .sd { color: #dd1144 } -/* LiteralStringDouble */ -.highlight .chroma .s2 { color: #dd1144 } -/* LiteralStringEscape */ -.highlight .chroma .se { color: #dd1144 } -/* LiteralStringHeredoc */ -.highlight .chroma .sh { color: #dd1144 } -/* LiteralStringInterpol */ -.highlight .chroma .si { color: #dd1144 } -/* LiteralStringOther */ -.highlight .chroma .sx { color: #dd1144 } -/* LiteralStringRegex */ -.highlight .chroma .sr { color: #009926 } -/* LiteralStringSingle */ -.highlight .chroma .s1 { color: #dd1144 } -/* LiteralStringSymbol */ -.highlight .chroma .ss { color: #990073 } -/* LiteralNumber */ -.highlight .chroma .m { color: #009999 } -/* LiteralNumberBin */ -.highlight .chroma .mb { color: #009999 } -/* LiteralNumberFloat */ -.highlight .chroma .mf { color: #009999 } -/* LiteralNumberHex */ -.highlight .chroma .mh { color: #009999 } -/* LiteralNumberInteger */ -.highlight .chroma .mi { color: #009999 } -/* LiteralNumberIntegerLong */ -.highlight .chroma .il { color: #009999 } -/* LiteralNumberOct */ -.highlight .chroma .mo { color: #009999 } -/* Operator */ -.highlight .chroma .o { color: #000000; font-weight: bold } -/* OperatorWord */ -.highlight .chroma .ow { color: #000000; font-weight: bold } -/* Comment */ -.highlight .chroma .c { color: #999988; font-style: italic } -/* CommentHashbang */ -.highlight .chroma .ch { color: #999988; font-style: italic } -/* CommentMultiline */ -.highlight .chroma .cm { color: #999988; font-style: italic } -/* CommentSingle */ -.highlight .chroma .c1 { color: #999988; font-style: italic } -/* CommentSpecial */ -.highlight .chroma .cs { color: #999999; font-weight: bold; font-style: italic } -/* CommentPreproc */ -.highlight .chroma .cp { color: #999999; font-weight: bold; font-style: italic } -/* CommentPreprocFile */ -.highlight .chroma .cpf { color: #999999; font-weight: bold; font-style: italic } -/* GenericDeleted */ -.highlight .chroma .gd { color: #000000; background-color: #ffdddd } -/* GenericEmph */ -.highlight .chroma .ge { color: #000000; font-style: italic } -/* GenericError */ -.highlight .chroma .gr { color: #aa0000 } -/* GenericHeading */ -.highlight .chroma .gh { color: #999999 } -/* GenericInserted */ -.highlight .chroma .gi { color: #000000; background-color: #ddffdd } -/* GenericOutput */ -.highlight .chroma .go { color: #888888 } -/* GenericPrompt */ -.highlight .chroma .gp { color: #555555 } -/* GenericStrong */ -.highlight .chroma .gs { font-weight: bold } -/* GenericSubheading */ -.highlight .chroma .gu { color: #aaaaaa } -/* GenericTraceback */ -.highlight .chroma .gt { color: #aa0000 } -/* GenericUnderline */ -.highlight .chroma .gl { text-decoration: underline } -/* TextWhitespace */ -.highlight .chroma .w { color: #bbbbbb } -.dark .highlight { - /* Background .bg { color: #c9d1d9; background-color: #0d1117; } - /* PreWrapper .chroma { color: #c9d1d9; background-color: #0d1117; } */ - /* LineTableTD .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } */ - /* LineTable .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } */ - /* LineHighlight .chroma .hl { background-color: #ffffcc } */ - /* LineNumbersTable .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #64686c } */ - /* LineNumbers .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #6e7681 } */ -} -/* Other */ -.dark .highlight .chroma .x { } -/* Error */ -.dark .highlight .chroma .err { color: #f85149 } -/* CodeLine */ -.dark .highlight .chroma .cl { } -/* LineLink */ -.dark .highlight .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } -/* Line */ -.dark .highlight .chroma .line { display: flex; } -/* Keyword */ -.dark .highlight .chroma .k { color: #ff7b72 } -/* KeywordConstant */ -.dark .highlight .chroma .kc { color: #79c0ff } -/* KeywordDeclaration */ -.dark .highlight .chroma .kd { color: #ff7b72 } -/* KeywordNamespace */ -.dark .highlight .chroma .kn { color: #ff7b72 } -/* KeywordPseudo */ -.dark .highlight .chroma .kp { color: #79c0ff } -/* KeywordReserved */ -.dark .highlight .chroma .kr { color: #ff7b72 } -/* KeywordType */ -.dark .highlight .chroma .kt { color: #ff7b72 } -/* Name */ -.dark .highlight .chroma .n { } -/* NameAttribute */ -.dark .highlight .chroma .na { } -/* NameBuiltin */ -.dark .highlight .chroma .nb { } -/* NameBuiltinPseudo */ -.dark .highlight .chroma .bp { } -/* NameClass */ -.dark .highlight .chroma .nc { color: #f0883e; font-weight: bold } -/* NameConstant */ -.dark .highlight .chroma .no { color: #79c0ff; font-weight: bold } -/* NameDecorator */ -.dark .highlight .chroma .nd { color: #d2a8ff; font-weight: bold } -/* NameEntity */ -.dark .highlight .chroma .ni { color: #ffa657 } -/* NameException */ -.dark .highlight .chroma .ne { color: #f0883e; font-weight: bold } -/* NameFunction */ -.dark .highlight .chroma .nf { color: #d2a8ff; font-weight: bold } -/* NameFunctionMagic */ -.dark .highlight .chroma .fm { } -/* NameLabel */ -.dark .highlight .chroma .nl { color: #79c0ff; font-weight: bold } -/* NameNamespace */ -.dark .highlight .chroma .nn { color: #ff7b72 } -/* NameOther */ -.dark .highlight .chroma .nx { } -/* NameProperty */ -.dark .highlight .chroma .py { color: #79c0ff } -/* NameTag */ -.dark .highlight .chroma .nt { color: #7ee787 } -/* NameVariable */ -.dark .highlight .chroma .nv { color: #79c0ff } -/* NameVariableClass */ -.dark .highlight .chroma .vc { } -/* NameVariableGlobal */ -.dark .highlight .chroma .vg { } -/* NameVariableInstance */ -.dark .highlight .chroma .vi { } -/* NameVariableMagic */ -.dark .highlight .chroma .vm { } -/* Literal */ -.dark .highlight .chroma .l { color: #a5d6ff } -/* LiteralDate */ -.dark .highlight .chroma .ld { color: #79c0ff } -/* LiteralString */ -.dark .highlight .chroma .s { color: #a5d6ff } -/* LiteralStringAffix */ -.dark .highlight .chroma .sa { color: #79c0ff } -/* LiteralStringBacktick */ -.dark .highlight .chroma .sb { color: #a5d6ff } -/* LiteralStringChar */ -.dark .highlight .chroma .sc { color: #a5d6ff } -/* LiteralStringDelimiter */ -.dark .highlight .chroma .dl { color: #79c0ff } -/* LiteralStringDoc */ -.dark .highlight .chroma .sd { color: #a5d6ff } -/* LiteralStringDouble */ -.dark .highlight .chroma .s2 { color: #a5d6ff } -/* LiteralStringEscape */ -.dark .highlight .chroma .se { color: #79c0ff } -/* LiteralStringHeredoc */ -.dark .highlight .chroma .sh { color: #79c0ff } -/* LiteralStringInterpol */ -.dark .highlight .chroma .si { color: #a5d6ff } -/* LiteralStringOther */ -.dark .highlight .chroma .sx { color: #a5d6ff } -/* LiteralStringRegex */ -.dark .highlight .chroma .sr { color: #79c0ff } -/* LiteralStringSingle */ -.dark .highlight .chroma .s1 { color: #a5d6ff } -/* LiteralStringSymbol */ -.dark .highlight .chroma .ss { color: #a5d6ff } -/* LiteralNumber */ -.dark .highlight .chroma .m { color: #a5d6ff } -/* LiteralNumberBin */ -.dark .highlight .chroma .mb { color: #a5d6ff } -/* LiteralNumberFloat */ -.dark .highlight .chroma .mf { color: #a5d6ff } -/* LiteralNumberHex */ -.dark .highlight .chroma .mh { color: #a5d6ff } -/* LiteralNumberInteger */ -.dark .highlight .chroma .mi { color: #a5d6ff } -/* LiteralNumberIntegerLong */ -.dark .highlight .chroma .il { color: #a5d6ff } -/* LiteralNumberOct */ -.dark .highlight .chroma .mo { color: #a5d6ff } -/* Operator */ -.dark .highlight .chroma .o { color: #ff7b72; font-weight: bold } -/* OperatorWord */ -.dark .highlight .chroma .ow { color: #ff7b72; font-weight: bold } -/* Punctuation */ -.dark .highlight .chroma .p { } -/* Comment */ -.dark .highlight .chroma .c { color: #8b949e; font-style: italic } -/* CommentHashbang */ -.dark .highlight .chroma .ch { color: #8b949e; font-style: italic } -/* CommentMultiline */ -.dark .highlight .chroma .cm { color: #8b949e; font-style: italic } -/* CommentSingle */ -.dark .highlight .chroma .c1 { color: #8b949e; font-style: italic } -/* CommentSpecial */ -.dark .highlight .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic } -/* CommentPreproc */ -.dark .highlight .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic } -/* CommentPreprocFile */ -.dark .highlight .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic } -/* Generic */ -.dark .highlight .chroma .g { } -/* GenericDeleted */ -.dark .highlight .chroma .gd { color: #ffa198; background-color: #490202 } -/* GenericEmph */ -.dark .highlight .chroma .ge { color: inherit; font-style: italic } -/* GenericError */ -.dark .highlight .chroma .gr { color: #ffa198 } -/* GenericHeading */ -.dark .highlight .chroma .gh { color: #79c0ff; font-weight: bold } -/* GenericInserted */ -.dark .highlight .chroma .gi { color: #56d364; background-color: #0f5323 } -/* GenericOutput */ -.dark .highlight .chroma .go { color: #8b949e } -/* GenericPrompt */ -.dark .highlight .chroma .gp { color: #8b949e } -/* GenericStrong */ -.dark .highlight .chroma .gs { font-weight: bold } -/* GenericSubheading */ -.dark .highlight .chroma .gu { color: #79c0ff } -/* GenericTraceback */ -.dark .highlight .chroma .gt { color: #ff7b72 } -/* GenericUnderline */ -.dark .highlight .chroma .gl { text-decoration: underline } -/* TextWhitespace */ -.dark .highlight .chroma .w { color: #6e7681 } -.hextra-code-block { - font-size: .9em; - line-height: 1.25rem; -} -.hextra-code-block pre { - overflow-x: auto; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 39) / 0.05); - font-size: .9em; - font-weight: 500; - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; -} -@media (prefers-contrast: more) { - - .hextra-code-block pre { - border-width: 1px; - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 24) / 0.2); - --tw-contrast: contrast(1.5); - 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); - } -} -.hextra-code-block pre:is(html[class~="dark"] *) { - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 27) / 0.1); -} -@media (prefers-contrast: more) { - - .hextra-code-block pre:is(html[class~="dark"] *) { - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 44) / 0.4); - } -} -.hextra-code-block .filename { - position: absolute; - top: 0px; - z-index: 1; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 39) / 0.05); - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1rem; - padding-right: 1rem; - font-size: .75rem; - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} -.hextra-code-block .filename:is(html[class~="dark"] *) { - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 27) / 0.1); - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} -.hextra-code-block .filename + pre:not(.lntable pre) { - /* Override padding for code blocks with filename but no highlight */ - padding-top: 3rem; - } -.hextra-code-block pre:not(.lntable pre) { - margin-bottom: 1rem; - border-radius: 0.75rem; - padding-left: 1rem; - padding-right: 1rem; - padding-top: 1rem; - padding-bottom: 1rem; -} -.hextra-code-block div:nth-of-type(2) pre { - padding-top: 3rem; - padding-bottom: 1rem; -} -.chroma .lntable { - margin: 0px; - display: block; - width: auto; - overflow: auto; - border-radius: 0.75rem; -} -.chroma .lntable pre { - padding-top: 1rem; - padding-bottom: 1rem; -} -.chroma .ln, - .chroma .lnt:not(.hl > .lnt), - .chroma .hl:not(.line) { - min-width: 2.6rem; - padding-left: 1rem; - padding-right: 1rem; - --tw-text-opacity: 1; - color: rgb(82 82 82 / var(--tw-text-opacity)); -} -.chroma .ln:is(html[class~="dark"] *), - .chroma .lnt:not(.hl > .lnt):is(html[class~="dark"] *), - .chroma .hl:not(.line):is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(212 212 212 / var(--tw-text-opacity)); -} -.chroma .lntd { - padding: 0px; - vertical-align: top; -} -.chroma .lntd:last-of-type { - width: 100%; -} -/* LineHighlight */ -.chroma .hl { - display: block; - width: 100%; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 32) / 0.1); -} -.hextra-cards { - grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - 1rem * 2) / var(--hextra-cards-grid-cols))), 1fr)); -} -.hextra-card { - position: relative; -} -.hextra-card img { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.hextra-card:hover svg { - color: currentColor; -} -.hextra-card svg { - width: 1.5rem; - color: #00000033; - transition: color 0.3s ease; -} -.hextra-card p { - margin-top: 0.5rem; - position: relative; -} -.dark .hextra-card svg { - color: #ffffff66; -} -.dark .hextra-card:hover svg { - color: currentColor; -} -.hextra-card-tag { - position: absolute; - top: 5px; - right: 5px; - z-index: 10; -} -.steps h3 { - counter-increment: step; -} -.steps h3:before { - position: absolute; - height: 33px; - width: 33px; - border-width: 4px; - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} -.steps h3:is(html[class~="dark"] *):before { - --tw-border-opacity: 1; - border-color: rgb(17 17 17 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity)); -} -.steps h3:before { - border-radius: 9999px; - text-align: center; - text-indent: -1px; - font-size: 1rem; - font-weight: 400; - --tw-text-opacity: 1; - color: rgb(163 163 163 / var(--tw-text-opacity)); - margin-top: 3px; -} -.steps h3:where([dir="ltr"], [dir="ltr"] *):before { - margin-left: -41px; -} -.steps h3:where([dir="rtl"], [dir="rtl"] *):before { - margin-right: -44px; -} -.steps h3:before { - content: counter(step); - } -:lang(fa) .steps h3:before { - content: counter(step, persian); - } -.search-wrapper li { - margin-left: 0.625rem; - margin-right: 0.625rem; - overflow-wrap: break-word; - border-radius: 0.375rem; - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} -@media (prefers-contrast: more) { - - .search-wrapper li { - border-width: 1px; - border-color: transparent; - } -} -.search-wrapper li:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} -.search-wrapper li a { - display: block; - scroll-margin: 3rem; - padding-left: 0.625rem; - padding-right: 0.625rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} -.search-wrapper li .title { - font-size: 1rem; - font-weight: 600; - line-height: 1.25rem; -} -.search-wrapper li .active { - border-radius: 0.375rem; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 50) / 0.1); -} -@media (prefers-contrast: more) { - - .search-wrapper li .active { - --tw-border-opacity: 1; - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 50) / var(--tw-border-opacity)); - } -} -.search-wrapper .no-result { - display: block; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - padding: 2rem; - text-align: center; - font-size: .875rem; - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} -.search-wrapper .prefix { - margin-left: 0.625rem; - margin-right: 0.625rem; - margin-bottom: 0.5rem; - margin-top: 1.5rem; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - border-bottom-width: 1px; - border-color: rgb(0 0 0 / 0.1); - padding-left: 0.625rem; - padding-right: 0.625rem; - padding-bottom: 0.375rem; - font-size: .75rem; - font-weight: 600; - text-transform: uppercase; - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} -.search-wrapper .prefix:first-child { - margin-top: 0px; -} -@media (prefers-contrast: more) { - - .search-wrapper .prefix { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); - } -} -.search-wrapper .prefix:is(html[class~="dark"] *) { - border-color: rgb(255 255 255 / 0.2); - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} -@media (prefers-contrast: more) { - - .search-wrapper .prefix:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(249 250 251 / var(--tw-border-opacity)); - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); - } -} -.search-wrapper .excerpt { - margin-top: 0.25rem; - overflow: hidden; - text-overflow: ellipsis; - font-size: .875rem; - line-height: 1.35rem; - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} -.search-wrapper .excerpt:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} -@media (prefers-contrast: more) { - - .search-wrapper .excerpt:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); - } -} -.search-wrapper .excerpt { - display: -webkit-box; - line-clamp: 1; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - } -.search-wrapper .match { - --tw-text-opacity: 1; - color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45) / var(--tw-text-opacity)); -} -@media (max-width: 767px) { - .sidebar-container { - position: fixed; - top: 0px; - bottom: 0px; - z-index: 15; - width: 100%; - overscroll-behavior: contain; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding-top: calc(var(--navbar-height)); - } - .sidebar-container:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: rgb(17 17 17 / var(--tw-bg-opacity)); - } - .sidebar-container { - transition: transform 0.8s cubic-bezier(0.52, 0.16, 0.04, 1); - will-change: transform, opacity; - contain: layout style; - backface-visibility: hidden; - } -} -.sidebar-container li > div { - height: 0px; -} -.sidebar-container li.open > div { - height: auto; - padding-top: 0.25rem; -} -.sidebar-container li.open > a > span > svg > path { - --tw-rotate: 90deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} -nav .search-wrapper { - display: none; -} -@media (min-width: 768px) { - - nav .search-wrapper { - display: inline-block; - } -} -@supports ( - ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) -) { - .nav-container-blur { - background-color: rgb(255 255 255 / .85); - --tw-backdrop-blur: blur(12px); - -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); - } - .nav-container-blur:is(html[class~="dark"] *) { - background-color: rgb(17 17 17 / 0.8) !important; - } -} -.hamburger-menu svg g { - transform-origin: center; - transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); -} -.hamburger-menu svg path { - opacity: 1; - transition: - transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, - opacity 0.2s ease 0.2s; - } -.hamburger-menu svg.open path { - transition: - transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), - opacity 0s ease 0.2s; - } -.hamburger-menu svg.open g { - transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; - } -.hamburger-menu svg.open > path { - opacity: 0; -} -.hamburger-menu svg.open > g:nth-of-type(1) { - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} -.hamburger-menu svg.open > g:nth-of-type(1) path { - transform: translate3d(0, 4px, 0); - } -.hamburger-menu svg.open > g:nth-of-type(2) { - --tw-rotate: -45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} -.hamburger-menu svg.open > g:nth-of-type(2) path { - transform: translate3d(0, -4px, 0); - } -.hextra-scrollbar, .hextra-scrollbar * { - scrollbar-width: thin; /* Firefox */ - scrollbar-color: oklch(55.55% 0 0 / 40%) transparent; /* Firefox */ - - scrollbar-gutter: stable; -} -.hextra-scrollbar::-webkit-scrollbar, .hextra-scrollbar *::-webkit-scrollbar { - height: 0.75rem; - width: 0.75rem; -} -.hextra-scrollbar::-webkit-scrollbar-track, .hextra-scrollbar *::-webkit-scrollbar-track { - background-color: transparent; -} -.hextra-scrollbar::-webkit-scrollbar-thumb, .hextra-scrollbar *::-webkit-scrollbar-thumb { - border-radius: 10px; -} -.hextra-scrollbar:hover::-webkit-scrollbar-thumb, .hextra-scrollbar *:hover::-webkit-scrollbar-thumb { - border: 3px solid transparent; - background-color: var(--tw-shadow-color); - background-clip: content-box; - --tw-shadow-color: rgb(115 115 115 / 0.2); - --tw-shadow: var(--tw-shadow-colored); - } -.hextra-scrollbar:hover::-webkit-scrollbar-thumb:hover, .hextra-scrollbar *:hover::-webkit-scrollbar-thumb:hover { - --tw-shadow-color: rgb(115 115 115 / 0.4); - --tw-shadow: var(--tw-shadow-colored); -} -@supports ( - ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) -) { - .hextra-code-copy-btn { - --tw-bg-opacity: .85; - --tw-backdrop-blur: blur(12px); - -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); - } - .hextra-code-copy-btn:is(html[class~="dark"] *) { - --tw-bg-opacity: 0.8; - } -} -@media (min-width: 1024px) { -.hextra-feature-grid { - grid-template-columns: repeat(var(--hextra-feature-grid-cols), minmax(0, 1fr)) -} - } -.hextra-jupyter-code-cell { - scrollbar-gutter: auto; - margin-top: 1.5rem; -} -.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container { - overflow: hidden; - font-size: .75rem; -} -.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container .hextra-jupyter-code-cell-outputs { - max-height: 50vh; - overflow: auto; -} -.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container .hextra-jupyter-code-cell-outputs pre { - max-width: 100%; - overflow: auto; - font-size: .75rem; -} -.hextra-badge { - display: inline-flex; - align-items: center; -} -html { - font-size: 1rem; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-feature-settings: "rlig" 1, "calt" 1, "ss01" 1; - -webkit-tap-highlight-color: transparent; -} -body { - width: 100%; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} -body:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: rgb(17 17 17 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); -} -:root { - --primary-hue: 212deg; - --primary-saturation: 100%; - --primary-lightness: 50%; - --navbar-height: 4rem; - --menu-height: 3.75rem; -} -.dark { - --primary-hue: 204deg; - --primary-saturation: 100%; - --primary-lightness: 50%; -} -.placeholder\:hx-text-gray-500::-moz-placeholder { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} -.placeholder\:hx-text-gray-500::placeholder { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} -.before\:hx-pointer-events-none::before { - content: var(--tw-content); - pointer-events: none; -} -.before\:hx-absolute::before { - content: var(--tw-content); - position: absolute; -} -.before\:hx-inset-0::before { - content: var(--tw-content); - inset: 0px; -} -.before\:hx-inset-y-1::before { - content: var(--tw-content); - top: 0.25rem; - bottom: 0.25rem; -} -.before\:hx-mr-1::before { - content: var(--tw-content); - margin-right: 0.25rem; -} -.before\:hx-inline-block::before { - content: var(--tw-content); - display: inline-block; -} -.before\:hx-w-px::before { - content: var(--tw-content); - width: 1px; -} -.before\:hx-bg-gray-200::before { - content: var(--tw-content); - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} -.before\:hx-opacity-25::before { - content: var(--tw-content); - opacity: 0.25; -} -.before\:hx-transition-transform::before { - content: var(--tw-content); - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} -.before\:hx-content-\[\'\#\'\]::before { - --tw-content: '#'; - content: var(--tw-content); -} -.before\:hx-content-\[\'\'\]::before { - --tw-content: ''; - content: var(--tw-content); -} -.before\:hx-content-\[\\\"\\\"\]::before { - --tw-content: \"\"; - content: var(--tw-content); -} -.first\:hx-mt-0:first-child { - margin-top: 0px; -} -.last-of-type\:hx-mb-0:last-of-type { - margin-bottom: 0px; -} -.hover\:hx-border-gray-200:hover { - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); -} -.hover\:hx-border-gray-300:hover { - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); -} -.hover\:hx-border-gray-400:hover { - --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); -} -.hover\:hx-border-gray-900:hover { - --tw-border-opacity: 1; - border-color: rgb(17 24 39 / var(--tw-border-opacity)); -} -.hover\:hx-bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); -} -.hover\:hx-bg-gray-800\/5:hover { - background-color: rgb(31 41 55 / 0.05); -} -.hover\:hx-bg-primary-50:hover { - --tw-bg-opacity: 1; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 47) / var(--tw-bg-opacity)); -} -.hover\:hx-bg-primary-700:hover { - --tw-bg-opacity: 1; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 39) / var(--tw-bg-opacity)); -} -.hover\:hx-bg-slate-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(248 250 252 / var(--tw-bg-opacity)); -} -.hover\:hx-text-black:hover { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} -.hover\:hx-text-gray-800:hover { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} -.hover\:hx-text-gray-900:hover { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} -.hover\:hx-text-primary-600:hover { - --tw-text-opacity: 1; - color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45) / var(--tw-text-opacity)); -} -.hover\:hx-opacity-60:hover { - opacity: 0.6; -} -.hover\:hx-opacity-75:hover { - opacity: 0.75; -} -.hover\:hx-shadow-lg:hover { - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hover\:hx-shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hover\:hx-shadow-gray-100:hover { - --tw-shadow-color: #f3f4f6; - --tw-shadow: var(--tw-shadow-colored); -} -.focus\:hx-bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} -.focus\:hx-outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} -.focus\:hx-ring-4:focus { - --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} -.focus\:hx-ring-primary-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 27) / var(--tw-ring-opacity)); -} -.active\:hx-bg-gray-400\/20:active { - background-color: rgb(156 163 175 / 0.2); -} -.active\:hx-opacity-50:active { - opacity: 0.5; -} -.active\:hx-shadow-sm:active { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.active\:hx-shadow-gray-200:active { - --tw-shadow-color: #e5e7eb; - --tw-shadow: var(--tw-shadow-colored); -} -.hx-group[open] .group-open\:before\:hx-rotate-90::before { - content: var(--tw-content); - --tw-rotate: 90deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} -.hx-group:hover .group-hover\:hx-underline { - text-decoration-line: underline; -} -.hx-group\/code:hover .group-hover\/code\:hx-opacity-100 { - opacity: 1; -} -.hx-group\/copybtn.copied .group-\[\.copied\]\/copybtn\:hx-block { - display: block; -} -.hx-group\/copybtn.copied .group-\[\.copied\]\/copybtn\:hx-hidden { - display: none; -} -.data-\[state\=selected\]\:hx-block[data-state="selected"] { - display: block; -} -.data-\[state\=closed\]\:hx-hidden[data-state="closed"] { - display: none; -} -.data-\[state\=open\]\:hx-hidden[data-state="open"] { - display: none; -} -.data-\[state\=selected\]\:hx-border-primary-500[data-state="selected"] { - --tw-border-opacity: 1; - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 50) / var(--tw-border-opacity)); -} -.data-\[state\=selected\]\:hx-text-primary-600[data-state="selected"] { - --tw-text-opacity: 1; - color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45) / var(--tw-text-opacity)); -} -.hx-group[data-theme="dark"] .group-data-\[theme\=dark\]\:hx-hidden { - display: none; -} -.hx-group[data-theme="light"] .group-data-\[theme\=light\]\:hx-hidden { - display: none; -} -@media (prefers-contrast: more) { - - .contrast-more\:hx-border { - border-width: 1px; - } - - .contrast-more\:hx-border-t { - border-top-width: 1px; - } - - .contrast-more\:hx-border-current { - border-color: currentColor; - } - - .contrast-more\:hx-border-gray-800 { - --tw-border-opacity: 1; - border-color: rgb(31 41 55 / var(--tw-border-opacity)); - } - - .contrast-more\:hx-border-gray-900 { - --tw-border-opacity: 1; - border-color: rgb(17 24 39 / var(--tw-border-opacity)); - } - - .contrast-more\:hx-border-neutral-400 { - --tw-border-opacity: 1; - border-color: rgb(163 163 163 / var(--tw-border-opacity)); - } - - .contrast-more\:hx-border-primary-500 { - --tw-border-opacity: 1; - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 50) / var(--tw-border-opacity)); - } - - .contrast-more\:hx-border-transparent { - border-color: transparent; - } - - .contrast-more\:hx-font-bold { - font-weight: 700; - } - - .contrast-more\:hx-text-current { - color: currentColor; - } - - .contrast-more\:hx-text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); - } - - .contrast-more\:hx-text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); - } - - .contrast-more\:hx-text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); - } - - .contrast-more\:hx-underline { - text-decoration-line: underline; - } - - .contrast-more\:hx-shadow-\[0_0_0_1px_\#000\] { - --tw-shadow: 0 0 0 1px #000; - --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .contrast-more\:hx-shadow-none { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .contrast-more\:hover\:hx-border-gray-900:hover { - --tw-border-opacity: 1; - border-color: rgb(17 24 39 / var(--tw-border-opacity)); - } -} -.dark\:hx-block:is(html[class~="dark"] *) { - display: block; -} -.dark\:hx-hidden:is(html[class~="dark"] *) { - display: none; -} -.dark\:hx-border-amber-200\/30:is(html[class~="dark"] *) { - border-color: rgb(253 230 138 / 0.3); -} -.dark\:hx-border-blue-200\/30:is(html[class~="dark"] *) { - border-color: rgb(191 219 254 / 0.3); -} -.dark\:hx-border-gray-100\/20:is(html[class~="dark"] *) { - border-color: rgb(243 244 246 / 0.2); -} -.dark\:hx-border-gray-400:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); -} -.dark\:hx-border-green-200\/30:is(html[class~="dark"] *) { - border-color: rgb(187 247 208 / 0.3); -} -.dark\:hx-border-indigo-200\/30:is(html[class~="dark"] *) { - border-color: rgb(199 210 254 / 0.3); -} -.dark\:hx-border-neutral-700:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(64 64 64 / var(--tw-border-opacity)); -} -.dark\:hx-border-neutral-800:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(38 38 38 / var(--tw-border-opacity)); -} -.dark\:hx-border-orange-400\/30:is(html[class~="dark"] *) { - border-color: rgb(251 146 60 / 0.3); -} -.dark\:hx-border-red-200\/30:is(html[class~="dark"] *) { - border-color: rgb(254 202 202 / 0.3); -} -.dark\:hx-border-white\/10:is(html[class~="dark"] *) { - border-color: rgb(255 255 255 / 0.1); -} -.dark\:hx-border-yellow-200\/30:is(html[class~="dark"] *) { - border-color: rgb(254 240 138 / 0.3); -} -.dark\:hx-bg-amber-900\/30:is(html[class~="dark"] *) { - background-color: rgb(120 53 15 / 0.3); -} -.dark\:hx-bg-black\/60:is(html[class~="dark"] *) { - background-color: rgb(0 0 0 / 0.6); -} -.dark\:hx-bg-blue-900\/30:is(html[class~="dark"] *) { - background-color: rgb(30 58 138 / 0.3); -} -.dark\:hx-bg-dark:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: rgb(17 17 17 / var(--tw-bg-opacity)); -} -.dark\:hx-bg-dark\/50:is(html[class~="dark"] *) { - background-color: rgb(17 17 17 / 0.5); -} -.dark\:hx-bg-gray-50\/10:is(html[class~="dark"] *) { - background-color: rgb(249 250 251 / 0.1); -} -.dark\:hx-bg-green-900\/30:is(html[class~="dark"] *) { - background-color: rgb(20 83 45 / 0.3); -} -.dark\:hx-bg-indigo-900\/30:is(html[class~="dark"] *) { - background-color: rgb(49 46 129 / 0.3); -} -.dark\:hx-bg-neutral-800:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity)); -} -.dark\:hx-bg-neutral-900:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: rgb(23 23 23 / var(--tw-bg-opacity)); -} -.dark\:hx-bg-orange-400\/20:is(html[class~="dark"] *) { - background-color: rgb(251 146 60 / 0.2); -} -.dark\:hx-bg-primary-300\/10:is(html[class~="dark"] *) { - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 27) / 0.1); -} -.dark\:hx-bg-primary-400\/10:is(html[class~="dark"] *) { - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 16) / 0.1); -} -.dark\:hx-bg-primary-600:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45) / var(--tw-bg-opacity)); -} -.dark\:hx-bg-red-900\/30:is(html[class~="dark"] *) { - background-color: rgb(127 29 29 / 0.3); -} -.dark\:hx-bg-yellow-700\/30:is(html[class~="dark"] *) { - background-color: rgb(161 98 7 / 0.3); -} -.dark\:hx-from-gray-100:is(html[class~="dark"] *) { - --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} -.dark\:hx-to-gray-400:is(html[class~="dark"] *) { - --tw-gradient-to: #9ca3af var(--tw-gradient-to-position); -} -.dark\:hx-text-amber-200:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(253 230 138 / var(--tw-text-opacity)); -} -.dark\:hx-text-blue-200:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(191 219 254 / var(--tw-text-opacity)); -} -.dark\:hx-text-gray-100:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); -} -.dark\:hx-text-gray-200:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} -.dark\:hx-text-gray-300:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} -.dark\:hx-text-gray-400:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} -.dark\:hx-text-gray-50:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); -} -.dark\:hx-text-green-200:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(187 247 208 / var(--tw-text-opacity)); -} -.dark\:hx-text-indigo-200:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(199 210 254 / var(--tw-text-opacity)); -} -.dark\:hx-text-neutral-200:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(229 229 229 / var(--tw-text-opacity)); -} -.dark\:hx-text-neutral-400:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(163 163 163 / var(--tw-text-opacity)); -} -.dark\:hx-text-orange-300:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(253 186 116 / var(--tw-text-opacity)); -} -.dark\:hx-text-primary-600:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45) / var(--tw-text-opacity)); -} -.dark\:hx-text-red-200:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(254 202 202 / var(--tw-text-opacity)); -} -.dark\:hx-text-slate-100:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(241 245 249 / var(--tw-text-opacity)); -} -.dark\:hx-text-yellow-200:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(254 240 138 / var(--tw-text-opacity)); -} -.dark\:hx-opacity-80:is(html[class~="dark"] *) { - opacity: 0.8; -} -.dark\:hx-shadow-\[0_-12px_16px_\#111\]:is(html[class~="dark"] *) { - --tw-shadow: 0 -12px 16px #111; - --tw-shadow-colored: 0 -12px 16px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.dark\:hx-shadow-\[0_-1px_0_rgba\(255\2c 255\2c 255\2c \.1\)_inset\]:is(html[class~="dark"] *) { - --tw-shadow: 0 -1px 0 rgba(255,255,255,.1) inset; - --tw-shadow-colored: inset 0 -1px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.dark\:hx-shadow-none:is(html[class~="dark"] *) { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.dark\:hx-ring-white\/20:is(html[class~="dark"] *) { - --tw-ring-color: rgb(255 255 255 / 0.2); -} -.dark\:placeholder\:hx-text-gray-400:is(html[class~="dark"] *)::-moz-placeholder { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} -.dark\:placeholder\:hx-text-gray-400:is(html[class~="dark"] *)::placeholder { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} -.dark\:before\:hx-bg-neutral-800:is(html[class~="dark"] *)::before { - content: var(--tw-content); - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity)); -} -.dark\:before\:hx-invert:is(html[class~="dark"] *)::before { - content: var(--tw-content); - --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); -} -.dark\:hover\:hx-border-gray-100:hover:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-border-opacity)); -} -.dark\:hover\:hx-border-gray-600:hover:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} -.dark\:hover\:hx-border-neutral-500:hover:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(115 115 115 / var(--tw-border-opacity)); -} -.dark\:hover\:hx-border-neutral-700:hover:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(64 64 64 / var(--tw-border-opacity)); -} -.dark\:hover\:hx-border-neutral-800:hover:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(38 38 38 / var(--tw-border-opacity)); -} -.dark\:hover\:hx-bg-gray-100\/5:hover:is(html[class~="dark"] *) { - background-color: rgb(243 244 246 / 0.05); -} -.dark\:hover\:hx-bg-neutral-700:hover:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: rgb(64 64 64 / var(--tw-bg-opacity)); -} -.dark\:hover\:hx-bg-neutral-800:hover:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity)); -} -.dark\:hover\:hx-bg-neutral-900:hover:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: rgb(23 23 23 / var(--tw-bg-opacity)); -} -.dark\:hover\:hx-bg-primary-100\/5:hover:is(html[class~="dark"] *) { - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 44) / 0.05); -} -.dark\:hover\:hx-bg-primary-700:hover:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 39) / var(--tw-bg-opacity)); -} -.hover\:dark\:hx-bg-primary-500\/10:is(html[class~="dark"] *):hover { - background-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 50) / 0.1); -} -.dark\:hover\:hx-text-gray-100:hover:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); -} -.dark\:hover\:hx-text-gray-200:hover:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} -.dark\:hover\:hx-text-gray-300:hover:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} -.dark\:hover\:hx-text-gray-50:hover:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); -} -.dark\:hover\:hx-text-neutral-50:hover:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(250 250 250 / var(--tw-text-opacity)); -} -.dark\:hover\:hx-text-white:hover:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} -.hover\:dark\:hx-text-primary-600:is(html[class~="dark"] *):hover { - --tw-text-opacity: 1; - color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45) / var(--tw-text-opacity)); -} -.dark\:hover\:hx-shadow-none:hover:is(html[class~="dark"] *) { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.dark\:focus\:hx-bg-dark:focus:is(html[class~="dark"] *) { - --tw-bg-opacity: 1; - background-color: rgb(17 17 17 / var(--tw-bg-opacity)); -} -.dark\:focus\:hx-ring-primary-800:focus:is(html[class~="dark"] *) { - --tw-ring-opacity: 1; - --tw-ring-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 32) / var(--tw-ring-opacity)); -} -.data-\[state\=selected\]\:dark\:hx-border-primary-500:is(html[class~="dark"] *)[data-state="selected"] { - --tw-border-opacity: 1; - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 50) / var(--tw-border-opacity)); -} -.data-\[state\=selected\]\:dark\:hx-text-primary-600:is(html[class~="dark"] *)[data-state="selected"] { - --tw-text-opacity: 1; - color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45) / var(--tw-text-opacity)); -} -@media (prefers-contrast: more) { - - .contrast-more\:dark\:hx-border-current:is(html[class~="dark"] *) { - border-color: currentColor; - } - - .contrast-more\:dark\:hx-border-gray-50:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(249 250 251 / var(--tw-border-opacity)); - } - - .contrast-more\:dark\:hx-border-neutral-400:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(163 163 163 / var(--tw-border-opacity)); - } - - .contrast-more\:dark\:hx-border-primary-500:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 50) / var(--tw-border-opacity)); - } - - .dark\:contrast-more\:hx-border-neutral-400:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(163 163 163 / var(--tw-border-opacity)); - } - - .contrast-more\:dark\:hx-text-current:is(html[class~="dark"] *) { - color: currentColor; - } - - .contrast-more\:dark\:hx-text-gray-100:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); - } - - .contrast-more\:dark\:hx-text-gray-300:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); - } - - .contrast-more\:dark\:hx-text-gray-50:is(html[class~="dark"] *) { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); - } - - .contrast-more\:dark\:hx-shadow-\[0_0_0_1px_\#fff\]:is(html[class~="dark"] *) { - --tw-shadow: 0 0 0 1px #fff; - --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .contrast-more\:dark\:hx-shadow-none:is(html[class~="dark"] *) { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .contrast-more\:dark\:hover\:hx-border-gray-50:hover:is(html[class~="dark"] *) { - --tw-border-opacity: 1; - border-color: rgb(249 250 251 / var(--tw-border-opacity)); - } -} -@media not all and (min-width: 1280px) { - - .max-xl\:hx-hidden { - display: none; - } -} -@media not all and (min-width: 1024px) { - - .max-lg\:hx-min-h-\[340px\] { - min-height: 340px; - } -} -@media not all and (min-width: 768px) { - - .max-md\:hx-hidden { - display: none; - } - - .max-md\:hx-min-h-\[340px\] { - min-height: 340px; - } - - .max-md\:\[transform\:translate3d\(0\2c -100\%\2c 0\)\] { - transform: translate3d(0,-100%,0); - } -} -@media not all and (min-width: 640px) { - - .max-sm\:hx-grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } -} -@media (min-width: 640px) { - - .sm\:hx-block { - display: block; - } - - .sm\:hx-flex { - display: flex; - } - - .sm\:hx-w-\[110\%\] { - width: 110%; - } - - .sm\:hx-items-start { - align-items: flex-start; - } - - .sm\:hx-text-xl { - font-size: 1.25rem; - } - - @media not all and (min-width: 1024px) { - - .sm\:max-lg\:hx-grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } -} -@media (min-width: 768px) { - - .md\:hx-sticky { - position: sticky; - } - - .md\:hx-top-16 { - top: 4rem; - } - - .md\:hx-inline-block { - display: inline-block; - } - - .md\:hx-hidden { - display: none; - } - - .md\:hx-aspect-\[1\.1\/1\] { - aspect-ratio: 1.1/1; - } - - .md\:hx-h-\[calc\(100vh-var\(--navbar-height\)-var\(--menu-height\)\)\] { - height: calc(100vh - var(--navbar-height) - var(--menu-height)); - } - - .md\:hx-max-h-\[min\(calc\(100vh-5rem-env\(safe-area-inset-bottom\)\)\2c 400px\)\] { - max-height: min(calc(100vh - 5rem - env(safe-area-inset-bottom)),400px); - } - - .md\:hx-w-64 { - width: 16rem; - } - - .md\:hx-shrink-0 { - flex-shrink: 0; - } - - .md\:hx-grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .md\:hx-justify-start { - justify-content: flex-start; - } - - .md\:hx-self-start { - align-self: flex-start; - } - - .md\:hx-px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - - .md\:hx-pt-12 { - padding-top: 3rem; - } - - .md\:hx-text-5xl { - font-size: 3rem; - } - - .md\:hx-text-lg { - font-size: 1.125rem; - } - - .md\:hx-text-sm { - font-size: .875rem; - } -} -@media (min-width: 1024px) { - - .lg\:hx-grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} -@media (min-width: 1280px) { - - .xl\:hx-block { - display: block; - } - - .xl\:hx-grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} -.ltr\:hx-right-1\.5:where([dir="ltr"], [dir="ltr"] *) { - right: 0.375rem; -} -.ltr\:hx-right-3:where([dir="ltr"], [dir="ltr"] *) { - right: 0.75rem; -} -.ltr\:hx--mr-4:where([dir="ltr"], [dir="ltr"] *) { - margin-right: -1rem; -} -.ltr\:hx-ml-1:where([dir="ltr"], [dir="ltr"] *) { - margin-left: 0.25rem; -} -.ltr\:hx-ml-3:where([dir="ltr"], [dir="ltr"] *) { - margin-left: 0.75rem; -} -.ltr\:hx-ml-auto:where([dir="ltr"], [dir="ltr"] *) { - margin-left: auto; -} -.ltr\:hx-mr-auto:where([dir="ltr"], [dir="ltr"] *) { - margin-right: auto; -} -.ltr\:hx-rotate-180:where([dir="ltr"], [dir="ltr"] *) { - --tw-rotate: 180deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} -.ltr\:hx-border-l:where([dir="ltr"], [dir="ltr"] *) { - border-left-width: 1px; -} -.ltr\:hx-pl-12:where([dir="ltr"], [dir="ltr"] *) { - padding-left: 3rem; -} -.ltr\:hx-pl-16:where([dir="ltr"], [dir="ltr"] *) { - padding-left: 4rem; -} -.ltr\:hx-pl-3:where([dir="ltr"], [dir="ltr"] *) { - padding-left: 0.75rem; -} -.ltr\:hx-pl-4:where([dir="ltr"], [dir="ltr"] *) { - padding-left: 1rem; -} -.ltr\:hx-pl-5:where([dir="ltr"], [dir="ltr"] *) { - padding-left: 1.25rem; -} -.ltr\:hx-pl-6:where([dir="ltr"], [dir="ltr"] *) { - padding-left: 1.5rem; -} -.ltr\:hx-pl-8:where([dir="ltr"], [dir="ltr"] *) { - padding-left: 2rem; -} -.ltr\:hx-pr-0:where([dir="ltr"], [dir="ltr"] *) { - padding-right: 0px; -} -.ltr\:hx-pr-2:where([dir="ltr"], [dir="ltr"] *) { - padding-right: 0.5rem; -} -.ltr\:hx-pr-4:where([dir="ltr"], [dir="ltr"] *) { - padding-right: 1rem; -} -.ltr\:hx-pr-9:where([dir="ltr"], [dir="ltr"] *) { - padding-right: 2.25rem; -} -.ltr\:hx-text-right:where([dir="ltr"], [dir="ltr"] *) { - text-align: right; -} -.ltr\:before\:hx-left-0:where([dir="ltr"], [dir="ltr"] *)::before { - content: var(--tw-content); - left: 0px; -} -@media (min-width: 768px) { - - .ltr\:md\:hx-left-auto:where([dir="ltr"], [dir="ltr"] *) { - left: auto; - } -} -.rtl\:hx-left-1\.5:where([dir="rtl"], [dir="rtl"] *) { - left: 0.375rem; -} -.rtl\:hx-left-3:where([dir="rtl"], [dir="rtl"] *) { - left: 0.75rem; -} -.rtl\:hx--ml-4:where([dir="rtl"], [dir="rtl"] *) { - margin-left: -1rem; -} -.rtl\:hx-ml-auto:where([dir="rtl"], [dir="rtl"] *) { - margin-left: auto; -} -.rtl\:hx-mr-1:where([dir="rtl"], [dir="rtl"] *) { - margin-right: 0.25rem; -} -.rtl\:hx-mr-3:where([dir="rtl"], [dir="rtl"] *) { - margin-right: 0.75rem; -} -.rtl\:hx-mr-auto:where([dir="rtl"], [dir="rtl"] *) { - margin-right: auto; -} -.rtl\:-hx-rotate-180:where([dir="rtl"], [dir="rtl"] *) { - --tw-rotate: -180deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} -.rtl\:hx-border-r:where([dir="rtl"], [dir="rtl"] *) { - border-right-width: 1px; -} -.rtl\:hx-pl-2:where([dir="rtl"], [dir="rtl"] *) { - padding-left: 0.5rem; -} -.rtl\:hx-pl-4:where([dir="rtl"], [dir="rtl"] *) { - padding-left: 1rem; -} -.rtl\:hx-pl-9:where([dir="rtl"], [dir="rtl"] *) { - padding-left: 2.25rem; -} -.rtl\:hx-pr-12:where([dir="rtl"], [dir="rtl"] *) { - padding-right: 3rem; -} -.rtl\:hx-pr-16:where([dir="rtl"], [dir="rtl"] *) { - padding-right: 4rem; -} -.rtl\:hx-pr-3:where([dir="rtl"], [dir="rtl"] *) { - padding-right: 0.75rem; -} -.rtl\:hx-pr-4:where([dir="rtl"], [dir="rtl"] *) { - padding-right: 1rem; -} -.rtl\:hx-pr-5:where([dir="rtl"], [dir="rtl"] *) { - padding-right: 1.25rem; -} -.rtl\:hx-pr-6:where([dir="rtl"], [dir="rtl"] *) { - padding-right: 1.5rem; -} -.rtl\:hx-pr-8:where([dir="rtl"], [dir="rtl"] *) { - padding-right: 2rem; -} -.rtl\:hx-text-left:where([dir="rtl"], [dir="rtl"] *) { - text-align: left; -} -.rtl\:before\:hx-right-0:where([dir="rtl"], [dir="rtl"] *)::before { - content: var(--tw-content); - right: 0px; -} -.rtl\:before\:hx-rotate-180:where([dir="rtl"], [dir="rtl"] *)::before { - content: var(--tw-content); - --tw-rotate: 180deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} -@media (min-width: 768px) { - - .rtl\:md\:hx-right-auto:where([dir="rtl"], [dir="rtl"] *) { - right: auto; - } -} -@media print { - - .print\:hx-hidden { - display: none; - } - - .print\:hx-bg-transparent { - background-color: transparent; - } -} +/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */ +@layer theme{:root,:host{--hx-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--hx-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--hx-color-red-100:oklch(.936 .032 17.717);--hx-color-red-200:oklch(.885 .062 18.334);--hx-color-red-900:oklch(.396 .141 25.723);--hx-color-orange-50:oklch(.98 .016 73.684);--hx-color-orange-100:oklch(.954 .038 75.164);--hx-color-orange-300:oklch(.837 .128 66.29);--hx-color-orange-400:oklch(.75 .183 55.934);--hx-color-orange-800:oklch(.47 .157 37.304);--hx-color-amber-100:oklch(.962 .059 95.617);--hx-color-amber-200:oklch(.924 .12 95.746);--hx-color-amber-900:oklch(.414 .112 45.904);--hx-color-yellow-50:oklch(.987 .026 102.212);--hx-color-yellow-100:oklch(.973 .071 103.193);--hx-color-yellow-200:oklch(.945 .129 101.54);--hx-color-yellow-700:oklch(.554 .135 66.442);--hx-color-yellow-900:oklch(.421 .095 57.708);--hx-color-green-100:oklch(.962 .044 156.743);--hx-color-green-200:oklch(.925 .084 155.995);--hx-color-green-900:oklch(.393 .095 152.535);--hx-color-blue-100:oklch(.932 .032 255.585);--hx-color-blue-200:oklch(.882 .059 254.128);--hx-color-blue-900:oklch(.379 .146 265.522);--hx-color-indigo-100:oklch(.93 .034 272.788);--hx-color-indigo-200:oklch(.87 .065 274.039);--hx-color-indigo-900:oklch(.359 .144 278.697);--hx-color-slate-50:oklch(.984 .003 247.858);--hx-color-slate-100:oklch(.968 .007 247.896);--hx-color-slate-900:oklch(.208 .042 265.755);--hx-color-gray-50:oklch(.985 .002 247.839);--hx-color-gray-100:oklch(.967 .003 264.542);--hx-color-gray-200:oklch(.928 .006 264.531);--hx-color-gray-300:oklch(.872 .01 258.338);--hx-color-gray-400:oklch(.707 .022 261.325);--hx-color-gray-500:oklch(.551 .027 264.364);--hx-color-gray-600:oklch(.446 .03 256.802);--hx-color-gray-700:oklch(.373 .034 259.733);--hx-color-gray-800:oklch(.278 .033 256.848);--hx-color-gray-900:oklch(.21 .034 264.665);--hx-color-neutral-50:oklch(.985 0 0);--hx-color-neutral-200:oklch(.922 0 0);--hx-color-neutral-300:oklch(.87 0 0);--hx-color-neutral-400:oklch(.708 0 0);--hx-color-neutral-500:oklch(.556 0 0);--hx-color-neutral-600:oklch(.439 0 0);--hx-color-neutral-700:oklch(.371 0 0);--hx-color-neutral-800:oklch(.269 0 0);--hx-color-neutral-900:oklch(.205 0 0);--hx-color-black:#000;--hx-color-white:#fff;--hx-spacing:.25rem;--hx-breakpoint-xl:80rem;--hx-container-6xl:72rem;--hx-text-xs:.75rem;--hx-text-xs--line-height:calc(1/.75);--hx-text-sm:.875rem;--hx-text-sm--line-height:calc(1.25/.875);--hx-text-base:1rem;--hx-text-base--line-height:calc(1.5/1);--hx-text-lg:1.125rem;--hx-text-lg--line-height:calc(1.75/1.125);--hx-text-xl:1.25rem;--hx-text-xl--line-height:calc(1.75/1.25);--hx-text-2xl:1.5rem;--hx-text-2xl--line-height:calc(2/1.5);--hx-text-3xl:1.875rem;--hx-text-3xl--line-height:calc(2.25/1.875);--hx-text-4xl:2.25rem;--hx-text-4xl--line-height:calc(2.5/2.25);--hx-text-5xl:3rem;--hx-text-5xl--line-height:1;--hx-font-weight-normal:400;--hx-font-weight-medium:500;--hx-font-weight-semibold:600;--hx-font-weight-bold:700;--hx-font-weight-extrabold:800;--hx-tracking-tighter:-.05em;--hx-tracking-tight:-.025em;--hx-leading-tight:1.25;--hx-radius-xs:.125rem;--hx-radius-sm:.25rem;--hx-radius-md:.375rem;--hx-radius-lg:.5rem;--hx-radius-xl:.75rem;--hx-radius-3xl:1.5rem;--hx-ease-in:cubic-bezier(.4,0,1,1);--hx-ease-out:cubic-bezier(0,0,.2,1);--hx-blur-md:12px;--hx-default-transition-duration:.15s;--hx-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--hx-default-font-family:var(--hx-font-sans);--hx-default-mono-font-family:var(--hx-font-mono);--hx-color-primary-50:hsl(var(--primary-hue)var(--primary-saturation)calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness))/50)*47));--hx-color-primary-100:hsl(var(--primary-hue)var(--primary-saturation)calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness))/50)*44));--hx-color-primary-300:hsl(var(--primary-hue)var(--primary-saturation)calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness))/50)*27));--hx-color-primary-400:hsl(var(--primary-hue)var(--primary-saturation)calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness))/50)*16));--hx-color-primary-500:hsl(var(--primary-hue)var(--primary-saturation)var(--primary-lightness));--hx-color-primary-600:hsl(var(--primary-hue)var(--primary-saturation)calc(calc(var(--primary-lightness)/50)*45));--hx-color-primary-700:hsl(var(--primary-hue)var(--primary-saturation)calc(calc(var(--primary-lightness)/50)*39));--hx-color-primary-800:hsl(var(--primary-hue)var(--primary-saturation)calc(calc(var(--primary-lightness)/50)*32));--hx-color-primary-900:hsl(var(--primary-hue)var(--primary-saturation)calc(calc(var(--primary-lightness)/50)*24));--hx-color-dark:#111}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--hx-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(--hx-default-font-feature-settings,normal);font-variation-settings:var(--hx-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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--hx-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--hx-default-mono-font-feature-settings,normal);font-variation-settings:var(--hx-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hx\:pointer-events-none{pointer-events:none}.hx\:sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hx\:absolute{position:absolute}.hx\:relative{position:relative}.hx\:sticky{position:sticky}.hx\:inset-x-0{inset-inline:calc(var(--hx-spacing)*0)}.hx\:inset-y-0{inset-block:calc(var(--hx-spacing)*0)}.hx\:top-0{top:calc(var(--hx-spacing)*0)}.hx\:top-8{top:calc(var(--hx-spacing)*8)}.hx\:top-16{top:calc(var(--hx-spacing)*16)}.hx\:top-\[40\%\]{top:40%}.hx\:top-full{top:100%}.hx\:right-0{right:calc(var(--hx-spacing)*0)}.hx\:bottom-0{bottom:calc(var(--hx-spacing)*0)}.hx\:left-\[24px\]{left:24px}.hx\:left-\[36px\]{left:36px}.hx\:z-20{z-index:20}.hx\:z-\[-1\]{z-index:-1}.hx\:order-last{order:9999}.hx\:m-\[11px\]{margin:11px}.hx\:mx-1{margin-inline:calc(var(--hx-spacing)*1)}.hx\:mx-4{margin-inline:calc(var(--hx-spacing)*4)}.hx\:mx-auto{margin-inline:auto}.hx\:my-1\.5{margin-block:calc(var(--hx-spacing)*1.5)}.hx\:my-2{margin-block:calc(var(--hx-spacing)*2)}.hx\:-mt-20{margin-top:calc(var(--hx-spacing)*-20)}.hx\:mt-1{margin-top:calc(var(--hx-spacing)*1)}.hx\:mt-1\.5{margin-top:calc(var(--hx-spacing)*1.5)}.hx\:mt-2{margin-top:calc(var(--hx-spacing)*2)}.hx\:mt-4{margin-top:calc(var(--hx-spacing)*4)}.hx\:mt-5{margin-top:calc(var(--hx-spacing)*5)}.hx\:mt-6{margin-top:calc(var(--hx-spacing)*6)}.hx\:mt-8{margin-top:calc(var(--hx-spacing)*8)}.hx\:mt-12{margin-top:calc(var(--hx-spacing)*12)}.hx\:mt-16{margin-top:calc(var(--hx-spacing)*16)}.hx\:-mr-2{margin-right:calc(var(--hx-spacing)*-2)}.hx\:mr-1{margin-right:calc(var(--hx-spacing)*1)}.hx\:mr-2{margin-right:calc(var(--hx-spacing)*2)}.hx\:-mb-0\.5{margin-bottom:calc(var(--hx-spacing)*-.5)}.hx\:mb-2{margin-bottom:calc(var(--hx-spacing)*2)}.hx\:mb-4{margin-bottom:calc(var(--hx-spacing)*4)}.hx\:mb-6{margin-bottom:calc(var(--hx-spacing)*6)}.hx\:mb-8{margin-bottom:calc(var(--hx-spacing)*8)}.hx\:mb-10{margin-bottom:calc(var(--hx-spacing)*10)}.hx\:mb-12{margin-bottom:calc(var(--hx-spacing)*12)}.hx\:mb-16{margin-bottom:calc(var(--hx-spacing)*16)}.hx\:-ml-2{margin-left:calc(var(--hx-spacing)*-2)}.hx\:ml-4{margin-left:calc(var(--hx-spacing)*4)}.hx\:line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hx\:block{display:block}.hx\:flex{display:flex}.hx\:grid{display:grid}.hx\:hidden{display:none}.hx\:inline{display:inline}.hx\:inline-block{display:inline-block}.hx\:inline-flex{display:inline-flex}.hx\:aspect-auto{aspect-ratio:auto}.hx\:h-0{height:calc(var(--hx-spacing)*0)}.hx\:h-2{height:calc(var(--hx-spacing)*2)}.hx\:h-3\.5{height:calc(var(--hx-spacing)*3.5)}.hx\:h-4{height:calc(var(--hx-spacing)*4)}.hx\:h-5{height:calc(var(--hx-spacing)*5)}.hx\:h-7{height:calc(var(--hx-spacing)*7)}.hx\:h-16{height:calc(var(--hx-spacing)*16)}.hx\:h-\[18px\]{height:18px}.hx\:h-full{height:100%}.hx\:max-h-64{max-height:calc(var(--hx-spacing)*64)}.hx\:max-h-\[calc\(100vh-var\(--navbar-height\)-env\(safe-area-inset-bottom\)\)\]{max-height:calc(100vh - var(--navbar-height) - env(safe-area-inset-bottom))}.hx\:max-h-\[min\(calc\(50vh-11rem-env\(safe-area-inset-bottom\)\)\,400px\)\]{max-height:min(calc(50vh - 11rem - env(safe-area-inset-bottom)),400px)}.hx\:min-h-\[100px\]{min-height:100px}.hx\:min-h-\[calc\(100vh-var\(--navbar-height\)\)\]{min-height:calc(100vh - var(--navbar-height))}.hx\:w-2{width:calc(var(--hx-spacing)*2)}.hx\:w-3\.5{width:calc(var(--hx-spacing)*3.5)}.hx\:w-4{width:calc(var(--hx-spacing)*4)}.hx\:w-64{width:calc(var(--hx-spacing)*64)}.hx\:w-\[110\%\]{width:110%}.hx\:w-\[180\%\]{width:180%}.hx\:w-full{width:100%}.hx\:w-max{width:max-content}.hx\:w-screen{width:100vw}.hx\:max-w-6xl{max-width:var(--hx-container-6xl)}.hx\:max-w-\[50\%\]{max-width:50%}.hx\:max-w-\[90rem\]{max-width:90rem}.hx\:max-w-\[min\(calc\(100vw-2rem\)\,calc\(100\%\+20rem\)\)\]{max-width:min(100vw - 2rem,100% + 20rem)}.hx\:max-w-full{max-width:100%}.hx\:max-w-none{max-width:none}.hx\:max-w-screen-xl{max-width:var(--hx-breakpoint-xl)}.hx\:min-w-0{min-width:calc(var(--hx-spacing)*0)}.hx\:min-w-\[18px\]{min-width:18px}.hx\:min-w-\[24px\]{min-width:24px}.hx\:min-w-full{min-width:100%}.hx\:shrink-0{flex-shrink:0}.hx\:grow{flex-grow:1}.hx\:origin-center{transform-origin:50%}.hx\:cursor-default{cursor:default}.hx\:cursor-pointer{cursor:pointer}.hx\:scroll-my-6{scroll-margin-block:calc(var(--hx-spacing)*6)}.hx\:scroll-py-6{scroll-padding-block:calc(var(--hx-spacing)*6)}.hx\:list-none{list-style-type:none}.hx\:appearance-none{appearance:none}.hx\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.hx\:flex-col{flex-direction:column}.hx\:flex-wrap{flex-wrap:wrap}.hx\:items-center{align-items:center}.hx\:items-start{align-items:flex-start}.hx\:justify-between{justify-content:space-between}.hx\:justify-center{justify-content:center}.hx\:justify-end{justify-content:flex-end}.hx\:justify-start{justify-content:flex-start}.hx\:justify-items-start{justify-items:start}.hx\:gap-1{gap:calc(var(--hx-spacing)*1)}.hx\:gap-2{gap:calc(var(--hx-spacing)*2)}.hx\:gap-4{gap:calc(var(--hx-spacing)*4)}.hx\:gap-x-1\.5{column-gap:calc(var(--hx-spacing)*1.5)}.hx\:gap-y-2{row-gap:calc(var(--hx-spacing)*2)}.hx\:overflow-auto{overflow:auto}.hx\:overflow-hidden{overflow:hidden}.hx\:overflow-x-auto{overflow-x:auto}.hx\:overflow-x-hidden{overflow-x:hidden}.hx\:overflow-y-auto{overflow-y:auto}.hx\:overflow-y-hidden{overflow-y:hidden}.hx\:overscroll-contain{overscroll-behavior:contain}.hx\:overscroll-x-contain{overscroll-behavior-x:contain}.hx\:rounded-3xl{border-radius:var(--hx-radius-3xl)}.hx\:rounded-full{border-radius:3.40282e38px}.hx\:rounded-lg{border-radius:var(--hx-radius-lg)}.hx\:rounded-md{border-radius:var(--hx-radius-md)}.hx\:rounded-sm{border-radius:var(--hx-radius-sm)}.hx\:rounded-xl{border-radius:var(--hx-radius-xl)}.hx\:rounded-xs{border-radius:var(--hx-radius-xs)}.hx\:rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.hx\:border{border-style:var(--tw-border-style);border-width:1px}.hx\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.hx\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.hx\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.hx\:border-amber-200{border-color:var(--hx-color-amber-200)}.hx\:border-black\/5{border-color:color-mix(in oklab,var(--hx-color-black)5%,transparent)}.hx\:border-blue-200{border-color:var(--hx-color-blue-200)}.hx\:border-gray-200{border-color:var(--hx-color-gray-200)}.hx\:border-gray-500{border-color:var(--hx-color-gray-500)}.hx\:border-green-200{border-color:var(--hx-color-green-200)}.hx\:border-indigo-200{border-color:var(--hx-color-indigo-200)}.hx\:border-orange-100{border-color:var(--hx-color-orange-100)}.hx\:border-red-200{border-color:var(--hx-color-red-200)}.hx\:border-transparent{border-color:#0000}.hx\:border-yellow-100{border-color:var(--hx-color-yellow-100)}.hx\:bg-amber-100{background-color:var(--hx-color-amber-100)}.hx\:bg-black\/\[\.05\]{background-color:color-mix(in oklab,var(--hx-color-black)5%,transparent)}.hx\:bg-blue-100{background-color:var(--hx-color-blue-100)}.hx\:bg-gray-100{background-color:var(--hx-color-gray-100)}.hx\:bg-green-100{background-color:var(--hx-color-green-100)}.hx\:bg-indigo-100{background-color:var(--hx-color-indigo-100)}.hx\:bg-neutral-50{background-color:var(--hx-color-neutral-50)}.hx\:bg-orange-50{background-color:var(--hx-color-orange-50)}.hx\:bg-primary-100{background-color:var(--hx-color-primary-100)}.hx\:bg-primary-400{background-color:var(--hx-color-primary-400)}.hx\:bg-primary-600{background-color:var(--hx-color-primary-600)}.hx\:bg-primary-700\/5{background-color:color-mix(in oklab,var(--hx-color-primary-700)5%,transparent)}.hx\:bg-red-100{background-color:var(--hx-color-red-100)}.hx\:bg-transparent{background-color:#0000}.hx\:bg-white{background-color:var(--hx-color-white)}.hx\:bg-yellow-50{background-color:var(--hx-color-yellow-50)}.hx\:bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hx\:from-gray-900{--tw-gradient-from:var(--hx-color-gray-900);--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))}.hx\:to-gray-600{--tw-gradient-to:var(--hx-color-gray-600);--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))}.hx\:bg-clip-text{-webkit-background-clip:text;background-clip:text}.hx\:p-0\.5{padding:calc(var(--hx-spacing)*.5)}.hx\:p-1{padding:calc(var(--hx-spacing)*1)}.hx\:p-1\.5{padding:calc(var(--hx-spacing)*1.5)}.hx\:p-2{padding:calc(var(--hx-spacing)*2)}.hx\:p-4{padding:calc(var(--hx-spacing)*4)}.hx\:p-6{padding:calc(var(--hx-spacing)*6)}.hx\:px-1\.5{padding-inline:calc(var(--hx-spacing)*1.5)}.hx\:px-2{padding-inline:calc(var(--hx-spacing)*2)}.hx\:px-2\.5{padding-inline:calc(var(--hx-spacing)*2.5)}.hx\:px-3{padding-inline:calc(var(--hx-spacing)*3)}.hx\:px-4{padding-inline:calc(var(--hx-spacing)*4)}.hx\:px-6{padding-inline:calc(var(--hx-spacing)*6)}.hx\:py-1{padding-block:calc(var(--hx-spacing)*1)}.hx\:py-1\.5{padding-block:calc(var(--hx-spacing)*1.5)}.hx\:py-2{padding-block:calc(var(--hx-spacing)*2)}.hx\:py-2\.5{padding-block:calc(var(--hx-spacing)*2.5)}.hx\:py-3{padding-block:calc(var(--hx-spacing)*3)}.hx\:py-4{padding-block:calc(var(--hx-spacing)*4)}.hx\:py-12{padding-block:calc(var(--hx-spacing)*12)}.hx\:pt-4{padding-top:calc(var(--hx-spacing)*4)}.hx\:pt-6{padding-top:calc(var(--hx-spacing)*6)}.hx\:pt-8{padding-top:calc(var(--hx-spacing)*8)}.hx\:pr-2{padding-right:calc(var(--hx-spacing)*2)}.hx\:pr-4{padding-right:calc(var(--hx-spacing)*4)}.hx\:pr-\[calc\(env\(safe-area-inset-right\)-1\.5rem\)\]{padding-right:calc(env(safe-area-inset-right) - 1.5rem)}.hx\:pr-\[max\(env\(safe-area-inset-left\)\,1\.5rem\)\]{padding-right:max(env(safe-area-inset-left),1.5rem)}.hx\:pr-\[max\(env\(safe-area-inset-right\)\,1\.5rem\)\]{padding-right:max(env(safe-area-inset-right),1.5rem)}.hx\:pb-8{padding-bottom:calc(var(--hx-spacing)*8)}.hx\:pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.hx\:pb-px{padding-bottom:1px}.hx\:pl-\[max\(env\(safe-area-inset-left\)\,1\.5rem\)\]{padding-left:max(env(safe-area-inset-left),1.5rem)}.hx\:text-center{text-align:center}.hx\:text-left{text-align:left}.hx\:align-\[-2\.5px\]{vertical-align:-2.5px}.hx\:align-middle{vertical-align:middle}.hx\:align-text-bottom{vertical-align:text-bottom}.hx\:font-mono{font-family:var(--hx-font-mono)}.hx\:text-2xl{font-size:var(--hx-text-2xl);line-height:var(--tw-leading,var(--hx-text-2xl--line-height))}.hx\:text-4xl{font-size:var(--hx-text-4xl);line-height:var(--tw-leading,var(--hx-text-4xl--line-height))}.hx\:text-base{font-size:var(--hx-text-base);line-height:var(--tw-leading,var(--hx-text-base--line-height))}.hx\:text-lg{font-size:var(--hx-text-lg);line-height:var(--tw-leading,var(--hx-text-lg--line-height))}.hx\:text-sm{font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height))}.hx\:text-xl{font-size:var(--hx-text-xl);line-height:var(--tw-leading,var(--hx-text-xl--line-height))}.hx\:text-xs{font-size:var(--hx-text-xs);line-height:var(--tw-leading,var(--hx-text-xs--line-height))}.hx\:text-\[\.65rem\]{font-size:.65rem}.hx\:text-\[10px\]{font-size:10px}.hx\:leading-5{--tw-leading:calc(var(--hx-spacing)*5);line-height:calc(var(--hx-spacing)*5)}.hx\:leading-6{--tw-leading:calc(var(--hx-spacing)*6);line-height:calc(var(--hx-spacing)*6)}.hx\:leading-7{--tw-leading:calc(var(--hx-spacing)*7);line-height:calc(var(--hx-spacing)*7)}.hx\:leading-none{--tw-leading:1;line-height:1}.hx\:leading-tight{--tw-leading:var(--hx-leading-tight);line-height:var(--hx-leading-tight)}.hx\:font-bold{--tw-font-weight:var(--hx-font-weight-bold);font-weight:var(--hx-font-weight-bold)}.hx\:font-extrabold{--tw-font-weight:var(--hx-font-weight-extrabold);font-weight:var(--hx-font-weight-extrabold)}.hx\:font-medium{--tw-font-weight:var(--hx-font-weight-medium);font-weight:var(--hx-font-weight-medium)}.hx\:font-normal{--tw-font-weight:var(--hx-font-weight-normal);font-weight:var(--hx-font-weight-normal)}.hx\:font-semibold{--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold)}.hx\:tracking-tight{--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight)}.hx\:tracking-tighter{--tw-tracking:var(--hx-tracking-tighter);letter-spacing:var(--hx-tracking-tighter)}.hx\:break-words{overflow-wrap:break-word}.hx\:text-ellipsis{text-overflow:ellipsis}.hx\:whitespace-nowrap{white-space:nowrap}.hx\:text-\[color\:hsl\(var\(--primary-hue\)\,100\%\,50\%\)\]{color:hsl(var(--primary-hue),100%,50%)}.hx\:text-amber-900{color:var(--hx-color-amber-900)}.hx\:text-blue-900{color:var(--hx-color-blue-900)}.hx\:text-current{color:currentColor}.hx\:text-gray-100{color:var(--hx-color-gray-100)}.hx\:text-gray-500{color:var(--hx-color-gray-500)}.hx\:text-gray-600{color:var(--hx-color-gray-600)}.hx\:text-gray-700{color:var(--hx-color-gray-700)}.hx\:text-gray-800{color:var(--hx-color-gray-800)}.hx\:text-gray-900{color:var(--hx-color-gray-900)}.hx\:text-green-900{color:var(--hx-color-green-900)}.hx\:text-indigo-900{color:var(--hx-color-indigo-900)}.hx\:text-orange-800{color:var(--hx-color-orange-800)}.hx\:text-primary-800{color:var(--hx-color-primary-800)}.hx\:text-red-900{color:var(--hx-color-red-900)}.hx\:text-slate-900{color:var(--hx-color-slate-900)}.hx\:text-transparent{color:#0000}.hx\:text-white{color:var(--hx-color-white)}.hx\:text-yellow-900{color:var(--hx-color-yellow-900)}.hx\:capitalize{text-transform:capitalize}.hx\:no-underline{text-decoration-line:none}.hx\:underline{text-decoration-line:underline}.hx\:decoration-from-font{text-decoration-thickness:from-font}.hx\:underline-offset-2{text-underline-offset:2px}.hx\:opacity-0{opacity:0}.hx\:opacity-50{opacity:.5}.hx\:opacity-80{opacity:.8}.hx\:shadow-\[0_-12px_16px_\#fff\]{--tw-shadow:0 -12px 16px var(--tw-shadow-color,#fff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:shadow-\[0_-12px_16px_white\]{--tw-shadow:0 -12px 16px var(--tw-shadow-color,white);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:shadow-\[0_2px_4px_rgba\(0\,0\,0\,\.02\)\,0_1px_0_rgba\(0\,0\,0\,\.06\)\]{--tw-shadow:0 2px 4px var(--tw-shadow-color,#00000005),0 1px 0 var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:ring-1{--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)}.hx\:shadow-gray-100{--tw-shadow-color:var(--hx-color-gray-100)}.hx\:ring-black\/5{--tw-ring-color:color-mix(in oklab,var(--hx-color-black)5%,transparent)}.hx\: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;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration))}.hx\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration))}.hx\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration))}.hx\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration))}.hx\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration))}.hx\:duration-75{--tw-duration:75ms;transition-duration:75ms}.hx\:duration-200{--tw-duration:.2s;transition-duration:.2s}.hx\:ease-in{--tw-ease:var(--hx-ease-in);transition-timing-function:var(--hx-ease-in)}.hx\:select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hx\:group-hover\:underline:is(:where(.hx\:group):hover *){text-decoration-line:underline}.hx\:group-hover\/code\:opacity-100:is(:where(.hx\:group\/code):hover *){opacity:1}}.hx\:group-data-\[theme\=dark\]\:hidden:is(:where(.hx\:group)[data-theme=dark] *),.hx\:group-data-\[theme\=light\]\:hidden:is(:where(.hx\:group)[data-theme=light] *){display:none}.hx\:group-\[\.copied\]\/copybtn\:block:is(:where(.hx\:group\/copybtn).copied *){display:block}.hx\:group-\[\.copied\]\/copybtn\:hidden:is(:where(.hx\:group\/copybtn).copied *){display:none}.hx\:placeholder\:text-gray-500::placeholder{color:var(--hx-color-gray-500)}.hx\:before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.hx\:before\:absolute:before{content:var(--tw-content);position:absolute}.hx\:before\:inset-0:before{content:var(--tw-content);inset:calc(var(--hx-spacing)*0)}.hx\:before\:inset-y-1:before{content:var(--tw-content);inset-block:calc(var(--hx-spacing)*1)}.hx\:before\:mr-1:before{content:var(--tw-content);margin-right:calc(var(--hx-spacing)*1)}.hx\:before\:inline-block:before{content:var(--tw-content);display:inline-block}.hx\:before\:w-px:before{content:var(--tw-content);width:1px}.hx\:before\:bg-gray-200:before{content:var(--tw-content);background-color:var(--hx-color-gray-200)}.hx\:before\:opacity-25:before{content:var(--tw-content);opacity:.25}.hx\:before\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration))}.hx\:before\:content-\[\"\"\]:before{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.hx\:before\:content-\[\'\#\'\]:before{content:var(--tw-content);--tw-content:"#";content:var(--tw-content)}.hx\:before\:content-\[\'\'\]:before{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.hx\:before\:content-\[\\\"\\\"\]:before{content:var(--tw-content);--tw-content:\"\";content:var(--tw-content)}.hx\:group-open\:before\:rotate-90:is(:where(.hx\:group):is([open],:popover-open,:open) *):before{content:var(--tw-content);rotate:90deg}.hx\:first\:mt-0:first-child{margin-top:calc(var(--hx-spacing)*0)}.hx\:last-of-type\:mb-0:last-of-type{margin-bottom:calc(var(--hx-spacing)*0)}@media (hover:hover){.hx\:hover\:border-gray-200:hover{border-color:var(--hx-color-gray-200)}.hx\:hover\:border-gray-300:hover{border-color:var(--hx-color-gray-300)}.hx\:hover\:border-gray-400:hover{border-color:var(--hx-color-gray-400)}.hx\:hover\:border-gray-900:hover{border-color:var(--hx-color-gray-900)}.hx\:hover\:bg-gray-100:hover{background-color:var(--hx-color-gray-100)}.hx\:hover\:bg-gray-800\/5:hover{background-color:color-mix(in oklab,var(--hx-color-gray-800)5%,transparent)}.hx\:hover\:bg-primary-50:hover{background-color:var(--hx-color-primary-50)}.hx\:hover\:bg-primary-700:hover{background-color:var(--hx-color-primary-700)}.hx\:hover\:bg-slate-50:hover{background-color:var(--hx-color-slate-50)}.hx\:hover\:text-black:hover{color:var(--hx-color-black)}.hx\:hover\:text-gray-800:hover{color:var(--hx-color-gray-800)}.hx\:hover\:text-gray-900:hover{color:var(--hx-color-gray-900)}.hx\:hover\:text-primary-600:hover{color:var(--hx-color-primary-600)}.hx\:hover\:opacity-60:hover{opacity:.6}.hx\:hover\:opacity-75:hover{opacity:.75}.hx\:hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:hover\:shadow-gray-100:hover{--tw-shadow-color:var(--hx-color-gray-100)}}.hx\:focus\:bg-white:focus{background-color:var(--hx-color-white)}.hx\:focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.hx\:focus\:ring-primary-300:focus{--tw-ring-color:var(--hx-color-primary-300)}.hx\:focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.hx\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.hx\:active\:bg-gray-400\/20:active{background-color:color-mix(in oklab,var(--hx-color-gray-400)20%,transparent)}.hx\:active\:opacity-50:active{opacity:.5}.hx\:active\:shadow-sm:active{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:active\:shadow-gray-200:active{--tw-shadow-color:var(--hx-color-gray-200)}.hx\:data-\[state\=closed\]\:hidden[data-state=closed],.hx\:data-\[state\=open\]\:hidden[data-state=open]{display:none}.hx\:data-\[state\=selected\]\:block[data-state=selected]{display:block}.hx\:data-\[state\=selected\]\:border-primary-500[data-state=selected]{border-color:var(--hx-color-primary-500)}.hx\:data-\[state\=selected\]\:text-primary-600[data-state=selected]{color:var(--hx-color-primary-600)}@media (prefers-contrast:more){.hx\:contrast-more\:border{border-style:var(--tw-border-style);border-width:1px}.hx\:contrast-more\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.hx\:contrast-more\:border-current{border-color:currentColor}.hx\:contrast-more\:border-gray-800{border-color:var(--hx-color-gray-800)}.hx\:contrast-more\:border-gray-900{border-color:var(--hx-color-gray-900)}.hx\:contrast-more\:border-neutral-400{border-color:var(--hx-color-neutral-400)}.hx\:contrast-more\:border-primary-500{border-color:var(--hx-color-primary-500)}.hx\:contrast-more\:border-transparent{border-color:#0000}.hx\:contrast-more\:font-bold{--tw-font-weight:var(--hx-font-weight-bold);font-weight:var(--hx-font-weight-bold)}.hx\:contrast-more\:text-current{color:currentColor}.hx\:contrast-more\:text-gray-700{color:var(--hx-color-gray-700)}.hx\:contrast-more\:text-gray-800{color:var(--hx-color-gray-800)}.hx\:contrast-more\:text-gray-900{color:var(--hx-color-gray-900)}.hx\:contrast-more\:underline{text-decoration-line:underline}.hx\:contrast-more\:shadow-\[0_0_0_1px_\#000\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:contrast-more\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.hx\:contrast-more\:hover\:border-gray-900:hover{border-color:var(--hx-color-gray-900)}}}@media (width<80rem){.hx\:max-xl\:hidden{display:none}}@media (width<64rem){.hx\:max-lg\:min-h-\[340px\]{min-height:340px}}@media (width<48rem){.hx\:max-md\:hidden{display:none}.hx\:max-md\:min-h-\[340px\]{min-height:340px}.hx\:max-md\:\[transform\:translate3d\(0\,-100\%\,0\)\]{transform:translateY(-100%)}.hx\:max-md\:\[transform\:translate3d\(0\,0\,0\)\]{transform:translate(0)}}@media (width<40rem){.hx\:max-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width>=40rem){.hx\:sm\:block{display:block}.hx\:sm\:flex{display:flex}.hx\:sm\:w-\[110\%\]{width:110%}.hx\:sm\:items-start{align-items:flex-start}.hx\:sm\:text-xl{font-size:var(--hx-text-xl);line-height:var(--tw-leading,var(--hx-text-xl--line-height))}@media (width<64rem){.hx\:sm\:max-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media (width>=48rem){.hx\:md\:sticky{position:sticky}.hx\:md\:top-16{top:calc(var(--hx-spacing)*16)}.hx\:md\:hidden{display:none}.hx\:md\:inline-block{display:inline-block}.hx\:md\:aspect-\[1\.1\/1\]{aspect-ratio:1.1}.hx\:md\:h-\[calc\(100vh-var\(--navbar-height\)-var\(--menu-height\)\)\]{height:calc(100vh - var(--navbar-height) - var(--menu-height))}.hx\:md\:max-h-\[min\(calc\(100vh-5rem-env\(safe-area-inset-bottom\)\)\,400px\)\]{max-height:min(calc(100vh - 5rem - env(safe-area-inset-bottom)),400px)}.hx\:md\:w-64{width:calc(var(--hx-spacing)*64)}.hx\:md\:shrink-0{flex-shrink:0}.hx\:md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hx\:md\:justify-start{justify-content:flex-start}.hx\:md\:self-start{align-self:flex-start}.hx\:md\:overflow-auto{overflow:auto}.hx\:md\:px-12{padding-inline:calc(var(--hx-spacing)*12)}.hx\:md\:pt-12{padding-top:calc(var(--hx-spacing)*12)}.hx\:md\:text-3xl{font-size:var(--hx-text-3xl);line-height:var(--tw-leading,var(--hx-text-3xl--line-height))}.hx\:md\:text-5xl{font-size:var(--hx-text-5xl);line-height:var(--tw-leading,var(--hx-text-5xl--line-height))}.hx\:md\:text-lg{font-size:var(--hx-text-lg);line-height:var(--tw-leading,var(--hx-text-lg--line-height))}.hx\:md\:text-sm{font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height))}}@media (width>=64rem){.hx\:lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=80rem){.hx\:xl\:block{display:block}.hx\:xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.hx\:ltr\:right-1\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *){right:calc(var(--hx-spacing)*1.5)}.hx\:ltr\:right-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *){right:calc(var(--hx-spacing)*3)}.hx\:ltr\:-mr-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-right:calc(var(--hx-spacing)*-4)}.hx\:ltr\:mr-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-right:auto}.hx\:ltr\:ml-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--hx-spacing)*1)}.hx\:ltr\:ml-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--hx-spacing)*3)}.hx\:ltr\:ml-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:auto}.hx\:ltr\:rotate-180:where(:dir(ltr),[dir=ltr],[dir=ltr] *){rotate:180deg}.hx\:ltr\:border-l:where(:dir(ltr),[dir=ltr],[dir=ltr] *){border-left-style:var(--tw-border-style);border-left-width:1px}.hx\:ltr\:pr-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-right:calc(var(--hx-spacing)*0)}.hx\:ltr\:pr-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-right:calc(var(--hx-spacing)*2)}.hx\:ltr\:pr-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-right:calc(var(--hx-spacing)*4)}.hx\:ltr\:pr-9:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-right:calc(var(--hx-spacing)*9)}.hx\:ltr\:pl-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-left:calc(var(--hx-spacing)*3)}.hx\:ltr\:pl-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-left:calc(var(--hx-spacing)*4)}.hx\:ltr\:pl-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-left:calc(var(--hx-spacing)*5)}.hx\:ltr\:pl-6:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-left:calc(var(--hx-spacing)*6)}.hx\:ltr\:pl-8:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-left:calc(var(--hx-spacing)*8)}.hx\:ltr\:pl-12:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-left:calc(var(--hx-spacing)*12)}.hx\:ltr\:pl-16:where(:dir(ltr),[dir=ltr],[dir=ltr] *){padding-left:calc(var(--hx-spacing)*16)}.hx\:ltr\:text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *){text-align:right}.hx\:ltr\:before\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before{content:var(--tw-content);left:calc(var(--hx-spacing)*0)}@media (width>=48rem){.hx\:ltr\:md\:left-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *){left:auto}}.hx\:rtl\:left-1\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *){left:calc(var(--hx-spacing)*1.5)}.hx\:rtl\:left-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *){left:calc(var(--hx-spacing)*3)}.hx\:rtl\:mr-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--hx-spacing)*1)}.hx\:rtl\:mr-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--hx-spacing)*3)}.hx\:rtl\:mr-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:auto}.hx\:rtl\:-ml-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-left:calc(var(--hx-spacing)*-4)}.hx\:rtl\:ml-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-left:auto}.hx\:rtl\:-rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:-180deg}.hx\:rtl\:border-r:where(:dir(rtl),[dir=rtl],[dir=rtl] *){border-right-style:var(--tw-border-style);border-right-width:1px}.hx\:rtl\:pr-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-right:calc(var(--hx-spacing)*3)}.hx\:rtl\:pr-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-right:calc(var(--hx-spacing)*4)}.hx\:rtl\:pr-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-right:calc(var(--hx-spacing)*5)}.hx\:rtl\:pr-6:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-right:calc(var(--hx-spacing)*6)}.hx\:rtl\:pr-8:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-right:calc(var(--hx-spacing)*8)}.hx\:rtl\:pr-12:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-right:calc(var(--hx-spacing)*12)}.hx\:rtl\:pr-16:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-right:calc(var(--hx-spacing)*16)}.hx\:rtl\:pl-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-left:calc(var(--hx-spacing)*2)}.hx\:rtl\:pl-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-left:calc(var(--hx-spacing)*4)}.hx\:rtl\:pl-9:where(:dir(rtl),[dir=rtl],[dir=rtl] *){padding-left:calc(var(--hx-spacing)*9)}.hx\:rtl\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:left}.hx\:rtl\:before\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before{content:var(--tw-content);right:calc(var(--hx-spacing)*0)}.hx\:rtl\:before\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before{content:var(--tw-content);rotate:180deg}@media (width>=48rem){.hx\:rtl\:md\:right-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *){right:auto}}.hx\:dark\:block:where(.dark,.dark *){display:block}.hx\:dark\:hidden:where(.dark,.dark *){display:none}.hx\:dark\:border-amber-200\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-amber-200)30%,transparent)}.hx\:dark\:border-blue-200\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-blue-200)30%,transparent)}.hx\:dark\:border-gray-100\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-gray-100)20%,transparent)}.hx\:dark\:border-gray-400:where(.dark,.dark *){border-color:var(--hx-color-gray-400)}.hx\:dark\:border-green-200\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-green-200)30%,transparent)}.hx\:dark\:border-indigo-200\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-indigo-200)30%,transparent)}.hx\:dark\:border-neutral-700:where(.dark,.dark *){border-color:var(--hx-color-neutral-700)}.hx\:dark\:border-neutral-800:where(.dark,.dark *){border-color:var(--hx-color-neutral-800)}.hx\:dark\:border-orange-400\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-orange-400)30%,transparent)}.hx\:dark\:border-red-200\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-red-200)30%,transparent)}.hx\:dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-white)10%,transparent)}.hx\:dark\:border-yellow-200\/30:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-yellow-200)30%,transparent)}.hx\:dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-amber-900)30%,transparent)}.hx\:dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-blue-900)30%,transparent)}.hx\:dark\:bg-dark:where(.dark,.dark *){background-color:var(--hx-color-dark)}.hx\:dark\:bg-dark\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-dark)50%,transparent)}.hx\:dark\:bg-gray-50\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-gray-50)10%,transparent)}.hx\:dark\:bg-green-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-green-900)30%,transparent)}.hx\:dark\:bg-indigo-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-indigo-900)30%,transparent)}.hx\:dark\:bg-neutral-800:where(.dark,.dark *){background-color:var(--hx-color-neutral-800)}.hx\:dark\:bg-neutral-900:where(.dark,.dark *){background-color:var(--hx-color-neutral-900)}.hx\:dark\:bg-orange-400\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-orange-400)20%,transparent)}.hx\:dark\:bg-primary-300\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-primary-300)10%,transparent)}.hx\:dark\:bg-primary-400\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-primary-400)10%,transparent)}.hx\:dark\:bg-primary-600:where(.dark,.dark *){background-color:var(--hx-color-primary-600)}.hx\:dark\:bg-red-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-red-900)30%,transparent)}.hx\:dark\:bg-yellow-700\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-yellow-700)30%,transparent)}.hx\:dark\:from-gray-100:where(.dark,.dark *){--tw-gradient-from:var(--hx-color-gray-100);--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))}.hx\:dark\:to-gray-400:where(.dark,.dark *){--tw-gradient-to:var(--hx-color-gray-400);--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))}.hx\:dark\:text-amber-200:where(.dark,.dark *){color:var(--hx-color-amber-200)}.hx\:dark\:text-blue-200:where(.dark,.dark *){color:var(--hx-color-blue-200)}.hx\:dark\:text-gray-50:where(.dark,.dark *){color:var(--hx-color-gray-50)}.hx\:dark\:text-gray-100:where(.dark,.dark *){color:var(--hx-color-gray-100)}.hx\:dark\:text-gray-200:where(.dark,.dark *){color:var(--hx-color-gray-200)}.hx\:dark\:text-gray-300:where(.dark,.dark *){color:var(--hx-color-gray-300)}.hx\:dark\:text-gray-400:where(.dark,.dark *){color:var(--hx-color-gray-400)}.hx\:dark\:text-green-200:where(.dark,.dark *){color:var(--hx-color-green-200)}.hx\:dark\:text-indigo-200:where(.dark,.dark *){color:var(--hx-color-indigo-200)}.hx\:dark\:text-neutral-200:where(.dark,.dark *){color:var(--hx-color-neutral-200)}.hx\:dark\:text-neutral-400:where(.dark,.dark *){color:var(--hx-color-neutral-400)}.hx\:dark\:text-orange-300:where(.dark,.dark *){color:var(--hx-color-orange-300)}.hx\:dark\:text-primary-600:where(.dark,.dark *){color:var(--hx-color-primary-600)}.hx\:dark\:text-red-200:where(.dark,.dark *){color:var(--hx-color-red-200)}.hx\:dark\:text-slate-100:where(.dark,.dark *){color:var(--hx-color-slate-100)}.hx\:dark\:text-yellow-200:where(.dark,.dark *){color:var(--hx-color-yellow-200)}.hx\:dark\:opacity-80:where(.dark,.dark *){opacity:.8}.hx\:dark\:shadow-\[0_-1px_0_rgba\(255\,255\,255\,\.1\)_inset\]:where(.dark,.dark *){--tw-shadow:0 -1px 0 var(--tw-shadow-color,#ffffff1a)inset;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:dark\:shadow-\[0_-12px_16px_\#111\]:where(.dark,.dark *){--tw-shadow:0 -12px 16px var(--tw-shadow-color,#111);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:dark\:shadow-none:where(.dark,.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:dark\:ring-white\/20:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--hx-color-white)20%,transparent)}.hx\:dark\:placeholder\:text-gray-400:where(.dark,.dark *)::placeholder{color:var(--hx-color-gray-400)}.hx\:dark\:before\:bg-neutral-800:where(.dark,.dark *):before{content:var(--tw-content);background-color:var(--hx-color-neutral-800)}.hx\:dark\:before\:invert:where(.dark,.dark *):before{content:var(--tw-content);--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,)}@media (hover:hover){.hx\:dark\:hover\:border-gray-100:where(.dark,.dark *):hover{border-color:var(--hx-color-gray-100)}.hx\:dark\:hover\:border-gray-600:where(.dark,.dark *):hover{border-color:var(--hx-color-gray-600)}.hx\:dark\:hover\:border-neutral-500:where(.dark,.dark *):hover{border-color:var(--hx-color-neutral-500)}.hx\:dark\:hover\:border-neutral-700:where(.dark,.dark *):hover{border-color:var(--hx-color-neutral-700)}.hx\:dark\:hover\:border-neutral-800:where(.dark,.dark *):hover{border-color:var(--hx-color-neutral-800)}.hx\:dark\:hover\:bg-gray-100\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--hx-color-gray-100)5%,transparent)}.hx\:dark\:hover\:bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--hx-color-neutral-700)}.hx\:dark\:hover\:bg-neutral-800:where(.dark,.dark *):hover{background-color:var(--hx-color-neutral-800)}.hx\:dark\:hover\:bg-neutral-900:where(.dark,.dark *):hover{background-color:var(--hx-color-neutral-900)}.hx\:dark\:hover\:bg-primary-100\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--hx-color-primary-100)5%,transparent)}.hx\:dark\:hover\:bg-primary-700:where(.dark,.dark *):hover{background-color:var(--hx-color-primary-700)}.hx\:hover\:dark\:bg-primary-500\/10:hover:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-primary-500)10%,transparent)}.hx\:dark\:hover\:text-gray-50:where(.dark,.dark *):hover{color:var(--hx-color-gray-50)}.hx\:dark\:hover\:text-gray-100:where(.dark,.dark *):hover{color:var(--hx-color-gray-100)}.hx\:dark\:hover\:text-gray-200:where(.dark,.dark *):hover{color:var(--hx-color-gray-200)}.hx\:dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--hx-color-gray-300)}.hx\:dark\:hover\:text-neutral-50:where(.dark,.dark *):hover{color:var(--hx-color-neutral-50)}.hx\:dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--hx-color-white)}.hx\:hover\:dark\:text-primary-600:hover:where(.dark,.dark *){color:var(--hx-color-primary-600)}.hx\:dark\:hover\:shadow-none:where(.dark,.dark *):hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.hx\:dark\:focus\:bg-dark:where(.dark,.dark *):focus{background-color:var(--hx-color-dark)}.hx\:dark\:focus\:ring-primary-800:where(.dark,.dark *):focus{--tw-ring-color:var(--hx-color-primary-800)}.hx\:data-\[state\=selected\]\:dark\:border-primary-500[data-state=selected]:where(.dark,.dark *){border-color:var(--hx-color-primary-500)}.hx\:data-\[state\=selected\]\:dark\:text-primary-600[data-state=selected]:where(.dark,.dark *){color:var(--hx-color-primary-600)}@media (prefers-contrast:more){.hx\:contrast-more\:dark\:border-current:where(.dark,.dark *){border-color:currentColor}.hx\:contrast-more\:dark\:border-gray-50:where(.dark,.dark *){border-color:var(--hx-color-gray-50)}.hx\:contrast-more\:dark\:border-neutral-400:where(.dark,.dark *){border-color:var(--hx-color-neutral-400)}.hx\:contrast-more\:dark\:border-primary-500:where(.dark,.dark *){border-color:var(--hx-color-primary-500)}.hx\:dark\:contrast-more\:border-neutral-400:where(.dark,.dark *){border-color:var(--hx-color-neutral-400)}.hx\:contrast-more\:dark\:text-current:where(.dark,.dark *){color:currentColor}.hx\:contrast-more\:dark\:text-gray-50:where(.dark,.dark *){color:var(--hx-color-gray-50)}.hx\:contrast-more\:dark\:text-gray-100:where(.dark,.dark *){color:var(--hx-color-gray-100)}.hx\:contrast-more\:dark\:text-gray-300:where(.dark,.dark *){color:var(--hx-color-gray-300)}.hx\:contrast-more\:dark\:shadow-\[0_0_0_1px_\#fff\]:where(.dark,.dark *){--tw-shadow:0 0 0 1px var(--tw-shadow-color,#fff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx\:contrast-more\:dark\:shadow-none:where(.dark,.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.hx\:contrast-more\:dark\:hover\:border-gray-50:where(.dark,.dark *):hover{border-color:var(--hx-color-gray-50)}}}@media print{.hx\:print\:hidden{display:none}.hx\:print\:bg-transparent{background-color:#0000}}}html{font-size:var(--hx-text-base);line-height:var(--tw-leading,var(--hx-text-base--line-height));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--hx-color-white);width:100%}body:where(.dark,.dark *){background-color:var(--hx-color-dark);color:var(--hx-color-gray-100)}:root{--primary-hue:212deg;--primary-saturation:100%;--primary-lightness:50%;--navbar-height:4rem;--menu-height:3.75rem}.dark{--primary-hue:204deg;--primary-saturation:100%;--primary-lightness:50%}.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*2);font-size:var(--hx-text-4xl);line-height:var(--tw-leading,var(--hx-text-4xl--line-height));--tw-font-weight:var(--hx-font-weight-bold);font-weight:var(--hx-font-weight-bold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--hx-color-neutral-200)70%,transparent);padding-bottom:calc(var(--hx-spacing)*1);font-size:var(--hx-text-3xl);line-height:var(--tw-leading,var(--hx-text-3xl--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}@media (prefers-contrast:more){.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--hx-color-neutral-400)}}.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-primary-100)10%,transparent);color:var(--hx-color-slate-100)}@media (prefers-contrast:more){.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:var(--hx-color-neutral-400)}}.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*8);font-size:var(--hx-text-2xl);line-height:var(--tw-leading,var(--hx-text-2xl--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*8);font-size:var(--hx-text-xl);line-height:var(--tw-leading,var(--hx-text-xl--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*8);font-size:var(--hx-text-lg);line-height:var(--tw-leading,var(--hx-text-lg--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*8);font-size:var(--hx-text-base);line-height:var(--tw-leading,var(--hx-text-base--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*6);--tw-leading:calc(var(--hx-spacing)*7);line-height:calc(var(--hx-spacing)*7)}.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--hx-color-primary-600);text-decoration-line:underline;text-decoration-thickness:from-font}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*6);border-color:var(--hx-color-gray-300);color:var(--hx-color-gray-700);font-style:italic}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(ltr),[dir=ltr],[dir=ltr] *){border-left-style:var(--tw-border-style);padding-left:calc(var(--hx-spacing)*6);border-left-width:2px}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(rtl),[dir=rtl],[dir=rtl] *){border-right-style:var(--tw-border-style);padding-right:calc(var(--hx-spacing)*6);border-right-width:2px}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:var(--hx-color-gray-700);color:var(--hx-color-gray-400)}.content :where(pre):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)){margin-bottom:calc(var(--hx-spacing)*4);border-radius:var(--hx-radius-xl);background-color:color-mix(in oklab,var(--hx-color-primary-700)5%,transparent);padding-block:calc(var(--hx-spacing)*4);--tw-font-weight:var(--hx-font-weight-medium);font-size:.9em;font-weight:var(--hx-font-weight-medium);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;overflow-x:auto}@media (prefers-contrast:more){.content :where(pre):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)){border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--hx-color-primary-900)20%,transparent);--tw-contrast:contrast(150%);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,)}}.content :where(pre):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-primary-300)10%,transparent)}@media (prefers-contrast:more){.content :where(pre):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-primary-100)40%,transparent)}}.content :where(code):not(:where(.hextra-code-block code,[class~=not-prose],[class~=not-prose] *)){border-radius:var(--hx-radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--hx-color-black)4%,transparent);background-color:color-mix(in oklab,var(--hx-color-black)3%,transparent);padding-inline:.25em;padding-block:calc(var(--hx-spacing)*.5);overflow-wrap:break-word;font-size:.9em}.content :where(code):not(:where(.hextra-code-block code,[class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-white)10%,transparent);background-color:color-mix(in oklab,var(--hx-color-white)10%,transparent)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*6);padding:calc(var(--hx-spacing)*0);display:block;overflow-x:auto}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) tr{margin:calc(var(--hx-spacing)*0);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--hx-color-gray-300);padding:calc(var(--hx-spacing)*0)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) tr:nth-child(2n){background-color:var(--hx-color-gray-100)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) tr:where(.dark,.dark *){border-color:var(--hx-color-gray-600)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) tr:nth-child(2n):where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-gray-600)20%,transparent)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) th{margin:calc(var(--hx-spacing)*0);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hx-color-gray-300);padding-inline:calc(var(--hx-spacing)*4);padding-block:calc(var(--hx-spacing)*2);--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) th:where(.dark,.dark *){border-color:var(--hx-color-gray-600)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) td{margin:calc(var(--hx-spacing)*0);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hx-color-gray-300);padding-inline:calc(var(--hx-spacing)*4);padding-block:calc(var(--hx-spacing)*2)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) td:where(.dark,.dark *){border-color:var(--hx-color-gray-600)}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*6);list-style-type:decimal}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--hx-spacing)*6)}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--hx-spacing)*6)}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) li{margin-block:calc(var(--hx-spacing)*2)}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*6);list-style-type:disc}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--hx-spacing)*6)}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--hx-spacing)*6)}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) li{margin-block:calc(var(--hx-spacing)*2)}.content :where(ul,ol)>li>:where(ul,ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*0)}.content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:var(--hx-radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--hx-color-black)4%,transparent);background-color:color-mix(in oklab,var(--hx-color-black)3%,transparent);padding-inline:.25em;padding-block:calc(var(--hx-spacing)*.5);overflow-wrap:break-word;font-size:.9em}.content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-white)10%,transparent);background-color:color-mix(in oklab,var(--hx-color-white)10%,transparent)}.content :where(pre.mermaid):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)){background-color:#0000;border-radius:0}.content :where(pre.mermaid):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){background-color:#0000}.content :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-inline:auto;margin-block:calc(var(--hx-spacing)*4);border-radius:var(--hx-radius-md)}.content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) figcaption{margin-top:calc(var(--hx-spacing)*2);text-align:center;font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height));color:var(--hx-color-gray-500);display:block}.content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) figcaption:where(.dark,.dark *){color:var(--hx-color-gray-400)}.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) dt{margin-top:calc(var(--hx-spacing)*6);--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold)}.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) dd{margin-block:calc(var(--hx-spacing)*2);padding-inline-start:calc(var(--hx-spacing)*6)}.content .footnotes{margin-top:calc(var(--hx-spacing)*12);font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height))}.content .footnotes hr{border-color:var(--hx-color-gray-200)}.content .footnotes hr:where(.dark,.dark *){border-color:var(--hx-color-neutral-800)}.subheading-anchor{opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration))}.subheading-anchor:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--hx-spacing)*1)}.subheading-anchor:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--hx-spacing)*1)}span:target+.subheading-anchor,:hover>.subheading-anchor,.subheading-anchor:focus{opacity:1}span+.subheading-anchor,:hover>.subheading-anchor{text-decoration-line:none!important}.subheading-anchor:after{content:var(--tw-content);color:var(--hx-color-gray-300)}.subheading-anchor:where(.dark,.dark *):after{content:var(--tw-content);color:var(--hx-color-neutral-700)}.subheading-anchor:after{padding-inline:calc(var(--hx-spacing)*1);--tw-content:"#";content:var(--tw-content)}span:target+:is(){color:var(--hx-color-gray-400)}span:target+:is():where(.dark,.dark *){color:var(--hx-color-neutral-500)}article details>summary::-webkit-details-marker{display:none}article details>summary:before{vertical-align:-4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='hx:h-5 hx:w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");width:1.2em;height:1.2em;padding:0 .6em}:lang(fa) ol{list-style-type:persian}.highlight .chroma .err{color:#a61717;background-color:#e3d2d2}.highlight .chroma .lnlinks{color:inherit;outline:none;text-decoration:none}.highlight .chroma .line{display:flex}.highlight .chroma .k,.highlight .chroma .kc,.highlight .chroma .kd,.highlight .chroma .kn,.highlight .chroma .kp,.highlight .chroma .kr{color:#000;font-weight:700}.highlight .chroma .kt{color:#458;font-weight:700}.highlight .chroma .na{color:teal}.highlight .chroma .nb{color:#0086b3}.highlight .chroma .bp{color:#999}.highlight .chroma .nc{color:#458;font-weight:700}.highlight .chroma .no{color:teal}.highlight .chroma .nd{color:#3c5d5d;font-weight:700}.highlight .chroma .ni{color:purple}.highlight .chroma .ne,.highlight .chroma .nf,.highlight .chroma .nl{color:#900;font-weight:700}.highlight .chroma .nn{color:#555}.highlight .chroma .nt{color:navy}.highlight .chroma .nv,.highlight .chroma .vc,.highlight .chroma .vg,.highlight .chroma .vi{color:teal}.highlight .chroma .s,.highlight .chroma .sa,.highlight .chroma .sb,.highlight .chroma .sc,.highlight .chroma .dl,.highlight .chroma .sd,.highlight .chroma .s2,.highlight .chroma .se,.highlight .chroma .sh,.highlight .chroma .si,.highlight .chroma .sx{color:#d14}.highlight .chroma .sr{color:#009926}.highlight .chroma .s1{color:#d14}.highlight .chroma .ss{color:#990073}.highlight .chroma .m,.highlight .chroma .mb,.highlight .chroma .mf,.highlight .chroma .mh,.highlight .chroma .mi,.highlight .chroma .il,.highlight .chroma .mo{color:#099}.highlight .chroma .o,.highlight .chroma .ow{color:#000;font-weight:700}.highlight .chroma .c,.highlight .chroma .ch,.highlight .chroma .cm,.highlight .chroma .c1{color:#998;font-style:italic}.highlight .chroma .cs,.highlight .chroma .cp,.highlight .chroma .cpf{color:#999;font-style:italic;font-weight:700}.highlight .chroma .gd{color:#000;background-color:#fdd}.highlight .chroma .ge{color:#000;font-style:italic}.highlight .chroma .gr{color:#a00}.highlight .chroma .gh{color:#999}.highlight .chroma .gi{color:#000;background-color:#dfd}.highlight .chroma .go{color:#888}.highlight .chroma .gp{color:#555}.highlight .chroma .gs{font-weight:700}.highlight .chroma .gu{color:#aaa}.highlight .chroma .gt{color:#a00}.highlight .chroma .gl{text-decoration:underline}.highlight .chroma .w{color:#bbb}.dark .highlight .chroma .err{color:#f85149}.dark .highlight .chroma .lnlinks{color:inherit;outline:none;text-decoration:none}.dark .highlight .chroma .line{display:flex}.dark .highlight .chroma .k{color:#ff7b72}.dark .highlight .chroma .kc{color:#79c0ff}.dark .highlight .chroma .kd,.dark .highlight .chroma .kn{color:#ff7b72}.dark .highlight .chroma .kp{color:#79c0ff}.dark .highlight .chroma .kr,.dark .highlight .chroma .kt{color:#ff7b72}.dark .highlight .chroma .nc{color:#f0883e;font-weight:700}.dark .highlight .chroma .no{color:#79c0ff;font-weight:700}.dark .highlight .chroma .nd{color:#d2a8ff;font-weight:700}.dark .highlight .chroma .ni{color:#ffa657}.dark .highlight .chroma .ne{color:#f0883e;font-weight:700}.dark .highlight .chroma .nf{color:#d2a8ff;font-weight:700}.dark .highlight .chroma .nl{color:#79c0ff;font-weight:700}.dark .highlight .chroma .nn{color:#ff7b72}.dark .highlight .chroma .py{color:#79c0ff}.dark .highlight .chroma .nt{color:#7ee787}.dark .highlight .chroma .nv{color:#79c0ff}.dark .highlight .chroma .l{color:#a5d6ff}.dark .highlight .chroma .ld{color:#79c0ff}.dark .highlight .chroma .s{color:#a5d6ff}.dark .highlight .chroma .sa{color:#79c0ff}.dark .highlight .chroma .sb,.dark .highlight .chroma .sc{color:#a5d6ff}.dark .highlight .chroma .dl{color:#79c0ff}.dark .highlight .chroma .sd,.dark .highlight .chroma .s2{color:#a5d6ff}.dark .highlight .chroma .se,.dark .highlight .chroma .sh{color:#79c0ff}.dark .highlight .chroma .si,.dark .highlight .chroma .sx{color:#a5d6ff}.dark .highlight .chroma .sr{color:#79c0ff}.dark .highlight .chroma .s1,.dark .highlight .chroma .ss,.dark .highlight .chroma .m,.dark .highlight .chroma .mb,.dark .highlight .chroma .mf,.dark .highlight .chroma .mh,.dark .highlight .chroma .mi,.dark .highlight .chroma .il,.dark .highlight .chroma .mo{color:#a5d6ff}.dark .highlight .chroma .o,.dark .highlight .chroma .ow{color:#ff7b72;font-weight:700}.dark .highlight .chroma .c,.dark .highlight .chroma .ch,.dark .highlight .chroma .cm,.dark .highlight .chroma .c1{color:#8b949e;font-style:italic}.dark .highlight .chroma .cs,.dark .highlight .chroma .cp,.dark .highlight .chroma .cpf{color:#8b949e;font-style:italic;font-weight:700}.dark .highlight .chroma .gd{color:#ffa198;background-color:#490202}.dark .highlight .chroma .ge{color:inherit;font-style:italic}.dark .highlight .chroma .gr{color:#ffa198}.dark .highlight .chroma .gh{color:#79c0ff;font-weight:700}.dark .highlight .chroma .gi{color:#56d364;background-color:#0f5323}.dark .highlight .chroma .go,.dark .highlight .chroma .gp{color:#8b949e}.dark .highlight .chroma .gs{font-weight:700}.dark .highlight .chroma .gu{color:#79c0ff}.dark .highlight .chroma .gt{color:#ff7b72}.dark .highlight .chroma .gl{text-decoration:underline}.dark .highlight .chroma .w{color:#6e7681}.hextra-code-block{--tw-leading:calc(var(--hx-spacing)*5);font-size:.9em;line-height:calc(var(--hx-spacing)*5)}.hextra-code-block pre{background-color:color-mix(in oklab,var(--hx-color-primary-700)5%,transparent);--tw-font-weight:var(--hx-font-weight-medium);font-size:.9em;font-weight:var(--hx-font-weight-medium);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;overflow-x:auto}@media (prefers-contrast:more){.hextra-code-block pre{border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--hx-color-primary-900)20%,transparent);--tw-contrast:contrast(150%);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,)}}.hextra-code-block pre:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-primary-300)10%,transparent)}@media (prefers-contrast:more){.hextra-code-block pre:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-primary-100)40%,transparent)}}.hextra-code-block .filename{top:calc(var(--hx-spacing)*0);z-index:1;text-overflow:ellipsis;white-space:nowrap;border-top-left-radius:var(--hx-radius-xl);border-top-right-radius:var(--hx-radius-xl);background-color:color-mix(in oklab,var(--hx-color-primary-700)5%,transparent);width:100%;padding-inline:calc(var(--hx-spacing)*4);padding-block:calc(var(--hx-spacing)*2);font-size:var(--hx-text-xs);line-height:var(--tw-leading,var(--hx-text-xs--line-height));color:var(--hx-color-gray-700);position:absolute;overflow:hidden}.hextra-code-block .filename:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-primary-300)10%,transparent);color:var(--hx-color-gray-200)}.hextra-code-block .filename+pre:not(.lntable pre){padding-top:calc(var(--hx-spacing)*12)}.hextra-code-block pre:not(.lntable pre){margin-bottom:calc(var(--hx-spacing)*4);border-radius:var(--hx-radius-xl);padding-inline:calc(var(--hx-spacing)*4);padding-block:calc(var(--hx-spacing)*4)}.hextra-code-block div:nth-of-type(2) pre{padding-top:calc(var(--hx-spacing)*12);padding-bottom:calc(var(--hx-spacing)*4)}.chroma .lntable{margin:calc(var(--hx-spacing)*0);border-radius:var(--hx-radius-xl);width:auto;display:block;overflow:auto}.chroma .lntable pre{padding-top:calc(var(--hx-spacing)*4);padding-bottom:calc(var(--hx-spacing)*4)}.chroma .ln,.chroma .lnt:not(.hl>.lnt),.chroma .hl:not(.line){min-width:2.6rem;padding-right:calc(var(--hx-spacing)*4);padding-left:calc(var(--hx-spacing)*4);color:var(--hx-color-neutral-600)}:is(.chroma .ln,.chroma .lnt:not(.hl>.lnt),.chroma .hl:not(.line)):where(.dark,.dark *){color:var(--hx-color-neutral-300)}.chroma .lntd{padding:calc(var(--hx-spacing)*0);vertical-align:top}.chroma .lntd:last-of-type{width:100%}.chroma .hl{background-color:color-mix(in oklab,var(--hx-color-primary-800)10%,transparent);width:100%;display:block}.hextra-cards{grid-template-columns:repeat(auto-fill,minmax(max(250px,calc((100% - 1rem*2)/var(--hextra-cards-grid-cols))),1fr))}.hextra-card{position:relative}.hextra-card img{-webkit-user-select:none;user-select:none}.hextra-card:hover svg{color:currentColor}.hextra-card svg{color:#0003;width:1.5rem;transition:color .3s}.hextra-card p{margin-top:.5rem;position:relative}.dark .hextra-card svg{color:#fff6}.dark .hextra-card:hover svg{color:currentColor}.hextra-card-tag{z-index:10;position:absolute;top:5px;right:5px}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker){counter-increment:step}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):where(:dir(ltr),[dir=ltr],[dir=ltr] *):before{content:var(--tw-content);margin-left:-41px}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):where(:dir(rtl),[dir=rtl],[dir=rtl] *):before{content:var(--tw-content);margin-right:-44px}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):before{content:var(--tw-content);background-color:var(--hx-color-gray-100)}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):where(.dark,.dark *):before{content:var(--tw-content);background-color:var(--hx-color-neutral-800)}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):before{content:var(--tw-content);border-style:var(--tw-border-style);content:var(--tw-content);border-width:4px;border-color:var(--hx-color-white)}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):where(.dark,.dark *):before{content:var(--tw-content);border-color:var(--hx-color-dark)}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):before{content:counter(step);text-align:center;text-indent:-1px;width:33px;height:33px;font-size:var(--hx-text-base);line-height:var(--tw-leading,var(--hx-text-base--line-height));--tw-font-weight:var(--hx-font-weight-normal);font-weight:var(--hx-font-weight-normal);color:var(--hx-color-neutral-400);border-radius:3.40282e38px;position:absolute}:lang(fa) .steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):before{content:counter(step,persian)}.search-wrapper li{margin-inline:calc(var(--hx-spacing)*2.5);border-radius:var(--hx-radius-md);overflow-wrap:break-word;color:var(--hx-color-gray-800)}@media (prefers-contrast:more){.search-wrapper li{border-style:var(--tw-border-style);border-width:1px;border-color:#0000}}.search-wrapper li:where(.dark,.dark *){color:var(--hx-color-gray-300)}.search-wrapper li a{scroll-margin:calc(var(--hx-spacing)*12);padding-inline:calc(var(--hx-spacing)*2.5);padding-block:calc(var(--hx-spacing)*2);display:block}.search-wrapper li .title{font-size:var(--hx-text-base);line-height:var(--tw-leading,var(--hx-text-base--line-height));--tw-leading:calc(var(--hx-spacing)*5);line-height:calc(var(--hx-spacing)*5);--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold)}.search-wrapper li .active{border-radius:var(--hx-radius-md);background-color:color-mix(in oklab,var(--hx-color-primary-500)10%,transparent)}@media (prefers-contrast:more){.search-wrapper li .active{border-color:var(--hx-color-primary-500)}}.search-wrapper .no-result{padding:calc(var(--hx-spacing)*8);text-align:center;font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height));color:var(--hx-color-gray-400);-webkit-user-select:none;user-select:none;display:block}.search-wrapper .prefix{margin-inline:calc(var(--hx-spacing)*2.5);margin-top:calc(var(--hx-spacing)*6);margin-bottom:calc(var(--hx-spacing)*2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--hx-color-black)10%,transparent);padding-inline:calc(var(--hx-spacing)*2.5);padding-bottom:calc(var(--hx-spacing)*1.5);font-size:var(--hx-text-xs);line-height:var(--tw-leading,var(--hx-text-xs--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);color:var(--hx-color-gray-500);text-transform:uppercase;-webkit-user-select:none;user-select:none}.search-wrapper .prefix:first-child{margin-top:calc(var(--hx-spacing)*0)}@media (prefers-contrast:more){.search-wrapper .prefix{border-color:var(--hx-color-gray-600);color:var(--hx-color-gray-900)}}.search-wrapper .prefix:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-white)20%,transparent);color:var(--hx-color-gray-300)}@media (prefers-contrast:more){.search-wrapper .prefix:where(.dark,.dark *){border-color:var(--hx-color-gray-50);color:var(--hx-color-gray-50)}}.search-wrapper .excerpt{margin-top:calc(var(--hx-spacing)*1);font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height));--tw-leading:1.35rem;text-overflow:ellipsis;color:var(--hx-color-gray-600);line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.35rem;display:-webkit-box;overflow:hidden}.search-wrapper .excerpt:where(.dark,.dark *){color:var(--hx-color-gray-400)}@media (prefers-contrast:more){.search-wrapper .excerpt:where(.dark,.dark *){color:var(--hx-color-gray-50)}}.search-wrapper .match{color:var(--hx-color-primary-600)}@media (width<=48rem){.sidebar-container{top:calc(var(--hx-spacing)*0);bottom:calc(var(--hx-spacing)*0);z-index:15;overscroll-behavior:contain;background-color:var(--hx-color-white);width:100%;padding-top:calc(var(--navbar-height));will-change:transform,opacity;contain:layout style;backface-visibility:hidden;transition:transform .4s cubic-bezier(.52,.16,.04,1);position:fixed}.sidebar-container:where(.dark,.dark *){background-color:var(--hx-color-dark)}}.sidebar-container li>div{height:calc(var(--hx-spacing)*0)}.sidebar-container li.open>div{height:auto;padding-top:calc(var(--hx-spacing)*1)}.sidebar-container li.open>a>span>svg>path{rotate:90deg}nav .search-wrapper{display:none}@media (width>=48rem){nav .search-wrapper{display:inline-block}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav-container-blur{background-color:color-mix(in oklab,var(--hx-color-white)85%,transparent);--tw-backdrop-blur:blur(var(--hx-blur-md));-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,)}.nav-container-blur:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-dark)80%,transparent)!important}}.hamburger-menu svg g{transform-origin:50%;transition-property:all;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration));--tw-duration:.1s;--tw-ease:var(--hx-ease-out);transition-duration:.1s;transition-timing-function:var(--hx-ease-out)}.hamburger-menu svg path{opacity:1;transition-property:all;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration));--tw-duration:.1s;--tw-ease:var(--hx-ease-out);transition-duration:.1s;transition-delay:.1s;transition-timing-function:var(--hx-ease-out)}.hamburger-menu svg.open path{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration));--tw-duration:.1s;--tw-ease:var(--hx-ease-out);transition-duration:.1s;transition-delay:0s;transition-timing-function:var(--hx-ease-out)}.hamburger-menu svg.open g{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration));--tw-duration:.1s;--tw-ease:var(--hx-ease-out);transition-duration:.1s;transition-delay:.1s;transition-timing-function:var(--hx-ease-out)}.hamburger-menu svg.open>path{opacity:0}.hamburger-menu svg.open>g:first-of-type{rotate:45deg}.hamburger-menu svg.open>g:first-of-type path{--tw-translate-y:calc(var(--hx-spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hamburger-menu svg.open>g:nth-of-type(2){rotate:-45deg}.hamburger-menu svg.open>g:nth-of-type(2) path{--tw-translate-y:calc(var(--hx-spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hextra-scrollbar,.hextra-scrollbar *{scrollbar-width:thin;scrollbar-color:oklch(55.55% 0 0/.4) transparent;scrollbar-gutter:stable}:is(.hextra-scrollbar,.hextra-scrollbar *)::-webkit-scrollbar{height:calc(var(--hx-spacing)*3);width:calc(var(--hx-spacing)*3)}:is(.hextra-scrollbar,.hextra-scrollbar *)::-webkit-scrollbar-track{background-color:#0000}:is(.hextra-scrollbar,.hextra-scrollbar *)::-webkit-scrollbar-thumb{border-radius:10px}:is(.hextra-scrollbar,.hextra-scrollbar *):hover::-webkit-scrollbar-thumb{background-color:var(--tw-shadow-color);--tw-shadow-color:color-mix(in oklab,var(--hx-color-neutral-500)20%,transparent);background-clip:content-box;border:3px solid #0000}@media (hover:hover){:is(.hextra-scrollbar,.hextra-scrollbar *):hover::-webkit-scrollbar-thumb:hover{--tw-shadow-color:color-mix(in oklab,var(--hx-color-neutral-500)40%,transparent)}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hextra-code-copy-btn{opacity:.85;--tw-backdrop-blur:blur(var(--hx-blur-md));-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,)}.hextra-code-copy-btn:where(.dark,.dark *){opacity:.8}}@media (width>=1024px){.hextra-feature-grid{grid-template-columns:repeat(var(--hextra-feature-grid-cols),minmax(0,1fr))}}.hextra-jupyter-code-cell{scrollbar-gutter:auto;margin-top:calc(var(--hx-spacing)*6)}.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container{font-size:var(--hx-text-xs);line-height:var(--tw-leading,var(--hx-text-xs--line-height));overflow:hidden}.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container .hextra-jupyter-code-cell-outputs{max-height:50vh;overflow:auto}.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container .hextra-jupyter-code-cell-outputs pre{max-width:100%;font-size:var(--hx-text-xs);line-height:var(--tw-leading,var(--hx-text-xs--line-height));overflow:auto}.hextra-badge{align-items:center;display:inline-flex}@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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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:0}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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-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-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} diff --git a/assets/css/components/badge.css b/assets/css/components/badge.css index ae5d9c5..506d90f 100644 --- a/assets/css/components/badge.css +++ b/assets/css/components/badge.css @@ -1,3 +1,3 @@ .hextra-badge { - @apply hx-inline-flex hx-items-center; + @apply hx:inline-flex hx:items-center; } \ No newline at end of file diff --git a/assets/css/components/code-copy.css b/assets/css/components/code-copy.css index 3bd39f0..ddc9282 100644 --- a/assets/css/components/code-copy.css +++ b/assets/css/components/code-copy.css @@ -2,6 +2,6 @@ (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) ) { .hextra-code-copy-btn { - @apply hx-backdrop-blur-md hx-bg-opacity-[.85] dark:hx-bg-opacity-80; + @apply hx:backdrop-blur-md hx:opacity-85 hx:dark:opacity-80; } } diff --git a/assets/css/components/jupyter.css b/assets/css/components/jupyter.css index 839fd8b..7e131f1 100644 --- a/assets/css/components/jupyter.css +++ b/assets/css/components/jupyter.css @@ -1,16 +1,16 @@ .hextra-jupyter-code-cell { scrollbar-gutter: auto; - @apply hx-mt-6; + @apply hx:mt-6; .hextra-jupyter-code-cell-outputs-container { - @apply hx-text-xs hx-overflow-hidden; + @apply hx:text-xs hx:overflow-hidden; .hextra-jupyter-code-cell-outputs { - @apply hx-overflow-auto hx-max-h-[50vh]; + @apply hx:overflow-auto hx:max-h-[50vh]; pre { - @apply hx-text-xs hx-overflow-auto hx-max-w-full; + @apply hx:text-xs hx:overflow-auto hx:max-w-full; } } } diff --git a/assets/css/components/navbar.css b/assets/css/components/navbar.css index 4e9e385..76da3ae 100644 --- a/assets/css/components/navbar.css +++ b/assets/css/components/navbar.css @@ -1,6 +1,6 @@ nav { .search-wrapper { - @apply hx-hidden md:hx-inline-block; + @apply hx:hidden hx:md:inline-block; } } @@ -8,48 +8,43 @@ nav { (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) ) { .nav-container-blur { - @apply hx-backdrop-blur-md hx-bg-white/[.85] dark:!hx-bg-dark/80; + @apply hx:backdrop-blur-md hx:bg-white/[.85] hx:dark:bg-dark/80!; } } -.hamburger-menu svg { - g { - @apply hx-origin-center; - transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); - } - path { - opacity: 1; - transition: - transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, - opacity 0.2s ease 0.2s; - } - - &.open { - path { - transition: - transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), - opacity 0s ease 0.2s; - } - g { - transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; - } - } - - &.open > { - path { - @apply hx-opacity-0; - } - g:nth-of-type(1) { - @apply hx-rotate-45; - path { - transform: translate3d(0, 4px, 0); - } - } - g:nth-of-type(2) { - @apply -hx-rotate-45; - path { - transform: translate3d(0, -4px, 0); - } - } - } +/* Hamburger Menu - Flattened Structure */ +.hamburger-menu svg g { + @apply hx:origin-center hx:transition-all hx:duration-100 hx:ease-out; +} + +.hamburger-menu svg path { + @apply hx:opacity-100 hx:transition-all hx:duration-100 hx:ease-out hx:delay-100; +} + +.hamburger-menu svg.open path { + @apply hx:transition-transform hx:duration-100 hx:ease-out hx:delay-0; +} + +.hamburger-menu svg.open g { + @apply hx:transition-transform hx:duration-100 hx:ease-out hx:delay-100; +} + +.hamburger-menu svg.open > path { + @apply hx:opacity-0; +} + +.hamburger-menu svg.open > g:nth-of-type(1) { + @apply hx:rotate-45; +} + +.hamburger-menu svg.open > g:nth-of-type(1) path { + @apply hx:translate-y-1; +} + +.hamburger-menu svg.open > g:nth-of-type(2) { + @apply hx:-rotate-45; +} + +.hamburger-menu svg.open > g:nth-of-type(2) path { + @apply hx:-translate-y-1; } diff --git a/assets/css/components/scrollbar.css b/assets/css/components/scrollbar.css index 6699375..a1fa8ef 100644 --- a/assets/css/components/scrollbar.css +++ b/assets/css/components/scrollbar.css @@ -4,18 +4,18 @@ scrollbar-gutter: stable; &::-webkit-scrollbar { - @apply hx-w-3 hx-h-3; + @apply hx:w-3 hx:h-3; } &::-webkit-scrollbar-track { - @apply hx-bg-transparent; + @apply hx:bg-transparent; } &::-webkit-scrollbar-thumb { - @apply hx-rounded-[10px]; + @apply hx:rounded-[10px]; } &:hover::-webkit-scrollbar-thumb { border: 3px solid transparent; background-color: var(--tw-shadow-color); background-clip: content-box; - @apply hx-shadow-neutral-500/20 hover:hx-shadow-neutral-500/40; + @apply hx:shadow-neutral-500/20 hx:hover:shadow-neutral-500/40; } } diff --git a/assets/css/components/search.css b/assets/css/components/search.css index 3d508bc..1a5f096 100644 --- a/assets/css/components/search.css +++ b/assets/css/components/search.css @@ -1,31 +1,31 @@ .search-wrapper { li { - @apply hx-mx-2.5 hx-break-words hx-rounded-md contrast-more:hx-border hx-text-gray-800 contrast-more:hx-border-transparent dark:hx-text-gray-300; + @apply hx:mx-2.5 hx:break-words hx:rounded-md hx:contrast-more:border hx:text-gray-800 hx:contrast-more:border-transparent hx:dark:text-gray-300; a { - @apply hx-block hx-scroll-m-12 hx-px-2.5 hx-py-2; + @apply hx:block hx:scroll-m-12 hx:px-2.5 hx:py-2; } .title { - @apply hx-text-base hx-font-semibold hx-leading-5; + @apply hx:text-base hx:font-semibold hx:leading-5; } .active { - @apply hx-rounded-md hx-bg-primary-500/10 contrast-more:hx-border-primary-500; + @apply hx:rounded-md hx:bg-primary-500/10 hx:contrast-more:border-primary-500; } } .no-result { - @apply hx-block hx-select-none hx-p-8 hx-text-center hx-text-sm hx-text-gray-400; + @apply hx:block hx:select-none hx:p-8 hx:text-center hx:text-sm hx:text-gray-400; } .prefix { - @apply hx-mx-2.5 hx-mb-2 hx-mt-6 hx-select-none hx-border-b hx-border-black/10 hx-px-2.5 hx-pb-1.5 hx-text-xs hx-font-semibold - hx-uppercase hx-text-gray-500 first:hx-mt-0 dark:hx-border-white/20 dark:hx-text-gray-300 contrast-more:hx-border-gray-600 - contrast-more:hx-text-gray-900 contrast-more:dark:hx-border-gray-50 contrast-more:dark:hx-text-gray-50; + @apply hx:mx-2.5 hx:mb-2 hx:mt-6 hx:select-none hx:border-b hx:border-black/10 hx:px-2.5 hx:pb-1.5 hx:text-xs hx:font-semibold + hx:uppercase hx:text-gray-500 hx:first:mt-0 hx:dark:border-white/20 hx:dark:text-gray-300 hx:contrast-more:border-gray-600 + hx:contrast-more:text-gray-900 hx:contrast-more:dark:border-gray-50 hx:contrast-more:dark:text-gray-50; } .excerpt { - @apply hx-overflow-hidden hx-text-ellipsis hx-mt-1 hx-text-sm hx-leading-[1.35rem] hx-text-gray-600 dark:hx-text-gray-400 contrast-more:dark:hx-text-gray-50; + @apply hx:overflow-hidden hx:text-ellipsis hx:mt-1 hx:text-sm hx:leading-[1.35rem] hx:text-gray-600 hx:dark:text-gray-400 hx:contrast-more:dark:text-gray-50; display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; @@ -33,6 +33,6 @@ } .match { - @apply hx-text-primary-600; + @apply hx:text-primary-600; } } diff --git a/assets/css/components/sidebar.css b/assets/css/components/sidebar.css index 394c8d6..b165267 100644 --- a/assets/css/components/sidebar.css +++ b/assets/css/components/sidebar.css @@ -1,7 +1,7 @@ -@media (max-width: 767px) { +@media (max-width: 48rem) { .sidebar-container { - @apply hx-fixed hx-pt-[calc(var(--navbar-height))] hx-top-0 hx-w-full hx-bottom-0 hx-z-[15] hx-overscroll-contain hx-bg-white dark:hx-bg-dark; - transition: transform 0.8s cubic-bezier(0.52, 0.16, 0.04, 1); + @apply hx:fixed hx:pt-[calc(var(--navbar-height))] hx:top-0 hx:w-full hx:bottom-0 hx:z-[15] hx:overscroll-contain hx:bg-white hx:dark:bg-dark; + transition: transform 0.4s cubic-bezier(0.52, 0.16, 0.04, 1); will-change: transform, opacity; contain: layout style; backface-visibility: hidden; @@ -10,12 +10,12 @@ .sidebar-container { li > div { - @apply hx-h-0; + @apply hx:h-0; } li.open > div { - @apply hx-h-auto hx-pt-1; + @apply hx:h-auto hx:pt-1; } li.open > a > span > svg > path { - @apply hx-rotate-90; + @apply hx:rotate-90; } } diff --git a/assets/css/components/steps.css b/assets/css/components/steps.css index ed3ad8d..f5fe17c 100644 --- a/assets/css/components/steps.css +++ b/assets/css/components/steps.css @@ -1,17 +1,22 @@ -.steps h3 { - counter-increment: step; - - &:before { - @apply hx-absolute hx-w-[33px] hx-h-[33px]; - @apply hx-border-4 hx-border-white hx-bg-gray-100 dark:hx-border-dark dark:hx-bg-neutral-800; - @apply hx-rounded-full hx-text-neutral-400 hx-text-base hx-font-normal hx-text-center -hx-indent-px; - @apply hx-mt-[3px] ltr:hx-ml-[-41px] rtl:hx-mr-[-44px]; - content: counter(step); +.steps { + :where(h2, h3, h4, h5, h6):not(.no-step-marker) { + counter-increment: step; + @apply hx:ltr:before:ml-[-41px] hx:rtl:before:mr-[-44px]; + /* https://github.com/tailwindlabs/tailwindcss/issues/15597#issuecomment-2582673546 */ + @apply hx:before:bg-gray-100 hx:dark:before:bg-neutral-800; + @apply hx:before:border-4 hx:before:border-white hx:dark:before:border-dark; + &:before { + content: counter(step); + @apply hx:absolute hx:size-[33px]; + @apply hx:rounded-full hx:text-neutral-400 hx:text-base hx:font-normal hx:text-center hx:-indent-px; + } } } -:lang(fa) .steps h3 { - &:before { - content: counter(step, persian); +:lang(fa) .steps { + :where(h2, h3, h4, h5, h6):not(.no-step-marker) { + &:before { + content: counter(step, persian); + } } } diff --git a/assets/css/highlight.css b/assets/css/highlight.css index 0ffa52c..2a8400f 100644 --- a/assets/css/highlight.css +++ b/assets/css/highlight.css @@ -1,53 +1,53 @@ /* Code syntax highlight */ -@import "chroma/light.css"; -@import "chroma/dark.css"; +@import "./chroma/light.css"; +@import "./chroma/dark.css"; .hextra-code-block { - @apply hx-text-[.9em] hx-leading-5; + @apply hx:text-[.9em] hx:leading-5; pre { - @apply hx-text-[.9em] hx-bg-primary-700/5 hx-overflow-x-auto hx-font-medium hx-subpixel-antialiased dark:hx-bg-primary-300/10 contrast-more:hx-border contrast-more:hx-border-primary-900/20 contrast-more:hx-contrast-150 contrast-more:dark:hx-border-primary-100/40; + @apply hx:text-[.9em] hx:bg-primary-700/5 hx:overflow-x-auto hx:font-medium hx:subpixel-antialiased hx:dark:bg-primary-300/10 hx:contrast-more:border hx:contrast-more:border-primary-900/20 hx:contrast-more:contrast-150 hx:contrast-more:dark:border-primary-100/40; } .filename { - @apply hx-absolute hx-top-0 hx-z-[1] hx-w-full hx-truncate hx-rounded-t-xl hx-bg-primary-700/5 hx-py-2 hx-px-4 hx-text-xs hx-text-gray-700 dark:hx-bg-primary-300/10 dark:hx-text-gray-200; + @apply hx:absolute hx:top-0 hx:z-[1] hx:w-full hx:truncate hx:rounded-t-xl hx:bg-primary-700/5 hx:py-2 hx:px-4 hx:text-xs hx:text-gray-700 hx:dark:bg-primary-300/10 hx:dark:text-gray-200; } .filename + pre:not(.lntable pre) { /* Override padding for code blocks with filename but no highlight */ - @apply hx-pt-12; + @apply hx:pt-12; } } .hextra-code-block pre:not(.lntable pre) { - @apply hx-px-4 hx-mb-4 hx-py-4 hx-rounded-xl; + @apply hx:px-4 hx:mb-4 hx:py-4 hx:rounded-xl; } .hextra-code-block div:nth-of-type(2) pre { - @apply hx-pt-12 hx-pb-4; + @apply hx:pt-12 hx:pb-4; } .chroma { .lntable { - @apply hx-m-0 hx-block hx-w-auto hx-overflow-auto hx-rounded-xl; + @apply hx:m-0 hx:block hx:w-auto hx:overflow-auto hx:rounded-xl; pre { - @apply hx-pt-4 hx-pb-4; + @apply hx:pt-4 hx:pb-4; } } .ln, .lnt:not(.hl > .lnt), .hl:not(.line) { - @apply hx-pl-4 hx-pr-4 hx-min-w-[2.6rem] hx-text-neutral-600 dark:hx-text-neutral-300; + @apply hx:pl-4 hx:pr-4 hx:min-w-[2.6rem] hx:text-neutral-600 hx:dark:text-neutral-300; } .lntd { - @apply hx-p-0 hx-align-top; + @apply hx:p-0 hx:align-top; } .lntd:last-of-type { - @apply hx-w-full; + @apply hx:w-full; } /* LineHighlight */ .hl { - @apply hx-block hx-w-full hx-bg-primary-800/10; + @apply hx:block hx:w-full hx:bg-primary-800/10; } } diff --git a/assets/css/safelist.txt b/assets/css/safelist.txt new file mode 100644 index 0000000..8ecf468 --- /dev/null +++ b/assets/css/safelist.txt @@ -0,0 +1 @@ +hx:max-w-full diff --git a/assets/css/styles.css b/assets/css/styles.css index 3ca2fbe..5f77234 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -1,26 +1,27 @@ -@import "tailwind.css"; +@import "tailwindcss" prefix(hx); -@import "typography.css"; -@import "highlight.css"; -@import "components/cards.css"; -@import "components/steps.css"; -@import "components/search.css"; -@import "components/sidebar.css"; -@import "components/navbar.css"; -@import "components/scrollbar.css"; -@import "components/code-copy.css"; -@import "components/hextra/feature-grid.css"; -@import "components/jupyter.css"; -@import "components/badge.css"; +@custom-variant dark (&:where(.dark, .dark *)); + +@theme { + --color-primary-50: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 47)); + --color-primary-100: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 44)); + --color-primary-200: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 36)); + --color-primary-300: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 27)); + --color-primary-400: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness)) / 50) * 16)); + --color-primary-500: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-lightness)); + --color-primary-600: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 45)); + --color-primary-700: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 39)); + --color-primary-800: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 32)); + --color-primary-900: hsl(var(--primary-hue) var(--primary-saturation) calc(calc(var(--primary-lightness) / 50) * 24)); + --color-dark: #111; +} html { - @apply hx-text-base hx-antialiased; - font-feature-settings: "rlig" 1, "calt" 1, "ss01" 1; - -webkit-tap-highlight-color: transparent; + @apply hx:text-base hx:antialiased; } body { - @apply hx-w-full hx-bg-white dark:hx-bg-dark dark:hx-text-gray-100; + @apply hx:w-full hx:bg-white hx:dark:bg-dark hx:dark:text-gray-100; } :root { @@ -36,3 +37,16 @@ body { --primary-saturation: 100%; --primary-lightness: 50%; } + +@import "./typography.css"; +@import "./highlight.css"; +@import "./components/cards.css"; +@import "./components/steps.css"; +@import "./components/search.css"; +@import "./components/sidebar.css"; +@import "./components/navbar.css"; +@import "./components/scrollbar.css"; +@import "./components/code-copy.css"; +@import "./components/hextra/feature-grid.css"; +@import "./components/jupyter.css"; +@import "./components/badge.css"; diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css deleted file mode 100644 index b5c61c9..0000000 --- a/assets/css/tailwind.css +++ /dev/null @@ -1,3 +0,0 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; diff --git a/assets/css/typography.css b/assets/css/typography.css index 56072df..625902a 100644 --- a/assets/css/typography.css +++ b/assets/css/typography.css @@ -1,126 +1,130 @@ .content { :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-mt-2 hx-text-4xl hx-font-bold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100; + @apply hx:mt-2 hx:text-4xl hx:font-bold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100; } :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-10 hx-border-b hx-pb-1 hx-text-3xl hx-border-neutral-200/70 contrast-more:hx-border-neutral-400 dark:hx-border-primary-100/10 contrast-more:dark:hx-border-neutral-400; + @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-10 hx:border-b hx:pb-1 hx:text-3xl hx:border-neutral-200/70 hx:contrast-more:border-neutral-400 hx:dark:border-primary-100/10 hx:contrast-more:dark:border-neutral-400; } :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-8 hx-text-2xl; + @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-2xl; } :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-8 hx-text-xl; + @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-xl; } :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-8 hx-text-lg; + @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-lg; } :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-8 hx-text-base; + @apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-base; } :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-mt-6 hx-leading-7 first:hx-mt-0; + @apply hx:mt-6 hx:leading-7 hx:first:mt-0; } :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-text-primary-600 hx-underline hx-decoration-from-font [text-underline-position:from-font]; + @apply hx:text-primary-600 hx:underline hx:decoration-from-font; } :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-mt-6 hx-border-gray-300 hx-italic hx-text-gray-700 dark:hx-border-gray-700 dark:hx-text-gray-400 first:hx-mt-0 ltr:hx-border-l-2 ltr:hx-pl-6 rtl:hx-border-r-2 rtl:hx-pr-6; + @apply hx:mt-6 hx:border-gray-300 hx:italic hx:text-gray-700 hx:dark:border-gray-700 hx:dark:text-gray-400 hx:first:mt-0 hx:ltr:border-l-2 hx:ltr:pl-6 hx:rtl:border-r-2 hx:rtl:pr-6; } :where(pre):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)) { - @apply hx-bg-primary-700/5 hx-mb-4 hx-overflow-x-auto hx-rounded-xl hx-font-medium hx-subpixel-antialiased dark:hx-bg-primary-300/10 hx-text-[.9em] contrast-more:hx-border contrast-more:hx-border-primary-900/20 contrast-more:hx-contrast-150 contrast-more:dark:hx-border-primary-100/40 hx-py-4; + @apply hx:bg-primary-700/5 hx:mb-4 hx:overflow-x-auto hx:rounded-xl hx:font-medium hx:subpixel-antialiased hx:dark:bg-primary-300/10 hx:text-[.9em] hx:contrast-more:border hx:contrast-more:border-primary-900/20 hx:contrast-more:contrast-150 hx:contrast-more:dark:border-primary-100/40 hx:py-4; } :where(code):not(:where(.hextra-code-block code, [class~=not-prose],[class~=not-prose] *)) { - @apply hx-border-black hx-border-opacity-[0.04] hx-bg-opacity-[0.03] hx-bg-black hx-break-words hx-rounded-md hx-border hx-py-0.5 hx-px-[.25em] hx-text-[.9em] dark:hx-border-white/10 dark:hx-bg-white/10; + @apply hx:border-black/4 hx:bg-black/3 hx:break-words hx:rounded-md hx:border hx:py-0.5 hx:px-[.25em] hx:text-[.9em] hx:dark:border-white/10 hx:dark:bg-white/10; } :where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) { - @apply hx-block hx-overflow-x-auto hx-mt-6 hx-p-0 first:hx-mt-0; + @apply hx:block hx:overflow-x-auto hx:mt-6 hx:p-0 hx:first:mt-0; tr { - @apply hx-m-0 hx-border-t hx-border-gray-300 hx-p-0 dark:hx-border-gray-600 even:hx-bg-gray-100 even:dark:hx-bg-gray-600/20; + @apply hx:m-0 hx:border-t hx:border-gray-300 hx:p-0 hx:dark:border-gray-600 hx:even:bg-gray-100 hx:even:dark:bg-gray-600/20; } th { - @apply hx-m-0 hx-border hx-border-gray-300 hx-px-4 hx-py-2 hx-font-semibold dark:hx-border-gray-600; + @apply hx:m-0 hx:border hx:border-gray-300 hx:px-4 hx:py-2 hx:font-semibold hx:dark:border-gray-600; } td { - @apply hx-m-0 hx-border hx-border-gray-300 hx-px-4 hx-py-2 dark:hx-border-gray-600; + @apply hx:m-0 hx:border hx:border-gray-300 hx:px-4 hx:py-2 hx:dark:border-gray-600; } } :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-mt-6 hx-list-decimal first:hx-mt-0 ltr:hx-ml-6 rtl:hx-mr-6; + @apply hx:mt-6 hx:list-decimal hx:first:mt-0 hx:ltr:ml-6 hx:rtl:mr-6; li { - @apply hx-my-2; + @apply hx:my-2; } } :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-mt-6 hx-list-disc first:hx-mt-0 ltr:hx-ml-6 rtl:hx-mr-6; + @apply hx:mt-6 hx:list-disc hx:first:mt-0 hx:ltr:ml-6 hx:rtl:mr-6; li { - @apply hx-my-2; + @apply hx:my-2; } } /* This CSS rule targets the first nested unordered (ul) or ordered (ol) list inside the list item (li) of any parent ul or ol. The rule sets the top margin of the selected list to zero. */ :where(ul, ol) > li > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-mt-0; + @apply hx:mt-0; } :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-border-black hx-border-opacity-[0.04] hx-bg-opacity-[0.03] hx-bg-black hx-break-words hx-rounded-md hx-border hx-py-0.5 hx-px-[.25em] hx-text-[.9em] dark:hx-border-white/10 dark:hx-bg-white/10; + @apply hx:border-black/4 hx:bg-black/3 hx:break-words hx:rounded-md hx:border hx:py-0.5 hx:px-[.25em] hx:text-[.9em] hx:dark:border-white/10 hx:dark:bg-white/10; } :where(pre.mermaid):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)) { - @apply hx-bg-transparent hx-rounded-none dark:hx-bg-transparent; + @apply hx:bg-transparent hx:rounded-none hx:dark:bg-transparent; } :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-mx-auto hx-my-4 hx-rounded-md; + @apply hx:mx-auto hx:my-4 hx:rounded-md; } :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) { figcaption { - @apply hx-text-sm hx-text-gray-500 dark:hx-text-gray-400 hx-mt-2 hx-block hx-text-center; + @apply hx:text-sm hx:text-gray-500 hx:dark:text-gray-400 hx:mt-2 hx:block hx:text-center; } } /* Definition list */ :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) { dt { - @apply hx-mt-6 hx-font-semibold; + @apply hx:mt-6 hx:font-semibold; } dd { - @apply hx-my-2 hx-ps-6; + @apply hx:my-2 hx:ps-6; } } .footnotes { - @apply hx-mt-12 hx-text-sm; + @apply hx:mt-12 hx:text-sm; + + hr { + @apply hx:border-gray-200 hx:dark:border-neutral-800; + } } } .subheading-anchor { - @apply hx-opacity-0 hx-transition-opacity ltr:hx-ml-1 rtl:hx-mr-1; + @apply hx:opacity-0 hx:transition-opacity hx:ltr:ml-1 hx:rtl:mr-1; span:target + &, :hover > &, &:focus { - @apply hx-opacity-100; + @apply hx:opacity-100; } span + &, :hover > & { - @apply !hx-no-underline; + @apply hx:no-underline!; } + @apply hx:after:text-gray-300 hx:dark:after:text-neutral-700; &:after { - @apply hx-content-['#'] hx-px-1; - @apply hx-text-gray-300 dark:hx-text-neutral-700; + @apply hx:content-['#'] hx:px-1; span:target + & { - @apply hx-text-gray-400; - @apply dark:hx-text-neutral-500; + @apply hx:text-gray-400; + @apply hx:dark:text-neutral-500; } } } article details > summary { &::-webkit-details-marker { - @apply hx-hidden; + @apply hx:hidden; } &::before { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='hx-h-5 hx-w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='hx:h-5 hx:w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E"); height: 1.2em; width: 1.2em; vertical-align: -4px; diff --git a/assets/js/back-to-top.js b/assets/js/back-to-top.js index 8b7a64e..cc17639 100644 --- a/assets/js/back-to-top.js +++ b/assets/js/back-to-top.js @@ -5,9 +5,9 @@ document.addEventListener("DOMContentLoaded", function () { if (backToTop) { document.addEventListener("scroll", (e) => { if (window.scrollY > 300) { - backToTop.classList.remove("hx-opacity-0"); + backToTop.classList.remove("hx:opacity-0"); } else { - backToTop.classList.add("hx-opacity-0"); + backToTop.classList.add("hx:opacity-0"); } }); } diff --git a/assets/js/flexsearch.js b/assets/js/flexsearch.js index 68d95aa..0cd84e2 100644 --- a/assets/js/flexsearch.js +++ b/assets/js/flexsearch.js @@ -6,7 +6,7 @@ document.addEventListener("DOMContentLoaded", function () { // select the kbd element under the .search-wrapper class const keys = document.querySelectorAll(".search-wrapper kbd"); keys.forEach(key => { - key.innerHTML = '⌘K'; + key.innerHTML = '⌘K'; }); } }); @@ -143,7 +143,7 @@ document.addEventListener("DOMContentLoaded", function () { function hideSearchResults() { const { resultsElement } = getActiveSearchElement(); if (!resultsElement) return; - resultsElement.classList.add('hx-hidden'); + resultsElement.classList.add('hx:hidden'); } // Handle keyboard events. @@ -316,7 +316,7 @@ document.addEventListener("DOMContentLoaded", function () { while (resultsElement.firstChild) { resultsElement.removeChild(resultsElement.firstChild); } - resultsElement.classList.remove('hx-hidden'); + resultsElement.classList.remove('hx:hidden'); const pageResults = window.pageIndex.search(query, 5, { enrich: true, suggest: true })[0]?.result || []; diff --git a/assets/js/lang.js b/assets/js/lang.js index 159de3d..b7c3db1 100644 --- a/assets/js/lang.js +++ b/assets/js/lang.js @@ -5,7 +5,7 @@ e.preventDefault(); switcher.dataset.state = switcher.dataset.state === 'open' ? 'closed' : 'open'; const optionsElement = switcher.nextElementSibling; - optionsElement.classList.toggle('hx-hidden'); + optionsElement.classList.toggle('hx:hidden'); // Calculate position of language options element const switcherRect = switcher.getBoundingClientRect(); @@ -21,7 +21,7 @@ languageSwitchers.forEach((switcher) => { switcher.dataset.state = 'closed'; const optionsElement = switcher.nextElementSibling; - optionsElement.classList.add('hx-hidden'); + optionsElement.classList.add('hx:hidden'); }); } }); diff --git a/assets/js/menu.js b/assets/js/menu.js index dad446e..81babce 100644 --- a/assets/js/menu.js +++ b/assets/js/menu.js @@ -2,53 +2,24 @@ document.addEventListener('DOMContentLoaded', function () { const menu = document.querySelector('.hamburger-menu'); - const overlay = document.querySelector('.mobile-menu-overlay'); const sidebarContainer = document.querySelector('.sidebar-container'); - // Initialize the overlay - const overlayClasses = ['hx-fixed', 'hx-inset-0', 'hx-z-10', 'hx-bg-black/80', 'dark:hx-bg-black/60']; - overlay.classList.add('hx-bg-transparent'); - overlay.classList.remove("hx-hidden", ...overlayClasses); - function toggleMenu() { // Toggle the hamburger menu menu.querySelector('svg').classList.toggle('open'); // When the menu is open, we want to show the navigation sidebar - sidebarContainer.classList.toggle('max-md:[transform:translate3d(0,-100%,0)]'); - sidebarContainer.classList.toggle('max-md:[transform:translate3d(0,0,0)]'); + sidebarContainer.classList.toggle('hx:max-md:[transform:translate3d(0,-100%,0)]'); + sidebarContainer.classList.toggle('hx:max-md:[transform:translate3d(0,0,0)]'); // When the menu is open, we want to prevent the body from scrolling - document.body.classList.toggle('hx-overflow-hidden'); - document.body.classList.toggle('md:hx-overflow-auto'); - } - - function hideOverlay() { - // Hide the overlay - overlay.classList.remove(...overlayClasses); - overlay.classList.add('hx-bg-transparent'); + document.body.classList.toggle('hx:overflow-hidden'); + document.body.classList.toggle('hx:md:overflow-auto'); } menu.addEventListener('click', (e) => { e.preventDefault(); toggleMenu(); - - if (overlay.classList.contains('hx-bg-transparent')) { - // Show the overlay - overlay.classList.add(...overlayClasses); - overlay.classList.remove('hx-bg-transparent'); - } else { - // Hide the overlay - hideOverlay(); - } - }); - - overlay.addEventListener('click', (e) => { - e.preventDefault(); - toggleMenu(); - - // Hide the overlay - hideOverlay(); }); // Select all anchor tags in the sidebar container @@ -62,7 +33,6 @@ document.addEventListener('DOMContentLoaded', function () { // Only dismiss overlay on mobile view if (window.innerWidth < 768) { toggleMenu(); - hideOverlay(); } } }); diff --git a/dev.toml b/dev.toml index df91d84..79ff430 100644 --- a/dev.toml +++ b/dev.toml @@ -8,7 +8,7 @@ source = 'assets/watching/hugo_stats\.json' target = 'styles\.css' [[build.cachebusters]] - source = '(postcss|tailwind)\.config\.js' + source = '(postcss|tailwind)\.config\.mjs' target = 'css' [[build.cachebusters]] source = 'assets/.*\.(js|ts|jsx|tsx)' diff --git a/exampleSite/content/_index.fa.md b/exampleSite/content/_index.fa.md index 5c6da1d..76212d1 100644 --- a/exampleSite/content/_index.fa.md +++ b/exampleSite/content/_index.fa.md @@ -4,52 +4,52 @@ layout: hextra-home --- {{< hextra/hero-badge >}} -
+
آزاد، متن‌باز {{< icon name="arrow-circle-left" attributes="height=14" >}} {{< /hextra/hero-badge >}} -
+
{{< hextra/hero-headline >}} - ساخت وب‌سایت‌های مدرن  
با مارک‌داون و هیوگو + ساخت وب‌سایت‌های مدرن  
با مارک‌داون و هیوگو {{< /hextra/hero-headline >}}
-
+
{{< hextra/hero-subtitle >}} - تم هیوگو سریع و دارای امکانات کامل 
برای ایجاد وب‌سایت‌های استاتیک زیبا + تم هیوگو سریع و دارای امکانات کامل 
برای ایجاد وب‌سایت‌های استاتیک زیبا {{< /hextra/hero-subtitle >}}
-
+
{{< hextra/hero-button text="شروع کنید" link="docs" >}}
-
+
{{< hextra/feature-grid >}} {{< hextra/feature-card title="سریع و با امکانات کامل" subtitle="ساده و آسان برای استفاده، در عین حال قدرتمند و غنی از ویژگی‌ها متنوع." - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]" image="/images/hextra-doc.webp" - imageClass="hx-top-[40%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card title="مارک‌داون تنها چیزی است که شما نیاز دارید" subtitle="فقط با مارک‌داون بنویسید. تکمیل و کامل با کامپوننت‌های کد کوتاه." - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-lg:min-h-[340px]" image="/images/hextra-markdown.webp" - imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[36px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card title="جستجوی کامل متن" subtitle="جستجوی متن کامل داخلی با FlexSearch، بدون نیاز به نصب موارد اضافی." - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]" image="/images/hextra-search.webp" - imageClass="hx-top-[40%] hx-left-[36px] hx-w-[110%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[36px] hx:w-[110%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card diff --git a/exampleSite/content/_index.ja.md b/exampleSite/content/_index.ja.md index 13746ae..5808174 100644 --- a/exampleSite/content/_index.ja.md +++ b/exampleSite/content/_index.ja.md @@ -4,52 +4,52 @@ layout: hextra-home --- {{< hextra/hero-badge >}} -
+
無料、オープンソース {{< icon name="arrow-circle-right" attributes="height=14" >}} {{< /hextra/hero-badge >}} -
+
{{< hextra/hero-headline >}} - MarkdownとHugoで 
モダンなウェブサイトを構築 + MarkdownとHugoで 
モダンなウェブサイトを構築 {{< /hextra/hero-headline >}}
-
+
{{< hextra/hero-subtitle >}} - 美しい静的ウェブサイトを作るための 
高速でバッテリー同梱型のHugoテーマ + 美しい静的ウェブサイトを作るための 
高速でバッテリー同梱型のHugoテーマ {{< /hextra/hero-subtitle >}}
-
+
{{< hextra/hero-button text="始める" link="docs" >}}
-
+
{{< hextra/feature-grid >}} {{< hextra/feature-card title="高速かつ多機能" subtitle="シンプルで使いやすく、それでいて強力で豊富な機能を備えています。" - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]" image="/images/hextra-doc.webp" - imageClass="hx-top-[40%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card title="MarkdownだけでOK" subtitle="Markdownだけで作成可能。ショートコードコンポーネントで充実させることもできます。" - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-lg:min-h-[340px]" image="/images/hextra-markdown.webp" - imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[36px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card title="全文検索" subtitle="FlexSearchによる全文検索が内蔵されており、追加の設定は不要です。" - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]" image="/images/hextra-search.webp" - imageClass="hx-top-[40%] hx-left-[36px] hx-w-[110%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[36px] hx:w-[110%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md index 7c53d38..cb3d451 100644 --- a/exampleSite/content/_index.md +++ b/exampleSite/content/_index.md @@ -4,52 +4,52 @@ layout: hextra-home --- {{< hextra/hero-badge >}} -
+
Free, open source {{< icon name="arrow-circle-right" attributes="height=14" >}} {{< /hextra/hero-badge >}} -
+
{{< hextra/hero-headline >}} - Build modern websites 
with Markdown and Hugo + Build modern websites 
with Markdown and Hugo {{< /hextra/hero-headline >}}
-
+
{{< hextra/hero-subtitle >}} - Fast, batteries-included Hugo theme 
for creating beautiful static websites + Fast, batteries-included Hugo theme 
for creating beautiful static websites {{< /hextra/hero-subtitle >}}
-
+
{{< hextra/hero-button text="Get Started" link="docs" >}}
-
+
{{< hextra/feature-grid >}} {{< hextra/feature-card title="Fast and Full-featured" subtitle="Simple and easy to use, yet powerful and feature-rich." - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]" image="images/hextra-doc.webp" - imageClass="hx-top-[40%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card title="Markdown is All You Need" subtitle="Compose with just Markdown. Enrich with Shortcode components." - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-lg:min-h-[340px]" image="images/hextra-markdown.webp" - imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[36px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card title="Full Text Search" subtitle="Built-in full text search with FlexSearch, no extra setup required." - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]" image="images/hextra-search.webp" - imageClass="hx-top-[40%] hx-left-[36px] hx-w-[110%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[36px] hx:w-[110%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card diff --git a/exampleSite/content/_index.zh-cn.md b/exampleSite/content/_index.zh-cn.md index d825bab..ea3f5d8 100644 --- a/exampleSite/content/_index.zh-cn.md +++ b/exampleSite/content/_index.zh-cn.md @@ -4,52 +4,52 @@ layout: hextra-home --- {{< hextra/hero-badge >}} -
+
免费 开源 {{< icon name="arrow-circle-right" attributes="height=14" >}} {{< /hextra/hero-badge >}} -
+
{{< hextra/hero-headline >}} - 创建现代化网站 
由 Markdown 和 Hugo 驱动 + 创建现代化网站 
由 Markdown 和 Hugo 驱动 {{< /hextra/hero-headline >}}
-
+
{{< hextra/hero-subtitle >}} - 极速且全能的 Hugo 主题框架 
为构建现代化的静态网站而生 + 极速且全能的 Hugo 主题框架 
为构建现代化的静态网站而生 {{< /hextra/hero-subtitle >}}
-
+
{{< hextra/hero-button text="现在开始" link="docs" >}}
-
+
{{< hextra/feature-grid >}} {{< hextra/feature-card title="快速且功能全面" subtitle="简单易用，功能强大丰富。" - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]" image="/images/hextra-doc.webp" - imageClass="hx-top-[40%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card title="Markdown 写作" subtitle="只需使用 Markdown 进行编辑。多样的 Shortcode 组件开箱即用。" - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-lg:min-h-[340px]" image="/images/hextra-markdown.webp" - imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[36px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card title="全文搜索" subtitle="内置 FlexSearch 全文搜索，无需额外设置。" - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" + class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]" image="/images/hextra-search.webp" - imageClass="hx-top-[40%] hx-left-[36px] hx-w-[110%] sm:hx-w-[110%] dark:hx-opacity-80" + imageClass="hx:top-[40%] hx:left-[36px] hx:w-[110%] hx:sm:w-[110%] hx:dark:opacity-80" style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));" >}} {{< hextra/feature-card diff --git a/exampleSite/content/docs/guide/shortcodes/icon.md b/exampleSite/content/docs/guide/shortcodes/icon.md index dc93cd0..f364e6b 100644 --- a/exampleSite/content/docs/guide/shortcodes/icon.md +++ b/exampleSite/content/docs/guide/shortcodes/icon.md @@ -1,5 +1,6 @@ --- title: Icon +next: /docs/guide/shortcodes/steps --- To use this shortcode inline, inline shortcode needs to be enabled in the config: diff --git a/exampleSite/content/docs/guide/shortcodes/others.md b/exampleSite/content/docs/guide/shortcodes/others.md index 37ce56f..bc18730 100644 --- a/exampleSite/content/docs/guide/shortcodes/others.md +++ b/exampleSite/content/docs/guide/shortcodes/others.md @@ -3,6 +3,7 @@ title: Other Shortcodes linkTitle: Others sidebar: exclude: true +next: /docs/guide/deploy-site --- {{< callout emoji="ℹ️" >}} diff --git a/exampleSite/content/showcase/index.fa.md b/exampleSite/content/showcase/index.fa.md index 3e24c84..d62a3ef 100644 --- a/exampleSite/content/showcase/index.fa.md +++ b/exampleSite/content/showcase/index.fa.md @@ -5,9 +5,9 @@ toc: false layout: wide --- -
+
-

+

پروژه‌های متن‌باز که توسط هگزترا طراحی شده‌اند.

diff --git a/exampleSite/content/showcase/index.md b/exampleSite/content/showcase/index.md index 69d7747..ca632c8 100644 --- a/exampleSite/content/showcase/index.md +++ b/exampleSite/content/showcase/index.md @@ -5,9 +5,9 @@ toc: false layout: wide --- -
+
-

+

Open source projects powered by Hextra

diff --git a/exampleSite/content/showcase/index.zh-cn.md b/exampleSite/content/showcase/index.zh-cn.md index 4feb761..3f646c6 100644 --- a/exampleSite/content/showcase/index.zh-cn.md +++ b/exampleSite/content/showcase/index.zh-cn.md @@ -5,9 +5,9 @@ toc: false layout: wide --- -
+
-

+

由 Hextra 驱动的开源网站和项目。

diff --git a/exampleSite/hugo_stats.json b/exampleSite/hugo_stats.json index 617f9e6..e9cad3b 100644 --- a/exampleSite/hugo_stats.json +++ b/exampleSite/hugo_stats.json @@ -59,166 +59,19 @@ "ul" ], "classes": [ - "-hx-mb-0.5", - "-hx-ml-2", - "-hx-mr-2", - "-hx-mt-20", "[-webkit-tap-highlight-color:transparent]", "[-webkit-touch-callout:none]", "[counter-reset:step]", "[hyphens:auto]", - "[transition:background-color_1.5s_ease]", "[word-break:break-word]", - "active:hx-bg-gray-400/20", - "active:hx-opacity-50", - "active:hx-shadow-gray-200", - "active:hx-shadow-sm", - "before:hx-absolute", - "before:hx-bg-glass-gradient", - "before:hx-bg-gray-200", - "before:hx-content-[\"\"]", - "before:hx-content-['#']", - "before:hx-content-['']", - "before:hx-inline-block", - "before:hx-inset-0", - "before:hx-inset-y-1", - "before:hx-mr-1", - "before:hx-opacity-25", - "before:hx-pointer-events-none", - "before:hx-transition-transform", - "before:hx-w-px", "chroma", "content", - "contrast-more:dark:hover:hx-border-gray-50", - "contrast-more:dark:hx-border-current", - "contrast-more:dark:hx-border-gray-50", - "contrast-more:dark:hx-border-neutral-400", - "contrast-more:dark:hx-border-primary-500", - "contrast-more:dark:hx-shadow-[0_0_0_1px_#fff]", - "contrast-more:dark:hx-shadow-none", - "contrast-more:dark:hx-text-current", - "contrast-more:dark:hx-text-gray-100", - "contrast-more:dark:hx-text-gray-300", - "contrast-more:dark:hx-text-gray-50", - "contrast-more:hover:hx-border-gray-900", - "contrast-more:hx-border", - "contrast-more:hx-border-current", - "contrast-more:hx-border-gray-800", - "contrast-more:hx-border-gray-900", - "contrast-more:hx-border-neutral-400", - "contrast-more:hx-border-primary-500", - "contrast-more:hx-border-t", - "contrast-more:hx-border-transparent", - "contrast-more:hx-font-bold", - "contrast-more:hx-shadow-[0_0_0_1px_#000]", - "contrast-more:hx-shadow-none", - "contrast-more:hx-text-current", - "contrast-more:hx-text-gray-700", - "contrast-more:hx-text-gray-800", - "contrast-more:hx-text-gray-900", - "contrast-more:hx-underline", "copy-icon", - "dark:before:hx-bg-neutral-800", - "dark:before:hx-invert", - "dark:contrast-more:hx-border-neutral-400", - "dark:focus:hx-bg-dark", - "dark:focus:hx-ring-primary-800", - "dark:hover:hx-bg-gray-100/5", - "dark:hover:hx-bg-neutral-700", - "dark:hover:hx-bg-neutral-800", - "dark:hover:hx-bg-neutral-900", - "dark:hover:hx-bg-primary-100/5", - "dark:hover:hx-bg-primary-700", - "dark:hover:hx-border-gray-100", - "dark:hover:hx-border-gray-600", - "dark:hover:hx-border-neutral-500", - "dark:hover:hx-border-neutral-700", - "dark:hover:hx-border-neutral-800", - "dark:hover:hx-shadow-none", - "dark:hover:hx-text-gray-100", - "dark:hover:hx-text-gray-200", - "dark:hover:hx-text-gray-300", - "dark:hover:hx-text-gray-50", - "dark:hover:hx-text-neutral-50", - "dark:hover:hx-text-white", - "dark:hx-bg-amber-900/30", - "dark:hx-bg-black/60", - "dark:hx-bg-blue-900/30", - "dark:hx-bg-dark", - "dark:hx-bg-dark/50", - "dark:hx-bg-gray-50/10", - "dark:hx-bg-green-900/30", - "dark:hx-bg-indigo-900/30", - "dark:hx-bg-neutral-800", - "dark:hx-bg-neutral-900", - "dark:hx-bg-orange-400/20", - "dark:hx-bg-primary-300/10", - "dark:hx-bg-primary-400/10", - "dark:hx-bg-primary-600", - "dark:hx-bg-red-900/30", - "dark:hx-bg-yellow-700/30", - "dark:hx-block", - "dark:hx-border-amber-200/30", - "dark:hx-border-blue-200/30", - "dark:hx-border-gray-100/20", - "dark:hx-border-gray-400", - "dark:hx-border-green-200/30", - "dark:hx-border-indigo-200/30", - "dark:hx-border-neutral-700", - "dark:hx-border-neutral-800", - "dark:hx-border-orange-400/30", - "dark:hx-border-red-200/30", - "dark:hx-border-white/10", - "dark:hx-border-yellow-200/30", - "dark:hx-from-gray-100", - "dark:hx-hidden", - "dark:hx-opacity-80", - "dark:hx-ring-white/20", - "dark:hx-shadow-[0_-12px_16px_#111]", - "dark:hx-shadow-[0_-1px_0_rgba(255,255,255,.1)_inset]", - "dark:hx-shadow-none", - "dark:hx-text-amber-200", - "dark:hx-text-blue-200", - "dark:hx-text-gray-100", - "dark:hx-text-gray-200", - "dark:hx-text-gray-300", - "dark:hx-text-gray-400", - "dark:hx-text-gray-50", - "dark:hx-text-green-200", - "dark:hx-text-indigo-200", - "dark:hx-text-neutral-200", - "dark:hx-text-neutral-400", - "dark:hx-text-orange-300", - "dark:hx-text-primary-600", - "dark:hx-text-red-200", - "dark:hx-text-slate-100", - "dark:hx-text-yellow-200", - "dark:hx-to-gray-400", - "dark:placeholder:hx-text-gray-400", - "data-[state=closed]:hx-hidden", - "data-[state=open]:hx-hidden", - "data-[state=selected]:dark:hx-border-primary-500", - "data-[state=selected]:dark:hx-text-primary-600", - "data-[state=selected]:hx-block", - "data-[state=selected]:hx-border-primary-500", - "data-[state=selected]:hx-text-primary-600", "dataframe", "filename", - "first:hx-mt-0", - "focus:hx-bg-white", - "focus:hx-outline-none", - "focus:hx-ring-4", - "focus:hx-ring-primary-300", "footnote-backref", "footnote-ref", "footnotes", - "group-[.copied]/copybtn:hx-block", - "group-[.copied]/copybtn:hx-hidden", - "group-data-[theme=dark]:hx-hidden", - "group-data-[theme=light]:hx-hidden", - "group-hover/code:hx-opacity-100", - "group-hover:hx-underline", - "group-open:before:hx-rotate-90", "hamburger-menu", "hextra-badge", "hextra-card", @@ -246,404 +99,544 @@ "hextra-tabs-toggle", "hextra-toc", "highlight", - "hover:dark:hx-bg-primary-500/10", - "hover:dark:hx-text-primary-600", - "hover:hx-bg-gray-100", - "hover:hx-bg-gray-800/5", - "hover:hx-bg-primary-50", - "hover:hx-bg-primary-700", - "hover:hx-bg-slate-50", - "hover:hx-border-gray-200", - "hover:hx-border-gray-300", - "hover:hx-border-gray-400", - "hover:hx-border-gray-900", - "hover:hx-opacity-60", - "hover:hx-opacity-75", - "hover:hx-shadow-gray-100", - "hover:hx-shadow-lg", - "hover:hx-shadow-md", - "hover:hx-text-black", - "hover:hx-text-gray-800", - "hover:hx-text-gray-900", - "hover:hx-text-primary-600", - "hx-absolute", - "hx-align-[-2.5px]", - "hx-align-middle", - "hx-align-text-bottom", - "hx-appearance-none", - "hx-aspect-auto", - "hx-bg-amber-100", - "hx-bg-black/80", - "hx-bg-black/[.05]", - "hx-bg-blue-100", - "hx-bg-clip-text", - "hx-bg-gradient-to-r", - "hx-bg-gray-100", - "hx-bg-green-100", - "hx-bg-indigo-100", - "hx-bg-neutral-50", - "hx-bg-orange-50", - "hx-bg-primary-100", - "hx-bg-primary-400", - "hx-bg-primary-600", - "hx-bg-primary-700/5", - "hx-bg-red-100", - "hx-bg-transparent", - "hx-bg-white", - "hx-bg-yellow-50", - "hx-block", - "hx-border", - "hx-border-amber-200", - "hx-border-b", - "hx-border-b-2", - "hx-border-black/5", - "hx-border-blue-200", - "hx-border-gray-200", - "hx-border-gray-500", - "hx-border-green-200", - "hx-border-indigo-200", - "hx-border-orange-100", - "hx-border-red-200", - "hx-border-t", - "hx-border-transparent", - "hx-border-yellow-100", - "hx-bottom-0", - "hx-break-words", - "hx-capitalize", - "hx-cursor-default", - "hx-cursor-pointer", - "hx-decoration-from-font", - "hx-duration-200", - "hx-duration-75", - "hx-ease-in", - "hx-fixed", - "hx-flex", - "hx-flex-col", - "hx-flex-wrap", - "hx-font-bold", - "hx-font-extrabold", - "hx-font-medium", - "hx-font-mono", - "hx-font-normal", - "hx-font-semibold", - "hx-from-gray-900", - "hx-gap-1", - "hx-gap-2", - "hx-gap-4", - "hx-gap-x-1.5", - "hx-gap-y-2", - "hx-grid", - "hx-grid-cols-1", - "hx-group", - "hx-group/code", - "hx-group/copybtn", - "hx-grow", - "hx-h-0", - "hx-h-16", - "hx-h-2", - "hx-h-3.5", - "hx-h-4", - "hx-h-5", - "hx-h-7", - "hx-h-[18px]", - "hx-h-full", - "hx-hidden", - "hx-inline", - "hx-inline-block", - "hx-inline-flex", - "hx-inset-0", - "hx-inset-x-0", - "hx-inset-y-0", - "hx-items-center", - "hx-items-start", - "hx-justify-between", - "hx-justify-center", - "hx-justify-end", - "hx-justify-items-start", - "hx-justify-start", - "hx-leading-5", - "hx-leading-6", - "hx-leading-7", - "hx-leading-none", - "hx-leading-tight", - "hx-left-[24px]", - "hx-left-[36px]", - "hx-line-clamp-3", - "hx-list-none", - "hx-m-[11px]", - "hx-max-h-64", - "hx-max-h-[calc(100vh-var(--navbar-height)-env(safe-area-inset-bottom))]", - "hx-max-h-[min(calc(50vh-11rem-env(safe-area-inset-bottom)),400px)]", - "hx-max-w-6xl", - "hx-max-w-[50%]", - "hx-max-w-[90rem]", - "hx-max-w-[min(calc(100vw-2rem),calc(100%+20rem))]", - "hx-max-w-none", - "hx-max-w-screen-xl", - "hx-mb-10", - "hx-mb-12", - "hx-mb-16", - "hx-mb-2", - "hx-mb-4", - "hx-mb-6", - "hx-mb-8", - "hx-min-h-[100px]", - "hx-min-h-[calc(100vh-var(--navbar-height))]", - "hx-min-w-0", - "hx-min-w-[18px]", - "hx-min-w-[24px]", - "hx-min-w-full", - "hx-ml-4", - "hx-mr-1", - "hx-mr-2", - "hx-mt-1", - "hx-mt-1.5", - "hx-mt-12", - "hx-mt-16", - "hx-mt-2", - "hx-mt-4", - "hx-mt-5", - "hx-mt-6", - "hx-mt-8", - "hx-mx-1", - "hx-mx-4", - "hx-mx-auto", - "hx-my-1.5", - "hx-my-2", - "hx-no-underline", - "hx-opacity-0", - "hx-opacity-50", - "hx-opacity-80", - "hx-order-last", - "hx-origin-center", - "hx-overflow-auto", - "hx-overflow-hidden", - "hx-overflow-x-auto", - "hx-overflow-x-hidden", - "hx-overflow-y-auto", - "hx-overflow-y-hidden", - "hx-overscroll-contain", - "hx-overscroll-x-contain", - "hx-p-0.5", - "hx-p-1", - "hx-p-1.5", - "hx-p-2", - "hx-p-4", - "hx-p-6", - "hx-pb-8", - "hx-pb-[env(safe-area-inset-bottom)]", - "hx-pb-px", - "hx-pl-[max(env(safe-area-inset-left),1.5rem)]", - "hx-pointer-events-none", - "hx-pr-2", - "hx-pr-4", - "hx-pr-[calc(env(safe-area-inset-right)-1.5rem)]", - "hx-pr-[max(env(safe-area-inset-left),1.5rem)]", - "hx-pr-[max(env(safe-area-inset-right),1.5rem)]", - "hx-pt-4", - "hx-pt-6", - "hx-pt-8", - "hx-px-1.5", - "hx-px-2", - "hx-px-2.5", - "hx-px-3", - "hx-px-4", - "hx-px-6", - "hx-py-1", - "hx-py-1.5", - "hx-py-12", - "hx-py-2", - "hx-py-2.5", - "hx-py-3", - "hx-py-4", - "hx-relative", - "hx-right-0", - "hx-ring-1", - "hx-ring-black/5", - "hx-rounded", - "hx-rounded-3xl", - "hx-rounded-full", - "hx-rounded-lg", - "hx-rounded-md", - "hx-rounded-sm", - "hx-rounded-t", - "hx-rounded-xl", - "hx-scroll-my-6", - "hx-scroll-py-6", - "hx-select-none", - "hx-shadow", - "hx-shadow-[0_-12px_16px_#fff]", - "hx-shadow-[0_-12px_16px_white]", - "hx-shadow-[0_2px_4px_rgba(0,0,0,.02),0_1px_0_rgba(0,0,0,.06)]", - "hx-shadow-gray-100", - "hx-shadow-lg", - "hx-shadow-sm", - "hx-shadow-xl", - "hx-shrink-0", - "hx-sr-only", - "hx-sticky", - "hx-text-2xl", - "hx-text-4xl", - "hx-text-[.65rem]", - "hx-text-[10px]", - "hx-text-[color:hsl(var(--primary-hue),100%,50%)]", - "hx-text-amber-900", - "hx-text-base", - "hx-text-blue-900", - "hx-text-center", - "hx-text-current", - "hx-text-ellipsis", - "hx-text-gray-100", - "hx-text-gray-500", - "hx-text-gray-600", - "hx-text-gray-700", - "hx-text-gray-800", - "hx-text-gray-900", - "hx-text-green-900", - "hx-text-indigo-900", - "hx-text-left", - "hx-text-lg", - "hx-text-orange-800", - "hx-text-primary-800", - "hx-text-red-900", - "hx-text-slate-900", - "hx-text-sm", - "hx-text-transparent", - "hx-text-white", - "hx-text-xl", - "hx-text-xs", - "hx-text-yellow-900", - "hx-to-gray-600", - "hx-top-0", - "hx-top-16", - "hx-top-8", - "hx-top-[40%]", - "hx-top-full", - "hx-tracking-tight", - "hx-tracking-tighter", - "hx-transition", - "hx-transition-all", - "hx-transition-colors", - "hx-transition-opacity", - "hx-transition-transform", - "hx-underline", - "hx-underline-offset-2", - "hx-w-2", - "hx-w-3.5", - "hx-w-4", - "hx-w-64", - "hx-w-[110%]", - "hx-w-[180%]", - "hx-w-full", - "hx-w-max", - "hx-w-screen", - "hx-whitespace-nowrap", - "hx-z-10", - "hx-z-20", - "hx-z-[-1]", + "hx:-mb-0.5", + "hx:-ml-2", + "hx:-mr-2", + "hx:-mt-20", + "hx:absolute", + "hx:active:bg-gray-400/20", + "hx:active:opacity-50", + "hx:active:shadow-gray-200", + "hx:active:shadow-sm", + "hx:align-[-2.5px]", + "hx:align-middle", + "hx:align-text-bottom", + "hx:appearance-none", + "hx:aspect-auto", + "hx:before:absolute", + "hx:before:bg-glass-gradient", + "hx:before:bg-gray-200", + "hx:before:content-[\"\"]", + "hx:before:content-['#']", + "hx:before:content-['']", + "hx:before:inline-block", + "hx:before:inset-0", + "hx:before:inset-y-1", + "hx:before:mr-1", + "hx:before:opacity-25", + "hx:before:pointer-events-none", + "hx:before:transition-transform", + "hx:before:w-px", + "hx:bg-amber-100", + "hx:bg-black/[.05]", + "hx:bg-blue-100", + "hx:bg-clip-text", + "hx:bg-gradient-to-r", + "hx:bg-gray-100", + "hx:bg-green-100", + "hx:bg-indigo-100", + "hx:bg-neutral-50", + "hx:bg-orange-50", + "hx:bg-primary-100", + "hx:bg-primary-400", + "hx:bg-primary-600", + "hx:bg-primary-700/5", + "hx:bg-red-100", + "hx:bg-transparent", + "hx:bg-white", + "hx:bg-yellow-50", + "hx:block", + "hx:border", + "hx:border-amber-200", + "hx:border-b", + "hx:border-b-2", + "hx:border-black/5", + "hx:border-blue-200", + "hx:border-gray-200", + "hx:border-gray-500", + "hx:border-green-200", + "hx:border-indigo-200", + "hx:border-orange-100", + "hx:border-red-200", + "hx:border-t", + "hx:border-transparent", + "hx:border-yellow-100", + "hx:bottom-0", + "hx:break-words", + "hx:capitalize", + "hx:contrast-more:border", + "hx:contrast-more:border-current", + "hx:contrast-more:border-gray-800", + "hx:contrast-more:border-gray-900", + "hx:contrast-more:border-neutral-400", + "hx:contrast-more:border-primary-500", + "hx:contrast-more:border-t", + "hx:contrast-more:border-transparent", + "hx:contrast-more:dark:border-current", + "hx:contrast-more:dark:border-gray-50", + "hx:contrast-more:dark:border-neutral-400", + "hx:contrast-more:dark:border-primary-500", + "hx:contrast-more:dark:hover:border-gray-50", + "hx:contrast-more:dark:shadow-[0_0_0_1px_#fff]", + "hx:contrast-more:dark:shadow-none", + "hx:contrast-more:dark:text-current", + "hx:contrast-more:dark:text-gray-100", + "hx:contrast-more:dark:text-gray-300", + "hx:contrast-more:dark:text-gray-50", + "hx:contrast-more:font-bold", + "hx:contrast-more:hover:border-gray-900", + "hx:contrast-more:shadow-[0_0_0_1px_#000]", + "hx:contrast-more:shadow-none", + "hx:contrast-more:text-current", + "hx:contrast-more:text-gray-700", + "hx:contrast-more:text-gray-800", + "hx:contrast-more:text-gray-900", + "hx:contrast-more:underline", + "hx:cursor-default", + "hx:cursor-pointer", + "hx:dark:before:bg-neutral-800", + "hx:dark:before:invert", + "hx:dark:bg-amber-900/30", + "hx:dark:bg-blue-900/30", + "hx:dark:bg-dark", + "hx:dark:bg-dark/50", + "hx:dark:bg-gray-50/10", + "hx:dark:bg-green-900/30", + "hx:dark:bg-indigo-900/30", + "hx:dark:bg-neutral-800", + "hx:dark:bg-neutral-900", + "hx:dark:bg-orange-400/20", + "hx:dark:bg-primary-300/10", + "hx:dark:bg-primary-400/10", + "hx:dark:bg-primary-600", + "hx:dark:bg-red-900/30", + "hx:dark:bg-yellow-700/30", + "hx:dark:block", + "hx:dark:border-amber-200/30", + "hx:dark:border-blue-200/30", + "hx:dark:border-gray-100/20", + "hx:dark:border-gray-400", + "hx:dark:border-green-200/30", + "hx:dark:border-indigo-200/30", + "hx:dark:border-neutral-700", + "hx:dark:border-neutral-800", + "hx:dark:border-orange-400/30", + "hx:dark:border-red-200/30", + "hx:dark:border-white/10", + "hx:dark:border-yellow-200/30", + "hx:dark:contrast-more:border-neutral-400", + "hx:dark:focus:bg-dark", + "hx:dark:focus:ring-primary-800", + "hx:dark:from-gray-100", + "hx:dark:hidden", + "hx:dark:hover:bg-gray-100/5", + "hx:dark:hover:bg-neutral-700", + "hx:dark:hover:bg-neutral-800", + "hx:dark:hover:bg-neutral-900", + "hx:dark:hover:bg-primary-100/5", + "hx:dark:hover:bg-primary-700", + "hx:dark:hover:border-gray-100", + "hx:dark:hover:border-gray-600", + "hx:dark:hover:border-neutral-500", + "hx:dark:hover:border-neutral-700", + "hx:dark:hover:border-neutral-800", + "hx:dark:hover:shadow-none", + "hx:dark:hover:text-gray-100", + "hx:dark:hover:text-gray-200", + "hx:dark:hover:text-gray-300", + "hx:dark:hover:text-gray-50", + "hx:dark:hover:text-neutral-50", + "hx:dark:hover:text-white", + "hx:dark:opacity-80", + "hx:dark:placeholder:text-gray-400", + "hx:dark:ring-white/20", + "hx:dark:shadow-[0_-12px_16px_#111]", + "hx:dark:shadow-[0_-1px_0_rgba(255,255,255,.1)_inset]", + "hx:dark:shadow-none", + "hx:dark:text-amber-200", + "hx:dark:text-blue-200", + "hx:dark:text-gray-100", + "hx:dark:text-gray-200", + "hx:dark:text-gray-300", + "hx:dark:text-gray-400", + "hx:dark:text-gray-50", + "hx:dark:text-green-200", + "hx:dark:text-indigo-200", + "hx:dark:text-neutral-200", + "hx:dark:text-neutral-400", + "hx:dark:text-orange-300", + "hx:dark:text-primary-600", + "hx:dark:text-red-200", + "hx:dark:text-slate-100", + "hx:dark:text-yellow-200", + "hx:dark:to-gray-400", + "hx:data-[state=closed]:hidden", + "hx:data-[state=open]:hidden", + "hx:data-[state=selected]:block", + "hx:data-[state=selected]:border-primary-500", + "hx:data-[state=selected]:dark:border-primary-500", + "hx:data-[state=selected]:dark:text-primary-600", + "hx:data-[state=selected]:text-primary-600", + "hx:decoration-from-font", + "hx:duration-200", + "hx:duration-75", + "hx:ease-in", + "hx:first:mt-0", + "hx:flex", + "hx:flex-col", + "hx:flex-wrap", + "hx:focus:bg-white", + "hx:focus:outline-hidden", + "hx:focus:ring-4", + "hx:focus:ring-primary-300", + "hx:font-bold", + "hx:font-extrabold", + "hx:font-medium", + "hx:font-mono", + "hx:font-normal", + "hx:font-semibold", + "hx:from-gray-900", + "hx:gap-1", + "hx:gap-2", + "hx:gap-4", + "hx:gap-x-1.5", + "hx:gap-y-2", + "hx:grid", + "hx:grid-cols-1", + "hx:group", + "hx:group-[.copied]/copybtn:block", + "hx:group-[.copied]/copybtn:hidden", + "hx:group-data-[theme=dark]:hidden", + "hx:group-data-[theme=light]:hidden", + "hx:group-hover/code:opacity-100", + "hx:group-hover:underline", + "hx:group-open:before:rotate-90", + "hx:group/code", + "hx:group/copybtn", + "hx:grow", + "hx:h-0", + "hx:h-16", + "hx:h-2", + "hx:h-3.5", + "hx:h-4", + "hx:h-5", + "hx:h-7", + "hx:h-[18px]", + "hx:h-full", + "hx:hidden", + "hx:hover:bg-gray-100", + "hx:hover:bg-gray-800/5", + "hx:hover:bg-primary-50", + "hx:hover:bg-primary-700", + "hx:hover:bg-slate-50", + "hx:hover:border-gray-200", + "hx:hover:border-gray-300", + "hx:hover:border-gray-400", + "hx:hover:border-gray-900", + "hx:hover:dark:bg-primary-500/10", + "hx:hover:dark:text-primary-600", + "hx:hover:opacity-60", + "hx:hover:opacity-75", + "hx:hover:shadow-gray-100", + "hx:hover:shadow-lg", + "hx:hover:shadow-md", + "hx:hover:text-black", + "hx:hover:text-gray-800", + "hx:hover:text-gray-900", + "hx:hover:text-primary-600", + "hx:inline", + "hx:inline-block", + "hx:inline-flex", + "hx:inset-x-0", + "hx:inset-y-0", + "hx:items-center", + "hx:items-start", + "hx:justify-between", + "hx:justify-center", + "hx:justify-end", + "hx:justify-items-start", + "hx:justify-start", + "hx:last-of-type:mb-0", + "hx:leading-5", + "hx:leading-6", + "hx:leading-7", + "hx:leading-none", + "hx:leading-tight", + "hx:left-[24px]", + "hx:left-[36px]", + "hx:lg:grid-cols-3", + "hx:line-clamp-3", + "hx:list-none", + "hx:ltr:-mr-4", + "hx:ltr:before:left-0", + "hx:ltr:border-l", + "hx:ltr:md:left-auto", + "hx:ltr:ml-1", + "hx:ltr:ml-3", + "hx:ltr:ml-auto", + "hx:ltr:mr-auto", + "hx:ltr:pl-12", + "hx:ltr:pl-16", + "hx:ltr:pl-3", + "hx:ltr:pl-4", + "hx:ltr:pl-5", + "hx:ltr:pl-6", + "hx:ltr:pl-8", + "hx:ltr:pr-0", + "hx:ltr:pr-2", + "hx:ltr:pr-4", + "hx:ltr:pr-9", + "hx:ltr:right-1.5", + "hx:ltr:right-3", + "hx:ltr:rotate-180", + "hx:ltr:text-right", + "hx:m-[11px]", + "hx:max-h-64", + "hx:max-h-[calc(100vh-var(--navbar-height)-env(safe-area-inset-bottom))]", + "hx:max-h-[min(calc(50vh-11rem-env(safe-area-inset-bottom)),400px)]", + "hx:max-lg:min-h-[340px]", + "hx:max-md:[transform:translate3d(0,-100%,0)]", + "hx:max-md:hidden", + "hx:max-md:min-h-[340px]", + "hx:max-sm:grid-cols-1", + "hx:max-w-6xl", + "hx:max-w-[50%]", + "hx:max-w-[90rem]", + "hx:max-w-[min(calc(100vw-2rem),calc(100%+20rem))]", + "hx:max-w-none", + "hx:max-w-screen-xl", + "hx:max-xl:hidden", + "hx:mb-10", + "hx:mb-12", + "hx:mb-16", + "hx:mb-2", + "hx:mb-4", + "hx:mb-6", + "hx:mb-8", + "hx:md:aspect-[1.1/1]", + "hx:md:grid-cols-2", + "hx:md:h-[calc(100vh-var(--navbar-height)-var(--menu-height))]", + "hx:md:hidden", + "hx:md:inline-block", + "hx:md:justify-start", + "hx:md:max-h-[min(calc(100vh-5rem-env(safe-area-inset-bottom)),400px)]", + "hx:md:pt-12", + "hx:md:px-12", + "hx:md:self-start", + "hx:md:shrink-0", + "hx:md:sticky", + "hx:md:text-5xl", + "hx:md:text-lg", + "hx:md:text-sm", + "hx:md:top-16", + "hx:md:w-64", + "hx:min-h-[100px]", + "hx:min-h-[calc(100vh-var(--navbar-height))]", + "hx:min-w-0", + "hx:min-w-[18px]", + "hx:min-w-[24px]", + "hx:min-w-full", + "hx:ml-4", + "hx:mr-1", + "hx:mr-2", + "hx:mt-1", + "hx:mt-1.5", + "hx:mt-12", + "hx:mt-16", + "hx:mt-2", + "hx:mt-4", + "hx:mt-5", + "hx:mt-6", + "hx:mt-8", + "hx:mx-1", + "hx:mx-4", + "hx:mx-auto", + "hx:my-1.5", + "hx:my-2", + "hx:no-underline", + "hx:opacity-0", + "hx:opacity-50", + "hx:opacity-80", + "hx:order-last", + "hx:origin-center", + "hx:overflow-auto", + "hx:overflow-hidden", + "hx:overflow-x-auto", + "hx:overflow-x-hidden", + "hx:overflow-y-auto", + "hx:overflow-y-hidden", + "hx:overscroll-contain", + "hx:overscroll-x-contain", + "hx:p-0.5", + "hx:p-1", + "hx:p-1.5", + "hx:p-2", + "hx:p-4", + "hx:p-6", + "hx:pb-8", + "hx:pb-[env(safe-area-inset-bottom)]", + "hx:pb-px", + "hx:pl-[max(env(safe-area-inset-left),1.5rem)]", + "hx:placeholder:text-gray-500", + "hx:pointer-events-none", + "hx:pr-2", + "hx:pr-4", + "hx:pr-[calc(env(safe-area-inset-right)-1.5rem)]", + "hx:pr-[max(env(safe-area-inset-left),1.5rem)]", + "hx:pr-[max(env(safe-area-inset-right),1.5rem)]", + "hx:print:bg-transparent", + "hx:print:hidden", + "hx:pt-4", + "hx:pt-6", + "hx:pt-8", + "hx:px-1.5", + "hx:px-2", + "hx:px-2.5", + "hx:px-3", + "hx:px-4", + "hx:px-6", + "hx:py-1", + "hx:py-1.5", + "hx:py-12", + "hx:py-2", + "hx:py-2.5", + "hx:py-3", + "hx:py-4", + "hx:relative", + "hx:right-0", + "hx:ring-1", + "hx:ring-black/5", + "hx:rounded-3xl", + "hx:rounded-full", + "hx:rounded-lg", + "hx:rounded-md", + "hx:rounded-sm", + "hx:rounded-t", + "hx:rounded-xl", + "hx:rounded-xs", + "hx:rtl:-ml-4", + "hx:rtl:-rotate-180", + "hx:rtl:before:right-0", + "hx:rtl:before:rotate-180", + "hx:rtl:border-r", + "hx:rtl:left-1.5", + "hx:rtl:left-3", + "hx:rtl:md:right-auto", + "hx:rtl:ml-auto", + "hx:rtl:mr-1", + "hx:rtl:mr-3", + "hx:rtl:mr-auto", + "hx:rtl:pl-2", + "hx:rtl:pl-4", + "hx:rtl:pl-9", + "hx:rtl:pr-12", + "hx:rtl:pr-16", + "hx:rtl:pr-3", + "hx:rtl:pr-4", + "hx:rtl:pr-5", + "hx:rtl:pr-6", + "hx:rtl:pr-8", + "hx:rtl:text-left", + "hx:scroll-my-6", + "hx:scroll-py-6", + "hx:select-none", + "hx:shadow-[0_-12px_16px_#fff]", + "hx:shadow-[0_-12px_16px_white]", + "hx:shadow-[0_2px_4px_rgba(0,0,0,.02),0_1px_0_rgba(0,0,0,.06)]", + "hx:shadow-gray-100", + "hx:shadow-lg", + "hx:shadow-sm", + "hx:shadow-xl", + "hx:shadow-xs", + "hx:shrink-0", + "hx:sm:block", + "hx:sm:flex", + "hx:sm:items-start", + "hx:sm:max-lg:grid-cols-2", + "hx:sm:text-xl", + "hx:sm:w-[110%]", + "hx:sr-only", + "hx:sticky", + "hx:text-2xl", + "hx:text-4xl", + "hx:text-[.65rem]", + "hx:text-[10px]", + "hx:text-[color:hsl(var(--primary-hue),100%,50%)]", + "hx:text-amber-900", + "hx:text-base", + "hx:text-blue-900", + "hx:text-center", + "hx:text-current", + "hx:text-ellipsis", + "hx:text-gray-100", + "hx:text-gray-500", + "hx:text-gray-600", + "hx:text-gray-700", + "hx:text-gray-800", + "hx:text-gray-900", + "hx:text-green-900", + "hx:text-indigo-900", + "hx:text-left", + "hx:text-lg", + "hx:text-orange-800", + "hx:text-primary-800", + "hx:text-red-900", + "hx:text-slate-900", + "hx:text-sm", + "hx:text-transparent", + "hx:text-white", + "hx:text-xl", + "hx:text-xs", + "hx:text-yellow-900", + "hx:to-gray-600", + "hx:top-0", + "hx:top-16", + "hx:top-8", + "hx:top-[40%]", + "hx:top-full", + "hx:tracking-tight", + "hx:tracking-tighter", + "hx:transition", + "hx:transition-all", + "hx:transition-colors", + "hx:transition-opacity", + "hx:transition-transform", + "hx:underline", + "hx:underline-offset-2", + "hx:w-2", + "hx:w-3.5", + "hx:w-4", + "hx:w-64", + "hx:w-[110%]", + "hx:w-[180%]", + "hx:w-full", + "hx:w-max", + "hx:w-screen", + "hx:whitespace-nowrap", + "hx:xl:block", + "hx:xl:grid-cols-4", + "hx:z-20", + "hx:z-[-1]", "icon", "language-options", "language-switcher", - "last-of-type:hx-mb-0", - "lg:hx-grid-cols-3", "lntable", "lntd", - "ltr:before:hx-left-0", - "ltr:hx--mr-4", - "ltr:hx-border-l", - "ltr:hx-ml-1", - "ltr:hx-ml-3", - "ltr:hx-ml-auto", - "ltr:hx-mr-auto", - "ltr:hx-pl-12", - "ltr:hx-pl-16", - "ltr:hx-pl-3", - "ltr:hx-pl-4", - "ltr:hx-pl-5", - "ltr:hx-pl-6", - "ltr:hx-pl-8", - "ltr:hx-pr-0", - "ltr:hx-pr-2", - "ltr:hx-pr-4", - "ltr:hx-pr-9", - "ltr:hx-right-1.5", - "ltr:hx-right-3", - "ltr:hx-rotate-180", - "ltr:hx-text-right", - "ltr:md:hx-left-auto", - "max-lg:hx-min-h-[340px]", - "max-md:[transform:translate3d(0,-100%,0)]", - "max-md:hx-hidden", - "max-md:hx-min-h-[340px]", - "max-sm:hx-grid-cols-1", - "max-xl:hx-hidden", - "md:hx-aspect-[1.1/1]", - "md:hx-grid-cols-2", - "md:hx-h-[calc(100vh-var(--navbar-height)-var(--menu-height))]", - "md:hx-hidden", - "md:hx-inline-block", - "md:hx-justify-start", - "md:hx-max-h-[min(calc(100vh-5rem-env(safe-area-inset-bottom)),400px)]", - "md:hx-pt-12", - "md:hx-px-12", - "md:hx-self-start", - "md:hx-shrink-0", - "md:hx-sticky", - "md:hx-text-5xl", - "md:hx-text-lg", - "md:hx-text-sm", - "md:hx-top-16", - "md:hx-w-64", "mermaid", - "mobile-menu-overlay", "nav-container", "nav-container-blur", "next-error-h1", "not-prose", "open", - "placeholder:hx-text-gray-500", - "print:hx-bg-transparent", - "print:hx-hidden", - "rtl:-hx-rotate-180", - "rtl:before:hx-right-0", - "rtl:before:hx-rotate-180", - "rtl:hx--ml-4", - "rtl:hx-border-r", - "rtl:hx-left-1.5", - "rtl:hx-left-3", - "rtl:hx-ml-auto", - "rtl:hx-mr-1", - "rtl:hx-mr-3", - "rtl:hx-mr-auto", - "rtl:hx-pl-2", - "rtl:hx-pl-4", - "rtl:hx-pl-9", - "rtl:hx-pr-12", - "rtl:hx-pr-16", - "rtl:hx-pr-3", - "rtl:hx-pr-4", - "rtl:hx-pr-5", - "rtl:hx-pr-6", - "rtl:hx-pr-8", - "rtl:hx-text-left", - "rtl:md:hx-right-auto", "search-input", "search-results", "search-wrapper", "sidebar-active-item", "sidebar-container", - "sm:hx-block", - "sm:hx-flex", - "sm:hx-items-start", - "sm:hx-text-xl", - "sm:hx-w-[110%]", - "sm:max-lg:hx-grid-cols-2", "steps", "subheading-anchor", "success-icon", - "theme-toggle", - "xl:hx-block", - "xl:hx-grid-cols-4" + "theme-toggle" ], "ids": null } diff --git a/layouts/_default/_markup/render-codeblock-mermaid.html b/layouts/_default/_markup/render-codeblock-mermaid.html index b0f80f2..30f6bc6 100644 --- a/layouts/_default/_markup/render-codeblock-mermaid.html +++ b/layouts/_default/_markup/render-codeblock-mermaid.html @@ -1,4 +1,4 @@ -
+
   {{ .Inner | htmlEscape | safeHTML }}
 

 {{- .Page.Store.Set "hasMermaid" true -}}
diff --git a/layouts/_default/_markup/render-codeblock.html b/layouts/_default/_markup/render-codeblock.html
index fe2df20..0d1c920 100644
--- a/layouts/_default/_markup/render-codeblock.html
+++ b/layouts/_default/_markup/render-codeblock.html
@@ -4,7 +4,7 @@
 {{- $lang := .Attributes.lang | default .Type -}}
 
 
-

+

   {{- partial "components/codeblock" (dict "filename" $filename "lang" $lang "base_url" $base_url "content" .Inner "options" .Options) -}}
 
   {{- if or (eq site.Params.highlight.copy.enable nil) (site.Params.highlight.copy.enable) -}}
diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
index 45c63a5..ca748b7 100644
--- a/layouts/_default/_markup/render-heading.html
+++ b/layouts/_default/_markup/render-heading.html
@@ -1,7 +1,7 @@
 
   {{- .Text | safeHTML -}}
   {{- if gt .Level 1 -}}
-    
+    
     
   {{- end -}}
 
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 72c4833..ee041d6 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,14 +1,14 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" .) }}
     {{ partial "toc.html" . }}
-    

-      

+    

+      

         

           {{ if .Title }}
{{ .Title }}
{{ end }}
           {{ .Content }}
         

-        

+        

         {{ partial "components/last-updated.html" . }}
         {{ partial "components/comments.html" . }}
       

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index fb8c990..6d52394 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,16 +1,16 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" true) }}
     {{ partial "toc.html" . }}
-    

-      

-        

-        {{ if .Title }}
{{ .Title }}
{{ end }}
-        

+    

+      

+        

+        {{ if .Title }}
{{ .Title }}
{{ end }}
+        

         

           {{ .Content }}
         

-        

+        

         {{ partial "components/comments.html" . }}
       

     

diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html
index 0cd7e06..ea4b982 100644
--- a/layouts/_default/taxonomy.html
+++ b/layouts/_default/taxonomy.html
@@ -1,25 +1,25 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" true) }}
     {{ partial "toc.html" (dict "Params" (dict "toc" false)) }}
-    

-      

-        

-        {{ if .Title }}
{{ .Title }}
{{ end }}
-        

+    

+      

+        

+        {{ if .Title }}
{{ .Title }}
{{ end }}
+        

         

           {{ .Content }}
         

-        

+        

           {{ range .Data.Terms }}
-            

+            

               
                 {{- .Page.LinkTitle -}}
-                 {{ .Count }}
+                 {{ .Count }}
               
             

           {{ end }}
diff --git a/layouts/_default/term.html b/layouts/_default/term.html
index efcf9c8..ed4c6a4 100644
--- a/layouts/_default/term.html
+++ b/layouts/_default/term.html
@@ -1,12 +1,12 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" true) }}
     {{ partial "toc.html" (dict "Params" (dict "toc" false)) }}
-    

-      

-        

-        {{ if .Title }}
{{ .Title }}
{{ end }}
-        

+    

+      

+        

+        {{ if .Title }}
{{ .Title }}
{{ end }}
+        

         

           {{ .Content }}
         

@@ -16,14 +16,14 @@
               

                 
                   {{ .Title }}
                 
               

-              
{{ partial "utils/format-date" .Date }}

+              
{{ partial "utils/format-date" .Date }}

             

           {{- end -}}
         

diff --git a/layouts/_default/wide.html b/layouts/_default/wide.html
index ec7abe1..7df5574 100644
--- a/layouts/_default/wide.html
+++ b/layouts/_default/wide.html
@@ -1,9 +1,9 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" false) }}
-    

-      

-      {{ if .Title }}
{{ .Title }}
{{ end }}
+    

+      

+      {{ if .Title }}
{{ .Title }}
{{ end }}
       

         {{ .Content }}
       

diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 5f0cca7..16dfa6e 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -1,34 +1,34 @@
 {{ define "main" }}
   {{- $readMore := (T "readMore") | default "Read more →" -}}
-  

+  

     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" true) }}
-    

-      

-        

-        {{ if .Title }}
{{ .Title }}
{{ end }}
+    

+      

+        

+        {{ if .Title }}
{{ .Title }}
{{ end }}
         
{{ .Content }}

         {{- $pages := partial "utils/sort-pages" (dict "page" . "by" site.Params.blog.list.sortBy "order" site.Params.blog.list.sortOrder) -}}
         {{- range $pages }}
-          

-            
{{ .Title }}

+          

+            
{{ .Title }}

             {{- if site.Params.blog.list.displayTags -}}
               {{ with .Params.tags }}
-                

-                  {{- range . }}#{{ . }}{{ end -}}
+                

+                  {{- range . }}#{{ . }}{{ end -}}
                 

               {{ end -}}
             {{- end -}}
-            
{{- partial "utils/page-description" . -}}

-            

-              
+            
{{- partial "utils/page-description" . -}}

+            

+              
                 {{- $readMore -}}
               
             

-            
{{ partial "utils/format-date" .Date }}

+            
{{ partial "utils/format-date" .Date }}

           

         {{ end -}}
       

     

-    

+    

   

 {{- end -}}
\ No newline at end of file
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index e1567b0..009f755 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -1,22 +1,22 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" true) }}
     {{ partial "toc.html" . }}
-    

-      

+    

+      

         {{ partial "breadcrumb.html" . }}
-        {{ if .Title }}
{{ .Title }}
{{ end }}
-        

-          {{- with $date := .Date }}{{ partial "utils/format-date" $date }}{{ end -}}
+        {{ if .Title }}
{{ .Title }}
{{ end }}
+        

+          {{- with $date := .Date }}{{ partial "utils/format-date" $date }}{{ end -}}
           {{- $lazyLoading := site.Params.enableImageLazyLoading | default true -}}
-          {{ if and .Date .Params.authors }}·{{ end -}}
+          {{ if and .Date .Params.authors }}·{{ end -}}
           {{- with $.Params.authors -}}
             {{- range $i, $author := . -}}
               {{- if reflect.IsMap $author -}}
-                {{- if and $i (not $author.image) }},{{ end -}}
+                {{- if and $i (not $author.image) }},{{ end -}}
                 
                   {{- with $image := $author.image }}
@@ -25,12 +25,12 @@
                     {{- if and $isLocal $startsWithSlash }}
                       {{- $image = (relURL (strings.TrimPrefix "/" $image)) -}}
                     {{ end -}}
-                    {{ $author.name }}
+                    {{ $author.name }}
                   {{ end -}}
-                  
{{ $author.name }}

+                  
{{ $author.name }}

                 
               {{- else -}}
-                {{- if $i }},{{ end -}}{{ $author }}
+                {{- if $i }},{{ end -}}{{ $author }}
               {{- end -}}
             {{- end -}}
           {{- end -}}
diff --git a/layouts/docs/list.html b/layouts/docs/list.html
index 8ed116c..9b9ca94 100644
--- a/layouts/docs/list.html
+++ b/layouts/docs/list.html
@@ -1,9 +1,9 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" .) }}
     {{ partial "toc.html" . }}
-    

-      

+    

+      

         {{ partial "breadcrumb.html" . }}
         

           {{ if .Title }}
{{ .Title }}
{{ end }}
diff --git a/layouts/docs/single.html b/layouts/docs/single.html
index 8ed116c..9b9ca94 100644
--- a/layouts/docs/single.html
+++ b/layouts/docs/single.html
@@ -1,9 +1,9 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" .) }}
     {{ partial "toc.html" . }}
-    

-      

+    

+      

         {{ partial "breadcrumb.html" . }}
         

           {{ if .Title }}
{{ .Title }}
{{ end }}
diff --git a/layouts/hextra-home.html b/layouts/hextra-home.html
index 54d792d..c0a27cf 100644
--- a/layouts/hextra-home.html
+++ b/layouts/hextra-home.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true) }}
-    

-      

+    

+      

         {{ .Content }}
       

     

diff --git a/layouts/index.html b/layouts/index.html
index 2b99236..c4a8239 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,10 +1,10 @@
 {{ define "main" }}
-  

+  

     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" true) }}
     {{ partial "toc.html" . }}
-    

-      

-        {{ if .Title }}
{{ .Title }}
{{ end }}
+    

+      

+        {{ if .Title }}
{{ .Title }}
{{ end }}
         

           {{ .Content }}
         

diff --git a/layouts/partials/breadcrumb.html b/layouts/partials/breadcrumb.html
index fa52f9b..7dcc209 100644
--- a/layouts/partials/breadcrumb.html
+++ b/layouts/partials/breadcrumb.html
@@ -1,14 +1,14 @@
 {{- if (default true .Params.breadcrumbs) }}
-  

+  

     {{- range .Ancestors.Reverse }}
       {{- if not .IsHome }}
-        

+        

           {{- partial "utils/title" . -}}
         

-        {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"hx-w-3.5 hx-shrink-0 rtl:-hx-rotate-180\"") -}}
+        {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"hx:w-3.5 hx:shrink-0 hx:rtl:-rotate-180\"") -}}
       {{ end -}}
     {{ end -}}
-    

+    

       {{- partial "utils/title" . -}}
     

   

diff --git a/layouts/partials/components/codeblock-copy-button.html b/layouts/partials/components/codeblock-copy-button.html
index f6f8b3f..5c198ef 100644
--- a/layouts/partials/components/codeblock-copy-button.html
+++ b/layouts/partials/components/codeblock-copy-button.html
@@ -4,12 +4,12 @@
 {{- $copyCode := (T "copyCode") | default "Copy code" -}}
 
 
-

+

   
 

diff --git a/layouts/partials/components/codeblock.html b/layouts/partials/components/codeblock.html
index 23d0bd5..771aed4 100644
--- a/layouts/partials/components/codeblock.html
+++ b/layouts/partials/components/codeblock.html
@@ -12,7 +12,7 @@
       {{- $filename = strings.TrimPrefix "/" $filename -}}
       {{- $file_url := urls.JoinPath $base_url $filename -}}
 
-      
+      
           {{- $filename -}}
           {{- partial "utils/icon" (dict "name" "external-link" "attributes" "height=1em") -}}
       
diff --git a/layouts/partials/components/github-style-alert.html b/layouts/partials/components/github-style-alert.html
index 9b8e71c..9959932 100644
--- a/layouts/partials/components/github-style-alert.html
+++ b/layouts/partials/components/github-style-alert.html
@@ -13,29 +13,29 @@
 {{- $icon := index $icons $alertType -}}
 {{- $title := or $alertTitle (or (i18n $alertType) (title $alertType)) -}}
 
-{{- $defaultClass := "hx-border-orange-100 hx-bg-orange-50 hx-text-orange-800 dark:hx-border-orange-400/30 dark:hx-bg-orange-400/20 dark:hx-text-orange-300" }}
+{{- $defaultClass := "hx:border-orange-100 hx:bg-orange-50 hx:text-orange-800 hx:dark:border-orange-400/30 hx:dark:bg-orange-400/20 hx:dark:text-orange-300" }}
 
 {{- $alertClasses := dict
-  "note" "hx-border-blue-200 hx-bg-blue-100 hx-text-blue-900 dark:hx-border-blue-200/30 dark:hx-bg-blue-900/30 dark:hx-text-blue-200"
-  "tip" "hx-border-green-200 hx-bg-green-100 hx-text-green-900 dark:hx-border-green-200/30 dark:hx-bg-green-900/30 dark:hx-text-green-200"
-  "important" "hx-border-indigo-200 hx-bg-indigo-100 hx-text-indigo-900 dark:hx-border-indigo-200/30 dark:hx-bg-indigo-900/30 dark:hx-text-indigo-200"
-  "warning" "hx-border-amber-200 hx-bg-amber-100 hx-text-amber-900 dark:hx-border-amber-200/30 dark:hx-bg-amber-900/30 dark:hx-text-amber-200"
-  "caution" "hx-border-red-200 hx-bg-red-100 hx-text-red-900 dark:hx-border-red-200/30 dark:hx-bg-red-900/30 dark:hx-text-red-200"
+  "note" "hx:border-blue-200 hx:bg-blue-100 hx:text-blue-900 hx:dark:border-blue-200/30 hx:dark:bg-blue-900/30 hx:dark:text-blue-200"
+  "tip" "hx:border-green-200 hx:bg-green-100 hx:text-green-900 hx:dark:border-green-200/30 hx:dark:bg-green-900/30 hx:dark:text-green-200"
+  "important" "hx:border-indigo-200 hx:bg-indigo-100 hx:text-indigo-900 hx:dark:border-indigo-200/30 hx:dark:bg-indigo-900/30 hx:dark:text-indigo-200"
+  "warning" "hx:border-amber-200 hx:bg-amber-100 hx:text-amber-900 hx:dark:border-amber-200/30 hx:dark:bg-amber-900/30 hx:dark:text-amber-200"
+  "caution" "hx:border-red-200 hx:bg-red-100 hx:text-red-900 hx:dark:border-red-200/30 hx:dark:bg-red-900/30 hx:dark:text-red-200"
 -}}
 
 {{- $class := index $alertClasses $alertType | default $defaultClass -}}
 
 
-

-  

+

+  

     {{- with $icon -}}
-      {{- partial "utils/icon.html" (dict "name" . "attributes" `height=16px class="hx-inline-block hx-align-middle hx-mr-2"`) -}}
+      {{- partial "utils/icon.html" (dict "name" . "attributes" `height=16px class="hx:inline-block hx:align-middle hx:mr-2"`) -}}
     {{- end -}}
     {{- $title -}}
   

 
-  

-    

+  

+    

       {{- $content -}}
     

   

diff --git a/layouts/partials/components/last-updated.html b/layouts/partials/components/last-updated.html
index 7918fb1..b37987e 100644
--- a/layouts/partials/components/last-updated.html
+++ b/layouts/partials/components/last-updated.html
@@ -3,10 +3,10 @@
 {{- if site.Params.displayUpdatedDate -}}
   {{- with .Lastmod -}}
     {{ $datetime := (time.Format "2006-01-02T15:04:05.000Z" .) }}
-    
{{ $lastUpdated }} 

+    
{{ $lastUpdated }} 

   {{- else -}}
-    

+    

   {{- end -}}
 {{- else -}}
-  

+  

 {{- end -}}
diff --git a/layouts/partials/components/pager.html b/layouts/partials/components/pager.html
index 1849b20..973b6b4 100644
--- a/layouts/partials/components/pager.html
+++ b/layouts/partials/components/pager.html
@@ -26,15 +26,15 @@
 {{- end -}}
 
 {{- if or $prev $next -}}
-  

+  

     {{- if $prev -}}
       {{- $linkTitle := partial "utils/title" $prev -}}
       
-        {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"hx-inline hx-h-5 hx-shrink-0 ltr:hx-rotate-180\"") -}}
+        {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"hx:inline hx:h-5 hx:shrink-0 hx:ltr:rotate-180\"") -}}
         {{- $linkTitle -}}
       
     {{- end -}}
@@ -43,10 +43,10 @@
       
         {{- $linkTitle -}}
-        {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"hx-inline hx-h-5 hx-shrink-0 rtl:-hx-rotate-180\"") -}}
+        {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"hx:inline hx:h-5 hx:shrink-0 hx:rtl:-rotate-180\"") -}}
       
     {{- end -}}
   

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index f11b42d..90bca9b 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -6,49 +6,49 @@
 {{- $copyright := (T "copyright") | default "© 2024 Hextra." -}}
 {{- $poweredBy := (T "poweredBy") | default "Powered by Hextra" -}}
 
-{{- $footerWidth := "hx-max-w-screen-xl" -}}
+{{- $footerWidth := "hx:max-w-screen-xl" -}}
 {{- with .Site.Params.footer.width -}}
   {{ if eq . "wide" -}}
-    {{ $footerWidth = "hx-max-w-[90rem]" -}}
+    {{ $footerWidth = "hx:max-w-[90rem]" -}}
   {{ else if eq . "full" -}}
     {{ $footerWidth = "max-w-full" -}}
   {{ end -}}
 {{- end -}}
 
 
-