@nanoporetech-digital/components 6.7.0 → 6.8.1

package/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-10-25T14:41:01",
+  "timestamp": "2024-11-07T14:05:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.23.2",
@@ -7291,10 +7291,6 @@
           "name": "part",
           "text": "burger-content - the main content area of the overflow / burger menu"
         },
-        {
-          "name": "part",
-          "text": "sticker - the `nano-sticker` wrapping the main nav-bar"
-        },
         {
           "name": "part",
           "text": "bars - the main wrapper around the `main-bar` and `search-bar` nav bars"
@@ -7953,10 +7949,6 @@
         {
           "name": "search-bar",
           "docs": "the search bar that appears under the main nav menu bar"
-        },
-        {
-          "name": "sticker",
-          "docs": "the `nano-sticker` wrapping the main nav-bar"
         }
       ],
       "dependents": [],
@@ -7966,8 +7958,7 @@
         "nano-icon",
         "nano-input",
         "nano-nav-item",
-        "nano-global-nav-user-profile",
-        "nano-sticker"
+        "nano-global-nav-user-profile"
       ],
       "dependencyGraph": {
         "nano-global-nav": [
@@ -7976,8 +7967,7 @@
           "nano-icon",
           "nano-input",
           "nano-nav-item",
-          "nano-global-nav-user-profile",
-          "nano-sticker"
+          "nano-global-nav-user-profile"
         ],
         "nano-select": [
           "nano-icon",
@@ -8075,7 +8065,19 @@
       "docsTags": [],
       "usage": {},
       "props": [],
-      "methods": [],
+      "methods": [
+        {
+          "name": "closeSearch",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "closeSearch() => Promise<void>",
+          "parameters": [],
+          "docs": "Manually close the search panel",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "nanoSearchGoBack",
@@ -11373,6 +11375,152 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/more-less/more-less.tsx",
+      "encapsulation": "scoped",
+      "tag": "nano-more-less",
+      "readme": "# nano-more-less\n\n\n",
+      "docs": "A simple component to show more or less elements.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "less - a button displayed when all fewer are shown. When clicked will show elements"
+        },
+        {
+          "name": "slot",
+          "text": "more - a button displayed when all items are shown. When clicked will hide elements"
+        },
+        {
+          "name": "slot",
+          "text": "- default slot displaying children elements to show or hide"
+        },
+        {
+          "name": "part",
+          "text": "button-wrapper - wraps the 'more' / 'less' buttons"
+        },
+        {
+          "name": "part",
+          "text": "button-wrapper--more - wraps the 'more' button"
+        },
+        {
+          "name": "part",
+          "text": "button-wrapper--less - wraps the 'less' button"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "childrenSelector",
+          "type": "string",
+          "mutable": false,
+          "attr": "children-selector",
+          "reflectToAttr": false,
+          "docs": "Optional JS selector to target which elements to hide or show",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "maxToShow",
+          "type": "number",
+          "mutable": false,
+          "attr": "max-to-show",
+          "reflectToAttr": false,
+          "docs": "The maximum number of items to show when `show` is true.\nExcess items will be hidden.",
+          "docsTags": [],
+          "default": "3",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "noHideBtn",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "no-hide-btn",
+          "reflectToAttr": false,
+          "docs": "Only show the 'show more' button",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "show",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "show",
+          "reflectToAttr": true,
+          "docs": "The default state. `false` - excess items are hidden. `true` - excess items are shown.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "default slot displaying children elements to show or hide"
+        },
+        {
+          "name": "less",
+          "docs": "a button displayed when all fewer are shown. When clicked will show elements"
+        },
+        {
+          "name": "more",
+          "docs": "a button displayed when all items are shown. When clicked will hide elements"
+        }
+      ],
+      "parts": [
+        {
+          "name": "button-wrapper",
+          "docs": "wraps the 'more' / 'less' buttons"
+        },
+        {
+          "name": "button-wrapper--less",
+          "docs": "wraps the 'less' button"
+        },
+        {
+          "name": "button-wrapper--more",
+          "docs": "wraps the 'more' button"
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "./src/components/nav-item/nav-item.tsx",
       "encapsulation": "shadow",
@@ -16222,8 +16370,7 @@
       "parts": [],
       "dependents": [
         "nano-dialog",
-        "nano-drawer",
-        "nano-global-nav"
+        "nano-drawer"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -16232,9 +16379,6 @@
         ],
         "nano-drawer": [
           "nano-sticker"
-        ],
-        "nano-global-nav": [
-          "nano-sticker"
         ]
       }
     },
@@ -17108,14 +17252,17 @@
         },
         {
           "name": "customRenderer",
-          "type": "(node: any, cell: HTMLElement) => void | Promise<string>",
+          "type": "(node: any, cell: HTMLElement | DocumentFragment) => void | Promise<string>",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Function called whenever `col.cellTemplate` renders an unknown object.\nThe function should render a valid HTMLElement to the cell arg.\nExample usage - render JSX from a 3rd party lib and append the result to the cell element.",
           "docsTags": [],
           "values": [
             {
-              "type": "(node: any, cell: HTMLElement) => void"
+              "type": "(node: any, cell: HTMLElement"
+            },
+            {
+              "type": "DocumentFragment) => void"
             },
             {
               "type": "Promise<string>"

package/docs-vscode.json

@@ -2404,6 +2404,31 @@
         }
       ]
     },
+    {
+      "name": "nano-more-less",
+      "description": {
+        "kind": "markdown",
+        "value": "A simple component to show more or less elements."
+      },
+      "attributes": [
+        {
+          "name": "children-selector",
+          "description": "Optional JS selector to target which elements to hide or show"
+        },
+        {
+          "name": "max-to-show",
+          "description": "The maximum number of items to show when `show` is true.\nExcess items will be hidden."
+        },
+        {
+          "name": "no-hide-btn",
+          "description": "Only show the 'show more' button"
+        },
+        {
+          "name": "show",
+          "description": "The default state. `false` - excess items are hidden. `true` - excess items are shown."
+        }
+      ]
+    },
     {
       "name": "nano-nav-item",
       "description": {

package/hydrate/index.js

@@ -17258,7 +17258,7 @@ const searchInsight = {
   },
 };
 
-const globalNavCss = "/*!@:host*/.sc-nano-global-nav-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-global-nav,*.sc-nano-global-nav::before,*.sc-nano-global-nav::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-global-nav{display:none !important}/*!@.global-nav*/.global-nav.sc-nano-global-nav{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}/*!@.global-nav button*/.global-nav.sc-nano-global-nav button.sc-nano-global-nav{background:none;color:inherit;border:none}/*!@.global-nav .icon-btn*/.global-nav.sc-nano-global-nav .icon-btn.sc-nano-global-nav{position:relative;background:none;color:inherit;border:none;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}/*!@.global-nav .icon-btn nano-icon*/.global-nav.sc-nano-global-nav .icon-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{inline-size:18px;block-size:18px}/*!@.global-nav ::slotted(nano-nav-item[slot=icon])*/.global-nav .sc-nano-global-nav-s>nano-nav-item[slot=icon]{--padding-top:9px;--padding-bottom:9px;--padding-start:7px;--padding-end:7px;--display:flex;font-size:18px}/*!@.global-nav a*/.global-nav.sc-nano-global-nav a.sc-nano-global-nav{color:inherit;text-decoration:none;white-space:nowrap}/*!@.global-nav .nav-links_title*/.global-nav.sc-nano-global-nav .nav-links_title.sc-nano-global-nav{margin:8px 0 3px}/*!@.global-nav .nav-links ul*/.global-nav.sc-nano-global-nav .nav-links.sc-nano-global-nav ul.sc-nano-global-nav{margin:0;padding:0}/*!@.global-nav .nav-links li*/.global-nav.sc-nano-global-nav .nav-links.sc-nano-global-nav li.sc-nano-global-nav{list-style:none}/*!@.global-nav .login-btn*/.global-nav.sc-nano-global-nav .login-btn.sc-nano-global-nav{display:flex;align-items:center}/*!@.global-nav .menu-btn*/.global-nav.sc-nano-global-nav .menu-btn.sc-nano-global-nav{padding:9px var(--bar-item-spacing) 9px var(--bar-item-spacing)}/*!@.site-content*/.site-content.sc-nano-global-nav{display:flex;transition:min-height 0.2s ease;position:relative;z-index:auto;align-items:stretch;flex:1}/*!@.bars*/.bars.sc-nano-global-nav{color:var(--bar-text-color);z-index:var(--nano-layer-index-menubar, 10);position:relative;max-inline-size:100%;min-inline-size:100%;box-shadow:none;transition:0.2s ease box-shadow;display:flex;flex-wrap:wrap}/*!@[stuck] .bars*/[stuck].sc-nano-global-nav .bars.sc-nano-global-nav{box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15)}/*!@.bars::before*/.bars.sc-nano-global-nav::before{content:\"\";inline-size:100%;block-size:100%;z-index:-1;background:var(--bar-background);position:absolute}/*!@.main-bar*/.main-bar.sc-nano-global-nav{flex:1 1 100%;inline-size:-moz-fit-content;inline-size:fit-content;padding-inline:0 var(--bar-item-spacing);padding-block:var(--bar-vertical-padding);display:flex;align-items:center;justify-content:space-between;overflow-x:hidden}/*!@.main-bar:focus*/.main-bar.sc-nano-global-nav:focus{outline:none}/*!@:host(.ready) .main-bar*/.ready.sc-nano-global-nav-h .main-bar.sc-nano-global-nav{overflow-x:visible}/*!@.main-bar > *,\n.main-bar ::slotted(*)*/.main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.main-bar .sc-nano-global-nav-s>*{transition:opacity 0.2s ease}/*!@:host(:not(.ready)) .main-bar > *,\n:host(:not(.ready)) .main-bar ::slotted(*)*/.sc-nano-global-nav-h:not(.ready) .main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.sc-nano-global-nav-h:not(.ready) .main-bar .sc-nano-global-nav-s>*{opacity:0 !important}/*!@:host(.ready) .main-bar > *,\n:host(.ready) .main-bar ::slotted(*)*/.ready.sc-nano-global-nav-h .main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.sc-nano-global-nav-h.ready .main-bar .sc-nano-global-nav-s>*{opacity:1}/*!@:host(.resizing) .main-bar > *,\n:host(.resizing) .main-bar ::slotted(*)*/.resizing.sc-nano-global-nav-h .main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.sc-nano-global-nav-h.resizing .main-bar .sc-nano-global-nav-s>*{opacity:0 !important}/*!@.main-bar > **/.main-bar.sc-nano-global-nav>*.sc-nano-global-nav{flex:0 0 auto}/*!@.main-bar > * ::slotted(nano-nav-item[slot=icon])*/.main-bar .sc-nano-global-nav-s>nano-nav-item[slot=icon]{margin-inline-start:11px}/*!@.main-bar > * ::slotted(nano-nav-item),\n.main-bar > * nano-nav-item*/.main-bar .sc-nano-global-nav-s>nano-nav-item,.main-bar.sc-nano-global-nav>*.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--color-hover:var(--bar-color-focus);--secondary-bg-color:var(--bar-dropdown-bg);--secondary-color:var(--bar-dropdown-text);--bg-color-open:var(--bar-background);--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;text-decoration:none !important}/*!@.main-bar .icon-btn*/.main-bar.sc-nano-global-nav .icon-btn.sc-nano-global-nav{margin-block:0 0;margin-inline-start:6px}/*!@:host(.threshold-2) .main-bar .icon-btn*/.threshold-2.sc-nano-global-nav-h .main-bar.sc-nano-global-nav .icon-btn.sc-nano-global-nav{margin-block:0 0;margin-inline-start:11px}/*!@.main-bar .menu-btn.icon-btn*/.main-bar.sc-nano-global-nav .menu-btn.icon-btn.sc-nano-global-nav{margin:0 !important;border-inline-end:1.5px solid var(--bar-color-shade)}/*!@.main-bar .logo*/.main-bar.sc-nano-global-nav .logo.sc-nano-global-nav{block-size:36px;inline-size:200px;min-inline-size:200px}/*!@:host(:not(.threshold-1)) .main-bar .logo*/.sc-nano-global-nav-h:not(.threshold-1) .main-bar.sc-nano-global-nav .logo.sc-nano-global-nav{block-size:30px}/*!@.main-bar .logo-link*/.main-bar.sc-nano-global-nav .logo-link.sc-nano-global-nav{margin-inline:0 0;padding-inline:var(--bar-item-spacing);display:flex;align-items:center;border:none}/*!@.main-bar .nav-links*/.main-bar.sc-nano-global-nav .nav-links.sc-nano-global-nav{flex:0 0 auto;display:flex;justify-content:space-around}/*!@.main-bar .nav-links ul*/.main-bar.sc-nano-global-nav .nav-links.sc-nano-global-nav ul.sc-nano-global-nav{display:flex;justify-content:space-around}/*!@.main-bar .nav-links ::slotted(nano-nav-item),\n.main-bar .nav-links nano-nav-item*/.main-bar .nav-links .sc-nano-global-nav-s>nano-nav-item,.main-bar.sc-nano-global-nav .nav-links.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;--margin:0 var(--bar-item-spacing)}/*!@.main-bar .nav-links--main*/.main-bar.sc-nano-global-nav .nav-links--main.sc-nano-global-nav{justify-content:flex-start;letter-spacing:1.5px;font-weight:600;text-transform:uppercase;font-size:1.065em;margin-inline-end:auto}/*!@.main-bar .nav-links--main ::slotted(nano-nav-item)*/.main-bar .nav-links--main .sc-nano-global-nav-s>nano-nav-item{--color:var(--bar-text-color);--padding-end:3px;--padding-start:0}/*!@.main-bar .nav-links--sub*/.main-bar.sc-nano-global-nav .nav-links--sub.sc-nano-global-nav{--color:var(--color, #e2e2e2);margin-inline-start:6px;justify-content:flex-end}/*!@.main-bar .login-btn*/.main-bar.sc-nano-global-nav .login-btn.sc-nano-global-nav{display:inline-block;border-radius:4px;background-color:var(--login-button-bg);color:var(--login-button-text);padding:3px 10px;position:relative;inset-inline-start:auto;inset-block-end:auto;margin-inline:11px 0}/*!@.main-bar .measure-ele*/.main-bar.sc-nano-global-nav .measure-ele.sc-nano-global-nav{min-inline-size:1px;display:block;margin:0;padding:0}/*!@.sticker-trigger*/.sticker-trigger.sc-nano-global-nav{background:var(--bar-background);inline-size:100%;block-size:1px;z-index:20;position:relative;display:block}/*!@.sticker-trigger:has(+ .sticker-trigger)*/.sticker-trigger.sc-nano-global-nav:has(+.sticker-trigger).sc-nano-global-nav{display:none}/*!@.gn-menu*/.gn-menu.sc-nano-global-nav{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:-1;display:none;transition:z-index 0.01s ease 0.2s;block-size:100vh;inline-size:100vw;overflow-y:auto}/*!@:host(.threshold-4) .gn-menu*/.threshold-4.sc-nano-global-nav-h .gn-menu.sc-nano-global-nav{position:absolute;inline-size:calc(100vw - 20px)}/*!@.gn-menu.menu-full-screen*/.gn-menu.menu-full-screen.sc-nano-global-nav{inline-size:100vw !important}/*!@.gn-menu_wrap*/.gn-menu_wrap.sc-nano-global-nav{max-inline-size:92vw;inline-size:335px;background:var(--menu-background);color:var(--menu-text-color);padding:calc(var(--bar-vertical-padding) + 1px) 0 0;box-shadow:0 0 36px 0 rgba(0, 0, 0, 0.8);position:relative;pointer-events:all;margin-block-end:36px;opacity:0;outline:none;transition:transform 0.2s ease, opacity 0.2s ease;overflow:hidden}/*!@.gn-menu_wrap.has-promotion*/.gn-menu_wrap.has-promotion.sc-nano-global-nav{padding:var(--menu-padding) 0 0}/*!@.gn-menu.open*/.gn-menu.open.sc-nano-global-nav{z-index:var(--nano-layer-index-dropdown, 300);transition:z-index 0.01s ease}/*!@.gn-menu.open .gn-menu_wrap*/.gn-menu.open.sc-nano-global-nav .gn-menu_wrap.sc-nano-global-nav{opacity:1;transform:translate3d(0, 0, 0) !important;transition:transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s}/*!@.gn-menu_actions*/.gn-menu_actions.sc-nano-global-nav{padding-inline-end:calc(var(--menu-padding) / 2);display:flex;justify-content:space-between}/*!@.gn-menu_actions-counter*/.gn-menu_actions-counter.sc-nano-global-nav{background:#d0021b;color:var(--menu-text-color);position:absolute;inset-block-end:4px;inset-inline:auto 0;font-size:9px;block-size:14px;line-height:14px;inline-size:auto;min-inline-size:14px;border-radius:50%;box-sizing:border-box;text-align:center;text-indent:0}/*!@.gn-menu .content-wrap*/.gn-menu.sc-nano-global-nav .content-wrap.sc-nano-global-nav{position:relative;transition:0.2s ease min-height;min-block-size:190px}/*!@.gn-menu .content--sub*/.gn-menu.sc-nano-global-nav .content--sub.sc-nano-global-nav{padding:var(--menu-padding) 0 var(--menu-padding) 7px}/*!@.gn-menu .menu-btn*/.gn-menu.sc-nano-global-nav .menu-btn.sc-nano-global-nav{margin-inline-end:auto}/*!@.gn-menu .nav-links*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav{display:flex;flex-wrap:wrap}/*!@.gn-menu .nav-links ::slotted(nano-nav-item),\n.gn-menu .nav-links nano-nav-item*/.gn-menu .nav-links .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--icon-size:14px;--display:inline-block;--secondary-bg-color:#001a21;--padding-top:10px;--padding-bottom:10px;--padding-end:calc(var(--menu-padding) * 2);--padding-start:calc(var(--menu-padding) + 3px);--color:var(--menu-text-color);--color-hover:var(--menu-title-text);--bg-color-hover:transparent;--bg-color-focus:#002530;--focus-outline:none;inline-size:100%}/*!@.gn-menu .nav-links .user-nav*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav{--bg-color:var(--menu-user-panel-bg);--padding-top:9px;--padding-bottom:9px;font-weight:bold;margin:5px 0 0}/*!@.gn-menu .nav-links .user-nav ::slotted(nano-nav-item),\n.gn-menu .nav-links .user-nav nano-nav-item*/.gn-menu .nav-links .user-nav .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{font-weight:400;--bg-color:transparent}/*!@.gn-menu .nav-links .user-nav .content*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav .content.sc-nano-global-nav{padding:0;background-color:var(--menu-user-panel-bg)}/*!@.gn-menu .nav-links .user-nav .content--sub*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav .content--sub.sc-nano-global-nav{padding-inline:var(--menu-padding)}/*!@.gn-menu .nav-links .user-nav .back-btn*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav .back-btn.sc-nano-global-nav{padding-inline-start:var(--menu-padding)}/*!@.gn-menu .nav-links_title*/.gn-menu.sc-nano-global-nav .nav-links_title.sc-nano-global-nav{margin:0 var(--menu-padding) 4px;border-block-end:1px solid var(--menu-hint-color);padding-block-end:8px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:600}/*!@.gn-menu .nav-links_title--sites*/.gn-menu.sc-nano-global-nav .nav-links_title--sites.sc-nano-global-nav{border-block-end:none}/*!@.gn-menu .nav-links-wrap*/.gn-menu.sc-nano-global-nav .nav-links-wrap.sc-nano-global-nav{margin:18px 0}/*!@.gn-menu .nav-links-wrap:last-child*/.gn-menu.sc-nano-global-nav .nav-links-wrap.sc-nano-global-nav:last-child{margin-block-end:0}/*!@.gn-menu .nav-links .back-btn*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .back-btn.sc-nano-global-nav{border-block-start:1px solid var(--menu-hint-color);border-block-end:1px solid var(--menu-hint-color);display:flex;align-items:center;padding:10px 11px 10px 0;inline-size:100%;font-size:12px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:600;cursor:pointer}/*!@.gn-menu .nav-links .back-btn:hover*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .back-btn.sc-nano-global-nav:hover{color:var(--menu-text-color)}/*!@.gn-menu .nav-links .back-btn nano-icon*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .back-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{margin-inline-end:10px;font-size:12px;color:var(--menu-icon-color)}/*!@.gn-menu .nav-links--sub*/.gn-menu.sc-nano-global-nav .nav-links--sub.sc-nano-global-nav{display:flex;flex-wrap:wrap}/*!@.gn-menu .nav-links--sub ::slotted(nano-nav-item),\n.gn-menu .nav-links--sub nano-nav-item*/.gn-menu .nav-links--sub .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links--sub.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--border-bottom:none;--padding-end:var(--menu-padding);--padding-start:var(--menu-padding);--padding-top:8px;--padding-bottom:8px;margin:0;inline-size:50%;line-height:1.8}/*!@.gn-menu .nav-links--sites ::slotted(nano-nav-item),\n.gn-menu .nav-links--sites nano-nav-item*/.gn-menu .nav-links--sites .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links--sites.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{inline-size:100%}/*!@.gn-menu .nav-links .content*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .content.sc-nano-global-nav{padding:8px var(--menu-padding)}/*!@.gn-menu .login-btn*/.gn-menu.sc-nano-global-nav .login-btn.sc-nano-global-nav{padding-inline:7px var(--menu-padding);padding-block:var(--menu-padding)}/*!@.gn-menu .login-btn nano-icon*/.gn-menu.sc-nano-global-nav .login-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{margin-inline-start:10px}/*!@.gn-menu .logout-btn*/.gn-menu.sc-nano-global-nav .logout-btn.sc-nano-global-nav{justify-content:flex-end}/*!@.gn-menu .logout-btn a*/.gn-menu.sc-nano-global-nav .logout-btn.sc-nano-global-nav a.sc-nano-global-nav{padding:0 5px}/*!@.mask*/.mask.sc-nano-global-nav{opacity:0;background:rgba(0, 0, 0, 0.3);position:fixed;inset-inline:0;inset-block-start:0;block-size:100vh;z-index:-1;transition:transform 0.2s ease, opacity 0.2s ease, visibility 0.01s ease 0.2s, z-index 0.01s ease 0.2s;visibility:hidden}/*!@.mask.open*/.mask.open.sc-nano-global-nav{opacity:1;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s;z-index:var(--nano-layer-index-mask, 10);visibility:visible}/*!@.search-btn::before*/.search-btn.sc-nano-global-nav::before{content:\"\";background-color:#0c5a71;block-size:9px;inset-inline:0 5px;inset-block-end:-20px;position:absolute;transform:translateZ(0) scaleX(0);transform-origin:0;transition:0.2s ease transform}/*!@.search-btn--open::before*/.search-btn--open.sc-nano-global-nav::before{transform:translateZ(0) scaleX(1);opacity:0.7}/*!@.search-bar*/.search-bar.sc-nano-global-nav{block-size:0;overflow:hidden;transition:0.2s ease height;padding:0 var(--bar-item-spacing);outline:none;max-inline-size:45em;margin-inline-start:auto;flex:1}/*!@.search-bar .search-widget*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav{margin:0;overflow:inherit;max-inline-size:none;max-block-size:none;min-inline-size:auto;padding-inline-end:0}/*!@.search-bar .search-widget .search-icon--search*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .search-icon--search.sc-nano-global-nav{display:none}/*!@.search-bar .search-widget .search-input*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .search-input.sc-nano-global-nav{--input-border-width:2px 0 0 0;--input-bg-color:#f3f3f3;--nano-input-border-color:transparent;--nano-input-border-color--focus:var(--bar-color-shade);font-size:1.1875em}/*!@.search-bar .search-widget nano-select.search-input*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav nano-select.search-input.sc-nano-global-nav{--input-border-width:2px 3px 0 0;--input-bg-color:var(--bar-color-shade);--input-bg-color--focus:#f3f3f3;color:#f3f3f3}/*!@.search-bar .search-widget nano-select.search-input.has-focus*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav nano-select.search-input.has-focus.sc-nano-global-nav{color:var(--bar-color-shade)}/*!@.search-bar .search-widget .select-input__arrow*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .select-input__arrow.sc-nano-global-nav{font-size:0.75em}/*!@.search-bar .search-widget .select__mask.sc-nano-select*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .select__mask.sc-nano-select.sc-nano-global-nav{line-height:2.35em;min-block-size:2.35em;padding-block-start:2px}/*!@.search-bar .search-inputs*/.search-bar.sc-nano-global-nav .search-inputs.sc-nano-global-nav{padding:0;margin:0}/*!@.search-bar .search-autocomplete*/.search-bar.sc-nano-global-nav .search-autocomplete.sc-nano-global-nav{inset-block-start:100%;inline-size:100%}/*!@.search-widget*/.search-widget.sc-nano-global-nav{padding-inline-end:var(--bar-item-spacing);margin-inline:var(--bar-item-spacing) auto;position:relative;flex:1 1 auto;max-inline-size:500px;min-inline-size:350px;max-block-size:36px;inset-block-start:-1px}/*!@.search-inputs*/.search-inputs.sc-nano-global-nav{display:flex;margin:0}/*!@.search-inputs input[type=submit]*/.search-inputs.sc-nano-global-nav input[type=submit].sc-nano-global-nav{display:none}/*!@.search-autocomplete*/.search-autocomplete.sc-nano-global-nav{position:absolute;inset-block-start:calc(100% + 15px);inline-size:calc(100% - var(--bar-item-spacing));inset-inline-start:0;background:white;border:2px solid var(--bar-color-tint);border-radius:0 0 5px 5px;color:#4a4a4a;padding-block:calc(var(--bar-vertical-padding) / 2) 1px;padding-inline:0 0;z-index:1}/*!@.search-autocomplete-hit*/.search-autocomplete-hit.sc-nano-global-nav{padding-block:calc(var(--bar-vertical-padding) / 4);padding-inline:var(--bar-item-spacing);inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:start;line-height:1.5;cursor:pointer}/*!@.search-autocomplete-hit-scope*/.search-autocomplete-hit-scope.sc-nano-global-nav{color:#a7b0b3;font-weight:600}/*!@.search-autocomplete-hit:hover, .search-autocomplete-hit:focus-visible*/.search-autocomplete-hit.sc-nano-global-nav:hover,.search-autocomplete-hit.sc-nano-global-nav:focus-visible{background-color:#e4e6e8}/*!@.search-autocomplete-hit:focus-visible*/.search-autocomplete-hit.sc-nano-global-nav:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}/*!@.search-autocomplete-hit:focus*/.search-autocomplete-hit.sc-nano-global-nav:focus{outline:none}/*!@.search-autocomplete-hit .search__highlight,\n.search-autocomplete-hit em*/.search-autocomplete-hit.sc-nano-global-nav .search__highlight.sc-nano-global-nav,.search-autocomplete-hit.sc-nano-global-nav em.sc-nano-global-nav{font-weight:bold;font-style:normal}/*!@.search-autocomplete-hit--no-result:hover, .search-autocomplete-hit--no-result:focus*/.search-autocomplete-hit--no-result.sc-nano-global-nav:hover,.search-autocomplete-hit--no-result.sc-nano-global-nav:focus{background:none !important}/*!@.search-autocomplete-foot*/.search-autocomplete-foot.sc-nano-global-nav{margin:7px 0 0}/*!@.search-autocomplete-submit*/.search-autocomplete-submit.sc-nano-global-nav{background:none;border:none;align-self:normal;padding:9px var(--bar-item-spacing) !important;cursor:pointer;display:flex;align-items:center;color:#007495;justify-content:flex-end;inline-size:100%;text-decoration:underline;border-block-start:1px solid #e8eaea}/*!@.search-autocomplete-submit:hover, .search-autocomplete-submit:focus*/.search-autocomplete-submit.sc-nano-global-nav:hover,.search-autocomplete-submit.sc-nano-global-nav:focus{background-color:#e4e6e8}/*!@nano-select.search-input*/nano-select.search-input.sc-nano-global-nav{--input-border-width:0 0 2px 0;--input-text-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--padding-end:var(--bar-item-spacing);--nano-input-border-color--focus:black;font-weight:600;letter-spacing:1.5px;font-size:1.2em;flex:0 1 auto;inline-size:auto;display:flex;align-items:center;flex-direction:column;position:relative;inset-inline-start:1px;text-transform:uppercase}/*!@:host(:not(.ready)) nano-select.search-input*/.sc-nano-global-nav-h:not(.ready) nano-select.search-input.sc-nano-global-nav{overflow:hidden;max-block-size:1em}/*!@nano-select.search-input .down-arrow*/nano-select.search-input.sc-nano-global-nav .down-arrow.sc-nano-global-nav{font-size:0.65em}/*!@nano-input.search-input*/nano-input.search-input.sc-nano-global-nav{--clear-btn-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--input-border-width:0 0 2px 0;--placeholder-color:var(--bar-text-color);--input-text-color:var(--bar-text-color);--padding-start:21px;--nano-input-border-color--focus:black;font-size:1.2em;inline-size:206px;display:flex;align-items:center;flex-direction:column;flex:1}/*!@:host(:dir(rtl)) nano-input.search-input*/.sc-nano-global-nav-h:dir(rtl) nano-input.search-input.sc-nano-global-nav{--input-border-radius:5px 0 0 5px}/*!@:host-context([dir=rtl]) nano-input.search-input*/[dir=rtl].sc-nano-global-nav-h nano-input.search-input.sc-nano-global-nav,[dir=rtl] .sc-nano-global-nav-h nano-input.search-input.sc-nano-global-nav{--input-border-radius:5px 0 0 5px}/*!@:host(:not(.ready)) nano-input.search-input*/.sc-nano-global-nav-h:not(.ready) nano-input.search-input.sc-nano-global-nav{overflow:hidden;max-block-size:1em}/*!@nano-input.search-input .search-icon*/nano-input.search-input.sc-nano-global-nav .search-icon.sc-nano-global-nav{background:none;padding:0 8px;display:none;font-size:0.9em}/*!@nano-input.search-input .search-icon--show*/nano-input.search-input.sc-nano-global-nav .search-icon--show.sc-nano-global-nav{display:flex !important}/*!@nano-input.search-input .search-icon--loader*/nano-input.search-input.sc-nano-global-nav .search-icon--loader.sc-nano-global-nav{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}/*!@nano-input.search-input .search-icon nano-icon*/nano-input.search-input.sc-nano-global-nav .search-icon.sc-nano-global-nav nano-icon.sc-nano-global-nav{block-size:1.4em}/*!@.user-profile*/.user-profile.sc-nano-global-nav{display:flex;justify-content:space-between;align-items:center;padding:2em;background-color:var(--menu-user-profile-bg)}/*!@.user-profile .left*/.user-profile.sc-nano-global-nav .left.sc-nano-global-nav{display:flex;align-items:center}/*!@.user-profile .avatar-container*/.user-profile.sc-nano-global-nav .avatar-container.sc-nano-global-nav{position:relative}/*!@.user-profile .avatar-container img.avatar*/.user-profile.sc-nano-global-nav .avatar-container.sc-nano-global-nav img.avatar.sc-nano-global-nav{border-radius:50px}/*!@.user-profile .avatar-container img.logo-small*/.user-profile.sc-nano-global-nav .avatar-container.sc-nano-global-nav img.logo-small.sc-nano-global-nav{position:absolute;block-size:30px;inline-size:30px;inset-block-end:0;inset-inline-end:0;background-color:#27586e;border-radius:10px;padding:5px}/*!@.user-profile .user-details*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav{display:flex;flex-direction:column;margin:0 1.25em;color:white}/*!@.user-profile .user-details .name*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav .name.sc-nano-global-nav{font-size:1.25em}/*!@.user-profile .user-details .bio*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav .bio.sc-nano-global-nav{margin:0.5em 0}/*!@.user-profile .user-details .kudos span*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav .kudos.sc-nano-global-nav span.sc-nano-global-nav{background-color:#81c7eb;color:#415958;padding:0.25em;border-radius:0.5em;font-weight:bold}/*!@.user-profile .chevron-right*/.user-profile.sc-nano-global-nav .chevron-right.sc-nano-global-nav{font-size:1.5em;color:white}/*!@.user-links*/.user-links.sc-nano-global-nav{position:relative}/*!@.user-links .icon-btn*/.user-links.sc-nano-global-nav .icon-btn.sc-nano-global-nav{padding-inline-end:0;font-weight:400;padding:7px}/*!@.user-links .icon-btn nano-icon*/.user-links.sc-nano-global-nav .icon-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{margin-inline-start:5px;inline-size:16px;block-size:16px;transform-origin:center;transition:transform 0.2s ease, color 0.2s ease}/*!@.user-links .icon-btn.open nano-icon*/.user-links.sc-nano-global-nav .icon-btn.open.sc-nano-global-nav nano-icon.sc-nano-global-nav{transform:rotate(180deg);color:#007495}/*!@.user-links-panel*/.user-links-panel.sc-nano-global-nav{display:none;position:absolute;border-radius:4px 0 4px 4px;box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);background-color:#568c9d;opacity:0;transform:translate3d(0, 30px, 0);transition:transform 0.2s ease, opacity 0.2s ease;inset-inline-end:0;min-inline-size:318px;z-index:2}/*!@.user-links-panel:focus*/.user-links-panel.sc-nano-global-nav:focus{outline:none}/*!@.user-links-panel.show*/.user-links-panel.show.sc-nano-global-nav{opacity:1;transform:translate3d(0, calc(var(--padding) + 1px), 0)}/*!@.user-links-panel-content*/.user-links-panel-content.sc-nano-global-nav{padding:0 18px;display:flex;flex-direction:column;color:white}/*!@.user-links-panel-content a*/.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav{padding:11px 0;border-block-end:#669dac 1px solid}/*!@.user-links-panel-content a:hover, .user-links-panel-content a:focus*/.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav:hover,.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav:focus{color:#455556}/*!@.user-links-panel-content a:last-child*/.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav:last-child{border-block-end:none}/*!@.user-links-panel-foot*/.user-links-panel-foot.sc-nano-global-nav{background-color:#aac5cd;border-radius:0 0 4px 4px;padding:var(--padding);color:#455556;display:flex;align-items:center;font-weight:400;justify-content:space-between}/*!@.user-links-panel-foot a:hover*/.user-links-panel-foot.sc-nano-global-nav a.sc-nano-global-nav:hover{text-decoration:underline}/*!@.user-links-panel .user-profile*/.user-links-panel.sc-nano-global-nav .user-profile.sc-nano-global-nav{background-color:var(--bar-user-panel-bg)}/*!@:host*/.sc-nano-global-nav-h{--bar-vertical-padding:21px;--bar-item-spacing:13px;--bar-background:white;--bar-text-color:#196c82;--bar-color-shade:rgb(12 90 113);--bar-color-tint:rgb(19 89 111);--bar-color-focus:#99a3a6;--bar-user-panel-bg:#016d86;--bar-dropdown-bg:#196c82;--bar-dropdown-text:white;--menu-background:#001a21;--menu-text-color:white;--menu-user-profile-bg:#001a21;--menu-user-panel-bg:#193037;--menu-padding:12px;--menu-hint-color:#33484d;--menu-title-text:#90c6e7;--menu-icon-color:white;--login-button-bg:#17bb75;--login-button-text:white;--padding:12px;--padding-top:var(--padding);--padding-end:var(--padding);--padding-bottom:var(--padding);--padding-start:var(--padding);display:flex;flex-direction:column;position:relative;line-height:1.5;block-size:100%;font-size:0.9375em;font-size:clamp(0.77rem, 1vw, 0.9rem)}/*!@:host input,\n:host select,\n:host button*/.sc-nano-global-nav-h input.sc-nano-global-nav,.sc-nano-global-nav-h select.sc-nano-global-nav,.sc-nano-global-nav-h button.sc-nano-global-nav{font-family:inherit;-webkit-appearance:none;appearance:none;font-size:inherit}/*!@:host a:focus,\n:host button:focus*/.sc-nano-global-nav-h a.sc-nano-global-nav:focus,.sc-nano-global-nav-h button.sc-nano-global-nav:focus{outline:none}/*!@:host a:focus-visible,\n:host button:focus-visible*/.sc-nano-global-nav-h a.sc-nano-global-nav:focus-visible,.sc-nano-global-nav-h button.sc-nano-global-nav:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}";
+const globalNavCss = "/*!@:host*/.sc-nano-global-nav-h{box-sizing:border-box}/*!@*,\n*::before,\n*::after*/*.sc-nano-global-nav,*.sc-nano-global-nav::before,*.sc-nano-global-nav::after{box-sizing:border-box}/*!@[hidden]*/[hidden].sc-nano-global-nav{display:none !important}/*!@.global-nav*/.global-nav.sc-nano-global-nav{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}/*!@.global-nav button*/.global-nav.sc-nano-global-nav button.sc-nano-global-nav{background:none;color:inherit;border:none}/*!@.global-nav .icon-btn*/.global-nav.sc-nano-global-nav .icon-btn.sc-nano-global-nav{position:relative;background:none;color:inherit;border:none;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}/*!@.global-nav .icon-btn nano-icon*/.global-nav.sc-nano-global-nav .icon-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{inline-size:18px;block-size:18px}/*!@.global-nav ::slotted(nano-nav-item[slot=icon])*/.global-nav .sc-nano-global-nav-s>nano-nav-item[slot=icon]{--padding-top:9px;--padding-bottom:9px;--padding-start:7px;--padding-end:7px;--display:flex;font-size:18px}/*!@.global-nav a*/.global-nav.sc-nano-global-nav a.sc-nano-global-nav{color:inherit;text-decoration:none;white-space:nowrap}/*!@.global-nav .nav-links_title*/.global-nav.sc-nano-global-nav .nav-links_title.sc-nano-global-nav{margin:8px 0 3px}/*!@.global-nav .nav-links ul*/.global-nav.sc-nano-global-nav .nav-links.sc-nano-global-nav ul.sc-nano-global-nav{margin:0;padding:0}/*!@.global-nav .nav-links li*/.global-nav.sc-nano-global-nav .nav-links.sc-nano-global-nav li.sc-nano-global-nav{list-style:none}/*!@.global-nav .login-btn*/.global-nav.sc-nano-global-nav .login-btn.sc-nano-global-nav{display:flex;align-items:center}/*!@.global-nav .menu-btn*/.global-nav.sc-nano-global-nav .menu-btn.sc-nano-global-nav{padding:9px var(--bar-item-spacing) 9px var(--bar-item-spacing)}/*!@.site-content*/.site-content.sc-nano-global-nav{display:flex;transition:min-height 0.2s ease;position:relative;z-index:auto;align-items:stretch;flex:1}/*!@.bars*/.bars.sc-nano-global-nav{color:var(--bar-text-color);z-index:var(--nano-layer-index-menubar, 10);position:relative;max-inline-size:100%;min-inline-size:100%;box-shadow:none;transition:0.2s ease box-shadow;display:flex;flex-wrap:wrap}/*!@[stuck] .bars*/[stuck].sc-nano-global-nav .bars.sc-nano-global-nav{box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15)}/*!@.bars::before*/.bars.sc-nano-global-nav::before{content:\"\";inline-size:100%;block-size:100%;z-index:-1;background:var(--bar-background);position:absolute}/*!@.main-bar*/.main-bar.sc-nano-global-nav{flex:1 1 100%;inline-size:-moz-fit-content;inline-size:fit-content;padding-inline:0 var(--bar-item-spacing);padding-block:var(--bar-vertical-padding);display:flex;align-items:center;justify-content:space-between;overflow-x:hidden}/*!@.main-bar:focus*/.main-bar.sc-nano-global-nav:focus{outline:none}/*!@:host(.ready) .main-bar*/.ready.sc-nano-global-nav-h .main-bar.sc-nano-global-nav{overflow-x:visible}/*!@.main-bar > *,\n.main-bar ::slotted(*)*/.main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.main-bar .sc-nano-global-nav-s>*{transition:opacity 0.2s ease}/*!@:host(:not(.ready)) .main-bar > *,\n:host(:not(.ready)) .main-bar ::slotted(*)*/.sc-nano-global-nav-h:not(.ready) .main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.sc-nano-global-nav-h:not(.ready) .main-bar .sc-nano-global-nav-s>*{opacity:0 !important}/*!@:host(.ready) .main-bar > *,\n:host(.ready) .main-bar ::slotted(*)*/.ready.sc-nano-global-nav-h .main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.sc-nano-global-nav-h.ready .main-bar .sc-nano-global-nav-s>*{opacity:1}/*!@:host(.resizing) .main-bar > *,\n:host(.resizing) .main-bar ::slotted(*)*/.resizing.sc-nano-global-nav-h .main-bar.sc-nano-global-nav>*.sc-nano-global-nav,.sc-nano-global-nav-h.resizing .main-bar .sc-nano-global-nav-s>*{opacity:0 !important}/*!@.main-bar > **/.main-bar.sc-nano-global-nav>*.sc-nano-global-nav{flex:0 0 auto}/*!@.main-bar > * ::slotted(nano-nav-item[slot=icon])*/.main-bar .sc-nano-global-nav-s>nano-nav-item[slot=icon]{margin-inline-start:11px}/*!@.main-bar > * ::slotted(nano-nav-item),\n.main-bar > * nano-nav-item*/.main-bar .sc-nano-global-nav-s>nano-nav-item,.main-bar.sc-nano-global-nav>*.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--color-hover:var(--bar-color-focus);--secondary-bg-color:var(--bar-dropdown-bg);--secondary-color:var(--bar-dropdown-text);--bg-color-open:var(--bar-background);--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;text-decoration:none !important}/*!@.main-bar .icon-btn*/.main-bar.sc-nano-global-nav .icon-btn.sc-nano-global-nav{margin-block:0 0;margin-inline-start:6px}/*!@:host(.threshold-2) .main-bar .icon-btn*/.threshold-2.sc-nano-global-nav-h .main-bar.sc-nano-global-nav .icon-btn.sc-nano-global-nav{margin-block:0 0;margin-inline-start:11px}/*!@.main-bar .menu-btn.icon-btn*/.main-bar.sc-nano-global-nav .menu-btn.icon-btn.sc-nano-global-nav{margin:0 !important;border-inline-end:1.5px solid var(--bar-color-shade)}/*!@.main-bar .logo*/.main-bar.sc-nano-global-nav .logo.sc-nano-global-nav{block-size:36px;inline-size:200px;min-inline-size:200px}/*!@:host(:not(.threshold-1)) .main-bar .logo*/.sc-nano-global-nav-h:not(.threshold-1) .main-bar.sc-nano-global-nav .logo.sc-nano-global-nav{block-size:30px}/*!@.main-bar .logo-link*/.main-bar.sc-nano-global-nav .logo-link.sc-nano-global-nav{margin-inline:0 0;padding-inline:var(--bar-item-spacing);display:flex;align-items:center;border:none}/*!@.main-bar .nav-links*/.main-bar.sc-nano-global-nav .nav-links.sc-nano-global-nav{flex:0 0 auto;display:flex;justify-content:space-around}/*!@.main-bar .nav-links ul*/.main-bar.sc-nano-global-nav .nav-links.sc-nano-global-nav ul.sc-nano-global-nav{display:flex;justify-content:space-around}/*!@.main-bar .nav-links ::slotted(nano-nav-item),\n.main-bar .nav-links nano-nav-item*/.main-bar .nav-links .sc-nano-global-nav-s>nano-nav-item,.main-bar.sc-nano-global-nav .nav-links.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;--margin:0 var(--bar-item-spacing)}/*!@.main-bar .nav-links--main*/.main-bar.sc-nano-global-nav .nav-links--main.sc-nano-global-nav{justify-content:flex-start;letter-spacing:1.5px;font-weight:600;text-transform:uppercase;font-size:1.065em;margin-inline-end:auto}/*!@.main-bar .nav-links--main ::slotted(nano-nav-item)*/.main-bar .nav-links--main .sc-nano-global-nav-s>nano-nav-item{--color:var(--bar-text-color);--padding-end:3px;--padding-start:0}/*!@.main-bar .nav-links--sub*/.main-bar.sc-nano-global-nav .nav-links--sub.sc-nano-global-nav{--color:var(--color, #e2e2e2);margin-inline-start:6px;justify-content:flex-end}/*!@.main-bar .login-btn*/.main-bar.sc-nano-global-nav .login-btn.sc-nano-global-nav{display:inline-block;border-radius:4px;background-color:var(--login-button-bg);color:var(--login-button-text);padding:3px 10px;position:relative;inset-inline-start:auto;inset-block-end:auto;margin-inline:11px 0}/*!@.main-bar .measure-ele*/.main-bar.sc-nano-global-nav .measure-ele.sc-nano-global-nav{min-inline-size:1px;display:block;margin:0;padding:0}/*!@.gn-menu*/.gn-menu.sc-nano-global-nav{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:-1;display:none;transition:z-index 0.01s ease 0.2s;block-size:100vh;inline-size:100vw;overflow-y:auto}/*!@:host(.threshold-4) .gn-menu*/.threshold-4.sc-nano-global-nav-h .gn-menu.sc-nano-global-nav{position:absolute;inline-size:calc(100vw - 20px)}/*!@.gn-menu.menu-full-screen*/.gn-menu.menu-full-screen.sc-nano-global-nav{inline-size:100vw !important}/*!@.gn-menu_wrap*/.gn-menu_wrap.sc-nano-global-nav{max-inline-size:92vw;inline-size:335px;background:var(--menu-background);color:var(--menu-text-color);padding:calc(var(--bar-vertical-padding) + 1px) 0 0;box-shadow:0 0 36px 0 rgba(0, 0, 0, 0.8);position:relative;pointer-events:all;margin-block-end:36px;opacity:0;outline:none;transition:transform 0.2s ease, opacity 0.2s ease;overflow:hidden}/*!@.gn-menu_wrap.has-promotion*/.gn-menu_wrap.has-promotion.sc-nano-global-nav{padding:var(--menu-padding) 0 0}/*!@.gn-menu.open*/.gn-menu.open.sc-nano-global-nav{z-index:var(--nano-layer-index-dropdown, 300);transition:z-index 0.01s ease}/*!@.gn-menu.open .gn-menu_wrap*/.gn-menu.open.sc-nano-global-nav .gn-menu_wrap.sc-nano-global-nav{opacity:1;transform:translate3d(0, 0, 0) !important;transition:transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s}/*!@.gn-menu_actions*/.gn-menu_actions.sc-nano-global-nav{padding-inline-end:calc(var(--menu-padding) / 2);display:flex;justify-content:space-between}/*!@.gn-menu_actions-counter*/.gn-menu_actions-counter.sc-nano-global-nav{background:#d0021b;color:var(--menu-text-color);position:absolute;inset-block-end:4px;inset-inline:auto 0;font-size:9px;block-size:14px;line-height:14px;inline-size:auto;min-inline-size:14px;border-radius:50%;box-sizing:border-box;text-align:center;text-indent:0}/*!@.gn-menu .content-wrap*/.gn-menu.sc-nano-global-nav .content-wrap.sc-nano-global-nav{position:relative;transition:0.2s ease min-height;min-block-size:190px}/*!@.gn-menu .content--sub*/.gn-menu.sc-nano-global-nav .content--sub.sc-nano-global-nav{padding:var(--menu-padding) 0 var(--menu-padding) 7px}/*!@.gn-menu .menu-btn*/.gn-menu.sc-nano-global-nav .menu-btn.sc-nano-global-nav{margin-inline-end:auto}/*!@.gn-menu .nav-links*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav{display:flex;flex-wrap:wrap}/*!@.gn-menu .nav-links ::slotted(nano-nav-item),\n.gn-menu .nav-links nano-nav-item*/.gn-menu .nav-links .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--icon-size:14px;--display:inline-block;--secondary-bg-color:#001a21;--padding-top:10px;--padding-bottom:10px;--padding-end:calc(var(--menu-padding) * 2);--padding-start:calc(var(--menu-padding) + 3px);--color:var(--menu-text-color);--color-hover:var(--menu-title-text);--bg-color-hover:transparent;--bg-color-focus:#002530;--focus-outline:none;inline-size:100%}/*!@.gn-menu .nav-links .user-nav*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav{--bg-color:var(--menu-user-panel-bg);--padding-top:9px;--padding-bottom:9px;font-weight:bold;margin:5px 0 0}/*!@.gn-menu .nav-links .user-nav ::slotted(nano-nav-item),\n.gn-menu .nav-links .user-nav nano-nav-item*/.gn-menu .nav-links .user-nav .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{font-weight:400;--bg-color:transparent}/*!@.gn-menu .nav-links .user-nav .content*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav .content.sc-nano-global-nav{padding:0;background-color:var(--menu-user-panel-bg)}/*!@.gn-menu .nav-links .user-nav .content--sub*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav .content--sub.sc-nano-global-nav{padding-inline:var(--menu-padding)}/*!@.gn-menu .nav-links .user-nav .back-btn*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .user-nav.sc-nano-global-nav .back-btn.sc-nano-global-nav{padding-inline-start:var(--menu-padding)}/*!@.gn-menu .nav-links_title*/.gn-menu.sc-nano-global-nav .nav-links_title.sc-nano-global-nav{margin:0 var(--menu-padding) 4px;border-block-end:1px solid var(--menu-hint-color);padding-block-end:8px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:600}/*!@.gn-menu .nav-links_title--sites*/.gn-menu.sc-nano-global-nav .nav-links_title--sites.sc-nano-global-nav{border-block-end:none}/*!@.gn-menu .nav-links-wrap*/.gn-menu.sc-nano-global-nav .nav-links-wrap.sc-nano-global-nav{margin:18px 0}/*!@.gn-menu .nav-links-wrap:last-child*/.gn-menu.sc-nano-global-nav .nav-links-wrap.sc-nano-global-nav:last-child{margin-block-end:0}/*!@.gn-menu .nav-links .back-btn*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .back-btn.sc-nano-global-nav{border-block-start:1px solid var(--menu-hint-color);border-block-end:1px solid var(--menu-hint-color);display:flex;align-items:center;padding:10px 11px 10px 0;inline-size:100%;font-size:12px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:600;cursor:pointer}/*!@.gn-menu .nav-links .back-btn:hover*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .back-btn.sc-nano-global-nav:hover{color:var(--menu-text-color)}/*!@.gn-menu .nav-links .back-btn nano-icon*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .back-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{margin-inline-end:10px;font-size:12px;color:var(--menu-icon-color)}/*!@.gn-menu .nav-links--sub*/.gn-menu.sc-nano-global-nav .nav-links--sub.sc-nano-global-nav{display:flex;flex-wrap:wrap}/*!@.gn-menu .nav-links--sub ::slotted(nano-nav-item),\n.gn-menu .nav-links--sub nano-nav-item*/.gn-menu .nav-links--sub .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links--sub.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{--border-bottom:none;--padding-end:var(--menu-padding);--padding-start:var(--menu-padding);--padding-top:8px;--padding-bottom:8px;margin:0;inline-size:50%;line-height:1.8}/*!@.gn-menu .nav-links--sites ::slotted(nano-nav-item),\n.gn-menu .nav-links--sites nano-nav-item*/.gn-menu .nav-links--sites .sc-nano-global-nav-s>nano-nav-item,.gn-menu.sc-nano-global-nav .nav-links--sites.sc-nano-global-nav nano-nav-item.sc-nano-global-nav{inline-size:100%}/*!@.gn-menu .nav-links .content*/.gn-menu.sc-nano-global-nav .nav-links.sc-nano-global-nav .content.sc-nano-global-nav{padding:8px var(--menu-padding)}/*!@.gn-menu .login-btn*/.gn-menu.sc-nano-global-nav .login-btn.sc-nano-global-nav{padding-inline:7px var(--menu-padding);padding-block:var(--menu-padding)}/*!@.gn-menu .login-btn nano-icon*/.gn-menu.sc-nano-global-nav .login-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{margin-inline-start:10px}/*!@.gn-menu .logout-btn*/.gn-menu.sc-nano-global-nav .logout-btn.sc-nano-global-nav{justify-content:flex-end}/*!@.gn-menu .logout-btn a*/.gn-menu.sc-nano-global-nav .logout-btn.sc-nano-global-nav a.sc-nano-global-nav{padding:0 5px}/*!@.mask*/.mask.sc-nano-global-nav{opacity:0;background:rgba(0, 0, 0, 0.3);position:fixed;inset-inline:0;inset-block-start:0;block-size:100vh;z-index:-1;transition:transform 0.2s ease, opacity 0.2s ease, visibility 0.01s ease 0.2s, z-index 0.01s ease 0.2s;visibility:hidden}/*!@.mask.open*/.mask.open.sc-nano-global-nav{opacity:1;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s;z-index:var(--nano-layer-index-mask, 10);visibility:visible}/*!@.search-btn::before*/.search-btn.sc-nano-global-nav::before{content:\"\";background-color:#0c5a71;block-size:9px;inset-inline:0 5px;inset-block-end:-20px;position:absolute;transform:translateZ(0) scaleX(0);transform-origin:0;transition:0.2s ease transform}/*!@.search-btn--open::before*/.search-btn--open.sc-nano-global-nav::before{transform:translateZ(0) scaleX(1);opacity:0.7}/*!@.search-bar*/.search-bar.sc-nano-global-nav{block-size:0;overflow:hidden;transition:0.2s ease height;padding:0 var(--bar-item-spacing);outline:none;max-inline-size:45em;margin-inline-start:auto;flex:1}/*!@.search-bar .search-widget*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav{margin:0;overflow:inherit;max-inline-size:none;max-block-size:none;min-inline-size:auto;padding-inline-end:0}/*!@.search-bar .search-widget .search-icon--search*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .search-icon--search.sc-nano-global-nav{display:none}/*!@.search-bar .search-widget .search-input*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .search-input.sc-nano-global-nav{--input-border-width:2px 0 0 0;--input-bg-color:#f3f3f3;--nano-input-border-color:transparent;--nano-input-border-color--focus:var(--bar-color-shade);font-size:1.1875em}/*!@.search-bar .search-widget nano-select.search-input*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav nano-select.search-input.sc-nano-global-nav{--input-border-width:2px 3px 0 0;--input-bg-color:var(--bar-color-shade);--input-bg-color--focus:#f3f3f3;color:#f3f3f3}/*!@.search-bar .search-widget nano-select.search-input.has-focus*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav nano-select.search-input.has-focus.sc-nano-global-nav{color:var(--bar-color-shade)}/*!@.search-bar .search-widget .select-input__arrow*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .select-input__arrow.sc-nano-global-nav{font-size:0.75em}/*!@.search-bar .search-widget .select__mask.sc-nano-select*/.search-bar.sc-nano-global-nav .search-widget.sc-nano-global-nav .select__mask.sc-nano-select.sc-nano-global-nav{line-height:2.35em;min-block-size:2.35em;padding-block-start:2px}/*!@.search-bar .search-inputs*/.search-bar.sc-nano-global-nav .search-inputs.sc-nano-global-nav{padding:0;margin:0}/*!@.search-bar .search-autocomplete*/.search-bar.sc-nano-global-nav .search-autocomplete.sc-nano-global-nav{inset-block-start:100%;inline-size:100%}/*!@.search-widget*/.search-widget.sc-nano-global-nav{padding-inline-end:var(--bar-item-spacing);margin-inline:var(--bar-item-spacing) auto;position:relative;flex:1 1 auto;max-inline-size:500px;min-inline-size:350px;max-block-size:36px;inset-block-start:-1px}/*!@.search-inputs*/.search-inputs.sc-nano-global-nav{display:flex;margin:0}/*!@.search-inputs input[type=submit]*/.search-inputs.sc-nano-global-nav input[type=submit].sc-nano-global-nav{display:none}/*!@.search-autocomplete*/.search-autocomplete.sc-nano-global-nav{position:absolute;inset-block-start:calc(100% + 15px);inline-size:calc(100% - var(--bar-item-spacing));inset-inline-start:0;background:white;border:2px solid var(--bar-color-tint);border-radius:0 0 5px 5px;color:#4a4a4a;padding-block:calc(var(--bar-vertical-padding) / 2) 1px;padding-inline:0 0;z-index:1}/*!@.search-autocomplete-hit*/.search-autocomplete-hit.sc-nano-global-nav{padding-block:calc(var(--bar-vertical-padding) / 4);padding-inline:var(--bar-item-spacing);inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:start;line-height:1.5;cursor:pointer}/*!@.search-autocomplete-hit-scope*/.search-autocomplete-hit-scope.sc-nano-global-nav{color:#a7b0b3;font-weight:600}/*!@.search-autocomplete-hit:hover, .search-autocomplete-hit:focus-visible*/.search-autocomplete-hit.sc-nano-global-nav:hover,.search-autocomplete-hit.sc-nano-global-nav:focus-visible{background-color:#e4e6e8}/*!@.search-autocomplete-hit:focus-visible*/.search-autocomplete-hit.sc-nano-global-nav:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}/*!@.search-autocomplete-hit:focus*/.search-autocomplete-hit.sc-nano-global-nav:focus{outline:none}/*!@.search-autocomplete-hit .search__highlight,\n.search-autocomplete-hit em*/.search-autocomplete-hit.sc-nano-global-nav .search__highlight.sc-nano-global-nav,.search-autocomplete-hit.sc-nano-global-nav em.sc-nano-global-nav{font-weight:bold;font-style:normal}/*!@.search-autocomplete-hit--no-result:hover, .search-autocomplete-hit--no-result:focus*/.search-autocomplete-hit--no-result.sc-nano-global-nav:hover,.search-autocomplete-hit--no-result.sc-nano-global-nav:focus{background:none !important}/*!@.search-autocomplete-foot*/.search-autocomplete-foot.sc-nano-global-nav{margin:7px 0 0}/*!@.search-autocomplete-submit*/.search-autocomplete-submit.sc-nano-global-nav{background:none;border:none;align-self:normal;padding:9px var(--bar-item-spacing) !important;cursor:pointer;display:flex;align-items:center;color:#007495;justify-content:flex-end;inline-size:100%;text-decoration:underline;border-block-start:1px solid #e8eaea}/*!@.search-autocomplete-submit:hover, .search-autocomplete-submit:focus*/.search-autocomplete-submit.sc-nano-global-nav:hover,.search-autocomplete-submit.sc-nano-global-nav:focus{background-color:#e4e6e8}/*!@nano-select.search-input*/nano-select.search-input.sc-nano-global-nav{--input-border-width:0 0 2px 0;--input-text-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--padding-end:var(--bar-item-spacing);--nano-input-border-color--focus:black;font-weight:600;letter-spacing:1.5px;font-size:1.2em;flex:0 1 auto;inline-size:auto;display:flex;align-items:center;flex-direction:column;position:relative;inset-inline-start:1px;text-transform:uppercase}/*!@:host(:not(.ready)) nano-select.search-input*/.sc-nano-global-nav-h:not(.ready) nano-select.search-input.sc-nano-global-nav{overflow:hidden;max-block-size:1em}/*!@nano-select.search-input .down-arrow*/nano-select.search-input.sc-nano-global-nav .down-arrow.sc-nano-global-nav{font-size:0.65em}/*!@nano-input.search-input*/nano-input.search-input.sc-nano-global-nav{--clear-btn-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--input-border-width:0 0 2px 0;--placeholder-color:var(--bar-text-color);--input-text-color:var(--bar-text-color);--padding-start:21px;--nano-input-border-color--focus:black;font-size:1.2em;inline-size:206px;display:flex;align-items:center;flex-direction:column;flex:1}/*!@:host(:dir(rtl)) nano-input.search-input*/.sc-nano-global-nav-h:dir(rtl) nano-input.search-input.sc-nano-global-nav{--input-border-radius:5px 0 0 5px}/*!@:host-context([dir=rtl]) nano-input.search-input*/[dir=rtl].sc-nano-global-nav-h nano-input.search-input.sc-nano-global-nav,[dir=rtl] .sc-nano-global-nav-h nano-input.search-input.sc-nano-global-nav{--input-border-radius:5px 0 0 5px}/*!@:host(:not(.ready)) nano-input.search-input*/.sc-nano-global-nav-h:not(.ready) nano-input.search-input.sc-nano-global-nav{overflow:hidden;max-block-size:1em}/*!@nano-input.search-input .search-icon*/nano-input.search-input.sc-nano-global-nav .search-icon.sc-nano-global-nav{background:none;padding:0 8px;display:none;font-size:0.9em}/*!@nano-input.search-input .search-icon--show*/nano-input.search-input.sc-nano-global-nav .search-icon--show.sc-nano-global-nav{display:flex !important}/*!@nano-input.search-input .search-icon--loader*/nano-input.search-input.sc-nano-global-nav .search-icon--loader.sc-nano-global-nav{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}/*!@nano-input.search-input .search-icon nano-icon*/nano-input.search-input.sc-nano-global-nav .search-icon.sc-nano-global-nav nano-icon.sc-nano-global-nav{block-size:1.4em}/*!@.user-profile*/.user-profile.sc-nano-global-nav{display:flex;justify-content:space-between;align-items:center;padding:2em;background-color:var(--menu-user-profile-bg)}/*!@.user-profile .left*/.user-profile.sc-nano-global-nav .left.sc-nano-global-nav{display:flex;align-items:center}/*!@.user-profile .avatar-container*/.user-profile.sc-nano-global-nav .avatar-container.sc-nano-global-nav{position:relative}/*!@.user-profile .avatar-container img.avatar*/.user-profile.sc-nano-global-nav .avatar-container.sc-nano-global-nav img.avatar.sc-nano-global-nav{border-radius:50px}/*!@.user-profile .avatar-container img.logo-small*/.user-profile.sc-nano-global-nav .avatar-container.sc-nano-global-nav img.logo-small.sc-nano-global-nav{position:absolute;block-size:30px;inline-size:30px;inset-block-end:0;inset-inline-end:0;background-color:#27586e;border-radius:10px;padding:5px}/*!@.user-profile .user-details*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav{display:flex;flex-direction:column;margin:0 1.25em;color:white}/*!@.user-profile .user-details .name*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav .name.sc-nano-global-nav{font-size:1.25em}/*!@.user-profile .user-details .bio*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav .bio.sc-nano-global-nav{margin:0.5em 0}/*!@.user-profile .user-details .kudos span*/.user-profile.sc-nano-global-nav .user-details.sc-nano-global-nav .kudos.sc-nano-global-nav span.sc-nano-global-nav{background-color:#81c7eb;color:#415958;padding:0.25em;border-radius:0.5em;font-weight:bold}/*!@.user-profile .chevron-right*/.user-profile.sc-nano-global-nav .chevron-right.sc-nano-global-nav{font-size:1.5em;color:white}/*!@.user-links*/.user-links.sc-nano-global-nav{position:relative}/*!@.user-links .icon-btn*/.user-links.sc-nano-global-nav .icon-btn.sc-nano-global-nav{padding-inline-end:0;font-weight:400;padding:7px}/*!@.user-links .icon-btn nano-icon*/.user-links.sc-nano-global-nav .icon-btn.sc-nano-global-nav nano-icon.sc-nano-global-nav{margin-inline-start:5px;inline-size:16px;block-size:16px;transform-origin:center;transition:transform 0.2s ease, color 0.2s ease}/*!@.user-links .icon-btn.open nano-icon*/.user-links.sc-nano-global-nav .icon-btn.open.sc-nano-global-nav nano-icon.sc-nano-global-nav{transform:rotate(180deg);color:#007495}/*!@.user-links-panel*/.user-links-panel.sc-nano-global-nav{display:none;position:absolute;border-radius:4px 0 4px 4px;box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);background-color:#568c9d;opacity:0;transform:translate3d(0, 30px, 0);transition:transform 0.2s ease, opacity 0.2s ease;inset-inline-end:0;min-inline-size:318px;z-index:2}/*!@.user-links-panel:focus*/.user-links-panel.sc-nano-global-nav:focus{outline:none}/*!@.user-links-panel.show*/.user-links-panel.show.sc-nano-global-nav{opacity:1;transform:translate3d(0, calc(var(--padding) + 1px), 0)}/*!@.user-links-panel-content*/.user-links-panel-content.sc-nano-global-nav{padding:0 18px;display:flex;flex-direction:column;color:white}/*!@.user-links-panel-content a*/.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav{padding:11px 0;border-block-end:#669dac 1px solid}/*!@.user-links-panel-content a:hover, .user-links-panel-content a:focus*/.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav:hover,.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav:focus{color:#455556}/*!@.user-links-panel-content a:last-child*/.user-links-panel-content.sc-nano-global-nav a.sc-nano-global-nav:last-child{border-block-end:none}/*!@.user-links-panel-foot*/.user-links-panel-foot.sc-nano-global-nav{background-color:#aac5cd;border-radius:0 0 4px 4px;padding:var(--padding);color:#455556;display:flex;align-items:center;font-weight:400;justify-content:space-between}/*!@.user-links-panel-foot a:hover*/.user-links-panel-foot.sc-nano-global-nav a.sc-nano-global-nav:hover{text-decoration:underline}/*!@.user-links-panel .user-profile*/.user-links-panel.sc-nano-global-nav .user-profile.sc-nano-global-nav{background-color:var(--bar-user-panel-bg)}/*!@:host*/.sc-nano-global-nav-h{--bar-vertical-padding:21px;--bar-item-spacing:13px;--bar-background:white;--bar-text-color:#196c82;--bar-color-shade:rgb(12 90 113);--bar-color-tint:rgb(19 89 111);--bar-color-focus:#99a3a6;--bar-user-panel-bg:#016d86;--bar-dropdown-bg:#196c82;--bar-dropdown-text:white;--menu-background:#001a21;--menu-text-color:white;--menu-user-profile-bg:#001a21;--menu-user-panel-bg:#193037;--menu-padding:12px;--menu-hint-color:#33484d;--menu-title-text:#90c6e7;--menu-icon-color:white;--login-button-bg:#17bb75;--login-button-text:white;--padding:12px;--padding-top:var(--padding);--padding-end:var(--padding);--padding-bottom:var(--padding);--padding-start:var(--padding);display:flex;flex-direction:column;position:relative;line-height:1.5;block-size:100%;font-size:0.9375em;font-size:clamp(0.77rem, 1vw, 0.9rem)}/*!@:host input,\n:host select,\n:host button*/.sc-nano-global-nav-h input.sc-nano-global-nav,.sc-nano-global-nav-h select.sc-nano-global-nav,.sc-nano-global-nav-h button.sc-nano-global-nav{font-family:inherit;-webkit-appearance:none;appearance:none;font-size:inherit}/*!@:host a:focus,\n:host button:focus*/.sc-nano-global-nav-h a.sc-nano-global-nav:focus,.sc-nano-global-nav-h button.sc-nano-global-nav:focus{outline:none}/*!@:host a:focus-visible,\n:host button:focus-visible*/.sc-nano-global-nav-h a.sc-nano-global-nav:focus-visible,.sc-nano-global-nav-h button.sc-nano-global-nav:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}";
 
 // the 'breakpoints' where different segments of content go into or out-of the burger / overflow menu
 const THRESHOLDBREAKS = {
@@ -17289,7 +17289,6 @@ const THRESHOLDLIMIT = Object.keys(THRESHOLDBREAKS).length;
  * @part burger-menu - the overflow / burger menu
  * @part burger-actions-bar - the top bar of the overflow / burger menu
  * @part burger-content - the main content area of the overflow / burger menu
- * @part sticker - the `nano-sticker` wrapping the main nav-bar
  * @part bars - the main wrapper around the `main-bar` and `search-bar` nav bars
  * @part main-bar - the main nav menu bar
  * @part logo-link - the link wrapping the logo
@@ -17419,7 +17418,6 @@ class GlobalNav {
       this.searchBarEl.style.height = '0px';
     };
     this.onSearchBarHidden = () => {
-      this.searchBarEl.removeEventListener('transitionend', this.onSearchBarHidden);
       this.searchBarEl.style.display = 'none';
     };
     this.onSearchInput = (ev) => {
@@ -17910,12 +17908,13 @@ class GlobalNav {
     if (!this.searchBarEl)
       return;
     this.searchBarShown = true;
+    this.searchBarEl.removeEventListener('transitionend', this.onSearchBarHidden);
     this.searchBarEl.addEventListener('transitionend', this.onSearchBarShown);
     this.searchBarEl.style.display = 'block';
-    setTimeout(() => {
+    requestAnimationFrame(() => {
       const widgetHeight = Math.floor(this.searchBarEl.querySelector('.search-widget').scrollHeight) - 1;
       this.searchBarEl.style.height = widgetHeight.toString() + 'px';
-    }, 50);
+    });
   }
   // Algolia search
   autocompleteSnippet(hit) {
@@ -18186,7 +18185,7 @@ class GlobalNav {
       (this.loggedInNavItms.length || this.hasLoggedinSlot) && (hAsync("nav", { class: "nav-links", "aria-label": "Your user account links" }, hAsync("nano-nav-item", { class: "nano-global-nav user-nav nano-global-nav-menu", closeOnBlur: false }, this.myAccountUser.name, hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), hAsync("div", { slot: "secondary" }, hAsync("div", { class: "content" }, hAsync("button", { class: "back-btn", onClick: this.subMenuClose }, hAsync("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back", role: "img" }), this.myAccountUser.name), !!this.myAccountUser?.small_avatar_url && (hAsync("nano-global-nav-user-profile", { myAccountUser: this.myAccountUser, userProfileUrl: this.userProfileUrl })), hAsync("div", { class: "content--sub" }, hAsync("slot", { name: "loggedin", onSlotchange: this.assessSlottedContent }), this.loggedInNavItms.map((link) => {
       return (hAsync("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, hAsync("a", { href: link.address, target: link.target }, link.title)));
     }), hAsync("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, hAsync("a", { href: this.myAccData.urls.forgot_password +
-        this.ssoRedirect }, "Change Password")))))))), hAsync("slot", { name: "promotion", onSlotchange: this.assessSlottedContent }), this.myAccData && this.myAccData.urls.logout && (hAsync("div", { class: "login-btn logout-btn" }, hAsync("a", { href: this.myAccData.urls.logout + this.ssoRedirect }, "Logout")))))), hAsync("div", { class: "sticker-trigger" }), hAsync("nano-sticker", { "auto-resize": "false", "break-point-max": "800", quietMode: { h: 600, w: 800 }, part: "sticker" }, hAsync("div", { class: "bars", part: "bars" }, hAsync("nav", { part: "main-bar", class: "main-bar", "aria-label": "Main site navigation", tabindex: "-1", ref: (div) => (this.mainBarDiv = div) }, (this.hasPromotionSlot ||
+        this.ssoRedirect }, "Change Password")))))))), hAsync("slot", { name: "promotion", onSlotchange: this.assessSlottedContent }), this.myAccData && this.myAccData.urls.logout && (hAsync("div", { class: "login-btn logout-btn" }, hAsync("a", { href: this.myAccData.urls.logout + this.ssoRedirect }, "Logout")))))), hAsync("div", { class: "bars", part: "bars" }, hAsync("nav", { part: "main-bar", class: "main-bar", "aria-label": "Main site navigation", tabindex: "-1", ref: (div) => (this.mainBarDiv = div) }, (this.hasPromotionSlot ||
       !!this.overflowSlotLen ||
       ((this.myAccData || !!this.iconSlotLen) &&
         this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.icon) ||
@@ -18239,7 +18238,7 @@ class GlobalNav {
         'search-bar': true,
         show: this.searchBarShown,
       }, "aria-expanded": this.searchBarShown ? 'true' : 'false', role: "region", tabindex: "-1", ref: (div) => (this.searchBarEl = div), part: "search-bar" }, hAsync("div", { class: "search-widget" }, this.showSearch && !!this.internalSearchIndeces.length && (hAsync("div", null, searchWidget)), (!this.showSearch || !this.myAccData) &&
-      !!this.searchSlotLen && (hAsync("slot", { name: "search", onSlotchange: this.assessSlottedContent }))))))), (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login ||
+      !!this.searchSlotLen && (hAsync("slot", { name: "search", onSlotchange: this.assessSlottedContent })))))), (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login ||
       this.menuFullScreen) && (hAsync("div", { class: {
         mask: true,
         open: this.modalOpen,
@@ -18624,6 +18623,10 @@ class GlobalSearchResults {
       tag.addEventListener('click', this.tagClick);
     });
   }
+  /** Manually close the search panel */
+  async closeSearch() {
+    this.goback();
+  }
   changeOrder(ev) {
     this.algoliaEle.replicaIndex = ev.detail.value;
   }
@@ -19069,7 +19072,8 @@ class GlobalSearchResults {
       "currentWidth": [32],
       "apiKey": [32],
       "appId": [32],
-      "index": [32]
+      "index": [32],
+      "closeSearch": [64]
     },
     "$listeners$": [[16, "nanoSearchReset", "handleGlobalNavReset"], [16, "nanoSearchResult", "handleGlobalNavSearch"], [0, "nanoChange", "handleReorder"], [0, "nanoResultsShown", "attachListeners"], [16, "nanoNewResults", "attachResultListeners"]],
     "$lazyBundleId$": "-",
@@ -23483,6 +23487,92 @@ const valueToRatio = (value, min, max) => {
   return clamp(0, (value - min) / (max - min), 1);
 };
 
+/**
+ * A simple component to show more or less elements.
+ *
+ * @slot less - a button displayed when all fewer are shown. When clicked will show elements
+ * @slot more - a button displayed when all items are shown. When clicked will hide elements
+ * @slot - default slot displaying children elements to show or hide
+ *
+ * @part button-wrapper - wraps the 'more' / 'less' buttons
+ * @part button-wrapper--more - wraps the 'more' button
+ * @part button-wrapper--less - wraps the 'less' button
+ */
+class Rating$1 {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.slottedElements = [];
+    this.show = false;
+    this.childrenSelector = undefined;
+    this.maxToShow = 3;
+    this.noHideBtn = false;
+  }
+  get children() {
+    if (this.childrenSelector)
+      return this.host.querySelectorAll(this.childrenSelector);
+    return this.host.__children.length
+      ? this.host.__children
+      : this.host.children;
+  }
+  handleShowHideElements() {
+    this.slottedElements.forEach((ele, i) => {
+      if (this.show) {
+        if (ele.style.display === 'none') {
+          ele.style.display = '';
+        }
+      }
+      else if (i >= this.maxToShow && !ele.hasAttribute('slot')) {
+        ele.style.display = 'none';
+      }
+    });
+  }
+  slotChangeObserver() {
+    return;
+  }
+  processSlottedContent() {
+    const elements = Array.from(this.children);
+    console.log(elements);
+    const diff = elements.filter((x) => !this.slottedElements.includes(x));
+    if (diff?.length)
+      this.slottedElements = elements;
+  }
+  handleClick(_e) {
+    this.show = !this.show;
+  }
+  componentDidLoad() {
+    this.slotChangeObserver();
+  }
+  connectedCallback() {
+    this.processSlottedContent();
+  }
+  disconnectedCallback() {
+  }
+  render() {
+    return (hAsync(Host, null, hAsync("slot", null), hAsync("div", { style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, hAsync("slot", { name: "less" }, hAsync("button", null, "Show more (+", this.slottedElements.length - this.maxToShow, ")"))), !this.noHideBtn && (hAsync("div", { style: { display: this.show ? 'contents' : 'none' }, class: "button-wrapper", part: "button-wrapper button-wrapper--more", onClick: (e) => this.handleClick(e) }, hAsync("slot", { name: "more" }, hAsync("button", null, "Show less (-", this.slottedElements.length - this.maxToShow, ")"))))));
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "slottedElements": ["handleShowHideElements"],
+    "maxToShow": ["handleShowHideElements"],
+    "show": ["handleShowHideElements"]
+  }; }
+  static get style() { return ".sc-nano-more-less-h { display: contents; }"; }
+  static get cmpMeta() { return {
+    "$flags$": 6,
+    "$tagName$": "nano-more-less",
+    "$members$": {
+      "show": [1540],
+      "childrenSelector": [1, "children-selector"],
+      "maxToShow": [2, "max-to-show"],
+      "noHideBtn": [4, "no-hide-btn"],
+      "slottedElements": [32]
+    },
+    "$listeners$": undefined,
+    "$lazyBundleId$": "-",
+    "$attrsToReflect$": [["show", "show"]]
+  }; }
+}
+
 const ratingCss = ".sc-nano-rating-h{box-sizing:border-box}*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{box-sizing:border-box}[hidden].sc-nano-rating{display:none !important}.sc-nano-rating-h{--symbol-color:#b5aea7;--symbol-color-active:#f5cc49;--symbol-spacing:0.25rem;--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));display:inline-block}.rating-wrap.sc-nano-rating{position:relative;margin-block:0 0;margin-inline:calc(var(--symbol-spacing) * -1) calc(var(--symbol-spacing) * -1)}.rating.sc-nano-rating{position:relative;border-radius:5px;vertical-align:middle;inline-size:100%;transition:box-shadow 0.15s ease}.rating.sc-nano-rating:focus{outline:none}.rating.focus-visible.sc-nano-rating:focus{box-shadow:var(--focus-shadow)}.rating__symbols.sc-nano-rating{display:flex;align-items:center;position:relative;font-size:var(--symbol-size);color:var(--symbol-color);white-space:nowrap;cursor:pointer;line-height:0;justify-content:space-between}.rating__symbols--inactive.sc-nano-rating .rating__symbol.sc-nano-rating>.sc-nano-rating:not(nano-icon){background-color:currentcolor !important}.rating__symbols.sc-nano-rating>*.sc-nano-rating{margin:var(--symbol-spacing)}.rating__symbols--indicator.sc-nano-rating{position:absolute;inset-block-start:0;inset-inline-start:0;color:var(--symbol-color-active);pointer-events:none;inline-size:100%}.rating__symbol.sc-nano-rating{transition:0.2s transform;text-align:center}.rating__symbol--hover.sc-nano-rating{transform:scale(1.2)}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:default}.rating--disabled.sc-nano-rating .rating__symbol.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbol.sc-nano-rating{transform:none !important}.rating--disabled.sc-nano-rating{opacity:0.5}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:not-allowed}";
 
 /**
@@ -29274,7 +29364,9 @@ class Sticker {
   }
   bootstrapGurantor() {
     this.hasBootstrapped = true;
-    this.scrollParent = this.scrollParent || findScrollParent(this.host);
+    const scrollParent = this.scrollParent || findScrollParent(this.host);
+    this.scrollParent =
+      scrollParent === document.documentElement ? document : scrollParent;
     this.isRootSticker = this.scrollParent instanceof Document;
     this.trigger = this.trigger || document.createElement('div');
     this.trigger.innerHTML = '&nbsp;';
@@ -31238,7 +31330,6 @@ function cellRender(rowIndex, colIndex) {
     // template result is jsx *not* from Stencil.
     // Render it now and output it later.
     const templateEle = document.createElement('template');
-    // @ts-expect-error
     const result = tableInstance.customRenderer(tplResult, templateEle.content);
     // custom rendering can render to the templateEle OR return a promise<string>
     tplResult = result && result['then'] ? result : templateEle;
@@ -32811,6 +32902,7 @@ registerComponents([
   OverflowNav,
   ProgressBar,
   Range,
+  Rating$1,
   Rating,
   ResizeObserve,
   Select,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "6.7.0",
+  "version": "6.8.1",
   "repository": {
     "type": "git",
     "url": "https://git.oxfordnanolabs.local/Digital/nano-components"
@@ -129,7 +129,7 @@
     "nanopore",
     "digital"
   ],
-  "gitHead": "e634569dc92b4730420be61becfebcdee51fa23f",
+  "gitHead": "0d82a60ff89be311389ec9409d2b267480daf5ad",
   "volta": {
     "node": "18.14.0"
   }