@proximus/lavender 1.0.0-alpha.14 → 1.0.0-alpha.16

package/dist/lavender.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["Proximus Design System"]={})}(this,(function(e){"use strict";function t(e){const t=document.createElement(e),r=Object.getPrototypeOf(t);return Object.getOwnPropertyNames(r)}const r=new CSSStyleSheet;r.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 o 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=[r,...e]}attributeChangedCallback(e,t,r){if(-1!==o.observedAttributes.indexOf(e))if(null===r)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`,r)}}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 i extends o{static get observedAttributes(){return[...super.observedAttributes,...t(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 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 a=["","default","inherit","xs","s","base","m","l","xl","2xl","3xl","4xl","5xl","6xl","7xl"],n=["","default","inherit","primary","body","details","hover","disabled","active","promo","success","warning","error","unlimited"],s=["","default","inherit","normal","bold","extrabold","light"],l=["","none","2xs","xs","s","m","l","xl"],d=["","none","s","m","l"],c=["","none","main","pill"],p=["","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"],b=["","none","s","m","l","xl"],h=["","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 g(e){const t=document.createElement("style");t.innerHTML=e,document.head.appendChild(t)}function u(e){return"string"==typeof e&&("false"===e||"0"===e||"null"===e)||"boolean"==typeof e&&!e}const v=new CSSStyleSheet;v.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 x=["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 m extends o{constructor(){super(v),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 x.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",m);class f extends m{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",f);class y extends m{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",y);class k 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",k);const w=new CSSStyleSheet;w.replaceSync("slot[name=heading]{display:block;margin-top:1rem;margin-bottom:1rem}");customElements.define("px-section-damien",class extends o{constructor(){super(w),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 z=new CSSStyleSheet;z.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class A extends o{constructor(){super(z),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",p.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",A);class $ 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",$);const S=["2xs","xs","s","m","l","xl","2xl"],C=["name","size","color","aria-label","inverted","from"];class _ extends o{static get observedAttributes(){return[...super.observedAttributes,...C]}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,S);break;case"color":this.updateAttribute(e,t,r,n);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 L=":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}",E=new CSSStyleSheet;E.replaceSync(L);class T extends _{constructor(){super(E),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",T);const P=new CSSStyleSheet,M=new CSSStyleSheet;P.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:""}'),M.replaceSync(L);class R extends _{constructor(){super(P,M),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",R);const N=new CSSStyleSheet;N.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 j=["anchor-right","anchor-left","anchor-full"],I=["","all","top","right","bottom","left"],H=["","cover","contain","default"],q=class extends i{constructor(){super(N),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&&j.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,l);break;case"border":this.updateAttribute(e,t,r,d);break;case"borderradius":this.updateAttribute(e,t,r,c);break;case"noborderradius":this.updateAttribute(e,t,r,I);break;case"bgcolor":this.updateAttribute(e,t,r,p);break;case"gradient":this.updateGradient(t,r);break;case"bgimgsize":this.updateAttribute(e,t,r,H);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,b);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(h,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)}};q.nativeName="div";let V=q;customElements.define("px-container",V);const B="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)}}",D=":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)}",O=new CSSStyleSheet;O.replaceSync(B);const W=new CSSStyleSheet;W.replaceSync(D);const G=["","default","title-4xl","title-3xl","title-2xl","title-xl","title-l","title-m","title-s","subtitle"];class F extends i{template(){return"<slot></slot>"}constructor(e){super(O,W);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,G);break;case"color":this.updateColor(t,r,n);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 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 ee=X;customElements.define("px-h4",ee);const te=class extends F{constructor(){super("h5")}};te.nativeName="h5";let re=te;customElements.define("px-h5",re);const oe=class extends F{constructor(){super("h6")}};oe.nativeName="h6";let ie=oe;customElements.define("px-h6",ie);const ae=new CSSStyleSheet;ae.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 ne 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=[ae]}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=p.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",ne);const se=new CSSStyleSheet;se.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 le=["","none","single"],de=class extends i{constructor(){super(se),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,le);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)}};de.nativeName="details";let ce=de;customElements.define("px-accordion",ce);const pe=new CSSStyleSheet;pe.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 be extends i{constructor(){super(pe)}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 he=class extends be{constructor(){super();const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}};he.nativeName="img";let ge=he;customElements.define("px-image",ge);const ue=class extends be{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||"")}};ue.nativeName="picture";let ve=ue;customElements.define("px-picture",ve);const xe=new CSSStyleSheet;xe.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 me=["","default","info","black-friday","eco","greyed"],fe=["","default","bottom-right","bottom-left"];class ye 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=[xe]}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(me,t)||console.error('Bad "variant" value for patch')}updateShape(e,t){this._toggleClass(e,t),this.checkName(fe,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",ye);const ke=new CSSStyleSheet;ke.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 we=["default","promo","free","neutral","exceeding","disabled"],ze=["","s","m","l"],Ae=class extends i{constructor(){super(ke),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,we);break;case"size":this.updateAttribute(e,t,r,ze);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}`}};Ae.nativeName="span";let $e=Ae;customElements.define("px-price",$e);const Se=new CSSStyleSheet;Se.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 Ce=class extends i{constructor(){super(Se),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};Ce.nativeName="div";let _e=Ce;customElements.define("px-ribbon",_e);const Le=new CSSStyleSheet;Le.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 Ee=["","default","horizontal","vertical"],Te=["","none","s","m","l"],Pe=["","contrasted","action-hover","action-active","none","success","error","warning","unlimited"],Me=class extends i{constructor(){super(Le);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,Te);break;case"color":this.updateColor(r,Pe);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(Ee,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)}};Me.nativeName="hr";let Re=Me;customElements.define("px-separator",Re);const Ne=new CSSStyleSheet;Ne.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 je=["","default","light","outline"],Ie=["","default","pill"];class He 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=[Ne]}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(je,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",He);const qe=new CSSStyleSheet;qe.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 Ve 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=[qe]}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 Be 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=[qe]}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){u(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 De 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=[qe]}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");u(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 Oe extends Ve{constructor(){super(),this.querySelectorAll("px-tab").forEach((e=>{e.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",Oe);class We extends Be{constructor(){super()}}customElements.get("px-tab")||customElements.define("px-tab",We);class Ge extends De{constructor(){super()}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",Ge);const Fe=new CSSStyleSheet;Fe.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class Ye 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=[Fe]}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",Ye);const Ze=new CSSStyleSheet;Ze.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 Je="1";class Ke 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=[Ze]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(e,t,r){if(t!==r&&"item"===e)this.updateItem(t,r),this.updateIndicator(Je)}updateItem(e,t){null!==e&&""!==e&&(Je=e),null!==t&&""!==t&&(Je=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",Ke);const Qe=new CSSStyleSheet;Qe.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}}"),g(".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 Ue 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=[Qe]}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",Ue);const Xe="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)}}",et=new CSSStyleSheet,tt=new CSSStyleSheet;et.replaceSync(Xe),tt.replaceSync(D);const rt=class extends i{constructor(){super(et,tt),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){u(e)?this.removeAttribute("inverted"):this.setAttribute("inverted",e)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"color":this.updateTypography(e,t,r,n);break;case"fontsize":this.updateTypography(e,t,r,a);break;case"fontweight":this.updateTypography(e,t,r,s);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}`)}};rt.nativeName="span";let ot=rt;customElements.define("px-span",ot);const it='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)}}',at=new CSSStyleSheet,nt=new CSSStyleSheet,st=new CSSStyleSheet;at.replaceSync(it),nt.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)}}'),st.replaceSync(D);const lt=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],dt=class extends i{constructor(){super(at,nt,st),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,a);break;case"color":this.updateTypography(e,t,r,n);break;case"fontweight":this.updateTypography(e,t,r,s);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(lt,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}`)}};dt.nativeName="a";let ct=dt;customElements.get("px-a")||customElements.define("px-a",ct);const pt="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)}}",bt=new CSSStyleSheet,ht=new CSSStyleSheet,gt=new CSSStyleSheet;bt.replaceSync(pt),ht.replaceSync(D),gt.replaceSync(B);const ut=["","default","h1","h2","h3","h4","h5","h6","subtitle"],vt=["","default","left","center","right"],xt=class extends i{constructor(){super(bt,ht,gt),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,ut);break;case"color":this.updateTypography(e,t,r,n);break;case"fontsize":this.updateTypography(e,t,r,a);break;case"fontweight":this.updateTypography(e,t,r,s);break;case"textalign":this.updateTypography(e,t,r,vt);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}`)}};xt.nativeName="p";let mt=xt;customElements.define("px-p",mt);const ft=new CSSStyleSheet,yt=new CSSStyleSheet,kt=new CSSStyleSheet,wt=new CSSStyleSheet,zt=new CSSStyleSheet;ft.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)}"),yt.replaceSync(B),kt.replaceSync(it),wt.replaceSync(pt),zt.replaceSync(Xe),g(".li{padding-bottom:var(--px-padding-xs)}");class At extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[ft,yt,kt,wt,zt]}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",At),e.Accordion=ce,e.Container=V,e.FontIcon=R,e.H1=Z,e.H2=K,e.H3=U,e.H4=ee,e.H5=re,e.H6=ie,e.HStack=y,e.IconSet=$,e.Image=ge,e.Link=ct,e.Modal=Ue,e.Page=A,e.Paragraph=mt,e.Patch=ye,e.Picture=ve,e.Price=$e,e.PxElement=i,e.PxTab=We,e.PxTabPanel=Ge,e.PxTabs=Oe,e.Ribbon=_e,e.SVGIcon=T,e.Separator=Re,e.Spacer=k,e.Span=ot,e.Stack=m,e.Tag=He,e.Timeline=Ye,e.TimelineItem=Ke,e.Typography=At,e.VStack=f,e.WithFlexAttributes=o,e.addGlobalStylesheet=g,e.bgColorValues=p,e.borderRadiusValues=c,e.borderValues=d,e.colorValues=n,e.fontsizeValues=a,e.fontweightValues=s,e.getSupportedAttributeNames=t,e.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},e.gradientValues=h,e.iconSizeValues=["","default","2xs","xs","s","m","l","xl","2xl"],e.isFalsy=u,e.paddingValues=l,e.shadowValues=b,e.sizeValues=ze,e.textalignValues=vt,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["Proximus Design System"]={})}(this,(function(t){"use strict";function e(t){const e=document.createElement(t),i=Object.getPrototypeOf(e);return Object.getOwnPropertyNames(i)}const i=new CSSStyleSheet;i.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=[i,...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 o extends r{static get observedAttributes(){return[...super.observedAttributes,...e(this.nativeName)]}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),null===i?this.$el.toggleAttribute(t):this.$el.setAttribute(t,i)}constructor(...t){super(...t),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 a=["","default","inherit","xs","s","base","m","l","xl","2xl","3xl","4xl","5xl","6xl","7xl"],n=["","default","inherit","primary","body","details","hover","disabled","active","promo","success","warning","error","unlimited"],s=["","default","inherit","normal","bold","extrabold","light"],l=["","default","2xs","xs","s","m","l","xl","2xl"],d=["","default","left","center","right"],p=["","none","2xs","xs","s","m","l","xl"],c=["","none","s","m","l"],b=["","none","main","pill"],g=["","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"],h=["","none","s","m","l","xl"],u=["","default","title-4xl","title-3xl","title-2xl","title-xl","title-l","title-m","title-s","subtitle"],x=["","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"],v=["","all","top","right","bottom","left"];function m(t){const e=document.createElement("style");e.innerHTML=t,document.head.appendChild(e)}function f(t){return"string"==typeof t&&("false"===t||"0"===t||"null"===t)||"boolean"==typeof t&&!t}const k=new CSSStyleSheet;k.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 y=["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 w extends r{constructor(){super(k),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,i){if(t.indexOf("direction")>-1&&!["column","row"].includes(i))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(i)),this.$el.style.getPropertyValue("--flex-gap-tablet-value")||this.$el.style.setProperty("--flex-gap-tablet-value",this.getGapCSSVariable(i)),this.$el.style.getPropertyValue("--flex-gap-laptop-value")||this.$el.style.setProperty("--flex-gap-laptop-value",this.getGapCSSVariable(i)),this.$el.style.getPropertyValue("--flex-gap-desktop-value")||this.$el.style.setProperty("--flex-gap-desktop-value",this.getGapCSSVariable(i));break;case"gap-mobile":case"gap-tablet":case"gap-laptop":case"gap-desktop":this.$el.style.setProperty(`--flex-${t}-value`,this.getGapCSSVariable(i));break;case"direction":this.$el.style.getPropertyValue("--flex-direction-mobile-value")||this.$el.style.setProperty("--flex-direction-mobile-value",i),this.$el.style.getPropertyValue("--flex-direction-tablet-value")||this.$el.style.setProperty("--flex-direction-tablet-value",i),this.$el.style.getPropertyValue("--flex-direction-laptop-value")||this.$el.style.setProperty("--flex-direction-laptop-value",i),this.$el.style.getPropertyValue("--flex-direction-desktop-value")||this.$el.style.setProperty("--flex-direction-desktop-value",i);break;case"justify-content":this.$el.style.getPropertyValue("--flex-justify-content-mobile-value")||this.$el.style.setProperty("--flex-justify-content-mobile-value",i),this.$el.style.getPropertyValue("--flex-justify-content-tablet-value")||this.$el.style.setProperty("--flex-justify-content-tablet-value",i),this.$el.style.getPropertyValue("--flex-justify-content-laptop-value")||this.$el.style.setProperty("--flex-justify-content-laptop-value",i),this.$el.style.getPropertyValue("--flex-justify-content-desktop-value")||this.$el.style.setProperty("--flex-justify-content-desktop-value",i);break;case"align-items":this.$el.style.getPropertyValue("--flex-align-items-mobile-value")||this.$el.style.setProperty("--flex-align-items-mobile-value",i),this.$el.style.getPropertyValue("--flex-align-items-tablet-value")||this.$el.style.setProperty("--flex-align-items-tablet-value",i),this.$el.style.getPropertyValue("--flex-align-items-laptop-value")||this.$el.style.setProperty("--flex-align-items-laptop-value",i),this.$el.style.getPropertyValue("--flex-align-items-desktop-value")||this.$el.style.setProperty("--flex-align-items-desktop-value",i);break;case"wrap":this.$el.style.getPropertyValue("--flex-wrap-mobile-value")||this.$el.style.setProperty("--flex-wrap-mobile-value",i),this.$el.style.getPropertyValue("--flex-wrap-tablet-value")||this.$el.style.setProperty("--flex-wrap-tablet-value",i),this.$el.style.getPropertyValue("--flex-wrap-laptop-value")||this.$el.style.setProperty("--flex-wrap-laptop-value",i),this.$el.style.getPropertyValue("--flex-wrap-desktop-value")||this.$el.style.setProperty("--flex-wrap-desktop-value",i);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`,i);break;default:super.attributeChangedCallback(t,e,i)}}getGapCSSVariable(t){return y.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",w);class z extends w{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",z);class A extends w{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",A);class $ extends HTMLElement{constructor(){super()}static get observedAttributes(){return["grow"]}attributeChangedCallback(t,e,i){"grow"===t&&(this.style.flexGrow=i)}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",$);const S=new CSSStyleSheet;S.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class C extends r{constructor(){super(S),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,i){if(e!==i)switch(t){case"background-image":this.$imageContainer.setAttribute("background-image",i);break;case"gap":this.$bodyVStackContainer.setAttribute("gap",i);break;case"background-color":this.$bodyContainer.setAttribute("background-color",g.indexOf(i)>0?i:"none");break;case"padding-vertical":this.handlePaddingVerticalChange(i);break;case"padding-horizontal":this.handlePaddingHorizontalChange(i);break;default:super.attributeChangedCallback(t,e,i)}}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",C);class _ 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",_);const L=["2xs","xs","s","m","l","xl","2xl"],T=["name","size","color","aria-label","inverted","from"];class E extends r{static get observedAttributes(){return[...super.observedAttributes,...T]}constructor(...t){var e;super(...t),this.internals=null==(e=this.attachInternals)?void 0:e.call(this)}attributeChangedCallback(t,e,i){if(e!==i)switch(t){case"name":this.updateName(e,i);break;case"size":this.updateAttribute(t,e,i,L);break;case"color":this.updateAttribute(t,e,i,n);break;case"aria-label":if(!this.internals)return;this.internals.ariaHidden=i?"false":"true"}}updateAttribute(t,e,i,r){null!==e&&""!==e&&("size"===t?this.$el.classList.toggle(`${t}-${e}`):this.$el.classList.toggle(e)),null!==i&&""!==i&&("size"===t?this.$el.classList.toggle(`${t}-${i}`):this.$el.classList.toggle(i)),this.checkName(r,i)||console.error(`${i} 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 M=":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}",R=new CSSStyleSheet;R.replaceSync(M);class P extends E{constructor(){super(R),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",P);const N=new CSSStyleSheet,B=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:""}'),B.replaceSync(M);class I extends E{constructor(){super(N,B),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",I);const V=new CSSStyleSheet;V.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 H=["anchor-right","anchor-left","anchor-full"],j=["","cover","contain","default"],q=class extends o{constructor(){super(V),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,i,r;super.connectedCallback(),this.style.setProperty("--background-color","var(--px-color-bg-container-rich-inverted)");const o=this.querySelector("[slot]");o&&H.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==(i=this.parentElement)?void 0:i.localName)&&"px-a"!==(null==(r=this.parentElement)?void 0:r.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,i){if(e!==i)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,i,p);break;case"border":this.updateAttribute(t,e,i,c);break;case"border-radius":this.updateAttribute(t,e,i,b);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateNoBorderRadius(t,e,i,v);break;case"background-color":case"background-color--mobile":case"background-color--tablet":case"background-color--laptop":this.updateBgColor(t,i);break;case"background-gradient":case"background-gradient--mobile":case"background-gradient--tablet":case"background-gradient--laptop":this.updateGradient(t,i);break;case"background-size":this.updateAttribute(t,e,i,j);break;case"background-image":case"background-image--mobile":case"background-image--tablet":case"background-image--laptop":""!==i&&(this.$el.classList.toggle("bgimg"),this.loadImg(t,i));break;case"background-position":null!==i&&""!==i&&(this.$el.style.backgroundPosition=i);break;case"box-shadow":this.updateAttribute(t,e,i,h);break;default:super.attributeChangedCallback(t,e,i)}}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(x,e)){const i=this.splitAttrNameFromBreakpoint(t);t=i.attrName;const r=i.breakpoint;this.$el.style.setProperty(`--${t}${r}`,`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(g,e)){const i=this.splitAttrNameFromBreakpoint(t);t=i.attrName;const r=i.breakpoint,o=null!==this.getAttribute("inverted")?"inverted":"default";this.$el.style.setProperty(`--${t}${r}`,`var(--px-color-bg-${e}-${o})`)}else console.error(`${e} is not an allowed ${t} value for ${this.$el}`)}updateNoBorderRadius(t,e,i,r){if(this.checkName(r,i)){const r=this.splitAttrNameFromBreakpoint(t);t=r.attrName;const o=r.breakpoint;null!==e&&""!==e&&this.$el.classList.toggle(`${t}-${e}${o}`),null!==i&&""!==i&&this.$el.classList.toggle(`${t}-${i}${o}`)}else console.error(`${i} is not an allowed ${t} value for ${this.$el}`)}updateAttribute(t,e,i,r){if(this.checkName(r,i)){const r=this.splitAttrNameFromBreakpoint(t);t=r.attrName;const o=r.breakpoint;null!==e&&""!==e&&this.$el.classList.toggle(`${t}-${e}${o}`),null!==i&&""!==i&&this.$el.classList.toggle(`${t}-${i}${o}`)}else console.error(`${i} is not an allowed ${t} value for ${this.$el}`)}splitAttrNameFromBreakpoint(t){let e="";if(["--mobile","--tablet","--laptop"].some((e=>t.includes(e)))){const i=t.split("--");t=i[0],e=`--${i[1]}`}return{attrName:t,breakpoint:e}}checkName(t,e){return t.includes(e)}};q.nativeName="div";let D=q;customElements.define("px-container",D);const O="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)}}",W=":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)}",G=new CSSStyleSheet;G.replaceSync(O);const F=new CSSStyleSheet;F.replaceSync(W);class Y extends o{template(){return"<slot></slot>"}constructor(t){super(G,F);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,i){if(e!==i)switch(t){case"variant":this.updateAttribute(t,e,i,u);break;case"color":this.updateColor(e,i,n);break;case"text-align":case"text-align--mobile":case"text-align--tablet":case"text-align--laptop":case"text-align--desktop":this.updateTextAlign(t,e,i,d);break;default:super.attributeChangedCallback(t,e,i)}}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,i,r){this.checkName(r,i)?this.toggleClass(e,i):console.error(`Bad "${t}" value for`,this.$el)}updateColor(t,e,i){if(!this.checkName(i,e))return void console.error("Bad color value for",this.$el);const r=null===this.inverted?"default":"inverted",o=t=>{null!==t&&""!==t&&"default"!==t&&this.$el.style.setProperty(`--heading-color-${r}`,`var(--px-color-txt-${t}-${r})`)};o(t),o(e)}updateTextAlign(t,e,i,r){if(!this.checkName(r,i))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,i)}));else{const r=t.split("--")[1];o(r,e),o(r,i)}}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 Z=class extends Y{constructor(){super("h1")}};Z.nativeName="h1";let J=Z;customElements.define("px-h1",J);const K=class extends Y{constructor(){super("h2")}};K.nativeName="h2";let Q=K;customElements.define("px-h2",Q);const U=class extends Y{constructor(){super("h3")}};U.nativeName="h3";let X=U;customElements.define("px-h3",X);const tt=class extends Y{constructor(){super("h4")}};tt.nativeName="h4";let et=tt;customElements.define("px-h4",et);const it=class extends Y{constructor(){super("h5")}};it.nativeName="h5";let rt=it;customElements.define("px-h5",rt);const ot=class extends Y{constructor(){super("h6")}};ot.nativeName="h6";let at=ot;customElements.define("px-h6",at);const nt=new CSSStyleSheet;nt.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 st 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=[nt]}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,i){if(e!==i)switch(t){case"background-color":this.$container.bgColor=g.indexOf(i)>0?i:"container-none";break;case"background-gradient":this.$container.gradient=this.gradient;break;case"background-image":this.$container.bgImg=i;break;case"background-image--mobile":this.$container.bgImgMobile=i;break;case"background-image--tablet":this.$container.bgImgTablet=i;break;case"background-image--laptop":this.$container.bgImgLaptop=i;break;case"background-size":this.$container.bgImgSize=i;break;case"background-position":this.$container.bgImgPosition=i;break;case"padding-block":this.$container.paddingBlock=i;break;case"padding-top":this.$container.paddingTop=i;break;case"padding-bottom":this.$container.paddingBottom=i}}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",st);const lt=new CSSStyleSheet;lt.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 dt=["","none","single"],pt=class extends o{constructor(){super(lt),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,i){if(e!==i)if("variant"===t)this.updateAttribute(t,e,i,dt);else super.attributeChangedCallback(t,e,i)}updateAttribute(t,e,i,r){null!==e&&""!==e&&this.$el.classList.toggle(`${e}`),null!==i&&""!==i&&this.$el.classList.toggle(`${i}`),this.checkName(r,i)||console.error(`${i} is not an allowed ${t} value for ${this.$el}`)}checkName(t,e){return t.includes(e)}};pt.nativeName="details";let ct=pt;customElements.define("px-accordion",ct);const bt=new CSSStyleSheet;bt.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 gt=["","mobile","tablet","laptop","desktop"];class ht extends o{constructor(){super(bt)}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,i){if(e!==i)switch(t){case"hide-for":case"show-for":this.updateAttribute(t,e,i,gt);break;case"border-radius":this.updateAttribute(t,e,i,b);break;case"no-border-radius":case"no-border-radius-mobile":case"no-border-radius-tablet":case"no-border-radius-laptop":this.updateAttribute(t,e,i,v);break;default:super.attributeChangedCallback(t,e,i)}}updateAttribute(t,e,i,r){this.checkName(r,i)?(null!==e&&""!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==i&&""!==i&&this.$el.classList.toggle(`${t}-${i}`)):console.error(`${i} is not an allowed ${t} value for ${this.$el}`)}checkName(t,e){return t.includes(e)}}const ut=class extends ht{constructor(){super();const t=document.createElement(this.nativeName);this.shadowRoot.appendChild(t)}};ut.nativeName="img";let xt=ut;customElements.define("px-img",xt);const vt=class extends ht{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,i){if(e!==i)switch(t){case"src":this.addSrc(i,this.alt,this.loading);break;case"loading":this.updateLoading(i);break;case"alt":this.updateAlt(i);break;default:super.attributeChangedCallback(t,e,i)}}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,i){let r="";(t.endsWith("-en")||t.endsWith("-fr")||t.endsWith("-nl")||t.endsWith("-de"))&&(r=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}${i}${r}.${e}`;return await this.imgExists(o)||(o=""),o}addImg(t,e,i){const r=document.createElement("img");r.src=t,r.alt=e||"",!i||"lazy"!==i&&"eager"!==i||(r.loading=i),this.$el.appendChild(r)}addSrcset(t,e){if(""!==t){const i=document.createElement("source");i.media=e,i.srcset=t,this.$el.insertBefore(i,this.$el.firstChild)}}async addSrc(t,e,i){if(this.removeSrc(),!t)return void console.error('No "src" value for ',this);const r=t.split(".").pop();if(!this.possibleImgExtension.includes(r))return void console.error('No extensions image to "src" value for ',this);const o=t.slice(0,-1*(r.length+1));let a=t;if(await this.imgExists(a)||(a=await this.transformImgPath(o,r,"-s")),""===a)return void console.error('Bad "src" value for ',this);const n=await this.transformImgPath(o,r,"-m");this.addSrcset(n,"only screen and (min-width: 40.0625em)");const s=await this.transformImgPath(o,r,"-l");this.addSrcset(s,"only screen and (min-width: 64.0625em)"),this.addImg(a,e,i)}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||"")}};vt.nativeName="picture";let mt=vt;customElements.define("px-picture",mt);const ft=new CSSStyleSheet;ft.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 kt=["","default","info","black-friday","eco","greyed"],yt=["","default","bottom-right","bottom-left"];class wt 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=[ft]}static get observedAttributes(){return["variant","shape","inverted"]}attributeChangedCallback(t,e,i){if(e!==i)switch(t){case"variant":this.updateVariant(e,i);break;case"shape":this.updateShape(e,i)}}_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(kt,e)||console.error('Bad "variant" value for patch')}updateShape(t,e){this._toggleClass(t,e),this.checkName(yt,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",wt);const zt=new CSSStyleSheet;zt.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 At=["default","promo","free","neutral","exceeding","disabled"],$t=["","s","m","l"],St=class extends o{constructor(){super(zt),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,i){if(e!==i)switch(t){case"variant":this.updateAttribute(t,e,i,At);break;case"size":this.updateAttribute(t,e,i,$t);break;default:super.attributeChangedCallback(t,e,i)}}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,i,r){this.toggleClass(e,i),this.checkName(r,i)||console.error(`${i} is not an allowed ${t} value for ${this.$el}`)}buildPrice(){let t=this.innerHTML.trim();const e=this.querySelector('[slot="oldprice"]');let i,r="",o="";e&&""!==e.innerHTML?(e.innerHTML="€"+e.innerHTML,i=this.querySelector('[slot="newpromoprice"]'),i?(o=i.outerHTML,t=i.nextSibling.textContent):t=e.nextSibling.textContent,r=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,i]=t.split(n);this.innerHTML=`${r}${o}${a}${e}<span class="decimals">${n}${i}</span>`}else this.innerHTML=`${r}${o}${a}${t}`}};St.nativeName="span";let Ct=St;customElements.define("px-price",Ct);const _t=new CSSStyleSheet;_t.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 Lt=class extends o{constructor(){super(_t),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};Lt.nativeName="div";let Tt=Lt;customElements.define("px-ribbon",Tt);const Et=new CSSStyleSheet;Et.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 Mt=["","default","horizontal","vertical"],Rt=["","none","s","m","l"],Pt=["","contrasted","action-hover","action-active","none","success","error","warning","unlimited"],Nt=class extends o{constructor(){super(Et);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,i){if(e!==i)switch(t){case"direction":case"direction-mobile":case"direction-tablet":case"direction-laptop":case"direction-desktop":this.updateDirection(t,i);break;case"size":this.updateSize(i,Rt);break;case"color":this.updateColor(i,Pt);break;default:super.attributeChangedCallback(t,e,i)}}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(Mt,e))if("direction"===t)this.$el.classList.add(`separator_direction_${e}`);else{const i=this.$el.classList,r=t.split("-")[1];for(let t=0;t<i.length;t++)i[t].includes(r)?this.$el.classList.replace(i[t],`separator_direction_${e}--${r}`):this.$el.classList.add(`separator_direction_${e}--${r}`)}else console.error(`Bad "${t}" value for`,this.$el)}};Nt.nativeName="hr";let Bt=Nt;customElements.define("px-separator",Bt);const It=new CSSStyleSheet;It.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 Vt=["","default","light","outline"],Ht=["","default","pill"];class jt 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=[It]}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,i){if(e!==i)switch(t){case"variant":this.updateVariant(e,i);break;case"shape":this.updateShape(e,i)}}_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(Vt,e)||console.error('Bad "variant" value for tag')}updateShape(t,e){this._toggleClass(t,e),this.checkName(Ht,e)||console.error('Bad "shape" value for tag')}}customElements.get("px-tag")||customElements.define("px-tag",jt);const qt=new CSSStyleSheet;qt.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 Dt 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=[qt]}static get observedAttributes(){return["label","inverted"]}attributeChangedCallback(t,e,i){"label"===t&&(this.label=i)}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,i=this.$previousTab;this.$activePanel.selected=!1,this.$activeTab.selected="false","ArrowRight"===t.key?e.selected="":"ArrowLeft"===t.key&&(i.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 Ot 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=[qt]}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,i){"selected"===t?this.handleSelected(i):"name"===t?this.$button.setAttribute("id",i):"for"===t&&this.$button.setAttribute("aria-controls",i)}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){f(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 Wt 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=[qt]}static get observedAttributes(){return["name"]}attributeChangedCallback(t,e,i){"name"===t&&this.$panel.setAttribute("aria-labelledby",i)}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");f(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 Gt extends Dt{constructor(){super(),this.querySelectorAll("px-tab").forEach((t=>{t.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",Gt);class Ft extends Ot{constructor(){super()}}customElements.get("px-tab")||customElements.define("px-tab",Ft);class Yt extends Wt{constructor(){super()}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",Yt);const Zt=new CSSStyleSheet;Zt.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class Jt 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=[Zt]}static get observedAttributes(){return["inverted"]}connectedCallback(){this.configureChildren()}attributeChangedCallback(t,e,i){if(e!==i&&"inverted"===t)for(let r=0;r<this.$children.length;r++)this.$children[r].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",Jt);const Kt=new CSSStyleSheet;Kt.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 Qt="1";class Ut 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=[Kt]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(t,e,i){if(e!==i&&"item"===t)this.updateItem(e,i),this.updateIndicator(Qt)}updateItem(t,e){null!==t&&""!==t&&(Qt=t),null!==e&&""!==e&&(Qt=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",Ut);const Xt=new CSSStyleSheet;Xt.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}}"),m(".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 te 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=[Xt]}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.querySelectorAll('px-button[slot="footer"]').forEach((t=>{t.onclick=()=>{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",te);const ee="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)}}",ie=new CSSStyleSheet,re=new CSSStyleSheet;ie.replaceSync(ee),re.replaceSync(W);const oe=class extends o{constructor(){super(ie,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){f(t)?this.removeAttribute("inverted"):this.setAttribute("inverted",t)}attributeChangedCallback(t,e,i){if(e!==i)switch(t){case"color":this.updateTypography(t,e,i,n);break;case"font-size":this.updateTypography(t,e,i,a);break;case"font-weight":this.updateTypography(t,e,i,s);break;default:super.attributeChangedCallback(t,e,i)}}checkName(t,e){return t.includes(e)}updateTypography(t,e,i,r){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==i&&""!==i&&"default"!==i&&this.$el.classList.toggle(`${t}-${i}`),this.checkName(r,i)||console.error(`Bad ${t} value for ${this.$el}`)}};oe.nativeName="span";let ae=oe;customElements.define("px-span",ae);const ne='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)}}',se=new CSSStyleSheet,le=new CSSStyleSheet,de=new CSSStyleSheet;se.replaceSync(ne),le.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)}}"),de.replaceSync(W);const pe=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],ce=class extends o{constructor(){super(se,le,de),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"),i=t.getAttribute("color");t&&(t.addEventListener("click",(()=>{this.$el.focus()})),e||t.setAttribute("size","xs"),i||t.setAttribute("color","inherit"))}))}attributeChangedCallback(t,e,i){if(e!==i)switch(t){case"disabled":this.$el.toggleAttribute("aria-disabled"),null!==i&&this.$el.setAttribute("aria-disabled","true");break;case"variant":this.updateVariant(e,i);break;case"shape":this.updateShape(e,i);break;case"extended":this.$el.classList.toggle(t);break;case"font-size":this.updateTypography(t,e,i,a);break;case"color":this.updateTypography(t,e,i,n);break;case"font-weight":this.updateTypography(t,e,i,s);break;default:super.attributeChangedCallback(t,e,i)}}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(pe,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,i,r){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==i&&""!==i&&"default"!==i&&this.$el.classList.toggle(`${t}-${i}`),this.checkName(r,i)||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)}};ce.nativeName="a";let be=ce;customElements.get("px-a")||customElements.define("px-a",be);const ge="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)}}",he=new CSSStyleSheet,ue=new CSSStyleSheet,xe=new CSSStyleSheet;he.replaceSync(ge),ue.replaceSync(W),xe.replaceSync(O);const ve=class extends o{constructor(){super(he,ue,xe),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,i){if(e!==i)switch(t){case"variant":this.updateVariant(t,e,i,u);break;case"color":this.updateTypography(t,e,i,n);break;case"font-size":this.updateTypography(t,e,i,a);break;case"font-weight":this.updateTypography(t,e,i,s);break;case"text-align":this.updateTypography(t,e,i,d);break;default:super.attributeChangedCallback(t,e,i)}}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,i,r){this.checkName(r,i)?this.toggleClass(e,i):console.error(`Bad ${t} value for ${this.$el}`)}updateTypography(t,e,i,r){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==i&&""!==i&&"default"!==i&&this.$el.classList.toggle(`${t}-${i}`),this.checkName(r,i)||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)}};ve.nativeName="p";let me=ve;customElements.define("px-p",me);const fe=new CSSStyleSheet,ke=new CSSStyleSheet,ye=new CSSStyleSheet,we=new CSSStyleSheet,ze=new CSSStyleSheet;fe.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)}"),ke.replaceSync(O),ye.replaceSync(ne),we.replaceSync(ge),ze.replaceSync(ee),m(".li{padding-bottom:var(--px-padding-xs)}");class Ae extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[fe,ke,ye,we,ze]}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",Ae);const $e=new CSSStyleSheet;$e.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 Se=["","default","small"],Ce=["","default","secondary"],_e=class extends o{constructor(){super($e),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"),i=t.getAttribute("color");t.addEventListener("click",(()=>{this.$el.focus()})),e||t.setAttribute("size","xs"),i||t.setAttribute("color","inherit")}}attributeChangedCallback(t,e,i){if(e!==i)switch(t){case"loading":this.updateLoading();break;case"size":this.updateSize(e,i,Se);break;case"variant":this.updateVariant(e,i,Ce);break;default:super.attributeChangedCallback(t,e,i)}}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,i){this.checkName(i,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,i){this.checkName(i,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)}};_e.nativeName="button";let Le=_e;customElements.get("px-button-icon")||customElements.define("px-button-icon",Le);const Te=new CSSStyleSheet;Te.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 Ee=["","default","action-neutral"],Me=class extends o{constructor(){super(Te),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"),i=t.getAttribute("color");t&&(t.addEventListener("click",(()=>{this.$el.focus()})),e||t.setAttribute("size","m"),i||t.setAttribute("color","inherit"))}))}attributeChangedCallback(t,e,i){if(e!==i)switch(t){case"disabled":if(this.$el.toggleAttribute("aria-disabled"),null!==i){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,i,Ee);break;default:super.attributeChangedCallback(t,e,i)}}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,i,r){this.checkName(r,i)||console.error(`Bad "${t}" value for`,this.$el);const o=t=>{null!==t&&""!==t&&"default"!==t&&(this.$container.bgColor=t)};o(e),o(i)}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)}};Me.nativeName="a";let Re=Me;customElements.get("px-entrypoint")||customElements.define("px-entrypoint",Re);const Pe=new CSSStyleSheet,Ne=new CSSStyleSheet;Pe.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(W);class Be 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=[Pe,Ne]}static get observedAttributes(){return["size","inverted","timeout","aria-label"]}connectedCallback(){!this.ariaLabel&&this.internals&&(this.internals.ariaHidden="true")}attributeChangedCallback(t,e,i){if(e!==i)switch(t){case"size":this.updateAttribute(t,e,i,l);break;case"aria-label":""!==i&&(this.internals.ariaHidden="false")}}configureAccessibility(t){this.internals.ariaHidden=t}updateAttribute(t,e,i,r){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==i&&""!==i&&"default"!==e&&this.$el.classList.toggle(`${t}-${i}`),this.checkName(r,i)||console.error(`${i} 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",Be),t.Accordion=ct,t.ButtonIcon=Le,t.Container=D,t.Entrypoint=Re,t.FontIcon=I,t.H1=J,t.H2=Q,t.H3=X,t.H4=et,t.H5=rt,t.H6=at,t.HStack=A,t.IconSet=_,t.Image=xt,t.Link=be,t.Modal=te,t.Page=C,t.Paragraph=me,t.Patch=wt,t.Picture=mt,t.Price=Ct,t.PxElement=o,t.PxTab=Ft,t.PxTabPanel=Yt,t.PxTabs=Gt,t.Ribbon=Tt,t.SVGIcon=P,t.Section=st,t.Separator=Bt,t.Spacer=$,t.Span=ae,t.Spinner=Be,t.Stack=w,t.Tag=jt,t.Timeline=Jt,t.TimelineItem=Ut,t.Typography=Ae,t.VStack=z,t.WithFlexAttributes=r,t.addGlobalStylesheet=m,t.backgroundValues=Ee,t.bgColorValues=g,t.bgImgSizeValues=j,t.borderRadiusValues=b,t.borderValues=c,t.colorValues=n,t.fontsizeValues=a,t.fontweightValues=s,t.gapValues=y,t.getSupportedAttributeNames=e,t.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},t.gradientValues=x,t.gridGapValues=["default","none","expanded"],t.headingValues=u,t.iconSizeValues=l,t.isFalsy=f,t.linkVariantValues=pe,t.noBorderRadiusValues=v,t.paddingValues=p,t.patchShapeValues=yt,t.patchVariantValues=kt,t.priceSizeValues=$t,t.priceVariantValues=At,t.shadowValues=h,t.sizeValues=Se,t.tagShapeValues=Ht,t.tagVariantValues=Vt,t.textalignValues=d,t.variantValues=Ce,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));