@nanoporetech-digital/components 8.0.0-alpha.3 → 8.0.0-alpha.5

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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as i,a as s,d as e}from"./index-DXvE-U_j.js";import{a as h}from"./dom-Cb7FUtXp.js";import{d as n}from"./throttle-C93FMm2Z.js";import{f as o}from"./scroll-iCYjzh9N.js";import{t as r,h as a}from"./renderer-BUaAsDso.js";function c(t,i){const s=i instanceof Document?document.documentElement:i;return h(t,s)}const d=class{constructor(s){t(this,s),this.nanoStuck=i(this,"nanoStuck",7),this.nanoUnstuck=i(this,"nanoUnstuck",7),this.nanoHide=i(this,"nanoHide",7),this.nanoShow=i(this,"nanoShow",7)}isRtl=!1;io;contentSizeObserver;parentSizeObserver;sticker;content;scrollPosCache=0;scrollPosThresholdCache=0;cacheOffset=0;slottedContent;pauseResizeWatcher=!1;listenForScrollParent=!1;stickToEleInitSize;positions=[];pauseHide=!1;hasBootstrapped=!1;get host(){return s(this)}isStuck=!1;isRootSticker=!0;hide=!1;scrollHide=!1;multiStickerHide=!1;scrollingTo=!1;quietModeIsOn=!1;stuckCounter=0;stickerIndex=0;stickToEle;triggerPos;trigger;_offset=0;autoResize=!0;isSticky=!0;offset=0;position="top";quietMode={h:600,w:600};hideOnNewStickers=!0;breakPointMax=null;breakPointMin=null;scrollParent;stickTo;nanoStuck;nanoUnstuck;nanoHide;nanoShow;async isHiding(){return this.hide}async isSticking(){return this.shouldStick(),this.isStuck}async setTriggerPos(t){return this._offset=t}async getTriggerPos(){return this.triggerPos}async pauseHiding(t){this.pauseHide=t}updateTriggerOffset(){this.trigger&&this.scrollParent&&this.listenForScrollParent&&(this.triggerPos=c(this.trigger,this.scrollParent))}stickerResizeListener(){this.content&&window.ResizeObserver&&(this.contentSizeObserver&&(this.contentSizeObserver.disconnect(),this.contentSizeObserver=void 0),this.contentSizeObserver=new ResizeObserver((t=>{for(const i of t){if(this.pauseResizeWatcher)return;i.contentRect.height&&("top"===this.position&&(this.host.style.height=i.contentRect.height+"px"),"bottom"===this.position&&(this.host.style.minHeight=i.contentRect.height+"px"))}})),this.contentSizeObserver.observe(this.content))}quietModeChange(){"on"===this.quietMode?requestAnimationFrame((()=>this.quietModeIsOn=!0)):"off"===this.quietMode&&requestAnimationFrame((()=>this.quietModeIsOn=!1))}setOffset(){let t,i,s,e;this.trigger&&this.trigger.setAttribute("style","");const h=this.isRootSticker||this.stickToEle?this.sticker:this.host;if(!h)return;"object"==typeof this.offset?({v:t,h:i}=this.offset):t=i=this.offset,"object"==typeof this._offset?({v:t=s,h:i=e}=this._offset):s=e=this._offset;const n=s=>{const e=s.match(/(top|bottom)/)?t:i;o(s),h.style[s]=e+"px",this.host.style.setProperty("--hide-transform-amount",e?`(110% + ${e}px)`:null)},o=h=>{const n=h.match(/(top|bottom)/)?t+s:i+e;this.trigger.style[h]=-1*n+"px",this.trigger.style.position="relative",this.trigger.style.minHeight="1px",this.trigger.style.maxHeight="1px",this.trigger.style.overflow="hidden"};(this.positions.includes("start")&&this.isRtl||this.positions.includes("end")&&!this.isRtl)&&n("right"),(this.positions.includes("end")&&this.isRtl||this.positions.includes("start")&&!this.isRtl)&&n("left"),this.positions.includes("top")&&n("top"),this.positions.includes("bottom")&&n("bottom")}positionChange(){this.positions=this.position.split("-"),this.setOffset()}async stuckChange(){this.isStuck?this.stickToEle?(this.slottedContent=Array.from(this.host.children),this.slottedContent.forEach((t=>{this.stickToEle.appendChild(t),t.style.order=this.stickerIndex+""})),this.nanoStuck.emit({sticker:this.stickToEle})):this.nanoStuck.emit({sticker:this.host}):(this.scrollHide=!1,this.stickToEle?(this.slottedContent.forEach((t=>{this.host.appendChild(t),t.style.order=""})),this.nanoUnstuck.emit({sticker:this.stickToEle})):this.nanoUnstuck.emit({sticker:this.host}))}attachScrollListeners(){this.quietModeIsOn?this.scrollParent.addEventListener("scroll",this.onScroll,{passive:!0,capture:!1}):this.scrollParent&&(this.scrollParent.removeEventListener("scroll",this.onScroll),this.moveTrigger(!0))}handleParentEvents(t,i=null){this.listenForScrollParent&&(i&&this.manageListenersOnParent(!1,i),this.scrollParent&&this.manageListenersOnParent(!this.stickToEle))}stickToEleChange(t,i){this.stickToEle&&(this.stickToEle.addEventListener("nanoHide",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoShow",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoStuck",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoUnstuck",this.onStickToDisplayEvent)),i&&(i.removeEventListener("nanoHide",this.onStickToDisplayEvent),i.removeEventListener("nanoShow",this.onStickToDisplayEvent),i.removeEventListener("nanoStuck",this.onStickToDisplayEvent),i.removeEventListener("nanoUnstuck",this.onStickToDisplayEvent))}stickToChange(){this.stickToEle="string"==typeof this.stickTo?this.scrollParent.querySelector(this.stickTo):this.stickTo?this.stickTo:void 0}visibilityDecisionHandler(){this.hide=!(!this.multiStickerHide&&!this.scrollHide)}handleHideChange(){this.hide?this.nanoHide.emit({sticker:this.host}):this.nanoShow.emit({sticker:this.host})}setupIO(){if(this.io&&(this.io.disconnect(),this.io=void 0),!this.scrollParent||!this.hasBootstrapped||!this.trigger)return;this.isRootSticker=this.scrollParent instanceof Document;let t=this.scrollParent;this.scrollParent instanceof Document&&(t=null),this.io=new window.IntersectionObserver((t=>{!this.pauseResizeWatcher&&this.isSticky&&this.shouldStick(t.slice(-1)[0])}),{root:t}),this.io.observe(this.trigger)}setupParentResizeListener=()=>{if(!window.ResizeObserver)return;this.parentSizeObserver&&(this.parentSizeObserver.disconnect(),this.parentSizeObserver=void 0),this.parentSizeObserver=new ResizeObserver((t=>{for(const i of t){let t,s;i.contentRect.height&&(t=i.contentRect.height),i.contentRect.width&&(s=i.contentRect.width),"object"==typeof this.quietMode&&(this.quietModeIsOn=s<this.quietMode.w||t<this.quietMode.h),this.breakPointMin&&(this.isSticky=s>this.breakPointMin),this.breakPointMax&&(this.isSticky=s<this.breakPointMax),this.isRootSticker&&this.sticker&&this.autoResize&&(this.sticker.style.width=this.host.scrollWidth+"px")}}));const t=this.scrollParent instanceof Document?this.scrollParent.documentElement:this.scrollParent;t&&this.parentSizeObserver.observe(t)};onStickToDisplayEvent=t=>{if(t.detail.sticker===this.stickToEle)switch(t.type){case"nanoHide":this._offset=0,this.cacheOffset=this.offset,this.offset=0,this.isStuck||this.moveTrigger(!1),!this.isRootSticker&&this.quietModeIsOn&&requestAnimationFrame((()=>{this.stickToEle.style.minHeight=this.stickToEleInitSize.height+(this.host.scrollHeight+("object"==typeof this.cacheOffset?this.cacheOffset.v:this.cacheOffset))+"px",this.stickToEle.setTriggerPos(-1*this.stickToEleInitSize.height)}));break;case"nanoShow":this._offset=this.stickToEleInitSize.height,this.offset=this.cacheOffset,this.moveTrigger(!0),!this.isRootSticker&&this.quietModeIsOn&&requestAnimationFrame((()=>{this.stickToEle.style.minHeight="",this.stickToEle.setTriggerPos(0)}));break;case"nanoStuck":this.stickToEleInitSize=this.stickToEle.getBoundingClientRect(),this._offset=this.stickToEleInitSize.height}};manageListenersOnParent(t,i){const s=i||this.scrollParent;if(s){if(t)s.addEventListener("nanoStuck",this.onStickEvent),s.addEventListener("nanoUnstuck",this.onStickEvent),this.quietModeIsOn&&this.attachScrollListeners();else try{this.quietModeIsOn&&s.removeEventListener("scroll",this.onScroll),s.removeEventListener("nanoStuck",this.onStickEvent),s.removeEventListener("nanoUnstuck",this.onStickEvent)}catch(t){console.error("Events haven`t been added")}this.setupParentResizeListener()}}onStickEvent=async t=>{const i=t.detail?t.detail.sticker:null;if(!i||i.position!==this.position)return;const s=await i.getTriggerPos();if("nanoStuck"===t.type&&i!==this.host&&i.scrollParent===this.host.scrollParent){if(this.stickerIndex++,!this.hideOnNewStickers)return;(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top)&&(this.multiStickerHide=!0,this.stuckCounter++)}if("nanoUnstuck"===t.type&&i!==this.host&&i.scrollParent===this.host.scrollParent){if(this.stickerIndex--,!this.hideOnNewStickers)return;(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top)&&(this.stuckCounter--,this.stuckCounter<1&&(this.multiStickerHide=!1))}};onScroll=()=>{const t=(i=this.scrollParent)instanceof Document?window.pageYOffset:i.scrollTop;var i;t<this.scrollPosCache&&(this.positions.includes("bottom")?this.handleScrollAway(t):this.handleScrollTo()),t>this.scrollPosCache&&(this.positions.includes("bottom")?this.handleScrollTo():this.handleScrollAway(t)),this.scrollPosCache=t};handleScrollTo(){this.scrollPosThresholdCache=null,this.scrollHide&&(!0!==this.scrollingTo&&(this._offset=this.cacheOffset||this._offset),this.scrollingTo=!0,this.scrollHide=!1)}handleScrollAway(t){this.scrollHide||this.isStuck&&(!1!==this.scrollingTo&&(this.cacheOffset=this._offset,this._offset=0),this.scrollingTo=!1,this.scrollPosThresholdCache?!this.pauseHide&&Math.abs(t-this.scrollPosThresholdCache)>100&&(this.scrollHide=!0):this.scrollPosThresholdCache=t)}moveTrigger(t){this.positions.includes("bottom")&&!t||!this.positions.includes("bottom")&&t?this.host.parentNode.insertBefore(this.trigger,this.host):this.host.parentNode.insertBefore(this.trigger,this.host.nextSibling)}shouldStick(t){let i;if(this.positions.includes("top"))i=this.isRootSticker?this.trigger.getBoundingClientRect().top:c(this.trigger,this.scrollParent).top,this.isStuck=i<-1;else if(this.positions.includes("bottom")){i=this.trigger.getBoundingClientRect().top;const s=t&&t.rootBounds?t.rootBounds:(this.scrollParent instanceof Document?document.documentElement:this.scrollParent).getBoundingClientRect();this.isStuck=!t.isIntersecting||i>s.height+s.top}}bootstrapGurantor(){this.hasBootstrapped=!0;const t=this.scrollParent||o(this.host);this.scrollParent=t===document.documentElement?document:t,this.isRootSticker=this.scrollParent instanceof Document,this.trigger=this.trigger||document.createElement("div"),this.trigger.innerHTML="&nbsp;",this.trigger.classList.add("sticker-trigger"),this.positionChange(),this.moveTrigger(!0),this.quietModeChange(),this.listenForScrollParent=!0,this.handleParentEvents(!0),this.stickerIndex=Array.from(this.scrollParent.querySelectorAll(r("nano-sticker"))).filter((t=>t.position===this.position)).findIndex((t=>t===this.host)),this.setOffset(),this.stickerResizeListener(),this.setupParentResizeListener(),this.slottedContent=Array.from(this.host.children),this.slottedContent.forEach((t=>{t.style.order=this.stickerIndex+""})),this.updateTriggerOffset(),this.stickToChange(),this.setupIO(),this.onStickToDisplayEvent=n(this.onStickToDisplayEvent,50)}connectedCallback(){this.isRtl="rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir,setTimeout((()=>{this.hasBootstrapped||this.bootstrapGurantor()}),1e3)}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0),this.parentSizeObserver&&(this.parentSizeObserver.disconnect(),this.parentSizeObserver=void 0),this.scrollParent=null,this.hasBootstrapped=!1}render(){return a(e,{key:"a087de590970eacfe2f2f08e3af044f3925c7156",sticky:!this.isRootSticker&&!this.stickToEle&&this.isSticky,hide:this.hide&&this.isStuck,siblings:this.stuckCounter,index:this.stickerIndex,stuck:this.isStuck&&this.isSticky,"placed-bottom":this.positions.includes("bottom"),"placed-top":this.positions.includes("top"),"placed-end":this.positions.includes("end"),"placed-start":this.positions.includes("start"),class:"nano-sticker"},a("div",{key:"ee02e96ed98fa0564fa99d272a23c891801a9934",class:{sticker:!0,sticky:this.isRootSticker&&this.isSticky,stuck:this.isStuck&&this.isRootSticker&&this.isSticky,hide:this.isRootSticker&&this.hide&&this.isStuck},ref:t=>this.sticker=t},a("div",{key:"03eb024bd50a757a5a75097e34dd70fc36638fa7",class:"sticker-content",ref:t=>this.content=t},a("slot",{key:"50cc24e4a2cb1d7cef2a439b99b688579a77e338"}))))}static get watchers(){return{trigger:["updateTriggerOffset"],scrollParent:["updateTriggerOffset","handleParentEvents","setupIO"],position:["stickerResizeListener","positionChange"],quietMode:["quietModeChange"],offset:["setOffset"],_offset:["setOffset"],isStuck:["stuckChange"],quietModeIsOn:["attachScrollListeners"],stickToEle:["handleParentEvents","stickToEleChange"],stickTo:["stickToChange"],multiStickerHide:["visibilityDecisionHandler"],scrollHide:["visibilityDecisionHandler"],hide:["handleHideChange"]}}};d.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-layer-index-menubar, 10);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-inline-size:100%}:host([sticky]){position:sticky;transition:0.3s ease transform;will-change:min-block-size}:host([sticky][stuck]){inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){transform:var(--bottom-hide)}:host([sticky][index="1"]){z-index:calc(var(--stuck-z-index) + 1)}:host([sticky][index="2"]){z-index:calc(var(--stuck-z-index) + 2)}:host([sticky][index="3"]){z-index:calc(var(--stuck-z-index) + 3)}:host([sticky][index="4"]){z-index:calc(var(--stuck-z-index) + 4)}:host([sticky][index="5"]){z-index:calc(var(--stuck-z-index) + 5)}.sticker{display:inherit;max-inline-size:inherit;inline-size:100%}.sticker:not(.stuck){inline-size:auto !important}.sticker.sticky{transition:0.3s ease all;position:relative}:host([index="1"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 1)}:host([index="2"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 2)}:host([index="3"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 3)}:host([index="4"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 4)}:host([index="5"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index);transform:translateY(0)}:host([placed-top]) .sticker.stuck{inset-block-start:0}:host([placed-bottom]) .sticker.stuck{inset-block-end:0}:host([placed-top]) .sticker.stuck.hide{transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{transform:var(--bottom-hide)}.sticker-content{display:flex;flex-wrap:wrap}';export{d as nano_sticker}
+import{r as t,c as i,a as s,d as e}from"./index-DXvE-U_j.js";import{a as h}from"./dom-Cb7FUtXp.js";import{d as n}from"./throttle-C93FMm2Z.js";import{f as o}from"./scroll-iCYjzh9N.js";import{t as r,h as a}from"./renderer-BUaAsDso.js";function c(t,i){const s=i instanceof Document?document.documentElement:i;return h(t,s)}const d=class{constructor(s){t(this,s),this.nanoStuck=i(this,"nanoStuck",7),this.nanoUnstuck=i(this,"nanoUnstuck",7),this.nanoHide=i(this,"nanoHide",7),this.nanoShow=i(this,"nanoShow",7)}isRtl=!1;io;contentSizeObserver;parentSizeObserver;sticker;content;scrollPosCache=0;scrollPosThresholdCache=0;cacheOffset=0;slottedContent;pauseResizeWatcher=!1;listenForScrollParent=!1;stickToEleInitSize;positions=[];pauseHide=!1;hasBootstrapped=!1;get host(){return s(this)}isStuck=!1;isRootSticker=!0;hide=!1;scrollHide=!1;multiStickerHide=!1;scrollingTo=!1;quietModeIsOn=!1;stuckCounter=0;stickerIndex=0;stickToEle;triggerPos;trigger;_offset=0;autoResize=!0;isSticky=!0;offset=0;position="top";quietMode={h:600,w:600};hideOnNewStickers=!0;breakPointMax=null;breakPointMin=null;scrollParent;stickTo;nanoStuck;nanoUnstuck;nanoHide;nanoShow;async isHiding(){return this.hide}async isSticking(){return this.shouldStick(),this.isStuck}async setTriggerPos(t){return this._offset=t}async getTriggerPos(){return this.triggerPos}async pauseHiding(t){this.pauseHide=t}updateTriggerOffset(){this.trigger&&this.scrollParent&&this.listenForScrollParent&&(this.triggerPos=c(this.trigger,this.scrollParent))}stickerResizeListener(){this.content&&window.ResizeObserver&&(this.contentSizeObserver&&(this.contentSizeObserver.disconnect(),this.contentSizeObserver=void 0),this.contentSizeObserver=new ResizeObserver((t=>{for(const i of t){if(this.pauseResizeWatcher)return;i.contentRect.height&&("top"===this.position&&(this.host.style.height=i.contentRect.height+"px"),"bottom"===this.position&&(this.host.style.minHeight=i.contentRect.height+"px"))}})),this.contentSizeObserver.observe(this.content))}quietModeChange(){"on"===this.quietMode?requestAnimationFrame((()=>this.quietModeIsOn=!0)):"off"===this.quietMode&&requestAnimationFrame((()=>this.quietModeIsOn=!1))}setOffset(){let t,i,s,e;this.trigger&&this.trigger.setAttribute("style","");const h=this.isRootSticker||this.stickToEle?this.sticker:this.host;if(!h)return;"object"==typeof this.offset?({v:t,h:i}=this.offset):t=i=this.offset,"object"==typeof this._offset?({v:t=s,h:i=e}=this._offset):s=e=this._offset;const n=s=>{const e=s.match(/(top|bottom)/)?t:i;o(s),h.style[s]=e+"px",this.host.style.setProperty("--hide-transform-amount",e?`(110% + ${e}px)`:null)},o=h=>{const n=h.match(/(top|bottom)/)?t+s:i+e;this.trigger.style[h]=-1*n+"px",this.trigger.style.position="relative",this.trigger.style.minHeight="1px",this.trigger.style.maxHeight="1px",this.trigger.style.overflow="hidden"};(this.positions.includes("start")&&this.isRtl||this.positions.includes("end")&&!this.isRtl)&&n("right"),(this.positions.includes("end")&&this.isRtl||this.positions.includes("start")&&!this.isRtl)&&n("left"),this.positions.includes("top")&&n("top"),this.positions.includes("bottom")&&n("bottom")}positionChange(){this.positions=this.position.split("-"),this.setOffset()}async stuckChange(){this.isStuck?this.stickToEle?(this.slottedContent=Array.from(this.host.children),this.slottedContent.forEach((t=>{this.stickToEle.appendChild(t),t.style.order=this.stickerIndex+""})),this.nanoStuck.emit({sticker:this.stickToEle})):this.nanoStuck.emit({sticker:this.host}):(this.scrollHide=!1,this.stickToEle?(this.slottedContent.forEach((t=>{this.host.appendChild(t),t.style.order=""})),this.nanoUnstuck.emit({sticker:this.stickToEle})):this.nanoUnstuck.emit({sticker:this.host}))}attachScrollListeners(){this.quietModeIsOn?this.scrollParent.addEventListener("scroll",this.onScroll,{passive:!0,capture:!1}):this.scrollParent&&(this.scrollParent.removeEventListener("scroll",this.onScroll),this.moveTrigger(!0))}handleParentEvents(t,i=null){this.listenForScrollParent&&(i&&this.manageListenersOnParent(!1,i),this.scrollParent&&this.manageListenersOnParent(!this.stickToEle))}stickToEleChange(t,i){this.stickToEle&&(this.stickToEle.addEventListener("nanoHide",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoShow",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoStuck",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoUnstuck",this.onStickToDisplayEvent)),i&&(i.removeEventListener("nanoHide",this.onStickToDisplayEvent),i.removeEventListener("nanoShow",this.onStickToDisplayEvent),i.removeEventListener("nanoStuck",this.onStickToDisplayEvent),i.removeEventListener("nanoUnstuck",this.onStickToDisplayEvent))}stickToChange(){this.stickToEle="string"==typeof this.stickTo?this.scrollParent.querySelector(this.stickTo):this.stickTo?this.stickTo:void 0}visibilityDecisionHandler(){this.hide=!(!this.multiStickerHide&&!this.scrollHide)}handleHideChange(){this.hide?this.nanoHide.emit({sticker:this.host}):this.nanoShow.emit({sticker:this.host})}setupIO(){if(this.io&&(this.io.disconnect(),this.io=void 0),!this.scrollParent||!this.hasBootstrapped||!this.trigger)return;this.isRootSticker=this.scrollParent instanceof Document;let t=this.scrollParent;this.scrollParent instanceof Document&&(t=null),this.io=new window.IntersectionObserver((t=>{!this.pauseResizeWatcher&&this.isSticky&&this.shouldStick(t.slice(-1)[0])}),{root:t}),this.io.observe(this.trigger)}setupParentResizeListener=()=>{if(!window.ResizeObserver)return;this.parentSizeObserver&&(this.parentSizeObserver.disconnect(),this.parentSizeObserver=void 0),this.parentSizeObserver=new ResizeObserver((t=>{for(const i of t){let t,s;i.contentRect.height&&(t=i.contentRect.height),i.contentRect.width&&(s=i.contentRect.width),"object"==typeof this.quietMode&&(this.quietModeIsOn=s<this.quietMode.w||t<this.quietMode.h),this.breakPointMin&&(this.isSticky=s>this.breakPointMin),this.breakPointMax&&(this.isSticky=s<this.breakPointMax),this.isRootSticker&&this.sticker&&this.autoResize&&(this.sticker.style.width=this.host.scrollWidth+"px")}}));const t=this.scrollParent instanceof Document?this.scrollParent.documentElement:this.scrollParent;t&&this.parentSizeObserver.observe(t)};onStickToDisplayEvent=t=>{if(t.detail.sticker===this.stickToEle)switch(t.type){case"nanoHide":this._offset=0,this.cacheOffset=this.offset,this.offset=0,this.isStuck||this.moveTrigger(!1),!this.isRootSticker&&this.quietModeIsOn&&requestAnimationFrame((()=>{this.stickToEle.style.minHeight=this.stickToEleInitSize.height+(this.host.scrollHeight+("object"==typeof this.cacheOffset?this.cacheOffset.v:this.cacheOffset))+"px",this.stickToEle.setTriggerPos(-1*this.stickToEleInitSize.height)}));break;case"nanoShow":this._offset=this.stickToEleInitSize.height,this.offset=this.cacheOffset,this.moveTrigger(!0),!this.isRootSticker&&this.quietModeIsOn&&requestAnimationFrame((()=>{this.stickToEle.style.minHeight="",this.stickToEle.setTriggerPos(0)}));break;case"nanoStuck":this.stickToEleInitSize=this.stickToEle.getBoundingClientRect(),this._offset=this.stickToEleInitSize.height}};manageListenersOnParent(t,i){const s=i||this.scrollParent;if(s){if(t)s.addEventListener("nanoStuck",this.onStickEvent),s.addEventListener("nanoUnstuck",this.onStickEvent),this.quietModeIsOn&&this.attachScrollListeners();else try{this.quietModeIsOn&&s.removeEventListener("scroll",this.onScroll),s.removeEventListener("nanoStuck",this.onStickEvent),s.removeEventListener("nanoUnstuck",this.onStickEvent)}catch(t){console.error("Events haven`t been added")}this.setupParentResizeListener()}}onStickEvent=async t=>{const i=t.detail?t.detail.sticker:null;if(!i||i.position!==this.position)return;const s=await i.getTriggerPos();if("nanoStuck"===t.type&&i!==this.host&&i.scrollParent===this.host.scrollParent){if(this.stickerIndex++,!this.hideOnNewStickers)return;(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top)&&(this.multiStickerHide=!0,this.stuckCounter++)}if("nanoUnstuck"===t.type&&i!==this.host&&i.scrollParent===this.host.scrollParent){if(this.stickerIndex--,!this.hideOnNewStickers)return;(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top)&&(this.stuckCounter--,this.stuckCounter<1&&(this.multiStickerHide=!1))}};onScroll=()=>{const t=(i=this.scrollParent)instanceof Document?window.pageYOffset:i.scrollTop;var i;t<this.scrollPosCache&&(this.positions.includes("bottom")?this.handleScrollAway(t):this.handleScrollTo()),t>this.scrollPosCache&&(this.positions.includes("bottom")?this.handleScrollTo():this.handleScrollAway(t)),this.scrollPosCache=t};handleScrollTo(){this.scrollPosThresholdCache=null,this.scrollHide&&(!0!==this.scrollingTo&&(this._offset=this.cacheOffset||this._offset),this.scrollingTo=!0,this.scrollHide=!1)}handleScrollAway(t){this.scrollHide||this.isStuck&&(!1!==this.scrollingTo&&(this.cacheOffset=this._offset,this._offset=0),this.scrollingTo=!1,this.scrollPosThresholdCache?!this.pauseHide&&Math.abs(t-this.scrollPosThresholdCache)>100&&(this.scrollHide=!0):this.scrollPosThresholdCache=t)}moveTrigger(t){this.positions.includes("bottom")&&!t||!this.positions.includes("bottom")&&t?this.host.parentNode.insertBefore(this.trigger,this.host):this.host.parentNode.insertBefore(this.trigger,this.host.nextSibling)}shouldStick(t){let i;if(this.positions.includes("top"))i=this.isRootSticker?this.trigger.getBoundingClientRect().top:c(this.trigger,this.scrollParent).top,this.isStuck=i<-1;else if(this.positions.includes("bottom")){i=this.trigger.getBoundingClientRect().top;const s=t&&t.rootBounds?t.rootBounds:(this.scrollParent instanceof Document?document.documentElement:this.scrollParent).getBoundingClientRect();this.isStuck=!t.isIntersecting||i>s.height+s.top}}bootstrapGurantor(){this.hasBootstrapped=!0;const t=this.scrollParent||o(this.host);this.scrollParent=t===document.documentElement?document:t,this.isRootSticker=this.scrollParent instanceof Document,this.trigger=this.trigger||document.createElement("div"),this.trigger.innerHTML="&nbsp;",this.trigger.classList.add("sticker-trigger"),this.positionChange(),this.moveTrigger(!0),this.quietModeChange(),this.listenForScrollParent=!0,this.handleParentEvents(!0),this.stickerIndex=Array.from(this.scrollParent.querySelectorAll(r("nano-sticker"))).filter((t=>t.position===this.position)).findIndex((t=>t===this.host)),this.setOffset(),this.stickerResizeListener(),this.setupParentResizeListener(),this.slottedContent=Array.from(this.host.children),this.slottedContent.forEach((t=>{t.style.order=this.stickerIndex+""})),this.updateTriggerOffset(),this.stickToChange(),this.setupIO(),this.onStickToDisplayEvent=n(this.onStickToDisplayEvent,50)}connectedCallback(){this.isRtl="rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir,setTimeout((()=>{this.hasBootstrapped||this.bootstrapGurantor()}),1e3)}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0),this.parentSizeObserver&&(this.parentSizeObserver.disconnect(),this.parentSizeObserver=void 0),this.scrollParent=null,this.hasBootstrapped=!1}render(){return a(e,{key:"d101390b8f5a9505d6a563181fff96c29716fb88",sticky:!this.isRootSticker&&!this.stickToEle&&this.isSticky,hide:this.hide&&this.isStuck,siblings:this.stuckCounter,index:this.stickerIndex,stuck:this.isStuck&&this.isSticky,"placed-bottom":this.positions.includes("bottom"),"placed-top":this.positions.includes("top"),"placed-end":this.positions.includes("end"),"placed-start":this.positions.includes("start"),class:"nano-sticker"},a("div",{key:"7b034516d6af7615fe35b9d2161b5378c0b2d7cf",class:{sticker:!0,sticky:this.isRootSticker&&this.isSticky,stuck:this.isStuck&&this.isRootSticker&&this.isSticky,hide:this.isRootSticker&&this.hide&&this.isStuck},ref:t=>this.sticker=t},a("div",{key:"10491e3b9e0af4220e7f84ab0ae72bf297e0af23",class:"sticker-content",ref:t=>this.content=t},a("slot",{key:"f3efcf1fd5a0bda012258cace4712f398fc71a4f"}))))}static get watchers(){return{trigger:["updateTriggerOffset"],scrollParent:["updateTriggerOffset","handleParentEvents","setupIO"],position:["stickerResizeListener","positionChange"],quietMode:["quietModeChange"],offset:["setOffset"],_offset:["setOffset"],isStuck:["stuckChange"],quietModeIsOn:["attachScrollListeners"],stickToEle:["handleParentEvents","stickToEleChange"],stickTo:["stickToChange"],multiStickerHide:["visibilityDecisionHandler"],scrollHide:["visibilityDecisionHandler"],hide:["handleHideChange"]}}};d.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-layer-index-menubar, 10);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-inline-size:100%}:host([sticky]){position:sticky;transition:0.3s ease transform;will-change:min-block-size}:host([sticky][stuck]){inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){transform:var(--bottom-hide)}:host([sticky][index="1"]){z-index:calc(var(--stuck-z-index) + 1)}:host([sticky][index="2"]){z-index:calc(var(--stuck-z-index) + 2)}:host([sticky][index="3"]){z-index:calc(var(--stuck-z-index) + 3)}:host([sticky][index="4"]){z-index:calc(var(--stuck-z-index) + 4)}:host([sticky][index="5"]){z-index:calc(var(--stuck-z-index) + 5)}.sticker{display:inherit;max-inline-size:inherit;inline-size:100%}.sticker:not(.stuck){inline-size:auto !important}.sticker.sticky{transition:0.3s ease all;position:relative}:host([index="1"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 1)}:host([index="2"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 2)}:host([index="3"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 3)}:host([index="4"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 4)}:host([index="5"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index);transform:translateY(0)}:host([placed-top]) .sticker.stuck{inset-block-start:0}:host([placed-bottom]) .sticker.stuck{inset-block-end:0}:host([placed-top]) .sticker.stuck.hide{transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{transform:var(--bottom-hide)}.sticker-content{display:flex;flex-wrap:wrap}';export{d as nano_sticker}

package/dist/nano-components/nano-tab-content.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,a,d as e}from"./index-DXvE-U_j.js";import{h as n}from"./renderer-BUaAsDso.js";let o=0;const i=class{constructor(a){t(this,a)}tabContentId="nano-tab-content-"+ ++o;ready=!1;get host(){return a(this)}name="";active=!1;componentDidLoad(){requestAnimationFrame((()=>this.ready=!0))}render(){return n(e,{key:"69b49712bc8bab3a9bd6857c836265ce897ec2da",id:this.host.id||this.tabContentId,style:{display:this.active?"block":"none"},role:"tabpanel","aria-hidden":this.active?"false":"true",class:{ready:this.ready,"nano-tab-content":!0}},n("div",{key:"82758de9b18d8ccacd47ebf84151905eb6b88cc0",part:"base",class:"nano-tab-content"},n("slot",{key:"67156ec26a34bf03503e721b1ec2869e3997e847"})))}};i.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block;opacity:1;animation:opacity 0.3s ease-in-out forwards;animation-duration:0s !important}:host(.ready){animation-duration:0.3s !important}@media only screen and (width <= 768px){:host([animation-dir=left]){animation:slide-right 0.3s ease-in-out;opacity:1}:host([animation-dir=right]){animation:slide-left 0.3s ease-in-out;opacity:1}}.nano-tab-content{position:relative}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes slide-left{0%{transform:translate3d(-100%, 0, 0)}50%{transform:translate3d(0%) translate3d(-0.9em)}100%{transform:translate3d(0, 0, 0)}}@keyframes slide-right{0%{transform:translate3d(100%, 0, 0)}50%{transform:translateX(0%) translate3d(0.9em)}100%{transform:translate3d(0, 0, 0)}}@media (prefers-reduced-motion: reduce){*{animation:none !important}}";export{i as nano_tab_content}
+import{r as t,a,d as e}from"./index-DXvE-U_j.js";import{h as n}from"./renderer-BUaAsDso.js";let o=0;const i=class{constructor(a){t(this,a)}tabContentId="nano-tab-content-"+ ++o;ready=!1;get host(){return a(this)}name="";active=!1;componentDidLoad(){requestAnimationFrame((()=>this.ready=!0))}render(){return n(e,{key:"d75249c18948a3c52f1163cf036cbde27e64ef2c",id:this.host.id||this.tabContentId,style:{display:this.active?"block":"none"},role:"tabpanel","aria-hidden":this.active?"false":"true",class:{ready:this.ready,"nano-tab-content":!0}},n("div",{key:"11c33106eb61433952881ae701d68e5a0bc738c5",part:"base",class:"nano-tab-content"},n("slot",{key:"a9e9ed4679fb0ab7d90ee45dddb3c482e2598242"})))}};i.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block;opacity:1;animation:opacity 0.3s ease-in-out forwards;animation-duration:0s !important}:host(.ready){animation-duration:0.3s !important}@media only screen and (width <= 768px){:host([animation-dir=left]){animation:slide-right 0.3s ease-in-out;opacity:1}:host([animation-dir=right]){animation:slide-left 0.3s ease-in-out;opacity:1}}.nano-tab-content{position:relative}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes slide-left{0%{transform:translate3d(-100%, 0, 0)}50%{transform:translate3d(0%) translate3d(-0.9em)}100%{transform:translate3d(0, 0, 0)}}@keyframes slide-right{0%{transform:translate3d(100%, 0, 0)}50%{transform:translateX(0%) translate3d(0.9em)}100%{transform:translate3d(0, 0, 0)}}@media (prefers-reduced-motion: reduce){*{animation:none !important}}";export{i as nano_tab_content}

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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as a,c as o,a as e,d as t}from"./index-DXvE-U_j.js";import{h as r}from"./renderer-BUaAsDso.js";let n=0;const i=class{constructor(e){a(this,e),this.nanoTabClose=o(this,"nanoTabClose",7)}tabId="nano-tab-"+ ++n;tab;get host(){return e(this)}panel="";active=!1;disabled=!1;closable=!1;nanoTabClose;async setFocus(){this.tab.focus({preventScroll:!0})}async removeFocus(){this.tab.blur()}handleCloseClick=()=>{this.nanoTabClose.emit()};handleCloseKeydown=a=>{" "===a.key&&(a.preventDefault(),this.handleCloseClick())};render(){return r(t,{key:"0b4d0660a4347b133c859db5fa6dcff84bdd38bf",id:this.host.id||this.tabId,role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",class:"nano-tab"},r("div",{key:"abce836bb90bd210011de38d906293dac6b26235",part:`base${this.active?" base--active":""}${this.disabled?" base--disabled":""}${this.closable?" base--closable":""}`,class:{tab:!0,"tab--active":this.active,"tab--disabled":this.disabled,"tab--closable":this.closable}},r("slot",{key:"8e563821478aa0bd9b6257d5927d52c91d036fec",name:"start"}),r("div",{key:"e18098d994c6598d17b11a337db295a12f2016d5",part:"label",ref:a=>this.tab=a,tabindex:this.disabled||!this.active?"-1":"0",class:"tab__label"},r("slot",{key:"9ab71f7ead9b29eee4d37d1070741466babb7e6e"})),r("slot",{key:"381b12cce253bd9bb10ef1c14ddf766ffff4f658",name:"end"}),this.closable&&!this.disabled&&r("nano-icon-button",{key:"515bbbe004907a476ae477da49d0a47430f48d78",label:"Close this tab",iconName:"light/xmark",class:"tab__close-button",onClick:this.handleCloseClick,onKeyDown:this.handleCloseKeydown,part:"close-button"})))}};i.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1000);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-small);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-block;cursor:pointer;color:var(--nano-color-neutral-1400);border:var(--border);border-inline-end-width:0;border-inline-start-width:0;border-block-start-width:0;border-block-end:var(--border)}:host(:not([disabled]):hover){border-color:var(--border-hover-color);color:var(--text-hover-color)}:host(:not([disabled]):active),:host([active]){border-color:var(--border-active-color);color:var(--text-active-color)}:host(.nano-sortable__dragged){background:var(--nano-color-base-0);opacity:0.9 !important;box-shadow:var(--nano-shadow-l0) !important}.tab{padding:var(--padding);display:flex;white-space:nowrap;align-items:center;position:relative;gap:var(--nano-spacing-sm);justify-content:center}.tab.tab--disabled{opacity:0.5;cursor:not-allowed}.tab.tab--closable{padding-inline-end:calc(var(--padding) - var(--nano-spacing-sm))}.tab ::slotted(*),.tab::slotted(*){display:flex;align-items:center}.tab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;z-index:1}.tab:not(.tab--disabled):has(.tab__label:focus-visible){outline:var(--nano-focus-ring);outline-offset:-3px}.tab__label{display:flex;flex-direction:column;gap:var(--nano-spacing-sm);align-items:center}.tab__label:focus{outline:none}.tab__close-button{color:var(--nano-color-primary-1200);--hover-color:var(--nano-color-primary-700)}";export{i as nano_tab}
+import{r as a,c as o,a as e,d as t}from"./index-DXvE-U_j.js";import{h as r}from"./renderer-BUaAsDso.js";let n=0;const i=class{constructor(e){a(this,e),this.nanoTabClose=o(this,"nanoTabClose",7)}tabId="nano-tab-"+ ++n;tab;get host(){return e(this)}panel="";active=!1;disabled=!1;closable=!1;nanoTabClose;async setFocus(){this.tab.focus({preventScroll:!0})}async removeFocus(){this.tab.blur()}handleCloseClick=()=>{this.nanoTabClose.emit()};handleCloseKeydown=a=>{" "===a.key&&(a.preventDefault(),this.handleCloseClick())};render(){return r(t,{key:"be35131ea184b6644288e79d3e0bd1ea8c8668dc",id:this.host.id||this.tabId,role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",class:"nano-tab"},r("div",{key:"24c2a9b88b258d4332a8fc15e7687ec9b0e2a54e",part:`base${this.active?" base--active":""}${this.disabled?" base--disabled":""}${this.closable?" base--closable":""}`,class:{tab:!0,"tab--active":this.active,"tab--disabled":this.disabled,"tab--closable":this.closable}},r("slot",{key:"80ab0aa015352e67446cee86a340db6a8b6ed6ee",name:"start"}),r("div",{key:"008484dda3003b4baa4c603ea43ce8ea15c4f688",part:"label",ref:a=>this.tab=a,tabindex:this.disabled||!this.active?"-1":"0",class:"tab__label"},r("slot",{key:"5ee9fe66f2a58e0c06fafe1eb8ba0941ff0ca082"})),r("slot",{key:"b3ef36e571ef16ecc40a2983faf5ade9e3a47a9f",name:"end"}),this.closable&&!this.disabled&&r("nano-icon-button",{key:"ba51a18677145770de7b18974a28448fccb593cf",label:"Close this tab",iconName:"light/xmark",class:"tab__close-button",onClick:this.handleCloseClick,onKeyDown:this.handleCloseKeydown,part:"close-button"})))}};i.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1000);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-small);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-block;cursor:pointer;color:var(--nano-color-neutral-1400);border:var(--border);border-inline-end-width:0;border-inline-start-width:0;border-block-start-width:0;border-block-end:var(--border)}:host(:not([disabled]):hover){border-color:var(--border-hover-color);color:var(--text-hover-color)}:host(:not([disabled]):active),:host([active]){border-color:var(--border-active-color);color:var(--text-active-color)}:host(.nano-sortable__dragged){background:var(--nano-color-base-0);opacity:0.9 !important;box-shadow:var(--nano-shadow-l0) !important}.tab{padding:var(--padding);display:flex;white-space:nowrap;align-items:center;position:relative;gap:var(--nano-spacing-sm);justify-content:center}.tab.tab--disabled{opacity:0.5;cursor:not-allowed}.tab.tab--closable{padding-inline-end:calc(var(--padding) - var(--nano-spacing-sm))}.tab ::slotted(*),.tab::slotted(*){display:flex;align-items:center}.tab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;z-index:1}.tab:not(.tab--disabled):has(.tab__label:focus-visible){outline:var(--nano-focus-ring);outline-offset:-3px}.tab__label{display:flex;flex-direction:column;gap:var(--nano-spacing-sm);align-items:center}.tab__label:focus{outline:none}.tab__close-button{color:var(--nano-color-primary-1200);--hover-color:var(--nano-color-primary-700)}";export{i as nano_tab}

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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{a as t,r as e,d as o}from"./index-DXvE-U_j.js";import{d as n}from"./throttle-C93FMm2Z.js";import{t as s,h as a}from"./renderer-BUaAsDso.js";const i=class{get host(){return t(this)}propsReady=!1;compact="auto";handleCompactChange(){this.setupProperties()}scrollable=!0;hideCaption=!1;handleHideCaptionChange(){const t=this.caption;t&&t.classList.toggle("visually-hidden",this.hideCaption)}resizeObserver;mutationObserver;intersectionObserver;settingUp=!1;get table(){return this.host.querySelector("table")}get caption(){return this.host.querySelector("caption")||(console.error("nano-table: No caption found. For better a11y, please add a <caption> element to the table."),null)}setupProperties=()=>{const t=this.table;if(!t||this.settingUp)return;this.settingUp=!0;const e=Array.from(this.host.querySelectorAll("tr"));for(const t of e)1===this.getRowClickElements(t).length?(t.setAttribute("clickable","true"),t.addEventListener("click",this.rowClickHandler)):(t.removeAttribute("clickable"),t.removeEventListener("click",this.rowClickHandler));const o=t.querySelectorAll("thead, tbody, tfoot");let n=0;if(t.querySelector("[sticky=start], [sticky=end]")){for(const t of o)t.style.setProperty("--section-height",`${t.offsetHeight}px`);const t=Array.from(this.host.querySelectorAll("thead th, thead td"));for(const e of t)e.matches("[sticky=start]")&&(this.makeCellsSticky(e,"start",n),n>0&&e.style.setProperty("--sticky-start",`${n}px`),n+=e.offsetWidth-1);n=0;for(const e of[...t].reverse())e.matches("[sticky=end]")&&(this.makeCellsSticky(e,"end",n),n>0&&e.style.setProperty("--sticky-end",`${n}px`),n+=e.offsetWidth-1)}if(t.querySelector("[sticky=top]")){n=0;for(const t of o){const e=Array.from(t.querySelectorAll("tr[sticky]"));for(const[t,o]of e.entries())o.matches("[sticky=top]")&&n>0&&o.style.setProperty("--sticky-top",`${n}px`),t===e.length-1&&(n+=o.offsetHeight-1)}}this.settingUp=!1,this.propsReady=!0};getRowClickElements(t){const e=t.querySelectorAll("a"),o=t.querySelectorAll("button"),n=Array.from(t.querySelectorAll('input[type="checkbox"]')).filter((t=>!t.closest("nano-checkbox"))),s=Array.from(t.querySelectorAll('input[type="radio"]')).filter((t=>!t.closest("nano-checkbox")));return[...e,...o,...t.querySelectorAll("nano-checkbox"),...n,...s]}rowClickHandler=t=>{const e=t.target,o=e.closest("tr");if(!o)return;const n=this.getRowClickElements(o);1===n.length&&e.closest(n[0].tagName)!==n[0]&&n[0].click()};makeCellsSticky(t,e,o=0){const n=t.closest("table"),s=t.closest("tr"),a=Array.from(s.cells);let i=0;for(const e of a){if(e===t)break;i+=e.colSpan||1}for(const t of n.tBodies)for(const n of t.rows){let t=0;for(const s of n.cells){const n=s.colSpan||1;if(t<=i&&i<t+n){s.setAttribute("sticky",e),o>0&&s.style.setProperty("--sticky-"+e,`${o}px`);break}t+=n}}}addObservers(){this.resizeObserver=new ResizeObserver((()=>{this.setupProperties()})),this.resizeObserver.observe(this.host),this.mutationObserver=new MutationObserver((()=>{this.setupProperties()}));const t=this.table;this.mutationObserver.observe(t,{childList:!0,subtree:!0}),this.intersectionObserver=new IntersectionObserver((()=>{this.setupProperties(),this.intersectionObserver.disconnect()}),{threshold:1}),this.intersectionObserver.observe(t)}cleanUpObservers(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}constructor(t){e(this,t),this.setupProperties=n(this.setupProperties,100)}connectedCallback(){this.addObservers(),this.handleHideCaptionChange()}componentDidRender(){!1!==this.scrollable&&this.table&&customElements.whenDefined(s("nano-masked-overflow")).then((()=>{this.host.querySelector(".nano-table__overflow")?.appendChild(this.table)}))}disconnectedCallback(){this.cleanUpObservers()}render(){return a(o,{key:"84b2998c112a5d929d5dba88961a309ce4d0fff9",class:{"nano-table":!0,"nano-table--props-ready":this.propsReady}},this.scrollable&&a("nano-masked-overflow",{key:"c6175d1bfd32160743c04b35132e97cc1cc7c873",hideScrollbars:!1,scrollControls:!1,label:this.caption?.textContent||void 0,class:"nano-table__overflow-container"},a("div",{key:"f96a85d3d852aa79def9f34b5c666c8d4c747c9f",class:"nano-table__overflow"})),a("slot",{key:"4d7871702885a4a077e26b529b56c008949fa156"}))}static get watchers(){return{compact:["handleCompactChange"],hideCaption:["handleHideCaptionChange"]}}};i.style=".sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";export{i as nano_table}
+import{a as t,r as e,d as o}from"./index-DXvE-U_j.js";import{d as n}from"./throttle-C93FMm2Z.js";import{t as a,h as s}from"./renderer-BUaAsDso.js";const i=class{get host(){return t(this)}propsReady=!1;compact="auto";handleCompactChange(){this.setupProperties()}scrollable=!0;hideCaption=!1;handleHideCaptionChange(){const t=this.caption;t&&t.classList.toggle("visually-hidden",this.hideCaption)}resizeObserver;mutationObserver;intersectionObserver;settingUp=!1;get table(){return this.host.querySelector("table")}get caption(){return this.host.querySelector("caption")||(console.error("nano-table: No caption found. For better a11y, please add a <caption> element to the table."),null)}setupProperties=()=>{const t=this.table;if(!t||this.settingUp)return;this.settingUp=!0;const e=Array.from(this.host.querySelectorAll("tr"));for(const t of e)1===this.getRowClickElements(t).length?(t.setAttribute("clickable","true"),t.addEventListener("click",this.rowClickHandler)):(t.removeAttribute("clickable"),t.removeEventListener("click",this.rowClickHandler));const o=t.querySelectorAll("thead, tbody, tfoot");let n=0;if(t.querySelector("[sticky=start], [sticky=end]")){for(const t of o)t.style.setProperty("--section-height",`${t.offsetHeight}px`);const t=Array.from(this.host.querySelectorAll("thead th, thead td"));for(const e of t)e.matches("[sticky=start]")&&(this.makeCellsSticky(e,"start",n),n>0&&e.style.setProperty("--sticky-start",`${n}px`),n+=e.offsetWidth-1);n=0;for(const e of[...t].reverse())e.matches("[sticky=end]")&&(this.makeCellsSticky(e,"end",n),n>0&&e.style.setProperty("--sticky-end",`${n}px`),n+=e.offsetWidth-1)}if(t.querySelector("[sticky=top]")){n=0;for(const t of o){const e=Array.from(t.querySelectorAll("tr[sticky]"));for(const[t,o]of e.entries())o.matches("[sticky=top]")&&n>0&&o.style.setProperty("--sticky-top",`${n}px`),t===e.length-1&&(n+=o.offsetHeight-1)}}this.settingUp=!1,this.propsReady=!0};getRowClickElements(t){const e=t.querySelectorAll("a"),o=t.querySelectorAll("button"),n=Array.from(t.querySelectorAll('input[type="checkbox"]')).filter((t=>!t.closest("nano-checkbox"))),a=Array.from(t.querySelectorAll('input[type="radio"]')).filter((t=>!t.closest("nano-checkbox")));return[...e,...o,...t.querySelectorAll("nano-checkbox"),...n,...a]}rowClickHandler=t=>{const e=t.target,o=e.closest("tr");if(!o)return;const n=this.getRowClickElements(o);1===n.length&&e.closest(n[0].tagName)!==n[0]&&n[0].click()};makeCellsSticky(t,e,o=0){const n=t.closest("table"),a=t.closest("tr"),s=Array.from(a.cells);let i=0;for(const e of s){if(e===t)break;i+=e.colSpan||1}for(const t of n.tBodies)for(const n of t.rows){let t=0;for(const a of n.cells){const n=a.colSpan||1;if(t<=i&&i<t+n){a.setAttribute("sticky",e),o>0&&a.style.setProperty("--sticky-"+e,`${o}px`);break}t+=n}}}addObservers(){this.resizeObserver=new ResizeObserver((()=>{this.setupProperties()})),this.resizeObserver.observe(this.host),this.mutationObserver=new MutationObserver((()=>{this.setupProperties()}));const t=this.table;this.mutationObserver.observe(t,{childList:!0,subtree:!0}),this.intersectionObserver=new IntersectionObserver((()=>{this.setupProperties(),this.intersectionObserver.disconnect()}),{threshold:1}),this.intersectionObserver.observe(t)}cleanUpObservers(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}constructor(t){e(this,t),this.setupProperties=n(this.setupProperties,100)}connectedCallback(){this.addObservers(),this.handleHideCaptionChange()}componentDidRender(){!1!==this.scrollable&&this.table&&customElements.whenDefined(a("nano-masked-overflow")).then((()=>{this.host.querySelector(".nano-table__overflow")?.appendChild(this.table)}))}disconnectedCallback(){this.cleanUpObservers()}render(){return s(o,{key:"e968dfa9cd63226118a11fe73f142236e008b489",class:{"nano-table":!0,"nano-table--props-ready":this.propsReady}},this.scrollable&&s("nano-masked-overflow",{key:"5dbe429e48270fc449057dee7d7c2090ad35e5e2",hideScrollbars:!1,scrollControls:!1,label:this.caption?.textContent||void 0,class:"nano-table__overflow-container"},s("div",{key:"5e32115ed739865a4452f74ab19c01f7f63aa763",class:"nano-table__overflow"})),s("slot",{key:"42bfc9215be8ca00a5d6aa5232475544cff4b2b7"}))}static get watchers(){return{compact:["handleCompactChange"],hideCaption:["handleHideCaptionChange"]}}};i.style=".sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";export{i as nano_table}

package/dist/nano-components/{page-dots-BmS6HUrx.js → page-dots-e1Gyk8V7.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{F as t,u as i,U as s}from"./nano-slides-B9KjZVqC.js";import"./index-DXvE-U_j.js";import"./renderer-BUaAsDso.js";function h(t){this.parent=t,this.parentElement=this.parent.element.shadowRoot||this.parent.element,this._create()}(h.prototype=Object.create(s.prototype))._create=function(){this.holder=document.createElement("div"),this.holder.className="flickity-page-dots",this.holder.part.add("pagination"),this.dots=[],this.handleClick=this.onClick.bind(this),this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))},h.prototype.activate=function(){this.setDots(),this.holder.addEventListener("click",this.handleClick),this.bindStartEvent(this.holder),this.parentElement.appendChild(this.holder)},h.prototype.deactivate=function(){this.holder.removeEventListener("click",this.handleClick),this.unbindStartEvent(this.holder),this.parentElement.removeChild(this.holder)},h.prototype.setDots=function(){const t=this.parent.slides.length-this.dots.length;t>0?this.addDots(t):t<0&&this.removeDots(-t)},h.prototype.addDots=function(t){const i=document.createDocumentFragment(),s=[],h=this.dots.length,n=h+t;for(let t=h;t<n;t++){const h=document.createElement("button");h.classList.add("dot"),h.innerText=`Go to slide ${t+1}`,i.appendChild(h),s.push(h)}this.holder.appendChild(i),this.dots=this.dots.concat(s)},h.prototype.removeDots=function(t){this.dots.splice(this.dots.length-t,t).forEach((function(t){this.holder.removeChild(t)}),this)},h.prototype.updateSelected=function(){this.selectedDot&&(this.selectedDot.classList.remove("is-selected"),this.selectedDot.part.remove("pagination-item--active"),this.selectedDot.removeAttribute("aria-current")),this.dots.length&&(this.selectedDot=this.dots[this.parent.selectedIndex],this.selectedDot.classList.add("is-selected"),this.selectedDot.part.add("pagination-item--active"),this.selectedDot.setAttribute("aria-current","step"))},h.prototype.onTap=h.prototype.onClick=function(t){const i=t.target;if("BUTTON"!=i.nodeName)return;this.parent.uiChange();const s=this.dots.indexOf(i);this.parent.select(s)},h.prototype.destroy=function(){this.deactivate(),this.allOff()},t.PageDots=h,i.extend(t.defaults,{pageDots:!0}),t.createMethods.push("_createPageDots");const n=t.prototype;n._createPageDots=function(){this.options.pageDots&&(this.pageDots=new h(this),this.on("activate",this.activatePageDots),this.on("select",this.updateSelectedPageDots),this.on("cellChange",this.updatePageDots),this.on("resize",this.updatePageDots),this.on("deactivate",this.deactivatePageDots))},n.activatePageDots=function(){this.pageDots.activate()},n.updateSelectedPageDots=function(){this.pageDots.updateSelected()},n.updatePageDots=function(){this.pageDots.setDots()},n.deactivatePageDots=function(){this.pageDots.deactivate()},t.PageDots=h;
+import{F as t,u as i,U as s}from"./nano-slides-Bv0u7kg0.js";import"./index-DXvE-U_j.js";import"./renderer-BUaAsDso.js";function h(t){this.parent=t,this.parentElement=this.parent.element.shadowRoot||this.parent.element,this._create()}(h.prototype=Object.create(s.prototype))._create=function(){this.holder=document.createElement("div"),this.holder.className="flickity-page-dots",this.holder.part.add("pagination"),this.dots=[],this.handleClick=this.onClick.bind(this),this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))},h.prototype.activate=function(){this.setDots(),this.holder.addEventListener("click",this.handleClick),this.bindStartEvent(this.holder),this.parentElement.appendChild(this.holder)},h.prototype.deactivate=function(){this.holder.removeEventListener("click",this.handleClick),this.unbindStartEvent(this.holder),this.parentElement.removeChild(this.holder)},h.prototype.setDots=function(){const t=this.parent.slides.length-this.dots.length;t>0?this.addDots(t):t<0&&this.removeDots(-t)},h.prototype.addDots=function(t){const i=document.createDocumentFragment(),s=[],h=this.dots.length,n=h+t;for(let t=h;t<n;t++){const h=document.createElement("button");h.classList.add("dot"),h.innerText=`Go to slide ${t+1}`,i.appendChild(h),s.push(h)}this.holder.appendChild(i),this.dots=this.dots.concat(s)},h.prototype.removeDots=function(t){this.dots.splice(this.dots.length-t,t).forEach((function(t){this.holder.removeChild(t)}),this)},h.prototype.updateSelected=function(){this.selectedDot&&(this.selectedDot.classList.remove("is-selected"),this.selectedDot.part.remove("pagination-item--active"),this.selectedDot.removeAttribute("aria-current")),this.dots.length&&(this.selectedDot=this.dots[this.parent.selectedIndex],this.selectedDot.classList.add("is-selected"),this.selectedDot.part.add("pagination-item--active"),this.selectedDot.setAttribute("aria-current","step"))},h.prototype.onTap=h.prototype.onClick=function(t){const i=t.target;if("BUTTON"!=i.nodeName)return;this.parent.uiChange();const s=this.dots.indexOf(i);this.parent.select(s)},h.prototype.destroy=function(){this.deactivate(),this.allOff()},t.PageDots=h,i.extend(t.defaults,{pageDots:!0}),t.createMethods.push("_createPageDots");const n=t.prototype;n._createPageDots=function(){this.options.pageDots&&(this.pageDots=new h(this),this.on("activate",this.activatePageDots),this.on("select",this.updateSelectedPageDots),this.on("cellChange",this.updatePageDots),this.on("resize",this.updatePageDots),this.on("deactivate",this.deactivatePageDots))},n.activatePageDots=function(){this.pageDots.activate()},n.updateSelectedPageDots=function(){this.pageDots.updateSelected()},n.updatePageDots=function(){this.pageDots.setDots()},n.deactivatePageDots=function(){this.pageDots.deactivate()},t.PageDots=h;

package/dist/nano-components/{table.worker-CsTdjWrS.js → table.worker-DlLhvqK5.js}

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

package/dist/style/components.css

@@ -1 +1 @@
-: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)}@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) :which(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(197px, 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],ul){margin-inline:var(--content-margin)}nano-card [slot]:not([slot=img],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 [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 nano-content-links{--color-border: rgb(var(--nano-color-base-rgb-1000) / 7%)}nano-card address{font-style:normal}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:not([layout=landscape]) [slot]{grid-column:1/-1 !important}nano-card[layout=landscape] [slot]{grid-column:2}nano-card[layout=landscape] [slot=img]{grid-column:1;grid-row:1/-1}@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-l);line-height:var(--nano-line-height-dense)}nano-card [slot=content],nano-card [slot=content]>*{font-size:var(--nano-font-size-small);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-small);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-medium);line-height:var(--nano-line-height-dense)}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>a,nano-tag>button{all:unset;display:block;padding:var(--padding)}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){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)}}@layer components{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-small);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}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}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}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)}nano-content-links>*:not(a)::after{background-color:var(--color-disabled)}nano-content-links>*+*{border-block-start:none !important}nano-content-links>a{pointer-events:auto;cursor:pointer;color:var(--text-color)}nano-content-links>a::after{background-color:var(--icon-color)}nano-content-links>a[target=_blank]::after{mask-image:var(--nano-component-icon-open)}nano-content-links>a:hover,nano-content-links>a:active{color:var(--color-active);text-decoration:underline solid}nano-content-links>a:hover::after,nano-content-links>a:active::after{background-color:var(--color-active)}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 a{color:inherit;border-radius:inherit}nano-badge a::after{content:"";position:absolute;inset:0;width:100%;height: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);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 :where(nano-global-nav,.nano-global-nav)::part(logo),.nano-theme-dark :where(nano-global-nav,.nano-global-nav) [part~=logo],:where(nano-global-nav,.nano-global-nav).nano-theme-dark::part(logo),:where(nano-global-nav,.nano-global-nav).nano-theme-dark [part~=logo]{filter:invert(100%)}:where(nano-global-nav,.nano-global-nav)>a,:where(nano-global-nav,.nano-global-nav) :where(nano-nav-item,.nano-nav-item)::part(label),:where(nano-global-nav,.nano-global-nav) :where(nano-nav-item,.nano-nav-item) [part~=label]{white-space:nowrap}:where(nano-global-nav,.nano-global-nav).bar-menu nano-nav-item,:where(nano-global-nav,.nano-global-nav).bar-menu>a{color:var(--main-menu-text-color)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item):hover,:where(nano-global-nav,.nano-global-nav).bar-menu>a:hover{color:var(--main-menu-hover-text-color)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item):active,:where(nano-global-nav,.nano-global-nav).bar-menu>a:active{color:var(--main-menu-active-text-color)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)::part(trigger),:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [part~=trigger]{position:relative}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)::part(trigger)::before,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [part~=trigger]::before{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}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)[open]{color:var(--main-menu-active-border-color) !important}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)[open]::part(trigger)::before,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)[open] [part~=trigger]::before{transform:translateZ(0) scaleX(1)}:where(nano-global-nav,.nano-global-nav).bar-menu a.active,:where(nano-global-nav,.nano-global-nav).bar-menu nano-nav-item.active,:where(nano-global-nav,.nano-global-nav).bar-menu nano-nav-item[selected]{color:var(--main-menu-active-text-color) !important}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.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}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)::part(modal modal--open){inset-block-start:100%}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.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)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)::part(modal-mask),:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [part~=modal-mask]{background:var(--nano-overlay-background-color);position:fixed;inset:0;min-block-size:100%;z-index:-1}:where(nano-global-nav,.nano-global-nav).bar-menu [slot=close-button]{display:none}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]{display:grid;gap:var(--nano-spacing-xl);grid-template:auto/repeat(auto-fit, minmax(200px, 1fr))}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]:has(.gn__focus-area){grid-template:auto/1fr 1fr 26rem}@media(width < 1200px){:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]:has(.gn__focus-area){grid-template-columns:1fr 26rem}}@media(width < 830px){:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]:has(.gn__focus-area){grid-template-columns:1fr}}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h1,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h2,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h3,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h4,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__title{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-medium);line-height:var(--nano-line-height-dense);padding-block-end:1rem;border-block-end:1px solid var(--nano-color-neutral-100)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] a{text-decoration:none}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] a:hover{text-decoration:underline}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] ul{margin:0;padding:0}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.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)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.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){:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area{grid-column:2;grid-row:1/3}}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h1,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h2,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h3,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h4,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h5,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area p{margin:0;border:none}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area nano-content-links{display:block}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__link-columns{gap:var(--nano-spacing-xl)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__link-columns:has(>:nth-child(6)){columns:2}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__link-columns>*{display:block;margin-block-end:var(--nano-spacing-sm)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item),:where(nano-global-nav,.nano-global-nav).overflow-menu>a{color:var(--overflow-text-color)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item):hover,:where(nano-global-nav,.nano-global-nav).overflow-menu>a:hover{color:var(--overflowhover-text-color)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item):active,:where(nano-global-nav,.nano-global-nav).overflow-menu>a:active{color:var(--overflow-active-text-color)}:where(nano-global-nav,.nano-global-nav).overflow-menu a.active,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item).active,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item)[selected]{color:var(--overflow-active-text-color) !important}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item)::part(modal){background-color:var(--overflow-bg-color);inline-size:100%;block-size:100%;position:absolute;inset:0}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]{display:flex;flex-direction:column;gap:var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] a{text-decoration:none;color:var(--nano-color-blue-cerulean-700)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] a:hover{text-decoration:underline}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h1,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h2,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h3,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h4,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__title{font-size:var(--nano-font-size-small);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-sm)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] ul{margin:0;padding:0}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.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)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__link-columns{padding-inline-start:var(--nano-spacing-md)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.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)}:where(nano-global-nav,.nano-global-nav).overflow-menu [slot=close-button]{color:inherit;padding-block:var(--nano-spacing-md);display:flex;gap:var(--nano-spacing-sm);align-items:center;cursor:pointer;inline-size:100%}:where(nano-global-nav,.nano-global-nav).overflow-menu [slot=close-button]:hover{color:var(--nano-color-blue-cerulean-700)}:where(nano-global-nav,.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);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}}@layer components{:where(nano-in-page-nav,.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)}:where(nano-in-page-nav,.nano-in-page-nav):dir(rtl){--flip-icon-ltr: 0}:where(nano-in-page-nav,.nano-in-page-nav) a,:where(nano-in-page-nav,.nano-in-page-nav) ul,:where(nano-in-page-nav,.nano-in-page-nav) li{all:unset}:where(nano-in-page-nav,.nano-in-page-nav) ul{display:flex;flex-direction:column;list-style:none}:where(nano-in-page-nav,.nano-in-page-nav) ul:not(ul ul){padding:0 var(--spacing-l2) var(--spacing-l3) var(--spacing-l2)}:where(nano-in-page-nav,.nano-in-page-nav) a{cursor:pointer}:where(nano-in-page-nav,.nano-in-page-nav) a:hover{text-decoration:underline}:where(nano-in-page-nav,.nano-in-page-nav) a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}:where(nano-in-page-nav,.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%;border-block-end:1px solid var(--color-bottom-border)}:where(nano-in-page-nav,.nano-in-page-nav) ul>li:not(ul>li li) a{color:var(--color-text)}:where(nano-in-page-nav,.nano-in-page-nav) ul>li:not(ul>li li) a.active{border-inline-start:var(--border-active);padding-inline-start:1rem}:where(nano-in-page-nav,.nano-in-page-nav) ul>li:not(ul>li li) a:hover{color:var(--color-text-hover)}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul,:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul{padding:var(--list-gap) 0 0 var(--spacing-l2);gap:var(--list-gap)}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul a,:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul a{color:var(--color-primary) !important}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul a.active,:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul a.active{padding-inline-start:0}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul:has(nano-details),:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul:has(nano-details){padding-inline-start:1.1rem}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul nano-details::part(header),:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul nano-details [part~=header],:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul nano-details::part(header),:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul nano-details [part~=header]{padding:0}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul>li>nano-details>ul,:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul>li>nano-details>ul{padding:var(--list-gap) 0 0 var(--nano-spacing-l1-default)}:where(nano-in-page-nav,.nano-in-page-nav) nano-details nano-details:not(nano-details nano-details nano-details){color:var(--color-text)}:where(nano-in-page-nav,.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}:where(nano-in-page-nav,.nano-in-page-nav) nano-details .active::part(header),:where(nano-in-page-nav,.nano-in-page-nav) nano-details .active [part~=header]{border-inline-start:var(--border-active);padding-inline-start:1rem;color:var(--color-primary)}:where(nano-in-page-nav,.nano-in-page-nav) nano-details[open]>[slot=icon-start]{rotate:90deg}:where(nano-in-page-nav,.nano-in-page-nav) nano-details::part(content),:where(nano-in-page-nav,.nano-in-page-nav) nano-details [part~=content]{padding:0}:where(nano-in-page-nav,.nano-in-page-nav) nano-details::part(icon--start),:where(nano-in-page-nav,.nano-in-page-nav) nano-details [part~=icon--start]{margin-inline-end:var(--spacing-l3)}:where(nano-in-page-nav,.nano-in-page-nav) nano-details::part(header),:where(nano-in-page-nav,.nano-in-page-nav) nano-details [part~=header]{font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing)}:where(nano-in-page-nav,.nano-in-page-nav) nano-details::part(header):hover,:where(nano-in-page-nav,.nano-in-page-nav) nano-details [part~=header]:hover{text-decoration:underline}:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper{--btn-text-color: var(--color-text)}:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper::part(header),:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper [part~=header]{padding:var(--spacing-l2)}:where(nano-in-page-nav,.nano-in-page-nav):has(.details-wrapper[open])::part(root),:where(nano-in-page-nav,.nano-in-page-nav):has(.details-wrapper[open]) [part~=root]{box-shadow:var(--nano-shadow-l1)}:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper.sticky.stuck[open]::part(header),:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper.sticky.stuck [part~=header]{z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}}@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)}: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-small);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-small);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),: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:has([slot=icon]):has([slot=heading]),nano-icon-item:has([slot=icon]):has([slot=content]){grid-template-rows:repeat(2, min-content)}nano-icon-item:has([slot=icon]):has([slot=heading]):has([slot=content]){grid-template-rows:repeat(3, min-content)}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-medium);line-height:var(--nano-line-height-dense);color:var(--nano-color-neutral-1400);text-align:center}nano-icon-item p[slot=content]{all:unset;font-size:var(--nano-font-size-small);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]),nano-icon-item[landscape]:has([slot=icon]):has([slot=content]){grid-template-rows:min-content}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]){grid-template-rows:min-content 1fr}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)}}: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-l);line-height:var(--nano-line-height-dense);--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-wrapper-max-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]):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-wrapper-max-width);max-block-size:var(--table-wrapper-max-height)}:where(nano-table,.nano-table):not([scrollable=false]) .nano-table__overflow{max-inline-size:var(--table-wrapper-max-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)}: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{: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-table{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):not([open]),nano-dialog:not(.hydrated),nano-drawer:not(.hydrated){display:none}nano-alert[open]:not(.hydrated){display:block;min-height: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{height: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 */
+: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)}@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) :which(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(197px, 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],ul){margin-inline:var(--content-margin)}nano-card [slot]:not([slot=img],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 [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 nano-content-links{--color-border: rgb(var(--nano-color-base-rgb-1000) / 7%)}nano-card address{font-style:normal}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:not([layout=landscape]) [slot]{grid-column:1/-1 !important}nano-card[layout=landscape] [slot]{grid-column:2}nano-card[layout=landscape] [slot=img]{grid-column:1;grid-row:1/-1}@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-l);line-height:var(--nano-line-height-dense)}nano-card [slot=content],nano-card [slot=content]>*{font-size:var(--nano-font-size-small);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-small);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-medium);line-height:var(--nano-line-height-dense)}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>a,nano-tag>button{all:unset;display:block;padding:var(--padding)}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){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)}}@layer components{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-small);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}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}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}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)}nano-content-links>*:not(a)::after{background-color:var(--color-disabled)}nano-content-links>*+*{border-block-start:none !important}nano-content-links>a{pointer-events:auto;cursor:pointer;color:var(--text-color)}nano-content-links>a::after{background-color:var(--icon-color)}nano-content-links>a[target=_blank]::after{mask-image:var(--nano-component-icon-open)}nano-content-links>a:hover,nano-content-links>a:active{color:var(--color-active);text-decoration:underline solid}nano-content-links>a:hover::after,nano-content-links>a:active::after{background-color:var(--color-active)}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 a{color:inherit;border-radius:inherit}nano-badge a::after{content:"";position:absolute;inset:0;width:100%;height: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);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 :where(nano-global-nav,.nano-global-nav)::part(logo),.nano-theme-dark :where(nano-global-nav,.nano-global-nav) [part~=logo],:where(nano-global-nav,.nano-global-nav).nano-theme-dark::part(logo),:where(nano-global-nav,.nano-global-nav).nano-theme-dark [part~=logo]{filter:invert(100%)}:where(nano-global-nav,.nano-global-nav)>a,:where(nano-global-nav,.nano-global-nav) :where(nano-nav-item,.nano-nav-item)::part(label),:where(nano-global-nav,.nano-global-nav) :where(nano-nav-item,.nano-nav-item) [part~=label]{white-space:nowrap}:where(nano-global-nav,.nano-global-nav).bar-menu nano-nav-item,:where(nano-global-nav,.nano-global-nav).bar-menu>a{color:var(--main-menu-text-color)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item):hover,:where(nano-global-nav,.nano-global-nav).bar-menu>a:hover{color:var(--main-menu-hover-text-color)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item):active,:where(nano-global-nav,.nano-global-nav).bar-menu>a:active{color:var(--main-menu-active-text-color)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)::part(trigger),:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [part~=trigger]{position:relative}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)::part(trigger)::before,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [part~=trigger]::before{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}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)[open]{color:var(--main-menu-active-border-color) !important}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)[open]::part(trigger)::before,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)[open] [part~=trigger]::before{transform:translateZ(0) scaleX(1)}:where(nano-global-nav,.nano-global-nav).bar-menu a.active,:where(nano-global-nav,.nano-global-nav).bar-menu nano-nav-item.active,:where(nano-global-nav,.nano-global-nav).bar-menu nano-nav-item[selected]{color:var(--main-menu-active-text-color) !important}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.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}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)::part(modal modal--open){inset-block-start:100%}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.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)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item)::part(modal-mask),:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [part~=modal-mask]{background:var(--nano-overlay-background-color);position:fixed;inset:0;min-block-size:100%;z-index:-1}:where(nano-global-nav,.nano-global-nav).bar-menu [slot=close-button]{display:none}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]{display:grid;gap:var(--nano-spacing-xl);grid-template:auto/repeat(auto-fit, minmax(200px, 1fr))}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]:has(.gn__focus-area){grid-template:auto/1fr 1fr 26rem}@media(width < 1200px){:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]:has(.gn__focus-area){grid-template-columns:1fr 26rem}}@media(width < 830px){:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]:has(.gn__focus-area){grid-template-columns:1fr}}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h1,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h2,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h3,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h4,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__title{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-medium);line-height:var(--nano-line-height-dense);padding-block-end:1rem;border-block-end:1px solid var(--nano-color-neutral-100)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] a{text-decoration:none}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] a:hover{text-decoration:underline}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] ul{margin:0;padding:0}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.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)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.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){:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area{grid-column:2;grid-row:1/3}}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h1,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h2,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h3,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h4,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area h5,:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area p{margin:0;border:none}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__focus-area nano-content-links{display:block}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__link-columns{gap:var(--nano-spacing-xl)}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__link-columns:has(>:nth-child(6)){columns:2}:where(nano-global-nav,.nano-global-nav).bar-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__link-columns>*{display:block;margin-block-end:var(--nano-spacing-sm)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item),:where(nano-global-nav,.nano-global-nav).overflow-menu>a{color:var(--overflow-text-color)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item):hover,:where(nano-global-nav,.nano-global-nav).overflow-menu>a:hover{color:var(--overflowhover-text-color)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item):active,:where(nano-global-nav,.nano-global-nav).overflow-menu>a:active{color:var(--overflow-active-text-color)}:where(nano-global-nav,.nano-global-nav).overflow-menu a.active,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item).active,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item)[selected]{color:var(--overflow-active-text-color) !important}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item)::part(modal){background-color:var(--overflow-bg-color);inline-size:100%;block-size:100%;position:absolute;inset:0}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary]{display:flex;flex-direction:column;gap:var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] a{text-decoration:none;color:var(--nano-color-blue-cerulean-700)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] a:hover{text-decoration:underline}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h1,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h2,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h3,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] h4,:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__title{font-size:var(--nano-font-size-small);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-sm)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] ul{margin:0;padding:0}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.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)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.nano-nav-item) [slot=secondary] .gn__link-columns{padding-inline-start:var(--nano-spacing-md)}:where(nano-global-nav,.nano-global-nav).overflow-menu :where(nano-nav-item,.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)}:where(nano-global-nav,.nano-global-nav).overflow-menu [slot=close-button]{color:inherit;padding-block:var(--nano-spacing-md);display:flex;gap:var(--nano-spacing-sm);align-items:center;cursor:pointer;inline-size:100%}:where(nano-global-nav,.nano-global-nav).overflow-menu [slot=close-button]:hover{color:var(--nano-color-blue-cerulean-700)}:where(nano-global-nav,.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}}@layer components{:where(nano-in-page-nav,.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)}:where(nano-in-page-nav,.nano-in-page-nav):dir(rtl){--flip-icon-ltr: 0}:where(nano-in-page-nav,.nano-in-page-nav) a,:where(nano-in-page-nav,.nano-in-page-nav) ul,:where(nano-in-page-nav,.nano-in-page-nav) li{all:unset}:where(nano-in-page-nav,.nano-in-page-nav) ul{display:flex;flex-direction:column;list-style:none}:where(nano-in-page-nav,.nano-in-page-nav) ul:not(ul ul){padding:0 var(--spacing-l2) var(--spacing-l3) var(--spacing-l2)}:where(nano-in-page-nav,.nano-in-page-nav) a{cursor:pointer}:where(nano-in-page-nav,.nano-in-page-nav) a:hover{text-decoration:underline}:where(nano-in-page-nav,.nano-in-page-nav) a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}:where(nano-in-page-nav,.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%;border-block-end:1px solid var(--color-bottom-border)}:where(nano-in-page-nav,.nano-in-page-nav) ul>li:not(ul>li li) a{color:var(--color-text)}:where(nano-in-page-nav,.nano-in-page-nav) ul>li:not(ul>li li) a.active{border-inline-start:var(--border-active);padding-inline-start:1rem}:where(nano-in-page-nav,.nano-in-page-nav) ul>li:not(ul>li li) a:hover{color:var(--color-text-hover)}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul,:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul{padding:var(--list-gap) 0 0 var(--spacing-l2);gap:var(--list-gap)}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul a,:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul a{color:var(--color-primary) !important}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul a.active,:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul a.active{padding-inline-start:0}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul:has(nano-details),:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul:has(nano-details){padding-inline-start:1.1rem}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul nano-details::part(header),:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul nano-details [part~=header],:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul nano-details::part(header),:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul nano-details [part~=header]{padding:0}:where(nano-in-page-nav,.nano-in-page-nav) ul>li>ul>li>nano-details>ul,:where(nano-in-page-nav,.nano-in-page-nav) ul>li>nano-details>ul>li>nano-details>ul{padding:var(--list-gap) 0 0 var(--nano-spacing-l1-default)}:where(nano-in-page-nav,.nano-in-page-nav) nano-details nano-details:not(nano-details nano-details nano-details){color:var(--color-text)}:where(nano-in-page-nav,.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}:where(nano-in-page-nav,.nano-in-page-nav) nano-details .active::part(header),:where(nano-in-page-nav,.nano-in-page-nav) nano-details .active [part~=header]{border-inline-start:var(--border-active);padding-inline-start:1rem;color:var(--color-primary)}:where(nano-in-page-nav,.nano-in-page-nav) nano-details[open]>[slot=icon-start]{rotate:90deg}:where(nano-in-page-nav,.nano-in-page-nav) nano-details::part(content),:where(nano-in-page-nav,.nano-in-page-nav) nano-details [part~=content]{padding:0}:where(nano-in-page-nav,.nano-in-page-nav) nano-details::part(icon--start),:where(nano-in-page-nav,.nano-in-page-nav) nano-details [part~=icon--start]{margin-inline-end:var(--spacing-l3)}:where(nano-in-page-nav,.nano-in-page-nav) nano-details::part(header),:where(nano-in-page-nav,.nano-in-page-nav) nano-details [part~=header]{font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing)}:where(nano-in-page-nav,.nano-in-page-nav) nano-details::part(header):hover,:where(nano-in-page-nav,.nano-in-page-nav) nano-details [part~=header]:hover{text-decoration:underline}:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper{--btn-text-color: var(--color-text)}:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper::part(header),:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper [part~=header]{padding:var(--spacing-l2)}:where(nano-in-page-nav,.nano-in-page-nav):has(.details-wrapper[open])::part(root),:where(nano-in-page-nav,.nano-in-page-nav):has(.details-wrapper[open]) [part~=root]{box-shadow:var(--nano-shadow-l1)}:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper.sticky.stuck[open]::part(header),:where(nano-in-page-nav,.nano-in-page-nav) .details-wrapper.sticky.stuck [part~=header]{z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}}@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)}: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-small);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-small);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),: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:has([slot=icon]):has([slot=heading]),nano-icon-item:has([slot=icon]):has([slot=content]){grid-template-rows:repeat(2, min-content)}nano-icon-item:has([slot=icon]):has([slot=heading]):has([slot=content]){grid-template-rows:repeat(3, min-content)}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-medium);line-height:var(--nano-line-height-dense);color:var(--nano-color-neutral-1400);text-align:center}nano-icon-item p[slot=content]{all:unset;font-size:var(--nano-font-size-small);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]),nano-icon-item[landscape]:has([slot=icon]):has([slot=content]){grid-template-rows:min-content}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]){grid-template-rows:min-content 1fr}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)}}: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-l);line-height:var(--nano-line-height-dense);--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-wrapper-max-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]):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-wrapper-max-width);max-block-size:var(--table-wrapper-max-height)}:where(nano-table,.nano-table):not([scrollable=false]) .nano-table__overflow{max-inline-size:var(--table-wrapper-max-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)}: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-breadcrumb{--text-color: var(--nano-color-primary-1000);--text-color-hover: var(--nano-color-primary-1200);--text-color-secondary: var(--nano-color-neutral-1400);--text-color-disabled: var(--nano-color-neutral-1000);--border-color: var(--nano-color-neutral-400);--trigger-bg-color: var(--nano-color-base-0)}nano-breadcrumb .breadcrumbs{container-type:inline-size;container-name:breadcrumbs;inline-size:100%;max-inline-size:1346px}nano-breadcrumb ol,nano-breadcrumb nano-menu::part(base){list-style:none;padding:0;margin:0;display:flex;flex-direction:row}nano-breadcrumb li,nano-breadcrumb nano-nav-item{display:flex;align-items:center;justify-content:flex-start;font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);text-wrap:nowrap;margin-block-end:0}nano-breadcrumb li:not(.return-only li)::after,nano-breadcrumb nano-nav-item::after{content:"/";margin:0 var(--nano-spacing-xs);color:var(--border-color)}nano-breadcrumb a.link{color:var(--text-color)}nano-breadcrumb a:not(.link){color:var(--text-color-secondary)}nano-breadcrumb a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}nano-breadcrumb a.link:hover{color:var(--text-color-hover)}nano-breadcrumb a.return.link{display:flex;align-items:center;gap:calc(var(--nano-spacing-sm)/2)}nano-breadcrumb nano-dropdown{inline-size:100%;display:none}nano-breadcrumb nano-dropdown[open]::part(trigger){box-shadow:var(--nano-shadow-l1)}nano-breadcrumb nano-dropdown[open]::part(panel){box-shadow:var(--nano-shadow-l1)}nano-breadcrumb .trigger-button{inline-size:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--nano-spacing-l3) var(--nano-spacing-l2);color:var(--text-color);background-color:var(--trigger-bg-color);cursor:pointer;text-align:start;border:none;font-size:var(--nano-font-size-xs)}nano-breadcrumb .trigger-button .trigger-button_label{text-decoration:underline}nano-breadcrumb .trigger-button .trigger-button_label::after{content:"/";margin:0 var(--nano-spacing-xs);color:var(--border-color)}nano-breadcrumb .trigger-button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-breadcrumb .trigger-icon{transform:rotate(0deg);transition:var(--nano-transition-x-fast) ease transform}nano-breadcrumb .trigger-icon--open{transform:rotate(180deg)}@container breadcrumbs (max-width: 768px){nano-breadcrumb .main{display:none}nano-breadcrumb nano-dropdown{display:block}nano-breadcrumb nano-menu::part(base){flex-direction:column}nano-breadcrumb nano-nav-item::after{display:none}nano-breadcrumb .trigger-button_label::after{display:inline-block}nano-breadcrumb .return-only{padding:var(--nano-spacing-l3) var(--nano-spacing-l2)}nano-breadcrumb nano-nav-item::part(trigger){text-decoration:none;color:var(--text-color-secondary)}}}@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-table{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):not([open]),nano-dialog:not(.hydrated),nano-drawer:not(.hydrated){display:none}nano-alert[open]:not(.hydrated){display:block;min-height: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{height: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 */