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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "8.0.0-alpha.0",
+  "version": "8.0.0-alpha.2",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -60,7 +60,7 @@
     "smart-array-filter": "^4.0.2",
     "stencil-wormhole": "3.2.1",
     "tyqs": "^0.1.3",
-    "@nanoporetech-digital/style": "8.0.0-alpha.0"
+    "@nanoporetech-digital/style": "8.0.0-alpha.2"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.22.1",
@@ -70,7 +70,7 @@
     "@stencil-community/eslint-plugin": "^0.10.0",
     "@stencil-community/postcss": "^2.2.0",
     "@stencil-community/web-types-output-target": "^1.0.3",
-    "@stencil/core": "~4.35.1",
+    "@stencil/core": "latest",
     "@stencil/react-output-target": "^0.3.1",
     "@stencil/sass": "3.0.12",
     "@stencil/vue-output-target": "^0.6.2",

package/dist/nano-components/form-control-DXPQniNX.js

@@ -1,4 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-import{h as l}from"./renderer-LJzCFyMt.js";const r=({label:r,hasLabelSlot:a,controlId:e,labelId:o,floatLabel:t,placeholder:s,alwaysShowPlaceholder:c,hideLabel:n,hasValue:i,rtl:_,showCharCount:m,maxlength:d,charCount:h})=>{if(r||a)return t?l("label",{class:"form-ctrl__float-label",htmlFor:e,id:o},l("slot",{name:"label"},r),m&&l("span",{class:"form-ctrl__label-charcount"},d?` ${h}/${d}`:` ${h}`)):l("label",{class:{"form-ctrl__label":!0,"visually-hide":n},htmlFor:e,id:o},l("div",{class:"form-ctrl__label-wrap"},s&&c&&i&&_&&l("span",{class:"form-ctrl__label-placeholder"},s," / "),l("span",{class:"form-ctrl__labeltext"},l("slot",{name:"label"},r)),s&&c&&i&&!_&&l("span",{class:"form-ctrl__label-placeholder"}," / ",s)),m&&l("span",{class:"form-ctrl__label-charcount"},d?d-h+" left":h+" characters"))},a=(a,e)=>{const{rtl:o,floatLabel:t,label:s,moreId:c,helperEndId:n,type:i,hasHelperSlot:_,showInlineError:m,errorMessage:d,hasHelperEndSlot:h}=a;return l("div",{class:{"form-ctrl":!0,"has-label":null!==s&&!t,"has-float-label":null!==s&&t,"has-helper-end":h,rtl:o,[a.class]:!0}},l("div",{class:"form-ctrl__wrapper"},t?"":r({...a}),l("div",{class:{"form-ctrl__input":!0,"form-ctrl__textarea":"textarea"===i}},t&&r({...a,rtl:o}),e),(m||_)&&l("div",{class:"form-ctrl__more",id:c},m&&l("div",{class:"form-ctrl__error","aria-live":"polite"},d),l("div",{class:"form-ctrl__helper"},l("slot",{name:"helper"})))),h&&l("div",{class:"form-ctrl__helper-end",id:n},l("slot",{name:"helper-end"})))},e=(r,a)=>{const{ref:e,onClearText:o,clearControl:t,readonly:s,disabled:c,control:n,endSlot:i,endValueSlot:_,startSlot:m,showInlineError:d}=r,h=()=>{n.setFocus()};return l("div",{class:"form-ctrl__input-wrap",ref:l=>{e&&e(l)}},l("span",{class:"form-ctrl__slot-start"},l("slot",{name:"start"}),m),a,t&&!s&&!c&&l("button",{type:"button",class:"icon form-ctrl__clear-btn",tabindex:"-1",onTouchStart:o,onMouseDown:o},l("nano-icon",{name:"light/xmark",role:"img",ariaLabel:"Clear content"})),d&&l("div",{onClick:h,class:"form-ctrl__validation-icon"},l("nano-icon",{name:"solid/circle-xmark",class:"form-ctrl__error-icon"}),l("nano-icon",{name:"solid/circle-check",class:"form-ctrl__success-icon"})),l("span",{class:"form-ctrl__slot-value-end",onClick:h},l("slot",{name:"value-end"}),_),l("span",{class:"form-ctrl__slot-end"},l("slot",{name:"end"}),i))};export{a as F,e as a}

package/dist/nano-components/index-CFYZ-ZOT.js

@@ -1,5 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-const n="nano-components",a=async()=>{if(globalThis.window&&"MutationObserver"in globalThis.window&&globalThis.document){const n=document.documentElement;window.addEventListener("appload",(()=>{n.classList.add("hydrated")}));const a=()=>!!n.classList.contains("hydrated")&&(n.dispatchEvent(new CustomEvent("nanoComponentsReady")),!0);if(!a()){let o=new MutationObserver((()=>{a()&&(o.disconnect(),o=null)}));o.observe(n,{childList:!1,subtree:!1,attributes:!0})}}};var o=Object.defineProperty,e={isServer:!1},t=(n=>(n.Undefined="undefined",n.Null="null",n.String="string",n.Number="number",n.SpecialNumber="number",n.Boolean="boolean",n.BigInt="bigint",n))(t||{}),r=(n=>(n.Array="array",n.Date="date",n.Map="map",n.Object="object",n.RegularExpression="regexp",n.Set="set",n.Channel="channel",n.Symbol="symbol",n))(r||{}),i="type",l="value",s="serialized:",c=(n,a)=>{var o;Object.entries(null!=(o=a.t.o)?o:{}).map((([o,[e]])=>{if(31&e||32&e){const e=n[o],t=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(n),o);Object.defineProperty(n,o,{get(){return t.get.call(this)},set(n){t.set.call(this,n)},configurable:!0,enumerable:!0}),n[o]=a.i.has(o)?a.i.get(o):e}}))},d=n=>{if(n.__stencil__getHostRef)return n.__stencil__getHostRef()},v=(n,a)=>{n.__stencil__getHostRef=()=>a,a.l=n,c(n,a)},b=(n,a)=>a in n,g=(n,a)=>(0,console.error)(n,a),p=new Map,h=new Map,m="s-id",u="sty-id",f="c-id",w="slot-fb{display:contents}slot-fb[hidden]{display:none}",y="http://www.w3.org/1999/xlink",k="undefined"!=typeof window?window:{},x=k.HTMLElement||class{},z={v:0,p:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,a,o,e)=>n.addEventListener(a,o,e),rel:(n,a,o,e)=>n.removeEventListener(a,o,e),ce:(n,a)=>new CustomEvent(n,a)},$=n=>Promise.resolve(n),_=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),j=!1,S=[],O=[],N=(n,a)=>o=>{n.push(o),j||(j=!0,a&&4&z.v?E(L):z.raf(L))},C=n=>{for(let a=0;a<n.length;a++)try{n[a](performance.now())}catch(n){g(n)}n.length=0},L=()=>{C(S),C(O),(j=S.length>0)&&z.raf(L)},E=n=>$().then(n),M=N(S,!1),R=N(O,!0),T=n=>{const a=new URL(n,z.p);return a.origin!==k.location.origin?a.href:a.pathname},B=n=>"object"==(n=typeof n)||"function"===n;function I(n){var a,o,e;return null!=(e=null==(o=null==(a=n.head)?void 0:a.querySelector('meta[name="csp-nonce"]'))?void 0:o.getAttribute("content"))?e:void 0}var A=class n{static fromLocalValue(a){const o=a[i],e=l in a?a[l]:void 0;switch(o){case"string":case"boolean":return e;case"bigint":return BigInt(e);case"undefined":return;case"null":return null;case"number":return"NaN"===e?NaN:"-0"===e?-0:"Infinity"===e?1/0:"-Infinity"===e?-1/0:e;case"array":return e.map((a=>n.fromLocalValue(a)));case"date":return new Date(e);case"map":const a=new Map;for(const[o,t]of e){const e="object"==typeof o&&null!==o?n.fromLocalValue(o):o,r=n.fromLocalValue(t);a.set(e,r)}return a;case"object":const t={};for(const[a,o]of e)t[a]=n.fromLocalValue(o);return t;case"regexp":const{pattern:r,flags:i}=e;return RegExp(r,i);case"set":const l=new Set;for(const a of e)l.add(n.fromLocalValue(a));return l;case"symbol":return Symbol(e);default:throw Error("Unsupported type: "+o)}}static fromLocalValueArray(a){return a.map((a=>n.fromLocalValue(a)))}static isLocalValueObject(n){if("object"!=typeof n||null===n)return!1;if(!n.hasOwnProperty(i))return!1;const a=n[i];return!!Object.values({...t,...r}).includes(a)&&("null"===a||"undefined"===a||n.hasOwnProperty(l))}};((n,a)=>{for(var e in a)o(n,e,{get:a[e],enumerable:!0})})({},{err:()=>F,map:()=>U,ok:()=>P,unwrap:()=>D,unwrapErr:()=>W});var P=n=>({isOk:!0,isErr:!1,value:n}),F=n=>({isOk:!1,isErr:!0,value:n});function U(n,a){if(n.isOk){const o=a(n.value);return o instanceof Promise?o.then((n=>P(n))):P(o)}if(n.isErr)return F(n.value);throw"should never get here"}var D=n=>{if(n.isOk)return n.value;throw n.value},W=n=>{if(n.isErr)return n.value;throw n.value};function V(){const n=this.attachShadow({mode:"open"});if(_){const a=new CSSStyleSheet;a.replaceSync(':host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:where(nano-footer, .nano-footer) h1, :where(nano-footer, .nano-footer) h2, :where(nano-footer, .nano-footer) h3, :where(nano-footer, .nano-footer) h4, :where(nano-footer, .nano-footer) h5, :where(nano-footer, .nano-footer) h6 {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-medium);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-normal);\n  margin: var(--header-margin);\n}\n\n@layer components {\n  .nano-toast-stack {\n    position: fixed;\n    z-index: var(--nano-z-index-modal);\n    inline-size: 28rem;\n    max-inline-size: 100%;\n    max-block-size: 100%;\n  }\n  .nano-toast-stack--tr {\n    inset-block-start: 0;\n    inset-inline-end: 0;\n  }\n  .nano-toast-stack--tl {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n  }\n  .nano-toast-stack--br {\n    inset-block-end: 0;\n    inset-inline-end: 0;\n  }\n  .nano-toast-stack--bl {\n    inset-block-end: 0;\n    inset-inline-start: 0;\n  }\n}\n@layer components {\n  .nano-sortable__placeholder {\n    opacity: 0;\n  }\n  .nano-sortable__dragged {\n    opacity: 0.6;\n    cursor: grabbing !important;\n    box-shadow: var(--nano-shadow-l2);\n    z-index: 1;\n    position: relative;\n  }\n  .nano-sortable__keyboard-handle {\n    background: var(--nano-color-base-0);\n  }\n  .nano-sortable__handle-dragged {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-cta {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-blue-cerulean-1000);\n    --bg-hover: var(--nano-color-blue-cerulean-1100);\n    --bg-active: var(--nano-color-blue-cerulean-1200);\n    --border: 1px solid var(--bg);\n    --icon-size: 1em;\n    --padding-v: 0.4375em;\n    --padding-h: 1.125em;\n    --spinner-size: 1em;\n    --font-size: var(--nano-font-size-small);\n    --line-height: var(--nano-line-height-normal);\n    --gap: var(--nano-spacing-sm);\n    --icon-display: none;\n    --loading-display: none;\n    --loading-opacity: 0;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 1;\n    display: contents;\n  }\n  nano-cta:has(.nano-internal-cta) {\n    display: inline-block;\n  }\n  nano-cta:dir(rtl) {\n    --flip-icon-ltr: 1;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta[group=balanced] {\n    display: inline-grid;\n    grid-auto-flow: column;\n    grid-auto-columns: 1fr;\n    gap: var(--gap);\n  }\n  nano-cta[group=balanced] a,\n  nano-cta[group=balanced] button {\n    justify-content: space-evenly;\n  }\n  nano-cta[group=stacked] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gap);\n  }\n  nano-cta[secondary]:not([secondary=false]),\n  nano-cta :is([secondary]):not([secondary=false]) {\n    --color: var(--nano-color-primary-1100);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-primary-100);\n    --bg-active: var(--nano-color-primary-300);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[theme=success],\n  nano-cta :is([theme=success]) {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-success-1000);\n    --bg-hover: var(--nano-color-success-1100);\n    --bg-active: var(--nano-color-success-1200);\n    --border: 1px solid var(--bg);\n  }\n  nano-cta[theme=success][secondary]:not([secondary=false]),\n  nano-cta :is([theme=success][secondary]):not([secondary=false]) {\n    --color: var(--nano-color-success-1100);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-success-75);\n    --bg-active: var(--nano-color-success-200);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[theme=danger],\n  nano-cta :is([theme=danger]) {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-danger-1000);\n    --bg-hover: var(--nano-color-danger-1100);\n    --bg-active: var(--nano-color-danger-1200);\n    --border: 1px solid var(--bg);\n  }\n  nano-cta[theme=danger][secondary]:not([secondary=false]),\n  nano-cta :is([theme=danger][secondary]):not([secondary=false]) {\n    --color: var(--nano-color-danger-1200);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-danger-300);\n    --bg-active: var(--nano-color-danger-400);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[theme=warning],\n  nano-cta :is([theme=warning]) {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-warning-1000);\n    --bg-hover: var(--nano-color-warning-1100);\n    --bg-active: var(--nano-color-warning-1200);\n    --border: 1px solid var(--bg);\n  }\n  nano-cta[theme=warning][secondary]:not([secondary=false]),\n  nano-cta :is([theme=warning][secondary]):not([secondary=false]) {\n    --color: var(--nano-color-warning-1100);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-warning-200);\n    --bg-active: var(--nano-color-warning-300);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[size=medium],\n  nano-cta :is([size=medium]) {\n    --font-size: var(--nano-font-size-xs);\n    --line-height: var(--nano-line-height-dense);\n    --gap: var(--nano-spacing-xs);\n  }\n  nano-cta[size=small],\n  nano-cta :is([size=small]) {\n    --font-size: var(--nano-font-size-2xs);\n    --line-height: var(--nano-line-height-denser);\n    --gap: var(--nano-spacing-xs);\n    --padding-h: 1em;\n    --padding-v: 0.5em;\n  }\n  nano-cta:is([loading], [loading=true]):not([loading=false]),\n  nano-cta :is([loading], [loading=true]):not([loading=false]) {\n    --text-color: transparent !important;\n    --loading-display: block;\n    --loading-opacity: 1;\n    --bg-hover: var(--bg);\n    --bg-active: var(--bg);\n    cursor: wait;\n  }\n  nano-cta:is([loading], [loading=true]):not([loading=false]) a,\n  nano-cta:is([loading], [loading=true]):not([loading=false]) button,\n  nano-cta :is([loading], [loading=true]):not([loading=false]) a,\n  nano-cta :is([loading], [loading=true]):not([loading=false]) button {\n    --text-color: transparent !important;\n    cursor: wait;\n  }\n  nano-cta :is(button[disabled], button[disabled=true]):not(button[disabled=false]),\n  nano-cta a:not([href]) {\n    --color: var(--nano-color-neutral-1200);\n    --text-color: var(--color);\n    --bg: var(--nano-color-neutral-100);\n    --bg-hover: var(--bg);\n    --bg-active: var(--bg);\n    --border: 1px solid var(--color);\n    cursor: not-allowed;\n  }\n  nano-cta :is(button[disabled], button[disabled=true]):not(button[disabled=false]) a,\n  nano-cta :is(button[disabled], button[disabled=true]):not(button[disabled=false]) button,\n  nano-cta a:not([href]) a,\n  nano-cta a:not([href]) button {\n    cursor: not-allowed;\n  }\n  nano-cta a,\n  nano-cta button {\n    --text-color: var(--color);\n    margin: 0;\n    appearance: none;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    white-space: nowrap;\n    vertical-align: middle;\n    background-color: var(--bg) !important;\n    color: var(--text-color) !important;\n    border-radius: var(--nano-border-radius-pill);\n    line-height: var(--line-height);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    font-size: var(--font-size);\n    padding: var(--padding-v) var(--padding-h);\n    gap: var(--nano-spacing-sm);\n    border: var(--border) !important;\n    transition: color var(--nano-transition-fast) ease;\n    text-decoration: none !important;\n  }\n  nano-cta a:focus-visible,\n  nano-cta button:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-cta a:hover,\n  nano-cta button:hover {\n    background-color: var(--bg-hover) !important;\n  }\n  nano-cta a:active,\n  nano-cta button:active {\n    background-color: var(--bg-active) !important;\n  }\n  nano-cta a::before,\n  nano-cta button::before {\n    content: "";\n    display: var(--loading-display);\n    opacity: var(--loading-opacity);\n    position: absolute;\n    padding: 2.5px;\n    aspect-ratio: 1;\n    border-radius: 50%;\n    inline-size: var(--spinner-size);\n    background: var(--color);\n    inset: calc(50% - var(--spinner-size) / 2);\n    -webkit-mask: conic-gradient(rgba(0, 0, 0, 0), #000), conic-gradient(#000 0 0) content-box;\n    -webkit-mask-composite: source-out;\n            -webkit-mask: conic-gradient(rgba(0, 0, 0, 0), #000), conic-gradient(#000 0 0) content-box;\n            -webkit-mask-composite: source-out;\n                    mask: conic-gradient(rgba(0, 0, 0, 0), #000) subtract, conic-gradient(#000 0 0) content-box;\n    animation: load 1s linear infinite;\n    transition: all var(--nano-transition-fast) ease;\n    transition-behavior: allow-discrete;\n  }\n  @keyframes load {\n    to {\n      rotate: 1turn;\n    }\n  }\n  nano-cta a::after,\n  nano-cta button::after {\n    content: "";\n    display: var(--icon-display);\n    background-size: cover;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    background-color: var(--text-color);\n    -webkit-mask-image: var(--icon-svg);\n            mask-image: var(--icon-svg);\n    transition: color var(--nano-transition-fast) ease;\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-cta a :which(nano-icon, .nano-icon),\n  nano-cta a svg,\n  nano-cta button :which(nano-icon, .nano-icon),\n  nano-cta button svg {\n    color: inherit;\n    inline-size: var(--icon-size);\n    margin: auto 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] a,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] button {\n    padding-inline-end: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] button::after {\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] a,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] button {\n    padding-inline-start: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] button::after {\n    rotate: calc(180deg * var(--flip-icon-rtl));\n    order: -1;\n    margin-inline-start: unset;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] button::after {\n    transform: rotate(270deg);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] button::after {\n    transform: rotate(90deg);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=download] {\n    --icon-svg: var(--nano-component-icon-download);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=open] {\n    --icon-svg: var(--nano-component-icon-open);\n    --icon-size: .9em;\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=""], [icon], [href^="#"]) {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    padding-inline-end: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=""], [icon], [href^="#"])[target=_blank] {\n    --icon-svg: var(--nano-component-icon-open);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n    padding-inline-end: var(--padding-h);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=""], [icon], [href^="#"])[download], nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=""], [icon], [href^="#"]):is([href$=".pdf"], [href$=".zip"], [href$=".doc"], [href$=".docx"], [href$=".xls"], [href$=".xlsx"], [href$=".ppt"], [href$=".pptx"]) {\n    --icon-svg: var(--nano-component-icon-download);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n    padding-inline-end: var(--padding-h);\n  }\n}\n/** Typography */\n@layer components {\n  nano-card {\n    --color: currentColor;\n    --bg: transparent;\n    --gap: var(--nano-spacing-md);\n    --content-margin: 0;\n    --flip-icon-ltr: 0;\n    container-type: inline-size;\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(197px, 31%) auto;\n    grid-template-rows: repeat(calc(var(--row-count) - 1), auto);\n    gap: var(--gap);\n    background-color: var(--bg);\n    color: var(--color);\n  }\n  nano-card:dir(rtl) {\n    --flip-icon-ltr: 1;\n  }\n  nano-card:has(> :last-child:nth-child(1), > article > :last-child:nth-child(1)) {\n    --row-count: 1;\n  }\n  nano-card:has(> :last-child:nth-child(2), > article > :last-child:nth-child(2)) {\n    --row-count: 2;\n  }\n  nano-card:has(> :last-child:nth-child(3), > article > :last-child:nth-child(3)) {\n    --row-count: 3;\n  }\n  nano-card:has(> :last-child:nth-child(4), > article > :last-child:nth-child(4)) {\n    --row-count: 4;\n  }\n  nano-card:has(> :last-child:nth-child(5), > article > :last-child:nth-child(5)) {\n    --row-count: 5;\n  }\n  nano-card:has(> :last-child:nth-child(6), > article > :last-child:nth-child(6)) {\n    --row-count: 6;\n  }\n  nano-card:has(> :last-child:nth-child(7), > article > :last-child:nth-child(7)) {\n    --row-count: 7;\n  }\n  nano-card * {\n    margin-block: unset;\n    margin-block-start: unset;\n    margin-block-end: unset;\n  }\n  nano-card > *:not([slot]) {\n    display: contents;\n  }\n  nano-card [slot] {\n    display: block;\n  }\n  nano-card [slot]:not([slot=img], ul) {\n    margin-inline: var(--content-margin);\n  }\n  nano-card [slot]:not([slot=img], ul):last-child {\n    margin-block-end: var(--content-margin);\n  }\n  nano-card:not(:has([slot=img])) [slot]:first-child {\n    margin-block-start: var(--content-margin);\n  }\n  nano-card [slot=img] {\n    order: 1;\n  }\n  nano-card [slot=title] {\n    order: 2;\n    text-wrap: balance;\n  }\n  nano-card [slot=content] {\n    order: 3;\n    text-wrap: balance;\n  }\n  nano-card [slot=footer] {\n    order: 4;\n    display: flex;\n    align-items: center;\n    gap: var(--gap);\n  }\n  nano-card nano-content-links {\n    --color-border: rgb(var(--nano-color-base-rgb-1000) / 7%);\n  }\n  nano-card address {\n    font-style: normal;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) a, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) a {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)):hover [slot=title], nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])):hover [slot=title] {\n    color: var(--nano-color-primary-1000);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)):hover:has([slot=title] > * ~ *) [slot=title], nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])):hover:has([slot=title] > * ~ *) [slot=title] {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)):hover:has([slot=title] > * ~ *) [slot=title] > :first-child, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])):hover:has([slot=title] > * ~ *) [slot=title] > :first-child {\n    color: var(--nano-color-primary-1000);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) button::before,\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) a::before, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) button::before,\n  nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) a::before {\n    content: "";\n    display: block;\n    position: absolute;\n    inset: 0;\n    touch-action: manipulation;\n    cursor: pointer;\n    inline-size: 100%;\n    block-size: 100%;\n    animation: none;\n    border-radius: 0;\n    z-index: var(--enable-card-click);\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) nano-cta > *, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) nano-cta > * {\n    position: static;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input))[variant^=promo]:hover, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading]))[variant^=promo]:hover {\n    box-shadow: var(--nano-shadow-l0);\n    background-color: var(--bg-hover);\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) nano-tooltip > *, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) nano-tooltip > * {\n    position: relative;\n    z-index: 2;\n  }\n  nano-card:has(a[slot]):has([slot] a) {\n    --enable-card-click: -1;\n  }\n  nano-card:has([slot=content] a):has([slot=footer] a) {\n    --enable-card-click: -1;\n  }\n  nano-card:not([layout=landscape]) [slot] {\n    grid-column: 1/-1 !important;\n  }\n  nano-card[layout=landscape] [slot] {\n    grid-column: 2;\n  }\n  nano-card[layout=landscape] [slot=img] {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  @container (width < 417px) {\n    nano-card[layout=landscape] [slot] {\n      grid-column: 1/-1 !important;\n    }\n    nano-card[layout=landscape] [slot=img] {\n      grid-column: 1/-1 !important;\n    }\n  }\n  nano-card[variant=product] [slot=title] {\n    display: inline-flex;\n    gap: var(--gap);\n    align-items: center;\n    justify-content: space-between;\n  }\n  nano-card[variant=product] [slot=footer] {\n    justify-content: space-between;\n  }\n  nano-card [slot=title],\n  nano-card [slot=title] > :first-child {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-l);\n    line-height: var(--nano-line-height-dense);\n  }\n  nano-card [slot=content],\n  nano-card [slot=content] > * {\n    font-size: var(--nano-font-size-small);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[size=small] [slot=title],\n  nano-card[size=small] [slot=title] > :first-child {\n    font-size: var(--nano-font-size-small);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n  }\n  nano-card[size=small] [slot=content],\n  nano-card[size=small] [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[variant=product][size=small] {\n    --gap: var(--nano-spacing-sm);\n  }\n  nano-card[variant^=promo] {\n    --content-margin: var(--gap);\n    box-shadow: var(--nano-shadow-l1);\n  }\n  nano-card[variant^=promo] [slot=title],\n  nano-card[variant^=promo] [slot=title]:hover, nano-card[variant^=promo]:hover [slot=title] {\n    color: var(--color) !important;\n    text-decoration: none !important;\n  }\n  nano-card[variant^=promo] nano-cta > * {\n    inline-size: 100%;\n  }\n  nano-card[variant^=promo] [slot=title],\n  nano-card[variant^=promo] [slot=title] > :first-child {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-medium);\n    line-height: var(--nano-line-height-dense);\n  }\n  nano-card[variant^=promo] [slot=content],\n  nano-card[variant^=promo] [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title] {\n    display: inline-flex;\n    gap: var(--gap);\n  }\n  nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title]::after {\n    content: "";\n    display: block;\n    background-size: cover;\n    inline-size: 1em;\n    background-color: var(--color);\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-card[variant=promo] {\n    --bg: var(--nano-color-notice-1200);\n    --bg-hover: var(--nano-color-notice-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-card[variant=promo] nano-cta {\n    --color: var(--nano-color-notice-1000);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-notice-75);\n    --bg-active: var(--nano-color-notice-200);\n    --border: 1px solid var(--color);\n  }\n  nano-card[variant=promo-aero] {\n    --bg: var(--nano-color-success-200);\n    --bg-hover: var(--nano-color-success-75);\n    --color: var(--nano-color-base-1000);\n  }\n  nano-card[variant=promo-plain], nano-card[variant=promo-grey] {\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-neutral-100);\n    --color: var(--nano-color-neutral-1400);\n  }\n  nano-card[variant=promo-plain]:hover [slot=title], nano-card[variant=promo-grey]:hover [slot=title] {\n    color: var(--nano-color-primary-1000);\n  }\n  nano-card[variant=promo-plain] nano-cta, nano-card[variant=promo-grey] nano-cta {\n    --color: var(--nano-color-primary-1100);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-primary-50);\n    --bg-active: var(--nano-color-primary-75);\n    --border: 1px solid var(--color);\n  }\n  nano-card[variant=promo-grey] {\n    --bg: var(--nano-color-neutral-100);\n    --bg-hover: var(--nano-color-neutral-200);\n    --color: var(--nano-color-neutral-1400);\n  }\n}\n@layer components {\n  nano-tag {\n    --background: var(--nano-color-base-50);\n    --color: var(--nano-color-primary-1100);\n    --stroke: var(--nano-color-primary-1000);\n    --color-non-interactive: var(--nano-color-neutral-1400);\n    --padding: 0.125rem 0.375rem;\n    --font-size: 0.625rem;\n    --line-height: var(--nano-line-height-denser);\n    --letter-spacing: var(--nano-letter-spacing-denser);\n    --bg-color-hover: var(--nano-color-primary-100);\n    --bg-color-active: var(--nano-color-primary-300);\n    display: inline-block;\n    block-size: fit-content;\n    inline-size: fit-content;\n    padding: var(--padding);\n    font-size: var(--font-size);\n    font-family: var(--font-family);\n    font-weight: var(--nano-font-weight-bold);\n    line-height: var(--line-height);\n    letter-spacing: var(--letter-spacing);\n    word-wrap: break-word;\n    text-align: center;\n    cursor: default;\n    color: var(--color-non-interactive);\n    background: var(--background);\n    border: 1px solid var(--color-non-interactive);\n  }\n  nano-tag[size=large] {\n    --padding: 0.25rem 0.5rem;\n    --font-size: var(--nano-font-size-2xs);\n    --letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-tag > a, nano-tag > button {\n    all: unset;\n    display: block;\n    padding: var(--padding);\n  }\n  nano-tag[closable] {\n    display: flex;\n    gap: 0.25rem;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--padding);\n  }\n  nano-tag[closable] nano-icon-button {\n    --padding: 0;\n  }\n  nano-tag[closable][size=large] {\n    gap: 0.375rem;\n  }\n  nano-tag[closable]:not(:has(nano-icon-button, .nano-icon-button))::after {\n    content: "";\n    display: block;\n    min-inline-size: 0.625rem;\n  }\n  nano-tag:has(a), nano-tag:has(button) {\n    padding: 0;\n  }\n  nano-tag:has(a), nano-tag:has(button), nano-tag[closable] {\n    color: var(--color);\n    border-color: var(--stroke);\n    background: var(--background);\n  }\n  nano-tag:has(a:hover), nano-tag:has(button:hover) {\n    cursor: pointer;\n    background: var(--bg-color-hover);\n  }\n  nano-tag:has(a:active), nano-tag:has(button:active) {\n    background: var(--bg-color-active);\n  }\n  nano-tag:has(a:focus-visible, button:focus-visible) {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-content-links {\n    --text-color: var(--nano-color-neutral-1400);\n    --color-disabled: var(--nano-color-neutral-800);\n    --color-border: var(--nano-color-neutral-200);\n    --color-active: var(--nano-color-primary-1000);\n    --padding: var(--nano-spacing-sm);\n    --icon-size: 1em;\n    --icon-color: var(--nano-color-primary-1200);\n    display: contents;\n    color: var(--text-color);\n    font-size: var(--nano-font-size-small);\n    font-weight: var(--nano-font-weight-normal);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    word-wrap: break-word;\n  }\n  nano-content-links > * {\n    all: unset;\n    inline-size: -webkit-fill-available;\n    inline-size: -moz-available;\n    inline-size: stretch;\n    block-size: fit-content;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--padding);\n    gap: var(--nano-spacing-md);\n    border-block-start: 1px solid var(--color-border);\n    border-block-end: 1px solid var(--color-border);\n    text-decoration: none !important;\n  }\n  nano-content-links > *::after {\n    content: "";\n    background-size: cover;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n  }\n  nano-content-links > *:not(a) {\n    pointer-events: none;\n    cursor: default;\n    color: var(--color-disabled);\n    border-block-start: 1px solid var(--color-border);\n    border-block-end: 1px solid var(--color-border);\n  }\n  nano-content-links > *:not(a)::after {\n    background-color: var(--color-disabled);\n  }\n  nano-content-links > * + * {\n    border-block-start: none !important;\n  }\n  nano-content-links > a {\n    pointer-events: auto;\n    cursor: pointer;\n    color: var(--text-color);\n  }\n  nano-content-links > a::after {\n    background-color: var(--icon-color);\n  }\n  nano-content-links > a[target=_blank]::after {\n    -webkit-mask-image: var(--nano-component-icon-open);\n            mask-image: var(--nano-component-icon-open);\n  }\n  nano-content-links > a:hover, nano-content-links > a:active {\n    color: var(--color-active);\n    -webkit-text-decoration: underline solid;\n            text-decoration: underline solid;\n  }\n  nano-content-links > a:hover::after, nano-content-links > a:active::after {\n    background-color: var(--color-active);\n  }\n  nano-content-links > a:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-badge {\n    font-size: var(--nano-font-size-2xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    background: var(--bg);\n    color: var(--color);\n    border-radius: var(--nano-border-radius-pill);\n    padding: 0.15em 0.65em !important;\n    display: inline-block;\n  }\n  nano-badge a {\n    color: inherit;\n    border-radius: inherit;\n  }\n  nano-badge a::after {\n    content: "";\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: inherit;\n    background-color: transparent;\n  }\n  nano-badge:has(a) {\n    position: relative;\n  }\n  nano-badge:has(a):hover {\n    background-color: color-mix(in srgb, var(--bg), black 10%);\n  }\n  nano-badge:not([theme]), nano-badge[theme=primary] {\n    --bg: var(--nano-color-primary-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge:not([theme])[strength="4"], nano-badge[theme=primary][strength="4"] {\n    --bg: var(--nano-color-primary-700);\n  }\n  nano-badge:not([theme])[strength="3"], nano-badge[theme=primary][strength="3"] {\n    --bg: var(--nano-color-primary-1000);\n  }\n  nano-badge:not([theme])[strength="2"], nano-badge[theme=primary][strength="2"] {\n    --bg: var(--nano-color-primary-1100);\n  }\n  nano-badge:not([theme])[strength="1"], nano-badge[theme=primary][strength="1"] {\n    --bg: var(--nano-color-primary-1200);\n  }\n  nano-badge[theme=neutral] {\n    --bg: var(--nano-color-neutral-900);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge[theme=neutral][strength="4"] {\n    --bg: var(--nano-color-neutral-700);\n  }\n  nano-badge[theme=neutral][strength="3"] {\n    --bg: var(--nano-color-neutral-900);\n  }\n  nano-badge[theme=neutral][strength="2"] {\n    --bg: var(--nano-color-neutral-1000);\n  }\n  nano-badge[theme=neutral][strength="1"] {\n    --bg: var(--nano-color-neutral-1200);\n  }\n  nano-badge[theme=success] {\n    --bg: var(--nano-color-success-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge[theme=success][strength="4"] {\n    --bg: var(--nano-color-success-600);\n  }\n  nano-badge[theme=success][strength="3"] {\n    --bg: var(--nano-color-success-1000);\n  }\n  nano-badge[theme=success][strength="2"] {\n    --bg: var(--nano-color-success-1100);\n  }\n  nano-badge[theme=success][strength="1"] {\n    --bg: var(--nano-color-success-1200);\n  }\n  nano-badge[theme=warning] {\n    --bg: var(--nano-color-warning-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge[theme=warning][strength="4"] {\n    --bg: var(--nano-color-warning-600);\n  }\n  nano-badge[theme=warning][strength="3"] {\n    --bg: var(--nano-color-warning-1000);\n  }\n  nano-badge[theme=warning][strength="2"] {\n    --bg: var(--nano-color-warning-1100);\n  }\n  nano-badge[theme=warning][strength="1"] {\n    --bg: var(--nano-color-warning-1200);\n  }\n  nano-badge[theme=danger] {\n    --bg: var(--nano-color-danger-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge[theme=danger][strength="4"] {\n    --bg: var(--nano-color-danger-800);\n  }\n  nano-badge[theme=danger][strength="3"] {\n    --bg: var(--nano-color-danger-1000);\n  }\n  nano-badge[theme=danger][strength="2"] {\n    --bg: var(--nano-color-danger-1100);\n  }\n  nano-badge[theme=danger][strength="1"] {\n    --bg: var(--nano-color-danger-1200);\n  }\n  nano-badge[pulse]:not([pulse=false]) {\n    animation: pulse-animation 2s infinite;\n  }\n  @keyframes pulse-animation {\n    0% {\n      box-shadow: 0 0 0 0 rgb(var(--nano-color-base-rgb-1000)/20%);\n    }\n    100% {\n      box-shadow: 0 0 0 1em rgb(var(--nano-color-base-rgb-1000)/0%);\n    }\n  }\n}\n@layer components {\n  :where(nano-card-carousel, .nano-card-carousel) > [slot=title] {\n    all: unset;\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-xl);\n    line-height: var(--nano-line-height-denser);\n    line-height: 1;\n  }\n  nano-card-carousel nano-card [slot] {\n    opacity: var(--text-opacity);\n  }\n  nano-card-carousel nano-card [slot=img] {\n    opacity: var(--img-opacity);\n  }\n}\n@layer components {\n  .nano-theme-dark :where(nano-global-nav, .nano-global-nav)::part(logo), .nano-theme-dark :where(nano-global-nav, .nano-global-nav) [part~="logo"], :where(nano-global-nav, .nano-global-nav).nano-theme-dark::part(logo), :where(nano-global-nav, .nano-global-nav).nano-theme-dark [part~="logo"] {\n    filter: invert(100%);\n  }\n  :where(nano-global-nav, .nano-global-nav) :where(nano-nav-item, .nano-nav-item)::part(label), :where(nano-global-nav, .nano-global-nav) :where(nano-nav-item, .nano-nav-item) [part~="label"] {\n    white-space: nowrap;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu nano-nav-item, :where(nano-global-nav, .nano-global-nav).bar-menu > a {\n    color: var(--main-menu-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item):hover, :where(nano-global-nav, .nano-global-nav).bar-menu > a:hover {\n    color: var(--main-menu-hover-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item):active, :where(nano-global-nav, .nano-global-nav).bar-menu > a:active {\n    color: var(--main-menu-active-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(trigger), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="trigger"] {\n    position: relative;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(trigger)::before, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="trigger"]::before {\n    content: "";\n    position: absolute;\n    background-color: var(--main-menu-active-border-color);\n    block-size: 4px;\n    inset-inline: 0;\n    inset-block-end: -1.5625rem;\n    transform: translateZ(0) scaleX(0);\n    transform-origin: 0 center;\n    transition: transform var(--nano-transition-x-fast) ease-in-out;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)[open] {\n    color: var(--main-menu-active-border-color) !important;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)[open]::part(trigger)::before, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)[open] [part~="trigger"]::before {\n    transform: translateZ(0) scaleX(1);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu a.active,\n  :where(nano-global-nav, .nano-global-nav).bar-menu nano-nav-item.active,\n  :where(nano-global-nav, .nano-global-nav).bar-menu nano-nav-item[selected] {\n    color: var(--main-menu-active-text-color) !important;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(modal), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="modal"] {\n    inset-block-start: -500%;\n    inline-size: 100%;\n    position: absolute;\n    z-index: -2;\n    inset-inline: 0;\n    transition: inset-block-start var(--nano-transition-fast) ease-in-out, opacity var(--nano-transition-x-fast) ease;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(modal modal--open), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="modal modal--open"] {\n    inset-block-start: 100%;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(modal-content), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="modal-content"] {\n    background: var(--nano-color-base-0);\n    color: var(--nano-color-base-1000);\n    padding: var(--nano-spacing-xl);\n    inline-size: 91.25rem;\n    max-inline-size: 100%;\n    margin: auto;\n    box-shadow: var(--nano-shadow-l2);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(modal-mask), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="modal-mask"] {\n    background: var(--nano-overlay-background-color);\n    position: fixed;\n    inset: 0;\n    min-block-size: 100%;\n    z-index: -1;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu [slot=close-button] {\n    display: none;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] {\n    display: grid;\n    gap: var(--nano-spacing-xl);\n    grid-template: auto/repeat(auto-fit, minmax(200px, 1fr));\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary]:has(.gn__focus-area) {\n    grid-template: auto/1fr 1fr 26rem;\n  }\n  @media (width < 1200px) {\n    :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary]:has(.gn__focus-area) {\n      grid-template-columns: 1fr 26rem;\n    }\n  }\n  @media (width < 830px) {\n    :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary]:has(.gn__focus-area) {\n      grid-template-columns: 1fr;\n    }\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h1, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h2, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h3, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h4, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__title {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-medium);\n    line-height: var(--nano-line-height-dense);\n    padding-block-end: 1rem;\n    border-block-end: 1px solid var(--nano-color-neutral-100);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] a {\n    text-decoration: none;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] a:hover {\n    text-decoration: underline;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] ul {\n    margin: 0;\n    padding: 0;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] ul li {\n    margin-inline: 0;\n    list-style: none;\n    margin-block-end: var(--nano-spacing-sm);\n    line-height: var(--nano-line-height-dense);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area {\n    padding: var(--nano-spacing-xl) var(--nano-spacing-l);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n    background: var(--nano-color-base-0);\n    color: var(--nano-color-base-1000);\n  }\n  @media (width < 1200px) and (width > 830px) {\n    :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area {\n      grid-column: 2;\n      grid-row: 1/3;\n    }\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h1, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h2, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h3, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h4, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h5, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area p {\n    margin: 0;\n    border: none;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area nano-content-links {\n    display: block;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__link-columns {\n    gap: var(--nano-spacing-xl);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__link-columns:has(> :nth-child(6)) {\n    columns: 2;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__link-columns > * {\n    display: block;\n    margin-block-end: var(--nano-spacing-sm);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item), :where(nano-global-nav, .nano-global-nav).overflow-menu > a {\n    color: var(--overflow-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item):hover, :where(nano-global-nav, .nano-global-nav).overflow-menu > a:hover {\n    color: var(--overflowhover-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item):active, :where(nano-global-nav, .nano-global-nav).overflow-menu > a:active {\n    color: var(--overflow-active-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu a.active,\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item).active,\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item)[selected] {\n    color: var(--overflow-active-text-color) !important;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item)::part(modal), :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [part~="modal"] {\n    background-color: var(--overflow-bg-color);\n    inline-size: 100%;\n    block-size: 100%;\n    position: absolute;\n    inset: 0;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-md);\n    padding-block-end: var(--nano-spacing-md);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] a {\n    text-decoration: none;\n    color: var(--nano-color-blue-cerulean-700);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] a:hover {\n    text-decoration: underline;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h1, :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h2, :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h3, :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h4, :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__title {\n    font-size: var(--nano-font-size-small);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    margin-block-end: var(--nano-spacing-sm);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] ul {\n    margin: 0;\n    padding: 0;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] ul li {\n    margin-inline: 0;\n    list-style: none;\n    margin-block-end: var(--nano-spacing-sm);\n    line-height: var(--nano-line-height-dense);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__link-columns {\n    padding-inline-start: var(--nano-spacing-md);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area {\n    border-block-start: 1px solid rgb(var(--nano-color-base-rgb-1000)/10%);\n    padding-block-start: var(--nano-spacing-md);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu [slot=close-button] {\n    color: inherit;\n    padding-block: var(--nano-spacing-md);\n    display: flex;\n    gap: var(--nano-spacing-sm);\n    align-items: center;\n    cursor: pointer;\n    inline-size: 100%;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu [slot=close-button]:hover {\n    color: var(--nano-color-blue-cerulean-700);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu [slot=close-button]::before {\n    content: "";\n    margin-inline-start: 0;\n    background-size: cover;\n    inline-size: 1em;\n    block-size: 1em;\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    rotate: 180deg;\n    background-color: var(--nano-color-blue-cerulean-700);\n  }\n}\n@layer components {\n  nano-avatar {\n    --size: 2.5rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    inline-size: var(--size);\n    block-size: var(--size);\n    background-color: var(--nano-color-neutral-400);\n    font-size: calc(var(--size) * 0.5);\n    font-weight: var(--nano-font-weight-normal);\n    color: var(--nano-color-neutral-0);\n    -webkit-user-select: none;\n            user-select: none;\n    vertical-align: middle;\n    border-radius: var(--nano-border-radius-circle);\n    overflow: hidden;\n  }\n  nano-avatar:empty::before {\n    content: attr(initials);\n    text-transform: uppercase;\n    line-height: 1;\n  }\n  nano-avatar img {\n    aspect-ratio: var(--nano-image-ratio-square);\n    object-fit: cover;\n  }\n}\n@layer components {\n  :where(nano-in-page-nav, .nano-in-page-nav) {\n    --color-bottom-border: rgb(var(--nano-color-base-rgb-1000) / 10%);\n    --color-text: var(--nano-color-neutral-1400);\n    --color-primary: var(--nano-color-primary-1100);\n    --color-text-hover: var(--color-primary);\n    --color-border-active: var(--nano-color-primary-1000);\n    --border-active: 3px solid var(--color-border-active);\n    --color-bg: var(--nano-color-primary-75);\n    --font-size: var(--nano-font-size-small);\n    --font-weight: var(--nano-font-weight-normal);\n    --font-weight-active: var(--nano-font-weight-bold);\n    --line-height: var(--nano-line-height-dense);\n    --letter-spacing: var(--nano-letter-spacing-loose);\n    --flip-icon-ltr: 1;\n    --list-gap: calc(var(--spacing-l2) / 1.25);\n    --spacing-l2: var(--nano-spacing-l2);\n    --spacing-l3: var(--nano-spacing-l3);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav):dir(rtl) {\n    --flip-icon-ltr: 0;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) a,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul,\n  :where(nano-in-page-nav, .nano-in-page-nav) li {\n    all: unset;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul {\n    display: flex;\n    flex-direction: column;\n    list-style: none;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul:not(ul ul) {\n    padding: 0 var(--spacing-l2) var(--spacing-l3) var(--spacing-l2);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) a {\n    cursor: pointer;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) a:hover {\n    text-decoration: underline;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) a:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li:not(ul > li li) {\n    margin: 0;\n    padding: var(--spacing-l2) 0;\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: stretch;\n    inline-size: 100%;\n    border-block-end: 1px solid var(--color-bottom-border);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li:not(ul > li li) a {\n    color: var(--color-text);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li:not(ul > li li) a.active {\n    border-inline-start: var(--border-active);\n    padding-inline-start: 1rem;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li:not(ul > li li) a:hover {\n    color: var(--color-text-hover);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul {\n    padding: var(--list-gap) 0 0 var(--spacing-l2);\n    gap: var(--list-gap);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul a,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul a {\n    color: var(--color-primary) !important;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul a.active,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul a.active {\n    padding-inline-start: 0;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul:has(nano-details),\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul:has(nano-details) {\n    padding-inline-start: 1.1rem;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul nano-details::part(header), :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul nano-details [part~="header"], :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul nano-details::part(header), :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul nano-details [part~="header"] {\n    padding: 0;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul > li > nano-details > ul,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul > li > nano-details > ul {\n    padding: var(--list-gap) 0 0 var(--nano-spacing-l1-default);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details nano-details:not(nano-details nano-details nano-details) {\n    color: var(--color-text);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details {\n    --padding: 0;\n    --btn-bg-color: transparent;\n    --btn-bg-color--open: var(--nano-color-primary-75);\n    --btn-bg-color--hover: transparent;\n    border: none;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details .active::part(header), :where(nano-in-page-nav, .nano-in-page-nav) nano-details .active [part~="header"] {\n    border-inline-start: var(--border-active);\n    padding-inline-start: 1rem;\n    color: var(--color-primary);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details[open] > [slot=icon-start] {\n    rotate: 90deg;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details::part(content), :where(nano-in-page-nav, .nano-in-page-nav) nano-details [part~="content"] {\n    padding: 0;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details::part(icon--start), :where(nano-in-page-nav, .nano-in-page-nav) nano-details [part~="icon--start"] {\n    margin-inline-end: var(--spacing-l3);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details::part(header), :where(nano-in-page-nav, .nano-in-page-nav) nano-details [part~="header"] {\n    font-size: var(--font-size);\n    line-height: var(--line-height);\n    font-weight: var(--font-weight);\n    letter-spacing: var(--letter-spacing);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details::part(header):hover, :where(nano-in-page-nav, .nano-in-page-nav) nano-details [part~="header"]:hover {\n    text-decoration: underline;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper {\n    --btn-text-color: var(--color-text);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper::part(header), :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper [part~="header"] {\n    padding: var(--spacing-l2);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav):has(.details-wrapper[open])::part(root), :where(nano-in-page-nav, .nano-in-page-nav):has(.details-wrapper[open]) [part~="root"] {\n    box-shadow: var(--nano-shadow-l1);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper.sticky.stuck[open]::part(header), :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper.sticky.stuck[open] [part~="header"] {\n    z-index: var(--nano-z-index-menubar);\n    inset-block-start: 0;\n    position: sticky;\n    box-shadow: var(--nano-shadow-l1);\n    padding: var(--spacing-l2);\n  }\n}\n@layer components {\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) {\n    --color-bg: var(--nano-color-base-0);\n    --color-border: var(--nano-color-neutral-200);\n    --outer-spacing: var(--nano-spacing-l1-default);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h2 {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-xl);\n    line-height: var(--nano-line-height-denser);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h2,\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    margin: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h3,\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    font-size: var(--nano-font-size-small);\n    line-height: var(--nano-line-height-normal);\n    font-weight: var(--nano-font-weight-bold);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h3 {\n    padding-block-end: var(--nano-spacing-md);\n    border-block-end: 1px solid var(--color-border);\n    margin-block: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    font-weight: var(--nano-font-weight-normal);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul {\n    padding: 0;\n    margin: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul[slot=content] {\n    list-style: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul[slot=content] > li {\n    margin: 0;\n    padding-block-start: var(--nano-spacing-md);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) [slot=label] {\n    display: flex;\n    align-items: center;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details {\n    --btn-bg-color: transparent;\n    --btn-bg-color--active: transparent;\n    --btn-bg-color--hover: transparent;\n    --padding: 0;\n    border: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(header), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="header"] {\n    color: var(--color-primary);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(label), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="label"], :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(content), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="content"] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--nano-spacing-l1-default);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(icon--end), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="icon--end"] {\n    display: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(content), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="content"] {\n    padding: var(--nano-spacing-md) 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(body), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="body"] {\n    border-block-end: 1px solid var(--color-border);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details ul {\n    list-style: disc;\n    padding-inline-start: var(--nano-spacing-md);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details ul li {\n    font-size: var(--nano-font-size-xs);\n  }\n}\n@layer components {\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) {\n    --padding: inherit;\n    display: block;\n    border-block-start: 1px solid var(--nano-color-neutral-200);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not(:has(+ nano-nav-item), :has(+ nano-dropdown), :has(+ nano-content-links)) {\n    border-block-end: 1px solid var(--nano-color-neutral-200);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="trigger"] {\n    font-size: var(--nano-font-size-small);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox]::part(label)::before, :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox] [part~="label"]::before {\n    content: "";\n    display: inline-block;\n    vertical-align: middle;\n    background-size: cover;\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    inline-size: 0.8em;\n    block-size: 0.8em;\n    -webkit-mask-image: var(--nano-component-icon-check);\n            mask-image: var(--nano-component-icon-check);\n    background-color: var(--icon-color);\n    opacity: 0;\n    margin-inline-end: var(--nano-spacing-sm);\n    align-content: center;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox][selected]::part(label)::before, :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox][selected] [part~="label"]::before {\n    opacity: 1;\n  }\n  :where(nano-menu, .nano-menu) a {\n    font-size: calc(var(--font-size) - 0.125rem);\n    color: var(--nano-color-primary-1100);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-icon, .nano-icon) {\n    color: var(--icon-color);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="trigger"] {\n    --icon-color: var(--nano-color-primary-1000);\n    color: var(--nano-color-neutral-1400);\n    font-size: var(--font-size);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled])::part(trigger):hover:not(:focus-visible), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled]) [part~="trigger"]:hover:not(:focus-visible) {\n    --icon-color: var(--nano-color-primary-1100);\n    color: var(--nano-color-base-1000);\n    background-color: var(--nano-color-neutral-100);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled])::part(trigger):active:not(:focus-visible), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled]) [part~="trigger"]:active:not(:focus-visible) {\n    --icon-color: var(--nano-color-primary-800);\n    color: var(--nano-color-base-1000);\n    background-color: var(--nano-color-neutral-200);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger):focus-visible, :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="trigger"]:focus-visible {\n    --icon-color: var(--nano-color-base-0);\n    outline: none;\n    background-color: var(--nano-color-primary-1000);\n    color: var(--nano-color-base-0);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger):focus-visible:active, :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="trigger"]:focus-visible:active {\n    background-color: var(--nano-color-primary-1200);\n  }\n  :where(nano-menu, .nano-menu) nano-content-links a::after {\n    background-color: var(--icon-color);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-dropdown, .nano-dropdown) {\n    display: contents;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-dropdown, .nano-dropdown) :where(nano-nav-item, .nano-nav-item) {\n    --padding: var(--nav-item-padding);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(modal), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="modal"] {\n    position: absolute;\n    min-block-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    inline-size: 100%;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity var(--nano-transition-x-fast) ease, transform var(--nano-transition-fast) ease;\n    transform: translate3d(100%, 0, 0);\n    background: var(--background);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(modal modal--open), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="modal modal--open"] {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n    transition: opacity var(--nano-transition-x-fast) ease, transform var(--nano-transition-fast) ease;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button] {\n    padding: var(--padding);\n    display: flex;\n    gap: var(--nano-spacing-md);\n    align-items: center;\n    cursor: pointer;\n    inline-size: 100%;\n    border-block-start: 1px solid var(--nano-color-neutral-200);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button]::before {\n    content: "";\n    margin-inline-start: 0;\n    background-size: cover;\n    inline-size: 1em;\n    block-size: 1em;\n    -webkit-mask-image: var(--nano-component-icon-caret);\n            mask-image: var(--nano-component-icon-caret);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    rotate: 180deg;\n    background-color: var(--icon-color);\n  }\n}\n@layer components {\n  nano-icon-item {\n    --icon-dims: var(--nano-pictogram-size-large);\n    display: grid;\n    grid-template-columns: 1fr;\n    justify-items: center;\n    inline-size: 100%;\n    gap: var(--nano-spacing-md);\n  }\n  nano-icon-item[size=large] {\n    --icon-dims: var(--nano-pictogram-size-x-large);\n  }\n  nano-icon-item:has([slot=icon]):has([slot=heading]), nano-icon-item:has([slot=icon]):has([slot=content]) {\n    grid-template-rows: repeat(2, min-content);\n  }\n  nano-icon-item:has([slot=icon]):has([slot=heading]):has([slot=content]) {\n    grid-template-rows: repeat(3, min-content);\n  }\n  nano-icon-item nano-icon {\n    --icon-size: var(--icon-dims);\n  }\n  nano-icon-item a:not(p > a),\n  nano-icon-item [slot=heading] {\n    all: unset;\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-medium);\n    line-height: var(--nano-line-height-dense);\n    color: var(--nano-color-neutral-1400);\n    text-align: center;\n  }\n  nano-icon-item p[slot=content] {\n    all: unset;\n    font-size: var(--nano-font-size-small);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    text-align: center;\n  }\n  nano-icon-item [slot=icon] {\n    color: var(--nano-color-primary-1000);\n  }\n  nano-icon-item[landscape] {\n    justify-items: start;\n    grid-template-columns: min-content 1fr !important;\n    row-gap: var(--nano-spacing-sm);\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]), nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) {\n    grid-template-rows: min-content;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) [slot=heading],\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) p[slot=content], nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) [slot=heading],\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) p[slot=content] {\n    grid-row: 1;\n    align-self: center;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) {\n    grid-template-rows: min-content 1fr;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) a,\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) [slot=heading] {\n    grid-row: 1;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) p[slot=content] {\n    grid-row: 2;\n  }\n  nano-icon-item[landscape] nano-icon[slot=icon] {\n    grid-column: 1;\n  }\n  nano-icon-item[landscape] [slot=icon] {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  nano-icon-item[landscape] a,\n  nano-icon-item[landscape] [slot=heading] {\n    text-align: start;\n    align-self: center;\n    grid-row: 1;\n    grid-column: 2;\n  }\n  nano-icon-item[landscape] p[slot=content] {\n    text-align: start;\n    grid-row: 2;\n    grid-column: 2;\n  }\n  nano-icon-item a,\n  nano-icon-item a > [slot=heading] {\n    cursor: pointer;\n    text-decoration: underline;\n    color: var(--nano-color-primary-1000);\n  }\n  nano-icon-item a:hover {\n    color: var(--nano-color-primary-1200);\n  }\n  nano-icon-item a:hover [slot=heading] {\n    color: var(--nano-color-primary-1200);\n  }\n  nano-icon-item:has(a:hover) nano-icon {\n    color: var(--nano-color-primary-1200);\n  }\n}\n:where(nano-tab-group, .nano-tab-group)[equal-tab-size] .nano-tab {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start][equal-tab-size] .nano-tab {\n  justify-content: flex-end;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab {\n  border-block-end: none;\n  border-inline-end: var(--border);\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab::part(base), :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab [part~="base"] {\n  justify-content: end;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab::part(label), :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab [part~="label"] {\n  align-items: flex-end;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab:not([disabled]):hover {\n  border-color: inherit;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab:not([disabled])[active] {\n  border-color: inherit;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=top][size=large]::part(tabs__wrapper), :where(nano-tab-group, .nano-tab-group)[placement=top][size=large] [part~="tabs__wrapper"] {\n  --scroll-btn-size: 2rem;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=top][size=large] .nano-tab {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-l);\n  line-height: var(--nano-line-height-dense);\n  --padding: 1.5625rem;\n}\n\n@layer components {\n  :where(nano-tooltip, .nano-tooltip) [slot=content], :where(nano-tooltip, .nano-tooltip) [slot=content] * {\n    font-size: var(--nano-font-size-2xs);\n  }\n  :where(nano-tooltip, .nano-tooltip) ul[slot=content] {\n    margin-block: 0;\n    padding-inline: 0;\n    margin-inline: var(--nano-spacing-md);\n  }\n  :where(nano-tooltip, .nano-tooltip) [slot=content] li {\n    margin-block-end: 0;\n  }\n}\n@layer components {\n  :where(nano-table, .nano-table) {\n    --table-padding: var(--nano-spacing-md);\n    --table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));\n    --table-border-color: var(--nano-color-neutral-200);\n    --table-border-color-header: var(--nano-color-primary-1000);\n    --table-background: var(--nano-color-base-0);\n    --table-wrapper-max-height: 80vh;\n    --table-wrapper-max-width: 100%;\n    --isLtR: 1;\n    overflow-y: clip;\n    display: block;\n    container-type: inline-size;\n  }\n  :where(nano-table, .nano-table):dir(rtl) {\n    --isLtR: -1;\n  }\n  :where(nano-table, .nano-table)[compact]:not([compact=false], [compact=auto]) {\n    --table-padding: var(--table-compact-padding);\n  }\n  @media (width <= 500px) {\n    :where(nano-table, .nano-table)[compact=auto] {\n      --table-padding: var(--table-compact-padding);\n    }\n  }\n  @container (width <= 500px) {\n    :where(nano-table, .nano-table)[compact=auto] .nano-table__overflow {\n      --table-padding: var(--table-compact-padding);\n    }\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) {\n    overflow-y: visible;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]):has([sticky=start], [sticky=end]) .nano-masked-overflow {\n    --fade-size: 0;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]):not(.nano-table--props-ready) {\n    overflow: auto;\n    scrollbar-width: thin;\n    max-inline-size: var(--table-wrapper-max-width);\n    max-block-size: var(--table-wrapper-max-height);\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) .nano-table__overflow {\n    max-inline-size: var(--table-wrapper-max-width);\n    max-block-size: var(--table-wrapper-max-height);\n    position: relative;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) table {\n    margin-block-end: var(--nano-spacing-l);\n  }\n  :where(nano-table, .nano-table) tr[clickable] {\n    cursor: pointer;\n  }\n  :where(nano-table, .nano-table) tr[clickable]:not([sticky]) {\n    position: relative;\n  }\n  :where(nano-table, .nano-table) tr[clickable]:focus-within {\n    --table-background: var(--nano-color-primary-50);\n  }\n  :where(nano-table, .nano-table) tr[clickable]:hover {\n    --table-background: var(--nano-color-primary-75);\n  }\n  :where(nano-table, .nano-table) tr[clickable] input[type=checkbox]::after,\n  :where(nano-table, .nano-table) tr[clickable] nano-checkbox::after,\n  :where(nano-table, .nano-table) tr[clickable] a::after,\n  :where(nano-table, .nano-table) tr[clickable] button::after {\n    content: "";\n    position: absolute;\n    inset: 0;\n  }\n  :where(nano-table, .nano-table) tr[sticky] {\n    position: sticky;\n    container-type: scroll-state;\n    inset-block-start: var(--sticky-top, 0);\n  }\n  :where(nano-table, .nano-table) tfoot tr[sticky] {\n    inset-block-end: 0;\n  }\n  :where(nano-table, .nano-table) tfoot tr[sticky],\n  :where(nano-table, .nano-table) thead tr[sticky] {\n    z-index: 10;\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] {\n    z-index: 5;\n    overflow-y: clip;\n  }\n  @container scroll-state(stuck: top) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td, :where(nano-table, .nano-table) tbody tr[sticky] th {\n      border-block-end: 1px solid var(--table-border-color-header);\n    }\n  }\n  @supports not (container-type: scroll-state) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td, :where(nano-table, .nano-table) tbody tr[sticky] th {\n      border-block-end: 1px solid var(--table-border-color-header);\n    }\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] td[sticky],\n  :where(nano-table, .nano-table) tbody tr[sticky] th[sticky] {\n    overflow-y: clip;\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n  :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n    content: "";\n    visibility: hidden;\n    inline-size: 10px;\n    inset-block-start: 0;\n    block-size: var(--section-height);\n    position: absolute;\n  }\n  @container scroll-state(stuck: left) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n    :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n      visibility: visible;\n    }\n  }\n  @container scroll-state(stuck: right) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n    :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n      visibility: visible;\n    }\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] [sticky=start]::after {\n    inset-inline-end: 0;\n    box-shadow: calc(4px * var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] [sticky=end]::after {\n    inset-inline-start: 0;\n    box-shadow: calc(-4px * var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n  }\n  @container (width <= 500px) {\n    :where(nano-table, .nano-table) .nano-table__overflow td[sticky], :where(nano-table, .nano-table) .nano-table__overflow th[sticky] {\n      --sticky-start: 0px !important;\n      --sticky-end: 0px !important;\n    }\n    :where(nano-table, .nano-table) .nano-table__overflow td[sticky]:not(:first-of-type), :where(nano-table, .nano-table) .nano-table__overflow th[sticky]:not(:first-of-type) {\n      position: initial !important;\n      z-index: initial !important;\n    }\n  }\n  @media (width <= 500px) {\n    :where(nano-table, .nano-table) td[sticky], :where(nano-table, .nano-table) th[sticky] {\n      --sticky-start: 0px !important;\n      --sticky-end: 0px !important;\n    }\n    :where(nano-table, .nano-table) td[sticky]:not(:first-of-type), :where(nano-table, .nano-table) th[sticky]:not(:first-of-type) {\n      position: initial !important;\n      z-index: initial !important;\n    }\n  }\n  :where(nano-table, .nano-table) :where(thead, tbody) td[sticky], :where(nano-table, .nano-table) th[sticky] {\n    position: sticky;\n    container-type: scroll-state;\n    z-index: 2;\n  }\n  @supports not (container-type: scroll-state) {\n    :where(nano-table, .nano-table) :where(thead, tbody) td[sticky]::after, :where(nano-table, .nano-table) th[sticky]::after {\n      content: "";\n      position: absolute;\n      box-shadow: 14px 0 14px 0 var(--table-background);\n      inset-inline: auto 0;\n      block-size: calc(100% - var(--nano-spacing-md));\n      inset-block-start: calc(var(--nano-spacing-md) / 2);\n      inline-size: var(--nano-spacing-md);\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) td[sticky]:is([sticky=end])::after, :where(nano-table, .nano-table) th[sticky]:is([sticky=end])::after {\n      box-shadow: -14px 0 14px 0 var(--table-background);\n      inset-inline: 0 auto;\n    }\n  }\n  :where(nano-table, .nano-table) td[sticky=start], :where(nano-table, .nano-table) th[sticky=start] {\n    inset-inline-start: var(--sticky-start, 0);\n  }\n  :where(nano-table, .nano-table) td[sticky=end], :where(nano-table, .nano-table) th[sticky=end] {\n    inset-inline-end: var(--sticky-end, 0);\n    z-index: 3;\n  }\n  @supports (container-type: scroll-state) {\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n      content: "";\n      visibility: hidden;\n      inline-size: 10px;\n      inset-block-start: 0;\n      block-size: var(--section-height);\n      position: absolute;\n    }\n    @container scroll-state(stuck: left) {\n      :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n        visibility: visible;\n      }\n    }\n    @container scroll-state(stuck: right) {\n      :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n        visibility: visible;\n      }\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after {\n      inset-inline-end: 0;\n      box-shadow: calc(4px * var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n      inset-inline-start: 0;\n      box-shadow: calc(-4px * var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n    }\n  }\n}\n@layer components {\n  :root {\n    --nano-component-icon-chevron: url("data:image/svg+xml;charset=utf-8,<svg%20viewBox=\'0%200%2016%2016\'%20xmlns=\'http://www.w3.org/2000/svg\'><g><path%20fill=\'white\'%20d=\'M4.18457%2015.8496C4.06179%2015.7374%204.00044%2015.584%204.00044%2015.43C4.00044%2015.291%204.05065%2015.1521%204.15221%2015.0421L10.6195%208.00301L4.15207%200.959231C3.9378%200.727093%203.9512%200.364958%204.18443%200.151748C4.41655%20-0.0625328%204.77688%20-0.0480332%204.99114%200.183555L11.8477%207.61197C12.0508%207.83182%2012.0508%208.16767%2011.8477%208.38766L4.99114%2015.8161C4.77594%2016.046%204.41669%2016.0639%204.18457%2015.8496Z\'/></g></svg>");\n    --nano-component-icon-download: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20512%20512\'><path%20fill=\'white\'%20d=\'M272%2016c0-8.8-7.2-16-16-16s-16%207.2-16%2016l0%20313.4L139.3%20228.7c-6.2-6.2-16.4-6.2-22.6%200s-6.2%2016.4%200%2022.6l128%20128c6.2%206.2%2016.4%206.2%2022.6%200l128-128c6.2-6.2%206.2-16.4%200-22.6s-16.4-6.2-22.6%200L272%20329.4%20272%2016zM140.1%20320L64%20320c-35.3%200-64%2028.7-64%2064l0%2064c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-64c0-35.3-28.7-64-64-64l-76.1%200-32%2032L448%20352c17.7%200%2032%2014.3%2032%2032l0%2064c0%2017.7-14.3%2032-32%2032L64%20480c-17.7%200-32-14.3-32-32l0-64c0-17.7%2014.3-32%2032-32l108.1%200-32-32zM432%20416a24%2024%200%201%200%20-48%200%2024%2024%200%201%200%2048%200z\'/></svg>");\n    --nano-component-icon-open: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20512%20512\'><path%20fill=\'white\'%20d=\'M336%200c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016l121.4%200L212.7%20276.7c-6.2%206.2-6.2%2016.4%200%2022.6s16.4%206.2%2022.6%200L480%2054.6%20480%20176c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16l0-160c0-8.8-7.2-16-16-16L336%200zM64%2032C28.7%2032%200%2060.7%200%2096L0%20448c0%2035.3%2028.7%2064%2064%2064l352%200c35.3%200%2064-28.7%2064-64l0-144c0-8.8-7.2-16-16-16s-16%207.2-16%2016l0%20144c0%2017.7-14.3%2032-32%2032L64%20480c-17.7%200-32-14.3-32-32L32%2096c0-17.7%2014.3-32%2032-32l144%200c8.8%200%2016-7.2%2016-16s-7.2-16-16-16L64%2032z\'/></svg>");\n    --nano-component-icon-check: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20448%20512\'><path%20d=\'M443.3%20100.7c6.2%206.2%206.2%2016.4%200%2022.6l-272%20272c-6.2%206.2-16.4%206.2-22.6%200l-144-144c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200L160%20361.4%20420.7%20100.7c6.2-6.2%2016.4-6.2%2022.6%200z\'/></svg>");\n    --nano-component-icon-caret: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20256%20512\'><path%20d=\'M246.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8%2016.6-19.8%2029.6l0%20256c0%2012.9%207.8%2024.6%2019.8%2029.6s25.7%202.2%2034.9-6.9l128-128z\'/></svg>");\n  }\n  nano-intersection-observe,\n  nano-resize-observe,\n  nano-global-search-results,\n  nano-cta,\n  nano-card,\n  nano-tag,\n  nano-content-links,\n  nano-badge,\n  nano-avatar,\n  nano-icon-item,\n  nano-masked-overflow,\n  nano-table {\n    visibility: visible !important;\n  }\n  body:not(.nano-eager) nano-algolia-filter,\n  body:not(.nano-eager) nano-algolia-input,\n  body:not(.nano-eager) nano-algolia-pagination,\n  body:not(.nano-eager) nano-algolia-results,\n  body:not(.nano-eager) nano-details,\n  body:not(.nano-eager) nano-accordion,\n  body:not(.nano-eager) nano-grid-item,\n  body:not(.nano-eager) nano-menu,\n  body:not(.nano-eager) nano-range,\n  body:not(.nano-eager) nano-rating,\n  body:not(.nano-eager) nano-slide,\n  body:not(.nano-eager) nano-slides,\n  body:not(.nano-eager) nano-date-input,\n  body:not(.nano-eager) nano-global-nav,\n  body:not(.nano-eager) nano-menu-drawer,\n  body:not(.nano-eager) nano-checkbox,\n  body:not(.nano-eager) nano-checkbox-group,\n  body:not(.nano-eager) nano-grid,\n  body:not(.nano-eager) nano-option,\n  body:not(.nano-eager) nano-algolia,\n  body:not(.nano-eager) nano-date-picker,\n  body:not(.nano-eager) nano-select,\n  body:not(.nano-eager) nano-dropdown,\n  body:not(.nano-eager) nano-nav-item,\n  body:not(.nano-eager) nano-input,\n  body:not(.nano-eager) nano-icon,\n  body:not(.nano-eager) nano-tab-content,\n  body:not(.nano-eager) nano-tab,\n  body:not(.nano-eager) nano-hero,\n  body:not(.nano-eager) nano-img,\n  body:not(.nano-eager) nano-datalist,\n  body:not(.nano-eager) nano-split-pane,\n  body:not(.nano-eager) nano-file-upload,\n  body:not(.nano-eager) nano-data-table,\n  body:not(.nano-eager) nano-alert,\n  body:not(.nano-eager) nano-dialog,\n  body:not(.nano-eager) nano-drawer,\n  body:not(.nano-eager) nano-footer,\n  body:not(.nano-eager) nano-in-page-nav,\n  body:not(.nano-eager) nano-collapsible-comparison,\n  body:not(.nano-eager) nano-breadcrumb {\n    visibility: hidden;\n  }\n  body:not(.nano-eager) .hydrated {\n    visibility: inherit;\n  }\n  nano-alert:not(.hydrated):not([open]),\n  nano-dialog:not(.hydrated),\n  nano-drawer:not(.hydrated) {\n    display: none;\n  }\n  nano-alert[open]:not(.hydrated) {\n    display: block;\n    min-height: calc(var(--nano-pictogram-size-large) + var(--nano-spacing-md) * 2);\n  }\n  nano-tooltip:not(.hydrated) [slot=content] {\n    display: none;\n  }\n  nano-animation {\n    visibility: inherit !important;\n  }\n  nano-dropdown {\n    visibility: inherit !important;\n  }\n  nano-dropdown:not(.hydrated) :not([slot=trigger]) {\n    display: none;\n  }\n  nano-slides:not([ready]) {\n    opacity: 0;\n  }\n  nano-slide:not([ready]) {\n    opacity: 0;\n    block-size: 1px;\n    display: block;\n  }\n  @supports (scrollbar-gutter: stable) {\n    .nano-scroll-lock {\n      scrollbar-gutter: var(--nano-scroll-lock-gutter) !important;\n    }\n    .nano-scroll-lock body {\n      overflow: hidden !important;\n    }\n  }\n  /** This can go away once Safari has scrollbar-gutter support. */\n  @supports not (scrollbar-gutter: stable) {\n    .nano-scroll-lock body {\n      padding-inline-end: var(--nano-scroll-lock-size) !important;\n      overflow: hidden !important;\n    }\n  }\n}'),n.adoptedStyleSheets.push(a)}}var q=n=>{const a=xn(n,"childNodes");n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&"SLOT-FB"!==n.tagName&&Z(a,n.tagName).forEach((n=>{1===n.nodeType&&"SLOT-FB"===n.tagName&&(n.hidden=!!J(n,G(n),!1).length)}));let o=0;for(o=0;o<a.length;o++){const n=a[o];1===n.nodeType&&xn(n,"childNodes").length&&q(n)}},H=n=>{const a=[];for(let o=0;o<n.length;o++){const e=n[o]["s-nr"]||void 0;e&&e.isConnected&&a.push(e)}return a};function Z(n,a,o){let e,t=0,r=[];for(;t<n.length;t++){if(e=n[t],e["s-sr"]&&(!a||e["s-hn"]===a)&&(void 0===o||G(e)===o)&&(r.push(e),void 0!==o))return r;r=[...r,...Z(e.childNodes,a,o)]}return r}var J=(n,a,o=!0)=>{const e=[];(o&&n["s-sr"]||!n["s-sr"])&&e.push(n);let t=n;for(;t=t.nextSibling;)G(t)!==a||!o&&t["s-sr"]||e.push(t);return e},X=(n,a)=>1===n.nodeType?null===n.getAttribute("slot")&&""===a||n.getAttribute("slot")===a:n["s-sn"]===a||""===a,Y=(n,a,o,e)=>{if(n["s-ol"]&&n["s-ol"].isConnected)return;const t=document.createTextNode("");if(t["s-nr"]=n,!a["s-cr"]||!a["s-cr"].parentNode)return;const r=a["s-cr"].parentNode,i=xn(r,o?"prepend":"appendChild");if(void 0!==e){t["s-oo"]=e;const n=xn(r,"childNodes"),a=[t];n.forEach((n=>{n["s-nr"]&&a.push(n)})),a.sort(((n,a)=>!n["s-oo"]||n["s-oo"]<(a["s-oo"]||0)?-1:!a["s-oo"]||a["s-oo"]<n["s-oo"]?1:0)),a.forEach((n=>i.call(r,n)))}else i.call(r,t);n["s-ol"]=t,n["s-sh"]=a["s-hn"]},G=n=>"string"==typeof n["s-sn"]?n["s-sn"]:1===n.nodeType&&n.getAttribute("slot")||void 0;function K(n){if(n.assignedElements||n.assignedNodes||!n["s-sr"])return;const a=a=>function(n){const o=[],e=this["s-sn"];(null==n?void 0:n.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const t=this["s-cr"].parentElement;return(t.__childNodes?t.childNodes:H(t.childNodes)).forEach((n=>{e===G(n)&&o.push(n)})),a?o.filter((n=>1===n.nodeType)):o}.bind(n);n.assignedElements=a(!0),n.assignedNodes=a(!1)}function Q(n){n.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function nn(n,a){var o;if(!(a=a||(null==(o=n["s-ol"])?void 0:o.parentElement)))return{slotNode:null,slotName:""};const e=n["s-sn"]=G(n)||"";return{slotNode:Z(xn(a,"childNodes"),a.tagName,e)[0],slotName:e}}var an=n=>{const a=n.cloneNode;n.cloneNode=function(n){const o=this.shadowRoot&&true,e=a.call(this,!!o&&n);if(!o&&n){let n,a,o=0;const t=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],r=this.__childNodes||this.childNodes;for(;o<r.length;o++)n=r[o]["s-nr"],a=t.every((n=>!r[o][n])),n&&(e.__appendChild?e.__appendChild(n.cloneNode(!0)):e.appendChild(n.cloneNode(!0))),a&&e.appendChild(r[o].cloneNode(!0))}return e}},on=n=>{n.__appendChild=n.appendChild,n.appendChild=function(n){const{slotName:a,slotNode:o}=nn(n,this);if(o){Y(n,o);const e=J(o,a),t=e[e.length-1],r=xn(t,"parentNode"),i=xn(r,"insertBefore")(n,t.nextSibling);return Q(o),q(this),i}return this.__appendChild(n)}},en=n=>{n.__removeChild=n.removeChild,n.removeChild=function(n){return n&&void 0!==n["s-sn"]&&Z(this.__childNodes||this.childNodes,this.tagName,n["s-sn"])&&n.isConnected?(n.remove(),void q(this)):this.__removeChild(n)}},tn=n=>{n.__prepend=n.prepend,n.prepend=function(...a){a.forEach((a=>{"string"==typeof a&&(a=this.ownerDocument.createTextNode(a));const o=(a["s-sn"]=G(a))||"",e=Z(xn(this,"childNodes"),this.tagName,o)[0];if(e){Y(a,e,!0);const n=J(e,o)[0],t=xn(n,"parentNode"),r=xn(t,"insertBefore")(a,xn(n,"nextSibling"));return Q(e),r}return 1===a.nodeType&&a.getAttribute("slot")&&(a.hidden=!0),n.__prepend(a)}))}},rn=n=>{n.__append=n.append,n.append=function(...n){n.forEach((n=>{"string"==typeof n&&(n=this.ownerDocument.createTextNode(n)),this.appendChild(n)}))}},ln=n=>{const a=n.insertAdjacentHTML;n.insertAdjacentHTML=function(n,o){if("afterbegin"!==n&&"beforeend"!==n)return a.call(this,n,o);const e=this.ownerDocument.createElement("_");let t;if(e.innerHTML=o,"afterbegin"===n)for(;t=e.firstChild;)this.prepend(t);else if("beforeend"===n)for(;t=e.firstChild;)this.append(t)}},sn=n=>{n.insertAdjacentText=function(n,a){this.insertAdjacentHTML(n,a)}},cn=n=>{n.__insertBefore||(n.__insertBefore=n.insertBefore,n.insertBefore=function(n,a){const{slotName:o,slotNode:e}=nn(n,this),t=this.__childNodes?this.childNodes:H(this.childNodes);if(e){let r=!1;if(t.forEach((t=>{if(t!==a&&null!==a);else{if(r=!0,null===a||o!==a["s-sn"])return void this.appendChild(n);if(o===a["s-sn"]){Y(n,e);const o=xn(a,"parentNode");xn(o,"insertBefore")(n,a),Q(e)}}})),r)return n}const r=null==a?void 0:a.__parentNode;return r&&!this.isSameNode(r)?this.appendChild(n):this.__insertBefore(n,a)})},dn=n=>{const a=n.insertAdjacentElement;n.insertAdjacentElement=function(n,o){return"afterbegin"!==n&&"beforeend"!==n?a.call(this,n,o):"afterbegin"===n?(this.prepend(o),o):"beforeend"===n?(this.append(o),o):o}},vn=n=>{kn("textContent",n),Object.defineProperty(n,"textContent",{get:function(){let n="";return(this.__childNodes?this.childNodes:H(this.childNodes)).forEach((a=>n+=a.textContent||"")),n},set:function(n){(this.__childNodes?this.childNodes:H(this.childNodes)).forEach((n=>{n["s-ol"]&&n["s-ol"].remove(),n.remove()})),this.insertAdjacentHTML("beforeend",n)}})},bn=n=>{class a extends Array{item(n){return this[n]}}kn("children",n),Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>1===n.nodeType))}}),Object.defineProperty(n,"childElementCount",{get(){return this.children.length}}),kn("firstChild",n),Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}}),kn("lastChild",n),Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),kn("childNodes",n),Object.defineProperty(n,"childNodes",{get(){const n=new a;return n.push(...H(this.__childNodes)),n}})},gn=n=>{n&&void 0===n.__nextSibling&&globalThis.Node&&(pn(n),mn(n),fn(n),n.nodeType===Node.ELEMENT_NODE&&(hn(n),un(n)))},pn=n=>{n&&!n.__nextSibling&&(kn("nextSibling",n),Object.defineProperty(n,"nextSibling",{get:function(){var n;const a=null==(n=this["s-ol"])?void 0:n.parentNode.childNodes,o=null==a?void 0:a.indexOf(this);return a&&o>-1?a[o+1]:this.__nextSibling}}))},hn=n=>{n&&!n.__nextElementSibling&&(kn("nextElementSibling",n),Object.defineProperty(n,"nextElementSibling",{get:function(){var n;const a=null==(n=this["s-ol"])?void 0:n.parentNode.children,o=null==a?void 0:a.indexOf(this);return a&&o>-1?a[o+1]:this.__nextElementSibling}}))},mn=n=>{n&&!n.__previousSibling&&(kn("previousSibling",n),Object.defineProperty(n,"previousSibling",{get:function(){var n;const a=null==(n=this["s-ol"])?void 0:n.parentNode.childNodes,o=null==a?void 0:a.indexOf(this);return a&&o>-1?a[o-1]:this.__previousSibling}}))},un=n=>{n&&!n.__previousElementSibling&&(kn("previousElementSibling",n),Object.defineProperty(n,"previousElementSibling",{get:function(){var n;const a=null==(n=this["s-ol"])?void 0:n.parentNode.children,o=null==a?void 0:a.indexOf(this);return a&&o>-1?a[o-1]:this.__previousElementSibling}}))},fn=n=>{n&&!n.__parentNode&&(kn("parentNode",n),Object.defineProperty(n,"parentNode",{get:function(){var n;return(null==(n=this["s-ol"])?void 0:n.parentNode)||this.__parentNode},set:function(n){this.__parentNode=n}}))},wn=["children","nextElementSibling","previousElementSibling"],yn=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function kn(n,a){let o;wn.includes(n)?o=Object.getOwnPropertyDescriptor(Element.prototype,n):yn.includes(n)&&(o=Object.getOwnPropertyDescriptor(Node.prototype,n)),o||(o=Object.getOwnPropertyDescriptor(a,n)),o&&Object.defineProperty(a,"__"+n,o)}function xn(n,a){if("__"+a in n){const o=n["__"+a];return"function"!=typeof o?o:o.bind(n)}return"function"!=typeof n[a]?n[a]:n[a].bind(n)}var zn=(n,a,...o)=>{let e=null,t=null,r=null,i=!1,l=!1;const s=[],c=a=>{for(let o=0;o<a.length;o++)e=a[o],Array.isArray(e)?c(e):null!=e&&"boolean"!=typeof e&&((i="function"!=typeof n&&!B(e))&&(e+=""),i&&l?s[s.length-1].h+=e:s.push(i?$n(null,e):e),l=i)};if(c(o),a){a.key&&(t=a.key),a.name&&(r=a.name);{const n=a.className||a.class;n&&(a.class="object"!=typeof n?n:Object.keys(n).filter((a=>n[a])).join(" "))}}if("function"==typeof n)return n(null===a?{}:a,s,jn);const d=$n(n,null);return d.m=a,s.length>0&&(d.u=s),d.k=t,d.$=r,d},$n=(n,a)=>({v:0,_:n,h:a,j:null,u:null,m:null,k:null,$:null}),_n={},jn={forEach:(n,a)=>n.map(Sn).forEach(a),map:(n,a)=>n.map(Sn).map(a).map(On)},Sn=n=>({vattrs:n.m,vchildren:n.u,vkey:n.k,vname:n.$,vtag:n._,vtext:n.h}),On=n=>{if("function"==typeof n.vtag){const a={...n.vattrs};return n.vkey&&(a.key=n.vkey),n.vname&&(a.name=n.vname),zn(n.vtag,a,...n.vchildren||[])}const a=$n(n.vtag,n.vtext);return a.m=n.vattrs,a.u=n.vchildren,a.k=n.vkey,a.$=n.vname,a},Nn=(n,a,o,e,t,r,i,l=[])=>{let s,c,d,v;const b=t["s-sc"];if(1===r.nodeType){if(s=r.getAttribute(f),s&&(c=s.split("."),c[0]===i||"0"===c[0])){d=Ln({v:0,S:c[0],O:c[1],N:c[2],C:c[3],_:r.tagName.toLowerCase(),j:r,m:{class:r.className||""}}),a.push(d),r.removeAttribute(f),n.u||(n.u=[]),b&&(r["s-si"]=b,d.m.class+=" "+b);const t=d.j.getAttribute("s-sn");"string"==typeof t&&("slot-fb"===d._&&(En(t,c[2],d,r,n,a,o,e,l),b&&r.classList.add(b)),d.j["s-sn"]=t,d.j.removeAttribute("s-sn")),void 0!==d.C&&(n.u[d.C]=d),n=d,e&&"0"===d.N&&(e[d.C]=d.j)}if(r.shadowRoot)for(v=r.shadowRoot.childNodes.length-1;v>=0;v--)Nn(n,a,o,e,t,r.shadowRoot.childNodes[v],i,l);const g=r.__childNodes||r.childNodes;for(v=g.length-1;v>=0;v--)Nn(n,a,o,e,t,g[v],i,l)}else if(8===r.nodeType)c=r.nodeValue.split("."),(c[1]===i||"0"===c[1])&&(s=c[0],d=Ln({S:c[1],O:c[2],N:c[3],C:c[4]||"0",j:r,m:null,u:null,k:null,$:null,_:null,h:null}),"t"===s?(d.j=Rn(r,3),d.j&&3===d.j.nodeType&&(d.h=d.j.textContent,a.push(d),r.remove(),i===d.S&&(n.u||(n.u=[]),n.u[d.C]=d),e&&"0"===d.N&&(e[d.C]=d.j))):"c"===s?(d.j=Rn(r,8),d.j&&8===d.j.nodeType&&(a.push(d),r.remove())):d.S===i&&("s"===s?En(r["s-sn"]=c[5]||"",c[2],d,r,n,a,o,e,l):"r"===s&&(e?r.remove():(t["s-cr"]=r,r["s-cn"]=!0))));else if(n&&"style"===n._){const a=$n(null,r.textContent);a.j=r,a.C="0",n.u=[a]}else 3!==r.nodeType||r.wholeText.trim()||r.remove();return n},Cn=(n,a)=>{if(1===n.nodeType){const o=n[m]||n.getAttribute(m);o&&a.set(o,n);let e=0;if(n.shadowRoot)for(;e<n.shadowRoot.childNodes.length;e++)Cn(n.shadowRoot.childNodes[e],a);const t=n.__childNodes||n.childNodes;for(e=0;e<t.length;e++)Cn(t[e],a)}else if(8===n.nodeType){const o=n.nodeValue.split(".");"o"===o[0]&&(a.set(o[1]+"."+o[2],n),n.nodeValue="",n["s-en"]=o[3])}},Ln=n=>({v:0,S:null,O:null,N:null,C:"0",j:null,m:null,u:null,k:null,$:null,_:null,h:null,...n});function En(n,a,o,e,t,r,i,l,s){e["s-sr"]=!0,o.$=n||null,o._="slot";const c=(null==t?void 0:t.j)?t.j["s-id"]||t.j.getAttribute("s-id"):"";if(l&&k.document){const r=o.j=k.document.createElement(o._);o.$&&o.j.setAttribute("name",n),c&&c!==o.S?t.j.insertBefore(r,t.j.children[0]):e.parentNode.insertBefore(r,e),Mn(s,a,n,e,o.S),e.remove(),"0"===o.N&&(l[o.C]=o.j)}else{const r=o.j,i=c&&c!==o.S&&t.j.shadowRoot;Mn(s,a,n,e,i?c:o.S),K(e),i&&t.j.insertBefore(r,t.j.children[0])}r.push(o),i.push(o),t.u||(t.u=[]),t.u[o.C]=o}var Mn=(n,a,o,e,t)=>{let r=e.nextSibling;for(n[a]=n[a]||[];r&&((r.getAttribute&&r.getAttribute("slot")||r["s-sn"])===o||""===o&&!r["s-sn"]&&(8===r.nodeType&&1!==r.nodeValue.indexOf(".")||3===r.nodeType));)r["s-sn"]=o,n[a].push({slot:e,node:r,hostId:t}),r=r.nextSibling},Rn=(n,a)=>{let o=n;do{o=o.nextSibling}while(o&&(o.nodeType!==a||!o.nodeValue));return o},Tn=n=>{const a=(n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(n);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${a}))(${a}\\b)`,"g")};Tn("::slotted"),Tn(":host"),Tn(":host-context");var Bn,In,An,Pn=(n,a)=>{if("string"==typeof n&&(n.startsWith("{")&&n.endsWith("}")||n.startsWith("[")&&n.endsWith("]")))try{return JSON.parse(n)}catch(n){}return"string"==typeof n&&n.startsWith(s)?n=function(n){return"string"==typeof n&&n.startsWith(s)?A.fromLocalValue(JSON.parse(atob(n.slice(11)))):n}(n):null==n||B(n)?n:4&a?"false"!==n&&(""===n||!!n):2&a?"string"==typeof n?parseFloat(n):"number"==typeof n?n:NaN:1&a?n+"":n},Fn=n=>d(n).$hostElement$,Un=(n,a,o)=>{const e=Fn(n);return{emit:n=>Dn(e,a,{bubbles:!!(4&o),composed:!!(2&o),cancelable:!!(1&o),detail:n})}},Dn=(n,a,o)=>{const e=z.ce(a,o);return n.dispatchEvent(e),e},Wn=new WeakMap,Vn=(n,a,o)=>{let e=h.get(n);_&&o?(e=e||new CSSStyleSheet,"string"==typeof e?e=a:e.replaceSync(a)):e=a,h.set(n,e)},qn=(n,a)=>{var o;const e=Hn(a),t=h.get(e);if(!k.document)return e;if(n=11===n.nodeType?n:k.document,t)if("string"==typeof t){let r,i=Wn.get(n=n.head||n);if(i||Wn.set(n,i=new Set),!i.has(e)){if(n.host&&(r=n.querySelector(`[${u}="${e}"]`)))r.innerHTML=t;else{r=k.document.createElement("style"),r.innerHTML=t;const e=null!=(o=z.L)?o:I(k.document);if(null!=e&&r.setAttribute("nonce",e),!(1&a.v))if("HEAD"===n.nodeName){const a=n.querySelectorAll("link[rel=preconnect]"),o=a.length>0?a[a.length-1].nextSibling:n.querySelector("style");n.insertBefore(r,(null==o?void 0:o.parentNode)===n?o:null)}else if("host"in n)if(_){const a=new CSSStyleSheet;a.replaceSync(t),n.adoptedStyleSheets=[a,...n.adoptedStyleSheets]}else{const a=n.querySelector("style");a?a.innerHTML=t+a.innerHTML:n.prepend(r)}else n.append(r);1&a.v&&n.insertBefore(r,null)}4&a.v&&(r.innerHTML+=w),i&&i.add(e)}}else n.adoptedStyleSheets.includes(t)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,t]);return e},Hn=n=>"sc-"+n.M,Zn=n=>n.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),Jn=(n,a,o,e,t,r,i)=>{if(o===e)return;let l=b(n,a),s=a.toLowerCase();if("class"===a){const a=n.classList,t=Yn(o);let r=Yn(e);n["s-si"]&&i?(r.push(n["s-si"]),t.forEach((a=>{a.startsWith(n["s-si"])&&r.push(a)})),r=[...new Set(r)],a.add(...r)):(a.remove(...t.filter((n=>n&&!r.includes(n)))),a.add(...r.filter((n=>n&&!t.includes(n)))))}else if("style"===a){for(const a in o)e&&null!=e[a]||(a.includes("-")?n.style.removeProperty(a):n.style[a]="");for(const a in e)o&&e[a]===o[a]||(a.includes("-")?n.style.setProperty(a,e[a]):n.style[a]=e[a])}else if("key"===a);else if("ref"===a)e&&e(n);else if(l||"o"!==a[0]||"n"!==a[1]){const i=B(e);if(l||i&&null!==e)try{if(n.tagName.includes("-"))n[a]!==e&&(n[a]=e);else{const t=null==e?"":e;"list"===a?l=!1:null!=o&&n[a]==t||("function"==typeof n.__lookupSetter__(a)?n[a]=t:n.setAttribute(a,t))}}catch(n){}let c=!1;s!==(s=s.replace(/^xlink\:?/,""))&&(a=s,c=!0),null==e||!1===e?!1===e&&""!==n.getAttribute(a)||(c?n.removeAttributeNS(y,a):n.removeAttribute(a)):(!l||4&r||t)&&!i&&1===n.nodeType&&(e=!0===e?"":e,c?n.setAttributeNS(y,a,e):n.setAttribute(a,e))}else if(a="-"===a[2]?a.slice(3):b(k,s)?s.slice(2):s[2]+a.slice(3),o||e){const t=a.endsWith(Gn);a=a.replace(Kn,""),o&&z.rel(n,a,o,t),e&&z.ael(n,a,e,t)}},Xn=/\s/,Yn=n=>("object"==typeof n&&n&&"baseVal"in n&&(n=n.baseVal),n&&"string"==typeof n?n.split(Xn):[]),Gn="Capture",Kn=RegExp(Gn+"$"),Qn=(n,a,o,e)=>{const t=11===a.j.nodeType&&a.j.host?a.j.host:a.j,r=n&&n.m||{},i=a.m||{};for(const n of na(Object.keys(r)))n in i||Jn(t,n,r[n],void 0,o,a.v,e);for(const n of na(Object.keys(i)))Jn(t,n,r[n],i[n],o,a.v,e)};function na(n){return n.includes("ref")?[...n.filter((n=>"ref"!==n)),"ref"]:n}var aa=!1,oa=!1,ea=!1,ta=!1,ra=(n,a,o)=>{var e;const t=a.u[o];let r,i,l,s=0;if(aa||(ea=!0,"slot"===t._&&(t.v|=t.u?2:1)),null!==t.h)r=t.j=k.document.createTextNode(t.h);else if(1&t.v)r=t.j=k.document.createTextNode(""),Qn(null,t,ta);else{if(!k.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(r=t.j=k.document.createElement(!aa&&2&t.v?"slot-fb":t._),Qn(null,t,ta),null!=Bn&&void 0!==Bn&&r["s-si"]!==Bn&&r.classList.add(r["s-si"]=Bn),t.u)for(s=0;s<t.u.length;++s)i=ra(n,t,s),i&&r.appendChild(i)}return r["s-hn"]=An,3&t.v&&(r["s-sr"]=!0,r["s-cr"]=In,r["s-sn"]=t.$||"",r["s-rf"]=null==(e=t.m)?void 0:e.ref,K(r),l=n&&n.u&&n.u[o],l&&l._===t._&&n.j&&ia(n.j),ua(In,r,a.j,null==n?void 0:n.j)),r},ia=n=>{z.v|=1;const a=n.closest(An.toLowerCase());if(null!=a){const o=Array.from(a.__childNodes||a.childNodes).find((n=>n["s-cr"])),e=Array.from(n.__childNodes||n.childNodes);for(const n of o?e.reverse():e)null!=n["s-sh"]&&(ma(a,n,null!=o?o:null),n["s-sh"]=void 0,ea=!0)}z.v&=-2},la=(n,a)=>{z.v|=1;const o=Array.from(n.__childNodes||n.childNodes);if(n["s-sr"]){let a=n;for(;a=a.nextSibling;)a&&a["s-sn"]===n["s-sn"]&&a["s-sh"]===An&&o.push(a)}for(let n=o.length-1;n>=0;n--){const e=o[n];e["s-hn"]!==An&&e["s-ol"]&&(ma(va(e).parentNode,e,va(e)),e["s-ol"].remove(),e["s-ol"]=void 0,e["s-sh"]=void 0,ea=!0),a&&la(e,a)}z.v&=-2},sa=(n,a,o,e,t,r)=>{let i,l=n["s-cr"]&&n["s-cr"].parentNode||n;for(l.shadowRoot&&l.tagName===An&&(l=l.shadowRoot);t<=r;++t)e[t]&&(i=ra(null,o,t),i&&(e[t].j=i,ma(l,i,va(a))))},ca=(n,a,o)=>{for(let e=a;e<=o;++e){const a=n[e];if(a){const n=a.j;ha(a),n&&(oa=!0,n["s-ol"]?n["s-ol"].remove():la(n,!0),n.remove())}}},da=(n,a,o=!1)=>n._===a._&&("slot"===n._?n.$===a.$:o?(o&&!n.k&&a.k&&(n.k=a.k),!0):n.k===a.k),va=n=>n&&n["s-ol"]||n,ba=(n,a,o=!1)=>{const e=a.j=n.j,t=n.u,r=a.u,i=a.h;let l;null===i?("slot"!==a._||aa||n.$!==a.$&&(a.j["s-sn"]=a.$||"",ia(a.j.parentElement)),Qn(n,a,ta,o),null!==t&&null!==r?((n,a,o,e,t=!1)=>{let r,i,l=0,s=0,c=0,d=0,v=a.length-1,b=a[0],g=a[v],p=e.length-1,h=e[0],m=e[p];for(;l<=v&&s<=p;)if(null==b)b=a[++l];else if(null==g)g=a[--v];else if(null==h)h=e[++s];else if(null==m)m=e[--p];else if(da(b,h,t))ba(b,h,t),b=a[++l],h=e[++s];else if(da(g,m,t))ba(g,m,t),g=a[--v],m=e[--p];else if(da(b,m,t))"slot"!==b._&&"slot"!==m._||la(b.j.parentNode,!1),ba(b,m,t),ma(n,b.j,g.j.nextSibling),b=a[++l],m=e[--p];else if(da(g,h,t))"slot"!==b._&&"slot"!==m._||la(g.j.parentNode,!1),ba(g,h,t),ma(n,g.j,b.j),g=a[--v],h=e[++s];else{for(c=-1,d=l;d<=v;++d)if(a[d]&&null!==a[d].k&&a[d].k===h.k){c=d;break}c>=0?(i=a[c],i._!==h._?r=ra(a&&a[s],o,c):(ba(i,h,t),a[c]=void 0,r=i.j),h=e[++s]):(r=ra(a&&a[s],o,s),h=e[++s]),r&&ma(va(b.j).parentNode,r,va(b.j))}l>v?sa(n,null==e[p+1]?null:e[p+1].j,o,e,s,p):s>p&&ca(a,l,v)})(e,t,a,r,o):null!==r?(null!==n.h&&(e.textContent=""),sa(e,null,a,r,0,r.length-1)):!o&&null!==t&&ca(t,0,t.length-1)):(l=e["s-cr"])?l.parentNode.textContent=i:n.h!==i&&(e.data=i)},ga=[],pa=n=>{let a,o,e;const t=n.__childNodes||n.childNodes;for(const n of t){if(n["s-sr"]&&(a=n["s-cr"])&&a.parentNode){o=a.parentNode.__childNodes||a.parentNode.childNodes;const t=n["s-sn"];for(e=o.length-1;e>=0;e--)if(a=o[e],!(a["s-cn"]||a["s-nr"]||a["s-hn"]===n["s-hn"]||a["s-sh"]&&a["s-sh"]===n["s-hn"]))if(X(a,t)){let o=ga.find((n=>n.R===a));oa=!0,a["s-sn"]=a["s-sn"]||t,o?(o.R["s-sh"]=n["s-hn"],o.T=n):(a["s-sh"]=n["s-hn"],ga.push({T:n,R:a})),a["s-sr"]&&ga.map((n=>{X(n.R,a["s-sn"])&&(o=ga.find((n=>n.R===a)),o&&!n.T&&(n.T=o.T))}))}else ga.some((n=>n.R===a))||ga.push({R:a})}1===n.nodeType&&pa(n)}},ha=n=>{n.m&&n.m.ref&&n.m.ref(null),n.u&&n.u.map(ha)},ma=(n,a,o)=>{if("string"==typeof a["s-sn"]&&a["s-sr"]&&a["s-cr"])ua(a["s-cr"],a,n,a.parentElement);else if("string"==typeof a["s-sn"]){11!==n.getRootNode().nodeType&&fn(a),n.insertBefore(a,o);const{slotNode:e}=nn(a);return e&&Q(e),a}return n.__insertBefore?n.__insertBefore(a,o):null==n?void 0:n.insertBefore(a,o)};function ua(n,a,o,e){var t,r;let i;if(n&&"string"==typeof a["s-sn"]&&a["s-sr"]&&n.parentNode&&n.parentNode["s-sc"]&&(i=a["s-si"]||n.parentNode["s-sc"])){const n=a["s-sn"],l=a["s-hn"];if(null==(t=o.classList)||t.add(i+"-s"),e&&(null==(r=e.classList)?void 0:r.contains(i+"-s"))){let a=(e.__childNodes||e.childNodes)[0],o=!1;for(;a;){if(a["s-sn"]!==n&&a["s-hn"]===l&&a["s-sr"]){o=!0;break}a=a.nextSibling}o||e.classList.remove(i+"-s")}}}var fa=(n,a)=>{if(a&&!n.B&&a["s-p"]){const o=a["s-p"].push(new Promise((e=>n.B=()=>{a["s-p"].splice(o-1,1),e()})))}},wa=(n,a)=>{if(n.v|=16,!(4&n.v))return fa(n,n.I),R((()=>ya(n,a)));n.v|=512},ya=(n,a)=>{const o=n.$hostElement$,e=n.l;if(!e)throw Error(`Can't render component <${o.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let t;return a?(n.v|=256,n.A&&(n.A.map((([n,a])=>Ca(e,n,a,o))),n.A=void 0),t=Ca(e,"componentWillLoad",void 0,o)):t=Ca(e,"componentWillUpdate",void 0,o),t=ka(t,(()=>Ca(e,"componentWillRender",void 0,o))),ka(t,(()=>za(n,e,a)))},ka=(n,a)=>xa(n)?n.then(a).catch((n=>{console.error(n),a()})):a(),xa=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,za=async(n,a,o)=>{var e;const t=n.$hostElement$,r=t["s-rc"];o&&(n=>{const a=n.t,o=n.$hostElement$,e=a.v,t=qn(o.shadowRoot?o.shadowRoot:o.getRootNode(),a);10&e&&(o["s-sc"]=t,o.classList.add(t+"-h"))})(n);_a(n,a,t,o),r&&(r.map((n=>n())),t["s-rc"]=void 0);{const a=null!=(e=t["s-p"])?e:[],o=()=>Sa(n);0===a.length?o():(Promise.all(a).then(o),n.v|=4,a.length=0)}},$a=null,_a=(n,a,o,e)=>{try{$a=a,a=a.render&&a.render(),n.v&=-17,n.v|=2,((n,a,o=!1)=>{var e,t,r,i,l;const s=n.$hostElement$,c=n.t,d=n.P||$n(null,null),v=(n=>n&&n._===_n)(a)?a:zn(null,null,a);if(An=s.tagName,c.F&&(v.m=v.m||{},c.F.map((([n,a])=>v.m[a]=s[n]))),o&&v.m)for(const n of Object.keys(v.m))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(v.m[n]=s[n]);if(v._=null,v.v|=4,n.P=v,v.j=d.j=s.shadowRoot||s,Bn=s["s-sc"],aa=!(!(1&c.v)||128&c.v),In=s["s-cr"],oa=!1,ba(d,v,o),z.v|=1,ea){pa(v.j);for(const n of ga){const a=n.R;if(!a["s-ol"]&&k.document){const n=k.document.createTextNode("");n["s-nr"]=a,ma(a.parentNode,a["s-ol"]=n,a)}}for(const n of ga){const a=n.R,l=n.T;if(l){const n=l.parentNode;let o=l.nextSibling;if(o&&1===o.nodeType){let r=null==(e=a["s-ol"])?void 0:e.previousSibling;for(;r;){let e=null!=(t=r["s-nr"])?t:null;if(e&&e["s-sn"]===a["s-sn"]&&n===(e.__parentNode||e.parentNode)){for(e=e.nextSibling;e===a||(null==e?void 0:e["s-sr"]);)e=null==e?void 0:e.nextSibling;if(!e||!e["s-nr"]){o=e;break}}r=r.previousSibling}}(!o&&n!==(a.__parentNode||a.parentNode)||(a.__nextSibling||a.nextSibling)!==o)&&a!==o&&(ma(n,a,o),1===a.nodeType&&"SLOT-FB"!==a.tagName&&(a.hidden=null!=(r=a["s-ih"])&&r)),a&&"function"==typeof l["s-rf"]&&l["s-rf"](l)}else 1===a.nodeType&&(o&&(a["s-ih"]=null!=(i=a.hidden)&&i),a.hidden=!0)}}if(oa&&q(v.j),z.v&=-2,ga.length=0,2&c.v){const n=v.j.__childNodes||v.j.childNodes;for(const a of n)a["s-hn"]===An||a["s-sh"]||(o&&null==a["s-ih"]&&(a["s-ih"]=null!=(l=a.hidden)&&l),a.hidden=!0)}In=void 0})(n,a,e)}catch(a){g(a,n.$hostElement$)}return $a=null,null},ja=()=>$a,Sa=n=>{const a=n.$hostElement$,o=n.l,e=n.I;Ca(o,"componentDidRender",void 0,a),64&n.v?Ca(o,"componentDidUpdate",void 0,a):(n.v|=64,La(a),Ca(o,"componentDidLoad",void 0,a),n.U(a),e||Na()),n.D(a),n.B&&(n.B(),n.B=void 0),512&n.v&&E((()=>wa(n,!1))),n.v&=-517},Oa=n=>{{const a=d(n),o=a.$hostElement$.isConnected;return o&&2==(18&a.v)&&wa(a,!1),o}},Na=()=>{E((()=>Dn(k,"appload",{detail:{namespace:n}})))},Ca=(n,a,o,e)=>{if(n&&n[a])try{return n[a](o)}catch(n){g(n,e)}},La=n=>n.classList.add("hydrated"),Ea=(n,a,o,e)=>{const t=d(n);if(!t)throw Error(`Couldn't find host element for "${e.M}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=t.$hostElement$,i=t.i.get(a),l=t.v,s=t.l;if(o=Pn(o,e.o[a][0]),(!(8&l)||void 0===i)&&o!==i&&(!Number.isNaN(i)||!Number.isNaN(o))&&(t.i.set(a,o),s)){if(e.W&&128&l){const n=e.W[a];n&&n.map((n=>{try{s[n](o,i,a)}catch(n){g(n,r)}}))}if(2==(18&l)){if(s.componentShouldUpdate&&!1===s.componentShouldUpdate(o,i,a))return;wa(t,!1)}}},Ma=(n,a,o)=>{var e,t;const r=n.prototype;if(a.o||a.W||n.watchers){n.watchers&&!a.W&&(a.W=n.watchers);const i=Object.entries(null!=(e=a.o)?e:{});if(i.map((([n,[e]])=>{if(31&e||2&o&&32&e){const{get:t,set:i}=Object.getOwnPropertyDescriptor(r,n)||{};t&&(a.o[n][0]|=2048),i&&(a.o[n][0]|=4096),(1&o||!t)&&Object.defineProperty(r,n,{get(){{if(!(2048&a.o[n][0]))return((n,a)=>d(this).i.get(a))(0,n);const o=d(this),e=o?o.l:r;if(!e)return;return e[n]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,n,{set(t){const r=d(this);if(i){const o=32&e?this[n]:r.$hostElement$[n];return void 0===o&&r.i.get(n)?t=r.i.get(n):!r.i.get(n)&&o&&r.i.set(n,o),i.call(this,Pn(t,e)),void Ea(this,n,t=32&e?this[n]:r.$hostElement$[n],a)}{if(!(1&o&&4096&a.o[n][0]))return Ea(this,n,t,a),void(1&o&&!r.l&&r.V.then((()=>{4096&a.o[n][0]&&r.l[n]!==r.i.get(n)&&(r.l[n]=t)})));const i=()=>{const o=r.l[n];!r.i.get(n)&&o&&r.i.set(n,o),r.l[n]=Pn(t,e),Ea(this,n,r.l[n],a)};r.l?i():r.V.then((()=>i()))}}})}else 1&o&&64&e&&Object.defineProperty(r,n,{value(...a){var o;const e=d(this);return null==(o=null==e?void 0:e.q)?void 0:o.then((()=>{var o;return null==(o=e.l)?void 0:o[n](...a)}))}})})),1&o){const o=new Map;r.attributeChangedCallback=function(n,e,t){z.jmp((()=>{var i;const l=o.get(n);if(this.hasOwnProperty(l))t=this[l],delete this[l];else{if(r.hasOwnProperty(l)&&"number"==typeof this[l]&&this[l]==t)return;if(null==l){const o=d(this),r=null==o?void 0:o.v;if(r&&!(8&r)&&128&r&&t!==e){const r=o.l,l=null==(i=a.W)?void 0:i[n];null==l||l.forEach((a=>{null!=r[a]&&r[a].call(r,t,e,n)}))}return}}const s=Object.getOwnPropertyDescriptor(r,l);(t=(null!==t||"boolean"!=typeof this[l])&&t)===this[l]||s.get&&!s.set||(this[l]=t)}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!=(t=a.W)?t:{}),...i.filter((([n,a])=>15&a[0])).map((([n,e])=>{var t;const r=e[1]||n;return o.set(r,n),512&e[0]&&(null==(t=a.F)||t.push([n,r])),r}))]))}}return n},Ra=(n,a)=>{Ca(n,"connectedCallback",void 0,a)},Ta=n=>{if(!(1&z.v)){const a=d(n),o=a.t,e=()=>{};if(1&a.v)Fa(n,a,o.H),(null==a?void 0:a.l)?Ra(a.l,n):(null==a?void 0:a.V)&&a.V.then((()=>Ra(a.l,n)));else{let e;if(a.v|=1,e=n.getAttribute(m),e){if(1&o.v){const a=qn(n.shadowRoot,o);n.classList.remove(a+"-h",a+"-s")}else if(2&o.v){const a=Hn(o);n["s-sc"]=a}((n,a,o,e)=>{var t;const r=n.shadowRoot,i=[],l=[],s=[],c=r?[]:null,d=$n(a,null);let v;d.j=n,Object.entries((null==(t=e.t)?void 0:t.o)||{}).forEach((([a,[o,t]])=>{var r;if(!(31&o))return;const i=n.getAttribute(t||a);if(null!==i){const n=Pn(i,o);null==(r=null==e?void 0:e.i)||r.set(a,n)}}));{const a=e.t;a&&10&a.v&&n["s-sc"]?(v=n["s-sc"],n.classList.add(v+"-h")):n["s-sc"]&&delete n["s-sc"]}!k.document||z.Z&&z.Z.size||Cn(k.document.body,z.Z=new Map),n[m]=o,n.removeAttribute(m),e.P=Nn(d,i,l,c,n,n,o,s);let b=0;const g=i.length;let p;for(;b<g;b++){p=i[b];const o=p.S+"."+p.O,e=z.Z.get(o),t=p.j;r||(t["s-hn"]=a.toUpperCase(),"slot"===p._&&(t["s-cr"]=n["s-cr"])),"slot"===p._&&(p.$=p.j["s-sn"]||p.j.name||null,p.u?(p.v|=2,p.j.childNodes.length||p.u.forEach((n=>{p.j.appendChild(n.j)}))):p.v|=1),e&&e.isConnected&&(r&&""===e["s-en"]&&e.parentNode.insertBefore(t,e.nextSibling),e.parentNode.removeChild(e),r||(t["s-oo"]=parseInt(p.O))),z.Z.delete(o)}const h=[],u=s.length;let f,w,y,x,$=0;for(;$<u;$++)if(f=s[$],f&&f.length)for(y=f.length,w=0;w<y;w++){if(x=f[w],h[x.hostId]||(h[x.hostId]=z.Z.get(x.hostId)),!h[x.hostId])continue;const n=h[x.hostId];n.shadowRoot&&r||(x.slot["s-cr"]=n["s-cr"],x.slot["s-cr"]=!x.slot["s-cr"]&&n.shadowRoot?n:(n.__childNodes||n.childNodes)[0],Y(x.node,x.slot,!1,x.node["s-oo"]),gn(x.node)),n.shadowRoot&&x.node.parentElement!==n&&n.appendChild(x.node)}if(v&&l.length&&l.forEach((n=>{n.j.parentElement.classList.add(v+"-s")})),r&&!r.childNodes.length){let a=0;const o=c.length;if(o){for(;a<o;a++)r.appendChild(c[a]);Array.from(n.childNodes).forEach((n=>{"string"!=typeof n["s-en"]&&"string"!=typeof n["s-sn"]&&(1===n.nodeType&&n.slot&&n.hidden?n.removeAttribute("hidden"):(8===n.nodeType||3===n.nodeType&&!n.wholeText.trim())&&n.parentNode.removeChild(n))}))}}z.Z.delete(n["s-id"]),e.$hostElement$=n})(n,o.M,e,a)}e||12&o.v&&Ba(n);{let o=n;for(;o=o.parentNode||o.host;)if(1===o.nodeType&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){fa(a,a.I=o);break}}o.o&&Object.entries(o.o).map((([a,[o]])=>{if(31&o&&n.hasOwnProperty(a)){const o=n[a];delete n[a],n[a]=o}})),(async(n,a,o)=>{let e;if(!(32&a.v)){if(a.v|=32,o.J){const t=((n,a)=>{const o=n.M.replace(/-/g,"_"),e=n.J;if(!e)return;const t=p.get(e);return t?t[o]:import(`./${e}.entry.js`).then((n=>(p.set(e,n),n[o])),(n=>{g(n,a.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(o,a);if(t&&"then"in t){const n=()=>{};e=await t,n()}else e=t;if(!e)throw Error(`Constructor for "${o.M}#${a.X}" was not found`);e.isProxied||(o.W=e.watchers,Ma(e,o,2),e.isProxied=!0);const r=()=>{};a.v|=8;try{new e(a)}catch(a){g(a,n)}a.v&=-9,a.v|=128,r(),Ra(a.l,n)}else e=n.constructor,customElements.whenDefined(n.localName).then((()=>a.v|=128));if(e&&e.style){let n;"string"==typeof e.style&&(n=e.style);const a=Hn(o);if(!h.has(a)){const e=()=>{};Vn(a,n,!!(1&o.v)),e()}}}const t=a.I,r=()=>wa(a,!0);t&&t["s-rc"]?t["s-rc"].push(r):r()})(n,a,o)}e()}},Ba=n=>{if(!k.document)return;const a=n["s-cr"]=k.document.createComment("");a["s-cn"]=!0,ma(n,a,n.firstChild)},Ia=(n,a)=>{Ca(n,"disconnectedCallback",void 0,a||n)},Aa=(n,a={})=>{var o;if(!k.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const e=[],t=a.exclude||[],r=k.customElements,i=k.document.head,l=i.querySelector("meta[charset]"),s=k.document.createElement("style"),c=[];let v,b=!0;Object.assign(z,a),z.p=new URL(a.resourcesUrl||"./",k.document.baseURI).href,z.v|=2,(()=>{if(!k.document)return;const n=k.document.querySelectorAll(`[${u}]`);let a=0;for(;a<n.length;a++)Vn(n[a].getAttribute(u),Zn(n[a].innerHTML),!0)})();let g=!1;if(n.map((n=>{n[1].map((o=>{var i;const l={v:o[0],M:o[1],o:o[2],H:o[3]};4&l.v&&(g=!0),l.o=o[2],l.H=o[3],l.F=[],l.W=null!=(i=o[4])?i:{};const s=a.transformTagName?a.transformTagName(l.M):l.M,p=class extends HTMLElement{constructor(n){if(super(n),this.hasRegisteredEventListeners=!1,((n,a)=>{const o={v:0,$hostElement$:n,t:a,i:new Map};o.q=new Promise((n=>o.D=n)),o.V=new Promise((n=>o.U=n)),n["s-p"]=[],n["s-rc"]=[];const e=o;n.__stencil__getHostRef=()=>e})(n=this,l),1&l.v)if(n.shadowRoot){if("open"!==n.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.M}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else V.call(n,l)}connectedCallback(){const n=d(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Fa(this,n,l.H)),v&&(clearTimeout(v),v=null),b?c.push(this):z.jmp((()=>Ta(this)))}disconnectedCallback(){z.jmp((()=>(async n=>{if(!(1&z.v)){const a=d(n);a.Y&&(a.Y.map((n=>n())),a.Y=void 0),(null==a?void 0:a.l)?Ia(a.l,n):(null==a?void 0:a.V)&&a.V.then((()=>Ia(a.l,n)))}Wn.has(n)&&Wn.delete(n),n.shadowRoot&&Wn.has(n.shadowRoot)&&Wn.delete(n.shadowRoot)})(this))),z.raf((()=>{var n;const a=d(this),o=c.findIndex((n=>n===this));o>-1&&c.splice(o,1),(null==(n=null==a?void 0:a.P)?void 0:n.j)instanceof Node&&!a.P.j.isConnected&&delete a.P.j}))}componentOnReady(){return d(this).V}};2&l.v&&(n=>{an(n),on(n),rn(n),tn(n),dn(n),ln(n),sn(n),cn(n),vn(n),bn(n),en(n)})(p.prototype),l.J=n[0],t.includes(s)||r.get(s)||(e.push(s),r.define(s,Ma(p,l,1)))}))})),e.length>0&&(g&&(s.textContent+=w),s.textContent+=e.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",s.innerHTML.length)){s.setAttribute("data-styles","");const n=null!=(o=z.L)?o:I(k.document);null!=n&&s.setAttribute("nonce",n),i.insertBefore(s,l?l.nextSibling:i.firstChild)}b=!1,c.length?c.map((n=>n.connectedCallback())):z.jmp((()=>v=setTimeout(Na,30)))},Pa=(n,a)=>a,Fa=(n,a,o)=>{o&&k.document&&o.map((([o,e,t])=>{const r=Da(k.document,n,o),i=Ua(a,t),l=Wa(o);z.ael(r,e,i,l),(a.Y=a.Y||[]).push((()=>z.rel(r,e,i,l)))}))},Ua=(n,a)=>o=>{var e;try{256&n.v?null==(e=n.l)||e[a](o):(n.A=n.A||[]).push([a,o])}catch(a){g(a,n.$hostElement$)}},Da=(n,a,o)=>8&o?k:16&o?n.body:a,Wa=n=>({passive:!!(1&n),capture:!!(2&n)}),Va=n=>z.L=n;export{e as B,Pa as F,x as H,n as N,Fn as a,Aa as b,Un as c,_n as d,R as e,M as f,a as g,zn as h,g as i,ja as j,Oa as k,T as l,$ as p,v as r,Va as s,k as w}

package/dist/plugins/postcss/scoped-part.js

@@ -1,26 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-// Add [part] type selectors to ::part selectors for stencil's ssr scoped behaviour
-const plugin = () => {
-    return {
-        postcssPlugin: "scoped-part",
-        Once(css) {
-            css.walkRules((rule) => {
-                let updatedSelectors = [];
-                for (let selector of rule.selectors) {
-                    if (selector.match(/::part/) && !selector.includes('[part')) {
-                        updatedSelectors.push(selector.replace(/(.+)::part\(([^)]+)\)(:.+)?/g, (_, base, part, after = '') => {
-                            return `${selector}, ${base} [part~="${part}"]${after}`;
-                        }));
-                    }
-                }
-                if (updatedSelectors.length) {
-                    rule.selectors = updatedSelectors;
-                }
-            });
-        },
-    };
-};
-plugin.postcss = true;
-export default plugin;

package/dist/types/Users/John.Jenkins/projects/nano-components/packages/components/.stencil/plugins/postcss/scoped-part.d.ts

@@ -1,8 +0,0 @@
-export default plugin;
-declare function plugin(): {
-    postcssPlugin: string;
-    Once(css: any): void;
-};
-declare namespace plugin {
-    let postcss: boolean;
-}

package/dist/types/utils/testing/index.d.ts

@@ -1,50 +0,0 @@
-import { E2EPage } from '@stencil/core/testing';
-import * as axe from 'axe-core';
-declare global {
-    interface Window {
-        axe: typeof axe;
-    }
-}
-export interface NanoE2EPage extends E2EPage, Pick<PuppeteerPage, 'screenshot' | 'viewport'> {
-    reportA11y: (contextQuery?: string) => Promise<string>;
-}
-type NanoE2EPageOptions = {
-    html: string;
-    viewportWidth: number;
-    viewportHeight?: number;
-    dir: 'ltr' | 'rtl';
-    padding?: string;
-};
-export declare class E2EPlayGround<T> {
-    props: Partial<T>;
-    viewportHeight: number;
-    /** element template string. Add `{{ attrs }}` to place the attributes */
-    template: string;
-    cssVars: {
-        [key: string]: string;
-    };
-    viewportWidth: number;
-    page: NanoE2EPage;
-    tag: string;
-    constructor(setup: {
-        template: string;
-        tag: string;
-    } | string);
-    private get attrs();
-    private get css();
-    newPage(props?: Partial<T>, docOpts?: {
-        dir?: 'rtl' | 'ltr';
-        padding?: string;
-    }): Promise<NanoE2EPage>;
-    reportA11y(): Promise<string>;
-    component(): Promise<import("@stencil/core/testing").E2EElement>;
-    componentQuery(selectorStr: string, shadow?: boolean): Promise<any>;
-}
-export declare function getFocusedElement(page: E2EPage, shadowEleSelector?: string): Promise<any>;
-export declare function clickOnElement(page: E2EPage, elem: ElementHandle<Element>, x?: number, y?: number): Promise<void>;
-export declare function createPage(optionsOrHtml?: string | NanoE2EPageOptions): Promise<NanoE2EPage>;
-export declare const kebabize: (str: any) => any;
-export declare const screenshotSettings: (dirname: string) => MatchImageSnapshotOptions;
-export declare const waitForVisibleSnippet: (selector: any) => string;
-export declare const stringifyFormSnippet = "\n<div id=\"form-result\"></div>\n<script>\n  var form = document.querySelector('form');\n  var result = document.querySelector('#form-result');\n  form.addEventListener('submit', (e) => {\n    e.preventDefault();\n    var data = new FormData(event.target);\n    var object = {};\n    data.forEach((value, key) => {\n        // Reflect.has in favor of: object.hasOwnProperty(key)\n        if(!Reflect.has(object, key)){\n            object[key] = value;\n            return;\n        }\n        if(!Array.isArray(object[key])){\n            object[key] = [object[key]];\n        }\n        object[key].push(value);\n    });\n    result.innerHTML = JSON.stringify(object);\n  })\n</script>";
-export {};