proto-daisy-ui 0.0.528 → 0.0.530

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/cjs/proto-daisy-ui.cjs.entry.js +1 -1
  2. package/dist/collection/styles/shadow.css +391 -1
  3. package/dist/collection/tokens.css +363 -1
  4. package/dist/collection/utils/tw-version.js +1 -1
  5. package/dist/components/proto-daisy-ui.js +1 -1
  6. package/dist/esm/proto-daisy-ui.entry.js +1 -1
  7. package/dist/proto-daisy-ui/p-be722092.entry.js +1 -0
  8. package/dist/proto-daisy-ui/proto-daisy-ui.esm.js +1 -1
  9. package/dist/proto-daisy-ui/tokens.css +363 -1
  10. package/dist/types/utils/tw-version.d.ts +1 -1
  11. package/package.json +4 -4
  12. package/dist/proto-daisy-ui/p-bbd3c38c.entry.js +0 -1
package/dist/cjs/proto-daisy-ui.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-392bc921.js');
6
6
  const store = require('./store-62c5e1e7.js');
7
7
 
8
- const shadowCss = "/*! tailwindcss v4.0.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --font-mono:\n ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace;\n --spacing: 0.25rem;\n --container-md: 28rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --font-weight-bold: 700;\n --radius-md: 0.375rem;\n --default-font-family: var(--font-sans);\n }\n}\n@layer utilities {\n .menu {\n display: flex;\n width: fit-content;\n flex-direction: column;\n flex-wrap: wrap;\n padding: calc(0.25rem * 2);\n --menu-active-fg: var(--color-neutral-content);\n --menu-active-bg: var(--color-neutral);\n font-size: 0.875rem;\n :where(li ul) {\n position: relative;\n margin-inline-start: calc(0.25rem * 4);\n padding-inline-start: calc(0.25rem * 2);\n white-space: nowrap;\n &:before {\n position: absolute;\n inset-inline-start: calc(0.25rem * 0);\n top: calc(0.25rem * 3);\n bottom: calc(0.25rem * 3);\n background-color: var(--color-base-content);\n opacity: 10%;\n width: var(--border);\n content: '';\n }\n }\n :where(li > .menu-dropdown:not(.menu-dropdown-show)) {\n display: none;\n }\n :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title)) {\n display: grid;\n grid-auto-flow: column;\n align-content: flex-start;\n align-items: center;\n gap: calc(0.25rem * 2);\n border-radius: var(--radius-field);\n padding-inline: calc(0.25rem * 3);\n padding-block: calc(0.25rem * 1.5);\n text-align: start;\n transition-property: color, background-color, box-shadow;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n grid-auto-columns: minmax(auto, max-content) auto max-content;\n text-wrap: balance;\n user-select: none;\n }\n :where(li > details > summary) {\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n &::-webkit-details-marker {\n display: none;\n }\n }\n :where(li > details > summary),\n :where(li > .menu-dropdown-toggle) {\n &:after {\n justify-self: flex-end;\n display: block;\n height: 0.375rem;\n width: 0.375rem;\n rotate: -135deg;\n translate: 0 -1px;\n transition-property: rotate, translate;\n transition-duration: 0.2s;\n content: '';\n transform-origin: 50% 50%;\n box-shadow: 2px 2px inset;\n pointer-events: none;\n }\n }\n :where(li > details[open] > summary):after,\n :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {\n rotate: 45deg;\n translate: 0 1px;\n }\n :where(\n li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title),\n li:not(.menu-title, .disabled) > details > summary:not(.menu-title)\n ):not(.menu-active, :active, .btn) {\n &.menu-focus,\n &:focus-visible {\n cursor: pointer;\n background-color: color-mix(\n in oklab,\n var(--color-base-content) 10%,\n transparent\n );\n color: var(--color-base-content);\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n }\n :where(\n li:not(.menu-title, .disabled)\n > *:not(ul, details, .menu-title):not(\n .menu-active,\n :active,\n .btn\n ):hover,\n li:not(.menu-title, .disabled)\n > details\n > summary:not(.menu-title):not(.menu-active, :active, .btn):hover\n ) {\n cursor: pointer;\n background-color: color-mix(\n in oklab,\n var(--color-base-content) 10%,\n transparent\n );\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n box-shadow:\n 0 1px oklch(0% 0 0 / 0.01) inset,\n 0 -1px oklch(100% 0 0 / 0.01) inset;\n }\n :where(li:empty) {\n background-color: var(--color-base-content);\n opacity: 10%;\n margin: 0.5rem 1rem;\n height: 1px;\n }\n :where(li) {\n position: relative;\n display: flex;\n flex-shrink: 0;\n flex-direction: column;\n flex-wrap: wrap;\n align-items: stretch;\n .badge {\n justify-self: flex-end;\n }\n & > *:not(ul, .menu-title, details, .btn):active,\n & > *:not(ul, .menu-title, details, .btn).menu-active,\n & > details > summary:active {\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n color: var(--menu-active-fg);\n background-color: var(--menu-active-bg);\n background-size: calc(var(--noise) * 1000px);\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\");\n &:not(&:active) {\n box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);\n }\n }\n &.menu-disabled {\n pointer-events: none;\n color: color-mix(in oklab, var(--color-base-content) 20%, transparent);\n }\n }\n }\n .btn {\n display: inline-flex;\n flex-shrink: 0;\n cursor: pointer;\n flex-wrap: nowrap;\n align-items: center;\n justify-content: center;\n gap: calc(0.25rem * 1.5);\n text-align: center;\n vertical-align: middle;\n text-decoration-line: none;\n outline-offset: 2px;\n webkit-user-select: none;\n user-select: none;\n padding-inline: var(--btn-p);\n color: var(--btn-fg);\n height: var(--size);\n font-size: 0.875rem;\n font-weight: 600;\n outline-color: var(--btn-color, var(--color-base-content));\n transition-property: color, background-color, border-color, box-shadow;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-duration: 0.2s;\n border-start-start-radius: var(--join-ss, var(--radius-field));\n border-start-end-radius: var(--join-se, var(--radius-field));\n border-end-start-radius: var(--join-es, var(--radius-field));\n border-end-end-radius: var(--join-ee, var(--radius-field));\n background-color: var(--btn-bg);\n background-size: calc(var(--noise) * 100%);\n background-image: var(--btn-noise);\n border-width: var(--border);\n border-style: solid;\n border-color: var(--btn-border);\n text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));\n box-shadow:\n 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset,\n var(--btn-shadow);\n --size: calc(var(--size-field, 0.25rem) * 10);\n --btn-bg: var(--btn-color, var(--color-base-200));\n --btn-fg: var(--color-base-content);\n --btn-p: 1rem;\n --btn-border: color-mix(\n in oklab,\n var(--btn-bg),\n black calc(var(--depth) * 5%)\n );\n --btn-shadow:\n 0 3px 2px -2px\n color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent),\n 0 4px 3px -2px\n color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent);\n --btn-noise: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\");\n &:hover {\n --btn-bg: color-mix(\n in oklab,\n var(--btn-color, var(--color-base-200)),\n black 7%\n );\n }\n &.btn-active {\n --btn-bg: color-mix(\n in oklab,\n var(--btn-color, var(--color-base-200)),\n black 7%\n );\n --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n isolation: isolate;\n }\n &:focus-visible {\n outline-width: 2px;\n outline-style: solid;\n }\n &:active:not(.btn-active) {\n translate: 0 0.5px;\n --btn-bg: color-mix(\n in oklab,\n var(--btn-color, var(--color-base-200)),\n black 5%\n );\n --btn-border: color-mix(\n in oklab,\n var(--btn-color, var(--color-base-200)),\n black 7%\n );\n --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n }\n &:is(:disabled, [disabled], .btn-disabled) {\n &:not(.btn-link, .btn-ghost) {\n background-color: color-mix(\n in oklab,\n var(--color-base-content) 10%,\n transparent\n );\n box-shadow: none;\n }\n pointer-events: none;\n --btn-border: transparent;\n --btn-noise: none;\n --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, transparent);\n &:hover {\n pointer-events: none;\n background-color: color-mix(\n in oklab,\n var(--color-neutral) 20%,\n transparent\n );\n --btn-border: transparent;\n --btn-fg: color-mix(\n in oklch,\n var(--color-base-content) 20%,\n transparent\n );\n }\n }\n &:is(input[type='checkbox'], input[type='radio']) {\n appearance: none;\n &::after {\n content: attr(aria-label);\n }\n &:checked {\n --btn-color: var(--color-primary);\n --btn-bg: var(--color-primary);\n --btn-fg: var(--color-primary-content);\n --btn-border: var(--color-primary);\n &:focus-visible {\n outline-color: var(--color-primary);\n }\n &:hover {\n --btn-bg: color-mix(in oklab, var(--color-primary) 90%, black);\n --btn-border: color-mix(in oklab, var(--color-primary) 90%, black);\n }\n }\n }\n }\n .tooltip {\n position: relative;\n display: inline-block;\n --tt-bg: var(--color-neutral);\n --tt-off: calc(100% + 0.5rem);\n --tt-tail: calc(100% + 1px + 0.25rem);\n > :where(.tooltip-content),\n &[data-tip]:before {\n position: absolute;\n max-width: 20rem;\n border-radius: var(--radius-field);\n padding-inline: calc(0.25rem * 2);\n padding-block: calc(0.25rem * 1);\n text-align: center;\n white-space: normal;\n color: var(--color-neutral-content);\n opacity: 0%;\n font-size: 0.875rem;\n line-height: 1.25em;\n transition:\n opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n background-color: var(--tt-bg);\n width: max-content;\n pointer-events: none;\n z-index: 1;\n --tw-content: attr(data-tip);\n content: var(--tw-content);\n }\n &:after {\n position: absolute;\n position: absolute;\n opacity: 0%;\n background-color: var(--tt-bg);\n transition:\n opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n content: '';\n pointer-events: none;\n width: 0.625rem;\n height: 0.25rem;\n display: block;\n mask-repeat: no-repeat;\n mask-position: -1px 0;\n mask-image: url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\");\n }\n &.tooltip-open,\n &[data-tip]:hover,\n &:hover,\n &:has(:focus-visible) {\n > .tooltip-content,\n &[data-tip]:before,\n &:after {\n opacity: 100%;\n --tt-pos: 0rem;\n transition:\n opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s,\n transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n }\n }\n > .tooltip-content,\n &[data-tip]:before {\n transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n inset: auto auto var(--tt-off) 50%;\n }\n &:after {\n transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n inset: auto auto var(--tt-tail) 50%;\n }\n }\n .dropdown {\n position: relative;\n display: inline-block;\n position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);\n & > *:not(summary):focus {\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n .dropdown-content {\n position: absolute;\n }\n &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {\n .dropdown-content {\n display: none;\n transform-origin: top;\n opacity: 0%;\n scale: 95%;\n }\n }\n &[popover],\n .dropdown-content {\n @starting-style {\n scale: 95%;\n }\n @starting-style {\n opacity: 0;\n }\n z-index: 999;\n animation: dropdown 0.2s;\n transition-property: opacity, scale, display;\n transition-behavior: allow-discrete;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n }\n &.dropdown-open,\n &:not(.dropdown-hover):focus,\n &:focus-within {\n [tabindex]:first-child {\n pointer-events: none;\n }\n .dropdown-content {\n opacity: 100%;\n }\n }\n &.dropdown-hover:hover {\n .dropdown-content {\n opacity: 100%;\n scale: 100%;\n }\n }\n &:is(details) {\n summary {\n &::-webkit-details-marker {\n display: none;\n }\n }\n }\n &.dropdown-open,\n &:focus,\n &:focus-within {\n .dropdown-content {\n scale: 100%;\n }\n }\n &:where([popover]) {\n background: transparent;\n }\n &[popover] {\n position: fixed;\n color: inherit;\n @supports not (position-area: bottom) {\n margin: auto;\n &.dropdown-open:not(:popover-open) {\n display: none;\n transform-origin: top;\n opacity: 0%;\n scale: 95%;\n }\n &::backdrop {\n background-color: color-mix(in oklab, black 30%, transparent);\n }\n }\n &:not(.dropdown-open, :popover-open) {\n display: none;\n transform-origin: top;\n opacity: 0%;\n scale: 95%;\n }\n }\n }\n .table {\n font-size: 0.875rem;\n position: relative;\n width: 100%;\n border-radius: var(--radius-box);\n text-align: left;\n &:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {\n text-align: right;\n }\n tr.row-hover {\n &,\n &:nth-child(even) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-base-200);\n }\n }\n }\n }\n :where(th, td) {\n padding-inline: calc(0.25rem * 4);\n padding-block: calc(0.25rem * 3);\n vertical-align: middle;\n }\n :where(thead, tfoot) {\n white-space: nowrap;\n color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n font-size: 0.875rem;\n font-weight: 600;\n }\n :where(tfoot) {\n border-top: var(--border) solid\n color-mix(in oklch, var(--color-base-content) 5%, transparent);\n }\n :where(.table-pin-rows thead tr) {\n position: sticky;\n top: calc(0.25rem * 0);\n z-index: 1;\n background-color: var(--color-base-100);\n }\n :where(.table-pin-rows tfoot tr) {\n position: sticky;\n bottom: calc(0.25rem * 0);\n z-index: 1;\n background-color: var(--color-base-100);\n }\n :where(.table-pin-cols tr th) {\n position: sticky;\n right: calc(0.25rem * 0);\n left: calc(0.25rem * 0);\n background-color: var(--color-base-100);\n }\n :where(\n thead tr,\n tbody tr:not(:last-child),\n tbody tr:first-child:last-child\n ) {\n border-bottom: var(--border) solid\n color-mix(in oklch, var(--color-base-content) 5%, transparent);\n }\n }\n .list {\n display: flex;\n flex-direction: column;\n font-size: 0.875rem;\n .list-row {\n --list-grid-cols: minmax(0, auto) 1fr;\n position: relative;\n display: grid;\n grid-auto-flow: column;\n gap: calc(0.25rem * 4);\n border-radius: var(--radius-box);\n padding: calc(0.25rem * 4);\n word-break: break-word;\n grid-template-columns: var(--list-grid-cols);\n &:has(.list-col-grow:nth-child(1)) {\n --list-grid-cols: 1fr;\n }\n &:has(.list-col-grow:nth-child(2)) {\n --list-grid-cols: minmax(0, auto) 1fr;\n }\n &:has(.list-col-grow:nth-child(3)) {\n --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;\n }\n &:has(.list-col-grow:nth-child(4)) {\n --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;\n }\n &:has(.list-col-grow:nth-child(5)) {\n --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n minmax(0, auto) 1fr;\n }\n &:has(.list-col-grow:nth-child(6)) {\n --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n minmax(0, auto) minmax(0, auto) 1fr;\n }\n :not(.list-col-wrap) {\n grid-row-start: 1;\n }\n }\n & > :not(:last-child) {\n &.list-row,\n .list-row {\n &:after {\n content: '';\n border-bottom: var(--border) solid;\n inset-inline: var(--radius-box);\n position: absolute;\n bottom: calc(0.25rem * 0);\n border-color: color-mix(\n in oklab,\n var(--color-base-content) 5%,\n transparent\n );\n }\n }\n }\n }\n .radial-progress {\n position: relative;\n display: inline-grid;\n height: var(--size);\n width: var(--size);\n place-content: center;\n border-radius: calc(infinity * 1px);\n background-color: transparent;\n vertical-align: middle;\n box-sizing: content-box;\n --value: 0;\n --size: 5rem;\n --thickness: calc(var(--size) / 10);\n --radialprogress: calc(var(--value) * 1%);\n transition: --radialprogress 0.3s linear;\n &:before {\n position: absolute;\n inset: calc(0.25rem * 0);\n border-radius: calc(infinity * 1px);\n content: '';\n background:\n radial-gradient(farthest-side, currentColor 98%, #0000)\n top/var(--thickness) var(--thickness) no-repeat,\n conic-gradient(currentColor var(--radialprogress), #0000 0);\n webkit-mask: radial-gradient(\n farthest-side,\n #0000 calc(100% - var(--thickness)),\n #000 calc(100% + 0.5px - var(--thickness))\n );\n mask: radial-gradient(\n farthest-side,\n #0000 calc(100% - var(--thickness)),\n #000 calc(100% + 0.5px - var(--thickness))\n );\n }\n &:after {\n position: absolute;\n border-radius: calc(infinity * 1px);\n background-color: currentColor;\n transition: transform 0.3s linear;\n content: '';\n inset: calc(50% - var(--thickness) / 2);\n transform: rotate(calc(var(--value) * 3.6deg - 90deg))\n translate(calc(var(--size) / 2 - 50%));\n }\n }\n .progress {\n position: relative;\n height: calc(0.25rem * 2);\n width: 100%;\n appearance: none;\n overflow: hidden;\n border-radius: var(--radius-box);\n background-color: color-mix(in oklab, currentColor 20%, transparent);\n color: var(--color-base-content);\n &:indeterminate {\n background-image: repeating-linear-gradient(\n 90deg,\n currentColor -1%,\n currentColor 10%,\n transparent 10%,\n transparent 90%\n );\n background-size: 200%;\n background-position-x: 15%;\n animation: progress 5s ease-in-out infinite;\n @supports (-moz-appearance: none) {\n &::-moz-progress-bar {\n background-color: transparent;\n background-image: repeating-linear-gradient(\n 90deg,\n currentColor -1%,\n currentColor 10%,\n transparent 10%,\n transparent 90%\n );\n background-size: 200%;\n background-position-x: 15%;\n animation: progress 5s ease-in-out infinite;\n }\n }\n }\n @supports (-moz-appearance: none) {\n &::-moz-progress-bar {\n border-radius: var(--radius-box);\n background-color: currentColor;\n }\n }\n @supports (-webkit-appearance: none) {\n &::-webkit-progress-bar {\n border-radius: var(--radius-box);\n background-color: transparent;\n }\n &::-webkit-progress-value {\n border-radius: var(--radius-box);\n background-color: currentColor;\n }\n }\n }\n .stats {\n position: relative;\n display: inline-grid;\n grid-auto-flow: column;\n overflow-x: auto;\n border-radius: var(--radius-box);\n }\n .tooltip-left {\n > .tooltip-content,\n &[data-tip]:before {\n transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem))\n translateY(-50%);\n inset: 50% var(--tt-off) auto auto;\n }\n &:after {\n transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%)\n rotate(-90deg);\n inset: 50% calc(var(--tt-tail) + 1px) auto auto;\n }\n }\n .tooltip-right {\n > .tooltip-content,\n &[data-tip]:before {\n transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem))\n translateY(-50%);\n inset: 50% auto auto var(--tt-off);\n }\n &:after {\n transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%)\n rotate(90deg);\n inset: 50% auto auto calc(var(--tt-tail) + 1px);\n }\n }\n .dropdown-end {\n --anchor-h: span-left;\n :where(.dropdown-content) {\n inset-inline-end: calc(0.25rem * 0);\n }\n &.dropdown-left {\n --anchor-h: left;\n --anchor-v: span-top;\n .dropdown-content {\n top: auto;\n bottom: calc(0.25rem * 0);\n }\n }\n &.dropdown-right {\n --anchor-h: right;\n --anchor-v: span-top;\n .dropdown-content {\n top: auto;\n bottom: calc(0.25rem * 0);\n }\n }\n }\n .hero {\n display: grid;\n width: 100%;\n place-items: center;\n background-size: cover;\n background-position: center;\n & > * {\n grid-column-start: 1;\n grid-row-start: 1;\n }\n }\n .stat-desc {\n grid-column-start: 1;\n white-space: nowrap;\n color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n font-size: 0.75rem;\n }\n .stat-title {\n grid-column-start: 1;\n white-space: nowrap;\n color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n font-size: 0.75rem;\n }\n .stat-value {\n grid-column-start: 1;\n white-space: nowrap;\n font-size: 2rem;\n font-weight: 800;\n }\n .m-1 {\n margin: calc(var(--spacing) * 1);\n }\n .filter {\n display: flex;\n flex-wrap: wrap;\n input[type='radio'] {\n width: auto;\n }\n input {\n overflow: hidden;\n opacity: 100%;\n scale: 1;\n transition:\n margin 0.1s,\n opacity 0.3s,\n padding 0.3s,\n border-width 0.1s,\n width 0.1s allow-discrete;\n &:not(:last-child) {\n margin-inline-end: calc(0.25rem * 1);\n }\n &.filter-reset {\n aspect-ratio: 1 / 1;\n &::after {\n content: '×';\n }\n }\n }\n &:not(:has(input:checked:not(.filter-reset))) {\n .filter-reset,\n input[type='reset'] {\n scale: 0;\n border-width: 0;\n margin-inline: calc(0.25rem * 0);\n width: calc(0.25rem * 0);\n padding-inline: calc(0.25rem * 0);\n opacity: 0%;\n }\n }\n &:has(input:checked:not(.filter-reset)) {\n input:not(:checked, .filter-reset, input[type='reset']) {\n scale: 0;\n border-width: 0;\n margin-inline: calc(0.25rem * 0);\n width: calc(0.25rem * 0);\n padding-inline: calc(0.25rem * 0);\n opacity: 0%;\n }\n }\n }\n .divider-horizontal {\n &.divider {\n margin-inline: calc(0.25rem * 4);\n margin-block: calc(0.25rem * 0);\n height: auto;\n width: calc(0.25rem * 4);\n flex-direction: column;\n &:before {\n height: 100%;\n width: calc(0.25rem * 0.5);\n }\n &:after {\n height: 100%;\n width: calc(0.25rem * 0.5);\n }\n }\n }\n .divider {\n margin-block: calc(0.25rem * 4);\n display: flex;\n height: calc(0.25rem * 4);\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n white-space: nowrap;\n &:before,\n &:after {\n content: '';\n height: calc(0.25rem * 0.5);\n width: 100%;\n flex-grow: 1;\n background-color: color-mix(\n in oklab,\n var(--color-base-content) 10%,\n transparent\n );\n @media print {\n border: 0.5px solid;\n }\n }\n &:not(:empty) {\n gap: calc(0.25rem * 4);\n }\n }\n .mt-0 {\n margin-top: calc(var(--spacing) * 0);\n }\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .ml-auto {\n margin-left: auto;\n }\n .alert {\n display: grid;\n align-items: center;\n gap: calc(0.25rem * 4);\n border-radius: var(--radius-box);\n padding-inline: calc(0.25rem * 4);\n padding-block: calc(0.25rem * 3);\n color: var(--color-base-content);\n background-color: var(--alert-color, var(--color-base-200));\n justify-content: start;\n justify-items: start;\n grid-auto-flow: column;\n grid-template-columns: auto minmax(auto, 1fr);\n text-align: start;\n border: var(--border) solid var(--color-base-200);\n font-size: 0.875rem;\n line-height: 1.25rem;\n background-size: calc(var(--noise) * 1000px);\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\");\n box-shadow:\n 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,\n 0 1px\n color-mix(\n in oklab,\n color-mix(\n in oklab,\n black 20%,\n var(--alert-color, var(--color-base-200))\n )\n calc(var(--depth) * 20%),\n transparent\n ),\n 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));\n &.alert-outline {\n background-color: transparent;\n color: var(--alert-color);\n box-shadow: none;\n background-image: none;\n }\n &.alert-dash {\n background-color: transparent;\n color: var(--alert-color);\n border-style: dashed;\n box-shadow: none;\n background-image: none;\n }\n &.alert-soft {\n color: var(--alert-color, var(--color-base-content));\n background: color-mix(\n in oklab,\n var(--alert-color, var(--color-base-content)) 8%,\n var(--color-base-100)\n );\n border-color: color-mix(\n in oklab,\n var(--alert-color, var(--color-base-content)) 10%,\n var(--color-base-100)\n );\n box-shadow: none;\n background-image: none;\n }\n }\n .badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: calc(0.25rem * 2);\n border-radius: var(--radius-selector);\n vertical-align: middle;\n color: var(--color-base-content);\n border: var(--border) solid var(--badge-color, var(--color-base-200));\n font-size: 0.875rem;\n width: fit-content;\n padding-inline: calc(0.25rem * 3 - var(--border));\n background-size: calc(var(--noise) * 1000px);\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\");\n background-color: var(--badge-color, var(--color-base-100));\n --size: calc(var(--size-selector, 0.25rem) * 6);\n height: var(--size);\n &.badge-outline {\n color: var(--badge-color, var(--color-base-content));\n border-color: currentColor;\n background-color: transparent;\n background-image: none;\n box-shadow: none;\n }\n &.badge-dash {\n color: var(--badge-color, var(--color-base-content));\n background-color: transparent;\n border-style: dashed;\n background-image: none;\n box-shadow: none;\n }\n &.badge-soft {\n color: var(--badge-color, var(--color-base-content));\n background-color: color-mix(\n in oklab,\n var(--badge-color, var(--color-base-content)) 8%,\n var(--color-base-100)\n );\n border-color: color-mix(\n in oklab,\n var(--badge-color, var(--color-base-content)) 10%,\n var(--color-base-100)\n );\n background-image: none;\n box-shadow: none;\n }\n }\n .footer {\n display: grid;\n width: 100%;\n grid-auto-flow: row;\n place-items: start;\n column-gap: calc(0.25rem * 4);\n row-gap: calc(0.25rem * 10);\n font-size: 0.875rem;\n line-height: 1.25rem;\n & > * {\n display: grid;\n place-items: start;\n gap: calc(0.25rem * 2);\n }\n &.footer-center {\n grid-auto-flow: column dense;\n place-items: center;\n text-align: center;\n & > * {\n place-items: center;\n }\n }\n }\n .hero-content {\n display: flex;\n max-width: 80rem;\n align-items: center;\n justify-content: center;\n gap: calc(0.25rem * 4);\n padding: calc(0.25rem * 4);\n }\n .join {\n display: inline-flex;\n align-items: stretch;\n --join-ss: 0;\n --join-se: 0;\n --join-es: 0;\n --join-ee: 0;\n :where(.join-item) {\n border-start-start-radius: var(--join-ss, 0);\n border-start-end-radius: var(--join-se, 0);\n border-end-start-radius: var(--join-es, 0);\n border-end-end-radius: var(--join-ee, 0);\n }\n > .join-item:where(:first-child) {\n --join-ss: var(--radius-field);\n --join-se: 0;\n --join-es: var(--radius-field);\n --join-ee: 0;\n }\n :first-child:not(:last-child) {\n :where(.join-item) {\n --join-ss: var(--radius-field);\n --join-se: 0;\n --join-es: var(--radius-field);\n --join-ee: 0;\n }\n }\n > .join-item:where(:last-child) {\n --join-ss: 0;\n --join-se: var(--radius-field);\n --join-es: 0;\n --join-ee: var(--radius-field);\n }\n :last-child:not(:first-child) {\n :where(.join-item) {\n --join-ss: 0;\n --join-se: var(--radius-field);\n --join-es: 0;\n --join-ee: var(--radius-field);\n }\n }\n }\n .label {\n display: inline-flex;\n align-items: center;\n gap: calc(0.25rem * 1.5);\n white-space: nowrap;\n color: color-mix(in oklab, currentColor 60%, transparent);\n &:has(input) {\n cursor: pointer;\n }\n }\n .stat {\n display: inline-grid;\n width: 100%;\n column-gap: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 6);\n padding-block: calc(0.25rem * 4);\n grid-template-columns: repeat(1, 1fr);\n &:not(:last-child) {\n border-inline-end: var(--border) dashed\n color-mix(in oklab, currentColor 10%, transparent);\n border-block-end: none;\n }\n }\n .navbar {\n display: flex;\n width: 100%;\n align-items: center;\n padding: 0.5rem;\n min-height: 4rem;\n }\n .flex {\n display: flex;\n }\n .hidden {\n display: none;\n }\n .inline-block {\n display: inline-block;\n }\n .table {\n display: table;\n }\n .btn-square {\n padding-inline: calc(0.25rem * 0);\n width: var(--size);\n height: var(--size);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .w-40 {\n width: calc(var(--spacing) * 40);\n }\n .w-52 {\n width: calc(var(--spacing) * 52);\n }\n .w-auto {\n width: auto;\n }\n .w-full {\n width: 100%;\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .flex-1 {\n flex: 1;\n }\n .flex-auto {\n flex: auto;\n }\n .flex-none {\n flex: none;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .link {\n cursor: pointer;\n text-decoration-line: underline;\n &:focus {\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n &:focus-visible {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n }\n }\n .stats-vertical {\n grid-auto-flow: row;\n overflow-y: auto;\n .stat:not(:last-child) {\n border-inline-end: none;\n border-block-end: var(--border) dashed\n color-mix(in oklab, currentColor 10%, transparent);\n }\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-nowrap {\n flex-wrap: nowrap;\n }\n .items-center {\n align-items: center;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-between {\n justify-content: space-between;\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .overflow-x-auto {\n overflow-x: auto;\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .alert-info {\n border-color: var(--color-info);\n color: var(--color-info-content);\n --alert-color: var(--color-info);\n }\n .bg-accent {\n background-color: var(--color-accent);\n }\n .bg-base-100 {\n background-color: var(--color-base-100);\n }\n .bg-base-200 {\n background-color: var(--color-base-200);\n }\n .bg-clrs-slate {\n background-color: var(--clrs-slate, #708090);\n }\n .bg-neutral {\n background-color: var(--color-neutral);\n }\n .bg-secondary {\n background-color: var(--color-secondary);\n }\n .fill-current {\n fill: currentColor;\n }\n .stroke-current {\n stroke: currentColor;\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .py-6 {\n padding-block: calc(var(--spacing) * 6);\n }\n .pt-0 {\n padding-top: calc(var(--spacing) * 0);\n }\n .text-center {\n text-align: center;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-5xl {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .text-accent-content {\n color: var(--color-accent-content);\n }\n .text-neutral-content {\n color: var(--color-neutral-content);\n }\n .text-secondary {\n color: var(--color-secondary);\n }\n .text-secondary-content {\n color: var(--color-secondary-content);\n }\n .tooltip-warning {\n --tt-bg: var(--color-warning);\n > .tooltip-content,\n &[data-tip]:before {\n color: var(--color-warning-content);\n }\n }\n .normal-case {\n text-transform: none;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .btn-ghost {\n &:not(.btn-active, :hover, :active:focus, :focus-visible) {\n --btn-shadow: '';\n --btn-bg: transparent;\n --btn-border: transparent;\n --btn-noise: none;\n &:not(:disabled, [disabled], .btn-disabled) {\n outline-color: currentColor;\n --btn-fg: currentColor;\n }\n }\n }\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .btn-primary {\n --btn-color: var(--color-primary);\n --btn-fg: var(--color-primary-content);\n }\n .lg\\:flex {\n @media (width >= 64rem) {\n display: flex;\n }\n }\n .lg\\:inline-block {\n @media (width >= 64rem) {\n display: inline-block;\n }\n }\n .lg\\:stats-horizontal {\n @media (width >= 64rem) {\n grid-auto-flow: column;\n overflow-x: auto;\n .stat:not(:last-child) {\n border-inline-end: var(--border) dashed\n color-mix(in oklab, currentColor 10%, transparent);\n border-block-end: none;\n }\n }\n }\n}\n@layer base {\n :where(:root),\n :root:has(input.theme-controller[value='light']:checked),\n [data-theme='light'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(98% 0 0);\n --color-base-300: oklch(95% 0 0);\n --color-base-content: oklch(21% 0.006 285.885);\n --color-primary: oklch(45% 0.24 277.023);\n --color-primary-content: oklch(93% 0.034 272.788);\n --color-secondary: oklch(65% 0.241 354.308);\n --color-secondary-content: oklch(94% 0.028 342.258);\n --color-accent: oklch(77% 0.152 181.912);\n --color-accent-content: oklch(38% 0.063 188.416);\n --color-neutral: oklch(14% 0.005 285.823);\n --color-neutral-content: oklch(92% 0.004 286.32);\n --color-info: oklch(74% 0.16 232.661);\n --color-info-content: oklch(29% 0.066 243.157);\n --color-success: oklch(76% 0.177 163.223);\n --color-success-content: oklch(37% 0.077 168.94);\n --color-warning: oklch(82% 0.189 84.429);\n --color-warning-content: oklch(41% 0.112 45.904);\n --color-error: oklch(71% 0.194 13.428);\n --color-error-content: oklch(27% 0.105 12.094);\n --radius-selector: 0.5rem;\n --radius-field: 0.25rem;\n --radius-box: 0.5rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n @media (prefers-color-scheme: dark) {\n :root {\n color-scheme: dark;\n --color-base-100: oklch(25.33% 0.016 252.42);\n --color-base-200: oklch(23.26% 0.014 253.1);\n --color-base-300: oklch(21.15% 0.012 254.09);\n --color-base-content: oklch(97.807% 0.029 256.847);\n --color-primary: oklch(58% 0.233 277.117);\n --color-primary-content: oklch(96% 0.018 272.314);\n --color-secondary: oklch(65% 0.241 354.308);\n --color-secondary-content: oklch(94% 0.028 342.258);\n --color-accent: oklch(77% 0.152 181.912);\n --color-accent-content: oklch(38% 0.063 188.416);\n --color-neutral: oklch(14% 0.005 285.823);\n --color-neutral-content: oklch(92% 0.004 286.32);\n --color-info: oklch(74% 0.16 232.661);\n --color-info-content: oklch(29% 0.066 243.157);\n --color-success: oklch(76% 0.177 163.223);\n --color-success-content: oklch(37% 0.077 168.94);\n --color-warning: oklch(82% 0.189 84.429);\n --color-warning-content: oklch(41% 0.112 45.904);\n --color-error: oklch(71% 0.194 13.428);\n --color-error-content: oklch(27% 0.105 12.094);\n --radius-selector: 0.5rem;\n --radius-field: 0.25rem;\n --radius-box: 0.5rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='light']:checked),\n [data-theme='light'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(98% 0 0);\n --color-base-300: oklch(95% 0 0);\n --color-base-content: oklch(21% 0.006 285.885);\n --color-primary: oklch(45% 0.24 277.023);\n --color-primary-content: oklch(93% 0.034 272.788);\n --color-secondary: oklch(65% 0.241 354.308);\n --color-secondary-content: oklch(94% 0.028 342.258);\n --color-accent: oklch(77% 0.152 181.912);\n --color-accent-content: oklch(38% 0.063 188.416);\n --color-neutral: oklch(14% 0.005 285.823);\n --color-neutral-content: oklch(92% 0.004 286.32);\n --color-info: oklch(74% 0.16 232.661);\n --color-info-content: oklch(29% 0.066 243.157);\n --color-success: oklch(76% 0.177 163.223);\n --color-success-content: oklch(37% 0.077 168.94);\n --color-warning: oklch(82% 0.189 84.429);\n --color-warning-content: oklch(41% 0.112 45.904);\n --color-error: oklch(71% 0.194 13.428);\n --color-error-content: oklch(27% 0.105 12.094);\n --radius-selector: 0.5rem;\n --radius-field: 0.25rem;\n --radius-box: 0.5rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='dark']:checked),\n [data-theme='dark'] {\n color-scheme: dark;\n --color-base-100: oklch(25.33% 0.016 252.42);\n --color-base-200: oklch(23.26% 0.014 253.1);\n --color-base-300: oklch(21.15% 0.012 254.09);\n --color-base-content: oklch(97.807% 0.029 256.847);\n --color-primary: oklch(58% 0.233 277.117);\n --color-primary-content: oklch(96% 0.018 272.314);\n --color-secondary: oklch(65% 0.241 354.308);\n --color-secondary-content: oklch(94% 0.028 342.258);\n --color-accent: oklch(77% 0.152 181.912);\n --color-accent-content: oklch(38% 0.063 188.416);\n --color-neutral: oklch(14% 0.005 285.823);\n --color-neutral-content: oklch(92% 0.004 286.32);\n --color-info: oklch(74% 0.16 232.661);\n --color-info-content: oklch(29% 0.066 243.157);\n --color-success: oklch(76% 0.177 163.223);\n --color-success-content: oklch(37% 0.077 168.94);\n --color-warning: oklch(82% 0.189 84.429);\n --color-warning-content: oklch(41% 0.112 45.904);\n --color-error: oklch(71% 0.194 13.428);\n --color-error-content: oklch(27% 0.105 12.094);\n --radius-selector: 0.5rem;\n --radius-field: 0.25rem;\n --radius-box: 0.5rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='aqua']:checked),\n [data-theme='aqua'] {\n color-scheme: dark;\n --color-base-100: oklch(37% 0.146 265.522);\n --color-base-200: oklch(28% 0.091 267.935);\n --color-base-300: oklch(22% 0.091 267.935);\n --color-base-content: oklch(90% 0.058 230.902);\n --color-primary: oklch(85.661% 0.144 198.645);\n --color-primary-content: oklch(40.124% 0.068 197.603);\n --color-secondary: oklch(60.682% 0.108 309.782);\n --color-secondary-content: oklch(96% 0.016 293.756);\n --color-accent: oklch(93.426% 0.102 94.555);\n --color-accent-content: oklch(18.685% 0.02 94.555);\n --color-neutral: oklch(27% 0.146 265.522);\n --color-neutral-content: oklch(80% 0.146 265.522);\n --color-info: oklch(54.615% 0.215 262.88);\n --color-info-content: oklch(90.923% 0.043 262.88);\n --color-success: oklch(62.705% 0.169 149.213);\n --color-success-content: oklch(12.541% 0.033 149.213);\n --color-warning: oklch(66.584% 0.157 58.318);\n --color-warning-content: oklch(27% 0.077 45.635);\n --color-error: oklch(73.95% 0.19 27.33);\n --color-error-content: oklch(14.79% 0.038 27.33);\n --radius-selector: 1rem;\n --radius-field: 0.5rem;\n --radius-box: 1rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='business']:checked),\n [data-theme='business'] {\n color-scheme: dark;\n --color-base-100: oklch(24.353% 0 0);\n --color-base-200: oklch(22.648% 0 0);\n --color-base-300: oklch(20.944% 0 0);\n --color-base-content: oklch(84.87% 0 0);\n --color-primary: oklch(41.703% 0.099 251.473);\n --color-primary-content: oklch(88.34% 0.019 251.473);\n --color-secondary: oklch(64.092% 0.027 229.389);\n --color-secondary-content: oklch(12.818% 0.005 229.389);\n --color-accent: oklch(67.271% 0.167 35.791);\n --color-accent-content: oklch(13.454% 0.033 35.791);\n --color-neutral: oklch(27.441% 0.013 253.041);\n --color-neutral-content: oklch(85.488% 0.002 253.041);\n --color-info: oklch(62.616% 0.143 240.033);\n --color-info-content: oklch(12.523% 0.028 240.033);\n --color-success: oklch(70.226% 0.094 156.596);\n --color-success-content: oklch(14.045% 0.018 156.596);\n --color-warning: oklch(77.482% 0.115 81.519);\n --color-warning-content: oklch(15.496% 0.023 81.519);\n --color-error: oklch(51.61% 0.146 29.674);\n --color-error-content: oklch(90.322% 0.029 29.674);\n --radius-selector: 0rem;\n --radius-field: 0.25rem;\n --radius-box: 0.25rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='corporate']:checked),\n [data-theme='corporate'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(93% 0 0);\n --color-base-300: oklch(86% 0 0);\n --color-base-content: oklch(22.389% 0.031 278.072);\n --color-primary: oklch(58% 0.158 241.966);\n --color-primary-content: oklch(100% 0 0);\n --color-secondary: oklch(55% 0.046 257.417);\n --color-secondary-content: oklch(100% 0 0);\n --color-accent: oklch(60% 0.118 184.704);\n --color-accent-content: oklch(100% 0 0);\n --color-neutral: oklch(0% 0 0);\n --color-neutral-content: oklch(100% 0 0);\n --color-info: oklch(60% 0.126 221.723);\n --color-info-content: oklch(100% 0 0);\n --color-success: oklch(62% 0.194 149.214);\n --color-success-content: oklch(100% 0 0);\n --color-warning: oklch(85% 0.199 91.936);\n --color-warning-content: oklch(0% 0 0);\n --color-error: oklch(70% 0.191 22.216);\n --color-error-content: oklch(0% 0 0);\n --radius-selector: 0.25rem;\n --radius-field: 0.25rem;\n --radius-box: 0.25rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='fantasy']:checked),\n [data-theme='fantasy'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(93% 0 0);\n --color-base-300: oklch(86% 0 0);\n --color-base-content: oklch(27.807% 0.029 256.847);\n --color-primary: oklch(37.45% 0.189 325.02);\n --color-primary-content: oklch(87.49% 0.037 325.02);\n --color-secondary: oklch(53.92% 0.162 241.36);\n --color-secondary-content: oklch(90.784% 0.032 241.36);\n --color-accent: oklch(75.98% 0.204 56.72);\n --color-accent-content: oklch(15.196% 0.04 56.72);\n --color-neutral: oklch(27.807% 0.029 256.847);\n --color-neutral-content: oklch(85.561% 0.005 256.847);\n --color-info: oklch(72.06% 0.191 231.6);\n --color-info-content: oklch(0% 0 0);\n --color-success: oklch(64.8% 0.15 160);\n --color-success-content: oklch(0% 0 0);\n --color-warning: oklch(84.71% 0.199 83.87);\n --color-warning-content: oklch(0% 0 0);\n --color-error: oklch(71.76% 0.221 22.18);\n --color-error-content: oklch(0% 0 0);\n --radius-selector: 1rem;\n --radius-field: 0.5rem;\n --radius-box: 1rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='night']:checked),\n [data-theme='night'] {\n color-scheme: dark;\n --color-base-100: oklch(20.768% 0.039 265.754);\n --color-base-200: oklch(19.314% 0.037 265.754);\n --color-base-300: oklch(17.86% 0.034 265.754);\n --color-base-content: oklch(84.153% 0.007 265.754);\n --color-primary: oklch(75.351% 0.138 232.661);\n --color-primary-content: oklch(15.07% 0.027 232.661);\n --color-secondary: oklch(68.011% 0.158 276.934);\n --color-secondary-content: oklch(13.602% 0.031 276.934);\n --color-accent: oklch(72.36% 0.176 350.048);\n --color-accent-content: oklch(14.472% 0.035 350.048);\n --color-neutral: oklch(27.949% 0.036 260.03);\n --color-neutral-content: oklch(85.589% 0.007 260.03);\n --color-info: oklch(68.455% 0.148 237.251);\n --color-info-content: oklch(0% 0 0);\n --color-success: oklch(78.452% 0.132 181.911);\n --color-success-content: oklch(15.69% 0.026 181.911);\n --color-warning: oklch(83.242% 0.139 82.95);\n --color-warning-content: oklch(16.648% 0.027 82.95);\n --color-error: oklch(71.785% 0.17 13.118);\n --color-error-content: oklch(14.357% 0.034 13.118);\n --radius-selector: 1rem;\n --radius-field: 0.5rem;\n --radius-box: 1rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='winter']:checked),\n [data-theme='winter'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(97.466% 0.011 259.822);\n --color-base-300: oklch(93.268% 0.016 262.751);\n --color-base-content: oklch(41.886% 0.053 255.824);\n --color-primary: oklch(56.86% 0.255 257.57);\n --color-primary-content: oklch(91.372% 0.051 257.57);\n --color-secondary: oklch(42.551% 0.161 282.339);\n --color-secondary-content: oklch(88.51% 0.032 282.339);\n --color-accent: oklch(59.939% 0.191 335.171);\n --color-accent-content: oklch(11.988% 0.038 335.171);\n --color-neutral: oklch(19.616% 0.063 257.651);\n --color-neutral-content: oklch(83.923% 0.012 257.651);\n --color-info: oklch(88.127% 0.085 214.515);\n --color-info-content: oklch(17.625% 0.017 214.515);\n --color-success: oklch(80.494% 0.077 197.823);\n --color-success-content: oklch(16.098% 0.015 197.823);\n --color-warning: oklch(89.172% 0.045 71.47);\n --color-warning-content: oklch(17.834% 0.009 71.47);\n --color-error: oklch(73.092% 0.11 20.076);\n --color-error-content: oklch(14.618% 0.022 20.076);\n --radius-selector: 1rem;\n --radius-field: 0.5rem;\n --radius-box: 1rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='wireframe']:checked),\n [data-theme='wireframe'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(97% 0 0);\n --color-base-300: oklch(94% 0 0);\n --color-base-content: oklch(20% 0 0);\n --color-primary: oklch(87% 0 0);\n --color-primary-content: oklch(26% 0 0);\n --color-secondary: oklch(87% 0 0);\n --color-secondary-content: oklch(26% 0 0);\n --color-accent: oklch(87% 0 0);\n --color-accent-content: oklch(26% 0 0);\n --color-neutral: oklch(87% 0 0);\n --color-neutral-content: oklch(26% 0 0);\n --color-info: oklch(44% 0.11 240.79);\n --color-info-content: oklch(90% 0.058 230.902);\n --color-success: oklch(43% 0.095 166.913);\n --color-success-content: oklch(90% 0.093 164.15);\n --color-warning: oklch(47% 0.137 46.201);\n --color-warning-content: oklch(92% 0.12 95.746);\n --color-error: oklch(44% 0.177 26.899);\n --color-error-content: oklch(88% 0.062 18.334);\n --radius-selector: 0rem;\n --radius-field: 0.25rem;\n --radius-box: 0.25rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root,\n [data-theme] {\n background-color: var(--root-bg, var(--color-base-100));\n color: var(--color-base-content);\n }\n}\n@layer base {\n *,\n ::after,\n ::backdrop,\n ::before,\n ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n :host,\n html {\n line-height: 1.5;\n font-family: var(\n --default-font-family,\n ui-sans-serif,\n system-ui,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji'\n );\n webkit-tap-highlight-color: transparent;\n }\n body {\n line-height: inherit;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n ::file-selector-button,\n button,\n input,\n optgroup,\n select,\n textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n background: 0 0;\n }\n input:where(:not([type='button'], [type='reset'], [type='submit'])),\n select,\n textarea {\n border-width: 1px;\n }\n ::file-selector-button,\n button,\n input:where([type='button'], [type='reset'], [type='submit']) {\n appearance: button;\n }\n :-moz-focusring {\n outline: auto;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n ::-webkit-search-decoration {\n webkit-appearance: none;\n }\n menu,\n ol,\n ul {\n list-style: none;\n }\n textarea {\n resize: vertical;\n }\n ::placeholder {\n opacity: 1;\n color: color-mix(in oklch, currentColor 50%, transparent);\n }\n audio,\n canvas,\n embed,\n iframe,\n img,\n object,\n svg,\n video {\n display: block;\n vertical-align: middle;\n }\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n}\n@layer base {\n :where(\n :root:has(\n .modal-open,\n .modal[open],\n .modal:target,\n .modal-toggle:checked,\n .drawer:not(.drawer-open) > .drawer-toggle:checked\n )\n ) {\n scrollbar-gutter: stable;\n background-image: linear-gradient(\n var(--color-base-100),\n var(--color-base-100)\n );\n --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);\n }\n}\n@layer base {\n @property --radialprogress {\n syntax: '<percentage>';\n inherits: true;\n initial-value: 0%;\n }\n}\n@layer base {\n :root:has(\n .modal-open,\n .modal[open],\n .modal:target,\n .modal-toggle:checked,\n .drawer:not([class*='drawer-open']) > .drawer-toggle:checked\n ) {\n overflow: hidden;\n }\n}\n@layer base {\n :root {\n scrollbar-color: color-mix(in oklch, currentColor 35%, transparent)\n transparent;\n }\n}\n@keyframes dropdown {\n 0% {\n opacity: 0;\n }\n}\n@keyframes rating {\n 0%,\n 40% {\n scale: 1.1;\n filter: brightness(1.05) contrast(1.05);\n }\n}\n@keyframes radio {\n 0% {\n padding: 5px;\n }\n 50% {\n padding: 3px;\n }\n}\n@keyframes progress {\n 50% {\n background-position-x: -115%;\n }\n}\n@keyframes skeleton {\n 0% {\n background-position: 150%;\n }\n 100% {\n background-position: -50%;\n }\n}\n@keyframes toast {\n 0% {\n scale: 0.9;\n opacity: 0;\n }\n 100% {\n scale: 1;\n opacity: 1;\n }\n}\n";
8
+ const shadowCss = "/*! tailwindcss v4.0.6 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n --font-mono:\n ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace;\n --color-red-50: oklch(0.971 0.013 17.38);\n --color-red-100: oklch(0.936 0.032 17.717);\n --color-red-200: oklch(0.885 0.062 18.334);\n --color-red-300: oklch(0.808 0.114 19.571);\n --color-red-400: oklch(0.704 0.191 22.216);\n --color-red-500: oklch(0.637 0.237 25.331);\n --color-red-600: oklch(0.577 0.245 27.325);\n --color-red-700: oklch(0.505 0.213 27.518);\n --color-red-800: oklch(0.444 0.177 26.899);\n --color-red-900: oklch(0.396 0.141 25.723);\n --color-red-950: oklch(0.258 0.092 26.042);\n --color-orange-50: oklch(0.98 0.016 73.684);\n --color-orange-100: oklch(0.954 0.038 75.164);\n --color-orange-200: oklch(0.901 0.076 70.697);\n --color-orange-300: oklch(0.837 0.128 66.29);\n --color-orange-400: oklch(0.75 0.183 55.934);\n --color-orange-500: oklch(0.705 0.213 47.604);\n --color-orange-600: oklch(0.646 0.222 41.116);\n --color-orange-700: oklch(0.553 0.195 38.402);\n --color-orange-800: oklch(0.47 0.157 37.304);\n --color-orange-900: oklch(0.408 0.123 38.172);\n --color-orange-950: oklch(0.266 0.079 36.259);\n --color-amber-50: oklch(0.987 0.022 95.277);\n --color-amber-100: oklch(0.962 0.059 95.617);\n --color-amber-200: oklch(0.924 0.12 95.746);\n --color-amber-300: oklch(0.879 0.169 91.605);\n --color-amber-400: oklch(0.828 0.189 84.429);\n --color-amber-500: oklch(0.769 0.188 70.08);\n --color-amber-600: oklch(0.666 0.179 58.318);\n --color-amber-700: oklch(0.555 0.163 48.998);\n --color-amber-800: oklch(0.473 0.137 46.201);\n --color-amber-900: oklch(0.414 0.112 45.904);\n --color-amber-950: oklch(0.279 0.077 45.635);\n --color-yellow-50: oklch(0.987 0.026 102.212);\n --color-yellow-100: oklch(0.973 0.071 103.193);\n --color-yellow-200: oklch(0.945 0.129 101.54);\n --color-yellow-300: oklch(0.905 0.182 98.111);\n --color-yellow-400: oklch(0.852 0.199 91.936);\n --color-yellow-500: oklch(0.795 0.184 86.047);\n --color-yellow-600: oklch(0.681 0.162 75.834);\n --color-yellow-700: oklch(0.554 0.135 66.442);\n --color-yellow-800: oklch(0.476 0.114 61.907);\n --color-yellow-900: oklch(0.421 0.095 57.708);\n --color-yellow-950: oklch(0.286 0.066 53.813);\n --color-lime-50: oklch(0.986 0.031 120.757);\n --color-lime-100: oklch(0.967 0.067 122.328);\n --color-lime-200: oklch(0.938 0.127 124.321);\n --color-lime-300: oklch(0.897 0.196 126.665);\n --color-lime-400: oklch(0.841 0.238 128.85);\n --color-lime-500: oklch(0.768 0.233 130.85);\n --color-lime-600: oklch(0.648 0.2 131.684);\n --color-lime-700: oklch(0.532 0.157 131.589);\n --color-lime-800: oklch(0.453 0.124 130.933);\n --color-lime-900: oklch(0.405 0.101 131.063);\n --color-lime-950: oklch(0.274 0.072 132.109);\n --color-green-50: oklch(0.982 0.018 155.826);\n --color-green-100: oklch(0.962 0.044 156.743);\n --color-green-200: oklch(0.925 0.084 155.995);\n --color-green-300: oklch(0.871 0.15 154.449);\n --color-green-400: oklch(0.792 0.209 151.711);\n --color-green-500: oklch(0.723 0.219 149.579);\n --color-green-600: oklch(0.627 0.194 149.214);\n --color-green-700: oklch(0.527 0.154 150.069);\n --color-green-800: oklch(0.448 0.119 151.328);\n --color-green-900: oklch(0.393 0.095 152.535);\n --color-green-950: oklch(0.266 0.065 152.934);\n --color-emerald-50: oklch(0.979 0.021 166.113);\n --color-emerald-100: oklch(0.95 0.052 163.051);\n --color-emerald-200: oklch(0.905 0.093 164.15);\n --color-emerald-300: oklch(0.845 0.143 164.978);\n --color-emerald-400: oklch(0.765 0.177 163.223);\n --color-emerald-500: oklch(0.696 0.17 162.48);\n --color-emerald-600: oklch(0.596 0.145 163.225);\n --color-emerald-700: oklch(0.508 0.118 165.612);\n --color-emerald-800: oklch(0.432 0.095 166.913);\n --color-emerald-900: oklch(0.378 0.077 168.94);\n --color-emerald-950: oklch(0.262 0.051 172.552);\n --color-teal-50: oklch(0.984 0.014 180.72);\n --color-teal-100: oklch(0.953 0.051 180.801);\n --color-teal-200: oklch(0.91 0.096 180.426);\n --color-teal-300: oklch(0.855 0.138 181.071);\n --color-teal-400: oklch(0.777 0.152 181.912);\n --color-teal-500: oklch(0.704 0.14 182.503);\n --color-teal-600: oklch(0.6 0.118 184.704);\n --color-teal-700: oklch(0.511 0.096 186.391);\n --color-teal-800: oklch(0.437 0.078 188.216);\n --color-teal-900: oklch(0.386 0.063 188.416);\n --color-teal-950: oklch(0.277 0.046 192.524);\n --color-cyan-50: oklch(0.984 0.019 200.873);\n --color-cyan-100: oklch(0.956 0.045 203.388);\n --color-cyan-200: oklch(0.917 0.08 205.041);\n --color-cyan-300: oklch(0.865 0.127 207.078);\n --color-cyan-400: oklch(0.789 0.154 211.53);\n --color-cyan-500: oklch(0.715 0.143 215.221);\n --color-cyan-600: oklch(0.609 0.126 221.723);\n --color-cyan-700: oklch(0.52 0.105 223.128);\n --color-cyan-800: oklch(0.45 0.085 224.283);\n --color-cyan-900: oklch(0.398 0.07 227.392);\n --color-cyan-950: oklch(0.302 0.056 229.695);\n --color-sky-50: oklch(0.977 0.013 236.62);\n --color-sky-100: oklch(0.951 0.026 236.824);\n --color-sky-200: oklch(0.901 0.058 230.902);\n --color-sky-300: oklch(0.828 0.111 230.318);\n --color-sky-400: oklch(0.746 0.16 232.661);\n --color-sky-500: oklch(0.685 0.169 237.323);\n --color-sky-600: oklch(0.588 0.158 241.966);\n --color-sky-700: oklch(0.5 0.134 242.749);\n --color-sky-800: oklch(0.443 0.11 240.79);\n --color-sky-900: oklch(0.391 0.09 240.876);\n --color-sky-950: oklch(0.293 0.066 243.157);\n --color-blue-50: oklch(0.97 0.014 254.604);\n --color-blue-100: oklch(0.932 0.032 255.585);\n --color-blue-200: oklch(0.882 0.059 254.128);\n --color-blue-300: oklch(0.809 0.105 251.813);\n --color-blue-400: oklch(0.707 0.165 254.624);\n --color-blue-500: oklch(0.623 0.214 259.815);\n --color-blue-600: oklch(0.546 0.245 262.881);\n --color-blue-700: oklch(0.488 0.243 264.376);\n --color-blue-800: oklch(0.424 0.199 265.638);\n --color-blue-900: oklch(0.379 0.146 265.522);\n --color-blue-950: oklch(0.282 0.091 267.935);\n --color-indigo-50: oklch(0.962 0.018 272.314);\n --color-indigo-100: oklch(0.93 0.034 272.788);\n --color-indigo-200: oklch(0.87 0.065 274.039);\n --color-indigo-300: oklch(0.785 0.115 274.713);\n --color-indigo-400: oklch(0.673 0.182 276.935);\n --color-indigo-500: oklch(0.585 0.233 277.117);\n --color-indigo-600: oklch(0.511 0.262 276.966);\n --color-indigo-700: oklch(0.457 0.24 277.023);\n --color-indigo-800: oklch(0.398 0.195 277.366);\n --color-indigo-900: oklch(0.359 0.144 278.697);\n --color-indigo-950: oklch(0.257 0.09 281.288);\n --color-violet-50: oklch(0.969 0.016 293.756);\n --color-violet-100: oklch(0.943 0.029 294.588);\n --color-violet-200: oklch(0.894 0.057 293.283);\n --color-violet-300: oklch(0.811 0.111 293.571);\n --color-violet-400: oklch(0.702 0.183 293.541);\n --color-violet-500: oklch(0.606 0.25 292.717);\n --color-violet-600: oklch(0.541 0.281 293.009);\n --color-violet-700: oklch(0.491 0.27 292.581);\n --color-violet-800: oklch(0.432 0.232 292.759);\n --color-violet-900: oklch(0.38 0.189 293.745);\n --color-violet-950: oklch(0.283 0.141 291.089);\n --color-purple-50: oklch(0.977 0.014 308.299);\n --color-purple-100: oklch(0.946 0.033 307.174);\n --color-purple-200: oklch(0.902 0.063 306.703);\n --color-purple-300: oklch(0.827 0.119 306.383);\n --color-purple-400: oklch(0.714 0.203 305.504);\n --color-purple-500: oklch(0.627 0.265 303.9);\n --color-purple-600: oklch(0.558 0.288 302.321);\n --color-purple-700: oklch(0.496 0.265 301.924);\n --color-purple-800: oklch(0.438 0.218 303.724);\n --color-purple-900: oklch(0.381 0.176 304.987);\n --color-purple-950: oklch(0.291 0.149 302.717);\n --color-fuchsia-50: oklch(0.977 0.017 320.058);\n --color-fuchsia-100: oklch(0.952 0.037 318.852);\n --color-fuchsia-200: oklch(0.903 0.076 319.62);\n --color-fuchsia-300: oklch(0.833 0.145 321.434);\n --color-fuchsia-400: oklch(0.74 0.238 322.16);\n --color-fuchsia-500: oklch(0.667 0.295 322.15);\n --color-fuchsia-600: oklch(0.591 0.293 322.896);\n --color-fuchsia-700: oklch(0.518 0.253 323.949);\n --color-fuchsia-800: oklch(0.452 0.211 324.591);\n --color-fuchsia-900: oklch(0.401 0.17 325.612);\n --color-fuchsia-950: oklch(0.293 0.136 325.661);\n --color-pink-50: oklch(0.971 0.014 343.198);\n --color-pink-100: oklch(0.948 0.028 342.258);\n --color-pink-200: oklch(0.899 0.061 343.231);\n --color-pink-300: oklch(0.823 0.12 346.018);\n --color-pink-400: oklch(0.718 0.202 349.761);\n --color-pink-500: oklch(0.656 0.241 354.308);\n --color-pink-600: oklch(0.592 0.249 0.584);\n --color-pink-700: oklch(0.525 0.223 3.958);\n --color-pink-800: oklch(0.459 0.187 3.815);\n --color-pink-900: oklch(0.408 0.153 2.432);\n --color-pink-950: oklch(0.284 0.109 3.907);\n --color-rose-50: oklch(0.969 0.015 12.422);\n --color-rose-100: oklch(0.941 0.03 12.58);\n --color-rose-200: oklch(0.892 0.058 10.001);\n --color-rose-300: oklch(0.81 0.117 11.638);\n --color-rose-400: oklch(0.712 0.194 13.428);\n --color-rose-500: oklch(0.645 0.246 16.439);\n --color-rose-600: oklch(0.586 0.253 17.585);\n --color-rose-700: oklch(0.514 0.222 16.935);\n --color-rose-800: oklch(0.455 0.188 13.697);\n --color-rose-900: oklch(0.41 0.159 10.272);\n --color-rose-950: oklch(0.271 0.105 12.094);\n --color-slate-50: oklch(0.984 0.003 247.858);\n --color-slate-100: oklch(0.968 0.007 247.896);\n --color-slate-200: oklch(0.929 0.013 255.508);\n --color-slate-300: oklch(0.869 0.022 252.894);\n --color-slate-400: oklch(0.704 0.04 256.788);\n --color-slate-500: oklch(0.554 0.046 257.417);\n --color-slate-600: oklch(0.446 0.043 257.281);\n --color-slate-700: oklch(0.372 0.044 257.287);\n --color-slate-800: oklch(0.279 0.041 260.031);\n --color-slate-900: oklch(0.208 0.042 265.755);\n --color-slate-950: oklch(0.129 0.042 264.695);\n --color-gray-50: oklch(0.985 0.002 247.839);\n --color-gray-100: oklch(0.967 0.003 264.542);\n --color-gray-200: oklch(0.928 0.006 264.531);\n --color-gray-300: oklch(0.872 0.01 258.338);\n --color-gray-400: oklch(0.707 0.022 261.325);\n --color-gray-500: oklch(0.551 0.027 264.364);\n --color-gray-600: oklch(0.446 0.03 256.802);\n --color-gray-700: oklch(0.373 0.034 259.733);\n --color-gray-800: oklch(0.278 0.033 256.848);\n --color-gray-900: oklch(0.21 0.034 264.665);\n --color-gray-950: oklch(0.13 0.028 261.692);\n --color-zinc-50: oklch(0.985 0 0);\n --color-zinc-100: oklch(0.967 0.001 286.375);\n --color-zinc-200: oklch(0.92 0.004 286.32);\n --color-zinc-300: oklch(0.871 0.006 286.286);\n --color-zinc-400: oklch(0.705 0.015 286.067);\n --color-zinc-500: oklch(0.552 0.016 285.938);\n --color-zinc-600: oklch(0.442 0.017 285.786);\n --color-zinc-700: oklch(0.37 0.013 285.805);\n --color-zinc-800: oklch(0.274 0.006 286.033);\n --color-zinc-900: oklch(0.21 0.006 285.885);\n --color-zinc-950: oklch(0.141 0.005 285.823);\n --color-neutral-50: oklch(0.985 0 0);\n --color-neutral-100: oklch(0.97 0 0);\n --color-neutral-200: oklch(0.922 0 0);\n --color-neutral-300: oklch(0.87 0 0);\n --color-neutral-400: oklch(0.708 0 0);\n --color-neutral-500: oklch(0.556 0 0);\n --color-neutral-600: oklch(0.439 0 0);\n --color-neutral-700: oklch(0.371 0 0);\n --color-neutral-800: oklch(0.269 0 0);\n --color-neutral-900: oklch(0.205 0 0);\n --color-neutral-950: oklch(0.145 0 0);\n --color-stone-50: oklch(0.985 0.001 106.423);\n --color-stone-100: oklch(0.97 0.001 106.424);\n --color-stone-200: oklch(0.923 0.003 48.717);\n --color-stone-300: oklch(0.869 0.005 56.366);\n --color-stone-400: oklch(0.709 0.01 56.259);\n --color-stone-500: oklch(0.553 0.013 58.071);\n --color-stone-600: oklch(0.444 0.011 73.639);\n --color-stone-700: oklch(0.374 0.01 67.558);\n --color-stone-800: oklch(0.268 0.007 34.298);\n --color-stone-900: oklch(0.216 0.006 56.043);\n --color-stone-950: oklch(0.147 0.004 49.25);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --breakpoint-sm: 40rem;\n --breakpoint-md: 48rem;\n --breakpoint-lg: 64rem;\n --breakpoint-xl: 80rem;\n --breakpoint-2xl: 96rem;\n --container-3xs: 16rem;\n --container-2xs: 18rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --container-7xl: 80rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 6rem;\n --text-8xl--line-height: 1;\n --text-9xl: 8rem;\n --text-9xl--line-height: 1;\n --font-weight-thin: 100;\n --font-weight-extralight: 200;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --font-weight-black: 900;\n --tracking-tighter: -0.05em;\n --tracking-tight: -0.025em;\n --tracking-normal: 0em;\n --tracking-wide: 0.025em;\n --tracking-wider: 0.05em;\n --tracking-widest: 0.1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --leading-loose: 2;\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-md:\n 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --shadow-lg:\n 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --shadow-xl:\n 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);\n --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);\n --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);\n --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n --ease-in: cubic-bezier(0.4, 0, 1, 1);\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 1s linear infinite;\n --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --animate-bounce: bounce 1s infinite;\n --blur-xs: 4px;\n --blur-sm: 8px;\n --blur-md: 12px;\n --blur-lg: 16px;\n --blur-xl: 24px;\n --blur-2xl: 40px;\n --blur-3xl: 64px;\n --perspective-dramatic: 100px;\n --perspective-near: 300px;\n --perspective-normal: 500px;\n --perspective-midrange: 800px;\n --perspective-distant: 1200px;\n --aspect-video: 16 / 9;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --default-font-feature-settings: var(--font-sans--font-feature-settings);\n --default-font-variation-settings: var(\n --font-sans--font-variation-settings\n );\n --default-mono-font-family: var(--font-mono);\n --default-mono-font-feature-settings: var(\n --font-mono--font-feature-settings\n );\n --default-mono-font-variation-settings: var(\n --font-mono--font-variation-settings\n );\n }\n}\n@layer utilities {\n .menu {\n display: flex;\n width: fit-content;\n flex-direction: column;\n flex-wrap: wrap;\n padding: calc(0.25rem * 2);\n --menu-active-fg: var(--color-neutral-content);\n --menu-active-bg: var(--color-neutral);\n font-size: 0.875rem;\n :where(li ul) {\n position: relative;\n margin-inline-start: calc(0.25rem * 4);\n padding-inline-start: calc(0.25rem * 2);\n white-space: nowrap;\n &:before {\n position: absolute;\n inset-inline-start: calc(0.25rem * 0);\n top: calc(0.25rem * 3);\n bottom: calc(0.25rem * 3);\n background-color: var(--color-base-content);\n opacity: 10%;\n width: var(--border);\n content: '';\n }\n }\n :where(li > .menu-dropdown:not(.menu-dropdown-show)) {\n display: none;\n }\n :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title)) {\n display: grid;\n grid-auto-flow: column;\n align-content: flex-start;\n align-items: center;\n gap: calc(0.25rem * 2);\n border-radius: var(--radius-field);\n padding-inline: calc(0.25rem * 3);\n padding-block: calc(0.25rem * 1.5);\n text-align: start;\n transition-property: color, background-color, box-shadow;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n grid-auto-columns: minmax(auto, max-content) auto max-content;\n text-wrap: balance;\n user-select: none;\n }\n :where(li > details > summary) {\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n &::-webkit-details-marker {\n display: none;\n }\n }\n :where(li > details > summary),\n :where(li > .menu-dropdown-toggle) {\n &:after {\n justify-self: flex-end;\n display: block;\n height: 0.375rem;\n width: 0.375rem;\n rotate: -135deg;\n translate: 0 -1px;\n transition-property: rotate, translate;\n transition-duration: 0.2s;\n content: '';\n transform-origin: 50% 50%;\n box-shadow: 2px 2px inset;\n pointer-events: none;\n }\n }\n :where(li > details[open] > summary):after,\n :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {\n rotate: 45deg;\n translate: 0 1px;\n }\n :where(\n li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title),\n li:not(.menu-title, .disabled) > details > summary:not(.menu-title)\n ):not(.menu-active, :active, .btn) {\n &.menu-focus,\n &:focus-visible {\n cursor: pointer;\n background-color: color-mix(\n in oklab,\n var(--color-base-content) 10%,\n transparent\n );\n color: var(--color-base-content);\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n }\n :where(\n li:not(.menu-title, .disabled)\n > *:not(ul, details, .menu-title):not(\n .menu-active,\n :active,\n .btn\n ):hover,\n li:not(.menu-title, .disabled)\n > details\n > summary:not(.menu-title):not(.menu-active, :active, .btn):hover\n ) {\n cursor: pointer;\n background-color: color-mix(\n in oklab,\n var(--color-base-content) 10%,\n transparent\n );\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n box-shadow:\n 0 1px oklch(0% 0 0 / 0.01) inset,\n 0 -1px oklch(100% 0 0 / 0.01) inset;\n }\n :where(li:empty) {\n background-color: var(--color-base-content);\n opacity: 10%;\n margin: 0.5rem 1rem;\n height: 1px;\n }\n :where(li) {\n position: relative;\n display: flex;\n flex-shrink: 0;\n flex-direction: column;\n flex-wrap: wrap;\n align-items: stretch;\n .badge {\n justify-self: flex-end;\n }\n & > *:not(ul, .menu-title, details, .btn):active,\n & > *:not(ul, .menu-title, details, .btn).menu-active,\n & > details > summary:active {\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n color: var(--menu-active-fg);\n background-color: var(--menu-active-bg);\n background-size: calc(var(--noise) * 1000px);\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\");\n &:not(&:active) {\n box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);\n }\n }\n &.menu-disabled {\n pointer-events: none;\n color: color-mix(in oklab, var(--color-base-content) 20%, transparent);\n }\n }\n }\n .btn {\n display: inline-flex;\n flex-shrink: 0;\n cursor: pointer;\n flex-wrap: nowrap;\n align-items: center;\n justify-content: center;\n gap: calc(0.25rem * 1.5);\n text-align: center;\n vertical-align: middle;\n text-decoration-line: none;\n outline-offset: 2px;\n webkit-user-select: none;\n user-select: none;\n padding-inline: var(--btn-p);\n color: var(--btn-fg);\n height: var(--size);\n font-size: 0.875rem;\n font-weight: 600;\n outline-color: var(--btn-color, var(--color-base-content));\n transition-property: color, background-color, border-color, box-shadow;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-duration: 0.2s;\n border-start-start-radius: var(--join-ss, var(--radius-field));\n border-start-end-radius: var(--join-se, var(--radius-field));\n border-end-start-radius: var(--join-es, var(--radius-field));\n border-end-end-radius: var(--join-ee, var(--radius-field));\n background-color: var(--btn-bg);\n background-size: calc(var(--noise) * 100%);\n background-image: var(--btn-noise);\n border-width: var(--border);\n border-style: solid;\n border-color: var(--btn-border);\n text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));\n box-shadow:\n 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset,\n var(--btn-shadow);\n --size: calc(var(--size-field, 0.25rem) * 10);\n --btn-bg: var(--btn-color, var(--color-base-200));\n --btn-fg: var(--color-base-content);\n --btn-p: 1rem;\n --btn-border: color-mix(\n in oklab,\n var(--btn-bg),\n black calc(var(--depth) * 5%)\n );\n --btn-shadow:\n 0 3px 2px -2px\n color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent),\n 0 4px 3px -2px\n color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent);\n --btn-noise: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\");\n &:hover {\n --btn-bg: color-mix(\n in oklab,\n var(--btn-color, var(--color-base-200)),\n black 7%\n );\n }\n &.btn-active {\n --btn-bg: color-mix(\n in oklab,\n var(--btn-color, var(--color-base-200)),\n black 7%\n );\n --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n isolation: isolate;\n }\n &:focus-visible {\n outline-width: 2px;\n outline-style: solid;\n }\n &:active:not(.btn-active) {\n translate: 0 0.5px;\n --btn-bg: color-mix(\n in oklab,\n var(--btn-color, var(--color-base-200)),\n black 5%\n );\n --btn-border: color-mix(\n in oklab,\n var(--btn-color, var(--color-base-200)),\n black 7%\n );\n --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n }\n &:is(:disabled, [disabled], .btn-disabled) {\n &:not(.btn-link, .btn-ghost) {\n background-color: color-mix(\n in oklab,\n var(--color-base-content) 10%,\n transparent\n );\n box-shadow: none;\n }\n pointer-events: none;\n --btn-border: transparent;\n --btn-noise: none;\n --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, transparent);\n &:hover {\n pointer-events: none;\n background-color: color-mix(\n in oklab,\n var(--color-neutral) 20%,\n transparent\n );\n --btn-border: transparent;\n --btn-fg: color-mix(\n in oklch,\n var(--color-base-content) 20%,\n transparent\n );\n }\n }\n &:is(input[type='checkbox'], input[type='radio']) {\n appearance: none;\n &::after {\n content: attr(aria-label);\n }\n &:checked {\n --btn-color: var(--color-primary);\n --btn-bg: var(--color-primary);\n --btn-fg: var(--color-primary-content);\n --btn-border: var(--color-primary);\n &:focus-visible {\n outline-color: var(--color-primary);\n }\n &:hover {\n --btn-bg: color-mix(in oklab, var(--color-primary) 90%, black);\n --btn-border: color-mix(in oklab, var(--color-primary) 90%, black);\n }\n }\n }\n }\n .tooltip {\n position: relative;\n display: inline-block;\n --tt-bg: var(--color-neutral);\n --tt-off: calc(100% + 0.5rem);\n --tt-tail: calc(100% + 1px + 0.25rem);\n > :where(.tooltip-content),\n &[data-tip]:before {\n position: absolute;\n max-width: 20rem;\n border-radius: var(--radius-field);\n padding-inline: calc(0.25rem * 2);\n padding-block: calc(0.25rem * 1);\n text-align: center;\n white-space: normal;\n color: var(--color-neutral-content);\n opacity: 0%;\n font-size: 0.875rem;\n line-height: 1.25em;\n transition:\n opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n background-color: var(--tt-bg);\n width: max-content;\n pointer-events: none;\n z-index: 1;\n --tw-content: attr(data-tip);\n content: var(--tw-content);\n }\n &:after {\n position: absolute;\n position: absolute;\n opacity: 0%;\n background-color: var(--tt-bg);\n transition:\n opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n content: '';\n pointer-events: none;\n width: 0.625rem;\n height: 0.25rem;\n display: block;\n mask-repeat: no-repeat;\n mask-position: -1px 0;\n mask-image: url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\");\n }\n &.tooltip-open,\n &[data-tip]:hover,\n &:hover,\n &:has(:focus-visible) {\n > .tooltip-content,\n &[data-tip]:before,\n &:after {\n opacity: 100%;\n --tt-pos: 0rem;\n transition:\n opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s,\n transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n }\n }\n > .tooltip-content,\n &[data-tip]:before {\n transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n inset: auto auto var(--tt-off) 50%;\n }\n &:after {\n transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n inset: auto auto var(--tt-tail) 50%;\n }\n }\n .dropdown {\n position: relative;\n display: inline-block;\n position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);\n & > *:not(summary):focus {\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n .dropdown-content {\n position: absolute;\n }\n &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {\n .dropdown-content {\n display: none;\n transform-origin: top;\n opacity: 0%;\n scale: 95%;\n }\n }\n &[popover],\n .dropdown-content {\n @starting-style {\n scale: 95%;\n }\n @starting-style {\n opacity: 0;\n }\n z-index: 999;\n animation: dropdown 0.2s;\n transition-property: opacity, scale, display;\n transition-behavior: allow-discrete;\n transition-duration: 0.2s;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n }\n &.dropdown-open,\n &:not(.dropdown-hover):focus,\n &:focus-within {\n [tabindex]:first-child {\n pointer-events: none;\n }\n .dropdown-content {\n opacity: 100%;\n }\n }\n &.dropdown-hover:hover {\n .dropdown-content {\n opacity: 100%;\n scale: 100%;\n }\n }\n &:is(details) {\n summary {\n &::-webkit-details-marker {\n display: none;\n }\n }\n }\n &.dropdown-open,\n &:focus,\n &:focus-within {\n .dropdown-content {\n scale: 100%;\n }\n }\n &:where([popover]) {\n background: transparent;\n }\n &[popover] {\n position: fixed;\n color: inherit;\n @supports not (position-area: bottom) {\n margin: auto;\n &.dropdown-open:not(:popover-open) {\n display: none;\n transform-origin: top;\n opacity: 0%;\n scale: 95%;\n }\n &::backdrop {\n background-color: color-mix(in oklab, black 30%, transparent);\n }\n }\n &:not(.dropdown-open, :popover-open) {\n display: none;\n transform-origin: top;\n opacity: 0%;\n scale: 95%;\n }\n }\n }\n .table {\n font-size: 0.875rem;\n position: relative;\n width: 100%;\n border-radius: var(--radius-box);\n text-align: left;\n &:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {\n text-align: right;\n }\n tr.row-hover {\n &,\n &:nth-child(even) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-base-200);\n }\n }\n }\n }\n :where(th, td) {\n padding-inline: calc(0.25rem * 4);\n padding-block: calc(0.25rem * 3);\n vertical-align: middle;\n }\n :where(thead, tfoot) {\n white-space: nowrap;\n color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n font-size: 0.875rem;\n font-weight: 600;\n }\n :where(tfoot) {\n border-top: var(--border) solid\n color-mix(in oklch, var(--color-base-content) 5%, transparent);\n }\n :where(.table-pin-rows thead tr) {\n position: sticky;\n top: calc(0.25rem * 0);\n z-index: 1;\n background-color: var(--color-base-100);\n }\n :where(.table-pin-rows tfoot tr) {\n position: sticky;\n bottom: calc(0.25rem * 0);\n z-index: 1;\n background-color: var(--color-base-100);\n }\n :where(.table-pin-cols tr th) {\n position: sticky;\n right: calc(0.25rem * 0);\n left: calc(0.25rem * 0);\n background-color: var(--color-base-100);\n }\n :where(\n thead tr,\n tbody tr:not(:last-child),\n tbody tr:first-child:last-child\n ) {\n border-bottom: var(--border) solid\n color-mix(in oklch, var(--color-base-content) 5%, transparent);\n }\n }\n .list {\n display: flex;\n flex-direction: column;\n font-size: 0.875rem;\n .list-row {\n --list-grid-cols: minmax(0, auto) 1fr;\n position: relative;\n display: grid;\n grid-auto-flow: column;\n gap: calc(0.25rem * 4);\n border-radius: var(--radius-box);\n padding: calc(0.25rem * 4);\n word-break: break-word;\n grid-template-columns: var(--list-grid-cols);\n &:has(.list-col-grow:nth-child(1)) {\n --list-grid-cols: 1fr;\n }\n &:has(.list-col-grow:nth-child(2)) {\n --list-grid-cols: minmax(0, auto) 1fr;\n }\n &:has(.list-col-grow:nth-child(3)) {\n --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;\n }\n &:has(.list-col-grow:nth-child(4)) {\n --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;\n }\n &:has(.list-col-grow:nth-child(5)) {\n --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n minmax(0, auto) 1fr;\n }\n &:has(.list-col-grow:nth-child(6)) {\n --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n minmax(0, auto) minmax(0, auto) 1fr;\n }\n :not(.list-col-wrap) {\n grid-row-start: 1;\n }\n }\n & > :not(:last-child) {\n &.list-row,\n .list-row {\n &:after {\n content: '';\n border-bottom: var(--border) solid;\n inset-inline: var(--radius-box);\n position: absolute;\n bottom: calc(0.25rem * 0);\n border-color: color-mix(\n in oklab,\n var(--color-base-content) 5%,\n transparent\n );\n }\n }\n }\n }\n .radial-progress {\n position: relative;\n display: inline-grid;\n height: var(--size);\n width: var(--size);\n place-content: center;\n border-radius: calc(infinity * 1px);\n background-color: transparent;\n vertical-align: middle;\n box-sizing: content-box;\n --value: 0;\n --size: 5rem;\n --thickness: calc(var(--size) / 10);\n --radialprogress: calc(var(--value) * 1%);\n transition: --radialprogress 0.3s linear;\n &:before {\n position: absolute;\n inset: calc(0.25rem * 0);\n border-radius: calc(infinity * 1px);\n content: '';\n background:\n radial-gradient(farthest-side, currentColor 98%, #0000)\n top/var(--thickness) var(--thickness) no-repeat,\n conic-gradient(currentColor var(--radialprogress), #0000 0);\n webkit-mask: radial-gradient(\n farthest-side,\n #0000 calc(100% - var(--thickness)),\n #000 calc(100% + 0.5px - var(--thickness))\n );\n mask: radial-gradient(\n farthest-side,\n #0000 calc(100% - var(--thickness)),\n #000 calc(100% + 0.5px - var(--thickness))\n );\n }\n &:after {\n position: absolute;\n border-radius: calc(infinity * 1px);\n background-color: currentColor;\n transition: transform 0.3s linear;\n content: '';\n inset: calc(50% - var(--thickness) / 2);\n transform: rotate(calc(var(--value) * 3.6deg - 90deg))\n translate(calc(var(--size) / 2 - 50%));\n }\n }\n .progress {\n position: relative;\n height: calc(0.25rem * 2);\n width: 100%;\n appearance: none;\n overflow: hidden;\n border-radius: var(--radius-box);\n background-color: color-mix(in oklab, currentColor 20%, transparent);\n color: var(--color-base-content);\n &:indeterminate {\n background-image: repeating-linear-gradient(\n 90deg,\n currentColor -1%,\n currentColor 10%,\n transparent 10%,\n transparent 90%\n );\n background-size: 200%;\n background-position-x: 15%;\n animation: progress 5s ease-in-out infinite;\n @supports (-moz-appearance: none) {\n &::-moz-progress-bar {\n background-color: transparent;\n background-image: repeating-linear-gradient(\n 90deg,\n currentColor -1%,\n currentColor 10%,\n transparent 10%,\n transparent 90%\n );\n background-size: 200%;\n background-position-x: 15%;\n animation: progress 5s ease-in-out infinite;\n }\n }\n }\n @supports (-moz-appearance: none) {\n &::-moz-progress-bar {\n border-radius: var(--radius-box);\n background-color: currentColor;\n }\n }\n @supports (-webkit-appearance: none) {\n &::-webkit-progress-bar {\n border-radius: var(--radius-box);\n background-color: transparent;\n }\n &::-webkit-progress-value {\n border-radius: var(--radius-box);\n background-color: currentColor;\n }\n }\n }\n .stats {\n position: relative;\n display: inline-grid;\n grid-auto-flow: column;\n overflow-x: auto;\n border-radius: var(--radius-box);\n }\n .tooltip-left {\n > .tooltip-content,\n &[data-tip]:before {\n transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem))\n translateY(-50%);\n inset: 50% var(--tt-off) auto auto;\n }\n &:after {\n transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%)\n rotate(-90deg);\n inset: 50% calc(var(--tt-tail) + 1px) auto auto;\n }\n }\n .tooltip-right {\n > .tooltip-content,\n &[data-tip]:before {\n transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem))\n translateY(-50%);\n inset: 50% auto auto var(--tt-off);\n }\n &:after {\n transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%)\n rotate(90deg);\n inset: 50% auto auto calc(var(--tt-tail) + 1px);\n }\n }\n .dropdown-end {\n --anchor-h: span-left;\n :where(.dropdown-content) {\n inset-inline-end: calc(0.25rem * 0);\n }\n &.dropdown-left {\n --anchor-h: left;\n --anchor-v: span-top;\n .dropdown-content {\n top: auto;\n bottom: calc(0.25rem * 0);\n }\n }\n &.dropdown-right {\n --anchor-h: right;\n --anchor-v: span-top;\n .dropdown-content {\n top: auto;\n bottom: calc(0.25rem * 0);\n }\n }\n }\n .hero {\n display: grid;\n width: 100%;\n place-items: center;\n background-size: cover;\n background-position: center;\n & > * {\n grid-column-start: 1;\n grid-row-start: 1;\n }\n }\n .stat-desc {\n grid-column-start: 1;\n white-space: nowrap;\n color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n font-size: 0.75rem;\n }\n .stat-title {\n grid-column-start: 1;\n white-space: nowrap;\n color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n font-size: 0.75rem;\n }\n .stat-value {\n grid-column-start: 1;\n white-space: nowrap;\n font-size: 2rem;\n font-weight: 800;\n }\n .m-1 {\n margin: calc(var(--spacing) * 1);\n }\n .filter {\n display: flex;\n flex-wrap: wrap;\n input[type='radio'] {\n width: auto;\n }\n input {\n overflow: hidden;\n opacity: 100%;\n scale: 1;\n transition:\n margin 0.1s,\n opacity 0.3s,\n padding 0.3s,\n border-width 0.1s,\n width 0.1s allow-discrete;\n &:not(:last-child) {\n margin-inline-end: calc(0.25rem * 1);\n }\n &.filter-reset {\n aspect-ratio: 1 / 1;\n &::after {\n content: '×';\n }\n }\n }\n &:not(:has(input:checked:not(.filter-reset))) {\n .filter-reset,\n input[type='reset'] {\n scale: 0;\n border-width: 0;\n margin-inline: calc(0.25rem * 0);\n width: calc(0.25rem * 0);\n padding-inline: calc(0.25rem * 0);\n opacity: 0%;\n }\n }\n &:has(input:checked:not(.filter-reset)) {\n input:not(:checked, .filter-reset, input[type='reset']) {\n scale: 0;\n border-width: 0;\n margin-inline: calc(0.25rem * 0);\n width: calc(0.25rem * 0);\n padding-inline: calc(0.25rem * 0);\n opacity: 0%;\n }\n }\n }\n .divider-horizontal {\n &.divider {\n margin-inline: calc(0.25rem * 4);\n margin-block: calc(0.25rem * 0);\n height: auto;\n width: calc(0.25rem * 4);\n flex-direction: column;\n &:before {\n height: 100%;\n width: calc(0.25rem * 0.5);\n }\n &:after {\n height: 100%;\n width: calc(0.25rem * 0.5);\n }\n }\n }\n .divider {\n margin-block: calc(0.25rem * 4);\n display: flex;\n height: calc(0.25rem * 4);\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n white-space: nowrap;\n &:before,\n &:after {\n content: '';\n height: calc(0.25rem * 0.5);\n width: 100%;\n flex-grow: 1;\n background-color: color-mix(\n in oklab,\n var(--color-base-content) 10%,\n transparent\n );\n @media print {\n border: 0.5px solid;\n }\n }\n &:not(:empty) {\n gap: calc(0.25rem * 4);\n }\n }\n .mt-0 {\n margin-top: calc(var(--spacing) * 0);\n }\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .ml-auto {\n margin-left: auto;\n }\n .alert {\n display: grid;\n align-items: center;\n gap: calc(0.25rem * 4);\n border-radius: var(--radius-box);\n padding-inline: calc(0.25rem * 4);\n padding-block: calc(0.25rem * 3);\n color: var(--color-base-content);\n background-color: var(--alert-color, var(--color-base-200));\n justify-content: start;\n justify-items: start;\n grid-auto-flow: column;\n grid-template-columns: auto minmax(auto, 1fr);\n text-align: start;\n border: var(--border) solid var(--color-base-200);\n font-size: 0.875rem;\n line-height: 1.25rem;\n background-size: calc(var(--noise) * 1000px);\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\");\n box-shadow:\n 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,\n 0 1px\n color-mix(\n in oklab,\n color-mix(\n in oklab,\n black 20%,\n var(--alert-color, var(--color-base-200))\n )\n calc(var(--depth) * 20%),\n transparent\n ),\n 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));\n &.alert-outline {\n background-color: transparent;\n color: var(--alert-color);\n box-shadow: none;\n background-image: none;\n }\n &.alert-dash {\n background-color: transparent;\n color: var(--alert-color);\n border-style: dashed;\n box-shadow: none;\n background-image: none;\n }\n &.alert-soft {\n color: var(--alert-color, var(--color-base-content));\n background: color-mix(\n in oklab,\n var(--alert-color, var(--color-base-content)) 8%,\n var(--color-base-100)\n );\n border-color: color-mix(\n in oklab,\n var(--alert-color, var(--color-base-content)) 10%,\n var(--color-base-100)\n );\n box-shadow: none;\n background-image: none;\n }\n }\n .badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: calc(0.25rem * 2);\n border-radius: var(--radius-selector);\n vertical-align: middle;\n color: var(--color-base-content);\n border: var(--border) solid var(--badge-color, var(--color-base-200));\n font-size: 0.875rem;\n width: fit-content;\n padding-inline: calc(0.25rem * 3 - var(--border));\n background-size: calc(var(--noise) * 1000px);\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\");\n background-color: var(--badge-color, var(--color-base-100));\n --size: calc(var(--size-selector, 0.25rem) * 6);\n height: var(--size);\n &.badge-outline {\n color: var(--badge-color, var(--color-base-content));\n border-color: currentColor;\n background-color: transparent;\n background-image: none;\n box-shadow: none;\n }\n &.badge-dash {\n color: var(--badge-color, var(--color-base-content));\n background-color: transparent;\n border-style: dashed;\n background-image: none;\n box-shadow: none;\n }\n &.badge-soft {\n color: var(--badge-color, var(--color-base-content));\n background-color: color-mix(\n in oklab,\n var(--badge-color, var(--color-base-content)) 8%,\n var(--color-base-100)\n );\n border-color: color-mix(\n in oklab,\n var(--badge-color, var(--color-base-content)) 10%,\n var(--color-base-100)\n );\n background-image: none;\n box-shadow: none;\n }\n }\n .footer {\n display: grid;\n width: 100%;\n grid-auto-flow: row;\n place-items: start;\n column-gap: calc(0.25rem * 4);\n row-gap: calc(0.25rem * 10);\n font-size: 0.875rem;\n line-height: 1.25rem;\n & > * {\n display: grid;\n place-items: start;\n gap: calc(0.25rem * 2);\n }\n &.footer-center {\n grid-auto-flow: column dense;\n place-items: center;\n text-align: center;\n & > * {\n place-items: center;\n }\n }\n }\n .hero-content {\n display: flex;\n max-width: 80rem;\n align-items: center;\n justify-content: center;\n gap: calc(0.25rem * 4);\n padding: calc(0.25rem * 4);\n }\n .join {\n display: inline-flex;\n align-items: stretch;\n --join-ss: 0;\n --join-se: 0;\n --join-es: 0;\n --join-ee: 0;\n :where(.join-item) {\n border-start-start-radius: var(--join-ss, 0);\n border-start-end-radius: var(--join-se, 0);\n border-end-start-radius: var(--join-es, 0);\n border-end-end-radius: var(--join-ee, 0);\n }\n > .join-item:where(:first-child) {\n --join-ss: var(--radius-field);\n --join-se: 0;\n --join-es: var(--radius-field);\n --join-ee: 0;\n }\n :first-child:not(:last-child) {\n :where(.join-item) {\n --join-ss: var(--radius-field);\n --join-se: 0;\n --join-es: var(--radius-field);\n --join-ee: 0;\n }\n }\n > .join-item:where(:last-child) {\n --join-ss: 0;\n --join-se: var(--radius-field);\n --join-es: 0;\n --join-ee: var(--radius-field);\n }\n :last-child:not(:first-child) {\n :where(.join-item) {\n --join-ss: 0;\n --join-se: var(--radius-field);\n --join-es: 0;\n --join-ee: var(--radius-field);\n }\n }\n }\n .label {\n display: inline-flex;\n align-items: center;\n gap: calc(0.25rem * 1.5);\n white-space: nowrap;\n color: color-mix(in oklab, currentColor 60%, transparent);\n &:has(input) {\n cursor: pointer;\n }\n }\n .stat {\n display: inline-grid;\n width: 100%;\n column-gap: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 6);\n padding-block: calc(0.25rem * 4);\n grid-template-columns: repeat(1, 1fr);\n &:not(:last-child) {\n border-inline-end: var(--border) dashed\n color-mix(in oklab, currentColor 10%, transparent);\n border-block-end: none;\n }\n }\n .navbar {\n display: flex;\n width: 100%;\n align-items: center;\n padding: 0.5rem;\n min-height: 4rem;\n }\n .flex {\n display: flex;\n }\n .hidden {\n display: none;\n }\n .inline-block {\n display: inline-block;\n }\n .table {\n display: table;\n }\n .btn-square {\n padding-inline: calc(0.25rem * 0);\n width: var(--size);\n height: var(--size);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .w-40 {\n width: calc(var(--spacing) * 40);\n }\n .w-52 {\n width: calc(var(--spacing) * 52);\n }\n .w-auto {\n width: auto;\n }\n .w-full {\n width: 100%;\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .flex-1 {\n flex: 1;\n }\n .flex-auto {\n flex: auto;\n }\n .flex-none {\n flex: none;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .link {\n cursor: pointer;\n text-decoration-line: underline;\n &:focus {\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n &:focus-visible {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n }\n }\n .stats-vertical {\n grid-auto-flow: row;\n overflow-y: auto;\n .stat:not(:last-child) {\n border-inline-end: none;\n border-block-end: var(--border) dashed\n color-mix(in oklab, currentColor 10%, transparent);\n }\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-nowrap {\n flex-wrap: nowrap;\n }\n .items-center {\n align-items: center;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-between {\n justify-content: space-between;\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .overflow-x-auto {\n overflow-x: auto;\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .alert-info {\n border-color: var(--color-info);\n color: var(--color-info-content);\n --alert-color: var(--color-info);\n }\n .bg-accent {\n background-color: var(--color-accent);\n }\n .bg-base-100 {\n background-color: var(--color-base-100);\n }\n .bg-base-200 {\n background-color: var(--color-base-200);\n }\n .bg-clrs-slate {\n background-color: var(--clrs-slate, #708090);\n }\n .bg-neutral {\n background-color: var(--color-neutral);\n }\n .bg-secondary {\n background-color: var(--color-secondary);\n }\n .fill-current {\n fill: currentColor;\n }\n .stroke-current {\n stroke: currentColor;\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .py-6 {\n padding-block: calc(var(--spacing) * 6);\n }\n .pt-0 {\n padding-top: calc(var(--spacing) * 0);\n }\n .text-center {\n text-align: center;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-5xl {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .text-accent-content {\n color: var(--color-accent-content);\n }\n .text-neutral-content {\n color: var(--color-neutral-content);\n }\n .text-secondary {\n color: var(--color-secondary);\n }\n .text-secondary-content {\n color: var(--color-secondary-content);\n }\n .tooltip-warning {\n --tt-bg: var(--color-warning);\n > .tooltip-content,\n &[data-tip]:before {\n color: var(--color-warning-content);\n }\n }\n .normal-case {\n text-transform: none;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .btn-ghost {\n &:not(.btn-active, :hover, :active:focus, :focus-visible) {\n --btn-shadow: '';\n --btn-bg: transparent;\n --btn-border: transparent;\n --btn-noise: none;\n &:not(:disabled, [disabled], .btn-disabled) {\n outline-color: currentColor;\n --btn-fg: currentColor;\n }\n }\n }\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .btn-primary {\n --btn-color: var(--color-primary);\n --btn-fg: var(--color-primary-content);\n }\n .lg\\:flex {\n @media (width >= 64rem) {\n display: flex;\n }\n }\n .lg\\:inline-block {\n @media (width >= 64rem) {\n display: inline-block;\n }\n }\n .lg\\:stats-horizontal {\n @media (width >= 64rem) {\n grid-auto-flow: column;\n overflow-x: auto;\n .stat:not(:last-child) {\n border-inline-end: var(--border) dashed\n color-mix(in oklab, currentColor 10%, transparent);\n border-block-end: none;\n }\n }\n }\n}\n@layer base {\n :where(:root),\n :root:has(input.theme-controller[value='light']:checked),\n [data-theme='light'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(98% 0 0);\n --color-base-300: oklch(95% 0 0);\n --color-base-content: oklch(21% 0.006 285.885);\n --color-primary: oklch(45% 0.24 277.023);\n --color-primary-content: oklch(93% 0.034 272.788);\n --color-secondary: oklch(65% 0.241 354.308);\n --color-secondary-content: oklch(94% 0.028 342.258);\n --color-accent: oklch(77% 0.152 181.912);\n --color-accent-content: oklch(38% 0.063 188.416);\n --color-neutral: oklch(14% 0.005 285.823);\n --color-neutral-content: oklch(92% 0.004 286.32);\n --color-info: oklch(74% 0.16 232.661);\n --color-info-content: oklch(29% 0.066 243.157);\n --color-success: oklch(76% 0.177 163.223);\n --color-success-content: oklch(37% 0.077 168.94);\n --color-warning: oklch(82% 0.189 84.429);\n --color-warning-content: oklch(41% 0.112 45.904);\n --color-error: oklch(71% 0.194 13.428);\n --color-error-content: oklch(27% 0.105 12.094);\n --radius-selector: 0.5rem;\n --radius-field: 0.25rem;\n --radius-box: 0.5rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n @media (prefers-color-scheme: dark) {\n :root {\n color-scheme: dark;\n --color-base-100: oklch(25.33% 0.016 252.42);\n --color-base-200: oklch(23.26% 0.014 253.1);\n --color-base-300: oklch(21.15% 0.012 254.09);\n --color-base-content: oklch(97.807% 0.029 256.847);\n --color-primary: oklch(58% 0.233 277.117);\n --color-primary-content: oklch(96% 0.018 272.314);\n --color-secondary: oklch(65% 0.241 354.308);\n --color-secondary-content: oklch(94% 0.028 342.258);\n --color-accent: oklch(77% 0.152 181.912);\n --color-accent-content: oklch(38% 0.063 188.416);\n --color-neutral: oklch(14% 0.005 285.823);\n --color-neutral-content: oklch(92% 0.004 286.32);\n --color-info: oklch(74% 0.16 232.661);\n --color-info-content: oklch(29% 0.066 243.157);\n --color-success: oklch(76% 0.177 163.223);\n --color-success-content: oklch(37% 0.077 168.94);\n --color-warning: oklch(82% 0.189 84.429);\n --color-warning-content: oklch(41% 0.112 45.904);\n --color-error: oklch(71% 0.194 13.428);\n --color-error-content: oklch(27% 0.105 12.094);\n --radius-selector: 0.5rem;\n --radius-field: 0.25rem;\n --radius-box: 0.5rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='light']:checked),\n [data-theme='light'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(98% 0 0);\n --color-base-300: oklch(95% 0 0);\n --color-base-content: oklch(21% 0.006 285.885);\n --color-primary: oklch(45% 0.24 277.023);\n --color-primary-content: oklch(93% 0.034 272.788);\n --color-secondary: oklch(65% 0.241 354.308);\n --color-secondary-content: oklch(94% 0.028 342.258);\n --color-accent: oklch(77% 0.152 181.912);\n --color-accent-content: oklch(38% 0.063 188.416);\n --color-neutral: oklch(14% 0.005 285.823);\n --color-neutral-content: oklch(92% 0.004 286.32);\n --color-info: oklch(74% 0.16 232.661);\n --color-info-content: oklch(29% 0.066 243.157);\n --color-success: oklch(76% 0.177 163.223);\n --color-success-content: oklch(37% 0.077 168.94);\n --color-warning: oklch(82% 0.189 84.429);\n --color-warning-content: oklch(41% 0.112 45.904);\n --color-error: oklch(71% 0.194 13.428);\n --color-error-content: oklch(27% 0.105 12.094);\n --radius-selector: 0.5rem;\n --radius-field: 0.25rem;\n --radius-box: 0.5rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='dark']:checked),\n [data-theme='dark'] {\n color-scheme: dark;\n --color-base-100: oklch(25.33% 0.016 252.42);\n --color-base-200: oklch(23.26% 0.014 253.1);\n --color-base-300: oklch(21.15% 0.012 254.09);\n --color-base-content: oklch(97.807% 0.029 256.847);\n --color-primary: oklch(58% 0.233 277.117);\n --color-primary-content: oklch(96% 0.018 272.314);\n --color-secondary: oklch(65% 0.241 354.308);\n --color-secondary-content: oklch(94% 0.028 342.258);\n --color-accent: oklch(77% 0.152 181.912);\n --color-accent-content: oklch(38% 0.063 188.416);\n --color-neutral: oklch(14% 0.005 285.823);\n --color-neutral-content: oklch(92% 0.004 286.32);\n --color-info: oklch(74% 0.16 232.661);\n --color-info-content: oklch(29% 0.066 243.157);\n --color-success: oklch(76% 0.177 163.223);\n --color-success-content: oklch(37% 0.077 168.94);\n --color-warning: oklch(82% 0.189 84.429);\n --color-warning-content: oklch(41% 0.112 45.904);\n --color-error: oklch(71% 0.194 13.428);\n --color-error-content: oklch(27% 0.105 12.094);\n --radius-selector: 0.5rem;\n --radius-field: 0.25rem;\n --radius-box: 0.5rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='aqua']:checked),\n [data-theme='aqua'] {\n color-scheme: dark;\n --color-base-100: oklch(37% 0.146 265.522);\n --color-base-200: oklch(28% 0.091 267.935);\n --color-base-300: oklch(22% 0.091 267.935);\n --color-base-content: oklch(90% 0.058 230.902);\n --color-primary: oklch(85.661% 0.144 198.645);\n --color-primary-content: oklch(40.124% 0.068 197.603);\n --color-secondary: oklch(60.682% 0.108 309.782);\n --color-secondary-content: oklch(96% 0.016 293.756);\n --color-accent: oklch(93.426% 0.102 94.555);\n --color-accent-content: oklch(18.685% 0.02 94.555);\n --color-neutral: oklch(27% 0.146 265.522);\n --color-neutral-content: oklch(80% 0.146 265.522);\n --color-info: oklch(54.615% 0.215 262.88);\n --color-info-content: oklch(90.923% 0.043 262.88);\n --color-success: oklch(62.705% 0.169 149.213);\n --color-success-content: oklch(12.541% 0.033 149.213);\n --color-warning: oklch(66.584% 0.157 58.318);\n --color-warning-content: oklch(27% 0.077 45.635);\n --color-error: oklch(73.95% 0.19 27.33);\n --color-error-content: oklch(14.79% 0.038 27.33);\n --radius-selector: 1rem;\n --radius-field: 0.5rem;\n --radius-box: 1rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='business']:checked),\n [data-theme='business'] {\n color-scheme: dark;\n --color-base-100: oklch(24.353% 0 0);\n --color-base-200: oklch(22.648% 0 0);\n --color-base-300: oklch(20.944% 0 0);\n --color-base-content: oklch(84.87% 0 0);\n --color-primary: oklch(41.703% 0.099 251.473);\n --color-primary-content: oklch(88.34% 0.019 251.473);\n --color-secondary: oklch(64.092% 0.027 229.389);\n --color-secondary-content: oklch(12.818% 0.005 229.389);\n --color-accent: oklch(67.271% 0.167 35.791);\n --color-accent-content: oklch(13.454% 0.033 35.791);\n --color-neutral: oklch(27.441% 0.013 253.041);\n --color-neutral-content: oklch(85.488% 0.002 253.041);\n --color-info: oklch(62.616% 0.143 240.033);\n --color-info-content: oklch(12.523% 0.028 240.033);\n --color-success: oklch(70.226% 0.094 156.596);\n --color-success-content: oklch(14.045% 0.018 156.596);\n --color-warning: oklch(77.482% 0.115 81.519);\n --color-warning-content: oklch(15.496% 0.023 81.519);\n --color-error: oklch(51.61% 0.146 29.674);\n --color-error-content: oklch(90.322% 0.029 29.674);\n --radius-selector: 0rem;\n --radius-field: 0.25rem;\n --radius-box: 0.25rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='corporate']:checked),\n [data-theme='corporate'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(93% 0 0);\n --color-base-300: oklch(86% 0 0);\n --color-base-content: oklch(22.389% 0.031 278.072);\n --color-primary: oklch(58% 0.158 241.966);\n --color-primary-content: oklch(100% 0 0);\n --color-secondary: oklch(55% 0.046 257.417);\n --color-secondary-content: oklch(100% 0 0);\n --color-accent: oklch(60% 0.118 184.704);\n --color-accent-content: oklch(100% 0 0);\n --color-neutral: oklch(0% 0 0);\n --color-neutral-content: oklch(100% 0 0);\n --color-info: oklch(60% 0.126 221.723);\n --color-info-content: oklch(100% 0 0);\n --color-success: oklch(62% 0.194 149.214);\n --color-success-content: oklch(100% 0 0);\n --color-warning: oklch(85% 0.199 91.936);\n --color-warning-content: oklch(0% 0 0);\n --color-error: oklch(70% 0.191 22.216);\n --color-error-content: oklch(0% 0 0);\n --radius-selector: 0.25rem;\n --radius-field: 0.25rem;\n --radius-box: 0.25rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='fantasy']:checked),\n [data-theme='fantasy'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(93% 0 0);\n --color-base-300: oklch(86% 0 0);\n --color-base-content: oklch(27.807% 0.029 256.847);\n --color-primary: oklch(37.45% 0.189 325.02);\n --color-primary-content: oklch(87.49% 0.037 325.02);\n --color-secondary: oklch(53.92% 0.162 241.36);\n --color-secondary-content: oklch(90.784% 0.032 241.36);\n --color-accent: oklch(75.98% 0.204 56.72);\n --color-accent-content: oklch(15.196% 0.04 56.72);\n --color-neutral: oklch(27.807% 0.029 256.847);\n --color-neutral-content: oklch(85.561% 0.005 256.847);\n --color-info: oklch(72.06% 0.191 231.6);\n --color-info-content: oklch(0% 0 0);\n --color-success: oklch(64.8% 0.15 160);\n --color-success-content: oklch(0% 0 0);\n --color-warning: oklch(84.71% 0.199 83.87);\n --color-warning-content: oklch(0% 0 0);\n --color-error: oklch(71.76% 0.221 22.18);\n --color-error-content: oklch(0% 0 0);\n --radius-selector: 1rem;\n --radius-field: 0.5rem;\n --radius-box: 1rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 1;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='night']:checked),\n [data-theme='night'] {\n color-scheme: dark;\n --color-base-100: oklch(20.768% 0.039 265.754);\n --color-base-200: oklch(19.314% 0.037 265.754);\n --color-base-300: oklch(17.86% 0.034 265.754);\n --color-base-content: oklch(84.153% 0.007 265.754);\n --color-primary: oklch(75.351% 0.138 232.661);\n --color-primary-content: oklch(15.07% 0.027 232.661);\n --color-secondary: oklch(68.011% 0.158 276.934);\n --color-secondary-content: oklch(13.602% 0.031 276.934);\n --color-accent: oklch(72.36% 0.176 350.048);\n --color-accent-content: oklch(14.472% 0.035 350.048);\n --color-neutral: oklch(27.949% 0.036 260.03);\n --color-neutral-content: oklch(85.589% 0.007 260.03);\n --color-info: oklch(68.455% 0.148 237.251);\n --color-info-content: oklch(0% 0 0);\n --color-success: oklch(78.452% 0.132 181.911);\n --color-success-content: oklch(15.69% 0.026 181.911);\n --color-warning: oklch(83.242% 0.139 82.95);\n --color-warning-content: oklch(16.648% 0.027 82.95);\n --color-error: oklch(71.785% 0.17 13.118);\n --color-error-content: oklch(14.357% 0.034 13.118);\n --radius-selector: 1rem;\n --radius-field: 0.5rem;\n --radius-box: 1rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='winter']:checked),\n [data-theme='winter'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(97.466% 0.011 259.822);\n --color-base-300: oklch(93.268% 0.016 262.751);\n --color-base-content: oklch(41.886% 0.053 255.824);\n --color-primary: oklch(56.86% 0.255 257.57);\n --color-primary-content: oklch(91.372% 0.051 257.57);\n --color-secondary: oklch(42.551% 0.161 282.339);\n --color-secondary-content: oklch(88.51% 0.032 282.339);\n --color-accent: oklch(59.939% 0.191 335.171);\n --color-accent-content: oklch(11.988% 0.038 335.171);\n --color-neutral: oklch(19.616% 0.063 257.651);\n --color-neutral-content: oklch(83.923% 0.012 257.651);\n --color-info: oklch(88.127% 0.085 214.515);\n --color-info-content: oklch(17.625% 0.017 214.515);\n --color-success: oklch(80.494% 0.077 197.823);\n --color-success-content: oklch(16.098% 0.015 197.823);\n --color-warning: oklch(89.172% 0.045 71.47);\n --color-warning-content: oklch(17.834% 0.009 71.47);\n --color-error: oklch(73.092% 0.11 20.076);\n --color-error-content: oklch(14.618% 0.022 20.076);\n --radius-selector: 1rem;\n --radius-field: 0.5rem;\n --radius-box: 1rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root:has(input.theme-controller[value='wireframe']:checked),\n [data-theme='wireframe'] {\n color-scheme: light;\n --color-base-100: oklch(100% 0 0);\n --color-base-200: oklch(97% 0 0);\n --color-base-300: oklch(94% 0 0);\n --color-base-content: oklch(20% 0 0);\n --color-primary: oklch(87% 0 0);\n --color-primary-content: oklch(26% 0 0);\n --color-secondary: oklch(87% 0 0);\n --color-secondary-content: oklch(26% 0 0);\n --color-accent: oklch(87% 0 0);\n --color-accent-content: oklch(26% 0 0);\n --color-neutral: oklch(87% 0 0);\n --color-neutral-content: oklch(26% 0 0);\n --color-info: oklch(44% 0.11 240.79);\n --color-info-content: oklch(90% 0.058 230.902);\n --color-success: oklch(43% 0.095 166.913);\n --color-success-content: oklch(90% 0.093 164.15);\n --color-warning: oklch(47% 0.137 46.201);\n --color-warning-content: oklch(92% 0.12 95.746);\n --color-error: oklch(44% 0.177 26.899);\n --color-error-content: oklch(88% 0.062 18.334);\n --radius-selector: 0rem;\n --radius-field: 0.25rem;\n --radius-box: 0.25rem;\n --size-selector: 0.25rem;\n --size-field: 0.25rem;\n --border: 1px;\n --depth: 0;\n --noise: 0;\n }\n}\n@layer base {\n :root,\n [data-theme] {\n background-color: var(--root-bg, var(--color-base-100));\n color: var(--color-base-content);\n }\n}\n@layer base {\n *,\n ::after,\n ::backdrop,\n ::before,\n ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n :host,\n html {\n line-height: 1.5;\n font-family: var(\n --default-font-family,\n ui-sans-serif,\n system-ui,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol',\n 'Noto Color Emoji'\n );\n webkit-tap-highlight-color: transparent;\n }\n body {\n line-height: inherit;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n ::file-selector-button,\n button,\n input,\n optgroup,\n select,\n textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n background: 0 0;\n }\n input:where(:not([type='button'], [type='reset'], [type='submit'])),\n select,\n textarea {\n border-width: 1px;\n }\n ::file-selector-button,\n button,\n input:where([type='button'], [type='reset'], [type='submit']) {\n appearance: button;\n }\n :-moz-focusring {\n outline: auto;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n ::-webkit-search-decoration {\n webkit-appearance: none;\n }\n menu,\n ol,\n ul {\n list-style: none;\n }\n textarea {\n resize: vertical;\n }\n ::placeholder {\n opacity: 1;\n color: color-mix(in oklch, currentColor 50%, transparent);\n }\n audio,\n canvas,\n embed,\n iframe,\n img,\n object,\n svg,\n video {\n display: block;\n vertical-align: middle;\n }\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n}\n@layer base {\n :where(\n :root:has(\n .modal-open,\n .modal[open],\n .modal:target,\n .modal-toggle:checked,\n .drawer:not(.drawer-open) > .drawer-toggle:checked\n )\n ) {\n scrollbar-gutter: stable;\n background-image: linear-gradient(\n var(--color-base-100),\n var(--color-base-100)\n );\n --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);\n }\n}\n@layer base {\n @property --radialprogress {\n syntax: '<percentage>';\n inherits: true;\n initial-value: 0%;\n }\n}\n@layer base {\n :root:has(\n .modal-open,\n .modal[open],\n .modal:target,\n .modal-toggle:checked,\n .drawer:not([class*='drawer-open']) > .drawer-toggle:checked\n ) {\n overflow: hidden;\n }\n}\n@layer base {\n :root {\n scrollbar-color: color-mix(in oklch, currentColor 35%, transparent)\n transparent;\n }\n}\n@keyframes dropdown {\n 0% {\n opacity: 0;\n }\n}\n@keyframes rating {\n 0%,\n 40% {\n scale: 1.1;\n filter: brightness(1.05) contrast(1.05);\n }\n}\n@keyframes radio {\n 0% {\n padding: 5px;\n }\n 50% {\n padding: 3px;\n }\n}\n@keyframes progress {\n 50% {\n background-position-x: -115%;\n }\n}\n@keyframes skeleton {\n 0% {\n background-position: 150%;\n }\n 100% {\n background-position: -50%;\n }\n}\n@keyframes toast {\n 0% {\n scale: 0.9;\n opacity: 0;\n }\n 100% {\n scale: 1;\n opacity: 1;\n }\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n";
9
9
  const ProtoDaisyUiStyle0 = shadowCss;
10
10
 
11
11
  const ProtoDaisyUi = class {