npm - @nanoporetech-digital/components - Versions diffs - 6.0.1 → 6.2.0 - Mend

@nanoporetech-digital/components 6.0.1 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (295) hide show

package/hydrate/index.js CHANGED Viewed

@@ -9338,7 +9338,10 @@ class Algolia {
         await this.updateContent();
         setTimeout((_) => (this.isLoading = false), 800);
         this.showResults = true;
-        this.nanoResultsShown.emit(this.indexResults);
+        this.nanoResultsShown.emit({
+          meta: this.indexResults,
+          client: { appId: this.appId, apiKey: this.apiKey },
+        });
       }, 200);
     };
     // Takes all current filters (dynamic and static)
@@ -9383,6 +9386,7 @@ class Algolia {
       const searchParams = {
         filters: this.algoliaFilterStr(),
         page: this.indexResults ? this.indexResults.currentPage : 0,
+        clickAnalytics: true,
       };
       if (this.searchIndex.filters)
         searchParams.facets = this.searchIndex.filters;
@@ -9395,6 +9399,7 @@ class Algolia {
       // Setup initial meta on new queries. Some of it should not change on filter / pagination
       if (eventType === SearchChangeEvent.Init || !this.indexResults) {
         this.indexResults = {
+          queryID: result.queryID,
           currentPage: 0,
           totalHits: result.nbHits,
           hitsPerPage: null,
@@ -10509,64 +10514,6 @@ Wormhole(AlgoliaResults, [
   'isLoading',
 ]);
-const aspectRatioCss = "/*!@:host*/.sc-nano-aspect-ratio-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-aspect-ratio,*.sc-nano-aspect-ratio::before,*.sc-nano-aspect-ratio::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-aspect-ratio{display:none !important}/*!@:host*/.sc-nano-aspect-ratio-h{display:block}/*!@.aspect-ratio*/.aspect-ratio.sc-nano-aspect-ratio{position:relative}/*!@.aspect-ratio ::slotted(*)*/.aspect-ratio .sc-nano-aspect-ratio-s>*{position:absolute !important;inset-block-start:0 !important;inset-inline-start:0 !important;inline-size:100% !important;block-size:100% !important}/*!@.aspect-ratio--cover ::slotted(embed),\n.aspect-ratio--cover ::slotted(iframe),\n.aspect-ratio--cover ::slotted(img),\n.aspect-ratio--cover ::slotted(video)*/.aspect-ratio--cover .sc-nano-aspect-ratio-s>embed,.aspect-ratio--cover .sc-nano-aspect-ratio-s>iframe,.aspect-ratio--cover .sc-nano-aspect-ratio-s>img,.aspect-ratio--cover .sc-nano-aspect-ratio-s>video{object-fit:cover !important}/*!@.aspect-ratio--contain ::slotted(embed),\n.aspect-ratio--contain ::slotted(iframe),\n.aspect-ratio--contain ::slotted(img),\n.aspect-ratio--contain ::slotted(video)*/.aspect-ratio--contain .sc-nano-aspect-ratio-s>embed,.aspect-ratio--contain .sc-nano-aspect-ratio-s>iframe,.aspect-ratio--contain .sc-nano-aspect-ratio-s>img,.aspect-ratio--contain .sc-nano-aspect-ratio-s>video{object-fit:contain !important}";
-/**
- * Displays media in the desired aspect ratio.
- * You can slot in any replaced element, including `<iframe>`, `<img>`, and `<video>`.
- * As the element's width changes, its height will resize proportionally. Only one element should be slotted into the container.
- * The default aspect ratio is 16:9.
- */
-class AspectRatio {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.handleSlotChange = () => {
-      this.setAspectRatio();
-    };
-    this.aspectRatio = '16:9';
-    this.fit = 'cover';
-  }
-  handleAspectRatioChange() {
-    this.setAspectRatio();
-  }
-  setAspectRatio() {
-    if (typeof this.aspectRatio !== 'string') {
-      console.warn('aspectRatio should be a string.');
-      return;
-    }
-    else if (!this.aspectRatio.match(/^([0-9]+:[0-9]+)$/)) {
-      console.warn('aspectRatio is an incorrect format. Should be e.g. "16:9"');
-      return;
-    }
-    const split = this.aspectRatio.split(':');
-    const x = parseInt(split[0]);
-    const y = parseInt(split[1]);
-    this.base.style.paddingBottom = x && y ? `${(y / x) * 100}%` : null;
-  }
-  render() {
-    return (hAsync("div", { ref: (el) => (this.base = el), part: "base", class: {
-        'aspect-ratio': true,
-        'aspect-ratio--cover': this.fit === 'cover',
-        'aspect-ratio--contain': this.fit === 'contain',
-      } }, hAsync("slot", { onSlotchange: this.handleSlotChange })));
-  }
-  static get watchers() { return {
-    "aspectRatio": ["handleAspectRatioChange"]
-  }; }
-  static get style() { return aspectRatioCss; }
-  static get cmpMeta() { return {
-    "$flags$": 9,
-    "$tagName$": "nano-aspect-ratio",
-    "$members$": {
-      "aspectRatio": [1, "aspect-ratio"],
-      "fit": [1]
-    },
-    "$listeners$": undefined,
-    "$lazyBundleId$": "-",
-    "$attrsToReflect$": []
-  }; }
-}
 //
 // Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a
 // `focus-visible` class. Works at the component level so no global polyfill is necessary.
@@ -14786,7 +14733,7 @@ function getExpandedFallbackPlacements(placement) {
   return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
 }
-function flip(_ref) {
+function flip$1(_ref) {
   var state = _ref.state,
       options = _ref.options,
       name = _ref.name;
@@ -14906,11 +14853,11 @@ function flip(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
-var flip$1 = {
+var flip$2 = {
   name: 'flip',
   enabled: true,
   phase: 'main',
-  fn: flip,
+  fn: flip$1,
   requiresIfExists: ['offset'],
   data: {
     _skip: false
@@ -15514,7 +15461,7 @@ function popperGenerator(generatorOptions) {
   };
 }
-var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$2, preventOverflow$1, arrow$1, hide$1];
 var createPopper = /*#__PURE__*/popperGenerator({
   defaultModifiers: defaultModifiers
 }); // eslint-disable-next-line import/no-unused-modules
@@ -17214,6 +17161,48 @@ async function clientFetch(url, { body, ...customConfig } = {}) {
   }
 }
+let searchInsights;
+const searchInsight = {
+  /**
+   * Initialise algolia search insights.
+   * Will asynchronously import the search-insight library
+   * @param appId
+   * @param apiKey
+   */
+  init: async (appId, apiKey) => {
+    if (searchInsights)
+      return;
+    searchInsights = (await Promise.resolve().then(function () { return indexBrowser_cjs$1; })).default;
+    searchInsights('init', {
+      appId,
+      apiKey,
+    });
+  },
+  /**
+   * Sends a `clickedObjectIDsAfterSearch` event to algolia search-insights.
+   * `init(...)` Must have been called first.
+   * @param params
+   */
+  sendClick: (params) => {
+    if (!searchInsights) {
+      console.error('You must call `init()` first');
+      return;
+    }
+    searchInsights('clickedObjectIDsAfterSearch', { ...params });
+  },
+  /**
+   * Associates algolia analytics with a user id
+   * @param userToken
+   */
+  setUser: (userToken) => {
+    if (!searchInsights) {
+      console.error('You must call `init()` first');
+      return;
+    }
+    searchInsights('setUserToken', userToken);
+  },
+};
 const globalNavCss = "/*!@:host*/.sc-nano-global-nav-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-global-nav,*.sc-nano-global-nav::before,*.sc-nano-global-nav::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-global-nav{display:none !important}/*!@.global-nav*/.global-nav.sc-nano-global-nav{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}/*!@.global-nav button*/.global-nav.sc-nano-global-nav button.sc-nano-global-nav{background:none;color:inherit;border:none}/*!@.global-nav .icon-btn*/.global-nav.sc-nano-global-nav .icon-btn.sc-nano-global-nav{position:relative;background:none;color:inherit;border:none;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}/*!@.global-nav .icon-btn nano-icon*/.global-nav.sc-nano-global-nav .icon-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{inline-size:18px;block-size:18px}/*!@.global-nav ::slotted(nano-nav-item[slot=icon])*/.global-nav .sc-nano-global-nav-s>nano-nav-item[slot=icon]{--padding-top:9px;--padding-bottom:9px;--padding-start:7px;--padding-end:7px;--display:flex;font-size:18px}/*!@.global-nav a*/.global-nav.sc-nano-global-nav a.sc-nano-global-nav{color:inherit;text-decoration:none;white-space:nowrap}/*!@.global-nav .nav-links_title*/.global-nav.sc-nano-global-nav .nav-links_title.sc-nano-global-nav{margin:8px 0 3px}/*!@.global-nav .nav-links ul*/.global-nav.sc-nano-global-nav .nav-links.sc-nano-global-nav ul.sc-nano-global-nav{margin:0;padding:0}/*!@.global-nav .nav-links li*/.global-nav.sc-nano-global-nav .nav-links.sc-nano-global-nav li.sc-nano-global-nav{list-style:none}/*!@.global-nav .login-btn*/.global-nav.sc-nano-global-nav .login-btn.sc-nano-global-nav{display:flex;align-items:center}/*!@.global-nav .menu-btn*/.global-nav.sc-nano-global-nav .menu-btn.sc-nano-global-nav{padding:9px var(--bar-item-spacing) 9px var(--bar-item-spacing)}/*!@.site-content*/.site-content.sc-nano-global-nav{display:flex;transition:min-height 0.2s ease;position:relative;z-index:auto;align-items:stretch;flex:1}/*!@.bars*/.bars.sc-nano-global-nav{color:var(--bar-text-color);z-index:var(--nano-layer-index-menubar, 10);position:relative;max-inline-size:100%;min-inline-size:100%;box-shadow:none;transition:0.2s ease box-shadow;display:flex;flex-wrap:wrap}/*!@[stuck] .bars*/[stuck].sc-nano-global-nav .bars.sc-nano-global-nav{box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15)}/*!@.bars::before*/.bars.sc-nano-global-nav::before{content:\"\";inline-size:100%;block-size:100%;z-index:-1;background:var(--bar-background);position:absolute}/*!@.main-bar*/.main-bar.sc-nano-global-nav{flex:1 1 100%;inline-size:-moz-fit-content;inline-size:fit-content;padding-inline:0 var(--bar-item-spacing);padding-block:var(--bar-vertical-padding);display:flex;align-items:center;justify-content:space-between;overflow-x:hidden}/*!@.main-bar:focus*/.main-bar.sc-nano-global-nav:focus{outline:none}/*!@:host(.ready) .main-bar*/.ready.sc-nano-global-nav-h .main-bar.sc-nano-global-nav{overflow-x:visible}/*!@.main-bar > *,\n.main-bar ::slotted(*)*/.main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.main-bar .sc-nano-global-nav-s>*{transition:opacity 0.2s ease}/*!@:host(:not(.ready)) .main-bar > *,\n:host(:not(.ready)) .main-bar ::slotted(*)*/.sc-nano-global-nav-h:not(.ready) .main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.sc-nano-global-nav-h:not(.ready) .main-bar .sc-nano-global-nav-s>*{opacity:0 !important}/*!@:host(.ready) .main-bar > *,\n:host(.ready) .main-bar ::slotted(*)*/.ready.sc-nano-global-nav-h .main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.sc-nano-global-nav-h.ready .main-bar .sc-nano-global-nav-s>*{opacity:1}/*!@:host(.resizing) .main-bar > *,\n:host(.resizing) .main-bar ::slotted(*)*/.resizing.sc-nano-global-nav-h .main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.sc-nano-global-nav-h.resizing .main-bar .sc-nano-global-nav-s>*{opacity:0 !important}/*!@.main-bar > **/.main-bar.sc-nano-global-nav>*.sc-nano-global-nav{flex:0 0 auto}/*!@.main-bar > * ::slotted(nano-nav-item[slot=icon])*/.main-bar .sc-nano-global-nav-s>nano-nav-item[slot=icon]{margin-inline-start:11px}/*!@.main-bar > * ::slotted(nano-nav-item),\n.main-bar > * nano-nav-item*/.main-bar .sc-nano-global-nav-s>nano-nav-item,.main-bar.sc-nano-global-nav>*.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--color-hover:var(--bar-color-focus);--secondary-bg-color:var(--bar-dropdown-bg);--secondary-color:var(--bar-dropdown-text);--bg-color-open:var(--bar-background);--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;text-decoration:none !important}/*!@.main-bar .icon-btn*/.main-bar.sc-nano-global-nav .icon-btn.sc-nano-global-nav{margin-block:0 0;margin-inline-start:6px}/*!@:host(.threshold-2) .main-bar .icon-btn*/.threshold-2.sc-nano-global-nav-h .main-bar.sc-nano-global-nav .icon-btn.sc-nano-global-nav{margin-block:0 0;margin-inline-start:11px}/*!@.main-bar .menu-btn.icon-btn*/.main-bar.sc-nano-global-nav .menu-btn.icon-btn.sc-nano-global-nav{margin:0 !important;border-inline-end:1.5px solid var(--bar-color-shade)}/*!@.main-bar .logo*/.main-bar.sc-nano-global-nav .logo.sc-nano-global-nav{block-size:36px;inline-size:200px;min-inline-size:200px}/*!@:host(:not(.threshold-1)) .main-bar .logo*/.sc-nano-global-nav-h:not(.threshold-1) .main-bar.sc-nano-global-nav .logo.sc-nano-global-nav{block-size:30px}/*!@.main-bar .logo-link*/.main-bar.sc-nano-global-nav .logo-link.sc-nano-global-nav{margin-inline:0 0;padding-inline:var(--bar-item-spacing);display:flex;align-items:center;border:none}/*!@.main-bar .nav-links*/.main-bar.sc-nano-global-nav .nav-links.sc-nano-global-nav{flex:0 0 auto;display:flex;justify-content:space-around}/*!@.main-bar .nav-links ul*/.main-bar.sc-nano-global-nav .nav-links.sc-nano-global-nav ul.sc-nano-global-nav{display:flex;justify-content:space-around}/*!@.main-bar .nav-links ::slotted(nano-nav-item),\n.main-bar .nav-links nano-nav-item*/.main-bar .nav-links .sc-nano-global-nav-s>nano-nav-item,.main-bar.sc-nano-global-nav .nav-links.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;--margin:0 var(--bar-item-spacing)}/*!@.main-bar .nav-links--main*/.main-bar.sc-nano-global-nav .nav-links--main.sc-nano-global-nav{justify-content:flex-start;letter-spacing:1.5px;font-weight:600;font-stretch:condensed;text-transform:uppercase;font-size:1.065em;margin-inline-end:auto}/*!@.main-bar .nav-links--main ::slotted(nano-nav-item)*/.main-bar .nav-links--main .sc-nano-global-nav-s>nano-nav-item{--color:var(--bar-text-color);--padding-end:3px;--padding-start:0}/*!@.main-bar .nav-links--sub*/.main-bar.sc-nano-global-nav .nav-links--sub.sc-nano-global-nav{--color:var(--color, #e2e2e2);margin-inline-start:6px;justify-content:flex-end}/*!@.main-bar .login-btn*/.main-bar.sc-nano-global-nav .login-btn.sc-nano-global-nav{display:inline-block;border-radius:4px;background-color:var(--login-button-bg);color:var(--login-button-text);padding:3px 10px;position:relative;inset-inline-start:auto;inset-block-end:auto;margin-inline:11px 0}/*!@.main-bar .measure-ele*/.main-bar.sc-nano-global-nav .measure-ele.sc-nano-global-nav{min-inline-size:1px;display:block;margin:0;padding:0}/*!@.sticker-trigger*/.sticker-trigger.sc-nano-global-nav{background:var(--bar-background);inline-size:100%;block-size:1px;z-index:20;position:relative;display:block}/*!@.sticker-trigger:has(+ .sticker-trigger)*/.sticker-trigger.sc-nano-global-nav:has(+.sticker-trigger).sc-nano-global-nav{display:none}/*!@.gn-menu*/.gn-menu.sc-nano-global-nav{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:-1;display:none;transition:z-index 0.01s ease 0.2s;block-size:100vh;inline-size:100vw;overflow-y:auto}/*!@:host(.threshold-4) .gn-menu*/.threshold-4.sc-nano-global-nav-h .gn-menu.sc-nano-global-nav{position:absolute;inline-size:calc(100vw - 20px)}/*!@.gn-menu.menu-full-screen*/.gn-menu.menu-full-screen.sc-nano-global-nav{inline-size:100vw !important}/*!@.gn-menu_wrap*/.gn-menu_wrap.sc-nano-global-nav{max-inline-size:92vw;inline-size:335px;background:var(--menu-background);color:var(--menu-text-color);padding:calc(var(--bar-vertical-padding) + 1px) 0 0;box-shadow:0 0 36px 0 rgba(0, 0, 0, 0.8);position:relative;pointer-events:all;margin-block-end:36px;opacity:0;outline:none;transition:transform 0.2s ease, opacity 0.2s ease;overflow:hidden}/*!@.gn-menu_wrap.has-promotion*/.gn-menu_wrap.has-promotion.sc-nano-global-nav{padding:var(--menu-padding) 0 0}/*!@.gn-menu.open*/.gn-menu.open.sc-nano-global-nav{z-index:var(--nano-layer-index-dropdown, 300);transition:z-index 0.01s ease}/*!@.gn-menu.open .gn-menu_wrap*/.gn-menu.open.sc-nano-global-nav .gn-menu_wrap.sc-nano-global-nav{opacity:1;transform:translate3d(0, 0, 0) !important;transition:transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s}/*!@.gn-menu_actions*/.gn-menu_actions.sc-nano-global-nav{padding-inline-end:calc(var(--menu-padding) / 2);display:flex;justify-content:space-between}/*!@.gn-menu_actions-counter*/.gn-menu_actions-counter.sc-nano-global-nav{background:#d0021b;color:var(--menu-text-color);position:absolute;inset-block-end:4px;inset-inline:auto 0;font-size:9px;block-size:14px;line-height:14px;inline-size:auto;min-inline-size:14px;border-radius:50%;box-sizing:border-box;text-align:center;text-indent:0}/*!@.gn-menu .content-wrap*/.gn-menu.sc-nano-global-nav .content-wrap.sc-nano-global-nav{position:relative;transition:0.2s ease min-height;min-block-size:190px}/*!@.gn-menu .content--sub*/.gn-menu.sc-nano-global-nav .content--sub.sc-nano-global-nav{padding:var(--menu-padding) 0 var(--menu-padding) 7px}/*!@.gn-menu .menu-btn*/.gn-menu.sc-nano-global-nav .menu-btn.sc-nano-global-nav{margin-inline-end:auto}/*!@.gn-menu .nav-links*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav{display:flex;flex-wrap:wrap}/*!@.gn-menu .nav-links ::slotted(nano-nav-item),\n.gn-menu .nav-links nano-nav-item*/.gn-menu .nav-links .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--icon-size:14px;--display:inline-block;--secondary-bg-color:#001a21;--padding-top:10px;--padding-bottom:10px;--padding-end:calc(var(--menu-padding) * 2);--padding-start:calc(var(--menu-padding) + 3px);--color:var(--menu-text-color);--color-hover:var(--menu-title-text);--bg-color-hover:transparent;--bg-color-focus:#002530;--focus-outline:none;inline-size:100%}/*!@.gn-menu .nav-links .user-nav*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav{--bg-color:var(--menu-user-panel-bg);--padding-top:9px;--padding-bottom:9px;font-weight:bold;margin:5px 0 0}/*!@.gn-menu .nav-links .user-nav ::slotted(nano-nav-item),\n.gn-menu .nav-links .user-nav nano-nav-item*/.gn-menu .nav-links .user-nav .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{font-weight:400;--bg-color:transparent}/*!@.gn-menu .nav-links .user-nav .content*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav .content.sc-nano-global-nav{padding:0;background-color:var(--menu-user-panel-bg)}/*!@.gn-menu .nav-links .user-nav .content--sub*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav .content--sub.sc-nano-global-nav{padding-inline:var(--menu-padding)}/*!@.gn-menu .nav-links .user-nav .back-btn*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav .back-btn.sc-nano-global-nav{padding-inline-start:var(--menu-padding)}/*!@.gn-menu .nav-links_title*/.gn-menu.sc-nano-global-nav .nav-links_title.sc-nano-global-nav{margin:0 var(--menu-padding) 4px;border-block-end:1px solid var(--menu-hint-color);padding-block-end:8px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:700}/*!@.gn-menu .nav-links_title--sites*/.gn-menu.sc-nano-global-nav .nav-links_title--sites.sc-nano-global-nav{border-block-end:none}/*!@.gn-menu .nav-links-wrap*/.gn-menu.sc-nano-global-nav .nav-links-wrap.sc-nano-global-nav{margin:18px 0}/*!@.gn-menu .nav-links-wrap:last-child*/.gn-menu.sc-nano-global-nav .nav-links-wrap.sc-nano-global-nav:last-child{margin-block-end:0}/*!@.gn-menu .nav-links .back-btn*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .back-btn.sc-nano-global-nav{border-block-start:1px solid var(--menu-hint-color);border-block-end:1px solid var(--menu-hint-color);display:flex;align-items:center;padding:10px 11px 10px 0;inline-size:100%;font-size:12px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:700;cursor:pointer;font-stretch:expanded}/*!@.gn-menu .nav-links .back-btn:hover*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .back-btn.sc-nano-global-nav:hover{color:var(--menu-text-color)}/*!@.gn-menu .nav-links .back-btn nano-icon*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .back-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{margin-inline-end:10px;font-size:12px;color:var(--menu-icon-color)}/*!@.gn-menu .nav-links--sub*/.gn-menu.sc-nano-global-nav .nav-links--sub.sc-nano-global-nav{display:flex;flex-wrap:wrap}/*!@.gn-menu .nav-links--sub ::slotted(nano-nav-item),\n.gn-menu .nav-links--sub nano-nav-item*/.gn-menu .nav-links--sub .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links--sub.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--border-bottom:none;--padding-end:var(--menu-padding);--padding-start:var(--menu-padding);--padding-top:8px;--padding-bottom:8px;margin:0;inline-size:50%;line-height:1.8}/*!@.gn-menu .nav-links--sites ::slotted(nano-nav-item),\n.gn-menu .nav-links--sites nano-nav-item*/.gn-menu .nav-links--sites .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links--sites.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{inline-size:100%}/*!@.gn-menu .nav-links .content*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .content.sc-nano-global-nav{padding:8px var(--menu-padding)}/*!@.gn-menu .login-btn*/.gn-menu.sc-nano-global-nav .login-btn.sc-nano-global-nav{padding-inline:7px var(--menu-padding);padding-block:var(--menu-padding)}/*!@.gn-menu .login-btn nano-icon*/.gn-menu.sc-nano-global-nav .login-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{margin-inline-start:10px}/*!@.gn-menu .logout-btn*/.gn-menu.sc-nano-global-nav .logout-btn.sc-nano-global-nav{justify-content:flex-end}/*!@.gn-menu .logout-btn a*/.gn-menu.sc-nano-global-nav .logout-btn.sc-nano-global-nav a.sc-nano-global-nav{padding:0 5px}/*!@.mask*/.mask.sc-nano-global-nav{opacity:0;background:rgba(0, 0, 0, 0.3);position:fixed;inset-inline:0;inset-block-start:0;block-size:100vh;z-index:-1;transition:transform 0.2s ease, opacity 0.2s ease, visibility 0.01s ease 0.2s, z-index 0.01s ease 0.2s;visibility:hidden}/*!@.mask.open*/.mask.open.sc-nano-global-nav{opacity:1;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s;z-index:var(--nano-layer-index-mask, 10);visibility:visible}/*!@.search-btn::before*/.search-btn.sc-nano-global-nav::before{content:\"\";background-color:#0c5a71;block-size:9px;inset-inline:0 5px;inset-block-end:-20px;position:absolute;transform:translateZ(0) scaleX(0);transform-origin:0;transition:0.2s ease transform}/*!@.search-btn--open::before*/.search-btn--open.sc-nano-global-nav::before{transform:translateZ(0) scaleX(1);opacity:0.7}/*!@.search-bar*/.search-bar.sc-nano-global-nav{block-size:0;overflow:hidden;transition:0.2s ease height;padding:0 var(--bar-item-spacing);outline:none;max-inline-size:45em;margin-inline-start:auto;flex:1}/*!@.search-bar .search-widget*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav{margin:0;overflow:inherit;max-inline-size:none;max-block-size:none;min-inline-size:auto;padding-inline-end:0}/*!@.search-bar .search-widget .search-icon--search*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .search-icon--search.sc-nano-global-nav{display:none}/*!@.search-bar .search-widget .search-input*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .search-input.sc-nano-global-nav{--input-border-width:2px 0 0 0;--input-bg-color:#f3f3f3;--nano-input-border-color:transparent;--nano-input-border-color--focus:var(--bar-color-shade);font-size:1.1875em}/*!@.search-bar .search-widget nano-select.search-input*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav nano-select.search-input.sc-nano-global-nav{--input-border-width:2px 3px 0 0;--input-bg-color:var(--bar-color-shade);--input-bg-color--focus:#f3f3f3;color:#f3f3f3}/*!@.search-bar .search-widget nano-select.search-input.has-focus*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav nano-select.search-input.has-focus.sc-nano-global-nav{color:var(--bar-color-shade)}/*!@.search-bar .search-widget .select-input__arrow*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .select-input__arrow.sc-nano-global-nav{font-size:0.75em}/*!@.search-bar .search-widget .select__mask.sc-nano-select*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .select__mask.sc-nano-select.sc-nano-global-nav{line-height:2.35em;min-block-size:2.35em;padding-block-start:2px}/*!@.search-bar .search-inputs*/.search-bar.sc-nano-global-nav .search-inputs.sc-nano-global-nav{padding:0;margin:0}/*!@.search-bar .search-autocomplete*/.search-bar.sc-nano-global-nav .search-autocomplete.sc-nano-global-nav{inset-block-start:100%;inline-size:100%}/*!@.search-widget*/.search-widget.sc-nano-global-nav{padding-inline-end:var(--bar-item-spacing);margin-inline:var(--bar-item-spacing) auto;position:relative;flex:1 1 auto;max-inline-size:500px;min-inline-size:350px;max-block-size:36px;inset-block-start:-1px}/*!@.search-inputs*/.search-inputs.sc-nano-global-nav{display:flex;margin:0}/*!@.search-inputs input[type=submit]*/.search-inputs.sc-nano-global-nav input[type=submit].sc-nano-global-nav{display:none}/*!@.search-autocomplete*/.search-autocomplete.sc-nano-global-nav{position:absolute;inset-block-start:calc(100% + 15px);inline-size:calc(100% - var(--bar-item-spacing));inset-inline-start:0;background:white;border:2px solid var(--bar-color-tint);border-radius:0 0 5px 5px;color:#4a4a4a;padding-block:calc(var(--bar-vertical-padding) / 2) 1px;padding-inline:0 0;z-index:1}/*!@.search-autocomplete-hit*/.search-autocomplete-hit.sc-nano-global-nav{padding-block:calc(var(--bar-vertical-padding) / 4);padding-inline:var(--bar-item-spacing);inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:start;line-height:1.5;cursor:pointer}/*!@.search-autocomplete-hit-scope*/.search-autocomplete-hit-scope.sc-nano-global-nav{color:#a7b0b3;font-weight:600}/*!@.search-autocomplete-hit:hover, .search-autocomplete-hit:focus-visible*/.search-autocomplete-hit.sc-nano-global-nav:hover,.search-autocomplete-hit.sc-nano-global-nav:focus-visible{background-color:#e4e6e8}/*!@.search-autocomplete-hit:focus-visible*/.search-autocomplete-hit.sc-nano-global-nav:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}/*!@.search-autocomplete-hit:focus*/.search-autocomplete-hit.sc-nano-global-nav:focus{outline:none}/*!@.search-autocomplete-hit .search__highlight,\n.search-autocomplete-hit em*/.search-autocomplete-hit.sc-nano-global-nav .search__highlight.sc-nano-global-nav,.search-autocomplete-hit.sc-nano-global-nav em.sc-nano-global-nav{font-weight:bold;font-style:normal}/*!@.search-autocomplete-hit--no-result:hover, .search-autocomplete-hit--no-result:focus*/.search-autocomplete-hit--no-result.sc-nano-global-nav:hover,.search-autocomplete-hit--no-result.sc-nano-global-nav:focus{background:none !important}/*!@.search-autocomplete-foot*/.search-autocomplete-foot.sc-nano-global-nav{margin:7px 0 0}/*!@.search-autocomplete-submit*/.search-autocomplete-submit.sc-nano-global-nav{background:none;border:none;align-self:normal;padding:9px var(--bar-item-spacing) !important;cursor:pointer;display:flex;align-items:center;color:#007495;justify-content:flex-end;inline-size:100%;text-decoration:underline;border-block-start:1px solid #e8eaea}/*!@.search-autocomplete-submit:hover, .search-autocomplete-submit:focus*/.search-autocomplete-submit.sc-nano-global-nav:hover,.search-autocomplete-submit.sc-nano-global-nav:focus{background-color:#e4e6e8}/*!@nano-select.search-input*/nano-select.search-input.sc-nano-global-nav{--input-border-width:0 0 2px 0;--input-text-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--padding-end:var(--bar-item-spacing);--nano-input-border-color--focus:black;font-stretch:condensed;font-weight:600;letter-spacing:1.5px;font-size:1.2em;flex:0 1 auto;inline-size:auto;display:flex;align-items:center;flex-direction:column;position:relative;inset-inline-start:1px;text-transform:uppercase}/*!@:host(:not(.ready)) nano-select.search-input*/.sc-nano-global-nav-h:not(.ready) nano-select.search-input.sc-nano-global-nav{overflow:hidden;max-block-size:1em}/*!@nano-select.search-input .down-arrow*/nano-select.search-input.sc-nano-global-nav .down-arrow.sc-nano-global-nav{font-size:0.65em}/*!@nano-input.search-input*/nano-input.search-input.sc-nano-global-nav{--clear-btn-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--input-border-width:0 0 2px 0;--placeholder-color:var(--bar-text-color);--input-text-color:var(--bar-text-color);--padding-start:21px;--nano-input-border-color--focus:black;font-size:1.2em;inline-size:206px;display:flex;align-items:center;flex-direction:column;flex:1}/*!@:host(:dir(rtl)) nano-input.search-input*/.sc-nano-global-nav-h:dir(rtl) nano-input.search-input.sc-nano-global-nav{--input-border-radius:5px 0 0 5px}/*!@:host-context([dir=rtl]) nano-input.search-input*/[dir=rtl].sc-nano-global-nav-h nano-input.search-input.sc-nano-global-nav,[dir=rtl] .sc-nano-global-nav-h nano-input.search-input.sc-nano-global-nav{--input-border-radius:5px 0 0 5px}/*!@:host(:not(.ready)) nano-input.search-input*/.sc-nano-global-nav-h:not(.ready) nano-input.search-input.sc-nano-global-nav{overflow:hidden;max-block-size:1em}/*!@nano-input.search-input .search-icon*/nano-input.search-input.sc-nano-global-nav .search-icon.sc-nano-global-nav{background:none;padding:0 8px;display:none;font-size:0.9em}/*!@nano-input.search-input .search-icon--show*/nano-input.search-input.sc-nano-global-nav .search-icon--show.sc-nano-global-nav{display:flex !important}/*!@nano-input.search-input .search-icon--loader*/nano-input.search-input.sc-nano-global-nav .search-icon--loader.sc-nano-global-nav{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}/*!@nano-input.search-input .search-icon nano-icon*/nano-input.search-input.sc-nano-global-nav .search-icon.sc-nano-global-nav nano-icon.sc-nano-global-nav{block-size:1.4em}/*!@.user-profile*/.user-profile.sc-nano-global-nav{display:flex;justify-content:space-between;align-items:center;padding:2em;background-color:var(--menu-user-profile-bg)}/*!@.user-profile .left*/.user-profile.sc-nano-global-nav .left.sc-nano-global-nav{display:flex;align-items:center}/*!@.user-profile .avatar-container*/.user-profile.sc-nano-global-nav .avatar-container.sc-nano-global-nav{position:relative}/*!@.user-profile .avatar-container img.avatar*/.user-profile.sc-nano-global-nav .avatar-container.sc-nano-global-nav img.avatar.sc-nano-global-nav{border-radius:50px}/*!@.user-profile .avatar-container img.logo-small*/.user-profile.sc-nano-global-nav .avatar-container.sc-nano-global-nav img.logo-small.sc-nano-global-nav{position:absolute;block-size:30px;inline-size:30px;inset-block-end:0;inset-inline-end:0;background-color:#27586e;border-radius:10px;padding:5px}/*!@.user-profile .user-details*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav{display:flex;flex-direction:column;margin:0 1.25em;color:white}/*!@.user-profile .user-details .name*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav .name.sc-nano-global-nav{font-size:1.25em}/*!@.user-profile .user-details .bio*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav .bio.sc-nano-global-nav{margin:0.5em 0}/*!@.user-profile .user-details .kudos span*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav .kudos.sc-nano-global-nav span.sc-nano-global-nav{background-color:#81c7eb;color:#415958;padding:0.25em;border-radius:0.5em;font-weight:bold}/*!@.user-profile .chevron-right*/.user-profile.sc-nano-global-nav .chevron-right.sc-nano-global-nav{font-size:1.5em;color:white}/*!@.user-links*/.user-links.sc-nano-global-nav{position:relative}/*!@.user-links .icon-btn*/.user-links.sc-nano-global-nav .icon-btn.sc-nano-global-nav{padding-inline-end:0;font-weight:400;padding:7px}/*!@.user-links .icon-btn nano-icon*/.user-links.sc-nano-global-nav .icon-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{margin-inline-start:5px;inline-size:16px;block-size:16px;transform-origin:center;transition:transform 0.2s ease, color 0.2s ease}/*!@.user-links .icon-btn.open nano-icon*/.user-links.sc-nano-global-nav .icon-btn.open.sc-nano-global-nav nano-icon.sc-nano-global-nav{transform:rotate(180deg);color:#007495}/*!@.user-links-panel*/.user-links-panel.sc-nano-global-nav{display:none;position:absolute;border-radius:4px 0 4px 4px;box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);background-color:#568c9d;opacity:0;transform:translate3d(0, 30px, 0);transition:transform 0.2s ease, opacity 0.2s ease;inset-inline-end:0;min-inline-size:318px;z-index:2}/*!@.user-links-panel:focus*/.user-links-panel.sc-nano-global-nav:focus{outline:none}/*!@.user-links-panel.show*/.user-links-panel.show.sc-nano-global-nav{opacity:1;transform:translate3d(0, calc(var(--padding) + 1px), 0)}/*!@.user-links-panel-content*/.user-links-panel-content.sc-nano-global-nav{padding:0 18px;display:flex;flex-direction:column;color:white}/*!@.user-links-panel-content a*/.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav{padding:11px 0;border-block-end:#669dac 1px solid}/*!@.user-links-panel-content a:hover, .user-links-panel-content a:focus*/.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav:hover,.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav:focus{color:#455556}/*!@.user-links-panel-content a:last-child*/.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav:last-child{border-block-end:none}/*!@.user-links-panel-foot*/.user-links-panel-foot.sc-nano-global-nav{background-color:#aac5cd;border-radius:0 0 4px 4px;padding:var(--padding);color:#455556;display:flex;align-items:center;font-weight:400;justify-content:space-between}/*!@.user-links-panel-foot a:hover*/.user-links-panel-foot.sc-nano-global-nav a.sc-nano-global-nav:hover{text-decoration:underline}/*!@.user-links-panel .user-profile*/.user-links-panel.sc-nano-global-nav .user-profile.sc-nano-global-nav{background-color:var(--bar-user-panel-bg)}/*!@:host*/.sc-nano-global-nav-h{--bar-vertical-padding:21px;--bar-item-spacing:13px;--bar-background:white;--bar-text-color:#196c82;--bar-color-shade:rgb(12 90 113);--bar-color-tint:rgb(19 89 111);--bar-color-focus:#99a3a6;--bar-user-panel-bg:#016d86;--bar-dropdown-bg:#196c82;--bar-dropdown-text:white;--menu-background:#001a21;--menu-text-color:white;--menu-user-profile-bg:#001a21;--menu-user-panel-bg:#193037;--menu-padding:12px;--menu-hint-color:#33484d;--menu-title-text:#90c6e7;--menu-icon-color:white;--login-button-bg:#17bb75;--login-button-text:white;--padding:12px;--padding-top:var(--padding);--padding-end:var(--padding);--padding-bottom:var(--padding);--padding-start:var(--padding);display:flex;flex-direction:column;position:relative;line-height:1.5;block-size:100%;font-size:0.9375em;font-size:clamp(0.77rem, 1vw, 0.9rem)}/*!@:host input,\n:host select,\n:host button*/.sc-nano-global-nav-h input.sc-nano-global-nav,.sc-nano-global-nav-h select.sc-nano-global-nav,.sc-nano-global-nav-h button.sc-nano-global-nav{font-family:inherit;-webkit-appearance:none;appearance:none;font-size:inherit}/*!@:host a:focus,\n:host button:focus*/.sc-nano-global-nav-h a.sc-nano-global-nav:focus,.sc-nano-global-nav-h button.sc-nano-global-nav:focus{outline:none}/*!@:host a:focus-visible,\n:host button:focus-visible*/.sc-nano-global-nav-h a.sc-nano-global-nav:focus-visible,.sc-nano-global-nav-h button.sc-nano-global-nav:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}";
 // the 'breakpoints' where different segments of content go into or out-of the burger / overflow menu
@@ -17350,7 +17339,7 @@ class GlobalNav {
         return false;
       this.userMenuOpen = false;
     };
-    // Search bar (smaller screens / mobile)
+    // Search bar open / closed
     this.onSearchBtnClick = (ev) => {
       ev.preventDefault();
       this.searchBarShown ? this.searchbarHide() : this.searchbarShow();
@@ -17614,6 +17603,7 @@ class GlobalNav {
     this.cartUrl = null;
     this.msgUrl = null;
     this.assessSlottedContent = debounce$2(this.assessSlottedContent.bind(this), 10);
+    this.handleBarResize = debounce$2(this.handleBarResize.bind(this), 200);
   }
   handleMyAccountData() {
     if (!this.myAccountData)
@@ -17725,6 +17715,11 @@ class GlobalNav {
       return;
     this.algoliaClient = algoliasearch(this.searchAppId, this.searchApiKey);
     this.addAlgoliaIndeces();
+    // setup algolia analytics
+    searchInsight.init(this.searchAppId, this.searchApiKey).then(() => {
+      if (this.myAccountUser)
+        searchInsight.setUser(this.myAccountUser.uuid);
+    });
   }
   /** Public facing set of Algolia indices. Add to any indices we may already have (e.g. from MyAccount) */
   addIndeces() {
@@ -17788,7 +17783,8 @@ class GlobalNav {
   // Global DOM Events
   /**
    * 1) Reset threshold (item fit breakpoint) when screen is bigger than before.
-   * 2) Hide search bar whenever we resize
+   * 2) Assess the all threshold / breakpoints to see if content fits
+   * 3) Hide search bar whenever we resize
    */
   onWindowResize() {
     if (this.threshold < THRESHOLDLIMIT && window.innerWidth > this.currSize) {
@@ -17796,6 +17792,7 @@ class GlobalNav {
     }
     this.currSize = window.innerWidth;
     this.searchbarHide();
+    this.handleBarResize();
   }
   // Burger / Overflow Menu
   /* listen to nav-item secondary open / close events primarily for resizing the menu */
@@ -17860,7 +17857,7 @@ class GlobalNav {
       this.el.focus();
     }
   }
-  searchbarShow() {
+  async searchbarShow() {
     this.searchBarShown = true;
     this.searchBarEl.addEventListener('transitionend', this.onSearchBarShown);
     this.searchBarEl.style.display = 'block';
@@ -17898,6 +17895,7 @@ class GlobalNav {
     this.algoliaSearchResults = null;
     const queries = this.internalSearchIndeces.map((index) => {
       return {
+        clickAnalytics: true,
         attributesToSnippet: ['body:5', 'title:8'],
         indexName: index.index,
         query: this.searchValInternal,
@@ -17947,7 +17945,7 @@ class GlobalNav {
         this.threshold--;
         setTimeout(() => {
           resolve();
-        }, 500);
+        }, 200);
       });
     };
     // Decrease the threshold until content fits
@@ -17994,12 +17992,6 @@ class GlobalNav {
       });
     });
   }
-  /**
-   * Attach the ResizeObserver - from which all threshold / breakpoint logic hinges
-   */
-  attachResizeObserver() {
-    return;
-  }
   // Stencil Lifecycle / Rendering
   componentWillLoad() {
     ComponentStore.init(this, ['searchIndex', 'searchValue'], 'url-hash', 'gns');
@@ -18012,14 +18004,9 @@ class GlobalNav {
   componentDidLoad() {
     this.initAlgoliaClient();
     this.addAlgoliaIndeces();
-    this.attachResizeObserver();
     requestAnimationFrame(() => this.handleBarResize());
   }
   disconnectedCallback() {
-    if (this.resizeObserver) {
-      this.resizeObserver.disconnect();
-      this.resizeObserver = undefined;
-    }
   }
   // Render output
   autocompleteList() {
@@ -18046,7 +18033,15 @@ class GlobalNav {
         let scopeSuggestions = 0;
         content = (hAsync("div", null, !currentScopeHits && (hAsync("div", { class: "search-autocomplete-hit search-autocomplete-hit--no-result" }, "No results matching '", this.searchValInternal, "' were found in", ' ', hAsync("strong", null, this.currentIndex.name), ". Try another phrase.")), this.autocompleteResults && [
           this.autocompleteResults.hits.map((hit, i) => {
-            return (hAsync("a", { role: "option", ref: (a) => this.autocompleteEles.push(a), tabindex: "-1", id: 'autocomplete-hit-' + i, href: hit.url, class: "search-autocomplete-hit", innerHTML: this.autocompleteSnippet(hit) }));
+            return (hAsync("a", { role: "option", ref: (a) => this.autocompleteEles.push(a), tabindex: "-1", id: 'autocomplete-hit-' + i, href: hit.url, class: "search-autocomplete-hit", innerHTML: this.autocompleteSnippet(hit), onClick: () => {
+                searchInsight.sendClick({
+                  index: this.currentIndex.index,
+                  eventName: 'Global nav quick search - search result clicked',
+                  queryID: this.autocompleteResults.queryID,
+                  objectIDs: [hit.objectID],
+                  positions: [i + 1],
+                });
+              } }));
           }),
         ], (!currentScopeHits || this.currentIndex.allGroup) &&
           this.scopeSearch &&
@@ -18412,6 +18407,28 @@ class GlobalSearchResults {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.nanoSearchGoBack = createEvent(this, "nanoSearchGoBack", 7);
+    this.resultClick = (e) => {
+      const hit = e.target.closest('.result');
+      if (e.target.tagName === 'A' && hit) {
+        searchInsight.sendClick({
+          index: this.algoliaResults.index,
+          eventName: 'Global nav full search - search result clicked',
+          queryID: this.algoliaResults.queryID,
+          objectIDs: [hit.dataset.hitId],
+          positions: [Number(hit.dataset.hitCount) + 1],
+        });
+      }
+    };
+    this.showFiltersClick = () => {
+      this.filtersDiv.tabIndex = -1;
+      this.filtersDiv.classList.add('show');
+      this.filtersDiv.setAttribute('aria-expanded', 'true');
+      document.body.style.overflow = 'hidden';
+      setTimeout(() => this.filtersDiv.focus(), 20);
+    };
+    this.removeFilterClick = (e) => {
+      this.removeFilter(e.target.dataset.filter, e.target.dataset.filterVal);
+    };
     this.tagClick = (e) => {
       e.preventDefault();
       let tagVal = e.target.dataset.value;
@@ -18422,6 +18439,14 @@ class GlobalSearchResults {
         filter.value = filter.value ? [...filter.value, tagVal] : [tagVal];
       }
     };
+    this.goback = () => {
+      const goBackEvent = this.nanoSearchGoBack.emit();
+      if (goBackEvent.defaultPrevented)
+        return;
+      this.removeAllFilters();
+      this.algoliaEle.query = '';
+      this.algoliaEle.showResults = false;
+    };
     this.algoliaEle = undefined;
     this.currentWidth = undefined;
     this.apiKey = undefined;
@@ -18451,11 +18476,11 @@ class GlobalSearchResults {
     this.goback();
   }
   handleGlobalNavSearch(e) {
-    if (e.target.tagName !== 'NANO-GLOBAL-NAV')
-      return;
     const { detail: { meta, client }, } = e;
     this.apiKey = client.apiKey;
     this.appId = client.appId;
+    if (e.target.tagName !== 'NANO-GLOBAL-NAV')
+      return;
     this.index = {
       name: meta.indexTitle,
       index: meta.index,
@@ -18474,11 +18499,13 @@ class GlobalSearchResults {
     }
   }
   attachListeners(e) {
+    searchInsight.init(e.detail.client.appId, e.detail.client.apiKey);
     if (!e
       .composedPath()
       .find((ele) => ele.id && ele.id === 'main-search'))
       return;
     this.algoliaResultsEle = this.algoliaEle.querySelector('#main-search-results');
+    this.algoliaResults = e.detail.meta;
     // add results listeners
     this.attachResultListeners();
     this.algoliaEle.querySelectorAll('.filters-reset').forEach((item) => {
@@ -18506,33 +18533,32 @@ class GlobalSearchResults {
     }
   }
   attachResultListeners(e) {
-    if (e && e.composedPath().find((el) => el === this.algoliaEle)) {
+    if (e && e.composedPath()?.find((el) => el === this.algoliaEle)) {
       this.algoliaResultsEle = this.algoliaEle.querySelector('nano-algolia-results');
     }
     if (!this.algoliaResultsEle)
       return;
     const resultEle = this.algoliaResultsEle;
+    // wire up hit event listener for analytics
+    this.algoliaResultsEle.removeEventListener('click', this.resultClick);
+    this.algoliaResultsEle.addEventListener('click', this.resultClick);
+    // wire up remove filter event listener
     resultEle.querySelectorAll('.remove-filter').forEach((item) => {
-      item.addEventListener('click', (clickEv) => {
-        const filter = clickEv.target;
-        this.removeFilter(filter.dataset.filter, filter.dataset.filterVal);
-      });
+      item.removeEventListener('click', this.removeFilterClick);
+      item.addEventListener('click', this.removeFilterClick);
     });
+    // wire up the back button event listener
     resultEle.querySelectorAll('.back-btn').forEach((item) => {
-      item.addEventListener('click', () => {
-        this.goback();
-      });
+      item.removeEventListener('click', this.goback);
+      item.addEventListener('click', this.goback);
     });
+    // wire up mobile filter list panel event listener
     resultEle.querySelectorAll('.topbar__show-filters').forEach((item) => {
       this.openFilterBtn = item;
-      item.addEventListener('click', () => {
-        this.filtersDiv.tabIndex = -1;
-        this.filtersDiv.classList.add('show');
-        this.filtersDiv.setAttribute('aria-expanded', 'true');
-        document.body.style.overflow = 'hidden';
-        setTimeout(() => this.filtersDiv.focus(), 20);
-      });
+      item.removeEventListener('click', this.showFiltersClick);
+      item.addEventListener('click', this.showFiltersClick);
     });
+    // wire up tags event listeners
     const tags = Array.from(resultEle.querySelectorAll('.result__tags-tag'));
     tags.forEach((tag) => {
       tag.removeEventListener('click', this.tagClick);
@@ -18542,14 +18568,6 @@ class GlobalSearchResults {
   changeOrder(ev) {
     this.algoliaEle.replicaIndex = ev.detail.value;
   }
-  goback() {
-    const goBackEvent = this.nanoSearchGoBack.emit();
-    if (goBackEvent.defaultPrevented)
-      return;
-    this.removeAllFilters();
-    this.algoliaEle.query = '';
-    this.algoliaEle.showResults = false;
-  }
   removeFilter(facet, filter) {
     this.algoliaEle.removeFilters(facet, filter);
   }
@@ -18653,10 +18671,10 @@ class GlobalSearchResults {
                   <!-- END NO CONTENT -->
                   {{ @if (it.totalHitsWithFilters > 0) }}
-                    {{ @each(it.results) => result }}
+                    {{ @each(it.results) => result, resultIndex }}
                       {{ contentType = result.content_type ? result.content_type : result.type }}
                       <li class="sc-nano-global-search-results">
-                        <div class="sc-nano-global-search-results result">
+                        <div class="sc-nano-global-search-results result" data-hit-id="{{ result.objectID }}" data-hit-count="{{ resultIndex }}">
                           <h4 class="sc-nano-global-search-results result__title" data-icon-set="{{(iconSet = false)}}">
                             <a href="{{ result.url | abs_url(it, result) }}">
                             {{ @if (result._snippetResult) }}
@@ -19362,7 +19380,7 @@ class GridItem {
   }; }
 }
-const heroCss = "/*!@:host*/.sc-nano-hero-h {\n  box-sizing: border-box;\n}\n\n/*!@*,\n*::before,\n*::after*/*.sc-nano-hero, *.sc-nano-hero::before, *.sc-nano-hero::after {\n  box-sizing: border-box;\n}\n/*!@[hidden]*/[hidden].sc-nano-hero {\n  display: none !important;\n}\n\n/*!@:host*/.sc-nano-hero-h {\n  \n  --nano-loader-base: #4a4a4a;\n  --nano-loader-tint: #7d7d7d;\n  --theme-color: #fff;\n  --theme-tint-color: #90c6e7;\n  --scrim-color: 0 0 0;\n  --scrim-direction: 90deg;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 0.7;\n  --padding: 0;\n  --quote-size: 1.3rem;\n  color: var(--theme-color);\n  display: block;\n  container-type: inline-size;\n}\n\n/*!@:host([theme=light])*/[theme=light].sc-nano-hero-h {\n  --nano-loader-base: #fff;\n  --nano-loader-tint: white;\n  --theme-color: #4a4a4a;\n  --scrim-color: 255 255 255;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 1;\n  --scrim-direction: 270deg;\n  color: var(--theme-color);\n}\n/*!@:host([theme=light]) .hero__primary-content*/[theme=light].sc-nano-hero-h .hero__primary-content.sc-nano-hero {\n  --color: #4a4a4a;\n}\n\n/*!@.hero*/.hero.sc-nano-hero {\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero {\n    --quote-size: 3rem;\n  }\n}\n/*!@.hero--rtl*/.hero--rtl.sc-nano-hero {\n  --scrim-direction: 270deg;\n}\n/*!@.hero--secondary:not(.hero--iconbox)*/.hero--secondary.sc-nano-hero:not(.hero--iconbox) {\n  --scrim-direction: 0deg;\n}\n/*!@.hero__bg-wrap*/.hero__bg-wrap.sc-nano-hero {\n  overflow: hidden;\n}\n/*!@.hero__bg-slot*/.hero__bg-slot.sc-nano-hero {\n  position: absolute;\n  inset: 0;\n}\n/*!@.hero__ctas*/.hero__ctas.sc-nano-hero {\n  display: flex;\n  justify-content: flex-end;\n  padding-block: 32px 0;\n  padding-inline: 32px;\n  margin-block-end: -64px;\n  position: relative;\n  z-index: 1;\n}\n@media (max-width: 52em) {\n  /*!@.hero__ctas*/.hero__ctas.sc-nano-hero {\n    display: none;\n  }\n}\n@media (max-width: 58em) {\n  /*!@.hero__ctas*/.hero__ctas.sc-nano-hero {\n    margin-block-end: -48px;\n  }\n}\n/*!@.hero__ctas ::slotted(a.button[slot=secondary-ctas])*/.hero__ctas .sc-nano-hero-s > a.button[slot=secondary-ctas] {\n  padding-block: 0.25rem !important;\n  padding-inline: 0.5rem !important;\n  font-size: 0.875rem !important;\n  margin-block: 0 !important;\n  margin-inline: 0.25rem !important;\n}\n/*!@.hero__img*/.hero__img.sc-nano-hero {\n  display: block;\n  --padding: inherit;\n}\n/*!@.hero__breadcrumbs*/.hero__breadcrumbs.sc-nano-hero {\n  display: none;\n  margin-block: 20px 0;\n  margin-inline: 14px;\n  line-height: 14px;\n}\n/*!@.hero--breadcrumb .hero__breadcrumbs*/.hero--breadcrumb.sc-nano-hero .hero__breadcrumbs.sc-nano-hero {\n  display: block;\n}\n@container (min-width: 800px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 50px;\n    max-inline-size: 50%;\n  }\n}\n@container (min-width: 900px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 83px;\n  }\n}\n/*!@.hero__breadcrumbs ::slotted(*[slot=breadcrumb])*/.hero__breadcrumbs .sc-nano-hero-s > *[slot=breadcrumb] {\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-weight: 600;\n  font-stretch: 125%;\n  display: inline-block;\n  margin-block-end: 16px;\n  position: relative;\n  z-index: 2;\n}\n/*!@.hero--hasbg .hero__breadcrumbs ::slotted(*[slot=breadcrumb])*/.hero--hasbg .hero__breadcrumbs .sc-nano-hero-s > *[slot=breadcrumb] {\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.15);\n}\n/*!@.hero__breadcrumbs ::slotted(a[slot=breadcrumb])*/.hero__breadcrumbs .sc-nano-hero-s > a[slot=breadcrumb] {\n  color: var(--theme-tint-color) !important;\n  cursor: pointer;\n}\n/*!@.hero__breadcrumbs ::slotted(.slash[slot=breadcrumb])*/.hero__breadcrumbs .sc-nano-hero-s > .slash[slot=breadcrumb] {\n  color: var(--theme-color);\n  position: relative;\n  margin-block: 0;\n  margin-inline: 0.5rem;\n  display: inline-block;\n}\n/*!@.hero__scrim*/.hero__scrim.sc-nano-hero {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background: linear-gradient(var(--scrim-direction), rgb(var(--scrim-color)/var(--scrim-opacity-from)) 0%, rgb(var(--scrim-color)/var(--scrim-opacity-to)) 100%);\n}\n/*!@.hero--scrim .hero__scrim*/.hero--scrim.sc-nano-hero .hero__scrim.sc-nano-hero {\n  background: none;\n}\n/*!@.hero__content*/.hero__content.sc-nano-hero {\n  max-inline-size: 1440px;\n  display: block;\n  --grid-row-gap: 0;\n  margin-block: 0;\n  margin-inline: auto;\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero__content {\n    margin-block: 50px 0 !important;\n    max-inline-size: 1540px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__content {\n    margin-block: 83px 0 !important;\n    max-inline-size: 1606px !important;\n  }\n}\n/*!@.hero__primary*/.hero__primary.sc-nano-hero {\n  margin: 16px;\n}\n/*!@.hero--breadcrumb .hero__primary*/.hero--breadcrumb.sc-nano-hero .hero__primary.sc-nano-hero {\n  margin-block: 0;\n  margin-inline: 16px;\n}\n/*!@.hero--backbtn .hero__primary*/.hero--backbtn.sc-nano-hero .hero__primary.sc-nano-hero {\n  margin-inline-start: 0;\n}\n/*!@.hero__primary ::slotted(nano-icon-button[slot=back-btn])*/.hero__primary .sc-nano-hero-s > nano-icon-button[slot=back-btn] {\n  font-size: 2rem;\n}\n@container (min-width: 800px) {\n  .hero__primary {\n    margin-block: 0 50px !important;\n    margin-inline: 50px 0 !important;\n  }\n  .hero__primary.sc-nano-hero-s > nano-icon-button[slot=back-btn], \n  .hero__primary .sc-nano-hero-s > nano-icon-button[slot=back-btn] {\n    margin-block: 0 !important;\n    margin-inline: -3rem 0 !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__primary {\n    margin-block: 0 83px !important;\n    margin-inline: 83px 0 !important;\n  }\n}\n/*!@.hero__primary-content*/.hero__primary-content.sc-nano-hero {\n  max-inline-size: 45rem;\n  --color: #fff;\n  display: flex;\n}\n/*!@.hero--backbtn .hero__primary-content > div*/.hero--backbtn.sc-nano-hero .hero__primary-content.sc-nano-hero > div.sc-nano-hero {\n  padding-block: 10px 0;\n  padding-inline: 0;\n}\n/*!@.hero__primary-content ::slotted(h1[slot=primary-content])*/.hero__primary-content .sc-nano-hero-s > h1[slot=primary-content] {\n  line-height: 26px !important;\n  margin-block: 0 18px !important;\n  font-size: 2rem !important;\n}\n@container (min-width: 800px) {\n  .hero__primary-content.sc-nano-hero-s > h1[slot=primary-content], \n@container (min-width: 800px) {\n  .hero__primary-content .sc-nano-hero-s > h1[slot=primary-content] {\n    line-height: 31px !important;\n    margin-block-end: 30px !important;\n  }\n  .hero__primary-content.sc-nano-hero-s > .button[slot=primary-content], \n  .hero__primary-content .sc-nano-hero-s > .button[slot=primary-content] {\n    margin-block-start: 20px !important;\n  }\n}\n/*!@.hero__secondary*/.hero__secondary.sc-nano-hero {\n  display: none;\n  block-size: 100%;\n  padding-block: 0 20px;\n  padding-inline: 14px;\n}\n/*!@.hero--secondary .hero__secondary*/.hero--secondary.sc-nano-hero .hero__secondary.sc-nano-hero {\n  display: flex;\n  align-items: center;\n}\n@container (min-width: 800px) {\n  .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 50px;\n    justify-content: flex-end;\n  }\n}\n@container (min-width: 900px) {\n  .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 83px;\n  }\n}\n/*!@.hero__icon-box*/.hero__icon-box.sc-nano-hero {\n  background: rgba(0, 0, 0, 0.7);\n  padding: 24px;\n  inline-size: 100%;\n  margin-block-end: auto;\n  display: flex;\n  flex-direction: column;\n  color: white;\n}\n@container (min-width: 800px) {\n  .hero__icon-box {\n    max-inline-size: 410px;\n    flex: 0 1 410px;\n  }\n}\n/*!@.hero__icon-box ::slotted([slot=icon-box-item])*/.hero__icon-box .sc-nano-hero-s > [slot=icon-box-item] {\n  --nano-color-base: var(--theme-tint-color);\n  --nano-icon-size: 32px;\n  --nano-icon-margin-end: 20px;\n  display: flex;\n  align-items: center;\n  font-size: 0.8125rem;\n  margin-block-end: 20px;\n}\n/*!@.hero__icon-box ::slotted(.last[slot=icon-box-item])*/.hero__icon-box .sc-nano-hero-s > .last[slot=icon-box-item] {\n  margin-block-end: 0;\n}\n/*!@.hero__quote-content*/.hero__quote-content.sc-nano-hero {\n  margin-block-start: auto;\n  text-align: center;\n  inline-size: 100%;\n}\n@container (min-width: 800px) {\n  .hero__quote-content {\n    max-inline-size: 500px;\n    flex: 0 1 500px;\n    text-align: initial;\n  }\n}\n/*!@.hero__quote::before, .hero__quote::after*/.hero__quote.sc-nano-hero::before, .hero__quote.sc-nano-hero::after {\n  content: '\"';\n  font-size: var(--quote-size);\n  font-weight: 700;\n  font-style: italic;\n  line-height: 0;\n  color: #abb6b8;\n  display: inline;\n  position: relative;\n}\n/*!@.hero__quote ::slotted([slot=quote])*/.hero__quote .sc-nano-hero-s > [slot=quote] {\n  font-size: var(--quote-size);\n  font-weight: 300;\n  font-style: italic;\n  display: inline;\n}\n/*!@.hero__quote-author*/.hero__quote-author.sc-nano-hero {\n  text-align: end;\n  font-size: 1rem;\n  opacity: 0.8;\n}\n@container (min-width: 800px) {\n  .hero--sub .hero__content {\n    margin-block-start: 40px;\n  }\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 50px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 40px 50px;\n  }\n  .hero--sub .hero__content.sc-nano-hero-s > .button[slot=primary-content], \n  .hero--sub .hero__content .sc-nano-hero-s > .button[slot=primary-content] {\n    margin-block-start: 8px !important;\n  }\n  .hero--sub .hero__content.sc-nano-hero-s > h1[slot=primary-content], \n  .hero--sub .hero__content .sc-nano-hero-s > h1[slot=primary-content] {\n    margin-block-end: 18px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 83px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 40px 83px;\n  }\n}";
+const heroCss = "/*!@:host*/.sc-nano-hero-h {\n  box-sizing: border-box;\n}\n\n/*!@*,\n*::before,\n*::after*/*.sc-nano-hero, *.sc-nano-hero::before, *.sc-nano-hero::after {\n  box-sizing: border-box;\n}\n/*!@[hidden]*/[hidden].sc-nano-hero {\n  display: none !important;\n}\n\n/*!@:host*/.sc-nano-hero-h {\n  \n  --nano-loader-base: #4a4a4a;\n  --nano-loader-tint: #7d7d7d;\n  --theme-color: #fff;\n  --theme-tint-color: #90c6e7;\n  --scrim-color: 0 0 0;\n  --scrim-direction: 90deg;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 0.7;\n  --padding: 0;\n  --quote-size: 1.3rem;\n  color: var(--theme-color);\n  display: block;\n  container-type: inline-size;\n}\n\n/*!@:host([theme=light])*/[theme=light].sc-nano-hero-h {\n  --nano-loader-base: #fff;\n  --nano-loader-tint: white;\n  --theme-color: #4a4a4a;\n  --scrim-color: 255 255 255;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 1;\n  --scrim-direction: 270deg;\n  color: var(--theme-color);\n}\n/*!@:host([theme=light]) .hero__primary-content*/[theme=light].sc-nano-hero-h .hero__primary-content.sc-nano-hero {\n  --color: #4a4a4a;\n}\n\n/*!@.hero*/.hero.sc-nano-hero {\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero {\n    --quote-size: 3rem;\n  }\n}\n/*!@.hero--rtl*/.hero--rtl.sc-nano-hero {\n  --scrim-direction: 270deg;\n}\n/*!@.hero--secondary:not(.hero--iconbox)*/.hero--secondary.sc-nano-hero:not(.hero--iconbox) {\n  --scrim-direction: 0deg;\n}\n/*!@.hero__bg-wrap*/.hero__bg-wrap.sc-nano-hero {\n  overflow: hidden;\n}\n/*!@.hero__bg-slot*/.hero__bg-slot.sc-nano-hero {\n  position: absolute;\n  inset: 0;\n}\n/*!@.hero__ctas*/.hero__ctas.sc-nano-hero {\n  display: flex;\n  justify-content: flex-end;\n  padding-block: 32px 0;\n  padding-inline: 32px;\n  margin-block-end: -64px;\n  position: relative;\n  z-index: 1;\n}\n@media (max-width: 52em) {\n  /*!@.hero__ctas*/.hero__ctas.sc-nano-hero {\n    display: none;\n  }\n}\n@media (max-width: 58em) {\n  /*!@.hero__ctas*/.hero__ctas.sc-nano-hero {\n    margin-block-end: -48px;\n  }\n}\n/*!@.hero__ctas ::slotted(a.button[slot=secondary-ctas])*/.hero__ctas .sc-nano-hero-s > a.button[slot=secondary-ctas] {\n  padding-inline: 0.5rem !important;\n  font-size: 0.875rem !important;\n  margin-block: 0 !important;\n  margin-inline: 0.25rem !important;\n}\n/*!@.hero__img*/.hero__img.sc-nano-hero {\n  display: block;\n  --padding: inherit;\n}\n/*!@.hero__breadcrumbs*/.hero__breadcrumbs.sc-nano-hero {\n  display: none;\n  margin-block: 20px 0;\n  margin-inline: 14px;\n  line-height: 14px;\n}\n/*!@.hero--breadcrumb .hero__breadcrumbs*/.hero--breadcrumb.sc-nano-hero .hero__breadcrumbs.sc-nano-hero {\n  display: block;\n}\n@container (min-width: 800px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 50px;\n    max-inline-size: 50%;\n  }\n}\n@container (min-width: 900px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 83px;\n  }\n}\n/*!@.hero__breadcrumbs ::slotted(*[slot=breadcrumb])*/.hero__breadcrumbs .sc-nano-hero-s > *[slot=breadcrumb] {\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-weight: 600;\n  font-stretch: 125%;\n  display: inline-block;\n  margin-block-end: 16px;\n  position: relative;\n  z-index: 2;\n}\n/*!@.hero--hasbg .hero__breadcrumbs ::slotted(*[slot=breadcrumb])*/.hero--hasbg .hero__breadcrumbs .sc-nano-hero-s > *[slot=breadcrumb] {\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.15);\n}\n/*!@.hero__breadcrumbs ::slotted(a[slot=breadcrumb])*/.hero__breadcrumbs .sc-nano-hero-s > a[slot=breadcrumb] {\n  color: var(--theme-tint-color) !important;\n  cursor: pointer;\n}\n/*!@.hero__breadcrumbs ::slotted(.slash[slot=breadcrumb])*/.hero__breadcrumbs .sc-nano-hero-s > .slash[slot=breadcrumb] {\n  color: var(--theme-color);\n  position: relative;\n  margin-block: 0;\n  margin-inline: 0.5rem;\n  display: inline-block;\n}\n/*!@.hero__scrim*/.hero__scrim.sc-nano-hero {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background: linear-gradient(var(--scrim-direction), rgb(var(--scrim-color)/var(--scrim-opacity-from)) 0%, rgb(var(--scrim-color)/var(--scrim-opacity-to)) 100%);\n}\n/*!@.hero--scrim .hero__scrim*/.hero--scrim.sc-nano-hero .hero__scrim.sc-nano-hero {\n  background: none;\n}\n/*!@.hero__content*/.hero__content.sc-nano-hero {\n  max-inline-size: 1440px;\n  display: block;\n  --grid-row-gap: 0;\n  margin-block: 0;\n  margin-inline: auto;\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero__content {\n    margin-block: 50px 0 !important;\n    max-inline-size: 1540px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__content {\n    margin-block: 83px 0 !important;\n    max-inline-size: 1606px !important;\n  }\n}\n/*!@.hero__primary*/.hero__primary.sc-nano-hero {\n  margin: 16px;\n}\n/*!@.hero--breadcrumb .hero__primary*/.hero--breadcrumb.sc-nano-hero .hero__primary.sc-nano-hero {\n  margin-block: 0;\n  margin-inline: 16px;\n}\n/*!@.hero--backbtn .hero__primary*/.hero--backbtn.sc-nano-hero .hero__primary.sc-nano-hero {\n  margin-inline-start: 0;\n}\n/*!@.hero__primary ::slotted(nano-icon-button[slot=back-btn])*/.hero__primary .sc-nano-hero-s > nano-icon-button[slot=back-btn] {\n  font-size: 2rem;\n}\n@container (min-width: 800px) {\n  .hero__primary {\n    margin-block: 0 50px !important;\n    margin-inline: 50px 0 !important;\n  }\n  .hero__primary.sc-nano-hero-s > nano-icon-button[slot=back-btn], \n  .hero__primary .sc-nano-hero-s > nano-icon-button[slot=back-btn] {\n    margin-block: 0 !important;\n    margin-inline: -3rem 0 !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__primary {\n    margin-block: 0 83px !important;\n    margin-inline: 83px 0 !important;\n  }\n}\n/*!@.hero__primary-content*/.hero__primary-content.sc-nano-hero {\n  max-inline-size: 45rem;\n  --color: #fff;\n  display: flex;\n}\n/*!@.hero--backbtn .hero__primary-content > div*/.hero--backbtn.sc-nano-hero .hero__primary-content.sc-nano-hero > div.sc-nano-hero {\n  padding-block: 10px 0;\n  padding-inline: 0;\n}\n/*!@.hero__primary-content ::slotted(h1[slot=primary-content])*/.hero__primary-content .sc-nano-hero-s > h1[slot=primary-content] {\n  line-height: 26px !important;\n  margin-block: 0 18px !important;\n  font-size: 2rem !important;\n}\n@container (min-width: 800px) {\n  .hero__primary-content.sc-nano-hero-s > h1[slot=primary-content], \n@container (min-width: 800px) {\n  .hero__primary-content .sc-nano-hero-s > h1[slot=primary-content] {\n    line-height: 31px !important;\n    margin-block-end: 30px !important;\n  }\n  .hero__primary-content.sc-nano-hero-s > .button[slot=primary-content], \n  .hero__primary-content .sc-nano-hero-s > .button[slot=primary-content] {\n    margin-block-start: 20px !important;\n  }\n}\n/*!@.hero__secondary*/.hero__secondary.sc-nano-hero {\n  display: none;\n  block-size: 100%;\n  padding-block: 0 20px;\n  padding-inline: 14px;\n}\n/*!@.hero--secondary .hero__secondary*/.hero--secondary.sc-nano-hero .hero__secondary.sc-nano-hero {\n  display: flex;\n  align-items: center;\n}\n@container (min-width: 800px) {\n  .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 50px;\n    justify-content: flex-end;\n  }\n}\n@container (min-width: 900px) {\n  .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 83px;\n  }\n}\n/*!@.hero__icon-box*/.hero__icon-box.sc-nano-hero {\n  background: rgba(0, 0, 0, 0.7);\n  padding: 24px;\n  inline-size: 100%;\n  margin-block-end: auto;\n  display: flex;\n  flex-direction: column;\n  color: white;\n}\n@container (min-width: 800px) {\n  .hero__icon-box {\n    max-inline-size: 410px;\n    flex: 0 1 410px;\n  }\n}\n/*!@.hero__icon-box ::slotted([slot=icon-box-item])*/.hero__icon-box .sc-nano-hero-s > [slot=icon-box-item] {\n  --nano-color-base: var(--theme-tint-color);\n  --nano-icon-size: 32px;\n  --nano-icon-margin-end: 20px;\n  display: flex;\n  align-items: center;\n  font-size: 0.8125rem;\n  margin-block-end: 20px;\n}\n/*!@.hero__icon-box ::slotted(.last[slot=icon-box-item])*/.hero__icon-box .sc-nano-hero-s > .last[slot=icon-box-item] {\n  margin-block-end: 0;\n}\n/*!@.hero__quote-content*/.hero__quote-content.sc-nano-hero {\n  margin-block-start: auto;\n  text-align: center;\n  inline-size: 100%;\n}\n@container (min-width: 800px) {\n  .hero__quote-content {\n    max-inline-size: 500px;\n    flex: 0 1 500px;\n    text-align: initial;\n  }\n}\n/*!@.hero__quote::before, .hero__quote::after*/.hero__quote.sc-nano-hero::before, .hero__quote.sc-nano-hero::after {\n  content: '\"';\n  font-size: var(--quote-size);\n  font-weight: 700;\n  font-style: italic;\n  line-height: 0;\n  color: #abb6b8;\n  display: inline;\n  position: relative;\n}\n/*!@.hero__quote ::slotted([slot=quote])*/.hero__quote .sc-nano-hero-s > [slot=quote] {\n  font-size: var(--quote-size);\n  font-weight: 300;\n  font-style: italic;\n  display: inline;\n}\n/*!@.hero__quote-author*/.hero__quote-author.sc-nano-hero {\n  text-align: end;\n  font-size: 1rem;\n  opacity: 0.8;\n}\n@container (min-width: 800px) {\n  .hero--sub .hero__content {\n    margin-block-start: 40px;\n  }\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 50px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 40px 50px;\n  }\n  .hero--sub .hero__content.sc-nano-hero-s > .button[slot=primary-content], \n  .hero--sub .hero__content .sc-nano-hero-s > .button[slot=primary-content] {\n    margin-block-start: 8px !important;\n  }\n  .hero--sub .hero__content.sc-nano-hero-s > h1[slot=primary-content], \n  .hero--sub .hero__content .sc-nano-hero-s > h1[slot=primary-content] {\n    margin-block-end: 18px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 83px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 40px 83px;\n  }\n}";
 /**
  * Hero components are designed to be used once per content page to add visual impact to the introductory section of a page.
@@ -20440,6 +20458,163 @@ class Input {
   }; }
 }
+/**
+ * Attempts to find the closest scrolling parental element
+ * @param element - the element from which to traverse up the DOM
+ * @returns - the closest scrolling parental element
+ */
+function findScrollParent(element) {
+  let style = getComputedStyle(element);
+  const excludeStaticParent = style.position === 'absolute';
+  const overflowRegex = /(auto|scroll)/;
+  if (style.position === 'fixed')
+    return document.documentElement;
+  for (let parent = element; (parent = parent.parentElement);) {
+    style = getComputedStyle(parent);
+    if (excludeStaticParent && style.position === 'static') {
+      continue;
+    }
+    if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) {
+      return parent;
+    }
+  }
+  return document.documentElement;
+}
+/**
+ * A thin, declarative interface to the IntersectionObserver API.
+ * @slot - Main slot for any content.
+ */
+class IntersectionObserve {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.nanoIntersectionChange = createEvent(this, "nanoIntersectionChange", 7);
+    this.nanoIntersecting = createEvent(this, "nanoIntersecting", 7);
+    this.nanoNotIntersecting = createEvent(this, "nanoNotIntersecting", 7);
+    this.ioCallback = (entries) => {
+      entries.forEach((entry) => {
+        this.nanoIntersectionChange.emit(entry);
+        if (entry.isIntersecting)
+          this.nanoIntersecting.emit(entry);
+        if (!entry.isIntersecting)
+          this.nanoNotIntersecting.emit(entry);
+      });
+    };
+    this.handleSlotChange = () => {
+      this.addIO();
+    };
+    this.root = 'auto';
+    this.rootMargin = undefined;
+    this.threshold = undefined;
+  }
+  get observerOptions() {
+    const opts = {};
+    if (!!this._root)
+      opts.root = this._root;
+    if (this.rootMargin)
+      opts.rootMargin = this.rootMargin;
+    if (this.threshold)
+      opts.threshold = this._threshold;
+    return opts;
+  }
+  get elements() {
+    const slotted = this.defaultSlot?.assignedElements() || [];
+    return slotted.flatMap((el) => {
+      const style = getComputedStyle(el);
+      if (style.display.includes('contents'))
+        return Array.from(el.children);
+      else
+        return el;
+    });
+  }
+  handleRootChange() {
+    if (!this.root) {
+      this._root = undefined;
+      this.removeIO();
+      return;
+    }
+    let newRoot;
+    if (this.root === 'auto') {
+      // try to find nearest scrolling parent
+      newRoot = findScrollParent(this.host);
+    }
+    else if (this.root === 'root') {
+      newRoot = undefined;
+    }
+    else {
+      // root is set explicitly
+      newRoot = this.root;
+    }
+    // if it's the document - unset as that's IO's default
+    if (newRoot === document.documentElement)
+      newRoot = undefined;
+    // if new root is what we already have - ignore
+    if (newRoot === this._root)
+      return;
+    // cache and setup io
+    this._root = newRoot;
+    this.addIO();
+  }
+  handleThresholdChange() {
+    if (!this.threshold) {
+      this._threshold = undefined;
+      return;
+    }
+    if (this.threshold.includes(',')) {
+      this._threshold = this.threshold
+        .split(',')
+        .map((numStr) => Number(numStr));
+      return;
+    }
+    this._threshold = Number(this.threshold);
+  }
+  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);
+    });
+  }
+  removeIO() {
+    if (!this.io)
+      return;
+    this.io.disconnect();
+    this.io = undefined;
+  }
+  connectedCallback() {
+    this.handleThresholdChange();
+    this.handleRootChange();
+  }
+  disconnectedCallback() {
+    this.removeIO();
+    this.root = this._root = undefined;
+  }
+  render() {
+    return (hAsync("slot", { ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange }));
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "root": ["handleRootChange"],
+    "threshold": ["handleThresholdChange"]
+  }; }
+  static get style() { return "/*!@nano-intersection-observe*/nano-intersection-observe.sc-nano-intersection-observe { display: contents }"; }
+  static get cmpMeta() { return {
+    "$flags$": 9,
+    "$tagName$": "nano-intersection-observe",
+    "$members$": {
+      "root": [1],
+      "rootMargin": [1, "root-margin"],
+      "threshold": [1]
+    },
+    "$listeners$": undefined,
+    "$lazyBundleId$": "-",
+    "$attrsToReflect$": []
+  }; }
+}
 const menuCss = "/*!@:host*/.sc-nano-menu-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-menu,*.sc-nano-menu::before,*.sc-nano-menu::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-menu{display:none !important}/*!@:host*/.sc-nano-menu-h{--padding-start:var(--nano-spacing-medium, 16px);--padding-end:var(--nano-spacing-medium, 16px);--padding-top:var(--nano-spacing-small, 8px);--padding-bottom:var(--nano-spacing-small, 8px);--secondary-padding-top:0;--secondary-padding-bottom:0;--bg-color-hover:#f2f7f9;--bg-color-focus:#f2f7f9;--bg-color-selected:#f2f7f9;--color-hover:#007495;--color-selected:#007495;--color-focus:#007495;--focus-outline:none;--font-size:0.9em;display:block}/*!@.menu*/.menu.sc-nano-menu{font-size:var(--font-size, 0.9em);overscroll-behavior:none;min-inline-size:var(--width);position:relative}/*!@.menu:focus*/.menu.sc-nano-menu:focus{outline:none}/*!@::slotted(*:not(nano-nav-item):not(nano-option):not(hr):not(slot))*/.sc-nano-menu-s>*:not(nano-nav-item):not(nano-option):not(hr):not(slot){padding-inline:var(--padding-start) var(--padding-end);padding-block:var(--padding-top) var(--padding-bottom);display:block}";
 /**
@@ -20842,99 +21017,1326 @@ class MenuDrawer {
   }; }
 }
-const navItemCss = "/*!@:host*/.sc-nano-nav-item-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-nav-item,*.sc-nano-nav-item::before,*.sc-nano-nav-item::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-nav-item{display:none !important}/*!@:host*/.sc-nano-nav-item-h{opacity:inherit;display:block;color:var(--color) !important;margin:var(--margin);outline:none !important}/*!@:host .nav-item,\n:host .link*/.sc-nano-nav-item-h .nav-item.sc-nano-nav-item,.sc-nano-nav-item-h .link.sc-nano-nav-item{outline:none !important;border-radius:inherit}/*!@:host ::slotted(*),\n:host **/.sc-nano-nav-item-h .sc-nano-nav-item-s>*,.sc-nano-nav-item-h *.sc-nano-nav-item{box-sizing:border-box}/*!@:host ::slotted(button),\n:host button*/.sc-nano-nav-item-h .sc-nano-nav-item-s>button,.sc-nano-nav-item-h button.sc-nano-nav-item{background:none;border:none;margin:0}/*!@:host ::slotted(button),\n:host ::slotted(a),\n:host ::slotted(a:visited),\n:host button,\n:host a,\n:host a:visited*/.sc-nano-nav-item-h .sc-nano-nav-item-s>button,.sc-nano-nav-item-h .sc-nano-nav-item-s>a,.sc-nano-nav-item-h .sc-nano-nav-item-s>a:visited,.sc-nano-nav-item-h button.sc-nano-nav-item,.sc-nano-nav-item-h a.sc-nano-nav-item,.sc-nano-nav-item-h a.sc-nano-nav-item:visited{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-inline:var(--padding-start) var(--padding-end);padding-block:var(--padding-top) var(--padding-bottom);display:var(--display, block);white-space:nowrap;color:var(--color) !important;background-color:var(--bg-color);line-height:inherit;outline:none !important}/*!@:host ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h .sc-nano-nav-item-s>nano-icon[slot=icon-start]{padding-inline-end:var(--padding-end)}/*!@:host ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding-inline-start:var(--padding-start)}/*!@:host .link ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h .link .sc-nano-nav-item-s>nano-icon[slot=icon-start]{padding-inline:var(--padding-start) 0}/*!@:host .link ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h .link .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding-inline:0 var(--padding-end)}/*!@:host .link,\n:host button,\n:host a*/.sc-nano-nav-item-h .link.sc-nano-nav-item,.sc-nano-nav-item-h button.sc-nano-nav-item,.sc-nano-nav-item-h a.sc-nano-nav-item{border-block-end:var(--border-bottom);display:flex;align-items:center;border-radius:inherit}/*!@:host .secondary-menu*/.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{display:none}/*!@:host ::slotted(a:hover),\n:host ::slotted(button:hover),\n:host .link:hover,\n:host button:hover,\n:host a:hover*/.sc-nano-nav-item-h .sc-nano-nav-item-s>a:hover,.sc-nano-nav-item-h .sc-nano-nav-item-s>button:hover,.sc-nano-nav-item-h .link.sc-nano-nav-item:hover,.sc-nano-nav-item-h button.sc-nano-nav-item:hover,.sc-nano-nav-item-h a.sc-nano-nav-item:hover{text-decoration:inherit !important}/*!@:host button:focus-visible,\n:host a:focus-visible*/.sc-nano-nav-item-h button.sc-nano-nav-item:focus-visible,.sc-nano-nav-item-h a.sc-nano-nav-item:focus-visible{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}/*!@:host ::slotted(a:focus-visible),\n:host ::slotted(button:focus-visible)*/.sc-nano-nav-item-h .sc-nano-nav-item-s>a:focus-visible,.sc-nano-nav-item-h .sc-nano-nav-item-s>button:focus-visible{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}/*!@.nav-item.selected .link,\n.nav-item.selected button,\n.nav-item.selected a*/.nav-item.selected.sc-nano-nav-item .link.sc-nano-nav-item,.nav-item.selected.sc-nano-nav-item button.sc-nano-nav-item,.nav-item.selected.sc-nano-nav-item a.sc-nano-nav-item{color:var(--color-selected, var(--color-open, var(--color))) !important;background-color:var(--bg-color-selected, var(--bg-color-open, var(--bg-color)))}/*!@.nav-item.secondary-open button,\n.nav-item.secondary-open a*/.nav-item.secondary-open.sc-nano-nav-item button.sc-nano-nav-item,.nav-item.secondary-open.sc-nano-nav-item a.sc-nano-nav-item{color:var(--color-open, var(--color-selected, var(--color))) !important;background-color:var(--bg-color-open, var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color))))}/*!@.nav-item.disabled*/.nav-item.disabled.sc-nano-nav-item{opacity:0.6}/*!@.nav-item.disabled button,\n.nav-item.disabled a*/.nav-item.disabled.sc-nano-nav-item button.sc-nano-nav-item,.nav-item.disabled.sc-nano-nav-item a.sc-nano-nav-item{color:var(--color-disabled, var(--color)) !important}/*!@.nav-item:not(.nano-menu) ::slotted(a:hover),\n.nav-item:not(.nano-menu) ::slotted(button:hover),\n.nav-item:not(.nano-menu) .link:hover,\n.nav-item:not(.nano-menu) button:hover,\n.nav-item:not(.nano-menu) a:hover*/.nav-item:not(.nano-menu) .sc-nano-nav-item-s>a:hover,.nav-item:not(.nano-menu) .sc-nano-nav-item-s>button:hover,.nav-item.sc-nano-nav-item:not(.nano-menu) .link.sc-nano-nav-item:hover,.nav-item.sc-nano-nav-item:not(.nano-menu) button.sc-nano-nav-item:hover,.nav-item.sc-nano-nav-item:not(.nano-menu) a.sc-nano-nav-item:hover{color:var(--color-hover, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-hover, var(--bg-color-focus, var(--bg-color)))}/*!@:host(.has-focus) .link*/.has-focus.sc-nano-nav-item-h .link.sc-nano-nav-item{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, 5px auto -webkit-focus-ring-color)}/*!@:host(.nano-global-nav-menu) a,\n:host(.nano-global-nav-menu) a:visited,\n:host(.nano-global-nav-menu) button,\n:host(.nano-global-nav-menu) .link,\n:host(.nano-menu) a,\n:host(.nano-menu) a:visited,\n:host(.nano-menu) button,\n:host(.nano-menu) .link*/.nano-global-nav-menu.sc-nano-nav-item-h a.sc-nano-nav-item,.nano-global-nav-menu.sc-nano-nav-item-h a.sc-nano-nav-item:visited,.nano-global-nav-menu.sc-nano-nav-item-h button.sc-nano-nav-item,.nano-global-nav-menu.sc-nano-nav-item-h .link.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h a.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h a.sc-nano-nav-item:visited,.nano-menu.sc-nano-nav-item-h button.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h .link.sc-nano-nav-item{display:flex;justify-content:flex-start;flex-direction:row;align-items:center;color:currentcolor;text-decoration:inherit;white-space:normal;cursor:pointer;line-height:1.2;inline-size:100%}/*!@:host(.nano-global-nav-menu) .text,\n:host(.nano-menu) .text*/.nano-global-nav-menu.sc-nano-nav-item-h .text.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h .text.sc-nano-nav-item{padding-inline:0 var(--padding-end);flex:1}/*!@:host(.nano-global-nav-menu) ::slotted(a),\n:host(.nano-global-nav-menu) ::slotted(button),\n:host(.nano-menu) ::slotted(a),\n:host(.nano-menu) ::slotted(button)*/.sc-nano-nav-item-h.nano-global-nav-menu .sc-nano-nav-item-s>a,.sc-nano-nav-item-h.nano-global-nav-menu .sc-nano-nav-item-s>button,.sc-nano-nav-item-h.nano-menu .sc-nano-nav-item-s>a,.sc-nano-nav-item-h.nano-menu .sc-nano-nav-item-s>button{flex:1}/*!@:host(.nano-global-nav-menu) .secondary-menu,\n:host(.nano-menu) .secondary-menu*/.nano-global-nav-menu.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{display:none;position:absolute;color:var(--secondary-color, currentcolor);min-block-size:100%;inset-block-start:0;inset-inline-start:0;inline-size:100%;z-index:1;opacity:0;transition:opacity 0.3s ease, transform 0.3s ease;background-color:var(--secondary-bg-color, white);transform:translate3d(100%, 0, 0)}/*!@:host(.nano-global-nav-menu) .secondary-menu:focus,\n:host(.nano-menu) .secondary-menu:focus*/.nano-global-nav-menu.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item:focus,.nano-menu.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item:focus{outline:none}/*!@:host(.nano-global-nav-menu) .secondary-menu.open,\n:host(.nano-menu) .secondary-menu.open*/.nano-global-nav-menu.sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{opacity:1;transform:translate3d(0, 0, 0);transition:opacity 0.3s ease, transform 0.3s ease}/*!@:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h.nano-global-nav-menu .sc-nano-nav-item-s>nano-icon[slot=icon-start]{padding-inline:0 var(--padding-end);padding-block:0}/*!@:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h.nano-global-nav-menu .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding-inline:0 var(--padding-end);padding-block:0;font-size:10px;flex:0 0 10px;pointer-events:none}/*!@:host(.nano-global-nav-menu) button ::slotted(nano-icon[slot=icon-end]),\n:host(.nano-global-nav-menu) a ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h.nano-global-nav-menu button .sc-nano-nav-item-s>nano-icon[slot=icon-end],.sc-nano-nav-item-h.nano-global-nav-menu a .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding:0}/*!@:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu,\n:host(.nano-menu[dir=rtl]) .secondary-menu*/.nano-global-nav-menu[dir=rtl].sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item,.nano-menu[dir=rtl].sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{transform:translateX(-100%)}/*!@:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu.open,\n:host(.nano-menu[dir=rtl]) .secondary-menu.open*/.nano-global-nav-menu[dir=rtl].sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item,.nano-menu[dir=rtl].sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{transform:translateX(0)}/*!@:host(.nano-menu) ::slotted(a:focus),\n:host(.nano-menu) ::slotted(button:focus)*/.sc-nano-nav-item-h.nano-menu .sc-nano-nav-item-s>a:focus,.sc-nano-nav-item-h.nano-menu .sc-nano-nav-item-s>button:focus{box-shadow:none}/*!@:host(.nano-menu) .secondary-menu-content*/.nano-menu.sc-nano-nav-item-h .secondary-menu-content.sc-nano-nav-item{padding-inline:var(--secondary-padding-start) var(--secondary-padding-end);padding-block:var(--secondary-padding-top) var(--secondary-padding-bottom)}/*!@:host(.nano-global-nav-bar) .link,\n:host(.nano-global-nav-bar) a,\n:host(.nano-global-nav-bar) button*/.nano-global-nav-bar.sc-nano-nav-item-h .link.sc-nano-nav-item,.nano-global-nav-bar.sc-nano-nav-item-h a.sc-nano-nav-item,.nano-global-nav-bar.sc-nano-nav-item-h button.sc-nano-nav-item{display:flex;align-items:center;cursor:pointer}/*!@:host(.nano-global-nav-bar) .text*/.nano-global-nav-bar.sc-nano-nav-item-h .text.sc-nano-nav-item{flex:1 0 auto}/*!@:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h.nano-global-nav-bar .sc-nano-nav-item-s>nano-icon[slot=icon-end]{margin-inline:var(--padding-end) 0;margin-block:0}/*!@:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h.nano-global-nav-bar .sc-nano-nav-item-s>nano-icon[slot=icon-start]{margin-inline:0 var(--padding-start);margin-block:0}/*!@:host(.nano-global-nav-bar) ::slotted(a),\n:host(.nano-global-nav-bar) button*/.sc-nano-nav-item-h.nano-global-nav-bar .sc-nano-nav-item-s>a,.nano-global-nav-bar.sc-nano-nav-item-h button.sc-nano-nav-item{position:relative}/*!@:host(.nano-global-nav-bar) ::slotted(a)::before,\n:host(.nano-global-nav-bar) button::before*/.sc-nano-nav-item-h.nano-global-nav-bar .sc-nano-nav-item-s>a::before,.nano-global-nav-bar.sc-nano-nav-item-h button.sc-nano-nav-item::before{content:\"\";background-color:#0c5a71;block-size:9px;inset-inline:0 5px;inset-block-end:-22px;position:absolute;transform:translateZ(0) scaleX(0);transform-origin:0;transition:0.2s ease transform}/*!@:host(.nano-global-nav-bar) .selected button::before,\n:host(.nano-global-nav-bar) .secondary-open button::before*/.nano-global-nav-bar.sc-nano-nav-item-h .selected.sc-nano-nav-item button.sc-nano-nav-item::before,.nano-global-nav-bar.sc-nano-nav-item-h .secondary-open.sc-nano-nav-item button.sc-nano-nav-item::before{transform:translateZ(0) scaleX(1)}/*!@:host(.nano-global-nav-bar.selected) ::slotted(a)::before*/.sc-nano-nav-item-h.nano-global-nav-bar.selected .sc-nano-nav-item-s>a::before{transform:translateZ(0) scaleX(1)}/*!@:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before*/.nano-global-nav-bar.has-secondary.sc-nano-nav-item-h .secondary-open.sc-nano-nav-item button.sc-nano-nav-item::before{opacity:0.7}/*!@:host(.nano-global-nav-bar.has-secondary) .secondary-menu*/.nano-global-nav-bar.has-secondary.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{display:none;transition:transform 0.3s ease;transform:translateY(-100%) translateZ(0);background-color:var(--secondary-bg-color, #196c82);color:var(--secondary-color);position:absolute;box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);inset-inline:0;z-index:-2;outline:none}/*!@:host(.nano-global-nav-bar.has-secondary) .secondary-menu.open*/.nano-global-nav-bar.has-secondary.sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{transform:translateY(12px) translateZ(0)}/*!@:host(.nano-menu-drawer) .link,\n:host(.nano-menu-drawer) a,\n:host(.nano-menu-drawer) button*/.nano-menu-drawer.sc-nano-nav-item-h .link.sc-nano-nav-item,.nano-menu-drawer.sc-nano-nav-item-h a.sc-nano-nav-item,.nano-menu-drawer.sc-nano-nav-item-h button.sc-nano-nav-item{padding-block:calc(var(--padding-top) / 2) calc(var(--padding-bottom) / 2);padding-inline:var(--padding-start) 0;display:flex;justify-content:flex-start;flex-direction:row;align-items:center;color:currentcolor;text-decoration:inherit;white-space:normal;border:none;cursor:pointer;line-height:1.2;inline-size:100%}/*!@:host(.nano-menu-drawer) .text*/.nano-menu-drawer.sc-nano-nav-item-h .text.sc-nano-nav-item{padding-inline:0 var(--padding-end);text-align:start;flex:0 1 auto;min-inline-size:130px;inline-size:130px}/*!@:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h.nano-menu-drawer .sc-nano-nav-item-s>nano-icon[slot=icon-start]{padding-inline:0 var(--padding-end);padding-block:0;font-size:var(--icon-size);inline-size:var(--icon-size);flex:0 0 var(--icon-size)}/*!@:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h.nano-menu-drawer .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding:0 var(--padding-end) 0 0;font-size:10px;flex:0 0 20px;min-inline-size:20px}/*!@:host(.nano-menu-drawer) .secondary-menu*/.nano-menu-drawer.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{display:none;position:absolute;background-color:var(--secondary-bg-color);color:var(--secondary-color);block-size:100vh;inset-inline:auto 0;inset-block:0;transform:translateX(0);z-index:-1;transition:transform 0.3s ease, opacity 0.2s ease;overflow-y:auto;inline-size:var(--secondary-width, 400px);max-inline-size:62vw;opacity:1;padding-inline:var(--secondary-padding-start, var(--padding-start)) var(--secondary-padding-end, var(--padding-end));padding-block:var(--secondary-padding-top, var(--padding-top)) var(--secondary-padding-bottom, var(--padding-bottom))}/*!@:host(.nano-menu-drawer) .secondary-menu:focus*/.nano-menu-drawer.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item:focus{outline:none}/*!@:host(.nano-menu-drawer) .secondary-menu.open*/.nano-menu-drawer.sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{transform:translateX(100%)}/*!@:host(.nano-menu-drawer) .notification*/.nano-menu-drawer.sc-nano-nav-item-h .notification.sc-nano-nav-item{position:relative}/*!@:host(.nano-menu-drawer) .notification::after*/.nano-menu-drawer.sc-nano-nav-item-h .notification.sc-nano-nav-item::after{content:\"\";display:block;position:absolute;inline-size:6px;block-size:6px;background-color:#ef4135;inset-inline-start:10px;inset-block-start:7px;border-radius:50%}@media (min-width: 52em){/*!@:host(.nano-menu-drawer) .notification::after*/.nano-menu-drawer.sc-nano-nav-item-h .notification.sc-nano-nav-item::after{inline-size:7px;block-size:7px;inset-inline-start:8px;inset-block-start:5px}}/*!@:host(.nano-menu-drawer[dir=rtl]) .secondary-menu*/.nano-menu-drawer[dir=rtl].sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{transform:translateX(0%)}/*!@:host(.nano-menu-drawer[dir=rtl]) .secondary-menu.open*/.nano-menu-drawer[dir=rtl].sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{transform:translateX(-100%);opacity:1}";
+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)',
+  },
+];
-/**
- * Nav items to be used with the various nav items.
- * [Globla-Nav](/story/compounds-global-nav)
- * [Menu-Drawer](/story/components-menu-drawer)
- * [Dropdown](/story/components-dropdown)
- *
- * @slot icon-start - an icon at the start of the main control
- * @slot icon-end - an icon at the end of the main control
- * @slot secondary - a content panel in which you can place any html to display on control click
- * @slot - use the default slot for either `<a>` or text (if constructing a secondary content panel or using `href` directly)
- * @part ctrl - the controlling `<a>` or `<button>` element
- * @part ctrl--button - the controlling `<button>` element
- * @part ctrl--anchor - the controlling <a> element
- * @part ctrl-wrapper - the wrapping div around the control (shadow `<button>` / `<a>` or slotted `<a>`)
- * @part secondary-wrapper - the div surrounding slotted secondary content
- * @part secondary-mask - the div that is added when secondary content is shown
- */
-class NavItem {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.nanoClose = createEvent(this, "nanoClose", 7);
-    this.nanoOpen = createEvent(this, "nanoOpen", 7);
-    this.nanoOpening = createEvent(this, "nanoOpening", 7);
-    this.nanoClosing = createEvent(this, "nanoClosing", 7);
-    this.nanoBlur = createEvent(this, "nanoBlur", 7);
-    this.nanoFocus = createEvent(this, "nanoFocus", 7);
-    this.hasSecondarySlot = false;
-    this.animating = false;
-    this.closeSecondary = async () => {
-      if (!this.hasSecondarySlot || !this.didOpen)
-        return;
-      this.open = false;
-      await displayTransition(this.secondaryDiv, {
-        className: 'open',
-        show: false,
-      });
-      this.nanoClosing.emit({ secondaryMenu: this.secondaryDiv });
-      this.didOpen = false;
-    };
-    this.openSecondary = async () => {
-      if (window.innerWidth < this.secondaryActiveWidth) {
-        this.secondaryFallback.call(this);
-        return;
-      }
-      if (!this.hasSecondarySlot || this.didOpen)
-        return;
-      this.open = true;
-      await displayTransition(this.secondaryDiv, {
-        className: 'open',
-        show: true,
-      });
-      this.nanoOpening.emit({ secondaryMenu: this.secondaryDiv });
-      this.didOpen = true;
-    };
-    this.toggleSecondary = () => {
-      if (!this.hasSecondarySlot)
-        return;
-      if (this.didOpen)
-        this.closeSecondary();
-      else
-        this.openSecondary();
-    };
-    this.handleFocus = () => {
-      this.hasFocus = true;
-      // opens secondary panel when activated via hover
-      if (this.href && !this.animating && this.hasSecondarySlot)
-        this.openSecondary();
-      this.nanoFocus.emit();
-    };
-    this.handleHostBlur = () => {
-      if (this.animating)
-        return;
-      // tab index is added to host when secondary panel opens
-      // to return focus after secondary panel closes. Remove now if it was added
-      this.el.removeAttribute('tabindex');
-      this.hasFocus = false;
-      this.nanoBlur.emit();
-    };
-    // direct host clicks to internal button
-    this.handleHostClick = (ev) => {
-      if (!this.hasAnchorEle)
-        return;
-      const foundlink = ev.target.closest('a, button');
-      if (!foundlink)
-        this.btn.click();
-    };
-    // handles secondary menu hover behaviour.
-    this.handleMouseEnter = async () => {
-      if (!this.href ||
-        this.animating ||
-        !this.hasSecondarySlot ||
+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).
+ *
+ * @slot - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple *nano-animation* elements.
+ */
+class NanoAnimation {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.nanoCancel = createEvent(this, "nanoCancel", 7);
+    this.nanoFinish = createEvent(this, "nanoFinish", 7);
+    this.nanoStart = createEvent(this, "nanoStart", 7);
+    this.hasStarted = false;
+    this.handleAnimationFinish = () => {
+      this.play = false;
+      this.hasStarted = false;
+      this.nanoFinish.emit();
+    };
+    this.handleAnimationCancel = () => {
+      this.play = false;
+      this.hasStarted = false;
+      this.nanoCancel.emit();
+    };
+    this.handleSlotChange = () => {
+      this.destroyAnimation();
+      this.createAnimation();
+    };
+    this.name = 'none';
+    this.play = false;
+    this.delay = 0;
+    this.direction = 'normal';
+    this.duration = 1000;
+    this.easing = 'ease';
+    this.endDelay = 0;
+    this.fill = 'auto';
+    this.iterations = Infinity;
+    this.iterationStart = 0;
+    this.keyframes = undefined;
+    this.playbackRate = 1;
+  }
+  /** Gets and sets the current animation time. */
+  get currentTime() {
+    return this.animation?.currentTime ?? 0;
+  }
+  set currentTime(time) {
+    if (this.animation) {
+      this.animation.currentTime = time;
+    }
+  }
+  connectedCallback() {
+    this.createAnimation();
+  }
+  disconnectedCallback() {
+    this.destroyAnimation();
+  }
+  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;
+  }
+  destroyAnimation() {
+    if (this.animation) {
+      this.animation.cancel();
+      this.animation.removeEventListener('cancel', this.handleAnimationCancel);
+      this.animation.removeEventListener('finish', this.handleAnimationFinish);
+      this.hasStarted = false;
+    }
+  }
+  handleAnimationChange() {
+    this.createAnimation();
+  }
+  handlePlayChange() {
+    if (this.animation) {
+      if (this.play && !this.hasStarted) {
+        this.hasStarted = true;
+        this.nanoStart.emit();
+      }
+      if (this.play) {
+        this.animation.play();
+      }
+      else {
+        this.animation.pause();
+      }
+      return true;
+    }
+    return false;
+  }
+  handlePlaybackRateChange() {
+    if (this.animation) {
+      this.animation.playbackRate = this.playbackRate;
+    }
+  }
+  /** Clears all keyframe effects caused by this animation and aborts its playback. */
+  async cancel() {
+    this.animation?.cancel();
+  }
+  /** Sets the playback time to the end of the animation corresponding to the current playback direction. */
+  async finish() {
+    this.animation?.finish();
+  }
+  render() {
+    return (hAsync(Host, null, hAsync("slot", { ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
+  }
+  static get watchers() { return {
+    "name": ["handleAnimationChange"],
+    "delay": ["handleAnimationChange"],
+    "direction": ["handleAnimationChange"],
+    "duration": ["handleAnimationChange"],
+    "easing": ["handleAnimationChange"],
+    "endDelay": ["handleAnimationChange"],
+    "fill": ["handleAnimationChange"],
+    "iterations": ["handleAnimationChange"],
+    "iterationStart": ["handleAnimationChange"],
+    "keyframes": ["handleAnimationChange"],
+    "play": ["handlePlayChange"],
+    "playbackRate": ["handlePlaybackRateChange"]
+  }; }
+  static get style() { return "/*!@:host*/.sc-nano-animation-h {\n      display: contents;\n    }"; }
+  static get cmpMeta() { return {
+    "$flags$": 9,
+    "$tagName$": "nano-animation",
+    "$members$": {
+      "name": [1],
+      "play": [1540],
+      "delay": [2],
+      "direction": [1],
+      "duration": [2],
+      "easing": [1],
+      "endDelay": [2, "end-delay"],
+      "fill": [1],
+      "iterations": [2],
+      "iterationStart": [2, "iteration-start"],
+      "keyframes": [16],
+      "playbackRate": [2, "playback-rate"],
+      "currentTime": [6146, "current-time"],
+      "cancel": [64],
+      "finish": [64]
+    },
+    "$listeners$": undefined,
+    "$lazyBundleId$": "-",
+    "$attrsToReflect$": [["play", "play"]]
+  }; }
+}
+const navItemCss = "/*!@:host*/.sc-nano-nav-item-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-nav-item,*.sc-nano-nav-item::before,*.sc-nano-nav-item::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-nav-item{display:none !important}/*!@:host*/.sc-nano-nav-item-h{opacity:inherit;display:block;color:var(--color) !important;margin:var(--margin);outline:none !important}/*!@:host .nav-item,\n:host .link*/.sc-nano-nav-item-h .nav-item.sc-nano-nav-item,.sc-nano-nav-item-h .link.sc-nano-nav-item{outline:none !important;border-radius:inherit}/*!@:host ::slotted(*),\n:host **/.sc-nano-nav-item-h .sc-nano-nav-item-s>*,.sc-nano-nav-item-h *.sc-nano-nav-item{box-sizing:border-box}/*!@:host ::slotted(button),\n:host button*/.sc-nano-nav-item-h .sc-nano-nav-item-s>button,.sc-nano-nav-item-h button.sc-nano-nav-item{background:none;border:none;margin:0}/*!@:host ::slotted(button),\n:host ::slotted(a),\n:host ::slotted(a:visited),\n:host button,\n:host a,\n:host a:visited*/.sc-nano-nav-item-h .sc-nano-nav-item-s>button,.sc-nano-nav-item-h .sc-nano-nav-item-s>a,.sc-nano-nav-item-h .sc-nano-nav-item-s>a:visited,.sc-nano-nav-item-h button.sc-nano-nav-item,.sc-nano-nav-item-h a.sc-nano-nav-item,.sc-nano-nav-item-h a.sc-nano-nav-item:visited{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-inline:var(--padding-start) var(--padding-end);padding-block:var(--padding-top) var(--padding-bottom);display:var(--display, block);white-space:nowrap;color:var(--color) !important;background-color:var(--bg-color);line-height:inherit;outline:none !important}/*!@:host ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h .sc-nano-nav-item-s>nano-icon[slot=icon-start]{padding-inline-end:var(--padding-end)}/*!@:host ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding-inline-start:var(--padding-start)}/*!@:host .link ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h .link .sc-nano-nav-item-s>nano-icon[slot=icon-start]{padding-inline:var(--padding-start) 0}/*!@:host .link ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h .link .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding-inline:0 var(--padding-end)}/*!@:host .link,\n:host button,\n:host a*/.sc-nano-nav-item-h .link.sc-nano-nav-item,.sc-nano-nav-item-h button.sc-nano-nav-item,.sc-nano-nav-item-h a.sc-nano-nav-item{border-block-end:var(--border-bottom);display:flex;align-items:center;border-radius:inherit}/*!@:host .secondary-menu*/.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{display:none}/*!@:host ::slotted(a:hover),\n:host ::slotted(button:hover),\n:host .link:hover,\n:host button:hover,\n:host a:hover*/.sc-nano-nav-item-h .sc-nano-nav-item-s>a:hover,.sc-nano-nav-item-h .sc-nano-nav-item-s>button:hover,.sc-nano-nav-item-h .link.sc-nano-nav-item:hover,.sc-nano-nav-item-h button.sc-nano-nav-item:hover,.sc-nano-nav-item-h a.sc-nano-nav-item:hover{text-decoration:inherit !important}/*!@:host button:focus-visible,\n:host a:focus-visible*/.sc-nano-nav-item-h button.sc-nano-nav-item:focus-visible,.sc-nano-nav-item-h a.sc-nano-nav-item:focus-visible{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}/*!@:host ::slotted(a:focus-visible),\n:host ::slotted(button:focus-visible)*/.sc-nano-nav-item-h .sc-nano-nav-item-s>a:focus-visible,.sc-nano-nav-item-h .sc-nano-nav-item-s>button:focus-visible{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}/*!@.nav-item.selected .link,\n.nav-item.selected button,\n.nav-item.selected a*/.nav-item.selected.sc-nano-nav-item .link.sc-nano-nav-item,.nav-item.selected.sc-nano-nav-item button.sc-nano-nav-item,.nav-item.selected.sc-nano-nav-item a.sc-nano-nav-item{color:var(--color-selected, var(--color-open, var(--color))) !important;background-color:var(--bg-color-selected, var(--bg-color-open, var(--bg-color)))}/*!@.nav-item.secondary-open button,\n.nav-item.secondary-open a*/.nav-item.secondary-open.sc-nano-nav-item button.sc-nano-nav-item,.nav-item.secondary-open.sc-nano-nav-item a.sc-nano-nav-item{color:var(--color-open, var(--color-selected, var(--color))) !important;background-color:var(--bg-color-open, var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color))))}/*!@.nav-item.disabled*/.nav-item.disabled.sc-nano-nav-item{opacity:0.6}/*!@.nav-item.disabled button,\n.nav-item.disabled a*/.nav-item.disabled.sc-nano-nav-item button.sc-nano-nav-item,.nav-item.disabled.sc-nano-nav-item a.sc-nano-nav-item{color:var(--color-disabled, var(--color)) !important}/*!@.nav-item:not(.nano-menu) ::slotted(a:hover),\n.nav-item:not(.nano-menu) ::slotted(button:hover),\n.nav-item:not(.nano-menu) .link:hover,\n.nav-item:not(.nano-menu) button:hover,\n.nav-item:not(.nano-menu) a:hover*/.nav-item:not(.nano-menu) .sc-nano-nav-item-s>a:hover,.nav-item:not(.nano-menu) .sc-nano-nav-item-s>button:hover,.nav-item.sc-nano-nav-item:not(.nano-menu) .link.sc-nano-nav-item:hover,.nav-item.sc-nano-nav-item:not(.nano-menu) button.sc-nano-nav-item:hover,.nav-item.sc-nano-nav-item:not(.nano-menu) a.sc-nano-nav-item:hover{color:var(--color-hover, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-hover, var(--bg-color-focus, var(--bg-color)))}/*!@:host(.has-focus) .link*/.has-focus.sc-nano-nav-item-h .link.sc-nano-nav-item{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, 5px auto -webkit-focus-ring-color)}/*!@:host(.nano-global-nav-menu) a,\n:host(.nano-global-nav-menu) a:visited,\n:host(.nano-global-nav-menu) button,\n:host(.nano-global-nav-menu) .link,\n:host(.nano-menu) a,\n:host(.nano-menu) a:visited,\n:host(.nano-menu) button,\n:host(.nano-menu) .link*/.nano-global-nav-menu.sc-nano-nav-item-h a.sc-nano-nav-item,.nano-global-nav-menu.sc-nano-nav-item-h a.sc-nano-nav-item:visited,.nano-global-nav-menu.sc-nano-nav-item-h button.sc-nano-nav-item,.nano-global-nav-menu.sc-nano-nav-item-h .link.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h a.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h a.sc-nano-nav-item:visited,.nano-menu.sc-nano-nav-item-h button.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h .link.sc-nano-nav-item{display:flex;justify-content:flex-start;flex-direction:row;align-items:center;color:currentcolor;text-decoration:inherit;white-space:normal;cursor:pointer;line-height:1.2;inline-size:100%}/*!@:host(.nano-global-nav-menu) .text,\n:host(.nano-menu) .text*/.nano-global-nav-menu.sc-nano-nav-item-h .text.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h .text.sc-nano-nav-item{padding-inline:0 var(--padding-end);flex:1}/*!@:host(.nano-global-nav-menu) ::slotted(a),\n:host(.nano-global-nav-menu) ::slotted(button),\n:host(.nano-menu) ::slotted(a),\n:host(.nano-menu) ::slotted(button)*/.sc-nano-nav-item-h.nano-global-nav-menu .sc-nano-nav-item-s>a,.sc-nano-nav-item-h.nano-global-nav-menu .sc-nano-nav-item-s>button,.sc-nano-nav-item-h.nano-menu .sc-nano-nav-item-s>a,.sc-nano-nav-item-h.nano-menu .sc-nano-nav-item-s>button{flex:1}/*!@:host(.nano-global-nav-menu) .secondary-menu,\n:host(.nano-menu) .secondary-menu*/.nano-global-nav-menu.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{display:none;position:absolute;color:var(--secondary-color, currentcolor);min-block-size:100%;inset-block-start:0;inset-inline-start:0;inline-size:100%;z-index:1;opacity:0;transition:opacity 0.3s ease, transform 0.3s ease;background-color:var(--secondary-bg-color, white);transform:translate3d(100%, 0, 0)}/*!@:host(.nano-global-nav-menu) .secondary-menu:focus,\n:host(.nano-menu) .secondary-menu:focus*/.nano-global-nav-menu.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item:focus,.nano-menu.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item:focus{outline:none}/*!@:host(.nano-global-nav-menu) .secondary-menu.open,\n:host(.nano-menu) .secondary-menu.open*/.nano-global-nav-menu.sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item,.nano-menu.sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{opacity:1;transform:translate3d(0, 0, 0);transition:opacity 0.3s ease, transform 0.3s ease}/*!@:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h.nano-global-nav-menu .sc-nano-nav-item-s>nano-icon[slot=icon-start]{padding-inline:0 var(--padding-end);padding-block:0}/*!@:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h.nano-global-nav-menu .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding-inline:0 var(--padding-end);padding-block:0;font-size:10px;flex:0 0 10px;pointer-events:none}/*!@:host(.nano-global-nav-menu) button ::slotted(nano-icon[slot=icon-end]),\n:host(.nano-global-nav-menu) a ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h.nano-global-nav-menu button .sc-nano-nav-item-s>nano-icon[slot=icon-end],.sc-nano-nav-item-h.nano-global-nav-menu a .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding:0}/*!@:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu,\n:host(.nano-menu[dir=rtl]) .secondary-menu*/.nano-global-nav-menu[dir=rtl].sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item,.nano-menu[dir=rtl].sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{transform:translateX(-100%)}/*!@:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu.open,\n:host(.nano-menu[dir=rtl]) .secondary-menu.open*/.nano-global-nav-menu[dir=rtl].sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item,.nano-menu[dir=rtl].sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{transform:translateX(0)}/*!@:host(.nano-menu) ::slotted(a:focus),\n:host(.nano-menu) ::slotted(button:focus)*/.sc-nano-nav-item-h.nano-menu .sc-nano-nav-item-s>a:focus,.sc-nano-nav-item-h.nano-menu .sc-nano-nav-item-s>button:focus{box-shadow:none}/*!@:host(.nano-menu) .secondary-menu-content*/.nano-menu.sc-nano-nav-item-h .secondary-menu-content.sc-nano-nav-item{padding-inline:var(--secondary-padding-start) var(--secondary-padding-end);padding-block:var(--secondary-padding-top) var(--secondary-padding-bottom)}/*!@:host(.nano-global-nav-bar) .link,\n:host(.nano-global-nav-bar) a,\n:host(.nano-global-nav-bar) button*/.nano-global-nav-bar.sc-nano-nav-item-h .link.sc-nano-nav-item,.nano-global-nav-bar.sc-nano-nav-item-h a.sc-nano-nav-item,.nano-global-nav-bar.sc-nano-nav-item-h button.sc-nano-nav-item{display:flex;align-items:center;cursor:pointer}/*!@:host(.nano-global-nav-bar) .text*/.nano-global-nav-bar.sc-nano-nav-item-h .text.sc-nano-nav-item{flex:1 0 auto}/*!@:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h.nano-global-nav-bar .sc-nano-nav-item-s>nano-icon[slot=icon-end]{margin-inline:var(--padding-end) 0;margin-block:0}/*!@:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h.nano-global-nav-bar .sc-nano-nav-item-s>nano-icon[slot=icon-start]{margin-inline:0 var(--padding-start);margin-block:0}/*!@:host(.nano-global-nav-bar) ::slotted(a),\n:host(.nano-global-nav-bar) button*/.sc-nano-nav-item-h.nano-global-nav-bar .sc-nano-nav-item-s>a,.nano-global-nav-bar.sc-nano-nav-item-h button.sc-nano-nav-item{position:relative}/*!@:host(.nano-global-nav-bar) ::slotted(a)::before,\n:host(.nano-global-nav-bar) button::before*/.sc-nano-nav-item-h.nano-global-nav-bar .sc-nano-nav-item-s>a::before,.nano-global-nav-bar.sc-nano-nav-item-h button.sc-nano-nav-item::before{content:\"\";background-color:#0c5a71;block-size:9px;inset-inline:0 5px;inset-block-end:-22px;position:absolute;transform:translateZ(0) scaleX(0);transform-origin:0;transition:0.2s ease transform}/*!@:host(.nano-global-nav-bar) .selected button::before,\n:host(.nano-global-nav-bar) .secondary-open button::before*/.nano-global-nav-bar.sc-nano-nav-item-h .selected.sc-nano-nav-item button.sc-nano-nav-item::before,.nano-global-nav-bar.sc-nano-nav-item-h .secondary-open.sc-nano-nav-item button.sc-nano-nav-item::before{transform:translateZ(0) scaleX(1)}/*!@:host(.nano-global-nav-bar.selected) ::slotted(a)::before*/.sc-nano-nav-item-h.nano-global-nav-bar.selected .sc-nano-nav-item-s>a::before{transform:translateZ(0) scaleX(1)}/*!@:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before*/.nano-global-nav-bar.has-secondary.sc-nano-nav-item-h .secondary-open.sc-nano-nav-item button.sc-nano-nav-item::before{opacity:0.7}/*!@:host(.nano-global-nav-bar.has-secondary) .secondary-menu*/.nano-global-nav-bar.has-secondary.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{display:none;transition:transform 0.3s ease;transform:translateY(-100%) translateZ(0);background-color:var(--secondary-bg-color, #196c82);color:var(--secondary-color);position:absolute;box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);inset-inline:0;z-index:-2;outline:none}/*!@:host(.nano-global-nav-bar.has-secondary) .secondary-menu.open*/.nano-global-nav-bar.has-secondary.sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{transform:translateY(12px) translateZ(0)}/*!@:host(.nano-menu-drawer) .link,\n:host(.nano-menu-drawer) a,\n:host(.nano-menu-drawer) button*/.nano-menu-drawer.sc-nano-nav-item-h .link.sc-nano-nav-item,.nano-menu-drawer.sc-nano-nav-item-h a.sc-nano-nav-item,.nano-menu-drawer.sc-nano-nav-item-h button.sc-nano-nav-item{padding-block:calc(var(--padding-top) / 2) calc(var(--padding-bottom) / 2);padding-inline:var(--padding-start) 0;display:flex;justify-content:flex-start;flex-direction:row;align-items:center;color:currentcolor;text-decoration:inherit;white-space:normal;border:none;cursor:pointer;line-height:1.2;inline-size:100%}/*!@:host(.nano-menu-drawer) .text*/.nano-menu-drawer.sc-nano-nav-item-h .text.sc-nano-nav-item{padding-inline:0 var(--padding-end);text-align:start;flex:0 1 auto;min-inline-size:130px;inline-size:130px}/*!@:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-start])*/.sc-nano-nav-item-h.nano-menu-drawer .sc-nano-nav-item-s>nano-icon[slot=icon-start]{padding-inline:0 var(--padding-end);padding-block:0;font-size:var(--icon-size);inline-size:var(--icon-size);flex:0 0 var(--icon-size)}/*!@:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-end])*/.sc-nano-nav-item-h.nano-menu-drawer .sc-nano-nav-item-s>nano-icon[slot=icon-end]{padding:0 var(--padding-end) 0 0;font-size:10px;flex:0 0 20px;min-inline-size:20px}/*!@:host(.nano-menu-drawer) .secondary-menu*/.nano-menu-drawer.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{display:none;position:absolute;background-color:var(--secondary-bg-color);color:var(--secondary-color);block-size:100vh;inset-inline:auto 0;inset-block:0;transform:translateX(0);z-index:-1;transition:transform 0.3s ease, opacity 0.2s ease;overflow-y:auto;inline-size:var(--secondary-width, 400px);max-inline-size:62vw;opacity:1;padding-inline:var(--secondary-padding-start, var(--padding-start)) var(--secondary-padding-end, var(--padding-end));padding-block:var(--secondary-padding-top, var(--padding-top)) var(--secondary-padding-bottom, var(--padding-bottom))}/*!@:host(.nano-menu-drawer) .secondary-menu:focus*/.nano-menu-drawer.sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item:focus{outline:none}/*!@:host(.nano-menu-drawer) .secondary-menu.open*/.nano-menu-drawer.sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{transform:translateX(100%)}/*!@:host(.nano-menu-drawer) .notification*/.nano-menu-drawer.sc-nano-nav-item-h .notification.sc-nano-nav-item{position:relative}/*!@:host(.nano-menu-drawer) .notification::after*/.nano-menu-drawer.sc-nano-nav-item-h .notification.sc-nano-nav-item::after{content:\"\";display:block;position:absolute;inline-size:6px;block-size:6px;background-color:#ef4135;inset-inline-start:10px;inset-block-start:7px;border-radius:50%}@media (min-width: 52em){/*!@:host(.nano-menu-drawer) .notification::after*/.nano-menu-drawer.sc-nano-nav-item-h .notification.sc-nano-nav-item::after{inline-size:7px;block-size:7px;inset-inline-start:8px;inset-block-start:5px}}/*!@:host(.nano-menu-drawer[dir=rtl]) .secondary-menu*/.nano-menu-drawer[dir=rtl].sc-nano-nav-item-h .secondary-menu.sc-nano-nav-item{transform:translateX(0%)}/*!@:host(.nano-menu-drawer[dir=rtl]) .secondary-menu.open*/.nano-menu-drawer[dir=rtl].sc-nano-nav-item-h .secondary-menu.open.sc-nano-nav-item{transform:translateX(-100%);opacity:1}";
+/**
+ * Nav items to be used with the various nav items.
+ * [Globla-Nav](/story/compounds-global-nav)
+ * [Menu-Drawer](/story/components-menu-drawer)
+ * [Dropdown](/story/components-dropdown)
+ *
+ * @slot icon-start - an icon at the start of the main control
+ * @slot icon-end - an icon at the end of the main control
+ * @slot secondary - a content panel in which you can place any html to display on control click
+ * @slot - use the default slot for either `<a>` or text (if constructing a secondary content panel or using `href` directly)
+ * @part ctrl - the controlling `<a>` or `<button>` element
+ * @part ctrl--button - the controlling `<button>` element
+ * @part ctrl--anchor - the controlling <a> element
+ * @part ctrl-wrapper - the wrapping div around the control (shadow `<button>` / `<a>` or slotted `<a>`)
+ * @part secondary-wrapper - the div surrounding slotted secondary content
+ * @part secondary-mask - the div that is added when secondary content is shown
+ */
+class NavItem {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.nanoClose = createEvent(this, "nanoClose", 7);
+    this.nanoOpen = createEvent(this, "nanoOpen", 7);
+    this.nanoOpening = createEvent(this, "nanoOpening", 7);
+    this.nanoClosing = createEvent(this, "nanoClosing", 7);
+    this.nanoBlur = createEvent(this, "nanoBlur", 7);
+    this.nanoFocus = createEvent(this, "nanoFocus", 7);
+    this.hasSecondarySlot = false;
+    this.animating = false;
+    this.closeSecondary = async () => {
+      if (!this.hasSecondarySlot || !this.didOpen)
+        return;
+      this.open = false;
+      await displayTransition(this.secondaryDiv, {
+        className: 'open',
+        show: false,
+      });
+      this.nanoClosing.emit({ secondaryMenu: this.secondaryDiv });
+      this.didOpen = false;
+    };
+    this.openSecondary = async () => {
+      if (window.innerWidth < this.secondaryActiveWidth) {
+        this.secondaryFallback.call(this);
+        return;
+      }
+      if (!this.hasSecondarySlot || this.didOpen)
+        return;
+      this.open = true;
+      await displayTransition(this.secondaryDiv, {
+        className: 'open',
+        show: true,
+      });
+      this.nanoOpening.emit({ secondaryMenu: this.secondaryDiv });
+      this.didOpen = true;
+    };
+    this.toggleSecondary = () => {
+      if (!this.hasSecondarySlot)
+        return;
+      if (this.didOpen)
+        this.closeSecondary();
+      else
+        this.openSecondary();
+    };
+    this.handleFocus = () => {
+      this.hasFocus = true;
+      // opens secondary panel when activated via hover
+      if (this.href && !this.animating && this.hasSecondarySlot)
+        this.openSecondary();
+      this.nanoFocus.emit();
+    };
+    this.handleHostBlur = () => {
+      if (this.animating)
+        return;
+      // tab index is added to host when secondary panel opens
+      // to return focus after secondary panel closes. Remove now if it was added
+      this.el.removeAttribute('tabindex');
+      this.hasFocus = false;
+      this.nanoBlur.emit();
+    };
+    // direct host clicks to internal button
+    this.handleHostClick = (ev) => {
+      if (!this.hasAnchorEle)
+        return;
+      const foundlink = ev.target.closest('a, button');
+      if (!foundlink)
+        this.btn.click();
+    };
+    // handles secondary menu hover behaviour.
+    this.handleMouseEnter = async () => {
+      if (!this.href ||
+        this.animating ||
+        !this.hasSecondarySlot ||
         (this.globalNavEle && !this.globalNavEle.classList.contains('ready')))
         return;
       // if there are sibling secondary panels currently open,
@@ -22425,7 +23827,7 @@ class ResizeObserve {
     "currentHeight": ["dimensionChanged"],
     "currentWidth": ["dimensionChanged"]
   }; }
-  static get style() { return "/*!@nano-resize-observe*/nano-resize-observe.sc-nano-resize-observe { display: contents }"; }
+  static get style() { return "/*!@nano-resize-observe*/nano-resize-observe.sc-nano-resize-observe { display: block }"; }
   static get cmpMeta() { return {
     "$flags$": 9,
     "$tagName$": "nano-resize-observe",
@@ -27781,32 +29183,6 @@ class Sticker {
     else
       this.host.parentNode.insertBefore(this.trigger, this.host.nextSibling);
   }
-  /**
-   * Gets the 'closest' scrolling parent
-   * @returns either an element with `overflow: scroll | auto` or the parent Document
-   */
-  getScrollParent() {
-    const regex = /(auto|scroll)/;
-    const parents = (_node, ps) => {
-      if (_node.parentNode === null) {
-        return ps;
-      }
-      return parents(_node.parentNode, ps.concat([_node]));
-    };
-    const style = (_node, prop) => getComputedStyle(_node, null).getPropertyValue(prop);
-    const overflow = (_node) => style(_node, 'overflow') +
-      style(_node, 'overflow-y') +
-      style(_node, 'overflow-x');
-    const scroll = (_node) => regex.test(overflow(_node));
-    const docHeight = document.documentElement.getBoundingClientRect().height;
-    const scrollParent = (_node) => {
-      if (!(typeof _node === 'object'))
-        return;
-      const ps = parents(_node, []);
-      return (ps.find((ele) => scroll(ele) && ele.getBoundingClientRect().height !== docHeight) || document);
-    };
-    return scrollParent(this.host);
-  }
   shouldStick(data) {
     let scrollAmt;
     if (this.positions.includes('top')) {
@@ -27832,7 +29208,7 @@ class Sticker {
   }
   bootstrapGurantor() {
     this.hasBootstrapped = true;
-    this.scrollParent = this.scrollParent || this.getScrollParent();
+    this.scrollParent = this.scrollParent || findScrollParent(this.host);
     this.isRootSticker = this.scrollParent instanceof Document;
     this.trigger = this.trigger || document.createElement('div');
     this.trigger.innerHTML = '&nbsp;';
@@ -28530,6 +29906,20 @@ const CSSNAMESPACE = 'nano-tbl';
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
 /**
  * lodash (Custom Build) <https://lodash.com/>
  * Build: `lodash modularize exports="npm" -o ./`
@@ -29657,27 +31047,6 @@ function classListToStr(classes) {
   });
   return classString;
 }
-/**
- * Attempts to find the closes scrolling parental element
- * @param element - the element from which to traverse up the DOM
- * @returns - the closest scrolling parental element
- */
-function findScrollParent(element) {
-  let style = getComputedStyle(element);
-  const excludeStaticParent = style.position === 'absolute';
-  const overflowRegex = /(auto|scroll)/;
-  if (style.position === 'fixed')
-    return document.documentElement;
-  for (let parent = element; (parent = parent.parentElement);) {
-    style = getComputedStyle(parent);
-    if (excludeStaticParent && style.position === 'static') {
-      continue;
-    }
-    if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX))
-      return parent;
-  }
-  return document.documentElement;
-}
 /**
  * Checks whether an element is currently viewable within the viewport
  * @param el - element to check
@@ -31346,7 +32715,6 @@ registerComponents([
   AlgoliaFilter,
   AlgoliaPagination,
   AlgoliaResults,
-  AspectRatio,
   Checkbox,
   CheckboxGroup,
   DataList,
@@ -31369,8 +32737,10 @@ registerComponents([
   IconButton,
   Img,
   Input,
+  IntersectionObserve,
   Menu,
   MenuDrawer,
+  NanoAnimation,
   NavItem,
   Option,
   OverflowNav,
@@ -31393,6 +32763,23 @@ registerComponents([
   Tooltip,
 ]);
+var searchInsightsBrowser_cjs_min = createCommonjsModule(function (module, exports) {
+Object.defineProperty(exports,"__esModule",{value:!0});var version="2.13.0";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 !1}},supportsSendBeacon=function(){try{return Boolean(navigator.sendBeacon)}catch(e){return !1}},supportsXMLHttpRequest=function(){try{return Boolean(XMLHttpRequest)}catch(e){return !1}},supportsNativeFetch=function(){try{return void 0!==fetch}catch(e){return !1}},isUndefined=function(e){return void 0===e},isNumber=function(e){return "number"==typeof e},isFunction=function(e){return "function"==typeof e};function getFunctionalInterface(i){return function(e){for(var t=[],n=arguments.length-1;0<n--;)t[n]=arguments[n+1];e&&isFunction(i[e])?i[e].apply(i,t):console.warn("The method `"+e+"` doesn't exist.");}}var DEFAULT_ALGOLIA_AGENTS=["insights-js ("+version+")","insights-js-browser-cjs ("+version+")"];function addAlgoliaAgent(e){-1===this._ua.indexOf(e)&&this._ua.push(e);}function getVersion(e){isFunction(e)&&e(this.version);}function __rest(e,t){var n={};for(s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,s=Object.getOwnPropertySymbols(e);i<s.length;i++)t.indexOf(s[i])<0&&Object.prototype.propertyIsEnumerable.call(e,s[i])&&(n[s[i]]=e[s[i]]);return n}function makeSendEvents(s){return function(e,t){var i=this;if(!this._userHasOptedOut){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(!0);var n=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 sendRequest(s,this._ua,this._endpointOrigin,n,this._appId,this._apiKey,null==t?void 0:t.headers)}}}function sendRequest(e,t,n,i,s,r,o){var a=(o=void 0===o?{}:o)["X-Algolia-Application-Id"],c=o["X-Algolia-API-Key"],o=__rest(o,["X-Algolia-Application-Id","X-Algolia-API-Key"]),d=Object.assign({"X-Algolia-Application-Id":null!=a?a:s,"X-Algolia-API-Key":null!=c?c:r,"X-Algolia-Agent":encodeURIComponent(t.join("; "))},o);return e(n+"/1/events?"+Object.keys(d).map(function(e){return e+"="+d[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 s=n[i];" "===s.charAt(0);)s=s.substring(1);if(0===s.indexOf(t))return s.substring(t.length,s.length)}return ""};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 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 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 e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return 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 e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=extractAdditionalParams(e),i=n.events,n=n.additionalParams;return 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||this.setAnonymousUserToken();}function setOptions(e,t,n){var i=t.partial,s=__rest(t,["partial"]);i||Object.assign(e,n),Object.assign(e,Object.keys(s).reduce(function(e,t){return Object.assign(Object.assign({},e),((e={})["_"+t]=s[t],e))},{}));}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=!0,this._userHasOptedOut=!1,this._useCookie=!1,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.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}function processQueue(e){var n,t=e.AlgoliaAnalyticsObject;t&&(n=getFunctionalInterface(this),(e=e[t]).queue=e.queue||[],(t=e.queue).forEach(function(e){var e=[].slice.call(e),t=e[0],e=e.slice(1);n.apply(void 0,[t].concat(e));}),t.push=function(e){var e=[].slice.call(e),t=e[0],e=e.slice(1);n.apply(void 0,[t].concat(e));});}var requestWithXMLHttpRequest=function(s,r){return new Promise(function(e,t){var n=JSON.stringify(r),i=new XMLHttpRequest;i.addEventListener("readystatechange",function(){4===i.readyState&&200===i.status?e(!0):4===i.readyState&&e(!1);}),i.addEventListener("error",function(){return t()}),i.addEventListener("timeout",function(){return e(!1)}),i.open("POST",s),i.setRequestHeader("Content-Type","application/json"),i.setRequestHeader("Content-Length",""+n.length),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 entryBrowserCjs=createInsightsClient(getRequesterForBrowser());exports.AlgoliaAnalytics=AlgoliaAnalytics,exports.default=entryBrowserCjs,exports.getFunctionalInterface=getFunctionalInterface,exports.getRequesterForBrowser=getRequesterForBrowser,exports.processQueue=processQueue;
+});
+var indexBrowser_cjs = createCommonjsModule(function (module) {
+module.exports = searchInsightsBrowser_cjs_min.default;
+Object.keys(searchInsightsBrowser_cjs_min).forEach(key => {
+  if (key !== "default") {
+    module.exports[key] = searchInsightsBrowser_cjs_min[key];
+  }
+});
+});
+var indexBrowser_cjs$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Object.create(null), indexBrowser_cjs, {
+  'default': indexBrowser_cjs
+}));
 const user = {
 	id: "john.jenkins",
 	uuid: "2589690E-A907-50BB-9551-55E18ABB1273",