@nanoporetech-digital/components 8.9.0 → 8.9.2

package/dist/nano-components/nano-components.css

@@ -438,7 +438,7 @@
     position: relative;
     display: grid;
     grid-template-columns: minmax(calc(197px - var(--gap)), 31%) auto;
-    grid-template-rows: repeat(calc(var(--row-count) - 1), auto);
+    grid-template-rows: repeat(calc(var(--row-count) - 1), max-content);
     gap: var(--gap);
     background-color: var(--bg);
     color: var(--color);
@@ -1800,7 +1800,7 @@
     --table-border-color-header: var(--nano-color-primary-1000);
     --table-background: var(--nano-color-base-0);
     --table-wrapper-max-height: 80vh;
-    --table-width: max-content;
+    --table-width: 100%;
     --isLtR: 1;
     overflow-y: clip;
     display: block;
@@ -1825,6 +1825,9 @@
   :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;
   }
@@ -1838,14 +1841,10 @@
     inline-size: var(--table-width);
   }
   :where(nano-table, .nano-table):not([scrollable=false]) .nano-table__overflow {
-    inline-size: var(--table-width);
+    max-inline-size: var(--table-width);
     max-block-size: var(--table-wrapper-max-height);
     position: relative;
   }
-  :where(nano-table, .nano-table):not([scrollable=false]) table {
-    margin-block-end: var(--nano-spacing-l);
-    inline-size: var(--table-width);
-  }
   :where(nano-table, .nano-table) tr[clickable] {
     cursor: pointer;
   }

package/dist/nano-components/nano-data-table-CSTxipPc.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{f as t,h as n,F as e,g as o,i,d as s,e as a,r,c as l,a as h}from"./index-BM3Om9WE.js";import{h as c,t as d}from"./renderer-DasB4P10.js";import{c as p}from"./math-BEqsTfVK.js";import{d as b}from"./throttle-C93FMm2Z.js";import{i as _,f as u}from"./scroll-1nFw8CNk.js";import{c as f}from"./index-BlBZYxu4.js";const m="nano-tbl",w=(t,n)=>{const e=globalThis[n];return null!=e&&t instanceof e},y=t=>{if(null!=t){if(w(t,"ArrayBuffer")||w(t,"MessagePort")||w(t,"ImageBitmap")||w(t,"OffscreenCanvas"))return[t];if("object"==typeof t)return t.constructor===Object&&(t=Object.values(t)),Array.isArray(t)?t.flatMap(y):y(t.buffer)}return[]};let v=0,g=0;const x=new Map,k=new Map,$=(n,e,o)=>{const i=new Worker(n,{name:e});return i.addEventListener("message",(({data:n})=>{if(n){const e=n[0],i=n[1],s=n[2];if(e===o){const e=n[3],[o,a,r]=x.get(i);if(x.delete(i),e){const n=e.isError?Object.assign(new Error(e.value.message),e.value):e.value;t(n),a(n)}else r&&r.forEach((t=>k.delete(t))),o(s)}else if(e===o+".cb")try{k.get(i)(...s)}catch(n){t(n)}}})),i},z=(t,n,e)=>(...o)=>new Promise(((i,s)=>{let a=v++,r=0,l=o.length,h=[i,s];for(x.set(a,h);r<l;r++)if("function"==typeof o[r]){const t=g++;k.set(t,o[r]),o[r]=[n+".cb",t],(h[2]=h[2]||[]).push(t)}const c=t=>t.postMessage([n,a,e,o],y(o));t.then?t.then(c):c(t)})),C=import("./table.worker-DxcSnyg3.js").then((t=>t.worker)),S=z(C,"stencil.table.worker","createWorkerStore"),T=z(C,"stencil.table.worker","syncConfigToWorker"),R=z(C,"stencil.table.worker","syncDataToWorker"),I=z(C,"stencil.table.worker","workerFilter"),B=z(C,"stencil.table.worker","workerSearch"),F=z(C,"stencil.table.worker","workerSort");function P(t){const n=JSON.parse(JSON.stringify(t));return t.forEach((t=>{t?.sortCompareFn&&(n.find((n=>n.prop===t.prop)).sortCompareFn=t.sortCompareFn.toString())})),n}const D=new WeakMap;function A(t,n){const e=M(),o=e.config.state.columns,i=e.data.state.rows,s=o[n],a=s?.prop,r=i[t];return{prop:a,cellModel:r?r[o[n].prop]:"",column:s,rowIndex:t,rowModel:r}}function E(t,n){if(!n)return t;const e={...n,...t};return n.class&&("object"==typeof n.class&&"object"==typeof e.class?e.class={...n.class,...e.class}:"string"==typeof n.class&&"object"==typeof e.class?e.class[n.class]=!0:"string"==typeof e.class&&"string"==typeof n.class&&(e.class+=" "+n.class)),n.style&&(e.style={...n.style,...e.style}),e}function M(){return t=o(i()),D.get(t);var t}function N(t){const o=t?.columnTemplate;return o?o(n,t):n(e,null,t.title)}function j(t,n,e=!1){const o={[`${m}__${t}`]:!0,[`${m}__pin`]:!!n,[`${m}__pin--top`]:"top"===n,[`${m}__pin--bottom`]:"bottom"===n};return e?O(o):o}function O(t){let n="";return Object.entries(t).forEach((([t,e])=>{e&&(n+=t+" ")})),n}const W=({column:t,onColumnSortClick:n,defaults:o})=>{if(t.hidden)return c(e,null);function i(){return!!o.sortable&&!1!==t.sortable||!o.sortable&&!0===t.sortable}let s={};t.columnProperties&&(s=t.columnProperties(t)||s);const a={class:{...j("th",t.pinned),[`${m}__pin--start`]:"start"===t.pinned,[`${m}__pin--end`]:"end"===t.pinned,[`${m}__ordered`]:!!t.order,[`${m}__filtered`]:null!=t.filter}};let r=s?E(a,s):a;if(!N(t))return c(e,null);if(r=Number(r.colSpan)>1?{...r,scope:"colgroup"}:{...r,scope:"col"},i()){const n=t.order?"asc"===t.order?"ascending":"descending":"none";r={...r,"aria-sort":n}}return c("th",{...r,key:t.prop},i()?c("button",{class:{[`${m}__order-btn`]:!0,[`${m}__cell-content`]:!0},onClick:function(e){let o;switch(t.order){case"asc":o="desc";break;case"desc":o=null;break;default:o="asc"}n(o,t.prop,e.target.closest("th"))}},N(t),null!=t.filter&&c("nano-icon",{name:"light/filter"}),!!t.order&&c("nano-icon","desc"===t.order?{name:"solid/arrow-down-long"}:{name:"solid/arrow-up-long"}),c("div",{class:`${m}__status-icons`},c("nano-icon",{name:"light/chevron-down"}))):c("div",{class:`${m}__cell-content`},N(t),null!=t.filter&&c("nano-icon",{name:"light/bars-filter"})))},H=(t,n=!1)=>{const e=M().config.state.columns[t],o={[`${m}__td`]:!0,[`${m}__ordered`]:!!e.order,[`${m}__pin`]:!!e.pinned,[`${m}__pin--start`]:"start"===e.pinned,[`${m}__pin--end`]:"end"===e.pinned};return n?O(o):o},L=({rowIndex:t,colIndex:n,nestedContent:o})=>{const s=()=>o?o():function(t,n){const o=M().config.state.columns,s=o[n]?.cellTemplate,a=A(t,n),r=i();if(a.cellModel&&"date"===o[n].type){const t=new Date(a.cellModel);t instanceof Date&&!isNaN(t)&&(a.cellModel=s?t:`${new Date(a.cellModel).toLocaleDateString()} ${new Date(a.cellModel).toLocaleTimeString()}`)}let l=!1,h=s?s(((...t)=>(l=!0,c(...t))),a):void 0;if(h&&r.customRenderer&&void 0===h.t&&!(h instanceof Element)&&"string"!=typeof h&&!l){const t=document.createElement("template"),n=r.customRenderer(h,t.content);h=n&&n.then?n:t}return h||(null!=a.cellModel?c(e,null,a.cellModel?.toString()):"")}(t,n)||c("span",{class:"placeholder"}," ");let a="td";const r=M().config.state.columns[n];if(r.hidden)return c(e,null);let l=function(t,n,e){const o={...e},i=M().config.state.columns[n]?.cellProperties;if(!i)return o;const s=i(A(t,n));return s?E(o,s):o}(t,n,{class:H(n)});r.rowHeader&&(l=Number(l.rowSpan)>1?{...l,scope:"rowgroup"}:{...l,scope:"row"},a="th");const h=t=>{const n=s();return c("div",{ref:t=>{t&&(n instanceof Element?(t.replaceChildren(),t.append(n.content||n)):n.then&&n.then((n=>t.innerHTML=n)))},...t,class:{[`${m}__cell-content`]:!0,[`${m}__cell-content--wrap`]:!!r.wrap},innerHTML:"string"==typeof n&&n.includes("<")?n:void 0},("string"!=typeof n||!n.includes("<"))&&!n.then&&!(n instanceof Element)&&n)};return c(a,{...l},r.autoTooltip&&!r.wrap?c("nano-resize-observe",{notifyContentFit:"x",onNanoResizeContentFitChange:t=>t.target.firstElementChild.disabled=t.detail.x},c("nano-tooltip",{disabled:!0,placement:"top",onNanoShow:t=>t.target.closest(a).style.zIndex="100",onNanoHide:t=>t.target.closest(a).style.zIndex=""},c(h,null),c("span",{slot:"content"},c(s,null)))):c(h,null))},Y=(t,n,e)=>{const o=c("div",{...t.wrapperProps,class:{[`${m}__cell-content`]:!0,[`${m}__cell-content--wrap`]:t.wrap}},n);return t.header?c("th",{scope:e,...t.cellProps},o):c("td",{...t.cellProps},o)},K=({rowRenderer:t,rowIndex:n,rowModel:e},o,i)=>{const s=({header:t,wrap:n,cellProps:e,wrapperProps:o},i)=>Y({header:t,wrap:n,cellProps:e,wrapperProps:o},i,"row");let a,r={};if(!e){const t=function(t){return{rowModel:M().data.state.rows[t],rowIndex:t}}(n);e=t.rowModel}t?.rowProperties&&(r=t.rowProperties({rowModel:e,rowIndex:n})||r),t?.pinned&&"function"==typeof t.pinned&&(a=t.pinned({rowModel:e,rowIndex:n}));const l=E({class:j("tr",a,!0)},r),h=t?.template,d=t=>i.map(t,((t,n)=>(["td","th"].includes(t.vtag.toString())&&(t.vattrs=E({class:H(n,!0)},t.vattrs)),t)));if(h){let t=h(c,{renderedRow:c("tr",{...l,key:e.__uuid},o),rowModel:e,rowIndex:n},s);return Array.isArray(t)&&(t=i.map(t,((t,n)=>("tr"===t.vtag&&(t.vkey||(t.vkey=`${e.__uuid}_${n}`),t.vattrs=E({class:j("tr",a,!0)},t.vattrs),t.vchildren&&(t.vchildren=d(t.vchildren))),t)))),t}return c("tr",{...l,key:e.__uuid},d(o))},q=({rowRenderer:t},n,e)=>{let o={};t.rowProperties&&(o=t.rowProperties()||{});const i=({header:t,wrap:n,cellProps:e,wrapperProps:o},i)=>Y({header:t,wrap:n,cellProps:e,wrapperProps:o},i,"col"),s=t.pinned||null,a={class:j("tr",s)},r=o?E(a,o):a,l=t?.template;if(l){let t=l(c,{renderedRow:c("tr",{...r},n)},i);return Array.isArray(t)&&(t=e.map(t,(t=>("tr"===t.vtag&&(t.vattrs=E({class:j("tr",s,!0)},t.vattrs),t.vchildren&&(t.vchildren=e.map(t.vchildren,(t=>(["td","th"].includes(t.vtag.toString())&&(t.vattrs=E({class:j(t.vtag.toString(),s,!0)},t.vattrs)),t))))),t)))),t}return c("tr",{...r},n)};class J{cachedColMeta=new WeakMap;tableId;tableEle;scrollElement;startColumns;endColumns;topRows;bottomRows;tableDims;constructor(t,n){this.tableEle=t,this.tableId=this.tableEle.id,this.scrollElement=n,this.startColumns=t.querySelector("thead").getElementsByClassName(`${m}__pin--start`),this.endColumns=t.querySelector("thead").getElementsByClassName(`${m}__pin--end`),this.topRows=t.getElementsByClassName(`${m}__pin--top`),this.bottomRows=t.getElementsByClassName(`${m}__pin--bottom`),this.onResize()}get pinnedStart(){return this._pinnedStart}set pinnedStart(t){this._pinnedStart=t,this.handlePinnedStartChange()}_pinnedStart=[];addStyleSheet(t,n){const e=this.tableEle.getRootNode(),o=e.getElementById(t)||document.createElement("style");o.id=t,o.innerHTML=n,o.isConnected||(e.head?e.head.append(o):e.append(o))}handlePinnedStartChange(){s((()=>{if(this.pinnedStart.length){this.tableEle.classList.add(`${m}__pinned--start`);const t=this.cachedColMeta.get(this.pinnedStart[this.pinnedStart.length-1]);this.addStyleSheet(`${this.tableId}-col-start-active-style`,`\n          #${this.tableId} tr > :nth-child(${t.idx+1}) {\n            --pin-start-active: 1;\n          }\n        `)}else this.tableEle.classList.remove(`${m}__pinned--start`),this.addStyleSheet(`${this.tableId}-col-start-active-style`,"")}))}get pinnedEnd(){return this._pinnedEnd}set pinnedEnd(t){this._pinnedEnd=t,this.handlePinnedEndChange()}_pinnedEnd=[];handlePinnedEndChange(){s((()=>{if(this.pinnedEnd.length){this.tableEle.classList.add(`${m}__pinned--end`);const t=this.cachedColMeta.get(this.pinnedEnd[0]);this.addStyleSheet(`${this.tableId}-col-end-active-style`,`\n          #${this.tableId} tr > :nth-child(${t.idx+1}) { --pin-end-active: 1; }\n        `)}else this.tableEle.classList.remove(`${m}__pinned--end`),this.addStyleSheet(`${this.tableId}-col-end-active-style`,"")}))}get cssColDimensionCacheKey(){return this._cssColDimensionCacheKey}set cssColDimensionCacheKey(t){t!==this._cssColDimensionCacheKey&&(this._cssColDimensionCacheKey=t,this.createPinnedColDimensionStyles())}_cssColDimensionCacheKey="";generateCssCacheKey(){let t="";for(const n of this.startColumns){const e=this.cachedColMeta.get(n);t+=`${e.idx}-start-${e.width}`}for(const n of this.endColumns){const e=this.cachedColMeta.get(n);t+=`${e.idx}-start-${e.width}`}this.cssColDimensionCacheKey=t}createPinnedColDimensionStyles(){let t=0,n=0;const e=Array.from(this.startColumns),o=Array.from(this.endColumns).reverse(),i=`\n      ${e.map((n=>{const e=this.cachedColMeta.get(n);return t+=e.width-1||-1,`\n            #${this.tableId} tr > :nth-child(${e.idx+1}) ~ td,\n            #${this.tableId} tr > :nth-child(${e.idx+1}) ~ th {\n              --pin-start: ${t-1}px;\n            }\n          `})).join("")}\n      ${o.map((t=>{const e=this.cachedColMeta.get(t);return n+=e.width-1||-1,`\n            #${this.tableId} tr > td:has(~ :nth-child(${e.idx+1})),\n            #${this.tableId} tr > th:has(~ :nth-child(${e.idx+1})) {\n              --pin-end: ${n-1}px;\n            }\n          `})).join("")}\n    `;this.addStyleSheet(`${this.tableId}-dimension-style`,i)}getParentOffsets(){const{x:t,y:n}=this.scrollElement.getBoundingClientRect();let e=t,o=n;return this.scrollElement===document.documentElement&&(e=this.scrollElement.offsetLeft,o=this.scrollElement.offsetTop),{offsetX:e,offsetY:o}}assessRows(){if((this.topRows.length||this.bottomRows.length)&&(this.topRows.length&&a((async()=>{let t,n=0;const{offsetY:e}=this.getParentOffsets();for(const o of this.topRows){const{y:i,height:a}=o.getBoundingClientRect(),r=o.parentElement,l=getComputedStyle(o).getPropertyValue("--pin-top"),h=""!==l?parseFloat(l):n;s((()=>{i-e<=h?o.classList.add(`${m}__pinned`,`${m}__pinned--top`):o.classList.remove(`${m}__pinned`,`${m}__pinned--top`),t!==r&&(r.style.setProperty("--pin-top",n-1+"px"),n+=a-1,t=r)}))}})),this.bottomRows.length)){const t=Array.from(this.bottomRows).reverse();a((async()=>{let n,e=0;const{offsetY:o}=this.getParentOffsets();for(const i of t){if(!i.isConnected)continue;const{y:t,height:a}=i.getBoundingClientRect(),r=i.parentElement,l=getComputedStyle(i).getPropertyValue("--pin-bottom"),h=""!==l?parseFloat(l):e;await new Promise((l=>s((()=>{this.tableDims.height+o-(t+a)<=h?i.classList.add(`${m}__pinned`,`${m}__pinned--bottom`):i.classList.remove(`${m}__pinned`,`${m}__pinned--bottom`),n!==r&&(r.style.setProperty("--pin-bottom",e-1+"px"),e+=a-1,n=r),l()}))))}}))}}async assessCols(){if(!this.startColumns.length&&!this.endColumns.length)return;let t,n,e;const o=new Promise((o=>{this.startColumns.length&&a((()=>{const{offsetX:i}=this.getParentOffsets();let s=i;e=Array.from(this.startColumns[0].parentElement.children);for(const o of this.startColumns)t=o.getBoundingClientRect(),this.cachedColMeta.set(o,{width:t.width,idx:e.indexOf(o)}),n=this.pinnedStart.find((t=>t===o)),t.x<s?n||(this.pinnedStart=[...this.pinnedStart,o]):n&&(this.pinnedStart=this.pinnedStart.filter((t=>t!==o))),s+=t.width;this.endColumns.length||o()})),this.endColumns.length&&a((()=>{const i=Array.from(this.endColumns).reverse();e=Array.from(this.endColumns[0].parentElement.children);const{offsetX:s}=this.getParentOffsets();let a=0;for(const o of i)t=o.getBoundingClientRect(),this.cachedColMeta.set(o,{width:t.width,idx:e.indexOf(o)}),n=this.pinnedEnd.find((t=>t===o)),this.tableDims.width+s-t.right<=a?n||(this.pinnedEnd=[o,...this.pinnedEnd]):n&&(this.pinnedEnd=this.pinnedEnd.filter((t=>t!==o))),a+=t.width;o()}))}));await o,this.generateCssCacheKey()}cacheX=0;cacheY=0;onScroll(t){this.cacheX!==t.x&&(this.cacheX=t.x,this.assessCols()),this.cacheY!==t.y&&(this.cacheY=t.y,this.assessRows())}onResize(){this.tableDims={width:this.scrollElement.clientWidth,height:this.scrollElement.clientHeight},this.assessCols(),this.assessRows()}}let X=0;const Z=class{constructor(t){r(this,t),this.nanoTblReady=l(this,"nanoTblReady",7),this.nanoTblBlockRendered=l(this,"nanoTblBlockRendered",7),this.nanoTblBeforeSort=l(this,"nanoTblBeforeSort",7),this.nanoTblAfterSort=l(this,"nanoTblAfterSort",7),this.nanoTblBeforeFilter=l(this,"nanoTblBeforeFilter",7),this.nanoTblAfterFilter=l(this,"nanoTblAfterFilter",7),this.nanoTblBeforeSearch=l(this,"nanoTblBeforeSearch",7),this.nanoTblAfterSearch=l(this,"nanoTblAfterSearch",7),this.nanoTblBeforeEdit=l(this,"nanoTblBeforeEdit",7),this.debounceSetLoading=b(this.debounceSetLoading.bind(this),50)}customRenderer;scrollable=!1;caption;showCaption=!1;loading=void 0;get _loading(){return void 0!==this.loading?this.loading:this.internalLoading}set _loading(t){void 0===this.loading&&this.debounceSetLoading(t)}debounceSetLoading(t){this.internalLoading=t}internalLoading=!0;placeholderSize=10;rows;handleRowsChange(){this.rows?(this._loading=!0,Promise.resolve(this.rows).then((async t=>{await function(t,n){const e=D.get(t);if(!e)return;const o=e.config.state.columns,i=o.filter((t=>"date"===t.type)).reduce(((t,n)=>[...t,n.prop]),[]),s=o.filter((t=>!t.type));return n=n.map(((t,n)=>(s.length&&0===n&&(e.config.state.columns=o.map((n=>{var e;return s.includes(n)&&t[n.prop]&&!n.type&&(n.type=(e=t[n.prop])instanceof Date?"date":["number","string","boolean"].includes(typeof e)?typeof e:"unknown","date"===n.type&&i.push(n.prop)),n}))),i.forEach((n=>{const e=new Date(t[n]);e&&Number(e)&&(t[n]=Number(e))})),t.__index=n,t.__uuid=p(o.map((n=>t[n.prop])).join()),t))),e.data.state.rows=n,e.general.state.workerId?R(e.general.state.workerId,n):void 0}(this.host,t),this.customFilterApplied?this.customFilterApplied=!1:this.currentFilters="",this.currentSort="",await this.columnInit(),this.isReady||requestAnimationFrame((()=>this.setInitialBlockDimension())),this._loading=!1,this.tablePinnedService&&this.tablePinnedService.assessRows()}))):this._loading=!0}columns=[];async handleColsChange(){await function(t,n){const e=D.get(t);if(e)return e.config.state.columns=n,e.general.state.workerId?T(e.general.state.workerId,P(n)):void 0}(this.host,this.columns),this.isReady&&this.columnInit()}headRender={pinned:"top"};rowRender;footRender={pinned:"bottom"};showFooter=!1;perBlock=50;get blocksLength(){return this.blocks.length}searchTerm;customFilterFn;customSortFn;defaultSort=!0;handleSearchTermChange(){this.searchStart()}showPaginateSpinner=!1;virtualTotalItems=0;virtualTotalItemsChangeHandler(){this.setBlocks()}get appliedFilters(){return this.filters}nanoTblReady;nanoTblBlockRendered;nanoTblBeforeSort;nanoTblAfterSort;nanoTblBeforeFilter;nanoTblAfterFilter;nanoTblBeforeSearch;nanoTblAfterSearch;nanoTblBeforeEdit;async resetSorting(){const t=this.columns.find((t=>!!t.order));if(t)return this.sortStart(null,t.prop)}async addSort(t,n){const e=this.columns.find((n=>n.prop===t));if(!e)throw new Error("Cannot find column with "+t);return this.sortStart(n,e.prop)}async resetFilters(){return this.filters=[],this.filterStart()}async addFilters(t,n=!0){return n||(this.filters=[]),this.filterStart(t,n)}async removeFilters(t){return this.filters=this.filters.filter((n=>!t.includes(n.prop))),this.filterStart()}async updateRow(t,n){this.rows.splice(n,1,t),this.handleRowsChange()}get host(){return o(this)}renderId="tbl-"+X++;store;filters=[];currentFilters="[]";currentSort="";tableEle;topAnchorEle;activeWatcherIo;tablePinnedService;customFilterApplied=!1;blocks=[];activeBlocks=[0,1];measureHeight=0;blockElements;blockHeights=[];set measureEle(t){if(!t)return;const n=t.getBoundingClientRect().height;this.measureHeight=Math.abs(this.measureHeight-n)<5?this.measureHeight:n,this.unitHeight=t.querySelector("tr")?.getBoundingClientRect().height||this.unitHeight}unitHeight=0;get scrollParent(){return this._scrollParent}set scrollParent(t){t!==this._scrollParent&&(this._scrollParent&&(this._scrollParent===document.documentElement?document:this._scrollParent).removeEventListener("scroll",this.scrollHandler),(t===document.documentElement?document:t).addEventListener("scroll",this.scrollHandler),this._scrollParent=t)}_scrollParent;get primaryBlockIndex(){return this._primaryBlockIndex}set primaryBlockIndex(t){this._primaryBlockIndex!==t&&(this._primaryBlockIndex=t,this.nanoTblBlockRendered.emit({block:t,totalBlocks:this.blockElements.length}))}_primaryBlockIndex;get isReady(){return this._isReady}set isReady(t){t!==this._isReady&&(this._isReady=t,this.isReady&&requestAnimationFrame((()=>this.handleReady())))}_isReady=!1;handleReady(){const t=window.location.hash;if(t.length>1)try{const n=document.querySelector(t);n&&n.scrollIntoView()}catch(t){}this.nanoTblReady.emit()}sortStart=async(t,n,e)=>{if(this.currentSort!==t+":"+n&&(this._loading=!0,!this.nanoTblBeforeSort.emit({column:n,order:t}).defaultPrevented)){if(this.currentSort=t+":"+n,this.scrollToTop(e),this.customSortFn)try{if(!0===await this.customSortFn(n,t))return this.sortComplete(t,n),void(this._loading=!1)}catch(t){return console.warn("custom sort failed",t),this.currentSort="",void(this._loading=!1)}try{await async function(t,n,e){const o=D.get(t);if(o&&o.general.state.workerId)try{o.data.state.rows=await F(o.general.state.workerId,n,e)}catch(t){console.warn(t)}}(this.host,n,t),this.sortComplete(t,n)}catch(t){console.warn("sort failed",t),this.currentSort=""}finally{this.blocks.length&&(this._loading=!1)}}};sortComplete(t,n){this.columns=this.columns.map((e=>e.prop===n?{...e,order:t}:{...e,order:null})),this.nanoTblAfterSort.emit({column:n,order:t})}async searchStart(){if(this._loading=!0,!this.nanoTblBeforeSearch.emit({term:this.searchTerm}).defaultPrevented){this.scrollToTop();try{await async function(t,n){const e=D.get(t);if(e&&e.general.state.workerId)try{e.data.state.rows=await B(e.general.state.workerId,n)}catch(t){console.warn(t)}}(this.host,this.searchTerm),this.nanoTblAfterSearch.emit({term:this.searchTerm})}catch(t){console.warn("search failed",t)}finally{this._loading=!1}}}async filterStart(t,n=!0){if(t&&(this.filters=n?[...this.filters.filter((n=>!t.find((t=>t.prop===n.prop)))),...t]:t),this.currentFilters!==JSON.stringify(this.filters)&&(this._loading=!0,!this.nanoTblBeforeFilter.emit({filters:this.filters}).defaultPrevented)){if(this.currentFilters=JSON.stringify(this.filters),this.scrollToTop(),this.customFilterFn)try{if(!0===await this.customFilterFn(this.filters))return this.customFilterApplied=!0,await this.filterComplete(),void(this._loading=!1)}catch(t){return console.warn("custom filter failed",t),this.currentFilters="",void(this._loading=!1)}try{await this.filterComplete()}catch(t){console.warn("filter failed",t)}finally{this._loading=!1}}}async filterComplete(){this.columns=this.columns.map((t=>{const n=this.filters.find((n=>n.prop===t.prop));return n&&("boolean"!=typeof n.filter&&n.filter.length||"boolean"==typeof n.filter)?t.filter=n.filter:(null!=t.filter||t.filter&&"boolean"!=typeof t.filter&&!t.filter.length)&&(t.filter=void 0),t})),await async function(t,n){const e=D.get(t);if(e&&e.general.state.workerId)try{e.data.state.rows=await I(e.general.state.workerId,n)}catch(t){console.warn(t)}}(this.host,this.filters),this.nanoTblAfterFilter.emit({filters:this.filters})}scrollToTop(t){if(!this.scrollParent)return;const n=this.scrollParent.style?.scrollBehavior,e=this.scrollParent.scrollLeft;this.scrollParent.style.scrollBehavior="auto",this.topAnchorEle&&!_(this.topAnchorEle,.1)&&this.host.scrollIntoView(),t&&!_(t,1)&&setTimeout((()=>t.scrollIntoView({block:"start"})),500),e&&(this.scrollParent.scrollLeft=e),n&&(this.scrollParent.style.scrollBehavior=n),this.scrollHandler()}setMeasureElement(){return new Promise((t=>{a((()=>{this.measureEle=this.blockElements.find((t=>!t?.classList?.contains(`${m}__inactive`))),t()}))}))}setInitialBlockDimension(){if(!this.blockElements?.length)return;const t=async()=>(await this.setMeasureElement(),!!this.unitHeight);new Promise((n=>{t().then((async e=>{if(e)n();else{const e=new IntersectionObserver((async()=>{await t()&&(n(),e.disconnect())}),{root:this.scrollParent});e.observe(this.tableEle)}}))})).then((()=>{requestAnimationFrame((()=>this.isReady=!0))}))}async columnInit(){this.filters=this.columns.filter((t=>null!=t.filter)).map((t=>{const{filter:n,prop:e}=t;return{prop:e,filter:n}})),this.searchTerm&&await this.searchStart(),this.filters.length&&await this.filterStart();const t=this.columns.find((t=>!!t.order));t&&await this.sortStart(t.order,t.prop),this.tablePinnedService&&this.tablePinnedService.assessCols()}setBlocks(){const t=this.store.data.state.rows;if(!t.length)return void(this.blocks=[]);let n=1;const e=this.virtualTotalItems>t.length?this.virtualTotalItems:t.length;let o=[];const i=[];for(;n<=e;n++)o.push(this.store.data.state.rows[n-1]||{__uuid:""}),n%this.perBlock==0&&(i.push({rows:o,__uuid:p(o.map((t=>t.__uuid)).join())}),o=[]);o.length&&i.push({rows:o,__uuid:p(o.map((t=>t.__uuid)).join())}),this.blocks=i}getBlockHeight(t){if(this.blockHeights.length){const n=this.blockHeights.find((n=>n.blockIndex===t));if(n&&n.height)return n.height}const n=this.blocks[t].rows.length;return n===this.perBlock&&this.measureHeight?this.measureHeight:this.unitHeight?this.unitHeight*n:100}setBlockHeight(){this.activeBlocks.forEach((t=>{const n=this.blockElements[t];n&&a((()=>{if(n.classList.contains(`${m}__inactive`))return;const e=n.getBoundingClientRect().height,o=this.blockHeights.findIndex((n=>n.blockIndex===t));o>-1?this.blockHeights[o]={height:e,blockIndex:t}:this.blockHeights.push({height:e,blockIndex:t})}))}))}scrollHandler=()=>{let t=0;this.store?.general.state.isActive&&this.rows&&(void 0===this.primaryBlockIndex&&(this.primaryBlockIndex=0),a((()=>{t=void 0!==this.scrollParent.scrollTop?this.scrollParent.scrollTop:window.scrollY,t+=this.host.offsetTop,this.tablePinnedService&&this.tablePinnedService.onScroll({x:void 0!==this.scrollParent.scrollLeft?this.scrollParent.scrollLeft:window.scrollX,y:t});let n=this.host.offsetTop,e=0;const o=this.blocks.length;for(;e<o&&t>=n;){if(n+=this.getBlockHeight(e),t<n){const t=[e,e+1];t.toString()!==this.activeBlocks.toString()&&(this.activeBlocks=t),this.primaryBlockIndex=e}e++}})))};processSlots(){this.caption||this.host.querySelector('[slot="caption"]')||console.error("For accessibility you must set a `caption` prop or use the `caption` slot")}setupActiveWatcher(){this.host&&this.scrollParent&&this.store&&(this.activeWatcherIo&&(this.activeWatcherIo.disconnect(),this.activeWatcherIo=void 0),(this.activeWatcherIo=new IntersectionObserver((([t])=>{this.store.general.state.isActive=!!t.isIntersecting}),{root:this.scrollParent,threshold:0})).observe(this.scrollable?this.tableEle:this.host))}async componentWillLoad(){this.store=await async function(t,n,e,o){const i={data:f({rows:[]}),config:f({columns:n}),general:f({workerId:null,scrollParent:e,host:t,isReady:o})},s=await S(i.data.state.rows,P(i.config.state.columns));return i.general.state.workerId=s,D.set(t,i),i.data.use({reset:()=>{i.general.state.workerId&&R(i.general.state.workerId,null)},dispose:()=>{i.general.state.workerId&&R(i.general.state.workerId,null)}}),i.config.use({reset:()=>{i.general.state.workerId&&T(i.general.state.workerId,null)},dispose:()=>{i.general.state.workerId&&T(i.general.state.workerId,null)}}),i}(this.host,this.columns,this.scrollParent,this.isReady),this.handleRowsChange(),this.store.general.onChange("isActive",(()=>{this.scrollHandler()})),this.store.data.onChange("rows",(()=>this.setBlocks())),this.processSlots(),this.setBlocks(),this.scrollable||(this.scrollParent=u(this.host),this.setupActiveWatcher())}connectedCallback(){this.scrollable||(this.scrollParent=u(this.host),this.setupActiveWatcher())}componentDidLoad(){this.setInitialBlockDimension(),this.scrollable&&(this.scrollParent=this.host.querySelector(d("nano-masked-overflow")).shadowRoot.querySelector(".onav__scroller"),this.setupActiveWatcher()),this.tablePinnedService||(this.tablePinnedService=new J(this.tableEle,this.scrollParent))}componentShouldUpdate(t,n,e){if(["rows","columns"].includes(e))return!1}componentWillRender(){}componentDidRender(){this.setMeasureElement().then((()=>this.setBlockHeight()))}disconnectedCallback(){this.activeWatcherIo&&(this.activeWatcherIo.disconnect(),this.activeWatcherIo=void 0,(this.scrollParent===document.documentElement?document:this.scrollParent).removeEventListener("scroll",this.scrollHandler))}render(){return this.blockElements=[],c(h,{class:"nano-data-table"},c("div",{class:`${m}__top-anchor`,ref:t=>this.topAnchorEle=t}," "),c("nano-resize-observe",{onNanoResize:()=>{this.tablePinnedService&&this.tablePinnedService.onResize()}}),(t=>this.scrollable?c("nano-masked-overflow",{hideScrollbars:!1,scrollControls:!1,label:this.caption},t):c("div",null,t))(c("div",{class:`${m}__wrap`},c("nano-progress-bar",{class:{[`${m}__progress-bar`]:!0,[`${m}__progress-bar--show`]:this._loading}},c("progress",null)),c("table",{"aria-rowcount":this.store.data.state.rows.length,"aria-colcount":this.store.config.state.columns.length,class:`${m}`,ref:t=>this.tableEle=t,id:"nano-data-table-"+this.renderId,"aria-busy":this._loading||void 0},c("caption",{class:{[`${m}__caption`]:!0,[`${m}__caption--hide`]:!this.showCaption}},c("slot",{name:"caption"},this.caption)),c("thead",null,c(q,{rowRenderer:this.headRender},this.store.config.state.columns.map((t=>[c(W,{column:t,headRenderer:this.headRender,onColumnSortClick:this.sortStart,defaults:{sortable:this.defaultSort}})])))),this._loading&&!this.blocks.length&&c("tbody",{class:`${m}__active ${m}__loading`},[...Array(this.placeholderSize).keys()].map((t=>c("tr",null,this.store.config.state.columns.map(((n,e)=>c(L,{rowIndex:t,colIndex:e,nestedContent:()=>c("span",{class:"n-loader-skeleton"},c("span",null,"Content loading"))}))))))),c("tr",{hidden:!!this._loading||!!this.blocks.length},c("th",{class:`${m}__th`,colSpan:this.store.config.state.columns.length},c("div",{class:"nano-tbl__cell-content nano-tbl__cell-content--no-result"},c("slot",{name:"no-results"},"No results found")))),this.blocks.map(((t,n)=>c("tbody",{key:t.__uuid,id:`tbody-${this.renderId}-${n}`,ref:t=>{this.blockElements.push(t)},class:{[`${m}__inactive`]:!this.activeBlocks.includes(n),[`${m}__active`]:this.activeBlocks.includes(n)}},this.activeBlocks.includes(n)?t.rows.map(((t,e)=>{const o=n>0?n*this.perBlock+e:e;return c(K,{rowRenderer:this.rowRender,rowModel:t,rowIndex:o},this.store.config.state.columns.map(((t,n)=>c(L,{rowIndex:o,colIndex:n}))))})):c("tr",{class:`${m}__tr--placeholder`},c("td",{colSpan:this.store.config.state.columns.length,style:{height:this.getBlockHeight(n)+"px"}}))))),this.showFooter&&c("tfoot",null,c(q,{rowRenderer:this.footRender},this.store.config.state.columns.map((t=>[c(W,{column:t,headRenderer:this.footRender,onColumnSortClick:this.sortStart,defaults:{sortable:this.defaultSort}})]))))),!!this.blocks.length&&this.showPaginateSpinner&&c("nano-spinner",{class:{[`${m}__spinner`]:!0,[`${m}__spinner--show`]:this._loading}}))))}static get watchers(){return{rows:["handleRowsChange"],columns:["handleColsChange"],searchTerm:["handleSearchTermChange"],virtualTotalItems:["virtualTotalItemsChangeHandler"]}}};Z.style=':host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }.nano-data-table {\n  /**\n   * @prop --table-padding. The padding of the table cells. Defaults to `var(--table-compact-padding)`\n   * @prop --table-border-color. The border color of the table cells. Defaults to `var(--nano-color-neutral-200)`\n   * @prop --table-border-color-header. The border color of the table header and footer cells. Defaults to `var(--nano-color-primary-1000)`\n   * @prop --table-background. The background color of the table cells. Defaults to `var(--nano-color-base-0)`\n   * @prop --table-max-col-width. The maximum width of the table columns. Defaults to `clamp(200px, 500px, 50vw)`\n   * @prop --table-ordered-bg. The background color of the ordered table rows. Defaults to `var(--nano-color-neutral-100)`\n   * @prop --table-wrapper-max-height: maximum height of the table when table is scrollable. Defaults to 80vh;\n   * @prop --table-wrapper-max-width: maximum width of the table when table is scrollable. Defaults to 100%;\n   */\n  --table-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));\n  --table-border-color: var(--nano-color-neutral-200);\n  --table-border-color-header: var(--nano-color-primary-1000);\n  --table-background: var(--nano-color-base-0);\n  --table-max-col-width: clamp(200px, 500px, 50vw);\n  --table-ordered-bg: var(--nano-color-neutral-100);\n  --table-wrapper-max-height: 80vh;\n  --table-wrapper-max-width: 100%;\n  display: block;\n  inline-size: 100%;\n  color: var(--nano-color-neutral-1400);\n  container-type: inline-size;\n  --isLtR: 1;\n}\n.nano-data-table:dir(rtl) {\n  --isLtR: -1;\n}\n.nano-data-table .nano-sortable__dragged {\n  background: var(--nano-color-base-0);\n  opacity: 0.9;\n  box-shadow: var(--nano-shadow-l0);\n  z-index: 10 !important;\n}\n\n.nano-tbl__wrap {\n  display: table;\n  min-inline-size: 100%;\n}\n.nano-data-table:not([scrollable=false]) .nano-tbl__wrap {\n  max-inline-size: var(--table-wrapper-max-width);\n  max-block-size: var(--table-wrapper-max-height);\n  position: relative;\n  display: block;\n}\n.nano-data-table:not([scrollable=false]) .nano-tbl__wrap table {\n  margin-block-end: var(--nano-spacing-l);\n}\n\n.nano-data-table:not([scrollable=false]) .nano-masked-overflow {\n  --fade-size: 30px;\n}\n.nano-data-table:not([scrollable=false]):has(.nano-tbl__pin--start, .nano-tbl__pin--end) .nano-masked-overflow {\n  --fade-size: 0;\n}\n\n.nano-tbl {\n  text-align: start;\n  inline-size: 100%;\n  border-spacing: 0 0;\n  border-collapse: separate;\n  border-inline-end: 1px solid transparent;\n  border-block-start: 1px solid transparent;\n  position: relative;\n  z-index: 1;\n}\n.nano-tbl__top-anchor {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n  position: relative;\n}\n.nano-tbl__ordered {\n  background-color: var(--table-ordered-bg);\n  --table-border-color: var(--nano-color-neutral-300);\n}\n.nano-tbl__order-btn {\n  padding: 0;\n  border: none;\n  outline: none;\n  font: inherit;\n  background: none;\n  appearance: none;\n  color: inherit;\n  display: flex;\n  gap: var(--nano-spacing-sm);\n  align-items: center;\n  inline-size: 100%;\n}\n.nano-tbl__order-btn:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n}\n.nano-tbl__status-icons {\n  margin-inline: auto 10px;\n  display: flex;\n  gap: 10px;\n}\n.nano-tbl__progress-bar {\n  --height: 0.2125rem;\n  position: sticky;\n  inset-block-start: 0;\n  inset-inline: 0;\n  z-index: 10;\n  transition: transform 0.25s;\n  transform: scale(0);\n  inline-size: 100%;\n}\n.nano-tbl__progress-bar--show {\n  transform: scale(1);\n}\n.nano-tbl__caption--hide {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n.nano-tbl__td, .nano-tbl__th {\n  max-inline-size: var(--table-max-col-width);\n}\nthead .nano-tbl__td .nano-sortable__keyboard-handle, thead .nano-tbl__th .nano-sortable__keyboard-handle {\n  position: absolute;\n  inset-inline-end: 5px;\n  inset-block-start: 50%;\n  transform: translateY(-50%);\n  background: white;\n  z-index: 10;\n}\n.nano-tbl__td.nano-tbl__ordered, .nano-tbl__th.nano-tbl__ordered {\n  background-color: var(--table-ordered-bg) !important;\n  --table-border-color: var(--nano-color-neutral-300);\n}\n.nano-tbl__cell-content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.nano-tbl__cell-content--no-result {\n  padding-block: var(--nano-spacing-md);\n}\n.nano-tbl__cell-content--wrap {\n  white-space: normal;\n  overflow: visible;\n}\n.nano-tbl tbody {\n  opacity: 1;\n  transition: 0.1s ease opacity;\n}\n.nano-tbl tbody.nano-tbl__loading {\n  z-index: -1;\n  position: relative;\n}\n.nano-tbl tbody.nano-tbl__inactive {\n  opacity: 0;\n}\n.nano-tbl tbody .nano-tbl__tr:has(~ .nano-tbl__tr--placeholder) {\n  display: none;\n}\n.nano-tbl tbody .nano-tbl__tr--placeholder ~ .nano-tbl__tr {\n  display: none;\n}\n.nano-tbl th[scope=row] {\n  margin: 0;\n}\n.nano-tbl__tr {\n  --base-z: 0;\n}\n.nano-tbl__pin {\n  z-index: var(--z, var(--base-z, 0));\n}\n.nano-tbl__pin .nano-tbl__th, .nano-tbl__pin .nano-tbl__td {\n  z-index: var(--z, var(--base-z, 0));\n}\n.nano-tbl__pin--start {\n  position: sticky;\n  inset-inline-start: var(--pin-start, -1px);\n}\n.nano-tbl__pin--start::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  box-shadow: calc(4px * var(--isLtR)) 0 4px -3px rgb(var(--nano-color-base-rgb-1000)/25%);\n  opacity: var(--pin-start-active, 0);\n  z-index: -1;\n}\n.nano-tbl__pinned--start .nano-tbl__pin--start {\n  --z: calc(var(--base-z) + 3) !important;\n}\n.nano-tbl__pin--end {\n  position: sticky;\n  inset-inline-end: var(--pin-end, -1px);\n  max-inline-size: min(50vw, 200px);\n}\n@container (width <= 500px) {\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end {\n    --z: 0 !important;\n    inset-inline-end: auto !important;\n  }\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end::after {\n    display: none !important;\n  }\n}\n@media (width <= 500px) {\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end {\n    --z: 0 !important;\n    inset-inline-end: auto !important;\n  }\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end::after {\n    display: none !important;\n  }\n}\n.nano-tbl__pin--end::after {\n  display: block;\n  content: "";\n  position: absolute;\n  inset: 0;\n  box-shadow: calc(-4px * var(--isLtR)) 0 4px -3px rgb(var(--nano-color-base-rgb-1000)/25%);\n  opacity: var(--pin-end-active, 0);\n  z-index: -1;\n}\n.nano-tbl__pinned--end .nano-tbl__pin--end {\n  --z: calc(var(--base-z) + 2);\n}\n.nano-tbl__pin--top .nano-tbl__th, .nano-tbl__pin--top .nano-tbl__td {\n  position: sticky;\n  inset-block-start: var(--pin-top, -1px);\n}\n.nano-tbl__pin--top .nano-tbl__pin--end, .nano-tbl__pin--top .nano-tbl__pin--start {\n  --z: calc(var(--base-z) + 1);\n}\n.nano-tbl__pin--top.nano-tbl__pinned--top {\n  --base-z: 4;\n}\ntbody .nano-tbl__pin--top.nano-tbl__pinned--top .nano-tbl__th, tbody .nano-tbl__pin--top.nano-tbl__pinned--top .nano-tbl__td {\n  border-block-end: 1px solid var(--table-border-color-header);\n}\n.nano-tbl__pin--bottom .nano-tbl__th, .nano-tbl__pin--bottom .nano-tbl__td {\n  position: sticky;\n  inset-block-end: var(--pin-bottom, -1px);\n}\n.nano-tbl__pin--bottom .nano-tbl__pin--end, .nano-tbl__pin--bottom .nano-tbl__pin--start {\n  --z: calc(var(--base-z) + 1);\n}\n.nano-tbl__pin--bottom.nano-tbl__pinned--bottom {\n  --base-z: 5;\n}\n.nano-tbl__pin--bottom.nano-tbl__pinned--bottom:has(.nano-tbl__pin--bottom.nano-tbl__pinned--bottom) .nano-tbl__pin {\n  --base-z: 6;\n}\ntbody .nano-tbl__pin--bottom.nano-tbl__pinned--bottom .nano-tbl__th, tbody .nano-tbl__pin--bottom.nano-tbl__pinned--bottom .nano-tbl__td {\n  border-block-start: 1px solid var(--table-border-color-header);\n}\n.nano-tbl thead tr:last-of-type td,\n.nano-tbl thead tr:last-of-type th {\n  border-block-end: 2px solid var(--table-border-color-header);\n}\n.nano-tbl tfoot tr:first-of-type td,\n.nano-tbl tfoot tr:first-of-type th {\n  border-block-start: none;\n}\n.nano-tbl tfoot tr:last-of-type td,\n.nano-tbl tfoot tr:last-of-type th {\n  border-block-end: 2px solid var(--table-border-color-header);\n  border-block-start: 2px solid var(--table-border-color-header);\n}\n.nano-tbl .unlimited-width {\n  max-inline-size: none;\n}\n.nano-tbl__spinner {\n  font-size: 1.5rem;\n  transition: scale 0.25s;\n  scale: 0;\n  padding: 0.5rem;\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: calc(50% - 0.75rem);\n  z-index: 0;\n}\n.nano-tbl__spinner--show {\n  scale: 1;\n  position: sticky;\n}';export{Z as N,$ as c}

package/dist/nano-components/nano-data-table.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-export{N as nano_data_table}from"./nano-data-table-C1hBvIg7.js";import"./index-BM3Om9WE.js";import"./renderer-DasB4P10.js";import"./math-BEqsTfVK.js";import"./throttle-C93FMm2Z.js";import"./scroll-1nFw8CNk.js";import"./dom-dlicJTEJ.js";import"./index-BlBZYxu4.js";
+export{N as nano_data_table}from"./nano-data-table-CSTxipPc.js";import"./index-BM3Om9WE.js";import"./renderer-DasB4P10.js";import"./math-BEqsTfVK.js";import"./throttle-C93FMm2Z.js";import"./scroll-1nFw8CNk.js";import"./dom-dlicJTEJ.js";import"./index-BlBZYxu4.js";

package/dist/nano-components/table.worker-DxcSnyg3.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{c as t}from"./nano-data-table-CSTxipPc.js";import"./index-BM3Om9WE.js";import"./renderer-DasB4P10.js";import"./math-BEqsTfVK.js";import"./throttle-C93FMm2Z.js";import"./scroll-1nFw8CNk.js";import"./dom-dlicJTEJ.js";import"./index-BlBZYxu4.js";const r="table.worker",o="stencil.table.worker",e=new URL("table.worker-TTndpijX.js",import.meta.url).href;let i;try{i=t(e,r,o)}catch(s){const m=new Blob(['importScripts("'+e+'")'],{type:"text/javascript"}),p=URL.createObjectURL(m);i=t(p,r,o),URL.revokeObjectURL(p)}export{i as worker,o as workerMsgId,r as workerName,e as workerPath}

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), auto);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:flex;align-items:center;gap:var(--gap)}nano-card [slot=footer]:has(nano-tag){flex-wrap:wrap;gap:var(--nano-spacing-sm)}nano-card nano-content-links{--color-border: rgb(var(--nano-color-base-rgb-1000) / 7%)}nano-card address{font-style:normal}nano-card a{color:var(--color);text-decoration:none}nano-card 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)) 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)):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)):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)):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)) button::before,nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input)) a::before,nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,:has(a,nano-icon-button,input,nano-cta[loading])) button::before,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)) 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))[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)) 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] [slot]{grid-column:1/-1 !important}nano-card[layout=landscape] [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] [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}}@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}nano-badge:empty{padding:0 !important;block-size:.5em;inline-size:.5em}nano-badge a{color:inherit;border-radius:inherit}nano-badge a::after{content:"";position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:inherit;background-color:rgba(0,0,0,0)}nano-badge:has(a){position:relative}nano-badge:has(a):hover{background-color:color-mix(in srgb, var(--bg), black 10%)}nano-badge:not([theme]),nano-badge[theme=primary]{--bg: var(--nano-color-primary-1000);--color: var(--nano-color-base-0)}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);--color: var(--nano-color-base-0)}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);--color: var(--nano-color-base-0)}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);--color: var(--nano-color-base-0)}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);--color: var(--nano-color-base-0)}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) a{color:var(--color-text)}.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) a:hover{color:var(--color-text-hover)}.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: max-content;--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]):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{inline-size:var(--table-width);max-block-size:var(--table-wrapper-max-height);position:relative}:where(nano-table,.nano-table):not([scrollable=false]) table{margin-block-end:var(--nano-spacing-l);inline-size:var(--table-width)}: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{: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{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{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:flex;align-items:center;gap:var(--gap)}nano-card [slot=footer]:has(nano-tag){flex-wrap:wrap;gap:var(--nano-spacing-sm)}nano-card nano-content-links{--color-border: rgb(var(--nano-color-base-rgb-1000) / 7%)}nano-card address{font-style:normal}nano-card a{color:var(--color);text-decoration:none}nano-card 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)) 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)):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)):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)):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)) button::before,nano-card:has(a:only-of-type):not(:has(button,nano-icon-button,input)) a::before,nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type,:has(a,nano-icon-button,input,nano-cta[loading])) button::before,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)) 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))[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)) 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] [slot]{grid-column:1/-1 !important}nano-card[layout=landscape] [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] [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}}@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}nano-badge:empty{padding:0 !important;block-size:.5em;inline-size:.5em}nano-badge a{color:inherit;border-radius:inherit}nano-badge a::after{content:"";position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:inherit;background-color:rgba(0,0,0,0)}nano-badge:has(a){position:relative}nano-badge:has(a):hover{background-color:color-mix(in srgb, var(--bg), black 10%)}nano-badge:not([theme]),nano-badge[theme=primary]{--bg: var(--nano-color-primary-1000);--color: var(--nano-color-base-0)}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);--color: var(--nano-color-base-0)}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);--color: var(--nano-color-base-0)}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);--color: var(--nano-color-base-0)}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);--color: var(--nano-color-base-0)}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) a{color:var(--color-text)}.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) a:hover{color:var(--color-text-hover)}.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}: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{: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{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{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 */