proto-daisy-ui 0.1.153 → 0.1.155

package/dist/cjs/{index-BpzB_ZGg.js → index-PGqCEOha.js}

@@ -5,7 +5,7 @@ const BUILD = /* proto-daisy-ui */ { allRenderFn: true, appendChildSlotFix: fals
 const Env = /* proto-daisy-ui */ {};
 
 /*
- Stencil Client Platform v4.40.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.41.0 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2275,7 +2275,8 @@ var patchPseudoShadowDom = (hostElementPrototype) => {
   patchSlotRemoveChild(hostElementPrototype);
 };
 var patchCloneNode = (HostElementPrototype) => {
-  const orgCloneNode = HostElementPrototype.cloneNode;
+  if (HostElementPrototype.__cloneNode) return;
+  const orgCloneNode = HostElementPrototype.__cloneNode = HostElementPrototype.cloneNode;
   HostElementPrototype.cloneNode = function(deep) {
     const srcNode = this;
     const isShadowDom = BUILD.shadowDom ? srcNode.shadowRoot && supportsShadow : false;
@@ -2320,6 +2321,7 @@ var patchCloneNode = (HostElementPrototype) => {
   };
 };
 var patchSlotAppendChild = (HostElementPrototype) => {
+  if (HostElementPrototype.__appendChild) return;
   HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
   HostElementPrototype.appendChild = function(newChild) {
     const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
@@ -2337,6 +2339,7 @@ var patchSlotAppendChild = (HostElementPrototype) => {
   };
 };
 var patchSlotRemoveChild = (ElementPrototype) => {
+  if (ElementPrototype.__removeChild) return;
   ElementPrototype.__removeChild = ElementPrototype.removeChild;
   ElementPrototype.removeChild = function(toRemove) {
     if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
@@ -2352,6 +2355,7 @@ var patchSlotRemoveChild = (ElementPrototype) => {
   };
 };
 var patchSlotPrepend = (HostElementPrototype) => {
+  if (HostElementPrototype.__prepend) return;
   HostElementPrototype.__prepend = HostElementPrototype.prepend;
   HostElementPrototype.prepend = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2378,6 +2382,7 @@ var patchSlotPrepend = (HostElementPrototype) => {
   };
 };
 var patchSlotAppend = (HostElementPrototype) => {
+  if (HostElementPrototype.__append) return;
   HostElementPrototype.__append = HostElementPrototype.append;
   HostElementPrototype.append = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2389,6 +2394,7 @@ var patchSlotAppend = (HostElementPrototype) => {
   };
 };
 var patchSlotInsertAdjacentHTML = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentHTML) return;
   const originalInsertAdjacentHtml = HostElementPrototype.insertAdjacentHTML;
   HostElementPrototype.insertAdjacentHTML = function(position, text) {
     if (position !== "afterbegin" && position !== "beforeend") {
@@ -2414,6 +2420,7 @@ var patchSlotInsertAdjacentText = (HostElementPrototype) => {
   };
 };
 var patchInsertBefore = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertBefore) return;
   const eleProto = HostElementPrototype;
   if (eleProto.__insertBefore) return;
   eleProto.__insertBefore = HostElementPrototype.insertBefore;
@@ -2448,6 +2455,7 @@ var patchInsertBefore = (HostElementPrototype) => {
   };
 };
 var patchSlotInsertAdjacentElement = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentElement) return;
   const originalInsertAdjacentElement = HostElementPrototype.insertAdjacentElement;
   HostElementPrototype.insertAdjacentElement = function(position, element) {
     if (position !== "afterbegin" && position !== "beforeend") {
@@ -4144,11 +4152,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       patchSlotNode(elm);
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
-        if (BUILD.experimentalSlotFixes) {
-          relocateToHostRoot(oldParentVNode.$elm$);
-        } else {
-          putBackInOriginalLocation(oldParentVNode.$elm$, false);
-        }
+        relocateToHostRoot(oldParentVNode.$elm$);
       }
       if (BUILD.scoped || BUILD.hydrateServerSide && 128 /* shadowNeedsScopedCss */) {
         addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
@@ -4180,7 +4184,7 @@ var relocateToHostRoot = (parentElm) => {
 var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ |= 1 /* isTmpDisconnected */;
   const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"] && BUILD.experimentalSlotFixes) {
+  if (parentElm["s-sr"]) {
     let node = parentElm;
     while (node = node.nextSibling) {
       if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
@@ -4368,7 +4372,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     }
     if (BUILD.vdomAttribute || BUILD.reflect) {
       if (BUILD.slot && tag === "slot" && !useNativeShadowDom) {
-        if (BUILD.experimentalSlotFixes && oldVNode.$name$ !== newVNode2.$name$) {
+        if (oldVNode.$name$ !== newVNode2.$name$) {
           newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
           relocateToHostRoot(newVNode2.$elm$.parentElement);
         }
@@ -4411,7 +4415,7 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!BUILD.experimentalSlotFixes || !node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -4455,19 +4459,19 @@ var nullifyVNodeRefs = (vNode) => {
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
-var insertBefore = (parent, newNode, reference) => {
+var insertBefore = (parent, newNode, reference, isInitialLoad) => {
   if (BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
     addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
-  } else if (BUILD.experimentalSlotFixes && typeof newNode["s-sn"] === "string") {
-    if (parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
+  } else if (typeof newNode["s-sn"] === "string") {
+    if (BUILD.experimentalSlotFixes && parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
       patchParentNode(newNode);
     }
     parent.insertBefore(newNode, reference);
     const { slotNode } = findSlotFromSlottedNode(newNode);
-    if (slotNode) dispatchSlotChangeEvent(slotNode);
+    if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
     return newNode;
   }
-  if (BUILD.experimentalSlotFixes && parent.__insertBefore) {
+  if (parent.__insertBefore) {
     return parent.__insertBefore(newNode, reference);
   } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
@@ -4555,7 +4559,12 @@ render() {
         if (!nodeToRelocate["s-ol"] && win.document) {
           const orgLocationNode = BUILD.isDebug || BUILD.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : win.document.createTextNode("");
           orgLocationNode["s-nr"] = nodeToRelocate;
-          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
+          insertBefore(
+            nodeToRelocate.parentNode,
+            nodeToRelocate["s-ol"] = orgLocationNode,
+            nodeToRelocate,
+            isInitialLoad
+          );
         }
       }
       for (const relocateData of relocateNodes) {
@@ -4567,7 +4576,7 @@ render() {
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
-          if (!BUILD.hydrateServerSide && (!BUILD.experimentalSlotFixes || insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
+          if (!BUILD.hydrateServerSide && insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */) {
             let orgLocationNode = (_b = nodeToRelocate["s-ol"]) == null ? void 0 : _b.previousSibling;
             while (orgLocationNode) {
               let refNode = (_c = orgLocationNode["s-nr"]) != null ? _c : null;
@@ -4588,10 +4597,18 @@ render() {
           const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
           if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
             if (nodeToRelocate !== insertBeforeNode) {
-              if (!BUILD.experimentalSlotFixes && !nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
-                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode, isInitialLoad);
+              if (nodeToRelocate.nodeType === 8 /* CommentNode */ && nodeToRelocate.nodeValue.startsWith("s-nt-")) {
+                const textNode = win.document.createTextNode(nodeToRelocate.nodeValue.replace(/^s-nt-/, ""));
+                textNode["s-hn"] = nodeToRelocate["s-hn"];
+                textNode["s-sn"] = nodeToRelocate["s-sn"];
+                textNode["s-sh"] = nodeToRelocate["s-sh"];
+                textNode["s-sr"] = nodeToRelocate["s-sr"];
+                textNode["s-ol"] = nodeToRelocate["s-ol"];
+                textNode["s-ol"]["s-nr"] = textNode;
+                insertBefore(nodeToRelocate.parentNode, textNode, nodeToRelocate, isInitialLoad);
+                nodeToRelocate.parentNode.removeChild(nodeToRelocate);
               }
-              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
                 nodeToRelocate.hidden = (_d = nodeToRelocate["s-ih"]) != null ? _d : false;
               }
@@ -4609,14 +4626,21 @@ render() {
     plt.$flags$ &= -2 /* isTmpDisconnected */;
     relocateNodes.length = 0;
   }
-  if (BUILD.experimentalScopedSlotChanges && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+  if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && hostElm["s-cr"]) {
     const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
     for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"] && childNode.nodeType === 1 /* ElementNode */) {
+      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
         if (isInitialLoad && childNode["s-ih"] == null) {
           childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
         }
-        childNode.hidden = true;
+        if (childNode.nodeType === 1 /* ElementNode */) {
+          childNode.hidden = true;
+        } else if (childNode.nodeType === 3 /* TextNode */ && !!childNode.nodeValue.trim()) {
+          const textCommentNode = win.document.createComment("s-nt-" + childNode.nodeValue);
+          textCommentNode["s-sn"] = childNode["s-sn"];
+          insertBefore(childNode.parentNode, textCommentNode, childNode, isInitialLoad);
+          childNode.parentNode.removeChild(childNode);
+        }
       }
     }
   }
@@ -4678,6 +4702,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   let maybePromise;
   if (isInitialLoad) {
     if (BUILD.lazyLoad) {
+      if (BUILD.slotRelocation && hostRef.$deferredConnectedCallback$) {
+        hostRef.$deferredConnectedCallback$ = false;
+        safeCall(instance, "connectedCallback", void 0, elm);
+      }
       if (BUILD.hostListener) {
         hostRef.$flags$ |= 256 /* isListenReady */;
         if (hostRef.$queuedListeners$) {
@@ -5301,7 +5329,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
-      fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      const needsDeferredCallback = BUILD.slotRelocation && cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
+      if (!needsDeferredCallback) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else {
+        hostRef.$deferredConnectedCallback$ = true;
+      }
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -5501,6 +5534,8 @@ var proxyCustomElement = (Cstr, compactMeta) => {
         patchTextContent(Cstr.prototype);
       }
     }
+  } else if (BUILD.cloneNodeFix) {
+    patchCloneNode(Cstr.prototype);
   }
   if (BUILD.hydrateClientSide && BUILD.shadowDom) {
     hydrateScopedToShadow();
@@ -5650,10 +5685,12 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       }
       const tagName = BUILD.transformTagName && options.transformTagName ? options.transformTagName(cmpMeta.$tagName$) : transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {
+        ["s-p"];
+        ["s-rc"];
+        hasRegisteredEventListeners = false;
         // StencilLazyHost
         constructor(self) {
           super(self);
-          this.hasRegisteredEventListeners = false;
           self = this;
           registerHost(self, cmpMeta);
           if (BUILD.shadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
@@ -5730,6 +5767,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
             patchTextContent(HostElement.prototype);
           }
         }
+      } else if (BUILD.cloneNodeFix) {
+        patchCloneNode(HostElement.prototype);
       }
       if (BUILD.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */) {
         HostElement.formAssociated = true;
@@ -5875,6 +5914,44 @@ function setTagTransformer(transformer) {
   tagTransformer = transformer;
 }
 
+// src/runtime/vdom/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
+  const { children, ...rest } = props;
+  const vnodeData = key !== void 0 ? { ...rest, key } : rest;
+  if (Array.isArray(children)) {
+    return h(type, vnodeData, ...children);
+  } else if (children !== void 0) {
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+
+// src/runtime/vdom/jsx-runtime.ts
+function jsx(type, props, key) {
+  const propsObj = props || {};
+  const { children, ...rest } = propsObj;
+  let vnodeData = rest;
+  if (key !== void 0) {
+    vnodeData = { ...rest, key };
+  }
+  if (vnodeData && Object.keys(vnodeData).length === 0) {
+    vnodeData = null;
+  }
+  if (children !== void 0) {
+    if (Array.isArray(children)) {
+      return h(type, vnodeData, ...children);
+    }
+    if (typeof children === "object" && children !== null && "$flags$" in children) {
+      return h(type, vnodeData, children);
+    }
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+function jsxs(type, props, key) {
+  return jsx(type, props, key);
+}
+
 // src/runtime/vdom/vdom-annotations.ts
 var insertVdomAnnotations = (doc, staticComponents) => {
   if (doc != null) {
@@ -6055,6 +6132,9 @@ var StencilCore = /*#__PURE__*/Object.freeze({
   h: h,
   insertVdomAnnotations: insertVdomAnnotations,
   isMemberInElement: isMemberInElement,
+  jsx: jsx,
+  jsxDEV: jsxDEV,
+  jsxs: jsxs,
   loadModule: loadModule,
   modeResolutionChain: modeResolutionChain,
   needsScopedSSR: needsScopedSSR,

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BpzB_ZGg.js');
+var index = require('./index-PGqCEOha.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/proto-daisy-ui.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BpzB_ZGg.js');
-var store = require('./store-CCGqTmLc.js');
+var index = require('./index-PGqCEOha.js');
+var store = require('./store-DL4b32H-.js');
 
-const shadowCss = () => `\\n@layer properties;\\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    --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  }\\n}\\n@layer utilities {\\n  .tooltip {\\n    @layer daisyui.l1.l2.l3 {\\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      & > .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.25;\\n        background-color: var(--tt-bg);\\n        width: max-content;\\n        pointer-events: none;\\n        z-index: 2;\\n        --tw-content: attr(data-tip);\\n        content: var(--tw-content);\\n      }\\n      &:after {\\n        opacity: 0%;\\n        background-color: var(--tt-bg);\\n        content: '';\\n        pointer-events: none;\\n        width: 0.625rem;\\n        height: 0.25rem;\\n        display: block;\\n        position: absolute;\\n        mask-repeat: no-repeat;\\n        mask-position: -1px 0;\\n        --mask-tooltip: 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        mask-image: var(--mask-tooltip);\\n      }\\n      @media (prefers-reduced-motion: no-preference) {\\n        & > .tooltip-content,\\n        &[data-tip]:before,\\n        &:after {\\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        }\\n      }\\n      &:is([data-tip]:not([data-tip='']), :has(.tooltip-content:not(:empty))) {\\n        &.tooltip-open,\\n        &:hover,\\n        &:has(:focus-visible) {\\n          & > .tooltip-content,\\n          &[data-tip]:before,\\n          &:after {\\n            opacity: 100%;\\n            --tt-pos: 0rem;\\n            @media (prefers-reduced-motion: no-preference) {\\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) 0s;\\n            }\\n          }\\n        }\\n      }\\n    }\\n    @layer daisyui.l1.l2 {\\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  }\\n  .menu {\\n    @layer daisyui.l1.l2.l3 {\\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        --tw-outline-style: none;\\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      details {\\n        overflow: hidden;\\n        interpolate-size: allow-keywords;\\n      }\\n      details::details-content {\\n        block-size: 0;\\n        @media (prefers-reduced-motion: no-preference) {\\n          transition-behavior: allow-discrete;\\n          transition-property: block-size, content-visibility;\\n          transition-duration: 0.2s;\\n          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\\n        }\\n      }\\n      details[open]::details-content {\\n        block-size: auto;\\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: var(--color-base-content);\\n          @supports (color: color-mix(in lab, red, red)) {\\n            background-color: color-mix(\\n              in oklab,\\n              var(--color-base-content) 10%,\\n              transparent\\n            );\\n          }\\n          color: var(--color-base-content);\\n          --tw-outline-style: none;\\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: var(--color-base-content);\\n        @supports (color: color-mix(in lab, red, red)) {\\n          background-color: color-mix(\\n            in oklab,\\n            var(--color-base-content) 10%,\\n            transparent\\n          );\\n        }\\n        --tw-outline-style: none;\\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          --tw-outline-style: none;\\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: auto, calc(var(--noise) * 100%);\\n          background-image: none, var(--fx-noise);\\n          &:not(&:active) {\\n            box-shadow: 0 2px calc(var(--depth) * 3px) -2px\\n              var(--menu-active-bg);\\n          }\\n        }\\n        &.menu-disabled {\\n          pointer-events: none;\\n          color: var(--color-base-content);\\n          @supports (color: color-mix(in lab, red, red)) {\\n            color: color-mix(\\n              in oklab,\\n              var(--color-base-content) 20%,\\n              transparent\\n            );\\n          }\\n        }\\n      }\\n      .dropdown:focus-within {\\n        .menu-dropdown-toggle:after {\\n          rotate: 45deg;\\n          translate: 0 1px;\\n        }\\n      }\\n      .dropdown-content {\\n        margin-top: calc(0.25rem * 2);\\n        padding: calc(0.25rem * 2);\\n        &:before {\\n          display: none;\\n        }\\n      }\\n    }\\n  }\\n  .dropdown {\\n    @layer daisyui.l1.l2.l3 {\\n      position: relative;\\n      display: inline-block;\\n      position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);\\n      & > *:not(:has(~ [class*='dropdown-content'])):focus {\\n        --tw-outline-style: none;\\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      &.dropdown-close .dropdown-content,\\n      &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within)\\n        .dropdown-content,\\n      &.dropdown-hover:not(:hover)\\n        [tabindex]:first-child:focus:not(:focus-visible)\\n        ~ .dropdown-content {\\n        display: none;\\n        transform-origin: top;\\n        opacity: 0%;\\n        scale: 95%;\\n      }\\n      &[popover],\\n      .dropdown-content {\\n        z-index: 999;\\n        @media (prefers-reduced-motion: no-preference) {\\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      }\\n      @starting-style {\\n        &[popover],\\n        .dropdown-content {\\n          scale: 95%;\\n          opacity: 0;\\n        }\\n      }\\n      &:not(.dropdown-close) {\\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            scale: 100%;\\n          }\\n        }\\n        &.dropdown-hover:hover {\\n          .dropdown-content {\\n            opacity: 100%;\\n            scale: 100%;\\n          }\\n        }\\n      }\\n      &:is(details) {\\n        summary {\\n          &::-webkit-details-marker {\\n            display: none;\\n          }\\n        }\\n      }\\n      &:where([popover]) {\\n        background: #0000;\\n      }\\n      &[popover] {\\n        position: fixed;\\n        color: inherit;\\n        @supports not (position-area: bottom) {\\n          margin: auto;\\n          &.dropdown-close,\\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, #000 30%, #0000);\\n          }\\n        }\\n        &.dropdown-close,\\n        &:not(.dropdown-open, :popover-open) {\\n          display: none;\\n          transform-origin: top;\\n          opacity: 0%;\\n          scale: 95%;\\n        }\\n      }\\n    }\\n  }\\n  .btn {\\n    :where(&) {\\n      @layer daisyui.l1.l2.l3 {\\n        width: unset;\\n      }\\n    }\\n    @layer daisyui.l1.l2.l3 {\\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      outline-offset: 2px;\\n      webkit-user-select: none;\\n      user-select: none;\\n      padding-inline: var(--btn-p);\\n      color: var(--btn-fg);\\n      --tw-prose-links: var(--btn-fg);\\n      height: var(--size);\\n      font-size: var(--fontsize, 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: auto, calc(var(--noise) * 100%);\\n      background-image: none, 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      touch-action: manipulation;\\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: var(--btn-bg);\\n      @supports (color: color-mix(in lab, red, red)) {\\n        --btn-border: color-mix(\\n          in oklab,\\n          var(--btn-bg),\\n          #000 calc(var(--depth) * 5%)\\n        );\\n      }\\n      --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);\\n      @supports (color: color-mix(in lab, red, red)) {\\n        --btn-shadow:\\n          0 3px 2px -2px\\n            color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),\\n          0 4px 3px -2px\\n            color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);\\n      }\\n      --btn-noise: var(--fx-noise);\\n      @media (hover: hover) {\\n        &:hover {\\n          --btn-bg: var(--btn-color, var(--color-base-200));\\n          @supports (color: color-mix(in lab, red, red)) {\\n            --btn-bg: color-mix(\\n              in oklab,\\n              var(--btn-color, var(--color-base-200)),\\n              #000 7%\\n            );\\n          }\\n        }\\n      }\\n      &:focus-visible,\\n      &:has(:focus-visible) {\\n        outline-width: 2px;\\n        outline-style: solid;\\n        isolation: isolate;\\n      }\\n      &:active:not(.btn-active) {\\n        translate: 0 0.5px;\\n        --btn-bg: var(--btn-color, var(--color-base-200));\\n        @supports (color: color-mix(in lab, red, red)) {\\n          --btn-bg: color-mix(\\n            in oklab,\\n            var(--btn-color, var(--color-base-200)),\\n            #000 5%\\n          );\\n        }\\n        --btn-border: var(--btn-color, var(--color-base-200));\\n        @supports (color: color-mix(in lab, red, red)) {\\n          --btn-border: color-mix(\\n            in oklab,\\n            var(--btn-color, var(--color-base-200)),\\n            #000 7%\\n          );\\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(input[type='checkbox'], input[type='radio']) {\\n        appearance: none;\\n        &[aria-label]::after {\\n          --tw-content: attr(aria-label);\\n          content: var(--tw-content);\\n        }\\n      }\\n      &:where(input:checked:not(.filter .btn)) {\\n        --btn-color: var(--color-primary);\\n        --btn-fg: var(--color-primary-content);\\n        isolation: isolate;\\n      }\\n    }\\n    &:disabled {\\n      @layer daisyui.l1.l2 {\\n        &:not(.btn-link, .btn-ghost) {\\n          background-color: var(--color-base-content);\\n          @supports (color: color-mix(in lab, red, red)) {\\n            background-color: color-mix(\\n              in oklab,\\n              var(--color-base-content) 10%,\\n              transparent\\n            );\\n          }\\n          box-shadow: none;\\n        }\\n        pointer-events: none;\\n        --btn-border: #0000;\\n        --btn-noise: none;\\n        --btn-fg: var(--color-base-content);\\n        @supports (color: color-mix(in lab, red, red)) {\\n          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);\\n        }\\n      }\\n    }\\n    &[disabled] {\\n      @layer daisyui.l1.l2 {\\n        &:not(.btn-link, .btn-ghost) {\\n          background-color: var(--color-base-content);\\n          @supports (color: color-mix(in lab, red, red)) {\\n            background-color: color-mix(\\n              in oklab,\\n              var(--color-base-content) 10%,\\n              transparent\\n            );\\n          }\\n          box-shadow: none;\\n        }\\n        pointer-events: none;\\n        --btn-border: #0000;\\n        --btn-noise: none;\\n        --btn-fg: var(--color-base-content);\\n        @supports (color: color-mix(in lab, red, red)) {\\n          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);\\n        }\\n      }\\n    }\\n  }\\n  .radial-progress {\\n    @layer daisyui.l1.l2.l3 {\\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  }\\n  .list {\\n    @layer daisyui.l1.l2.l3 {\\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      }\\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: var(--color-base-content);\\n            @supports (color: color-mix(in lab, red, red)) {\\n              border-color: color-mix(\\n                in oklab,\\n                var(--color-base-content) 5%,\\n                transparent\\n              );\\n            }\\n          }\\n        }\\n      }\\n    }\\n    @layer daisyui.l1.l2 {\\n      .list-row {\\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        > * {\\n          grid-row-start: 1;\\n        }\\n      }\\n    }\\n  }\\n  .table {\\n    @layer daisyui.l1.l2.l3 {\\n      font-size: 0.875rem;\\n      position: relative;\\n      width: 100%;\\n      border-collapse: separate;\\n      --tw-border-spacing-x: calc(0.25rem * 0);\\n      --tw-border-spacing-y: calc(0.25rem * 0);\\n      border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\\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: var(--color-base-content);\\n        @supports (color: color-mix(in lab, red, red)) {\\n          color: color-mix(\\n            in oklab,\\n            var(--color-base-content) 60%,\\n            transparent\\n          );\\n        }\\n        font-size: 0.875rem;\\n        font-weight: 600;\\n      }\\n      :where(tfoot tr:first-child :is(td, th)) {\\n        border-top: var(--border) solid var(--color-base-content);\\n        @supports (color: color-mix(in lab, red, red)) {\\n          border-top: var(--border) solid\\n            color-mix(in oklch, var(--color-base-content) 5%, #0000);\\n        }\\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(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {\\n        border-bottom: var(--border) solid var(--color-base-content);\\n        @supports (color: color-mix(in lab, red, red)) {\\n          border-bottom: var(--border) solid\\n            color-mix(in oklch, var(--color-base-content) 5%, #0000);\\n        }\\n      }\\n    }\\n  }\\n  .navbar {\\n    @layer daisyui.l1.l2.l3 {\\n      display: flex;\\n      width: 100%;\\n      align-items: center;\\n      padding: 0.5rem;\\n      min-height: 4rem;\\n    }\\n    :where(&) {\\n      @layer daisyui.l1.l2 {\\n        position: relative;\\n      }\\n    }\\n  }\\n  .stats {\\n    @layer daisyui.l1.l2.l3 {\\n      position: relative;\\n      display: inline-grid;\\n      grid-auto-flow: column;\\n      overflow-x: auto;\\n      border-radius: var(--radius-box);\\n    }\\n  }\\n  .progress {\\n    @layer daisyui.l1.l2.l3 {\\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: currentcolor;\\n      @supports (color: color-mix(in lab, red, red)) {\\n        background-color: color-mix(in oklab, currentcolor 20%, transparent);\\n      }\\n      color: var(--color-base-content);\\n      &:indeterminate {\\n        background-image: repeating-linear-gradient(\\n          90deg,\\n          currentColor -1%,\\n          currentColor 10%,\\n          #0000 10%,\\n          #0000 90%\\n        );\\n        background-size: 200%;\\n        background-position-x: 15%;\\n        @media (prefers-reduced-motion: no-preference) {\\n          animation: progress 5s ease-in-out infinite;\\n        }\\n        @supports (-moz-appearance: none) {\\n          &::-moz-progress-bar {\\n            background-color: transparent;\\n            @media (prefers-reduced-motion: no-preference) {\\n              animation: progress 5s ease-in-out infinite;\\n              background-image: repeating-linear-gradient(\\n                90deg,\\n                currentColor -1%,\\n                currentColor 10%,\\n                #0000 10%,\\n                #0000 90%\\n              );\\n              background-size: 200%;\\n              background-position-x: 15%;\\n            }\\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  }\\n  .tooltip-left {\\n    @layer daisyui.l1.l2 {\\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  }\\n  .tooltip-right {\\n    @layer daisyui.l1.l2 {\\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  }\\n  .dropdown-end {\\n    @layer daisyui.l1.l2 {\\n      --anchor-h: span-left;\\n      :where(.dropdown-content) {\\n        inset-inline-end: calc(0.25rem * 0);\\n        translate: 0 0;\\n        [dir='rtl'] & {\\n          translate: 0 0;\\n        }\\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  }\\n  .hero-content {\\n    @layer daisyui.l1.l2.l3 {\\n      isolation: isolate;\\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  }\\n  .hero {\\n    @layer daisyui.l1.l2.l3 {\\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  }\\n  .stat-value {\\n    @layer daisyui.l1.l2.l3 {\\n      grid-column-start: 1;\\n      white-space: nowrap;\\n      font-size: 2rem;\\n      font-weight: 800;\\n    }\\n  }\\n  .stat-desc {\\n    @layer daisyui.l1.l2.l3 {\\n      grid-column-start: 1;\\n      white-space: nowrap;\\n      color: var(--color-base-content);\\n      @supports (color: color-mix(in lab, red, red)) {\\n        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\\n      }\\n      font-size: 0.75rem;\\n    }\\n  }\\n  .stat-title {\\n    @layer daisyui.l1.l2.l3 {\\n      grid-column-start: 1;\\n      white-space: nowrap;\\n      color: var(--color-base-content);\\n      @supports (color: color-mix(in lab, red, red)) {\\n        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\\n      }\\n      font-size: 0.75rem;\\n    }\\n  }\\n  .divider {\\n    @layer daisyui.l1.l2.l3 {\\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      margin: var(--divider-m, 1rem 0);\\n      --divider-color: var(--color-base-content);\\n      @supports (color: color-mix(in lab, red, red)) {\\n        --divider-color: color-mix(\\n          in oklab,\\n          var(--color-base-content) 10%,\\n          transparent\\n        );\\n      }\\n      &:before,\\n      &:after {\\n        content: '';\\n        height: calc(0.25rem * 0.5);\\n        width: 100%;\\n        flex-grow: 1;\\n        background-color: var(--divider-color);\\n      }\\n      @media print {\\n        &:before,\\n        &:after {\\n          border: 0.5px solid;\\n        }\\n      }\\n      &:not(:empty) {\\n        gap: calc(0.25rem * 4);\\n      }\\n    }\\n  }\\n  .m-1 {\\n    margin: calc(var(--spacing) * 1);\\n  }\\n  .label {\\n    @layer daisyui.l1.l2.l3 {\\n      display: inline-flex;\\n      align-items: center;\\n      gap: calc(0.25rem * 1.5);\\n      white-space: nowrap;\\n      color: currentcolor;\\n      @supports (color: color-mix(in lab, red, red)) {\\n        color: color-mix(in oklab, currentcolor 60%, transparent);\\n      }\\n      &:has(input) {\\n        cursor: pointer;\\n      }\\n      &:is(.input > *, .select > *) {\\n        display: flex;\\n        height: calc(100% - 0.5rem);\\n        align-items: center;\\n        padding-inline: calc(0.25rem * 3);\\n        white-space: nowrap;\\n        font-size: inherit;\\n        &:first-child {\\n          margin-inline-start: calc(0.25rem * -3);\\n          margin-inline-end: calc(0.25rem * 3);\\n          border-inline-end: var(--border) solid currentColor;\\n          @supports (color: color-mix(in lab, red, red)) {\\n            border-inline-end: var(--border) solid\\n              color-mix(in oklab, currentColor 10%, #0000);\\n          }\\n        }\\n        &:last-child {\\n          margin-inline-start: calc(0.25rem * 3);\\n          margin-inline-end: calc(0.25rem * -3);\\n          border-inline-start: var(--border) solid currentColor;\\n          @supports (color: color-mix(in lab, red, red)) {\\n            border-inline-start: var(--border) solid\\n              color-mix(in oklab, currentColor 10%, #0000);\\n          }\\n        }\\n      }\\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  .badge {\\n    @layer daisyui.l1.l2.l3 {\\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(--badge-fg);\\n      border: var(--border) solid var(--badge-color, var(--color-base-200));\\n      font-size: 0.875rem;\\n      width: fit-content;\\n      background-size: auto, calc(var(--noise) * 100%);\\n      background-image: none, var(--fx-noise);\\n      background-color: var(--badge-bg);\\n      --badge-bg: var(--badge-color, var(--color-base-100));\\n      --badge-fg: var(--color-base-content);\\n      --size: calc(var(--size-selector, 0.25rem) * 6);\\n      height: var(--size);\\n      padding-inline: calc(var(--size) / 2 - var(--border));\\n    }\\n  }\\n  .stat {\\n    @layer daisyui.l1.l2.l3 {\\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 currentColor;\\n        @supports (color: color-mix(in lab, red, red)) {\\n          border-inline-end: var(--border) dashed\\n            color-mix(in oklab, currentColor 10%, #0000);\\n        }\\n        border-block-end: none;\\n      }\\n    }\\n  }\\n  .alert {\\n    border-width: var(--border);\\n    border-color: var(--alert-border-color, var(--color-base-200));\\n    @layer daisyui.l1.l2.l3 {\\n      border-style: solid;\\n      --alert-border-color: var(--color-base-200);\\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;\\n      text-align: start;\\n      font-size: 0.875rem;\\n      line-height: 1.25rem;\\n      background-size: auto, calc(var(--noise) * 100%);\\n      background-image: none, var(--fx-noise);\\n      box-shadow:\\n        0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,\\n        0 1px #000,\\n        0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));\\n      @supports (color: color-mix(in lab, red, red)) {\\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                  #000 20%,\\n                  var(--alert-color, var(--color-base-200))\\n                )\\n                calc(var(--depth) * 20%),\\n              #0000\\n            ),\\n          0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));\\n      }\\n      &:has(:nth-child(2)) {\\n        grid-template-columns: auto minmax(auto, 1fr);\\n      }\\n    }\\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  .divider-horizontal {\\n    @layer daisyui.l1.l2 {\\n      --divider-m: 0 1rem;\\n      &.divider {\\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  }\\n  .btn-square {\\n    @layer daisyui.l1.l2 {\\n      padding-inline: calc(0.25rem * 0);\\n      width: var(--size);\\n      height: var(--size);\\n    }\\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  .stats-vertical {\\n    @layer daisyui.l1.l2 {\\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 currentColor;\\n        @supports (color: color-mix(in lab, red, red)) {\\n          border-block-end: var(--border) dashed\\n            color-mix(in oklab, currentColor 10%, #0000);\\n        }\\n      }\\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  .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  .alert-info {\\n    @layer daisyui.l1.l2 {\\n      color: var(--color-info-content);\\n      --alert-border-color: var(--color-info);\\n      --alert-color: var(--color-info);\\n    }\\n  }\\n  .tooltip-warning {\\n    @layer daisyui.l1.l2 {\\n      --tt-bg: var(--color-warning);\\n      > .tooltip-content,\\n      &[data-tip]:before {\\n        color: var(--color-warning-content);\\n      }\\n    }\\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  .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    @layer daisyui.l1 {\\n      &:not(\\n        .btn-active,\\n        :hover,\\n        :active:focus,\\n        :focus-visible,\\n        input:checked:not(.filter .btn)\\n      ) {\\n        --btn-shadow: '';\\n        --btn-bg: #0000;\\n        --btn-border: #0000;\\n        --btn-noise: none;\\n        &:not(:disabled, [disabled], .btn-disabled) {\\n          outline-color: currentcolor;\\n          --btn-fg: var(--btn-color, currentColor);\\n        }\\n      }\\n      @media (hover: none) {\\n        &:not(\\n            .btn-active,\\n            :active,\\n            :focus-visible,\\n            input:checked:not(.filter .btn)\\n          ):hover {\\n          outline-color: currentcolor;\\n          --btn-shadow: '';\\n          --btn-bg: #0000;\\n          --btn-fg: var(--btn-color, currentColor);\\n          --btn-border: #0000;\\n          --btn-noise: none;\\n        }\\n      }\\n    }\\n  }\\n  .btn-primary {\\n    @layer daisyui.l1.l2.l3 {\\n      --btn-color: var(--color-primary);\\n      --btn-fg: var(--color-primary-content);\\n    }\\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      @layer daisyui.l1.l2 {\\n        grid-auto-flow: column;\\n        overflow-x: auto;\\n        .stat:not(:last-child) {\\n          border-inline-end: var(--border) dashed currentColor;\\n          @supports (color: color-mix(in lab, red, red)) {\\n            border-inline-end: var(--border) dashed\\n              color-mix(in oklab, currentColor 10%, #0000);\\n          }\\n          border-block-end: none;\\n        }\\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:not([data-theme]) {\\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    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");\\n  }\\n}\\n@layer base {\\n  :root {\\n    scrollbar-color: currentColor #0000;\\n    @supports (color: color-mix(in lab, red, red)) {\\n      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;\\n    }\\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:not(span) {\\n    overflow: var(--page-overflow);\\n  }\\n}\\n@layer base {\\n  :root {\\n    background: var(--page-scroll-bg, var(--root-bg));\\n    --page-scroll-bg-on: linear-gradient(\\n        var(--root-bg, #0000),\\n        var(--root-bg, #0000)\\n      )\\n      var(--root-bg, #0000);\\n    @supports (color: color-mix(in lab, red, red)) {\\n      --page-scroll-bg-on: linear-gradient(\\n          var(--root-bg, #0000),\\n          var(--root-bg, #0000)\\n        )\\n        color-mix(\\n          in srgb,\\n          var(--root-bg, #0000),\\n          oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%)\\n        );\\n    }\\n    --page-scroll-transition-on: background-color 0.3s ease-out;\\n    transition: var(--page-scroll-transition);\\n    scrollbar-gutter: var(--page-scroll-gutter, unset);\\n    scrollbar-gutter: if(\\n      style(--page-has-scroll: 1): var(--page-scroll-gutter, unset) ;\\n        else: unset\\n    );\\n  }\\n  @keyframes set-page-has-scroll {\\n    0%,\\n    to {\\n      --page-has-scroll: 1;\\n    }\\n  }\\n}\\n@layer base {\\n  :root,\\n  [data-theme] {\\n    background: var(--page-scroll-bg, var(--root-bg));\\n    color: var(--color-base-content);\\n  }\\n  :where(:root, [data-theme]) {\\n    --root-bg: var(--color-base-100);\\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 dropdown {\\n  0% {\\n    opacity: 0;\\n  }\\n}\\n@keyframes radio {\\n  0% {\\n    padding: 5px;\\n  }\\n  50% {\\n    padding: 3px;\\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 rotator {\\n  89.9999%,\\n  100% {\\n    --first-item-position: 0 0%;\\n  }\\n  90%,\\n  99.9999% {\\n    --first-item-position: 0 calc(var(--items) * 100%);\\n  }\\n  100% {\\n    translate: 0 -100%;\\n  }\\n}\\n@keyframes skeleton {\\n  0% {\\n    background-position: 150%;\\n  }\\n  100% {\\n    background-position: -50%;\\n  }\\n}\\n@keyframes menu {\\n  0% {\\n    opacity: 0;\\n  }\\n}\\n@keyframes progress {\\n  50% {\\n    background-position-x: -115%;\\n  }\\n}\\n`;
+const shadowCss = () => ` @layer properties; @layer theme, base, components, utilities; @layer theme {   :root,   :host {     --font-sans:       ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',       'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';     --spacing: 0.25rem;     --container-md: 28rem;     --text-xl: 1.25rem;     --text-xl--line-height: calc(1.75 / 1.25);     --text-5xl: 3rem;     --text-5xl--line-height: 1;     --font-weight-bold: 700;     --radius-md: 0.375rem;   } } @layer utilities {   .tooltip {     @layer daisyui.l1.l2.l3 {       position: relative;       display: inline-block;       --tt-bg: var(--color-neutral);       --tt-off: calc(100% + 0.5rem);       --tt-tail: calc(100% + 1px + 0.25rem);       & > .tooltip-content,       &[data-tip]:before {         position: absolute;         max-width: 20rem;         border-radius: var(--radius-field);         padding-inline: calc(0.25rem * 2);         padding-block: calc(0.25rem * 1);         text-align: center;         white-space: normal;         color: var(--color-neutral-content);         opacity: 0%;         font-size: 0.875rem;         line-height: 1.25;         background-color: var(--tt-bg);         width: max-content;         pointer-events: none;         z-index: 2;         --tw-content: attr(data-tip);         content: var(--tw-content);       }       &:after {         opacity: 0%;         background-color: var(--tt-bg);         content: '';         pointer-events: none;         width: 0.625rem;         height: 0.25rem;         display: block;         position: absolute;         mask-repeat: no-repeat;         mask-position: -1px 0;         --mask-tooltip: 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");         mask-image: var(--mask-tooltip);       }       @media (prefers-reduced-motion: no-preference) {         & > .tooltip-content,         &[data-tip]:before,         &:after {           transition:             opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,             transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;         }       }       &:is([data-tip]:not([data-tip='']), :has(.tooltip-content:not(:empty))) {         &.tooltip-open,         &:hover,         &:has(:focus-visible) {           & > .tooltip-content,           &[data-tip]:before,           &:after {             opacity: 100%;             --tt-pos: 0rem;             @media (prefers-reduced-motion: no-preference) {               transition:                 opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s,                 transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;             }           }         }       }     }     @layer daisyui.l1.l2 {       > .tooltip-content,       &[data-tip]:before {         transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));         inset: auto auto var(--tt-off) 50%;       }       &:after {         transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));         inset: auto auto var(--tt-tail) 50%;       }     }   }   .menu {     @layer daisyui.l1.l2.l3 {       display: flex;       width: fit-content;       flex-direction: column;       flex-wrap: wrap;       padding: calc(0.25rem * 2);       --menu-active-fg: var(--color-neutral-content);       --menu-active-bg: var(--color-neutral);       font-size: 0.875rem;       :where(li ul) {         position: relative;         margin-inline-start: calc(0.25rem * 4);         padding-inline-start: calc(0.25rem * 2);         white-space: nowrap;         &:before {           position: absolute;           inset-inline-start: calc(0.25rem * 0);           top: calc(0.25rem * 3);           bottom: calc(0.25rem * 3);           background-color: var(--color-base-content);           opacity: 10%;           width: var(--border);           content: '';         }       }       :where(li > .menu-dropdown:not(.menu-dropdown-show)) {         display: none;       }       :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),       :where(li:not(.menu-title) > details > summary:not(.menu-title)) {         display: grid;         grid-auto-flow: column;         align-content: flex-start;         align-items: center;         gap: calc(0.25rem * 2);         border-radius: var(--radius-field);         padding-inline: calc(0.25rem * 3);         padding-block: calc(0.25rem * 1.5);         text-align: start;         transition-property: color, background-color, box-shadow;         transition-duration: 0.2s;         transition-timing-function: cubic-bezier(0, 0, 0.2, 1);         grid-auto-columns: minmax(auto, max-content) auto max-content;         text-wrap: balance;         user-select: none;       }       :where(li > details > summary) {         --tw-outline-style: none;         outline-style: none;         @media (forced-colors: active) {           outline: 2px solid transparent;           outline-offset: 2px;         }         &::-webkit-details-marker {           display: none;         }       }       :where(li > details > summary),       :where(li > .menu-dropdown-toggle) {         &:after {           justify-self: flex-end;           display: block;           height: 0.375rem;           width: 0.375rem;           rotate: -135deg;           translate: 0 -1px;           transition-property: rotate, translate;           transition-duration: 0.2s;           content: '';           transform-origin: 50% 50%;           box-shadow: 2px 2px inset;           pointer-events: none;         }       }       details {         overflow: hidden;         interpolate-size: allow-keywords;       }       details::details-content {         block-size: 0;         @media (prefers-reduced-motion: no-preference) {           transition-behavior: allow-discrete;           transition-property: block-size, content-visibility;           transition-duration: 0.2s;           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);         }       }       details[open]::details-content {         block-size: auto;       }       :where(li > details[open] > summary):after,       :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {         rotate: 45deg;         translate: 0 1px;       }       :where(         li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title),         li:not(.menu-title, .disabled) > details > summary:not(.menu-title)       ):not(.menu-active, :active, .btn) {         &.menu-focus,         &:focus-visible {           cursor: pointer;           background-color: var(--color-base-content);           @supports (color: color-mix(in lab, red, red)) {             background-color: color-mix(               in oklab,               var(--color-base-content) 10%,               transparent             );           }           color: var(--color-base-content);           --tw-outline-style: none;           outline-style: none;           @media (forced-colors: active) {             outline: 2px solid transparent;             outline-offset: 2px;           }         }       }       :where(         li:not(.menu-title, .disabled)           > *:not(ul, details, .menu-title):not(             .menu-active,             :active,             .btn           ):hover,         li:not(.menu-title, .disabled)           > details           > summary:not(.menu-title):not(.menu-active, :active, .btn):hover       ) {         cursor: pointer;         background-color: var(--color-base-content);         @supports (color: color-mix(in lab, red, red)) {           background-color: color-mix(             in oklab,             var(--color-base-content) 10%,             transparent           );         }         --tw-outline-style: none;         outline-style: none;         @media (forced-colors: active) {           outline: 2px solid transparent;           outline-offset: 2px;         }         box-shadow:           0 1px oklch(0% 0 0 / 0.01) inset,           0 -1px oklch(100% 0 0 / 0.01) inset;       }       :where(li:empty) {         background-color: var(--color-base-content);         opacity: 10%;         margin: 0.5rem 1rem;         height: 1px;       }       :where(li) {         position: relative;         display: flex;         flex-shrink: 0;         flex-direction: column;         flex-wrap: wrap;         align-items: stretch;         .badge {           justify-self: flex-end;         }         & > *:not(ul, .menu-title, details, .btn):active,         & > *:not(ul, .menu-title, details, .btn).menu-active,         & > details > summary:active {           --tw-outline-style: none;           outline-style: none;           @media (forced-colors: active) {             outline: 2px solid transparent;             outline-offset: 2px;           }           color: var(--menu-active-fg);           background-color: var(--menu-active-bg);           background-size: auto, calc(var(--noise) * 100%);           background-image: none, var(--fx-noise);           &:not(&:active) {             box-shadow: 0 2px calc(var(--depth) * 3px) -2px               var(--menu-active-bg);           }         }         &.menu-disabled {           pointer-events: none;           color: var(--color-base-content);           @supports (color: color-mix(in lab, red, red)) {             color: color-mix(               in oklab,               var(--color-base-content) 20%,               transparent             );           }         }       }       .dropdown:focus-within {         .menu-dropdown-toggle:after {           rotate: 45deg;           translate: 0 1px;         }       }       .dropdown-content {         margin-top: calc(0.25rem * 2);         padding: calc(0.25rem * 2);         &:before {           display: none;         }       }     }   }   .dropdown {     @layer daisyui.l1.l2.l3 {       position: relative;       display: inline-block;       position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);       & > *:not(:has(~ [class*='dropdown-content'])):focus {         --tw-outline-style: none;         outline-style: none;         @media (forced-colors: active) {           outline: 2px solid transparent;           outline-offset: 2px;         }       }       .dropdown-content {         position: absolute;       }       &.dropdown-close .dropdown-content,       &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within)         .dropdown-content,       &.dropdown-hover:not(:hover)         [tabindex]:first-child:focus:not(:focus-visible)         ~ .dropdown-content {         display: none;         transform-origin: top;         opacity: 0%;         scale: 95%;       }       &[popover],       .dropdown-content {         z-index: 999;         @media (prefers-reduced-motion: no-preference) {           animation: dropdown 0.2s;           transition-property: opacity, scale, display;           transition-behavior: allow-discrete;           transition-duration: 0.2s;           transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);         }       }       @starting-style {         &[popover],         .dropdown-content {           scale: 95%;           opacity: 0;         }       }       &:not(.dropdown-close) {         &.dropdown-open,         &:not(.dropdown-hover):focus,         &:focus-within {           > [tabindex]:first-child {             pointer-events: none;           }           .dropdown-content {             opacity: 100%;             scale: 100%;           }         }         &.dropdown-hover:hover {           .dropdown-content {             opacity: 100%;             scale: 100%;           }         }       }       &:is(details) {         summary {           &::-webkit-details-marker {             display: none;           }         }       }       &:where([popover]) {         background: #0000;       }       &[popover] {         position: fixed;         color: inherit;         @supports not (position-area: bottom) {           margin: auto;           &.dropdown-close,           &.dropdown-open:not(:popover-open) {             display: none;             transform-origin: top;             opacity: 0%;             scale: 95%;           }           &::backdrop {             background-color: color-mix(in oklab, #000 30%, #0000);           }         }         &.dropdown-close,         &:not(.dropdown-open, :popover-open) {           display: none;           transform-origin: top;           opacity: 0%;           scale: 95%;         }       }     }   }   .btn {     :where(&) {       @layer daisyui.l1.l2.l3 {         width: unset;       }     }     @layer daisyui.l1.l2.l3 {       display: inline-flex;       flex-shrink: 0;       cursor: pointer;       flex-wrap: nowrap;       align-items: center;       justify-content: center;       gap: calc(0.25rem * 1.5);       text-align: center;       vertical-align: middle;       outline-offset: 2px;       webkit-user-select: none;       user-select: none;       padding-inline: var(--btn-p);       color: var(--btn-fg);       --tw-prose-links: var(--btn-fg);       height: var(--size);       font-size: var(--fontsize, 0.875rem);       font-weight: 600;       outline-color: var(--btn-color, var(--color-base-content));       transition-property: color, background-color, border-color, box-shadow;       transition-timing-function: cubic-bezier(0, 0, 0.2, 1);       transition-duration: 0.2s;       border-start-start-radius: var(--join-ss, var(--radius-field));       border-start-end-radius: var(--join-se, var(--radius-field));       border-end-start-radius: var(--join-es, var(--radius-field));       border-end-end-radius: var(--join-ee, var(--radius-field));       background-color: var(--btn-bg);       background-size: auto, calc(var(--noise) * 100%);       background-image: none, var(--btn-noise);       border-width: var(--border);       border-style: solid;       border-color: var(--btn-border);       text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));       touch-action: manipulation;       box-shadow:         0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset,         var(--btn-shadow);       --size: calc(var(--size-field, 0.25rem) * 10);       --btn-bg: var(--btn-color, var(--color-base-200));       --btn-fg: var(--color-base-content);       --btn-p: 1rem;       --btn-border: var(--btn-bg);       @supports (color: color-mix(in lab, red, red)) {         --btn-border: color-mix(           in oklab,           var(--btn-bg),           #000 calc(var(--depth) * 5%)         );       }       --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);       @supports (color: color-mix(in lab, red, red)) {         --btn-shadow:           0 3px 2px -2px             color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),           0 4px 3px -2px             color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);       }       --btn-noise: var(--fx-noise);       @media (hover: hover) {         &:hover {           --btn-bg: var(--btn-color, var(--color-base-200));           @supports (color: color-mix(in lab, red, red)) {             --btn-bg: color-mix(               in oklab,               var(--btn-color, var(--color-base-200)),               #000 7%             );           }         }       }       &:focus-visible,       &:has(:focus-visible) {         outline-width: 2px;         outline-style: solid;         isolation: isolate;       }       &:active:not(.btn-active) {         translate: 0 0.5px;         --btn-bg: var(--btn-color, var(--color-base-200));         @supports (color: color-mix(in lab, red, red)) {           --btn-bg: color-mix(             in oklab,             var(--btn-color, var(--color-base-200)),             #000 5%           );         }         --btn-border: var(--btn-color, var(--color-base-200));         @supports (color: color-mix(in lab, red, red)) {           --btn-border: color-mix(             in oklab,             var(--btn-color, var(--color-base-200)),             #000 7%           );         }         --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);       }       &:is(input[type='checkbox'], input[type='radio']) {         appearance: none;         &[aria-label]::after {           --tw-content: attr(aria-label);           content: var(--tw-content);         }       }       &:where(input:checked:not(.filter .btn)) {         --btn-color: var(--color-primary);         --btn-fg: var(--color-primary-content);         isolation: isolate;       }     }     &:disabled {       @layer daisyui.l1.l2 {         &:not(.btn-link, .btn-ghost) {           background-color: var(--color-base-content);           @supports (color: color-mix(in lab, red, red)) {             background-color: color-mix(               in oklab,               var(--color-base-content) 10%,               transparent             );           }           box-shadow: none;         }         pointer-events: none;         --btn-border: #0000;         --btn-noise: none;         --btn-fg: var(--color-base-content);         @supports (color: color-mix(in lab, red, red)) {           --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);         }       }     }     &[disabled] {       @layer daisyui.l1.l2 {         &:not(.btn-link, .btn-ghost) {           background-color: var(--color-base-content);           @supports (color: color-mix(in lab, red, red)) {             background-color: color-mix(               in oklab,               var(--color-base-content) 10%,               transparent             );           }           box-shadow: none;         }         pointer-events: none;         --btn-border: #0000;         --btn-noise: none;         --btn-fg: var(--color-base-content);         @supports (color: color-mix(in lab, red, red)) {           --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);         }       }     }   }   .radial-progress {     @layer daisyui.l1.l2.l3 {       position: relative;       display: inline-grid;       height: var(--size);       width: var(--size);       place-content: center;       border-radius: calc(infinity * 1px);       background-color: transparent;       vertical-align: middle;       box-sizing: content-box;       --value: 0;       --size: 5rem;       --thickness: calc(var(--size) / 10);       --radialprogress: calc(var(--value) * 1%);       transition: --radialprogress 0.3s linear;       &:before {         position: absolute;         inset: calc(0.25rem * 0);         border-radius: calc(infinity * 1px);         content: '';         background:           radial-gradient(farthest-side, currentColor 98%, #0000)             top/var(--thickness) var(--thickness) no-repeat,           conic-gradient(currentColor var(--radialprogress), #0000 0);         webkit-mask: radial-gradient(           farthest-side,           #0000 calc(100% - var(--thickness)),           #000 calc(100% + 0.5px - var(--thickness))         );         mask: radial-gradient(           farthest-side,           #0000 calc(100% - var(--thickness)),           #000 calc(100% + 0.5px - var(--thickness))         );       }       &:after {         position: absolute;         border-radius: calc(infinity * 1px);         background-color: currentcolor;         transition: transform 0.3s linear;         content: '';         inset: calc(50% - var(--thickness) / 2);         transform: rotate(calc(var(--value) * 3.6deg - 90deg))           translate(calc(var(--size) / 2 - 50%));       }     }   }   .list {     @layer daisyui.l1.l2.l3 {       display: flex;       flex-direction: column;       font-size: 0.875rem;       .list-row {         --list-grid-cols: minmax(0, auto) 1fr;         position: relative;         display: grid;         grid-auto-flow: column;         gap: calc(0.25rem * 4);         border-radius: var(--radius-box);         padding: calc(0.25rem * 4);         word-break: break-word;         grid-template-columns: var(--list-grid-cols);       }       & > :not(:last-child) {         &.list-row,         .list-row {           &:after {             content: '';             border-bottom: var(--border) solid;             inset-inline: var(--radius-box);             position: absolute;             bottom: calc(0.25rem * 0);             border-color: var(--color-base-content);             @supports (color: color-mix(in lab, red, red)) {               border-color: color-mix(                 in oklab,                 var(--color-base-content) 5%,                 transparent               );             }           }         }       }     }     @layer daisyui.l1.l2 {       .list-row {         &:has(.list-col-grow:nth-child(1)) {           --list-grid-cols: 1fr;         }         &:has(.list-col-grow:nth-child(2)) {           --list-grid-cols: minmax(0, auto) 1fr;         }         &:has(.list-col-grow:nth-child(3)) {           --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;         }         &:has(.list-col-grow:nth-child(4)) {           --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;         }         &:has(.list-col-grow:nth-child(5)) {           --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)             minmax(0, auto) 1fr;         }         &:has(.list-col-grow:nth-child(6)) {           --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)             minmax(0, auto) minmax(0, auto) 1fr;         }         > * {           grid-row-start: 1;         }       }     }   }   .table {     @layer daisyui.l1.l2.l3 {       font-size: 0.875rem;       position: relative;       width: 100%;       border-collapse: separate;       --tw-border-spacing-x: calc(0.25rem * 0);       --tw-border-spacing-y: calc(0.25rem * 0);       border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);       border-radius: var(--radius-box);       text-align: left;       &:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {         text-align: right;       }       tr.row-hover {         &,         &:nth-child(even) {           &:hover {             @media (hover: hover) {               background-color: var(--color-base-200);             }           }         }       }       :where(th, td) {         padding-inline: calc(0.25rem * 4);         padding-block: calc(0.25rem * 3);         vertical-align: middle;       }       :where(thead, tfoot) {         white-space: nowrap;         color: var(--color-base-content);         @supports (color: color-mix(in lab, red, red)) {           color: color-mix(             in oklab,             var(--color-base-content) 60%,             transparent           );         }         font-size: 0.875rem;         font-weight: 600;       }       :where(tfoot tr:first-child :is(td, th)) {         border-top: var(--border) solid var(--color-base-content);         @supports (color: color-mix(in lab, red, red)) {           border-top: var(--border) solid             color-mix(in oklch, var(--color-base-content) 5%, #0000);         }       }       :where(.table-pin-rows thead tr) {         position: sticky;         top: calc(0.25rem * 0);         z-index: 1;         background-color: var(--color-base-100);       }       :where(.table-pin-rows tfoot tr) {         position: sticky;         bottom: calc(0.25rem * 0);         z-index: 1;         background-color: var(--color-base-100);       }       :where(.table-pin-cols tr th) {         position: sticky;         right: calc(0.25rem * 0);         left: calc(0.25rem * 0);         background-color: var(--color-base-100);       }       :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {         border-bottom: var(--border) solid var(--color-base-content);         @supports (color: color-mix(in lab, red, red)) {           border-bottom: var(--border) solid             color-mix(in oklch, var(--color-base-content) 5%, #0000);         }       }     }   }   .navbar {     @layer daisyui.l1.l2.l3 {       display: flex;       width: 100%;       align-items: center;       padding: 0.5rem;       min-height: 4rem;     }     :where(&) {       @layer daisyui.l1.l2 {         position: relative;       }     }   }   .stats {     @layer daisyui.l1.l2.l3 {       position: relative;       display: inline-grid;       grid-auto-flow: column;       overflow-x: auto;       border-radius: var(--radius-box);     }   }   .progress {     @layer daisyui.l1.l2.l3 {       position: relative;       height: calc(0.25rem * 2);       width: 100%;       appearance: none;       overflow: hidden;       border-radius: var(--radius-box);       background-color: currentcolor;       @supports (color: color-mix(in lab, red, red)) {         background-color: color-mix(in oklab, currentcolor 20%, transparent);       }       color: var(--color-base-content);       &:indeterminate {         background-image: repeating-linear-gradient(           90deg,           currentColor -1%,           currentColor 10%,           #0000 10%,           #0000 90%         );         background-size: 200%;         background-position-x: 15%;         @media (prefers-reduced-motion: no-preference) {           animation: progress 5s ease-in-out infinite;         }         @supports (-moz-appearance: none) {           &::-moz-progress-bar {             background-color: transparent;             @media (prefers-reduced-motion: no-preference) {               animation: progress 5s ease-in-out infinite;               background-image: repeating-linear-gradient(                 90deg,                 currentColor -1%,                 currentColor 10%,                 #0000 10%,                 #0000 90%               );               background-size: 200%;               background-position-x: 15%;             }           }         }       }       @supports (-moz-appearance: none) {         &::-moz-progress-bar {           border-radius: var(--radius-box);           background-color: currentcolor;         }       }       @supports (-webkit-appearance: none) {         &::-webkit-progress-bar {           border-radius: var(--radius-box);           background-color: transparent;         }         &::-webkit-progress-value {           border-radius: var(--radius-box);           background-color: currentColor;         }       }     }   }   .tooltip-left {     @layer daisyui.l1.l2 {       > .tooltip-content,       &[data-tip]:before {         transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem))           translateY(-50%);         inset: 50% var(--tt-off) auto auto;       }       &:after {         transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%)           rotate(-90deg);         inset: 50% calc(var(--tt-tail) + 1px) auto auto;       }     }   }   .tooltip-right {     @layer daisyui.l1.l2 {       > .tooltip-content,       &[data-tip]:before {         transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem))           translateY(-50%);         inset: 50% auto auto var(--tt-off);       }       &:after {         transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%)           rotate(90deg);         inset: 50% auto auto calc(var(--tt-tail) + 1px);       }     }   }   .dropdown-end {     @layer daisyui.l1.l2 {       --anchor-h: span-left;       :where(.dropdown-content) {         inset-inline-end: calc(0.25rem * 0);         translate: 0 0;         [dir='rtl'] & {           translate: 0 0;         }       }       &.dropdown-left {         --anchor-h: left;         --anchor-v: span-top;         .dropdown-content {           top: auto;           bottom: calc(0.25rem * 0);         }       }       &.dropdown-right {         --anchor-h: right;         --anchor-v: span-top;         .dropdown-content {           top: auto;           bottom: calc(0.25rem * 0);         }       }     }   }   .hero-content {     @layer daisyui.l1.l2.l3 {       isolation: isolate;       display: flex;       max-width: 80rem;       align-items: center;       justify-content: center;       gap: calc(0.25rem * 4);       padding: calc(0.25rem * 4);     }   }   .hero {     @layer daisyui.l1.l2.l3 {       display: grid;       width: 100%;       place-items: center;       background-size: cover;       background-position: center;       & > * {         grid-column-start: 1;         grid-row-start: 1;       }     }   }   .stat-value {     @layer daisyui.l1.l2.l3 {       grid-column-start: 1;       white-space: nowrap;       font-size: 2rem;       font-weight: 800;     }   }   .stat-desc {     @layer daisyui.l1.l2.l3 {       grid-column-start: 1;       white-space: nowrap;       color: var(--color-base-content);       @supports (color: color-mix(in lab, red, red)) {         color: color-mix(in oklab, var(--color-base-content) 60%, transparent);       }       font-size: 0.75rem;     }   }   .stat-title {     @layer daisyui.l1.l2.l3 {       grid-column-start: 1;       white-space: nowrap;       color: var(--color-base-content);       @supports (color: color-mix(in lab, red, red)) {         color: color-mix(in oklab, var(--color-base-content) 60%, transparent);       }       font-size: 0.75rem;     }   }   .divider {     @layer daisyui.l1.l2.l3 {       display: flex;       height: calc(0.25rem * 4);       flex-direction: row;       align-items: center;       align-self: stretch;       white-space: nowrap;       margin: var(--divider-m, 1rem 0);       --divider-color: var(--color-base-content);       @supports (color: color-mix(in lab, red, red)) {         --divider-color: color-mix(           in oklab,           var(--color-base-content) 10%,           transparent         );       }       &:before,       &:after {         content: '';         height: calc(0.25rem * 0.5);         width: 100%;         flex-grow: 1;         background-color: var(--divider-color);       }       @media print {         &:before,         &:after {           border: 0.5px solid;         }       }       &:not(:empty) {         gap: calc(0.25rem * 4);       }     }   }   .m-1 {     margin: calc(var(--spacing) * 1);   }   .label {     @layer daisyui.l1.l2.l3 {       display: inline-flex;       align-items: center;       gap: calc(0.25rem * 1.5);       white-space: nowrap;       color: currentcolor;       @supports (color: color-mix(in lab, red, red)) {         color: color-mix(in oklab, currentcolor 60%, transparent);       }       &:has(input) {         cursor: pointer;       }       &:is(.input > *, .select > *) {         display: flex;         height: calc(100% - 0.5rem);         align-items: center;         padding-inline: calc(0.25rem * 3);         white-space: nowrap;         font-size: inherit;         &:first-child {           margin-inline-start: calc(0.25rem * -3);           margin-inline-end: calc(0.25rem * 3);           border-inline-end: var(--border) solid currentColor;           @supports (color: color-mix(in lab, red, red)) {             border-inline-end: var(--border) solid               color-mix(in oklab, currentColor 10%, #0000);           }         }         &:last-child {           margin-inline-start: calc(0.25rem * 3);           margin-inline-end: calc(0.25rem * -3);           border-inline-start: var(--border) solid currentColor;           @supports (color: color-mix(in lab, red, red)) {             border-inline-start: var(--border) solid               color-mix(in oklab, currentColor 10%, #0000);           }         }       }     }   }   .mt-0 {     margin-top: calc(var(--spacing) * 0);   }   .mt-1 {     margin-top: calc(var(--spacing) * 1);   }   .mt-4 {     margin-top: calc(var(--spacing) * 4);   }   .mr-8 {     margin-right: calc(var(--spacing) * 8);   }   .mb-4 {     margin-bottom: calc(var(--spacing) * 4);   }   .ml-auto {     margin-left: auto;   }   .badge {     @layer daisyui.l1.l2.l3 {       display: inline-flex;       align-items: center;       justify-content: center;       gap: calc(0.25rem * 2);       border-radius: var(--radius-selector);       vertical-align: middle;       color: var(--badge-fg);       border: var(--border) solid var(--badge-color, var(--color-base-200));       font-size: 0.875rem;       width: fit-content;       background-size: auto, calc(var(--noise) * 100%);       background-image: none, var(--fx-noise);       background-color: var(--badge-bg);       --badge-bg: var(--badge-color, var(--color-base-100));       --badge-fg: var(--color-base-content);       --size: calc(var(--size-selector, 0.25rem) * 6);       height: var(--size);       padding-inline: calc(var(--size) / 2 - var(--border));     }   }   .stat {     @layer daisyui.l1.l2.l3 {       display: inline-grid;       width: 100%;       column-gap: calc(0.25rem * 4);       padding-inline: calc(0.25rem * 6);       padding-block: calc(0.25rem * 4);       grid-template-columns: repeat(1, 1fr);       &:not(:last-child) {         border-inline-end: var(--border) dashed currentColor;         @supports (color: color-mix(in lab, red, red)) {           border-inline-end: var(--border) dashed             color-mix(in oklab, currentColor 10%, #0000);         }         border-block-end: none;       }     }   }   .alert {     border-width: var(--border);     border-color: var(--alert-border-color, var(--color-base-200));     @layer daisyui.l1.l2.l3 {       border-style: solid;       --alert-border-color: var(--color-base-200);       display: grid;       align-items: center;       gap: calc(0.25rem * 4);       border-radius: var(--radius-box);       padding-inline: calc(0.25rem * 4);       padding-block: calc(0.25rem * 3);       color: var(--color-base-content);       background-color: var(--alert-color, var(--color-base-200));       justify-content: start;       justify-items: start;       grid-auto-flow: column;       grid-template-columns: auto;       text-align: start;       font-size: 0.875rem;       line-height: 1.25rem;       background-size: auto, calc(var(--noise) * 100%);       background-image: none, var(--fx-noise);       box-shadow:         0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,         0 1px #000,         0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));       @supports (color: color-mix(in lab, red, red)) {         box-shadow:           0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,           0 1px             color-mix(               in oklab,               color-mix(                   in oklab,                   #000 20%,                   var(--alert-color, var(--color-base-200))                 )                 calc(var(--depth) * 20%),               #0000             ),           0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));       }       &:has(:nth-child(2)) {         grid-template-columns: auto minmax(auto, 1fr);       }     }   }   .flex {     display: flex;   }   .hidden {     display: none;   }   .inline-block {     display: inline-block;   }   .table {     display: table;   }   .divider-horizontal {     @layer daisyui.l1.l2 {       --divider-m: 0 1rem;       &.divider {         height: auto;         width: calc(0.25rem * 4);         flex-direction: column;         &:before {           height: 100%;           width: calc(0.25rem * 0.5);         }         &:after {           height: 100%;           width: calc(0.25rem * 0.5);         }       }     }   }   .btn-square {     @layer daisyui.l1.l2 {       padding-inline: calc(0.25rem * 0);       width: var(--size);       height: var(--size);     }   }   .h-5 {     height: calc(var(--spacing) * 5);   }   .h-6 {     height: calc(var(--spacing) * 6);   }   .h-8 {     height: calc(var(--spacing) * 8);   }   .min-h-screen {     min-height: 100vh;   }   .w-5 {     width: calc(var(--spacing) * 5);   }   .w-6 {     width: calc(var(--spacing) * 6);   }   .w-8 {     width: calc(var(--spacing) * 8);   }   .w-40 {     width: calc(var(--spacing) * 40);   }   .w-52 {     width: calc(var(--spacing) * 52);   }   .w-auto {     width: auto;   }   .w-full {     width: 100%;   }   .max-w-md {     max-width: var(--container-md);   }   .flex-1 {     flex: 1;   }   .flex-auto {     flex: auto;   }   .flex-none {     flex: none;   }   .flex-shrink-0 {     flex-shrink: 0;   }   .stats-vertical {     @layer daisyui.l1.l2 {       grid-auto-flow: row;       overflow-y: auto;       .stat:not(:last-child) {         border-inline-end: none;         border-block-end: var(--border) dashed currentColor;         @supports (color: color-mix(in lab, red, red)) {           border-block-end: var(--border) dashed             color-mix(in oklab, currentColor 10%, #0000);         }       }     }   }   .flex-col {     flex-direction: column;   }   .flex-row {     flex-direction: row;   }   .flex-nowrap {     flex-wrap: nowrap;   }   .items-center {     align-items: center;   }   .items-start {     align-items: flex-start;   }   .justify-between {     justify-content: space-between;   }   .gap-1 {     gap: calc(var(--spacing) * 1);   }   .gap-2 {     gap: calc(var(--spacing) * 2);   }   .gap-4 {     gap: calc(var(--spacing) * 4);   }   .overflow-x-auto {     overflow-x: auto;   }   .rounded-md {     border-radius: var(--radius-md);   }   .bg-accent {     background-color: var(--color-accent);   }   .bg-base-100 {     background-color: var(--color-base-100);   }   .bg-base-200 {     background-color: var(--color-base-200);   }   .bg-clrs-slate {     background-color: var(--clrs-slate, #708090);   }   .bg-neutral {     background-color: var(--color-neutral);   }   .bg-secondary {     background-color: var(--color-secondary);   }   .fill-current {     fill: currentcolor;   }   .stroke-current {     stroke: currentcolor;   }   .p-2 {     padding: calc(var(--spacing) * 2);   }   .p-4 {     padding: calc(var(--spacing) * 4);   }   .py-6 {     padding-block: calc(var(--spacing) * 6);   }   .pt-0 {     padding-top: calc(var(--spacing) * 0);   }   .text-center {     text-align: center;   }   .font-sans {     font-family: var(--font-sans);   }   .text-5xl {     font-size: var(--text-5xl);     line-height: var(--tw-leading, var(--text-5xl--line-height));   }   .text-xl {     font-size: var(--text-xl);     line-height: var(--tw-leading, var(--text-xl--line-height));   }   .font-bold {     --tw-font-weight: var(--font-weight-bold);     font-weight: var(--font-weight-bold);   }   .alert-info {     @layer daisyui.l1.l2 {       color: var(--color-info-content);       --alert-border-color: var(--color-info);       --alert-color: var(--color-info);     }   }   .tooltip-warning {     @layer daisyui.l1.l2 {       --tt-bg: var(--color-warning);       > .tooltip-content,       &[data-tip]:before {         color: var(--color-warning-content);       }     }   }   .text-accent-content {     color: var(--color-accent-content);   }   .text-neutral-content {     color: var(--color-neutral-content);   }   .text-secondary {     color: var(--color-secondary);   }   .text-secondary-content {     color: var(--color-secondary-content);   }   .normal-case {     text-transform: none;   }   .shadow {     --tw-shadow:       0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),       0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));     box-shadow:       var(--tw-inset-shadow), var(--tw-inset-ring-shadow),       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);   }   .shadow-lg {     --tw-shadow:       0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),       0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));     box-shadow:       var(--tw-inset-shadow), var(--tw-inset-ring-shadow),       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);   }   .btn-ghost {     @layer daisyui.l1 {       &:not(         .btn-active,         :hover,         :active:focus,         :focus-visible,         input:checked:not(.filter .btn)       ) {         --btn-shadow: '';         --btn-bg: #0000;         --btn-border: #0000;         --btn-noise: none;         &:not(:disabled, [disabled], .btn-disabled) {           outline-color: currentcolor;           --btn-fg: var(--btn-color, currentColor);         }       }       @media (hover: none) {         &:not(             .btn-active,             :active,             :focus-visible,             input:checked:not(.filter .btn)           ):hover {           outline-color: currentcolor;           --btn-shadow: '';           --btn-bg: #0000;           --btn-fg: var(--btn-color, currentColor);           --btn-border: #0000;           --btn-noise: none;         }       }     }   }   .btn-primary {     @layer daisyui.l1.l2.l3 {       --btn-color: var(--color-primary);       --btn-fg: var(--color-primary-content);     }   }   .lg\\:flex {     @media (width >= 64rem) {       display: flex;     }   }   .lg\\:inline-block {     @media (width >= 64rem) {       display: inline-block;     }   }   .lg\\:stats-horizontal {     @media (width >= 64rem) {       @layer daisyui.l1.l2 {         grid-auto-flow: column;         overflow-x: auto;         .stat:not(:last-child) {           border-inline-end: var(--border) dashed currentColor;           @supports (color: color-mix(in lab, red, red)) {             border-inline-end: var(--border) dashed               color-mix(in oklab, currentColor 10%, #0000);           }           border-block-end: none;         }       }     }   } } @layer base {   :where(:root),   :root:has(input.theme-controller[value='light']:checked),   [data-theme='light'] {     color-scheme: light;     --color-base-100: oklch(100% 0 0);     --color-base-200: oklch(98% 0 0);     --color-base-300: oklch(95% 0 0);     --color-base-content: oklch(21% 0.006 285.885);     --color-primary: oklch(45% 0.24 277.023);     --color-primary-content: oklch(93% 0.034 272.788);     --color-secondary: oklch(65% 0.241 354.308);     --color-secondary-content: oklch(94% 0.028 342.258);     --color-accent: oklch(77% 0.152 181.912);     --color-accent-content: oklch(38% 0.063 188.416);     --color-neutral: oklch(14% 0.005 285.823);     --color-neutral-content: oklch(92% 0.004 286.32);     --color-info: oklch(74% 0.16 232.661);     --color-info-content: oklch(29% 0.066 243.157);     --color-success: oklch(76% 0.177 163.223);     --color-success-content: oklch(37% 0.077 168.94);     --color-warning: oklch(82% 0.189 84.429);     --color-warning-content: oklch(41% 0.112 45.904);     --color-error: oklch(71% 0.194 13.428);     --color-error-content: oklch(27% 0.105 12.094);     --radius-selector: 0.5rem;     --radius-field: 0.25rem;     --radius-box: 0.5rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 1;     --noise: 0;   } } @layer base {   @media (prefers-color-scheme: dark) {     :root:not([data-theme]) {       color-scheme: dark;       --color-base-100: oklch(25.33% 0.016 252.42);       --color-base-200: oklch(23.26% 0.014 253.1);       --color-base-300: oklch(21.15% 0.012 254.09);       --color-base-content: oklch(97.807% 0.029 256.847);       --color-primary: oklch(58% 0.233 277.117);       --color-primary-content: oklch(96% 0.018 272.314);       --color-secondary: oklch(65% 0.241 354.308);       --color-secondary-content: oklch(94% 0.028 342.258);       --color-accent: oklch(77% 0.152 181.912);       --color-accent-content: oklch(38% 0.063 188.416);       --color-neutral: oklch(14% 0.005 285.823);       --color-neutral-content: oklch(92% 0.004 286.32);       --color-info: oklch(74% 0.16 232.661);       --color-info-content: oklch(29% 0.066 243.157);       --color-success: oklch(76% 0.177 163.223);       --color-success-content: oklch(37% 0.077 168.94);       --color-warning: oklch(82% 0.189 84.429);       --color-warning-content: oklch(41% 0.112 45.904);       --color-error: oklch(71% 0.194 13.428);       --color-error-content: oklch(27% 0.105 12.094);       --radius-selector: 0.5rem;       --radius-field: 0.25rem;       --radius-box: 0.5rem;       --size-selector: 0.25rem;       --size-field: 0.25rem;       --border: 1px;       --depth: 1;       --noise: 0;     }   } } @layer base {   :root:has(input.theme-controller[value='light']:checked),   [data-theme='light'] {     color-scheme: light;     --color-base-100: oklch(100% 0 0);     --color-base-200: oklch(98% 0 0);     --color-base-300: oklch(95% 0 0);     --color-base-content: oklch(21% 0.006 285.885);     --color-primary: oklch(45% 0.24 277.023);     --color-primary-content: oklch(93% 0.034 272.788);     --color-secondary: oklch(65% 0.241 354.308);     --color-secondary-content: oklch(94% 0.028 342.258);     --color-accent: oklch(77% 0.152 181.912);     --color-accent-content: oklch(38% 0.063 188.416);     --color-neutral: oklch(14% 0.005 285.823);     --color-neutral-content: oklch(92% 0.004 286.32);     --color-info: oklch(74% 0.16 232.661);     --color-info-content: oklch(29% 0.066 243.157);     --color-success: oklch(76% 0.177 163.223);     --color-success-content: oklch(37% 0.077 168.94);     --color-warning: oklch(82% 0.189 84.429);     --color-warning-content: oklch(41% 0.112 45.904);     --color-error: oklch(71% 0.194 13.428);     --color-error-content: oklch(27% 0.105 12.094);     --radius-selector: 0.5rem;     --radius-field: 0.25rem;     --radius-box: 0.5rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 1;     --noise: 0;   } } @layer base {   :root:has(input.theme-controller[value='dark']:checked),   [data-theme='dark'] {     color-scheme: dark;     --color-base-100: oklch(25.33% 0.016 252.42);     --color-base-200: oklch(23.26% 0.014 253.1);     --color-base-300: oklch(21.15% 0.012 254.09);     --color-base-content: oklch(97.807% 0.029 256.847);     --color-primary: oklch(58% 0.233 277.117);     --color-primary-content: oklch(96% 0.018 272.314);     --color-secondary: oklch(65% 0.241 354.308);     --color-secondary-content: oklch(94% 0.028 342.258);     --color-accent: oklch(77% 0.152 181.912);     --color-accent-content: oklch(38% 0.063 188.416);     --color-neutral: oklch(14% 0.005 285.823);     --color-neutral-content: oklch(92% 0.004 286.32);     --color-info: oklch(74% 0.16 232.661);     --color-info-content: oklch(29% 0.066 243.157);     --color-success: oklch(76% 0.177 163.223);     --color-success-content: oklch(37% 0.077 168.94);     --color-warning: oklch(82% 0.189 84.429);     --color-warning-content: oklch(41% 0.112 45.904);     --color-error: oklch(71% 0.194 13.428);     --color-error-content: oklch(27% 0.105 12.094);     --radius-selector: 0.5rem;     --radius-field: 0.25rem;     --radius-box: 0.5rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 1;     --noise: 0;   } } @layer base {   :root:has(input.theme-controller[value='aqua']:checked),   [data-theme='aqua'] {     color-scheme: dark;     --color-base-100: oklch(37% 0.146 265.522);     --color-base-200: oklch(28% 0.091 267.935);     --color-base-300: oklch(22% 0.091 267.935);     --color-base-content: oklch(90% 0.058 230.902);     --color-primary: oklch(85.661% 0.144 198.645);     --color-primary-content: oklch(40.124% 0.068 197.603);     --color-secondary: oklch(60.682% 0.108 309.782);     --color-secondary-content: oklch(96% 0.016 293.756);     --color-accent: oklch(93.426% 0.102 94.555);     --color-accent-content: oklch(18.685% 0.02 94.555);     --color-neutral: oklch(27% 0.146 265.522);     --color-neutral-content: oklch(80% 0.146 265.522);     --color-info: oklch(54.615% 0.215 262.88);     --color-info-content: oklch(90.923% 0.043 262.88);     --color-success: oklch(62.705% 0.169 149.213);     --color-success-content: oklch(12.541% 0.033 149.213);     --color-warning: oklch(66.584% 0.157 58.318);     --color-warning-content: oklch(27% 0.077 45.635);     --color-error: oklch(73.95% 0.19 27.33);     --color-error-content: oklch(14.79% 0.038 27.33);     --radius-selector: 1rem;     --radius-field: 0.5rem;     --radius-box: 1rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 1;     --noise: 0;   } } @layer base {   :root:has(input.theme-controller[value='business']:checked),   [data-theme='business'] {     color-scheme: dark;     --color-base-100: oklch(24.353% 0 0);     --color-base-200: oklch(22.648% 0 0);     --color-base-300: oklch(20.944% 0 0);     --color-base-content: oklch(84.87% 0 0);     --color-primary: oklch(41.703% 0.099 251.473);     --color-primary-content: oklch(88.34% 0.019 251.473);     --color-secondary: oklch(64.092% 0.027 229.389);     --color-secondary-content: oklch(12.818% 0.005 229.389);     --color-accent: oklch(67.271% 0.167 35.791);     --color-accent-content: oklch(13.454% 0.033 35.791);     --color-neutral: oklch(27.441% 0.013 253.041);     --color-neutral-content: oklch(85.488% 0.002 253.041);     --color-info: oklch(62.616% 0.143 240.033);     --color-info-content: oklch(12.523% 0.028 240.033);     --color-success: oklch(70.226% 0.094 156.596);     --color-success-content: oklch(14.045% 0.018 156.596);     --color-warning: oklch(77.482% 0.115 81.519);     --color-warning-content: oklch(15.496% 0.023 81.519);     --color-error: oklch(51.61% 0.146 29.674);     --color-error-content: oklch(90.322% 0.029 29.674);     --radius-selector: 0rem;     --radius-field: 0.25rem;     --radius-box: 0.25rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 0;     --noise: 0;   } } @layer base {   :root:has(input.theme-controller[value='corporate']:checked),   [data-theme='corporate'] {     color-scheme: light;     --color-base-100: oklch(100% 0 0);     --color-base-200: oklch(93% 0 0);     --color-base-300: oklch(86% 0 0);     --color-base-content: oklch(22.389% 0.031 278.072);     --color-primary: oklch(58% 0.158 241.966);     --color-primary-content: oklch(100% 0 0);     --color-secondary: oklch(55% 0.046 257.417);     --color-secondary-content: oklch(100% 0 0);     --color-accent: oklch(60% 0.118 184.704);     --color-accent-content: oklch(100% 0 0);     --color-neutral: oklch(0% 0 0);     --color-neutral-content: oklch(100% 0 0);     --color-info: oklch(60% 0.126 221.723);     --color-info-content: oklch(100% 0 0);     --color-success: oklch(62% 0.194 149.214);     --color-success-content: oklch(100% 0 0);     --color-warning: oklch(85% 0.199 91.936);     --color-warning-content: oklch(0% 0 0);     --color-error: oklch(70% 0.191 22.216);     --color-error-content: oklch(0% 0 0);     --radius-selector: 0.25rem;     --radius-field: 0.25rem;     --radius-box: 0.25rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 0;     --noise: 0;   } } @layer base {   :root:has(input.theme-controller[value='fantasy']:checked),   [data-theme='fantasy'] {     color-scheme: light;     --color-base-100: oklch(100% 0 0);     --color-base-200: oklch(93% 0 0);     --color-base-300: oklch(86% 0 0);     --color-base-content: oklch(27.807% 0.029 256.847);     --color-primary: oklch(37.45% 0.189 325.02);     --color-primary-content: oklch(87.49% 0.037 325.02);     --color-secondary: oklch(53.92% 0.162 241.36);     --color-secondary-content: oklch(90.784% 0.032 241.36);     --color-accent: oklch(75.98% 0.204 56.72);     --color-accent-content: oklch(15.196% 0.04 56.72);     --color-neutral: oklch(27.807% 0.029 256.847);     --color-neutral-content: oklch(85.561% 0.005 256.847);     --color-info: oklch(72.06% 0.191 231.6);     --color-info-content: oklch(0% 0 0);     --color-success: oklch(64.8% 0.15 160);     --color-success-content: oklch(0% 0 0);     --color-warning: oklch(84.71% 0.199 83.87);     --color-warning-content: oklch(0% 0 0);     --color-error: oklch(71.76% 0.221 22.18);     --color-error-content: oklch(0% 0 0);     --radius-selector: 1rem;     --radius-field: 0.5rem;     --radius-box: 1rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 1;     --noise: 0;   } } @layer base {   :root:has(input.theme-controller[value='night']:checked),   [data-theme='night'] {     color-scheme: dark;     --color-base-100: oklch(20.768% 0.039 265.754);     --color-base-200: oklch(19.314% 0.037 265.754);     --color-base-300: oklch(17.86% 0.034 265.754);     --color-base-content: oklch(84.153% 0.007 265.754);     --color-primary: oklch(75.351% 0.138 232.661);     --color-primary-content: oklch(15.07% 0.027 232.661);     --color-secondary: oklch(68.011% 0.158 276.934);     --color-secondary-content: oklch(13.602% 0.031 276.934);     --color-accent: oklch(72.36% 0.176 350.048);     --color-accent-content: oklch(14.472% 0.035 350.048);     --color-neutral: oklch(27.949% 0.036 260.03);     --color-neutral-content: oklch(85.589% 0.007 260.03);     --color-info: oklch(68.455% 0.148 237.251);     --color-info-content: oklch(0% 0 0);     --color-success: oklch(78.452% 0.132 181.911);     --color-success-content: oklch(15.69% 0.026 181.911);     --color-warning: oklch(83.242% 0.139 82.95);     --color-warning-content: oklch(16.648% 0.027 82.95);     --color-error: oklch(71.785% 0.17 13.118);     --color-error-content: oklch(14.357% 0.034 13.118);     --radius-selector: 1rem;     --radius-field: 0.5rem;     --radius-box: 1rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 0;     --noise: 0;   } } @layer base {   :root:has(input.theme-controller[value='winter']:checked),   [data-theme='winter'] {     color-scheme: light;     --color-base-100: oklch(100% 0 0);     --color-base-200: oklch(97.466% 0.011 259.822);     --color-base-300: oklch(93.268% 0.016 262.751);     --color-base-content: oklch(41.886% 0.053 255.824);     --color-primary: oklch(56.86% 0.255 257.57);     --color-primary-content: oklch(91.372% 0.051 257.57);     --color-secondary: oklch(42.551% 0.161 282.339);     --color-secondary-content: oklch(88.51% 0.032 282.339);     --color-accent: oklch(59.939% 0.191 335.171);     --color-accent-content: oklch(11.988% 0.038 335.171);     --color-neutral: oklch(19.616% 0.063 257.651);     --color-neutral-content: oklch(83.923% 0.012 257.651);     --color-info: oklch(88.127% 0.085 214.515);     --color-info-content: oklch(17.625% 0.017 214.515);     --color-success: oklch(80.494% 0.077 197.823);     --color-success-content: oklch(16.098% 0.015 197.823);     --color-warning: oklch(89.172% 0.045 71.47);     --color-warning-content: oklch(17.834% 0.009 71.47);     --color-error: oklch(73.092% 0.11 20.076);     --color-error-content: oklch(14.618% 0.022 20.076);     --radius-selector: 1rem;     --radius-field: 0.5rem;     --radius-box: 1rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 0;     --noise: 0;   } } @layer base {   :root:has(input.theme-controller[value='wireframe']:checked),   [data-theme='wireframe'] {     color-scheme: light;     --color-base-100: oklch(100% 0 0);     --color-base-200: oklch(97% 0 0);     --color-base-300: oklch(94% 0 0);     --color-base-content: oklch(20% 0 0);     --color-primary: oklch(87% 0 0);     --color-primary-content: oklch(26% 0 0);     --color-secondary: oklch(87% 0 0);     --color-secondary-content: oklch(26% 0 0);     --color-accent: oklch(87% 0 0);     --color-accent-content: oklch(26% 0 0);     --color-neutral: oklch(87% 0 0);     --color-neutral-content: oklch(26% 0 0);     --color-info: oklch(44% 0.11 240.79);     --color-info-content: oklch(90% 0.058 230.902);     --color-success: oklch(43% 0.095 166.913);     --color-success-content: oklch(90% 0.093 164.15);     --color-warning: oklch(47% 0.137 46.201);     --color-warning-content: oklch(92% 0.12 95.746);     --color-error: oklch(44% 0.177 26.899);     --color-error-content: oklch(88% 0.062 18.334);     --radius-selector: 0rem;     --radius-field: 0.25rem;     --radius-box: 0.25rem;     --size-selector: 0.25rem;     --size-field: 0.25rem;     --border: 1px;     --depth: 0;     --noise: 0;   } } @layer base {   :root {     --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");   } } @layer base {   :root {     scrollbar-color: currentColor #0000;     @supports (color: color-mix(in lab, red, red)) {       scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;     }   } } @layer base {   @property --radialprogress {     syntax: '<percentage>';     inherits: true;     initial-value: 0%;   } } @layer base {   :root:not(span) {     overflow: var(--page-overflow);   } } @layer base {   :root {     background: var(--page-scroll-bg, var(--root-bg));     --page-scroll-bg-on: linear-gradient(         var(--root-bg, #0000),         var(--root-bg, #0000)       )       var(--root-bg, #0000);     @supports (color: color-mix(in lab, red, red)) {       --page-scroll-bg-on: linear-gradient(           var(--root-bg, #0000),           var(--root-bg, #0000)         )         color-mix(           in srgb,           var(--root-bg, #0000),           oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%)         );     }     --page-scroll-transition-on: background-color 0.3s ease-out;     transition: var(--page-scroll-transition);     scrollbar-gutter: var(--page-scroll-gutter, unset);     scrollbar-gutter: if(       style(--page-has-scroll: 1): var(--page-scroll-gutter, unset) ;         else: unset     );   }   @keyframes set-page-has-scroll {     0%,     to {       --page-has-scroll: 1;     }   } } @layer base {   :root,   [data-theme] {     background: var(--page-scroll-bg, var(--root-bg));     color: var(--color-base-content);   }   :where(:root, [data-theme]) {     --root-bg: var(--color-base-100);   } } @keyframes rating {   0%,   40% {     scale: 1.1;     filter: brightness(1.05) contrast(1.05);   } } @keyframes dropdown {   0% {     opacity: 0;   } } @keyframes radio {   0% {     padding: 5px;   }   50% {     padding: 3px;   } } @keyframes toast {   0% {     scale: 0.9;     opacity: 0;   }   100% {     scale: 1;     opacity: 1;   } } @keyframes rotator {   89.9999%,   100% {     --first-item-position: 0 0%;   }   90%,   99.9999% {     --first-item-position: 0 calc(var(--items) * 100%);   }   100% {     translate: 0 -100%;   } } @keyframes skeleton {   0% {     background-position: 150%;   }   100% {     background-position: -50%;   } } @keyframes menu {   0% {     opacity: 0;   } } @keyframes progress {   50% {     background-position-x: -115%;   } } `;
 
 const ProtoDaisyUi = class {
     constructor(hostRef) {

package/dist/cjs/proto-daisy-ui.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BpzB_ZGg.js');
+var index = require('./index-PGqCEOha.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.40.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.41.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {