@proximus/lavender 1.0.0-alpha.15 → 1.0.0-alpha.17

package/dist/lavender.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(e){const t=document.createElement(e),r=Object.getPrototypeOf(t);return Object.getOwnPropertyNames(r)}const t=new CSSStyleSheet;t.replaceSync("::slotted(*[grow]){flex-grow:var(--flex-grow-value)}::slotted(*[shrink]){flex-shrink:var(--flex-shrink-value)}::slotted(*[basis]){flex-basis:var(--flex-basis-value)}::slotted(*[align-self]){align-self:var(--flex-align-self-value)}::slotted(*[grow-mobile]){flex-grow:var(--flex-grow-mobile-value)}::slotted(*[shrink-mobile]){flex-shrink:var(--flex-shrink-mobile-value)}::slotted(*[basis-mobile]){flex-basis:var(--flex-basis-mobile-value)}::slotted(*[align-self-mobile]){align-self:var(--flex-align-self-mobile-value)}@media screen and (min-width: 768px){::slotted(*[grow-tablet]){flex-grow:var(--flex-grow-tablet-value)}::slotted(*[shrink-tablet]){flex-shrink:var(--flex-shrink-tablet-value)}::slotted(*[basis-tablet]){flex-basis:var(--flex-basis-tablet-value)}::slotted(*[align-self-tablet]){align-self:var(--flex-align-self-tablet-value)}}@media screen and (min-width: 1025px){::slotted(*[grow-laptop]){flex-grow:var(--flex-grow-laptop-value)}::slotted(*[shrink-laptop]){flex-shrink:var(--flex-shrink-laptop-value)}::slotted(*[basis-laptop]){flex-basis:var(--flex-basis-laptop-value)}::slotted(*[align-self-laptop]){align-self:var(--flex-align-self-laptop-value)}}@media screen and (min-width: 1441px){::slotted(*[grow-desktop]){flex-grow:var(--flex-grow-desktop-value)}::slotted(*[shrink-desktop]){flex-shrink:var(--flex-shrink-desktop-value)}::slotted(*[basis-desktop]){flex-basis:var(--flex-basis-desktop-value)}::slotted(*[align-self-desktop]){align-self:var(--flex-align-self-desktop-value)}}@media only screen and (min-width: 0px) and (max-width: 767px){::slotted(*[hidden-mobile]){display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted(*[hidden-tablet]){display:none}}@media only screen and (min-width: 1025px) and (max-width: 1440px){::slotted(*[hidden-laptop]){display:none}}@media only screen and (min-width: 1441px){::slotted(*[hidden-desktop]){display:none}}");class r extends HTMLElement{static get observedAttributes(){return["grow","grow-tablet","grow-laptop","grow-desktop","shrink","shrink-mobile","shrink-tablet","shrink-laptop","shrink-desktop","basis","basis-mobile","basis-tablet","basis-laptop","basis-desktop","align-self","hidden-mobile","hidden-tablet","hidden-laptop","hidden-desktop"]}constructor(...e){super(),this.shadowRoot||this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[t,...e]}attributeChangedCallback(e,t,o){if(-1!==r.observedAttributes.indexOf(e))if(null===o)this.style.removeProperty(e);else switch(e){case"grow":case"shrink":case"basis":case"grow-mobile":case"grow-tablet":case"grow-laptop":case"grow-desktop":case"shrink-mobile":case"shrink-tablet":case"shrink-laptop":case"shrink-desktop":case"basis-mobile":case"basis-tablet":case"basis-laptop":case"basis-desktop":case"align-self":this.style.setProperty(`--flex-${e}-value`,o)}}get grow(){return this.getAttribute("grow")}set grow(e){this.setAttribute("grow",e)}get shrink(){return this.getAttribute("shrink")}set shrink(e){this.setAttribute("shrink",e)}get basis(){return this.getAttribute("basis")}set basis(e){this.setAttribute("basis",e)}get growMobile(){return this.getAttribute("grow-mobile")}set growMobile(e){this.setAttribute("grow-mobile",e)}get growTablet(){return this.getAttribute("grow-tablet")}set growTablet(e){this.setAttribute("grow-tablet",e)}get growLaptop(){return this.getAttribute("grow-laptop")}set growLaptop(e){this.setAttribute("grow-laptop",e)}get growDesktop(){return this.getAttribute("grow-desktop")}set growDesktop(e){this.setAttribute("grow-desktop",e)}get shrinkMobile(){return this.getAttribute("shrink-mobile")}set shrinkMobile(e){this.setAttribute("shrink-mobile",e)}get shrinkTablet(){return this.getAttribute("shrink-tablet")}set shrinkTablet(e){this.setAttribute("shrink-tablet",e)}get shrinkLaptop(){return this.getAttribute("shrink-laptop")}set shrinkLaptop(e){this.setAttribute("shrink-laptop",e)}get shrinkDesktop(){return this.getAttribute("shrink-desktop")}set shrinkDesktop(e){this.setAttribute("shrink-desktop",e)}get basisMobile(){return this.getAttribute("basis-mobile")}set basisMobile(e){this.setAttribute("basis-mobile",e)}get basisTablet(){return this.getAttribute("basis-tablet")}set basisTablet(e){this.setAttribute("basis-tablet",e)}get basisLaptop(){return this.getAttribute("basis-laptop")}set basisLaptop(e){this.setAttribute("basis-laptop",e)}get basisDesktop(){return this.getAttribute("basis-desktop")}set basisDesktop(e){this.setAttribute("basis-desktop",e)}get alignSelf(){return this.getAttribute("align-self")}set alignSelf(e){this.setAttribute("align-self",e)}get $el(){return this}get hiddenMobile(){return this.getAttribute("hidden-mobile")}set hiddenMobile(e){this.setAttribute("hidden-mobile",e)}get hiddenTablet(){return this.getAttribute("hidden-tablet")}set hiddenTablet(e){this.setAttribute("hidden-tablet",e)}get hiddenLaptop(){return this.getAttribute("hidden-laptop")}set hiddenLaptop(e){this.setAttribute("hidden-laptop",e)}get hiddenDesktop(){return this.getAttribute("hidden-desktop")}set hiddenDesktop(e){this.setAttribute("hidden-desktop",e)}}class o extends r{static get observedAttributes(){return[...super.observedAttributes,...e(this.nativeName)]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),null===r?this.$el.toggleAttribute(e):this.$el.setAttribute(e,r)}constructor(...e){super(...e),this.nativeName=Object.getPrototypeOf(this).constructor.nativeName}connectedCallback(){for(const t of e(this.nativeName))"constructor"!==t&&Object.defineProperty(this,t,{get(){return this.$el[t]},set(e){this.$el[t]!==e&&(this.$el[t]=e)}})}get $el(){return this.shadowRoot.querySelector(this.nativeName)}}const i=["","default","inherit","xs","s","base","m","l","xl","2xl","3xl","4xl","5xl","6xl","7xl"],a=["","default","inherit","primary","body","details","hover","disabled","active","promo","success","warning","error","unlimited"],n=["","default","inherit","normal","bold","extrabold","light"],s=["","none","2xs","xs","s","m","l","xl"],l=["","none","s","m","l"],d=["","none","main","pill"],c=["","none","weak","moderate","strong","rich","main","canvas-weak","canvas-light","canvas-soft","canvas-moderate","canvas-strong","canvas-deep","canvas-rich","action-primary","action-secondary","action-hover-bordered","action-hover","action-disabled","action-active","notification","promo","success","error","warning","unlimited"],p=["","none","s","m","l","xl"],b=["","purple-bottom-red","purple-bottom-magenta","purple-bottom-orange","purple-bottom-blue","purple-bottom-turquoise","purple-bottom-green","purple-right-red","purple-right-magenta","purple-right-orange","purple-right-blue","purple-right-turquoise","purple-right-green","purple-top-right-red","purple-top-right-magenta","purple-top-right-orange","purple-top-right-blue","purple-top-right-turquoise","purple-top-right-green","purple-bottom-right-red","purple-bottom-right-magenta","purple-bottom-right-orange","purple-bottom-right-blue","purple-bottom-right-turquoise","purple-bottom-right-green","color-bottom-red","color-bottom-magenta","color-bottom-orange","color-bottom-blue","color-bottom-turquoise","color-bottom-green","color-right-red","color-right-magenta","color-right-orange","color-right-blue","color-right-turquoise","color-right-green","color-top-right-red","color-top-right-magenta","color-top-right-orange","color-top-right-blue","color-top-right-turquoise","color-top-right-green","color-bottom-right-red","color-bottom-right-magenta","color-bottom-right-orange","color-bottom-right-blue","color-bottom-right-turquoise","color-bottom-right-green"];function h(e){const t=document.createElement("style");t.innerHTML=e,document.head.appendChild(t)}function g(e){return"string"==typeof e&&("false"===e||"0"===e||"null"===e)||"boolean"==typeof e&&!e}const u=new CSSStyleSheet;u.replaceSync(".flex-container{display:flex;height:100%;width:100%;box-sizing:border-box;flex-direction:var(--flex-direction-mobile-value);gap:var(--flex-gap-mobile-value);flex-wrap:var(--flex-wrap-mobile-value);justify-content:var(--flex-justify-content-mobile-value);align-items:var(--flex-align-items-mobile-value)}@media screen and (min-width: 768px){.flex-container{flex-direction:var(--flex-direction-tablet-value);gap:var(--flex-gap-tablet-value);flex-wrap:var(--flex-wrap-tablet-value);justify-content:var(--flex-justify-content-tablet-value);align-items:var(--flex-align-items-tablet-value)}}@media screen and (min-width: 1025px){.flex-container{flex-direction:var(--flex-direction-laptop-value);gap:var(--flex-gap-laptop-value);flex-wrap:var(--flex-wrap-laptop-value);justify-content:var(--flex-justify-content-laptop-value);align-items:var(--flex-align-items-laptop-value)}}@media screen and (min-width: 1441px){.flex-container{flex-direction:var(--flex-direction-desktop-value);gap:var(--flex-gap-desktop-value);flex-wrap:var(--flex-wrap-desktop-value);justify-content:var(--flex-justify-content-desktop-value);align-items:var(--flex-align-items-desktop-value)}}");const v=["between-section-vertical","between-options-vertical","under-text-vertical","display-to-subtitle-vertical","under-display-vertical","component-default-vertical","component-expanded-vertical","between-section-vertical-mobile","between-options-vertical-mobile","under-text-vertical-mobile","display-to-subtitle-vertical-mobile","under-display-vertical-mobile","component-default-vertical-mobile","component-expanded-vertical-mobile","between-icon-horizontal","text-to-icon-compact-horizontal","text-to-icon-horizontal","component-compact-horizontal","component-default-horizontal","component-expanded-horizontal","between-icon-horizontal-mobile","text-to-icon-compact-horizontal-mobile","text-to-icon-horizontal-mobile","component-compact-horizontal-mobile","component-default-horizontal-mobile"];class x extends r{constructor(){super(u),this.template='<div class="flex-container">\n      <slot></slot>\n  </div>',this.shadowRoot.innerHTML=this.template}connectedCallback(){this.hasAttribute("direction")||(this.direction="row")}static get observedAttributes(){return[...super.observedAttributes,"direction","direction-mobile","direction-tablet","direction-laptop","direction-desktop","gap","gap-mobile","gap-tablet","gap-laptop","gap-desktop","justify-content","justify-content-mobile","justify-content-tablet","justify-content-laptop","justify-content-desktop","align-items","align-items-mobile","align-items-tablet","align-items-laptop","align-items-desktop","wrap","wrap-mobile","wrap-tablet","wrap-laptop","wrap-desktop"]}attributeChangedCallback(e,t,r){if(e.indexOf("direction")>-1&&!["column","row"].includes(r))throw new Error("Invalid direction");switch(e){case"gap":this.$el.style.getPropertyValue("--flex-gap-mobile-value")||this.$el.style.setProperty("--flex-gap-mobile-value",this.getGapCSSVariable(r)),this.$el.style.getPropertyValue("--flex-gap-tablet-value")||this.$el.style.setProperty("--flex-gap-tablet-value",this.getGapCSSVariable(r)),this.$el.style.getPropertyValue("--flex-gap-laptop-value")||this.$el.style.setProperty("--flex-gap-laptop-value",this.getGapCSSVariable(r)),this.$el.style.getPropertyValue("--flex-gap-desktop-value")||this.$el.style.setProperty("--flex-gap-desktop-value",this.getGapCSSVariable(r));break;case"gap-mobile":case"gap-tablet":case"gap-laptop":case"gap-desktop":this.$el.style.setProperty(`--flex-${e}-value`,this.getGapCSSVariable(r));break;case"direction":this.$el.style.getPropertyValue("--flex-direction-mobile-value")||this.$el.style.setProperty("--flex-direction-mobile-value",r),this.$el.style.getPropertyValue("--flex-direction-tablet-value")||this.$el.style.setProperty("--flex-direction-tablet-value",r),this.$el.style.getPropertyValue("--flex-direction-laptop-value")||this.$el.style.setProperty("--flex-direction-laptop-value",r),this.$el.style.getPropertyValue("--flex-direction-desktop-value")||this.$el.style.setProperty("--flex-direction-desktop-value",r);break;case"justify-content":this.$el.style.getPropertyValue("--flex-justify-content-mobile-value")||this.$el.style.setProperty("--flex-justify-content-mobile-value",r),this.$el.style.getPropertyValue("--flex-justify-content-tablet-value")||this.$el.style.setProperty("--flex-justify-content-tablet-value",r),this.$el.style.getPropertyValue("--flex-justify-content-laptop-value")||this.$el.style.setProperty("--flex-justify-content-laptop-value",r),this.$el.style.getPropertyValue("--flex-justify-content-desktop-value")||this.$el.style.setProperty("--flex-justify-content-desktop-value",r);break;case"align-items":this.$el.style.getPropertyValue("--flex-align-items-mobile-value")||this.$el.style.setProperty("--flex-align-items-mobile-value",r),this.$el.style.getPropertyValue("--flex-align-items-tablet-value")||this.$el.style.setProperty("--flex-align-items-tablet-value",r),this.$el.style.getPropertyValue("--flex-align-items-laptop-value")||this.$el.style.setProperty("--flex-align-items-laptop-value",r),this.$el.style.getPropertyValue("--flex-align-items-desktop-value")||this.$el.style.setProperty("--flex-align-items-desktop-value",r);break;case"wrap":this.$el.style.getPropertyValue("--flex-wrap-mobile-value")||this.$el.style.setProperty("--flex-wrap-mobile-value",r),this.$el.style.getPropertyValue("--flex-wrap-tablet-value")||this.$el.style.setProperty("--flex-wrap-tablet-value",r),this.$el.style.getPropertyValue("--flex-wrap-laptop-value")||this.$el.style.setProperty("--flex-wrap-laptop-value",r),this.$el.style.getPropertyValue("--flex-wrap-desktop-value")||this.$el.style.setProperty("--flex-wrap-desktop-value",r);break;case"direction-mobile":case"direction-tablet":case"direction-laptop":case"direction-desktop":case"justify-content-mobile":case"justify-content-tablet":case"justify-content-laptop":case"justify-content-desktop":case"align-items-mobile":case"align-items-tablet":case"align-items-laptop":case"align-items-desktop":case"wrap-mobile":case"wrap-tablet":case"wrap-laptop":case"wrap-desktop":this.$el.style.setProperty(`--flex-${e}-value`,r);break;default:super.attributeChangedCallback(e,t,r)}}getGapCSSVariable(e){return v.includes(e)?`var(--px-spacing-${e})`:e}get direction(){return this.getAttribute("direction")}set direction(e){this.setAttribute("direction",e)}get directionMobile(){return this.getAttribute("direction-mobile")}set directionMobile(e){this.setAttribute("direction-mobile",e)}get directionTablet(){return this.getAttribute("direction-tablet")}set directionTablet(e){this.setAttribute("direction-tablet",e)}get directionLaptop(){return this.getAttribute("direction-laptop")}set directionLaptop(e){this.setAttribute("direction-laptop",e)}get directionDesktop(){return this.getAttribute("direction-desktop")}set directionDesktop(e){this.setAttribute("direction-desktop",e)}get gap(){return this.getAttribute("gap")}set gap(e){this.setAttribute("gap",e)}get gapMobile(){return this.getAttribute("gap-mobile")}set gapMobile(e){this.setAttribute("gap-mobile",e)}get gapTablet(){return this.getAttribute("gap-tablet")}set gapTablet(e){this.setAttribute("gap-tablet",e)}get gapLaptop(){return this.getAttribute("gap-laptop")}set gapLaptop(e){this.setAttribute("gap-laptop",e)}get justifyContent(){return this.getAttribute("justify-content")}set justifyContent(e){this.setAttribute("justify-content",e)}get justifyContentMobile(){return this.getAttribute("justify-content-mobile")}set justifyContentMobile(e){this.setAttribute("justify-content-mobile",e)}get justifyContentTablet(){return this.getAttribute("justify-content-tablet")}set justifyContentTablet(e){this.setAttribute("justify-content-tablet",e)}get justifyContentLaptop(){return this.getAttribute("justify-content-laptop")}set justifyContentLaptop(e){this.setAttribute("justify-content-laptop",e)}get justifyContentDesktop(){return this.getAttribute("justify-content-desktop")}set justifyContentDesktop(e){this.setAttribute("justify-content-desktop",e)}get alignItems(){return this.getAttribute("align-items")}set alignItems(e){this.setAttribute("align-items",e)}get alignItemsMobile(){return this.getAttribute("align-items-mobile")}set alignItemsMobile(e){this.setAttribute("align-items-mobile",e)}get alignItemsTablet(){return this.getAttribute("align-items-tablet")}set alignItemsTablet(e){this.setAttribute("align-items-tablet",e)}get alignItemsLaptop(){return this.getAttribute("align-items-laptop")}set alignItemsLaptop(e){this.setAttribute("align-items-laptop",e)}get alignItemsDesktop(){return this.getAttribute("align-items-desktop")}set alignItemsDesktop(e){this.setAttribute("align-items-desktop",e)}get wrap(){return this.getAttribute("wrap")}set wrap(e){this.setAttribute("wrap",e)}get wrapMobile(){return this.getAttribute("wrap-mobile")}set wrapMobile(e){this.setAttribute("wrap-mobile",e)}get wrapTablet(){return this.getAttribute("wrap-tablet")}set wrapTablet(e){this.setAttribute("wrap-tablet",e)}get wrapLaptop(){return this.getAttribute("wrap-laptop")}set wrapLaptop(e){this.setAttribute("wrap-laptop",e)}get wrapDesktop(){return this.getAttribute("wrap-desktop")}set wrapDesktop(e){this.setAttribute("wrap-desktop",e)}get $el(){return this.shadowRoot.querySelector(".flex-container")}}customElements.get("px-stack")||customElements.define("px-stack",x);class m extends x{constructor(){super()}connectedCallback(){super.connectedCallback(),this.direction="column",this.directionMobile="column",this.directionTablet="column",this.directionLaptop="column",this.directionDesktop="column"}}customElements.get("px-vstack")||customElements.define("px-vstack",m);class f extends x{constructor(){super()}connectedCallback(){super.connectedCallback(),this.direction="row",this.directionMobile="row",this.directionTablet="row",this.directionLaptop="row",this.directionDesktop="row"}}customElements.get("px-hstack")||customElements.define("px-hstack",f);class y extends HTMLElement{constructor(){super()}static get observedAttributes(){return["grow"]}attributeChangedCallback(e,t,r){"grow"===e&&(this.style.flexGrow=r)}connectedCallback(){this.style.flexGrow=this.getAttribute("grow")||"1"}get grow(){return this.getAttribute("grow")}set grow(e){this.setAttribute("grow",e)}}customElements.define("px-spacer",y);const k=new CSSStyleSheet;k.replaceSync("slot[name=heading]{display:block;margin-top:1rem;margin-bottom:1rem}");customElements.define("px-section-damien",class extends r{constructor(){super(k),this.template='\n  <section>\n    <slot name="heading"></slot>\n    <px-stack direction="column" gap="1rem">\n      <slot></slot>\n    </px-stack>\n  </section>',this.shadowRoot.innerHTML=this.template}static get observedAttributes(){return[...super.observedAttributes,"gap"]}attributeChangedCallback(e,t,r){"gap"!==e||t===r?super.attributeChangedCallback(e,t,r):this.$el.gap=r}get gap(){return this.getAttribute("gap")}set gap(e){this.setAttribute("gap",e)}get $el(){return this.shadowRoot.querySelector('px-stack[direction="column"]')}});const w=new CSSStyleSheet;w.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class z extends r{constructor(){super(w),this.template=e=>`\n    <px-container borderradius="none" padding="none">\n      <px-vstack>\n        <px-container id="header-container" borderradius="none">\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="header-vstack-container"\n              gap="1rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="header-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="image-container"\n          borderradius="none"\n          padding="none"\n          paddingtop="xl"\n          id="image-box"\n          bgimgsize="cover"\n          bgimgposition="top center"\n          paddingbottom="xl"\n          borderradius="none"\n          bgimg="${this.backgroundImage}"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack grow="${this.grow}" basis="${this.basis}">\n              <slot name="image-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        ${e?` <px-hstack>\n        <px-spacer></px-spacer>\n        <px-container borderradius="none" shadow="xl" id="image-sticky-box" border="s" grow="${this.grow}" basis="${this.basis}" borderradius="m">\n          <px-vstack gap="1rem">\n            <slot name="image-sticky-container"></slot>\n          </px-vstack>\n        </px-container>\n        <px-spacer></px-spacer>\n      </px-hstack>`:""}\n        <px-container\n          id="body-container"\n          id="main"\n          bgcolor="${this.backgroundColor}"\n          padding="none"\n          paddingtop="xl"\n          paddingbottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="body-vstack-container"\n              gap="3rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="body-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="contact-container"\n          borderradius="none"\n          id="main"\n          bgcolor="weak"\n          padding="none"\n          paddingtop="xl"\n          paddingbottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="contact-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="footer-container"\n          bgcolor="none"\n          borderradius="none"\n          style="background-color: rgb(108, 66, 156)"\n          paddingtop="xl"\n          paddingbottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="footer-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n      </px-vstack>\n    </px-container>\n  `,this.shadowRoot.innerHTML=this.template(!!this.$imageStickySlot)}static get observedAttributes(){return[...super.observedAttributes,"background-image","gap","background-color","padding-vertical","padding-horizontal"]}get $wideImage(){return this.shadowRoot.querySelector("#image-box")}get $bodyVStackContainer(){return this.shadowRoot.querySelector("#header-vstack-container")}get $bodyContainer(){return this.shadowRoot.querySelector("#body-container")}get $contactContainer(){return this.shadowRoot.querySelector("#contact-container")}get $footerContainer(){return this.shadowRoot.querySelector("#footer-container")}get $headerContainer(){return this.shadowRoot.querySelector("#header-container")}get $imageContainer(){return this.shadowRoot.querySelector("#image-container")}get backgroundImage(){return this.getAttribute("background-image")}get $imageStickySlot(){return this.querySelector('*[slot="image-sticky-container"]')}get $main(){return this.shadowRoot.querySelector("#main")}get backgroundColor(){return this.getAttribute("background-color")||"none"}get paddingVertical(){return this.getAttribute("padding-vertical")}get paddingHorizontal(){return this.getAttribute("padding-horizontal")}set paddingVertical(e){this.setAttribute("padding-vertical",e)}set paddingHorizontal(e){this.setAttribute("padding-horizontal",e)}get gap(){return this.getAttribute("gap")}connectedCallback(){this.handlePaddingVerticalChange(this.paddingVertical),this.handlePaddingHorizontalChange(this.paddingHorizontal)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"background-image":this.$imageContainer.setAttribute("bgimg-mobile",r);break;case"gap":this.$bodyVStackContainer.setAttribute("gap",r);break;case"background-color":this.$bodyContainer.setAttribute("bgcolor",c.indexOf(r)>0?r:"none");break;case"padding-vertical":this.handlePaddingVerticalChange(r);break;case"padding-horizontal":this.handlePaddingHorizontalChange(r);break;default:super.attributeChangedCallback(e,t,r)}}handlePaddingVerticalChange(e){this.$headerContainer.setAttribute("paddingtop",e),this.$footerContainer.setAttribute("paddingbottom",e)}handlePaddingHorizontalChange(e){this.$headerContainer.paddingLeft=e,this.$headerContainer.paddingRight=e,this.$bodyContainer.paddingLeft=e,this.$bodyContainer.paddingRight=e,this.$contactContainer.paddingLeft=e,this.$contactContainer.paddingRight=e,this.$footerContainer.paddingLeft=e,this.$footerContainer.paddingRight=e,this.$imageContainer.paddingLeft=e,this.$imageContainer.paddingRight=e}}void 0===customElements.get("px-page")&&customElements.define("px-page",z);class A extends HTMLElement{constructor(){super()}static get observedAttributes(){return["name","src","type","format"]}connectedCallback(){if(document.querySelectorAll(`px-icon-set[name="${this.getAttribute("name")}"]`).length>1&&(console.warn("Only one <px-icon-set> component is allowed, self removing"),this.remove()),"font"===this.getAttribute("type")){const e=document.createElement("style");e.setAttribute("type","text/css"),e.setAttribute("data-name",this.getAttribute("name")),e.textContent=`\n@font-face {\n  font-family: 'lavender';\n  src:\n    url('${this.getAttribute("src")}') format(${this.getAttribute("format")}),\n  font-weight: normal;\n  font-style: normal;\n  font-display: block;\n}\n      `,document.head.appendChild(e)}}disconnectedCallback(){const e=document.querySelector(`style[data-name="${this.getAttribute("name")}"]`);e&&e.remove()}}customElements.get("px-icon-set")||customElements.define("px-icon-set",A);const $=["2xs","xs","s","m","l","xl","2xl"],S=["name","size","color","aria-label","inverted","from"];class C extends r{static get observedAttributes(){return[...super.observedAttributes,...S]}constructor(...e){var t;super(...e),this.internals=null==(t=this.attachInternals)?void 0:t.call(this)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"name":this.updateName(t,r);break;case"size":this.updateAttribute(e,t,r,$);break;case"color":this.updateAttribute(e,t,r,a);break;case"aria-label":if(!this.internals)return;this.internals.ariaHidden=r?"false":"true"}}updateAttribute(e,t,r,o){null!==t&&""!==t&&("size"===e?this.$el.classList.toggle(`${e}-${t}`):this.$el.classList.toggle(t)),null!==r&&""!==r&&("size"===e?this.$el.classList.toggle(`${e}-${r}`):this.$el.classList.toggle(r)),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}get name(){return this.getAttribute("name")}set name(e){this.setAttribute("name",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get arialabel(){return this.getAttribute("aria-label")}set arialabel(e){this.setAttribute("aria-label",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get from(){return this.getAttribute("from")}set from(e){this.setAttribute("from",e)}}const _=":host{line-height:1;display:inline-block;vertical-align:middle}i{font-family:lavender;color:var(--px-color-icon-primary-default);font-size:var(--px-icon-size-m-mobile);line-height:1;font-style:unset;font-weight:400;-webkit-user-select:none;user-select:none;font-display:swap}svg{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);color:var(--px-color-icon-primary-default)}.inherit{color:inherit}.primary{color:var(--px-color-icon-primary-default)}.body{color:var(--px-color-icon-body-default)}.details{color:var(--px-color-icon-details-default)}.hover:hover{color:var(--px-color-icon-hover-default)}.hover:active{color:var(--px-color-icon-active-default)}.disabled{color:var(--px-color-icon-disabled-default)}.success{color:var(--px-color-icon-success-default)}.warning{color:var(--px-color-icon-warning-default)}.error{color:var(--px-color-icon-error-default)}.unlimited{color:var(--px-color-icon-unlimited-default)}.promo{color:var(--px-color-icon-promo-default)}:host([inverted]) i{color:var(--px-color-icon-primary-inverted)}:host([inverted]) svg{color:var(--px-color-icon-primary-inverted)}:host([inverted]) .primary{color:var(--px-color-icon-primary-inverted)}:host([inverted]) .body{color:var(--px-color-icon-body-inverted)}:host([inverted]) .details{color:var(--px-color-icon-details-inverted)}:host([inverted]) .hover:hover{color:var(--px-color-icon-hover-inverted)}:host([inverted]) .hover:active{color:var(--px-color-icon-active-inverted)}:host([inverted]) .disabled{color:var(--px-color-icon-disabled-inverted)}:host([inverted]) .success{color:var(--px-color-icon-success-inverted)}:host([inverted]) .warning{color:var(--px-color-icon-warning-inverted)}:host([inverted]) .error{color:var(--px-color-icon-error-inverted)}:host([inverted]) .unlimited{color:var(--px-color-icon-unlimited-inverted)}:host([inverted]) .promo{color:var(--px-color-icon-promo-inverted)}.size-2xs{width:var(--px-icon-size-2xs-mobile);height:var(--px-icon-size-2xs-mobile);font-size:var(--px-icon-size-2xs-mobile)}.size-xs{width:var(--px-icon-size-xs-mobile);height:var(--px-icon-size-xs-mobile);font-size:var(--px-icon-size-xs-mobile)}.size-s{width:var(--px-icon-size-s-mobile);height:var(--px-icon-size-s-mobile);font-size:var(--px-icon-size-s-mobile)}.size-m{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);font-size:var(--px-icon-size-m-mobile)}.size-l{width:var(--px-icon-size-l-mobile);height:var(--px-icon-size-l-mobile);font-size:var(--px-icon-size-l-mobile)}.size-xl{width:var(--px-icon-size-xl-mobile);height:var(--px-icon-size-xl-mobile);font-size:var(--px-icon-size-xl-mobile)}.size-2xl{width:var(--px-icon-size-2xl-mobile);height:var(--px-icon-size-2xl-mobile);font-size:var(--px-icon-size-2xl-mobile)}@media only screen and (min-width: 64rem){.size-2xs{width:var(--px-icon-size-2xs-tablet);height:var(--px-icon-size-2xs-tablet);font-size:var(--px-icon-size-2xs-tablet)}.size-xs{width:var(--px-icon-size-xs-tablet);height:var(--px-icon-size-xs-tablet);font-size:var(--px-icon-size-xs-tablet)}.size-s{width:var(--px-icon-size-s-tablet);height:var(--px-icon-size-s-tablet);font-size:var(--px-icon-size-s-tablet)}.size-m{width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet);font-size:var(--px-icon-size-m-tablet)}.size-l{width:var(--px-icon-size-l-tablet);height:var(--px-icon-size-l-tablet);font-size:var(--px-icon-size-l-tablet)}.size-xl{width:var(--px-icon-size-xl-tablet);height:var(--px-icon-size-xl-tablet);font-size:var(--px-icon-size-xl-tablet)}.size-2xl{width:var(--px-icon-size-2xl-tablet);height:var(--px-icon-size-2xl-tablet);font-size:var(--px-icon-size-2xl-tablet)}}@media only screen and (min-width: 90rem){.size-2xs{width:var(--px-icon-size-2xs-desktop);height:var(--px-icon-size-2xs-desktop);font-size:var(--px-icon-size-2xs-desktop)}.size-xs{width:var(--px-icon-size-xs-desktop);height:var(--px-icon-size-xs-desktop);font-size:var(--px-icon-size-xs-desktop)}.size-s{width:var(--px-icon-size-s-desktop);height:var(--px-icon-size-s-desktop);font-size:var(--px-icon-size-s-desktop)}.size-m{width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop);font-size:var(--px-icon-size-m-desktop)}.size-l{width:var(--px-icon-size-l-desktop);height:var(--px-icon-size-l-desktop);font-size:var(--px-icon-size-l-desktop)}.size-xl{width:var(--px-icon-size-xl-desktop);height:var(--px-icon-size-xl-desktop);font-size:var(--px-icon-size-xl-desktop)}.size-2xl{width:var(--px-icon-size-2xl-desktop);height:var(--px-icon-size-2xl-desktop);font-size:var(--px-icon-size-2xl-desktop)}}i.icon-large:before{vertical-align:-10%;font-size:1.3333333333em}",L=new CSSStyleSheet;L.replaceSync(_);class E extends C{constructor(){super(L),this.template=()=>`<svg>\n  <use xlink:href="#icon-${this.name}"></use>\n</svg>`,this.shadowRoot.innerHTML=this.template()}connectedCallback(){const e=document.querySelectorAll("px-icon-set");e||console.log("<px-icon-set> component not found");for(const t of e)t.getAttribute("name")&&t.getAttribute("src")?t.getAttribute("name")===this.from&&"font"!==t.getAttribute("type")&&(this.src=t.getAttribute("src"),this.$el.firstElementChild.setAttribute("xlink:href",`${this.src}#icon-${this.name}`)):console.error("Icon name or src not found")}updateName(e,t){this.src&&this.$el.firstElementChild.setAttribute("xlink:href",`${this.src}#icon-${t}`)}get $el(){return this.shadowRoot.querySelector("svg")}}customElements.get("px-icon")||customElements.define("px-icon",E);const T=new CSSStyleSheet,P=new CSSStyleSheet;T.replaceSync('.lavender-3g_tablet:before{content:""}.lavender-accessories:before{content:""}.lavender-account:before{content:""}.lavender-activate:before{content:""}.lavender-ai:before{content:""}.lavender-air_plane:before{content:""}.lavender-alarm:before{content:""}.lavender-answers:before{content:""}.lavender-antenna:before{content:""}.lavender-applications:before{content:""}.lavender-arrow_down:before{content:""}.lavender-arrow_left:before{content:""}.lavender-arrow_right:before{content:""}.lavender-arrow_up:before{content:""}.lavender-back_camera:before{content:""}.lavender-bbox_off:before{content:""}.lavender-batterie:before{content:""}.lavender-best_seller:before{content:""}.lavender-bell_circle:before{content:""}.lavender-best_seller_2:before{content:""}.lavender-best_seller_14:before{content:""}.lavender-bbox_on:before{content:""}.lavender-beta_02:before{content:""}.lavender-beta:before{content:""}.lavender-belgique_ok:before{content:""}.lavender-bicycle:before{content:""}.lavender-bill:before{content:""}.lavender-bill_member:before{content:""}.lavender-birthday_cake:before{content:""}.lavender-blindness:before{content:""}.lavender-bookmark:before{content:""}.lavender-broken_links:before{content:""}.lavender-burger_menu:before{content:""}.lavender-bus:before{content:""}.lavender-bug:before{content:""}.lavender-budget_manager:before{content:""}.lavender-cable:before{content:""}.lavender-caddy:before{content:""}.lavender-cadenas_cloud:before{content:""}.lavender-calendar:before{content:""}.lavender-call_from_abroad:before{content:""}.lavender-call_transfert:before{content:""}.lavender-calls:before{content:""}.lavender-camera:before{content:""}.lavender-calls_1:before{content:""}.lavender-calls_from_belgium:before{content:""}.lavender-car:before{content:""}.lavender-car_crash:before{content:""}.lavender-card:before{content:""}.lavender-care:before{content:""}.lavender-cash_back:before{content:""}.lavender-checkmark:before{content:""}.lavender-checkmark_branding:before{content:""}.lavender-chevron_down:before{content:""}.lavender-chevron_up:before{content:""}.lavender-circular_economy:before{content:""}.lavender-clock:before{content:""}.lavender-cloud:before{content:""}.lavender-cloud_ict:before{content:""}.lavender-cloud_iot_1:before{content:""}.lavender-cloud_iot_2:before{content:""}.lavender-chevron_right:before{content:""}.lavender-cloud_security:before{content:""}.lavender-cloud_network:before{content:""}.lavender-chevron_left:before{content:""}.lavender-collaboration:before{content:""}.lavender-congratulation_box:before{content:""}.lavender-connection_error:before{content:""}.lavender-community:before{content:""}.lavender-connected_devices:before{content:""}.lavender-contact:before{content:""}.lavender-crash:before{content:""}.lavender-copy_paste:before{content:""}.lavender-cookie:before{content:""}.lavender-contest:before{content:""}.lavender-cross:before{content:""}.lavender-cross_circle:before{content:""}.lavender-connectivity:before{content:""}.lavender-current_location:before{content:""}.lavender-connection_manager:before{content:""}.lavender-daily_comute:before{content:""}.lavender-daily_rooming:before{content:""}.lavender-data:before{content:""}.lavender-dance:before{content:""}.lavender-dashboard:before{content:""}.lavender-desktop:before{content:""}.lavender-delivery:before{content:""}.lavender-data_center:before{content:""}.lavender-easy:before{content:""}.lavender-download:before{content:""}.lavender-easy_1:before{content:""}.lavender-daily_rooming_02:before{content:""}.lavender-direct_assist:before{content:""}.lavender-edit:before{content:""}.lavender-electricity:before{content:""}.lavender-energy:before{content:""}.lavender-entertainmant_full:before{content:""}.lavender-entertainment:before{content:""}.lavender-exclamation_mark:before{content:""}.lavender-eco:before{content:""}.lavender-exclamation_filled:before{content:""}.lavender-exhibition_screen:before{content:""}.lavender-export:before{content:""}.lavender-eye:before{content:""}.lavender-eye_close:before{content:""}.lavender-family:before{content:""}.lavender-faq:before{content:""}.lavender-favorite:before{content:""}.lavender-favorite_unselected:before{content:""}.lavender-feedback:before{content:""}.lavender-filter:before{content:""}.lavender-fixed_connection:before{content:""}.lavender-fiber:before{content:""}.lavender-fire_wood:before{content:""}.lavender-flexibility04:before{content:""}.lavender-flexibility05:before{content:""}.lavender-flexibility03:before{content:""}.lavender-flexibility02:before{content:""}.lavender-flexible_delivery:before{content:""}.lavender-flexibility01:before{content:""}.lavender-fixed_phone:before{content:""}.lavender-football:before{content:""}.lavender-forum:before{content:""}.lavender-free_delivery:before{content:""}.lavender-free_service:before{content:""}.lavender-frequently_questions:before{content:""}.lavender-fuel:before{content:""}.lavender-front_camera:before{content:""}.lavender-galerry_02:before{content:""}.lavender-galerry:before{content:""}.lavender-games:before{content:""}.lavender-gaz:before{content:""}.lavender-gift:before{content:""}.lavender-government:before{content:""}.lavender-gps:before{content:""}.lavender-handicap:before{content:""}.lavender-handle:before{content:""}.lavender-heat_pump:before{content:""}.lavender-guitar:before{content:""}.lavender-home:before{content:""}.lavender-home_added_value:before{content:""}.lavender-hub:before{content:""}.lavender-home_wifi:before{content:""}.lavender-icon_advantage_pig:before{content:""}.lavender-ict:before{content:""}.lavender-ict_networking:before{content:""}.lavender-incoming_calls:before{content:""}.lavender-infinity:before{content:""}.lavender-information_box:before{content:""}.lavender-internet_mobile:before{content:""}.lavender-information:before{content:""}.lavender-internet_laptop:before{content:""}.lavender-internet_tablet:before{content:""}.lavender-invoice_insight_adv:before{content:""}.lavender-international:before{content:""}.lavender-layers:before{content:""}.lavender-internet:before{content:""}.lavender-licence_plate_managment:before{content:""}.lavender-inscription:before{content:""}.lavender-licence_plate_managment02:before{content:""}.lavender-innovation:before{content:""}.lavender-light_bulb:before{content:""}.lavender-links:before{content:""}.lavender-location:before{content:""}.lavender-login:before{content:""}.lavender-login_open:before{content:""}.lavender-logout:before{content:""}.lavender-magnify:before{content:""}.lavender-map:before{content:""}.lavender-markets:before{content:""}.lavender-metro:before{content:""}.lavender-microphone:before{content:""}.lavender-micro:before{content:""}.lavender-mental_deficiency:before{content:""}.lavender-minus_circle:before{content:""}.lavender-minus:before{content:""}.lavender-minutes_1600_01:before{content:""}.lavender-micro_sim_card:before{content:""}.lavender-messaging:before{content:""}.lavender-mobile:before{content:""}.lavender-minutes_1600_02:before{content:""}.lavender-mobile_coverage:before{content:""}.lavender-mobile_1:before{content:""}.lavender-mobile_touches:before{content:""}.lavender-mobility_insurance:before{content:""}.lavender-monitoring:before{content:""}.lavender-mood_happy:before{content:""}.lavender-mood_joy:before{content:""}.lavender-mood_neutral:before{content:""}.lavender-mood_unhappy:before{content:""}.lavender-move_sticker:before{content:""}.lavender-no_wifi:before{content:""}.lavender-no_playing:before{content:""}.lavender-number2:before{content:""}.lavender-number3:before{content:""}.lavender-number1:before{content:""}.lavender-norton_security_1:before{content:""}.lavender-mood_very_bad:before{content:""}.lavender-music:before{content:""}.lavender-norton_security:before{content:""}.lavender-natural_gas:before{content:""}.lavender-number4:before{content:""}.lavender-number5:before{content:""}.lavender-number6:before{content:""}.lavender-number7:before{content:""}.lavender-number8:before{content:""}.lavender-number9:before{content:""}.lavender-number10:before{content:""}.lavender-on_app:before{content:""}.lavender-on_off_switch:before{content:""}.lavender-on_web:before{content:""}.lavender-one_click:before{content:""}.lavender-outcoming_call:before{content:""}.lavender-options:before{content:""}.lavender-overview:before{content:""}.lavender-pack:before{content:""}.lavender-pack_off:before{content:""}.lavender-paperclip:before{content:""}.lavender-parking:before{content:""}.lavender-picture:before{content:""}.lavender-pin:before{content:""}.lavender-places:before{content:""}.lavender-play:before{content:""}.lavender-plus:before{content:""}.lavender-plus_circle:before{content:""}.lavender-positioning:before{content:""}.lavender-power:before{content:""}.lavender-presence_home:before{content:""}.lavender-prime:before{content:""}.lavender-print:before{content:""}.lavender-processor:before{content:""}.lavender-products:before{content:""}.lavender-qr_code:before{content:""}.lavender-qr:before{content:""}.lavender-reducer:before{content:""}.lavender-refresh:before{content:""}.lavender-reload:before{content:""}.lavender-relaunch:before{content:""}.lavender-recycling:before{content:""}.lavender-remote:before{content:""}.lavender-repair_device:before{content:""}.lavender-raccording_flat:before{content:""}.lavender-ready_to_use:before{content:""}.lavender-question_mark:before{content:""}.lavender-replay36:before{content:""}.lavender-requests_appointments_and_order:before{content:""}.lavender-reset:before{content:""}.lavender-roaming_belgium:before{content:""}.lavender-roadwork:before{content:""}.lavender-roaming:before{content:""}.lavender-settings:before{content:""}.lavender-serveur:before{content:""}.lavender-settings_full:before{content:""}.lavender-restaurant:before{content:""}.lavender-shopmag:before{content:""}.lavender-secure_paiement:before{content:""}.lavender-sim_card:before{content:""}.lavender-share:before{content:""}.lavender-search:before{content:""}.lavender-smartphone1:before{content:""}.lavender-smartphone2:before{content:""}.lavender-smartphone3:before{content:""}.lavender-smartphone4:before{content:""}.lavender-smartphone4g:before{content:""}.lavender-smartphone5:before{content:""}.lavender-smartphone6:before{content:""}.lavender-solar_panel:before{content:""}.lavender-solar_pump:before{content:""}.lavender-sondage:before{content:""}.lavender-sound_alert:before{content:""}.lavender-sound_on:before{content:""}.lavender-sound_off:before{content:""}.lavender-stop_watch:before{content:""}.lavender-speedtest_dl:before{content:""}.lavender-speed:before{content:""}.lavender-surf_gsm:before{content:""}.lavender-sustainability:before{content:""}.lavender-speedtest_ul:before{content:""}.lavender-switch:before{content:""}.lavender-succes:before{content:""}.lavender-subscription_1:before{content:""}.lavender-tablet:before{content:""}.lavender-tailor:before{content:""}.lavender-subscription:before{content:""}.lavender-target_blank:before{content:""}.lavender-threedots_horizontal02:before{content:""}.lavender-terms_and_conditions:before{content:""}.lavender-tractor:before{content:""}.lavender-toucscreens:before{content:""}.lavender-threedots_vertical02:before{content:""}.lavender-train:before{content:""}.lavender-traffic_jam:before{content:""}.lavender-tram:before{content:""}.lavender-trash:before{content:""}.lavender-tv:before{content:""}.lavender-under_construction:before{content:""}.lavender-upload:before{content:""}.lavender-usage:before{content:""}.lavender-view360_02:before{content:""}.lavender-view360:before{content:""}.lavender-view360_01:before{content:""}.lavender-videoscope:before{content:""}.lavender-wifi_warning:before{content:""}.lavender-wireless_hub:before{content:""}.lavender-wrench:before{content:""}.lavender-wifi_ok:before{content:""}.lavender-water:before{content:""}.lavender-walking:before{content:""}.lavender-watch:before{content:""}.lavender-voucher:before{content:""}'),P.replaceSync(_);class M extends C{constructor(){super(T,P),this.template=()=>"<i></i>",this.shadowRoot.innerHTML=this.template()}updateName(e,t){this.$el.classList.remove(`lavender-${e}`),t&&this.$el.classList.add(`lavender-${t}`)}get $el(){return this.shadowRoot.querySelector("i")}}customElements.define("px-icon-f",M);const R=new CSSStyleSheet;R.replaceSync('.container{font-family:var(--px-font-family);background-color:var(--px-color-bg-container-rich-inverted);border-radius:var(--px-radius-main);padding:var(--px-padding-m);box-sizing:border-box}:host([inverted]) .container{background-color:var(--px-color-bg-container-rich-default);color:var(--px-color-txt-body-inverted)}.padding-2xs{padding:var(--px-padding-2xs)}.padding-xs{padding:var(--px-padding-xs)}.padding-s{padding:var(--px-padding-s)}.padding-m{padding:var(--px-padding-m)}.padding-l{padding:var(--px-padding-l)}.padding-xl{padding:var(--px-padding-xl)}.padding-none{padding:var(--px-padding-none)}.paddingblock-2xs{padding-block:var(--px-padding-2xs)}.paddingblock-xs{padding-block:var(--px-padding-xs)}.paddingblock-s{padding-block:var(--px-padding-s)}.paddingblock-m{padding-block:var(--px-padding-m)}.paddingblock-l{padding-block:var(--px-padding-l)}.paddingblock-xl{padding-block:var(--px-padding-xl)}.paddingblock-none{padding-block:var(--px-padding-none)}.paddinginline-2xs{padding-inline:var(--px-padding-2xs)}.paddinginline-xs{padding-inline:var(--px-padding-xs)}.paddinginline-s{padding-inline:var(--px-padding-s)}.paddinginline-m{padding-inline:var(--px-padding-m)}.paddinginline-l{padding-inline:var(--px-padding-l)}.paddinginline-xl{padding-inline:var(--px-padding-xl)}.paddinginline-none{padding-inline:var(--px-padding-none)}.paddingtop-2xs{padding-top:var(--px-padding-2xs)}.paddingtop-xs{padding-top:var(--px-padding-xs)}.paddingtop-s{padding-top:var(--px-padding-s)}.paddingtop-m{padding-top:var(--px-padding-m)}.paddingtop-l{padding-top:var(--px-padding-l)}.paddingtop-xl{padding-top:var(--px-padding-xl)}.paddingtop-none{padding-top:var(--px-padding-none)}.paddingright-2xs{padding-right:var(--px-padding-2xs)}.paddingright-xs{padding-right:var(--px-padding-xs)}.paddingright-s{padding-right:var(--px-padding-s)}.paddingright-m{padding-right:var(--px-padding-m)}.paddingright-l{padding-right:var(--px-padding-l)}.paddingright-xl{padding-right:var(--px-padding-xl)}.paddingright-none{padding-right:var(--px-padding-none)}.paddingbottom-2xs{padding-bottom:var(--px-padding-2xs)}.paddingbottom-xs{padding-bottom:var(--px-padding-xs)}.paddingbottom-s{padding-bottom:var(--px-padding-s)}.paddingbottom-m{padding-bottom:var(--px-padding-m)}.paddingbottom-l{padding-bottom:var(--px-padding-l)}.paddingbottom-xl{padding-bottom:var(--px-padding-xl)}.paddingbottom-none{padding-bottom:var(--px-padding-none)}.paddingleft-2xs{padding-left:var(--px-padding-2xs)}.paddingleft-xs{padding-left:var(--px-padding-xs)}.paddingleft-s{padding-left:var(--px-padding-s)}.paddingleft-m{padding-left:var(--px-padding-m)}.paddingleft-l{padding-left:var(--px-padding-l)}.paddingleft-xl{padding-left:var(--px-padding-xl)}.paddingleft-none{padding-left:var(--px-padding-none)}.border-none{border:none}.border-s{border:var(--px-border-s) solid var(--px-color-border-main-default)}.border-m{border:var(--px-border-m) solid var(--px-color-border-main-default)}.border-l{border:var(--px-border-l) solid var(--px-color-border-main-default)}:host([inverted]) .border{border:var(--px-border-m) solid var(--px-color-border-main-inverted)}.borderradius-main{border-radius:var(--px-radius-main)}.borderradius-pill{border-radius:var(--px-radius-pill)}.noborderradius-top{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.noborderradius-right{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.noborderradius-bottom{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.noborderradius-left{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.noborderradius-all,.borderradius-none{border-radius:var(--px-radius-none)}.bgcolor-none{background-color:var(--px-color-bg-container-none-default)}.bgcolor-weak{background-color:var(--px-color-bg-container-weak-default)}.bgcolor-moderate{background-color:var(--px-color-bg-container-moderate-default)}.bgcolor-strong{background-color:var(--px-color-bg-container-strong-default)}.bgcolor-rich{background-color:var(--px-color-bg-container-rich-default)}.bgcolor-main{background-color:var(--px-color-bg-container-weak-default)}.bgcolor-canvas-weak{background-color:var(--px-color-canvas-weak)}.bgcolor-canvas-light{background-color:var(--px-color-canvas-light)}.bgcolor-canvas-soft{background-color:var(--px-color-canvas-soft)}.bgcolor-canvas-moderate{background-color:var(--px-color-canvas-moderate)}.bgcolor-canvas-strong{background-color:var(--px-color-canvas-strong)}.bgcolor-canvas-deep{background-color:var(--px-color-canvas-deep)}.bgcolor-canvas-rich{background-color:var(--px-color-canvas-rich)}.bgcolor-action-primary{background-color:var(--px-color-bg-action-primary-default)}.bgcolor-action-secondary{background-color:var(--px-color-bg-action-secondary-default)}.bgcolor-action-hover-bordered{background-color:var(--px-color-bg-action-hover-bordered-default)}.bgcolor-action-hover{background-color:var(--px-color-bg-action-hover-default)}.bgcolor-action-disabled{background-color:var(--px-color-bg-action-disabled-default)}.bgcolor-action-active{background-color:var(--px-color-bg-action-active-default)}.bgcolor-notification{background-color:var(--px-color-bg-notification-default)}.bgcolor-promo{background-color:var(--px-color-bg-promo-default)}.bgcolor-success{background-color:var(--px-color-bg-success-default)}.bgcolor-error{background-color:var(--px-color-bg-error-default)}.bgcolor-warning{background-color:var(--px-color-bg-warning-default)}.bgcolor-unlimited{background-color:var(--px-color-bg-unlimited-default)}:host([inverted]) .bgcolor-none{background-color:var(--px-color-bg-container-none-inverted)}:host([inverted]) .bgcolor-weak{background-color:var(--px-color-bg-container-weak-inverted)}:host([inverted]) .bgcolor-moderate{background-color:var(--px-color-bg-container-moderate-inverted)}:host([inverted]) .bgcolor-strong{background-color:var(--px-color-bg-container-strong-inverted)}:host([inverted]) .bgcolor-rich{background-color:var(--px-color-bg-container-rich-inverted)}:host([inverted]) .bgcolor-main{background-color:var(--px-color-bg-container-weak-inverted)}:host([inverted]) .bgcolor-action-primary{background-color:var(--px-color-bg-action-primary-inverted)}:host([inverted]) .bgcolor-action-secondary{background-color:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .bgcolor-action-hover{background-color:var(--px-color-bg-action-hover-bordered-default)}:host([inverted]) .bgcolor-action-disabled{background-color:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .bgcolor-action-active{background-color:var(--px-color-bg-action-active-inverted)}:host([inverted]) .bgcolor-notification{background-color:var(--px-color-bg-notification-inverted)}:host([inverted]) .bgcolor-promo{background-color:var(--px-color-bg-promo-inverted)}:host([inverted]) .bgcolor-success{background-color:var(--px-color-bg-success-inverted)}:host([inverted]) .bgcolor-error{background-color:var(--px-color-bg-error-inverted)}:host([inverted]) .bgcolor-warning{background-color:var(--px-color-bg-warning-inverted)}:host([inverted]) .bgcolor-unlimited{background-color:var(--px-color-bg-unlimited-inverted)}.bgimg{background-repeat:no-repeat}.bgimgsize-cover{background-size:cover;background-position:center center}.bgimgsize-contain{background-size:contain}.shadow-none{box-shadow:var(--px-shadow-none)}.shadow-s{box-shadow:var(--px-shadow-s)}.shadow-m{box-shadow:var(--px-shadow-m)}.shadow-l{box-shadow:var(--px-shadow-l)}.shadow-xl{box-shadow:var(--px-shadow-xl)}.anchored{position:relative}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]),::slotted([slot="anchor-full"]){position:absolute;top:0}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]){transform:translateY(-50%);z-index:2}::slotted([slot="anchor-right"]){right:var(--px-padding-m)}::slotted([slot="anchor-left"]){left:var(--px-padding-m)}.padding-none ::slotted([slot="anchor-right"]){right:var(--px-padding-none)}.padding-none ::slotted([slot="anchor-left"]){left:var(--px-padding-none)}.padding-2xs ::slotted([slot="anchor-right"]){right:var(--px-padding-2xs)}.padding-2xs ::slotted([slot="anchor-left"]){left:var(--px-padding-2xs)}.padding-xs ::slotted([slot="anchor-right"]){right:var(--px-padding-xs)}.padding-xs ::slotted([slot="anchor-left"]){left:var(--px-padding-xs)}.padding-s ::slotted([slot="anchor-right"]){right:var(--px-padding-s)}.padding-s ::slotted([slot="anchor-left"]){left:var(--px-padding-s)}.padding-m ::slotted([slot="anchor-right"]){right:var(--px-padding-m)}.padding-m ::slotted([slot="anchor-left"]){left:var(--px-padding-m)}.padding-l ::slotted([slot="anchor-right"]){right:var(--px-padding-l)}.padding-l ::slotted([slot="anchor-left"]){left:var(--px-padding-l)}.padding-xl ::slotted([slot="anchor-right"]){right:var(--px-padding-xl)}.padding-xl ::slotted([slot="anchor-left"]){left:var(--px-padding-xl)}::slotted([slot="anchor-full"]){transform:translateY(-100%);right:0;left:0;text-align:center;z-index:1}@media only screen and (max-width: 640px){.padding-l{padding:var(--px-padding-l-mobile)}.padding-xl{padding:var(--px-padding-xl-mobile)}.paddingtop-l{padding-top:var(--px-padding-l-mobile)}.paddingtop-xl{padding-top:var(--px-padding-xl-mobile)}.paddingright-l{padding-right:var(--px-padding-l-mobile)}.paddingright-xl{padding-right:var(--px-padding-xl-mobile)}.paddingbottom-l{padding-bottom:var(--px-padding-l-mobile)}.paddingbottom-xl{padding-bottom:var(--px-padding-xl-mobile)}.paddingleft-l{padding-left:var(--px-padding-l-mobile)}.paddingleft-xl{padding-left:var(--px-padding-xl-mobile)}}.border-s ::slotted([slot="anchor-full"]){right:calc(var(--px-border-s) * -1);left:calc(var(--px-border-s) * -1)}.border-m ::slotted([slot="anchor-full"]){right:calc(var(--px-border-m) * -1);left:calc(var(--px-border-m) * -1)}.border-l ::slotted([slot="anchor-full"]){right:calc(var(--px-border-l) * -1);left:calc(var(--px-border-l) * -1)}');const N=["anchor-right","anchor-left","anchor-full"],I=["","all","top","right","bottom","left"],j=["","cover","contain","default"],H=class extends o{constructor(){super(R),this.template=()=>'<div class="container">\n    <slot name="anchor-left"></slot>\n    <slot name="anchor-right"></slot>\n    <slot name="anchor-full"></slot>\n    <slot></slot>\n    </div>',this.onWindowResize=()=>{this.hasAttribute("bgimg-mobile")&&this.loadImg("bgimg-mobile",this.getAttribute("bgimg-mobile")),this.hasAttribute("bgimg-tablet")&&this.loadImg("bgimg-tablet",this.getAttribute("bgimg-tablet")),this.hasAttribute("bgimg-laptop")&&this.loadImg("bgimg-laptop",this.getAttribute("bgimg-laptop"))},this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"padding","paddinginline","paddingblock","paddingtop","paddingright","paddingbottom","paddingleft","border","borderradius","noborderradius","bgcolor","gradient","bgimg-mobile","bgimg-tablet","bgimg-laptop","bgimgsize","bgimgposition","shadow","inverted"]}get padding(){return this.getAttribute("padding")}set padding(e){this.setAttribute("padding",e)}get paddingBlock(){return this.getAttribute("paddingblock")}set paddingBlock(e){this.setAttribute("paddingblock",e)}get paddingInline(){return this.getAttribute("paddinginline")}set paddingInline(e){this.setAttribute("paddinginline",e)}get paddingTop(){return this.getAttribute("paddingtop")}set paddingTop(e){this.setAttribute("paddingtop",e)}get paddingRight(){return this.getAttribute("paddingright")}set paddingRight(e){this.setAttribute("paddingright",e)}get paddingBottom(){return this.getAttribute("paddingbottom")}set paddingBottom(e){this.setAttribute("paddingbottom",e)}get paddingLeft(){return this.getAttribute("paddingleft")}set paddingLeft(e){this.setAttribute("paddingleft",e)}get border(){return this.getAttribute("border")}set border(e){this.setAttribute("border",e)}get borderRadius(){return this.getAttribute("borderradius")}set borderRadius(e){this.setAttribute("borderradius",e)}get noBorderRadius(){return this.getAttribute("noborderradius")}set noBorderRadius(e){this.setAttribute("noborderradius",e)}get bgColor(){return this.getAttribute("bgcolor")}set bgColor(e){this.setAttribute("bgcolor",e)}get gradient(){return this.getAttribute("gradient")}set gradient(e){this.setAttribute("gradient",e)}get bgImgMobile(){return this.getAttribute("bgimg-mobile")}set bgImgMobile(e){this.setAttribute("bgimg-mobile",e)}get bgImgTablet(){return this.getAttribute("bgimg-tablet")}set bgImgTablet(e){this.setAttribute("bgimg-tablet",e)}get bgImgLaptop(){return this.getAttribute("bgimg-laptop")}set bgImgLaptop(e){this.setAttribute("bgimg-laptop",e)}get bgImgSize(){return this.getAttribute("bgimgsize")}set bgImgSize(e){this.setAttribute("bgimgsize",e)}get bgImgPosition(){return this.getAttribute("bgimgposition")}set bgImgPosition(e){this.setAttribute("bgimgposition",e)}get shadow(){return this.getAttribute("shadow")}set shadow(e){this.setAttribute("shadow",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}connectedCallback(){var e,t,r;super.connectedCallback();const o=this.querySelector("[slot]");o&&N.includes(o.getAttribute("slot"))&&this.shadowRoot.querySelector(".container").classList.toggle("anchored"),"stretch"===(null==(e=this.parentElement)?void 0:e.getAttribute("align-items"))&&("column"===(null==(t=this.parentElement)?void 0:t.getAttribute("direction"))?this.$el.style.width="100%":this.$el.style.height="100%"),"px-grid-item"===(null==(r=this.parentElement)?void 0:r.localName)&&(this.$el.style.height="100%"),(this.hasAttribute("bgimg-mobile")||this.hasAttribute("bgimg-tablet")||this.hasAttribute("bgimg-laptop"))&&window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"padding":case"paddingblock":case"paddinginline":case"paddingtop":case"paddingright":case"paddingbottom":case"paddingleft":this.updateAttribute(e,t,r,s);break;case"border":this.updateAttribute(e,t,r,l);break;case"borderradius":this.updateAttribute(e,t,r,d);break;case"noborderradius":this.updateAttribute(e,t,r,I);break;case"bgcolor":this.updateAttribute(e,t,r,c);break;case"gradient":this.updateGradient(t,r);break;case"bgimgsize":this.updateAttribute(e,t,r,j);break;case"bgimg-mobile":case"bgimg-tablet":case"bgimg-laptop":""!==r&&(this.$el.classList.toggle("bgimg"),this.loadImg(e,r));break;case"bgimgposition":null!==r&&""!==r&&(this.$el.style.backgroundPosition=r);break;case"shadow":this.updateAttribute(e,t,r,p);break;default:super.attributeChangedCallback(e,t,r)}}loadImg(e,t){("bgimg-mobile"===e||window.matchMedia("only screen and (min-width: 768px)").matches&&"bgimg-tablet"===e||window.matchMedia("only screen and (min-width: 1025px)").matches&&"bgimg-laptop"===e)&&(this.$el.style.backgroundImage=`url("${t}")`)}updateGradient(e,t){this.checkName(b,t)?this.$el.style.background=`linear-gradient(var(--px-color-bg-gradient-${t}))`:console.error(`${t} is not an allowed gradient value for ${this.$el}`)}updateAttribute(e,t,r,o){null!==t&&""!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}};H.nativeName="div";let q=H;customElements.define("px-container",q);const V="h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{margin:0;font-family:var(--px-font-family);color:var(--heading-color-default, var(--px-color-txt-primary-default));font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);font-weight:700}:host([inverted]) h1,:host([inverted]) .style-title-4xl,:host([inverted]) ::slotted(h1),:host([inverted]) h2,:host([inverted]) .style-title-3xl,:host([inverted]) ::slotted(h2),:host([inverted]) h3,:host([inverted]) .style-title-2xl,:host([inverted]) ::slotted(h3),:host([inverted]) h4,:host([inverted]) .style-title-xl,:host([inverted]) ::slotted(h4),:host([inverted]) h5,:host([inverted]) .style-title-l,:host([inverted]) ::slotted(h5),:host([inverted]) h6,:host([inverted]) .style-title-m,:host([inverted]) ::slotted(h6),:host([inverted]) .style-title-s,:host([inverted]) .style-subtitle{color:var(--heading-color-inverted, var(--px-color-txt-primary-inverted))}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-s);font-weight:900}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-s);font-weight:900}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-2xl-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-l-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-m-mobile)}.style-subtitle{font-size:var(--px-text-size-xl-mobile);font-weight:300}.style-title-s{font-size:var(--px-text-size-base-mobile)}@media only screen and (min-width: 768px){h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-5xl-tablet)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-4xl-tablet)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-3xl-tablet)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-2xl-tablet)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-l-tablet)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-m-tablet)}.style-title-s{font-size:var(--px-text-size-base-tablet)}.style-subtitle{font-size:var(--px-text-size-xl-tablet)}}@media only screen and (min-width: 1025px){h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-5xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-4xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-3xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-2xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-m-desktop)}.style-title-s{font-size:var(--px-text-size-base-desktop)}.style-subtitle{font-size:var(--px-text-size-xl-desktop)}}",B=":host>*:first-child{--font-weight-light: 300;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-extrabold: 900}.color-inherit{color:inherit}.color-primary{color:var(--px-color-txt-primary-default)}.color-body{color:var(--px-color-txt-body-default)}.color-details{color:var(--px-color-txt-details-default)}.color-hover{color:var(--px-color-txt-hover-default)}.color-disabled{color:var(--px-color-txt-disabled-default)}.color-active{color:var(--px-color-txt-active-default)}.color-promo{color:var(--px-color-txt-promo-default)}.color-success{color:var(--px-color-txt-success-default)}.color-error{color:var(--px-color-txt-error-default)}.color-warning{color:var(--px-color-txt-warning-default)}.color-unlimited{color:var(--px-color-txt-unlimited-default)}:host([inverted]) .color-inherit{color:inherit}:host([inverted]) .color-primary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .color-body{color:var(--px-color-txt-body-inverted)}:host([inverted]) .color-details{color:var(--px-color-txt-details-inverted)}:host([inverted]) .color-hover{color:var(--px-color-txt-hover-inverted)}:host([inverted]) .color-disabled{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .color-active{color:var(--px-color-txt-active-inverted)}:host([inverted]) .color-promo{color:var(--px-color-txt-promo-inverted)}:host([inverted]) .color-success{color:var(--px-color-txt-success-inverted)}:host([inverted]) .color-error{color:var(--px-color-txt-error-inverted)}:host([inverted]) .color-warning{color:var(--px-color-txt-warning-inverted)}:host([inverted]) .color-unlimited{color:var(--px-color-txt-unlimited-inverted)}.fontsize-inherit{font-size:inherit;line-height:inherit}.fontsize-xs{font-size:var(--px-text-size-xs-mobile)}.fontsize-s{font-size:var(--px-text-size-s-mobile)}.fontsize-base{font-size:var(--px-text-size-base-mobile)}.fontsize-m{font-size:var(--px-text-size-m-mobile)}.fontsize-l{font-size:var(--px-text-size-l-mobile)}.fontsize-xl{font-size:var(--px-text-size-xl-mobile)}.fontsize-2xl{font-size:var(--px-text-size-2xl-mobile)}.fontsize-3xl{font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-s)}.fontsize-4xl{font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-s)}.fontsize-5xl{font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-s)}.fontsize-6xl{font-size:var(--px-text-size-6xl-mobile);line-height:var(--px-line-height-s)}.fontsize-7xl{font-size:var(--px-text-size-7xl-mobile);line-height:var(--px-line-height-s)}@media only screen and (min-width: 768px){.fontsize-xs{font-size:var(--px-text-size-xs-mobile)}.fontsize-s{font-size:var(--px-text-size-s-mobile)}.fontsize-base{font-size:var(--px-text-size-base-mobile)}.fontsize-m{font-size:var(--px-text-size-m-mobile)}.fontsize-l{font-size:var(--px-text-size-l-mobile)}.fontsize-xl{font-size:var(--px-text-size-xl-mobile)}.fontsize-2xl{font-size:var(--px-text-size-2xl-mobile)}.fontsize-3xl{font-size:var(--px-text-size-3xl-mobile)}.fontsize-4xl{font-size:var(--px-text-size-4xl-mobile)}.fontsize-5xl{font-size:var(--px-text-size-5xl-mobile)}.fontsize-6xl{font-size:var(--px-text-size-6xl-mobile)}.fontsize-7xl{font-size:var(--px-text-size-7xl-mobile)}}@media only screen and (min-width: 1025px){.fontsize-xs{font-size:var(--px-text-size-xs-tablet)}.fontsize-s{font-size:var(--px-text-size-s-tablet)}.fontsize-base{font-size:var(--px-text-size-base-tablet)}.fontsize-m{font-size:var(--px-text-size-m-tablet)}.fontsize-l{font-size:var(--px-text-size-l-tablet)}.fontsize-xl{font-size:var(--px-text-size-xl-tablet)}.fontsize-2xl{font-size:var(--px-text-size-2xl-tablet)}.fontsize-3xl{font-size:var(--px-text-size-3xl-tablet)}.fontsize-4xl{font-size:var(--px-text-size-4xl-tablet)}.fontsize-5xl{font-size:var(--px-text-size-5xl-tablet)}.fontsize-6xl{font-size:var(--px-text-size-6xl-tablet)}.fontsize-7xl{font-size:var(--px-text-size-7xl-tablet)}}@media only screen and (min-width: 1441px){.fontsize-xs{font-size:var(--px-text-size-xs-desktop)}.fontsize-s{font-size:var(--px-text-size-s-desktop)}.fontsize-base{font-size:var(--px-text-size-base-desktop)}.fontsize-m{font-size:var(--px-text-size-m-desktop)}.fontsize-l{font-size:var(--px-text-size-l-desktop)}.fontsize-xl{font-size:var(--px-text-size-xl-desktop)}.fontsize-2xl{font-size:var(--px-text-size-2xl-desktop)}.fontsize-3xl{font-size:var(--px-text-size-3xl-desktop)}.fontsize-4xl{font-size:var(--px-text-size-4xl-desktop)}.fontsize-5xl{font-size:var(--px-text-size-5xl-desktop)}.fontsize-6xl{font-size:var(--px-text-size-6xl-desktop)}.fontsize-7xl{font-size:var(--px-text-size-7xl-desktop)}}.fontweight-inherit{font-weight:inherit}.fontweight-normal{font-weight:var(--font-weight-regular)}.fontweight-bold{font-weight:var(--font-weight-bold)}.fontweight-extrabold{font-weight:var(--font-weight-extrabold)}.fontweight-light{font-weight:var(--font-weight-light)}",D=new CSSStyleSheet;D.replaceSync(V);const O=new CSSStyleSheet;O.replaceSync(B);const W=["","default","title-4xl","title-3xl","title-2xl","title-xl","title-l","title-m","title-s","subtitle"];class G extends o{template(){return"<slot></slot>"}constructor(e){super(D,O);const t=document.createElement(e);t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"variant","color","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateAttribute(e,t,r,W);break;case"color":this.updateColor(t,r,a);break;default:super.attributeChangedCallback(e,t,r)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`style-${e}`),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`style-${t}`)}checkName(e,t){return e.includes(t)}updateAttribute(e,t,r,o){this.checkName(o,r)?this.toggleClass(t,r):console.error(`Bad "${e}" value for`,this.$el)}updateColor(e,t,r){const o=null===this.inverted?"default":"inverted";null!==e&&""!==e&&"default"!==e&&this.$el.style.setProperty(`--heading-color-${o}`,`var(--px-color-txt-${e}-${o})`),null!==t&&""!==t&&"default"!==t&&this.$el.style.setProperty(`--heading-color-${o}`,`var(--px-color-txt-${t}-${o})`),this.checkName(r,t)||console.error("Bad color value for",this.$el)}}const F=class extends G{constructor(){super("h1")}};F.nativeName="h1";let Y=F;customElements.define("px-h1",Y);const Z=class extends G{constructor(){super("h2")}};Z.nativeName="h2";let J=Z;customElements.define("px-h2",J);const K=class extends G{constructor(){super("h3")}};K.nativeName="h3";let Q=K;customElements.define("px-h3",Q);const U=class extends G{constructor(){super("h4")}};U.nativeName="h4";let X=U;customElements.define("px-h4",X);const ee=class extends G{constructor(){super("h5")}};ee.nativeName="h5";let te=ee;customElements.define("px-h5",te);const re=class extends G{constructor(){super("h6")}};re.nativeName="h6";let oe=re;customElements.define("px-h6",oe);const ie=new CSSStyleSheet;ie.replaceSync(":host,:host *{box-sizing:border-box}:host .content-wrapper{margin-inline:1rem;max-width:1200px}@media only screen and (min-width: 1232px){:host .content-wrapper{margin-inline:auto}}");class ae extends HTMLElement{constructor(){super(),this.template=()=>`\n    <px-container borderradius="none" padding="none" bgcolor="${this.bgColor}">\n      <div class="content-wrapper">\n        <px-vstack gap="under-display-vertical">\n          <slot name="heading"></slot>\n          <px-vstack gap="none">\n            <slot></slot>\n          </px-vstack>\n        </px-vstack>\n      </div>\n    </px-container>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[ie]}connectedCallback(){this.querySelector('[slot="heading"]')||this.shadowRoot.querySelector("px-vstack").setAttribute("gap","none")}static get observedAttributes(){return["bgcolor","gradient","bgimg-mobile","bgimg-tablet","bgimg-laptop","bgimgsize","bgimgposition","paddingblock","paddingtop","paddingbottom"]}get $container(){return this.shadowRoot.querySelector("px-container")}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"bgcolor":this.$container.bgColor=c.indexOf(r)>0?r:"none";break;case"gradient":this.$container.gradient=this.gradient;break;case"bgimg-mobile":this.$container.bgImgMobile=r;break;case"bgimg-tablet":this.$container.bgImgTablet=r;break;case"bgimg-laptop":this.$container.bgImgLaptop=r;break;case"bgimgsize":this.$container.bgImgSize=r;break;case"bgimgposition":this.$container.bgImgPosition=r;break;case"paddingblock":this.$container.paddingBlock=r;break;case"paddingtop":this.$container.paddingTop=r;break;case"paddingbottom":this.$container.paddingBottom=r}}get bgColor(){return this.getAttribute("bgcolor")||"none"}set bgColor(e){this.setAttribute("bgcolor",e)}get gradient(){return this.getAttribute("gradient")}set gradient(e){this.setAttribute("gradient",e)}get bgImgMobile(){return this.getAttribute("bgimg-mobile")}set bgImgMobile(e){this.setAttribute("bgimg-mobile",e)}get bgImgTablet(){return this.getAttribute("bgimg-tablet")}set bgImgTablet(e){this.setAttribute("bgimg-tablet",e)}get bgImgLaptop(){return this.getAttribute("bgimg-laptop")}set bgImgLaptop(e){this.setAttribute("bgimg-laptop",e)}get bgImgSize(){return this.getAttribute("bgimgsize")}set bgImgSize(e){this.setAttribute("bgimgsize",e)}get bgImgPosition(){return this.getAttribute("bgimgposition")}set bgImgPosition(e){this.setAttribute("bgimgposition",e)}get paddingBlock(){return this.getAttribute("paddingblock")}set paddingBlock(e){this.setAttribute("paddingblock",e)}get paddingTop(){return this.getAttribute("paddingtop")}set paddingTop(e){this.setAttribute("paddingtop",e)}get paddingBottom(){return this.getAttribute("paddingbottom")}set paddingBottom(e){this.setAttribute("paddingbottom",e)}}customElements.define("px-section",ae);const ne=new CSSStyleSheet;ne.replaceSync("details{font-family:var(--px-font-family);display:flex;flex-direction:column;align-items:flex-start}details:not(.single){border-bottom:var(--px-border-m) solid var(--px-color-border-main-default)}details:not(.single) ::slotted([slot=\"title\"]){flex-grow:1}details:not(.single) slot[name=content]{display:block;padding-block:var(--px-spacing-component-default-vertical)}summary{align-items:center;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}details:not(.single) summary{display:flex;padding:var(--px-padding-s);gap:var(--px-spacing-text-to-icon-horizontal);align-self:stretch}summary:after{content:\"\";width:24px;height:24px;flex-shrink:0;background-color:var(--px-color-bg-action-secondary-default);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg id='CHEVRON DOWN'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.7889 5.93489 11.5286 6.19524L8 9.72384L4.4714 6.19524C4.21105 5.93489 3.78894 5.93489 3.52859 6.19524C3.26824 6.45559 3.26824 6.8777 3.52859 7.13805L7.52859 11.1381C7.78894 11.3984 8.21105 11.3984 8.4714 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='%235C2D91'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center center;border-radius:var(--px-radius-pill);border:var(--px-border-s) solid transparent;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}summary:hover{cursor:pointer}details:not(.single) summary:hover{background-color:var(--px-color-bg-container-weak-default)}summary:hover:after{background-color:var(--px-color-bg-action-hover-bordered-default);border:var(--px-border-s) solid var(--px-color-border-action-hover-default);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}details.single summary{display:inline-flex;gap:var(--px-spacing-between-icon-horizontal-mobile);justify-content:center;color:var(--px-color-txt-primary-default);font-weight:700;border:var(--px-border-m) solid transparent;border-radius:var(--px-radius-pill)}details.single summary:hover{gap:0;padding:0 var(--px-padding-xs);border-color:var(--px-color-border-action-hover-default)}details.single summary:hover:after{border-color:transparent;margin-right:calc(var(--px-padding-xs) * -1)}details.single slot[name=content]{display:block;padding-top:var(--px-spacing-component-default-vertical)}details[open] summary slot[name=title]{color:var(--px-color-txt-primary-default);font-weight:700}details[open] summary:after{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}:host([inverted]) details{color:var(--px-color-txt-body-inverted)}:host([inverted]) details:not(.single){border-bottom:var(--px-border-m) solid var(--px-color-border-main-inverted)}:host([inverted]) details[open] summary slot[name=title]{color:var(--px-color-txt-primary-inverted)}:host([inverted]) details.single summary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) details.single summary:hover{border-color:var(--px-color-bg-container-weak-inverted)}:host([inverted]) details.single summary:hover:after{border-color:transparent}:host([inverted]) summary:after{background-color:var(--px-color-bg-action-secondary-inverted);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.789 5.93489 11.5286 6.19524L8.00002 9.72384L4.47142 6.19524C4.21107 5.93489 3.78897 5.93489 3.52862 6.19524C3.26827 6.45559 3.26827 6.8777 3.52862 7.13805L7.52862 11.1381C7.78897 11.3984 8.21108 11.3984 8.47142 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='white'/%3E%3C/svg%3E\")}:host([inverted]) summary:hover{background-color:var(--px-color-bg-container-moderate-inverted)}:host([inverted]) summary:hover:after{background-color:var(--px-color-bg-action-bordered-inverted);border:var(--px-border-s) solid var(--px-color-border-action-hover-inverted)}");const se=["","none","single"],le=class extends o{constructor(){super(ne),this.template=()=>'<details>\n      <summary role="button"><slot name="icon"></slot><slot name="title"></slot><slot name="info"></slot></summary>\n      <slot name="content"></slot>\n    </details>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,r){if(t!==r)if("variant"===e)this.updateAttribute(e,t,r,se);else super.attributeChangedCallback(e,t,r)}updateAttribute(e,t,r,o){null!==t&&""!==t&&this.$el.classList.toggle(`${t}`),null!==r&&""!==r&&this.$el.classList.toggle(`${r}`),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}};le.nativeName="details";let de=le;customElements.define("px-accordion",de);const ce=new CSSStyleSheet;ce.replaceSync("img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;border-style:none}@media only screen and (max-width: 40em){.mo,.m,.l{display:none}}@media only screen and (min-width: 40.0625em) and (max-width: 64em){.l{display:none}}@media only screen and (min-width: 40.0625em){.so{display:none}}@media only screen and (min-width: 64.0625em){.so,.mo{display:none}}");class pe extends o{constructor(){super(ce)}static get observedAttributes(){return[...super.observedAttributes,"showfor"]}get showfor(){return this.getAttribute("showfor")}set showfor(e){this.setAttribute("showfor",e)}attributeChangedCallback(e,t,r){if(t!==r)if("showfor"===e)this.updateShowFor(t,r);else super.attributeChangedCallback(e,t,r)}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e){return["","s","so","mo","m","l"].includes(e)}updateShowFor(e,t){this.checkName(t)?this.toggleClass(e,t):console.error('Bad "showfor" value for',this)}}const be=class extends pe{constructor(){super();const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}};be.nativeName="img";let he=be;customElements.define("px-image",he);const ge=class extends pe{constructor(){super(),this.possibleImgExtension=["webp","svg","apng","png","jpg","jpeg","jfif","pjpeg","pjp","avif","gif","bmp","ico","cur","tif","tiff"];const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"loading","alt","src"]}get loading(){return this.getAttribute("loading")}set loading(e){this.setAttribute("loading",e)}get alt(){return this.getAttribute("alt")}set alt(e){this.setAttribute("alt",e)}get src(){return this.getAttribute("src")}set src(e){this.setAttribute("src",e)}get $imgEl(){return this.shadowRoot.querySelector("img")}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"src":this.addSrc(r,this.alt,this.loading);break;case"loading":this.updateLoading(r);break;case"alt":this.updateAlt(r);break;default:super.attributeChangedCallback(e,t,r)}}removeSrc(){this.$el.innerHTML=""}async imgExists(e){const t=await fetch(e,{method:"HEAD"}).catch((e=>console.log("Error:",e)));return"object"==typeof t&&t.ok&&404!=t.status&&403!=t.status&&"text/html"!=t.headers.get("Content-Type")}async transformImgPath(e,t,r){let o="";(e.endsWith("-en")||e.endsWith("-fr")||e.endsWith("-nl")||e.endsWith("-de"))&&(o=e.slice(-3),e=e.slice(0,-3)),(e.endsWith("-s")||e.endsWith("-m")||e.endsWith("-l"))&&(e=e.slice(0,-2));let i=`${e}${r}${o}.${t}`;return await this.imgExists(i)||(i=""),i}addImg(e,t,r){const o=document.createElement("img");o.src=e,o.alt=t||"",!r||"lazy"!==r&&"eager"!==r||(o.loading=r),this.$el.appendChild(o)}addSrcset(e,t){if(""!==e){const r=document.createElement("source");r.media=t,r.srcset=e,this.$el.insertBefore(r,this.$el.firstChild)}}async addSrc(e,t,r){if(this.removeSrc(),!e)return void console.error('No "src" value for ',this);const o=e.split(".").pop();if(!this.possibleImgExtension.includes(o))return void console.error('No extensions image to "src" value for ',this);const i=e.slice(0,-1*(o.length+1));let a=e;if(await this.imgExists(a)||(a=await this.transformImgPath(i,o,"-s")),""===a)return void console.error('Bad "src" value for ',this);const n=await this.transformImgPath(i,o,"-m");this.addSrcset(n,"only screen and (min-width: 40.0625em)");const s=await this.transformImgPath(i,o,"-l");this.addSrcset(s,"only screen and (min-width: 64.0625em)"),this.addImg(a,t,r)}updateLoading(e){this.$imgEl&&this.src&&(!e||"lazy"!==e&&"eager"!==e?this.$imgEl.removeAttribute("loading"):this.$imgEl.loading=e)}updateAlt(e){this.$imgEl&&this.src&&(this.$imgEl.alt=e||"")}};ge.nativeName="picture";let ue=ge;customElements.define("px-picture",ue);const ve=new CSSStyleSheet;ve.replaceSync(".patch{display:inline-flex;align-items:center;padding:0 var(--px-padding-s);height:1.625rem;border:var(--px-border-m) solid transparent;border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small);font-family:var(--px-font-family);font-weight:700;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);text-align:center;background-color:var(--px-color-bg-promo-default);color:var(--px-color-txt-primary-inverted)}.patch,.patch *{box-sizing:border-box}@media only screen and (min-width: 768px){.patch{font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1025px){.patch{font-size:var(--px-text-size-base-desktop)}}:host([inverted]) .patch{background-color:var(--px-color-bg-promo-inverted);color:var(--px-color-txt-primary-inverted)}.bottom-right{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small) var(--px-radius-patch-big)}.bottom-left{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small)}.info{background-color:var(--px-color-illu-blue-core);color:var(--px-color-txt-body-default)}:host([inverted]) .info{background-color:var(--px-color-illu-blue-core);color:var(--px-color-txt-body-default)}.black-friday{background-color:var(--px-color-bg-container-rich-default);color:var(--px-color-txt-inverted-default)}:host([inverted]) .black-friday{background-color:var(--px-color-bg-container-rich-inverted);color:var(--px-color-txt-inverted-inverted)}.eco{background-color:var(--px-color-bg-success-default);color:var(--px-color-txt-inverted-default)}:host([inverted]) .eco{background-color:var(--px-color-bg-success-inverted);color:var(--px-color-txt-inverted-inverted)}.greyed{background-color:var(--px-color-bg-action-disabled-default);color:var(--px-color-icon-disabled-default)}:host([inverted]) .greyed{background-color:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-icon-disabled-inverted)}");const xe=["","default","info","black-friday","eco","greyed"],me=["","default","bottom-right","bottom-left"];class fe extends HTMLElement{template(){return'\n        <div class="patch">\n            <slot></slot>\n        </div>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[ve]}static get observedAttributes(){return["variant","shape","inverted"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateVariant(t,r);break;case"shape":this.updateShape(t,r)}}_toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateVariant(e,t){this._toggleClass(e,t),this.checkName(xe,t)||console.error('Bad "variant" value for patch')}updateShape(e,t){this._toggleClass(e,t),this.checkName(me,t)||console.error('Bad "shape" value for patch')}get $el(){return this.shadowRoot.querySelector(".patch")}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}}customElements.get("px-patch")||customElements.define("px-patch",fe);const ye=new CSSStyleSheet;ye.replaceSync('.price{--price-s: var(--px-text-size-l-mobile);--price-m: var(--px-text-size-xl-mobile);--price-l: var(--px-text-size-3xl-mobile);font-family:var(--px-font-family);white-space:nowrap;font-weight:700;color:var(--px-color-txt-primary-default);font-size:var(--price-s)}@media only screen and (min-width: 641px){.price{--price-s: var(--px-text-size-l-tablet);--price-m: var(--px-text-size-xl-tablet);--price-l: var(--px-text-size-3xl-tablet)}}@media only screen and (min-width: 1025px){.price{--price-s: var(--px-text-size-l-desktop);--price-m: var(--px-text-size-xl-desktop);--price-l: var(--px-text-size-3xl-desktop)}}.promo,.free{color:var(--px-color-txt-promo-default)}.neutral{color:var(--px-color-txt-body-default)}.exceeding{color:var(--px-color-txt-error-default)}.disabled{color:var(--px-color-txt-disabled-default)}::slotted([slot="oldprice"]){text-decoration:line-through;color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);font-weight:400}@media only screen and (min-width: 641px){{font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1025px){{font-size:var(--px-text-size-base-desktop)}}::slotted([slot="newpromoprice"]){position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}:host([inverted]) .price{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .promo,:host([inverted]) .free{color:var(--px-color-txt-promo-inverted)}:host([inverted]) .neutral{color:var(--px-color-txt-body-inverted)}:host([inverted]) .exceeding{color:var(--px-color-txt-error-inverted)}:host([inverted]) .disabled{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) ::slotted(s){color:var(--px-color-txt-body-inverted)}.price:not(.promo):not(.free) ::slotted(s){display:none}::slotted(.euro){font-size:calc(var(--price-s) * .75)}::slotted(.decimals){font-size:calc(var(--price-s) * .5)}.m{font-size:var(--price-m)}:host([size="m"]) ::slotted(.decimals){font-size:calc(var(--price-m) * .5)}:host([size="m"]) ::slotted(.euro){font-size:calc(var(--price-m) * .75)}.l{font-size:var(--price-l)}:host([size="l"]) ::slotted(.decimals){font-size:calc(var(--price-l) * .5)}:host([size="l"]) ::slotted(.euro){font-size:calc(var(--price-l) * .75)}');const ke=["default","promo","free","neutral","exceeding","disabled"],we=["","s","m","l"],ze=class extends o{constructor(){super(ye),this.template=()=>'<span class="price"><slot name="oldprice"></slot><slot name="newpromoprice"></slot><slot></slot></span>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","size","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}connectedCallback(){this.buildPrice()}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateAttribute(e,t,r,ke);break;case"size":this.updateAttribute(e,t,r,we);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}updateAttribute(e,t,r,o){this.toggleClass(t,r),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}buildPrice(){let e=this.innerHTML.trim();const t=this.querySelector('[slot="oldprice"]');let r,o="",i="";t&&""!==t.innerHTML?(t.innerHTML="€"+t.innerHTML,r=this.querySelector('[slot="newpromoprice"]'),r?(i=r.outerHTML,e=r.nextSibling.textContent):e=t.nextSibling.textContent,o=t.outerHTML+" "):t&&""===t.innerHTML&&(e=t.nextSibling.textContent);let a="";a=/^[\d|.|,]+/.test(e)?'<span class="euro">€</span>':"";const n=e.charAt(e.length-3);if("."===n||","===n){const[t,r]=e.split(n);this.innerHTML=`${o}${i}${a}${t}<span class="decimals">${n}${r}</span>`}else this.innerHTML=`${o}${i}${a}${e}`}};ze.nativeName="span";let Ae=ze;customElements.define("px-price",Ae);const $e=new CSSStyleSheet;$e.replaceSync(":host{box-sizing:border-box}.ribbon{font-family:var(--px-font-family);font-weight:700;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);white-space:nowrap;text-align:left;color:var(--px-color-txt-body-inverted);background-color:var(--px-color-bg-container-rich-default);padding:var(--px-padding-xs) var(--px-padding-s);border-radius:var(--px-radius-main) var(--px-radius-main) 0 0}.ribbon,.ribbon *{box-sizing:border-box}@media only screen and (min-width: 768px){.ribbon{font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1025px){.ribbon{font-size:var(--px-text-size-base-desktop)}}");const Se=class extends o{constructor(){super($e),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};Se.nativeName="div";let Ce=Se;customElements.define("px-ribbon",Ce);const _e=new CSSStyleSheet;_e.replaceSync(".separator{--separator-size: var(--px-border-m);--px-separator-color: var(--px-color-border-main-default);--separator-direction-mobile-border-width: var(--separator-size) 0 0;--separator-direction-mobile-width: initial;--separator-direction-mobile-height: initial;clear:both;margin:0;border-style:solid;border-color:var(--px-separator-color);border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_horizontal{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}@media only screen and (min-width: 0px) and (max-width: 767px){.separator_direction_horizontal--mobile{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical--mobile{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}@media only screen and (min-width: 768px) and (max-width: 1024px){.separator_direction_horizontal--tablet{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical--tablet{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}@media only screen and (min-width: 1025px) and (max-width: 1440px){.separator_direction_horizontal--laptop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical--laptop{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}@media only screen and (min-width: 1441px){.separator_direction_horizontal--desktop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical--desktop{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}:host([inverted]) .separator{--px-separator-color: var(--px-color-border-main-inverted)}");const Le=["","default","horizontal","vertical"],Ee=["","none","s","m","l"],Te=["","contrasted","action-hover","action-active","none","success","error","warning","unlimited"],Pe=class extends o{constructor(){super(_e);const e=document.createElement(this.nativeName);e.classList.add("separator"),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"direction","direction-mobile","direction-tablet","direction-laptop","direction-desktop","size","color","inverted"]}get direction(){return this.getAttribute("direction")}set direction(e){this.setAttribute("direction",e)}get directionMobile(){return this.getAttribute("direction-mobile")}set directionMobile(e){this.setAttribute("direction-mobile",e)}get directionTablet(){return this.getAttribute("direction-tablet")}set directionTablet(e){this.setAttribute("direction-tablet",e)}get directionLaptop(){return this.getAttribute("direction-laptop")}set directionLaptop(e){this.setAttribute("direction-laptop",e)}get directionDesktop(){return this.getAttribute("direction-desktop")}set directionDesktop(e){this.setAttribute("direction-desktop",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"direction":case"direction-mobile":case"direction-tablet":case"direction-laptop":case"direction-desktop":this.updateDirection(e,r);break;case"size":this.updateSize(r,Ee);break;case"color":this.updateColor(r,Te);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}updateSize(e,t){this.checkName(t,e)?this.$el.style.setProperty("--separator-size",`var(--px-border-${e})`):(console.error("Bad size value for",this.$el),this.$el.style.setProperty("--separator-size","var(--px-border-m)"))}updateColor(e,t){this.checkName(t,e)?this.$el.style.setProperty("--px-separator-color",`var(--px-color-border-${e}-${null===this.inverted?"default":"inverted"})`):(console.error("Bad color value for",this.$el),this.$el.style.setProperty("--px-separator-color",`var(--px-color-border-main-${null===this.inverted?"default":"inverted"})`))}updateDirection(e,t){if(this.checkName(Le,t))if("direction"===e)this.$el.classList.add(`separator_direction_${t}`);else{const r=this.$el.classList,o=e.split("-")[1];for(let e=0;e<r.length;e++)r[e].includes(o)?this.$el.classList.replace(r[e],`separator_direction_${t}--${o}`):this.$el.classList.add(`separator_direction_${t}--${o}`)}else console.error(`Bad "${e}" value for`,this.$el)}};Pe.nativeName="hr";let Me=Pe;customElements.define("px-separator",Me);const Re=new CSSStyleSheet;Re.replaceSync('.tag{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:var(--px-font-family);font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-m);font-weight:400;gap:var(--px-spacing-text-to-icon-compact-horizontal);background-color:var(--px-color-bg-action-secondary-default);color:var(--px-color-txt-primary-default);padding:var(--px-padding-2xs) var(--px-padding-xs);border:var(--px-border-s) solid transparent;border-radius:var(--px-radius-main);--slotted-icon-size: var(--px-icon-size-xs-mobile)}.tag,.tag *{box-sizing:border-box}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-mobile)}.light{background-color:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-body-default)}.outline{background-color:transparent;color:var(--px-color-txt-primary-default);border-color:var(--px-color-border-action-hover-default)}.pill{border-radius:var(--px-radius-pill)}:host([inverted]) .tag{background-color:var(--px-color-bg-action-secondary-inverted);color:var(--px-color-txt-primary-inverted)}:host([inverted]) .light{background-color:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-body-inverted)}:host([inverted]) .outline{background-color:transparent;color:var(--px-color-txt-primary-inverted);border-color:var(--px-color-border-action-hover-inverted)}@media only screen and (min-width: 64rem){.tag{font-size:var(--px-text-size-s-tablet);--slotted-icon-size: var(--px-icon-size-xs-tablet)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-tablet)}}@media only screen and (min-width: 90rem){.tag{font-size:var(--px-text-size-s-desktop);--slotted-icon-size: var(--px-icon-size-xs-desktop)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-desktop)}}');const Ne=["","default","light","outline"],Ie=["","default","pill"];class je extends HTMLElement{template(){return'\n        <div class="tag">\n            <slot name="before"></slot>\n            <slot></slot>\n        </div>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Re]}static get observedAttributes(){return["variant","shape","inverted"]}get $el(){return this.shadowRoot.querySelector(".tag")}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateVariant(t,r);break;case"shape":this.updateShape(t,r)}}_toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateVariant(e,t){this._toggleClass(e,t),this.checkName(Ne,t)||console.error('Bad "variant" value for tag')}updateShape(e,t){this._toggleClass(e,t),this.checkName(Ie,t)||console.error('Bad "shape" value for tag')}}customElements.get("px-tag")||customElements.define("px-tag",je);const He=new CSSStyleSheet;He.replaceSync('*{font-family:var(--px-font-family)}#container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-spacing-component-default-vertical)}#panels{width:100%}div[role=tablist]{display:flex;align-items:center;scrollbar-width:none;overflow:scroll;width:80vw;box-sizing:border-box}div[role=tablist] ::slotted(px-tab){background-color:var(--px-color-bg-container-weak-default)}div[role=tablist] ::slotted(px-tab[inverted=""]){background-color:var(--px-color-bg-container-weak-inverted)}div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-color-bg-action-active-default);padding-block:var(--px-padding-m);border-radius:var(--px-radius-main)!important}div[role=tablist] ::slotted(px-tab[selected=""][inverted=""]){background-color:var(--px-color-bg-action-active-inverted)}div[role=tablist] ::slotted(px-tab:first-child){border-radius:var(--px-radius-main) var(--px-radius-none) var(--px-radius-none) var(--px-radius-main)}div[role=tablist] ::slotted(px-tab:last-of-type){border-radius:var(--px-radius-none) var(--px-radius-main) var(--px-radius-main) var(--px-radius-none)}div[role=tablist]::-webkit-scrollbar{display:none}button[role=tab]{background:none;border:none;padding:0;margin:0;cursor:pointer;height:inherit;width:inherit;padding:var(--px-padding-s);font-size:var(--px-text-size-base-mobile);font-weight:700;text-wrap:nowrap;color:var(--px-color-txt-body-default);outline:none}button[role=tab][inverted=""]{color:var(--px-color-txt-body-inverted)}@media screen and (min-width: 768px){button[role=tab]{font-size:var(--px-text-size-base-tablet)}}@media screen and (min-width: 1025px){button[role=tab]{font-size:var(--px-text-size-base-laptop)}}@media screen and (min-width: 1441px){button[role=tab]{font-size:var(--px-text-size-base-desktop)}}button[aria-selected=""]{padding-block:0;cursor:auto;color:var(--px-color-txt-primary-inverted)}button[aria-selected=""][inverted=""]{color:var(--px-color-txt-primary-default)}');class qe extends HTMLElement{constructor(){super(),this._label=`tabs-${Math.random().toString(36).substring(2,15)}`,this.template=()=>`\n    <div id="container">\n      <div role="tablist" aria-labelledby="${this._label}">\n        <slot name="tabs"></slot> \n      </div>\n      <div id="panels">\n        <slot name="tabpanels"></slot>\n      </div>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.getAttribute("label")&&(this._label=this.getAttribute("label")),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[He]}static get observedAttributes(){return["label","inverted"]}attributeChangedCallback(e,t,r){"label"===e&&(this.label=r)}connectedCallback(){this.addEventListener("click",(e=>{var t;if(null==(t=e.target.localName)?void 0:t.endsWith("-tab")){this.$activePanel.selected=!1,this.$activeTab.selected="false";const t=e.target;t&&(t.selected=""),this.$activePanel?this.$activePanel.selected=!0:console.error("No panel found for this tab")}})),this.addEventListener("keydown",(e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key){const t=this.$nextTab,r=this.$previousTab;this.$activePanel.selected=!1,this.$activeTab.selected="false","ArrowRight"===e.key?t.selected="":"ArrowLeft"===e.key&&(r.selected=""),this.$activePanel.selected=!0}}))}get $activeTab(){return this.querySelector('[selected=""][slot="tabs"]')}get $nextTab(){const e=this.$activeTab.nextElementSibling;return"tabs"!==e.slot?this.querySelector('[slot="tabs"]'):e}get $previousTab(){const e=this.$activeTab.previousElementSibling;return e||Array.from(this.querySelectorAll('[slot="tabs"]')).pop()}get $activePanel(){return this.querySelector(`[name="${this.$activeTab.for}"]`)}get $tabList(){return this.shadowRoot.querySelector('[role="tablist"]')}get label(){return this.$tabList.getAttribute("aria-labelledby")}set label(e){this.$tabList.setAttribute("aria-labelledby",e)}get inverted(){return this.hasAttribute("inverted")}}class Ve extends HTMLElement{constructor(){super(),this.template=()=>'\n    <button role="tab" aria-selected="false" type="button" tabindex="-1">\n      <span><slot></slot></span>\n    </button>\n  ',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[He]}static get observedAttributes(){return["selected","for","name"]}connectedCallback(){this.name||console.error("Tab needs a name attribute"),this.for||console.error("Tab needs a for attribute"),this.slot="tabs",this.parentElement.inverted&&(this.setAttribute("inverted",""),this.$button.setAttribute("inverted",""))}attributeChangedCallback(e,t,r){"selected"===e?this.handleSelected(r):"name"===e?this.$button.setAttribute("id",r):"for"===e&&this.$button.setAttribute("aria-controls",r)}get $button(){return this.shadowRoot.querySelector("button")}get selected(){return this.$button.getAttribute("aria-selected")}get inverted(){return this.hasAttribute("inverted")}set name(e){this.setAttribute("name",e)}get name(){return this.getAttribute("name")}set for(e){this.setAttribute("for",e)}get for(){return this.getAttribute("for")}handleSelected(e){g(e)?(this.$button.removeAttribute("aria-selected"),this.$button.tabIndex=-1):(this.$button.setAttribute("aria-selected",e),this.$button.removeAttribute("tabindex"),this.$button.focus())}set selected(e){this.setAttribute("selected",e)}}class Be extends HTMLElement{constructor(){super(),this.template=()=>`\n    <div role="tabpanel" aria-labelledby="${this.name}" tabindex="0">\n      <slot></slot>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[He]}static get observedAttributes(){return["name"]}attributeChangedCallback(e,t,r){"name"===e&&this.$panel.setAttribute("aria-labelledby",r)}connectedCallback(){this.name||console.error("TabPanel needs a name attribute"),this.slot="tabpanels";const e=this.parentElement.querySelector(`[for="${this.getAttribute("name")}"]`);e?this.$panel.setAttribute("aria-labelledby",e.getAttribute("name")):console.error("No tab found for this panel");g(this.parentElement.querySelector(`[for="${this.name}"]`).selected)?this.selected=!1:this.selected=!0}get name(){return this.getAttribute("name")}set name(e){this.setAttribute("name",e)}set selected(e){this.$panel.style.display=e?"block":"none"}get $panel(){return this.shadowRoot.querySelector('[role="tabpanel"]')}}class De extends qe{constructor(){super(),this.querySelectorAll("px-tab").forEach((e=>{e.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",De);class Oe extends Ve{constructor(){super()}}customElements.get("px-tab")||customElements.define("px-tab",Oe);class We extends Be{constructor(){super()}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",We);const Ge=new CSSStyleSheet;Ge.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class Fe extends HTMLElement{template(){return'\n        <ol class="timeline" role="list">\n            <slot></slot>\n        </ol>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Ge]}static get observedAttributes(){return["inverted"]}connectedCallback(){this.configureChildren()}attributeChangedCallback(e,t,r){if(t!==r&&"inverted"===e)for(let o=0;o<this.$children.length;o++)this.$children[o].toggleAttribute("inverted")}configureChildren(){const e=this.$children[this.$children.length-1];null==e||e.toggleAttribute("lastchild");for(let t=0;t<this.$children.length;t++)this.$children[t].setAttribute("item",`${t+1}`)}get $el(){return this.shadowRoot.querySelector(".timeline")}get $children(){return this.querySelectorAll("px-timeline-item")}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}}customElements.get("px-timeline")||customElements.define("px-timeline",Fe);const Ye=new CSSStyleSheet;Ye.replaceSync('.timeline-item{display:flex;gap:var(--px-spacing-text-to-icon-horizontal);font-family:var(--px-font-family);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m)}.indicator-area{position:relative}.indicator-area:before{display:block;content:"";position:absolute;top:26px;left:12px;width:var(--px-border-m);height:calc(100% - 26px);background:var(--px-color-border-main-default)}.indicator-area .indicator{display:flex;align-items:center;justify-content:center;text-align:center;width:26px;height:26px;font-weight:700;font-size:var(--px-text-size-s-mobile);color:var(--px-color-icon-body-default);border-radius:var(--px-radius-pill);background:var(--px-color-bg-container-weak-default)}.content-area{margin-bottom:var(--px-spacing-component-default-vertical)}.content-area ::slotted([slot="title"]){font-weight:700;color:var(--px-color-txt-body-default)}.content-area ::slotted([slot="content"]){font-weight:400;color:var(--px-color-txt-details-default);margin-top:var(--px-spacing-under-text-vertical)}:host([lastchild]) .indicator-area:before{display:none}:host([lastchild]) .content-area{margin-bottom:0}:host([inverted]) .indicator-area:before{background:var(--px-color-border-main-inverted)}:host([inverted]) .indicator-area .indicator{color:var(--px-color-icon-body-inverted);background:var(--px-color-bg-container-weak-inverted)}:host([inverted]) .content-area ::slotted([slot="title"]){color:var(--px-color-txt-body-inverted)}:host([inverted]) .content-area ::slotted([slot="content"]){color:var(--px-color-txt-details-inverted)}@media only screen and (min-width: 64rem){.timeline-item{font-size:var(--px-text-size-base-tablet)}.indicator-area .indicator{font-size:var(--px-text-size-s-tablet)}}@media only screen and (min-width: 90rem){.timeline-item{font-size:var(--px-text-size-base-desktop)}.indicator-area .indicator{font-size:var(--px-text-size-s-desktop)}}');let Ze="1";class Je extends HTMLElement{template(){return'\n        <li class="timeline-item" role="listitem">\n            <div class="indicator-area">\n                <div class="indicator"></div>\n            </div>\n            <div class="content-area">\n                <slot name="title"></slot>\n                <slot name="content"></slot>\n            </div>\n        </li>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Ye]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(e,t,r){if(t!==r&&"item"===e)this.updateItem(t,r),this.updateIndicator(Ze)}updateItem(e,t){null!==e&&""!==e&&(Ze=e),null!==t&&""!==t&&(Ze=t)}updateIndicator(e){this.$el.querySelector(".indicator").innerHTML=e}get $el(){return this.shadowRoot.querySelector(".timeline-item")}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get lastchild(){return this.getAttribute("lastchild")}set lastchild(e){this.setAttribute("lastchild",e)}get item(){return this.getAttribute("item")}set item(e){this.setAttribute("item",e)}}customElements.get("px-timeline-item")||customElements.define("px-timeline-item",Je);const Ke=new CSSStyleSheet;Ke.replaceSync("px-container{width:1000px;display:block;border:0;border-radius:var(--px-radius-main)}@media screen and (max-width: 1025px){px-container{width:700px}}@media screen and (max-width: 640px){px-container{width:295px}}"),h(".lavender-blurred-modal-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:999;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}");class Qe extends HTMLElement{constructor(){super(),this.open=!1,this.template='<px-container padding="m" popover> \x3c!-- adding popver here is the only way to style of the modal --\x3e\n    <px-stack gap="component-default-vertical" direction="column">\n      <px-stack direction="column" gap="under-text-vertical">\n        <slot name="title"></slot>\n        <slot name="description"></slot>\n      </px-stack>\n      <slot></slot>\n      <px-separator size="l"></px-separator>\n      <px-stack gap="component-compact-horizontal" justify-content="end">\n        <slot name="footer"></slot>\n      </px-stack>\n    </px-stack>\n  </px-container>',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template,this.shadowRoot.adoptedStyleSheets=[Ke]}connectedCallback(){var e;document.querySelectorAll(`px-button[popovertarget="${this.getAttribute("id")}"]`).forEach((e=>{e.onclick=e=>{var t;null==(t=this.showPopover)||t.call(this),this.open=!0,this.displayBlurredBackground(),e.stopPropagation()}}));this.querySelectorAll('px-button[slot="footer"]').forEach((e=>{e.onclick=()=>{this._hidePopover()}})),null!=this.autoShow&&(null==(e=this.showPopover)||e.call(this),this.open=!0,this.displayBlurredBackground())}displayBlurredBackground(){this.blurredBackground=document.createElement("div"),this.blurredBackground.id="popover-background",this.blurredBackground.classList.toggle("lavender-blurred-modal-background"),this.blurredBackground.addEventListener("click",(e=>{this.open&&!this.contains(e.target)&&this._hidePopover()})),document.body.appendChild(this.blurredBackground)}_hidePopover(){var e;this.blurredBackground.parentElement.removeChild(this.blurredBackground),null==(e=this.hidePopover)||e.call(this),this.open=!1}get autoShow(){return this.getAttribute("autoshow")}}customElements.get("px-modal")||customElements.define("px-modal",Qe);const Ue="span,::slotted(span){font-family:var(--px-font-family);color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m)}:host([inverted]) span,:host([inverted]) ::slotted(span){color:var(--px-color-txt-body-inverted)}span.link{text-decoration:underline}@media only screen and (min-width: 64rem){span,::slotted(span){font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 90rem){span,::slotted(span){font-size:var(--px-text-size-base-desktop)}}",Xe=new CSSStyleSheet,et=new CSSStyleSheet;Xe.replaceSync(Ue),et.replaceSync(B);const tt=class extends o{constructor(){super(Xe,et),this.template=()=>'<span>\n        <slot name="before"></slot>\n        <slot></slot>\n        <slot name="after"></slot>\n    </span>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"color","fontsize","fontweight","inverted"]}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){g(e)?this.removeAttribute("inverted"):this.setAttribute("inverted",e)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"color":this.updateTypography(e,t,r,a);break;case"fontsize":this.updateTypography(e,t,r,i);break;case"fontweight":this.updateTypography(e,t,r,n);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}updateTypography(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)||console.error(`Bad ${e} value for ${this.$el}`)}};tt.nativeName="span";let rt=tt;customElements.define("px-span",rt);const ot='a,.link,::slotted(a){font-family:var(--px-font-family);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);font-weight:500;color:var(--px-color-txt-body-default)}a:hover,a:focus,.link:hover,.link:focus{color:var(--px-color-txt-hover-default)}a[aria-disabled=true],.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-txt-disabled-default)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-text-to-icon-compact-horizontal)}a ::slotted(*),.link ::slotted(*){display:inline-block}::slotted(a:hover),::slotted(a:focus){color:var(--px-color-txt-hover-default)}a.no-style{color:inherit;text-decoration:none}a.no-style:hover,a.no-style:focus{color:inherit}a.skip-link{position:absolute;left:-10000px;top:auto;overflow:hidden;background-color:var(--px-color-bg-container-weak-default);padding:var(--px-padding-xs)}a.skip-link:focus{left:auto;z-index:999}:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a){color:var(--px-color-txt-body-inverted)}:host([inverted]) a:hover,:host([inverted]) a:focus,:host([inverted]) .link:hover,:host([inverted]) .link:focus{color:var(--px-color-txt-hover-inverted)}:host([inverted]) a[aria-disabled=true],:host([inverted]) .link[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) ::slotted(a:hover),:host([inverted]) ::slotted(a:focus){color:var(--px-color-txt-hover-inverted)}:host([inverted]) a.skip-link{background-color:var(--px-color-bg-container-weak-inverted)}@media only screen and (min-width: 64rem){a,.link,::slotted(a){font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 90rem){a,.link,::slotted(a){font-size:var(--px-text-size-base-desktop)}}',it=new CSSStyleSheet,at=new CSSStyleSheet,nt=new CSSStyleSheet;it.replaceSync(ot),at.replaceSync('.btn{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:var(--px-font-family);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);font-weight:700;gap:var(--px-spacing-between-icon-horizontal-mobile);cursor:pointer;text-decoration:none;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-border-m) solid transparent;--slotted-icon-size: var(--px-icon-size-xs-mobile)}.btn,.btn *{box-sizing:border-box}.btn:hover:not([disabled],[aria-disabled=true],.loading),.btn:focus:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-default);outline:0}.btn:active{transform:scale(.95)}.btn[disabled],.btn[aria-disabled=true]{cursor:default;pointer-events:none}.btn.loading{cursor:inherit}.btn.loading ::slotted(px-spinner){line-height:var(--px-line-height-xs)}.btn:not(.secondary,.tertiary,.patch){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-primary-default);min-height:var(--px-size-action-mobile);padding:0 var(--px-padding-m);border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading),.btn:not(.secondary,.tertiary,.patch):focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-bordered-default)}.btn:not(.secondary,.tertiary,.patch)[disabled],.btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}.btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-primary-default);border-color:transparent}.btn:not(.secondary,.tertiary,.patch).extended{width:100%}.btn:not(.secondary,.tertiary,.patch).alternative{border-radius:var(--px-radius-button-small)}.btn.secondary{color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-secondary-default);min-height:var(--px-size-action-mobile);padding:0 var(--px-padding-m);border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn.secondary:hover:not([disabled],[aria-disabled=true],.loading),.btn.secondary:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-bordered-default)}.btn.secondary[disabled],.btn.secondary[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}.btn.secondary.loading{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-primary-default);border-color:transparent}.btn.secondary.extended{width:100%}.btn.secondary.alternative{border-radius:var(--px-radius-button-small)}.btn.tertiary{background:none;color:var(--px-color-txt-primary-default);border-radius:var(--px-radius-pill);padding:0}.btn.tertiary ::slotted(px-icon){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);font-size:var(--px-icon-size-2xs-mobile);border-radius:var(--px-radius-pill);background:var(--px-color-bg-action-secondary-default);transition:var(--btn-transition)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading){gap:0;padding:0 .5rem}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(*),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted(*){background:transparent}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){margin:0 -8px}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="before"]),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="before"]){margin:0 0 0 -.5rem}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="after"]),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="after"]){margin:0 -.5rem 0 0}.btn.tertiary[disabled],.btn.tertiary[aria-disabled=true]{color:var(--px-color-txt-disabled-default)}.btn.tertiary[disabled] ::slotted(px-icon),.btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-color-bg-action-disabled-default)}.btn.tertiary.loading{color:var(--px-color-txt-primary-default);border-color:transparent}.btn.tertiary.loading ::slotted(px-spinner){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);border-radius:var(--px-radius-pill);background:var(--px-color-bg-action-disabled-default)}.btn.patch{display:inline-flex}.btn.patch:hover:not([disabled],[aria-disabled=true],.loading),.btn.patch:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-bordered-default)}.btn.patch[disabled],.btn.patch[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}button.link{background:none;border:none;text-decoration:underline;padding:0;cursor:pointer}button.link[disabled],button.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-txt-disabled-default)}:host([inverted]) .btn:hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn:focus:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-primary-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn:not(.secondary,.tertiary,.patch):focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-bordered-default-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[disabled],:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-primary-inverted);border-color:transparent}:host([inverted]) .btn.secondary{color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .btn.secondary:hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn.secondary:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-bordered-default-inverted)}:host([inverted]) .btn.secondary[disabled],:host([inverted]) .btn.secondary[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn.secondary.loading{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-primary-inverted);border-color:transparent}:host([inverted]) .btn.tertiary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .btn.tertiary ::slotted(px-icon){background:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .btn.tertiary[disabled],:host([inverted]) .btn.tertiary[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn.tertiary[disabled] ::slotted(px-icon),:host([inverted]) .btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .btn.tertiary.loading{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .btn.tertiary.loading ::slotted(px-spinner){background:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .btn.patch:hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn.patch:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-bordered-default-inverted)}:host([inverted]) .btn.patch[disabled],:host([inverted]) .btn.patch[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) button.link[disabled],:host([inverted]) button.link[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}@media only screen and (min-width: 640px){.btn{font-size:var(--px-text-size-base-tablet);--slotted-icon-size: var(--px-icon-size-xs-tablet)}.btn:not(.secondary,.tertiary,.patch){min-height:var(--px-size-action-desktop)}.btn.secondary{min-height:var(--px-size-action-desktop)}.btn.tertiary ::slotted(px-spinner){width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}}@media only screen and (min-width: 640px){.btn{font-size:var(--px-text-size-base-desktop);--slotted-icon-size: var(--px-icon-size-xs-desktop)}.btn.tertiary ::slotted(px-spinner){width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop)}}@keyframes anim-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}'),nt.replaceSync(B);const st=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],lt=class extends o{constructor(){super(it,at,nt),this.shapeValues=["","default","alternative"],this.template=()=>'<slot name="before"></slot><slot></slot><slot name="after"></slot>';const e=document.createElement(this.nativeName);e.innerHTML=this.template(),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"disabled","variant","shape","extended","inverted","fontsize","color","fontweight"]}get disabled(){return this.getAttribute("disabled")}set disabled(e){this.setAttribute("disabled",e)}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get extended(){return this.getAttribute("extended")}set extended(e){this.setAttribute("extended",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"disabled":this.$el.toggleAttribute("aria-disabled"),null!==r&&this.$el.setAttribute("aria-disabled","true");break;case"variant":this.updateVariant(t,r);break;case"shape":this.updateShape(t,r);break;case"extended":this.$el.classList.toggle(e);break;case"fontsize":this.updateTypography(e,t,r,i);break;case"color":this.updateTypography(e,t,r,a);break;case"fontweight":this.updateTypography(e,t,r,n);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}_toggleClassList(e){if(e.startsWith("btn-")){const t=e.split("-");for(const e of t)this.$el.classList.toggle(e)}else this.$el.classList.toggle(e)}updateVariant(e,t){null!==e&&""!==e&&"link"!==e&&this._toggleClassList(e),null!==t&&""!==t&&"link"!==t&&this._toggleClassList(t),this.checkName(st,t)||console.error(`Bad "variant" value for ${this.$el}`)}updateShape(e,t){null!==e&&""!==e&&"default"!==e&&this._toggleClassList(e),null!==t&&""!==t&&"default"!==t&&this._toggleClassList(t),this.checkName(this.shapeValues,t)||console.error(`Bad "shape" value for ${this.$el}`)}updateTypography(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)||console.error(`Bad ${e} value for ${this.$el}`)}};lt.nativeName="a";let dt=lt;customElements.get("px-a")||customElements.define("px-a",dt);const ct="p,::slotted(p){font-family:var(--px-font-family);color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);margin:0}.textalign-left{text-align:left}.textalign-center{text-align:center}.textalign-right{text-align:right}:host([inverted]) p,:host([inverted]) ::slotted(p){color:var(--px-color-txt-body-inverted)}@media only screen and (min-width: 64rem){p,::slotted(p){font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 90rem){p,::slotted(p){font-size:var(--px-text-size-base-desktop)}}",pt=new CSSStyleSheet,bt=new CSSStyleSheet,ht=new CSSStyleSheet;pt.replaceSync(ct),bt.replaceSync(B),ht.replaceSync(V);const gt=["","default","h1","h2","h3","h4","h5","h6","subtitle"],ut=["","default","left","center","right"],vt=class extends o{constructor(){super(pt,bt,ht),this.template=()=>"<p><slot></slot></p>",this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","color","fontsize","fontweight","textalign","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}get textalign(){return this.getAttribute("textalign")}set textalign(e){this.setAttribute("textalign",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateAttribute(e,t,r,gt);break;case"color":this.updateTypography(e,t,r,a);break;case"fontsize":this.updateTypography(e,t,r,i);break;case"fontweight":this.updateTypography(e,t,r,n);break;case"textalign":this.updateTypography(e,t,r,ut);break;default:super.attributeChangedCallback(e,t,r)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateAttribute(e,t,r,o){this.toggleClass(t,r),this.checkName(o,r)||console.error(`Bad ${e} value for ${this.$el}`)}updateTypography(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)||console.error(`Bad ${e} value for ${this.$el}`)}};vt.nativeName="p";let xt=vt;customElements.define("px-p",xt);const mt=new CSSStyleSheet,ft=new CSSStyleSheet,yt=new CSSStyleSheet,kt=new CSSStyleSheet,wt=new CSSStyleSheet;mt.replaceSync("*{font-family:var(--px-font-family)}::slotted(ul),::slotted(ol){margin:0 0 0 var(--px-spacing-component-default-horizontal);padding:0}::slotted(b),::slotted(strong){font-weight:700}:host([inverted]) slot{color:var(--px-color-txt-body-inverted)}"),ft.replaceSync(V),yt.replaceSync(ot),kt.replaceSync(ct),wt.replaceSync(Ue),h(".li{padding-bottom:var(--px-padding-xs)}");class zt extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[mt,ft,yt,kt,wt]}static get observedAttributes(){return["inverted"]}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}connectedCallback(){this.querySelectorAll("li").forEach((e=>{e.classList.add("li")}))}}customElements.define("px-typography",zt),exports.Accordion=de,exports.Container=q,exports.FontIcon=M,exports.H1=Y,exports.H2=J,exports.H3=Q,exports.H4=X,exports.H5=te,exports.H6=oe,exports.HStack=f,exports.IconSet=A,exports.Image=he,exports.Link=dt,exports.Modal=Qe,exports.Page=z,exports.Paragraph=xt,exports.Patch=fe,exports.Picture=ue,exports.Price=Ae,exports.PxElement=o,exports.PxTab=Oe,exports.PxTabPanel=We,exports.PxTabs=De,exports.Ribbon=Ce,exports.SVGIcon=E,exports.Separator=Me,exports.Spacer=y,exports.Span=rt,exports.Stack=x,exports.Tag=je,exports.Timeline=Fe,exports.TimelineItem=Je,exports.Typography=zt,exports.VStack=m,exports.WithFlexAttributes=r,exports.addGlobalStylesheet=h,exports.bgColorValues=c,exports.borderRadiusValues=d,exports.borderValues=l,exports.colorValues=a,exports.fontsizeValues=i,exports.fontweightValues=n,exports.getSupportedAttributeNames=e,exports.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},exports.gradientValues=b,exports.iconSizeValues=["","default","2xs","xs","s","m","l","xl","2xl"],exports.isFalsy=g,exports.paddingValues=s,exports.shadowValues=p,exports.sizeValues=we,exports.textalignValues=ut;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(t){const e=document.createElement(t),r=Object.getPrototypeOf(e);return Object.getOwnPropertyNames(r)}const e=new CSSStyleSheet;e.replaceSync("::slotted(*[grow]){flex-grow:var(--flex-grow-value)}::slotted(*[shrink]){flex-shrink:var(--flex-shrink-value)}::slotted(*[basis]){flex-basis:var(--flex-basis-value)}::slotted(*[align-self]){align-self:var(--flex-align-self-value)}::slotted(*[grow-mobile]){flex-grow:var(--flex-grow-mobile-value)}::slotted(*[shrink-mobile]){flex-shrink:var(--flex-shrink-mobile-value)}::slotted(*[basis-mobile]){flex-basis:var(--flex-basis-mobile-value)}::slotted(*[align-self-mobile]){align-self:var(--flex-align-self-mobile-value)}@media screen and (min-width: 768px){::slotted(*[grow-tablet]){flex-grow:var(--flex-grow-tablet-value)}::slotted(*[shrink-tablet]){flex-shrink:var(--flex-shrink-tablet-value)}::slotted(*[basis-tablet]){flex-basis:var(--flex-basis-tablet-value)}::slotted(*[align-self-tablet]){align-self:var(--flex-align-self-tablet-value)}}@media screen and (min-width: 1025px){::slotted(*[grow-laptop]){flex-grow:var(--flex-grow-laptop-value)}::slotted(*[shrink-laptop]){flex-shrink:var(--flex-shrink-laptop-value)}::slotted(*[basis-laptop]){flex-basis:var(--flex-basis-laptop-value)}::slotted(*[align-self-laptop]){align-self:var(--flex-align-self-laptop-value)}}@media screen and (min-width: 1441px){::slotted(*[grow-desktop]){flex-grow:var(--flex-grow-desktop-value)}::slotted(*[shrink-desktop]){flex-shrink:var(--flex-shrink-desktop-value)}::slotted(*[basis-desktop]){flex-basis:var(--flex-basis-desktop-value)}::slotted(*[align-self-desktop]){align-self:var(--flex-align-self-desktop-value)}}@media only screen and (min-width: 0px) and (max-width: 767px){::slotted(*[hidden-mobile]){display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted(*[hidden-tablet]){display:none}}@media only screen and (min-width: 1025px) and (max-width: 1440px){::slotted(*[hidden-laptop]){display:none}}@media only screen and (min-width: 1441px){::slotted(*[hidden-desktop]){display:none}}");class r extends HTMLElement{static get observedAttributes(){return["grow","grow-tablet","grow-laptop","grow-desktop","shrink","shrink-mobile","shrink-tablet","shrink-laptop","shrink-desktop","basis","basis-mobile","basis-tablet","basis-laptop","basis-desktop","align-self","hidden-mobile","hidden-tablet","hidden-laptop","hidden-desktop"]}constructor(...t){super(),this.shadowRoot||this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[e,...t]}attributeChangedCallback(t,e,i){if(-1!==r.observedAttributes.indexOf(t))if(null===i)this.style.removeProperty(t);else switch(t){case"grow":case"shrink":case"basis":case"grow-mobile":case"grow-tablet":case"grow-laptop":case"grow-desktop":case"shrink-mobile":case"shrink-tablet":case"shrink-laptop":case"shrink-desktop":case"basis-mobile":case"basis-tablet":case"basis-laptop":case"basis-desktop":case"align-self":this.style.setProperty(`--flex-${t}-value`,i)}}get grow(){return this.getAttribute("grow")}set grow(t){this.setAttribute("grow",t)}get shrink(){return this.getAttribute("shrink")}set shrink(t){this.setAttribute("shrink",t)}get basis(){return this.getAttribute("basis")}set basis(t){this.setAttribute("basis",t)}get growMobile(){return this.getAttribute("grow-mobile")}set growMobile(t){this.setAttribute("grow-mobile",t)}get growTablet(){return this.getAttribute("grow-tablet")}set growTablet(t){this.setAttribute("grow-tablet",t)}get growLaptop(){return this.getAttribute("grow-laptop")}set growLaptop(t){this.setAttribute("grow-laptop",t)}get growDesktop(){return this.getAttribute("grow-desktop")}set growDesktop(t){this.setAttribute("grow-desktop",t)}get shrinkMobile(){return this.getAttribute("shrink-mobile")}set shrinkMobile(t){this.setAttribute("shrink-mobile",t)}get shrinkTablet(){return this.getAttribute("shrink-tablet")}set shrinkTablet(t){this.setAttribute("shrink-tablet",t)}get shrinkLaptop(){return this.getAttribute("shrink-laptop")}set shrinkLaptop(t){this.setAttribute("shrink-laptop",t)}get shrinkDesktop(){return this.getAttribute("shrink-desktop")}set shrinkDesktop(t){this.setAttribute("shrink-desktop",t)}get basisMobile(){return this.getAttribute("basis-mobile")}set basisMobile(t){this.setAttribute("basis-mobile",t)}get basisTablet(){return this.getAttribute("basis-tablet")}set basisTablet(t){this.setAttribute("basis-tablet",t)}get basisLaptop(){return this.getAttribute("basis-laptop")}set basisLaptop(t){this.setAttribute("basis-laptop",t)}get basisDesktop(){return this.getAttribute("basis-desktop")}set basisDesktop(t){this.setAttribute("basis-desktop",t)}get alignSelf(){return this.getAttribute("align-self")}set alignSelf(t){this.setAttribute("align-self",t)}get $el(){return this}get hiddenMobile(){return this.getAttribute("hidden-mobile")}set hiddenMobile(t){this.setAttribute("hidden-mobile",t)}get hiddenTablet(){return this.getAttribute("hidden-tablet")}set hiddenTablet(t){this.setAttribute("hidden-tablet",t)}get hiddenLaptop(){return this.getAttribute("hidden-laptop")}set hiddenLaptop(t){this.setAttribute("hidden-laptop",t)}get hiddenDesktop(){return this.getAttribute("hidden-desktop")}set hiddenDesktop(t){this.setAttribute("hidden-desktop",t)}}class i extends r{static get observedAttributes(){return[...super.observedAttributes,...t(this.nativeName)]}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),null===r?this.$el.toggleAttribute(t):this.$el.setAttribute(t,r)}constructor(...t){super(...t),this.nativeName=Object.getPrototypeOf(this).constructor.nativeName}connectedCallback(){for(const e of t(this.nativeName))"constructor"!==e&&Object.defineProperty(this,e,{get(){return this.$el[e]},set(t){this.$el[e]!==t&&(this.$el[e]=t)}})}get $el(){return this.shadowRoot.querySelector(this.nativeName)}}const o=["","default","inherit","xs","s","base","m","l","xl","2xl","3xl","4xl","5xl","6xl","7xl"],a=["","default","inherit","primary","body","details","hover","disabled","active","promo","success","warning","error","unlimited"],n=["","default","inherit","normal","bold","extrabold","light"],s=["","default","2xs","xs","s","m","l","xl","2xl"],l=["","default","left","center","right"],d=["","none","2xs","xs","s","m","l","xl"],p=["","none","s","m","l"],c=["","none","main","pill"],b=["","container-none","container-weak","container-moderate","container-strong","container-rich","container-main","action-primary","action-secondary","action-hover-bordered","action-hover","action-disabled","action-active","action-neutral","action-neutral-hover","notification","promo","success","error","warning","unlimited"],g=["","none","s","m","l","xl"],h=["","default","title-4xl","title-3xl","title-2xl","title-xl","title-l","title-m","title-s","subtitle"],u=["","purple-bottom-red","purple-bottom-magenta","purple-bottom-orange","purple-bottom-blue","purple-bottom-turquoise","purple-bottom-green","purple-right-red","purple-right-magenta","purple-right-orange","purple-right-blue","purple-right-turquoise","purple-right-green","purple-top-right-red","purple-top-right-magenta","purple-top-right-orange","purple-top-right-blue","purple-top-right-turquoise","purple-top-right-green","purple-bottom-right-red","purple-bottom-right-magenta","purple-bottom-right-orange","purple-bottom-right-blue","purple-bottom-right-turquoise","purple-bottom-right-green","color-bottom-red","color-bottom-magenta","color-bottom-orange","color-bottom-blue","color-bottom-turquoise","color-bottom-green","color-right-red","color-right-magenta","color-right-orange","color-right-blue","color-right-turquoise","color-right-green","color-top-right-red","color-top-right-magenta","color-top-right-orange","color-top-right-blue","color-top-right-turquoise","color-top-right-green","color-bottom-right-red","color-bottom-right-magenta","color-bottom-right-orange","color-bottom-right-blue","color-bottom-right-turquoise","color-bottom-right-green"],x=["","all","top","right","bottom","left"];function v(t){const e=document.createElement("style");e.innerHTML=t,document.head.appendChild(e)}function m(t){return"string"==typeof t&&("false"===t||"0"===t||"null"===t)||"boolean"==typeof t&&!t}const f=new CSSStyleSheet;f.replaceSync(".flex-container{display:flex;height:100%;width:100%;box-sizing:border-box;flex-direction:var(--flex-direction-mobile-value);gap:var(--flex-gap-mobile-value);flex-wrap:var(--flex-wrap-mobile-value);justify-content:var(--flex-justify-content-mobile-value);align-items:var(--flex-align-items-mobile-value)}@media screen and (min-width: 768px){.flex-container{flex-direction:var(--flex-direction-tablet-value);gap:var(--flex-gap-tablet-value);flex-wrap:var(--flex-wrap-tablet-value);justify-content:var(--flex-justify-content-tablet-value);align-items:var(--flex-align-items-tablet-value)}}@media screen and (min-width: 1025px){.flex-container{flex-direction:var(--flex-direction-laptop-value);gap:var(--flex-gap-laptop-value);flex-wrap:var(--flex-wrap-laptop-value);justify-content:var(--flex-justify-content-laptop-value);align-items:var(--flex-align-items-laptop-value)}}@media screen and (min-width: 1441px){.flex-container{flex-direction:var(--flex-direction-desktop-value);gap:var(--flex-gap-desktop-value);flex-wrap:var(--flex-wrap-desktop-value);justify-content:var(--flex-justify-content-desktop-value);align-items:var(--flex-align-items-desktop-value)}}");const k=["between-section-vertical","between-options-vertical","under-text-vertical","display-to-subtitle-vertical","under-display-vertical","component-default-vertical","component-expanded-vertical","between-section-vertical-mobile","between-options-vertical-mobile","under-text-vertical-mobile","display-to-subtitle-vertical-mobile","under-display-vertical-mobile","component-default-vertical-mobile","component-expanded-vertical-mobile","between-icon-horizontal","text-to-icon-compact-horizontal","text-to-icon-horizontal","component-compact-horizontal","component-default-horizontal","component-expanded-horizontal","between-icon-horizontal-mobile","text-to-icon-compact-horizontal-mobile","text-to-icon-horizontal-mobile","component-compact-horizontal-mobile","component-default-horizontal-mobile"];class y extends r{constructor(){super(f),this.template='<div class="flex-container">\n      <slot></slot>\n  </div>',this.shadowRoot.innerHTML=this.template}connectedCallback(){this.hasAttribute("direction")||(this.direction="row")}static get observedAttributes(){return[...super.observedAttributes,"direction","direction-mobile","direction-tablet","direction-laptop","direction-desktop","gap","gap-mobile","gap-tablet","gap-laptop","gap-desktop","justify-content","justify-content-mobile","justify-content-tablet","justify-content-laptop","justify-content-desktop","align-items","align-items-mobile","align-items-tablet","align-items-laptop","align-items-desktop","wrap","wrap-mobile","wrap-tablet","wrap-laptop","wrap-desktop"]}attributeChangedCallback(t,e,r){if(t.indexOf("direction")>-1&&!["column","row"].includes(r))throw new Error("Invalid direction");switch(t){case"gap":this.$el.style.getPropertyValue("--flex-gap-mobile-value")||this.$el.style.setProperty("--flex-gap-mobile-value",this.getGapCSSVariable(r)),this.$el.style.getPropertyValue("--flex-gap-tablet-value")||this.$el.style.setProperty("--flex-gap-tablet-value",this.getGapCSSVariable(r)),this.$el.style.getPropertyValue("--flex-gap-laptop-value")||this.$el.style.setProperty("--flex-gap-laptop-value",this.getGapCSSVariable(r)),this.$el.style.getPropertyValue("--flex-gap-desktop-value")||this.$el.style.setProperty("--flex-gap-desktop-value",this.getGapCSSVariable(r));break;case"gap-mobile":case"gap-tablet":case"gap-laptop":case"gap-desktop":this.$el.style.setProperty(`--flex-${t}-value`,this.getGapCSSVariable(r));break;case"direction":this.$el.style.getPropertyValue("--flex-direction-mobile-value")||this.$el.style.setProperty("--flex-direction-mobile-value",r),this.$el.style.getPropertyValue("--flex-direction-tablet-value")||this.$el.style.setProperty("--flex-direction-tablet-value",r),this.$el.style.getPropertyValue("--flex-direction-laptop-value")||this.$el.style.setProperty("--flex-direction-laptop-value",r),this.$el.style.getPropertyValue("--flex-direction-desktop-value")||this.$el.style.setProperty("--flex-direction-desktop-value",r);break;case"justify-content":this.$el.style.getPropertyValue("--flex-justify-content-mobile-value")||this.$el.style.setProperty("--flex-justify-content-mobile-value",r),this.$el.style.getPropertyValue("--flex-justify-content-tablet-value")||this.$el.style.setProperty("--flex-justify-content-tablet-value",r),this.$el.style.getPropertyValue("--flex-justify-content-laptop-value")||this.$el.style.setProperty("--flex-justify-content-laptop-value",r),this.$el.style.getPropertyValue("--flex-justify-content-desktop-value")||this.$el.style.setProperty("--flex-justify-content-desktop-value",r);break;case"align-items":this.$el.style.getPropertyValue("--flex-align-items-mobile-value")||this.$el.style.setProperty("--flex-align-items-mobile-value",r),this.$el.style.getPropertyValue("--flex-align-items-tablet-value")||this.$el.style.setProperty("--flex-align-items-tablet-value",r),this.$el.style.getPropertyValue("--flex-align-items-laptop-value")||this.$el.style.setProperty("--flex-align-items-laptop-value",r),this.$el.style.getPropertyValue("--flex-align-items-desktop-value")||this.$el.style.setProperty("--flex-align-items-desktop-value",r);break;case"wrap":this.$el.style.getPropertyValue("--flex-wrap-mobile-value")||this.$el.style.setProperty("--flex-wrap-mobile-value",r),this.$el.style.getPropertyValue("--flex-wrap-tablet-value")||this.$el.style.setProperty("--flex-wrap-tablet-value",r),this.$el.style.getPropertyValue("--flex-wrap-laptop-value")||this.$el.style.setProperty("--flex-wrap-laptop-value",r),this.$el.style.getPropertyValue("--flex-wrap-desktop-value")||this.$el.style.setProperty("--flex-wrap-desktop-value",r);break;case"direction-mobile":case"direction-tablet":case"direction-laptop":case"direction-desktop":case"justify-content-mobile":case"justify-content-tablet":case"justify-content-laptop":case"justify-content-desktop":case"align-items-mobile":case"align-items-tablet":case"align-items-laptop":case"align-items-desktop":case"wrap-mobile":case"wrap-tablet":case"wrap-laptop":case"wrap-desktop":this.$el.style.setProperty(`--flex-${t}-value`,r);break;default:super.attributeChangedCallback(t,e,r)}}getGapCSSVariable(t){return k.includes(t)?`var(--px-spacing-${t})`:t}get direction(){return this.getAttribute("direction")}set direction(t){this.setAttribute("direction",t)}get directionMobile(){return this.getAttribute("direction-mobile")}set directionMobile(t){this.setAttribute("direction-mobile",t)}get directionTablet(){return this.getAttribute("direction-tablet")}set directionTablet(t){this.setAttribute("direction-tablet",t)}get directionLaptop(){return this.getAttribute("direction-laptop")}set directionLaptop(t){this.setAttribute("direction-laptop",t)}get directionDesktop(){return this.getAttribute("direction-desktop")}set directionDesktop(t){this.setAttribute("direction-desktop",t)}get gap(){return this.getAttribute("gap")}set gap(t){this.setAttribute("gap",t)}get gapMobile(){return this.getAttribute("gap-mobile")}set gapMobile(t){this.setAttribute("gap-mobile",t)}get gapTablet(){return this.getAttribute("gap-tablet")}set gapTablet(t){this.setAttribute("gap-tablet",t)}get gapLaptop(){return this.getAttribute("gap-laptop")}set gapLaptop(t){this.setAttribute("gap-laptop",t)}get justifyContent(){return this.getAttribute("justify-content")}set justifyContent(t){this.setAttribute("justify-content",t)}get justifyContentMobile(){return this.getAttribute("justify-content-mobile")}set justifyContentMobile(t){this.setAttribute("justify-content-mobile",t)}get justifyContentTablet(){return this.getAttribute("justify-content-tablet")}set justifyContentTablet(t){this.setAttribute("justify-content-tablet",t)}get justifyContentLaptop(){return this.getAttribute("justify-content-laptop")}set justifyContentLaptop(t){this.setAttribute("justify-content-laptop",t)}get justifyContentDesktop(){return this.getAttribute("justify-content-desktop")}set justifyContentDesktop(t){this.setAttribute("justify-content-desktop",t)}get alignItems(){return this.getAttribute("align-items")}set alignItems(t){this.setAttribute("align-items",t)}get alignItemsMobile(){return this.getAttribute("align-items-mobile")}set alignItemsMobile(t){this.setAttribute("align-items-mobile",t)}get alignItemsTablet(){return this.getAttribute("align-items-tablet")}set alignItemsTablet(t){this.setAttribute("align-items-tablet",t)}get alignItemsLaptop(){return this.getAttribute("align-items-laptop")}set alignItemsLaptop(t){this.setAttribute("align-items-laptop",t)}get alignItemsDesktop(){return this.getAttribute("align-items-desktop")}set alignItemsDesktop(t){this.setAttribute("align-items-desktop",t)}get wrap(){return this.getAttribute("wrap")}set wrap(t){this.setAttribute("wrap",t)}get wrapMobile(){return this.getAttribute("wrap-mobile")}set wrapMobile(t){this.setAttribute("wrap-mobile",t)}get wrapTablet(){return this.getAttribute("wrap-tablet")}set wrapTablet(t){this.setAttribute("wrap-tablet",t)}get wrapLaptop(){return this.getAttribute("wrap-laptop")}set wrapLaptop(t){this.setAttribute("wrap-laptop",t)}get wrapDesktop(){return this.getAttribute("wrap-desktop")}set wrapDesktop(t){this.setAttribute("wrap-desktop",t)}get $el(){return this.shadowRoot.querySelector(".flex-container")}}customElements.get("px-stack")||customElements.define("px-stack",y);class w extends y{constructor(){super()}connectedCallback(){super.connectedCallback(),this.direction="column",this.directionMobile="column",this.directionTablet="column",this.directionLaptop="column",this.directionDesktop="column"}}customElements.get("px-vstack")||customElements.define("px-vstack",w);class z extends y{constructor(){super()}connectedCallback(){super.connectedCallback(),this.direction="row",this.directionMobile="row",this.directionTablet="row",this.directionLaptop="row",this.directionDesktop="row"}}customElements.get("px-hstack")||customElements.define("px-hstack",z);class A extends HTMLElement{constructor(){super()}static get observedAttributes(){return["grow"]}attributeChangedCallback(t,e,r){"grow"===t&&(this.style.flexGrow=r)}connectedCallback(){this.style.flexGrow=this.getAttribute("grow")||"1"}get grow(){return this.getAttribute("grow")}set grow(t){this.setAttribute("grow",t)}}customElements.define("px-spacer",A);const $=new CSSStyleSheet;$.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class S extends r{constructor(){super($),this.template=t=>`\n    <px-container border-radius="none" padding="none">\n      <px-vstack>\n        <px-container id="header-container" border-radius="none">\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="header-vstack-container"\n              gap="1rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="header-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="image-container"\n          border-radius="none"\n          padding="none"\n          padding-top="xl"\n          id="image-box"\n          background-size="cover"\n          background-position="top center"\n          padding-bottom="xl"\n          border-radius="none"\n          bgimg="${this.backgroundImage}"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack grow="${this.grow}" basis="${this.basis}">\n              <slot name="image-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        ${t?` <px-hstack>\n        <px-spacer></px-spacer>\n        <px-container border-radius="none" box-shadow="xl" id="image-sticky-box" border="s" grow="${this.grow}" basis="${this.basis}" border-radius="m">\n          <px-vstack gap="1rem">\n            <slot name="image-sticky-container"></slot>\n          </px-vstack>\n        </px-container>\n        <px-spacer></px-spacer>\n      </px-hstack>`:""}\n        <px-container\n          id="body-container"\n          id="main"\n          background-color="${this.backgroundColor}"\n          padding="none"\n          padding-top="xl"\n          padding-bottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="body-vstack-container"\n              gap="3rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="body-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="contact-container"\n          border-radius="none"\n          id="main"\n          background-color="container-weak"\n          padding="none"\n          padding-top="xl"\n          padding-bottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="contact-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="footer-container"\n          background-color="container-none"\n          border-radius="none"\n          style="background-color: rgb(108, 66, 156)"\n          padding-top="xl"\n          padding-bottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="footer-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n      </px-vstack>\n    </px-container>\n  `,this.shadowRoot.innerHTML=this.template(!!this.$imageStickySlot)}static get observedAttributes(){return[...super.observedAttributes,"background-image","gap","background-color","padding-vertical","padding-horizontal"]}get $wideImage(){return this.shadowRoot.querySelector("#image-box")}get $bodyVStackContainer(){return this.shadowRoot.querySelector("#header-vstack-container")}get $bodyContainer(){return this.shadowRoot.querySelector("#body-container")}get $contactContainer(){return this.shadowRoot.querySelector("#contact-container")}get $footerContainer(){return this.shadowRoot.querySelector("#footer-container")}get $headerContainer(){return this.shadowRoot.querySelector("#header-container")}get $imageContainer(){return this.shadowRoot.querySelector("#image-container")}get backgroundImage(){return this.getAttribute("background-image")}get $imageStickySlot(){return this.querySelector('*[slot="image-sticky-container"]')}get $main(){return this.shadowRoot.querySelector("#main")}get backgroundColor(){return this.getAttribute("background-color")||"none"}get paddingVertical(){return this.getAttribute("padding-vertical")}get paddingHorizontal(){return this.getAttribute("padding-horizontal")}set paddingVertical(t){this.setAttribute("padding-vertical",t)}set paddingHorizontal(t){this.setAttribute("padding-horizontal",t)}get gap(){return this.getAttribute("gap")}connectedCallback(){this.handlePaddingVerticalChange(this.paddingVertical),this.handlePaddingHorizontalChange(this.paddingHorizontal)}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"background-image":this.$imageContainer.setAttribute("background-image",r);break;case"gap":this.$bodyVStackContainer.setAttribute("gap",r);break;case"background-color":this.$bodyContainer.setAttribute("background-color",b.indexOf(r)>0?r:"none");break;case"padding-vertical":this.handlePaddingVerticalChange(r);break;case"padding-horizontal":this.handlePaddingHorizontalChange(r);break;default:super.attributeChangedCallback(t,e,r)}}handlePaddingVerticalChange(t){this.$headerContainer.setAttribute("padding-top",t),this.$footerContainer.setAttribute("padding-bottom",t)}handlePaddingHorizontalChange(t){this.$headerContainer.paddingLeft=t,this.$headerContainer.paddingRight=t,this.$bodyContainer.paddingLeft=t,this.$bodyContainer.paddingRight=t,this.$contactContainer.paddingLeft=t,this.$contactContainer.paddingRight=t,this.$footerContainer.paddingLeft=t,this.$footerContainer.paddingRight=t,this.$imageContainer.paddingLeft=t,this.$imageContainer.paddingRight=t}}void 0===customElements.get("px-page")&&customElements.define("px-page",S);class C extends HTMLElement{constructor(){super()}static get observedAttributes(){return["name","src","type","format"]}connectedCallback(){if(document.querySelectorAll(`px-icon-set[name="${this.getAttribute("name")}"]`).length>1&&(console.warn("Only one <px-icon-set> component is allowed, self removing"),this.remove()),"font"===this.getAttribute("type")){const t=document.createElement("style");t.setAttribute("type","text/css"),t.setAttribute("data-name",this.getAttribute("name")),t.textContent=`\n@font-face {\n  font-family: 'lavender';\n  src:\n    url('${this.getAttribute("src")}') format(${this.getAttribute("format")}),\n  font-weight: normal;\n  font-style: normal;\n  font-display: block;\n}\n      `,document.head.appendChild(t)}}disconnectedCallback(){const t=document.querySelector(`style[data-name="${this.getAttribute("name")}"]`);t&&t.remove()}}customElements.get("px-icon-set")||customElements.define("px-icon-set",C);const _=["2xs","xs","s","m","l","xl","2xl"],L=["name","size","color","aria-label","inverted","from"];class T extends r{static get observedAttributes(){return[...super.observedAttributes,...L]}constructor(...t){var e;super(...t),this.internals=null==(e=this.attachInternals)?void 0:e.call(this)}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"name":this.updateName(e,r);break;case"size":this.updateAttribute(t,e,r,_);break;case"color":this.updateAttribute(t,e,r,a);break;case"aria-label":if(!this.internals)return;this.internals.ariaHidden=r?"false":"true"}}updateAttribute(t,e,r,i){null!==e&&""!==e&&("size"===t?this.$el.classList.toggle(`${t}-${e}`):this.$el.classList.toggle(e)),null!==r&&""!==r&&("size"===t?this.$el.classList.toggle(`${t}-${r}`):this.$el.classList.toggle(r)),this.checkName(i,r)||console.error(`${r} is not an allowed ${t} value for ${this.$el}`)}checkName(t,e){return t.includes(e)}get name(){return this.getAttribute("name")}set name(t){this.setAttribute("name",t)}get size(){return this.getAttribute("size")}set size(t){this.setAttribute("size",t)}get color(){return this.getAttribute("color")}set color(t){this.setAttribute("color",t)}get arialabel(){return this.getAttribute("aria-label")}set arialabel(t){this.setAttribute("aria-label",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}get from(){return this.getAttribute("from")}set from(t){this.setAttribute("from",t)}}const E=":host{line-height:1;display:inline-flex;flex-direction:column;justify-content:center}i{font-family:lavender;color:var(--px-color-icon-primary-default);font-size:var(--px-icon-size-m-mobile);line-height:1;font-style:unset;font-weight:400;-webkit-user-select:none;user-select:none;font-display:swap}svg{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);color:var(--px-color-icon-primary-default)}.inherit{color:inherit}.primary{color:var(--px-color-icon-primary-default)}.body{color:var(--px-color-icon-body-default)}.details{color:var(--px-color-icon-details-default)}.hover:hover{color:var(--px-color-icon-hover-default)}.hover:active{color:var(--px-color-icon-active-default)}.disabled{color:var(--px-color-icon-disabled-default)}.success{color:var(--px-color-icon-success-default)}.warning{color:var(--px-color-icon-warning-default)}.error{color:var(--px-color-icon-error-default)}.unlimited{color:var(--px-color-icon-unlimited-default)}.promo{color:var(--px-color-icon-promo-default)}:host([inverted]) i{color:var(--px-color-icon-primary-inverted)}:host([inverted]) svg{color:var(--px-color-icon-primary-inverted)}:host([inverted]) .primary{color:var(--px-color-icon-primary-inverted)}:host([inverted]) .body{color:var(--px-color-icon-body-inverted)}:host([inverted]) .details{color:var(--px-color-icon-details-inverted)}:host([inverted]) .hover:hover{color:var(--px-color-icon-hover-inverted)}:host([inverted]) .hover:active{color:var(--px-color-icon-active-inverted)}:host([inverted]) .disabled{color:var(--px-color-icon-disabled-inverted)}:host([inverted]) .success{color:var(--px-color-icon-success-inverted)}:host([inverted]) .warning{color:var(--px-color-icon-warning-inverted)}:host([inverted]) .error{color:var(--px-color-icon-error-inverted)}:host([inverted]) .unlimited{color:var(--px-color-icon-unlimited-inverted)}:host([inverted]) .promo{color:var(--px-color-icon-promo-inverted)}.size-2xs{width:var(--px-icon-size-2xs-mobile);height:var(--px-icon-size-2xs-mobile);font-size:var(--px-icon-size-2xs-mobile)}.size-xs{width:var(--px-icon-size-xs-mobile);height:var(--px-icon-size-xs-mobile);font-size:var(--px-icon-size-xs-mobile)}.size-s{width:var(--px-icon-size-s-mobile);height:var(--px-icon-size-s-mobile);font-size:var(--px-icon-size-s-mobile)}.size-m{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);font-size:var(--px-icon-size-m-mobile)}.size-l{width:var(--px-icon-size-l-mobile);height:var(--px-icon-size-l-mobile);font-size:var(--px-icon-size-l-mobile)}.size-xl{width:var(--px-icon-size-xl-mobile);height:var(--px-icon-size-xl-mobile);font-size:var(--px-icon-size-xl-mobile)}.size-2xl{width:var(--px-icon-size-2xl-mobile);height:var(--px-icon-size-2xl-mobile);font-size:var(--px-icon-size-2xl-mobile)}@media only screen and (min-width: 64rem){.size-2xs{width:var(--px-icon-size-2xs-tablet);height:var(--px-icon-size-2xs-tablet);font-size:var(--px-icon-size-2xs-tablet)}.size-xs{width:var(--px-icon-size-xs-tablet);height:var(--px-icon-size-xs-tablet);font-size:var(--px-icon-size-xs-tablet)}.size-s{width:var(--px-icon-size-s-tablet);height:var(--px-icon-size-s-tablet);font-size:var(--px-icon-size-s-tablet)}.size-m{width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet);font-size:var(--px-icon-size-m-tablet)}.size-l{width:var(--px-icon-size-l-tablet);height:var(--px-icon-size-l-tablet);font-size:var(--px-icon-size-l-tablet)}.size-xl{width:var(--px-icon-size-xl-tablet);height:var(--px-icon-size-xl-tablet);font-size:var(--px-icon-size-xl-tablet)}.size-2xl{width:var(--px-icon-size-2xl-tablet);height:var(--px-icon-size-2xl-tablet);font-size:var(--px-icon-size-2xl-tablet)}}@media only screen and (min-width: 90rem){.size-2xs{width:var(--px-icon-size-2xs-desktop);height:var(--px-icon-size-2xs-desktop);font-size:var(--px-icon-size-2xs-desktop)}.size-xs{width:var(--px-icon-size-xs-desktop);height:var(--px-icon-size-xs-desktop);font-size:var(--px-icon-size-xs-desktop)}.size-s{width:var(--px-icon-size-s-desktop);height:var(--px-icon-size-s-desktop);font-size:var(--px-icon-size-s-desktop)}.size-m{width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop);font-size:var(--px-icon-size-m-desktop)}.size-l{width:var(--px-icon-size-l-desktop);height:var(--px-icon-size-l-desktop);font-size:var(--px-icon-size-l-desktop)}.size-xl{width:var(--px-icon-size-xl-desktop);height:var(--px-icon-size-xl-desktop);font-size:var(--px-icon-size-xl-desktop)}.size-2xl{width:var(--px-icon-size-2xl-desktop);height:var(--px-icon-size-2xl-desktop);font-size:var(--px-icon-size-2xl-desktop)}}i.icon-large:before{vertical-align:-10%;font-size:1.3333333333em}",M=new CSSStyleSheet;M.replaceSync(E);class R extends T{constructor(){super(M),this.template=()=>`<svg>\n  <use xlink:href="#icon-${this.name}"></use>\n</svg>`,this.shadowRoot.innerHTML=this.template()}connectedCallback(){const t=document.querySelectorAll("px-icon-set");t||console.log("<px-icon-set> component not found");for(const e of t)e.getAttribute("name")&&e.getAttribute("src")?e.getAttribute("name")===this.from&&"font"!==e.getAttribute("type")&&(this.src=e.getAttribute("src"),this.$el.firstElementChild.setAttribute("xlink:href",`${this.src}#icon-${this.name}`)):console.error("Icon name or src not found")}updateName(t,e){this.src&&this.$el.firstElementChild.setAttribute("xlink:href",`${this.src}#icon-${e}`)}get $el(){return this.shadowRoot.querySelector("svg")}}customElements.get("px-icon")||customElements.define("px-icon",R);const N=new CSSStyleSheet,P=new CSSStyleSheet;N.replaceSync('.lavender-3g_tablet:before{content:""}.lavender-accessories:before{content:""}.lavender-account:before{content:""}.lavender-activate:before{content:""}.lavender-ai:before{content:""}.lavender-air_plane:before{content:""}.lavender-alarm:before{content:""}.lavender-answers:before{content:""}.lavender-antenna:before{content:""}.lavender-applications:before{content:""}.lavender-arrow_down:before{content:""}.lavender-arrow_left:before{content:""}.lavender-arrow_right:before{content:""}.lavender-arrow_up:before{content:""}.lavender-back_camera:before{content:""}.lavender-bbox_off:before{content:""}.lavender-batterie:before{content:""}.lavender-best_seller:before{content:""}.lavender-bell_circle:before{content:""}.lavender-best_seller_2:before{content:""}.lavender-best_seller_14:before{content:""}.lavender-bbox_on:before{content:""}.lavender-beta_02:before{content:""}.lavender-beta:before{content:""}.lavender-belgique_ok:before{content:""}.lavender-bicycle:before{content:""}.lavender-bill:before{content:""}.lavender-bill_member:before{content:""}.lavender-birthday_cake:before{content:""}.lavender-blindness:before{content:""}.lavender-bookmark:before{content:""}.lavender-broken_links:before{content:""}.lavender-burger_menu:before{content:""}.lavender-bus:before{content:""}.lavender-bug:before{content:""}.lavender-budget_manager:before{content:""}.lavender-cable:before{content:""}.lavender-caddy:before{content:""}.lavender-cadenas_cloud:before{content:""}.lavender-calendar:before{content:""}.lavender-call_from_abroad:before{content:""}.lavender-call_transfert:before{content:""}.lavender-calls:before{content:""}.lavender-camera:before{content:""}.lavender-calls_1:before{content:""}.lavender-calls_from_belgium:before{content:""}.lavender-car:before{content:""}.lavender-car_crash:before{content:""}.lavender-card:before{content:""}.lavender-care:before{content:""}.lavender-cash_back:before{content:""}.lavender-checkmark:before{content:""}.lavender-checkmark_branding:before{content:""}.lavender-chevron_down:before{content:""}.lavender-chevron_up:before{content:""}.lavender-circular_economy:before{content:""}.lavender-clock:before{content:""}.lavender-cloud:before{content:""}.lavender-cloud_ict:before{content:""}.lavender-cloud_iot_1:before{content:""}.lavender-cloud_iot_2:before{content:""}.lavender-chevron_right:before{content:""}.lavender-cloud_security:before{content:""}.lavender-cloud_network:before{content:""}.lavender-chevron_left:before{content:""}.lavender-collaboration:before{content:""}.lavender-congratulation_box:before{content:""}.lavender-connection_error:before{content:""}.lavender-community:before{content:""}.lavender-connected_devices:before{content:""}.lavender-contact:before{content:""}.lavender-crash:before{content:""}.lavender-copy_paste:before{content:""}.lavender-cookie:before{content:""}.lavender-contest:before{content:""}.lavender-cross:before{content:""}.lavender-cross_circle:before{content:""}.lavender-connectivity:before{content:""}.lavender-current_location:before{content:""}.lavender-connection_manager:before{content:""}.lavender-daily_comute:before{content:""}.lavender-daily_rooming:before{content:""}.lavender-data:before{content:""}.lavender-dance:before{content:""}.lavender-dashboard:before{content:""}.lavender-desktop:before{content:""}.lavender-delivery:before{content:""}.lavender-data_center:before{content:""}.lavender-easy:before{content:""}.lavender-download:before{content:""}.lavender-easy_1:before{content:""}.lavender-daily_rooming_02:before{content:""}.lavender-direct_assist:before{content:""}.lavender-edit:before{content:""}.lavender-electricity:before{content:""}.lavender-energy:before{content:""}.lavender-entertainmant_full:before{content:""}.lavender-entertainment:before{content:""}.lavender-exclamation_mark:before{content:""}.lavender-eco:before{content:""}.lavender-exclamation_filled:before{content:""}.lavender-exhibition_screen:before{content:""}.lavender-export:before{content:""}.lavender-eye:before{content:""}.lavender-eye_close:before{content:""}.lavender-family:before{content:""}.lavender-faq:before{content:""}.lavender-favorite:before{content:""}.lavender-favorite_unselected:before{content:""}.lavender-feedback:before{content:""}.lavender-filter:before{content:""}.lavender-fixed_connection:before{content:""}.lavender-fiber:before{content:""}.lavender-fire_wood:before{content:""}.lavender-flexibility04:before{content:""}.lavender-flexibility05:before{content:""}.lavender-flexibility03:before{content:""}.lavender-flexibility02:before{content:""}.lavender-flexible_delivery:before{content:""}.lavender-flexibility01:before{content:""}.lavender-fixed_phone:before{content:""}.lavender-football:before{content:""}.lavender-forum:before{content:""}.lavender-free_delivery:before{content:""}.lavender-free_service:before{content:""}.lavender-frequently_questions:before{content:""}.lavender-fuel:before{content:""}.lavender-front_camera:before{content:""}.lavender-galerry_02:before{content:""}.lavender-galerry:before{content:""}.lavender-games:before{content:""}.lavender-gaz:before{content:""}.lavender-gift:before{content:""}.lavender-government:before{content:""}.lavender-gps:before{content:""}.lavender-handicap:before{content:""}.lavender-handle:before{content:""}.lavender-heat_pump:before{content:""}.lavender-guitar:before{content:""}.lavender-home:before{content:""}.lavender-home_added_value:before{content:""}.lavender-hub:before{content:""}.lavender-home_wifi:before{content:""}.lavender-icon_advantage_pig:before{content:""}.lavender-ict:before{content:""}.lavender-ict_networking:before{content:""}.lavender-incoming_calls:before{content:""}.lavender-infinity:before{content:""}.lavender-information_box:before{content:""}.lavender-internet_mobile:before{content:""}.lavender-information:before{content:""}.lavender-internet_laptop:before{content:""}.lavender-internet_tablet:before{content:""}.lavender-invoice_insight_adv:before{content:""}.lavender-international:before{content:""}.lavender-layers:before{content:""}.lavender-internet:before{content:""}.lavender-licence_plate_managment:before{content:""}.lavender-inscription:before{content:""}.lavender-licence_plate_managment02:before{content:""}.lavender-innovation:before{content:""}.lavender-light_bulb:before{content:""}.lavender-links:before{content:""}.lavender-location:before{content:""}.lavender-login:before{content:""}.lavender-login_open:before{content:""}.lavender-logout:before{content:""}.lavender-magnify:before{content:""}.lavender-map:before{content:""}.lavender-markets:before{content:""}.lavender-metro:before{content:""}.lavender-microphone:before{content:""}.lavender-micro:before{content:""}.lavender-mental_deficiency:before{content:""}.lavender-minus_circle:before{content:""}.lavender-minus:before{content:""}.lavender-minutes_1600_01:before{content:""}.lavender-micro_sim_card:before{content:""}.lavender-messaging:before{content:""}.lavender-mobile:before{content:""}.lavender-minutes_1600_02:before{content:""}.lavender-mobile_coverage:before{content:""}.lavender-mobile_1:before{content:""}.lavender-mobile_touches:before{content:""}.lavender-mobility_insurance:before{content:""}.lavender-monitoring:before{content:""}.lavender-mood_happy:before{content:""}.lavender-mood_joy:before{content:""}.lavender-mood_neutral:before{content:""}.lavender-mood_unhappy:before{content:""}.lavender-move_sticker:before{content:""}.lavender-no_wifi:before{content:""}.lavender-no_playing:before{content:""}.lavender-number2:before{content:""}.lavender-number3:before{content:""}.lavender-number1:before{content:""}.lavender-norton_security_1:before{content:""}.lavender-mood_very_bad:before{content:""}.lavender-music:before{content:""}.lavender-norton_security:before{content:""}.lavender-natural_gas:before{content:""}.lavender-number4:before{content:""}.lavender-number5:before{content:""}.lavender-number6:before{content:""}.lavender-number7:before{content:""}.lavender-number8:before{content:""}.lavender-number9:before{content:""}.lavender-number10:before{content:""}.lavender-on_app:before{content:""}.lavender-on_off_switch:before{content:""}.lavender-on_web:before{content:""}.lavender-one_click:before{content:""}.lavender-outcoming_call:before{content:""}.lavender-options:before{content:""}.lavender-overview:before{content:""}.lavender-pack:before{content:""}.lavender-pack_off:before{content:""}.lavender-paperclip:before{content:""}.lavender-parking:before{content:""}.lavender-picture:before{content:""}.lavender-pin:before{content:""}.lavender-places:before{content:""}.lavender-play:before{content:""}.lavender-plus:before{content:""}.lavender-plus_circle:before{content:""}.lavender-positioning:before{content:""}.lavender-power:before{content:""}.lavender-presence_home:before{content:""}.lavender-prime:before{content:""}.lavender-print:before{content:""}.lavender-processor:before{content:""}.lavender-products:before{content:""}.lavender-qr_code:before{content:""}.lavender-qr:before{content:""}.lavender-reducer:before{content:""}.lavender-refresh:before{content:""}.lavender-reload:before{content:""}.lavender-relaunch:before{content:""}.lavender-recycling:before{content:""}.lavender-remote:before{content:""}.lavender-repair_device:before{content:""}.lavender-raccording_flat:before{content:""}.lavender-ready_to_use:before{content:""}.lavender-question_mark:before{content:""}.lavender-replay36:before{content:""}.lavender-requests_appointments_and_order:before{content:""}.lavender-reset:before{content:""}.lavender-roaming_belgium:before{content:""}.lavender-roadwork:before{content:""}.lavender-roaming:before{content:""}.lavender-settings:before{content:""}.lavender-serveur:before{content:""}.lavender-settings_full:before{content:""}.lavender-restaurant:before{content:""}.lavender-shopmag:before{content:""}.lavender-secure_paiement:before{content:""}.lavender-sim_card:before{content:""}.lavender-share:before{content:""}.lavender-search:before{content:""}.lavender-smartphone1:before{content:""}.lavender-smartphone2:before{content:""}.lavender-smartphone3:before{content:""}.lavender-smartphone4:before{content:""}.lavender-smartphone4g:before{content:""}.lavender-smartphone5:before{content:""}.lavender-smartphone6:before{content:""}.lavender-solar_panel:before{content:""}.lavender-solar_pump:before{content:""}.lavender-sondage:before{content:""}.lavender-sound_alert:before{content:""}.lavender-sound_on:before{content:""}.lavender-sound_off:before{content:""}.lavender-stop_watch:before{content:""}.lavender-speedtest_dl:before{content:""}.lavender-speed:before{content:""}.lavender-surf_gsm:before{content:""}.lavender-sustainability:before{content:""}.lavender-speedtest_ul:before{content:""}.lavender-switch:before{content:""}.lavender-succes:before{content:""}.lavender-subscription_1:before{content:""}.lavender-tablet:before{content:""}.lavender-tailor:before{content:""}.lavender-subscription:before{content:""}.lavender-target_blank:before{content:""}.lavender-threedots_horizontal02:before{content:""}.lavender-terms_and_conditions:before{content:""}.lavender-tractor:before{content:""}.lavender-toucscreens:before{content:""}.lavender-threedots_vertical02:before{content:""}.lavender-train:before{content:""}.lavender-traffic_jam:before{content:""}.lavender-tram:before{content:""}.lavender-trash:before{content:""}.lavender-tv:before{content:""}.lavender-under_construction:before{content:""}.lavender-upload:before{content:""}.lavender-usage:before{content:""}.lavender-view360_02:before{content:""}.lavender-view360:before{content:""}.lavender-view360_01:before{content:""}.lavender-videoscope:before{content:""}.lavender-wifi_warning:before{content:""}.lavender-wireless_hub:before{content:""}.lavender-wrench:before{content:""}.lavender-wifi_ok:before{content:""}.lavender-water:before{content:""}.lavender-walking:before{content:""}.lavender-watch:before{content:""}.lavender-voucher:before{content:""}'),P.replaceSync(E);class B extends T{constructor(){super(N,P),this.template=()=>"<i></i>",this.shadowRoot.innerHTML=this.template()}updateName(t,e){this.$el.classList.remove(`lavender-${t}`),e&&this.$el.classList.add(`lavender-${e}`)}get $el(){return this.shadowRoot.querySelector("i")}}customElements.define("px-icon-f",B);const I=new CSSStyleSheet;I.replaceSync('.container{font-family:var(--px-font-family);background-color:var(--background-color);background:var(--background-gradient);border-radius:var(--px-radius-main);padding:var(--px-padding-m);box-sizing:border-box}:host([inverted]) .container{background-color:var( --background-color, var(--px-color-bg-container-rich-default) )}.padding-2xs{padding:var(--px-padding-2xs)}.padding-xs{padding:var(--px-padding-xs)}.padding-s{padding:var(--px-padding-s)}.padding-m{padding:var(--px-padding-m)}.padding-l{padding:var(--px-padding-l)}.padding-xl{padding:var(--px-padding-xl)}.padding-none{padding:var(--px-padding-none)}.padding-block-2xs{padding-block:var(--px-padding-2xs)}.padding-block-xs{padding-block:var(--px-padding-xs)}.padding-block-s{padding-block:var(--px-padding-s)}.padding-block-m{padding-block:var(--px-padding-m)}.padding-block-l{padding-block:var(--px-padding-l)}.padding-block-xl{padding-block:var(--px-padding-xl)}.padding-block-none{padding-block:var(--px-padding-none)}.padding-inline-2xs{padding-inline:var(--px-padding-2xs)}.padding-inline-xs{padding-inline:var(--px-padding-xs)}.padding-inline-s{padding-inline:var(--px-padding-s)}.padding-inline-m{padding-inline:var(--px-padding-m)}.padding-inline-l{padding-inline:var(--px-padding-l)}.padding-inline-xl{padding-inline:var(--px-padding-xl)}.padding-inline-none{padding-inline:var(--px-padding-none)}.padding-top-2xs{padding-top:var(--px-padding-2xs)}.padding-top-xs{padding-top:var(--px-padding-xs)}.padding-top-s{padding-top:var(--px-padding-s)}.padding-top-m{padding-top:var(--px-padding-m)}.padding-top-l{padding-top:var(--px-padding-l)}.padding-top-xl{padding-top:var(--px-padding-xl)}.padding-top-none{padding-top:var(--px-padding-none)}.padding-right-2xs{padding-right:var(--px-padding-2xs)}.padding-right-xs{padding-right:var(--px-padding-xs)}.padding-right-s{padding-right:var(--px-padding-s)}.padding-right-m{padding-right:var(--px-padding-m)}.padding-right-l{padding-right:var(--px-padding-l)}.padding-right-xl{padding-right:var(--px-padding-xl)}.padding-right-none{padding-right:var(--px-padding-none)}.padding-bottom-2xs{padding-bottom:var(--px-padding-2xs)}.padding-bottom-xs{padding-bottom:var(--px-padding-xs)}.padding-bottom-s{padding-bottom:var(--px-padding-s)}.padding-bottom-m{padding-bottom:var(--px-padding-m)}.padding-bottom-l{padding-bottom:var(--px-padding-l)}.padding-bottom-xl{padding-bottom:var(--px-padding-xl)}.padding-bottom-none{padding-bottom:var(--px-padding-none)}.padding-left-2xs{padding-left:var(--px-padding-2xs)}.padding-left-xs{padding-left:var(--px-padding-xs)}.padding-left-s{padding-left:var(--px-padding-s)}.padding-left-m{padding-left:var(--px-padding-m)}.padding-left-l{padding-left:var(--px-padding-l)}.padding-left-xl{padding-left:var(--px-padding-xl)}.padding-left-none{padding-left:var(--px-padding-none)}.border-none{border:none}.border-s{border:var(--px-border-s) solid var(--px-color-border-main-default)}.border-m{border:var(--px-border-m) solid var(--px-color-border-main-default)}.border-l{border:var(--px-border-l) solid var(--px-color-border-main-default)}:host([inverted]) .border{border:var(--px-border-m) solid var(--px-color-border-main-inverted)}.border-radius-main{border-radius:var(--px-radius-main)}.border-radius-pill{border-radius:var(--px-radius-pill)}.no-border-radius-top{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all,.border-radius-none{border-radius:var(--px-radius-none)}.bgimg{background-repeat:no-repeat}.background-size-cover{background-size:cover;background-position:center center}.background-size-contain{background-size:contain}.box-shadow-none{box-shadow:var(--px-shadow-none)}.box-shadow-s{box-shadow:var(--px-shadow-s)}.box-shadow-m{box-shadow:var(--px-shadow-m)}.box-shadow-l{box-shadow:var(--px-shadow-l)}.box-shadow-xl{box-shadow:var(--px-shadow-xl)}.anchored{position:relative}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]),::slotted([slot="anchor-full"]){position:absolute;top:0}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]){transform:translateY(-50%);z-index:2}::slotted([slot="anchor-right"]){right:var(--px-padding-m)}::slotted([slot="anchor-left"]){left:var(--px-padding-m)}.padding-none ::slotted([slot="anchor-right"]){right:var(--px-padding-none)}.padding-none ::slotted([slot="anchor-left"]){left:var(--px-padding-none)}.padding-2xs ::slotted([slot="anchor-right"]){right:var(--px-padding-2xs)}.padding-2xs ::slotted([slot="anchor-left"]){left:var(--px-padding-2xs)}.padding-xs ::slotted([slot="anchor-right"]){right:var(--px-padding-xs)}.padding-xs ::slotted([slot="anchor-left"]){left:var(--px-padding-xs)}.padding-s ::slotted([slot="anchor-right"]){right:var(--px-padding-s)}.padding-s ::slotted([slot="anchor-left"]){left:var(--px-padding-s)}.padding-m ::slotted([slot="anchor-right"]){right:var(--px-padding-m)}.padding-m ::slotted([slot="anchor-left"]){left:var(--px-padding-m)}.padding-l ::slotted([slot="anchor-right"]){right:var(--px-padding-l)}.padding-l ::slotted([slot="anchor-left"]){left:var(--px-padding-l)}.padding-xl ::slotted([slot="anchor-right"]){right:var(--px-padding-xl)}.padding-xl ::slotted([slot="anchor-left"]){left:var(--px-padding-xl)}::slotted([slot="anchor-full"]){transform:translateY(-100%);right:0;left:0;text-align:center;z-index:1}@media only screen and (max-width: 640px){.container{background-color:var(--background-color--mobile, var(--background-color));background-image:var( --background-gradient--mobile, var(--background-gradient) )}.padding-l{padding:var(--px-padding-l-mobile)}.padding-xl{padding:var(--px-padding-xl-mobile)}.padding-top-l{padding-top:var(--px-padding-l-mobile)}.padding-top-xl{padding-top:var(--px-padding-xl-mobile)}.padding-right-l{padding-right:var(--px-padding-l-mobile)}.padding-right-xl{padding-right:var(--px-padding-xl-mobile)}.padding-bottom-l{padding-bottom:var(--px-padding-l-mobile)}.padding-bottom-xl{padding-bottom:var(--px-padding-xl-mobile)}.padding-left-l{padding-left:var(--px-padding-l-mobile)}.padding-left-xl{padding-left:var(--px-padding-xl-mobile)}.padding-2xs--mobile{padding:var(--px-padding-2xs)}.padding-xs--mobile{padding:var(--px-padding-xs)}.padding-s--mobile{padding:var(--px-padding-s)}.padding-m--mobile{padding:var(--px-padding-m)}.padding-l--mobile{padding:var(--px-padding-l-mobile)}.padding-xl--mobile{padding:var(--px-padding-xl-mobile)}.padding-none--mobile{padding:var(--px-padding-none)}.padding-block-2xs--mobile{padding-block:var(--px-padding-2xs)}.padding-block-xs--mobile{padding-block:var(--px-padding-xs)}.padding-block-s--mobile{padding-block:var(--px-padding-s)}.padding-block-m--mobile{padding-block:var(--px-padding-m)}.padding-block-l--mobile{padding-block:var(--px-padding-l-mobile)}.padding-block-xl--mobile{padding-block:var(--px-padding-xl-mobile)}.padding-block-none--mobile{padding-block:var(--px-padding-none)}.padding-inline-2xs--mobile{padding-inline:var(--px-padding-2xs)}.padding-inline-xs--mobile{padding-inline:var(--px-padding-xs)}.padding-inline-s--mobile{padding-inline:var(--px-padding-s)}.padding-inline-m--mobile{padding-inline:var(--px-padding-m)}.padding-inline-l--mobile{padding-inline:var(--px-padding-l-mobile)}.padding-inline-xl--mobile{padding-inline:var(--px-padding-xl-mobile)}.padding-inline-none--mobile{padding-inline:var(--px-padding-none)}.padding-top-2xs--mobile{padding-top:var(--px-padding-2xs)}.padding-top-xs--mobile{padding-top:var(--px-padding-xs)}.padding-top-s--mobile{padding-top:var(--px-padding-s)}.padding-top-m--mobile{padding-top:var(--px-padding-m)}.padding-top-l--mobile{padding-top:var(--px-padding-l-mobile)}.padding-top-xl--mobile{padding-top:var(--px-padding-xl-mobile)}.padding-top-none--mobile{padding-top:var(--px-padding-none)}.padding-right-2xs--mobile{padding-right:var(--px-padding-2xs)}.padding-right-xs--mobile{padding-right:var(--px-padding-xs)}.padding-right-s--mobile{padding-right:var(--px-padding-s)}.padding-right-m--mobile{padding-right:var(--px-padding-m)}.padding-right-l--mobile{padding-right:var(--px-padding-l-mobile)}.padding-right-xl--mobile{padding-right:var(--px-padding-xl-mobile)}.padding-right-none--mobile{padding-right:var(--px-padding-none)}.padding-bottom-2xs--mobile{padding-bottom:var(--px-padding-2xs)}.padding-bottom-xs--mobile{padding-bottom:var(--px-padding-xs)}.padding-bottom-s--mobile{padding-bottom:var(--px-padding-s)}.padding-bottom-m--mobile{padding-bottom:var(--px-padding-m)}.padding-bottom-l--mobile{padding-bottom:var(--px-padding-l-mobile)}.padding-bottom-xl--mobile{padding-bottom:var(--px-padding-xl-mobile)}.padding-bottom-none--mobile{padding-bottom:var(--px-padding-none)}.padding-left-2xs--mobile{padding-left:var(--px-padding-2xs)}.padding-left-xs--mobile{padding-left:var(--px-padding-xs)}.padding-left-s--mobile{padding-left:var(--px-padding-s)}.padding-left-m--mobile{padding-left:var(--px-padding-m)}.padding-left-l--mobile{padding-left:var(--px-padding-l-mobile)}.padding-left-xl--mobile{padding-left:var(--px-padding-xl-mobile)}.padding-left-none--mobile{padding-left:var(--px-padding-none)}.no-border-radius-top--mobile{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--mobile{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--mobile{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--mobile{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--mobile{border-radius:var(--px-radius-none)}}.border-s ::slotted([slot="anchor-full"]){right:calc(var(--px-border-s) * -1);left:calc(var(--px-border-s) * -1)}.border-m ::slotted([slot="anchor-full"]){right:calc(var(--px-border-m) * -1);left:calc(var(--px-border-m) * -1)}.border-l ::slotted([slot="anchor-full"]){right:calc(var(--px-border-l) * -1);left:calc(var(--px-border-l) * -1)}@media only screen and (min-width: 768px) and (max-width: 1024px){.container{background-color:var(--background-color--tablet, var(--background-color));background-image:var( --background-gradient--tablet, var(--background-gradient) )}.no-border-radius-top--tablet{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--tablet{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--tablet{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--tablet{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--tablet{border-radius:var(--px-radius-none)}.padding-2xs--tablet{padding:var(--px-padding-2xs)}.padding-xs--tablet{padding:var(--px-padding-xs)}.padding-s--tablet{padding:var(--px-padding-s)}.padding-m--tablet{padding:var(--px-padding-m)}.padding-l--tablet{padding:var(--px-padding-l)}.padding-xl--tablet{padding:var(--px-padding-xl)}.padding-none--tablet{padding:var(--px-padding-none)}.padding-block-2xs--tablet{padding-block:var(--px-padding-2xs)}.padding-block-xs--tablet{padding-block:var(--px-padding-xs)}.padding-block-s--tablet{padding-block:var(--px-padding-s)}.padding-block-m--tablet{padding-block:var(--px-padding-m)}.padding-block-l--tablet{padding-block:var(--px-padding-l)}.padding-block-xl--tablet{padding-block:var(--px-padding-xl)}.padding-block-none--tablet{padding-block:var(--px-padding-none)}.padding-inline-2xs--tablet{padding-inline:var(--px-padding-2xs)}.padding-inline-xs--tablet{padding-inline:var(--px-padding-xs)}.padding-inline-s--tablet{padding-inline:var(--px-padding-s)}.padding-inline-m--tablet{padding-inline:var(--px-padding-m)}.padding-inline-l--tablet{padding-inline:var(--px-padding-l)}.padding-inline-xl--tablet{padding-inline:var(--px-padding-xl)}.padding-inline-none--tablet{padding-inline:var(--px-padding-none)}.padding-top-2xs--tablet{padding-top:var(--px-padding-2xs)}.padding-top-xs--tablet{padding-top:var(--px-padding-xs)}.padding-top-s--tablet{padding-top:var(--px-padding-s)}.padding-top-m--tablet{padding-top:var(--px-padding-m)}.padding-top-l--tablet{padding-top:var(--px-padding-l)}.padding-top-xl--tablet{padding-top:var(--px-padding-xl)}.padding-top-none--tablet{padding-top:var(--px-padding-none)}.padding-right-2xs--tablet{padding-right:var(--px-padding-2xs)}.padding-right-xs--tablet{padding-right:var(--px-padding-xs)}.padding-right-s--tablet{padding-right:var(--px-padding-s)}.padding-right-m--tablet{padding-right:var(--px-padding-m)}.padding-right-l--tablet{padding-right:var(--px-padding-l)}.padding-right-xl--tablet{padding-right:var(--px-padding-xl)}.padding-right-none--tablet{padding-right:var(--px-padding-none)}.padding-bottom-2xs--tablet{padding-bottom:var(--px-padding-2xs)}.padding-bottom-xs--tablet{padding-bottom:var(--px-padding-xs)}.padding-bottom-s--tablet{padding-bottom:var(--px-padding-s)}.padding-bottom-m--tablet{padding-bottom:var(--px-padding-m)}.padding-bottom-l--tablet{padding-bottom:var(--px-padding-l)}.padding-bottom-xl--tablet{padding-bottom:var(--px-padding-xl)}.padding-bottom-none--tablet{padding-bottom:var(--px-padding-none)}.padding-left-2xs--tablet{padding-left:var(--px-padding-2xs)}.padding-left-xs--tablet{padding-left:var(--px-padding-xs)}.padding-left-s--tablet{padding-left:var(--px-padding-s)}.padding-left-m--tablet{padding-left:var(--px-padding-m)}.padding-left-l--tablet{padding-left:var(--px-padding-l)}.padding-left-xl--tablet{padding-left:var(--px-padding-xl)}.padding-left-none--tablet{padding-left:var(--px-padding-none)}}@media only screen and (min-width: 1025px){.container{background-color:var(--background-color--laptop, var(--background-color));background-image:var( --background-gradient--laptop, var(--background-gradient) )}.no-border-radius-top--laptop{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--laptop{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--laptop{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--laptop{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--laptop{border-radius:var(--px-radius-none)}.padding-2xs--laptop{padding:var(--px-padding-2xs)}.padding-xs--laptop{padding:var(--px-padding-xs)}.padding-s--laptop{padding:var(--px-padding-s)}.padding-m--laptop{padding:var(--px-padding-m)}.padding-l--laptop{padding:var(--px-padding-l)}.padding-xl--laptop{padding:var(--px-padding-xl)}.padding-none--laptop{padding:var(--px-padding-none)}.padding-block-2xs--laptop{padding-block:var(--px-padding-2xs)}.padding-block-xs--laptop{padding-block:var(--px-padding-xs)}.padding-block-s--laptop{padding-block:var(--px-padding-s)}.padding-block-m--laptop{padding-block:var(--px-padding-m)}.padding-block-l--laptop{padding-block:var(--px-padding-l)}.padding-block-xl--laptop{padding-block:var(--px-padding-xl)}.padding-block-none--laptop{padding-block:var(--px-padding-none)}.padding-inline-2xs--laptop{padding-inline:var(--px-padding-2xs)}.padding-inline-xs--laptop{padding-inline:var(--px-padding-xs)}.padding-inline-s--laptop{padding-inline:var(--px-padding-s)}.padding-inline-m--laptop{padding-inline:var(--px-padding-m)}.padding-inline-l--laptop{padding-inline:var(--px-padding-l)}.padding-inline-xl--laptop{padding-inline:var(--px-padding-xl)}.padding-inline-none--laptop{padding-inline:var(--px-padding-none)}.padding-top-2xs--laptop{padding-top:var(--px-padding-2xs)}.padding-top-xs--laptop{padding-top:var(--px-padding-xs)}.padding-top-s--laptop{padding-top:var(--px-padding-s)}.padding-top-m--laptop{padding-top:var(--px-padding-m)}.padding-top-l--laptop{padding-top:var(--px-padding-l)}.padding-top-xl--laptop{padding-top:var(--px-padding-xl)}.padding-top-none--laptop{padding-top:var(--px-padding-none)}.padding-right-2xs--laptop{padding-right:var(--px-padding-2xs)}.padding-right-xs--laptop{padding-right:var(--px-padding-xs)}.padding-right-s--laptop{padding-right:var(--px-padding-s)}.padding-right-m--laptop{padding-right:var(--px-padding-m)}.padding-right-l--laptop{padding-right:var(--px-padding-l)}.padding-right-xl--laptop{padding-right:var(--px-padding-xl)}.padding-right-none--laptop{padding-right:var(--px-padding-none)}.padding-bottom-2xs--laptop{padding-bottom:var(--px-padding-2xs)}.padding-bottom-xs--laptop{padding-bottom:var(--px-padding-xs)}.padding-bottom-s--laptop{padding-bottom:var(--px-padding-s)}.padding-bottom-m--laptop{padding-bottom:var(--px-padding-m)}.padding-bottom-l--laptop{padding-bottom:var(--px-padding-l)}.padding-bottom-xl--laptop{padding-bottom:var(--px-padding-xl)}.padding-bottom-none--laptop{padding-bottom:var(--px-padding-none)}.padding-left-2xs--laptop{padding-left:var(--px-padding-2xs)}.padding-left-xs--laptop{padding-left:var(--px-padding-xs)}.padding-left-s--laptop{padding-left:var(--px-padding-s)}.padding-left-m--laptop{padding-left:var(--px-padding-m)}.padding-left-l--laptop{padding-left:var(--px-padding-l)}.padding-left-xl--laptop{padding-left:var(--px-padding-xl)}.padding-left-none--laptop{padding-left:var(--px-padding-none)}}');const V=["anchor-right","anchor-left","anchor-full"],H=["","cover","contain","default"],j=class extends i{constructor(){super(I),this.template=()=>'<div class="container">\n    <slot name="anchor-left"></slot>\n    <slot name="anchor-right"></slot>\n    <slot name="anchor-full"></slot>\n    <slot></slot>\n    </div>',this.onWindowResize=()=>{this.hasAttribute("background-image")&&this.loadImg("background-image",this.getAttribute("background-image")),this.hasAttribute("background-image--mobile")&&this.loadImg("background-image--mobile",this.getAttribute("background-image--mobile")),this.hasAttribute("background-image--tablet")&&this.loadImg("background-image--tablet",this.getAttribute("background-image--tablet")),this.hasAttribute("background-image--laptop")&&this.loadImg("background-image--laptop",this.getAttribute("background-image--laptop"))},this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"padding","padding-inline","padding-block","padding-top","padding-right","padding-bottom","padding-left","padding--mobile","padding-inline--mobile","padding-block--mobile","padding-top--mobile","padding-right--mobile","padding-bottom--mobile","padding-left--mobile","padding--tablet","padding-inline--tablet","padding-block--tablet","padding-top--tablet","padding-right--tablet","padding-bottom--tablet","padding-left--tablet","padding--laptop","padding-inline--laptop","padding-block--laptop","padding-top--laptop","padding-right--laptop","padding-bottom--laptop","padding-left--laptop","border","border-radius","no-border-radius","no-border-radius--mobile","no-border-radius--tablet","no-border-radius--laptop","background-color","background-color--mobile","background-color--tablet","background-color--laptop","background-gradient","background-gradient--mobile","background-gradient--tablet","background-gradient--laptop","background-image","background-image--mobile","background-image--tablet","background-image--laptop","background-size","background-position","box-shadow","inverted"]}get padding(){return this.getAttribute("padding")}set padding(t){this.setAttribute("padding",t)}get paddingBlock(){return this.getAttribute("padding-block")}set paddingBlock(t){this.setAttribute("padding-block",t)}get paddingInline(){return this.getAttribute("padding-inline")}set paddingInline(t){this.setAttribute("padding-inline",t)}get paddingTop(){return this.getAttribute("padding-top")}set paddingTop(t){this.setAttribute("padding-top",t)}get paddingRight(){return this.getAttribute("padding-right")}set paddingRight(t){this.setAttribute("padding-right",t)}get paddingBottom(){return this.getAttribute("padding-bottom")}set paddingBottom(t){this.setAttribute("padding-bottom",t)}get paddingLeft(){return this.getAttribute("padding-left")}set paddingLeft(t){this.setAttribute("padding-left",t)}get paddingMobile(){return this.getAttribute("padding--mobile")}set paddingMobile(t){this.setAttribute("padding--mobile",t)}get paddingBlockMobile(){return this.getAttribute("padding-block--mobile")}set paddingBlockMobile(t){this.setAttribute("padding-block--mobile",t)}get paddingInlineMobile(){return this.getAttribute("padding-inline--mobile")}set paddingInlineMobile(t){this.setAttribute("padding-inline--mobile",t)}get paddingTopMobile(){return this.getAttribute("padding-top--mobile")}set paddingTopMobile(t){this.setAttribute("padding-top--mobile",t)}get paddingRightMobile(){return this.getAttribute("padding-right--mobile")}set paddingRightMobile(t){this.setAttribute("padding-right--mobile",t)}get paddingBottomMobile(){return this.getAttribute("padding-bottom--mobile")}set paddingBottomMobile(t){this.setAttribute("padding-bottom--mobile",t)}get paddingLeftMobile(){return this.getAttribute("padding-left--mobile")}set paddingLeftMobile(t){this.setAttribute("padding-left--mobile",t)}get paddingTablet(){return this.getAttribute("padding--tablet")}set paddingTablet(t){this.setAttribute("padding--tablet",t)}get paddingBlockTablet(){return this.getAttribute("padding-block--tablet")}set paddingBlockTablet(t){this.setAttribute("padding-block--tablet",t)}get paddingInlineTablet(){return this.getAttribute("padding-inline--tablet")}set paddingInlineTablet(t){this.setAttribute("padding-inline--tablet",t)}get paddingTopTablet(){return this.getAttribute("padding-top--tablet")}set paddingTopTablet(t){this.setAttribute("padding-top--tablet",t)}get paddingRightTablet(){return this.getAttribute("padding-right--tablet")}set paddingRightTablet(t){this.setAttribute("padding-right--tablet",t)}get paddingBottomTablet(){return this.getAttribute("padding-bottom--tablet")}set paddingBottomTablet(t){this.setAttribute("padding-bottom--tablet",t)}get paddingLeftTablet(){return this.getAttribute("padding-left--tablet")}set paddingLeftTablet(t){this.setAttribute("padding-left--tablet",t)}get paddingLaptop(){return this.getAttribute("padding--laptop")}set paddingLaptop(t){this.setAttribute("padding--laptop",t)}get paddingBlockLaptop(){return this.getAttribute("padding-block--laptop")}set paddingBlockLaptop(t){this.setAttribute("padding-block--laptop",t)}get paddingInlineLaptop(){return this.getAttribute("padding-inline--laptop")}set paddingInlineLaptop(t){this.setAttribute("padding-inline--laptop",t)}get paddingTopLaptop(){return this.getAttribute("padding-top--laptop")}set paddingTopLaptop(t){this.setAttribute("padding-top--laptop",t)}get paddingRightLaptop(){return this.getAttribute("padding-right--laptop")}set paddingRightLaptop(t){this.setAttribute("padding-right--laptop",t)}get paddingBottomLaptop(){return this.getAttribute("padding-bottom--laptop")}set paddingBottomLaptop(t){this.setAttribute("padding-bottom--laptop",t)}get paddingLeftLaptop(){return this.getAttribute("padding-left--laptop")}set paddingLeftLaptop(t){this.setAttribute("padding-left--laptop",t)}get border(){return this.getAttribute("border")}set border(t){this.setAttribute("border",t)}get borderRadius(){return this.getAttribute("border-radius")}set borderRadius(t){this.setAttribute("border-radius",t)}get noBorderRadius(){return this.getAttribute("no-border-radius")}set noBorderRadius(t){this.setAttribute("no-border-radius",t)}get noBorderRadiusMobile(){return this.getAttribute("no-border-radius--mobile")}set noBorderRadiusMobile(t){this.setAttribute("no-border-radius--mobile",t)}get noBorderRadiusTablet(){return this.getAttribute("no-border-radius--tablet")}set noBorderRadiusTablet(t){this.setAttribute("no-border-radius--tablet",t)}get noBorderRadiusLaptop(){return this.getAttribute("no-border-radius--laptop")}set noBorderRadiusLaptop(t){this.setAttribute("no-border-radius--laptop",t)}get bgColor(){return this.getAttribute("background-color")}set bgColor(t){this.setAttribute("background-color",t)}get bgColorMobile(){return this.getAttribute("background-color--mobile")}set bgColorMobile(t){this.setAttribute("background-color--mobile",t)}get bgColorTablet(){return this.getAttribute("background-color--tablet")}set bgColorTablet(t){this.setAttribute("background-color--tablet",t)}get bgColorLaptop(){return this.getAttribute("background-color--laptop")}set bgColorLaptop(t){this.setAttribute("background-color--laptop",t)}get gradient(){return this.getAttribute("background-gradient")}set gradient(t){this.setAttribute("background-gradient",t)}get gradientMobile(){return this.getAttribute("background-gradient--mobile")}set gradientMobile(t){this.setAttribute("background-gradient--mobile",t)}get gradientTablet(){return this.getAttribute("background-gradient--tablet")}set gradientTablet(t){this.setAttribute("background-gradient--tablet",t)}get gradientLaptop(){return this.getAttribute("background-gradient--laptop")}set gradientLaptop(t){this.setAttribute("background-gradient--laptop",t)}get bgImg(){return this.getAttribute("background-image")}set bgImg(t){this.setAttribute("background-image",t)}get bgImgMobile(){return this.getAttribute("background-image--mobile")}set bgImgMobile(t){this.setAttribute("background-image--mobile",t)}get bgImgTablet(){return this.getAttribute("background-image--tablet")}set bgImgTablet(t){this.setAttribute("background-image--tablet",t)}get bgImgLaptop(){return this.getAttribute("background-image--laptop")}set bgImgLaptop(t){this.setAttribute("background-image--laptop",t)}get bgImgSize(){return this.getAttribute("background-size")}set bgImgSize(t){this.setAttribute("background-size",t)}get bgImgPosition(){return this.getAttribute("background-position")}set bgImgPosition(t){this.setAttribute("background-position",t)}get shadow(){return this.getAttribute("box-shadow")}set shadow(t){this.setAttribute("box-shadow",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}connectedCallback(){var t,e,r,i;super.connectedCallback(),this.style.setProperty("--background-color","var(--px-color-bg-container-rich-inverted)");const o=this.querySelector("[slot]");o&&V.includes(o.getAttribute("slot"))&&this.shadowRoot.querySelector(".container").classList.toggle("anchored"),"stretch"===(null==(t=this.parentElement)?void 0:t.getAttribute("align-items"))&&("column"===(null==(e=this.parentElement)?void 0:e.getAttribute("direction"))?this.$el.style.width="100%":this.$el.style.height="100%"),"px-grid-item"!==(null==(r=this.parentElement)?void 0:r.localName)&&"px-a"!==(null==(i=this.parentElement)?void 0:i.localName)||(this.$el.style.height="100%"),(this.hasAttribute("background-image")||this.hasAttribute("background-image--mobile")||this.hasAttribute("background-image--tablet")||this.hasAttribute("background-image--laptop"))&&window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"padding":case"padding-block":case"padding-inline":case"padding-top":case"padding-right":case"padding-bottom":case"padding-left":case"padding--mobile":case"padding-block--mobile":case"padding-inline--mobile":case"padding-top--mobile":case"padding-right--mobile":case"padding-bottom--mobile":case"padding-left--mobile":case"padding--tablet":case"padding-block--tablet":case"padding-inline--tablet":case"padding-top--tablet":case"padding-right--tablet":case"padding-bottom--tablet":case"padding-left--tablet":case"padding--laptop":case"padding-block--laptop":case"padding-inline--laptop":case"padding-top--laptop":case"padding-right--laptop":case"padding-bottom--laptop":case"padding-left--laptop":this.updateAttribute(t,e,r,d);break;case"border":this.updateAttribute(t,e,r,p);break;case"border-radius":this.updateAttribute(t,e,r,c);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateNoBorderRadius(t,e,r,x);break;case"background-color":case"background-color--mobile":case"background-color--tablet":case"background-color--laptop":this.updateBgColor(t,r);break;case"background-gradient":case"background-gradient--mobile":case"background-gradient--tablet":case"background-gradient--laptop":this.updateGradient(t,r);break;case"background-size":this.updateAttribute(t,e,r,H);break;case"background-image":case"background-image--mobile":case"background-image--tablet":case"background-image--laptop":""!==r&&(this.$el.classList.toggle("bgimg"),this.loadImg(t,r));break;case"background-position":null!==r&&""!==r&&(this.$el.style.backgroundPosition=r);break;case"box-shadow":this.updateAttribute(t,e,r,g);break;default:super.attributeChangedCallback(t,e,r)}}loadImg(t,e){("background-image"===t||window.matchMedia("only screen and (max-width: 767px)").matches&&"background-image--mobile"===t||window.matchMedia("only screen and (min-width: 768px) and (max-width: 1024px)").matches&&"background-image--tablet"===t||window.matchMedia("only screen and (min-width: 1025px)").matches&&"background-image--laptop"===t)&&(this.$el.style.backgroundImage=`url("${e}")`)}updateGradient(t,e){if(this.checkName(u,e)){const r=this.splitAttrNameFromBreakpoint(t);t=r.attrName;const i=r.breakpoint;this.$el.style.setProperty(`--${t}${i}`,`linear-gradient(var(--px-color-bg-gradient-${e}))`)}else console.error(`${e} is not an allowed background-gradient value for ${this.$el}`)}updateBgColor(t,e){if(this.checkName(b,e)){const r=this.splitAttrNameFromBreakpoint(t);t=r.attrName;const i=r.breakpoint,o=null!==this.getAttribute("inverted")?"inverted":"default";this.$el.style.setProperty(`--${t}${i}`,`var(--px-color-bg-${e}-${o})`)}else console.error(`${e} is not an allowed ${t} value for ${this.$el}`)}updateNoBorderRadius(t,e,r,i){if(this.checkName(i,r)){const i=this.splitAttrNameFromBreakpoint(t);t=i.attrName;const o=i.breakpoint;null!==e&&""!==e&&this.$el.classList.toggle(`${t}-${e}${o}`),null!==r&&""!==r&&this.$el.classList.toggle(`${t}-${r}${o}`)}else console.error(`${r} is not an allowed ${t} value for ${this.$el}`)}updateAttribute(t,e,r,i){if(this.checkName(i,r)){const i=this.splitAttrNameFromBreakpoint(t);t=i.attrName;const o=i.breakpoint;null!==e&&""!==e&&this.$el.classList.toggle(`${t}-${e}${o}`),null!==r&&""!==r&&this.$el.classList.toggle(`${t}-${r}${o}`)}else console.error(`${r} is not an allowed ${t} value for ${this.$el}`)}splitAttrNameFromBreakpoint(t){let e="";if(["--mobile","--tablet","--laptop"].some((e=>t.includes(e)))){const r=t.split("--");t=r[0],e=`--${r[1]}`}return{attrName:t,breakpoint:e}}checkName(t,e){return t.includes(e)}};j.nativeName="div";let q=j;customElements.define("px-container",q);const D="h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{margin:0;font-family:var(--px-font-family);color:var(--heading-color-default, var(--px-color-txt-primary-default));text-align:var(--heading-text-align--mobile, left);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);font-weight:700}:host([inverted]) h1,:host([inverted]) .style-title-4xl,:host([inverted]) ::slotted(h1),:host([inverted]) h2,:host([inverted]) .style-title-3xl,:host([inverted]) ::slotted(h2),:host([inverted]) h3,:host([inverted]) .style-title-2xl,:host([inverted]) ::slotted(h3),:host([inverted]) h4,:host([inverted]) .style-title-xl,:host([inverted]) ::slotted(h4),:host([inverted]) h5,:host([inverted]) .style-title-l,:host([inverted]) ::slotted(h5),:host([inverted]) h6,:host([inverted]) .style-title-m,:host([inverted]) ::slotted(h6),:host([inverted]) .style-title-s,:host([inverted]) .style-subtitle{color:var(--heading-color-inverted, var(--px-color-txt-primary-inverted))}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-s);font-weight:900}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-s);font-weight:900}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-2xl-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-l-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-m-mobile)}.style-subtitle{font-size:var(--px-text-size-xl-mobile);font-weight:300}.style-title-s{font-size:var(--px-text-size-base-mobile)}@media only screen and (min-width: 768px){h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--tablet, left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-5xl-tablet)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-4xl-tablet)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-3xl-tablet)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-2xl-tablet)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-l-tablet)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-m-tablet)}.style-title-s{font-size:var(--px-text-size-base-tablet)}.style-subtitle{font-size:var(--px-text-size-xl-tablet)}}@media only screen and (min-width: 1025px){h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--laptop, left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-5xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-4xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-3xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-2xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-m-desktop)}.style-title-s{font-size:var(--px-text-size-base-desktop)}.style-subtitle{font-size:var(--px-text-size-xl-desktop)}}@media screen and (min-width: 1441px){h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--desktop, left)}}",O=":host>*:first-child{--font-weight-light: 300;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-extrabold: 900}.color-inherit{color:inherit}.color-primary{color:var(--px-color-txt-primary-default)}.color-body{color:var(--px-color-txt-body-default)}.color-details{color:var(--px-color-txt-details-default)}.color-hover{color:var(--px-color-txt-hover-default)}.color-disabled{color:var(--px-color-txt-disabled-default)}.color-active{color:var(--px-color-txt-active-default)}.color-promo{color:var(--px-color-txt-promo-default)}.color-success{color:var(--px-color-txt-success-default)}.color-error{color:var(--px-color-txt-error-default)}.color-warning{color:var(--px-color-txt-warning-default)}.color-unlimited{color:var(--px-color-txt-unlimited-default)}:host([inverted]) .color-inherit{color:inherit}:host([inverted]) .color-primary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .color-body{color:var(--px-color-txt-body-inverted)}:host([inverted]) .color-details{color:var(--px-color-txt-details-inverted)}:host([inverted]) .color-hover{color:var(--px-color-txt-hover-inverted)}:host([inverted]) .color-disabled{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .color-active{color:var(--px-color-txt-active-inverted)}:host([inverted]) .color-promo{color:var(--px-color-txt-promo-inverted)}:host([inverted]) .color-success{color:var(--px-color-txt-success-inverted)}:host([inverted]) .color-error{color:var(--px-color-txt-error-inverted)}:host([inverted]) .color-warning{color:var(--px-color-txt-warning-inverted)}:host([inverted]) .color-unlimited{color:var(--px-color-txt-unlimited-inverted)}.font-size-inherit{font-size:inherit;line-height:inherit}.font-size-xs{font-size:var(--px-text-size-xs-mobile)}.font-size-s{font-size:var(--px-text-size-s-mobile)}.font-size-base{font-size:var(--px-text-size-base-mobile)}.font-size-m{font-size:var(--px-text-size-m-mobile)}.font-size-l{font-size:var(--px-text-size-l-mobile)}.font-size-xl{font-size:var(--px-text-size-xl-mobile)}.font-size-2xl{font-size:var(--px-text-size-2xl-mobile)}.font-size-3xl{font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-s)}.font-size-4xl{font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-s)}.font-size-5xl{font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-s)}.font-size-6xl{font-size:var(--px-text-size-6xl-mobile);line-height:var(--px-line-height-s)}.font-size-7xl{font-size:var(--px-text-size-7xl-mobile);line-height:var(--px-line-height-s)}@media only screen and (min-width: 768px){.font-size-xs{font-size:var(--px-text-size-xs-mobile)}.font-size-s{font-size:var(--px-text-size-s-mobile)}.font-size-base{font-size:var(--px-text-size-base-mobile)}.font-size-m{font-size:var(--px-text-size-m-mobile)}.font-size-l{font-size:var(--px-text-size-l-mobile)}.font-size-xl{font-size:var(--px-text-size-xl-mobile)}.font-size-2xl{font-size:var(--px-text-size-2xl-mobile)}.font-size-3xl{font-size:var(--px-text-size-3xl-mobile)}.font-size-4xl{font-size:var(--px-text-size-4xl-mobile)}.font-size-5xl{font-size:var(--px-text-size-5xl-mobile)}.font-size-6xl{font-size:var(--px-text-size-6xl-mobile)}.font-size-7xl{font-size:var(--px-text-size-7xl-mobile)}}@media only screen and (min-width: 1025px){.font-size-xs{font-size:var(--px-text-size-xs-tablet)}.font-size-s{font-size:var(--px-text-size-s-tablet)}.font-size-base{font-size:var(--px-text-size-base-tablet)}.font-size-m{font-size:var(--px-text-size-m-tablet)}.font-size-l{font-size:var(--px-text-size-l-tablet)}.font-size-xl{font-size:var(--px-text-size-xl-tablet)}.font-size-2xl{font-size:var(--px-text-size-2xl-tablet)}.font-size-3xl{font-size:var(--px-text-size-3xl-tablet)}.font-size-4xl{font-size:var(--px-text-size-4xl-tablet)}.font-size-5xl{font-size:var(--px-text-size-5xl-tablet)}.font-size-6xl{font-size:var(--px-text-size-6xl-tablet)}.font-size-7xl{font-size:var(--px-text-size-7xl-tablet)}}@media only screen and (min-width: 1441px){.font-size-xs{font-size:var(--px-text-size-xs-desktop)}.font-size-s{font-size:var(--px-text-size-s-desktop)}.font-size-base{font-size:var(--px-text-size-base-desktop)}.font-size-m{font-size:var(--px-text-size-m-desktop)}.font-size-l{font-size:var(--px-text-size-l-desktop)}.font-size-xl{font-size:var(--px-text-size-xl-desktop)}.font-size-2xl{font-size:var(--px-text-size-2xl-desktop)}.font-size-3xl{font-size:var(--px-text-size-3xl-desktop)}.font-size-4xl{font-size:var(--px-text-size-4xl-desktop)}.font-size-5xl{font-size:var(--px-text-size-5xl-desktop)}.font-size-6xl{font-size:var(--px-text-size-6xl-desktop)}.font-size-7xl{font-size:var(--px-text-size-7xl-desktop)}}.font-weight-inherit{font-weight:inherit}.font-weight-normal{font-weight:var(--font-weight-regular)}.font-weight-bold{font-weight:var(--font-weight-bold)}.font-weight-extrabold{font-weight:var(--font-weight-extrabold)}.font-weight-light{font-weight:var(--font-weight-light)}",W=new CSSStyleSheet;W.replaceSync(D);const G=new CSSStyleSheet;G.replaceSync(O);class F extends i{template(){return"<slot></slot>"}constructor(t){super(W,G);const e=document.createElement(t);e.innerHTML=this.template(),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"variant","color","text-align","text-align--mobile","text-align--tablet","text-align--laptop","text-align--desktop","inverted"]}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"variant":this.updateAttribute(t,e,r,h);break;case"color":this.updateColor(e,r,a);break;case"text-align":case"text-align--mobile":case"text-align--tablet":case"text-align--laptop":case"text-align--desktop":this.updateTextAlign(t,e,r,l);break;default:super.attributeChangedCallback(t,e,r)}}toggleClass(t,e){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`style-${t}`),null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`style-${e}`)}checkName(t,e){return t.includes(e)}updateAttribute(t,e,r,i){this.checkName(i,r)?this.toggleClass(e,r):console.error(`Bad "${t}" value for`,this.$el)}updateColor(t,e,r){if(!this.checkName(r,e))return void console.error("Bad color value for",this.$el);const i=null===this.inverted?"default":"inverted",o=t=>{null!==t&&""!==t&&"default"!==t&&this.$el.style.setProperty(`--heading-color-${i}`,`var(--px-color-txt-${t}-${i})`)};o(t),o(e)}updateTextAlign(t,e,r,i){if(!this.checkName(i,r))return void console.error(`Bad ${t} value for`,this.$el);const o=(t,e)=>{null!==e&&""!==e&&"default"!==e&&this.$el.style.setProperty(`--heading-text-align--${t}`,e)};if("text-align"===t)["mobile","tablet","laptop","desktop"].forEach((t=>{o(t,e),o(t,r)}));else{const i=t.split("--")[1];o(i,e),o(i,r)}}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get color(){return this.getAttribute("color")}set color(t){this.setAttribute("color",t)}get textAlign(){return this.getAttribute("text-align")}set textAlign(t){this.setAttribute("text-align",t)}get textAlignMobile(){return this.getAttribute("text-align--mobile")}set textAlignMobile(t){this.setAttribute("text-align--mobile",t)}get textAlignTablet(){return this.getAttribute("text-align--tablet")}set textAlignTablet(t){this.setAttribute("text-align--tablet",t)}get textAlignLaptop(){return this.getAttribute("text-align--laptop")}set textAlignLaptop(t){this.setAttribute("text-align--laptop",t)}get textAlignDesktop(){return this.getAttribute("text-align--desktop")}set textAlignDesktop(t){this.setAttribute("text-align--desktop",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}}const Y=class extends F{constructor(){super("h1")}};Y.nativeName="h1";let Z=Y;customElements.define("px-h1",Z);const J=class extends F{constructor(){super("h2")}};J.nativeName="h2";let K=J;customElements.define("px-h2",K);const Q=class extends F{constructor(){super("h3")}};Q.nativeName="h3";let U=Q;customElements.define("px-h3",U);const X=class extends F{constructor(){super("h4")}};X.nativeName="h4";let tt=X;customElements.define("px-h4",tt);const et=class extends F{constructor(){super("h5")}};et.nativeName="h5";let rt=et;customElements.define("px-h5",rt);const it=class extends F{constructor(){super("h6")}};it.nativeName="h6";let ot=it;customElements.define("px-h6",ot);const at=new CSSStyleSheet;at.replaceSync(":host,:host *{box-sizing:border-box}:host .content-wrapper{margin-inline:1rem;max-width:1200px}@media only screen and (min-width: 1232px){:host .content-wrapper{margin-inline:auto}}");class nt extends HTMLElement{constructor(){super(),this.template=()=>`\n    <px-container border-radius="none" padding="none" background-color="${this.bgColor}">\n      <div class="content-wrapper">\n        <px-vstack gap="under-display-vertical">\n          <slot name="heading"></slot>\n          <px-vstack gap="none">\n            <slot></slot>\n          </px-vstack>\n        </px-vstack>\n      </div>\n    </px-container>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[at]}connectedCallback(){this.querySelector('[slot="heading"]')||this.shadowRoot.querySelector("px-vstack").setAttribute("gap","none")}static get observedAttributes(){return["background-color","background-gradient","background-image","background-image--mobile","background-image--tablet","background-image--laptop","background-size","background-position","padding-block","padding-top","padding-bottom"]}get $container(){return this.shadowRoot.querySelector("px-container")}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"background-color":this.$container.bgColor=b.indexOf(r)>0?r:"container-none";break;case"background-gradient":this.$container.gradient=this.gradient;break;case"background-image":this.$container.bgImg=r;break;case"background-image--mobile":this.$container.bgImgMobile=r;break;case"background-image--tablet":this.$container.bgImgTablet=r;break;case"background-image--laptop":this.$container.bgImgLaptop=r;break;case"background-size":this.$container.bgImgSize=r;break;case"background-position":this.$container.bgImgPosition=r;break;case"padding-block":this.$container.paddingBlock=r;break;case"padding-top":this.$container.paddingTop=r;break;case"padding-bottom":this.$container.paddingBottom=r}}get bgColor(){return this.getAttribute("background-color")||"container-none"}set bgColor(t){this.setAttribute("background-color",t)}get gradient(){return this.getAttribute("background-gradient")}set gradient(t){this.setAttribute("background-gradient",t)}get bgImg(){return this.getAttribute("background-image")}set bgImg(t){this.setAttribute("background-image",t)}get bgImgMobile(){return this.getAttribute("background-image--mobile")}set bgImgMobile(t){this.setAttribute("background-image--mobile",t)}get bgImgTablet(){return this.getAttribute("background-image--tablet")}set bgImgTablet(t){this.setAttribute("background-image--tablet",t)}get bgImgLaptop(){return this.getAttribute("background-image--laptop")}set bgImgLaptop(t){this.setAttribute("background-image--laptop",t)}get bgImgSize(){return this.getAttribute("background-size")}set bgImgSize(t){this.setAttribute("background-size",t)}get bgImgPosition(){return this.getAttribute("background-position")}set bgImgPosition(t){this.setAttribute("background-position",t)}get paddingBlock(){return this.getAttribute("padding-block")}set paddingBlock(t){this.setAttribute("padding-block",t)}get paddingTop(){return this.getAttribute("padding-top")}set paddingTop(t){this.setAttribute("padding-top",t)}get paddingBottom(){return this.getAttribute("padding-bottom")}set paddingBottom(t){this.setAttribute("padding-bottom",t)}}customElements.define("px-section",nt);const st=new CSSStyleSheet;st.replaceSync("details{font-family:var(--px-font-family);display:flex;flex-direction:column;align-items:flex-start}details:not(.single){border-bottom:var(--px-border-m) solid var(--px-color-border-main-default)}details:not(.single) ::slotted([slot=\"title\"]){flex-grow:1}details:not(.single) slot[name=content]{display:block;padding-block:var(--px-spacing-component-default-vertical)}summary{align-items:center;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}details:not(.single) summary{display:flex;padding:var(--px-padding-s);gap:var(--px-spacing-text-to-icon-horizontal);align-self:stretch}summary:after{content:\"\";width:24px;height:24px;flex-shrink:0;background-color:var(--px-color-bg-action-secondary-default);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg id='CHEVRON DOWN'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.7889 5.93489 11.5286 6.19524L8 9.72384L4.4714 6.19524C4.21105 5.93489 3.78894 5.93489 3.52859 6.19524C3.26824 6.45559 3.26824 6.8777 3.52859 7.13805L7.52859 11.1381C7.78894 11.3984 8.21105 11.3984 8.4714 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='%235C2D91'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center center;border-radius:var(--px-radius-pill);border:var(--px-border-s) solid transparent;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}summary:hover{cursor:pointer}details:not(.single) summary:hover{background-color:var(--px-color-bg-container-weak-default)}summary:hover:after{background-color:var(--px-color-bg-action-hover-bordered-default);border:var(--px-border-s) solid var(--px-color-border-action-hover-default);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}details.single summary{display:inline-flex;gap:var(--px-spacing-between-icon-horizontal-mobile);justify-content:center;color:var(--px-color-txt-primary-default);font-weight:700;border:var(--px-border-m) solid transparent;border-radius:var(--px-radius-pill)}details.single summary:hover{gap:0;padding:0 var(--px-padding-xs);border-color:var(--px-color-border-action-hover-default)}details.single summary:hover:after{border-color:transparent;margin-right:calc(var(--px-padding-xs) * -1)}details.single slot[name=content]{display:block;padding-top:var(--px-spacing-component-default-vertical)}details[open] summary slot[name=title]{color:var(--px-color-txt-primary-default);font-weight:700}details[open] summary:after{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}:host([inverted]) details{color:var(--px-color-txt-body-inverted)}:host([inverted]) details:not(.single){border-bottom:var(--px-border-m) solid var(--px-color-border-main-inverted)}:host([inverted]) details[open] summary slot[name=title]{color:var(--px-color-txt-primary-inverted)}:host([inverted]) details.single summary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) details.single summary:hover{border-color:var(--px-color-bg-container-weak-inverted)}:host([inverted]) details.single summary:hover:after{border-color:transparent}:host([inverted]) summary:after{background-color:var(--px-color-bg-action-secondary-inverted);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.789 5.93489 11.5286 6.19524L8.00002 9.72384L4.47142 6.19524C4.21107 5.93489 3.78897 5.93489 3.52862 6.19524C3.26827 6.45559 3.26827 6.8777 3.52862 7.13805L7.52862 11.1381C7.78897 11.3984 8.21108 11.3984 8.47142 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='white'/%3E%3C/svg%3E\")}:host([inverted]) summary:hover{background-color:var(--px-color-bg-container-moderate-inverted)}:host([inverted]) summary:hover:after{background-color:var(--px-color-bg-action-bordered-inverted);border:var(--px-border-s) solid var(--px-color-border-action-hover-inverted)}");const lt=["","none","single"],dt=class extends i{constructor(){super(st),this.template=()=>'<details>\n      <summary role="button"><slot name="icon"></slot><slot name="title"></slot><slot name="info"></slot></summary>\n      <slot name="content"></slot>\n    </details>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","inverted"]}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}attributeChangedCallback(t,e,r){if(e!==r)if("variant"===t)this.updateAttribute(t,e,r,lt);else super.attributeChangedCallback(t,e,r)}updateAttribute(t,e,r,i){null!==e&&""!==e&&this.$el.classList.toggle(`${e}`),null!==r&&""!==r&&this.$el.classList.toggle(`${r}`),this.checkName(i,r)||console.error(`${r} is not an allowed ${t} value for ${this.$el}`)}checkName(t,e){return t.includes(e)}};dt.nativeName="details";let pt=dt;customElements.define("px-accordion",pt);const ct=new CSSStyleSheet;ct.replaceSync('img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;border-style:none}.border-radius-main,.border-radius-main img{border-radius:var(--px-radius-main)}.border-radius-pill,.border-radius-pill img{border-radius:var(--px-radius-pill)}.no-border-radius-top,.no-border-radius-top img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right,.no-border-radius-right img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom,.no-border-radius-bottom img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left,.no-border-radius-left img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all,.no-border-radius-all img{border-radius:var(--px-radius-none)}@media only screen and (max-width: 767px){:host([hide-for="mobile"]),:host([show-for="tablet"]),:host([show-for="laptop"]),.hide-for-mobile,.show-for-tablet,.show-for-laptop{display:none}.no-border-radius-mobile-top,.no-border-radius-mobile-top img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-mobile-right,.no-border-radius-mobile-right img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-mobile-bottom,.no-border-radius-mobile-bottom img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-mobile-left,.no-border-radius-mobile-left img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-mobile-all,.no-border-radius-mobile-all img{border-radius:var(--px-radius-none)}}@media only screen and (min-width: 768px) and (max-width: 1024px){:host([hide-for="tablet"]),:host([show-for="mobile"]),:host([show-for="laptop"]),.hide-for-tablet,.show-for-mobile,.show-for-laptop{display:none}.no-border-radius-tablet-top,.no-border-radius-tablet-top img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-tablet-right,.no-border-radius-tablet-right img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-tablet-bottom,.no-border-radius-tablet-bottom img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-tablet-left,.no-border-radius-tablet-left img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-tablet-all,.no-border-radius-tablet-all img{border-radius:var(--px-radius-none)}}@media only screen and (min-width: 1025px){:host([hide-for="laptop"]),:host([show-for="mobile"]),:host([show-for="tablet"]),.hide-for-laptop,.show-for-mobile,.show-for-tablet{display:none}.no-border-radius-laptop-top,.no-border-radius-laptop-top img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-laptop-right,.no-border-radius-laptop-right img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-laptop-bottom,.no-border-radius-laptop-bottom img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-laptop-left,.no-border-radius-laptop-left img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-laptop-all,.no-border-radius-laptop-all img{border-radius:var(--px-radius-none)}}');const bt=["","mobile","tablet","laptop","desktop"];class gt extends i{constructor(){super(ct)}static get observedAttributes(){return[...super.observedAttributes,"hide-for","show-for","border-radius","no-border-radius","no-border-radius-mobile","no-border-radius-tablet","no-border-radius-laptop"]}get hidefor(){return this.getAttribute("hide-for")}set hidefor(t){this.setAttribute("hide-for",t)}get showfor(){return this.getAttribute("show-for")}set showfor(t){this.setAttribute("show-for",t)}get borderRadius(){return this.getAttribute("border-radius")}set borderRadius(t){this.setAttribute("border-radius",t)}get noBorderRadius(){return this.getAttribute("no-border-radius")}set noBorderRadius(t){this.setAttribute("no-border-radius",t)}get noBorderRadiusMobile(){return this.getAttribute("no-border-radius-mobile")}set noBorderRadiusMobile(t){this.setAttribute("no-border-radius-mobile",t)}get noBorderRadiusTablet(){return this.getAttribute("no-border-radius-tablet")}set noBorderRadiusTablet(t){this.setAttribute("no-border-radius-tablet",t)}get noBorderRadiusLaptop(){return this.getAttribute("no-border-radius-laptop")}set noBorderRadiusLaptop(t){this.setAttribute("no-border-radius-laptop",t)}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"hide-for":case"show-for":this.updateAttribute(t,e,r,bt);break;case"border-radius":this.updateAttribute(t,e,r,c);break;case"no-border-radius":case"no-border-radius-mobile":case"no-border-radius-tablet":case"no-border-radius-laptop":this.updateAttribute(t,e,r,x);break;default:super.attributeChangedCallback(t,e,r)}}updateAttribute(t,e,r,i){this.checkName(i,r)?(null!==e&&""!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==r&&""!==r&&this.$el.classList.toggle(`${t}-${r}`)):console.error(`${r} is not an allowed ${t} value for ${this.$el}`)}checkName(t,e){return t.includes(e)}}const ht=class extends gt{constructor(){super();const t=document.createElement(this.nativeName);this.shadowRoot.appendChild(t)}};ht.nativeName="img";let ut=ht;customElements.define("px-img",ut);const xt=class extends gt{constructor(){super(),this.possibleImgExtension=["webp","svg","apng","png","jpg","jpeg","jfif","pjpeg","pjp","avif","gif","bmp","ico","cur","tif","tiff"];const t=document.createElement(this.nativeName);this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"loading","alt","src"]}get loading(){return this.getAttribute("loading")}set loading(t){this.setAttribute("loading",t)}get alt(){return this.getAttribute("alt")}set alt(t){this.setAttribute("alt",t)}get src(){return this.getAttribute("src")}set src(t){this.setAttribute("src",t)}get $imgEl(){return this.shadowRoot.querySelector("img")}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"src":this.addSrc(r,this.alt,this.loading);break;case"loading":this.updateLoading(r);break;case"alt":this.updateAlt(r);break;default:super.attributeChangedCallback(t,e,r)}}removeSrc(){this.$el.innerHTML=""}async imgExists(t){const e=await fetch(t,{method:"HEAD"}).catch((t=>console.log("Error:",t)));return"object"==typeof e&&e.ok&&404!=e.status&&403!=e.status&&"text/html"!=e.headers.get("Content-Type")}async transformImgPath(t,e,r){let i="";(t.endsWith("-en")||t.endsWith("-fr")||t.endsWith("-nl")||t.endsWith("-de"))&&(i=t.slice(-3),t=t.slice(0,-3)),(t.endsWith("-s")||t.endsWith("-m")||t.endsWith("-l"))&&(t=t.slice(0,-2));let o=`${t}${r}${i}.${e}`;return await this.imgExists(o)||(o=""),o}addImg(t,e,r){const i=document.createElement("img");i.src=t,i.alt=e||"",!r||"lazy"!==r&&"eager"!==r||(i.loading=r),this.$el.appendChild(i)}addSrcset(t,e){if(""!==t){const r=document.createElement("source");r.media=e,r.srcset=t,this.$el.insertBefore(r,this.$el.firstChild)}}async addSrc(t,e,r){if(this.removeSrc(),!t)return void console.error('No "src" value for ',this);const i=t.split(".").pop();if(!this.possibleImgExtension.includes(i))return void console.error('No extensions image to "src" value for ',this);const o=t.slice(0,-1*(i.length+1));let a=t;if(await this.imgExists(a)||(a=await this.transformImgPath(o,i,"-s")),""===a)return void console.error('Bad "src" value for ',this);const n=await this.transformImgPath(o,i,"-m");this.addSrcset(n,"only screen and (min-width: 40.0625em)");const s=await this.transformImgPath(o,i,"-l");this.addSrcset(s,"only screen and (min-width: 64.0625em)"),this.addImg(a,e,r)}updateLoading(t){this.$imgEl&&this.src&&(!t||"lazy"!==t&&"eager"!==t?this.$imgEl.removeAttribute("loading"):this.$imgEl.loading=t)}updateAlt(t){this.$imgEl&&this.src&&(this.$imgEl.alt=t||"")}};xt.nativeName="picture";let vt=xt;customElements.define("px-picture",vt);const mt=new CSSStyleSheet;mt.replaceSync(".patch{display:inline-flex;align-items:center;padding:0 var(--px-padding-s);height:1.625rem;border:var(--px-border-m) solid transparent;border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small);font-family:var(--px-font-family);font-weight:700;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);text-align:center;background-color:var(--px-color-bg-promo-default);color:var(--px-color-txt-primary-inverted)}.patch,.patch *{box-sizing:border-box}@media only screen and (min-width: 768px){.patch{font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1025px){.patch{font-size:var(--px-text-size-base-desktop)}}:host([inverted]) .patch{background-color:var(--px-color-bg-promo-inverted);color:var(--px-color-txt-primary-inverted)}.bottom-right{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small) var(--px-radius-patch-big)}.bottom-left{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small)}.info{background-color:var(--px-color-illu-blue-core);color:var(--px-color-txt-body-default)}:host([inverted]) .info{background-color:var(--px-color-illu-blue-core);color:var(--px-color-txt-body-default)}.black-friday{background-color:var(--px-color-bg-container-rich-default);color:var(--px-color-txt-body-inverted)}:host([inverted]) .black-friday{background-color:var(--px-color-bg-container-rich-inverted);color:var(--px-color-txt-body-default)}.eco{background-color:var(--px-color-bg-success-default);color:var(--px-color-txt-body-inverted)}:host([inverted]) .eco{background-color:var(--px-color-bg-success-inverted);color:var(--px-color-txt-inverted-default)}.greyed{background-color:var(--px-color-bg-action-disabled-default);color:var(--px-color-icon-disabled-default)}:host([inverted]) .greyed{background-color:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-icon-disabled-inverted)}");const ft=["","default","info","black-friday","eco","greyed"],kt=["","default","bottom-right","bottom-left"];class yt extends HTMLElement{template(){return'\n        <div class="patch">\n            <slot></slot>\n        </div>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[mt]}static get observedAttributes(){return["variant","shape","inverted"]}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"variant":this.updateVariant(e,r);break;case"shape":this.updateShape(e,r)}}_toggleClass(t,e){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t),null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e)}checkName(t,e){return t.includes(e)}updateVariant(t,e){this._toggleClass(t,e),this.checkName(ft,e)||console.error('Bad "variant" value for patch')}updateShape(t,e){this._toggleClass(t,e),this.checkName(kt,e)||console.error('Bad "shape" value for patch')}get $el(){return this.shadowRoot.querySelector(".patch")}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get shape(){return this.getAttribute("shape")}set shape(t){this.setAttribute("shape",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}}customElements.get("px-patch")||customElements.define("px-patch",yt);const wt=new CSSStyleSheet;wt.replaceSync('.price{--price-s: var(--px-text-size-l-mobile);--price-m: var(--px-text-size-xl-mobile);--price-l: var(--px-text-size-3xl-mobile);font-family:var(--px-font-family);white-space:nowrap;font-weight:700;color:var(--px-color-txt-primary-default);font-size:var(--price-s)}@media only screen and (min-width: 641px){.price{--price-s: var(--px-text-size-l-tablet);--price-m: var(--px-text-size-xl-tablet);--price-l: var(--px-text-size-3xl-tablet)}}@media only screen and (min-width: 1025px){.price{--price-s: var(--px-text-size-l-desktop);--price-m: var(--px-text-size-xl-desktop);--price-l: var(--px-text-size-3xl-desktop)}}.promo,.free{color:var(--px-color-txt-promo-default)}.neutral{color:var(--px-color-txt-body-default)}.exceeding{color:var(--px-color-txt-error-default)}.disabled{color:var(--px-color-txt-disabled-default)}::slotted([slot="oldprice"]){text-decoration:line-through;color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);font-weight:400}@media only screen and (min-width: 641px){{font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1025px){{font-size:var(--px-text-size-base-desktop)}}::slotted([slot="newpromoprice"]){position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}:host([inverted]) .price{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .promo,:host([inverted]) .free{color:var(--px-color-txt-promo-inverted)}:host([inverted]) .neutral{color:var(--px-color-txt-body-inverted)}:host([inverted]) .exceeding{color:var(--px-color-txt-error-inverted)}:host([inverted]) .disabled{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) ::slotted(s){color:var(--px-color-txt-body-inverted)}.price:not(.promo):not(.free) ::slotted(s){display:none}::slotted(.euro){font-size:calc(var(--price-s) * .75)}::slotted(.decimals){font-size:calc(var(--price-s) * .5)}.m{font-size:var(--price-m)}:host([size="m"]) ::slotted(.decimals){font-size:calc(var(--price-m) * .5)}:host([size="m"]) ::slotted(.euro){font-size:calc(var(--price-m) * .75)}.l{font-size:var(--price-l)}:host([size="l"]) ::slotted(.decimals){font-size:calc(var(--price-l) * .5)}:host([size="l"]) ::slotted(.euro){font-size:calc(var(--price-l) * .75)}');const zt=["default","promo","free","neutral","exceeding","disabled"],At=["","s","m","l"],$t=class extends i{constructor(){super(wt),this.template=()=>'<span class="price"><slot name="oldprice"></slot><slot name="newpromoprice"></slot><slot></slot></span>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","size","inverted"]}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get size(){return this.getAttribute("size")}set size(t){this.setAttribute("size",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}connectedCallback(){this.buildPrice()}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"variant":this.updateAttribute(t,e,r,zt);break;case"size":this.updateAttribute(t,e,r,At);break;default:super.attributeChangedCallback(t,e,r)}}checkName(t,e){return t.includes(e)}toggleClass(t,e){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t),null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e)}updateAttribute(t,e,r,i){this.toggleClass(e,r),this.checkName(i,r)||console.error(`${r} is not an allowed ${t} value for ${this.$el}`)}buildPrice(){let t=this.innerHTML.trim();const e=this.querySelector('[slot="oldprice"]');let r,i="",o="";e&&""!==e.innerHTML?(e.innerHTML="€"+e.innerHTML,r=this.querySelector('[slot="newpromoprice"]'),r?(o=r.outerHTML,t=r.nextSibling.textContent):t=e.nextSibling.textContent,i=e.outerHTML+" "):e&&""===e.innerHTML&&(t=e.nextSibling.textContent);let a="";a=/^[\d|.|,]+/.test(t)?'<span class="euro">€</span>':"";const n=t.charAt(t.length-3);if("."===n||","===n){const[e,r]=t.split(n);this.innerHTML=`${i}${o}${a}${e}<span class="decimals">${n}${r}</span>`}else this.innerHTML=`${i}${o}${a}${t}`}};$t.nativeName="span";let St=$t;customElements.define("px-price",St);const Ct=new CSSStyleSheet;Ct.replaceSync(":host{box-sizing:border-box}.ribbon{font-family:var(--px-font-family);font-weight:700;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);white-space:nowrap;text-align:left;color:var(--px-color-txt-body-inverted);background-color:var(--px-color-bg-container-rich-default);padding:var(--px-padding-xs) var(--px-padding-s);border-radius:var(--px-radius-main) var(--px-radius-main) 0 0}.ribbon,.ribbon *{box-sizing:border-box}@media only screen and (min-width: 768px){.ribbon{font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1025px){.ribbon{font-size:var(--px-text-size-base-desktop)}}");const _t=class extends i{constructor(){super(Ct),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};_t.nativeName="div";let Lt=_t;customElements.define("px-ribbon",Lt);const Tt=new CSSStyleSheet;Tt.replaceSync(".separator{--separator-size: var(--px-border-m);--px-separator-color: var(--px-color-border-main-default);--separator-direction-mobile-border-width: var(--separator-size) 0 0;--separator-direction-mobile-width: initial;--separator-direction-mobile-height: initial;clear:both;margin:0;border-style:solid;border-color:var(--px-separator-color);border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_horizontal{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}@media only screen and (min-width: 0px) and (max-width: 767px){.separator_direction_horizontal--mobile{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical--mobile{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}@media only screen and (min-width: 768px) and (max-width: 1024px){.separator_direction_horizontal--tablet{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical--tablet{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}@media only screen and (min-width: 1025px) and (max-width: 1440px){.separator_direction_horizontal--laptop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical--laptop{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}@media only screen and (min-width: 1441px){.separator_direction_horizontal--desktop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator_direction_vertical--desktop{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}:host([inverted]) .separator{--px-separator-color: var(--px-color-border-main-inverted)}");const Et=["","default","horizontal","vertical"],Mt=["","none","s","m","l"],Rt=["","contrasted","action-hover","action-active","none","success","error","warning","unlimited"],Nt=class extends i{constructor(){super(Tt);const t=document.createElement(this.nativeName);t.classList.add("separator"),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"direction","direction-mobile","direction-tablet","direction-laptop","direction-desktop","size","color","inverted"]}get direction(){return this.getAttribute("direction")}set direction(t){this.setAttribute("direction",t)}get directionMobile(){return this.getAttribute("direction-mobile")}set directionMobile(t){this.setAttribute("direction-mobile",t)}get directionTablet(){return this.getAttribute("direction-tablet")}set directionTablet(t){this.setAttribute("direction-tablet",t)}get directionLaptop(){return this.getAttribute("direction-laptop")}set directionLaptop(t){this.setAttribute("direction-laptop",t)}get directionDesktop(){return this.getAttribute("direction-desktop")}set directionDesktop(t){this.setAttribute("direction-desktop",t)}get size(){return this.getAttribute("size")}set size(t){this.setAttribute("size",t)}get color(){return this.getAttribute("color")}set color(t){this.setAttribute("color",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"direction":case"direction-mobile":case"direction-tablet":case"direction-laptop":case"direction-desktop":this.updateDirection(t,r);break;case"size":this.updateSize(r,Mt);break;case"color":this.updateColor(r,Rt);break;default:super.attributeChangedCallback(t,e,r)}}checkName(t,e){return t.includes(e)}updateSize(t,e){this.checkName(e,t)?this.$el.style.setProperty("--separator-size",`var(--px-border-${t})`):(console.error("Bad size value for",this.$el),this.$el.style.setProperty("--separator-size","var(--px-border-m)"))}updateColor(t,e){this.checkName(e,t)?this.$el.style.setProperty("--px-separator-color",`var(--px-color-border-${t}-${null===this.inverted?"default":"inverted"})`):(console.error("Bad color value for",this.$el),this.$el.style.setProperty("--px-separator-color",`var(--px-color-border-main-${null===this.inverted?"default":"inverted"})`))}updateDirection(t,e){if(this.checkName(Et,e))if("direction"===t)this.$el.classList.add(`separator_direction_${e}`);else{const r=this.$el.classList,i=t.split("-")[1];for(let t=0;t<r.length;t++)r[t].includes(i)?this.$el.classList.replace(r[t],`separator_direction_${e}--${i}`):this.$el.classList.add(`separator_direction_${e}--${i}`)}else console.error(`Bad "${t}" value for`,this.$el)}};Nt.nativeName="hr";let Pt=Nt;customElements.define("px-separator",Pt);const Bt=new CSSStyleSheet;Bt.replaceSync('.tag{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:var(--px-font-family);font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-m);font-weight:400;gap:var(--px-spacing-text-to-icon-compact-horizontal);background-color:var(--px-color-bg-action-secondary-default);color:var(--px-color-txt-primary-default);padding:var(--px-padding-2xs) var(--px-padding-xs);border:var(--px-border-s) solid transparent;border-radius:var(--px-radius-main);--slotted-icon-size: var(--px-icon-size-xs-mobile)}.tag,.tag *{box-sizing:border-box}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-mobile)}.light{background-color:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-body-default)}.outline{background-color:transparent;color:var(--px-color-txt-primary-default);border-color:var(--px-color-border-action-hover-default)}.pill{border-radius:var(--px-radius-pill)}:host([inverted]) .tag{background-color:var(--px-color-bg-action-secondary-inverted);color:var(--px-color-txt-primary-inverted)}:host([inverted]) .light{background-color:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-body-inverted)}:host([inverted]) .outline{background-color:transparent;color:var(--px-color-txt-primary-inverted);border-color:var(--px-color-border-action-hover-inverted)}@media only screen and (min-width: 64rem){.tag{font-size:var(--px-text-size-s-tablet);--slotted-icon-size: var(--px-icon-size-xs-tablet)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-tablet)}}@media only screen and (min-width: 90rem){.tag{font-size:var(--px-text-size-s-desktop);--slotted-icon-size: var(--px-icon-size-xs-desktop)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-desktop)}}');const It=["","default","light","outline"],Vt=["","default","pill"];class Ht extends HTMLElement{template(){return'\n        <div class="tag">\n            <slot name="before"></slot>\n            <slot></slot>\n        </div>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Bt]}static get observedAttributes(){return["variant","shape","inverted"]}get $el(){return this.shadowRoot.querySelector(".tag")}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get shape(){return this.getAttribute("shape")}set shape(t){this.setAttribute("shape",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"variant":this.updateVariant(e,r);break;case"shape":this.updateShape(e,r)}}_toggleClass(t,e){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t),null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e)}checkName(t,e){return t.includes(e)}updateVariant(t,e){this._toggleClass(t,e),this.checkName(It,e)||console.error('Bad "variant" value for tag')}updateShape(t,e){this._toggleClass(t,e),this.checkName(Vt,e)||console.error('Bad "shape" value for tag')}}customElements.get("px-tag")||customElements.define("px-tag",Ht);const jt=new CSSStyleSheet;jt.replaceSync('*{font-family:var(--px-font-family)}#container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-spacing-component-default-vertical)}#panels{width:100%}div[role=tablist]{display:flex;align-items:center;scrollbar-width:none;overflow:scroll;width:80%;box-sizing:border-box}div[role=tablist] ::slotted(px-tab){background-color:var(--px-color-bg-container-weak-default)}div[role=tablist] ::slotted(px-tab[inverted=""]){background-color:var(--px-color-bg-container-weak-inverted)}div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-color-bg-action-active-default);padding-block:var(--px-padding-m);border-radius:var(--px-radius-main)!important}div[role=tablist] ::slotted(px-tab[selected=""][inverted=""]){background-color:var(--px-color-bg-action-active-inverted)}div[role=tablist] ::slotted(px-tab:first-child){border-radius:var(--px-radius-main) var(--px-radius-none) var(--px-radius-none) var(--px-radius-main)}div[role=tablist] ::slotted(px-tab:last-of-type){border-radius:var(--px-radius-none) var(--px-radius-main) var(--px-radius-main) var(--px-radius-none)}div[role=tablist]::-webkit-scrollbar{display:none}button[role=tab]{background:none;border:none;padding:0;margin:0;cursor:pointer;height:inherit;width:inherit;padding:var(--px-padding-s);font-size:var(--px-text-size-base-mobile);font-weight:700;text-wrap:nowrap;color:var(--px-color-txt-body-default);outline:none}button[role=tab][inverted=""]{color:var(--px-color-txt-body-inverted)}@media screen and (min-width: 768px){button[role=tab]{font-size:var(--px-text-size-base-tablet)}}@media screen and (min-width: 1025px){button[role=tab]{font-size:var(--px-text-size-base-laptop)}}@media screen and (min-width: 1441px){button[role=tab]{font-size:var(--px-text-size-base-desktop)}}button[aria-selected=""]{padding-block:0;cursor:auto;color:var(--px-color-txt-primary-inverted)}button[aria-selected=""][inverted=""]{color:var(--px-color-txt-primary-default)}');class qt extends HTMLElement{constructor(){super(),this._label=`tabs-${Math.random().toString(36).substring(2,15)}`,this.template=()=>`\n    <div id="container">\n      <div role="tablist" aria-labelledby="${this._label}">\n        <slot name="tabs"></slot> \n      </div>\n      <div id="panels">\n        <slot name="tabpanels"></slot>\n      </div>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.getAttribute("label")&&(this._label=this.getAttribute("label")),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[jt]}static get observedAttributes(){return["label","inverted"]}attributeChangedCallback(t,e,r){"label"===t&&(this.label=r)}connectedCallback(){this.addEventListener("click",(t=>{var e;if(null==(e=t.target.localName)?void 0:e.endsWith("-tab")){this.$activePanel.selected=!1,this.$activeTab.selected="false";const e=t.target;e&&(e.selected=""),this.$activePanel?this.$activePanel.selected=!0:console.error("No panel found for this tab")}})),this.addEventListener("keydown",(t=>{if("ArrowRight"===t.key||"ArrowLeft"===t.key){const e=this.$nextTab,r=this.$previousTab;this.$activePanel.selected=!1,this.$activeTab.selected="false","ArrowRight"===t.key?e.selected="":"ArrowLeft"===t.key&&(r.selected=""),this.$activePanel.selected=!0}}))}get $activeTab(){return this.querySelector('[selected=""][slot="tabs"]')}get $nextTab(){const t=this.$activeTab.nextElementSibling;return"tabs"!==t.slot?this.querySelector('[slot="tabs"]'):t}get $previousTab(){const t=this.$activeTab.previousElementSibling;return t||Array.from(this.querySelectorAll('[slot="tabs"]')).pop()}get $activePanel(){return this.querySelector(`[name="${this.$activeTab.for}"]`)}get $tabList(){return this.shadowRoot.querySelector('[role="tablist"]')}get label(){return this.$tabList.getAttribute("aria-labelledby")}set label(t){this.$tabList.setAttribute("aria-labelledby",t)}get inverted(){return this.hasAttribute("inverted")}}class Dt extends HTMLElement{constructor(){super(),this.template=()=>'\n    <button role="tab" aria-selected="false" type="button" tabindex="-1">\n      <span><slot></slot></span>\n    </button>\n  ',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[jt]}static get observedAttributes(){return["selected","for","name"]}connectedCallback(){this.name||console.error("Tab needs a name attribute"),this.for||console.error("Tab needs a for attribute"),this.slot="tabs",this.parentElement.inverted&&(this.setAttribute("inverted",""),this.$button.setAttribute("inverted",""))}attributeChangedCallback(t,e,r){"selected"===t?this.handleSelected(r):"name"===t?this.$button.setAttribute("id",r):"for"===t&&this.$button.setAttribute("aria-controls",r)}get $button(){return this.shadowRoot.querySelector("button")}get selected(){return this.$button.getAttribute("aria-selected")}get inverted(){return this.hasAttribute("inverted")}set name(t){this.setAttribute("name",t)}get name(){return this.getAttribute("name")}set for(t){this.setAttribute("for",t)}get for(){return this.getAttribute("for")}handleSelected(t){m(t)?(this.$button.removeAttribute("aria-selected"),this.$button.tabIndex=-1):(this.$button.setAttribute("aria-selected",t),this.$button.removeAttribute("tabindex"),this.$button.focus())}set selected(t){this.setAttribute("selected",t)}}class Ot extends HTMLElement{constructor(){super(),this.template=()=>`\n    <div role="tabpanel" aria-labelledby="${this.name}" tabindex="0">\n      <slot></slot>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[jt]}static get observedAttributes(){return["name"]}attributeChangedCallback(t,e,r){"name"===t&&this.$panel.setAttribute("aria-labelledby",r)}connectedCallback(){this.name||console.error("TabPanel needs a name attribute"),this.slot="tabpanels";const t=this.parentElement.querySelector(`[for="${this.getAttribute("name")}"]`);t?this.$panel.setAttribute("aria-labelledby",t.getAttribute("name")):console.error("No tab found for this panel");m(this.parentElement.querySelector(`[for="${this.name}"]`).selected)?this.selected=!1:this.selected=!0}get name(){return this.getAttribute("name")}set name(t){this.setAttribute("name",t)}set selected(t){this.$panel.style.display=t?"block":"none"}get $panel(){return this.shadowRoot.querySelector('[role="tabpanel"]')}}class Wt extends qt{constructor(){super(),this.querySelectorAll("px-tab").forEach((t=>{t.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",Wt);class Gt extends Dt{constructor(){super()}}customElements.get("px-tab")||customElements.define("px-tab",Gt);class Ft extends Ot{constructor(){super()}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",Ft);const Yt=new CSSStyleSheet;Yt.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class Zt extends HTMLElement{template(){return'\n        <ol class="timeline" role="list">\n            <slot></slot>\n        </ol>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Yt]}static get observedAttributes(){return["inverted"]}connectedCallback(){this.configureChildren()}attributeChangedCallback(t,e,r){if(e!==r&&"inverted"===t)for(let i=0;i<this.$children.length;i++)this.$children[i].toggleAttribute("inverted")}configureChildren(){const t=this.$children[this.$children.length-1];t&&!t.hasAttribute("lastchild")&&t.setAttribute("lastchild","");for(let e=0;e<this.$children.length;e++)this.$children[e].setAttribute("item",`${e+1}`)}get $el(){return this.shadowRoot.querySelector(".timeline")}get $children(){return this.querySelectorAll("px-timeline-item")}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}}customElements.get("px-timeline")||customElements.define("px-timeline",Zt);const Jt=new CSSStyleSheet;Jt.replaceSync('.timeline-item{display:flex;gap:var(--px-spacing-text-to-icon-horizontal);font-family:var(--px-font-family);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m)}.indicator-area{position:relative}.indicator-area:before{display:block;content:"";position:absolute;top:26px;left:12px;width:var(--px-border-m);height:calc(100% - 26px);background:var(--px-color-border-main-default)}.indicator-area .indicator{display:flex;align-items:center;justify-content:center;text-align:center;width:26px;height:26px;font-weight:700;font-size:var(--px-text-size-s-mobile);color:var(--px-color-icon-body-default);border-radius:var(--px-radius-pill);background:var(--px-color-bg-container-weak-default)}.content-area{margin-bottom:var(--px-spacing-component-default-vertical)}.content-area ::slotted([slot="title"]){font-weight:700;color:var(--px-color-txt-body-default)}.content-area ::slotted([slot="content"]){font-weight:400;color:var(--px-color-txt-details-default);margin-top:var(--px-spacing-under-text-vertical)}:host([lastchild]) .indicator-area:before{display:none}:host([lastchild]) .content-area{margin-bottom:0}:host([inverted]) .indicator-area:before{background:var(--px-color-border-main-inverted)}:host([inverted]) .indicator-area .indicator{color:var(--px-color-icon-body-inverted);background:var(--px-color-bg-container-weak-inverted)}:host([inverted]) .content-area ::slotted([slot="title"]){color:var(--px-color-txt-body-inverted)}:host([inverted]) .content-area ::slotted([slot="content"]){color:var(--px-color-txt-details-inverted)}@media only screen and (min-width: 64rem){.timeline-item{font-size:var(--px-text-size-base-tablet)}.indicator-area .indicator{font-size:var(--px-text-size-s-tablet)}}@media only screen and (min-width: 90rem){.timeline-item{font-size:var(--px-text-size-base-desktop)}.indicator-area .indicator{font-size:var(--px-text-size-s-desktop)}}');let Kt="1";class Qt extends HTMLElement{template(){return'\n        <li class="timeline-item" role="listitem">\n            <div class="indicator-area">\n                <div class="indicator"></div>\n            </div>\n            <div class="content-area">\n                <slot name="title"></slot>\n                <slot name="content"></slot>\n            </div>\n        </li>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Jt]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(t,e,r){if(e!==r&&"item"===t)this.updateItem(e,r),this.updateIndicator(Kt)}updateItem(t,e){null!==t&&""!==t&&(Kt=t),null!==e&&""!==e&&(Kt=e)}updateIndicator(t){this.$el.querySelector(".indicator").innerHTML=t}get $el(){return this.shadowRoot.querySelector(".timeline-item")}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}get lastchild(){return this.getAttribute("lastchild")}set lastchild(t){this.setAttribute("lastchild",t)}get item(){return this.getAttribute("item")}set item(t){this.setAttribute("item",t)}}customElements.get("px-timeline-item")||customElements.define("px-timeline-item",Qt);const Ut=new CSSStyleSheet;Ut.replaceSync("px-container{width:1000px;display:block;border:0;border-radius:var(--px-radius-main)}@media screen and (max-width: 1025px){px-container{width:700px}}@media screen and (max-width: 640px){px-container{width:295px}}"),v(".lavender-blurred-modal-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:999;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}");class Xt extends HTMLElement{constructor(){super(),this.open=!1,this.template='<px-container padding="m" popover> \x3c!-- adding popver here is the only way to style of the modal --\x3e\n    <px-stack gap="component-default-vertical" direction="column">\n      <px-stack direction="column" gap="under-text-vertical">\n        <slot name="title"></slot>\n        <slot name="description"></slot>\n      </px-stack>\n      <slot></slot>\n      <px-separator size="l"></px-separator>\n      <px-stack gap="component-compact-horizontal" justify-content="end">\n        <slot name="footer"></slot>\n      </px-stack>\n    </px-stack>\n  </px-container>',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template,this.shadowRoot.adoptedStyleSheets=[Ut]}connectedCallback(){var t;document.querySelectorAll(`px-button[popovertarget="${this.getAttribute("id")}"]`).forEach((t=>{t.onclick=t=>{var e;null==(e=this.showPopover)||e.call(this),this.open=!0,this.displayBlurredBackground(),t.stopPropagation()}})),this.addEventListener("click",(t=>{t.target.closest('px-button[slot="footer"]')&&this._hidePopover()})),null!=this.autoShow&&(null==(t=this.showPopover)||t.call(this),this.open=!0,this.displayBlurredBackground())}displayBlurredBackground(){this.blurredBackground=document.createElement("div"),this.blurredBackground.id="popover-background",this.blurredBackground.classList.toggle("lavender-blurred-modal-background"),this.blurredBackground.addEventListener("click",(t=>{this.open&&!this.contains(t.target)&&this._hidePopover()})),document.body.appendChild(this.blurredBackground)}_hidePopover(){var t;this.blurredBackground.parentElement.removeChild(this.blurredBackground),null==(t=this.hidePopover)||t.call(this),this.open=!1}get autoShow(){return this.getAttribute("autoshow")}}customElements.get("px-modal")||customElements.define("px-modal",Xt);const te="span,::slotted(span){font-family:var(--px-font-family);color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m)}:host([inverted]) span,:host([inverted]) ::slotted(span){color:var(--px-color-txt-body-inverted)}span.link{text-decoration:underline}@media only screen and (min-width: 64rem){span,::slotted(span){font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 90rem){span,::slotted(span){font-size:var(--px-text-size-base-desktop)}}",ee=new CSSStyleSheet,re=new CSSStyleSheet;ee.replaceSync(te),re.replaceSync(O);const ie=class extends i{constructor(){super(ee,re),this.template=()=>'<span>\n        <slot name="before"></slot>\n        <slot></slot>\n        <slot name="after"></slot>\n    </span>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"color","font-size","font-weight","inverted"]}get color(){return this.getAttribute("color")}set color(t){this.setAttribute("color",t)}get fontsize(){return this.getAttribute("font-size")}set fontsize(t){this.setAttribute("font-size",t)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(t){this.setAttribute("font-weight",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){m(t)?this.removeAttribute("inverted"):this.setAttribute("inverted",t)}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"color":this.updateTypography(t,e,r,a);break;case"font-size":this.updateTypography(t,e,r,o);break;case"font-weight":this.updateTypography(t,e,r,n);break;default:super.attributeChangedCallback(t,e,r)}}checkName(t,e){return t.includes(e)}updateTypography(t,e,r,i){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${t}-${r}`),this.checkName(i,r)||console.error(`Bad ${t} value for ${this.$el}`)}};ie.nativeName="span";let oe=ie;customElements.define("px-span",oe);const ae='a,.link,::slotted(a){font-family:var(--px-font-family);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);font-weight:500;color:var(--px-color-txt-body-default)}a:hover,.link:hover{color:var(--px-color-txt-hover-default)}a:focus,.link:focus{outline-offset:var(--px-offset-s);outline:var(--px-outline-s) solid var(--px-color-outline-default)}a[aria-disabled=true],.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-txt-disabled-default)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-text-to-icon-compact-horizontal)}a ::slotted(span[slot="after"]),a ::slotted(span[slot="before"]),.link ::slotted(span[slot="after"]),.link ::slotted(span[slot="before"]){display:inline-block}::slotted(a:hover){color:var(--px-color-txt-hover-default)}a.no-style{color:inherit;text-decoration:none}a.no-style:hover,a.no-style:focus{color:inherit}a.skip-link{position:absolute;left:-10000px;top:auto;overflow:hidden;background-color:var(--px-color-bg-container-weak-default);padding:var(--px-padding-xs)}a.skip-link:focus{left:auto;z-index:999}:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a){color:var(--px-color-txt-body-inverted)}:host([inverted]) a:hover,:host([inverted]) .link:hover{color:var(--px-color-txt-hover-inverted)}:host([inverted]) a:focus,:host([inverted]) .link:focus{outline-color:var(--px-color-outline-inverted)}:host([inverted]) a[aria-disabled=true],:host([inverted]) .link[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) ::slotted(a:hover){color:var(--px-color-txt-hover-inverted)}:host([inverted]) a.skip-link{background-color:var(--px-color-bg-container-weak-inverted)}@media only screen and (min-width: 768px){a,.link,::slotted(a){font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1441px){a,.link,::slotted(a){font-size:var(--px-text-size-base-desktop)}a:focus,.link:focus{outline-offset:var(--px-offset);outline-width:var(--px-outline)}}',ne=new CSSStyleSheet,se=new CSSStyleSheet,le=new CSSStyleSheet;ne.replaceSync(ae),se.replaceSync(".btn{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:var(--px-font-family);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);font-weight:700;gap:var(--px-spacing-between-icon-horizontal);cursor:pointer;text-decoration:none;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-border-m) solid transparent}.btn,.btn *{box-sizing:border-box}.btn ::slotted(px-icon){line-height:0}.btn:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-default)}.btn:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-offset-s);outline:var(--px-outline-s) solid var(--px-color-outline-default)}.btn:active{transform:scale(.95)}.btn[disabled],.btn[aria-disabled=true]{cursor:default;pointer-events:none}.btn.loading{cursor:inherit}.btn.loading ::slotted(px-spinner){line-height:0}.btn:not(.secondary,.tertiary,.patch){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-primary-default);min-height:var(--px-size-action-mobile);padding:0 var(--px-padding-m);border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-bordered-default)}.btn:not(.secondary,.tertiary,.patch)[disabled],.btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}.btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-primary-default);border-color:transparent}.btn:not(.secondary,.tertiary,.patch).extended{width:100%}.btn:not(.secondary,.tertiary,.patch).alternative{border-radius:var(--px-radius-button-small)}.btn.secondary{color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-secondary-default);min-height:var(--px-size-action-mobile);padding:0 var(--px-padding-m);border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn.secondary:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-bordered-default)}.btn.secondary[disabled],.btn.secondary[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}.btn.secondary.loading{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-primary-default);border-color:transparent}.btn.secondary.extended{width:100%}.btn.secondary.alternative{border-radius:var(--px-radius-button-small)}.btn.tertiary{background:none;color:var(--px-color-txt-primary-default);border-radius:var(--px-radius-pill);padding:var(--px-padding-2xs) 0}.btn.tertiary ::slotted(px-icon){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);border-radius:var(--px-radius-pill);background:var(--px-color-bg-action-secondary-default);transition:var(--btn-transition)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs) var(--px-padding-s)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){background:transparent;width:inherit;height:inherit}.btn.tertiary[disabled],.btn.tertiary[aria-disabled=true]{color:var(--px-color-txt-disabled-default)}.btn.tertiary[disabled] ::slotted(px-icon),.btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-color-bg-action-disabled-default)}.btn.tertiary.loading{color:var(--px-color-txt-primary-default);border-color:transparent}.btn.tertiary.loading ::slotted(px-spinner){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);border-radius:var(--px-radius-pill);background:var(--px-color-bg-action-disabled-default)}.btn.patch{display:inline-flex}.btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-bordered-default)}.btn.patch[disabled],.btn.patch[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}button.link{background:none;border:none;text-decoration:underline;padding:0;cursor:pointer}button.link[disabled],button.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-txt-disabled-default)}:host([inverted]) .btn:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) .btn:focus:not([disabled],[aria-disabled=true]){outline-color:var(--px-color-outline-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-primary-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-bordered-default-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[disabled],:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-primary-inverted);border-color:transparent}:host([inverted]) .btn.secondary{color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .btn.secondary:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-bordered-default-inverted)}:host([inverted]) .btn.secondary[disabled],:host([inverted]) .btn.secondary[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn.secondary.loading{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-primary-inverted);border-color:transparent}:host([inverted]) .btn.tertiary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .btn.tertiary ::slotted(px-icon){background:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){background:transparent}:host([inverted]) .btn.tertiary[disabled],:host([inverted]) .btn.tertiary[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn.tertiary[disabled] ::slotted(px-icon),:host([inverted]) .btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .btn.tertiary.loading{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .btn.tertiary.loading ::slotted(px-spinner){background:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-bordered-default-inverted)}:host([inverted]) .btn.patch[disabled],:host([inverted]) .btn.patch[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) button.link[disabled],:host([inverted]) button.link[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}@media only screen and (min-width: 768px){.btn{font-size:var(--px-text-size-base-tablet)}.btn:not(.secondary,.tertiary,.patch){min-height:var(--px-size-action-desktop)}.btn.secondary{min-height:var(--px-size-action-desktop)}.btn.tertiary ::slotted(px-spinner){width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}}@media only screen and (min-width: 1441px){.btn{font-size:var(--px-text-size-base-desktop)}.btn:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-offset);outline-width:var(--px-outline)}.btn.tertiary ::slotted(px-spinner){width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop)}}@keyframes anim-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}"),le.replaceSync(O);const de=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],pe=class extends i{constructor(){super(ne,se,le),this.shapeValues=["","default","alternative"],this.template=()=>'<slot name="before"></slot><slot></slot><slot name="after"></slot>';const t=document.createElement(this.nativeName);t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"disabled","variant","shape","extended","inverted","font-size","color","font-weight"]}connectedCallback(){super.connectedCallback();const t=this.querySelectorAll("px-icon");t&&t.forEach((t=>{const e=t.getAttribute("size"),r=t.getAttribute("color");t&&(t.addEventListener("click",(()=>{this.$el.focus()})),e||t.setAttribute("size","xs"),r||t.setAttribute("color","inherit"))}))}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"disabled":this.$el.toggleAttribute("aria-disabled"),null!==r&&this.$el.setAttribute("aria-disabled","true");break;case"variant":this.updateVariant(e,r);break;case"shape":this.updateShape(e,r);break;case"extended":this.$el.classList.toggle(t);break;case"font-size":this.updateTypography(t,e,r,o);break;case"color":this.updateTypography(t,e,r,a);break;case"font-weight":this.updateTypography(t,e,r,n);break;default:super.attributeChangedCallback(t,e,r)}}checkName(t,e){return t.includes(e)}_toggleClassList(t){if(t.startsWith("btn-")){const e=t.split("-");for(const t of e)this.$el.classList.toggle(t)}else this.$el.classList.toggle(t)}updateVariant(t,e){null!==t&&""!==t&&"link"!==t&&this._toggleClassList(t),null!==e&&""!==e&&"link"!==e&&this._toggleClassList(e),this.checkName(de,e)||console.error(`Bad "variant" value for ${this.$el}`)}updateShape(t,e){null!==t&&""!==t&&"default"!==t&&this._toggleClassList(t),null!==e&&""!==e&&"default"!==e&&this._toggleClassList(e),this.checkName(this.shapeValues,e)||console.error(`Bad "shape" value for ${this.$el}`)}updateTypography(t,e,r,i){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${t}-${r}`),this.checkName(i,r)||console.error(`Bad ${t} value for ${this.$el}`)}get disabled(){return this.getAttribute("disabled")}set disabled(t){this.setAttribute("disabled",t)}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get shape(){return this.getAttribute("shape")}set shape(t){this.setAttribute("shape",t)}get extended(){return this.getAttribute("extended")}set extended(t){this.setAttribute("extended",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}get fontsize(){return this.getAttribute("font-size")}set fontsize(t){this.setAttribute("font-size",t)}get color(){return this.getAttribute("color")}set color(t){this.setAttribute("color",t)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(t){this.setAttribute("font-weight",t)}};pe.nativeName="a";let ce=pe;customElements.get("px-a")||customElements.define("px-a",ce);const be="p,::slotted(p){font-family:var(--px-font-family);color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);margin:0}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}:host([inverted]) p,:host([inverted]) ::slotted(p){color:var(--px-color-txt-body-inverted)}@media only screen and (min-width: 64rem){p,::slotted(p){font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 90rem){p,::slotted(p){font-size:var(--px-text-size-base-desktop)}}",ge=new CSSStyleSheet,he=new CSSStyleSheet,ue=new CSSStyleSheet;ge.replaceSync(be),he.replaceSync(O),ue.replaceSync(D);const xe=class extends i{constructor(){super(ge,he,ue),this.template=()=>"<p><slot></slot></p>",this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","color","font-size","font-weight","text-align","inverted"]}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"variant":this.updateVariant(t,e,r,h);break;case"color":this.updateTypography(t,e,r,a);break;case"font-size":this.updateTypography(t,e,r,o);break;case"font-weight":this.updateTypography(t,e,r,n);break;case"text-align":this.updateTypography(t,e,r,l);break;default:super.attributeChangedCallback(t,e,r)}}toggleClass(t,e){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`style-${t}`),null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`style-${e}`)}checkName(t,e){return t.includes(e)}updateVariant(t,e,r,i){this.checkName(i,r)?this.toggleClass(e,r):console.error(`Bad ${t} value for ${this.$el}`)}updateTypography(t,e,r,i){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${t}-${r}`),this.checkName(i,r)||console.error(`Bad ${t} value for ${this.$el}`)}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get color(){return this.getAttribute("color")}set color(t){this.setAttribute("color",t)}get fontsize(){return this.getAttribute("font-size")}set fontsize(t){this.setAttribute("font-size",t)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(t){this.setAttribute("font-weight",t)}get textalign(){return this.getAttribute("text-align")}set textalign(t){this.setAttribute("text-align",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}};xe.nativeName="p";let ve=xe;customElements.define("px-p",ve);const me=new CSSStyleSheet,fe=new CSSStyleSheet,ke=new CSSStyleSheet,ye=new CSSStyleSheet,we=new CSSStyleSheet;me.replaceSync("*{font-family:var(--px-font-family)}::slotted(ul),::slotted(ol){margin:0 0 0 var(--px-spacing-component-default-horizontal);padding:0}::slotted(b),::slotted(strong){font-weight:700}:host([inverted]) slot{color:var(--px-color-txt-body-inverted)}"),fe.replaceSync(D),ke.replaceSync(ae),ye.replaceSync(be),we.replaceSync(te),v(".li{padding-bottom:var(--px-padding-xs)}");class ze extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[me,fe,ke,ye,we]}static get observedAttributes(){return["inverted"]}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}connectedCallback(){this.querySelectorAll("li").forEach((t=>{t.classList.add("li")}))}}customElements.define("px-typography",ze);const Ae=new CSSStyleSheet;Ae.replaceSync(".btn-icon{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;cursor:pointer;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);background:var(--px-color-bg-action-primary-default);color:var(--px-color-icon-primary-inverted);border-radius:var(--px-radius-pill);padding:var(--px-padding-xs);border:var(--px-border-m) solid transparent}.btn-icon,.btn-icon *{box-sizing:border-box}.btn-icon ::slotted(px-icon){line-height:0}.btn-icon:hover:not([disabled],[aria-disabled=true],.btn-icon--state-loading){background:var(--px-color-bg-action-hover-bordered-default);color:var(--px-color-icon-primary-default);border-color:var(--px-color-border-action-hover-default)}.btn-icon:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-offset-s);outline:var(--px-outline-s) solid var(--px-color-outline-default)}.btn-icon[disabled],.btn-icon[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-icon-disabled-default);cursor:default;pointer-events:none}.btn-icon.btn-icon--state-loading{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-icon-primary-default);cursor:inherit}.btn-icon--size-small{padding:var(--px-padding-2xs)}.btn-icon--variant-secondary{background-color:var(--px-color-bg-action-secondary-default);color:var(--px-color-icon-primary-default)}:host([inverted]) .btn-icon{background:var(--px-color-bg-action-primary-inverted);color:var(--px-color-icon-primary-default)}:host([inverted]) .btn-icon:hover:not([disabled],[aria-disabled=true],.btn-icon--state-loading){background:var(--px-color-bg-action-hover-bordered-default);color:var(--px-color-icon-primary-inverted);border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) .btn-icon:focus:not([disabled],[aria-disabled=true]){outline-color:var(--px-color-outline-inverted)}:host([inverted]) .btn-icon[disabled],:host([inverted]) .btn-icon[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-icon-disabled-inverted)}:host([inverted]) .btn-icon.btn-icon--state-loading{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-icon-primary-inverted);border-color:transparent}:host([inverted]) .btn-icon--variant-secondary{background-color:var(--px-color-bg-action-secondary-inverted);color:var(--px-color-icon-primary-inverted)}@media screen and (min-width: 1441px){.btn-icon:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-offset);outline-width:var(--px-outline)}}");const $e=["","default","small"],Se=["","default","secondary"],Ce=class extends i{constructor(){super(Ae),this.template=()=>"<slot></slot>";const t=document.createElement(this.nativeName);t.classList.add("btn-icon"),t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"inverted","loading","size","variant"]}connectedCallback(){super.connectedCallback();const t=this.querySelector("px-icon");if(t){const e=t.getAttribute("size"),r=t.getAttribute("color");t.addEventListener("click",(()=>{this.$el.focus()})),e||t.setAttribute("size","xs"),r||t.setAttribute("color","inherit")}}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"loading":this.updateLoading();break;case"size":this.updateSize(e,r,$e);break;case"variant":this.updateVariant(e,r,Se);break;default:super.attributeChangedCallback(t,e,r)}}checkName(t,e){return t.includes(e)}_toggleClass(t,e){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t),null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e)}updateLoading(){this.$el.classList.toggle("btn-icon--state-loading")}updateSize(t,e,r){this.checkName(r,e)?(null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`btn-icon--size-${t}`),null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`btn-icon--size-${e}`)):console.error("Bad size value for",this.$el)}updateVariant(t,e,r){this.checkName(r,e)?(null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`btn-icon--variant-${t}`),null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`btn-icon--variant-${e}`)):console.error(`Bad "variant" value for ${this.$el}`)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}get loading(){return this.getAttribute("loading")}set loading(t){this.setAttribute("loading",t)}get size(){return this.getAttribute("size")}set size(t){this.setAttribute("size",t)}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}};Ce.nativeName="button";let _e=Ce;customElements.get("px-button-icon")||customElements.define("px-button-icon",_e);const Le=new CSSStyleSheet;Le.replaceSync("a{display:block;font-family:var(--px-font-family);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-m);font-weight:700;color:var(--px-color-txt-primary-default);border-radius:var(--px-radius-main);cursor:pointer;text-decoration:none;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-border-m) solid transparent}a,a *{box-sizing:border-box}a px-icon,a ::slotted(px-icon){line-height:0;color:var(--px-color-txt-primary-default)}a slot[name=description]{font-weight:400;color:var(--px-color-txt-details-default)}a:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-default);color:var(--px-color-txt-primary-default)}a:hover:not([disabled],[aria-disabled=true],.loading) slot[name=description]{color:var(--px-color-txt-primary-default)}a:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-offset-s);outline:var(--px-outline-s) solid var(--px-color-outline-default)}a:active{transform:scale(.95)}a[disabled],a[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-txt-disabled-default)}a[disabled] px-icon,a[disabled] ::slotted(px-icon),a[disabled] slot[name=description],a[aria-disabled=true] px-icon,a[aria-disabled=true] ::slotted(px-icon),a[aria-disabled=true] slot[name=description]{color:var(--px-color-txt-disabled-default)}:host([inverted]) a{color:var(--px-color-txt-primary-inverted)}:host([inverted]) a px-icon,:host([inverted]) a ::slotted(px-icon){color:var(--px-color-txt-primary-inverted)}:host([inverted]) a slot[name=description]{color:var(--px-color-txt-details-inverted)}:host([inverted]) a:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) a:focus:not([disabled],[aria-disabled=true]){outline-color:var(--px-color-outline-inverted)}:host([inverted]) a[disabled],:host([inverted]) a[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) a[disabled] px-icon,:host([inverted]) a[disabled] ::slotted(px-icon),:host([inverted]) a[disabled] slot[name=description],:host([inverted]) a[aria-disabled=true] px-icon,:host([inverted]) a[aria-disabled=true] ::slotted(px-icon),:host([inverted]) a[aria-disabled=true] slot[name=description]{color:var(--px-color-txt-disabled-inverted)}@media only screen and (min-width: 768px){a{font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1025px){a{font-size:var(--px-text-size-base-desktop)}}");const Te=["","default","action-neutral"],Ee=class extends i{constructor(){super(Le),this.template=()=>`\n      <px-container padding="s">\n        <px-hstack gap="component-compact-horizontal" align-items="center">\n          <px-hstack grow="2" gap="component-compact-horizontal" align-items="center">\n            <slot name="icon"></slot>\n            <px-vstack gap="none" align-items="start">\n              <slot></slot>\n              <slot name="description"></slot>\n            </px-vstack>\n          </px-hstack>\n          <px-icon name="${this.hasAttribute("target")&&"_blank"===this.getAttribute("target")?"target_blank":"chevron_right"}" size="m" from="lavender" color="inherit" shrink="1"></px-icon>\n        </px-hstack>\n      </px-container>\n    `;const t=document.createElement(this.nativeName);t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"disabled","inverted","background-color"]}get $container(){return this.shadowRoot.querySelector("px-container")}connectedCallback(){super.connectedCallback();const t=this.querySelectorAll("px-icon");t&&t.forEach((t=>{const e=t.getAttribute("size"),r=t.getAttribute("color");t&&(t.addEventListener("click",(()=>{this.$el.focus()})),e||t.setAttribute("size","m"),r||t.setAttribute("color","inherit"))}))}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"disabled":if(this.$el.toggleAttribute("aria-disabled"),null!==r){this.$el.setAttribute("aria-disabled","true"),this.$container.bgColor="action-disabled";break}break;case"inverted":this.$container.bgColor="action-neutral",this.$container.inverted=this.inverted;break;case"target":this.updateIconName();break;case"background-color":this.updateBackgroundColor(t,e,r,Te);break;default:super.attributeChangedCallback(t,e,r)}}checkName(t,e){return t.includes(e)}updateIconName(){const t=this.shadowRoot.querySelector("px-icon");t&&t.setAttribute("name",this.hasAttribute("target")&&"_blank"===this.getAttribute("target")?"target_blank":"chevron_right")}updateBackgroundColor(t,e,r,i){this.checkName(i,r)||console.error(`Bad "${t}" value for`,this.$el);const o=t=>{null!==t&&""!==t&&"default"!==t&&(this.$container.bgColor=t)};o(e),o(r)}get disabled(){return this.getAttribute("disabled")}set disabled(t){this.setAttribute("disabled",t)}get bgColor(){return this.getAttribute("background-color")}set bgColor(t){this.setAttribute("background-color",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}};Ee.nativeName="a";let Me=Ee;customElements.get("px-entrypoint")||customElements.define("px-entrypoint",Me);const Re=new CSSStyleSheet,Ne=new CSSStyleSheet;Re.replaceSync(".spinner{display:inline-block;width:var(--px-icon-size-xs-mobile);height:var(--px-icon-size-xs-mobile);border-top:3px solid var(--px-color-txt-primary-default);border-right:3px solid transparent;border-radius:50%;animation:anim-spinner .7s linear infinite}.spinner,.spinner *{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:host([timeout]) .spinner{animation-iteration-count:7}}:host([inverted]) .spinner{border-top-color:var(--px-color-txt-primary-inverted)}@keyframes anim-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.size-2xs{width:var(--px-icon-size-2xs-mobile);height:var(--px-icon-size-2xs-mobile)}.size-xs{width:var(--px-icon-size-xs-mobile);height:var(--px-icon-size-xs-mobile)}.size-s{width:var(--px-icon-size-s-mobile);height:var(--px-icon-size-s-mobile)}.size-m{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile)}.size-l{width:var(--px-icon-size-l-mobile);height:var(--px-icon-size-l-mobile)}.size-xl{width:var(--px-icon-size-xl-mobile);height:var(--px-icon-size-xl-mobile)}.size-2xl{width:var(--px-icon-size-2xl-mobile);height:var(--px-icon-size-2xl-mobile)}@media only screen and (min-width: 64rem){.size-2xs{width:var(--px-icon-size-2xs-tablet);height:var(--px-icon-size-2xs-tablet)}.size-xs{width:var(--px-icon-size-xs-tablet);height:var(--px-icon-size-xs-tablet)}.size-s{width:var(--px-icon-size-s-tablet);height:var(--px-icon-size-s-tablet)}.size-m{width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}.size-l{width:var(--px-icon-size-l-tablet);height:var(--px-icon-size-l-tablet)}.size-xl{width:var(--px-icon-size-xl-tablet);height:var(--px-icon-size-xl-tablet)}.size-2xl{width:var(--px-icon-size-2xl-tablet);height:var(--px-icon-size-2xl-tablet)}}@media only screen and (min-width: 90rem){.size-2xs{width:var(--px-icon-size-2xs-desktop);height:var(--px-icon-size-2xs-desktop)}.size-xs{width:var(--px-icon-size-xs-desktop);height:var(--px-icon-size-xs-desktop)}.size-s{width:var(--px-icon-size-s-desktop);height:var(--px-icon-size-s-desktop)}.size-m{width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop)}.size-l{width:var(--px-icon-size-l-desktop);height:var(--px-icon-size-l-desktop)}.size-xl{width:var(--px-icon-size-xl-desktop);height:var(--px-icon-size-xl-desktop)}.size-2xl{width:var(--px-icon-size-2xl-desktop);height:var(--px-icon-size-2xl-desktop)}}"),Ne.replaceSync(O);class Pe extends HTMLElement{template(){return'\n        <div class="spinner">\n            <slot></slot>\n        </div>\n    '}constructor(){var t;super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.internals=null==(t=this.attachInternals)?void 0:t.call(this),this.shadowRoot.adoptedStyleSheets=[Re,Ne]}static get observedAttributes(){return["size","inverted","timeout","aria-label"]}connectedCallback(){!this.ariaLabel&&this.internals&&(this.internals.ariaHidden="true")}attributeChangedCallback(t,e,r){if(e!==r)switch(t){case"size":this.updateAttribute(t,e,r,s);break;case"aria-label":""!==r&&(this.internals.ariaHidden="false")}}configureAccessibility(t){this.internals.ariaHidden=t}updateAttribute(t,e,r,i){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==r&&""!==r&&"default"!==e&&this.$el.classList.toggle(`${t}-${r}`),this.checkName(i,r)||console.error(`${r} is not an allowed ${t} value for ${this.$el}`)}checkName(t,e){return t.includes(e)}get $el(){return this.shadowRoot.querySelector(".spinner")}get size(){return this.getAttribute("size")}set size(t){this.setAttribute("size",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}get timeout(){return this.getAttribute("timeout")}set timeout(t){this.setAttribute("timeout",t)}}customElements.define("px-spinner",Pe),exports.Accordion=pt,exports.ButtonIcon=_e,exports.Container=q,exports.Entrypoint=Me,exports.FontIcon=B,exports.H1=Z,exports.H2=K,exports.H3=U,exports.H4=tt,exports.H5=rt,exports.H6=ot,exports.HStack=z,exports.IconSet=C,exports.Image=ut,exports.Link=ce,exports.Modal=Xt,exports.Page=S,exports.Paragraph=ve,exports.Patch=yt,exports.Picture=vt,exports.Price=St,exports.PxElement=i,exports.PxTab=Gt,exports.PxTabPanel=Ft,exports.PxTabs=Wt,exports.Ribbon=Lt,exports.SVGIcon=R,exports.Section=nt,exports.Separator=Pt,exports.Spacer=A,exports.Span=oe,exports.Spinner=Pe,exports.Stack=y,exports.Tag=Ht,exports.Timeline=Zt,exports.TimelineItem=Qt,exports.Typography=ze,exports.VStack=w,exports.WithFlexAttributes=r,exports.addGlobalStylesheet=v,exports.backgroundValues=Te,exports.bgColorValues=b,exports.bgImgSizeValues=H,exports.borderRadiusValues=c,exports.borderValues=p,exports.colorValues=a,exports.fontsizeValues=o,exports.fontweightValues=n,exports.gapValues=k,exports.getSupportedAttributeNames=t,exports.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},exports.gradientValues=u,exports.gridGapValues=["default","none","expanded"],exports.headingValues=h,exports.iconSizeValues=s,exports.isFalsy=m,exports.linkVariantValues=de,exports.noBorderRadiusValues=x,exports.paddingValues=d,exports.patchShapeValues=kt,exports.patchVariantValues=ft,exports.priceSizeValues=At,exports.priceVariantValues=zt,exports.shadowValues=g,exports.sizeValues=$e,exports.tagShapeValues=Vt,exports.tagVariantValues=It,exports.textalignValues=l,exports.variantValues=Se;