@nanoporetech-digital/components 5.9.4 → 5.9.6

package/hydrate/index.js

@@ -9438,7 +9438,7 @@ class AlgoliaPagination {
   async prevPage() { }
   /** Go to a particular page */
   async goToPage(page) {
-    console.log(page);
+    console.info(page);
   }
   updateContent() {
     this.outputTo = this.outputSlot || this.outputEle;
@@ -12172,7 +12172,6 @@ const displayTransition = (el, options) => {
   const opts = Object.assign({ className: '', show: true, showDisplay: 'block' }, options);
   return new Promise((resolve) => {
     const showCb = (e) => {
-      console.log('????', e.propertyName);
       if ((e.target === el || e.composedPath().some((el) => el === e.target)) &&
         (!opts.transitionProp || opts.transitionProp.includes(e.propertyName))) {
         resolve('shown');
@@ -12183,6 +12182,7 @@ const displayTransition = (el, options) => {
       if ((e.target === el || e.composedPath().some((el) => el === e.target)) &&
         (!opts.transitionProp || opts.transitionProp.includes(e.propertyName))) {
         el.style.display = 'none';
+        el.dataset.displayTransition = 'false';
         resolve('hidden');
         el.removeEventListener('transitionend', hideCb);
       }
@@ -12191,7 +12191,7 @@ const displayTransition = (el, options) => {
       el.addEventListener('transitionend', showCb);
       el.style.display = opts.showDisplay;
       el.dataset.displayTransition = 'true';
-      setTimeout(() => el.classList.add(opts.className), 20);
+      requestAnimationFrame(() => el.classList.add(opts.className));
     }
     else {
       el.addEventListener('transitionend', hideCb);
@@ -12432,7 +12432,7 @@ function hasSlot(host, name) {
 
 const dialogCss = "/*!@:host*/.sc-nano-dialog-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-dialog,*.sc-nano-dialog::before,*.sc-nano-dialog::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-dialog{display:none !important}/*!@:host*/.sc-nano-dialog-h{--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--content-background:#fafafa;--footer-content:#e4e6e8;--scrim-color:var(--nano-layer-overlay-dark, rgb(74 74 74 / 50%));--box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2));--close-button-color:#b5aea7;--width:60rem;--tint-color:#00607b;--body-padding-v:var(--nano-spacing-large, 20px);--body-padding-h:var(--nano-spacing-large, 20px);--header-padding-v:var(--nano-spacing-medium, 16px);--header-padding-h:var(--nano-spacing-large, 20px);--footer-padding-v:var(--nano-spacing-medium, 16px);--footer-padding-h:var(--nano-spacing-large, 20px)}/*!@.dialog*/.dialog.sc-nano-dialog{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--nano-layer-index-modal, 700)}/*!@.dialog__panel*/.dialog__panel.sc-nano-dialog{display:flex;flex-direction:column;z-index:2;inline-size:var(--width);max-inline-size:calc(100% - var(--nano-spacing-xlarge, 24px));max-block-size:calc(92% - var(--nano-spacing-xlarge, 24px));background-color:var(--content-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:0;transform:scale(0.8);transition:var(--nano-transition-fast, 0.3s) opacity, var(--nano-transition-fast, 0.3s) transform}/*!@.dialog__panel:focus*/.dialog__panel.sc-nano-dialog:focus{outline:none}/*!@.dialog--with-ribbon .dialog__panel*/.dialog--with-ribbon.sc-nano-dialog .dialog__panel.sc-nano-dialog{-webkit-border-before:5px solid var(--tint-color);border-block-start:5px solid var(--tint-color)}/*!@.dialog--open .dialog__panel*/.dialog--open.sc-nano-dialog .dialog__panel.sc-nano-dialog{display:flex;opacity:1;transform:none}/*!@.dialog--nodismiss .dialog__panel*/.dialog--nodismiss.sc-nano-dialog .dialog__panel.sc-nano-dialog{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}/*!@.dialog__header*/.dialog__header.sc-nano-dialog{flex:0 0 auto;display:flex;inline-size:100%;background-color:var(--content-background);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:var(--nano-transition-fast, 0.1s) box-shadow;min-inline-size:auto}/*!@[stuck] .dialog__header*/[stuck].sc-nano-dialog .dialog__header.sc-nano-dialog{box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2))}/*!@.dialog__title*/.dialog__title.sc-nano-dialog{flex:1 1 auto;font-size:var(--nano-fontsize-large, 1.25rem);line-height:1.6;padding-block:var(--header-padding-v);padding-inline:var(--header-padding-h)}/*!@.dialog .dialog__close-icon*/.dialog.sc-nano-dialog .dialog__close-icon.sc-nano-dialog{flex:0 0 auto;display:flex;align-items:center;font-size:var(--nano-fontsize-xlarge, 1.5rem);padding-block:0;padding-inline:var(--header-padding-h);--color:var(--close-button-color)}/*!@.dialog__body*/.dialog__body.sc-nano-dialog{padding-block:0 var(--body-padding-v);padding-inline:var(--body-padding-h)}/*!@.dialog:not(.dialog--has-header) .dialog__body*/.dialog.sc-nano-dialog:not(.dialog--has-header) .dialog__body.sc-nano-dialog{-webkit-padding-before:var(--body-padding-v);padding-block-start:var(--body-padding-v)}/*!@.dialog__body ::slotted(*)*/.dialog__body .sc-nano-dialog-s>*{max-inline-size:100%}/*!@.dialog__body-wrap*/.dialog__body-wrap.sc-nano-dialog{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius)}/*!@.dialog:not(.dialog--has-header) .dialog__body-wrap*/.dialog.sc-nano-dialog:not(.dialog--has-header) .dialog__body-wrap.sc-nano-dialog{border-radius:0 0 inherit inherit}/*!@.dialog:not(.dialog--has-footer) .dialog__body-wrap*/.dialog.sc-nano-dialog:not(.dialog--has-footer) .dialog__body-wrap.sc-nano-dialog{border-radius:inherit inherit 0 0}/*!@.dialog__footer*/.dialog__footer.sc-nano-dialog{inline-size:100%;padding-block:var(--footer-padding-v);padding-inline:var(--footer-padding-h);background:var(--footer-content);border-radius:0 0 var(--border-radius) var(--border-radius);position:relative;inset-block-start:1px;min-inline-size:auto}/*!@.dialog__footer ::slotted(button)*/.dialog__footer .sc-nano-dialog-s>button{-webkit-margin-end:var(--nano-spacing-small, 8px) !important;margin-inline-end:var(--nano-spacing-small, 8px) !important}/*!@.dialog:not(.dialog--has-footer) .dialog__footer*/.dialog.sc-nano-dialog:not(.dialog--has-footer) .dialog__footer.sc-nano-dialog{display:none}/*!@.dialog__close-txt*/.dialog__close-txt.sc-nano-dialog{color:var(--tint-color);border:none;text-decoration:underline;margin:0;text-underline-offset:4px;background-color:transparent;font:inherit;-webkit-box-align:center;cursor:pointer;font-size:var(--nano-fontsize-small, 0.875rem);padding:0.5rem;border-radius:var(--nano-border-radius-small, 2px);transition:box-shadow 100ms ease-in-out}/*!@.dialog__close-txt:focus*/.dialog__close-txt.sc-nano-dialog:focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}/*!@.dialog__overlay*/.dialog__overlay.sc-nano-dialog{position:fixed;inset:0;background-color:var(--scrim-color);opacity:0;transition:var(--nano-transition-fast, 0.3s) opacity;-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px))}/*!@.dialog--open .dialog__overlay*/.dialog--open.sc-nano-dialog .dialog__overlay.sc-nano-dialog{opacity:1}";
 
-let id$3 = 0;
+let id$4 = 0;
 /**
  * Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
  *
@@ -12459,7 +12459,7 @@ class Dialog {
     this.nanoAfterHide = createEvent(this, "nanoAfterHide", 7);
     this.nanoInitialFocus = createEvent(this, "nanoInitialFocus", 7);
     this.nanoRequestClose = createEvent(this, "nanoRequestClose", 7);
-    this.componentId = `dialog-${++id$3}`;
+    this.componentId = `dialog-${++id$4}`;
     this.willShow = false;
     this.willHide = false;
     this.handleKeyDown = (event) => {
@@ -13088,7 +13088,7 @@ var round = Math.round;
 function getUAString() {
   var uaData = navigator.userAgentData;
 
-  if (uaData != null && uaData.brands) {
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
     return uaData.brands.map(function (item) {
       return item.brand + "/" + item.version;
     }).join(' ');
@@ -13376,7 +13376,6 @@ function effect$1(_ref2) {
   }
 
   if (!contains(state.elements.popper, arrowElement)) {
-
     return;
   }
 
@@ -13407,10 +13406,9 @@ var unsetSides = {
 // Zooming can change the DPR, but it seems to report a value that will
 // cleanly divide the values into the appropriate subpixels.
 
-function roundOffsetsByDPR(_ref) {
+function roundOffsetsByDPR(_ref, win) {
   var x = _ref.x,
       y = _ref.y;
-  var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
     x: round(x * dpr) / dpr || 0,
@@ -13493,7 +13491,7 @@ function mapToStyles(_ref2) {
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x: x,
     y: y
-  }) : {
+  }, getWindow(popper)) : {
     x: x,
     y: y
   };
@@ -13519,7 +13517,6 @@ function computeStyles(_ref5) {
       adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
       _options$roundOffsets = options.roundOffsets,
       roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
-
   var commonStyles = {
     placement: getBasePlacement(state.placement),
     variation: getVariation(state.placement),
@@ -14587,8 +14584,7 @@ function popperGenerator(generatorOptions) {
 
         state.orderedModifiers = orderedModifiers.filter(function (m) {
           return m.enabled;
-        }); // Validate the provided modifiers so that the consumer will get warned
-
+        });
         runModifierEffects();
         return instance.update();
       },
@@ -14608,7 +14604,6 @@ function popperGenerator(generatorOptions) {
         // anymore
 
         if (!areValidElements(reference, popper)) {
-
           return;
         } // Store the reference and popper rects to be read by modifiers
 
@@ -14633,7 +14628,6 @@ function popperGenerator(generatorOptions) {
         });
 
         for (var index = 0; index < state.orderedModifiers.length; index++) {
-
           if (state.reset === true) {
             state.reset = false;
             index = -1;
@@ -14671,7 +14665,6 @@ function popperGenerator(generatorOptions) {
     };
 
     if (!areValidElements(reference, popper)) {
-
       return instance;
     }
 
@@ -14686,11 +14679,11 @@ function popperGenerator(generatorOptions) {
     // one.
 
     function runModifierEffects() {
-      state.orderedModifiers.forEach(function (_ref3) {
-        var name = _ref3.name,
-            _ref3$options = _ref3.options,
-            options = _ref3$options === void 0 ? {} : _ref3$options,
-            effect = _ref3.effect;
+      state.orderedModifiers.forEach(function (_ref) {
+        var name = _ref.name,
+            _ref$options = _ref.options,
+            options = _ref$options === void 0 ? {} : _ref$options,
+            effect = _ref.effect;
 
         if (typeof effect === 'function') {
           var cleanupFn = effect({
@@ -14953,12 +14946,16 @@ class Dropdown {
       this.ignoreOpenWatcher = false;
       return;
     }
-    this.popover.show();
-    // @ts-expect-error
+    // @ts-ignore
     if (typeof ((_a = this.positioner) === null || _a === void 0 ? void 0 : _a.showPopover) === 'function') {
-      // @ts-expect-error
+      this.hoist = true;
+      this.popover.show();
+      // @ts-ignore
       this.positioner.showPopover();
     }
+    else {
+      this.popover.show();
+    }
     this.ignoreOpenWatcher = false;
     document.addEventListener('mousedown', this.handleDocumentMouseDown);
     document.addEventListener('keydown', this.handleDocumentKeyDown);
@@ -14983,9 +14980,9 @@ class Dropdown {
     }
     setTimeout(() => {
       var _a;
-      // @ts-expect-error
+      // @ts-ignore
       if (!this.open && typeof ((_a = this.positioner) === null || _a === void 0 ? void 0 : _a.hidePopover) === 'function') {
-        // @ts-expect-error
+        // @ts-ignore
         this.positioner.hidePopover();
       }
     }, 300);
@@ -16418,7 +16415,7 @@ async function clientFetch(url, _a = {}) {
   }
 }
 
-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 > .sticker-trigger*/.global-nav.sc-nano-global-nav>.sticker-trigger.sc-nano-global-nav{display:none}/*!@.global-nav > .sticker-trigger ~ .sticker-trigger*/.global-nav.sc-nano-global-nav>.sticker-trigger.sc-nano-global-nav~.sticker-trigger.sc-nano-global-nav{display:block}/*!@.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{width:18px;height: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}/*!@.mask*/.mask.sc-nano-global-nav{opacity:0;background:rgba(0, 0, 0, 0.3);position:fixed;inset-inline:0;inset-block-start:0;height: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:3;visibility:visible}/*!@.bars*/.bars.sc-nano-global-nav{color:var(--bar-text-color);z-index:var(--nano-layer-index-menubar, 10);position:relative;max-width:100%;min-width:100%;box-shadow:none;transition:0.2s ease box-shadow}/*!@[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:\"\";width:100%;height:100%;z-index:-1;background:var(--bar-background);position:absolute}/*!@.main-bar*/.main-bar.sc-nano-global-nav{width:100%;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]{-webkit-margin-start:11px;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{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:6px;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{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:11px;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;-webkit-border-end:1.5px solid var(--bar-color-shade);border-inline-end:1.5px solid var(--bar-color-shade)}/*!@.main-bar .logo*/.main-bar.sc-nano-global-nav .logo.sc-nano-global-nav{height:36px;width:200px;min-width: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{height:30px}/*!@.main-bar .logo-link*/.main-bar.sc-nano-global-nav .logo-link.sc-nano-global-nav{-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start: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;-webkit-margin-end:auto;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);-webkit-margin-start:6px;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-width:1px;display:block;margin:0;padding:0}/*!@.sticker-trigger*/.sticker-trigger.sc-nano-global-nav{background:var(--bar-background);width:100%;height:1px;z-index:20;position:relative}/*!@.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;height:100vh;width:100vw;overflow-y:auto}/*!@:host(.threshold-4) .gn-menu*/.threshold-4.sc-nano-global-nav-h .gn-menu.sc-nano-global-nav{position:absolute;width:calc(100vw - 20px)}/*!@.gn-menu.menu-full-screen*/.gn-menu.menu-full-screen.sc-nano-global-nav{width:100vw !important}/*!@.gn-menu_wrap*/.gn-menu_wrap.sc-nano-global-nav{max-width:92vw;width: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;-webkit-margin-after:36px;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{-webkit-padding-end:calc(var(--menu-padding) / 2);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;height:14px;line-height:14px;width:auto;min-width: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-height: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{-webkit-margin-end:auto;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;width: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{-webkit-padding-start:var(--menu-padding);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;-webkit-border-after:1px solid var(--menu-hint-color);border-block-end:1px solid var(--menu-hint-color);-webkit-padding-after:8px;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{-webkit-border-after:none;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{-webkit-margin-after:0;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{-webkit-border-before:1px solid var(--menu-hint-color);border-block-start:1px solid var(--menu-hint-color);-webkit-border-after: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;width: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{-webkit-margin-end:10px;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;width: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{width: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{-webkit-margin-start:10px;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}/*!@.search-btn::before*/.search-btn.sc-nano-global-nav::before{content:\"\";background-color:#0c5a71;height: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{height:0;overflow:hidden;transition:0.2s ease height;padding:0 var(--bar-item-spacing);outline:none;max-width:45em;-webkit-margin-start:auto;margin-inline-start:auto}/*!@.search-bar .search-widget*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav{margin:0;overflow:inherit;max-width:none;max-height:none;min-width:auto;-webkit-padding-end:0;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-height:2.35em;-webkit-padding-before:2px;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%;width:100%}/*!@.search-widget*/.search-widget.sc-nano-global-nav{-webkit-padding-end:var(--bar-item-spacing);padding-inline-end:var(--bar-item-spacing);-webkit-margin-start:var(--bar-item-spacing);margin-inline-start:var(--bar-item-spacing);-webkit-margin-end:auto;margin-inline-end:auto;position:relative;flex:1 1 auto;max-width:500px;min-width:350px;max-height: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);width: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;-webkit-padding-before:calc(var(--bar-vertical-padding) / 2);padding-block-start:calc(var(--bar-vertical-padding) / 2);-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-after:1px;padding-block-end:1px;-webkit-padding-start:0;padding-inline-start: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);width: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;width:100%;text-decoration:underline;-webkit-border-before:1px solid #e8eaea;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;width: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-height: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;width: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-height: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{height: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;height:30px;width: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{-webkit-padding-end:0;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{-webkit-margin-start:5px;margin-inline-start:5px;width:16px;height: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-width: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;-webkit-border-after:#669dac 1px solid;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{-webkit-border-after:none;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;height: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)))}";
+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 > .sticker-trigger*/.global-nav.sc-nano-global-nav>.sticker-trigger.sc-nano-global-nav{display:none}/*!@.global-nav > .sticker-trigger ~ .sticker-trigger*/.global-nav.sc-nano-global-nav>.sticker-trigger.sc-nano-global-nav~.sticker-trigger.sc-nano-global-nav{display:block}/*!@.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{width:18px;height: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-width:100%;min-width:100%;box-shadow:none;transition:0.2s ease box-shadow}/*!@[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:\"\";width:100%;height:100%;z-index:-1;background:var(--bar-background);position:absolute}/*!@.main-bar*/.main-bar.sc-nano-global-nav{width:100%;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]{-webkit-margin-start:11px;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{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:6px;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{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:11px;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;-webkit-border-end:1.5px solid var(--bar-color-shade);border-inline-end:1.5px solid var(--bar-color-shade)}/*!@.main-bar .logo*/.main-bar.sc-nano-global-nav .logo.sc-nano-global-nav{height:36px;width:200px;min-width: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{height:30px}/*!@.main-bar .logo-link*/.main-bar.sc-nano-global-nav .logo-link.sc-nano-global-nav{-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start: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;-webkit-margin-end:auto;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);-webkit-margin-start:6px;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-width:1px;display:block;margin:0;padding:0}/*!@.sticker-trigger*/.sticker-trigger.sc-nano-global-nav{background:var(--bar-background);width:100%;height:1px;z-index:20;position:relative}/*!@.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;height:100vh;width:100vw;overflow-y:auto}/*!@:host(.threshold-4) .gn-menu*/.threshold-4.sc-nano-global-nav-h .gn-menu.sc-nano-global-nav{position:absolute;width:calc(100vw - 20px)}/*!@.gn-menu.menu-full-screen*/.gn-menu.menu-full-screen.sc-nano-global-nav{width:100vw !important}/*!@.gn-menu_wrap*/.gn-menu_wrap.sc-nano-global-nav{max-width:92vw;width: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;-webkit-margin-after:36px;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{-webkit-padding-end:calc(var(--menu-padding) / 2);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;height:14px;line-height:14px;width:auto;min-width: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-height: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{-webkit-margin-end:auto;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;width: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{-webkit-padding-start:var(--menu-padding);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;-webkit-border-after:1px solid var(--menu-hint-color);border-block-end:1px solid var(--menu-hint-color);-webkit-padding-after:8px;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{-webkit-border-after:none;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{-webkit-margin-after:0;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{-webkit-border-before:1px solid var(--menu-hint-color);border-block-start:1px solid var(--menu-hint-color);-webkit-border-after: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;width: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{-webkit-margin-end:10px;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;width: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{width: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{-webkit-margin-start:10px;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;height: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;height: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{height:0;overflow:hidden;transition:0.2s ease height;padding:0 var(--bar-item-spacing);outline:none;max-width:45em;-webkit-margin-start:auto;margin-inline-start:auto}/*!@.search-bar .search-widget*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav{margin:0;overflow:inherit;max-width:none;max-height:none;min-width:auto;-webkit-padding-end:0;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-height:2.35em;-webkit-padding-before:2px;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%;width:100%}/*!@.search-widget*/.search-widget.sc-nano-global-nav{-webkit-padding-end:var(--bar-item-spacing);padding-inline-end:var(--bar-item-spacing);-webkit-margin-start:var(--bar-item-spacing);margin-inline-start:var(--bar-item-spacing);-webkit-margin-end:auto;margin-inline-end:auto;position:relative;flex:1 1 auto;max-width:500px;min-width:350px;max-height: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);width: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;-webkit-padding-before:calc(var(--bar-vertical-padding) / 2);padding-block-start:calc(var(--bar-vertical-padding) / 2);-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-after:1px;padding-block-end:1px;-webkit-padding-start:0;padding-inline-start: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);width: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;width:100%;text-decoration:underline;-webkit-border-before:1px solid #e8eaea;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;width: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-height: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;width: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-height: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{height: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;height:30px;width: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{-webkit-padding-end:0;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{-webkit-margin-start:5px;margin-inline-start:5px;width:16px;height: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-width: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;-webkit-border-after:#669dac 1px solid;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{-webkit-border-after:none;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;height: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
 const THRESHOLDBREAKS = {
@@ -17104,7 +17101,7 @@ class GlobalNav {
         this.menuSelectedItems.forEach((i) => (i.selected = true));
         this.menuSelectedItems = null;
       }
-    }, 200);
+    }, 300);
   }
   menuClose(ev, force = false) {
     if (!this.modalIsOpen)
@@ -17306,7 +17303,9 @@ class GlobalNav {
         'has-promotion': this.hasPromotionSlot,
         'menu-full-screen': this.menuFullScreen,
         'secondary-open': !!this.secondaryMenuOpen,
-      }, "aria-expanded": this.modalOpen ? 'true' : 'false', ref: (div) => (this.menuDiv = div), part: "burger" }, hAsync("div", { class: "gn-menu_wrap", ref: (div) => (this.menuWrapDiv = div), tabindex: "-1", part: "burger-menu" }, hAsync("div", { class: "gn-menu_actions", part: "burger-actions-bar" }, hAsync("button", { class: "menu-btn icon-btn icon-btn", onMouseDown: this.onMenuBtnClick, onKeyDown: this.onMenuBtnKeyDown }, this.threshold < this.THRESHOLDLIMIT - 3 && (hAsync("nano-icon", { name: "light/times", "aria-label": "close menu" })), this.threshold >= this.THRESHOLDLIMIT - 3 && (hAsync("nano-icon", { name: "light/bars", "aria-label": "close menu" }))), this.threshold <
+      }, "aria-expanded": this.modalOpen ? 'true' : 'false', ref: (div) => (this.menuDiv = div), part: "burger" }, hAsync("div", { class: "gn-menu_wrap", ref: (div) => (this.menuWrapDiv = div), tabindex: "-1", part: "burger-menu" }, hAsync("div", { class: "gn-menu_actions", part: "burger-actions-bar" }, hAsync("button", { class: "menu-btn icon-btn icon-btn", onMouseDown: this.onMenuBtnClick, onKeyDown: this.onMenuBtnKeyDown }, this.threshold <
+      this.THRESHOLDLIMIT - THRESHOLDBREAKS.login && (hAsync("nano-icon", { name: "light/times", "aria-label": "close menu" })), this.threshold >=
+      this.THRESHOLDLIMIT - THRESHOLDBREAKS.login && (hAsync("nano-icon", { name: "light/bars", "aria-label": "close menu" }))), this.threshold <
       this.THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [
       !!this.iconSlotLen && hAsync("slot", { name: "icon" }),
       this.myAccData &&
@@ -17327,13 +17326,13 @@ class GlobalNav {
       })))),
       ((this.threshold < this.THRESHOLDLIMIT - 2 &&
         this.mainSlotLen >= 2) ||
-        this.overflowSlotLen >= 2) && (hAsync("nav", { class: "nav-links", "aria-label": "Different company site links" }, hAsync("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, "Sites", hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), hAsync("div", { slot: "secondary" }, hAsync("div", { class: "content" }, hAsync("button", { class: "back-btn", onClick: this.subMenuClose }, hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back" }), "Sites"), hAsync("div", { class: "content--sub" }, hAsync("slot", { name: "site", onSlotchange: this.assessSlottedContent }), this.siteNavItms.map((link) => {
+        this.overflowSlotLen >= 2) && (hAsync("nav", { class: "nav-links", "aria-label": "Different company site links" }, hAsync("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu", closeOnBlur: false }, "Sites", hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), hAsync("div", { slot: "secondary" }, hAsync("div", { class: "content" }, hAsync("button", { class: "back-btn", onClick: this.subMenuClose }, hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back" }), "Sites"), hAsync("div", { class: "content--sub" }, hAsync("slot", { name: "site", onSlotchange: this.assessSlottedContent }), this.siteNavItms.map((link) => {
         return (hAsync("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, hAsync("a", { href: link.address, target: link.target }, link.title)));
       }))))))),
     ]))), this.isLoggedIn &&
       this.threshold <
         this.THRESHOLDLIMIT - THRESHOLDBREAKS.login &&
-      (this.loggedInNavItms.length || this.hasLoggedinSlot) && (hAsync("nav", { class: "nav-links", "aria-label": "Your user account links" }, hAsync("nano-nav-item", { class: "nano-global-nav user-nav nano-global-nav-menu" }, this.myAccountUser.name, hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), hAsync("div", { slot: "secondary" }, hAsync("div", { class: "content" }, hAsync("button", { class: "back-btn", onClick: this.subMenuClose }, hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back" }), this.myAccountUser.name), !!((_a = this.myAccountUser) === null || _a === void 0 ? void 0 : _a.small_avatar_url) && (hAsync("nano-global-nav-user-profile", { myAccountUser: this.myAccountUser, userProfileUrl: this.userProfileUrl })), hAsync("div", { class: "content--sub" }, hAsync("slot", { name: "loggedin", onSlotchange: this.assessSlottedContent }), this.loggedInNavItms.map((link) => {
+      (this.loggedInNavItms.length || this.hasLoggedinSlot) && (hAsync("nav", { class: "nav-links", "aria-label": "Your user account links" }, hAsync("nano-nav-item", { class: "nano-global-nav user-nav nano-global-nav-menu", closeOnBlur: false }, this.myAccountUser.name, hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), hAsync("div", { slot: "secondary" }, hAsync("div", { class: "content" }, hAsync("button", { class: "back-btn", onClick: this.subMenuClose }, hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back" }), this.myAccountUser.name), !!((_a = this.myAccountUser) === null || _a === void 0 ? void 0 : _a.small_avatar_url) && (hAsync("nano-global-nav-user-profile", { myAccountUser: this.myAccountUser, userProfileUrl: this.userProfileUrl })), hAsync("div", { class: "content--sub" }, hAsync("slot", { name: "loggedin", onSlotchange: this.assessSlottedContent }), this.loggedInNavItms.map((link) => {
       return (hAsync("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, hAsync("a", { href: link.address, target: link.target }, link.title)));
     }), hAsync("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, hAsync("a", { href: this.myAccData.urls.forgot_password +
         this.ssoRedirect }, "Change Password")))))))), hAsync("slot", { name: "promotion", onSlotchange: this.assessSlottedContent }), this.myAccData && this.myAccData.urls.logout && (hAsync("div", { class: "login-btn logout-btn" }, hAsync("a", { href: this.myAccData.urls.logout + this.ssoRedirect }, "Logout")))))), hAsync("div", { class: "sticker-trigger" }), hAsync("nano-sticker", { "auto-resize": "false", "break-point-max": "800", quietMode: { h: 600, w: 800 }, part: "sticker" }, hAsync("div", { class: "bars", part: "bars" }, hAsync("nav", { part: "main-bar", class: "main-bar", "aria-label": "Main site navigation", tabindex: "-1", ref: (div) => (this.mainBarDiv = div) }, (this.hasPromotionSlot ||
@@ -17399,7 +17398,7 @@ class GlobalNav {
         'search-bar': true,
         show: this.searchBarShown,
       }, "aria-expanded": this.searchBarShown ? 'true' : 'false', role: "region", tabindex: "-1", ref: (div) => (this.searchBarEl = div), part: "search-bar" }, hAsync("div", { class: "search-widget" }, this.showSearch && !!this.internalSearchIndeces.length && (hAsync("div", null, searchWidget)), (!this.showSearch || !this.myAccData) &&
-      !!this.searchSlotLen && (hAsync("slot", { name: "search", onSlotchange: this.assessSlottedContent }))))))), (this.threshold < this.THRESHOLDLIMIT - 3 ||
+      !!this.searchSlotLen && (hAsync("slot", { name: "search", onSlotchange: this.assessSlottedContent }))))))), (this.threshold < this.THRESHOLDLIMIT - THRESHOLDBREAKS.login ||
       this.menuFullScreen) && (hAsync("div", { class: {
         mask: true,
         open: this.modalOpen,
@@ -20025,7 +20024,7 @@ 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]{-webkit-padding-end:var(--padding-end);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]{-webkit-padding-start:var(--padding-start);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]{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end: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]{-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);-webkit-padding-start:0;padding-inline-start:0}/*!@: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{-webkit-border-after:var(--border-bottom);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;width: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{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end: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-height:100%;inset-block-start:0;inset-inline-start:0;width:100%;z-index:1;opacity:0;transition:opacity 0.2s ease, transform 0.3s ease;background-color:var(--secondary-bg-color, white);transform:translateX(100%)}/*!@: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:translateX(0);transition:opacity 0.3s ease, transform 0.2s 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;height: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{-webkit-padding-before:calc(var(--padding-top) / 2);padding-block-start:calc(var(--padding-top) / 2);-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-after:calc(var(--padding-bottom) / 2);padding-block-end:calc(var(--padding-bottom) / 2);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);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;width:100%}/*!@:host(.nano-menu-drawer) .text*/.nano-menu-drawer.sc-nano-nav-item-h .text.sc-nano-nav-item{-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);-webkit-padding-start:0;padding-inline-start:0;text-align:start;flex:0 1 auto;min-width:130px;width: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);width: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-width: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);height: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;width:var(--secondary-width, 400px);max-width: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;width:6px;height: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{width:7px;height: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 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]{-webkit-padding-end:var(--padding-end);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]{-webkit-padding-start:var(--padding-start);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]{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end: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]{-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);-webkit-padding-start:0;padding-inline-start:0}/*!@: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{-webkit-border-after:var(--border-bottom);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;width: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{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end: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-height:100%;inset-block-start:0;inset-inline-start:0;width: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;height: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{-webkit-padding-before:calc(var(--padding-top) / 2);padding-block-start:calc(var(--padding-top) / 2);-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-after:calc(var(--padding-bottom) / 2);padding-block-end:calc(var(--padding-bottom) / 2);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);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;width:100%}/*!@:host(.nano-menu-drawer) .text*/.nano-menu-drawer.sc-nano-nav-item-h .text.sc-nano-nav-item{-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);-webkit-padding-start:0;padding-inline-start:0;text-align:start;flex:0 1 auto;min-width:130px;width: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);width: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-width: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);height: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;width:var(--secondary-width, 400px);max-width: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;width:6px;height: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{width:7px;height: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.
@@ -28392,7 +28391,7 @@ class Sticker {
 
 const tabCss = "/*!@:host*/.sc-nano-tab-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-tab,*.sc-nano-tab::before,*.sc-nano-tab::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-tab{display:none !important}/*!@:host*/.sc-nano-tab-h{--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));--padding-v:0.75rem;--padding-h:1rem;--bg-rgb:var(--nano-layer-bg-rgb, 255 255 255);--active-bg:rgb(var(--bg-rgb) / 100%);--inactive-bg:rgb(var(--bg-rgb) / 70%);--disabled-bg-rgb:var(--bg-rgb);--text-color:#007495;--disabled-text-color:#455556;--active-text-color:#0c5a71;--h-font-size:0.93em;--v-font-size:0.875em;--tab-spacing:0.5rem;--tab-divider-size:0;--tab-divider-color:#90c6e7;--tab-indicator-size:5px;--border-radius:inherit;display:inline-block;cursor:pointer;border-radius:var(--border-radius)}/*!@:host([direction=vertical])*/[direction=vertical].sc-nano-tab-h{--padding-v:1rem;--padding-h:1rem}/*!@:host([direction=vertical]) .nanotab*/[direction=vertical].sc-nano-tab-h .nanotab.sc-nano-tab{font-size:var(--v-font-size)}/*!@:host([direction=vertical]) .nanotab.nanotab--active*/[direction=vertical].sc-nano-tab-h .nanotab.nanotab--active.sc-nano-tab{font-weight:600;color:var(--active-text-color)}/*!@:host(.nano-sortable__dragged)*/.nano-sortable__dragged.sc-nano-tab-h{box-shadow:none}/*!@:host(.nano-sortable__dragged) .nanotab*/.nano-sortable__dragged.sc-nano-tab-h .nanotab.sc-nano-tab{box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2))}/*!@:host([direction=horizontal]) .nanotab*/[direction=horizontal].sc-nano-tab-h .nanotab.sc-nano-tab{font-size:var(--h-font-size);-webkit-margin-before:var(--tab-indicator-size);margin-block-start:var(--tab-indicator-size);-webkit-border-end:solid var(--tab-divider-size) var(--tab-divider-color);border-inline-end:solid var(--tab-divider-size) var(--tab-divider-color)}/*!@:host([direction=horizontal]) .nanotab.nanotab--active*/[direction=horizontal].sc-nano-tab-h .nanotab.nanotab--active.sc-nano-tab{-webkit-margin-before:0;margin-block-start:0;-webkit-border-before:solid var(--tab-indicator-size) var(--tab-indicator-color);border-block-start:solid var(--tab-indicator-size) var(--tab-indicator-color);background:var(--active-bg);color:var(--active-text-color)}/*!@.nanotab*/.nanotab.sc-nano-tab{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;border-radius:var(--border-radius);-webkit-margin-end:var(--tab-spacing);margin-inline-end:var(--tab-spacing);padding-block:var(--padding-v);padding-inline:var(--padding-h);display:flex;block-size:100%;inline-size:auto;background:var(--inactive-bg);-webkit-user-select:none;user-select:none;overflow:visible;white-space:nowrap;align-items:center;position:relative}/*!@.nanotab ::slotted(*)*/.nanotab .sc-nano-tab-s>*{display:flex;align-items:center}/*!@.nanotab ::slotted(.nano-sortable__keyboard-handle)*/.nanotab .sc-nano-tab-s>.nano-sortable__keyboard-handle{position:absolute;inset-inline-end:-1em;background:var(--inactive-bg);z-index:1}/*!@:host(:last-of-type) .nanotab*/.sc-nano-tab-h:last-of-type .nanotab.sc-nano-tab{-webkit-margin-end:0;margin-inline-end:0}/*!@.nanotab--disabled*/.nanotab--disabled.sc-nano-tab{background:rgb(var(--disabled-bg-rgb)/100%);opacity:0.5;cursor:not-allowed;color:var(--disabled-text-color)}/*!@.nanotab--closable*/.nanotab--closable.sc-nano-tab{-webkit-padding-end:0;padding-inline-end:0}/*!@.nanotab__tab*/.nanotab__tab.sc-nano-tab{display:flex;border-radius:inherit}/*!@.nanotab__tab:hover:not(.tab--disabled)*/.nanotab__tab.sc-nano-tab:hover:not(.tab--disabled){text-shadow:0 0 0.01px var(--text-color)}/*!@.nanotab__tab:focus*/.nanotab__tab.sc-nano-tab:focus{outline:none;outline-style:none;box-shadow:none;border-color:transparent}/*!@.nanotab__tab::before*/.nanotab__tab.sc-nano-tab::before{content:\"\";position:absolute;inset:0;border-radius:inherit}/*!@.nanotab__tab:focus-visible:not(.nanotab--disabled)::before*/.nanotab__tab.sc-nano-tab:focus-visible:not(.nanotab--disabled)::before{box-shadow:var(--focus-shadow) inset}/*!@.nanotab--active .nanotab__tab:focus-visible:not(.nanotab--disabled)::before*/.nanotab--active.sc-nano-tab .nanotab__tab.sc-nano-tab:focus-visible:not(.nanotab--disabled)::before{box-shadow:var(--focus-shadow)}/*!@.nanotab__close-button*/.nanotab__close-button.sc-nano-tab{-webkit-margin-start:var(--nano-spacing-small, 8px);margin-inline-start:var(--nano-spacing-small, 8px);-webkit-margin-end:calc(var(--padding-h) / 2);margin-inline-end:calc(var(--padding-h) / 2);-webkit-appearance:none !important;appearance:none !important;--padding:var(--nano-spacing-xsmall, 4px) !important}";
 
-let id$2 = 0;
+let id$3 = 0;
 /**
  * @slot start - start of the tab, content. Outside of the focusable element
  * @slot end - end of the tab, content. Outside of the focusable element
@@ -28406,7 +28405,7 @@ class Tab {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.nanoTabClose = createEvent(this, "nanoTabClose", 7);
-    this.tabId = `nano-tab-${++id$2}`;
+    this.tabId = `nano-tab-${++id$3}`;
     this.handleCloseClick = () => {
       this.nanoTabClose.emit();
     };
@@ -28456,6 +28455,7 @@ class Tab {
 
 const tabGroupCss = "/*!@:host*/.sc-nano-tab-group-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-tab-group,*.sc-nano-tab-group::before,*.sc-nano-tab-group::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-tab-group{display:none !important}/*!@:host*/.sc-nano-tab-group-h{--indicator-transition:var(--nano-transition-fast, 0.3s);--indicator-color:#90c6e7;--indicator-track-color:#e4e6e8;--indicator-size:0;--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--background-rgb:var(--nano-layer-bg-rgb, 255 255 255);--scroll-btn-color:\"currentColor\";--content-padding:2rem 2.5rem;--content-bg:rgb(var(--background-rgb));--content-border-radius:var(--border-radius);--tabs-padding-start:2.5rem;--tabs-padding-end:2.5rem;--tabs-padding-top:0;--tabs-padding-bottom:0;--tabs-container-bg:\"transparent\";--tabs-bg-rgb:var(--background-rgb);--tab-border-radius:var(--border-radius) var(--border-radius) 0 0;--tab-text-color:#007495;--shadow-opacity:0.1;--fade-transparency:0;display:block;position:relative;z-index:var(--nano-layer-index-raised, 5)}@media only screen and (max-width: 768px){/*!@:host*/.sc-nano-tab-group-h{--tabs-padding-start:1.5rem;--tabs-padding-end:1.5rem}}/*!@:host ::slotted(nano-tab)*/.sc-nano-tab-group-h .sc-nano-tab-group-s>nano-tab{--tab-indicator-color:var(--indicator-color);--bg-rgb:var(--tabs-bg-rgb);--border-radius:var(--tab-border-radius);--grab-offset-x:var(--tabs-padding-start)}/*!@:host([placement=start])*/[placement=start].sc-nano-tab-group-h{--content-border-radius:0 var(--border-radius) var(--border-radius) 0;--content-padding:1rem;--tab-border-radius:0;--tabs-padding-start:0;--tabs-padding-end:0;--tabs-padding-top:0;--tabs-padding-bottom:0;--tab-text-color:#455556;--indicator-color:#007495;--indicator-size:2px}/*!@:host(.nano-color)*/.nano-color.sc-nano-tab-group-h{--indicator-color:var(--nano-color-tint, var(--nano-color-primary-tint, #2689a5));--tab-text-color:rgb(var(--nano-color-base-rgb) / 70%)}/*!@:host(.nano-color) ::slotted(nano-tab)*/.sc-nano-tab-group-h.nano-color .sc-nano-tab-group-s>nano-tab{--active-text-color:var(--nano-color-shade, var(--nano-color-primary-shade, #00637f))}/*!@.nano-tab-group*/.nano-tab-group.sc-nano-tab-group{display:flex;border-radius:0;width:100%;flex:inherit}/*!@.nano-tab-group__tabs*/.nano-tab-group__tabs.sc-nano-tab-group{display:flex;position:relative;width:100%}/*!@.nano-tab-group__active-tab-indicator*/.nano-tab-group__active-tab-indicator.sc-nano-tab-group{position:absolute;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease}/*!@.nano-tab-group__body*/.nano-tab-group__body.sc-nano-tab-group{background:var(--content-bg)}/*!@.nano-tab-group .nano-tab-group__nav-container*/.nano-tab-group.sc-nano-tab-group .nano-tab-group__nav-container.sc-nano-tab-group{position:relative;display:flex;background:var(--tabs-container-bg)}/*!@.nano-tab-group button*/.nano-tab-group.sc-nano-tab-group button.sc-nano-tab-group{-webkit-appearance:none;appearance:none;background-color:transparent}/*!@.nano-tab-group__scroll-button*/.nano-tab-group__scroll-button.sc-nano-tab-group{display:flex;align-items:center;justify-content:center;position:absolute;inset-block:0;border:unset;z-index:2;transition:var(--nano-transition-fast, 0.3s) ease opacity;opacity:0;color:var(--scroll-btn-color)}/*!@.nano-tab-group__scroll-button:focus*/.nano-tab-group__scroll-button.sc-nano-tab-group:focus{outline:none}/*!@.nano-tab-group__scroll-button.is-shown*/.nano-tab-group__scroll-button.is-shown.sc-nano-tab-group{opacity:1}/*!@.nano-tab-group__scroll-button:focus-visible*/.nano-tab-group__scroll-button.sc-nano-tab-group: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))) inset}/*!@.nano-tab-group__scroll-button--left*/.nano-tab-group__scroll-button--left.sc-nano-tab-group{inset-inline-start:0}/*!@.nano-tab-group__scroll-button--right*/.nano-tab-group__scroll-button--right.sc-nano-tab-group{inset-inline-end:0}/*!@.nano-tab-group__scroll-button nano-icon*/.nano-tab-group__scroll-button.sc-nano-tab-group nano-icon.sc-nano-tab-group{font-size:16px}/*!@.nano-tab-group--top*/.nano-tab-group--top.sc-nano-tab-group{flex-direction:column}/*!@.nano-tab-group--top .nano-tab-group__nav-container::after*/.nano-tab-group--top.sc-nano-tab-group .nano-tab-group__nav-container.sc-nano-tab-group::after{content:\"\";width:86%;box-shadow:0 10px 40px 10px rgb(0 0 0/var(--shadow-opacity));height:10px;position:absolute;inset-inline-start:7%;inset-block-end:-10px;border-radius:10px;z-index:-1}/*!@.nano-tab-group--top .nano-tab-group__nav*/.nano-tab-group--top.sc-nano-tab-group .nano-tab-group__nav.sc-nano-tab-group{scrollbar-width:none;-ms-overflow-style:none;padding-inline:var(--tabs-padding-start) var(--tabs-padding-end);padding-block:var(--tabs-padding-top) var(--tabs-padding-bottom);display:flex;overflow-x:auto;overflow-y:hidden;transition:var(--nano-transition-medium, 0.5s) ease;background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to left, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--tabs-padding-start), black calc(var(--tabs-padding-start) * 2), black calc(100% - var(--tabs-padding-end) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--tabs-padding-end)), rgb(0 0 0/var(--fade-transparency)));mask-image:linear-gradient(to left, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--tabs-padding-start), black calc(var(--tabs-padding-start) * 2), black calc(100% - var(--tabs-padding-end) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--tabs-padding-end)), rgb(0 0 0/var(--fade-transparency)));-webkit-mask-size:calc(100% + var(--tabs-padding-end) * 4);mask-size:calc(100% + var(--tabs-padding-end) * 4);-webkit-mask-position:calc(var(--tabs-padding-end) * -2);mask-position:calc(var(--tabs-padding-end) * -2)}/*!@.nano-tab-group--top .nano-tab-group__nav::-webkit-scrollbar*/.nano-tab-group--top.sc-nano-tab-group .nano-tab-group__nav.sc-nano-tab-group::-webkit-scrollbar{inline-size:0;block-size:0}/*!@.nano-tab-group--top .nano-tab-group__nav::after*/.nano-tab-group--top.sc-nano-tab-group .nano-tab-group__nav.sc-nano-tab-group::after{content:\" \";padding-inline:0 var(--tabs-padding-end);padding-block:var(--tabs-padding-top) var(--tabs-padding-bottom);line-height:1;flex:0 0 auto}/*!@.nano-tab-group--top.nano-tab-group--has-scroll-controls-left .nano-tab-group__nav*/.nano-tab-group--top.nano-tab-group--has-scroll-controls-left.sc-nano-tab-group .nano-tab-group__nav.sc-nano-tab-group{-webkit-mask-position:0;mask-position:0;-webkit-mask-size:calc(100% + var(--tabs-padding-end) * 2);mask-size:calc(100% + var(--tabs-padding-end) * 2)}/*!@.nano-tab-group--top.nano-tab-group--has-scroll-controls-right .nano-tab-group__nav*/.nano-tab-group--top.nano-tab-group--has-scroll-controls-right.sc-nano-tab-group .nano-tab-group__nav.sc-nano-tab-group{-webkit-mask-position:calc(var(--tabs-padding-end) * -1);mask-position:calc(var(--tabs-padding-end) * -1);-webkit-mask-size:calc(100% + var(--tabs-padding-end));mask-size:calc(100% + var(--tabs-padding-end))}/*!@.nano-tab-group--top.nano-tab-group--has-scroll-controls-left.nano-tab-group--has-scroll-controls-right .nano-tab-group__nav*/.nano-tab-group--top.nano-tab-group--has-scroll-controls-left.nano-tab-group--has-scroll-controls-right.sc-nano-tab-group .nano-tab-group__nav.sc-nano-tab-group{-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:0;mask-position:0}/*!@.nano-tab-group--top .nano-tab-group__tabs*/.nano-tab-group--top.sc-nano-tab-group .nano-tab-group__tabs.sc-nano-tab-group{flex:1 1 auto;position:relative;flex-direction:row;text-align:center;color:var(--tab-text-color);width:auto}/*!@.nano-tab-group--top .nano-tab-group__active-tab-indicator*/.nano-tab-group--top.sc-nano-tab-group .nano-tab-group__active-tab-indicator.sc-nano-tab-group{inset-block-end:-2px;-webkit-border-after:solid var(--indicator-size) var(--indicator-color);border-block-end:solid var(--indicator-size) var(--indicator-color)}/*!@.nano-tab-group--top .nano-tab-group__body*/.nano-tab-group--top.sc-nano-tab-group .nano-tab-group__body.sc-nano-tab-group{order:2;background:var(--content-bg);position:relative;overflow:hidden;width:auto;display:flex;justify-content:center;padding:var(--content-padding);border-radius:var(--content-border-radius);flex:1 1 auto}/*!@.nano-tab-group--start*/.nano-tab-group--start.sc-nano-tab-group{flex-direction:row}/*!@.nano-tab-group--start .nano-tab-group__tabs*/.nano-tab-group--start.sc-nano-tab-group .nano-tab-group__tabs.sc-nano-tab-group{flex:0 0 auto;flex-direction:column;color:var(--tab-text-color);background:rgb(var(--tabs-bg-rgb));-webkit-border-start:solid var(--indicator-size) var(--indicator-track-color);border-inline-start:solid var(--indicator-size) var(--indicator-track-color);text-align:start}/*!@.nano-tab-group--start .nano-tab-group__active-tab-indicator*/.nano-tab-group--start.sc-nano-tab-group .nano-tab-group__active-tab-indicator.sc-nano-tab-group{inset-inline-start:-2px;-webkit-border-start:solid var(--indicator-size) var(--indicator-color);border-inline-start:solid var(--indicator-size) var(--indicator-color)}/*!@.nano-tab-group--start .nano-tab-group__body*/.nano-tab-group--start.sc-nano-tab-group .nano-tab-group__body.sc-nano-tab-group{flex:1 1 auto;order:2;padding:var(--content-padding);overflow:hidden;border-radius:var(--content-border-radius)}";
 
+let id$2 = 0;
 /**
  * A traditional tab implementation. It nests `nano-tab` and `nano-tab-content` sub-components.
  *
@@ -28480,6 +28480,7 @@ class TabGroup {
     this.nanoTabHide = createEvent(this, "nanoTabHide", 7);
     this.nanoTabWillClose = createEvent(this, "nanoTabWillClose", 7);
     this.nanoTabClose = createEvent(this, "nanoTabClose", 7);
+    this.baseId = `nano-tab-group-${++id$2}`;
     this.initialTouchX = null;
     this.initialTouchY = null;
     this.mutationObservers = new WeakMap();
@@ -28771,11 +28772,15 @@ class TabGroup {
     const tabs = this.getAllActiveTabs;
     const panels = this.getAllPanels;
     // Link each tab with its corresponding panel
-    tabs.map((tab) => {
+    tabs.map((tab, i) => {
       const panel = panels.find((el) => el.name === tab.panel);
       if (panel) {
-        tab.setAttribute('aria-controls', panel.getAttribute('id'));
-        panel.setAttribute('aria-labelledby', tab.getAttribute('id'));
+        if (!panel.id)
+          panel.id = `${this.baseId}-panel-${i}`;
+        if (!tab.id)
+          tab.id = `${this.baseId}-tab-${i}`;
+        tab.setAttribute('aria-controls', panel.id);
+        panel.setAttribute('aria-labelledby', tab.id);
       }
     });
   }
@@ -30800,7 +30805,7 @@ function perMark(name, end = false) {
     performance === null || performance === void 0 ? void 0 : performance.mark('end' + name);
     performance === null || performance === void 0 ? void 0 : performance.measure(name, 'start' + name, 'end' + name);
     const entries = performance === null || performance === void 0 ? void 0 : performance.getEntriesByName(name);
-    console.log(entries[entries.length ? entries.length - 1 : 0]);
+    console.info(entries[entries.length ? entries.length - 1 : 0]);
   }
   else {
     performance === null || performance === void 0 ? void 0 : performance.mark('start' + name);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "5.9.4",
+  "version": "5.9.6",
   "repository": {
     "type": "git",
     "url": "https://git.oxfordnanolabs.local/Digital/nano-components"
@@ -56,7 +56,7 @@
   "license": "ISC",
   "dependencies": {
     "@fortawesome/fontawesome-pro": "^5.12.0",
-    "@popperjs/core": "^2.4.4",
+    "@popperjs/core": "^2.11.8",
     "@stencil/core": "npm:@johnjenkins/stencil-community@2.23.1",
     "@stencil/store": "^1.5.0",
     "@types/flickity": "^2.2.4",
@@ -131,7 +131,7 @@
     "nanopore",
     "digital"
   ],
-  "gitHead": "7a987ba9eb88586b45024d2b42fa54c44e544762",
+  "gitHead": "74e489c4c01227dceafd0083f406d7d98169655f",
   "volta": {
     "node": "14.18.1",
     "npm": "8.6.0"