@nanoporetech-digital/components 8.0.0-alpha.0 → 8.0.0-alpha.1

package/hydrate/index.js

@@ -132,41 +132,12 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 const NAMESPACE = 'nano-components';
 const BUILD = /* nano-components */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
 
-var appGlobalScript = async () => {
-    if (globalThis.window &&
-        'MutationObserver' in globalThis.window &&
-        globalThis['document']) {
-        // fire global 'ready' event when everything is hydrated
-        const docEle = document.documentElement;
-        window.addEventListener('appload', () => {
-            docEle.classList.add('hydrated');
-        });
-        const docIsReady = () => {
-            if (!docEle.classList.contains('hydrated'))
-                return false;
-            docEle.dispatchEvent(new CustomEvent('nanoComponentsReady'));
-            return true;
-        };
-        if (!docIsReady()) {
-            let mutationO = new MutationObserver((_) => {
-                if (!docIsReady())
-                    return;
-                mutationO.disconnect();
-                mutationO = null;
-            });
-            mutationO.observe(docEle, {
-                childList: false,
-                subtree: false,
-                attributes: true,
-            });
-        }
-    }
-};
+var appGlobalScript = async () => { };
 
 const globalScripts = appGlobalScript;
 
 /*
- Stencil Hydrate Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.35.1-dev.1750418634.dcb189d | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -679,10 +650,98 @@ var convertToPrivate = (node) => {
   vnode.$name$ = node.vname;
   return vnode;
 };
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  if (!win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
+          styleElm.innerHTML = style;
+        } else {
+          styleElm = win.document.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if ((cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */)) {
+            styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(
+                styleElm,
+                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+              );
+            } else if ("host" in styleContainerNode) {
+              {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta);
+  if (flags & 10 /* needsScopedEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a;
+  var _a, _b;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -693,7 +752,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   vnode.$elm$ = hostElm;
   const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
   members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-    var _b;
+    var _b2;
     if (!(memberFlags & 31 /* Prop */)) {
       return;
     }
@@ -703,7 +762,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       const attrPropVal = parsePropertyValue(
         attrVal,
         memberFlags);
-      (_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, attrPropVal);
+      (_b2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b2.set(memberName, attrPropVal);
     }
   });
   let scopeId2;
@@ -744,6 +803,13 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       if (childRenderNode.$tag$ === "slot") {
         node["s-cr"] = hostElm["s-cr"];
       }
+    } else if (((_b = childRenderNode.$tag$) == null ? void 0 : _b.toString().includes("-")) && !childRenderNode.$elm$.shadowRoot) {
+      const cmpMeta = getHostRef(childRenderNode.$elm$);
+      const scopeId3 = getScopeId(cmpMeta.$cmpMeta$);
+      const styleSheet = win.document.head.querySelector(`style[sty-id="${scopeId3}"]`);
+      if (styleSheet) {
+        hostElm.shadowRoot.append(styleSheet.cloneNode(true));
+      }
     }
     if (childRenderNode.$tag$ === "slot") {
       childRenderNode.$name$ = childRenderNode.$elm$["s-sn"] || childRenderNode.$elm$["name"] || null;
@@ -759,7 +825,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
     }
     if (orgLocationNode && orgLocationNode.isConnected) {
-      if (shadowRoot && orgLocationNode["s-en"] === "") {
+      if (orgLocationNode.parentElement.shadowRoot && orgLocationNode["s-en"] === "") {
         orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
       }
       orgLocationNode.parentNode.removeChild(orgLocationNode);
@@ -767,7 +833,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         node["s-oo"] = parseInt(childRenderNode.$nodeId$);
       }
     }
-    plt.$orgLocNodes$.delete(orgLocationId);
+    if (orgLocationNode && !orgLocationNode["s-id"]) plt.$orgLocNodes$.delete(orgLocationId);
   }
   const hosts = [];
   const snLen = slottedNodes.length;
@@ -802,12 +868,14 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
     }
   }
-  if (scopeId2 && slotNodes.length) {
-    slotNodes.forEach((slot) => {
-      slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
-    });
+  if (scopeId2) {
+    if (slotNodes.length) {
+      slotNodes.forEach((slot) => {
+        slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
+      });
+    }
   }
-  if (shadowRoot && !shadowRoot.childNodes.length) {
+  if (shadowRoot) {
     let rnIdex = 0;
     const rnLen = shadowRootNodes.length;
     if (rnLen) {
@@ -825,7 +893,6 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       });
     }
   }
-  plt.$orgLocNodes$.delete(hostElm["s-id"]);
   hostRef.$hostElement$ = hostElm;
   endHydrate();
 };
@@ -857,7 +924,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
         if (!parentVNode.$children$) {
           parentVNode.$children$ = [];
         }
-        if (scopeId2) {
+        if (scopeId2 && childIdSplt[0] === hostId) {
           node["s-si"] = scopeId2;
           childVNode.$attrs$.class += " " + scopeId2;
         }
@@ -987,7 +1054,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
     vnode.$index$ = "0";
     parentVNode.$children$ = [vnode];
   } else {
-    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
+    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim() && !node["s-nr"]) {
       node.remove();
     }
   }
@@ -1013,7 +1080,6 @@ var initializeDocumentHydrate = (node, orgLocNodes) => {
     const childIdSplt = node.nodeValue.split(".");
     if (childIdSplt[0] === ORG_LOCATION_ID) {
       orgLocNodes.set(childIdSplt[1] + "." + childIdSplt[2], node);
-      node.nodeValue = "";
       node["s-en"] = childIdSplt[3];
     }
   }
@@ -1045,12 +1111,11 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
     if (childVNode.$name$) {
       childVNode.$elm$.setAttribute("name", slotName);
     }
-    if (parentNodeId && parentNodeId !== childVNode.$hostId$) {
-      parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
+    if (parentVNode.$elm$.shadowRoot && parentNodeId && parentNodeId !== childVNode.$hostId$) {
+      parentVNode.$elm$.insertBefore(slot, internalCall(parentVNode.$elm$, "children")[0]);
     } else {
-      node.parentNode.insertBefore(slot, node);
+      internalCall(internalCall(node, "parentNode"), "insertBefore")(slot, node);
     }
-    addSlottedNodes(slottedNodes, slotId, slotName, node, childVNode.$hostId$);
     node.remove();
     if (childVNode.$depth$ === "0") {
       shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
@@ -1074,7 +1139,7 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
 var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
   let slottedNode = slotNode.nextSibling;
   slottedNodes[slotNodeId] = slottedNodes[slotNodeId] || [];
-  while (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ && slottedNode.nodeValue.indexOf(".") !== 1 || slottedNode.nodeType === 3 /* TextNode */))) {
+  while (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */))) {
     slottedNode["s-sn"] = slotName;
     slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
     slottedNode = slottedNode.nextSibling;
@@ -1542,94 +1607,6 @@ var emitEvent = (elm, name, opts) => {
   elm.dispatchEvent(ev);
   return ev;
 };
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
-          styleElm.innerHTML = style;
-        } else {
-          styleElm = win.document.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if ((cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */)) {
-            styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(
-                styleElm,
-                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-              );
-            } else if ("host" in styleContainerNode) {
-              {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -1640,12 +1617,13 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     const classList = elm.classList;
     const oldClasses = parseClassList(oldValue);
     let newClasses = parseClassList(newValue);
-    if (elm["s-si"] && initialRender) {
-      newClasses.push(elm["s-si"]);
+    if ((elm["s-si"] || elm["s-sc"]) && initialRender) {
+      const scopeId2 = elm["s-sc"] || elm["s-si"];
+      newClasses.push(scopeId2);
       oldClasses.forEach((c) => {
-        if (c.startsWith(elm["s-si"])) newClasses.push(c);
+        if (c.startsWith(scopeId2)) newClasses.push(c);
       });
-      newClasses = [...new Set(newClasses)];
+      newClasses = [...new Set(newClasses)].filter((c) => c);
       classList.add(...newClasses);
     } else {
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
@@ -6500,19 +6478,19 @@ function render(template, data, env, cb) {
 }
 
 var squirrel = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    compile: compile,
-    compileScope: compileScope,
-    compileScopeIntoFunction: compileScopeIntoFunction,
-    compileToString: compileToString,
-    defaultConfig: defaultConfig,
-    filters: filters,
-    getConfig: getConfig,
-    helpers: helpers,
-    nativeHelpers: nativeHelpers,
-    parse: parse,
-    render: render,
-    templates: templates
+  __proto__: null,
+  compile: compile,
+  compileScope: compileScope,
+  compileScopeIntoFunction: compileScopeIntoFunction,
+  compileToString: compileToString,
+  defaultConfig: defaultConfig,
+  filters: filters,
+  getConfig: getConfig,
+  helpers: helpers,
+  nativeHelpers: nativeHelpers,
+  parse: parse,
+  render: render,
+  templates: templates
 });
 
 filters.define('date_long', (str, options = {
@@ -8867,7 +8845,7 @@ class CollapsibleComparison {
     }; }
 }
 
-const cardCarouselCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }/** Typography */\n:host {\n  /**\n   * @prop --bleed: A portion of the Image of the next card is displayed outside the parent width boundary. \n   * Generally should be the parent's `padding-inline-end` (or `padding-right`). Defaults to 0px;\n   * @prop --gap: gap between the slides. Defaults to var(--nano-spacing-xl) on large screens, var(--nano-spacing-md) on small screens;\n   * @prop --pagination-button-color: The color of the pagination button. Defaults to var(--nano-color-neutral-400);\n   * @prop --pagination-button-active: Active color of the pagination button. Defaults to var(--nano-color-primary-1000);\n   */\n  --bleed: 0px;\n  --gap: var(--nano-spacing-xl);\n  --pagination-button-color: var(--nano-color-neutral-400);\n  --pagination-button-hover: var(--nano-color-primary-700);\n  --pagination-button-active: var(--nano-color-primary-1000);\n  --peek: calc(var(--bleed) / 2);\n  display: block;\n  position: relative;\n  margin-inline: 0 calc(var(--bleed) * -1);\n  container-type: inline-size;\n}\n\n.base ::slotted(nano-slide), .base::slotted(nano-slide) {\n  --img-opacity: calc(1 - max((var(--distance) - 50) / 30, 0));\n  --text-opacity: calc(1 - max((var(--distance) - 50) / 15, 0));\n  display: block;\n  text-align: unset;\n  min-block-size: auto;\n  inline-size: calc(50% + var(--gap) / 2 - var(--peek));\n  padding-inline-end: var(--gap);\n}\n.base nano-slides[ready]::part(slide-container), .base nano-slides[ready] [part~=\"slide-container\"] {\n  flex-flow: column wrap;\n  justify-content: flex-start;\n}\n.base nano-slides::part(slide-viewport), .base nano-slides [part~=\"slide-viewport\"] {\n  flex: auto;\n}\n.base nano-slides::part(navigation-button--previous), .base nano-slides [part~=\"navigation-button--previous\"] {\n  display: none;\n}\n.base nano-slides::part(navigation-button--next), .base nano-slides [part~=\"navigation-button--next\"] {\n  transform: none;\n  block-size: 100%;\n  inline-size: var(--bleed);\n  inset-inline-end: 0;\n  inset-block-start: 0;\n  border-radius: 0;\n  margin: 0;\n  padding: 0;\n  opacity: 0;\n}\n.base .header {\n  max-inline-size: calc(100% - var(--bleed));\n  display: flex;\n  gap: var(--nano-spacing-md);\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-block-end: var(--gap);\n}\n.base .title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-xl);\n  line-height: var(--nano-line-height-denser);\n  line-height: 1;\n}\n.base .pagination {\n  display: inline-flex;\n  gap: var(--nano-spacing-md);\n}\n.base .pagination-btn {\n  all: unset;\n  inline-size: 1.25rem;\n  block-size: 0.375rem;\n  margin-block: 0;\n  cursor: pointer;\n  background: var(--pagination-button-color);\n  position: relative;\n}\n.base .pagination-btn::after {\n  content: \"\";\n  position: absolute;\n  inset: -1rem -0.625rem;\n}\n.base .pagination-btn:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n  z-index: 1;\n}\n.base .pagination-btn:hover {\n  background: var(--pagination-button-hover);\n}\n.base .pagination-btn:active {\n  background: var(--pagination-button-active);\n}\n.base .pagination-btn__label {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.base .pagination-btn--active {\n  background: var(--pagination-button-active);\n}\n.base nano-slides {\n  overflow: visible;\n}\n@container (width < 615px) {\n  .base {\n    --gap: var(--nano-spacing-md);\n    --peek: var(--bleed);\n  }\n  .base ::slotted(nano-slide), .base::slotted(nano-slide) {\n    --img-opacity: calc(1 - max((var(--distance) - 30) / 5, 0));\n    --text-opacity: calc(1 - max((var(--distance) - 30) / 3, 0));\n    inline-size: calc(100% + var(--gap) - var(--peek));\n  }\n  .base .header {\n    flex-direction: column;\n    align-items: start;\n  }\n  .base .pagination {\n    transform: translateY(-50%);\n  }\n}";
+const cardCarouselCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }/** Typography */\n:host {\n  /**\n   * @prop --bleed: A portion of the Image of the next card is displayed outside the parent width boundary. \n   * Generally should be the parent's `padding-inline-end` (or `padding-right`). Defaults to 0px;\n   * @prop --gap: gap between the slides. Defaults to var(--nano-spacing-xl) on large screens, var(--nano-spacing-md) on small screens;\n   * @prop --pagination-button-color: The color of the pagination button. Defaults to var(--nano-color-neutral-400);\n   * @prop --pagination-button-active: Active color of the pagination button. Defaults to var(--nano-color-primary-1000);\n   */\n  --bleed: 0px;\n  --gap: var(--nano-spacing-xl);\n  --pagination-button-color: var(--nano-color-neutral-400);\n  --pagination-button-hover: var(--nano-color-primary-700);\n  --pagination-button-active: var(--nano-color-primary-1000);\n  --peek: calc(var(--bleed) / 2);\n  display: block;\n  position: relative;\n  margin-inline: 0 calc(var(--bleed) * -1);\n  container-type: inline-size;\n}\n\n.base ::slotted(nano-slide), .base::slotted(nano-slide) {\n  --img-opacity: calc(1 - max((var(--distance) - 50) / 30, 0));\n  --text-opacity: calc(1 - max((var(--distance) - 50) / 15, 0));\n  display: block;\n  text-align: unset;\n  min-block-size: auto;\n  inline-size: calc(50% + var(--gap) / 2 - var(--peek));\n  padding-inline-end: var(--gap);\n}\n.base nano-slides[ready]::part(slide-container) {\n  flex-flow: column wrap;\n  justify-content: flex-start;\n}\n.base nano-slides::part(slide-viewport) {\n  flex: auto;\n}\n.base nano-slides::part(navigation-button--previous) {\n  display: none;\n}\n.base nano-slides::part(navigation-button--next) {\n  transform: none;\n  block-size: 100%;\n  inline-size: var(--bleed);\n  inset-inline-end: 0;\n  inset-block-start: 0;\n  border-radius: 0;\n  margin: 0;\n  padding: 0;\n  opacity: 0;\n}\n.base .header {\n  max-inline-size: calc(100% - var(--bleed));\n  display: flex;\n  gap: var(--nano-spacing-md);\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-block-end: var(--gap);\n}\n.base .title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-xl);\n  line-height: var(--nano-line-height-denser);\n  line-height: 1;\n}\n.base .pagination {\n  display: inline-flex;\n  gap: var(--nano-spacing-md);\n}\n.base .pagination-btn {\n  all: unset;\n  inline-size: 1.25rem;\n  block-size: 0.375rem;\n  margin-block: 0;\n  cursor: pointer;\n  background: var(--pagination-button-color);\n  position: relative;\n}\n.base .pagination-btn::after {\n  content: \"\";\n  position: absolute;\n  inset: -1rem -0.625rem;\n}\n.base .pagination-btn:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n  z-index: 1;\n}\n.base .pagination-btn:hover {\n  background: var(--pagination-button-hover);\n}\n.base .pagination-btn:active {\n  background: var(--pagination-button-active);\n}\n.base .pagination-btn__label {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.base .pagination-btn--active {\n  background: var(--pagination-button-active);\n}\n.base nano-slides {\n  overflow: visible;\n}\n@container (width < 615px) {\n  .base {\n    --gap: var(--nano-spacing-md);\n    --peek: var(--bleed);\n  }\n  .base ::slotted(nano-slide), .base::slotted(nano-slide) {\n    --img-opacity: calc(1 - max((var(--distance) - 30) / 5, 0));\n    --text-opacity: calc(1 - max((var(--distance) - 30) / 3, 0));\n    inline-size: calc(100% + var(--gap) - var(--peek));\n  }\n  .base .header {\n    flex-direction: column;\n    align-items: start;\n  }\n  .base .pagination {\n    transform: translateY(-50%);\n  }\n}";
 
 /**
  * Showcase up to 6 pieces of content in a slide-show format.
@@ -9496,22 +9474,23 @@ class DataList {
             this.mo.disconnect();
             this.mo = undefined;
         }
-        if (this.connectedInput)
-            this.removeEventListeners(this.connectedInput);
+        if (this.connectedInput) {
+            this.connectedInput = undefined;
+        }
     }
     render() {
-        return (h(Host, { key: '0e0725581517a0a58fbaf04bfd5dba2d4362f71d', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
+        return (h(Host, { key: 'c869f626deae72020846edf761d0d8f1b59c34e7', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
                 ? 'Select options from the list below'
-                : undefined }, h("nano-dropdown", { key: '5b0a39513e9c0717bf3240c250f703c6997b8a23', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
+                : undefined }, h("nano-dropdown", { key: '8fa52dc246705c9af636b1c96ee37df8b6bd746d', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
                 dlist__dropdown: true,
                 'dlist--isfiltered': this.isFiltered,
-            }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, h("nano-menu", { key: 'a6c4229eda26e59f8cf37602bcb0fa61e80ee2e5', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
+            }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, h("nano-menu", { key: '998896a220e3cf3f010bda3354bb530ac0cc9296', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
                 dlist__menu: true,
                 'dlist__menu--open': this.dropwdownOpen,
-            }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, h("slot", { key: 'c96ff0ec6819c41954f073fb07799a3e30c50101', name: "list-top" }), h("slot", { key: 'da56d581d05587674da3371088280ed98f837af1' }), h("slot", { key: '0f372b97c431d484e9ffc87594660e4ca5d2bba6', name: "internal-opts" }), h("slot", { key: 'e51e02accb72f3ac43386dba8e240470695efa1c', name: "list-bottom" })), h("nano-menu", { key: 'df93b22751834dfbbf6e23a9bdaad5a8086355ec', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
+            }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, h("slot", { key: '8f585edd48ec29a847818d1e9af8baf0bc4b4ddf', name: "list-top" }), h("slot", { key: '3bdd8c0a51d63b6fcf3a25d630212db4ba7d8a9b' }), h("slot", { key: 'a7b997daebd6a1e25f1a4a97e4354b966ceeebd6', name: "internal-opts" }), h("slot", { key: '41ebc4da7244b1e4fb532a2fbb0356ea51eb865a', name: "list-bottom" })), h("nano-menu", { key: 'd5d360f4e8d3c78780477572d385daaa4bb12c15', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
                 dlist__menu: true,
                 'dlist__menu--open': this.dropwdownOpen,
-            } }, h("slot", { key: '785156311b41d90eecb951782342fd1b8d706ff1', name: "no-result" })), !!this.actvOptEles && (h("div", { key: 'b57c146e650ef55c51fa445c097fc1e10845efc9', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
+            } }, h("slot", { key: '3cc55519054da79e57dc70ecc936c0e67e7e3949', name: "no-result" })), !!this.actvOptEles && (h("div", { key: '0662bfdc4056f2111647550d9aba6a331653d2f3', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
     }
     static get watchers() { return {
         "open": ["openWatcher"],
@@ -9536,7 +9515,7 @@ class DataList {
             "input": [1],
             "type": [1],
             "activeOptions": [2064, "active-options"],
-            "open": [1028],
+            "open": [1540],
             "disableFilter": [4, "disable-filter"],
             "disabled": [4],
             "actvOptEles": [32],
@@ -9549,7 +9528,7 @@ class DataList {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
+        "$attrsToReflect$": [["open", "open"]]
     }; }
 }
 
@@ -12046,7 +12025,7 @@ function getExpandedFallbackPlacements(placement) {
   return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
 }
 
-function flip$1(_ref) {
+function flip(_ref) {
   var state = _ref.state,
       options = _ref.options,
       name = _ref.name;
@@ -12166,11 +12145,11 @@ function flip$1(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-var flip$2 = {
+var flip$1 = {
   name: 'flip',
   enabled: true,
   phase: 'main',
-  fn: flip$1,
+  fn: flip,
   requiresIfExists: ['offset'],
   data: {
     _skip: false
@@ -12773,7 +12752,7 @@ function popperGenerator(generatorOptions) {
   };
 }
 
-var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$2, preventOverflow$1, arrow$1, hide$1];
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
 var createPopper = /*#__PURE__*/popperGenerator({
   defaultModifiers: defaultModifiers
 }); // eslint-disable-next-line import/no-unused-modules
@@ -14645,7 +14624,7 @@ const searchInsight = {
     },
 };
 
-const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;background-color:var(--main-menu-bar-bg-color);min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-button::before{content:\"\";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .nano-icon-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label),.gn__search-viewall [part~=\"label\"]{justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title),.gn__drawer [part~=\"title\"]{display:flex;justify-content:flex-end}.gn__drawer::part(header-actions),.gn__drawer [part~=\"header-actions\"]{order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}";
+const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;background-color:var(--main-menu-bar-bg-color);min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-button::before{content:\"\";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .nano-icon-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title){display:flex;justify-content:flex-end}.gn__drawer::part(header-actions){order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}";
 
 const MIN_SEARCH_LENGTH = 3;
 /**
@@ -15951,7 +15930,7 @@ function getHostChildren(node) {
     }
 }
 
-const gridCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--current-grid-size:\"grid size: s\";container-type:inline-size;display:block}:host .grid{display:grid;gap:var(--grid-row-gap) var(--grid-col-gap);block-size:inherit;min-block-size:inherit}:host([show-helper]:not([show-helper=false])){position:relative}:host([show-helper]:not([show-helper=false])) .grid--helper{position:absolute;inset:0;pointer-events:none;display:grid !important;overflow:hidden}:host([show-helper]:not([show-helper=false])) .grid--helper::before{content:var(--current-grid-size);font-size:30px;position:absolute;inline-size:100%;inset-inline-start:0;text-align:center;inset-block-start:50%;transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host([show-helper]:not([show-helper=false])) .grid__helper-item{background:hsla(204, 80%, 72%, 0.25);block-size:100vh}";
+const gridCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--grid-align-items:start;--current-grid-size:\"grid size: s\";container-type:inline-size;display:block}:host .grid{display:grid;gap:var(--grid-row-gap) var(--grid-col-gap);block-size:inherit;min-block-size:inherit;align-items:var(--grid-align-items)}:host([show-helper]:not([show-helper=false])){position:relative}:host([show-helper]:not([show-helper=false])) .grid--helper{position:absolute;inset:0;pointer-events:none;display:grid !important;overflow:hidden}:host([show-helper]:not([show-helper=false])) .grid--helper::before{content:var(--current-grid-size);font-size:30px;position:absolute;inline-size:100%;inset-inline-start:0;text-align:center;inset-block-start:50%;transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host([show-helper]:not([show-helper=false])) .grid__helper-item{background:hsla(204, 80%, 72%, 0.25);block-size:100vh}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -17657,11 +17636,9 @@ class IntersectionObserve {
      * Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`. */
     root = 'auto';
     handleRootChange() {
-        if (!this.root) {
-            this._root = undefined;
-            this.removeIO();
+        this.removeIO();
+        if (!this.root)
             return;
-        }
         let newRoot;
         if (this.root === 'auto') {
             // try to find nearest scrolling parent
@@ -17686,7 +17663,7 @@ class IntersectionObserve {
         if (newRoot === document.documentElement)
             newRoot = undefined;
         // if new root is what we already have - ignore
-        if (newRoot === this._root)
+        if (newRoot === this._root && this.io)
             return;
         // cache and setup io
         this._root = newRoot;
@@ -17737,14 +17714,7 @@ class IntersectionObserve {
         this.addIO();
     };
     addIO() {
-        if (!window['IntersectionObserver'] || !this.elements?.length)
-            return;
-        if (this.io)
-            this.removeIO();
-        const io = (this.io = new IntersectionObserver(this.ioCallback, this.observerOptions));
-        this.elements?.forEach((el) => {
-            io.observe(el);
-        });
+        return;
     }
     removeIO() {
         if (!this.io)
@@ -17758,10 +17728,9 @@ class IntersectionObserve {
     }
     disconnectedCallback() {
         this.removeIO();
-        this.root = this._root = undefined;
     }
     render() {
-        return (h(Host, { key: '4bd6cf4cc8888421ec7879e22fc24886838bd091', class: "nano-intersection-observe" }, h("slot", { key: 'afc52867f75d9f3679470f016c49eb9c4af6f6db', ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
+        return (h(Host, { key: 'abd4c2df3455d52b6c9df1fcec2ba6f715cca32d', class: "nano-intersection-observe" }, h("slot", { key: 'e91b2a33b11abfa42411b996a0ba2e71892ab5d1', ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
     }
     static get watchers() { return {
         "root": ["handleRootChange"],
@@ -18378,18 +18347,51 @@ class Menu {
         }
     };
     handleSlotContent = () => {
-        return;
+        this._type = this.type || null;
+        if (!this._type) {
+            let linkCount, btnCount = 0;
+            getTabbableElements().forEach((item) => {
+                if (item.tagName === 'A' || item.role === 'link') {
+                    linkCount++;
+                }
+                else {
+                    btnCount++;
+                }
+            });
+            this._type = linkCount > btnCount ? 'nav' : 'menu';
+        }
+        // a nav role can have any type of children
+        if (this._type === 'nav')
+            return;
+        // any direct children of a role="menu|listbox" need an explicit role, other a role of 'none'
+        getDirectChildren(this.el, `*:not(${transformTag('nano-nav-item')}, a, ${transformTag('nano-option')}, ${transformTag('nano-dropdown')})`, true).forEach((el) => {
+            if (this.getItems.indexOf(el) < 0) {
+                el.setAttribute('role', 'none');
+            }
+        });
+        this.el
+            .querySelectorAll(`a, ${transformTag('nano-dropdown')}`)
+            .forEach((el) => {
+            if (el.tagName === 'A') {
+                // links need to be set to role="menuitem" to be valid
+                el.setAttribute('role', 'menuitem');
+            }
+            else {
+                // nested dropdowns need to be set to role="group" to be valid
+                el.setAttribute('role', 'group');
+            }
+        });
     };
     // Component Lifecycle
     componentWillLoad() {
         this.handleSlotContent();
     }
     render() {
-        return (h(Host, { key: 'f3908b74fc21b630402f06fac95a75f5a6b2ff27', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '451b5fb6151135ab4cb73d9141086be43d9eaf93', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
+        return (h(Host, { key: 'f7c0e55c16e5607f25a4a75847c0defd4b860e17', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '3a19c91258abaa6b0a6333a35809172aabf4db43', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
                 menu: true,
                 ['menu--' + this._type]: true,
                 'menu--has-focus': this.hasFocus,
-            }, tabIndex: -1, role: "group" }, h("slot", { key: '37f40b06d1dc66c46130468c3de79dfeeb38c29c', onSlotchange: this.handleSlotContent }))));
+            }, tabIndex: -1, role: "group" }, h("slot", { key: '75c213c4a744e7edd1826d88a8e391e16bdc091b', onSlotchange: this.handleSlotContent }))));
     }
     static get style() { return menuCss; }
     static get cmpMeta() { return {
@@ -18667,1055 +18669,6 @@ class NanoAccordion {
     }; }
 }
 
-const bounce = [
-    {
-        offset: 0,
-        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0)',
-    },
-    {
-        offset: 0.2,
-        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0)',
-    },
-    {
-        offset: 0.4,
-        easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-        transform: 'translate3d(0, -30px, 0) scaleY(1.1)',
-    },
-    {
-        offset: 0.43,
-        easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-        transform: 'translate3d(0, -30px, 0) scaleY(1.1)',
-    },
-    {
-        offset: 0.53,
-        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0)',
-    },
-    {
-        offset: 0.7,
-        easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-        transform: 'translate3d(0, -15px, 0) scaleY(1.05)',
-    },
-    {
-        offset: 0.8,
-        'transition-timing-function': 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0) scaleY(0.95)',
-    },
-    { offset: 0.9, transform: 'translate3d(0, -4px, 0) scaleY(1.02)' },
-    {
-        offset: 1,
-        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-        transform: 'translate3d(0, 0, 0)',
-    },
-];
-
-const flash = [
-    { offset: 0, opacity: '1' },
-    { offset: 0.25, opacity: '0' },
-    { offset: 0.5, opacity: '1' },
-    { offset: 0.75, opacity: '0' },
-    { offset: 1, opacity: '1' },
-];
-
-const headShake = [
-    { offset: 0, transform: 'translateX(0)' },
-    { offset: 0.065, transform: 'translateX(-6px) rotateY(-9deg)' },
-    { offset: 0.185, transform: 'translateX(5px) rotateY(7deg)' },
-    { offset: 0.315, transform: 'translateX(-3px) rotateY(-5deg)' },
-    { offset: 0.435, transform: 'translateX(2px) rotateY(3deg)' },
-    { offset: 0.5, transform: 'translateX(0)' },
-];
-
-const heartBeat = [
-    { offset: 0, transform: 'scale(1)' },
-    { offset: 0.14, transform: 'scale(1.3)' },
-    { offset: 0.28, transform: 'scale(1)' },
-    { offset: 0.42, transform: 'scale(1.3)' },
-    { offset: 0.7, transform: 'scale(1)' },
-];
-
-const jello = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.111, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.222, transform: 'skewX(-12.5deg) skewY(-12.5deg)' },
-    { offset: 0.33299999999999996, transform: 'skewX(6.25deg) skewY(6.25deg)' },
-    { offset: 0.444, transform: 'skewX(-3.125deg) skewY(-3.125deg)' },
-    { offset: 0.555, transform: 'skewX(1.5625deg) skewY(1.5625deg)' },
-    {
-        offset: 0.6659999999999999,
-        transform: 'skewX(-0.78125deg) skewY(-0.78125deg)',
-    },
-    { offset: 0.777, transform: 'skewX(0.390625deg) skewY(0.390625deg)' },
-    { offset: 0.888, transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const pulse = [
-    { offset: 0, transform: 'scale3d(1, 1, 1)' },
-    { offset: 0.5, transform: 'scale3d(1.05, 1.05, 1.05)' },
-    { offset: 1, transform: 'scale3d(1, 1, 1)' },
-];
-
-const rubberBand = [
-    { offset: 0, transform: 'scale3d(1, 1, 1)' },
-    { offset: 0.3, transform: 'scale3d(1.25, 0.75, 1)' },
-    { offset: 0.4, transform: 'scale3d(0.75, 1.25, 1)' },
-    { offset: 0.5, transform: 'scale3d(1.15, 0.85, 1)' },
-    { offset: 0.65, transform: 'scale3d(0.95, 1.05, 1)' },
-    { offset: 0.75, transform: 'scale3d(1.05, 0.95, 1)' },
-    { offset: 1, transform: 'scale3d(1, 1, 1)' },
-];
-
-const shake = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const shakeX = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },
-    { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const shakeY = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 0.1, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 0.2, transform: 'translate3d(0, 10px, 0)' },
-    { offset: 0.3, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 0.4, transform: 'translate3d(0, 10px, 0)' },
-    { offset: 0.5, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 0.6, transform: 'translate3d(0, 10px, 0)' },
-    { offset: 0.7, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 0.8, transform: 'translate3d(0, 10px, 0)' },
-    { offset: 0.9, transform: 'translate3d(0, -10px, 0)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const swing = [
-    { offset: 0.2, transform: 'rotate3d(0, 0, 1, 15deg)' },
-    { offset: 0.4, transform: 'rotate3d(0, 0, 1, -10deg)' },
-    { offset: 0.6, transform: 'rotate3d(0, 0, 1, 5deg)' },
-    { offset: 0.8, transform: 'rotate3d(0, 0, 1, -5deg)' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, 0deg)' },
-];
-
-const tada = [
-    { offset: 0, transform: 'scale3d(1, 1, 1)' },
-    { offset: 0.1, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.3, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
-    { offset: 0.4, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.5, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
-    { offset: 0.6, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.7, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
-    { offset: 0.8, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },
-    { offset: 0.9, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
-    { offset: 1, transform: 'scale3d(1, 1, 1)' },
-];
-
-const wobble = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    {
-        offset: 0.15,
-        transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',
-    },
-    { offset: 0.3, transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)' },
-    {
-        offset: 0.45,
-        transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',
-    },
-    { offset: 0.6, transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)' },
-    {
-        offset: 0.75,
-        transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',
-    },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const backInDown = [
-    { offset: 0, transform: 'translateY(-1200px) scale(0.7)', opacity: '0.7' },
-    { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'scale(1)', opacity: '1' },
-];
-
-const backInLeft = [
-    { offset: 0, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },
-    { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'scale(1)', opacity: '1' },
-];
-
-const backInRight = [
-    { offset: 0, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },
-    { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'scale(1)', opacity: '1' },
-];
-
-const backInUp = [
-    { offset: 0, transform: 'translateY(1200px) scale(0.7)', opacity: '0.7' },
-    { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'scale(1)', opacity: '1' },
-];
-
-const backOutDown = [
-    { offset: 0, transform: 'scale(1)', opacity: '1' },
-    { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'translateY(700px) scale(0.7)', opacity: '0.7' },
-];
-
-const backOutLeft = [
-    { offset: 0, transform: 'scale(1)', opacity: '1' },
-    { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },
-];
-
-const backOutRight = [
-    { offset: 0, transform: 'scale(1)', opacity: '1' },
-    { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },
-];
-
-const backOutUp = [
-    { offset: 0, transform: 'scale(1)', opacity: '1' },
-    { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
-    { offset: 1, transform: 'translateY(-700px) scale(0.7)', opacity: '0.7' },
-];
-
-const bounceIn = [
-    { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.2, transform: 'scale3d(1.1, 1.1, 1.1)' },
-    { offset: 0.2, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.4, transform: 'scale3d(0.9, 0.9, 0.9)' },
-    { offset: 0.4, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.6, opacity: '1', transform: 'scale3d(1.03, 1.03, 1.03)' },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.8, transform: 'scale3d(0.97, 0.97, 0.97)' },
-    { offset: 0.8, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, opacity: '1', transform: 'scale3d(1, 1, 1)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceInDown = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'translate3d(0, -3000px, 0) scaleY(3)',
-    },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'translate3d(0, 25px, 0) scaleY(0.9)',
-    },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.75, transform: 'translate3d(0, -10px, 0) scaleY(0.95)' },
-    { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.9, transform: 'translate3d(0, 5px, 0) scaleY(0.985)' },
-    { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceInLeft = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'translate3d(-3000px, 0, 0) scaleX(3)',
-    },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.6, opacity: '1', transform: 'translate3d(25px, 0, 0) scaleX(1)' },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.75, transform: 'translate3d(-10px, 0, 0) scaleX(0.98)' },
-    { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.9, transform: 'translate3d(5px, 0, 0) scaleX(0.995)' },
-    { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceInRight = [
-    { offset: 0, opacity: '0', transform: 'translate3d(3000px, 0, 0) scaleX(3)' },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'translate3d(-25px, 0, 0) scaleX(1)',
-    },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.75, transform: 'translate3d(10px, 0, 0) scaleX(0.98)' },
-    { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.9, transform: 'translate3d(-5px, 0, 0) scaleX(0.995)' },
-    { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceInUp = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, 3000px, 0) scaleY(5)' },
-    { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'translate3d(0, -20px, 0) scaleY(0.9)',
-    },
-    { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.75, transform: 'translate3d(0, 10px, 0) scaleY(0.95)' },
-    { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 0.9, transform: 'translate3d(0, -5px, 0) scaleY(0.985)' },
-    { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
-];
-
-const bounceOut = [
-    { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9)' },
-    { offset: 0.5, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },
-    { offset: 0.55, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },
-    { offset: 1, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
-];
-
-const bounceOutDown = [
-    { offset: 0.2, transform: 'translate3d(0, 10px, 0) scaleY(0.985)' },
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'translate3d(0, -20px, 0) scaleY(0.9)',
-    },
-    {
-        offset: 0.45,
-        opacity: '1',
-        transform: 'translate3d(0, -20px, 0) scaleY(0.9)',
-    },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0) scaleY(3)' },
-];
-
-const bounceOutLeft = [
-    {
-        offset: 0.2,
-        opacity: '1',
-        transform: 'translate3d(20px, 0, 0) scaleX(0.9)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'translate3d(-2000px, 0, 0) scaleX(2)',
-    },
-];
-
-const bounceOutRight = [
-    {
-        offset: 0.2,
-        opacity: '1',
-        transform: 'translate3d(-20px, 0, 0) scaleX(0.9)',
-    },
-    { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0) scaleX(2)' },
-];
-
-const bounceOutUp = [
-    { offset: 0.2, transform: 'translate3d(0, -10px, 0) scaleY(0.985)' },
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'translate3d(0, 20px, 0) scaleY(0.9)',
-    },
-    {
-        offset: 0.45,
-        opacity: '1',
-        transform: 'translate3d(0, 20px, 0) scaleY(0.9)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'translate3d(0, -2000px, 0) scaleY(3)',
-    },
-];
-
-const fadeIn = [
-    { offset: 0, opacity: '0' },
-    { offset: 1, opacity: '1' },
-];
-
-const fadeInBottomLeft = [
-    { offset: 0, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInBottomRight = [
-    { offset: 0, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInDown = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, -100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInDownBig = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInLeft = [
-    { offset: 0, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInLeftBig = [
-    { offset: 0, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInRight = [
-    { offset: 0, opacity: '0', transform: 'translate3d(100%, 0, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInRightBig = [
-    { offset: 0, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInTopLeft = [
-    { offset: 0, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInTopRight = [
-    { offset: 0, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInUp = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, 100%, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeInUpBig = [
-    { offset: 0, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const fadeOut = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0' },
-];
-
-const fadeOutBottomLeft = [
-    { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },
-];
-
-const fadeOutBottomRight = [
-    { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },
-];
-
-const fadeOutDown = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, 100%, 0)' },
-];
-
-const fadeOutDownBig = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },
-];
-
-const fadeOutLeft = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },
-];
-
-const fadeOutLeftBig = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },
-];
-
-const fadeOutRight = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(100%, 0, 0)' },
-];
-
-const fadeOutRightBig = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },
-];
-
-const fadeOutTopLeft = [
-    { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },
-];
-
-const fadeOutTopRight = [
-    { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },
-];
-
-const fadeOutUp = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, -100%, 0)' },
-];
-
-const fadeOutUpBig = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },
-];
-
-const flip = [
-    {
-        offset: 0,
-        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)',
-        easing: 'ease-out',
-    },
-    {
-        offset: 0.4,
-        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg)',
-        easing: 'ease-out',
-    },
-    {
-        offset: 0.5,
-        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg)',
-        easing: 'ease-in',
-    },
-    {
-        offset: 0.8,
-        transform: 'perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg)',
-        easing: 'ease-in',
-    },
-    {
-        offset: 1,
-        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',
-        easing: 'ease-in',
-    },
-];
-
-const flipInX = [
-    {
-        offset: 0,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
-        easing: 'ease-in',
-        opacity: '0',
-    },
-    {
-        offset: 0.4,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
-        easing: 'ease-in',
-    },
-    {
-        offset: 0.6,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',
-        opacity: '1',
-    },
-    { offset: 0.8, transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)' },
-    { offset: 1, transform: 'perspective(400px)' },
-];
-
-const flipInY = [
-    {
-        offset: 0,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
-        easing: 'ease-in',
-        opacity: '0',
-    },
-    {
-        offset: 0.4,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)',
-        easing: 'ease-in',
-    },
-    {
-        offset: 0.6,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)',
-        opacity: '1',
-    },
-    { offset: 0.8, transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)' },
-    { offset: 1, transform: 'perspective(400px)' },
-];
-
-const flipOutX = [
-    { offset: 0, transform: 'perspective(400px)' },
-    {
-        offset: 0.3,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
-        opacity: '1',
-    },
-    {
-        offset: 1,
-        transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
-        opacity: '0',
-    },
-];
-
-const flipOutY = [
-    { offset: 0, transform: 'perspective(400px)' },
-    {
-        offset: 0.3,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)',
-        opacity: '1',
-    },
-    {
-        offset: 1,
-        transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
-        opacity: '0',
-    },
-];
-
-const lightSpeedInLeft = [
-    {
-        offset: 0,
-        transform: 'translate3d(-100%, 0, 0) skewX(30deg)',
-        opacity: '0',
-    },
-    { offset: 0.6, transform: 'skewX(-20deg)', opacity: '1' },
-    { offset: 0.8, transform: 'skewX(5deg)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const lightSpeedInRight = [
-    {
-        offset: 0,
-        transform: 'translate3d(100%, 0, 0) skewX(-30deg)',
-        opacity: '0',
-    },
-    { offset: 0.6, transform: 'skewX(20deg)', opacity: '1' },
-    { offset: 0.8, transform: 'skewX(-5deg)' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const lightSpeedOutLeft = [
-    { offset: 0, opacity: '1' },
-    {
-        offset: 1,
-        transform: 'translate3d(-100%, 0, 0) skewX(-30deg)',
-        opacity: '0',
-    },
-];
-
-const lightSpeedOutRight = [
-    { offset: 0, opacity: '1' },
-    {
-        offset: 1,
-        transform: 'translate3d(100%, 0, 0) skewX(30deg)',
-        opacity: '0',
-    },
-];
-
-const rotateIn = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, -200deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateInDownLeft = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateInDownRight = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateInUpLeft = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateInUpRight = [
-    { offset: 0, transform: 'rotate3d(0, 0, 1, -90deg)', opacity: '0' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },
-];
-
-const rotateOut = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, 200deg)', opacity: '0' },
-];
-
-const rotateOutDownLeft = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },
-];
-
-const rotateOutDownRight = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },
-];
-
-const rotateOutUpLeft = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },
-];
-
-const rotateOutUpRight = [
-    { offset: 0, opacity: '1' },
-    { offset: 1, transform: 'rotate3d(0, 0, 1, 90deg)', opacity: '0' },
-];
-
-const slideInDown = [
-    { offset: 0, transform: 'translate3d(0, -100%, 0)', visibility: 'visible' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const slideInLeft = [
-    { offset: 0, transform: 'translate3d(-100%, 0, 0)', visibility: 'visible' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const slideInRight = [
-    { offset: 0, transform: 'translate3d(100%, 0, 0)', visibility: 'visible' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const slideInUp = [
-    { offset: 0, transform: 'translate3d(0, 100%, 0)', visibility: 'visible' },
-    { offset: 1, transform: 'translate3d(0, 0, 0)' },
-];
-
-const slideOutDown = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, visibility: 'hidden', transform: 'translate3d(0, 100%, 0)' },
-];
-
-const slideOutLeft = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, visibility: 'hidden', transform: 'translate3d(-100%, 0, 0)' },
-];
-
-const slideOutRight = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, visibility: 'hidden', transform: 'translate3d(100%, 0, 0)' },
-];
-
-const slideOutUp = [
-    { offset: 0, transform: 'translate3d(0, 0, 0)' },
-    { offset: 1, visibility: 'hidden', transform: 'translate3d(0, -100%, 0)' },
-];
-
-const hinge = [
-    { offset: 0, easing: 'ease-in-out' },
-    { offset: 0.2, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },
-    {
-        offset: 0.4,
-        transform: 'rotate3d(0, 0, 1, 60deg)',
-        easing: 'ease-in-out',
-        opacity: '1',
-    },
-    { offset: 0.6, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },
-    {
-        offset: 0.8,
-        transform: 'rotate3d(0, 0, 1, 60deg)',
-        easing: 'ease-in-out',
-        opacity: '1',
-    },
-    { offset: 1, transform: 'translate3d(0, 700px, 0)', opacity: '0' },
-];
-
-const jackInTheBox = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale(0.1) rotate(30deg)',
-        'transform-origin': 'center bottom',
-    },
-    { offset: 0.5, transform: 'rotate(-10deg)' },
-    { offset: 0.7, transform: 'rotate(3deg)' },
-    { offset: 1, opacity: '1', transform: 'scale(1)' },
-];
-
-const rollIn = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)',
-    },
-    { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
-];
-
-const rollOut = [
-    { offset: 0, opacity: '1' },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
-    },
-];
-
-const zoomIn = [
-    { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
-    { offset: 0.5, opacity: '1' },
-];
-
-const zoomInDown = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomInLeft = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomInRight = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomInUp = [
-    {
-        offset: 0,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 0.6,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomOut = [
-    { offset: 0, opacity: '1' },
-    { offset: 0.5, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
-    { offset: 1, opacity: '0' },
-];
-
-const zoomOutDown = [
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const zoomOutLeft = [
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'scale(0.1) translate3d(-2000px, 0, 0)',
-    },
-];
-
-const zoomOutRight = [
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'scale(0.1) translate3d(2000px, 0, 0)',
-    },
-];
-
-const zoomOutUp = [
-    {
-        offset: 0.4,
-        opacity: '1',
-        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
-        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    },
-    {
-        offset: 1,
-        opacity: '0',
-        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)',
-        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
-    },
-];
-
-const easings = {
-    linear: 'linear',
-    ease: 'ease',
-    easeIn: 'ease-in',
-    easeOut: 'ease-out',
-    easeInOut: 'ease-in-out',
-    easeInSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',
-    easeOutSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',
-    easeInOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',
-    easeInQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',
-    easeOutQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
-    easeInOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',
-    easeInCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
-    easeOutCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
-    easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
-    easeInQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',
-    easeOutQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
-    easeInOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',
-    easeInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
-    easeOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
-    easeInOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',
-    easeInExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',
-    easeOutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',
-    easeInOutExpo: 'cubic-bezier(1, 0, 0, 1)',
-    easeInCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',
-    easeOutCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',
-    easeInOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
-    easeInBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',
-    easeOutBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
-    easeInOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',
-};
-
-const animations = {
-    bounce,
-    flash,
-    headShake,
-    heartBeat,
-    jello,
-    pulse,
-    rubberBand,
-    shake,
-    shakeX,
-    shakeY,
-    swing,
-    tada,
-    wobble,
-    backInDown,
-    backInLeft,
-    backInRight,
-    backInUp,
-    backOutDown,
-    backOutLeft,
-    backOutRight,
-    backOutUp,
-    bounceIn,
-    bounceInDown,
-    bounceInLeft,
-    bounceInRight,
-    bounceInUp,
-    bounceOut,
-    bounceOutDown,
-    bounceOutLeft,
-    bounceOutRight,
-    bounceOutUp,
-    fadeIn,
-    fadeInBottomLeft,
-    fadeInBottomRight,
-    fadeInDown,
-    fadeInDownBig,
-    fadeInLeft,
-    fadeInLeftBig,
-    fadeInRight,
-    fadeInRightBig,
-    fadeInTopLeft,
-    fadeInTopRight,
-    fadeInUp,
-    fadeInUpBig,
-    fadeOut,
-    fadeOutBottomLeft,
-    fadeOutBottomRight,
-    fadeOutDown,
-    fadeOutDownBig,
-    fadeOutLeft,
-    fadeOutLeftBig,
-    fadeOutRight,
-    fadeOutRightBig,
-    fadeOutTopLeft,
-    fadeOutTopRight,
-    fadeOutUp,
-    fadeOutUpBig,
-    flip,
-    flipInX,
-    flipInY,
-    flipOutX,
-    flipOutY,
-    lightSpeedInLeft,
-    lightSpeedInRight,
-    lightSpeedOutLeft,
-    lightSpeedOutRight,
-    rotateIn,
-    rotateInDownLeft,
-    rotateInDownRight,
-    rotateInUpLeft,
-    rotateInUpRight,
-    rotateOut,
-    rotateOutDownLeft,
-    rotateOutDownRight,
-    rotateOutUpLeft,
-    rotateOutUpRight,
-    slideInDown,
-    slideInLeft,
-    slideInRight,
-    slideInUp,
-    slideOutDown,
-    slideOutLeft,
-    slideOutRight,
-    slideOutUp,
-    hinge,
-    jackInTheBox,
-    rollIn,
-    rollOut,
-    zoomIn,
-    zoomInDown,
-    zoomInLeft,
-    zoomInRight,
-    zoomInUp,
-    zoomOut,
-    zoomOutDown,
-    zoomOutLeft,
-    zoomOutRight,
-    zoomOutUp,
-};
-
 /**
  * Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
  * Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
@@ -19805,38 +18758,7 @@ class NanoAnimation {
         this.createAnimation();
     };
     async createAnimation() {
-        if (!this.defaultSlot)
-            return;
-        const easing = easings[this.easing] ?? this.easing;
-        const keyframes = this.keyframes ??
-            animations[this.name];
-        const slot = this.defaultSlot;
-        const element = slot.assignedElements()[0];
-        if (!element || !keyframes) {
-            return false;
-        }
-        this.destroyAnimation();
-        this.animation = element.animate(keyframes, {
-            delay: this.delay,
-            direction: this.direction,
-            duration: this.duration,
-            easing,
-            endDelay: this.endDelay,
-            fill: this.fill,
-            iterationStart: this.iterationStart,
-            iterations: this.iterations,
-        });
-        this.animation.playbackRate = this.playbackRate;
-        this.animation.addEventListener('cancel', this.handleAnimationCancel);
-        this.animation.addEventListener('finish', this.handleAnimationFinish);
-        if (this.play) {
-            this.hasStarted = true;
-            this.nanoStart.emit();
-        }
-        else {
-            this.animation.pause();
-        }
-        return true;
+        return;
     }
     destroyAnimation() {
         if (this.animation) {
@@ -19879,7 +18801,7 @@ class NanoAnimation {
         this.animation?.finish();
     }
     render() {
-        return (h(Host, { key: '69ede16e4ecb0155cdfc63a56e04ca38c5e56412', class: "nano-animation" }, h("slot", { key: '73a9ec636c4fe8b72570906bce645529b4343606', ref: (slot) => {
+        return (h(Host, { key: 'c5bd8b75985fd99981340c3cd20c74f99ac8dd3c', class: "nano-animation" }, h("slot", { key: '989677365d344809aa575626b3253ab888822171', ref: (slot) => {
                 this.defaultSlot = slot;
             }, onSlotchange: this.handleSlotChange })));
     }
@@ -19988,7 +18910,7 @@ class NanoBadge {
     }; }
 }
 
-const breadcrumbCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host {\n  /**\n  * @prop {string} --text-color - The base color of the text. Defaults to var(--nano-color-primary-1000).\n  * @prop {string} --text-color-hover - The hover colour of the text. Defaults to var(--nano-color-primary-1200).\n  * @prop {string} --text-color-secondary - The secondary colour (& inactive colour) of the text. Defaults to var(--nano-color-neutral-1400).\n  * @prop {string} --text-color-disabled - The disabled colour of the text. Defaults to var(--nano-color-neutral-1000).\n  * @prop {string} --border-color - The colour of the border & divider. Defaults to var(--nano-color-neutral-400).\n  * @prop {string} --trigger-bg-color - The background colour of the trigger button. Defaults to var(--nano-color-base-0).\n  */\n  --text-color: var(--nano-color-primary-1000);\n  --text-color-hover: var(--nano-color-primary-1200);\n  --text-color-secondary: var(--nano-color-neutral-1400);\n  --text-color-disabled: var(--nano-color-neutral-1000);\n  --border-color: var(--nano-color-neutral-400);\n  --trigger-bg-color: var(--nano-color-base-0);\n}\n:host .breadcrumbs {\n  container-type: inline-size;\n  container-name: breadcrumbs;\n  inline-size: 100%;\n  max-inline-size: 1346px;\n}\n:host nano-menu::part(base), :host nano-menu [part~=\"base\"] {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n}\n:host li,\n:host nano-nav-item {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  font-size: var(--nano-font-size-xs);\n  line-height: var(--nano-line-height-normal);\n  text-wrap: nowrap;\n  margin-block-end: 0;\n}\n:host li:not(.return-only li)::after,\n:host nano-nav-item::after {\n  content: \"/\";\n  margin: 0 var(--nano-spacing-xs);\n  color: var(--border-color);\n}\n:host a.link {\n  color: var(--text-color);\n}\n:host a:not(.link) {\n  color: var(--text-color-secondary);\n}\n:host a:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n  z-index: 1;\n}\n:host a.link:hover {\n  color: var(--text-color-hover);\n}\n:host a.return.link {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--nano-spacing-sm) / 2);\n}\n:host nano-dropdown {\n  inline-size: 100%;\n  display: none;\n}\n:host nano-dropdown[open]::part(trigger), :host nano-dropdown[open] [part~=\"trigger\"] {\n  box-shadow: var(--nano-shadow-l1);\n}\n:host nano-dropdown[open]::part(panel), :host nano-dropdown[open] [part~=\"panel\"] {\n  box-shadow: var(--nano-shadow-l1);\n}\n:host .trigger-button {\n  inline-size: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n  color: var(--text-color);\n  background-color: var(--trigger-bg-color);\n  cursor: pointer;\n  text-align: start;\n  border: none;\n  font-size: var(--nano-font-size-xs);\n}\n:host .trigger-button .trigger-button_label {\n  text-decoration: underline;\n}\n:host .trigger-button .trigger-button_label::after {\n  content: \"/\";\n  margin: 0 var(--nano-spacing-xs);\n  color: var(--border-color);\n}\n:host .trigger-button:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n}\n:host .trigger-icon {\n  transform: rotate(0deg);\n  transition: var(--nano-transition-x-fast) ease transform;\n}\n:host .trigger-icon--open {\n  transform: rotate(180deg);\n}\n@container breadcrumbs (max-width: 768px) {\n  :host .main {\n    display: none;\n  }\n  :host nano-dropdown {\n    display: block;\n  }\n  :host nano-menu::part(base), :host nano-menu [part~=\"base\"] {\n    flex-direction: column;\n  }\n  :host nano-nav-item::after {\n    display: none;\n  }\n  :host .trigger-button_label::after {\n    display: inline-block;\n  }\n  :host .return-only {\n    padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n  }\n  :host nano-nav-item::part(trigger), :host nano-nav-item [part~=\"trigger\"] {\n    text-decoration: none;\n    color: var(--text-color-secondary);\n  }\n}";
+const breadcrumbCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host {\n  /**\n  * @prop {string} --text-color - The base color of the text. Defaults to var(--nano-color-primary-1000).\n  * @prop {string} --text-color-hover - The hover colour of the text. Defaults to var(--nano-color-primary-1200).\n  * @prop {string} --text-color-secondary - The secondary colour (& inactive colour) of the text. Defaults to var(--nano-color-neutral-1400).\n  * @prop {string} --text-color-disabled - The disabled colour of the text. Defaults to var(--nano-color-neutral-1000).\n  * @prop {string} --border-color - The colour of the border & divider. Defaults to var(--nano-color-neutral-400).\n  * @prop {string} --trigger-bg-color - The background colour of the trigger button. Defaults to var(--nano-color-base-0).\n  */\n  --text-color: var(--nano-color-primary-1000);\n  --text-color-hover: var(--nano-color-primary-1200);\n  --text-color-secondary: var(--nano-color-neutral-1400);\n  --text-color-disabled: var(--nano-color-neutral-1000);\n  --border-color: var(--nano-color-neutral-400);\n  --trigger-bg-color: var(--nano-color-base-0);\n}\n:host .breadcrumbs {\n  container-type: inline-size;\n  container-name: breadcrumbs;\n  inline-size: 100%;\n  max-inline-size: 1346px;\n}\n:host ol,\n:host nano-menu::part(base) {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n}\n:host li,\n:host nano-nav-item {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  font-size: var(--nano-font-size-xs);\n  line-height: var(--nano-line-height-normal);\n  text-wrap: nowrap;\n  margin-block-end: 0;\n}\n:host li:not(.return-only li)::after,\n:host nano-nav-item::after {\n  content: \"/\";\n  margin: 0 var(--nano-spacing-xs);\n  color: var(--border-color);\n}\n:host a.link {\n  color: var(--text-color);\n}\n:host a:not(.link) {\n  color: var(--text-color-secondary);\n}\n:host a:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n  z-index: 1;\n}\n:host a.link:hover {\n  color: var(--text-color-hover);\n}\n:host a.return.link {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--nano-spacing-sm) / 2);\n}\n:host nano-dropdown {\n  inline-size: 100%;\n  display: none;\n}\n:host nano-dropdown[open]::part(trigger) {\n  box-shadow: var(--nano-shadow-l1);\n}\n:host nano-dropdown[open]::part(panel) {\n  box-shadow: var(--nano-shadow-l1);\n}\n:host .trigger-button {\n  inline-size: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n  color: var(--text-color);\n  background-color: var(--trigger-bg-color);\n  cursor: pointer;\n  text-align: start;\n  border: none;\n  font-size: var(--nano-font-size-xs);\n}\n:host .trigger-button .trigger-button_label {\n  text-decoration: underline;\n}\n:host .trigger-button .trigger-button_label::after {\n  content: \"/\";\n  margin: 0 var(--nano-spacing-xs);\n  color: var(--border-color);\n}\n:host .trigger-button:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n}\n:host .trigger-icon {\n  transform: rotate(0deg);\n  transition: var(--nano-transition-x-fast) ease transform;\n}\n:host .trigger-icon--open {\n  transform: rotate(180deg);\n}\n@container breadcrumbs (max-width: 768px) {\n  :host .main {\n    display: none;\n  }\n  :host nano-dropdown {\n    display: block;\n  }\n  :host nano-menu::part(base) {\n    flex-direction: column;\n  }\n  :host nano-nav-item::after {\n    display: none;\n  }\n  :host .trigger-button_label::after {\n    display: inline-block;\n  }\n  :host .return-only {\n    padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n  }\n  :host nano-nav-item::part(trigger) {\n    text-decoration: none;\n    color: var(--text-color-secondary);\n  }\n}";
 
 /**
  * Breadcrumbs are used to indicate the current page's location within a navigational hierarchy.
@@ -23403,6 +22325,9 @@ class NanoDetails {
         this.attachMo();
     }
     connectedCallback() {
+        if (this.bodyEl) {
+            this.bodyEl.addEventListener('transitionend', this.handleTransitionEnd);
+        }
         this.attachMo();
     }
     disconnectedCallback() {
@@ -23415,13 +22340,13 @@ class NanoDetails {
         }
     }
     render() {
-        return (h(Host, { key: 'dfe08b9736512e4f2e7e77b6e08f391e570f7d35', class: "nano-details" }, h("details", { key: 'aee47095a745ec92d97e3eb2a09f1765fbad251d', part: "base", ref: (d) => (this.detailsEl = d), class: {
+        return (h(Host, { key: '6bd0b907e8036bffdc232f11520fc7e7ecbd5274', class: "nano-details" }, h("details", { key: 'a375256a375ffa1c52f7e425328add65396d79ae', part: "base", ref: (d) => (this.detailsEl = d), class: {
                 details: true,
                 disabled: this.disabled,
-            } }, h("summary", { key: 'b15a83c3386171f212a68cf456eb9ba6296917c2', part: "header", "aria-controls": "content", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', id: "header", role: "button", class: "header", ref: (s) => (this.headerEl = s), onKeyDown: this.onKeyDown, onClick: this.onMouseDown }, this.slotCtrl.has('icon-start') && (h("span", { key: 'c29db27dc0c74a8053c035421b0738eee1d72945', part: "icon icon--start", class: "icon icon--start" }, h("slot", { key: '99381aa8452aac30498cfb27148c9e507e07989e', name: "icon-start" }))), h("div", { key: '59068fae315b9cd0427987eb59e03f2cd219e45a', part: "label", class: "label" }, this.label ? this.label : h("slot", { name: "label" })), h("span", { key: '8eb4304e5c0da199ef6ad7a9730f92130072afd8', part: "icon icon--end", class: "icon icon--end" }, this.open ? (h("slot", { name: "icon-collapse" })) : (h("slot", { name: "icon-expand" })), h("slot", { key: 'a8c2b9213b96787007a85faf64d42436729bc6e4', name: "icon-end" }, !this.slotCtrl.has('icon-start') &&
+            } }, h("summary", { key: '6532629e3d2258dd7b35aa9c088c290cfd586111', part: "header", "aria-controls": "content", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', id: "header", role: "button", class: "header", ref: (s) => (this.headerEl = s), onKeyDown: this.onKeyDown, onClick: this.onMouseDown }, this.slotCtrl.has('icon-start') && (h("span", { key: '2a91b1368bfb4120d3356c59a6c277a2608f1ff9', part: "icon icon--start", class: "icon icon--start" }, h("slot", { key: '6ec67523e758f1f189a9c2339e48116f19423a87', name: "icon-start" }))), h("div", { key: '83c975864586f752a86bd13b78ba7a2329f3a484', part: "label", class: "label" }, this.label ? this.label : h("slot", { name: "label" })), h("span", { key: '538494f4cd43b12143151ce1523533efb70800b7', part: "icon icon--end", class: "icon icon--end" }, this.open ? (h("slot", { name: "icon-collapse" })) : (h("slot", { name: "icon-expand" })), h("slot", { key: '9cd7a3d39754029ad70d3b8976545513a7d6f77b', name: "icon-end" }, !this.slotCtrl.has('icon-start') &&
             !this.slotCtrl.has('icon-end') &&
             !this.slotCtrl.has('icon-expand') &&
-            !this.slotCtrl.has('icon-collapse') && (h("nano-icon", { key: 'bfb3677f307b23b4947c80d7173b63ce51b83c70', class: "default-icon", name: "light/chevron-down" }))))), h("div", { key: 'dad8f7fbf316facfc2a505edf0041fb259d78d5b', part: "body", class: "body", ref: (div) => (this.bodyEl = div), role: "region", "aria-labelledby": "header" }, h("div", { key: '988b4a6201029002ab76004375955eaa87542ed9', class: "content-wrapper" }, h("div", { key: '159483b132abfc6d7edf87771af0f3c2c0e077bd', part: "content", class: "content", id: "content" }, h("slot", { key: '8bb9bbca225bca84bc1efd2c617372f490985bc1' })))))));
+            !this.slotCtrl.has('icon-collapse') && (h("nano-icon", { key: '0321927f47cbc530e8044598fec3370dfedbb325', class: "default-icon", name: "light/chevron-down" }))))), h("div", { key: 'a7366fb51de087f7c6f5d7da59e761050b2ab231', part: "body", class: "body", ref: (div) => (this.bodyEl = div), role: "region", "aria-labelledby": "header" }, h("div", { key: 'dd888954cdfba45da62a01d10f7b010a0277b7ec', class: "content-wrapper" }, h("div", { key: 'eff6dbb8d4a41d9957d135e2f1e7470e37615255', part: "content", class: "content", id: "content" }, h("slot", { key: '9b2fd79fc46ad9b9c5c7c6a39a856b20b87bca6a' })))))));
     }
     static get watchers() { return {
         "open": ["toggleClick"]
@@ -23517,7 +22442,7 @@ class NanoIconItem {
     }; }
 }
 
-const inPageNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host nav{background-color:var(--color-bg);padding:0}:host nav:has(nano-details){padding:0}:host .details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}:host .details-wrapper::part(header),:host .details-wrapper [part~=\"header\"]{font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}:host .details-wrapper[open]::part(header),:host .details-wrapper[open] [part~=\"header\"]{background-color:var(--nano-color-primary-75)}:host .details-wrapper::part(content),:host .details-wrapper [part~=\"content\"]{padding:0}:host .details-wrapper::part(body),:host .details-wrapper [part~=\"body\"]{padding:0}:host .header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}:host .header ::slotted(a[slot=back]),:host .header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}:host .header ::slotted(a[slot=back])::before,:host .header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}:host nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}:host .details-wrapper.sticky.stuck[open]::part(header),:host .details-wrapper.sticky.stuck[open] [part~=\"header\"]{z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}";
+const inPageNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host nav{background-color:var(--color-bg);padding:0}:host nav:has(nano-details){padding:0}:host .details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}:host .details-wrapper::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}:host .details-wrapper[open]::part(header){background-color:var(--nano-color-primary-75)}:host .details-wrapper::part(content){padding:0}:host .details-wrapper::part(body){padding:0}:host .header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}:host .header ::slotted(a[slot=back]),:host .header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}:host .header ::slotted(a[slot=back])::before,:host .header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}:host nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}:host .details-wrapper.sticky.stuck[open]::part(header){z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}";
 
 /**\
  * In-page navigation allows users to quickly find different sections on a page.
@@ -23838,7 +22763,7 @@ class NanoTabContent {
     }; }
 }
 
-const tabGroupCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items),.group__tabs [part~=\"items\"]{gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items),.group--top .group__tabs [part~=\"items\"]{align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items),:host([equal-tab-size]) .group--start .group__tabs [part~=\"items\"]{display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}";
+const tabGroupCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items){gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items){align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items){display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}";
 
 let id = 0;
 /**
@@ -31647,9 +30572,6 @@ class Sticker {
         this.isRtl =
             this.host.dir === 'rtl' || this.host.ownerDocument.dir === 'rtl';
         // this is all horrible.... shrug
-        document.documentElement.addEventListener('nanoComponentsReady', () => {
-            setTimeout((_) => this.bootstrapGurantor(), 200);
-        });
         setTimeout((_) => {
             if (!this.hasBootstrapped)
                 this.bootstrapGurantor();
@@ -31668,12 +30590,12 @@ class Sticker {
         this.hasBootstrapped = false;
     }
     render() {
-        return (h(Host, { key: 'cdcb7fdadde75c5f860cbc5d93ef7d6f58bc499b', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: 'fa8b5831edde3d5e39036681cc75a0c2c0e84ccf', class: {
+        return (h(Host, { key: '684a30435688dd24ba583b9ad18f262b00863220', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: '1a27a9545b9e00e492efc809ef10ac291f13f421', class: {
                 sticker: true,
                 sticky: this.isRootSticker && this.isSticky,
                 stuck: this.isStuck && this.isRootSticker && this.isSticky,
                 hide: this.isRootSticker && this.hide && this.isStuck,
-            }, ref: (div) => (this.sticker = div) }, h("div", { key: '8ec62a7127c1823f5e2ab35b80617ec495fa4121', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '6206fa5ac74522b69e7c5a99b4147458399f3a5d' })))));
+            }, ref: (div) => (this.sticker = div) }, h("div", { key: '323a9081a4b7aec17c6bcc0cc85558fa54fa5253', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '9fc54c6354a8de64bebbaa54881fa4b21f116ba5' })))));
     }
     static get watchers() { return {
         "trigger": ["updateTriggerOffset"],
@@ -32063,13 +30985,13 @@ registerComponents([
 var version="2.17.3";function extractAdditionalParams(e){return e.reduce(function(e,t){var n=e.events,e=e.additionalParams;return "index"in t?{additionalParams:e,events:n.concat([t])}:{events:n,additionalParams:t}},{events:[],additionalParams:void 0})}var supportsCookies=function(){try{return Boolean(navigator.cookieEnabled)}catch(e){return  false}},supportsSendBeacon=function(){try{return Boolean(navigator.sendBeacon)}catch(e){return  false}},supportsXMLHttpRequest=function(){try{return Boolean(XMLHttpRequest)}catch(e){return  false}},supportsNativeFetch=function(){try{return void 0!==fetch}catch(e){return  false}},LocalStorage=function(){};function ensureLocalStorage(){try{var e="__test_localStorage__";return globalThis.localStorage.setItem(e,e),globalThis.localStorage.removeItem(e),globalThis.localStorage}catch(e){}}LocalStorage.get=function(e){var t=null==(t=this.store)?void 0:t.getItem(e);if(!t)return null;try{return JSON.parse(t)}catch(e){return null}},LocalStorage.set=function(t,e){var n;try{null!=(n=this.store)&&n.setItem(t,JSON.stringify(e));}catch(e){console.error("Unable to set "+t+" in localStorage, storage may be full.");}},LocalStorage.remove=function(e){var t;null!=(t=this.store)&&t.removeItem(e);},LocalStorage.store=ensureLocalStorage();var STORE="AlgoliaObjectQueryCache",LIMIT=5e3,FREE=1e3;function getCache(){var e;return null!=(e=LocalStorage.get(STORE))?e:{}}function setCache(e){LocalStorage.set(STORE,limited(e));}function limited(e){return Object.keys(e).length>LIMIT?purgeOldest(e):e}function purgeOldest(e){e=Object.entries(e).sort(function(e,t){e=e[1][1];return t[1][1]-e});return e.slice(0,e.length-FREE-1).reduce(function(e,t){var n=t[0],t=t[1];return Object.assign(Object.assign({},e),((e={})[n]=t,e))},{})}function makeKey(e,t){return e+"_"+t}function storeQueryForObject(e,t,n){var i=getCache();i[makeKey(e,t)]=[n,Date.now()],setCache(i);}function getQueryForObject(e,t){return getCache()[makeKey(e,t)]}function removeQueryForObjects(t,e){var n=getCache();e.forEach(function(e){delete n[makeKey(t,e)];}),setCache(n);}var isUndefined=function(e){return void 0===e},isNumber=function(e){return "number"==typeof e},isFunction=function(e){return "function"==typeof e},isPromise=function(e){return "function"==typeof(null==e?void 0:e.then)};function getFunctionalInterface(i){return function(e){for(var t=[],n=arguments.length-1;0<n--;)t[n]=arguments[n+1];if(e&&isFunction(i[e]))return i[e].apply(i,t);console.warn("The method `"+e+"` doesn't exist.");}}var DEFAULT_ALGOLIA_AGENTS=["insights-js ("+version+")","insights-js-browser-esm ("+version+")"];function addAlgoliaAgent(e){ -1===this._ua.indexOf(e)&&this._ua.push(e);}function getVersion(e){return isFunction(e)&&e(this.version),this.version}function __rest(e,t){var n={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}function addQueryId(e){return e.map(function(i){var r,e;return !isValidEventForQueryIdLookup(i)||(r=[],e=null==(e=i.objectIDs)?void 0:e.map(function(e,t){var n=null==(n=i.objectData)?void 0:n[t];return null!=n&&n.queryID?n:((t=(null!=(t=getQueryForObject(i.index,e))?t:[])[0])&&r.push(e),Object.assign(Object.assign({},n),{queryID:t}))}),0===r.length)?i:Object.assign(Object.assign({},i),{objectData:e,objectIDsWithInferredQueryID:r})})}function isValidEventForQueryIdLookup(e){return !e.queryID&&"conversion"===e.eventType}function makeSendEvents(r){return function(e,t){var i=this;if(this._userHasOptedOut)return Promise.resolve(false);if(!(!isUndefined(this._apiKey)&&!isUndefined(this._appId)||(null==(n=null==t?void 0:t.headers)?void 0:n["X-Algolia-Application-Id"])&&(null==(n=null==t?void 0:t.headers)?void 0:n["X-Algolia-API-Key"])))throw new Error("Before calling any methods on the analytics, you first need to call the 'init' function with appId and apiKey parameters or provide custom credentials in additional parameters.");!this._userToken&&this._anonymousUserToken&&this.setAnonymousUserToken(true);var n=(null!=t&&t.inferQueryID?addQueryId(e):e).map(function(e){var t=e.filters,n=__rest(e,["filters"]),e=Object.assign(Object.assign({},n),{userToken:null!=(n=null==e?void 0:e.userToken)?n:i._userToken,authenticatedUserToken:null!=(n=null==e?void 0:e.authenticatedUserToken)?n:i._authenticatedUserToken});return isUndefined(t)||(e.filters=t.map(encodeURIComponent)),e});return 0===n.length?Promise.resolve(false):(e=sendRequest(r,this._ua,this._endpointOrigin,n,this._appId,this._apiKey,null==t?void 0:t.headers),isPromise(e)?e.then(purgePurchased(n)):e)}}function purgePurchased(t){return function(e){return e&&t.filter(function(e){var t=e.eventType,n=e.eventSubtype,e=e.objectIDs;return "conversion"===t&&"purchase"===n&&(null==e?void 0:e.length)}).forEach(function(e){return removeQueryForObjects(e.index,e.objectIDs)}),e}}function sendRequest(e,t,n,i,r,o,s){var a=(s=void 0===s?{}:s)["X-Algolia-Application-Id"],c=s["X-Algolia-API-Key"],s=__rest(s,["X-Algolia-Application-Id","X-Algolia-API-Key"]),u=Object.assign({"X-Algolia-Application-Id":null!=a?a:r,"X-Algolia-API-Key":null!=c?c:o,"X-Algolia-Agent":encodeURIComponent(t.join("; "))},s);return e(n+"/1/events?"+Object.keys(u).map(function(e){return e+"="+u[e]}).join("&"),{events:i})}function createUUID(){return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0;return ("x"===e?t:3&t|8).toString(16)})}var COOKIE_KEY="_ALGOLIA",MONTH=2592e6,setCookie=function(e,t,n){var i=new Date,n=(i.setTime(i.getTime()+n),"expires="+i.toUTCString());document.cookie=e+"="+t+";"+n+";path=/";},getCookie=function(e){for(var t=e+"=",n=document.cookie.split(";"),i=0;i<n.length;i++){for(var r=n[i];" "===r.charAt(0);)r=r.substring(1);if(0===r.indexOf(t))return r.substring(t.length,r.length)}return ""};function checkIfAnonymousToken(e){return "number"!=typeof e&&0===e.indexOf("anonymous-")}function saveTokenAsCookie(){var e=getCookie(COOKIE_KEY);!this._userToken||e&&""!==e&&0===e.indexOf("anonymous-")||setCookie(COOKIE_KEY,this._userToken,this._cookieDuration);}function setAnonymousUserToken(e){(e=void 0!==e&&e)?this.setUserToken("anonymous-"+createUUID()):supportsCookies()&&((e=getCookie(COOKIE_KEY))&&""!==e&&0===e.indexOf("anonymous-")?this.setUserToken(e):(e=this.setUserToken("anonymous-"+createUUID()),setCookie(COOKIE_KEY,e,this._cookieDuration)));}function setUserToken(e){return this._userToken=e,isFunction(this._onUserTokenChangeCallback)&&this._onUserTokenChangeCallback(this._userToken),this._userToken}function getUserToken(e,t){return isFunction(t)&&t(null,this._userToken),this._userToken}function onUserTokenChange(e,t){this._onUserTokenChangeCallback=e,t&&t.immediate&&isFunction(this._onUserTokenChangeCallback)&&this._onUserTokenChangeCallback(this._userToken);}function setAuthenticatedUserToken(e){return this._authenticatedUserToken=e,isFunction(this._onAuthenticatedUserTokenChangeCallback)&&this._onAuthenticatedUserTokenChangeCallback(this._authenticatedUserToken),this._authenticatedUserToken}function getAuthenticatedUserToken(e,t){return isFunction(t)&&t(null,this._authenticatedUserToken),this._authenticatedUserToken}function onAuthenticatedUserTokenChange(e,t){this._onAuthenticatedUserTokenChangeCallback=e,t&&t.immediate&&isFunction(this._onAuthenticatedUserTokenChangeCallback)&&this._onAuthenticatedUserTokenChangeCallback(this._authenticatedUserToken);}function addEventType(t,e){return e.map(function(e){return Object.assign({eventType:t},e)})}function addEventTypeAndSubtype(t,n,e){return e.map(function(e){return Object.assign({eventType:t,eventSubtype:n},e)})}function clickedObjectIDsAfterSearch(){for(var i=this,e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),r=n.events,n=n.additionalParams;return r.forEach(function(e){var t=e.index,n=e.queryID;return e.objectIDs.forEach(function(e){return !i._userHasOptedOut&&storeQueryForObject(t,e,n)})}),this.sendEvents(addEventType("click",r),n)}function clickedObjectIDs(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("click",i),n)}function clickedFilters(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("click",i),n)}function convertedObjectIDsAfterSearch(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("conversion",i),n)}function addedToCartObjectIDsAfterSearch(){for(var o=this,e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return i.forEach(function(e){var n=e.index,i=e.queryID,t=e.objectIDs,r=e.objectData;return t.forEach(function(e,t){t=null!=(t=null==(t=null==r?void 0:r[t])?void 0:t.queryID)?t:i;!o._userHasOptedOut&&t&&storeQueryForObject(n,e,t);})}),this.sendEvents(addEventTypeAndSubtype("conversion","addToCart",i),n)}function purchasedObjectIDsAfterSearch(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventTypeAndSubtype("conversion","purchase",i),n)}function convertedObjectIDs(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("conversion",i),n)}function addedToCartObjectIDs(){for(var r=this,e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return i.forEach(function(e){var n=e.index,t=e.objectIDs,i=e.objectData;return t.forEach(function(e,t){t=null==(t=null==i?void 0:i[t])?void 0:t.queryID;!r._userHasOptedOut&&t&&storeQueryForObject(n,e,t);})}),this.sendEvents(addEventTypeAndSubtype("conversion","addToCart",i),n)}function purchasedObjectIDs(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventTypeAndSubtype("conversion","purchase",i),n)}function convertedFilters(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("conversion",i),n)}var SUPPORTED_REGIONS=["de","us"];function init(e){var t;if(!isUndefined((e=void 0===e?{}:e).region)&&-1===SUPPORTED_REGIONS.indexOf(e.region))throw new Error("optional region is incorrect, please provide either one of: "+SUPPORTED_REGIONS.join(", ")+".");if(!(isUndefined(e.cookieDuration)||isNumber(e.cookieDuration)&&isFinite(e.cookieDuration)&&Math.floor(e.cookieDuration)===e.cookieDuration))throw new Error("optional cookieDuration is incorrect, expected an integer.");setOptions(this,e,{_userHasOptedOut:Boolean(e.userHasOptedOut),_region:e.region,_host:e.host,_anonymousUserToken:null==(t=e.anonymousUserToken)||t,_useCookie:null!=(t=e.useCookie)&&t,_cookieDuration:e.cookieDuration||6*MONTH}),this._endpointOrigin=this._host||(this._region?"https://insights."+this._region+".algolia.io":"https://insights.algolia.io"),this._ua=[].concat(DEFAULT_ALGOLIA_AGENTS),e.authenticatedUserToken&&this.setAuthenticatedUserToken(e.authenticatedUserToken),e.userToken?this.setUserToken(e.userToken):this._userToken||this._userHasOptedOut||!this._useCookie?checkIfTokenNeedsToBeSaved(this)&&this.saveTokenAsCookie():this.setAnonymousUserToken();}function setOptions(e,t,n){var i=t.partial,r=__rest(t,["partial"]);i||Object.assign(e,n),Object.assign(e,Object.keys(r).reduce(function(e,t){return Object.assign(Object.assign({},e),((e={})["_"+t]=r[t],e))},{}));}function checkIfTokenNeedsToBeSaved(e){return void 0!==e._userToken&&checkIfAnonymousToken(e._userToken)&&e._useCookie&&!e._userHasOptedOut}function viewedObjectIDs(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("view",i),n)}function viewedFilters(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return this.sendEvents(addEventType("view",i),n)}var AlgoliaAnalytics=function(e){e=e.requestFn;this._endpointOrigin="https://insights.algolia.io",this._anonymousUserToken=true,this._userHasOptedOut=false,this._useCookie=false,this._cookieDuration=6*MONTH,this._ua=[],this.version=version,this.sendEvents=makeSendEvents(e).bind(this),this.init=init.bind(this),this.addAlgoliaAgent=addAlgoliaAgent.bind(this),this.saveTokenAsCookie=saveTokenAsCookie.bind(this),this.setUserToken=setUserToken.bind(this),this.setAnonymousUserToken=setAnonymousUserToken.bind(this),this.getUserToken=getUserToken.bind(this),this.onUserTokenChange=onUserTokenChange.bind(this),this.setAuthenticatedUserToken=setAuthenticatedUserToken.bind(this),this.getAuthenticatedUserToken=getAuthenticatedUserToken.bind(this),this.onAuthenticatedUserTokenChange=onAuthenticatedUserTokenChange.bind(this),this.clickedObjectIDsAfterSearch=clickedObjectIDsAfterSearch.bind(this),this.clickedObjectIDs=clickedObjectIDs.bind(this),this.clickedFilters=clickedFilters.bind(this),this.convertedObjectIDsAfterSearch=convertedObjectIDsAfterSearch.bind(this),this.purchasedObjectIDsAfterSearch=purchasedObjectIDsAfterSearch.bind(this),this.addedToCartObjectIDsAfterSearch=addedToCartObjectIDsAfterSearch.bind(this),this.convertedObjectIDs=convertedObjectIDs.bind(this),this.addedToCartObjectIDs=addedToCartObjectIDs.bind(this),this.purchasedObjectIDs=purchasedObjectIDs.bind(this),this.convertedFilters=convertedFilters.bind(this),this.viewedObjectIDs=viewedObjectIDs.bind(this),this.viewedFilters=viewedFilters.bind(this),this.getVersion=getVersion.bind(this);};function createInsightsClient(e){var t,e=getFunctionalInterface(new AlgoliaAnalytics({requestFn:e}));if("object"==typeof window&&!window.AlgoliaAnalyticsObject){for(;t=createUUID(),void 0!==window[t];);window.AlgoliaAnalyticsObject=t,window[window.AlgoliaAnalyticsObject]=e;}return e.version=version,e}var requestWithXMLHttpRequest=function(r,o){return new Promise(function(e,t){var n=JSON.stringify(o),i=new XMLHttpRequest;i.addEventListener("readystatechange",function(){4===i.readyState&&200===i.status?e(true):4===i.readyState&&e(false);}),i.addEventListener("error",function(){return t()}),i.addEventListener("timeout",function(){return e(false)}),i.open("POST",r),i.setRequestHeader("Content-Type","application/json"),i.send(n);})},requestWithSendBeacon=function(e,t){var n=JSON.stringify(t),n=navigator.sendBeacon(e,n);return Promise.resolve(!!n||requestWithXMLHttpRequest(e,t))},requestWithNativeFetch=function(e,i){return new Promise(function(t,n){fetch(e,{method:"POST",body:JSON.stringify(i),headers:{"Content-Type":"application/json"}}).then(function(e){t(200===e.status);}).catch(function(e){n(e);});})};function getRequesterForBrowser(){if(supportsSendBeacon())return requestWithSendBeacon;if(supportsXMLHttpRequest())return requestWithXMLHttpRequest;if(supportsNativeFetch())return requestWithNativeFetch;throw new Error("Could not find a supported HTTP request client in this environment.")}var entryBrowser=createInsightsClient(getRequesterForBrowser());
 
 var indexBrowser = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AlgoliaAnalytics: AlgoliaAnalytics,
-    LocalStorage: LocalStorage,
-    createInsightsClient: createInsightsClient,
-    default: entryBrowser,
-    getFunctionalInterface: getFunctionalInterface,
-    getRequesterForBrowser: getRequesterForBrowser
+  __proto__: null,
+  AlgoliaAnalytics: AlgoliaAnalytics,
+  LocalStorage: LocalStorage,
+  createInsightsClient: createInsightsClient,
+  default: entryBrowser,
+  getFunctionalInterface: getFunctionalInterface,
+  getRequesterForBrowser: getRequesterForBrowser
 });
 
 const user$1 = {
@@ -32283,15 +31205,15 @@ var localLoggedIn = {
 };
 
 var localLoggedIn$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    cart: cart$1,
-    default: localLoggedIn,
-    domains: domains$1,
-    links: links$1,
-    notifications: notifications$1,
-    search: search$1,
-    urls: urls$1,
-    user: user$1
+  __proto__: null,
+  cart: cart$1,
+  default: localLoggedIn,
+  domains: domains$1,
+  links: links$1,
+  notifications: notifications$1,
+  search: search$1,
+  urls: urls$1,
+  user: user$1
 });
 
 const user = {
@@ -32501,15 +31423,15 @@ var localLoggedOut = {
 };
 
 var localLoggedOut$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    cart: cart,
-    default: localLoggedOut,
-    domains: domains,
-    links: links,
-    notifications: notifications,
-    search: search,
-    urls: urls,
-    user: user
+  __proto__: null,
+  cart: cart,
+  default: localLoggedOut,
+  domains: domains,
+  links: links,
+  notifications: notifications,
+  search: search,
+  urls: urls,
+  user: user
 });
 
 class GestureController {
@@ -33161,9 +32083,9 @@ const now = (ev) => {
 };
 
 var index = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    GESTURE_CONTROLLER: GESTURE_CONTROLLER,
-    createGesture: createGesture
+  __proto__: null,
+  GESTURE_CONTROLLER: GESTURE_CONTROLLER,
+  createGesture: createGesture
 });
 
 Flickity.createMethods.push('_createFullscreen');
@@ -33291,7 +32213,7 @@ FullscreenButton.prototype.deactivate = function () {
 Flickity.FullscreenButton = FullscreenButton;
 
 var fullscreen = /*#__PURE__*/Object.freeze({
-    __proto__: null
+  __proto__: null
 });
 
 Flickity.createMethods.push('_createLazyload');
@@ -33381,7 +32303,7 @@ LazyLoader.prototype.complete = function (event, className) {
 Flickity.LazyLoader = LazyLoader;
 
 var lazyload = /*#__PURE__*/Object.freeze({
-    __proto__: null
+  __proto__: null
 });
 
 // -------------------------- PageDots -------------------------- //
@@ -33515,7 +32437,7 @@ proto$1.deactivatePageDots = function () {
 Flickity.PageDots = PageDots;
 
 var pageDots = /*#__PURE__*/Object.freeze({
-    __proto__: null
+  __proto__: null
 });
 
 const Slide = Flickity.Slide;
@@ -33723,7 +32645,7 @@ proto.shiftWrapCells = function (...args) {
 };
 
 var fade = /*#__PURE__*/Object.freeze({
-    __proto__: null
+  __proto__: null
 });
 
 exports.hydrateApp = hydrateApp;
@@ -33823,7 +32745,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.35.1-dev.1750418634.dcb189d | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {