@nanoporetech-digital/components 8.11.3 → 8.11.4

package/dist/nano-components/nano-datalist_3.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{g as t,r as i,c as e,d as n,a as o}from"./index-BM3Om9WE.js";import{t as s,h as a}from"./renderer-DpNDfhNy.js";import{g as r}from"./active-element-CKJIkX0R.js";import{d as h}from"./throttle-C93FMm2Z.js";import{g as d}from"./dom-dlicJTEJ.js";let l=0;const c=class{isNanoInput=!1;typeToSelect="";typeToSelectTimeout;nanoDropdown;listBox;mo;listId="nano-datalist-"+l++;isFiltered=!1;shouldFocus=!1;get allOptEles(){return this._allOptEles}set allOptEles(t){this._allOptEles=t,this.connectedInput?.value||t.forEach((t=>{t.selected&&!this.selected.includes(t.value)&&this.changeInputValue(t)}))}_allOptEles=[];get host(){return t(this)}actvOptEles=[];connectedInput;inputLabel;hasNoResult;shouldOpen;canOpen=!0;optionIds=[];constructor(t){i(this,t),this.nanoSelect=e(this,"nanoSelect",7),this.nanoDeselect=e(this,"nanoDeselect",7),this.nanoOptionsUpdated=e(this,"nanoOptionsUpdated",7),this.inputChange=h(this.inputChange.bind(this),50)}selected=[];get dropDownConfig(){return this._dropDownConfig}set dropDownConfig(t){this._dropDownConfig={...this._dropDownConfig,...t}}_dropDownConfig={skidding:-1};options=[];input;type="input";get activeOptions(){return this.allOptEles}open=!1;openWatcher(){n((()=>{if(this.open&&this.nanoDropdown.tetherTo){const{height:t,top:i}=this.nanoDropdown.tetherTo.getBoundingClientRect();this.nanoDropdown.style.setProperty("--max-height",`max(${window.innerHeight-(t+i+40)}px, 48vw)`)}this.nanoDropdown.open=this.open,this.connectedInput&&this.connectedInput.setAttribute("aria-expanded",this.open.toString())}))}disableFilter=!1;disabled=!1;async watchInputChange(){let t;(t=this.host.closest(s("nano-input")))?(this.isNanoInput=!0,this.connectedInput=await t.getInputElement()):this.input&&"string"==typeof this.input&&(t=document.querySelector(this.input))?(this.isNanoInput=!1,this.connectedInput=t):"object"==typeof this.input&&(this.connectedInput=this.input)}handleOptionsChange(){if(this.host)if(d(this.host,":not(nano-nav-item):not(nano-option):not([role])",!0).forEach((t=>t.setAttribute("role","none"))),this.options&&this.options.length||this.mo){if(this.options?.length){this.mo&&(this.mo.disconnect(),this.mo=void 0);const t=this.host.querySelectorAll(s("nano-option"));n((()=>{t?.length&&t.forEach((t=>t.remove())),this.allOptEles=this.options.flatMap(((t,i)=>{if(t.value||t.label){const e=Object.assign(document.createElement(s("nano-option")),{label:t.label,value:t.value,ariaPosinset:i,ariaSetsize:this.options.length,selected:t.selected,id:this.listId+"-option-"+i,textContent:t.label?t.label:t.value,slot:"internal-opts"});return this.host.append(e),e}})),this.connectedInput?.value.length&&"select"!==this.type?this.inputChange():this.actvOptEles=[...this.allOptEles]}))}}else(this.mo=new MutationObserver((()=>this.processSlottedContent()))).observe(this.host,{childList:!0,subtree:!0}),this.processSlottedContent()}watchTypeChange(){if(!this.connectedInput||this.disabled)return;let t={closeOnSelect:!1},i="both",e=!1;switch(this.type){case"input":t={closeOnSelect:!0};break;case"select":i="list",e=!0,t={closeOnSelect:!0}}this.isNanoInput||(t.tetherTo=this.connectedInput),this.dropDownConfig={...this.dropDownConfig,...t},this.connectedInput.setAttribute("aria-autocomplete",i),this.connectedInput.readOnly=e}manageInputEvents(t,i){if(i){const t=i.closest(s("nano-input"));t&&t.removeEventListener("nanoChange",this.inputChange),this.removeEventListeners(i),this.inputLabel=null,n((()=>{i.removeAttribute("role"),i.removeAttribute("aria-expanded"),i.removeAttribute("aria-controls"),i.removeAttribute("aria-owns"),i.removeAttribute("aria-haspopup"),i.removeAttribute("aria-autocomplete"),i.removeAttribute("autocomplete")}))}if(t){const i=t.closest(s("nano-input"));i&&i.addEventListener("nanoChange",this.inputChange),t.addEventListener("change",this.inputChange),t.addEventListener("click",this.inputClick),t.addEventListener("keydown",this.inputKeydown),t.addEventListener("input",this.inputChange),this.listId=this.host.id||this.listId,this.inputLabel=t?.labels?.item(0)||function(t){let i;return t.id&&(i=document.querySelector(`label[for='${t.id}']`)),i||(i=t.closest("label")),i}(t),n((()=>{this.host.id=this.listId,t.setAttribute("role","combobox"),t.setAttribute("aria-expanded","false"),t.setAttribute("aria-controls",this.listId),t.setAttribute("aria-owns",this.listId),t.setAttribute("aria-haspopup","listbox"),t.setAttribute("autocomplete","off")}))}}watchActvOptChange(){let t=0;const i=this.connectedInput?.value||"",e=[];n((()=>{this.allOptEles.forEach(((n,o)=>{this.actvOptEles.includes(n)?(t++,n.setAttribute("aria-posinset",t+""),n.setAttribute("aria-setsize",this.actvOptEles.length+""),n.hidden=!1,this.isSelected(n,i)):(n.removeAttribute("aria-posinset"),n.removeAttribute("aria-setsize"),n.hidden=!0,n.selected=!1),n.id=this.listId+"-option-"+o,e.push(n.id)})),this.optionIds=e}))}manageCanOpen(){this.canOpen=!(!this.actvOptEles.length&&!this.hasNoResult)}manageDropdownDisplay(){this.shouldOpen&&this.canOpen&&!this.disabled&&(this.open=!0),this.shouldOpen&&this.canOpen||(this.open=!1),this.openWatcher()}fireActiveOptsEvent(){this.nanoOptionsUpdated.emit(this.actvOptEles)}nanoSelect;nanoDeselect;nanoOptionsUpdated;isSelected(t,i){t&&(t.selected=!(i!==t.value&&!this.selected.includes(t.value)))}get dropwdownOpen(){return!(!this.nanoDropdown||!this.open)}get exactMatch(){return this.allOptEles.find((t=>this.connectedInput.value===t.value))}changeInputValue(t){let i;if(this.selected.includes(t.value)?(this.selected=this.selected.filter((i=>i!==t.value)),i=this.nanoDeselect.emit(t)):(this.selected=[...this.selected],i=this.nanoSelect.emit(t)),!i.defaultPrevented){this.connectedInput&&(this.connectedInput.value=t.value);const i=new window.Event("change");this.connectedInput?.dispatchEvent(i)}}optSelected=t=>{t.stopPropagation(),this.changeInputValue(t.detail),requestAnimationFrame((()=>this.inputChange())),"selectMulti"!==this.type&&(this.shouldOpen=!1)};setOptStartsWith(){const t=t=>t.toLowerCase().substring(0,this.typeToSelect.length)===this.typeToSelect,i=this.allOptEles.find((i=>i.value.trim().length>0&&!i.disabled&&(t(i.textContent)||t(i.value)||t(i.label)||t(i.filterMeta))));i&&this.changeInputValue(i)}removeEventListeners(t){const i=t.closest(s("nano-input"));i&&i.removeEventListener("nanoChange",this.inputChange),t.removeEventListener("change",this.inputChange),t.removeEventListener("click",this.inputClick),t.removeEventListener("keydown",this.inputKeydown),t.removeEventListener("input",this.inputChange)}processSlottedContent(){requestAnimationFrame((()=>{this.allOptEles=Array.from(this.host.querySelectorAll(s("nano-option"))),this.hasNoResult=!!this.host.querySelector('[slot="no-result"]'),this.connectedInput?.value.length&&"select"!==this.type?this.inputChange():this.actvOptEles=this.allOptEles}))}handleShow=async()=>{this.shouldFocus?(this.shouldFocus=!1,this.listBox.setFocus()):"select"===this.type&&this.listBox.showActiveElement()};handleHide=()=>{this.open=!1,r().closest(this.host.tagName.toLowerCase())&&this.connectedInput.select()};inputChange(){if(!this.connectedInput)return;if(this.disableFilter)return void(this.actvOptEles=this.allOptEles);const t=this.connectedInput?.value,i=t.trim().toLowerCase();let e=!1;const n=[],o=t=>t.toLowerCase().indexOf(i)>-1;this.allOptEles.forEach((i=>{t!==i.value&&t!==i.label||"selectMulti"===this.type?this.isSelected(i,t):(i.selected=!0,e=!0)})),this.allOptEles.forEach((t=>{(!i.length||e||t.value.trim().length>0&&!t.disabled&&(o(t.textContent)||o(t.value)||o(t.label)||o(t.filterMeta)))&&n.push(t)})),this.isFiltered=i.length&&!e,this.actvOptEles=n}inputClick=()=>{this.open||(this.shouldOpen=!0,this.manageDropdownDisplay())};inputKeydown=t=>{["Shift","ArrowRight","ArrowLeft","Escape","Tab"].includes(t.key)?"Tab"===t.key&&(this.shouldOpen=!1):"select"!==this.type||["ArrowDown","ArrowUp","Enter"].includes(t.key)||" "===t.key&&!this.typeToSelectTimeout?this.open&&["ArrowDown","ArrowUp"].includes(t.key)?this.listBox.setFocus():(this.shouldOpen=!0,this.manageDropdownDisplay(),["ArrowDown","ArrowUp","Enter"].includes(t.key)&&(t.preventDefault(),this.shouldFocus=!0)):(" "===t.key||/^[a-zA0-9]+$/i.test(t.key))&&(clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>{this.typeToSelect="",this.typeToSelectTimeout=0}),750),this.typeToSelect+=t.key,this.setOptStartsWith())};optionKeyDown=t=>{["Shift","ArrowUp","ArrowDown","Escape","Enter","Tab","Space","PageUp","PageDown","Home","End"," "].includes(t.key)?"Escape"===t.key&&this.connectedInput.focus():"select"===this.type||this.exactMatch&&!["Delete","Backspace"].includes(t.key)||this.connectedInput.focus()};connectedCallback(){this.watchInputChange()}componentDidLoad(){this.handleOptionsChange(),this.openWatcher()}componentDidRender(){setTimeout((()=>{!this.connectedInput&&this.host.isConnected&&console.warn("no `nano-input` found. `nano-datalist` should be nested within an `nano-input` or linked via `input` prop",this.host)}),500)}disconnectedCallback(){this.mo&&(this.mo.disconnect(),this.mo=void 0),this.connectedInput&&(this.connectedInput=void 0)}render(){return a(o,{key:"6648095e87e86086dd4beb0bea663c077becb0a9",class:"nano-datalist",role:this.actvOptEles.length?"listbox":void 0,"aria-owns":this.optionIds.length?this.optionIds.join(" "):void 0,"aria-label":this.optionIds.length?"Select options from the list below":void 0},a("nano-dropdown",{key:"882d3706051e93738b2b52fb4d4024aeeb3ef295",part:"dropdown",exportparts:"trigger:dropdown__trigger, panel:dropdown__panel",...this.dropDownConfig,ref:t=>this.nanoDropdown=t,dialogTitle:"Select options from the list below",class:{dlist__dropdown:!0,"dlist--isfiltered":this.isFiltered},onNanoAfterShow:this.handleShow,onNanoAfterHide:this.handleHide,role:"group"},a("nano-menu",{key:"ccda08c9da20ea0cbb6944a170929c2c5ef36b70",part:"main-menu",ref:t=>this.listBox=t,hidden:!this.actvOptEles.length,type:"listbox",label:this.inputLabel?this.inputLabel.textContent:void 0,class:{dlist__menu:!0,"dlist__menu--open":this.dropwdownOpen},tabIndex:-1,onNanoSelect:this.optSelected,onKeyDown:this.optionKeyDown},a("slot",{key:"0db7a9e551be91837cd7dfa148057702db76f1db",name:"list-top"}),a("slot",{key:"b55088fc93ac7cfb24eee33ffe720de3e401daf5"}),a("slot",{key:"28eeaf664c8f2f78adf9716ab952071659c02fb6",name:"internal-opts"}),a("slot",{key:"be42f12bb5027f2b8664ab9d275014b6ea37d702",name:"list-bottom"})),a("nano-menu",{key:"28ec7183890b5d266081a7a75179552261ab4401",part:"no-result-menu",type:"listbox",label:"No results found",hidden:!!this.actvOptEles.length,class:{dlist__menu:!0,"dlist__menu--open":this.dropwdownOpen}},a("slot",{key:"57a5d980992d0eac7a505f3dae5c8d57fb8d38d8",name:"no-result"})),!!this.actvOptEles&&a("div",{key:"5b2e2489fb2ed53011f465b56defe279a55af455",class:"dlist__status"},this.actvOptEles.length," result",this.actvOptEles.length>1?"s":""," available.")))}static get watchers(){return{open:["openWatcher"],input:["watchInputChange"],options:["handleOptionsChange"],type:["watchTypeChange"],connectedInput:["watchTypeChange","manageInputEvents"],disabled:["watchTypeChange"],selected:["watchActvOptChange"],actvOptEles:["watchActvOptChange","manageCanOpen","fireActiveOptsEvent"],hasNoResult:["manageCanOpen"],shouldOpen:["manageDropdownDisplay"],canOpen:["manageDropdownDisplay"]}}};c.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--padding-top:8px;--padding-bottom:8px;--padding-start:var(--nano-spacing-l);--padding-end:var(--nano-spacing-l);--font-size:var(--nano-font-size-2xs);--color:var(--nano-color-neutral-1000);color:var(--color)}.dlist--isfiltered ::slotted(*:not(.nano-option,[slot=no-result],[slot=list-top],[slot=list-bottom])){display:none !important}.dlist__dropdown{--min-width:100%;--overflow:auto;--padding:var(--nano-spacing-sm) 0;display:inline}.dlist__status{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.dlist__menu{--padding-top:inherit;--padding-bottom:inherit;--padding-start:inherit;--padding-end:inherit;--font-size:inherit;--padding:var(--nano-spacing-sm) var(--nano-spacing-l)}";let p=0;const b=class{optId="nano-option-"+p++;get host(){return t(this)}constructor(t){i(this,t),this.nanoSelect=e(this,"nanoSelect",7),this.handleClick=h(this.handleClick.bind(this),5)}value="";valueChanged(){this.value&&this.value.length||this.label||(this.value=this.labelContent)}label="";labelChanged(){this.label&&this.label.length||(this.label=this.labelContent.length?this.labelContent:this.value)}selected=!1;disabled=!1;filterMeta="";href;nanoSelect;handleKeyDown(t){this.disabled||this.href||("Enter"===t.key&&this.nanoSelect.emit(this.host)," "===t.key&&t.preventDefault())}handleClick(){this.disabled||this.href||this.nanoSelect.emit(this.host)}get labelContent(){return d(this.host,"*:not([slot])",!1).map((t=>t.textContent)).join(" ").trim()}componentWillLoad(){this.valueChanged(),this.labelChanged()}render(){return a(o,{key:"193c0fa2c765f3bed98dd18261c615c3171c97d4",role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false",class:"nano-option"},a(this.href?"a":"div",{key:"0a6c64fbec219970a4bd7d28e177176cf36b9d27",href:this.href||void 0,onMouseDown:this.handleClick,id:this.optId,class:{option:!0,"option--selected":this.selected,"option--disabled":this.disabled,"option--novalue":!this.value}},a("div",{key:"6e6aceb3acd0b854562b0de41b905b013f5ea71c",part:"check-icon",class:"option__check"},a("slot",{key:"82770c1ddc501f2d8dde42c14827fd596fd30172",name:"check-icon"},a("nano-icon",{key:"a25365aa49a3694fa1c956f5645e48fe904c4e19",name:"light/check","aria-hidden":"true"}))),a("div",{key:"9f3c3d2ed11af90a0bfa658849fbc8b12545c7c6",part:"start",class:"option__start"},a("slot",{key:"194a2647aeaeeac8d8268e1386dba7feabb16d40",name:"start"})),a("div",{key:"4eb3a838d9510432b5614e0de0e958b45d132cc5",part:"label",class:"option__label"},a("slot",{key:"6db178c30cd08c9a15ed6c5996d263da86d28285"},this.label||this.value)),a("div",{key:"aac32437be089e438b419545d2659778de1119f2",part:"end",class:"option__end"},a("slot",{key:"c108eff1c579522f4ead3e2fc157930bc329ceb2",name:"end"}))))}static get watchers(){return{value:["valueChanged"],label:["labelChanged"]}}};b.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--bg:none;--bg-selected:none;--bg-focus:var(--nano-color-blue-cerulean-1000);--bg-disabled:none;--color:var(--nano-color-base-1000);--color-selected:var(--nano-color-base-1000);--color-focus:var(--nano-color-base-0);--color-disabled:var(--nano-color-neutral-400);--opt-icon-size:1em;--padding-start:var(--nano-spacing-sm);--padding-end:var(--nano-spacing-md);--padding-bottom:6px;--padding-top:6px;display:block;color:var(--color);overflow:hidden;font-size:var(--nano-font-size-xs)}:host(:focus){outline:none}.option{color:inherit;text-decoration:none;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:stretch;inline-size:100%;background:var(--bg);padding-inline:var(--padding-start) var(--padding-end);padding-block:var(--padding-top) var(--padding-bottom)}:host(:focus) .option:not(.option--disabled),:host .option.option--selected{outline:none;background:var(--bg-selected);color:var(--color-selected)}:host(:focus) .option:not(.option--disabled){background:var(--bg-focus);color:var(--color-focus)}.option.option--disabled{outline:none;color:var(--color-disabled);cursor:not-allowed;background:var(--bg-disabled)}.option.option--novalue{font-style:italic;opacity:0.7}.option__label{flex:1 1 auto;display:flex;align-items:center}.option__start{flex:0 0 auto;display:flex;align-items:center}.option__start ::slotted(.nano-icon){font-size:var(--opt-icon-size);margin-inline-end:var(--padding-end)}.option__end{flex:0 0 auto;display:flex;align-items:center}.option__end ::slotted(.nano-icon){font-size:var(--opt-icon-size)}.option__end ::slotted(:first-child){margin-inline-start:var(--padding-start)}.option__check{visibility:hidden;display:flex;margin-inline-end:var(--padding-start);align-items:center;font-size:var(--nano-font-size-2xs);inline-size:var(--nano-font-size-2xs)}.option--selected:not(.option--novalue) .option__check{visibility:visible}";const u=class{constructor(t){i(this,t),this.nanoClose=e(this,"nanoClose",7)}closable=!1;size="regular";selected=!1;get el(){return t(this)}nanoClose;onKeyDown=t=>{switch(t.key){case"Enter":case" ":t.preventDefault(),this.close()}};handleClick=()=>{this.close()};close(){this.nanoClose.emit()}containsAnchor=()=>!!this.el.querySelector("a");render(){return this.closable&&!this.containsAnchor()?[a("slot",null),a("nano-icon-button",{label:"Close","icon-name":"light/xmark-large",onKeyDown:this.onKeyDown,onClick:this.handleClick})]:a("slot",null)}};u.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";export{c as nano_datalist,b as nano_option,u as nano_tag}
+import{g as t,r as i,c as e,d as n,a as o}from"./index-BM3Om9WE.js";import{t as s,h as a}from"./renderer-DpNDfhNy.js";import{g as r}from"./active-element-CKJIkX0R.js";import{d as h}from"./throttle-C93FMm2Z.js";import{g as d}from"./dom-dlicJTEJ.js";let l=0;const c=class{isNanoInput=!1;typeToSelect="";typeToSelectTimeout;nanoDropdown;listBox;mo;listId="nano-datalist-"+l++;isFiltered=!1;shouldFocus=!1;get allOptEles(){return this._allOptEles}set allOptEles(t){this._allOptEles=t,this.connectedInput?.value||t.forEach((t=>{t.selected&&!this.selected.includes(t.value)&&this.changeInputValue(t)}))}_allOptEles=[];get host(){return t(this)}actvOptEles=[];connectedInput;inputLabel;hasNoResult;shouldOpen;canOpen=!0;optionIds=[];constructor(t){i(this,t),this.nanoSelect=e(this,"nanoSelect",7),this.nanoDeselect=e(this,"nanoDeselect",7),this.nanoOptionsUpdated=e(this,"nanoOptionsUpdated",7),this.inputChange=h(this.inputChange.bind(this),50)}selected=[];get dropDownConfig(){return this._dropDownConfig}set dropDownConfig(t){this._dropDownConfig={...this._dropDownConfig,...t}}_dropDownConfig={skidding:-1};options=[];input;type="input";get activeOptions(){return this.allOptEles}open=!1;openWatcher(){n((()=>{if(this.open&&this.nanoDropdown.tetherTo){const{height:t,top:i}=this.nanoDropdown.tetherTo.getBoundingClientRect();this.nanoDropdown.style.setProperty("--max-height",`max(${window.innerHeight-(t+i+40)}px, 48vw)`)}this.nanoDropdown.open=this.open,this.connectedInput&&this.connectedInput.setAttribute("aria-expanded",this.open.toString())}))}disableFilter=!1;disabled=!1;async watchInputChange(){let t;(t=this.host.closest(s("nano-input")))?(this.isNanoInput=!0,this.connectedInput=await t.getInputElement()):this.input&&"string"==typeof this.input&&(t=document.querySelector(this.input))?(this.isNanoInput=!1,this.connectedInput=t):"object"==typeof this.input&&(this.connectedInput=this.input)}handleOptionsChange(){if(this.host)if(d(this.host,":not(nano-nav-item):not(nano-option):not([role])",!0).forEach((t=>t.setAttribute("role","none"))),this.options&&this.options.length||this.mo){if(this.options?.length){this.mo&&(this.mo.disconnect(),this.mo=void 0);const t=this.host.querySelectorAll(s("nano-option"));n((()=>{t?.length&&t.forEach((t=>t.remove())),this.allOptEles=this.options.flatMap(((t,i)=>{if(t.value||t.label){const e=Object.assign(document.createElement(s("nano-option")),{label:t.label,value:t.value,ariaPosinset:i,ariaSetsize:this.options.length,selected:t.selected,id:this.listId+"-option-"+i,textContent:t.label?t.label:t.value,slot:"internal-opts"});return this.host.append(e),e}})),this.connectedInput?.value.length&&"select"!==this.type?this.inputChange():this.actvOptEles=[...this.allOptEles]}))}}else(this.mo=new MutationObserver((()=>this.processSlottedContent()))).observe(this.host,{childList:!0,subtree:!0}),this.processSlottedContent()}watchTypeChange(){if(!this.connectedInput||this.disabled)return;let t={closeOnSelect:!1},i="both",e=!1;switch(this.type){case"input":t={closeOnSelect:!0};break;case"select":i="list",e=!0,t={closeOnSelect:!0}}this.isNanoInput||(t.tetherTo=this.connectedInput),this.dropDownConfig={...this.dropDownConfig,...t},this.connectedInput.setAttribute("aria-autocomplete",i),this.connectedInput.readOnly=e}manageInputEvents(t,i){if(i){const t=i.closest(s("nano-input"));t&&t.removeEventListener("nanoChange",this.inputChange),this.removeEventListeners(i),this.inputLabel=null,n((()=>{i.removeAttribute("role"),i.removeAttribute("aria-expanded"),i.removeAttribute("aria-controls"),i.removeAttribute("aria-owns"),i.removeAttribute("aria-haspopup"),i.removeAttribute("aria-autocomplete"),i.removeAttribute("autocomplete")}))}if(t){const i=t.closest(s("nano-input"));i&&i.addEventListener("nanoChange",this.inputChange),t.addEventListener("change",this.inputChange),t.addEventListener("click",this.inputClick),t.addEventListener("keydown",this.inputKeydown),t.addEventListener("input",this.inputChange),this.listId=this.host.id||this.listId,this.inputLabel=t?.labels?.item(0)||function(t){let i;return t.id&&(i=document.querySelector(`label[for='${t.id}']`)),i||(i=t.closest("label")),i}(t),n((()=>{this.host.id=this.listId,t.setAttribute("role","combobox"),t.setAttribute("aria-expanded","false"),t.setAttribute("aria-controls",this.listId),t.setAttribute("aria-owns",this.listId),t.setAttribute("aria-haspopup","listbox"),t.setAttribute("autocomplete","off")}))}}watchActvOptChange(){let t=0;const i=this.connectedInput?.value||"",e=[];n((()=>{this.allOptEles.forEach(((n,o)=>{this.actvOptEles.includes(n)?(t++,n.setAttribute("aria-posinset",t+""),n.setAttribute("aria-setsize",this.actvOptEles.length+""),n.hidden=!1,this.isSelected(n,i)):(n.removeAttribute("aria-posinset"),n.removeAttribute("aria-setsize"),n.hidden=!0,n.selected=!1),n.id=this.listId+"-option-"+o,e.push(n.id)})),this.optionIds=e}))}manageCanOpen(){this.canOpen=!(!this.actvOptEles.length&&!this.hasNoResult)}manageDropdownDisplay(){this.shouldOpen&&this.canOpen&&!this.disabled&&(this.open=!0),this.shouldOpen&&this.canOpen||(this.open=!1),this.openWatcher()}fireActiveOptsEvent(){this.nanoOptionsUpdated.emit(this.actvOptEles)}nanoSelect;nanoDeselect;nanoOptionsUpdated;isSelected(t,i){t&&(t.selected=!(i!==t.value&&!this.selected.includes(t.value)))}get dropwdownOpen(){return!(!this.nanoDropdown||!this.open)}get exactMatch(){return this.allOptEles.find((t=>this.connectedInput.value===t.value))}changeInputValue(t){let i;if(this.selected.includes(t.value)?(this.selected=this.selected.filter((i=>i!==t.value)),i=this.nanoDeselect.emit(t)):(this.selected=[...this.selected],i=this.nanoSelect.emit(t)),!i.defaultPrevented){this.connectedInput&&(this.connectedInput.value=t.value);const i=new window.Event("change");this.connectedInput?.dispatchEvent(i)}}optSelected=t=>{t.stopPropagation(),this.changeInputValue(t.detail),requestAnimationFrame((()=>this.inputChange())),"selectMulti"!==this.type&&(this.shouldOpen=!1)};setOptStartsWith(){const t=t=>t.toLowerCase().substring(0,this.typeToSelect.length)===this.typeToSelect,i=this.allOptEles.find((i=>i.value.trim().length>0&&!i.disabled&&(t(i.textContent)||t(i.value)||t(i.label)||t(i.filterMeta))));i&&this.changeInputValue(i)}removeEventListeners(t){const i=t.closest(s("nano-input"));i&&i.removeEventListener("nanoChange",this.inputChange),t.removeEventListener("change",this.inputChange),t.removeEventListener("click",this.inputClick),t.removeEventListener("keydown",this.inputKeydown),t.removeEventListener("input",this.inputChange)}processSlottedContent(){requestAnimationFrame((()=>{this.allOptEles=Array.from(this.host.querySelectorAll(s("nano-option"))),this.hasNoResult=!!this.host.querySelector('[slot="no-result"]'),this.connectedInput?.value.length&&"select"!==this.type?this.inputChange():this.actvOptEles=this.allOptEles}))}handleShow=async()=>{this.shouldFocus?(this.shouldFocus=!1,this.listBox.setFocus()):"select"===this.type&&this.listBox.showActiveElement()};handleHide=()=>{this.open=!1,r().closest(this.host.tagName.toLowerCase())&&this.connectedInput.select()};inputChange(){if(!this.connectedInput)return;if(this.disableFilter)return void(this.actvOptEles=this.allOptEles);const t=this.connectedInput?.value,i=t.trim().toLowerCase();let e=!1;const n=[],o=t=>t.toLowerCase().indexOf(i)>-1;this.allOptEles.forEach((i=>{t!==i.value&&t!==i.label||"selectMulti"===this.type?this.isSelected(i,t):(i.selected=!0,e=!0)})),this.allOptEles.forEach((t=>{(!i.length||e||t.value.trim().length>0&&!t.disabled&&(o(t.textContent)||o(t.value)||o(t.label)||o(t.filterMeta)))&&n.push(t)})),this.isFiltered=i.length&&!e,this.actvOptEles=n}inputClick=()=>{this.open||(this.shouldOpen=!0,this.manageDropdownDisplay())};inputKeydown=t=>{["Shift","ArrowRight","ArrowLeft","Escape","Tab"].includes(t.key)?"Tab"===t.key&&(this.shouldOpen=!1):"select"!==this.type||["ArrowDown","ArrowUp","Enter"].includes(t.key)||" "===t.key&&!this.typeToSelectTimeout?this.open&&["ArrowDown","ArrowUp"].includes(t.key)?this.listBox.setFocus():(this.shouldOpen=!0,this.manageDropdownDisplay(),["ArrowDown","ArrowUp","Enter"].includes(t.key)&&(t.preventDefault(),this.shouldFocus=!0)):(" "===t.key||/^[a-zA0-9]+$/i.test(t.key))&&(clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>{this.typeToSelect="",this.typeToSelectTimeout=0}),750),this.typeToSelect+=t.key,this.setOptStartsWith())};optionKeyDown=t=>{["Shift","ArrowUp","ArrowDown","Escape","Enter","Tab","Space","PageUp","PageDown","Home","End"," "].includes(t.key)?"Escape"===t.key&&this.connectedInput.focus():"select"===this.type||this.exactMatch&&!["Delete","Backspace"].includes(t.key)||this.connectedInput.focus()};connectedCallback(){this.watchInputChange()}componentDidLoad(){this.handleOptionsChange(),this.openWatcher()}componentDidRender(){setTimeout((()=>{!this.connectedInput&&this.host.isConnected&&console.warn("no `nano-input` found. `nano-datalist` should be nested within an `nano-input` or linked via `input` prop",this.host)}),500)}disconnectedCallback(){this.mo&&(this.mo.disconnect(),this.mo=void 0),this.connectedInput&&(this.connectedInput=void 0)}render(){return a(o,{key:"269f57e6eccd251685f84a94d53f380d6545a3cb",class:"nano-datalist",role:this.actvOptEles.length?"listbox":void 0,"aria-owns":this.optionIds.length?this.optionIds.join(" "):void 0,"aria-label":this.optionIds.length?"Select options from the list below":void 0},a("nano-dropdown",{key:"ee6398b356dc1a0ff9fa35e84955314fc95435b6",part:"dropdown",exportparts:"trigger:dropdown__trigger, panel:dropdown__panel",...this.dropDownConfig,ref:t=>this.nanoDropdown=t,dialogTitle:"Select options from the list below",class:{dlist__dropdown:!0,"dlist--isfiltered":this.isFiltered},onNanoAfterShow:this.handleShow,onNanoAfterHide:this.handleHide,role:"group"},a("nano-menu",{key:"f80006a5ba62c227094da52672b4abf6ee6335dc",part:"main-menu",ref:t=>this.listBox=t,hidden:!this.actvOptEles.length,type:"listbox",label:this.inputLabel?this.inputLabel.textContent:void 0,class:{dlist__menu:!0,"dlist__menu--open":this.dropwdownOpen},tabIndex:-1,onNanoSelect:this.optSelected,onKeyDown:this.optionKeyDown},a("slot",{key:"8a2d3160b990c99baeaf4fd9bdd7bb04229d642c",name:"list-top"}),a("slot",{key:"2230e4458be0998d59d18250e1d22188baf2f6b1"}),a("slot",{key:"fca84cbd01495e4b62ba95c4c07681f506939d3f",name:"internal-opts"}),a("slot",{key:"076fd81c15f5ac6590e5311503262a07f60e8454",name:"list-bottom"})),a("nano-menu",{key:"d4878bc502b4fcc0de01f67b5065ad017f445f75",part:"no-result-menu",type:"listbox",label:"No results found",hidden:!!this.actvOptEles.length,class:{dlist__menu:!0,"dlist__menu--open":this.dropwdownOpen}},a("slot",{key:"2ac583af3ac8b24ace627637ab86471999df9465",name:"no-result"})),!!this.actvOptEles&&a("div",{key:"4971780255baf694fcc447756ca02e1115ece871",class:"dlist__status"},this.actvOptEles.length," result",this.actvOptEles.length>1?"s":""," available.")))}static get watchers(){return{open:["openWatcher"],input:["watchInputChange"],options:["handleOptionsChange"],type:["watchTypeChange"],connectedInput:["watchTypeChange","manageInputEvents"],disabled:["watchTypeChange"],selected:["watchActvOptChange"],actvOptEles:["watchActvOptChange","manageCanOpen","fireActiveOptsEvent"],hasNoResult:["manageCanOpen"],shouldOpen:["manageDropdownDisplay"],canOpen:["manageDropdownDisplay"]}}};c.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--padding-top:8px;--padding-bottom:8px;--padding-start:var(--nano-spacing-l);--padding-end:var(--nano-spacing-l);--font-size:var(--nano-font-size-2xs);--color:var(--nano-color-neutral-1000);color:var(--color)}.dlist--isfiltered ::slotted(*:not(.nano-option,[slot=no-result],[slot=list-top],[slot=list-bottom])){display:none !important}.dlist__dropdown{--min-width:100%;--overflow:auto;--padding:var(--nano-spacing-sm) 0;display:inline}.dlist__status{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.dlist__menu{--padding-top:inherit;--padding-bottom:inherit;--padding-start:inherit;--padding-end:inherit;--font-size:inherit;--padding:var(--nano-spacing-sm) var(--nano-spacing-l)}";let p=0;const u=class{optId="nano-option-"+p++;get host(){return t(this)}constructor(t){i(this,t),this.nanoSelect=e(this,"nanoSelect",7),this.handleClick=h(this.handleClick.bind(this),5)}value="";valueChanged(){this.value&&this.value.length||this.label||(this.value=this.labelContent)}label="";labelChanged(){this.label&&this.label.length||(this.label=this.labelContent.length?this.labelContent:this.value)}selected=!1;disabled=!1;filterMeta="";href;nanoSelect;handleKeyDown(t){this.disabled||this.href||("Enter"===t.key&&this.nanoSelect.emit(this.host)," "===t.key&&t.preventDefault())}handleClick(){this.disabled||this.href||this.nanoSelect.emit(this.host)}get labelContent(){return d(this.host,"*:not([slot])",!1).map((t=>t.textContent)).join(" ").trim()}componentWillLoad(){this.valueChanged(),this.labelChanged()}render(){return a(o,{key:"193c0fa2c765f3bed98dd18261c615c3171c97d4",role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false",class:"nano-option"},a(this.href?"a":"div",{key:"0a6c64fbec219970a4bd7d28e177176cf36b9d27",href:this.href||void 0,onMouseDown:this.handleClick,id:this.optId,class:{option:!0,"option--selected":this.selected,"option--disabled":this.disabled,"option--novalue":!this.value}},a("div",{key:"6e6aceb3acd0b854562b0de41b905b013f5ea71c",part:"check-icon",class:"option__check"},a("slot",{key:"82770c1ddc501f2d8dde42c14827fd596fd30172",name:"check-icon"},a("nano-icon",{key:"a25365aa49a3694fa1c956f5645e48fe904c4e19",name:"light/check","aria-hidden":"true"}))),a("div",{key:"9f3c3d2ed11af90a0bfa658849fbc8b12545c7c6",part:"start",class:"option__start"},a("slot",{key:"194a2647aeaeeac8d8268e1386dba7feabb16d40",name:"start"})),a("div",{key:"4eb3a838d9510432b5614e0de0e958b45d132cc5",part:"label",class:"option__label"},a("slot",{key:"6db178c30cd08c9a15ed6c5996d263da86d28285"},this.label||this.value)),a("div",{key:"aac32437be089e438b419545d2659778de1119f2",part:"end",class:"option__end"},a("slot",{key:"c108eff1c579522f4ead3e2fc157930bc329ceb2",name:"end"}))))}static get watchers(){return{value:["valueChanged"],label:["labelChanged"]}}};u.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--bg:none;--bg-selected:none;--bg-focus:var(--nano-color-blue-cerulean-1000);--bg-disabled:none;--color:var(--nano-color-base-1000);--color-selected:var(--nano-color-base-1000);--color-focus:var(--nano-color-base-0);--color-disabled:var(--nano-color-neutral-400);--opt-icon-size:1em;--padding-start:var(--nano-spacing-sm);--padding-end:var(--nano-spacing-md);--padding-bottom:6px;--padding-top:6px;display:block;color:var(--color);overflow:hidden;font-size:var(--nano-font-size-xs)}:host(:focus){outline:none}.option{color:inherit;text-decoration:none;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:stretch;inline-size:100%;background:var(--bg);padding-inline:var(--padding-start) var(--padding-end);padding-block:var(--padding-top) var(--padding-bottom)}:host(:focus) .option:not(.option--disabled),:host .option.option--selected{outline:none;background:var(--bg-selected);color:var(--color-selected)}:host(:focus) .option:not(.option--disabled){background:var(--bg-focus);color:var(--color-focus)}.option.option--disabled{outline:none;color:var(--color-disabled);cursor:not-allowed;background:var(--bg-disabled)}.option.option--novalue{font-style:italic;opacity:0.7}.option__label{flex:1 1 auto;display:flex;align-items:center}.option__start{flex:0 0 auto;display:flex;align-items:center}.option__start ::slotted(.nano-icon){font-size:var(--opt-icon-size);margin-inline-end:var(--padding-end)}.option__end{flex:0 0 auto;display:flex;align-items:center}.option__end ::slotted(.nano-icon){font-size:var(--opt-icon-size)}.option__end ::slotted(:first-child){margin-inline-start:var(--padding-start)}.option__check{visibility:hidden;display:flex;margin-inline-end:var(--padding-start);align-items:center;font-size:var(--nano-font-size-2xs);inline-size:var(--nano-font-size-2xs)}.option--selected:not(.option--novalue) .option__check{visibility:visible}";const b=class{constructor(t){i(this,t),this.nanoClose=e(this,"nanoClose",7)}closable=!1;size="regular";selected=!1;get el(){return t(this)}nanoClose;onKeyDown=t=>{switch(t.key){case"Enter":case" ":t.preventDefault(),this.close()}};handleClick=()=>{this.close()};close(){this.nanoClose.emit()}containsAnchor=()=>!!this.el.querySelector("a");render(){return this.closable&&!this.containsAnchor()?[a("slot",null),a("nano-icon-button",{label:"Close","icon-name":"light/xmark-large",onKeyDown:this.onKeyDown,onClick:this.handleClick})]:a("slot",null)}};b.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";export{c as nano_datalist,u as nano_option,b as nano_tag}

package/dist/nano-components/nano-masked-overflow.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,g as i,a}from"./index-BM3Om9WE.js";import{h as o}from"./renderer-DpNDfhNy.js";import{g as s,a as e}from"./dom-dlicJTEJ.js";import{d as n}from"./throttle-C93FMm2Z.js";import{s as r}from"./scroll-1nFw8CNk.js";const l=class{label;scrollControls=!0;orientation="horizontal";showIndicator=!1;hideScrollbars;watchHideScrollbars(){null==this.hideScrollbars&&(this.hideScrollbars="vertical"!==this.orientation)}activeHandler=t=>t.classList.add("active");inactiveHandler=t=>t.classList.remove("active");isActiveHandler=t=>t.classList.contains("active");watchIsActiveHandler(){this.instantReCalc=!0,this.activeItem=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i))),setTimeout((()=>this.instantReCalc=!1),300)}async syncActiveItem(){this.activeItem=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i)))}constructor(i){t(this,i),this.recalculatePositions=n(this.recalculatePositions.bind(this),80)}ro;nav;itemContainer;isRtl;endBtn;startBtn;activeIndicator;mutationObservers=new WeakMap;get scrollProp(){return"horizontal"===this.orientation?"scrollWidth":"scrollHeight"}get clientDimensionProp(){return"horizontal"===this.orientation?"clientWidth":"clientHeight"}get scrollOffset(){return"horizontal"===this.orientation?"scrollLeft":"scrollTop"}get host(){return i(this)}instantReCalc=!1;hasScrollControls=!1;watchScrollControls(){this.hasScrollControls?this.handleScroll():this.hideControlStart=this.hideControlEnd=!0}hideControlEnd=!0;hideEndBtn(){this.endBtn&&this.activateBtn(this.endBtn,!this.hideControlEnd)}hideControlStart=!0;hideStartBtn(){this.startBtn&&this.activateBtn(this.startBtn,!this.hideControlStart)}activateBtn(t,i=!0){if(!i)return t.tabIndex=-1,t.disabled=!0,void t.classList.remove("is-shown");t.removeAttribute("tabindex"),t.disabled=!1,t.classList.add("is-shown")}get allActiveItems(){return this.allItems.filter((t=>!t.disabled||t.classList.contains("disabled")))}get allItems(){return s(this.host,"*","slot")}get activeItem(){return this._activeItem}set activeItem(t){t&&t!==this.activeItem&&!t.disabled&&this.allActiveItems.includes(t)&&(this._activeItem=t,this.allActiveItems.forEach(((t,i)=>{t===this._activeItem?this.activeHandler(t,i):this.inactiveHandler(t,i)})),this.recalculatePositions())}_activeItem;get navDim(){if(!this.nav)return 0;const t=getComputedStyle(this.nav);let i=this.nav[this.clientDimensionProp];return"horizontal"===this.orientation?i-(parseFloat(t.paddingLeft)+parseFloat(t.paddingRight)):i-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom))}scrollToActiveItem(){this.nav&&this.activeItem&&this.hasScrollControls&&r(this.activeItem,this.nav,this.orientation,"center")}syncActiveItemIndicator(){if(!this.activeItem||!this.showIndicator)return;const t=this.activeItem,i=t.clientWidth||0,a=t.clientHeight+2||0,o=e(t,this.itemContainer);if(!this.activeIndicator)return;const s=o.top,n=o.left;switch(this.instantReCalc&&(this.activeIndicator.style.transition="none"),this.orientation){case"horizontal":this.activeIndicator.style.width=`${i}px`,this.activeIndicator.style.height=null,this.activeIndicator.style.transform=`translateX(${n}px)`;break;case"vertical":this.activeIndicator.style.width=null,this.activeIndicator.style.height=`${a}px`,this.activeIndicator.style.transform=`translateY(${s}px)`}setTimeout((()=>this.activeIndicator.style.transition=null),400)}updateScrollControls=()=>{this.nav&&(this.hasScrollControls=this.nav[this.scrollProp]>this.nav[this.clientDimensionProp]&&this.nav[this.scrollProp]>=this.itemContainer[this.clientDimensionProp],this.handleScroll())};handleScroll=()=>{if(!this.hasScrollControls)return void(this.hideControlStart=this.hideControlEnd=!0);const t=this.isRtl?0===this.nav[this.scrollOffset]:Math.abs(this.nav[this.clientDimensionProp]-(this.nav[this.scrollProp]-this.nav[this.scrollOffset]))<2;(this.isRtl?Math.abs(this.nav[this.scrollProp]+this.nav[this.scrollOffset]-this.nav[this.clientDimensionProp])<2:0===this.nav[this.scrollOffset])?(this.hideControlStart=!0,this.hideControlEnd=!1):t?(this.hideControlStart=!1,this.hideControlEnd=!0):(this.hideControlEnd=!1,this.hideControlStart=!1)};handleBtnClick=(t=!1)=>{const i=this.navDim;let a;a=t?this.nav[this.scrollOffset]+i-20:this.nav[this.scrollOffset]-i+20;try{this.nav.scroll({left:"horizontal"===this.orientation?a:0,top:"vertical"===this.orientation?a:0,behavior:"smooth"})}catch(t){this.nav[this.scrollOffset]=a}};slotChangeHandler=()=>{if(this.allActiveItems.length<2)return;const t=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i)));t&&(this.activeItem=t),this.recalculatePositions(),this.showIndicator&&this.allActiveItems.forEach((t=>{if(this.mutationObservers.get(t))return;const i=new MutationObserver((()=>this.syncActiveItemIndicator()));i.observe(t,{characterData:!0,childList:!0,subtree:!0}),this.mutationObservers.set(t,i)}))};handleClick=t=>{if(this.allActiveItems.length<2)return;const i=t.composedPath().find((t=>this.allActiveItems.includes(t)));i&&(this.activeItem=i)};handleKeyDown=t=>{if(["Enter"," "].includes(t.key)){const i=t.composedPath().find((t=>this.allActiveItems.includes(t)));i&&(this.activeItem=i)}};recalculatePositions=()=>{this.updateScrollControls(),this.syncActiveItemIndicator(),this.scrollToActiveItem()};connectedCallback(){this.instantReCalc=!0,this.isRtl="horizontal"===this.orientation&&!!this.host.closest('[dir="rtl"]'),window.MutationObserver&&this.slotChangeHandler(),window.ResizeObserver&&(this.ro&&(this.ro.disconnect(),this.ro=void 0),(this.ro=new ResizeObserver(this.recalculatePositions)).observe(this.host))}componentWillLoad(){this.watchHideScrollbars()}componentDidLoad(){this.activeItem=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i))),requestAnimationFrame((()=>this.instantReCalc=!1))}disconnectedCallback(){this.ro&&(this.ro.disconnect(),this.ro=void 0)}render(){return o(a,{key:"f09154c9daef9d42d1ac6bf1ae1cab43b25fc759",dir:this.isRtl?"rtl":null,class:"nano-masked-overflow","has-scroll-controls":this.hasScrollControls},o("div",{key:"c08a301b623b69a8a8936e846fb4d61c3d7a5d42",part:"base",class:{onav:!0,[`onav--${this.orientation}`]:!0,"onav--has-scroll-controls":this.hasScrollControls,"onav--has-scroll-controls-start":!this.hideControlStart,"onav--has-scroll-controls-end":!this.hideControlEnd,"onav--no-transitions":this.instantReCalc,"onnav--has-indicator":this.showIndicator,"onnav--hide-scrollbars":this.hideScrollbars&&"false"!==this.hideScrollbars},onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("div",{key:"4430bfab6920f77fe64885eb12c7a1f2ebfdbf31",class:"onav__nav"},this.scrollControls&&o("nano-icon-button",{key:"800ac8de65485ebaa4060c26a7f0b3432348c8d1",part:"scroll-button scroll-button-prev",class:{"onav__scroll-button":!0,"onav__scroll-button--start":!0},ref:t=>this.startBtn=t,onClick:()=>this.handleBtnClick(!1),label:"Click to scroll",iconName:"horizontal"===this.orientation?"light/chevron-left":"light/chevron-up"}),o("div",{key:"48fff7814d1c8a864ca9f29c0b4bc2196c7b4a98",part:"scroller",ref:t=>this.nav=t,class:"onav__scroller",onScroll:this.handleScroll,tabindex:this.hasScrollControls?0:void 0,role:"region","aria-label":this.label||void 0},o("div",{key:"376a6e0007b1e9e35d3226e6575d0ca840b1f75a",part:"items",ref:t=>this.itemContainer=t,class:"onav__items"},this.showIndicator&&o("div",{key:"c0b933b6b29071de0f5b3d3b97497de231b45801",part:"indicator",ref:t=>this.activeIndicator=t,class:"onav__active-indicator"}),o("slot",{key:"2bff315c99ce804c26240ef5e134c1f08fed0547",onSlotchange:this.slotChangeHandler}))),this.scrollControls&&o("nano-icon-button",{key:"d568e4adaf25dbf10127e433220fa6900298e31f",part:"scroll-button scroll-button-next",class:{"onav__scroll-button":!0,"onav__scroll-button--end":!0},ref:t=>this.endBtn=t,onClick:()=>this.handleBtnClick(!0),label:"Click to scroll",iconName:"horizontal"===this.orientation?"light/chevron-right":"light/chevron-down"}))))}static get watchers(){return{hideScrollbars:["watchHideScrollbars"],isActiveHandler:["watchIsActiveHandler"],hasScrollControls:["watchScrollControls"],hideControlEnd:["hideEndBtn"],hideControlStart:["hideStartBtn"]}}};l.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-size:3px;--indicator-track-color:var(--nano-color-neutral-300);--indicator-track-size:var(--indicator-size);--scroll-btn-color:var(--nano-color-primary-1200);--scroll-btn-size:1rem;--fade-size:100px;position:relative;z-index:var(--nano-z-index-raised)}:host([orientation=horizontal]){display:block}:host([orientation=vertical]){display:flex}.onav--no-transitions *{transition-duration:0s !important}.onav__nav:has(.onav__scroller:focus-visible){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.onav__scroller{scrollbar-width:thin;overflow:auto;display:flex;transition:var(--nano-transition-fast) ease}.onav__scroller:focus{outline:none}.onnav--hide-scrollbars .onav__scroller{scrollbar-width:none;-ms-overflow-style:none}.onnav--hide-scrollbars .onav__scroller::-webkit-scrollbar{inline-size:0;block-size:0}.onav__items{flex:1 1 auto;position:relative;inline-size:auto;flex-wrap:nowrap;display:flex}.onnav--has-indicator .onav__items::before{content:"";background:var(--indicator-track-color);display:block;position:absolute;z-index:1}.onav__active-indicator{position:absolute;z-index:10;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease, var(--indicator-transition) height ease}.nano-icon-button.onav__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;border:unset;z-index:2;transition:var(--nano-transition-fast) ease opacity;opacity:0;color:var(--scroll-btn-color);font-size:var(--scroll-btn-size);pointer-events:none}.nano-icon-button.onav__scroll-button.is-shown{opacity:1;pointer-events:all}.onav--horizontal.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--horizontal.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:calc(var(--fade-size) * -2) 0;mask-position:calc(var(--fade-size) * -2) 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%}.onav--horizontal .onav__items{flex-direction:row}.onav--horizontal .onav__items::before{inline-size:100%;block-size:var(--indicator-track-size);inset-block-end:0}.onav--horizontal .onav__active-indicator{inset-block-end:0;border-block-end:solid var(--indicator-size) var(--indicator-color)}.onav--horizontal .onav__scroll-button{inset-block:0}.onav--horizontal .onav__scroll-button--start{inset-inline-start:0}.onav--horizontal .onav__scroll-button--end{inset-inline-end:0}.onav--vertical{--fade-size:70px;inline-size:100%;display:flex}.onav--vertical .onav__nav{max-block-size:100%;min-inline-size:100%;display:flex}.onav--vertical .onav__scroller{inline-size:100%;flex-direction:column}.onav--vertical.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--vertical.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 calc(var(--fade-size) * -2);mask-position:0 calc(var(--fade-size) * -2);-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.onav--vertical .onav__items{flex-direction:column;inline-size:fit-content}.onav--vertical .onav__items::before{block-size:100%;inline-size:var(--indicator-track-size);inset-inline-start:0}.onav--vertical .onav__active-indicator{inset-inline-start:0;border-inline-start:solid var(--indicator-size) var(--indicator-color)}.onav--vertical .onav__scroll-button{inset-inline:0}.onav--vertical .onav__scroll-button--start{inset-block-start:0}.onav--vertical .onav__scroll-button--end{inset-block-end:0}';export{l as nano_masked_overflow}
+import{r as t,g as i,a}from"./index-BM3Om9WE.js";import{h as o}from"./renderer-DpNDfhNy.js";import{g as s,a as e}from"./dom-dlicJTEJ.js";import{d as n}from"./throttle-C93FMm2Z.js";import{s as r}from"./scroll-1nFw8CNk.js";const l=class{label;scrollControls=!0;orientation="horizontal";showIndicator=!1;hideScrollbars;watchHideScrollbars(){null==this.hideScrollbars&&(this.hideScrollbars="vertical"!==this.orientation)}activeHandler=t=>t.classList.add("active");inactiveHandler=t=>t.classList.remove("active");isActiveHandler=t=>t.classList.contains("active");watchIsActiveHandler(){this.instantReCalc=!0,this.activeItem=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i))),setTimeout((()=>this.instantReCalc=!1),300)}async syncActiveItem(){this.activeItem=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i)))}constructor(i){t(this,i),this.recalculatePositions=n(this.recalculatePositions.bind(this),80)}ro;nav;itemContainer;isRtl;endBtn;startBtn;activeIndicator;mutationObservers=new WeakMap;get scrollProp(){return"horizontal"===this.orientation?"scrollWidth":"scrollHeight"}get clientDimensionProp(){return"horizontal"===this.orientation?"clientWidth":"clientHeight"}get scrollOffset(){return"horizontal"===this.orientation?"scrollLeft":"scrollTop"}get host(){return i(this)}instantReCalc=!1;hasScrollControls=!1;watchScrollControls(){this.hasScrollControls?this.handleScroll():this.hideControlStart=this.hideControlEnd=!0}hideControlEnd=!0;hideEndBtn(){this.endBtn&&this.activateBtn(this.endBtn,!this.hideControlEnd)}hideControlStart=!0;hideStartBtn(){this.startBtn&&this.activateBtn(this.startBtn,!this.hideControlStart)}activateBtn(t,i=!0){if(!i)return t.tabIndex=-1,t.disabled=!0,void t.classList.remove("is-shown");t.removeAttribute("tabindex"),t.disabled=!1,t.classList.add("is-shown")}get allActiveItems(){return this.allItems.filter((t=>!t.disabled||t.classList.contains("disabled")))}get allItems(){return s(this.host,"*","slot")}get activeItem(){return this._activeItem}set activeItem(t){t&&t!==this.activeItem&&!t.disabled&&this.allActiveItems.includes(t)&&(this._activeItem=t,this.allActiveItems.forEach(((t,i)=>{t===this._activeItem?this.activeHandler(t,i):this.inactiveHandler(t,i)})),this.recalculatePositions())}_activeItem;get navDim(){if(!this.nav)return 0;const t=getComputedStyle(this.nav);let i=this.nav[this.clientDimensionProp];return"horizontal"===this.orientation?i-(parseFloat(t.paddingLeft)+parseFloat(t.paddingRight)):i-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom))}scrollToActiveItem(){this.nav&&this.activeItem&&this.hasScrollControls&&r(this.activeItem,this.nav,this.orientation,"center")}syncActiveItemIndicator(){if(!this.activeItem||!this.showIndicator)return;const t=this.activeItem,i=t.clientWidth||0,a=t.clientHeight+2||0,o=e(t,this.itemContainer);if(!this.activeIndicator)return;const s=o.top,n=o.left;switch(this.instantReCalc&&(this.activeIndicator.style.transition="none"),this.orientation){case"horizontal":this.activeIndicator.style.width=`${i}px`,this.activeIndicator.style.height=null,this.activeIndicator.style.transform=`translateX(${n}px)`;break;case"vertical":this.activeIndicator.style.width=null,this.activeIndicator.style.height=`${a}px`,this.activeIndicator.style.transform=`translateY(${s}px)`}setTimeout((()=>this.activeIndicator.style.transition=null),400)}updateScrollControls=()=>{this.nav&&(this.hasScrollControls=this.nav[this.scrollProp]>this.nav[this.clientDimensionProp]&&this.nav[this.scrollProp]>=this.itemContainer[this.clientDimensionProp],this.handleScroll())};handleScroll=()=>{if(!this.hasScrollControls)return void(this.hideControlStart=this.hideControlEnd=!0);const t=this.isRtl?0===this.nav[this.scrollOffset]:Math.abs(this.nav[this.clientDimensionProp]-(this.nav[this.scrollProp]-this.nav[this.scrollOffset]))<2;(this.isRtl?Math.abs(this.nav[this.scrollProp]+this.nav[this.scrollOffset]-this.nav[this.clientDimensionProp])<2:0===this.nav[this.scrollOffset])?(this.hideControlStart=!0,this.hideControlEnd=!1):t?(this.hideControlStart=!1,this.hideControlEnd=!0):(this.hideControlEnd=!1,this.hideControlStart=!1)};handleBtnClick=(t=!1)=>{const i=this.navDim;let a;a=t?this.nav[this.scrollOffset]+i-20:this.nav[this.scrollOffset]-i+20;try{this.nav.scroll({left:"horizontal"===this.orientation?a:0,top:"vertical"===this.orientation?a:0,behavior:"smooth"})}catch(t){this.nav[this.scrollOffset]=a}};slotChangeHandler=()=>{if(this.allActiveItems.length<2)return;const t=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i)));t&&(this.activeItem=t),this.recalculatePositions(),this.showIndicator&&this.allActiveItems.forEach((t=>{if(this.mutationObservers.get(t))return;const i=new MutationObserver((()=>this.syncActiveItemIndicator()));i.observe(t,{characterData:!0,childList:!0,subtree:!0}),this.mutationObservers.set(t,i)}))};handleClick=t=>{if(this.allActiveItems.length<2)return;const i=t.composedPath().find((t=>this.allActiveItems.includes(t)));i&&(this.activeItem=i)};handleKeyDown=t=>{if(["Enter"," "].includes(t.key)){const i=t.composedPath().find((t=>this.allActiveItems.includes(t)));i&&(this.activeItem=i)}};recalculatePositions=()=>{this.updateScrollControls(),this.syncActiveItemIndicator(),this.scrollToActiveItem()};connectedCallback(){this.instantReCalc=!0,this.isRtl="horizontal"===this.orientation&&!!this.host.closest('[dir="rtl"]'),window.MutationObserver&&this.slotChangeHandler(),window.ResizeObserver&&(this.ro&&(this.ro.disconnect(),this.ro=void 0),(this.ro=new ResizeObserver(this.recalculatePositions)).observe(this.host))}componentWillLoad(){this.watchHideScrollbars()}componentDidLoad(){this.activeItem=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i))),this.hideStartBtn(),this.hideEndBtn(),requestAnimationFrame((()=>this.instantReCalc=!1))}disconnectedCallback(){this.ro&&(this.ro.disconnect(),this.ro=void 0)}render(){return o(a,{key:"e5c6238730817f0c7036060faa8c344d514a3924",dir:this.isRtl?"rtl":null,class:"nano-masked-overflow","has-scroll-controls":this.hasScrollControls},o("div",{key:"4027acd51b80fd1bf2bb9d66a05ec051802732f3",part:"base",class:{onav:!0,[`onav--${this.orientation}`]:!0,"onav--has-scroll-controls":this.hasScrollControls,"onav--has-scroll-controls-start":!this.hideControlStart,"onav--has-scroll-controls-end":!this.hideControlEnd,"onav--no-transitions":this.instantReCalc,"onnav--has-indicator":this.showIndicator,"onnav--hide-scrollbars":this.hideScrollbars&&"false"!==this.hideScrollbars},onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("div",{key:"a552b2e3cdf9f84249655b21ce6f2acb5c330a75",class:"onav__nav"},this.scrollControls&&o("nano-icon-button",{key:"5aca29990db29b3d0d00e6bca317cd3870d06d6b",part:"scroll-button scroll-button-prev",class:{"onav__scroll-button":!0,"onav__scroll-button--start":!0},ref:t=>this.startBtn=t,onClick:()=>this.handleBtnClick(!1),label:"Click to scroll",iconName:"horizontal"===this.orientation?"light/chevron-left":"light/chevron-up"}),o("div",{key:"9c2b4c91859b5c6c132ab2eecc01cf56eeec18b9",part:"scroller",ref:t=>this.nav=t,class:"onav__scroller",onScroll:this.handleScroll,tabindex:this.hasScrollControls?0:void 0,role:"region","aria-label":this.label||void 0},o("div",{key:"a77097f7b9a70e08f9a1eb980948c5c92dff760d",part:"items",ref:t=>this.itemContainer=t,class:"onav__items"},this.showIndicator&&o("div",{key:"b8661b042f9e195850a33ce3570b75c9bed25d7e",part:"indicator",ref:t=>this.activeIndicator=t,class:"onav__active-indicator"}),o("slot",{key:"54af572f6ef591d8d3cb34221e048ac0e32140bb",onSlotchange:this.slotChangeHandler}))),this.scrollControls&&o("nano-icon-button",{key:"e27a06cc2cec7ed373c527e3c6db5a0a56a90b71",part:"scroll-button scroll-button-next",class:{"onav__scroll-button":!0,"onav__scroll-button--end":!0},ref:t=>this.endBtn=t,onClick:()=>this.handleBtnClick(!0),label:"Click to scroll",iconName:"horizontal"===this.orientation?"light/chevron-right":"light/chevron-down"}))))}static get watchers(){return{hideScrollbars:["watchHideScrollbars"],isActiveHandler:["watchIsActiveHandler"],hasScrollControls:["watchScrollControls"],hideControlEnd:["hideEndBtn"],hideControlStart:["hideStartBtn"]}}};l.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-size:3px;--indicator-track-color:var(--nano-color-neutral-300);--indicator-track-size:var(--indicator-size);--scroll-btn-color:var(--nano-color-primary-1200);--scroll-btn-size:1rem;--fade-size:100px;position:relative;z-index:var(--nano-z-index-raised)}:host([orientation=horizontal]){display:block}:host([orientation=vertical]){display:flex}.onav--no-transitions *{transition-duration:0s !important}.onav__nav:has(.onav__scroller:focus-visible){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.onav__scroller{scrollbar-width:thin;overflow:auto;display:flex;transition:var(--nano-transition-fast) ease}.onav__scroller:focus{outline:none}.onnav--hide-scrollbars .onav__scroller{scrollbar-width:none;-ms-overflow-style:none}.onnav--hide-scrollbars .onav__scroller::-webkit-scrollbar{inline-size:0;block-size:0}.onav__items{flex:1 1 auto;position:relative;inline-size:auto;flex-wrap:nowrap;display:flex}.onnav--has-indicator .onav__items::before{content:"";background:var(--indicator-track-color);display:block;position:absolute;z-index:1}.onav__active-indicator{position:absolute;z-index:10;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease, var(--indicator-transition) height ease}.nano-icon-button.onav__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;border:unset;z-index:2;transition:var(--nano-transition-fast) ease opacity;opacity:0;color:var(--scroll-btn-color);font-size:var(--scroll-btn-size);pointer-events:none}.nano-icon-button.onav__scroll-button.is-shown{opacity:1;pointer-events:all}.onav--horizontal.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--horizontal.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:calc(var(--fade-size) * -2) 0;mask-position:calc(var(--fade-size) * -2) 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%}.onav--horizontal .onav__items{flex-direction:row}.onav--horizontal .onav__items::before{inline-size:100%;block-size:var(--indicator-track-size);inset-block-end:0}.onav--horizontal .onav__active-indicator{inset-block-end:0;border-block-end:solid var(--indicator-size) var(--indicator-color)}.onav--horizontal .onav__scroll-button{inset-block:0}.onav--horizontal .onav__scroll-button--start{inset-inline-start:0}.onav--horizontal .onav__scroll-button--end{inset-inline-end:0}.onav--vertical{--fade-size:70px;inline-size:100%;display:flex}.onav--vertical .onav__nav{max-block-size:100%;min-inline-size:100%;display:flex}.onav--vertical .onav__scroller{inline-size:100%;flex-direction:column}.onav--vertical.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--vertical.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 calc(var(--fade-size) * -2);mask-position:0 calc(var(--fade-size) * -2);-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.onav--vertical .onav__items{flex-direction:column;inline-size:fit-content}.onav--vertical .onav__items::before{block-size:100%;inline-size:var(--indicator-track-size);inset-inline-start:0}.onav--vertical .onav__active-indicator{inset-inline-start:0;border-inline-start:solid var(--indicator-size) var(--indicator-color)}.onav--vertical .onav__scroll-button{inset-inline:0}.onav--vertical .onav__scroll-button--start{inset-block-start:0}.onav--vertical .onav__scroll-button--end{inset-block-end:0}';export{l as nano_masked_overflow}

package/dist/style/components.css

@@ -1 +1 @@
-@layer components{: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{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-medium);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-normal);margin:var(--header-margin)}:where(nano-footer,.nano-footer) [slot=bottom-end] nano-option::part(start){margin-inline-end:var(--nano-spacing-sm)}:where(nano-footer,.nano-footer) [slot=middle-centre] a{color:inherit}:where(nano-footer,.nano-footer) [slot=middle-centre] a:hover{color:var(--nano-color-primary-1000)}:where(nano-footer,.nano-footer) [slot=middle-centre] a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}:where(nano-footer,.nano-footer) [slot=middle-centre]{display:flex;align-items:center;justify-content:center;gap:var(--icon-gap-md);flex-wrap:nowrap}@container footer-container (max-width: 912px){:where(nano-footer,.nano-footer) [slot=middle-centre]{flex-wrap:wrap;justify-content:center}}}@layer components{.nano-toast-stack{position:fixed;z-index:var(--nano-z-index-modal);inline-size:28rem;max-inline-size:100%;max-block-size:100%}.nano-toast-stack--tr{inset-block-start:0;inset-inline-end:0}.nano-toast-stack--tl{inset-block-start:0;inset-inline-start:0}.nano-toast-stack--br{inset-block-end:0;inset-inline-end:0}.nano-toast-stack--bl{inset-block-end:0;inset-inline-start:0}}@layer components{.nano-sortable__placeholder{opacity:0}.nano-sortable__dragged{opacity:.6;cursor:grabbing !important;box-shadow:var(--nano-shadow-l2);z-index:1;position:relative}.nano-sortable__keyboard-handle{background:var(--nano-color-base-0)}.nano-sortable__handle-dragged{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}}@layer components{nano-cta{--color: var(--nano-color-basic-white);--bg: var(--nano-color-blue-cerulean-1000);--bg-hover: var(--nano-color-blue-cerulean-1100);--bg-active: var(--nano-color-blue-cerulean-1200);--border: 1px solid var(--bg);--icon-size: 1em;--padding-v: 0.4375em;--padding-h: 1.125em;--spinner-size: 1em;--font-size: var(--nano-font-size-small);--line-height: var(--nano-line-height-normal);--gap: var(--nano-spacing-sm);--icon-display: none;--loading-display: none;--loading-opacity: 0;--flip-icon-ltr: 0;--flip-icon-rtl: 1;display:contents}nano-cta:has(.nano-internal-cta){display:inline-block}nano-cta:dir(rtl){--flip-icon-ltr: 1;--flip-icon-rtl: 0}nano-cta[group=balanced]{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--gap)}nano-cta[group=balanced] a,nano-cta[group=balanced] button{justify-content:space-evenly}nano-cta[group=stacked]{display:flex;flex-direction:column;gap:var(--gap)}nano-cta[secondary]:not([secondary=false]),nano-cta :is([secondary]):not([secondary=false]){--color: var(--nano-color-primary-1100);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-primary-100);--bg-active: var(--nano-color-primary-300);--border: 1px solid var(--color)}nano-cta[theme=success],nano-cta :is([theme=success]){--color: var(--nano-color-basic-white);--bg: var(--nano-color-success-1000);--bg-hover: var(--nano-color-success-1100);--bg-active: var(--nano-color-success-1200);--border: 1px solid var(--bg)}nano-cta[theme=success][secondary]:not([secondary=false]),nano-cta :is([theme=success][secondary]):not([secondary=false]){--color: var(--nano-color-success-1100);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-success-75);--bg-active: var(--nano-color-success-200);--border: 1px solid var(--color)}nano-cta[theme=danger],nano-cta :is([theme=danger]){--color: var(--nano-color-basic-white);--bg: var(--nano-color-danger-1000);--bg-hover: var(--nano-color-danger-1100);--bg-active: var(--nano-color-danger-1200);--border: 1px solid var(--bg)}nano-cta[theme=danger][secondary]:not([secondary=false]),nano-cta :is([theme=danger][secondary]):not([secondary=false]){--color: var(--nano-color-danger-1200);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-danger-300);--bg-active: var(--nano-color-danger-400);--border: 1px solid var(--color)}nano-cta[theme=warning],nano-cta :is([theme=warning]){--color: var(--nano-color-basic-white);--bg: var(--nano-color-warning-1000);--bg-hover: var(--nano-color-warning-1100);--bg-active: var(--nano-color-warning-1200);--border: 1px solid var(--bg)}nano-cta[theme=warning][secondary]:not([secondary=false]),nano-cta :is([theme=warning][secondary]):not([secondary=false]){--color: var(--nano-color-warning-1100);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-warning-200);--bg-active: var(--nano-color-warning-300);--border: 1px solid var(--color)}nano-cta[size=medium],nano-cta :is([size=medium]){--font-size: var(--nano-font-size-xs);--line-height: var(--nano-line-height-dense);--gap: var(--nano-spacing-xs)}nano-cta[size=small],nano-cta :is([size=small]){--font-size: var(--nano-font-size-2xs);--line-height: var(--nano-line-height-denser);--gap: var(--nano-spacing-xs);--padding-h: 1em;--padding-v: 0.5em}nano-cta:is([loading],[loading=true]):not([loading=false]),nano-cta :is([loading],[loading=true]):not([loading=false]){--text-color: transparent !important;--loading-display: block;--loading-opacity: 1;--bg-hover: var(--bg);--bg-active: var(--bg);cursor:wait}nano-cta:is([loading],[loading=true]):not([loading=false]) a,nano-cta:is([loading],[loading=true]):not([loading=false]) button,nano-cta :is([loading],[loading=true]):not([loading=false]) a,nano-cta :is([loading],[loading=true]):not([loading=false]) button{--text-color: transparent !important;cursor:wait}nano-cta :is([disabled],[disabled=true]):not([disabled=false]),nano-cta a:not([href]){--color: var(--nano-color-neutral-1200);--text-color: var(--color);--bg: var(--nano-color-neutral-100);--bg-hover: var(--bg);--bg-active: var(--bg);--border: 1px solid var(--color);cursor:not-allowed}nano-cta :is([disabled],[disabled=true]):not([disabled=false]) a,nano-cta :is([disabled],[disabled=true]):not([disabled=false]) button,nano-cta a:not([href]) a,nano-cta a:not([href]) button{cursor:not-allowed}nano-cta :is(a,button,.button){--text-color: var(--color);margin:0;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;white-space:nowrap;vertical-align:middle;background-color:var(--bg) !important;color:var(--text-color) !important;border-radius:var(--nano-border-radius-pill);line-height:var(--line-height);letter-spacing:var(--nano-letter-spacing-loose);font-size:var(--font-size);padding:var(--padding-v) var(--padding-h);gap:var(--nano-spacing-sm);border:var(--border) !important;transition:color var(--nano-transition-fast) ease;text-decoration:none !important}nano-cta :is(a,button,.button):focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-cta :is(a,button,.button):hover{background-color:var(--bg-hover) !important}nano-cta :is(a,button,.button):active{background-color:var(--bg-active) !important}nano-cta :is(a,button,.button)::before{content:"";display:var(--loading-display);opacity:var(--loading-opacity);position:absolute;padding:2.5px;aspect-ratio:1;border-radius:50%;inline-size:var(--spinner-size);background:var(--color);inset:calc(50% - var(--spinner-size)/2);mask:conic-gradient(rgba(0, 0, 0, 0), #000) subtract,conic-gradient(#000 0 0) content-box;animation:load 1s linear infinite;transition:all var(--nano-transition-fast) ease;transition-behavior:allow-discrete}@keyframes load{to{rotate:1turn}}nano-cta :is(a,button,.button)::after{content:"";display:var(--icon-display);background-size:cover;inline-size:var(--icon-size);block-size:var(--icon-size);background-color:var(--text-color);mask-image:var(--icon-svg);transition:color var(--nano-transition-fast) ease;mask-repeat:no-repeat;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg*var(--flip-icon-ltr))}nano-cta :is(a,button,.button) :where(nano-icon,.nano-icon),nano-cta :is(a,button,.button) svg{color:inherit;inline-size:var(--icon-size);margin:auto 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward]{--icon-svg: var(--nano-component-icon-chevron);--icon-display: block}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward] a,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward] button{padding-inline-end:.8125em}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward] a::after,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward] button::after{rotate:calc(180deg*var(--flip-icon-ltr))}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back]{--icon-svg: var(--nano-component-icon-chevron);--icon-display: block}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back] a,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back] button{padding-inline-start:.8125em}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back] a::after,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back] button::after{rotate:calc(180deg*var(--flip-icon-rtl));order:-1;margin-inline-start:unset}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=up]{--icon-svg: var(--nano-component-icon-chevron);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=up] a::after,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=up] button::after{transform:rotate(270deg)}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=down]{--icon-svg: var(--nano-component-icon-chevron);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=down] a::after,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=down] button::after{transform:rotate(90deg)}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=download]{--icon-svg: var(--nano-component-icon-download);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=open]{--icon-svg: var(--nano-component-icon-open);--icon-size: .9em;--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg)):not([icon]) a[href]:not([href=""],[icon],[href^="#"]){--icon-svg: var(--nano-component-icon-chevron);--icon-display: block;padding-inline-end:.8125em}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg)):not([icon]) a[href]:not([href=""],[icon],[href^="#"])[target=_blank]{--icon-svg: var(--nano-component-icon-open);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0;padding-inline-end:var(--padding-h)}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"]){--icon-svg: var(--nano-component-icon-download);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0;padding-inline-end:var(--padding-h)}}@layer components{nano-card{--color: currentColor;--bg: transparent;--gap: var(--nano-spacing-md);--content-margin: 0;--flip-icon-ltr: 0;container-type:inline-size;position:relative;display:grid;grid-template-columns:minmax(calc(197px - var(--gap)), 31%) auto;grid-template-rows:repeat(calc(var(--row-count) - 1), max-content);gap:var(--gap);background-color:var(--bg);color:var(--color)}nano-card:dir(rtl){--flip-icon-ltr: 1}nano-card:has(>:last-child:nth-child(1),>article>:last-child:nth-child(1)){--row-count: 1}nano-card:has(>:last-child:nth-child(2),>article>:last-child:nth-child(2)){--row-count: 2}nano-card:has(>:last-child:nth-child(3),>article>:last-child:nth-child(3)){--row-count: 3}nano-card:has(>:last-child:nth-child(4),>article>:last-child:nth-child(4)){--row-count: 4}nano-card:has(>:last-child:nth-child(5),>article>:last-child:nth-child(5)){--row-count: 5}nano-card:has(>:last-child:nth-child(6),>article>:last-child:nth-child(6)){--row-count: 6}nano-card:has(>:last-child:nth-child(7),>article>:last-child:nth-child(7)){--row-count: 7}nano-card *{margin-block:unset;margin-block-start:unset;margin-block-end:unset}nano-card>*:not([slot]){display:contents}nano-card [slot]{display:block}nano-card [slot]:not([slot=img],[slot=category],ul){margin-inline:var(--content-margin)}nano-card [slot]:not([slot=img],[slot=category],ul):last-child{margin-block-end:var(--content-margin)}nano-card:not(:has([slot=img])) [slot]:first-child{margin-block-start:var(--content-margin)}nano-card [slot=img]{order:1}nano-card div[slot=img]{position:relative;inline-size:fit-content;block-size:fit-content}nano-card [slot=category]{position:absolute;inset-block-end:10px;inset-inline-end:10px;background:var(--nano-color-base-0)}nano-card [slot=title]{order:2;text-wrap:balance}nano-card [slot=content]{order:3;text-wrap:balance}nano-card [slot=footer]{order:4;display:inline-flex;align-items:center;gap:var(--gap)}nano-card [slot=footer]:has(nano-tag){flex-wrap:wrap;gap:var(--nano-spacing-sm)}nano-card [slot=footer]:has(nano-tag):is(nano-more-less)>ul,nano-card [slot=footer]:has(nano-tag) nano-more-less>ul{display:contents;list-style:none}nano-card [slot=footer]:has(nano-tag):is(nano-more-less)>ul>li,nano-card [slot=footer]:has(nano-tag) nano-more-less>ul>li{display:contents}nano-card nano-content-links{--color-border: rgb(var(--nano-color-base-rgb-1000) / 7%)}nano-card address{font-style:normal}nano-card a[slot=title],nano-card [slot=title] a{color:var(--color);text-decoration:none}nano-card a[slot=title]:hover,nano-card [slot=title] a:hover{color:var(--nano-color-primary-1000);text-decoration:underline}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) 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{color:var(--color);text-decoration:none}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]):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]{color:var(--nano-color-primary-1000);text-decoration:underline}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]):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]{color:var(--color);text-decoration:none}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]):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{color:var(--nano-color-primary-1000);text-decoration:underline}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) button::before,nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) 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,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{content:"";display:block;position:absolute;inset:0;touch-action:manipulation;cursor:pointer;inline-size:100%;block-size:100%;animation:none;border-radius:0;z-index:var(--enable-card-click)}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) 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>*{position:static}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click])[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{box-shadow:var(--nano-shadow-l0);background-color:var(--bg-hover)}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) 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>*{position:relative;z-index:2}nano-card:has(a[slot]):has([slot] a){--enable-card-click: -1}nano-card:has([slot=content] a):has([slot=footer] a){--enable-card-click: -1}nano-card[disable-card-click]{--enable-card-click: -1}nano-card:not([layout=landscape]) [slot]{grid-column:1/-1 !important}nano-card[layout=landscape] [slot]{grid-column:2}nano-card[layout=landscape] div:has([slot=img]),nano-card[layout=landscape] [slot=img]{grid-column:1;grid-row:1/-1}nano-card[layout=landscape]:has([slot=title],[slot=content],[slot=img]):not(nano-card[layout=landscape]:has([slot=footer])){grid-template-rows:repeat(var(--row-count), auto)}@container (width < 417px){nano-card[layout=landscape]:not([size=small]) [slot]{grid-column:1/-1 !important}nano-card[layout=landscape]:not([size=small]) [slot=img]{grid-column:1/-1 !important}}@container (width < 320px){nano-card[layout=landscape][size=small] [slot]{grid-column:1/-1 !important}nano-card[layout=landscape][size=small] [slot=img]{grid-column:1/-1 !important}}nano-card[variant=product] [slot=title]{display:inline-flex;gap:var(--gap);align-items:center;justify-content:space-between}nano-card[variant=product] [slot=footer]{justify-content:space-between}nano-card [slot=title],nano-card [slot=title]>:first-child{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}nano-card [slot=content],nano-card [slot=content]>*{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}nano-card[size=small]{grid-template-columns:minmax(calc(60px - var(--gap)), 31%) auto}nano-card[size=small] [slot=title],nano-card[size=small] [slot=title]>:first-child{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}nano-card[size=small] [slot=content],nano-card[size=small] [slot=content]>*{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}nano-card[variant=product][size=small]{--gap: var(--nano-spacing-sm)}nano-card[variant^=promo]{--content-margin: var(--gap);box-shadow:var(--nano-shadow-l1)}nano-card[variant^=promo] [slot=title],nano-card[variant^=promo] [slot=title]:hover,nano-card[variant^=promo]:hover [slot=title]{color:var(--color) !important;text-decoration:none !important}nano-card[variant^=promo] nano-cta>*{inline-size:100%}nano-card[variant^=promo] [slot=title],nano-card[variant^=promo] [slot=title]>:first-child{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}nano-card[variant^=promo] [slot=content],nano-card[variant^=promo] [slot=content]>*{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title]{display:inline-flex;gap:var(--gap)}nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title]::after{content:"";display:block;background-size:cover;inline-size:1em;background-color:var(--color);mask-image:var(--nano-component-icon-chevron);mask-repeat:no-repeat;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg*var(--flip-icon-ltr))}nano-card[variant=promo]{--bg: var(--nano-color-notice-1200);--bg-hover: var(--nano-color-notice-1000);--color: var(--nano-color-base-0)}nano-card[variant=promo] nano-cta{--color: var(--nano-color-notice-1000);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-notice-75);--bg-active: var(--nano-color-notice-200);--border: 1px solid var(--color)}nano-card[variant=promo-aero]{--bg: var(--nano-color-success-200);--bg-hover: var(--nano-color-success-75);--color: var(--nano-color-base-1000)}nano-card[variant=promo-plain],nano-card[variant=promo-grey]{--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-neutral-100);--color: var(--nano-color-neutral-1400)}nano-card[variant=promo-plain]:hover [slot=title],nano-card[variant=promo-grey]:hover [slot=title]{color:var(--nano-color-primary-1000)}nano-card[variant=promo-plain] nano-cta,nano-card[variant=promo-grey] nano-cta{--color: var(--nano-color-primary-1100);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-primary-50);--bg-active: var(--nano-color-primary-75);--border: 1px solid var(--color)}nano-card[variant=promo-grey]{--bg: var(--nano-color-neutral-100);--bg-hover: var(--nano-color-neutral-200);--color: var(--nano-color-neutral-1400)}}@layer components{nano-tag{--background: var(--nano-color-base-50);--color: var(--nano-color-primary-1100);--stroke: var(--nano-color-primary-1000);--color-non-interactive: var(--nano-color-neutral-1400);--padding: 0.125rem 0.375rem;--font-size: 0.625rem;--line-height: var(--nano-line-height-denser);--letter-spacing: var(--nano-letter-spacing-denser);--bg-color-hover: var(--nano-color-primary-100);--bg-color-active: var(--nano-color-primary-300);display:inline-block;block-size:fit-content;inline-size:fit-content;padding:var(--padding);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--nano-font-weight-bold);line-height:var(--line-height);letter-spacing:var(--letter-spacing);word-wrap:break-word;text-align:center;cursor:default;color:var(--color-non-interactive);background:var(--background);border:1px solid var(--color-non-interactive)}nano-tag[size=large]{--padding: 0.25rem 0.5rem;--font-size: var(--nano-font-size-2xs);--letter-spacing: var(--nano-letter-spacing-loose)}nano-tag[closable]{display:flex;gap:.25rem;justify-content:space-between;align-items:center;padding:var(--padding)}nano-tag[closable] nano-icon-button{--padding: 0}nano-tag[closable][size=large]{gap:.375rem}nano-tag[closable]:not(:has(nano-icon-button,.nano-icon-button))::after{content:"";display:block;min-inline-size:.625rem}nano-tag:has(a),nano-tag:has(button){padding:0}nano-tag:has(a),nano-tag:has(button),nano-tag[closable]{color:var(--color);border-color:var(--stroke);background:var(--background)}nano-tag:has(a:hover),nano-tag:has(button:hover){cursor:pointer;background:var(--bg-color-hover)}nano-tag:has(a:active),nano-tag:has(button:active),nano-tag[selected]{background:var(--bg-color-active)}nano-tag:has(a:focus-visible,button:focus-visible){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-tag>a,nano-tag>button{all:unset;display:block;padding:var(--padding) !important}nano-tag>a:hover,nano-tag>button:hover{text-decoration:none}}@layer components{:where(nano-content-links,.nano-content-links){--text-color: var(--nano-color-neutral-1400);--color-disabled: var(--nano-color-neutral-800);--color-border: var(--nano-color-neutral-200);--color-active: var(--nano-color-primary-1000);--padding: var(--nano-spacing-sm);--icon-size: 1em;--icon-color: var(--nano-color-primary-1200);display:contents;color:var(--text-color);font-size:var(--nano-font-size-sm);font-weight:var(--nano-font-weight-normal);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);word-wrap:break-word}:where(nano-content-links,.nano-content-links)>*{all:unset;inline-size:stretch;block-size:fit-content;display:flex;justify-content:space-between;align-items:center;padding:var(--padding);gap:var(--nano-spacing-md);border-block-start:1px solid var(--color-border);border-block-end:1px solid var(--color-border);text-decoration:none !important}:where(nano-content-links,.nano-content-links)>*::after{content:"";background-size:cover;inline-size:var(--icon-size);block-size:var(--icon-size);mask-image:var(--nano-component-icon-chevron);mask-repeat:no-repeat;mask-position:center;transform-origin:center;margin-inline-start:auto}:where(nano-content-links,.nano-content-links)>*:not(a){pointer-events:none;cursor:default;color:var(--color-disabled);border-block-start:1px solid var(--color-border);border-block-end:1px solid var(--color-border)}:where(nano-content-links,.nano-content-links)>*:not(a)::after{background-color:var(--color-disabled)}:where(nano-content-links,.nano-content-links)>*+*{border-block-start:none !important}:where(nano-content-links,.nano-content-links) a{pointer-events:auto;cursor:pointer;color:var(--text-color)}:where(nano-content-links,.nano-content-links) a::after{background-color:var(--icon-color)}:where(nano-content-links,.nano-content-links) a[target=_blank]::after{mask-image:var(--nano-component-icon-open)}:where(nano-content-links,.nano-content-links) a:hover,:where(nano-content-links,.nano-content-links) a:active{--icon-color: var(--color-active);color:var(--color-active);text-decoration:underline solid}:where(nano-content-links,.nano-content-links) a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}}@layer components{nano-badge{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background:var(--bg);color:var(--color);border-radius:var(--nano-border-radius-pill);padding:.15em .65em !important;display:inline-block;max-block-size:fit-content;--color: lch(from var(--bg) calc((50 - l) * infinity) 0 0)}nano-badge:empty{padding:0 !important;block-size:.5em;inline-size:.5em}nano-badge a,nano-badge button{all:unset;color:inherit;border-radius:inherit;cursor:pointer}nano-badge a:is(a),nano-badge button:is(a){text-decoration:underline}nano-badge a::after,nano-badge button::after{content:"";position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:inherit;background-color:rgba(0,0,0,0)}nano-badge a:focus-visible,nano-badge button:focus-visible{outline:none}nano-badge a:focus-visible::after,nano-badge button:focus-visible::after{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-badge:has(a,button){position:relative}nano-badge:has(a,button):hover{background-color:color-mix(in srgb, var(--bg), black 10%)}nano-badge:has(a,button):active{background-color:color-mix(in srgb, var(--bg), black 20%)}nano-badge:not([theme]),nano-badge[theme=primary]{--bg: var(--nano-color-primary-1000)}nano-badge:not([theme])[strength="4"],nano-badge[theme=primary][strength="4"]{--bg: var(--nano-color-primary-700)}nano-badge:not([theme])[strength="3"],nano-badge[theme=primary][strength="3"]{--bg: var(--nano-color-primary-1000)}nano-badge:not([theme])[strength="2"],nano-badge[theme=primary][strength="2"]{--bg: var(--nano-color-primary-1100)}nano-badge:not([theme])[strength="1"],nano-badge[theme=primary][strength="1"]{--bg: var(--nano-color-primary-1200)}nano-badge[theme=neutral]{--bg: var(--nano-color-neutral-900)}nano-badge[theme=neutral][strength="4"]{--bg: var(--nano-color-neutral-700)}nano-badge[theme=neutral][strength="3"]{--bg: var(--nano-color-neutral-900)}nano-badge[theme=neutral][strength="2"]{--bg: var(--nano-color-neutral-1000)}nano-badge[theme=neutral][strength="1"]{--bg: var(--nano-color-neutral-1200)}nano-badge[theme=success]{--bg: var(--nano-color-success-1000)}nano-badge[theme=success][strength="4"]{--bg: var(--nano-color-success-600)}nano-badge[theme=success][strength="3"]{--bg: var(--nano-color-success-1000)}nano-badge[theme=success][strength="2"]{--bg: var(--nano-color-success-1100)}nano-badge[theme=success][strength="1"]{--bg: var(--nano-color-success-1200)}nano-badge[theme=warning]{--bg: var(--nano-color-warning-1000)}nano-badge[theme=warning][strength="4"]{--bg: var(--nano-color-warning-600)}nano-badge[theme=warning][strength="3"]{--bg: var(--nano-color-warning-1000)}nano-badge[theme=warning][strength="2"]{--bg: var(--nano-color-warning-1100)}nano-badge[theme=warning][strength="1"]{--bg: var(--nano-color-warning-1200)}nano-badge[theme=danger]{--bg: var(--nano-color-danger-1000)}nano-badge[theme=danger][strength="4"]{--bg: var(--nano-color-danger-800)}nano-badge[theme=danger][strength="3"]{--bg: var(--nano-color-danger-1000)}nano-badge[theme=danger][strength="2"]{--bg: var(--nano-color-danger-1100)}nano-badge[theme=danger][strength="1"]{--bg: var(--nano-color-danger-1200)}nano-badge[pulse]:not([pulse=false]){animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgb(var(--nano-color-base-rgb-1000)/20%)}100%{box-shadow:0 0 0 1em rgb(var(--nano-color-base-rgb-1000)/0%)}}}@layer components{:where(nano-card-carousel,.nano-card-carousel)>[slot=title]{all:unset;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance;line-height:1}nano-card-carousel nano-card [slot]{opacity:var(--text-opacity)}nano-card-carousel nano-card [slot=img]{opacity:var(--img-opacity)}}@layer components{.nano-theme-dark nano-global-nav::part(logo),.nano-theme-dark nano-global-nav [part~=logo],nano-global-nav.nano-theme-dark::part(logo),nano-global-nav.nano-theme-dark [part~=logo]{filter:invert(100%)}nano-global-nav>a,nano-global-nav nano-nav-item::part(label),nano-global-nav nano-nav-item [part~=label]{white-space:nowrap}nano-global-nav nano-nav-item [slot=icon-start]{position:relative}nano-global-nav nano-nav-item [slot=icon-start] nano-badge{position:absolute;inset-block-start:0;inset-inline-end:0;translate:100% -50%}nano-global-nav:has(nano-menu-drawer)::part(site-wrapper),nano-global-nav:has(nano-menu-drawer) [part~=site-wrapper]{display:flex}nano-global-nav.bar-menu>nano-nav-item,nano-global-nav.bar-menu>a{color:var(--main-menu-text-color)}nano-global-nav.bar-menu>nano-nav-item:hover,nano-global-nav.bar-menu>a:hover{color:var(--main-menu-hover-text-color)}nano-global-nav.bar-menu>nano-nav-item:active,nano-global-nav.bar-menu>a:active{color:var(--main-menu-active-text-color)}nano-global-nav.bar-menu>nano-nav-item::part(trigger),nano-global-nav.bar-menu>nano-nav-item [part~=trigger]{position:relative}nano-global-nav.bar-menu>nano-nav-item::part(trigger)::before,nano-global-nav.bar-menu>nano-nav-item [part~=trigger]::before{content:"";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:0;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}nano-global-nav.bar-menu>nano-nav-item[open]{color:var(--main-menu-active-border-color) !important}nano-global-nav.bar-menu>nano-nav-item[open]::part(trigger)::before,nano-global-nav.bar-menu>nano-nav-item[open] [part~=trigger]::before{transform:translateZ(0) scaleX(1)}nano-global-nav.bar-menu>a.active,nano-global-nav.bar-menu>nano-nav-item.active,nano-global-nav.bar-menu>nano-nav-item[selected]{color:var(--main-menu-active-text-color) !important}nano-global-nav.bar-menu>nano-nav-item::part(modal){inset-block-start:-500%;inline-size:100%;position:absolute;z-index:-2;inset-inline:0;transition:inset-block-start var(--nano-transition-fast) ease-in-out,opacity var(--nano-transition-x-fast) ease}nano-global-nav.bar-menu>nano-nav-item::part(modal modal--open){inset-block-start:100%}nano-global-nav.bar-menu>nano-nav-item::part(modal-content){background:var(--nano-color-base-0);color:var(--nano-color-base-1000);padding:var(--nano-spacing-xl);inline-size:91.25rem;max-inline-size:100%;margin:auto;box-shadow:var(--nano-shadow-l2)}nano-global-nav.bar-menu>nano-nav-item::part(modal-mask),nano-global-nav.bar-menu>nano-nav-item [part~=modal-mask]{background:var(--nano-overlay-background-color);position:fixed;inset:0;min-block-size:100%;z-index:-1}nano-global-nav.bar-menu>nano-nav-item [slot=close-button]{display:none}nano-global-nav.bar-menu>nano-nav-item [slot=secondary]{display:grid;gap:var(--nano-spacing-xl);grid-template:auto/repeat(auto-fit, minmax(200px, 1fr))}nano-global-nav.bar-menu>nano-nav-item [slot=secondary]:has(.gn__focus-area){grid-template:auto/1fr 1fr 26rem}@media(width < 1200px){nano-global-nav.bar-menu>nano-nav-item [slot=secondary]:has(.gn__focus-area){grid-template-columns:1fr 26rem}}@media(width < 830px){nano-global-nav.bar-menu>nano-nav-item [slot=secondary]:has(.gn__focus-area){grid-template-columns:1fr}}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] h1,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] h2,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] h3,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] h4,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__title{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance;padding-block-end:1rem;border-block-end:1px solid var(--nano-color-neutral-100)}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] a{text-decoration:none}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] a:hover{text-decoration:underline}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] ul{margin:0;padding:0}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] ul li{margin-inline:0;list-style:none;margin-block-end:var(--nano-spacing-sm);line-height:var(--nano-line-height-dense)}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area{padding:var(--nano-spacing-xl) var(--nano-spacing-l);display:flex;flex-direction:column;gap:var(--nano-spacing-sm);background:var(--nano-color-base-0);color:var(--nano-color-base-1000)}@media(width < 1200px)and (width > 830px){nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area{grid-column:2;grid-row:1/3}}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h1,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h2,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h3,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h4,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h5,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area p{margin:0;border:none}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area nano-content-links{display:block}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__link-columns{gap:var(--nano-spacing-xl)}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__link-columns:has(>:nth-child(6)){columns:2}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__link-columns>*{display:block;margin-block-end:var(--nano-spacing-sm)}nano-global-nav.overflow-menu nano-nav-item,nano-global-nav.overflow-menu>a{color:var(--overflow-text-color)}nano-global-nav.overflow-menu nano-nav-item:hover,nano-global-nav.overflow-menu>a:hover{color:var(--overflowhover-text-color)}nano-global-nav.overflow-menu nano-nav-item:active,nano-global-nav.overflow-menu>a:active{color:var(--overflow-active-text-color)}nano-global-nav.overflow-menu a.active,nano-global-nav.overflow-menu nano-nav-item.active,nano-global-nav.overflow-menu nano-nav-item[selected]{color:var(--overflow-active-text-color) !important}nano-global-nav.overflow-menu nano-nav-item::part(modal){background-color:var(--overflow-bg-color);inline-size:100%;block-size:100%;position:absolute;inset:0;z-index:1}nano-global-nav.overflow-menu nano-nav-item [slot=secondary]{display:flex;flex-direction:column;gap:var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] a{text-decoration:none;color:var(--nano-color-blue-cerulean-700)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] a:hover{text-decoration:underline}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h1,nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h2,nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h3,nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h4,nano-global-nav.overflow-menu nano-nav-item [slot=secondary] .gn__title{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-sm)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] ul{margin:0;padding:0}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] ul li{margin-inline:0;list-style:none;margin-block-end:var(--nano-spacing-sm);line-height:var(--nano-line-height-dense)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] .gn__link-columns{padding-inline-start:var(--nano-spacing-md)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] .gn__focus-area{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block-start:var(--nano-spacing-md)}nano-global-nav.overflow-menu [slot=close-button]{color:var(--overflow-text-color);padding-block:var(--nano-spacing-md);display:flex;gap:var(--nano-spacing-sm);align-items:center;cursor:pointer;inline-size:100%}nano-global-nav.overflow-menu [slot=close-button]:hover{color:var(--nano-color-blue-cerulean-700)}nano-global-nav.overflow-menu [slot=close-button]::before{content:"";margin-inline-start:0;background-size:cover;inline-size:1em;block-size:1em;mask-image:var(--nano-component-icon-chevron);mask-repeat:no-repeat;mask-position:center;transform-origin:center;rotate:180deg;background-color:var(--nano-color-blue-cerulean-700)}}@layer components{nano-avatar{--size: 2.5rem;display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--size);min-inline-size:var(--size);block-size:var(--size);background-color:var(--nano-color-neutral-400);font-size:calc(var(--size)*.5);font-weight:var(--nano-font-weight-normal);color:var(--nano-color-neutral-0);user-select:none;vertical-align:middle;border-radius:var(--nano-border-radius-circle);overflow:hidden}nano-avatar:empty::before{content:attr(initials);text-transform:uppercase;line-height:1}nano-avatar img{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover}}.nano-in-page-nav{--color-bottom-border: rgb(var(--nano-color-base-rgb-1000) / 10%);--color-text: var(--nano-color-neutral-1400);--color-primary: var(--nano-color-primary-1100);--color-text-hover: var(--color-primary);--color-border-active: var(--nano-color-primary-1000);--border-active: 3px solid var(--color-border-active);--color-bg: var(--nano-color-primary-75);--font-size: var(--nano-font-size-small);--font-weight: var(--nano-font-weight-normal);--font-weight-active: var(--nano-font-weight-bold);--line-height: var(--nano-line-height-dense);--letter-spacing: var(--nano-letter-spacing-loose);--flip-icon-ltr: 1;--list-gap: calc(var(--spacing-l2) / 1.25);--spacing-l2: var(--nano-spacing-l2);--spacing-l3: var(--nano-spacing-l3)}.nano-in-page-nav:dir(rtl){--flip-icon-ltr: 0}.nano-in-page-nav a,.nano-in-page-nav ul,.nano-in-page-nav li{all:unset}.nano-in-page-nav ul{display:flex;flex-direction:column;list-style:none}.nano-in-page-nav ul:not(ul ul){padding:0 var(--spacing-l2) 0 var(--spacing-l2)}.nano-in-page-nav a{cursor:pointer}.nano-in-page-nav a:hover{text-decoration:underline}.nano-in-page-nav a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.nano-in-page-nav ul>li:not(ul>li li){margin:0;padding:var(--spacing-l2) 0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;inline-size:100%}.nano-in-page-nav ul>li:not(ul>li li):not(:last-of-type){border-block-end:1px solid var(--color-bottom-border)}.nano-in-page-nav ul>li:not(ul>li li) span,.nano-in-page-nav ul>li:not(ul>li li) a{color:var(--color-text)}.nano-in-page-nav ul>li:not(ul>li li) span.is-active,.nano-in-page-nav ul>li:not(ul>li li) a.is-active{border-inline-start:var(--border-active);padding-inline-start:1rem;display:block}.nano-in-page-nav ul>li:not(ul>li li) span:hover,.nano-in-page-nav ul>li:not(ul>li li) a:hover{color:var(--color-text-hover)}.nano-in-page-nav nano-details.is-active::part(header){border-inline-start:var(--border-active);padding-inline-start:1rem !important;color:var(--color-primary)}.nano-in-page-nav ul>li>ul,.nano-in-page-nav ul>li>.nano-details>ul{padding:var(--list-gap) 0 0 var(--spacing-l2);gap:var(--list-gap)}.nano-in-page-nav ul>li>ul a,.nano-in-page-nav ul>li>.nano-details>ul a{color:var(--color-primary) !important}.nano-in-page-nav ul>li>ul>li>.nano-details>ul,.nano-in-page-nav ul>li>.nano-details>ul>li>.nano-details>ul{padding:var(--list-gap) 0 0 var(--nano-spacing-xl)}.nano-in-page-nav .nano-details .nano-details:not(.nano-details .nano-details .nano-details){color:var(--color-text)}.nano-in-page-nav .nano-details{--padding: 0;--btn-bg-color: transparent;--btn-bg-color--open: var(--nano-color-primary-75);--btn-bg-color--hover: transparent;border:none;color:var(--color-primary)}.nano-in-page-nav .nano-details .is-active::part(header){border-inline-start:var(--border-active);padding-inline-start:1rem !important;color:var(--color-primary)}.nano-in-page-nav .nano-details[open]>[slot=icon-start]{rotate:90deg}.nano-in-page-nav .nano-details::part(icon--start){margin-inline-end:var(--spacing-l3)}.nano-in-page-nav .nano-details::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing)}.nano-in-page-nav .nano-details::part(header):hover{text-decoration:underline}.nano-in-page-nav .nano-details:not(.nav-details){color:var(--color-primary)}.nano-in-page-nav.external-links{--color-bg: var(--nano-color-base-0) !important;--color-border-active: var(--nano-color-primary-1000)}.nano-in-page-nav.external-links ul ul{--border-active: 3px solid var(--nano-color-neutral-1200)}@layer components{:where(nano-collapsible-comparison,.nano-collapsible-comparison){--color-bg: var(--nano-color-base-0);--color-border: var(--nano-color-neutral-200);--outer-spacing: var(--nano-spacing-l1-default)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h2{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h2,:where(nano-collapsible-comparison,.nano-collapsible-comparison) h4{margin:0}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h3,:where(nano-collapsible-comparison,.nano-collapsible-comparison) h4{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h3{padding-block-end:var(--nano-spacing-md);border-block-end:1px solid var(--color-border);margin-block:0}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h4{font-weight:var(--nano-font-weight-normal)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) ul{padding:0;margin:0}:where(nano-collapsible-comparison,.nano-collapsible-comparison) ul[slot=content]{list-style:none}:where(nano-collapsible-comparison,.nano-collapsible-comparison) ul[slot=content]>li{margin:0;padding-block-start:var(--nano-spacing-md)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) [slot=label]{display:flex;align-items:center}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details{--btn-bg-color: transparent;--btn-bg-color--active: transparent;--btn-bg-color--hover: transparent;--padding: 0;border:none}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details::part(header),:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details [part~=header]{color:var(--color-primary)}: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]{display:grid;grid-template-columns:1fr 1fr;gap:var(--nano-spacing-l1-default)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details::part(icon--end),:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details [part~=icon--end]{display:none}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details::part(content),:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details [part~=content]{padding:var(--nano-spacing-md) 0}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details::part(body),:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details [part~=body]{border-block-end:1px solid var(--color-border)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details ul{list-style:disc;padding-inline-start:var(--nano-spacing-md)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details ul li{font-size:var(--nano-font-size-xs)}}@layer components{:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item){--padding: inherit;display:block;border-block-start:1px solid var(--nano-color-neutral-200)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not(:has(+nano-nav-item),:has(+nano-dropdown),:has(+nano-content-links)){border-block-end:1px solid var(--nano-color-neutral-200)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(trigger){font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)[checkbox]::part(label)::before{content:"";display:inline-block;vertical-align:middle;background-size:cover;mask-repeat:no-repeat;mask-position:center;inline-size:.8em;block-size:.8em;mask-image:var(--nano-component-icon-check);background-color:var(--icon-color);opacity:0;margin-inline-end:var(--nano-spacing-sm);align-content:center}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)[checkbox][selected]::part(label)::before{opacity:1}:where(nano-menu,.nano-menu) a{font-size:calc(var(--font-size) - .125rem);color:var(--nano-color-primary-1100)}:where(nano-menu,.nano-menu) :where(nano-icon,.nano-icon){color:var(--icon-color)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(trigger-wrapper){flex:1}: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) [slot=close-button],:where(nano-menu,.nano-menu) nano-content-links a{--icon-color: var(--nano-color-primary-1000);color:var(--nano-color-neutral-1400);font-size:var(--font-size)}:where(nano-menu,.nano-menu) a:hover:not(:focus-visible),:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not([disabled]) [slot=close-button]:hover:not(:focus-visible),:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not([disabled])::part(trigger):hover:not(:focus-visible){--icon-color: var(--nano-color-primary-1100);color:var(--nano-color-base-1000);background-color:var(--nano-color-neutral-100)}:where(nano-menu,.nano-menu) a:active:not(:focus-visible),:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not([disabled]) [slot=close-button]:active:not(:focus-visible),:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not([disabled])::part(trigger):active:not(:focus-visible){--icon-color: var(--nano-color-primary-800);color:var(--nano-color-base-1000);background-color:var(--nano-color-neutral-200)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item) [slot=close-button]:focus-visible,:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(trigger):focus-visible,:where(nano-menu,.nano-menu) a:focus-visible{--icon-color: var(--nano-color-base-0);outline:none;background-color:var(--nano-color-primary-1000);color:var(--nano-color-base-0)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item) [slot=close-button]:focus-visible:active,:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(trigger):focus-visible:active,:where(nano-menu,.nano-menu) a:focus-visible:active{background-color:var(--nano-color-primary-1200)}:where(nano-menu,.nano-menu) nano-content-links a::after{background-color:var(--icon-color)}:where(nano-menu,.nano-menu) :where(nano-dropdown,.nano-dropdown){display:contents}:where(nano-menu,.nano-menu) :where(nano-dropdown,.nano-dropdown) :where(nano-nav-item,.nano-nav-item){--padding: var(--nav-item-padding)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(modal){position:absolute;min-block-size:100%;inset-block-start:0;inset-inline-start:0;inline-size:100%;z-index:1;opacity:0;transition:opacity var(--nano-transition-x-fast) ease,transform var(--nano-transition-fast) ease;transform:translate3d(100%, 0, 0);background:var(--background)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(modal modal--open){opacity:1;transform:translate3d(0, 0, 0);transition:opacity var(--nano-transition-x-fast) ease,transform var(--nano-transition-fast) ease}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item) [slot=close-button]{padding:var(--padding);display:flex;gap:var(--nano-spacing-md);align-items:center;cursor:pointer;inline-size:100%;border-block-start:1px solid var(--nano-color-neutral-200)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item) [slot=close-button]::before{content:"";margin-inline-start:0;background-size:cover;inline-size:1em;block-size:1em;mask-image:var(--nano-component-icon-caret);mask-repeat:no-repeat;mask-position:center;transform-origin:center;rotate:180deg;background-color:var(--icon-color)}}@layer components{nano-icon-item{--icon-dims: var(--nano-pictogram-size-large);display:grid;grid-template-columns:1fr;justify-items:center;inline-size:100%;gap:var(--nano-spacing-md)}nano-icon-item[size=large]{--icon-dims: var(--nano-pictogram-size-x-large)}nano-icon-item nano-icon,nano-icon-item .nano-icon{--icon-size: var(--icon-dims) !important}nano-icon-item a:not(p>a),nano-icon-item [slot=heading]{all:unset;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance;color:var(--nano-color-neutral-1400);text-align:center}nano-icon-item p[slot=content]{all:unset;font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);text-align:center}nano-icon-item [slot=icon]{color:var(--nano-color-primary-1000)}nano-icon-item[landscape]{justify-items:start;grid-template-columns:min-content 1fr !important;row-gap:var(--nano-spacing-sm)}nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) [slot=heading],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],nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) p[slot=content]{grid-row:1;align-self:center}nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) a,nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) [slot=heading]{grid-row:1}nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) p[slot=content]{grid-row:2}nano-icon-item[landscape] nano-icon[slot=icon]{grid-column:1}nano-icon-item[landscape] [slot=icon]{grid-column:1;grid-row:1/-1}nano-icon-item[landscape] a,nano-icon-item[landscape] [slot=heading]{text-align:start;align-self:center;grid-row:1;grid-column:2}nano-icon-item[landscape] p[slot=content]{text-align:start;grid-row:2;grid-column:2}nano-icon-item a,nano-icon-item a>[slot=heading]{cursor:pointer;text-decoration:underline;color:var(--nano-color-primary-1000)}nano-icon-item a:hover{color:var(--nano-color-primary-1200)}nano-icon-item a:hover [slot=heading]{color:var(--nano-color-primary-1200)}nano-icon-item:has(a:hover) nano-icon{color:var(--nano-color-primary-1200)}}@layer components{:where(nano-tab-group,.nano-tab-group)[equal-tab-size] .nano-tab{display:flex;justify-content:center;align-items:center;flex:1}:where(nano-tab-group,.nano-tab-group)[placement=start][equal-tab-size] .nano-tab{justify-content:flex-end}:where(nano-tab-group,.nano-tab-group)[placement=start] .nano-tab{border-block-end:none;border-inline-end:var(--border)}: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]{justify-content:end}: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]{align-items:flex-end}:where(nano-tab-group,.nano-tab-group)[placement=start] .nano-tab:not([disabled]):hover{border-color:inherit}:where(nano-tab-group,.nano-tab-group)[placement=start] .nano-tab:not([disabled])[active]{border-color:inherit}: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]{--scroll-btn-size: 2rem}:where(nano-tab-group,.nano-tab-group)[placement=top][size=large] .nano-tab{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance;--padding: 1.5625rem}}@layer components{:where(nano-tooltip,.nano-tooltip) [slot=content],:where(nano-tooltip,.nano-tooltip) [slot=content] *{font-size:var(--nano-font-size-2xs)}:where(nano-tooltip,.nano-tooltip) ul[slot=content]{margin-block:0;padding-inline:0;margin-inline:var(--nano-spacing-md)}:where(nano-tooltip,.nano-tooltip) [slot=content] li{margin-block-end:0}}@layer components{:where(nano-table,.nano-table){--table-padding: var(--nano-spacing-md);--table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));--table-border-color: var(--nano-color-neutral-200);--table-border-color-header: var(--nano-color-primary-1000);--table-background: var(--nano-color-base-0);--table-wrapper-max-height: 80vh;--table-width: 100%;--isLtR: 1;overflow-y:clip;display:block;container-type:inline-size}:where(nano-table,.nano-table):dir(rtl){--isLtR: -1}:where(nano-table,.nano-table)[compact]:not([compact=false],[compact=auto]){--table-padding: var(--table-compact-padding)}@media(width <= 500px){:where(nano-table,.nano-table)[compact=auto]{--table-padding: var(--table-compact-padding)}}@container (width <= 500px){:where(nano-table,.nano-table)[compact=auto] .nano-table__overflow{--table-padding: var(--table-compact-padding)}}:where(nano-table,.nano-table):not([scrollable=false]){overflow-y:visible}:where(nano-table,.nano-table):not([scrollable=false]) .nano-masked-overflow{--fade-size: 30px}:where(nano-table,.nano-table):not([scrollable=false]):has([sticky=start],[sticky=end]) .nano-masked-overflow{--fade-size: 0}:where(nano-table,.nano-table):not([scrollable=false]):not(.nano-table--props-ready){overflow:auto;scrollbar-width:thin;max-inline-size:var(--table-width);max-block-size:var(--table-wrapper-max-height)}:where(nano-table,.nano-table):not([scrollable=false]) .nano-table__overflow-container{inline-size:var(--table-width)}:where(nano-table,.nano-table):not([scrollable=false]) .nano-table__overflow{max-inline-size:var(--table-width);max-block-size:var(--table-wrapper-max-height);position:relative;flex:1}:where(nano-table,.nano-table) tr[clickable]{cursor:pointer}:where(nano-table,.nano-table) tr[clickable]:not([sticky]){position:relative}:where(nano-table,.nano-table) tr[clickable]:focus-within{--table-background: var(--nano-color-primary-50)}:where(nano-table,.nano-table) tr[clickable]:hover{--table-background: var(--nano-color-primary-75)}:where(nano-table,.nano-table) tr[clickable] input[type=checkbox]::after,:where(nano-table,.nano-table) tr[clickable] nano-checkbox::after,:where(nano-table,.nano-table) tr[clickable] a::after,:where(nano-table,.nano-table) tr[clickable] button::after{content:"";position:absolute;inset:0}:where(nano-table,.nano-table) tr[sticky]{position:sticky;container-type:scroll-state;inset-block-start:var(--sticky-top, 0)}:where(nano-table,.nano-table) tfoot tr[sticky]{inset-block-end:0}:where(nano-table,.nano-table) tfoot tr[sticky],:where(nano-table,.nano-table) thead tr[sticky]{z-index:10}:where(nano-table,.nano-table) tbody tr[sticky]{z-index:5;overflow-y:clip}@container scroll-state(stuck: top){:where(nano-table,.nano-table) tbody tr[sticky] td,:where(nano-table,.nano-table) tbody tr[sticky] th{border-block-end:1px solid var(--table-border-color-header)}}@supports not (container-type: scroll-state){:where(nano-table,.nano-table) tbody tr[sticky] td,:where(nano-table,.nano-table) tbody tr[sticky] th{border-block-end:1px solid var(--table-border-color-header)}}:where(nano-table,.nano-table) tbody tr[sticky] td[sticky],:where(nano-table,.nano-table) tbody tr[sticky] th[sticky]{overflow-y:clip}:where(nano-table,.nano-table) tbody tr[sticky] td[sticky]::after,:where(nano-table,.nano-table) tbody tr[sticky] th[sticky]::after{content:"";visibility:hidden;inline-size:10px;inset-block-start:0;block-size:var(--section-height);position:absolute}@container scroll-state(stuck: left){:where(nano-table,.nano-table) tbody tr[sticky] td[sticky]::after,:where(nano-table,.nano-table) tbody tr[sticky] th[sticky]::after{visibility:visible}}@container scroll-state(stuck: right){:where(nano-table,.nano-table) tbody tr[sticky] td[sticky]::after,:where(nano-table,.nano-table) tbody tr[sticky] th[sticky]::after{visibility:visible}}:where(nano-table,.nano-table) tbody tr[sticky] [sticky=start]::after{inset-inline-end:0;box-shadow:calc(4px*var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%)}:where(nano-table,.nano-table) tbody tr[sticky] [sticky=end]::after{inset-inline-start:0;box-shadow:calc(-4px*var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%)}@container (width <= 500px){:where(nano-table,.nano-table) .nano-table__overflow td[sticky],:where(nano-table,.nano-table) .nano-table__overflow th[sticky]{--sticky-start: 0px !important;--sticky-end: 0px !important}: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){position:initial !important;z-index:initial !important}}@media(width <= 500px){:where(nano-table,.nano-table) td[sticky],:where(nano-table,.nano-table) th[sticky]{--sticky-start: 0px !important;--sticky-end: 0px !important}:where(nano-table,.nano-table) td[sticky]:not(:first-of-type),:where(nano-table,.nano-table) th[sticky]:not(:first-of-type){position:initial !important;z-index:initial !important}}:where(nano-table,.nano-table) :where(thead,tbody) td[sticky],:where(nano-table,.nano-table) th[sticky]{position:sticky;container-type:scroll-state;z-index:2}@supports not (container-type: scroll-state){:where(nano-table,.nano-table) :where(thead,tbody) td[sticky]::after,:where(nano-table,.nano-table) th[sticky]::after{content:"";position:absolute;box-shadow:14px 0 14px 0 var(--table-background);inset-inline:auto 0;block-size:calc(100% - var(--nano-spacing-md));inset-block-start:calc(var(--nano-spacing-md)/2);inline-size:var(--nano-spacing-md)}: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{box-shadow:-14px 0 14px 0 var(--table-background);inset-inline:0 auto}}:where(nano-table,.nano-table) td[sticky=start],:where(nano-table,.nano-table) th[sticky=start]{inset-inline-start:var(--sticky-start, 0)}:where(nano-table,.nano-table) td[sticky=end],:where(nano-table,.nano-table) th[sticky=end]{inset-inline-end:var(--sticky-end, 0);z-index:3}@supports(container-type: scroll-state){: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{content:"";visibility:hidden;inline-size:10px;inset-block-start:0;block-size:var(--section-height);position:absolute}@container scroll-state(stuck: left){: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{visibility:visible}}@container scroll-state(stuck: right){: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{visibility:visible}}:where(nano-table,.nano-table) :where(thead,tbody) tr:has([sticky=start],[sticky=end]):first-of-type [sticky=start]::after{inset-inline-end:0;box-shadow:calc(4px*var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%)}:where(nano-table,.nano-table) :where(thead,tbody) tr:has([sticky=start],[sticky=end]):first-of-type [sticky=end]::after{inset-inline-start:0;box-shadow:calc(-4px*var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%)}}}@layer components{nano-feature-box{--color: var(--nano-color-basic-white);--bg: var(--nano-color-basic-black);container-type:inline-size;display:grid;grid-template-columns:calc(50% - var(--nano-spacing-l1-default)) 1fr;gap:0;background-color:var(--bg);color:var(--color);overflow:clip;position:relative;min-block-size:270px}nano-feature-box [slot]{grid-column:2;grid-row:1/-1}nano-feature-box::before{content:"";display:block;grid-column:1}nano-feature-box [slot=img]{grid-column:1;object-fit:cover;position:absolute;inline-size:calc(50% - var(--nano-spacing-l1-default));block-size:101% !important;inset-block-start:50%;transform:translateY(-50%)}@container (width < 650px){nano-feature-box::before{display:none}nano-feature-box [slot]{grid-column:1/-1 !important;grid-row:2}nano-feature-box [slot=img]{grid-row:1;grid-column:1/-1 !important;position:static;transform:none;inset-block-start:0;inline-size:100%;block-size:auto !important;min-block-size:0}}nano-feature-box[img-position=end]{grid-template-columns:1fr calc(50% - var(--nano-spacing-l1-default))}nano-feature-box[img-position=end] [slot]{grid-column:1}nano-feature-box[img-position=end] [slot=img]{grid-column:2;min-inline-size:stretch}nano-feature-box[img-position=end]::before{grid-column:2}nano-feature-box [slot=content]{padding:var(--nano-spacing-l1-default);display:flex;flex-direction:column;gap:var(--nano-spacing-sm)}nano-feature-box [slot=content] h1,nano-feature-box [slot=content] h2,nano-feature-box [slot=content] h3,nano-feature-box [slot=content] h4,nano-feature-box [slot=content] h5,nano-feature-box [slot=content] h6{text-wrap:balance}nano-feature-box [slot=content]>*{margin-block:unset;margin-block-start:unset;margin-block-end:unset}}@layer components{nano-menu-drawer:not(.secondary-open) nano-nav-item:hover::part(trigger){box-shadow:-3px 0 2px inset rgba(0,0,0,.15)}nano-menu-drawer>nano-nav-item{--padding: var(--padding-top) var(--nano-spacing-md) var(--padding-bottom) var(--padding-start);color-scheme:dark}nano-menu-drawer>nano-nav-item:hover{background-color:var(--bg-color-hover)}nano-menu-drawer>nano-nav-item:active,nano-menu-drawer>nano-nav-item[selected]{background-color:var(--bg-color-selected)}nano-menu-drawer>nano-nav-item[open]{background-color:var(--bg-color-open)}nano-menu-drawer>nano-nav-item::part(trigger),nano-menu-drawer>nano-nav-item [part~=trigger]{gap:1rem;border-block-end:var(--divider-color) 1px solid;white-space:nowrap;min-inline-size:fit-content}nano-menu-drawer>nano-nav-item::part(trigger):focus-visible,nano-menu-drawer>nano-nav-item [part~=trigger]:focus-visible{outline:var(--nano-focus-ring);outline-offset:-3px}nano-menu-drawer>nano-nav-item::part(modal){position:absolute;inset:calc(var(--global-nav-height)*-1) 0 0 100%;z-index:-1;block-size:100vh;inline-size:calc(100vw - (var(--menu-width) + var(--scrollbar-width, 0px)))}nano-menu-drawer>nano-nav-item::part(modal-content){inline-size:400px;background:var(--bg-color);block-size:100vh;overflow:auto;scrollbar-width:thin;inset-inline-start:-400px;position:absolute;transition:inset-inline-start var(--nano-transition-fast) ease;padding:calc(var(--global-nav-height) + var(--nano-spacing-md)) var(--nano-spacing-md) var(--nano-spacing-md);box-shadow:var(--nano-shadow-ls)}nano-menu-drawer>nano-nav-item::part(modal-content modal-content--open){inset-inline-start:0}nano-menu-drawer>nano-nav-item::part(modal-mask){position:absolute;inset:0;z-index:-1}nano-menu-drawer>nano-nav-item::part(close-button){display:flex;justify-content:flex-end;border-block-end:var(--divider-color) 1px solid;padding-block-end:var(--nano-spacing-sm);color:var(--nano-color-primary-1000);text-decoration:underline}nano-menu-drawer>nano-nav-item::part(close-button):hover{color:var(--nano-color-primary-1100)}nano-menu-drawer>nano-nav-item [slot=close-button]{cursor:pointer}nano-menu-drawer>nano-nav-item [slot=secondary]{font-size:var(--nano-font-size-xs);color:var(--content-color)}nano-menu-drawer>nano-nav-item nano-icon{--icon-size: inherit}nano-menu-drawer>nano-nav-item nano-icon[slot=icon-end]{margin-inline-end:calc((var(--nano-spacing-md))/2*-1);color:var(--nano-color-primary-1000);position:relative}nano-menu-drawer>nano-nav-item [slot=icon-start]{position:relative}nano-menu-drawer>nano-nav-item [slot=icon-start] nano-badge{position:absolute;inset-block-start:0;inset-inline-end:0;translate:100% -50%}[slot=secondary] .md__list{display:flex;flex-direction:column;margin:0;padding:0}[slot=secondary] .md__list>*{all:unset;border-block-end:var(--divider-color) 1px solid;list-style:none;margin:0;padding:var(--nano-spacing-sm) 0;font-size:var(--nano-font-size-xs);display:flex;flex-direction:column;gap:var(--nano-spacing-sm)}[slot=secondary] .md__list>*:is(button,a){cursor:pointer;padding-inline:var(--nano-spacing-md)}[slot=secondary] .md__list>*:is(button,a):hover{background-color:var(--bg-color-hover)}[slot=secondary] .md__list>*:is(button,a):active{background-color:var(--bg-color-selected)}[slot=secondary] .md__list>*:is(button,a):focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}[slot=secondary] .md__list .md__list-head{display:flex;justify-content:space-between;gap:inherit;align-items:center}[slot=secondary] .md__list .md__list-head :first-child{flex:1}}nano-increment input[type=number]::-webkit-inner-spin-button,nano-increment input[type=number]::-webkit-outer-spin-button,.nano-increment input[type=number]::-webkit-inner-spin-button,.nano-increment input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}nano-increment input[type=number],.nano-increment input[type=number]{appearance:textfield}nano-increment nano-input,.nano-increment nano-input{display:grid;grid-column:1/span 3;grid-row:1/span 2;grid-template-columns:subgrid;grid-template-rows:subgrid}nano-increment nano-input.has-focus,.nano-increment nano-input.has-focus{z-index:2}nano-increment nano-input>div,nano-increment nano-input .form-ctrl,nano-increment nano-input .form-ctrl__wrapper,.nano-increment nano-input>div,.nano-increment nano-input .form-ctrl,.nano-increment nano-input .form-ctrl__wrapper{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:1/span 3;grid-row:1/span 2}nano-increment nano-input .form-ctrl__input,.nano-increment nano-input .form-ctrl__input{grid-column:2;grid-row:1}nano-increment nano-input .form-ctrl__more,.nano-increment nano-input .form-ctrl__more{grid-column:1/span 3;grid-row:2;justify-self:start}nano-increment nano-input .form-ctrl__validation-icon,.nano-increment nano-input .form-ctrl__validation-icon{display:none}@layer components{nano-option-box{--spacing: var(--nano-spacing-md);display:grid;grid-template-columns:200px auto;grid-template-rows:auto 1fr auto auto;gap:0 var(--spacing);padding:var(--spacing);box-shadow:var(--nano-shadow-l1);container-type:inline-size}nano-option-box [slot=header]{grid-area:header;font-size:var(--nano-font-size-lg);display:flex;justify-content:space-between;padding-block-end:var(--spacing);border-block-end:2px solid var(--nano-color-primary-1000);flex-wrap:wrap;grid-column:1/-1;grid-row:1;gap:0 var(--spacing);margin:unset;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}nano-option-box [slot=header]>*{margin:unset;padding:unset}nano-option-box [slot=img]{grid-area:img;inline-size:100%;block-size:auto;object-fit:cover;grid-row:2;grid-column:1;padding-block-start:var(--spacing)}@container (width < 417px){nano-option-box [slot=img]{grid-column:1/-1}}nano-option-box [slot=content]{grid-area:content;grid-row:2;grid-column:2;margin:unset;padding:var(--spacing) 0 0 0;font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}@container (width < 417px){nano-option-box [slot=content]{grid-column:1/-1;grid-row:3}}nano-option-box [slot=content]>*{margin:unset;padding:unset}nano-option-box [slot=content]:not(.config-list,:has(.config-list)){display:flex;flex-direction:column;gap:var(--nano-spacing-md);padding-block-end:var(--spacing)}nano-option-box [slot=content] ul.config-list,nano-option-box [slot=content]:is(ul.config-list){list-style:none;display:grid;grid-template-columns:min-content 1fr}nano-option-box [slot=content] ul.config-list>li,nano-option-box [slot=content]:is(ul.config-list)>li{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);border-block-start:1px solid var(--nano-color-neutral-300);padding:var(--nano-spacing-sm) 0;display:grid;grid-template-columns:subgrid;gap:0 var(--nano-spacing-md);grid-column:1/-1}nano-option-box [slot=content] ul.config-list>li:first-of-type,nano-option-box [slot=content]:is(ul.config-list)>li:first-of-type{border-block-start:none}nano-option-box [slot=content] ul.config-list>li strong,nano-option-box [slot=content]:is(ul.config-list)>li strong{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}nano-option-box [slot=content] ul.config-list>li:has(span) strong,nano-option-box [slot=content]:is(ul.config-list)>li:has(span) strong{grid-column:1;grid-row:1/-1}nano-option-box [slot=content] ul.config-list>li:not(:has(span)),nano-option-box [slot=content]:is(ul.config-list)>li:not(:has(span)){border-block-start:none}nano-option-box [slot=content] ul.config-list>li:not(:has(span))+li,nano-option-box [slot=content]:is(ul.config-list)>li:not(:has(span))+li{border-block-start:none}nano-option-box [slot=content] ul.config-list>li:not(:has(span)) strong,nano-option-box [slot=content]:is(ul.config-list)>li:not(:has(span)) strong{grid-column:2}nano-option-box [slot=content] ul.config-list>li *:not(strong),nano-option-box [slot=content]:is(ul.config-list)>li *:not(strong){grid-column:2}nano-option-box [slot=content] ul.config-list>li .meta,nano-option-box [slot=content]:is(ul.config-list)>li .meta{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--nano-color-neutral-1000)}nano-option-box:not(:has([slot=img])) [slot=content]{grid-column:1/-1}@container (width < 417px){nano-option-box:not(:has([slot=img])) [slot=content]{grid-row:2/span 2}}nano-option-box [slot=footer]{grid-area:footer;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;grid-column:1/-1;grid-row:3/span 2;margin:unset;border-block-start:1px solid var(--nano-color-neutral-300);padding-block-start:var(--spacing)}@container (width < 417px){nano-option-box [slot=footer]{grid-row:4}}nano-option-box [slot=footer]>*{margin:unset;padding:unset}}@layer components{nano-search-result{display:contents}nano-search-result article{display:flex;flex-direction:column;gap:var(--nano-spacing-sm)}nano-search-result *:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-search-result .search__highlight,nano-search-result .highlight{background:var(--nano-color-highlight);font-style:normal}nano-search-result [slot],nano-search-result [slot]>*{padding:0;margin:0}nano-search-result [slot]:is(a),nano-search-result [slot]>*:is(a){text-decoration:none}nano-search-result [slot=title],nano-search-result [slot=title]>:first-child{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);order:0}nano-search-result a[slot=title],nano-search-result a[slot=title]>*,nano-search-result [slot=title] a{color:var(--nano-color-primary-1100);text-decoration:underline}nano-search-result [slot=content],nano-search-result [slot=content]>*{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--nano-color-neutral-1400);order:1}nano-search-result [slot=meta],nano-search-result [slot=meta]>*{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}nano-search-result [slot=meta]>*:not(:last-child)::after{content:"|";color:var(--nano-color-neutral-300);display:inline-block;padding-inline-start:var(--nano-spacing-md)}nano-search-result [slot=meta]{order:2;display:inline-flex;flex-wrap:wrap;gap:var(--nano-spacing-xs) var(--nano-spacing-md)}nano-search-result [slot=tags]{order:3;display:inline-flex;flex-wrap:wrap;align-items:start;gap:var(--nano-spacing-sm)}nano-search-result [slot=tags]:is(ul,ol){list-style:none}nano-search-result [slot=tags]:is(ul,ol) li{display:contents}nano-search-result [slot=tags] ul,nano-search-result [slot=tags] ol{list-style:none;display:contents}nano-search-result [slot=tags] ul li,nano-search-result [slot=tags] ol li{display:contents}}@layer components{:root{--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>");--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>");--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>");--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>");--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>")}nano-intersection-observe,nano-resize-observe,nano-global-search-results,nano-cta,nano-card,nano-tag,nano-content-links,nano-badge,nano-avatar,nano-icon-item,nano-option-box,nano-table,nano-feature-box,nano-search-result{visibility:visible !important}body:not(.nano-eager) nano-algolia-filter,body:not(.nano-eager) nano-algolia-input,body:not(.nano-eager) nano-algolia-pagination,body:not(.nano-eager) nano-algolia-results,body:not(.nano-eager) nano-details,body:not(.nano-eager) nano-accordion,body:not(.nano-eager) nano-grid-item,body:not(.nano-eager) nano-menu,body:not(.nano-eager) nano-masked-overflow,body:not(.nano-eager) nano-range,body:not(.nano-eager) nano-rating,body:not(.nano-eager) nano-slide,body:not(.nano-eager) nano-slides,body:not(.nano-eager) nano-date-input,body:not(.nano-eager) nano-global-nav,body:not(.nano-eager) nano-menu-drawer,body:not(.nano-eager) nano-checkbox,body:not(.nano-eager) nano-checkbox-group,body:not(.nano-eager) nano-grid,body:not(.nano-eager) nano-option,body:not(.nano-eager) nano-algolia,body:not(.nano-eager) nano-date-picker,body:not(.nano-eager) nano-select,body:not(.nano-eager) nano-dropdown,body:not(.nano-eager) nano-nav-item,body:not(.nano-eager) nano-input,body:not(.nano-eager) nano-icon,body:not(.nano-eager) nano-tab-content,body:not(.nano-eager) nano-tab,body:not(.nano-eager) nano-hero,body:not(.nano-eager) nano-img,body:not(.nano-eager) nano-datalist,body:not(.nano-eager) nano-split-pane,body:not(.nano-eager) nano-file-upload,body:not(.nano-eager) nano-data-table,body:not(.nano-eager) nano-alert,body:not(.nano-eager) nano-dialog,body:not(.nano-eager) nano-drawer,body:not(.nano-eager) nano-footer,body:not(.nano-eager) nano-in-page-nav,body:not(.nano-eager) nano-collapsible-comparison,body:not(.nano-eager) nano-breadcrumb,body:not(.nano-eager) nano-more-less{visibility:hidden}body:not(.nano-eager) .hydrated{visibility:inherit}nano-alert:not(.hydrated,[open]),nano-dialog:not(.hydrated),nano-drawer:not(.hydrated){display:none}nano-alert[open]:not(.hydrated){display:block;min-block-size:calc(var(--nano-pictogram-size-large) + var(--nano-spacing-md)*2)}nano-tooltip:not(.hydrated) [slot=content]{display:none}nano-animation{visibility:inherit !important}nano-dropdown{visibility:inherit !important}nano-dropdown:not(.hydrated) :not([slot=trigger]){display:none}nano-slides:not([ready]){opacity:0}nano-slide:not([ready]){opacity:0;block-size:1px;display:block}nano-progress-bar{--height: 0.625rem}nano-progress-bar[size=small]{--height: 0.3125rem}nano-progress-bar[size=large]{--height: 0.9375rem}nano-progress-bar progress{block-size:var(--height)}@supports(scrollbar-gutter: stable){.nano-scroll-lock{scrollbar-gutter:var(--nano-scroll-lock-gutter) !important}.nano-scroll-lock body{overflow:hidden !important}}@supports not (scrollbar-gutter: stable){.nano-scroll-lock body{padding-inline-end:var(--nano-scroll-lock-size) !important;overflow:hidden !important}}}/*# sourceMappingURL=components.css.map */
+@layer components{: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{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-medium);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-normal);margin:var(--header-margin)}:where(nano-footer,.nano-footer) [slot=bottom-end] nano-option::part(start){margin-inline-end:var(--nano-spacing-sm)}:where(nano-footer,.nano-footer) [slot=middle-centre] a{color:inherit}:where(nano-footer,.nano-footer) [slot=middle-centre] a:hover{color:var(--nano-color-primary-1000)}:where(nano-footer,.nano-footer) [slot=middle-centre] a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}:where(nano-footer,.nano-footer) [slot=middle-centre]{display:flex;align-items:center;justify-content:center;gap:var(--icon-gap-md);flex-wrap:nowrap}@container footer-container (max-width: 912px){:where(nano-footer,.nano-footer) [slot=middle-centre]{flex-wrap:wrap;justify-content:center}}}@layer components{.nano-toast-stack{position:fixed;z-index:var(--nano-z-index-modal);inline-size:28rem;max-inline-size:100%;max-block-size:100%}.nano-toast-stack--tr{inset-block-start:0;inset-inline-end:0}.nano-toast-stack--tl{inset-block-start:0;inset-inline-start:0}.nano-toast-stack--br{inset-block-end:0;inset-inline-end:0}.nano-toast-stack--bl{inset-block-end:0;inset-inline-start:0}}@layer components{.nano-sortable__placeholder{opacity:0}.nano-sortable__dragged{opacity:.6;cursor:grabbing !important;box-shadow:var(--nano-shadow-l2);z-index:1;position:relative}.nano-sortable__keyboard-handle{background:var(--nano-color-base-0)}.nano-sortable__handle-dragged{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}}@layer components{nano-cta{--color: var(--nano-color-basic-white);--bg: var(--nano-color-blue-cerulean-1000);--bg-hover: var(--nano-color-blue-cerulean-1100);--bg-active: var(--nano-color-blue-cerulean-1200);--border: 1px solid var(--bg);--icon-size: 1em;--padding-v: 0.4375em;--padding-h: 1.125em;--spinner-size: 1em;--font-size: var(--nano-font-size-small);--line-height: var(--nano-line-height-normal);--gap: var(--nano-spacing-sm);--icon-display: none;--loading-display: none;--loading-opacity: 0;--flip-icon-ltr: 0;--flip-icon-rtl: 1;display:contents}nano-cta:has(.nano-internal-cta){display:inline-block}nano-cta:dir(rtl){--flip-icon-ltr: 1;--flip-icon-rtl: 0}nano-cta[group=balanced]{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--gap)}nano-cta[group=balanced] a,nano-cta[group=balanced] button{justify-content:space-evenly}nano-cta[group=stacked]{display:flex;flex-direction:column;gap:var(--gap)}nano-cta[secondary]:not([secondary=false]),nano-cta :is([secondary]):not([secondary=false]){--color: var(--nano-color-primary-1100);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-primary-100);--bg-active: var(--nano-color-primary-300);--border: 1px solid var(--color)}nano-cta[theme=success],nano-cta :is([theme=success]){--color: var(--nano-color-basic-white);--bg: var(--nano-color-success-1000);--bg-hover: var(--nano-color-success-1100);--bg-active: var(--nano-color-success-1200);--border: 1px solid var(--bg)}nano-cta[theme=success][secondary]:not([secondary=false]),nano-cta :is([theme=success][secondary]):not([secondary=false]){--color: var(--nano-color-success-1100);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-success-75);--bg-active: var(--nano-color-success-200);--border: 1px solid var(--color)}nano-cta[theme=danger],nano-cta :is([theme=danger]){--color: var(--nano-color-basic-white);--bg: var(--nano-color-danger-1000);--bg-hover: var(--nano-color-danger-1100);--bg-active: var(--nano-color-danger-1200);--border: 1px solid var(--bg)}nano-cta[theme=danger][secondary]:not([secondary=false]),nano-cta :is([theme=danger][secondary]):not([secondary=false]){--color: var(--nano-color-danger-1200);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-danger-300);--bg-active: var(--nano-color-danger-400);--border: 1px solid var(--color)}nano-cta[theme=warning],nano-cta :is([theme=warning]){--color: var(--nano-color-basic-white);--bg: var(--nano-color-warning-1000);--bg-hover: var(--nano-color-warning-1100);--bg-active: var(--nano-color-warning-1200);--border: 1px solid var(--bg)}nano-cta[theme=warning][secondary]:not([secondary=false]),nano-cta :is([theme=warning][secondary]):not([secondary=false]){--color: var(--nano-color-warning-1100);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-warning-200);--bg-active: var(--nano-color-warning-300);--border: 1px solid var(--color)}nano-cta[size=medium],nano-cta :is([size=medium]){--font-size: var(--nano-font-size-xs);--line-height: var(--nano-line-height-dense);--gap: var(--nano-spacing-xs)}nano-cta[size=small],nano-cta :is([size=small]){--font-size: var(--nano-font-size-2xs);--line-height: var(--nano-line-height-denser);--gap: var(--nano-spacing-xs);--padding-h: 1em;--padding-v: 0.5em}nano-cta:is([loading],[loading=true]):not([loading=false]),nano-cta :is([loading],[loading=true]):not([loading=false]){--text-color: transparent !important;--loading-display: block;--loading-opacity: 1;--bg-hover: var(--bg);--bg-active: var(--bg);cursor:wait}nano-cta:is([loading],[loading=true]):not([loading=false]) a,nano-cta:is([loading],[loading=true]):not([loading=false]) button,nano-cta :is([loading],[loading=true]):not([loading=false]) a,nano-cta :is([loading],[loading=true]):not([loading=false]) button{--text-color: transparent !important;cursor:wait}nano-cta :is([disabled],[disabled=true]):not([disabled=false]),nano-cta a:not([href]){--color: var(--nano-color-neutral-1200);--text-color: var(--color);--bg: var(--nano-color-neutral-100);--bg-hover: var(--bg);--bg-active: var(--bg);--border: 1px solid var(--color);cursor:not-allowed}nano-cta :is([disabled],[disabled=true]):not([disabled=false]) a,nano-cta :is([disabled],[disabled=true]):not([disabled=false]) button,nano-cta a:not([href]) a,nano-cta a:not([href]) button{cursor:not-allowed}nano-cta :is(a,button,.button){--text-color: var(--color);margin:0;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;white-space:nowrap;vertical-align:middle;background-color:var(--bg) !important;color:var(--text-color) !important;border-radius:var(--nano-border-radius-pill);line-height:var(--line-height);letter-spacing:var(--nano-letter-spacing-loose);font-size:var(--font-size);padding:var(--padding-v) var(--padding-h);gap:var(--nano-spacing-sm);border:var(--border) !important;transition:color var(--nano-transition-fast) ease;text-decoration:none !important}nano-cta :is(a,button,.button):focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-cta :is(a,button,.button):hover{background-color:var(--bg-hover) !important}nano-cta :is(a,button,.button):active{background-color:var(--bg-active) !important}nano-cta :is(a,button,.button)::before{content:"";display:var(--loading-display);opacity:var(--loading-opacity);position:absolute;padding:2.5px;aspect-ratio:1;border-radius:50%;inline-size:var(--spinner-size);background:var(--color);inset:calc(50% - var(--spinner-size)/2);mask:conic-gradient(rgba(0, 0, 0, 0), #000) subtract,conic-gradient(#000 0 0) content-box;animation:load 1s linear infinite;transition:all var(--nano-transition-fast) ease;transition-behavior:allow-discrete}@keyframes load{to{rotate:1turn}}nano-cta :is(a,button,.button)::after{content:"";display:var(--icon-display);background-size:cover;inline-size:var(--icon-size);block-size:var(--icon-size);background-color:var(--text-color);mask-image:var(--icon-svg);transition:color var(--nano-transition-fast) ease;mask-repeat:no-repeat;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg*var(--flip-icon-ltr))}nano-cta :is(a,button,.button) :where(nano-icon,.nano-icon),nano-cta :is(a,button,.button) svg{color:inherit;inline-size:var(--icon-size);margin:auto 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward]{--icon-svg: var(--nano-component-icon-chevron);--icon-display: block}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward] a,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward] button{padding-inline-end:.8125em}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward] a::after,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=forward] button::after{rotate:calc(180deg*var(--flip-icon-ltr))}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back]{--icon-svg: var(--nano-component-icon-chevron);--icon-display: block}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back] a,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back] button{padding-inline-start:.8125em}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back] a::after,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=back] button::after{rotate:calc(180deg*var(--flip-icon-rtl));order:-1;margin-inline-start:unset}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=up]{--icon-svg: var(--nano-component-icon-chevron);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=up] a::after,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=up] button::after{transform:rotate(270deg)}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=down]{--icon-svg: var(--nano-component-icon-chevron);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=down] a::after,nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=down] button::after{transform:rotate(90deg)}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=download]{--icon-svg: var(--nano-component-icon-download);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg))[icon=open]{--icon-svg: var(--nano-component-icon-open);--icon-size: .9em;--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg)):not([icon]) a[href]:not([href=""],[icon],[href^="#"]){--icon-svg: var(--nano-component-icon-chevron);--icon-display: block;padding-inline-end:.8125em}nano-cta:not([icon=false],:has(a nano-icon,a .nano-icon,a svg)):not([icon]) a[href]:not([href=""],[icon],[href^="#"])[target=_blank]{--icon-svg: var(--nano-component-icon-open);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0;padding-inline-end:var(--padding-h)}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"]){--icon-svg: var(--nano-component-icon-download);--icon-display: block;--flip-icon-ltr: 0;--flip-icon-rtl: 0;padding-inline-end:var(--padding-h)}}@layer components{nano-card{--color: currentColor;--bg: transparent;--gap: var(--nano-spacing-md);--content-margin: 0;--flip-icon-ltr: 0;container-type:inline-size;position:relative;display:grid;grid-template-columns:minmax(calc(197px - var(--gap)), 31%) auto;grid-template-rows:repeat(calc(var(--row-count) - 1), max-content);gap:var(--gap);background-color:var(--bg);color:var(--color)}nano-card:dir(rtl){--flip-icon-ltr: 1}nano-card:has(>:last-child:nth-child(1),>article>:last-child:nth-child(1)){--row-count: 1}nano-card:has(>:last-child:nth-child(2),>article>:last-child:nth-child(2)){--row-count: 2}nano-card:has(>:last-child:nth-child(3),>article>:last-child:nth-child(3)){--row-count: 3}nano-card:has(>:last-child:nth-child(4),>article>:last-child:nth-child(4)){--row-count: 4}nano-card:has(>:last-child:nth-child(5),>article>:last-child:nth-child(5)){--row-count: 5}nano-card:has(>:last-child:nth-child(6),>article>:last-child:nth-child(6)){--row-count: 6}nano-card:has(>:last-child:nth-child(7),>article>:last-child:nth-child(7)){--row-count: 7}nano-card *{margin-block:unset;margin-block-start:unset;margin-block-end:unset}nano-card>*:not([slot]){display:contents}nano-card [slot]{display:block}nano-card [slot]:not([slot=img],[slot=category],ul){margin-inline:var(--content-margin)}nano-card [slot]:not([slot=img],[slot=category],ul):last-child{margin-block-end:var(--content-margin)}nano-card:not(:has([slot=img])) [slot]:first-child{margin-block-start:var(--content-margin)}nano-card [slot=img]{order:1}nano-card div[slot=img]{position:relative;inline-size:fit-content;block-size:fit-content}nano-card [slot=category]{position:absolute;inset-block-end:10px;inset-inline-end:10px;background:var(--nano-color-base-0)}nano-card [slot=title]{order:2;text-wrap:balance}nano-card [slot=content]{order:3;text-wrap:balance}nano-card [slot=footer]{order:4;display:inline-flex;align-items:center;gap:var(--gap)}nano-card [slot=footer]:has(nano-tag){flex-wrap:wrap;gap:var(--nano-spacing-sm)}nano-card [slot=footer]:has(nano-tag):is(nano-more-less)>ul,nano-card [slot=footer]:has(nano-tag) nano-more-less>ul{display:contents;list-style:none}nano-card [slot=footer]:has(nano-tag):is(nano-more-less)>ul>li,nano-card [slot=footer]:has(nano-tag) nano-more-less>ul>li{display:contents}nano-card nano-content-links{--color-border: rgb(var(--nano-color-base-rgb-1000) / 7%)}nano-card address{font-style:normal}nano-card a[slot=title],nano-card [slot=title] a{color:var(--color);text-decoration:none}nano-card a[slot=title]:hover,nano-card [slot=title] a:hover{color:var(--nano-color-primary-1000);text-decoration:underline}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) 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{color:var(--color);text-decoration:none}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]):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]{color:var(--nano-color-primary-1000);text-decoration:underline}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]):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]{color:var(--color);text-decoration:none}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]):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{color:var(--nano-color-primary-1000);text-decoration:underline}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) button::before,nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) 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,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{content:"";display:block;position:absolute;inset:0;touch-action:manipulation;cursor:pointer;inline-size:100%;block-size:100%;animation:none;border-radius:0;z-index:var(--enable-card-click)}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) 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>*{position:static}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click])[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{box-shadow:var(--nano-shadow-l0);background-color:var(--bg-hover)}nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input),[disable-card-click]) 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>*{position:relative;z-index:2}nano-card:has(a[slot]):has([slot] a){--enable-card-click: -1}nano-card:has([slot=content] a):has([slot=footer] a){--enable-card-click: -1}nano-card[disable-card-click]{--enable-card-click: -1}nano-card:not([layout=landscape]) [slot]{grid-column:1/-1 !important}nano-card[layout=landscape] [slot]{grid-column:2}nano-card[layout=landscape] div:has([slot=img]),nano-card[layout=landscape] [slot=img]{grid-column:1;grid-row:1/-1}nano-card[layout=landscape]:has([slot=title],[slot=content],[slot=img]):not(nano-card[layout=landscape]:has([slot=footer])){grid-template-rows:repeat(calc(var(--row-count) - 1), auto)}@container (width < 417px){nano-card[layout=landscape]:not([size=small]) [slot]{grid-column:1/-1 !important}nano-card[layout=landscape]:not([size=small]) [slot=img]{grid-column:1/-1 !important}}@container (width < 320px){nano-card[layout=landscape][size=small] [slot]{grid-column:1/-1 !important}nano-card[layout=landscape][size=small] [slot=img]{grid-column:1/-1 !important}}nano-card[variant=product] [slot=title]{display:inline-flex;gap:var(--gap);align-items:center;justify-content:space-between}nano-card[variant=product] [slot=footer]{justify-content:space-between}nano-card [slot=title],nano-card [slot=title]>:first-child{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}nano-card [slot=content],nano-card [slot=content]>*{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}nano-card[size=small]{grid-template-columns:minmax(calc(60px - var(--gap)), 31%) auto}nano-card[size=small] [slot=title],nano-card[size=small] [slot=title]>:first-child{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}nano-card[size=small] [slot=content],nano-card[size=small] [slot=content]>*{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}nano-card[variant=product][size=small]{--gap: var(--nano-spacing-sm)}nano-card[variant^=promo]{--content-margin: var(--gap);box-shadow:var(--nano-shadow-l1)}nano-card[variant^=promo] [slot=title],nano-card[variant^=promo] [slot=title]:hover,nano-card[variant^=promo]:hover [slot=title]{color:var(--color) !important;text-decoration:none !important}nano-card[variant^=promo] nano-cta>*{inline-size:100%}nano-card[variant^=promo] [slot=title],nano-card[variant^=promo] [slot=title]>:first-child{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}nano-card[variant^=promo] [slot=content],nano-card[variant^=promo] [slot=content]>*{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title]{display:inline-flex;gap:var(--gap)}nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title]::after{content:"";display:block;background-size:cover;inline-size:1em;background-color:var(--color);mask-image:var(--nano-component-icon-chevron);mask-repeat:no-repeat;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg*var(--flip-icon-ltr))}nano-card[variant=promo]{--bg: var(--nano-color-notice-1200);--bg-hover: var(--nano-color-notice-1000);--color: var(--nano-color-base-0)}nano-card[variant=promo] nano-cta{--color: var(--nano-color-notice-1000);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-notice-75);--bg-active: var(--nano-color-notice-200);--border: 1px solid var(--color)}nano-card[variant=promo-aero]{--bg: var(--nano-color-success-200);--bg-hover: var(--nano-color-success-75);--color: var(--nano-color-base-1000)}nano-card[variant=promo-plain],nano-card[variant=promo-grey]{--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-neutral-100);--color: var(--nano-color-neutral-1400)}nano-card[variant=promo-plain]:hover [slot=title],nano-card[variant=promo-grey]:hover [slot=title]{color:var(--nano-color-primary-1000)}nano-card[variant=promo-plain] nano-cta,nano-card[variant=promo-grey] nano-cta{--color: var(--nano-color-primary-1100);--bg: var(--nano-color-base-0);--bg-hover: var(--nano-color-primary-50);--bg-active: var(--nano-color-primary-75);--border: 1px solid var(--color)}nano-card[variant=promo-grey]{--bg: var(--nano-color-neutral-100);--bg-hover: var(--nano-color-neutral-200);--color: var(--nano-color-neutral-1400)}}@layer components{nano-tag{--background: var(--nano-color-base-50);--color: var(--nano-color-primary-1100);--stroke: var(--nano-color-primary-1000);--color-non-interactive: var(--nano-color-neutral-1400);--padding: 0.125rem 0.375rem;--font-size: 0.625rem;--line-height: var(--nano-line-height-denser);--letter-spacing: var(--nano-letter-spacing-denser);--bg-color-hover: var(--nano-color-primary-100);--bg-color-active: var(--nano-color-primary-300);display:inline-block;block-size:fit-content;inline-size:fit-content;padding:var(--padding);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--nano-font-weight-bold);line-height:var(--line-height);letter-spacing:var(--letter-spacing);word-wrap:break-word;text-align:center;cursor:default;color:var(--color-non-interactive);background:var(--background);border:1px solid var(--color-non-interactive)}nano-tag[size=large]{--padding: 0.25rem 0.5rem;--font-size: var(--nano-font-size-2xs);--letter-spacing: var(--nano-letter-spacing-loose)}nano-tag[closable]{display:flex;gap:.25rem;justify-content:space-between;align-items:center;padding:var(--padding)}nano-tag[closable] nano-icon-button{--padding: 0}nano-tag[closable][size=large]{gap:.375rem}nano-tag[closable]:not(:has(nano-icon-button,.nano-icon-button))::after{content:"";display:block;min-inline-size:.625rem}nano-tag:has(a),nano-tag:has(button){padding:0}nano-tag:has(a),nano-tag:has(button),nano-tag[closable]{color:var(--color);border-color:var(--stroke);background:var(--background)}nano-tag:has(a:hover),nano-tag:has(button:hover){cursor:pointer;background:var(--bg-color-hover)}nano-tag:has(a:active),nano-tag:has(button:active),nano-tag[selected]{background:var(--bg-color-active)}nano-tag:has(a:focus-visible,button:focus-visible){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-tag>a,nano-tag>button{all:unset;display:block;padding:var(--padding) !important}nano-tag>a:hover,nano-tag>button:hover{text-decoration:none}}@layer components{:where(nano-content-links,.nano-content-links){--text-color: var(--nano-color-neutral-1400);--color-disabled: var(--nano-color-neutral-800);--color-border: var(--nano-color-neutral-200);--color-active: var(--nano-color-primary-1000);--padding: var(--nano-spacing-sm);--icon-size: 1em;--icon-color: var(--nano-color-primary-1200);display:contents;color:var(--text-color);font-size:var(--nano-font-size-sm);font-weight:var(--nano-font-weight-normal);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);word-wrap:break-word}:where(nano-content-links,.nano-content-links)>*{all:unset;inline-size:stretch;block-size:fit-content;display:flex;justify-content:space-between;align-items:center;padding:var(--padding);gap:var(--nano-spacing-md);border-block-start:1px solid var(--color-border);border-block-end:1px solid var(--color-border);text-decoration:none !important}:where(nano-content-links,.nano-content-links)>*::after{content:"";background-size:cover;inline-size:var(--icon-size);block-size:var(--icon-size);mask-image:var(--nano-component-icon-chevron);mask-repeat:no-repeat;mask-position:center;transform-origin:center;margin-inline-start:auto}:where(nano-content-links,.nano-content-links)>*:not(a){pointer-events:none;cursor:default;color:var(--color-disabled);border-block-start:1px solid var(--color-border);border-block-end:1px solid var(--color-border)}:where(nano-content-links,.nano-content-links)>*:not(a)::after{background-color:var(--color-disabled)}:where(nano-content-links,.nano-content-links)>*+*{border-block-start:none !important}:where(nano-content-links,.nano-content-links) a{pointer-events:auto;cursor:pointer;color:var(--text-color)}:where(nano-content-links,.nano-content-links) a::after{background-color:var(--icon-color)}:where(nano-content-links,.nano-content-links) a[target=_blank]::after{mask-image:var(--nano-component-icon-open)}:where(nano-content-links,.nano-content-links) a:hover,:where(nano-content-links,.nano-content-links) a:active{--icon-color: var(--color-active);color:var(--color-active);text-decoration:underline solid}:where(nano-content-links,.nano-content-links) a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}}@layer components{nano-badge{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background:var(--bg);color:var(--color);border-radius:var(--nano-border-radius-pill);padding:.15em .65em !important;display:inline-block;max-block-size:fit-content;--color: lch(from var(--bg) calc((50 - l) * infinity) 0 0)}nano-badge:empty{padding:0 !important;block-size:.5em;inline-size:.5em}nano-badge a,nano-badge button{all:unset;color:inherit;border-radius:inherit;cursor:pointer}nano-badge a:is(a),nano-badge button:is(a){text-decoration:underline}nano-badge a::after,nano-badge button::after{content:"";position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:inherit;background-color:rgba(0,0,0,0)}nano-badge a:focus-visible,nano-badge button:focus-visible{outline:none}nano-badge a:focus-visible::after,nano-badge button:focus-visible::after{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-badge:has(a,button){position:relative}nano-badge:has(a,button):hover{background-color:color-mix(in srgb, var(--bg), black 10%)}nano-badge:has(a,button):active{background-color:color-mix(in srgb, var(--bg), black 20%)}nano-badge:not([theme]),nano-badge[theme=primary]{--bg: var(--nano-color-primary-1000)}nano-badge:not([theme])[strength="4"],nano-badge[theme=primary][strength="4"]{--bg: var(--nano-color-primary-700)}nano-badge:not([theme])[strength="3"],nano-badge[theme=primary][strength="3"]{--bg: var(--nano-color-primary-1000)}nano-badge:not([theme])[strength="2"],nano-badge[theme=primary][strength="2"]{--bg: var(--nano-color-primary-1100)}nano-badge:not([theme])[strength="1"],nano-badge[theme=primary][strength="1"]{--bg: var(--nano-color-primary-1200)}nano-badge[theme=neutral]{--bg: var(--nano-color-neutral-1000)}nano-badge[theme=neutral][strength="4"]{--bg: var(--nano-color-neutral-700)}nano-badge[theme=neutral][strength="3"]{--bg: var(--nano-color-neutral-1000)}nano-badge[theme=neutral][strength="2"]{--bg: var(--nano-color-neutral-1200)}nano-badge[theme=neutral][strength="1"]{--bg: var(--nano-color-neutral-1400)}nano-badge[theme=success]{--bg: var(--nano-color-success-1000)}nano-badge[theme=success][strength="4"]{--bg: var(--nano-color-success-600)}nano-badge[theme=success][strength="3"]{--bg: var(--nano-color-success-1000)}nano-badge[theme=success][strength="2"]{--bg: var(--nano-color-success-1100)}nano-badge[theme=success][strength="1"]{--bg: var(--nano-color-success-1200)}nano-badge[theme=warning]{--bg: var(--nano-color-warning-600)}nano-badge[theme=warning][strength="4"]{--bg: var(--nano-color-warning-300)}nano-badge[theme=warning][strength="3"]{--bg: var(--nano-color-warning-600)}nano-badge[theme=warning][strength="2"]{--bg: var(--nano-color-warning-1100)}nano-badge[theme=warning][strength="1"]{--bg: var(--nano-color-warning-1200)}nano-badge[theme=danger]{--bg: var(--nano-color-danger-1100)}nano-badge[theme=danger][strength="4"]{--bg: var(--nano-color-danger-400)}nano-badge[theme=danger][strength="3"]{--bg: var(--nano-color-danger-800)}nano-badge[theme=danger][strength="2"]{--bg: var(--nano-color-danger-1100)}nano-badge[theme=danger][strength="1"]{--bg: var(--nano-color-danger-1200)}nano-badge[pulse]:not([pulse=false]){animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgb(var(--nano-color-base-rgb-1000)/20%)}100%{box-shadow:0 0 0 1em rgb(var(--nano-color-base-rgb-1000)/0%)}}}@layer components{:where(nano-card-carousel,.nano-card-carousel)>[slot=title]{all:unset;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance;line-height:1}nano-card-carousel nano-card [slot]{opacity:var(--text-opacity)}nano-card-carousel nano-card [slot=img]{opacity:var(--img-opacity)}}@layer components{.nano-theme-dark nano-global-nav::part(logo),.nano-theme-dark nano-global-nav [part~=logo],nano-global-nav.nano-theme-dark::part(logo),nano-global-nav.nano-theme-dark [part~=logo]{filter:invert(100%)}nano-global-nav>a,nano-global-nav nano-nav-item::part(label),nano-global-nav nano-nav-item [part~=label]{white-space:nowrap}nano-global-nav nano-nav-item [slot=icon-start]{position:relative}nano-global-nav nano-nav-item [slot=icon-start] nano-badge{position:absolute;inset-block-start:0;inset-inline-end:0;translate:100% -50%}nano-global-nav:has(nano-menu-drawer)::part(site-wrapper),nano-global-nav:has(nano-menu-drawer) [part~=site-wrapper]{display:flex}nano-global-nav.bar-menu>nano-nav-item,nano-global-nav.bar-menu>a{color:var(--main-menu-text-color)}nano-global-nav.bar-menu>nano-nav-item:hover,nano-global-nav.bar-menu>a:hover{color:var(--main-menu-hover-text-color)}nano-global-nav.bar-menu>nano-nav-item:active,nano-global-nav.bar-menu>a:active{color:var(--main-menu-active-text-color)}nano-global-nav.bar-menu>nano-nav-item::part(trigger),nano-global-nav.bar-menu>nano-nav-item [part~=trigger]{position:relative}nano-global-nav.bar-menu>nano-nav-item::part(trigger)::before,nano-global-nav.bar-menu>nano-nav-item [part~=trigger]::before{content:"";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:0;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}nano-global-nav.bar-menu>nano-nav-item[open]{color:var(--main-menu-active-border-color) !important}nano-global-nav.bar-menu>nano-nav-item[open]::part(trigger)::before,nano-global-nav.bar-menu>nano-nav-item[open] [part~=trigger]::before{transform:translateZ(0) scaleX(1)}nano-global-nav.bar-menu>a.active,nano-global-nav.bar-menu>nano-nav-item.active,nano-global-nav.bar-menu>nano-nav-item[selected]{color:var(--main-menu-active-text-color) !important}nano-global-nav.bar-menu>nano-nav-item::part(modal){inset-block-start:-500%;inline-size:100%;position:absolute;z-index:-2;inset-inline:0;transition:inset-block-start var(--nano-transition-fast) ease-in-out,opacity var(--nano-transition-x-fast) ease}nano-global-nav.bar-menu>nano-nav-item::part(modal modal--open){inset-block-start:100%}nano-global-nav.bar-menu>nano-nav-item::part(modal-content){background:var(--nano-color-base-0);color:var(--nano-color-base-1000);padding:var(--nano-spacing-xl);inline-size:91.25rem;max-inline-size:100%;margin:auto;box-shadow:var(--nano-shadow-l2)}nano-global-nav.bar-menu>nano-nav-item::part(modal-mask),nano-global-nav.bar-menu>nano-nav-item [part~=modal-mask]{background:var(--nano-overlay-background-color);position:fixed;inset:0;min-block-size:100%;z-index:-1}nano-global-nav.bar-menu>nano-nav-item [slot=close-button]{display:none}nano-global-nav.bar-menu>nano-nav-item [slot=secondary]{display:grid;gap:var(--nano-spacing-xl);grid-template:auto/repeat(auto-fit, minmax(200px, 1fr))}nano-global-nav.bar-menu>nano-nav-item [slot=secondary]:has(.gn__focus-area){grid-template:auto/1fr 1fr 26rem}@media(width < 1200px){nano-global-nav.bar-menu>nano-nav-item [slot=secondary]:has(.gn__focus-area){grid-template-columns:1fr 26rem}}@media(width < 830px){nano-global-nav.bar-menu>nano-nav-item [slot=secondary]:has(.gn__focus-area){grid-template-columns:1fr}}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] h1,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] h2,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] h3,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] h4,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__title{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance;padding-block-end:1rem;border-block-end:1px solid var(--nano-color-neutral-100)}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] a{text-decoration:none}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] a:hover{text-decoration:underline}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] ul{margin:0;padding:0}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] ul li{margin-inline:0;list-style:none;margin-block-end:var(--nano-spacing-sm);line-height:var(--nano-line-height-dense)}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area{padding:var(--nano-spacing-xl) var(--nano-spacing-l);display:flex;flex-direction:column;gap:var(--nano-spacing-sm);background:var(--nano-color-base-0);color:var(--nano-color-base-1000)}@media(width < 1200px)and (width > 830px){nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area{grid-column:2;grid-row:1/3}}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h1,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h2,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h3,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h4,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area h5,nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area p{margin:0;border:none}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__focus-area nano-content-links{display:block}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__link-columns{gap:var(--nano-spacing-xl)}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__link-columns:has(>:nth-child(6)){columns:2}nano-global-nav.bar-menu>nano-nav-item [slot=secondary] .gn__link-columns>*{display:block;margin-block-end:var(--nano-spacing-sm)}nano-global-nav.overflow-menu nano-nav-item,nano-global-nav.overflow-menu>a{color:var(--overflow-text-color)}nano-global-nav.overflow-menu nano-nav-item:hover,nano-global-nav.overflow-menu>a:hover{color:var(--overflowhover-text-color)}nano-global-nav.overflow-menu nano-nav-item:active,nano-global-nav.overflow-menu>a:active{color:var(--overflow-active-text-color)}nano-global-nav.overflow-menu a.active,nano-global-nav.overflow-menu nano-nav-item.active,nano-global-nav.overflow-menu nano-nav-item[selected]{color:var(--overflow-active-text-color) !important}nano-global-nav.overflow-menu nano-nav-item::part(modal){background-color:var(--overflow-bg-color);inline-size:100%;block-size:100%;position:absolute;inset:0;z-index:1}nano-global-nav.overflow-menu nano-nav-item [slot=secondary]{display:flex;flex-direction:column;gap:var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] a{text-decoration:none;color:var(--nano-color-blue-cerulean-700)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] a:hover{text-decoration:underline}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h1,nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h2,nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h3,nano-global-nav.overflow-menu nano-nav-item [slot=secondary] h4,nano-global-nav.overflow-menu nano-nav-item [slot=secondary] .gn__title{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-sm)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] ul{margin:0;padding:0}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] ul li{margin-inline:0;list-style:none;margin-block-end:var(--nano-spacing-sm);line-height:var(--nano-line-height-dense)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] .gn__link-columns{padding-inline-start:var(--nano-spacing-md)}nano-global-nav.overflow-menu nano-nav-item [slot=secondary] .gn__focus-area{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block-start:var(--nano-spacing-md)}nano-global-nav.overflow-menu [slot=close-button]{color:var(--overflow-text-color);padding-block:var(--nano-spacing-md);display:flex;gap:var(--nano-spacing-sm);align-items:center;cursor:pointer;inline-size:100%}nano-global-nav.overflow-menu [slot=close-button]:hover{color:var(--nano-color-blue-cerulean-700)}nano-global-nav.overflow-menu [slot=close-button]::before{content:"";margin-inline-start:0;background-size:cover;inline-size:1em;block-size:1em;mask-image:var(--nano-component-icon-chevron);mask-repeat:no-repeat;mask-position:center;transform-origin:center;rotate:180deg;background-color:var(--nano-color-blue-cerulean-700)}}@layer components{nano-avatar{--size: 2.5rem;display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--size);min-inline-size:var(--size);block-size:var(--size);background-color:var(--nano-color-neutral-400);font-size:calc(var(--size)*.5);font-weight:var(--nano-font-weight-normal);color:var(--nano-color-neutral-0);user-select:none;vertical-align:middle;border-radius:var(--nano-border-radius-circle);overflow:hidden}nano-avatar:empty::before{content:attr(initials);text-transform:uppercase;line-height:1}nano-avatar img{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover}}.nano-in-page-nav{--color-bottom-border: rgb(var(--nano-color-base-rgb-1000) / 10%);--color-text: var(--nano-color-neutral-1400);--color-primary: var(--nano-color-primary-1100);--color-text-hover: var(--color-primary);--color-border-active: var(--nano-color-primary-1000);--border-active: 3px solid var(--color-border-active);--color-bg: var(--nano-color-primary-75);--font-size: var(--nano-font-size-small);--font-weight: var(--nano-font-weight-normal);--font-weight-active: var(--nano-font-weight-bold);--line-height: var(--nano-line-height-dense);--letter-spacing: var(--nano-letter-spacing-loose);--flip-icon-ltr: 1;--list-gap: calc(var(--spacing-l2) / 1.25);--spacing-l2: var(--nano-spacing-l2);--spacing-l3: var(--nano-spacing-l3)}.nano-in-page-nav:dir(rtl){--flip-icon-ltr: 0}.nano-in-page-nav a,.nano-in-page-nav ul,.nano-in-page-nav li{all:unset}.nano-in-page-nav ul{display:flex;flex-direction:column;list-style:none}.nano-in-page-nav ul:not(ul ul){padding:0 var(--spacing-l2) 0 var(--spacing-l2)}.nano-in-page-nav a{cursor:pointer}.nano-in-page-nav a:hover{text-decoration:underline}.nano-in-page-nav a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.nano-in-page-nav ul>li:not(ul>li li){margin:0;padding:var(--spacing-l2) 0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;inline-size:100%}.nano-in-page-nav ul>li:not(ul>li li):not(:last-of-type){border-block-end:1px solid var(--color-bottom-border)}.nano-in-page-nav ul>li:not(ul>li li) span,.nano-in-page-nav ul>li:not(ul>li li) a{color:var(--color-text)}.nano-in-page-nav ul>li:not(ul>li li) span.is-active,.nano-in-page-nav ul>li:not(ul>li li) a.is-active{border-inline-start:var(--border-active);padding-inline-start:1rem;display:block}.nano-in-page-nav ul>li:not(ul>li li) span:hover,.nano-in-page-nav ul>li:not(ul>li li) a:hover{color:var(--color-text-hover)}.nano-in-page-nav nano-details.is-active::part(header){border-inline-start:var(--border-active);padding-inline-start:1rem !important;color:var(--color-primary)}.nano-in-page-nav ul>li>ul,.nano-in-page-nav ul>li>.nano-details>ul{padding:var(--list-gap) 0 0 var(--spacing-l2);gap:var(--list-gap)}.nano-in-page-nav ul>li>ul a,.nano-in-page-nav ul>li>.nano-details>ul a{color:var(--color-primary) !important}.nano-in-page-nav ul>li>ul>li>.nano-details>ul,.nano-in-page-nav ul>li>.nano-details>ul>li>.nano-details>ul{padding:var(--list-gap) 0 0 var(--nano-spacing-xl)}.nano-in-page-nav .nano-details .nano-details:not(.nano-details .nano-details .nano-details){color:var(--color-text)}.nano-in-page-nav .nano-details{--padding: 0;--btn-bg-color: transparent;--btn-bg-color--open: var(--nano-color-primary-75);--btn-bg-color--hover: transparent;border:none;color:var(--color-primary)}.nano-in-page-nav .nano-details .is-active::part(header){border-inline-start:var(--border-active);padding-inline-start:1rem !important;color:var(--color-primary)}.nano-in-page-nav .nano-details[open]>[slot=icon-start]{rotate:90deg}.nano-in-page-nav .nano-details::part(icon--start){margin-inline-end:var(--spacing-l3)}.nano-in-page-nav .nano-details::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing)}.nano-in-page-nav .nano-details::part(header):hover{text-decoration:underline}.nano-in-page-nav .nano-details:not(.nav-details){color:var(--color-primary)}.nano-in-page-nav.external-links{--color-bg: var(--nano-color-base-0) !important;--color-border-active: var(--nano-color-primary-1000)}.nano-in-page-nav.external-links ul ul{--border-active: 3px solid var(--nano-color-neutral-1200)}@layer components{:where(nano-collapsible-comparison,.nano-collapsible-comparison){--color-bg: var(--nano-color-base-0);--color-border: var(--nano-color-neutral-200);--outer-spacing: var(--nano-spacing-l1-default)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h2{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h2,:where(nano-collapsible-comparison,.nano-collapsible-comparison) h4{margin:0}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h3,:where(nano-collapsible-comparison,.nano-collapsible-comparison) h4{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h3{padding-block-end:var(--nano-spacing-md);border-block-end:1px solid var(--color-border);margin-block:0}:where(nano-collapsible-comparison,.nano-collapsible-comparison) h4{font-weight:var(--nano-font-weight-normal)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) ul{padding:0;margin:0}:where(nano-collapsible-comparison,.nano-collapsible-comparison) ul[slot=content]{list-style:none}:where(nano-collapsible-comparison,.nano-collapsible-comparison) ul[slot=content]>li{margin:0;padding-block-start:var(--nano-spacing-md)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) [slot=label]{display:flex;align-items:center}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details{--btn-bg-color: transparent;--btn-bg-color--active: transparent;--btn-bg-color--hover: transparent;--padding: 0;border:none}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details::part(header),:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details [part~=header]{color:var(--color-primary)}: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]{display:grid;grid-template-columns:1fr 1fr;gap:var(--nano-spacing-l1-default)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details::part(icon--end),:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details [part~=icon--end]{display:none}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details::part(content),:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details [part~=content]{padding:var(--nano-spacing-md) 0}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details::part(body),:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details [part~=body]{border-block-end:1px solid var(--color-border)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details ul{list-style:disc;padding-inline-start:var(--nano-spacing-md)}:where(nano-collapsible-comparison,.nano-collapsible-comparison) nano-details ul li{font-size:var(--nano-font-size-xs)}}@layer components{:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item){--padding: inherit;display:block;border-block-start:1px solid var(--nano-color-neutral-200)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not(:has(+nano-nav-item),:has(+nano-dropdown),:has(+nano-content-links)){border-block-end:1px solid var(--nano-color-neutral-200)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(trigger){font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)[checkbox]::part(label)::before{content:"";display:inline-block;vertical-align:middle;background-size:cover;mask-repeat:no-repeat;mask-position:center;inline-size:.8em;block-size:.8em;mask-image:var(--nano-component-icon-check);background-color:var(--icon-color);opacity:0;margin-inline-end:var(--nano-spacing-sm);align-content:center}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)[checkbox][selected]::part(label)::before{opacity:1}:where(nano-menu,.nano-menu) a{font-size:calc(var(--font-size) - .125rem);color:var(--nano-color-primary-1100)}:where(nano-menu,.nano-menu) :where(nano-icon,.nano-icon){color:var(--icon-color)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(trigger-wrapper){flex:1}: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) [slot=close-button],:where(nano-menu,.nano-menu) nano-content-links a{--icon-color: var(--nano-color-primary-1000);color:var(--nano-color-neutral-1400);font-size:var(--font-size)}:where(nano-menu,.nano-menu) a:hover:not(:focus-visible),:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not([disabled]) [slot=close-button]:hover:not(:focus-visible),:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not([disabled])::part(trigger):hover:not(:focus-visible){--icon-color: var(--nano-color-primary-1100);color:var(--nano-color-base-1000);background-color:var(--nano-color-neutral-100)}:where(nano-menu,.nano-menu) a:active:not(:focus-visible),:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not([disabled]) [slot=close-button]:active:not(:focus-visible),:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item):not([disabled])::part(trigger):active:not(:focus-visible){--icon-color: var(--nano-color-primary-800);color:var(--nano-color-base-1000);background-color:var(--nano-color-neutral-200)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item) [slot=close-button]:focus-visible,:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(trigger):focus-visible,:where(nano-menu,.nano-menu) a:focus-visible{--icon-color: var(--nano-color-base-0);outline:none;background-color:var(--nano-color-primary-1000);color:var(--nano-color-base-0)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item) [slot=close-button]:focus-visible:active,:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(trigger):focus-visible:active,:where(nano-menu,.nano-menu) a:focus-visible:active{background-color:var(--nano-color-primary-1200)}:where(nano-menu,.nano-menu) nano-content-links a::after{background-color:var(--icon-color)}:where(nano-menu,.nano-menu) :where(nano-dropdown,.nano-dropdown){display:contents}:where(nano-menu,.nano-menu) :where(nano-dropdown,.nano-dropdown) :where(nano-nav-item,.nano-nav-item){--padding: var(--nav-item-padding)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(modal){position:absolute;min-block-size:100%;inset-block-start:0;inset-inline-start:0;inline-size:100%;z-index:1;opacity:0;transition:opacity var(--nano-transition-x-fast) ease,transform var(--nano-transition-fast) ease;transform:translate3d(100%, 0, 0);background:var(--background)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item)::part(modal modal--open){opacity:1;transform:translate3d(0, 0, 0);transition:opacity var(--nano-transition-x-fast) ease,transform var(--nano-transition-fast) ease}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item) [slot=close-button]{padding:var(--padding);display:flex;gap:var(--nano-spacing-md);align-items:center;cursor:pointer;inline-size:100%;border-block-start:1px solid var(--nano-color-neutral-200)}:where(nano-menu,.nano-menu) :where(nano-nav-item,.nano-nav-item) [slot=close-button]::before{content:"";margin-inline-start:0;background-size:cover;inline-size:1em;block-size:1em;mask-image:var(--nano-component-icon-caret);mask-repeat:no-repeat;mask-position:center;transform-origin:center;rotate:180deg;background-color:var(--icon-color)}}@layer components{nano-icon-item{--icon-dims: var(--nano-pictogram-size-large);display:grid;grid-template-columns:1fr;justify-items:center;inline-size:100%;gap:var(--nano-spacing-md)}nano-icon-item[size=large]{--icon-dims: var(--nano-pictogram-size-x-large)}nano-icon-item nano-icon,nano-icon-item .nano-icon{--icon-size: var(--icon-dims) !important}nano-icon-item a:not(p>a),nano-icon-item [slot=heading]{all:unset;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance;color:var(--nano-color-neutral-1400);text-align:center}nano-icon-item p[slot=content]{all:unset;font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);text-align:center}nano-icon-item [slot=icon]{color:var(--nano-color-primary-1000)}nano-icon-item[landscape]{justify-items:start;grid-template-columns:min-content 1fr !important;row-gap:var(--nano-spacing-sm)}nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) [slot=heading],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],nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) p[slot=content]{grid-row:1;align-self:center}nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) a,nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) [slot=heading]{grid-row:1}nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) p[slot=content]{grid-row:2}nano-icon-item[landscape] nano-icon[slot=icon]{grid-column:1}nano-icon-item[landscape] [slot=icon]{grid-column:1;grid-row:1/-1}nano-icon-item[landscape] a,nano-icon-item[landscape] [slot=heading]{text-align:start;align-self:center;grid-row:1;grid-column:2}nano-icon-item[landscape] p[slot=content]{text-align:start;grid-row:2;grid-column:2}nano-icon-item a,nano-icon-item a>[slot=heading]{cursor:pointer;text-decoration:underline;color:var(--nano-color-primary-1000)}nano-icon-item a:hover{color:var(--nano-color-primary-1200)}nano-icon-item a:hover [slot=heading]{color:var(--nano-color-primary-1200)}nano-icon-item:has(a:hover) nano-icon{color:var(--nano-color-primary-1200)}}@layer components{:where(nano-tab-group,.nano-tab-group)[equal-tab-size] .nano-tab{display:flex;justify-content:center;align-items:center;flex:1}:where(nano-tab-group,.nano-tab-group)[placement=start][equal-tab-size] .nano-tab{justify-content:flex-end}:where(nano-tab-group,.nano-tab-group)[placement=start] .nano-tab{border-block-end:none;border-inline-end:var(--border)}: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]{justify-content:end}: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]{align-items:flex-end}:where(nano-tab-group,.nano-tab-group)[placement=start] .nano-tab:not([disabled]):hover{border-color:inherit}:where(nano-tab-group,.nano-tab-group)[placement=start] .nano-tab:not([disabled])[active]{border-color:inherit}: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]{--scroll-btn-size: 2rem}:where(nano-tab-group,.nano-tab-group)[placement=top][size=large] .nano-tab{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance;--padding: 1.5625rem}}@layer components{:where(nano-tooltip,.nano-tooltip) [slot=content],:where(nano-tooltip,.nano-tooltip) [slot=content] *{font-size:var(--nano-font-size-2xs)}:where(nano-tooltip,.nano-tooltip) ul[slot=content]{margin-block:0;padding-inline:0;margin-inline:var(--nano-spacing-md)}:where(nano-tooltip,.nano-tooltip) [slot=content] li{margin-block-end:0}}@layer components{:where(nano-table,.nano-table){--table-padding: var(--nano-spacing-md);--table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));--table-border-color: var(--nano-color-neutral-200);--table-border-color-header: var(--nano-color-primary-1000);--table-background: var(--nano-color-base-0);--table-wrapper-max-height: 80vh;--table-width: 100%;--isLtR: 1;overflow-y:clip;display:block;container-type:inline-size}:where(nano-table,.nano-table):dir(rtl){--isLtR: -1}:where(nano-table,.nano-table)[compact]:not([compact=false],[compact=auto]){--table-padding: var(--table-compact-padding)}@media(width <= 500px){:where(nano-table,.nano-table)[compact=auto]{--table-padding: var(--table-compact-padding)}}@container (width <= 500px){:where(nano-table,.nano-table)[compact=auto] .nano-table__overflow{--table-padding: var(--table-compact-padding)}}:where(nano-table,.nano-table):not([scrollable=false]){overflow-y:visible}:where(nano-table,.nano-table):not([scrollable=false]) .nano-masked-overflow{--fade-size: 30px}:where(nano-table,.nano-table):not([scrollable=false]):has([sticky=start],[sticky=end]) .nano-masked-overflow{--fade-size: 0}:where(nano-table,.nano-table):not([scrollable=false]):not(.nano-table--props-ready){overflow:auto;scrollbar-width:thin;max-inline-size:var(--table-width);max-block-size:var(--table-wrapper-max-height)}:where(nano-table,.nano-table):not([scrollable=false]) .nano-table__overflow-container{inline-size:var(--table-width)}:where(nano-table,.nano-table):not([scrollable=false]) .nano-table__overflow{max-inline-size:var(--table-width);max-block-size:var(--table-wrapper-max-height);position:relative;flex:1}:where(nano-table,.nano-table) tr[clickable]{cursor:pointer}:where(nano-table,.nano-table) tr[clickable]:not([sticky]){position:relative}:where(nano-table,.nano-table) tr[clickable]:focus-within{--table-background: var(--nano-color-primary-50)}:where(nano-table,.nano-table) tr[clickable]:hover{--table-background: var(--nano-color-primary-75)}:where(nano-table,.nano-table) tr[clickable] input[type=checkbox]::after,:where(nano-table,.nano-table) tr[clickable] nano-checkbox::after,:where(nano-table,.nano-table) tr[clickable] a::after,:where(nano-table,.nano-table) tr[clickable] button::after{content:"";position:absolute;inset:0}:where(nano-table,.nano-table) tr[sticky]{position:sticky;container-type:scroll-state;inset-block-start:var(--sticky-top, 0)}:where(nano-table,.nano-table) tfoot tr[sticky]{inset-block-end:0}:where(nano-table,.nano-table) tfoot tr[sticky],:where(nano-table,.nano-table) thead tr[sticky]{z-index:10}:where(nano-table,.nano-table) tbody tr[sticky]{z-index:5;overflow-y:clip}@container scroll-state(stuck: top){:where(nano-table,.nano-table) tbody tr[sticky] td,:where(nano-table,.nano-table) tbody tr[sticky] th{border-block-end:1px solid var(--table-border-color-header)}}@supports not (container-type: scroll-state){:where(nano-table,.nano-table) tbody tr[sticky] td,:where(nano-table,.nano-table) tbody tr[sticky] th{border-block-end:1px solid var(--table-border-color-header)}}:where(nano-table,.nano-table) tbody tr[sticky] td[sticky],:where(nano-table,.nano-table) tbody tr[sticky] th[sticky]{overflow-y:clip}:where(nano-table,.nano-table) tbody tr[sticky] td[sticky]::after,:where(nano-table,.nano-table) tbody tr[sticky] th[sticky]::after{content:"";visibility:hidden;inline-size:10px;inset-block-start:0;block-size:var(--section-height);position:absolute}@container scroll-state(stuck: left){:where(nano-table,.nano-table) tbody tr[sticky] td[sticky]::after,:where(nano-table,.nano-table) tbody tr[sticky] th[sticky]::after{visibility:visible}}@container scroll-state(stuck: right){:where(nano-table,.nano-table) tbody tr[sticky] td[sticky]::after,:where(nano-table,.nano-table) tbody tr[sticky] th[sticky]::after{visibility:visible}}:where(nano-table,.nano-table) tbody tr[sticky] [sticky=start]::after{inset-inline-end:0;box-shadow:calc(4px*var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%)}:where(nano-table,.nano-table) tbody tr[sticky] [sticky=end]::after{inset-inline-start:0;box-shadow:calc(-4px*var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%)}@container (width <= 500px){:where(nano-table,.nano-table) .nano-table__overflow td[sticky],:where(nano-table,.nano-table) .nano-table__overflow th[sticky]{--sticky-start: 0px !important;--sticky-end: 0px !important}: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){position:initial !important;z-index:initial !important}}@media(width <= 500px){:where(nano-table,.nano-table) td[sticky],:where(nano-table,.nano-table) th[sticky]{--sticky-start: 0px !important;--sticky-end: 0px !important}:where(nano-table,.nano-table) td[sticky]:not(:first-of-type),:where(nano-table,.nano-table) th[sticky]:not(:first-of-type){position:initial !important;z-index:initial !important}}:where(nano-table,.nano-table) :where(thead,tbody) td[sticky],:where(nano-table,.nano-table) th[sticky]{position:sticky;container-type:scroll-state;z-index:2}@supports not (container-type: scroll-state){:where(nano-table,.nano-table) :where(thead,tbody) td[sticky]::after,:where(nano-table,.nano-table) th[sticky]::after{content:"";position:absolute;box-shadow:14px 0 14px 0 var(--table-background);inset-inline:auto 0;block-size:calc(100% - var(--nano-spacing-md));inset-block-start:calc(var(--nano-spacing-md)/2);inline-size:var(--nano-spacing-md)}: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{box-shadow:-14px 0 14px 0 var(--table-background);inset-inline:0 auto}}:where(nano-table,.nano-table) td[sticky=start],:where(nano-table,.nano-table) th[sticky=start]{inset-inline-start:var(--sticky-start, 0)}:where(nano-table,.nano-table) td[sticky=end],:where(nano-table,.nano-table) th[sticky=end]{inset-inline-end:var(--sticky-end, 0);z-index:3}@supports(container-type: scroll-state){: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{content:"";visibility:hidden;inline-size:10px;inset-block-start:0;block-size:var(--section-height);position:absolute}@container scroll-state(stuck: left){: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{visibility:visible}}@container scroll-state(stuck: right){: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{visibility:visible}}:where(nano-table,.nano-table) :where(thead,tbody) tr:has([sticky=start],[sticky=end]):first-of-type [sticky=start]::after{inset-inline-end:0;box-shadow:calc(4px*var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%)}:where(nano-table,.nano-table) :where(thead,tbody) tr:has([sticky=start],[sticky=end]):first-of-type [sticky=end]::after{inset-inline-start:0;box-shadow:calc(-4px*var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%)}}}@layer components{nano-feature-box{--color: var(--nano-color-basic-white);--bg: var(--nano-color-basic-black);container-type:inline-size;display:grid;grid-template-columns:calc(50% - var(--nano-spacing-l1-default)) 1fr;gap:0;background-color:var(--bg);color:var(--color);overflow:clip;position:relative;min-block-size:270px}nano-feature-box [slot]{grid-column:2;grid-row:1/-1}nano-feature-box::before{content:"";display:block;grid-column:1}nano-feature-box [slot=img]{grid-column:1;object-fit:cover;position:absolute;inline-size:calc(50% - var(--nano-spacing-l1-default));block-size:101% !important;inset-block-start:50%;transform:translateY(-50%)}@container (width < 650px){nano-feature-box::before{display:none}nano-feature-box [slot]{grid-column:1/-1 !important;grid-row:2}nano-feature-box [slot=img]{grid-row:1;grid-column:1/-1 !important;position:static;transform:none;inset-block-start:0;inline-size:100%;block-size:auto !important;min-block-size:0}}nano-feature-box[img-position=end]{grid-template-columns:1fr calc(50% - var(--nano-spacing-l1-default))}nano-feature-box[img-position=end] [slot]{grid-column:1}nano-feature-box[img-position=end] [slot=img]{grid-column:2;min-inline-size:stretch}nano-feature-box[img-position=end]::before{grid-column:2}nano-feature-box [slot=content]{padding:var(--nano-spacing-l1-default);display:flex;flex-direction:column;gap:var(--nano-spacing-sm)}nano-feature-box [slot=content] h1,nano-feature-box [slot=content] h2,nano-feature-box [slot=content] h3,nano-feature-box [slot=content] h4,nano-feature-box [slot=content] h5,nano-feature-box [slot=content] h6{text-wrap:balance}nano-feature-box [slot=content]>*{margin-block:unset;margin-block-start:unset;margin-block-end:unset}}@layer components{nano-menu-drawer:not(.secondary-open) nano-nav-item:hover::part(trigger){box-shadow:-3px 0 2px inset rgba(0,0,0,.15)}nano-menu-drawer>nano-nav-item{--padding: var(--padding-top) var(--nano-spacing-md) var(--padding-bottom) var(--padding-start);color-scheme:dark}nano-menu-drawer>nano-nav-item:hover{background-color:var(--bg-color-hover)}nano-menu-drawer>nano-nav-item:active,nano-menu-drawer>nano-nav-item[selected]{background-color:var(--bg-color-selected)}nano-menu-drawer>nano-nav-item[open]{background-color:var(--bg-color-open)}nano-menu-drawer>nano-nav-item::part(trigger),nano-menu-drawer>nano-nav-item [part~=trigger]{gap:1rem;border-block-end:var(--divider-color) 1px solid;white-space:nowrap;min-inline-size:fit-content}nano-menu-drawer>nano-nav-item::part(trigger):focus-visible,nano-menu-drawer>nano-nav-item [part~=trigger]:focus-visible{outline:var(--nano-focus-ring);outline-offset:-3px}nano-menu-drawer>nano-nav-item::part(modal){position:absolute;inset:calc(var(--global-nav-height)*-1) 0 0 100%;z-index:-1;block-size:100vh;inline-size:calc(100vw - (var(--menu-width) + var(--scrollbar-width, 0px)))}nano-menu-drawer>nano-nav-item::part(modal-content){inline-size:400px;background:var(--bg-color);block-size:100vh;overflow:auto;scrollbar-width:thin;inset-inline-start:-400px;position:absolute;transition:inset-inline-start var(--nano-transition-fast) ease;padding:calc(var(--global-nav-height) + var(--nano-spacing-md)) var(--nano-spacing-md) var(--nano-spacing-md);box-shadow:var(--nano-shadow-ls)}nano-menu-drawer>nano-nav-item::part(modal-content modal-content--open){inset-inline-start:0}nano-menu-drawer>nano-nav-item::part(modal-mask){position:absolute;inset:0;z-index:-1}nano-menu-drawer>nano-nav-item::part(close-button){display:flex;justify-content:flex-end;border-block-end:var(--divider-color) 1px solid;padding-block-end:var(--nano-spacing-sm);color:var(--nano-color-primary-1000);text-decoration:underline}nano-menu-drawer>nano-nav-item::part(close-button):hover{color:var(--nano-color-primary-1100)}nano-menu-drawer>nano-nav-item [slot=close-button]{cursor:pointer}nano-menu-drawer>nano-nav-item [slot=secondary]{font-size:var(--nano-font-size-xs);color:var(--content-color)}nano-menu-drawer>nano-nav-item nano-icon{--icon-size: inherit}nano-menu-drawer>nano-nav-item nano-icon[slot=icon-end]{margin-inline-end:calc((var(--nano-spacing-md))/2*-1);color:var(--nano-color-primary-1000);position:relative}nano-menu-drawer>nano-nav-item [slot=icon-start]{position:relative}nano-menu-drawer>nano-nav-item [slot=icon-start] nano-badge{position:absolute;inset-block-start:0;inset-inline-end:0;translate:100% -50%}[slot=secondary] .md__list{display:flex;flex-direction:column;margin:0;padding:0}[slot=secondary] .md__list>*{all:unset;border-block-end:var(--divider-color) 1px solid;list-style:none;margin:0;padding:var(--nano-spacing-sm) 0;font-size:var(--nano-font-size-xs);display:flex;flex-direction:column;gap:var(--nano-spacing-sm)}[slot=secondary] .md__list>*:is(button,a){cursor:pointer;padding-inline:var(--nano-spacing-md)}[slot=secondary] .md__list>*:is(button,a):hover{background-color:var(--bg-color-hover)}[slot=secondary] .md__list>*:is(button,a):active{background-color:var(--bg-color-selected)}[slot=secondary] .md__list>*:is(button,a):focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}[slot=secondary] .md__list .md__list-head{display:flex;justify-content:space-between;gap:inherit;align-items:center}[slot=secondary] .md__list .md__list-head :first-child{flex:1}}nano-increment input[type=number]::-webkit-inner-spin-button,nano-increment input[type=number]::-webkit-outer-spin-button,.nano-increment input[type=number]::-webkit-inner-spin-button,.nano-increment input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}nano-increment input[type=number],.nano-increment input[type=number]{appearance:textfield}nano-increment nano-input,.nano-increment nano-input{display:grid;grid-column:1/span 3;grid-row:1/span 2;grid-template-columns:subgrid;grid-template-rows:subgrid}nano-increment nano-input.has-focus,.nano-increment nano-input.has-focus{z-index:2}nano-increment nano-input>div,nano-increment nano-input .form-ctrl,nano-increment nano-input .form-ctrl__wrapper,.nano-increment nano-input>div,.nano-increment nano-input .form-ctrl,.nano-increment nano-input .form-ctrl__wrapper{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:1/span 3;grid-row:1/span 2}nano-increment nano-input .form-ctrl__input,.nano-increment nano-input .form-ctrl__input{grid-column:2;grid-row:1}nano-increment nano-input .form-ctrl__more,.nano-increment nano-input .form-ctrl__more{grid-column:1/span 3;grid-row:2;justify-self:start}nano-increment nano-input .form-ctrl__validation-icon,.nano-increment nano-input .form-ctrl__validation-icon{display:none}@layer components{nano-option-box{--spacing: var(--nano-spacing-md);display:grid;grid-template-columns:200px auto;grid-template-rows:auto 1fr auto auto;gap:0 var(--spacing);padding:var(--spacing);box-shadow:var(--nano-shadow-l1);container-type:inline-size}nano-option-box [slot=header]{grid-area:header;font-size:var(--nano-font-size-lg);display:flex;justify-content:space-between;padding-block-end:var(--spacing);border-block-end:2px solid var(--nano-color-primary-1000);flex-wrap:wrap;grid-column:1/-1;grid-row:1;gap:0 var(--spacing);margin:unset;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}nano-option-box [slot=header]>*{margin:unset;padding:unset}nano-option-box [slot=img]{grid-area:img;inline-size:100%;block-size:auto;object-fit:cover;grid-row:2;grid-column:1;padding-block-start:var(--spacing)}@container (width < 417px){nano-option-box [slot=img]{grid-column:1/-1}}nano-option-box [slot=content]{grid-area:content;grid-row:2;grid-column:2;margin:unset;padding:var(--spacing) 0 0 0;font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}@container (width < 417px){nano-option-box [slot=content]{grid-column:1/-1;grid-row:3}}nano-option-box [slot=content]>*{margin:unset;padding:unset}nano-option-box [slot=content]:not(.config-list,:has(.config-list)){display:flex;flex-direction:column;gap:var(--nano-spacing-md);padding-block-end:var(--spacing)}nano-option-box [slot=content] ul.config-list,nano-option-box [slot=content]:is(ul.config-list){list-style:none;display:grid;grid-template-columns:min-content 1fr}nano-option-box [slot=content] ul.config-list>li,nano-option-box [slot=content]:is(ul.config-list)>li{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);border-block-start:1px solid var(--nano-color-neutral-300);padding:var(--nano-spacing-sm) 0;display:grid;grid-template-columns:subgrid;gap:0 var(--nano-spacing-md);grid-column:1/-1}nano-option-box [slot=content] ul.config-list>li:first-of-type,nano-option-box [slot=content]:is(ul.config-list)>li:first-of-type{border-block-start:none}nano-option-box [slot=content] ul.config-list>li strong,nano-option-box [slot=content]:is(ul.config-list)>li strong{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}nano-option-box [slot=content] ul.config-list>li:has(span) strong,nano-option-box [slot=content]:is(ul.config-list)>li:has(span) strong{grid-column:1;grid-row:1/-1}nano-option-box [slot=content] ul.config-list>li:not(:has(span)),nano-option-box [slot=content]:is(ul.config-list)>li:not(:has(span)){border-block-start:none}nano-option-box [slot=content] ul.config-list>li:not(:has(span))+li,nano-option-box [slot=content]:is(ul.config-list)>li:not(:has(span))+li{border-block-start:none}nano-option-box [slot=content] ul.config-list>li:not(:has(span)) strong,nano-option-box [slot=content]:is(ul.config-list)>li:not(:has(span)) strong{grid-column:2}nano-option-box [slot=content] ul.config-list>li *:not(strong),nano-option-box [slot=content]:is(ul.config-list)>li *:not(strong){grid-column:2}nano-option-box [slot=content] ul.config-list>li .meta,nano-option-box [slot=content]:is(ul.config-list)>li .meta{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--nano-color-neutral-1000)}nano-option-box:not(:has([slot=img])) [slot=content]{grid-column:1/-1}@container (width < 417px){nano-option-box:not(:has([slot=img])) [slot=content]{grid-row:2/span 2}}nano-option-box [slot=footer]{grid-area:footer;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;grid-column:1/-1;grid-row:3/span 2;margin:unset;border-block-start:1px solid var(--nano-color-neutral-300);padding-block-start:var(--spacing)}@container (width < 417px){nano-option-box [slot=footer]{grid-row:4}}nano-option-box [slot=footer]>*{margin:unset;padding:unset}}@layer components{nano-search-result{display:contents}nano-search-result article{display:flex;flex-direction:column;gap:var(--nano-spacing-sm)}nano-search-result *:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-search-result .search__highlight,nano-search-result .highlight{background:var(--nano-color-highlight);font-style:normal}nano-search-result [slot],nano-search-result [slot]>*{padding:0;margin:0}nano-search-result [slot]:is(a),nano-search-result [slot]>*:is(a){text-decoration:none}nano-search-result [slot=title],nano-search-result [slot=title]>:first-child{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);order:0}nano-search-result a[slot=title],nano-search-result a[slot=title]>*,nano-search-result [slot=title] a{color:var(--nano-color-primary-1100);text-decoration:underline}nano-search-result [slot=content],nano-search-result [slot=content]>*{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--nano-color-neutral-1400);order:1}nano-search-result [slot=meta],nano-search-result [slot=meta]>*{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}nano-search-result [slot=meta]>*:not(:last-child)::after{content:"|";color:var(--nano-color-neutral-300);display:inline-block;padding-inline-start:var(--nano-spacing-md)}nano-search-result [slot=meta]{order:2;display:inline-flex;flex-wrap:wrap;gap:var(--nano-spacing-xs) var(--nano-spacing-md)}nano-search-result [slot=tags]{order:3;display:inline-flex;flex-wrap:wrap;align-items:start;gap:var(--nano-spacing-sm)}nano-search-result [slot=tags]:is(ul,ol){list-style:none}nano-search-result [slot=tags]:is(ul,ol) li{display:contents}nano-search-result [slot=tags] ul,nano-search-result [slot=tags] ol{list-style:none;display:contents}nano-search-result [slot=tags] ul li,nano-search-result [slot=tags] ol li{display:contents}}@layer components{:root{--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>");--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>");--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>");--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>");--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>")}nano-intersection-observe,nano-resize-observe,nano-global-search-results,nano-cta,nano-card,nano-tag,nano-content-links,nano-badge,nano-avatar,nano-icon-item,nano-option-box,nano-table,nano-feature-box,nano-search-result{visibility:visible !important}body:not(.nano-eager) nano-algolia-filter,body:not(.nano-eager) nano-algolia-input,body:not(.nano-eager) nano-algolia-pagination,body:not(.nano-eager) nano-algolia-results,body:not(.nano-eager) nano-details,body:not(.nano-eager) nano-accordion,body:not(.nano-eager) nano-grid-item,body:not(.nano-eager) nano-menu,body:not(.nano-eager) nano-masked-overflow,body:not(.nano-eager) nano-range,body:not(.nano-eager) nano-rating,body:not(.nano-eager) nano-slide,body:not(.nano-eager) nano-slides,body:not(.nano-eager) nano-date-input,body:not(.nano-eager) nano-global-nav,body:not(.nano-eager) nano-menu-drawer,body:not(.nano-eager) nano-checkbox,body:not(.nano-eager) nano-checkbox-group,body:not(.nano-eager) nano-grid,body:not(.nano-eager) nano-option,body:not(.nano-eager) nano-algolia,body:not(.nano-eager) nano-date-picker,body:not(.nano-eager) nano-select,body:not(.nano-eager) nano-dropdown,body:not(.nano-eager) nano-nav-item,body:not(.nano-eager) nano-input,body:not(.nano-eager) nano-icon,body:not(.nano-eager) nano-tab-content,body:not(.nano-eager) nano-tab,body:not(.nano-eager) nano-hero,body:not(.nano-eager) nano-img,body:not(.nano-eager) nano-datalist,body:not(.nano-eager) nano-split-pane,body:not(.nano-eager) nano-file-upload,body:not(.nano-eager) nano-data-table,body:not(.nano-eager) nano-alert,body:not(.nano-eager) nano-dialog,body:not(.nano-eager) nano-drawer,body:not(.nano-eager) nano-footer,body:not(.nano-eager) nano-in-page-nav,body:not(.nano-eager) nano-collapsible-comparison,body:not(.nano-eager) nano-breadcrumb,body:not(.nano-eager) nano-more-less{visibility:hidden}body:not(.nano-eager) .hydrated{visibility:inherit}nano-alert:not(.hydrated,[open]),nano-dialog:not(.hydrated),nano-drawer:not(.hydrated){display:none}nano-alert[open]:not(.hydrated){display:block;min-block-size:calc(var(--nano-pictogram-size-large) + var(--nano-spacing-md)*2)}nano-tooltip:not(.hydrated) [slot=content]{display:none}nano-animation{visibility:inherit !important}nano-dropdown{visibility:inherit !important}nano-dropdown:not(.hydrated) :not([slot=trigger]){display:none}nano-slides:not([ready]){opacity:0}nano-slide:not([ready]){opacity:0;block-size:1px;display:block}nano-progress-bar{--height: 0.625rem}nano-progress-bar[size=small]{--height: 0.3125rem}nano-progress-bar[size=large]{--height: 0.9375rem}nano-progress-bar progress{block-size:var(--height)}@supports(scrollbar-gutter: stable){.nano-scroll-lock{scrollbar-gutter:var(--nano-scroll-lock-gutter) !important}.nano-scroll-lock body{overflow:hidden !important}}@supports not (scrollbar-gutter: stable){.nano-scroll-lock body{padding-inline-end:var(--nano-scroll-lock-size) !important;overflow:hidden !important}}}/*# sourceMappingURL=components.css.map */