@nanoporetech-digital/components 8.4.0 → 8.4.2

package/dist/cjs/nano-global-nav.cjs.entry.js

@@ -382,7 +382,7 @@ const GlobalNav = class {
     };
     handleSearchCloseEvent = (e) => {
         if (e.target.classList.contains('gn__search-dropdown')) {
-            this.searchBarShown = false;
+            requestAnimationFrame(() => (this.searchBarShown = false));
         }
     };
     handleSearchTermInputEvent = (e) => {
@@ -484,21 +484,21 @@ const GlobalNav = class {
     }
     render() {
         const bpps = this.bpPartials;
-        return (renderer.h(index.Host, { key: '52758e65d80b4738a7bce1b668ac43a1e573688b', class: {
+        return (renderer.h(index.Host, { key: '3964e8a3aab86d4252876816ca934c69e75da22b', class: {
                 'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
                 'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
                 'nano-global-nav': true,
-            } }, renderer.h("div", { key: 'b0f7b540dc867775e0ffc484fd00ea4bc76bade6', class: {
+            } }, renderer.h("div", { key: 'fc2f728b3c4412913ffc2d18c07d057bf6e0bf87', class: {
                 gn: true,
                 'gn__search-open': this.searchBarShown,
-            } }, renderer.h("nano-drawer", { key: '8a5cd7bfe4411ced1d5152879f6f22e2414d66f4', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, renderer.h("div", { key: '10b6ae8c625aded73f416bc07d1798c3089f2973', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), renderer.h("nav", { key: '9db43ebdd4c691a9cf011352f71de1351d62d84f', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
+            } }, renderer.h("nano-drawer", { key: '9a2c9109327ff9cd4eb2553df7e93571a29aa237', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, renderer.h("div", { key: '649c672f237ce2145eda6c8988744f6709835615', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), renderer.h("nav", { key: 'd002c07a9eb1cdcc4e188e5b146ce8a11257ab98', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
             ? bpps.mainMenu.tpl()
-            : '', renderer.h("slot", { key: '54adcdf273c023af6cb552d4655f422fe40bcc44', name: "overflow" }))), renderer.h("div", { key: '6dc61d4c46eaa60e8c10440c8d16321d44f64193', class: "gn__menu-bar-wrapper" }, renderer.h("div", { key: '46310206cead5a77fda999eca19b2eab45aef41e', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, renderer.h("nav", { key: '066a2fc79c4c395f0938b4ac1eadc40bc6b7895a', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (renderer.h("nano-icon-button", { key: 'd5184e70f942f3aaa8d1bdfa9ac9068b3f5e1059', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), renderer.h("slot", { key: 'a8c584d2129fe400546c4795d124f855d091b771', name: "logo" }, renderer.h("a", { key: '2993131b2dbfa68bf0e7327e53d172eff99c5bb1', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (renderer.h("img", { src: index.getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
+            : '', renderer.h("slot", { key: 'b6bf65e8ed92636f1eba4b376ecb2fd617bcd67f', name: "overflow" }))), renderer.h("div", { key: 'b7a5e9d074b63f1841d3946d0166389c73161f25', class: "gn__menu-bar-wrapper" }, renderer.h("div", { key: '6b4d27a83ed4cbf3a62c0b924b08c887e415904a', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, renderer.h("nav", { key: '64acb1e7f44c8931bd928e0c6be01eaf83cf47ff', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (renderer.h("nano-icon-button", { key: '49dc9cf7e3d75dee49d7a50defde7a260c33f867', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), renderer.h("slot", { key: 'ffb1b38b1e7682ab2fe26d44a0c9686306634197', name: "logo" }, renderer.h("a", { key: 'a8427d3042b4871027a08b5ea993c57659ab12c0', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (renderer.h("img", { src: index.getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
                             (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--large", width: "152", height: "36", part: "logo logo--large" })) : (renderer.h("img", { src: index.getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
-                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (renderer.h("div", { key: 'eb403b129ddba684ef45b547dcd86a5128c194fa', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), renderer.h("div", { key: '61296cf7760ca9b0bad1b39684cd26365a37c4e4', class: "gn__main-menu-actions" }, !this.myAccountData ||
-            (!!this.searchIndices.length && (renderer.h("nano-dropdown", { key: 'a2ffb43fb901e508ac465e875be785fb979fb285', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, renderer.h("nano-icon-button", { key: 'bdb7b2f8dfdb29644cfca77953043bbce65ba3c4', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), renderer.h("form", { key: '60d01e9911bafbd7967c0c0194c05e3b55f39586', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (renderer.h("nano-select", { key: '5633e3714947ecdb2e1f8bf7b9b829050358db4b', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (renderer.h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), renderer.h("nano-input", { key: 'e09a08fc9d014f55862ac909ea414db9d987de61', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, onNanoChange: (e) => {
+                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (renderer.h("div", { key: '51d372b7aaa316b4d1ddc945bf0b3c5cdba579af', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), renderer.h("div", { key: '7af369c343889985cfda4d596576e6ad0913f34c', class: "gn__main-menu-actions" }, !this.myAccountData ||
+            (!!this.searchIndices.length && (renderer.h("nano-dropdown", { key: 'f122c285ba5966efe5fdb5698ab759fa89eb9282', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, renderer.h("nano-icon-button", { key: '8fe139d799eeb34b1ff129808338ce8d6304d262', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), renderer.h("form", { key: '95d27edc95e00c96ce9751e9501429e0062bcab6', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (renderer.h("nano-select", { key: '109461b01a0cbd6ee5c0d0120d93802f8b4a2642', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (renderer.h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), renderer.h("nano-input", { key: '81d5c3531557500daebe167defe8b068909ffe9f', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
                     this.handleSearchTermChangeEvent(e.detail.value);
-                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, renderer.h("nano-icon", { key: '3d58fed7ebb3c74a2ed9df600c331119e2670425', slot: "end", name: "light/magnifying-glass" }), renderer.h("nano-datalist", { key: '78befd844999d78365d7b88ad7b03749166c1073', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (renderer.h("div", { key: '4fe00833301ab0553d8a42c7f8a89c2f7dcaa24d', slot: "no-result", class: "gn__search-loading" }, renderer.h("nano-spinner", { key: 'e5309556718d0db06c37a9f1286c8b7cc98a12f1' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
+                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, renderer.h("nano-icon", { key: '4c3dc50a07877f4c10bbebe2b91d5cc2a6924aee', slot: "end", name: "light/magnifying-glass" }), renderer.h("nano-datalist", { key: 'ab9037d4d2c5dc5bca7cdb21ced7a50a5ea181b1', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (renderer.h("div", { key: '794cbd8cc6fd876e931457c93caad690be445400', slot: "no-result", class: "gn__search-loading" }, renderer.h("nano-spinner", { key: 'de620a03a8bba906542c10e46d1529f1b6a63327' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
                 this.autocompleteResults.hits.map((hit, i) => (renderer.h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
                         searchInsights.searchInsight.sendClick({
                             index: this.activeIndex.index,
@@ -508,10 +508,10 @@ const GlobalNav = class {
                             positions: [i + 1],
                         });
                     } }, renderer.h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
-                renderer.h("nano-option", { key: 'c134c900ffdd746b3d38bce27ed0d5e6dccbbcf3', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
-            ])))))), renderer.h("div", { key: '215282e792ec6f14e214ca1177d6a6b6de7ccc44', class: "gn__cart" }, renderer.h("nano-icon-button", { key: '9aa656cd4b12bc09ca8a5e1e727d30c63e60a302', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (renderer.h("nano-badge", { key: '86bbe9468e5e9a7a7d9c3fb3b48c4ba4cdc46131', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
+                renderer.h("nano-option", { key: '35962d666c2f47c4952f1a06324db3db186a21e1', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
+            ])))))), renderer.h("div", { key: '930f8a1adb7566478ec7e9e96b08ecdefecfd4b8', class: "gn__cart" }, renderer.h("nano-icon-button", { key: '76f447b14988391240284c66d1e6e347c8873067', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (renderer.h("nano-badge", { key: '389552b85553b498ce5b799dc182f73933dadc59', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
             ? bpps.contact.tpl()
-            : '', this.isLoggedIn ? (renderer.h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, renderer.h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, renderer.h("nano-icon", { name: "light/user" }), renderer.h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (renderer.h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (renderer.h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, renderer.h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), renderer.h("nano-global-search-results", { key: '1cacccf34009f330acebb1dc0fa492d1f3ed8dff', part: "site-search-results" }, renderer.h("div", { key: '7891bf3d5c5c3a8288583cbbc24a25f06949609e', class: "gn__site", part: "site-wrapper" }, renderer.h("slot", { key: '9998fe23791e35ca762f2f1bfb54617a1d0156de' }))))));
+            : '', this.isLoggedIn ? (renderer.h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, renderer.h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, renderer.h("nano-icon", { name: "light/user" }), renderer.h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (renderer.h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (renderer.h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, renderer.h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), renderer.h("nano-global-search-results", { key: '38b900fdb5dbcd1d24642c8862c320c473de6dc3', part: "site-search-results" }, renderer.h("div", { key: 'b5b824f4a54aa2989ca0a359f7c7b74ae5e6d777', class: "gn__site", part: "site-wrapper" }, renderer.h("slot", { key: '02dd2c08252ba31c972fffe9c956e7ead76f61ef' }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

package/dist/collection/components/breadcrumb/breadcrumb.js

@@ -89,7 +89,7 @@ export class NanoBreadcrumb {
                     "references": {
                         "Breadcrumb": {
                             "location": "local",
-                            "path": "/builds/FKs_t1C_/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
+                            "path": "/builds/WUhA-BsM/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
                             "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
                         }
                     }

package/dist/collection/components/global-nav/global-nav.js

@@ -402,7 +402,7 @@ export class GlobalNav {
     };
     handleSearchCloseEvent = (e) => {
         if (e.target.classList.contains('gn__search-dropdown')) {
-            this.searchBarShown = false;
+            requestAnimationFrame(() => (this.searchBarShown = false));
         }
     };
     handleSearchTermInputEvent = (e) => {
@@ -500,21 +500,21 @@ export class GlobalNav {
     }
     render() {
         const bpps = this.bpPartials;
-        return (h(Host, { key: '52758e65d80b4738a7bce1b668ac43a1e573688b', class: {
+        return (h(Host, { key: '3964e8a3aab86d4252876816ca934c69e75da22b', class: {
                 'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
                 'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
                 'nano-global-nav': true,
-            } }, h("div", { key: 'b0f7b540dc867775e0ffc484fd00ea4bc76bade6', class: {
+            } }, h("div", { key: 'fc2f728b3c4412913ffc2d18c07d057bf6e0bf87', class: {
                 gn: true,
                 'gn__search-open': this.searchBarShown,
-            } }, h("nano-drawer", { key: '8a5cd7bfe4411ced1d5152879f6f22e2414d66f4', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '10b6ae8c625aded73f416bc07d1798c3089f2973', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '9db43ebdd4c691a9cf011352f71de1351d62d84f', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
+            } }, h("nano-drawer", { key: '9a2c9109327ff9cd4eb2553df7e93571a29aa237', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '649c672f237ce2145eda6c8988744f6709835615', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: 'd002c07a9eb1cdcc4e188e5b146ce8a11257ab98', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
             ? bpps.mainMenu.tpl()
-            : '', h("slot", { key: '54adcdf273c023af6cb552d4655f422fe40bcc44', name: "overflow" }))), h("div", { key: '6dc61d4c46eaa60e8c10440c8d16321d44f64193', class: "gn__menu-bar-wrapper" }, h("div", { key: '46310206cead5a77fda999eca19b2eab45aef41e', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '066a2fc79c4c395f0938b4ac1eadc40bc6b7895a', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: 'd5184e70f942f3aaa8d1bdfa9ac9068b3f5e1059', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'a8c584d2129fe400546c4795d124f855d091b771', name: "logo" }, h("a", { key: '2993131b2dbfa68bf0e7327e53d172eff99c5bb1', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
+            : '', h("slot", { key: 'b6bf65e8ed92636f1eba4b376ecb2fd617bcd67f', name: "overflow" }))), h("div", { key: 'b7a5e9d074b63f1841d3946d0166389c73161f25', class: "gn__menu-bar-wrapper" }, h("div", { key: '6b4d27a83ed4cbf3a62c0b924b08c887e415904a', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '64acb1e7f44c8931bd928e0c6be01eaf83cf47ff', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: '49dc9cf7e3d75dee49d7a50defde7a260c33f867', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'ffb1b38b1e7682ab2fe26d44a0c9686306634197', name: "logo" }, h("a", { key: 'a8427d3042b4871027a08b5ea993c57659ab12c0', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
                             (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--large", width: "152", height: "36", part: "logo logo--large" })) : (h("img", { src: getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
-                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: 'eb403b129ddba684ef45b547dcd86a5128c194fa', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '61296cf7760ca9b0bad1b39684cd26365a37c4e4', class: "gn__main-menu-actions" }, !this.myAccountData ||
-            (!!this.searchIndices.length && (h("nano-dropdown", { key: 'a2ffb43fb901e508ac465e875be785fb979fb285', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, h("nano-icon-button", { key: 'bdb7b2f8dfdb29644cfca77953043bbce65ba3c4', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: '60d01e9911bafbd7967c0c0194c05e3b55f39586', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '5633e3714947ecdb2e1f8bf7b9b829050358db4b', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: 'e09a08fc9d014f55862ac909ea414db9d987de61', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, onNanoChange: (e) => {
+                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '51d372b7aaa316b4d1ddc945bf0b3c5cdba579af', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '7af369c343889985cfda4d596576e6ad0913f34c', class: "gn__main-menu-actions" }, !this.myAccountData ||
+            (!!this.searchIndices.length && (h("nano-dropdown", { key: 'f122c285ba5966efe5fdb5698ab759fa89eb9282', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, h("nano-icon-button", { key: '8fe139d799eeb34b1ff129808338ce8d6304d262', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: '95d27edc95e00c96ce9751e9501429e0062bcab6', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '109461b01a0cbd6ee5c0d0120d93802f8b4a2642', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: '81d5c3531557500daebe167defe8b068909ffe9f', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
                     this.handleSearchTermChangeEvent(e.detail.value);
-                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '3d58fed7ebb3c74a2ed9df600c331119e2670425', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: '78befd844999d78365d7b88ad7b03749166c1073', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '4fe00833301ab0553d8a42c7f8a89c2f7dcaa24d', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e5309556718d0db06c37a9f1286c8b7cc98a12f1' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
+                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '4c3dc50a07877f4c10bbebe2b91d5cc2a6924aee', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: 'ab9037d4d2c5dc5bca7cdb21ced7a50a5ea181b1', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '794cbd8cc6fd876e931457c93caad690be445400', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'de620a03a8bba906542c10e46d1529f1b6a63327' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
                 this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
                         searchInsight.sendClick({
                             index: this.activeIndex.index,
@@ -524,10 +524,10 @@ export class GlobalNav {
                             positions: [i + 1],
                         });
                     } }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
-                h("nano-option", { key: 'c134c900ffdd746b3d38bce27ed0d5e6dccbbcf3', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
-            ])))))), h("div", { key: '215282e792ec6f14e214ca1177d6a6b6de7ccc44', class: "gn__cart" }, h("nano-icon-button", { key: '9aa656cd4b12bc09ca8a5e1e727d30c63e60a302', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (h("nano-badge", { key: '86bbe9468e5e9a7a7d9c3fb3b48c4ba4cdc46131', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
+                h("nano-option", { key: '35962d666c2f47c4952f1a06324db3db186a21e1', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
+            ])))))), h("div", { key: '930f8a1adb7566478ec7e9e96b08ecdefecfd4b8', class: "gn__cart" }, h("nano-icon-button", { key: '76f447b14988391240284c66d1e6e347c8873067', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (h("nano-badge", { key: '389552b85553b498ce5b799dc182f73933dadc59', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
             ? bpps.contact.tpl()
-            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), h("nano-global-search-results", { key: '1cacccf34009f330acebb1dc0fa492d1f3ed8dff', part: "site-search-results" }, h("div", { key: '7891bf3d5c5c3a8288583cbbc24a25f06949609e', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '9998fe23791e35ca762f2f1bfb54617a1d0156de' }))))));
+            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), h("nano-global-search-results", { key: '38b900fdb5dbcd1d24642c8862c320c473de6dc3', part: "site-search-results" }, h("div", { key: 'b5b824f4a54aa2989ca0a359f7c7b74ae5e6d777', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '02dd2c08252ba31c972fffe9c956e7ead76f61ef' }))))));
     }
     static get is() { return "nano-global-nav"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/nano-global-nav.js

@@ -397,7 +397,7 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
     };
     handleSearchCloseEvent = (e) => {
         if (e.target.classList.contains('gn__search-dropdown')) {
-            this.searchBarShown = false;
+            requestAnimationFrame(() => (this.searchBarShown = false));
         }
     };
     handleSearchTermInputEvent = (e) => {
@@ -502,21 +502,21 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
     }
     render() {
         const bpps = this.bpPartials;
-        return (h(Host, { key: '52758e65d80b4738a7bce1b668ac43a1e573688b', class: {
+        return (h(Host, { key: '3964e8a3aab86d4252876816ca934c69e75da22b', class: {
                 'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
                 'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
                 'nano-global-nav': true,
-            } }, h("div", { key: 'b0f7b540dc867775e0ffc484fd00ea4bc76bade6', class: {
+            } }, h("div", { key: 'fc2f728b3c4412913ffc2d18c07d057bf6e0bf87', class: {
                 gn: true,
                 'gn__search-open': this.searchBarShown,
-            } }, h("nano-drawer", { key: '8a5cd7bfe4411ced1d5152879f6f22e2414d66f4', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '10b6ae8c625aded73f416bc07d1798c3089f2973', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '9db43ebdd4c691a9cf011352f71de1351d62d84f', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
+            } }, h("nano-drawer", { key: '9a2c9109327ff9cd4eb2553df7e93571a29aa237', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '649c672f237ce2145eda6c8988744f6709835615', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: 'd002c07a9eb1cdcc4e188e5b146ce8a11257ab98', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
             ? bpps.mainMenu.tpl()
-            : '', h("slot", { key: '54adcdf273c023af6cb552d4655f422fe40bcc44', name: "overflow" }))), h("div", { key: '6dc61d4c46eaa60e8c10440c8d16321d44f64193', class: "gn__menu-bar-wrapper" }, h("div", { key: '46310206cead5a77fda999eca19b2eab45aef41e', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '066a2fc79c4c395f0938b4ac1eadc40bc6b7895a', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: 'd5184e70f942f3aaa8d1bdfa9ac9068b3f5e1059', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'a8c584d2129fe400546c4795d124f855d091b771', name: "logo" }, h("a", { key: '2993131b2dbfa68bf0e7327e53d172eff99c5bb1', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
+            : '', h("slot", { key: 'b6bf65e8ed92636f1eba4b376ecb2fd617bcd67f', name: "overflow" }))), h("div", { key: 'b7a5e9d074b63f1841d3946d0166389c73161f25', class: "gn__menu-bar-wrapper" }, h("div", { key: '6b4d27a83ed4cbf3a62c0b924b08c887e415904a', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '64acb1e7f44c8931bd928e0c6be01eaf83cf47ff', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: '49dc9cf7e3d75dee49d7a50defde7a260c33f867', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'ffb1b38b1e7682ab2fe26d44a0c9686306634197', name: "logo" }, h("a", { key: 'a8427d3042b4871027a08b5ea993c57659ab12c0', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
                             (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--large", width: "152", height: "36", part: "logo logo--large" })) : (h("img", { src: getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
-                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: 'eb403b129ddba684ef45b547dcd86a5128c194fa', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '61296cf7760ca9b0bad1b39684cd26365a37c4e4', class: "gn__main-menu-actions" }, !this.myAccountData ||
-            (!!this.searchIndices.length && (h("nano-dropdown", { key: 'a2ffb43fb901e508ac465e875be785fb979fb285', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, h("nano-icon-button", { key: 'bdb7b2f8dfdb29644cfca77953043bbce65ba3c4', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: '60d01e9911bafbd7967c0c0194c05e3b55f39586', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '5633e3714947ecdb2e1f8bf7b9b829050358db4b', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: 'e09a08fc9d014f55862ac909ea414db9d987de61', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, onNanoChange: (e) => {
+                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '51d372b7aaa316b4d1ddc945bf0b3c5cdba579af', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '7af369c343889985cfda4d596576e6ad0913f34c', class: "gn__main-menu-actions" }, !this.myAccountData ||
+            (!!this.searchIndices.length && (h("nano-dropdown", { key: 'f122c285ba5966efe5fdb5698ab759fa89eb9282', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, h("nano-icon-button", { key: '8fe139d799eeb34b1ff129808338ce8d6304d262', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: '95d27edc95e00c96ce9751e9501429e0062bcab6', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '109461b01a0cbd6ee5c0d0120d93802f8b4a2642', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: '81d5c3531557500daebe167defe8b068909ffe9f', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
                     this.handleSearchTermChangeEvent(e.detail.value);
-                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '3d58fed7ebb3c74a2ed9df600c331119e2670425', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: '78befd844999d78365d7b88ad7b03749166c1073', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '4fe00833301ab0553d8a42c7f8a89c2f7dcaa24d', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e5309556718d0db06c37a9f1286c8b7cc98a12f1' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
+                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '4c3dc50a07877f4c10bbebe2b91d5cc2a6924aee', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: 'ab9037d4d2c5dc5bca7cdb21ced7a50a5ea181b1', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '794cbd8cc6fd876e931457c93caad690be445400', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'de620a03a8bba906542c10e46d1529f1b6a63327' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
                 this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
                         searchInsight.sendClick({
                             index: this.activeIndex.index,
@@ -526,10 +526,10 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
                             positions: [i + 1],
                         });
                     } }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
-                h("nano-option", { key: 'c134c900ffdd746b3d38bce27ed0d5e6dccbbcf3', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
-            ])))))), h("div", { key: '215282e792ec6f14e214ca1177d6a6b6de7ccc44', class: "gn__cart" }, h("nano-icon-button", { key: '9aa656cd4b12bc09ca8a5e1e727d30c63e60a302', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (h("nano-badge", { key: '86bbe9468e5e9a7a7d9c3fb3b48c4ba4cdc46131', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
+                h("nano-option", { key: '35962d666c2f47c4952f1a06324db3db186a21e1', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
+            ])))))), h("div", { key: '930f8a1adb7566478ec7e9e96b08ecdefecfd4b8', class: "gn__cart" }, h("nano-icon-button", { key: '76f447b14988391240284c66d1e6e347c8873067', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (h("nano-badge", { key: '389552b85553b498ce5b799dc182f73933dadc59', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
             ? bpps.contact.tpl()
-            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), h("nano-global-search-results", { key: '1cacccf34009f330acebb1dc0fa492d1f3ed8dff', part: "site-search-results" }, h("div", { key: '7891bf3d5c5c3a8288583cbbc24a25f06949609e', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '9998fe23791e35ca762f2f1bfb54617a1d0156de' }))))));
+            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), h("nano-global-search-results", { key: '38b900fdb5dbcd1d24642c8862c320c473de6dc3', part: "site-search-results" }, h("div", { key: 'b5b824f4a54aa2989ca0a359f7c7b74ae5e6d777', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '02dd2c08252ba31c972fffe9c956e7ead76f61ef' }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

package/dist/esm/nano-global-nav.entry.js

@@ -380,7 +380,7 @@ const GlobalNav = class {
     };
     handleSearchCloseEvent = (e) => {
         if (e.target.classList.contains('gn__search-dropdown')) {
-            this.searchBarShown = false;
+            requestAnimationFrame(() => (this.searchBarShown = false));
         }
     };
     handleSearchTermInputEvent = (e) => {
@@ -482,21 +482,21 @@ const GlobalNav = class {
     }
     render() {
         const bpps = this.bpPartials;
-        return (h(Host, { key: '52758e65d80b4738a7bce1b668ac43a1e573688b', class: {
+        return (h(Host, { key: '3964e8a3aab86d4252876816ca934c69e75da22b', class: {
                 'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
                 'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
                 'nano-global-nav': true,
-            } }, h("div", { key: 'b0f7b540dc867775e0ffc484fd00ea4bc76bade6', class: {
+            } }, h("div", { key: 'fc2f728b3c4412913ffc2d18c07d057bf6e0bf87', class: {
                 gn: true,
                 'gn__search-open': this.searchBarShown,
-            } }, h("nano-drawer", { key: '8a5cd7bfe4411ced1d5152879f6f22e2414d66f4', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '10b6ae8c625aded73f416bc07d1798c3089f2973', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '9db43ebdd4c691a9cf011352f71de1351d62d84f', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
+            } }, h("nano-drawer", { key: '9a2c9109327ff9cd4eb2553df7e93571a29aa237', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '649c672f237ce2145eda6c8988744f6709835615', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: 'd002c07a9eb1cdcc4e188e5b146ce8a11257ab98', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
             ? bpps.mainMenu.tpl()
-            : '', h("slot", { key: '54adcdf273c023af6cb552d4655f422fe40bcc44', name: "overflow" }))), h("div", { key: '6dc61d4c46eaa60e8c10440c8d16321d44f64193', class: "gn__menu-bar-wrapper" }, h("div", { key: '46310206cead5a77fda999eca19b2eab45aef41e', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '066a2fc79c4c395f0938b4ac1eadc40bc6b7895a', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: 'd5184e70f942f3aaa8d1bdfa9ac9068b3f5e1059', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'a8c584d2129fe400546c4795d124f855d091b771', name: "logo" }, h("a", { key: '2993131b2dbfa68bf0e7327e53d172eff99c5bb1', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
+            : '', h("slot", { key: 'b6bf65e8ed92636f1eba4b376ecb2fd617bcd67f', name: "overflow" }))), h("div", { key: 'b7a5e9d074b63f1841d3946d0166389c73161f25', class: "gn__menu-bar-wrapper" }, h("div", { key: '6b4d27a83ed4cbf3a62c0b924b08c887e415904a', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '64acb1e7f44c8931bd928e0c6be01eaf83cf47ff', class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: '49dc9cf7e3d75dee49d7a50defde7a260c33f867', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'ffb1b38b1e7682ab2fe26d44a0c9686306634197', name: "logo" }, h("a", { key: 'a8427d3042b4871027a08b5ea993c57659ab12c0', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
                             (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--large", width: "152", height: "36", part: "logo logo--large" })) : (h("img", { src: getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
-                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: 'eb403b129ddba684ef45b547dcd86a5128c194fa', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '61296cf7760ca9b0bad1b39684cd26365a37c4e4', class: "gn__main-menu-actions" }, !this.myAccountData ||
-            (!!this.searchIndices.length && (h("nano-dropdown", { key: 'a2ffb43fb901e508ac465e875be785fb979fb285', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, h("nano-icon-button", { key: 'bdb7b2f8dfdb29644cfca77953043bbce65ba3c4', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: '60d01e9911bafbd7967c0c0194c05e3b55f39586', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '5633e3714947ecdb2e1f8bf7b9b829050358db4b', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: 'e09a08fc9d014f55862ac909ea414db9d987de61', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, onNanoChange: (e) => {
+                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '51d372b7aaa316b4d1ddc945bf0b3c5cdba579af', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '7af369c343889985cfda4d596576e6ad0913f34c', class: "gn__main-menu-actions" }, !this.myAccountData ||
+            (!!this.searchIndices.length && (h("nano-dropdown", { key: 'f122c285ba5966efe5fdb5698ab759fa89eb9282', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, h("nano-icon-button", { key: '8fe139d799eeb34b1ff129808338ce8d6304d262', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: '95d27edc95e00c96ce9751e9501429e0062bcab6', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '109461b01a0cbd6ee5c0d0120d93802f8b4a2642', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: '81d5c3531557500daebe167defe8b068909ffe9f', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
                     this.handleSearchTermChangeEvent(e.detail.value);
-                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '3d58fed7ebb3c74a2ed9df600c331119e2670425', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: '78befd844999d78365d7b88ad7b03749166c1073', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '4fe00833301ab0553d8a42c7f8a89c2f7dcaa24d', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e5309556718d0db06c37a9f1286c8b7cc98a12f1' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
+                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '4c3dc50a07877f4c10bbebe2b91d5cc2a6924aee', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: 'ab9037d4d2c5dc5bca7cdb21ced7a50a5ea181b1', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '794cbd8cc6fd876e931457c93caad690be445400', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'de620a03a8bba906542c10e46d1529f1b6a63327' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
                 this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
                         searchInsight.sendClick({
                             index: this.activeIndex.index,
@@ -506,10 +506,10 @@ const GlobalNav = class {
                             positions: [i + 1],
                         });
                     } }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
-                h("nano-option", { key: 'c134c900ffdd746b3d38bce27ed0d5e6dccbbcf3', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
-            ])))))), h("div", { key: '215282e792ec6f14e214ca1177d6a6b6de7ccc44', class: "gn__cart" }, h("nano-icon-button", { key: '9aa656cd4b12bc09ca8a5e1e727d30c63e60a302', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (h("nano-badge", { key: '86bbe9468e5e9a7a7d9c3fb3b48c4ba4cdc46131', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
+                h("nano-option", { key: '35962d666c2f47c4952f1a06324db3db186a21e1', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
+            ])))))), h("div", { key: '930f8a1adb7566478ec7e9e96b08ecdefecfd4b8', class: "gn__cart" }, h("nano-icon-button", { key: '76f447b14988391240284c66d1e6e347c8873067', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }), !!this.cartCount && (h("nano-badge", { key: '389552b85553b498ce5b799dc182f73933dadc59', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount))), this.breakpoint <= bpps.contact.breakpoint
             ? bpps.contact.tpl()
-            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), h("nano-global-search-results", { key: '1cacccf34009f330acebb1dc0fa492d1f3ed8dff', part: "site-search-results" }, h("div", { key: '7891bf3d5c5c3a8288583cbbc24a25f06949609e', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '9998fe23791e35ca762f2f1bfb54617a1d0156de' }))))));
+            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login"))))))), h("nano-global-search-results", { key: '38b900fdb5dbcd1d24642c8862c320c473de6dc3', part: "site-search-results" }, h("div", { key: 'b5b824f4a54aa2989ca0a359f7c7b74ae5e6d777', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '02dd2c08252ba31c972fffe9c956e7ead76f61ef' }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

package/dist/nano-components/nano-global-nav.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{g as n,r as e,c as a,a as o,k as t}from"./index-BM3Om9WE.js";import{a as i}from"./algoliasearch-lite.esm.browser-BTIloVU8.js";import{h as r}from"./renderer-BaP2L8CT.js";import{d as s}from"./throttle-C93FMm2Z.js";import{a as l}from"./style-Ds52s5za.js";import{s as c}from"./search-insights-8OL2oeQN.js";const h=class{get host(){return n(this)}overflowMenu;overflowOpen=!1;logoUrl=location.protocol+"//"+location.host;cartUrl="";msgUrl="";loginUrl="";logoutUrl="";contactUrl="https://nanoporetech.com/contact";_sessionRedirect=window.location.href;get sessionRedirect(){return encodeURIComponent(this._sessionRedirect)}set sessionRedirect(n){this._sessionRedirect=n}cartCount=0;msgCount=0;async openOverflowMenu(){this.overflowOpen=!0}async closeOverflowMenu(){this.overflowOpen=!1}myAccountUrl;async handleMyAccountUrl(){this.myAccountUrl&&("local-logged-in"!==this.myAccountUrl?"local-logged-out"!==this.myAccountUrl?fetch(this.myAccountUrl+"/nav_bar_data.json").then((n=>n.json())).then((n=>{this.myAccountData=n})).catch((n=>{console.error("Error fetching MyAccount data",n)})):this.myAccountData=await import("./local-logged-out-BQyUtSml.js"):this.myAccountData=await import("./local-logged-in-Bh5fOkeO.js"))}myAccountData;nanoUserData;userLinks=[];isLoggedIn=!1;get myAccountUser(){return this.myAccountData?.user?.uuid?this.myAccountData.user:null}processUserData(){this.myAccountUser&&(this.userLinks=this.myAccountData?.links.filter((n=>"profile-panel-list"===n.area)),this.loginUrl=this.loginUrl||this.myAccountData.urls.login,this.logoutUrl=this.logoutUrl||this.myAccountData.urls.logout,this.msgUrl=this.msgUrl||this.myAccountData.urls.messages,this.msgCount=this.msgCount||this.myAccountData.notifications.count,this.cartUrl=this.cartUrl||this.myAccountData.urls.cart,this.cartCount=this.cartCount||this.myAccountData.cart.count,this.isLoggedIn=!0,this.nanoUserData.emit(this.myAccountUser))}formatLoginLink(n){return n?this.sessionRedirect?n.endsWith("=")?n+this.sessionRedirect:n.includes("?")?n+"&ReplayState="+this.sessionRedirect:n+"?ReplayState="+this.sessionRedirect:n:""}resizeObserver;cachedWidth;mainMenu;_mainMenuBar;get mainMenuBar(){return this._mainMenuBar}set mainMenuBar(n){this._mainMenuBar!==n&&(this._mainMenuBar=n,this.addMainmenuRo())}async triggerResize(){this.shouldResize=!0,this.breakpoint=0}shouldResize=!0;breakpoint=0;breakpointChanged(){this.breakpoint<this.bpPartials.mainMenu.breakpoint&&!1===this.shouldResize&&(this.overflowOpen=!1)}debounceResetResize=s((()=>{this.shouldResize=!1}),300);addMainmenuRo(){this.removeMainmenuRo(),(this.resizeObserver=new ResizeObserver((()=>{this.shouldResize||this.mainMenuBar.clientWidth>=this.cachedWidth&&0===this.breakpoint||this.mainMenuBar.clientWidth<=this.cachedWidth&&this.mainMenuBar.clientWidth>=this.mainMenu.scrollWidth||(this.shouldResize=!0,this.breakpoint=0)}))).observe(this.mainMenuBar)}removeMainmenuRo(){this.resizeObserver&&(this.mainMenuBar?this.resizeObserver.unobserve(this.mainMenuBar):this.resizeObserver.disconnect())}handleResize=()=>{this.shouldResize&&(this.breakpoint<4&&this.mainMenu.scrollWidth>this.mainMenuBar.clientWidth?this.breakpoint++:(this.cachedWidth=this.mainMenuBar.clientWidth,this.debounceResetResize()))};algoliaClient;searchResults;searchInput;activeIndex;autocompleteResults;searchForm;searchIndices=[];searchBarShown=!1;searchLoading=!1;_searchValue="";nanoSearchResult;nanoSearchError;nanoSearchReset;searchIndex="All";get searchValue(){return this._searchValue}set searchValue(n){n&&this.host.componentOnReady().then((()=>{this.searchBarShown=!0,this.handleSearchTermChangeEvent(n)}))}async submitSearch(){this.onSearchSubmit()}handleSearchIndex(){if(this.searchIndices?.length){if(this.searchIndex)return this.activeIndex=this.searchIndices.find((n=>n.name===this.searchIndex))||this.searchIndices[0],this.activeIndex;this.activeIndex=this.searchIndices[0]}}initSearch(){if(!this.myAccountData)return;const{search:n}=this.myAccountData;n?.app_id&&n?.api_key&&(this.algoliaClient=i(n.app_id,n.api_key),c.init(n.app_id,n.api_key).then((()=>{this.myAccountUser&&c.setUser(this.myAccountUser.uuid)})),this.searchIndices=this.myAccountData.search.indeces,this.searchIndices.forEach((n=>{n.algoliaIndex=this.algoliaClient.initIndex(n.index)})),this.searchIndex||(this.searchIndex=this.searchIndices[0].name))}onSearchSubmit=async n=>{if(n&&n.preventDefault(),!this.activeIndex||!this.myAccountData||this._searchValue?.length<3)return;this.searchResults||await this.doAlgoliaSearch();const{search:e}=this.myAccountData,a=this.searchResults?.results.find((n=>this.activeIndex.index===n.index)),{index:o,domain:t,filters:i,query:r,replicas:s}=a;this.searchBarShown=!1,this.nanoSearchResult.emit({meta:{indexTitle:a.indexName,index:o,domain:t,filters:i,query:r,replicas:s},client:{apiKey:e.api_key,appId:e.app_id}})};async doAlgoliaSearch(){if(this.searchResults=null,!this.algoliaClient)return;const n=this.searchIndices.map((n=>{const e={clickAnalytics:!0,attributesToSnippet:["body:5","title:8"],indexName:n.index,query:this._searchValue,facets:n.filters,hitsPerPage:5,filters:""};return"Community"===n.name&&(e.filters="created > "+Math.floor((Date.now()-631152e5)/1e3)),e}));try{this.searchLoading=!0,this.searchResults=this.processSearchResults(await this.algoliaClient.search(n))}catch(n){console.error(n),this.nanoSearchError.emit(n)}return this.searchLoading=!1,this.searchResults}processSearchResults(n){const e=n,a=n;return e?.results?(e.results.forEach(((n,a)=>{n={...n,indexName:this.searchIndices[a].name,selected:this.activeIndex.name===this.searchIndices[a].name,domain:this.activeIndex.domain||null,domains:this.myAccountData.domains||null,allGroup:!!this.searchIndices[a].allGroup,filters:this.searchIndices[a].filters,replicas:this.activeIndex.replicas},e.results[a]=this.processSearchResults(n)})),e):(a.hits.map((n=>{n.url&&!n.url.match(/^http/)&&(n.url=location.protocol+"//"+this.domainFor(n.origin)+n.url)})),a)}domainFor(n){if(!this.myAccountData)return"";const e=this.myAccountData.domains.find((e=>e.origin===n));return e?e.domain:""}async setAutocompleteResults(){this.autocompleteResults=null,this._searchValue.length<3?this._searchValue.length||this.nanoSearchReset.emit():this.autocompleteResults=(await this.doAlgoliaSearch())?.results.find((n=>n.selected))}autocompleteSnippet(n){return n._snippetResult?.title?.value||n.title}handleSearchOpenEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&this.searchInput&&(this.searchInput.setFocus(),this.searchBarShown=!0)};handleSearchCloseEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&(this.searchBarShown=!1)};handleSearchTermInputEvent=n=>{"input"===n.detail.type&&this.searchInput.value.length>=3&&(this.autocompleteResults=null,this.searchLoading=!0)};handleSearchTermChangeEvent=n=>{this._searchValue!==n&&(this._searchValue=n,this.setAutocompleteResults())};handleSearchIndexChangeEvent=n=>{if(!n.detail?.value?.length)return;const e=n.detail.value;if(this.activeIndex.index===e)return;const a=this.searchIndices.find((n=>n.index===e));a&&a.algoliaIndex&&(this.searchIndex=a.name,this._searchValue.length>=3&&(this.searchInput.setFocus(),this.searchBarShown=!0,this.setAutocompleteResults()))};constructor(n){e(this,n),this.nanoUserData=a(this,"nanoUserData",7),this.nanoSearchResult=a(this,"nanoSearchResult",7),this.nanoSearchError=a(this,"nanoSearchError",7),this.nanoSearchReset=a(this,"nanoSearchReset",7),this.handleResize=s(this.handleResize,75)}componentWillLoad(){this.handleMyAccountUrl(),this.initSearch(),this.processUserData(),l(this.host.shadowRoot)}componentDidRender(){this.handleResize()}loggedInPanel(){if(this.isLoggedIn&&this.myAccountUser)return r("div",{part:"user-panel",class:"gn__user-panel nano-theme-dark"},r("div",{class:"gn__user-panel-head",slot:"label"},r("nano-avatar",{initials:this.myAccountUser.first_name?.charAt(0)+this.myAccountUser.last_name?.charAt(0)},this.myAccountUser.small_avatar_url&&!this.myAccountUser.small_avatar_url.includes("generic")&&r("img",{src:this.myAccountUser.small_avatar_url,alt:"User Avatar",height:40,width:40})),r("div",null,this.myAccountUser.name,r("br",null),this.myAccountUser.job_title,", ",this.myAccountUser.company)),r("div",{class:"gn__user-panel-body"},this.userLinks.map((n=>r("a",{href:n.address,target:n.target||void 0},n.title,("Messages"===n.title||n.address.includes(this.msgUrl)||this.msgUrl.includes(n.address))&&this.msgCount>0&&r("nano-badge",{theme:"danger",strength:"2"},this.msgCount))))),r("div",{class:"gn__user-panel-foot"},r("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},r("a",{href:this.formatLoginLink(this.logoutUrl)},"Logout"))))}bpPartials={contact:{tpl:()=>r("a",{href:this.contactUrl},"Contact"),breakpoint:0},mainMenu:{tpl:()=>r("slot",{name:"menu"}),breakpoint:1},logo:{tpl:()=>{},breakpoint:2}};noResultPartial(){if(this.searchLoading||this.autocompleteResults?.hits.length||this._searchValue.length<3)return;const n=[];return"All"===this.searchIndex?(n.push(r("div",{slot:"no-result",class:"gn__search-no-results"},'No results matching for "',r("strong",null,this._searchValue),'" Try another phrase')),n):(this.searchResults?.results.forEach((e=>{e.hits.length&&n.push(r("nano-option",{class:"gn__search-result",onNanoSelect:n=>{n.preventDefault(),this.searchIndex=e.indexName,this.onSearchSubmit(n)}},'Show results for "',r("strong",null,this._searchValue),'" in ',r("strong",null,e.indexName)))})),n.unshift(r("div",{slot:n.length?"list-top":"no-result",class:"gn__search-no-results"},'No results matching for "',r("strong",null,this._searchValue),'" in'," ",r("strong",null,this.searchIndex),". Try another phrase")),n)}render(){const n=this.bpPartials;return r(o,{key:"52758e65d80b4738a7bce1b668ac43a1e573688b",class:{"overflow-menu":this.breakpoint>n.mainMenu.breakpoint,"bar-menu":this.breakpoint<=n.mainMenu.breakpoint,"nano-global-nav":!0}},r("div",{key:"b0f7b540dc867775e0ffc484fd00ea4bc76bade6",class:{gn:!0,"gn__search-open":this.searchBarShown}},r("nano-drawer",{key:"8a5cd7bfe4411ced1d5152879f6f22e2414d66f4",ref:n=>this.overflowMenu=n,label:"Main menu",part:"drawer",class:"gn__drawer nano-theme-dark",placement:"start",open:this.overflowOpen,onNanoAfterHide:()=>this.overflowOpen=!1,onNanoAfterShow:()=>this.overflowOpen=!0},r("div",{key:"10b6ae8c625aded73f416bc07d1798c3089f2973",class:"gn__drawer-header",part:"overflow-header",slot:"label"},"Main menu"),r("nav",{key:"9db43ebdd4c691a9cf011352f71de1351d62d84f",class:"gn__drawer-menu",part:"overflow-menu"},this.breakpoint>n.mainMenu.breakpoint?n.mainMenu.tpl():"",r("slot",{key:"54adcdf273c023af6cb552d4655f422fe40bcc44",name:"overflow"}))),r("div",{key:"6dc61d4c46eaa60e8c10440c8d16321d44f64193",class:"gn__menu-bar-wrapper"},r("div",{key:"46310206cead5a77fda999eca19b2eab45aef41e",class:"gn__menu-bar",part:"menu-bar",ref:n=>this.mainMenuBar=n},r("nav",{key:"066a2fc79c4c395f0938b4ac1eadc40bc6b7895a",class:"gn__main-menu "+(this.shouldResize?"resizing":""),part:"main-menu",ref:n=>this.mainMenu=n},this.breakpoint>n.mainMenu.breakpoint&&r("nano-icon-button",{key:"d5184e70f942f3aaa8d1bdfa9ac9068b3f5e1059",class:"gn__overflow-button",iconName:"light/bars",label:"Open Menu",onClick:()=>this.overflowMenu.show()}),r("slot",{key:"a8c584d2129fe400546c4795d124f855d091b771",name:"logo"},r("a",{key:"2993131b2dbfa68bf0e7327e53d172eff99c5bb1",href:this.logoUrl,class:"gn__logo-link",part:"logo-link"},r("img",this.breakpoint<=n.logo.breakpoint?{src:t("../nano-assets/ont-logo.svg"),alt:"Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,\n                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--large",width:"152",height:"36",part:"logo logo--large"}:{src:t("../nano-assets/ont-wheel.svg"),alt:"Oxford Nanopore Technologies logo. A stylised representation of a nanopore,\n                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--small",width:"36",height:"36",part:"logo logo--small"}))),this.breakpoint<=n.mainMenu.breakpoint&&r("div",{key:"eb403b129ddba684ef45b547dcd86a5128c194fa",class:"gn__main-menu-links"},n.mainMenu.tpl()),r("div",{key:"61296cf7760ca9b0bad1b39684cd26365a37c4e4",class:"gn__main-menu-actions"},!this.myAccountData||!!this.searchIndices.length&&r("nano-dropdown",{key:"a2ffb43fb901e508ac465e875be785fb979fb285",dialogTitle:"Search Oxford Nanopore Technologies",placement:"bottom",class:"gn__search-dropdown",skidding:-30,distance:25,open:this.searchBarShown,onNanoAfterShow:this.handleSearchOpenEvent,onNanoAfterHide:this.handleSearchCloseEvent,autoOpen:!!this.searchIndices.length},r("nano-icon-button",{key:"bdb7b2f8dfdb29644cfca77953043bbce65ba3c4",class:"gn__search-button",slot:"trigger",iconName:"light/magnifying-glass",label:"Search"}),r("form",{key:"60d01e9911bafbd7967c0c0194c05e3b55f39586",ref:n=>this.searchForm=n,class:"gn__search-form",part:"search-form",onSubmit:this.onSearchSubmit},this.searchIndices.length>1&&r("nano-select",{key:"5633e3714947ecdb2e1f8bf7b9b829050358db4b",part:"search-select",label:"Which site do you wish to search in?",mask:!0,hideLabel:!0,value:this.activeIndex?.index,onNanoChange:this.handleSearchIndexChangeEvent},this.searchIndices.map((n=>r("nano-option",{selected:n.name===this.searchIndex,value:n.index},n.name||n.index)))),r("nano-input",{key:"e09a08fc9d014f55862ac909ea414db9d987de61",ref:n=>this.searchInput=n,part:"search-input",label:"Search Oxford Nanopore Technologies",placeholder:"Search Oxford Nanopore...",hideLabel:!0,clearable:!0,onNanoChange:n=>{this.handleSearchTermChangeEvent(n.detail.value)},onNanoInput:this.handleSearchTermInputEvent,debounce:500,value:this._searchValue},r("nano-icon",{key:"3d58fed7ebb3c74a2ed9df600c331119e2670425",slot:"end",name:"light/magnifying-glass"}),r("nano-datalist",{key:"78befd844999d78365d7b88ad7b03749166c1073",class:"gn__search-results",onNanoSelect:n=>n.preventDefault(),dropDownConfig:{tetherTo:this.searchForm},disableFilter:!0},this.searchLoading&&r("div",{key:"4fe00833301ab0553d8a42c7f8a89c2f7dcaa24d",slot:"no-result",class:"gn__search-loading"},r("nano-spinner",{key:"e5309556718d0db06c37a9f1286c8b7cc98a12f1"},"Searching...")),this.noResultPartial(),!!this.autocompleteResults?.hits.length&&[this.autocompleteResults.hits.map(((n,e)=>r("nano-option",{href:n.url,class:"gn__search-result",onClick:()=>{c.sendClick({index:this.activeIndex.index,eventName:"Global nav quick search - search result clicked",queryID:this.autocompleteResults.queryID,objectIDs:[n.objectID],positions:[e+1]})}},r("span",{innerHTML:this.autocompleteSnippet(n)})))),r("nano-option",{key:"c134c900ffdd746b3d38bce27ed0d5e6dccbbcf3",class:"gn__search-viewall",onNanoSelect:this.onSearchSubmit},"View all results")])))),r("div",{key:"215282e792ec6f14e214ca1177d6a6b6de7ccc44",class:"gn__cart"},r("nano-icon-button",{key:"9aa656cd4b12bc09ca8a5e1e727d30c63e60a302",iconName:"light/cart-shopping",label:"View your cart",href:this.cartUrl}),!!this.cartCount&&r("nano-badge",{key:"86bbe9468e5e9a7a7d9c3fb3b48c4ba4cdc46131",theme:"danger",strength:"2"},this.cartCount>9?"9+":this.cartCount)),this.breakpoint<=n.contact.breakpoint?n.contact.tpl():"",this.isLoggedIn?r("nano-dropdown",{dialogTitle:"User menu",class:"gn__user-dropdown",distance:10,placement:"bottom-end"},r("button",{slot:"trigger",class:"gn__user-dropdown-trigger"},r("nano-icon",{name:"light/user"}),r("nano-icon",{name:"light/chevron-down",class:"gn__user-dropdown-chevron"}),!!this.msgCount&&r("nano-badge",{theme:"danger",strength:"2"},this.msgCount>9?"9+":this.msgCount)),this.loggedInPanel()):r("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},r("a",{href:this.formatLoginLink(this.loginUrl)},"Login")))))),r("nano-global-search-results",{key:"1cacccf34009f330acebb1dc0fa492d1f3ed8dff",part:"site-search-results"},r("div",{key:"7891bf3d5c5c3a8288583cbbc24a25f06949609e",class:"gn__site",part:"site-wrapper"},r("slot",{key:"9998fe23791e35ca762f2f1bfb54617a1d0156de"})))))}static get assetsDirs(){return["assets"]}static get watchers(){return{myAccountUrl:["handleMyAccountUrl"],myAccountData:["processUserData","initSearch"],shouldResize:["breakpointChanged"],breakpoint:["breakpointChanged"],searchIndices:["handleSearchIndex"],searchIndex:["handleSearchIndex"]}}};h.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);position:relative}.gn__menu-bar-wrapper::after{content:"";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:"";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-button::before{content:"";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .nano-icon-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:"";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title){display:flex;justify-content:flex-end}.gn__drawer::part(header-actions){order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}';export{h as nano_global_nav}
+import{g as n,r as e,c as a,a as o,k as t}from"./index-BM3Om9WE.js";import{a as i}from"./algoliasearch-lite.esm.browser-BTIloVU8.js";import{h as r}from"./renderer-BaP2L8CT.js";import{d as s}from"./throttle-C93FMm2Z.js";import{a as l}from"./style-Ds52s5za.js";import{s as c}from"./search-insights-8OL2oeQN.js";const h=class{get host(){return n(this)}overflowMenu;overflowOpen=!1;logoUrl=location.protocol+"//"+location.host;cartUrl="";msgUrl="";loginUrl="";logoutUrl="";contactUrl="https://nanoporetech.com/contact";_sessionRedirect=window.location.href;get sessionRedirect(){return encodeURIComponent(this._sessionRedirect)}set sessionRedirect(n){this._sessionRedirect=n}cartCount=0;msgCount=0;async openOverflowMenu(){this.overflowOpen=!0}async closeOverflowMenu(){this.overflowOpen=!1}myAccountUrl;async handleMyAccountUrl(){this.myAccountUrl&&("local-logged-in"!==this.myAccountUrl?"local-logged-out"!==this.myAccountUrl?fetch(this.myAccountUrl+"/nav_bar_data.json").then((n=>n.json())).then((n=>{this.myAccountData=n})).catch((n=>{console.error("Error fetching MyAccount data",n)})):this.myAccountData=await import("./local-logged-out-BQyUtSml.js"):this.myAccountData=await import("./local-logged-in-Bh5fOkeO.js"))}myAccountData;nanoUserData;userLinks=[];isLoggedIn=!1;get myAccountUser(){return this.myAccountData?.user?.uuid?this.myAccountData.user:null}processUserData(){this.myAccountUser&&(this.userLinks=this.myAccountData?.links.filter((n=>"profile-panel-list"===n.area)),this.loginUrl=this.loginUrl||this.myAccountData.urls.login,this.logoutUrl=this.logoutUrl||this.myAccountData.urls.logout,this.msgUrl=this.msgUrl||this.myAccountData.urls.messages,this.msgCount=this.msgCount||this.myAccountData.notifications.count,this.cartUrl=this.cartUrl||this.myAccountData.urls.cart,this.cartCount=this.cartCount||this.myAccountData.cart.count,this.isLoggedIn=!0,this.nanoUserData.emit(this.myAccountUser))}formatLoginLink(n){return n?this.sessionRedirect?n.endsWith("=")?n+this.sessionRedirect:n.includes("?")?n+"&ReplayState="+this.sessionRedirect:n+"?ReplayState="+this.sessionRedirect:n:""}resizeObserver;cachedWidth;mainMenu;_mainMenuBar;get mainMenuBar(){return this._mainMenuBar}set mainMenuBar(n){this._mainMenuBar!==n&&(this._mainMenuBar=n,this.addMainmenuRo())}async triggerResize(){this.shouldResize=!0,this.breakpoint=0}shouldResize=!0;breakpoint=0;breakpointChanged(){this.breakpoint<this.bpPartials.mainMenu.breakpoint&&!1===this.shouldResize&&(this.overflowOpen=!1)}debounceResetResize=s((()=>{this.shouldResize=!1}),300);addMainmenuRo(){this.removeMainmenuRo(),(this.resizeObserver=new ResizeObserver((()=>{this.shouldResize||this.mainMenuBar.clientWidth>=this.cachedWidth&&0===this.breakpoint||this.mainMenuBar.clientWidth<=this.cachedWidth&&this.mainMenuBar.clientWidth>=this.mainMenu.scrollWidth||(this.shouldResize=!0,this.breakpoint=0)}))).observe(this.mainMenuBar)}removeMainmenuRo(){this.resizeObserver&&(this.mainMenuBar?this.resizeObserver.unobserve(this.mainMenuBar):this.resizeObserver.disconnect())}handleResize=()=>{this.shouldResize&&(this.breakpoint<4&&this.mainMenu.scrollWidth>this.mainMenuBar.clientWidth?this.breakpoint++:(this.cachedWidth=this.mainMenuBar.clientWidth,this.debounceResetResize()))};algoliaClient;searchResults;searchInput;activeIndex;autocompleteResults;searchForm;searchIndices=[];searchBarShown=!1;searchLoading=!1;_searchValue="";nanoSearchResult;nanoSearchError;nanoSearchReset;searchIndex="All";get searchValue(){return this._searchValue}set searchValue(n){n&&this.host.componentOnReady().then((()=>{this.searchBarShown=!0,this.handleSearchTermChangeEvent(n)}))}async submitSearch(){this.onSearchSubmit()}handleSearchIndex(){if(this.searchIndices?.length){if(this.searchIndex)return this.activeIndex=this.searchIndices.find((n=>n.name===this.searchIndex))||this.searchIndices[0],this.activeIndex;this.activeIndex=this.searchIndices[0]}}initSearch(){if(!this.myAccountData)return;const{search:n}=this.myAccountData;n?.app_id&&n?.api_key&&(this.algoliaClient=i(n.app_id,n.api_key),c.init(n.app_id,n.api_key).then((()=>{this.myAccountUser&&c.setUser(this.myAccountUser.uuid)})),this.searchIndices=this.myAccountData.search.indeces,this.searchIndices.forEach((n=>{n.algoliaIndex=this.algoliaClient.initIndex(n.index)})),this.searchIndex||(this.searchIndex=this.searchIndices[0].name))}onSearchSubmit=async n=>{if(n&&n.preventDefault(),!this.activeIndex||!this.myAccountData||this._searchValue?.length<3)return;this.searchResults||await this.doAlgoliaSearch();const{search:e}=this.myAccountData,a=this.searchResults?.results.find((n=>this.activeIndex.index===n.index)),{index:o,domain:t,filters:i,query:r,replicas:s}=a;this.searchBarShown=!1,this.nanoSearchResult.emit({meta:{indexTitle:a.indexName,index:o,domain:t,filters:i,query:r,replicas:s},client:{apiKey:e.api_key,appId:e.app_id}})};async doAlgoliaSearch(){if(this.searchResults=null,!this.algoliaClient)return;const n=this.searchIndices.map((n=>{const e={clickAnalytics:!0,attributesToSnippet:["body:5","title:8"],indexName:n.index,query:this._searchValue,facets:n.filters,hitsPerPage:5,filters:""};return"Community"===n.name&&(e.filters="created > "+Math.floor((Date.now()-631152e5)/1e3)),e}));try{this.searchLoading=!0,this.searchResults=this.processSearchResults(await this.algoliaClient.search(n))}catch(n){console.error(n),this.nanoSearchError.emit(n)}return this.searchLoading=!1,this.searchResults}processSearchResults(n){const e=n,a=n;return e?.results?(e.results.forEach(((n,a)=>{n={...n,indexName:this.searchIndices[a].name,selected:this.activeIndex.name===this.searchIndices[a].name,domain:this.activeIndex.domain||null,domains:this.myAccountData.domains||null,allGroup:!!this.searchIndices[a].allGroup,filters:this.searchIndices[a].filters,replicas:this.activeIndex.replicas},e.results[a]=this.processSearchResults(n)})),e):(a.hits.map((n=>{n.url&&!n.url.match(/^http/)&&(n.url=location.protocol+"//"+this.domainFor(n.origin)+n.url)})),a)}domainFor(n){if(!this.myAccountData)return"";const e=this.myAccountData.domains.find((e=>e.origin===n));return e?e.domain:""}async setAutocompleteResults(){this.autocompleteResults=null,this._searchValue.length<3?this._searchValue.length||this.nanoSearchReset.emit():this.autocompleteResults=(await this.doAlgoliaSearch())?.results.find((n=>n.selected))}autocompleteSnippet(n){return n._snippetResult?.title?.value||n.title}handleSearchOpenEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&this.searchInput&&(this.searchInput.setFocus(),this.searchBarShown=!0)};handleSearchCloseEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&requestAnimationFrame((()=>this.searchBarShown=!1))};handleSearchTermInputEvent=n=>{"input"===n.detail.type&&this.searchInput.value.length>=3&&(this.autocompleteResults=null,this.searchLoading=!0)};handleSearchTermChangeEvent=n=>{this._searchValue!==n&&(this._searchValue=n,this.setAutocompleteResults())};handleSearchIndexChangeEvent=n=>{if(!n.detail?.value?.length)return;const e=n.detail.value;if(this.activeIndex.index===e)return;const a=this.searchIndices.find((n=>n.index===e));a&&a.algoliaIndex&&(this.searchIndex=a.name,this._searchValue.length>=3&&(this.searchInput.setFocus(),this.searchBarShown=!0,this.setAutocompleteResults()))};constructor(n){e(this,n),this.nanoUserData=a(this,"nanoUserData",7),this.nanoSearchResult=a(this,"nanoSearchResult",7),this.nanoSearchError=a(this,"nanoSearchError",7),this.nanoSearchReset=a(this,"nanoSearchReset",7),this.handleResize=s(this.handleResize,75)}componentWillLoad(){this.handleMyAccountUrl(),this.initSearch(),this.processUserData(),l(this.host.shadowRoot)}componentDidRender(){this.handleResize()}loggedInPanel(){if(this.isLoggedIn&&this.myAccountUser)return r("div",{part:"user-panel",class:"gn__user-panel nano-theme-dark"},r("div",{class:"gn__user-panel-head",slot:"label"},r("nano-avatar",{initials:this.myAccountUser.first_name?.charAt(0)+this.myAccountUser.last_name?.charAt(0)},this.myAccountUser.small_avatar_url&&!this.myAccountUser.small_avatar_url.includes("generic")&&r("img",{src:this.myAccountUser.small_avatar_url,alt:"User Avatar",height:40,width:40})),r("div",null,this.myAccountUser.name,r("br",null),this.myAccountUser.job_title,", ",this.myAccountUser.company)),r("div",{class:"gn__user-panel-body"},this.userLinks.map((n=>r("a",{href:n.address,target:n.target||void 0},n.title,("Messages"===n.title||n.address.includes(this.msgUrl)||this.msgUrl.includes(n.address))&&this.msgCount>0&&r("nano-badge",{theme:"danger",strength:"2"},this.msgCount))))),r("div",{class:"gn__user-panel-foot"},r("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},r("a",{href:this.formatLoginLink(this.logoutUrl)},"Logout"))))}bpPartials={contact:{tpl:()=>r("a",{href:this.contactUrl},"Contact"),breakpoint:0},mainMenu:{tpl:()=>r("slot",{name:"menu"}),breakpoint:1},logo:{tpl:()=>{},breakpoint:2}};noResultPartial(){if(this.searchLoading||this.autocompleteResults?.hits.length||this._searchValue.length<3)return;const n=[];return"All"===this.searchIndex?(n.push(r("div",{slot:"no-result",class:"gn__search-no-results"},'No results matching for "',r("strong",null,this._searchValue),'" Try another phrase')),n):(this.searchResults?.results.forEach((e=>{e.hits.length&&n.push(r("nano-option",{class:"gn__search-result",onNanoSelect:n=>{n.preventDefault(),this.searchIndex=e.indexName,this.onSearchSubmit(n)}},'Show results for "',r("strong",null,this._searchValue),'" in ',r("strong",null,e.indexName)))})),n.unshift(r("div",{slot:n.length?"list-top":"no-result",class:"gn__search-no-results"},'No results matching for "',r("strong",null,this._searchValue),'" in'," ",r("strong",null,this.searchIndex),". Try another phrase")),n)}render(){const n=this.bpPartials;return r(o,{key:"3964e8a3aab86d4252876816ca934c69e75da22b",class:{"overflow-menu":this.breakpoint>n.mainMenu.breakpoint,"bar-menu":this.breakpoint<=n.mainMenu.breakpoint,"nano-global-nav":!0}},r("div",{key:"fc2f728b3c4412913ffc2d18c07d057bf6e0bf87",class:{gn:!0,"gn__search-open":this.searchBarShown}},r("nano-drawer",{key:"9a2c9109327ff9cd4eb2553df7e93571a29aa237",ref:n=>this.overflowMenu=n,label:"Main menu",part:"drawer",class:"gn__drawer nano-theme-dark",placement:"start",open:this.overflowOpen,onNanoAfterHide:()=>this.overflowOpen=!1,onNanoAfterShow:()=>this.overflowOpen=!0},r("div",{key:"649c672f237ce2145eda6c8988744f6709835615",class:"gn__drawer-header",part:"overflow-header",slot:"label"},"Main menu"),r("nav",{key:"d002c07a9eb1cdcc4e188e5b146ce8a11257ab98",class:"gn__drawer-menu",part:"overflow-menu"},this.breakpoint>n.mainMenu.breakpoint?n.mainMenu.tpl():"",r("slot",{key:"b6bf65e8ed92636f1eba4b376ecb2fd617bcd67f",name:"overflow"}))),r("div",{key:"b7a5e9d074b63f1841d3946d0166389c73161f25",class:"gn__menu-bar-wrapper"},r("div",{key:"6b4d27a83ed4cbf3a62c0b924b08c887e415904a",class:"gn__menu-bar",part:"menu-bar",ref:n=>this.mainMenuBar=n},r("nav",{key:"64acb1e7f44c8931bd928e0c6be01eaf83cf47ff",class:"gn__main-menu "+(this.shouldResize?"resizing":""),part:"main-menu",ref:n=>this.mainMenu=n},this.breakpoint>n.mainMenu.breakpoint&&r("nano-icon-button",{key:"49dc9cf7e3d75dee49d7a50defde7a260c33f867",class:"gn__overflow-button",iconName:"light/bars",label:"Open Menu",onClick:()=>this.overflowMenu.show()}),r("slot",{key:"ffb1b38b1e7682ab2fe26d44a0c9686306634197",name:"logo"},r("a",{key:"a8427d3042b4871027a08b5ea993c57659ab12c0",href:this.logoUrl,class:"gn__logo-link",part:"logo-link"},r("img",this.breakpoint<=n.logo.breakpoint?{src:t("../nano-assets/ont-logo.svg"),alt:"Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,\n                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--large",width:"152",height:"36",part:"logo logo--large"}:{src:t("../nano-assets/ont-wheel.svg"),alt:"Oxford Nanopore Technologies logo. A stylised representation of a nanopore,\n                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--small",width:"36",height:"36",part:"logo logo--small"}))),this.breakpoint<=n.mainMenu.breakpoint&&r("div",{key:"51d372b7aaa316b4d1ddc945bf0b3c5cdba579af",class:"gn__main-menu-links"},n.mainMenu.tpl()),r("div",{key:"7af369c343889985cfda4d596576e6ad0913f34c",class:"gn__main-menu-actions"},!this.myAccountData||!!this.searchIndices.length&&r("nano-dropdown",{key:"f122c285ba5966efe5fdb5698ab759fa89eb9282",dialogTitle:"Search Oxford Nanopore Technologies",placement:"bottom",class:"gn__search-dropdown",skidding:-30,distance:25,open:this.searchBarShown,onNanoAfterShow:this.handleSearchOpenEvent,onNanoAfterHide:this.handleSearchCloseEvent,autoOpen:!!this.searchIndices.length},r("nano-icon-button",{key:"8fe139d799eeb34b1ff129808338ce8d6304d262",class:"gn__search-button",slot:"trigger",iconName:"light/magnifying-glass",label:"Search"}),r("form",{key:"95d27edc95e00c96ce9751e9501429e0062bcab6",ref:n=>this.searchForm=n,class:"gn__search-form",part:"search-form",onSubmit:this.onSearchSubmit},this.searchIndices.length>1&&r("nano-select",{key:"109461b01a0cbd6ee5c0d0120d93802f8b4a2642",part:"search-select",label:"Which site do you wish to search in?",mask:!0,hideLabel:!0,value:this.activeIndex?.index,onNanoChange:this.handleSearchIndexChangeEvent},this.searchIndices.map((n=>r("nano-option",{selected:n.name===this.searchIndex,value:n.index},n.name||n.index)))),r("nano-input",{key:"81d5c3531557500daebe167defe8b068909ffe9f",ref:n=>this.searchInput=n,part:"search-input",label:"Search Oxford Nanopore Technologies",placeholder:"Search Oxford Nanopore...",hideLabel:!0,clearable:!0,showInlineError:!1,onNanoChange:n=>{this.handleSearchTermChangeEvent(n.detail.value)},onNanoInput:this.handleSearchTermInputEvent,debounce:500,value:this._searchValue},r("nano-icon",{key:"4c3dc50a07877f4c10bbebe2b91d5cc2a6924aee",slot:"end",name:"light/magnifying-glass"}),r("nano-datalist",{key:"ab9037d4d2c5dc5bca7cdb21ced7a50a5ea181b1",class:"gn__search-results",onNanoSelect:n=>n.preventDefault(),dropDownConfig:{tetherTo:this.searchForm},disableFilter:!0},this.searchLoading&&r("div",{key:"794cbd8cc6fd876e931457c93caad690be445400",slot:"no-result",class:"gn__search-loading"},r("nano-spinner",{key:"de620a03a8bba906542c10e46d1529f1b6a63327"},"Searching...")),this.noResultPartial(),!!this.autocompleteResults?.hits.length&&[this.autocompleteResults.hits.map(((n,e)=>r("nano-option",{href:n.url,class:"gn__search-result",onClick:()=>{c.sendClick({index:this.activeIndex.index,eventName:"Global nav quick search - search result clicked",queryID:this.autocompleteResults.queryID,objectIDs:[n.objectID],positions:[e+1]})}},r("span",{innerHTML:this.autocompleteSnippet(n)})))),r("nano-option",{key:"35962d666c2f47c4952f1a06324db3db186a21e1",class:"gn__search-viewall",onNanoSelect:this.onSearchSubmit},"View all results")])))),r("div",{key:"930f8a1adb7566478ec7e9e96b08ecdefecfd4b8",class:"gn__cart"},r("nano-icon-button",{key:"76f447b14988391240284c66d1e6e347c8873067",iconName:"light/cart-shopping",label:"View your cart",href:this.cartUrl}),!!this.cartCount&&r("nano-badge",{key:"389552b85553b498ce5b799dc182f73933dadc59",theme:"danger",strength:"2"},this.cartCount>9?"9+":this.cartCount)),this.breakpoint<=n.contact.breakpoint?n.contact.tpl():"",this.isLoggedIn?r("nano-dropdown",{dialogTitle:"User menu",class:"gn__user-dropdown",distance:10,placement:"bottom-end"},r("button",{slot:"trigger",class:"gn__user-dropdown-trigger"},r("nano-icon",{name:"light/user"}),r("nano-icon",{name:"light/chevron-down",class:"gn__user-dropdown-chevron"}),!!this.msgCount&&r("nano-badge",{theme:"danger",strength:"2"},this.msgCount>9?"9+":this.msgCount)),this.loggedInPanel()):r("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},r("a",{href:this.formatLoginLink(this.loginUrl)},"Login")))))),r("nano-global-search-results",{key:"38b900fdb5dbcd1d24642c8862c320c473de6dc3",part:"site-search-results"},r("div",{key:"b5b824f4a54aa2989ca0a359f7c7b74ae5e6d777",class:"gn__site",part:"site-wrapper"},r("slot",{key:"02dd2c08252ba31c972fffe9c956e7ead76f61ef"})))))}static get assetsDirs(){return["assets"]}static get watchers(){return{myAccountUrl:["handleMyAccountUrl"],myAccountData:["processUserData","initSearch"],shouldResize:["breakpointChanged"],breakpoint:["breakpointChanged"],searchIndices:["handleSearchIndex"],searchIndex:["handleSearchIndex"]}}};h.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);position:relative}.gn__menu-bar-wrapper::after{content:"";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:"";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-button::before{content:"";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .nano-icon-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:"";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title){display:flex;justify-content:flex-end}.gn__drawer::part(header-actions){order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}';export{h as nano_global_nav}

package/dist/style/core.css

@@ -1 +1 @@
-@layer reset, tokens, themes, globals, components, utilities, application;@layer reset{*,*::before,*::after{box-sizing:border-box}html{text-size-adjust:none}body{line-height:1.5;min-block-size:100vh}body,h1,h2,h3,h4,h5,p,figure,picture{margin:0}hr{block-size:1px;border-width:0;box-sizing:content-box}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}[hidden]{display:none !important}iframe{display:block}}@layer tokens{:root{--nano-color-grey-mono-1600: rgb(24 24 24 / 100%);--nano-color-grey-mono-1550: rgb(30 30 30 / 100%);--nano-color-grey-mono-1500: rgb(38 38 38 / 100%);--nano-color-grey-mono-1400: rgb(51 51 51 / 100%);--nano-color-grey-mono-1300: rgb(66 66 66 / 100%);--nano-color-grey-mono-1200: rgb(84 84 83 / 100%);--nano-color-grey-mono-1100: rgb(99 99 99 / 100%);--nano-color-grey-mono-1000: rgb(118 118 117 / 100%);--nano-color-grey-mono-900: rgb(135 135 135 / 100%);--nano-color-grey-mono-800: rgb(150 150 149 / 100%);--nano-color-grey-mono-700: rgb(166 166 166 / 100%);--nano-color-grey-mono-400: rgb(215 214 213 / 100%);--nano-color-grey-mono-300: rgb(231 230 228 / 100%);--nano-color-grey-mono-200: rgb(241 240 238 / 100%);--nano-color-grey-mono-100: rgb(246 245 244 / 100%);--nano-color-grey-mono-075: rgb(249 248 248 / 100%);--nano-color-grey-mono-050: rgb(252 252 251 / 100%);--nano-color-blue-cerulean-1600: rgb(0 26 40 / 100%);--nano-color-blue-cerulean-1500: rgb(1 41 63 / 100%);--nano-color-blue-cerulean-1400: rgb(1 54 83 / 100%);--nano-color-blue-cerulean-1300: rgb(1 71 106 / 100%);--nano-color-blue-cerulean-1200: rgb(1 89 127 / 100%);--nano-color-blue-cerulean-1100: rgb(1 106 146 / 100%);--nano-color-blue-cerulean-1000: rgb(0 127 168 / 100%);--nano-color-blue-cerulean-900: rgb(32 146 183 / 100%);--nano-color-blue-cerulean-800: rgb(58 161 195 / 100%);--nano-color-blue-cerulean-700: rgb(85 178 207 / 100%);--nano-color-blue-cerulean-300: rgb(186 238 251 / 100%);--nano-color-blue-cerulean-100: rgb(226 249 255 / 100%);--nano-color-blue-cerulean-075: rgb(234 251 255 / 100%);--nano-color-blue-cerulean-050: rgb(247 253 255 / 100%);--nano-color-violet-ink-1600: rgb(12 14 75 / 100%);--nano-color-violet-ink-1500: rgb(19 22 117 / 100%);--nano-color-violet-ink-1400: rgb(27 31 147 / 100%);--nano-color-violet-ink-1300: rgb(47 48 168 / 100%);--nano-color-violet-ink-1200: rgb(67 67 189 / 100%);--nano-color-violet-ink-1100: rgb(85 82 207 / 100%);--nano-color-violet-ink-1000: rgb(106 103 221 / 100%);--nano-color-violet-ink-900: rgb(124 123 228 / 100%);--nano-color-violet-ink-800: rgb(139 141 234 / 100%);--nano-color-violet-ink-700: rgb(156 159 241 / 100%);--nano-color-violet-ink-600: rgb(173 178 247 / 100%);--nano-color-violet-ink-500: rgb(189 195 253 / 100%);--nano-color-violet-ink-400: rgb(206 212 255 / 100%);--nano-color-violet-ink-300: rgb(225 228 255 / 100%);--nano-color-violet-ink-200: rgb(238 240 255 / 100%);--nano-color-violet-ink-100: rgb(244 245 255 / 100%);--nano-color-violet-ink-075: rgb(247 248 255 / 100%);--nano-color-green-leaf-1600: rgb(1 27 32 / 100%);--nano-color-green-leaf-1500: rgb(1 43 51 / 100%);--nano-color-green-leaf-1400: rgb(1 57 67 / 100%);--nano-color-green-leaf-1300: rgb(2 73 87 / 100%);--nano-color-green-leaf-1200: rgb(2 93 106 / 100%);--nano-color-green-leaf-1100: rgb(1 111 110 / 100%);--nano-color-green-leaf-1000: rgb(1 134 113 / 100%);--nano-color-green-leaf-900: rgb(29 151 131 / 100%);--nano-color-green-leaf-800: rgb(52 167 146 / 100%);--nano-color-green-leaf-700: rgb(78 183 162 / 100%);--nano-color-green-leaf-600: rgb(104 200 178 / 100%);--nano-color-green-leaf-200: rgb(197 253 232 / 100%);--nano-color-green-leaf-075: rgb(222 254 242 / 100%);--nano-color-green-leaf-050: rgb(238 255 249 / 100%);--nano-color-red-brick-1600: rgb(51 8 10 / 100%);--nano-color-red-brick-1500: rgb(79 13 16 / 100%);--nano-color-red-brick-1400: rgb(103 17 21 / 100%);--nano-color-red-brick-1300: rgb(132 21 27 / 100%);--nano-color-red-brick-1200: rgb(161 32 36 / 100%);--nano-color-red-brick-1100: rgb(185 46 48 / 100%);--nano-color-red-brick-1000: rgb(210 67 70 / 100%);--nano-color-red-brick-900: rgb(222 93 96 / 100%);--nano-color-red-brick-800: rgb(229 116 120 / 100%);--nano-color-red-brick-700: rgb(235 139 144 / 100%);--nano-color-red-brick-400: rgb(255 201 203 / 100%);--nano-color-red-brick-300: rgb(255 221 222 / 100%);--nano-color-red-brick-100: rgb(255 241 242 / 100%);--nano-color-yellow-lime-1000: #6e7d17;--nano-color-yellow-lime-500: rgb(184 210 39 / 100%);--nano-color-yellow-lime-200: rgb(224 255 50 / 100%);--nano-color-yellow-lime-100: rgb(236 255 131 / 100%);--nano-color-yellow-lime-075: rgb(242 255 172 / 100%);--nano-color-yellow-lime-050: rgb(250 255 223 / 100%);--nano-color-orange-1600: rgb(47 13 2 / 100%);--nano-color-orange-1500: rgb(74 20 3 / 100%);--nano-color-orange-1400: rgb(97 27 4 / 100%);--nano-color-orange-1300: rgb(125 34 5 / 100%);--nano-color-orange-1200: rgb(148 52 4 / 100%);--nano-color-orange-1100: rgb(168 68 4 / 100%);--nano-color-orange-1000: rgb(192 87 3 / 100%);--nano-color-orange-900: rgb(210 107 3 / 100%);--nano-color-orange-800: rgb(226 124 3 / 100%);--nano-color-orange-600: rgb(255 162 14 / 100%);--nano-color-orange-400: rgb(254 206 136 / 100%);--nano-color-orange-300: rgb(254 226 189 / 100%);--nano-color-orange-200: rgb(254 239 225 / 100%);--nano-color-orange-100: rgb(254 243 233 / 100%);--nano-color-orange-075: rgb(254 247 240 / 100%);--nano-color-basic-white: rgb(255 255 255 / 100%);--nano-color-basic-white-rgb: 255 255 255;--nano-color-basic-black: rgb(0 0 0 / 100%);--nano-color-basic-black-rgb: 0 0 0}}@layer tokens{:root{--nano-font-sans: "Noto Sans", "Noto Sans Fallback: Arial", arial, sans-serif;--nano-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--nano-font-serif: Georgia, "Times New Roman", serif;--nano-font-size-2xs: 0.75rem;--nano-font-size-xs: 0.875rem;--nano-font-size-sm: 1rem;--nano-font-size-small: var(--nano-font-size-sm);--nano-font-size-md: 1.125rem;--nano-font-size-medium: var(--nano-font-size-md);--nano-font-size-lg: 1.375rem;--nano-font-size-l: var(--nano-font-size-lg);--nano-font-size-xl: 1.6875rem;--nano-font-size-2xl: 2.5rem;--nano-font-size-3xl: 3.25rem;--nano-font-weight-light: 300;--nano-font-weight-normal: 400;--nano-font-weight-bold: 700;--nano-letter-spacing-denser: -0.03em;--nano-letter-spacing-dense: -0.015em;--nano-letter-spacing-normal: normal;--nano-letter-spacing-loose: 0.025em;--nano-letter-spacing-looser: 0.0375em;--nano-line-height-denser: 1.2;--nano-line-height-dense: 1.4;--nano-line-height-normal: 1.6;--nano-line-height-loose: 1.8;--nano-line-height-looser: 2}@media(width <= 767px){:root{--nano-font-size-l: 1.3125rem;--nano-font-size-xl: 1.5rem;--nano-font-size-2xl: 2.125rem;--nano-font-size-3xl: 2.625rem}}:root[lang^=ja-]{--nano-font-sans: "Noto Sans JP", "Noto Sans JP Fallback: Arial", arial, sans-serif}:root[lang^=zh-]{--nano-font-sans: "Noto Sans SC", "Noto Sans SC Fallback: Arial", arial, sans-serif}}@layer tokens{:root{--nano-spacing-xs: 0.3125rem;--nano-spacing-sm: 0.625rem;--nano-spacing-l3: var(--nano-spacing-sm);--nano-spacing-md: 1.25rem;--nano-spacing-l2: var(--nano-spacing-md);--nano-spacing-l: 1.875rem;--nano-spacing-xl: 2.5rem;--nano-spacing-l1-default: var(--nano-spacing-xl);--nano-spacing-2xl: 3.75rem;--nano-spacing-l1-feature: var(--nano-spacing-2xl)}@media(width <= 1024px){:root{--nano-spacing-l1-feature: 3.125rem;--nano-spacing-l1-default: var(--nano-spacing-l);--nano-spacing-l2: var(--nano-spacing-md);--nano-spacing-l3: var(--nano-spacing-sm)}}@media(width <= 767px){:root{--nano-spacing-l1-feature: var(--nano-spacing-xl);--nano-spacing-l1-default: var(--nano-spacing-md);--nano-spacing-l: var(--nano-spacing-md);--nano-spacing-l2: var(--nano-spacing-sm);--nano-spacing-l3: var(--nano-spacing-sm)}}}@layer tokens{:root{--nano-border-radius-small: 0.1875rem;--nano-border-radius-medium: 0.25rem;--nano-border-radius-large: 0.5rem;--nano-border-radius-x-large: 1rem;--nano-border-radius-circle: 50%;--nano-border-radius-pill: 9999px;--nano-transition-x-fast: 120ms;--nano-transition-fast: 300ms;--nano-transition-medium: 500ms;--nano-transition-slow: 700ms;--nano-transition-x-slow: 1000ms;--nano-focus-ring-color: var(--nano-color-blue-cerulean-700);--nano-focus-ring-style: solid;--nano-focus-ring-width: 3px;--nano-focus-ring: var(--nano-focus-ring-style) var(--nano-focus-ring-width) var(--nano-focus-ring-color);--nano-focus-ring-offset: 1px;--nano-icon-size-small: 16px;--nano-pictogram-size-small: 24px;--nano-pictogram-size-medium: 32px;--nano-icon-size-large: 32px;--nano-pictogram-size-large: 48px;--nano-pictogram-size-x-large: 64px;--nano-image-ratio-landscape: 16/9;--nano-image-ratio-square: 1/1;--nano-image-ratio-portrait: 3/4;--nano-z-index-raised: 5;--nano-z-index-menubar: 10;--nano-z-index-mask: 50;--nano-z-index-dropdown: 300;--nano-z-index-modal: 700;--nano-z-index-alert: 800;--nano-z-index-tooltip: 1000;--nano-overlay-background-color: rgb(0 0 0 / 43%);--nano-overlay-blur: 3px}}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:300;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:400;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:700;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-700.woff2") format("woff2")}@font-face{font-family:"Noto Sans JP Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:300;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:400;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:700;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-700.woff2") format("woff2")}@font-face{font-family:"Noto Sans SC Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:300;src:url("../nano-assets/font/latin/noto-sans-v39-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:300;src:url("../nano-assets/font/latin/noto-sans-v39-latin-300italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:400;src:url("../nano-assets/font/latin/noto-sans-v38-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:400;src:url("../nano-assets/font/latin/noto-sans-v38-latin-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:700;src:url("../nano-assets/font/latin/noto-sans-v38-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:700;src:url("../nano-assets/font/latin/noto-sans-v38-latin-700italic.woff2") format("woff2")}@font-face{font-family:"Noto Sans SC Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@layer globals{html{font-family:var(--nano-font-sans);font-weight:400;background-color:var(--nano-color-base-0);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}html[lang^=ja-] em,html[lang^=ja-] i,html[lang^=zh-] em,html[lang^=zh-] i{font-style:normal !important}::selection{background-color:var(--nano-color-primary-300);color:var(--nano-color-neutral-1400)}:target{scroll-margin-block:5ex}h1,h2,h3,h4,h5{text-wrap:balance;margin-block-end:var(--nano-spacing-md)}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child){margin-block-start:var(--nano-spacing-l)}h1.hero{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-3xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h1{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-2xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h2{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h3{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}h4{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}h5{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}p{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-md)}address,address p{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin:0;font-style:normal}ol,ul{padding-inline-start:var(--nano-spacing-md);margin-block:var(--nano-spacing-sm) var(--nano-spacing-md)}li{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-sm)}li:last-child{margin-block-end:var(--nano-spacing-md)}blockquote{border-inline-start:3px solid var(--nano-color-primary-1000);padding-inline-start:var(--nano-spacing-xl);display:flex;flex-direction:column;gap:var(--nano-spacing-sm);margin:0;margin-block-end:var(--nano-spacing-md)}blockquote>*:not(cite){font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);letter-spacing:var(--nano-letter-spacing-looser);margin-block-end:var(--nano-spacing-md);font-weight:var(--nano-font-weight-light);margin-block:0}blockquote cite{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);font-style:normal}figure{display:table;border-collapse:separate;border-spacing:0}figure figcaption{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background-color:var(--nano-color-basic-black);color:var(--nano-color-basic-white);padding:var(--nano-spacing-md);display:table-caption;caption-side:bottom}button,input,label{line-height:var(--nano-line-height-denser)}hr,.horizontal-rule,.content-divider{display:block;block-size:1px;border:0;background-color:var(--nano-color-neutral-300);margin-block:.5em;margin-inline:0;padding:0}hr+p,.horizontal-rule+p,.content-divider+p{margin-block:var(--nano-spacing-md)}a{color:var(--nano-color-primary-1100)}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}:root{--table-padding: var(--nano-spacing-md);--table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));--table-border-color: var(--nano-color-neutral-200);--table-border-color-header: var(--nano-color-primary-1000);--table-background: var(--nano-color-base-0)}table{color:var(--nano-color-neutral-1400);border-collapse:separate;border-spacing:0;text-align:start}table.compact{--table-padding: var(--table-compact-padding)}table .content-center{text-align:center}table .content-end{text-align:end}table caption{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance;text-align:start;margin-block-end:var(--nano-spacing-l1-default);max-inline-size:80vw}table th{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);white-space:nowrap;background-color:var(--table-background);padding:var(--table-padding);text-align:start;font-weight:800;vertical-align:top}table td{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background-color:var(--table-background);padding:var(--table-padding);text-align:start;vertical-align:top}table thead :where(td,th){border-block-end:2px solid var(--table-border-color-header);vertical-align:bottom}@container scroll-state(stuck: top){table thead :where(td,th){border-block-end-width:3px}}table tbody :where(td,th){border-block-end:1px solid var(--table-border-color)}table tfoot :where(td,th){border-block-start:2px solid var(--table-border-color-header);border-block-end:2px solid var(--table-border-color-header)}}@layer utilities{.n-text-hero{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-3xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-quote{font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);letter-spacing:var(--nano-letter-spacing-looser);margin-block-end:var(--nano-spacing-md);font-weight:var(--nano-font-weight-light)}.n-text-2xl{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-2xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-xl{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-lg{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}.n-text-md{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}.n-text,.n-text-normal{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-text-sm,.n-text-small{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-text-xs{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-img-landscape{aspect-ratio:var(--nano-image-ratio-landscape);object-fit:cover}.n-img-4x3{aspect-ratio:4/3;object-fit:cover}.n-img-square{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover}.n-img-portrait{aspect-ratio:var(--nano-image-ratio-portrait);object-fit:cover}.n-img-avatar{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover;border-radius:var(--nano-border-radius-circle)}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar){color:rgba(0, 0, 0, 0);box-decoration-break:clone;background-color:rgba(0, 0, 0, 0);background-image:linear-gradient(to right, var(--nano-color-neutral-300) 33%, var(--nano-color-neutral-50), var(--nano-color-neutral-300) 66%);background-size:300% .7em;animation:skeleton-shimmer 2s infinite ease-in-out;user-select:none;pointer-events:none;inline-size:fit-content}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar) img{opacity:0}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a){display:inline;border-radius:4px}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a)::before{content:"";display:block;margin-block-start:inherit;padding-block-start:inherit}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a)::after{content:"";display:block;margin-block-end:inherit;padding-block-end:inherit}.n-loader-skeleton *{text-decoration:none !important}@keyframes skeleton-shimmer{from{background-position:100%}to{background-position:0%}}.n-surface-sunken{background-color:var(--nano-color-surface-50);box-shadow:var(--nano-shadow-ls)}.n-surface-raised{background-color:var(--nano-color-surface-100);box-shadow:var(--nano-shadow-l1)}.n-surface-overlay{background-color:var(--nano-color-surface-200);box-shadow:var(--nano-shadow-l2)}.n-surface-lightbox{background-color:var(--nano-color-surface-300);box-shadow:var(--nano-shadow-l3)}.n-content-divider{block-size:4px;background-color:var(--nano-color-neutral-100)}.n-visually-hidden:not(:focus,:active,:focus-within),.visually-hidden:not(:focus,:active,:focus-within){clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}}/*# sourceMappingURL=core.css.map */
+@layer reset, tokens, themes, globals, components, utilities, application;@layer reset{*,*::before,*::after{box-sizing:border-box}html{text-size-adjust:none}body{line-height:1.5;min-block-size:100vh}body,h1,h2,h3,h4,h5,p,figure,picture{margin:0}hr{block-size:1px;border-width:0;box-sizing:content-box}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}[hidden]{display:none !important}iframe{display:block}}@layer tokens{:root{--nano-color-grey-mono-1600: rgb(24 24 24 / 100%);--nano-color-grey-mono-1550: rgb(30 30 30 / 100%);--nano-color-grey-mono-1500: rgb(38 38 38 / 100%);--nano-color-grey-mono-1400: rgb(51 51 51 / 100%);--nano-color-grey-mono-1300: rgb(66 66 66 / 100%);--nano-color-grey-mono-1200: rgb(84 84 83 / 100%);--nano-color-grey-mono-1100: rgb(99 99 99 / 100%);--nano-color-grey-mono-1000: rgb(118 118 117 / 100%);--nano-color-grey-mono-900: rgb(135 135 135 / 100%);--nano-color-grey-mono-800: rgb(150 150 149 / 100%);--nano-color-grey-mono-700: rgb(166 166 166 / 100%);--nano-color-grey-mono-400: rgb(215 214 213 / 100%);--nano-color-grey-mono-300: rgb(231 230 228 / 100%);--nano-color-grey-mono-200: rgb(241 240 238 / 100%);--nano-color-grey-mono-100: rgb(246 245 244 / 100%);--nano-color-grey-mono-075: rgb(249 248 248 / 100%);--nano-color-grey-mono-050: rgb(252 252 251 / 100%);--nano-color-blue-cerulean-1600: rgb(0 26 40 / 100%);--nano-color-blue-cerulean-1500: rgb(1 41 63 / 100%);--nano-color-blue-cerulean-1400: rgb(1 54 83 / 100%);--nano-color-blue-cerulean-1300: rgb(1 71 106 / 100%);--nano-color-blue-cerulean-1200: rgb(1 89 127 / 100%);--nano-color-blue-cerulean-1100: rgb(1 106 146 / 100%);--nano-color-blue-cerulean-1000: rgb(0 127 168 / 100%);--nano-color-blue-cerulean-900: rgb(32 146 183 / 100%);--nano-color-blue-cerulean-800: rgb(58 161 195 / 100%);--nano-color-blue-cerulean-700: rgb(85 178 207 / 100%);--nano-color-blue-cerulean-300: rgb(186 238 251 / 100%);--nano-color-blue-cerulean-100: rgb(226 249 255 / 100%);--nano-color-blue-cerulean-075: rgb(234 251 255 / 100%);--nano-color-blue-cerulean-050: rgb(247 253 255 / 100%);--nano-color-violet-ink-1600: rgb(12 14 75 / 100%);--nano-color-violet-ink-1500: rgb(19 22 117 / 100%);--nano-color-violet-ink-1400: rgb(27 31 147 / 100%);--nano-color-violet-ink-1300: rgb(47 48 168 / 100%);--nano-color-violet-ink-1200: rgb(67 67 189 / 100%);--nano-color-violet-ink-1100: rgb(85 82 207 / 100%);--nano-color-violet-ink-1000: rgb(106 103 221 / 100%);--nano-color-violet-ink-900: rgb(124 123 228 / 100%);--nano-color-violet-ink-800: rgb(139 141 234 / 100%);--nano-color-violet-ink-700: rgb(156 159 241 / 100%);--nano-color-violet-ink-600: rgb(173 178 247 / 100%);--nano-color-violet-ink-500: rgb(189 195 253 / 100%);--nano-color-violet-ink-400: rgb(206 212 255 / 100%);--nano-color-violet-ink-300: rgb(225 228 255 / 100%);--nano-color-violet-ink-200: rgb(238 240 255 / 100%);--nano-color-violet-ink-100: rgb(244 245 255 / 100%);--nano-color-violet-ink-075: rgb(247 248 255 / 100%);--nano-color-green-leaf-1600: rgb(1 27 32 / 100%);--nano-color-green-leaf-1500: rgb(1 43 51 / 100%);--nano-color-green-leaf-1400: rgb(1 57 67 / 100%);--nano-color-green-leaf-1300: rgb(2 73 87 / 100%);--nano-color-green-leaf-1200: rgb(2 93 106 / 100%);--nano-color-green-leaf-1100: rgb(1 111 110 / 100%);--nano-color-green-leaf-1000: rgb(1 134 113 / 100%);--nano-color-green-leaf-900: rgb(29 151 131 / 100%);--nano-color-green-leaf-800: rgb(52 167 146 / 100%);--nano-color-green-leaf-700: rgb(78 183 162 / 100%);--nano-color-green-leaf-600: rgb(104 200 178 / 100%);--nano-color-green-leaf-200: rgb(197 253 232 / 100%);--nano-color-green-leaf-075: rgb(222 254 242 / 100%);--nano-color-green-leaf-050: rgb(238 255 249 / 100%);--nano-color-red-brick-1600: rgb(51 8 10 / 100%);--nano-color-red-brick-1500: rgb(79 13 16 / 100%);--nano-color-red-brick-1400: rgb(103 17 21 / 100%);--nano-color-red-brick-1300: rgb(132 21 27 / 100%);--nano-color-red-brick-1200: rgb(161 32 36 / 100%);--nano-color-red-brick-1100: rgb(185 46 48 / 100%);--nano-color-red-brick-1000: rgb(210 67 70 / 100%);--nano-color-red-brick-900: rgb(222 93 96 / 100%);--nano-color-red-brick-800: rgb(229 116 120 / 100%);--nano-color-red-brick-700: rgb(235 139 144 / 100%);--nano-color-red-brick-400: rgb(255 201 203 / 100%);--nano-color-red-brick-300: rgb(255 221 222 / 100%);--nano-color-red-brick-100: rgb(255 241 242 / 100%);--nano-color-yellow-lime-1000: #6e7d17;--nano-color-yellow-lime-500: rgb(184 210 39 / 100%);--nano-color-yellow-lime-200: rgb(224 255 50 / 100%);--nano-color-yellow-lime-100: rgb(236 255 131 / 100%);--nano-color-yellow-lime-075: rgb(242 255 172 / 100%);--nano-color-yellow-lime-050: rgb(250 255 223 / 100%);--nano-color-orange-1600: rgb(47 13 2 / 100%);--nano-color-orange-1500: rgb(74 20 3 / 100%);--nano-color-orange-1400: rgb(97 27 4 / 100%);--nano-color-orange-1300: rgb(125 34 5 / 100%);--nano-color-orange-1200: rgb(148 52 4 / 100%);--nano-color-orange-1100: rgb(168 68 4 / 100%);--nano-color-orange-1000: rgb(192 87 3 / 100%);--nano-color-orange-900: rgb(210 107 3 / 100%);--nano-color-orange-800: rgb(226 124 3 / 100%);--nano-color-orange-600: rgb(255 162 14 / 100%);--nano-color-orange-400: rgb(254 206 136 / 100%);--nano-color-orange-300: rgb(254 226 189 / 100%);--nano-color-orange-200: rgb(254 239 225 / 100%);--nano-color-orange-100: rgb(254 243 233 / 100%);--nano-color-orange-075: rgb(254 247 240 / 100%);--nano-color-basic-white: rgb(255 255 255 / 100%);--nano-color-basic-white-rgb: 255 255 255;--nano-color-basic-black: rgb(0 0 0 / 100%);--nano-color-basic-black-rgb: 0 0 0}}@layer tokens{:root{--nano-font-sans: "Noto Sans", "Noto Sans Fallback: Arial", arial, sans-serif;--nano-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--nano-font-serif: Georgia, "Times New Roman", serif;--nano-font-size-2xs: 0.75rem;--nano-font-size-xs: 0.875rem;--nano-font-size-sm: 1rem;--nano-font-size-small: var(--nano-font-size-sm);--nano-font-size-md: 1.125rem;--nano-font-size-medium: var(--nano-font-size-md);--nano-font-size-lg: 1.375rem;--nano-font-size-l: var(--nano-font-size-lg);--nano-font-size-xl: 1.6875rem;--nano-font-size-2xl: 2.5rem;--nano-font-size-3xl: 3.25rem;--nano-font-weight-light: 300;--nano-font-weight-normal: 400;--nano-font-weight-bold: 700;--nano-letter-spacing-denser: -0.03em;--nano-letter-spacing-dense: -0.015em;--nano-letter-spacing-normal: normal;--nano-letter-spacing-loose: 0.025em;--nano-letter-spacing-looser: 0.0375em;--nano-line-height-denser: 1.2;--nano-line-height-dense: 1.4;--nano-line-height-normal: 1.6;--nano-line-height-loose: 1.8;--nano-line-height-looser: 2}@media(width <= 767px){:root{--nano-font-size-l: 1.3125rem;--nano-font-size-xl: 1.5rem;--nano-font-size-2xl: 2.125rem;--nano-font-size-3xl: 2.625rem}}:root[lang^=ja-]{--nano-font-sans: "Noto Sans JP", "Noto Sans JP Fallback: Arial", arial, sans-serif}:root[lang^=zh-]{--nano-font-sans: "Noto Sans SC", "Noto Sans SC Fallback: Arial", arial, sans-serif}}@layer tokens{:root{--nano-spacing-xs: 0.3125rem;--nano-spacing-sm: 0.625rem;--nano-spacing-l3: var(--nano-spacing-sm);--nano-spacing-md: 1.25rem;--nano-spacing-l2: var(--nano-spacing-md);--nano-spacing-l: 1.875rem;--nano-spacing-xl: 2.5rem;--nano-spacing-l1-default: var(--nano-spacing-xl);--nano-spacing-2xl: 3.75rem;--nano-spacing-l1-feature: var(--nano-spacing-2xl)}@media(width <= 1024px){:root{--nano-spacing-l1-feature: 3.125rem;--nano-spacing-l1-default: var(--nano-spacing-l);--nano-spacing-l2: var(--nano-spacing-md);--nano-spacing-l3: var(--nano-spacing-sm)}}@media(width <= 767px){:root{--nano-spacing-l1-feature: var(--nano-spacing-xl);--nano-spacing-l1-default: var(--nano-spacing-md);--nano-spacing-l: var(--nano-spacing-md);--nano-spacing-l2: var(--nano-spacing-sm);--nano-spacing-l3: var(--nano-spacing-sm)}}}@layer tokens{:root{--nano-border-radius-small: 0.1875rem;--nano-border-radius-medium: 0.25rem;--nano-border-radius-large: 0.5rem;--nano-border-radius-x-large: 1rem;--nano-border-radius-circle: 50%;--nano-border-radius-pill: 9999px;--nano-transition-x-fast: 120ms;--nano-transition-fast: 300ms;--nano-transition-medium: 500ms;--nano-transition-slow: 700ms;--nano-transition-x-slow: 1000ms;--nano-focus-ring-color: var(--nano-color-blue-cerulean-700);--nano-focus-ring-style: solid;--nano-focus-ring-width: 3px;--nano-focus-ring: var(--nano-focus-ring-style) var(--nano-focus-ring-width) var(--nano-focus-ring-color);--nano-focus-ring-offset: 1px;--nano-icon-size-small: 16px;--nano-pictogram-size-small: 24px;--nano-pictogram-size-medium: 32px;--nano-icon-size-large: 32px;--nano-pictogram-size-large: 48px;--nano-pictogram-size-x-large: 64px;--nano-image-ratio-landscape: 16/9;--nano-image-ratio-square: 1/1;--nano-image-ratio-portrait: 3/4;--nano-z-index-raised: 5;--nano-z-index-menubar: 10;--nano-z-index-mask: 50;--nano-z-index-dropdown: 300;--nano-z-index-modal: 700;--nano-z-index-alert: 800;--nano-z-index-tooltip: 1000;--nano-overlay-background-color: rgb(0 0 0 / 43%);--nano-overlay-blur: 3px}}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:300;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:400;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:700;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-700.woff2") format("woff2")}@font-face{font-family:"Noto Sans JP Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:300;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:400;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:700;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-700.woff2") format("woff2")}@font-face{font-family:"Noto Sans SC Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:300;src:url("../nano-assets/font/latin/noto-sans-v39-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:300;src:url("../nano-assets/font/latin/noto-sans-v39-latin-300italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:400;src:url("../nano-assets/font/latin/noto-sans-v38-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:400;src:url("../nano-assets/font/latin/noto-sans-v38-latin-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:700;src:url("../nano-assets/font/latin/noto-sans-v38-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:700;src:url("../nano-assets/font/latin/noto-sans-v38-latin-700italic.woff2") format("woff2")}@font-face{font-family:"Noto Sans SC Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@layer globals{html{font-family:var(--nano-font-sans);font-weight:400;background-color:var(--nano-color-base-0);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}html[lang^=ja-] em,html[lang^=ja-] i,html[lang^=zh-] em,html[lang^=zh-] i{font-style:normal !important}::selection{background-color:var(--nano-color-primary-300);color:var(--nano-color-neutral-1400)}:target{scroll-margin-block:5ex}h1,h2,h3,h4,h5{text-wrap:balance;margin-block-end:var(--nano-spacing-md)}h1.hero{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-3xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h1{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-2xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h2{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h3{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}h4{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}h5{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}p{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-md)}address,address p{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin:0;font-style:normal}ol,ul{padding-inline-start:var(--nano-spacing-md);margin-block:var(--nano-spacing-sm) var(--nano-spacing-md)}li{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-sm)}li:last-child{margin-block-end:var(--nano-spacing-md)}blockquote{border-inline-start:3px solid var(--nano-color-primary-1000);padding-inline-start:var(--nano-spacing-xl);display:flex;flex-direction:column;gap:var(--nano-spacing-sm);margin:0;margin-block-end:var(--nano-spacing-md)}blockquote>*:not(cite){font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);letter-spacing:var(--nano-letter-spacing-looser);margin-block-end:var(--nano-spacing-md);font-weight:var(--nano-font-weight-light);margin-block:0}blockquote cite{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);font-style:normal}figure{display:table;border-collapse:separate;border-spacing:0}figure figcaption{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background-color:var(--nano-color-basic-black);color:var(--nano-color-basic-white);padding:var(--nano-spacing-md);display:table-caption;caption-side:bottom}button,input,label{line-height:var(--nano-line-height-denser)}hr,.horizontal-rule,.content-divider{display:block;block-size:1px;border:0;background-color:var(--nano-color-neutral-300);margin-block:.5em;margin-inline:0;padding:0}hr+p,.horizontal-rule+p,.content-divider+p{margin-block:var(--nano-spacing-md)}a{color:var(--nano-color-primary-1100)}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}:root{--table-padding: var(--nano-spacing-md);--table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));--table-border-color: var(--nano-color-neutral-200);--table-border-color-header: var(--nano-color-primary-1000);--table-background: var(--nano-color-base-0)}table{color:var(--nano-color-neutral-1400);border-collapse:separate;border-spacing:0;text-align:start}table.compact{--table-padding: var(--table-compact-padding)}table .content-center{text-align:center}table .content-end{text-align:end}table caption{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance;text-align:start;margin-block-end:var(--nano-spacing-l1-default);max-inline-size:80vw}table th{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);white-space:nowrap;background-color:var(--table-background);padding:var(--table-padding);text-align:start;font-weight:800;vertical-align:top}table td{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background-color:var(--table-background);padding:var(--table-padding);text-align:start;vertical-align:top}table thead :where(td,th){border-block-end:2px solid var(--table-border-color-header);vertical-align:bottom}@container scroll-state(stuck: top){table thead :where(td,th){border-block-end-width:3px}}table tbody :where(td,th){border-block-end:1px solid var(--table-border-color)}table tfoot :where(td,th){border-block-start:2px solid var(--table-border-color-header);border-block-end:2px solid var(--table-border-color-header)}}@layer utilities{.n-text-hero{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-3xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-quote{font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);letter-spacing:var(--nano-letter-spacing-looser);margin-block-end:var(--nano-spacing-md);font-weight:var(--nano-font-weight-light)}.n-text-2xl{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-2xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-xl{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-lg{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}.n-text-md{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}.n-text,.n-text-normal{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-text-sm,.n-text-small{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-text-xs{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-img-landscape{aspect-ratio:var(--nano-image-ratio-landscape);object-fit:cover}.n-img-4x3{aspect-ratio:4/3;object-fit:cover}.n-img-square{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover}.n-img-portrait{aspect-ratio:var(--nano-image-ratio-portrait);object-fit:cover}.n-img-avatar{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover;border-radius:var(--nano-border-radius-circle)}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar){color:rgba(0, 0, 0, 0);box-decoration-break:clone;background-color:rgba(0, 0, 0, 0);background-image:linear-gradient(to right, var(--nano-color-neutral-300) 33%, var(--nano-color-neutral-50), var(--nano-color-neutral-300) 66%);background-size:300% .7em;animation:skeleton-shimmer 2s infinite ease-in-out;user-select:none;pointer-events:none;inline-size:fit-content}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar) img{opacity:0}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a){display:inline;border-radius:4px}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a)::before{content:"";display:block;margin-block-start:inherit;padding-block-start:inherit}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a)::after{content:"";display:block;margin-block-end:inherit;padding-block-end:inherit}.n-loader-skeleton *{text-decoration:none !important}@keyframes skeleton-shimmer{from{background-position:100%}to{background-position:0%}}.n-surface-sunken{background-color:var(--nano-color-surface-50);box-shadow:var(--nano-shadow-ls)}.n-surface-raised{background-color:var(--nano-color-surface-100);box-shadow:var(--nano-shadow-l1)}.n-surface-overlay{background-color:var(--nano-color-surface-200);box-shadow:var(--nano-shadow-l2)}.n-surface-lightbox{background-color:var(--nano-color-surface-300);box-shadow:var(--nano-shadow-l3)}.n-content-divider{block-size:4px;background-color:var(--nano-color-neutral-100)}.n-visually-hidden:not(:focus,:active,:focus-within),.visually-hidden:not(:focus,:active,:focus-within){clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}}/*# sourceMappingURL=core.css.map */