@proximus/lavender 1.0.0-alpha.18 → 1.0.0-alpha.19

package/dist/lavender.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(t){const e=document.createElement(t),i=Object.getPrototypeOf(e);return Object.getOwnPropertyNames(i)}const e=new CSSStyleSheet;e.replaceSync("::slotted(*[grow]){flex-grow:var(--flex-grow-value)}::slotted(*[shrink]){flex-shrink:var(--flex-shrink-value)}::slotted(*[basis]){flex-basis:var(--flex-basis-value)}::slotted(*[align-self]){align-self:var(--flex-align-self-value)}::slotted(*[grow-mobile]){flex-grow:var(--flex-grow-mobile-value)}::slotted(*[shrink-mobile]){flex-shrink:var(--flex-shrink-mobile-value)}::slotted(*[basis-mobile]){flex-basis:var(--flex-basis-mobile-value)}::slotted(*[align-self-mobile]){align-self:var(--flex-align-self-mobile-value)}@media screen and (min-width: 768px){::slotted(*[grow-tablet]){flex-grow:var(--flex-grow-tablet-value)}::slotted(*[shrink-tablet]){flex-shrink:var(--flex-shrink-tablet-value)}::slotted(*[basis-tablet]){flex-basis:var(--flex-basis-tablet-value)}::slotted(*[align-self-tablet]){align-self:var(--flex-align-self-tablet-value)}}@media screen and (min-width: 1025px){::slotted(*[grow-laptop]){flex-grow:var(--flex-grow-laptop-value)}::slotted(*[shrink-laptop]){flex-shrink:var(--flex-shrink-laptop-value)}::slotted(*[basis-laptop]){flex-basis:var(--flex-basis-laptop-value)}::slotted(*[align-self-laptop]){align-self:var(--flex-align-self-laptop-value)}}@media screen and (min-width: 1441px){::slotted(*[grow-desktop]){flex-grow:var(--flex-grow-desktop-value)}::slotted(*[shrink-desktop]){flex-shrink:var(--flex-shrink-desktop-value)}::slotted(*[basis-desktop]){flex-basis:var(--flex-basis-desktop-value)}::slotted(*[align-self-desktop]){align-self:var(--flex-align-self-desktop-value)}}@media only screen and (min-width: 0px) and (max-width: 767px){::slotted(*[hidden-mobile]){display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted(*[hidden-tablet]){display:none}}@media only screen and (min-width: 1025px) and (max-width: 1440px){::slotted(*[hidden-laptop]){display:none}}@media only screen and (min-width: 1441px){::slotted(*[hidden-desktop]){display:none}}");class i extends HTMLElement{static get observedAttributes(){return["grow","grow-tablet","grow-laptop","grow-desktop","shrink","shrink-mobile","shrink-tablet","shrink-laptop","shrink-desktop","basis","basis-mobile","basis-tablet","basis-laptop","basis-desktop","align-self","hidden-mobile","hidden-tablet","hidden-laptop","hidden-desktop"]}constructor(...t){super(),this.shadowRoot||this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[e,...t]}attributeChangedCallback(t,e,r){if(-1!==i.observedAttributes.indexOf(t))if(null===r)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`,r)}}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 r extends i{static get observedAttributes(){return[...super.observedAttributes,...t(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 e of t(this.nativeName))"constructor"!==e&&Object.defineProperty(this,e,{get(){return this.$el[e]},set(t){this.$el[e]!==t&&(this.$el[e]=t)}})}get $el(){return this.shadowRoot.querySelector(this.nativeName)}}const o=["","default","inherit","xs","s","base","m","l","xl","2xl","3xl","4xl","5xl","6xl","7xl"],a=["","default","inherit","primary","body","details","hover","disabled","active","promo","success","warning","error","unlimited"],n=["","default","inherit","normal","bold","extrabold","light"],s=["","default","2xs","xs","s","m","l","xl","2xl"],l=["","default","left","center","right"],d=["","none","2xs","xs","s","m","l","xl"],p=["","none","s","m","l"],c=["","none","main","pill"],b=["","container-none","container-weak","container-moderate","container-strong","container-rich","container-main","action-primary","action-secondary","action-hover-bordered","action-hover","action-disabled","action-active","action-neutral","action-neutral-hover","notification","promo","success","error","warning","unlimited"],g=["","none","s","m","l","xl"],h=["","default","title-4xl","title-3xl","title-2xl","title-xl","title-l","title-m","title-s","subtitle"],u=["","purple-bottom-red","purple-bottom-magenta","purple-bottom-orange","purple-bottom-blue","purple-bottom-turquoise","purple-bottom-green","purple-right-red","purple-right-magenta","purple-right-orange","purple-right-blue","purple-right-turquoise","purple-right-green","purple-top-right-red","purple-top-right-magenta","purple-top-right-orange","purple-top-right-blue","purple-top-right-turquoise","purple-top-right-green","purple-bottom-right-red","purple-bottom-right-magenta","purple-bottom-right-orange","purple-bottom-right-blue","purple-bottom-right-turquoise","purple-bottom-right-green","color-bottom-red","color-bottom-magenta","color-bottom-orange","color-bottom-blue","color-bottom-turquoise","color-bottom-green","color-right-red","color-right-magenta","color-right-orange","color-right-blue","color-right-turquoise","color-right-green","color-top-right-red","color-top-right-magenta","color-top-right-orange","color-top-right-blue","color-top-right-turquoise","color-top-right-green","color-bottom-right-red","color-bottom-right-magenta","color-bottom-right-orange","color-bottom-right-blue","color-bottom-right-turquoise","color-bottom-right-green"],x=["","all","top","right","bottom","left"];function v(t){const e=document.createElement("style");e.innerHTML=t,document.head.appendChild(e)}function m(t){return"string"==typeof t&&("false"===t||"0"===t||"null"===t)||"boolean"==typeof t&&!t}const f=new CSSStyleSheet;f.replaceSync(".flex-container{display:flex;height:100%;width:100%;box-sizing:border-box;flex-direction:var(--flex-direction-mobile-value);gap:var(--flex-gap-mobile-value);flex-wrap:var(--flex-wrap-mobile-value);justify-content:var(--flex-justify-content-mobile-value);align-items:var(--flex-align-items-mobile-value)}@media screen and (min-width: 768px){.flex-container{flex-direction:var(--flex-direction-tablet-value);gap:var(--flex-gap-tablet-value);flex-wrap:var(--flex-wrap-tablet-value);justify-content:var(--flex-justify-content-tablet-value);align-items:var(--flex-align-items-tablet-value)}}@media screen and (min-width: 1025px){.flex-container{flex-direction:var(--flex-direction-laptop-value);gap:var(--flex-gap-laptop-value);flex-wrap:var(--flex-wrap-laptop-value);justify-content:var(--flex-justify-content-laptop-value);align-items:var(--flex-align-items-laptop-value)}}@media screen and (min-width: 1441px){.flex-container{flex-direction:var(--flex-direction-desktop-value);gap:var(--flex-gap-desktop-value);flex-wrap:var(--flex-wrap-desktop-value);justify-content:var(--flex-justify-content-desktop-value);align-items:var(--flex-align-items-desktop-value)}}");const k=["between-section-vertical","between-options-vertical","under-text-vertical","display-to-subtitle-vertical","under-display-vertical","component-default-vertical","component-expanded-vertical","between-section-vertical-mobile","between-options-vertical-mobile","under-text-vertical-mobile","display-to-subtitle-vertical-mobile","under-display-vertical-mobile","component-default-vertical-mobile","component-expanded-vertical-mobile","between-icon-horizontal","text-to-icon-compact-horizontal","text-to-icon-horizontal","component-compact-horizontal","component-default-horizontal","component-expanded-horizontal","between-icon-horizontal-mobile","text-to-icon-compact-horizontal-mobile","text-to-icon-horizontal-mobile","component-compact-horizontal-mobile","component-default-horizontal-mobile"];class y extends i{constructor(){super(f),this.template='<div class="flex-container">\n      <slot></slot>\n  </div>',this.shadowRoot.innerHTML=this.template}connectedCallback(){this.hasAttribute("direction")||(this.direction="row")}static get observedAttributes(){return[...super.observedAttributes,"direction","direction-mobile","direction-tablet","direction-laptop","direction-desktop","gap","gap-mobile","gap-tablet","gap-laptop","gap-desktop","justify-content","justify-content-mobile","justify-content-tablet","justify-content-laptop","justify-content-desktop","align-items","align-items-mobile","align-items-tablet","align-items-laptop","align-items-desktop","wrap","wrap-mobile","wrap-tablet","wrap-laptop","wrap-desktop"]}attributeChangedCallback(t,e,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 k.includes(t)?`var(--px-spacing-${t})`:t}get direction(){return this.getAttribute("direction")}set direction(t){this.setAttribute("direction",t)}get directionMobile(){return this.getAttribute("direction-mobile")}set directionMobile(t){this.setAttribute("direction-mobile",t)}get directionTablet(){return this.getAttribute("direction-tablet")}set directionTablet(t){this.setAttribute("direction-tablet",t)}get directionLaptop(){return this.getAttribute("direction-laptop")}set directionLaptop(t){this.setAttribute("direction-laptop",t)}get directionDesktop(){return this.getAttribute("direction-desktop")}set directionDesktop(t){this.setAttribute("direction-desktop",t)}get gap(){return this.getAttribute("gap")}set gap(t){this.setAttribute("gap",t)}get gapMobile(){return this.getAttribute("gap-mobile")}set gapMobile(t){this.setAttribute("gap-mobile",t)}get gapTablet(){return this.getAttribute("gap-tablet")}set gapTablet(t){this.setAttribute("gap-tablet",t)}get gapLaptop(){return this.getAttribute("gap-laptop")}set gapLaptop(t){this.setAttribute("gap-laptop",t)}get justifyContent(){return this.getAttribute("justify-content")}set justifyContent(t){this.setAttribute("justify-content",t)}get justifyContentMobile(){return this.getAttribute("justify-content-mobile")}set justifyContentMobile(t){this.setAttribute("justify-content-mobile",t)}get justifyContentTablet(){return this.getAttribute("justify-content-tablet")}set justifyContentTablet(t){this.setAttribute("justify-content-tablet",t)}get justifyContentLaptop(){return this.getAttribute("justify-content-laptop")}set justifyContentLaptop(t){this.setAttribute("justify-content-laptop",t)}get justifyContentDesktop(){return this.getAttribute("justify-content-desktop")}set justifyContentDesktop(t){this.setAttribute("justify-content-desktop",t)}get alignItems(){return this.getAttribute("align-items")}set alignItems(t){this.setAttribute("align-items",t)}get alignItemsMobile(){return this.getAttribute("align-items-mobile")}set alignItemsMobile(t){this.setAttribute("align-items-mobile",t)}get alignItemsTablet(){return this.getAttribute("align-items-tablet")}set alignItemsTablet(t){this.setAttribute("align-items-tablet",t)}get alignItemsLaptop(){return this.getAttribute("align-items-laptop")}set alignItemsLaptop(t){this.setAttribute("align-items-laptop",t)}get alignItemsDesktop(){return this.getAttribute("align-items-desktop")}set alignItemsDesktop(t){this.setAttribute("align-items-desktop",t)}get wrap(){return this.getAttribute("wrap")}set wrap(t){this.setAttribute("wrap",t)}get wrapMobile(){return this.getAttribute("wrap-mobile")}set wrapMobile(t){this.setAttribute("wrap-mobile",t)}get wrapTablet(){return this.getAttribute("wrap-tablet")}set wrapTablet(t){this.setAttribute("wrap-tablet",t)}get wrapLaptop(){return this.getAttribute("wrap-laptop")}set wrapLaptop(t){this.setAttribute("wrap-laptop",t)}get wrapDesktop(){return this.getAttribute("wrap-desktop")}set wrapDesktop(t){this.setAttribute("wrap-desktop",t)}get $el(){return this.shadowRoot.querySelector(".flex-container")}}customElements.get("px-stack")||customElements.define("px-stack",y);class w extends y{constructor(){super()}connectedCallback(){super.connectedCallback(),this.direction="column",this.directionMobile="column",this.directionTablet="column",this.directionLaptop="column",this.directionDesktop="column"}}customElements.get("px-vstack")||customElements.define("px-vstack",w);class z extends y{constructor(){super()}connectedCallback(){super.connectedCallback(),this.direction="row",this.directionMobile="row",this.directionTablet="row",this.directionLaptop="row",this.directionDesktop="row"}}customElements.get("px-hstack")||customElements.define("px-hstack",z);class A extends HTMLElement{constructor(){super()}static get observedAttributes(){return["grow"]}attributeChangedCallback(t,e,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",A);const $=new CSSStyleSheet;$.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class S extends i{constructor(){super($),this.template=t=>`\n    <px-container border-radius="none" padding="none">\n      <px-vstack>\n        <px-container id="header-container" border-radius="none">\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="header-vstack-container"\n              gap="1rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="header-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="image-container"\n          border-radius="none"\n          padding="none"\n          padding-top="xl"\n          id="image-box"\n          background-size="cover"\n          background-position="top center"\n          padding-bottom="xl"\n          border-radius="none"\n          bgimg="${this.backgroundImage}"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack grow="${this.grow}" basis="${this.basis}">\n              <slot name="image-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        ${t?` <px-hstack>\n        <px-spacer></px-spacer>\n        <px-container border-radius="none" box-shadow="xl" id="image-sticky-box" border="s" grow="${this.grow}" basis="${this.basis}" border-radius="m">\n          <px-vstack gap="1rem">\n            <slot name="image-sticky-container"></slot>\n          </px-vstack>\n        </px-container>\n        <px-spacer></px-spacer>\n      </px-hstack>`:""}\n        <px-container\n          id="body-container"\n          id="main"\n          background-color="${this.backgroundColor}"\n          padding="none"\n          padding-top="xl"\n          padding-bottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="body-vstack-container"\n              gap="3rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="body-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="contact-container"\n          border-radius="none"\n          id="main"\n          background-color="container-weak"\n          padding="none"\n          padding-top="xl"\n          padding-bottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="contact-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="footer-container"\n          background-color="container-none"\n          border-radius="none"\n          style="background-color: rgb(108, 66, 156)"\n          padding-top="xl"\n          padding-bottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="footer-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n      </px-vstack>\n    </px-container>\n  `,this.shadowRoot.innerHTML=this.template(!!this.$imageStickySlot)}static get observedAttributes(){return[...super.observedAttributes,"background-image","gap","background-color","padding-vertical","padding-horizontal"]}get $wideImage(){return this.shadowRoot.querySelector("#image-box")}get $bodyVStackContainer(){return this.shadowRoot.querySelector("#header-vstack-container")}get $bodyContainer(){return this.shadowRoot.querySelector("#body-container")}get $contactContainer(){return this.shadowRoot.querySelector("#contact-container")}get $footerContainer(){return this.shadowRoot.querySelector("#footer-container")}get $headerContainer(){return this.shadowRoot.querySelector("#header-container")}get $imageContainer(){return this.shadowRoot.querySelector("#image-container")}get backgroundImage(){return this.getAttribute("background-image")}get $imageStickySlot(){return this.querySelector('*[slot="image-sticky-container"]')}get $main(){return this.shadowRoot.querySelector("#main")}get backgroundColor(){return this.getAttribute("background-color")||"none"}get paddingVertical(){return this.getAttribute("padding-vertical")}get paddingHorizontal(){return this.getAttribute("padding-horizontal")}set paddingVertical(t){this.setAttribute("padding-vertical",t)}set paddingHorizontal(t){this.setAttribute("padding-horizontal",t)}get gap(){return this.getAttribute("gap")}connectedCallback(){this.handlePaddingVerticalChange(this.paddingVertical),this.handlePaddingHorizontalChange(this.paddingHorizontal)}attributeChangedCallback(t,e,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",b.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",S);const C=".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)}}",_='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)}}',L=".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)}",T=new CSSStyleSheet,E=new CSSStyleSheet,M=new CSSStyleSheet;T.replaceSync(C),E.replaceSync(_),M.replaceSync(L);const R=["","default","secondary","tertiary","link","patch","patch-info","patch-black-friday","patch-eco"],N=class extends r{constructor(){super(T,E,M),this.template=()=>'<slot name="before"></slot><slot></slot><slot name="after"></slot>';const t=document.createElement(this.nativeName);t.classList.add("btn"),t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"variant","state","extended","loading","shape","inverted"]}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"variant":this.updateVariant(e,i,R);break;case"state":this.updateState(e,i);break;case"extended":this.updateExtended();break;case"loading":this.updateLoading();break;case"shape":this.updateShape(e,i);break;default:super.attributeChangedCallback(t,e,i)}}checkName(t,e){return!!t.includes(e)}checkClass(t){if(t.startsWith("patch-")){const e=t.split(/-(.*)/s);for(const t of e)""!=t&&this.$el.classList.toggle(t)}else this.$el.classList.toggle(t)}_toggleClass(t,e){null!==t&&""!==t&&"default"!==t&&this.checkClass(t),null!==e&&""!==e&&"default"!==e&&this.checkClass(e)}updateVariant(t,e,i){"link"===e?this.$el.classList.remove("btn"):this.$el.classList.add("btn"),this._toggleClass(t,e),this.checkName(i,e)||console.error(`Bad "variant" value for ${this.$el}`)}updateState(t,e){this._toggleClass(t,e),this.checkName(["","default","success","error"],e)||console.error(`Bad "sate" value for ${this.$el}`)}updateExtended(){this.$el.classList.toggle("extended")}updateLoading(){const t=this.querySelector("px-spinner");if(t){t.getAttribute("size")||t.setAttribute("size","xs")}this.$el.classList.toggle("loading")}updateShape(t,e){this._toggleClass(t,e),this.checkName(["","default","bottom-right","bottom-left","alternative"],e)||console.error(`Bad "shape" value for ${this.$el}`)}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get state(){return this.getAttribute("state")}set state(t){this.setAttribute("state",t)}get extended(){return this.getAttribute("extended")}set extended(t){this.setAttribute("extended",t)}get loading(){return this.getAttribute("loading")}set loading(t){this.setAttribute("loading",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)}};N.nativeName="button";let P=N;customElements.get("px-button")||customElements.define("px-button",P);class B 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",B);const I=["2xs","xs","s","m","l","xl","2xl"],V=["name","size","color","aria-label","inverted","from"];class H extends i{static get observedAttributes(){return[...super.observedAttributes,...V]}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,I);break;case"color":this.updateAttribute(t,e,i,a);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 j=":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}",q=new CSSStyleSheet;q.replaceSync(j);class D extends H{constructor(){super(q),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",D);const O=new CSSStyleSheet,W=new CSSStyleSheet;O.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:""}'),W.replaceSync(j);class G extends H{constructor(){super(O,W),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",G);const F=new CSSStyleSheet;F.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 Y=["anchor-right","anchor-left","anchor-full"],Z=["","cover","contain","default"],J=class extends r{constructor(){super(F),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&&Y.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,d);break;case"border":this.updateAttribute(t,e,i,p);break;case"border-radius":this.updateAttribute(t,e,i,c);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateNoBorderRadius(t,e,i,x);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,Z);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,g);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(u,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(b,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)}};J.nativeName="div";let K=J;customElements.define("px-container",K);const Q="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)}}",U=":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)}",X=new CSSStyleSheet;X.replaceSync(Q);const tt=new CSSStyleSheet;tt.replaceSync(U);class et extends r{template(){return"<slot></slot>"}constructor(t){super(X,tt);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,h);break;case"color":this.updateColor(e,i,a);break;case"text-align":case"text-align--mobile":case"text-align--tablet":case"text-align--laptop":case"text-align--desktop":this.updateTextAlign(t,e,i,l);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 it=class extends et{constructor(){super("h1")}};it.nativeName="h1";let rt=it;customElements.define("px-h1",rt);const ot=class extends et{constructor(){super("h2")}};ot.nativeName="h2";let at=ot;customElements.define("px-h2",at);const nt=class extends et{constructor(){super("h3")}};nt.nativeName="h3";let st=nt;customElements.define("px-h3",st);const lt=class extends et{constructor(){super("h4")}};lt.nativeName="h4";let dt=lt;customElements.define("px-h4",dt);const pt=class extends et{constructor(){super("h5")}};pt.nativeName="h5";let ct=pt;customElements.define("px-h5",ct);const bt=class extends et{constructor(){super("h6")}};bt.nativeName="h6";let gt=bt;customElements.define("px-h6",gt);const ht=new CSSStyleSheet;ht.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 ut 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=[ht]}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=b.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",ut);const xt=new CSSStyleSheet;xt.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 vt=["","none","single"],mt=class extends r{constructor(){super(xt),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,vt);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)}};mt.nativeName="details";let ft=mt;customElements.define("px-accordion",ft);const kt=new CSSStyleSheet;kt.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 yt=["","mobile","tablet","laptop","desktop"];class wt extends r{constructor(){super(kt)}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,yt);break;case"border-radius":this.updateAttribute(t,e,i,c);break;case"no-border-radius":case"no-border-radius-mobile":case"no-border-radius-tablet":case"no-border-radius-laptop":this.updateAttribute(t,e,i,x);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 zt=class extends wt{constructor(){super();const t=document.createElement(this.nativeName);this.shadowRoot.appendChild(t)}};zt.nativeName="img";let At=zt;customElements.define("px-img",At);const $t=class extends wt{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||"")}};$t.nativeName="picture";let St=$t;customElements.define("px-picture",St);const Ct=new CSSStyleSheet;Ct.replaceSync(L);const _t=["","default","info","black-friday","eco","greyed"],Lt=["","default","bottom-right","bottom-left"];class Tt 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=[Ct]}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(_t,e)||console.error('Bad "variant" value for patch')}updateShape(t,e){this._toggleClass(t,e),this.checkName(Lt,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",Tt);const Et=new CSSStyleSheet;Et.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 Mt=["default","promo","free","neutral","exceeding","disabled"],Rt=["","s","m","l"],Nt=class extends r{constructor(){super(Et),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,Mt);break;case"size":this.updateAttribute(t,e,i,Rt);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}`}};Nt.nativeName="span";let Pt=Nt;customElements.define("px-price",Pt);const Bt=new CSSStyleSheet;Bt.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 It=class extends r{constructor(){super(Bt),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};It.nativeName="div";let Vt=It;customElements.define("px-ribbon",Vt);const Ht=new CSSStyleSheet;Ht.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 jt=["","default","horizontal","vertical"],qt=["","none","s","m","l"],Dt=["","contrasted","action-hover","action-active","none","success","error","warning","unlimited"],Ot=class extends r{constructor(){super(Ht);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,qt);break;case"color":this.updateColor(i,Dt);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(jt,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)}};Ot.nativeName="hr";let Wt=Ot;customElements.define("px-separator",Wt);const Gt=new CSSStyleSheet;Gt.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 Ft=["","default","light","outline"],Yt=["","default","pill"];class Zt 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=[Gt]}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(Ft,e)||console.error('Bad "variant" value for tag')}updateShape(t,e){this._toggleClass(t,e),this.checkName(Yt,e)||console.error('Bad "shape" value for tag')}}customElements.get("px-tag")||customElements.define("px-tag",Zt);const Jt=new CSSStyleSheet;Jt.replaceSync('*{font-family:var(--px-font-family)}#container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-spacing-component-default-vertical)}#panels{width:100%}div[role=tablist]{display:flex;align-items:center;scrollbar-width:none;overflow:scroll;width:80%;box-sizing:border-box}div[role=tablist] ::slotted(px-tab){background-color:var(--px-color-bg-container-weak-default)}div[role=tablist] ::slotted(px-tab[inverted=""]){background-color:var(--px-color-bg-container-weak-inverted)}div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-color-bg-action-active-default);padding-block:var(--px-padding-m);border-radius:var(--px-radius-main)!important}div[role=tablist] ::slotted(px-tab[selected=""][inverted=""]){background-color:var(--px-color-bg-action-active-inverted)}div[role=tablist] ::slotted(px-tab:first-child){border-radius:var(--px-radius-main) var(--px-radius-none) var(--px-radius-none) var(--px-radius-main)}div[role=tablist] ::slotted(px-tab:last-of-type){border-radius:var(--px-radius-none) var(--px-radius-main) var(--px-radius-main) var(--px-radius-none)}div[role=tablist]::-webkit-scrollbar{display:none}button[role=tab]{background:none;border:none;padding:0;margin:0;cursor:pointer;height:inherit;width:inherit;padding:var(--px-padding-s);font-size:var(--px-text-size-base-mobile);font-weight:700;text-wrap:nowrap;color:var(--px-color-txt-body-default);outline:none}button[role=tab][inverted=""]{color:var(--px-color-txt-body-inverted)}@media screen and (min-width: 768px){button[role=tab]{font-size:var(--px-text-size-base-tablet)}}@media screen and (min-width: 1025px){button[role=tab]{font-size:var(--px-text-size-base-laptop)}}@media screen and (min-width: 1441px){button[role=tab]{font-size:var(--px-text-size-base-desktop)}}button[aria-selected=""]{padding-block:0;cursor:auto;color:var(--px-color-txt-primary-inverted)}button[aria-selected=""][inverted=""]{color:var(--px-color-txt-primary-default)}');class Kt extends HTMLElement{constructor(){super(),this._label=`tabs-${Math.random().toString(36).substring(2,15)}`,this.template=()=>`\n    <div id="container">\n      <div role="tablist" aria-labelledby="${this._label}">\n        <slot name="tabs"></slot> \n      </div>\n      <div id="panels">\n        <slot name="tabpanels"></slot>\n      </div>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.getAttribute("label")&&(this._label=this.getAttribute("label")),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Jt]}static get observedAttributes(){return["label","inverted"]}attributeChangedCallback(t,e,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 Qt extends HTMLElement{constructor(){super(),this.template=()=>'\n    <button role="tab" aria-selected="false" type="button" tabindex="-1">\n      <span><slot></slot></span>\n    </button>\n  ',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Jt]}static get observedAttributes(){return["selected","for","name"]}connectedCallback(){this.name||console.error("Tab needs a name attribute"),this.for||console.error("Tab needs a for attribute"),this.slot="tabs",this.parentElement.inverted&&(this.setAttribute("inverted",""),this.$button.setAttribute("inverted",""))}attributeChangedCallback(t,e,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){m(t)?(this.$button.removeAttribute("aria-selected"),this.$button.tabIndex=-1):(this.$button.setAttribute("aria-selected",t),this.$button.removeAttribute("tabindex"),this.$button.focus())}set selected(t){this.setAttribute("selected",t)}}class Ut extends HTMLElement{constructor(){super(),this.template=()=>`\n    <div role="tabpanel" aria-labelledby="${this.name}" tabindex="0">\n      <slot></slot>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Jt]}static get observedAttributes(){return["name"]}attributeChangedCallback(t,e,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");m(this.parentElement.querySelector(`[for="${this.name}"]`).selected)?this.selected=!1:this.selected=!0}get name(){return this.getAttribute("name")}set name(t){this.setAttribute("name",t)}set selected(t){this.$panel.style.display=t?"block":"none"}get $panel(){return this.shadowRoot.querySelector('[role="tabpanel"]')}}class Xt extends Kt{constructor(){super(),this.querySelectorAll("px-tab").forEach((t=>{t.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",Xt);class te extends Qt{constructor(){super()}}customElements.get("px-tab")||customElements.define("px-tab",te);class ee extends Ut{constructor(){super()}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",ee);const ie=new CSSStyleSheet;ie.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class re 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=[ie]}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",re);const oe=new CSSStyleSheet;oe.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 ae="1";class ne 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=[oe]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(t,e,i){if(e!==i&&"item"===t)this.updateItem(e,i),this.updateIndicator(ae)}updateItem(t,e){null!==t&&""!==t&&(ae=t),null!==e&&""!==e&&(ae=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",ne);const se=new CSSStyleSheet;se.replaceSync("px-container{width:1000px;display:block;border:0;border-radius:var(--px-radius-main)}@media screen and (max-width: 1025px){px-container{width:700px}}@media screen and (max-width: 640px){px-container{width:295px}}"),v(".lavender-blurred-modal-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:999;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}");class le 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=[se]}connectedCallback(){var t;document.querySelectorAll(`px-button[popovertarget="${this.getAttribute("id")}"]`).forEach((t=>{t.onclick=t=>{var e;null==(e=this.showPopover)||e.call(this),this.open=!0,this.displayBlurredBackground(),t.stopPropagation()}})),this.addEventListener("click",(t=>{t.target.closest('px-button[slot="footer"]')&&this._hidePopover()})),null!=this.autoShow&&(null==(t=this.showPopover)||t.call(this),this.open=!0,this.displayBlurredBackground())}displayBlurredBackground(){this.blurredBackground=document.createElement("div"),this.blurredBackground.id="popover-background",this.blurredBackground.classList.toggle("lavender-blurred-modal-background"),this.blurredBackground.addEventListener("click",(t=>{this.open&&!this.contains(t.target)&&this._hidePopover()})),document.body.appendChild(this.blurredBackground)}_hidePopover(){var t;this.blurredBackground.parentElement.removeChild(this.blurredBackground),null==(t=this.hidePopover)||t.call(this),this.open=!1}get autoShow(){return this.getAttribute("autoshow")}}customElements.get("px-modal")||customElements.define("px-modal",le);const de="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)}}",pe=new CSSStyleSheet,ce=new CSSStyleSheet;pe.replaceSync(de),ce.replaceSync(U);const be=class extends r{constructor(){super(pe,ce),this.template=()=>'<span>\n        <slot name="before"></slot>\n        <slot></slot>\n        <slot name="after"></slot>\n    </span>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"color","font-size","font-weight","inverted"]}get color(){return this.getAttribute("color")}set color(t){this.setAttribute("color",t)}get fontsize(){return this.getAttribute("font-size")}set fontsize(t){this.setAttribute("font-size",t)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(t){this.setAttribute("font-weight",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){m(t)?this.removeAttribute("inverted"):this.setAttribute("inverted",t)}attributeChangedCallback(t,e,i){if(e!==i)switch(t){case"color":this.updateTypography(t,e,i,a);break;case"font-size":this.updateTypography(t,e,i,o);break;case"font-weight":this.updateTypography(t,e,i,n);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}`)}};be.nativeName="span";let ge=be;customElements.define("px-span",ge);const he=new CSSStyleSheet,ue=new CSSStyleSheet,xe=new CSSStyleSheet;he.replaceSync(_),ue.replaceSync(C),xe.replaceSync(U);const ve=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],me=class extends r{constructor(){super(he,ue,xe),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,o);break;case"color":this.updateTypography(t,e,i,a);break;case"font-weight":this.updateTypography(t,e,i,n);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(ve,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)}};me.nativeName="a";let fe=me;customElements.get("px-a")||customElements.define("px-a",fe);const ke="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)}}",ye=new CSSStyleSheet,we=new CSSStyleSheet,ze=new CSSStyleSheet;ye.replaceSync(ke),we.replaceSync(U),ze.replaceSync(Q);const Ae=class extends r{constructor(){super(ye,we,ze),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,h);break;case"color":this.updateTypography(t,e,i,a);break;case"font-size":this.updateTypography(t,e,i,o);break;case"font-weight":this.updateTypography(t,e,i,n);break;case"text-align":this.updateTypography(t,e,i,l);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)}};Ae.nativeName="p";let $e=Ae;customElements.define("px-p",$e);const Se=new CSSStyleSheet,Ce=new CSSStyleSheet,_e=new CSSStyleSheet,Le=new CSSStyleSheet,Te=new CSSStyleSheet;Se.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)}"),Ce.replaceSync(Q),_e.replaceSync(_),Le.replaceSync(ke),Te.replaceSync(de),v(".li{padding-bottom:var(--px-padding-xs)}");class Ee extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Se,Ce,_e,Le,Te]}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",Ee);const Me=new CSSStyleSheet;Me.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 Re=["","default","small"],Ne=["","default","secondary"],Pe=class extends r{constructor(){super(Me),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,Re);break;case"variant":this.updateVariant(e,i,Ne);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)}};Pe.nativeName="button";let Be=Pe;customElements.get("px-button-icon")||customElements.define("px-button-icon",Be);const Ie=new CSSStyleSheet;Ie.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 Ve=["","default","action-neutral"],He=class extends r{constructor(){super(Ie),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,Ve);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)}};He.nativeName="a";let je=He;customElements.get("px-entrypoint")||customElements.define("px-entrypoint",je);const qe=new CSSStyleSheet,De=new CSSStyleSheet;qe.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)}}"),De.replaceSync(U);class Oe 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=[qe,De]}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,s);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",Oe),exports.Accordion=ft,exports.Button=P,exports.ButtonIcon=Be,exports.Container=K,exports.Entrypoint=je,exports.FontIcon=G,exports.H1=rt,exports.H2=at,exports.H3=st,exports.H4=dt,exports.H5=ct,exports.H6=gt,exports.HStack=z,exports.IconSet=B,exports.Image=At,exports.Link=fe,exports.Modal=le,exports.Page=S,exports.Paragraph=$e,exports.Patch=Tt,exports.Picture=St,exports.Price=Pt,exports.PxElement=r,exports.PxTab=te,exports.PxTabPanel=ee,exports.PxTabs=Xt,exports.Ribbon=Vt,exports.SVGIcon=D,exports.Section=ut,exports.Separator=Wt,exports.Spacer=A,exports.Span=ge,exports.Spinner=Oe,exports.Stack=y,exports.Tag=Zt,exports.Timeline=re,exports.TimelineItem=ne,exports.Typography=Ee,exports.VStack=w,exports.WithFlexAttributes=i,exports.addGlobalStylesheet=v,exports.backgroundValues=Ve,exports.bgColorValues=b,exports.bgImgSizeValues=Z,exports.borderRadiusValues=c,exports.borderValues=p,exports.buttonIconSizeValues=Re,exports.buttonIconVariantValues=Ne,exports.colorValues=a,exports.fontsizeValues=o,exports.fontweightValues=n,exports.gapValues=k,exports.getSupportedAttributeNames=t,exports.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},exports.gradientValues=u,exports.gridGapValues=["default","none","expanded"],exports.headingValues=h,exports.iconSizeValues=s,exports.isFalsy=m,exports.linkVariantValues=ve,exports.noBorderRadiusValues=x,exports.paddingValues=d,exports.patchShapeValues=Lt,exports.patchVariantValues=_t,exports.priceSizeValues=Rt,exports.priceVariantValues=Mt,exports.shadowValues=g,exports.tagShapeValues=Yt,exports.tagVariantValues=Ft,exports.textalignValues=l,exports.variantValues=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(e){const t=document.createElement(e),r=Object.getPrototypeOf(t);return Object.getOwnPropertyNames(r)}const t=new CSSStyleSheet;t.replaceSync("::slotted(*[grow]){flex-grow:var(--flex-grow-value)}::slotted(*[shrink]){flex-shrink:var(--flex-shrink-value)}::slotted(*[basis]){flex-basis:var(--flex-basis-value)}::slotted(*[align-self]){align-self:var(--flex-align-self-value)}::slotted(*[grow--mobile]){flex-grow:var(--flex-grow--mobile-value)}::slotted(*[shrink--mobile]){flex-shrink:var(--flex-shrink--mobile-value)}::slotted(*[basis--mobile]){flex-basis:var(--flex-basis--mobile-value)}::slotted(*[align-self--mobile]){align-self:var(--flex-align-self--mobile-value)}@media screen and (min-width: 768px){::slotted(*[grow--tablet]){flex-grow:var(--flex-grow--tablet-value)}::slotted(*[shrink--tablet]){flex-shrink:var(--flex-shrink--tablet-value)}::slotted(*[basis--tablet]){flex-basis:var(--flex-basis--tablet-value)}::slotted(*[align-self--tablet]){align-self:var(--flex-align-self--tablet-value)}}@media screen and (min-width: 1025px){::slotted(*[grow--laptop]){flex-grow:var(--flex-grow--laptop-value)}::slotted(*[shrink--laptop]){flex-shrink:var(--flex-shrink--laptop-value)}::slotted(*[basis--laptop]){flex-basis:var(--flex-basis--laptop-value)}::slotted(*[align-self--laptop]){align-self:var(--flex-align-self--laptop-value)}}@media screen and (min-width: 1441px){::slotted(*[grow--desktop]){flex-grow:var(--flex-grow--desktop-value)}::slotted(*[shrink--desktop]){flex-shrink:var(--flex-shrink--desktop-value)}::slotted(*[basis--desktop]){flex-basis:var(--flex-basis--desktop-value)}::slotted(*[align-self--desktop]){align-self:var(--flex-align-self--desktop-value)}}@media only screen and (min-width: 0px) and (max-width: 767px){::slotted(*[hidden--mobile]){display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted(*[hidden--tablet]){display:none}}@media only screen and (min-width: 1025px) and (max-width: 1440px){::slotted(*[hidden--laptop]){display:none}}@media only screen and (min-width: 1441px){::slotted(*[hidden--desktop]){display:none}}");class r extends HTMLElement{static get observedAttributes(){return["grow","grow--tablet","grow--laptop","grow--desktop","shrink","shrink--mobile","shrink--tablet","shrink--laptop","shrink--desktop","basis","basis--mobile","basis--tablet","basis--laptop","basis--desktop","align-self","hidden--mobile","hidden--tablet","hidden--laptop","hidden--desktop"]}constructor(...e){super(),this.shadowRoot||this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[t,...e]}attributeChangedCallback(e,t,o){if(-1!==r.observedAttributes.indexOf(e))if(null===o)this.style.removeProperty(e);else switch(e){case"grow":case"shrink":case"basis":case"grow--mobile":case"grow--tablet":case"grow--laptop":case"grow--desktop":case"shrink--mobile":case"shrink--tablet":case"shrink--laptop":case"shrink--desktop":case"basis--mobile":case"basis--tablet":case"basis--laptop":case"basis--desktop":case"align-self":this.style.setProperty(`--flex-${e}-value`,o)}}get grow(){return this.getAttribute("grow")}set grow(e){this.setAttribute("grow",e)}get shrink(){return this.getAttribute("shrink")}set shrink(e){this.setAttribute("shrink",e)}get basis(){return this.getAttribute("basis")}set basis(e){this.setAttribute("basis",e)}get growMobile(){return this.getAttribute("grow--mobile")}set growMobile(e){this.setAttribute("grow--mobile",e)}get growTablet(){return this.getAttribute("grow--tablet")}set growTablet(e){this.setAttribute("grow--tablet",e)}get growLaptop(){return this.getAttribute("grow--laptop")}set growLaptop(e){this.setAttribute("grow--laptop",e)}get growDesktop(){return this.getAttribute("grow--desktop")}set growDesktop(e){this.setAttribute("grow--desktop",e)}get shrinkMobile(){return this.getAttribute("shrink--mobile")}set shrinkMobile(e){this.setAttribute("shrink--mobile",e)}get shrinkTablet(){return this.getAttribute("shrink--tablet")}set shrinkTablet(e){this.setAttribute("shrink--tablet",e)}get shrinkLaptop(){return this.getAttribute("shrink--laptop")}set shrinkLaptop(e){this.setAttribute("shrink--laptop",e)}get shrinkDesktop(){return this.getAttribute("shrink--desktop")}set shrinkDesktop(e){this.setAttribute("shrink--desktop",e)}get basisMobile(){return this.getAttribute("basis--mobile")}set basisMobile(e){this.setAttribute("basis--mobile",e)}get basisTablet(){return this.getAttribute("basis--tablet")}set basisTablet(e){this.setAttribute("basis--tablet",e)}get basisLaptop(){return this.getAttribute("basis--laptop")}set basisLaptop(e){this.setAttribute("basis--laptop",e)}get basisDesktop(){return this.getAttribute("basis--desktop")}set basisDesktop(e){this.setAttribute("basis--desktop",e)}get alignSelf(){return this.getAttribute("align-self")}set alignSelf(e){this.setAttribute("align-self",e)}get $el(){return this}get hiddenMobile(){return this.getAttribute("hidden--mobile")}set hiddenMobile(e){this.setAttribute("hidden--mobile",e)}get hiddenTablet(){return this.getAttribute("hidden--tablet")}set hiddenTablet(e){this.setAttribute("hidden--tablet",e)}get hiddenLaptop(){return this.getAttribute("hidden--laptop")}set hiddenLaptop(e){this.setAttribute("hidden--laptop",e)}get hiddenDesktop(){return this.getAttribute("hidden--desktop")}set hiddenDesktop(e){this.setAttribute("hidden--desktop",e)}}class o extends r{static get observedAttributes(){return[...super.observedAttributes,...e(this.nativeName)]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),null===r?this.$el.toggleAttribute(e):this.$el.setAttribute(e,r)}constructor(...e){super(...e),this.nativeName=Object.getPrototypeOf(this).constructor.nativeName}connectedCallback(){for(const t of e(this.nativeName))"constructor"!==t&&Object.defineProperty(this,t,{get(){return this.$el[t]},set(e){this.$el[t]!==e&&(this.$el[t]=e)}})}get $el(){return this.shadowRoot.querySelector(this.nativeName)}}const i=["","default","inherit","body-l","body-m","body-s","body-xs","heading-5xl","heading-4xl","heading-3xl","heading-2xl","heading-xl","heading-l","heading-m","heading-s"],a=["","default","inherit","action-brand","action-neutral","action-hover","action-active","action-disabled","body-neutral-strong","body-neutral-weak","heading-brand","heading-neutral","purpose-success","purpose-warning","purpose-error","purpose-unlimited","purpose-promo"],n=["","default","inherit","normal","bold","extrabold","light"],s=["","default","2xs","xs","s","m","l","xl","2xl"],l=["","default","left","center","right"],d=["","none","2xs","xs","s","m","l"],c=["","none","s","m","l"],p=["","none","main","pill"],b=["none","container-main","container-brand","action-hover","action-active","action-neutral","purpose-success","purpose-warning","purpose-error","purpose-unlimited"],u=["","all","top","right","bottom","left","block","inline"],h=["","none","container-neutral-bare","container-weak","container-light","container-soft","container-neutral-rich","container-brand-secondary","action-primary","action-secondary","action-hover","action-hover-bordered","action-active","action-disabled","action-neutral","action-neutral-hover","purpose-success","purpose-warning","purpose-error","purpose-unlimited","purpose-promo","purpose-info","purpose-eco","purpose-notification"],g=["","none","s","m","l","xl"],v=["","default","title-4xl","title-3xl","title-2xl","title-xl","title-l","title-m","title-s","subtitle"],x=["","purple-top-red","purple-top-magenta","purple-top-orange","purple-top-blue","purple-top-turquoise","purple-top-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-top-red","color-top-magenta","color-top-orange","color-top-blue","color-top-turquoise","color-top-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"],m=["","all","top","right","bottom","left"];function f(e){const t=document.createElement("style");t.innerHTML=e,document.head.appendChild(t)}function k(e){return"string"==typeof e&&("false"===e||"0"===e||"null"===e)||"boolean"==typeof e&&!e}const y=new CSSStyleSheet;y.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 w=["after-element-none","after-element-2xs","after-element-xs","after-element-s","after-element-default","after-element-l","heading-to-subtitle","heading-to-content","inside-section-none","inside-section-xs","inside-section-s","inside-section-default","inside-section-l","between-sections"];class z extends r{constructor(){super(y),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","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.setProperty("--flex-gap-mobile-value",this.getGapCSSVariable(r,"mobile")),this.$el.style.setProperty("--flex-gap-tablet-value",this.getGapCSSVariable(r,"tablet")),this.$el.style.setProperty("--flex-gap-laptop-value",this.getGapCSSVariable(r,"desktop")),this.$el.style.setProperty("--flex-gap-desktop-value",this.getGapCSSVariable(r,"desktop"));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,t="mobile"){return w.includes(e)?`var(--px-spacing-${e}-${t})`: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",z);class A extends z{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",A);class $ extends z{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",$);class S 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",S);const C=new CSSStyleSheet;C.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class L extends r{constructor(){super(C),this.template=e=>`\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        ${e?` <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="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(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("background-image",r);break;case"gap":this.$bodyVStackContainer.setAttribute("gap",r);break;case"background-color":this.$bodyContainer.setAttribute("background-color",h.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("padding-top",e),this.$footerContainer.setAttribute("padding-bottom",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",L);const T='.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-label-m-mobile);line-height:var(--px-line-height-m);font-weight:700;gap:var(--px-spacing-after-element-2xs-mobile);cursor:pointer;text-decoration:none;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-border-size-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-border-color-action-hover-default)}.btn:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-border-color-focus-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-text-color-heading-brand-inverted);background:var(--px-background-color-action-primary-default);min-height:var(--px-action-size-l);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile);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) ::slotted([slot="after"]){margin-right:calc(var(--px-padding-xs-mobile) * -1)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="before"]){margin-left:calc(var(--px-padding-xs-mobile) * -1)}.btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-default);background:var(--px-background-color-action-hover-bordered-default)}.btn:not(.secondary,.tertiary,.patch)[disabled],.btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-action-disabled-default)}.btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-heading-brand-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-text-color-heading-brand-default);background:var(--px-background-color-action-secondary-default);min-height:var(--px-action-size-l);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile);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-text-color-heading-brand-default);background:var(--px-background-color-action-hover-bordered-default)}.btn.secondary[disabled],.btn.secondary[aria-disabled=true]{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-action-disabled-default)}.btn.secondary.loading{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-heading-brand-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-text-color-heading-brand-default);border-radius:var(--px-radius-pill);border:var(--px-border-size-m) solid transparent;padding:var(--px-padding-2xs-mobile) 0;gap:var(--px-spacing-after-element-xs-mobile)}.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-background-color-action-secondary-default);transition:var(--btn-transition)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-mobile) var(--px-padding-s-mobile)}.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-text-color-action-disabled-default)}.btn.tertiary[disabled] ::slotted(px-icon),.btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-background-color-action-disabled-default)}.btn.tertiary.loading{color:var(--px-text-color-heading-brand-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-background-color-action-disabled-default)}.btn.patch{display:inline-flex}.btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-default);background:var(--px-background-color-action-hover-bordered-default)}.btn.patch[disabled],.btn.patch[aria-disabled=true]{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-action-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-text-color-action-disabled-default)}:host([inverted]) .btn:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]) .btn:focus:not([disabled],[aria-disabled=true]){outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch){color:var(--px-text-color-heading-brand-default);background:var(--px-background-color-action-primary-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-inverted);background:var(--px-background-color-action-hover-bordered-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[disabled],:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-heading-brand-inverted);border-color:transparent}:host([inverted]) .btn.secondary{color:var(--px-text-color-heading-brand-inverted);background:var(--px-background-color-action-secondary-inverted)}:host([inverted]) .btn.secondary:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-inverted);background:var(--px-background-color-action-hover-bordered-inverted)}:host([inverted]) .btn.secondary[disabled],:host([inverted]) .btn.secondary[aria-disabled=true]{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) .btn.secondary.loading{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-heading-brand-inverted);border-color:transparent}:host([inverted]) .btn.tertiary{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) .btn.tertiary ::slotted(px-icon){background:var(--px-background-color-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-text-color-action-disabled-inverted)}:host([inverted]) .btn.tertiary[disabled] ::slotted(px-icon),:host([inverted]) .btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-background-color-action-disabled-inverted)}:host([inverted]) .btn.tertiary.loading{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) .btn.tertiary.loading ::slotted(px-spinner){background:var(--px-background-color-action-disabled-inverted)}:host([inverted]) .btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-inverted);background:var( --px-background-color-action-hover-bordered-default-inverted )}:host([inverted]) .btn.patch[disabled],:host([inverted]) .btn.patch[aria-disabled=true]{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) button.link[disabled],:host([inverted]) button.link[aria-disabled=true]{color:var(--px-text-color-action-disabled-inverted)}@media only screen and (min-width: 768px){.btn{font-size:var(--px-text-size-label-m-tablet);gap:var(--px-spacing-after-element-2xs-tablet)}.btn:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}.btn:not(.secondary,.tertiary,.patch){padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="after"]){margin-right:calc(var(--px-padding-xs-tablet) * -1)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="before"]){margin-left:calc(var(--px-padding-xs-tablet) * -1)}.btn.secondary{padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}.btn.tertiary{padding:var(--px-padding-2xs-tablet) 0;gap:var(--px-spacing-after-element-xs-tablet)}.btn.tertiary ::slotted(px-icon){width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-tablet) var(--px-padding-s-tablet)}.btn.tertiary.loading ::slotted(px-spinner){width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}}@media only screen and (min-width: 1025px){.btn{font-size:var(--px-text-size-label-m-desktop);gap:var(--px-spacing-after-element-2xs-desktop)}.btn:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}.btn:not(.secondary,.tertiary,.patch){padding:var(--px-padding-xs-desktop) var(--px-padding-m-desktop)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="after"]){margin-right:calc(var(--px-padding-xs-desktop) * -1)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="before"]){margin-left:calc(var(--px-padding-xs-desktop) * -1)}.btn.secondary{padding:var(--px-padding-xs-desktop) var(--px-padding-m-desktop)}.btn.tertiary{padding:var(--px-padding-2xs-desktop) 0;gap:var(--px-spacing-after-element-xs-desktop)}.btn.tertiary ::slotted(px-icon){width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-desktop) var(--px-padding-s-desktop)}.btn.tertiary.loading ::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)}}',_='a,.link,::slotted(a){display:inline-flex;align-items:center;font-family:var(--px-font-family);font-size:var(--px-text-size-link-m-mobile);line-height:var(--px-line-height-m);font-weight:400;color:var(--px-text-color-heading-neutral-default)}a:hover,.link:hover{color:var(--px-text-color-action-hover-default)}a:focus,.link:focus{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-border-color-focus-outline-default)}a[aria-disabled=true],.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-text-color-action-disabled-default)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-after-element-2xs-mobile)}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-text-color-action-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-background-color-container-weak);padding:var(--px-padding-xs-mobile)}a.skip-link:focus{left:auto;z-index:999}:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a){color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) a:hover,:host([inverted]) .link:hover{color:var(--px-text-color-action-hover-inverted)}:host([inverted]) a:focus,:host([inverted]) .link:focus{outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) a[aria-disabled=true],:host([inverted]) .link[aria-disabled=true]{color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) ::slotted(a:hover){color:var(--px-text-color-action-hover-inverted)}:host([inverted]) a.skip-link{background-color:var(--px-background-color-container-weak-inverted)}@media only screen and (min-width: 768px){a,.link,::slotted(a){font-size:var(--px-text-size-link-m-tablet)}a:focus,.link:focus{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-after-element-2xs-tablet)}a.skip-link{padding:var(--px-padding-xs-tablet)}}@media only screen and (min-width: 1025px){a,.link,::slotted(a){font-size:var(--px-text-size-link-m-desktop)}a:focus,.link:focus{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-after-element-2xs-desktop)}a.skip-link{padding:var(--px-padding-xs-desktop)}}',E=".patch{display:inline-flex;align-items:center;padding:0 var(--px-padding-s-mobile);height:1.625rem;border:var(--px-border-size-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-label-m-mobile);line-height:var(--px-line-height-m);text-align:center;background-color:var(--px-background-color-purpose-promo-default);color:var(--px-text-color-action-neutral-inverted)}.patch,.patch *{box-sizing:border-box}.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-background-color-purpose-info-default);color:var(--px-text-color-action-neutral-default)}.black-friday{background-color:var(--px-background-color-container-neutral-rich-default);color:var(--px-text-color-action-neutral-inverted)}.eco{background-color:var(--px-background-color-purpose-success-default);color:var(--px-text-color-action-neutral-inverted)}.greyed{background-color:var(--px-background-color-action-disabled-default);color:var(--px-text-color-action-disabled-default)}:host([inverted]) .patch{background-color:var(--px-background-color-purpose-promo-inverted);color:var(--px-text-color-action-neutral-inverted)}:host([inverted]) .info{background-color:var(--px-background-color-purpose-info-inverted);color:var(--px-text-color-action-neutral-default)}:host([inverted]) .black-friday{background-color:var(--px-background-color-container-neutral-bare-default);color:var(--px-text-color-action-neutral-default)}:host([inverted]) .eco{background-color:var(--px-background-color-purpose-success-inverted);color:var(--px-text-color-action-neutral-default)}:host([inverted]) .greyed{background-color:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-action-disabled-inverted)}@media only screen and (min-width: 768px){.patch{padding:0 var(--px-padding-s-tablet);font-size:var(--px-text-size-label-m-tablet)}}@media only screen and (min-width: 1025px){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}@media only screen and (min-width: 1441px){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}",M=new CSSStyleSheet,B=new CSSStyleSheet,N=new CSSStyleSheet;M.replaceSync(T),B.replaceSync(_),N.replaceSync(E);const R=["","default","secondary","tertiary","link","patch","patch-info","patch-black-friday","patch-eco"],P=class extends o{constructor(){super(M,B,N),this.template=()=>'<slot name="before"></slot><slot></slot><slot name="after"></slot>';const e=document.createElement(this.nativeName);e.classList.add("btn"),e.innerHTML=this.template(),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"variant","state","extended","loading","shape","inverted"]}connectedCallback(){super.connectedCallback();const e=this.querySelectorAll("px-icon");e&&e.forEach((e=>{const t=e.getAttribute("size"),r=e.getAttribute("color");e&&(e.addEventListener("click",(()=>{this.$el.focus()})),t||e.setAttribute("size","xs"),r||e.setAttribute("color","inherit"))}))}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateVariant(t,r,R);break;case"state":this.updateState(t,r);break;case"extended":this.updateExtended();break;case"loading":this.updateLoading();break;case"shape":this.updateShape(t,r);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return!!e.includes(t)}checkClass(e){if(e.startsWith("patch-")){const t=e.split(/-(.*)/s);for(const e of t)""!=e&&this.$el.classList.toggle(e)}else this.$el.classList.toggle(e)}_toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.checkClass(e),null!==t&&""!==t&&"default"!==t&&this.checkClass(t)}updateVariant(e,t,r){"link"===t?this.$el.classList.remove("btn"):this.$el.classList.add("btn"),this._toggleClass(e,t),this.checkName(r,t)||console.error(`Bad "variant" value for ${this.$el}`)}updateState(e,t){this._toggleClass(e,t),this.checkName(["","default","success","error"],t)||console.error(`Bad "sate" value for ${this.$el}`)}updateExtended(){this.$el.classList.toggle("extended")}updateLoading(){const e=this.querySelector("px-spinner");if(e){e.getAttribute("size")||e.setAttribute("size","xs")}this.$el.classList.toggle("loading")}updateShape(e,t){this._toggleClass(e,t),this.checkName(["","default","bottom-right","bottom-left","alternative"],t)||console.error(`Bad "shape" value for ${this.$el}`)}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get state(){return this.getAttribute("state")}set state(e){this.setAttribute("state",e)}get extended(){return this.getAttribute("extended")}set extended(e){this.setAttribute("extended",e)}get loading(){return this.getAttribute("loading")}set loading(e){this.setAttribute("loading",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)}};P.nativeName="button";let V=P;customElements.get("px-button")||customElements.define("px-button",V);class I 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",I);const H=["2xs","xs","s","m","l","xl","2xl"],j=["","default","inherit","content-brand","content-neutral-strong","content-neutral-weak","action-brand","action-neutral","action-hover","action-active","action-disabled","purpose-success","purpose-warning","purpose-error","purpose-unlimited","purpose-promo"],q=["name","size","color","aria-label","inverted","from"];class D extends r{static get observedAttributes(){return[...super.observedAttributes,...q]}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,H);break;case"color":this.updateAttribute(e,t,r,j);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 W=":host{line-height:1;display:inline-flex;flex-direction:column;justify-content:center}i{font-family:lavender;color:var(--px-icon-color-content-brand-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-icon-color-content-brand-default)}.inherit{color:inherit}.content-brand{color:var(--px-icon-color-content-brand-default)}.content-neutral-strong{color:var(--px-icon-color-content-neutral-strong-default)}.content-neutral-weak{color:var(--px-icon-color-content-neutral-weak-default)}.action-brand{color:var(--px-icon-color-action-brand-default)}.action-neutral{color:var(--px-icon-color-action-neutral-default)}.action-hover:hover{color:var(--px-icon-color-action-hover-default)}.action-active:active{color:var(--px-icon-color-action-active-default)}.action-disabled{color:var(--px-icon-color-action-disabled-default)}.purpose-success{color:var(--px-icon-color-purpose-success-default)}.purpose-warning{color:var(--px-icon-color-purpose-warning-default)}.purpose-error{color:var(--px-icon-color-purpose-error-default)}.purpose-unlimited{color:var(--px-icon-color-purpose-unlimited-default)}.purpose-promo{color:var(--px-icon-color-purpose-promo-default)}:host([inverted]) i{color:var(--px-icon-color-content-brand-inverted)}:host([inverted]) svg{color:var(--px-icon-color-content-brand-inverted)}:host([inverted]) .content-brand{color:var(--px-icon-color-content-brand-inverted)}:host([inverted]) .content-neutral-strong{color:var(--px-icon-color-content-neutral-strong-inverted)}:host([inverted]) .content-neutral-weak{color:var(--px-icon-color-content-neutral-weak-inverted)}:host([inverted]) .action-brand{color:var(--px-icon-color-action-brand-inverted)}:host([inverted]) .action-neutral{color:var(--px-icon-color-action-neutral-inverted)}:host([inverted]) .action-hover:hover{color:var(--px-icon-color-action-hover-inverted)}:host([inverted]) .action-active:active{color:var(--px-icon-color-action-active-inverted)}:host([inverted]) .action-disabled{color:var(--px-icon-color-action-disabled-inverted)}:host([inverted]) .purpose-success{color:var(--px-icon-color-purpose-success-inverted)}:host([inverted]) .purpose-warning{color:var(--px-icon-color-purpose-warning-inverted)}:host([inverted]) .purpose-error{color:var(--px-icon-color-purpose-error-inverted)}:host([inverted]) .purpose-unlimited{color:var(--px-icon-color-purpose-unlimited-inverted)}:host([inverted]) .purpose-promo{color:var(--px-icon-color-purpose-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}",O=new CSSStyleSheet;O.replaceSync(W);class G extends D{constructor(){super(O),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",G);const F=new CSSStyleSheet,Y=new CSSStyleSheet;F.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:""}'),Y.replaceSync(W);class Z extends D{constructor(){super(F,Y),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",Z);const J=new CSSStyleSheet;J.replaceSync('.container{font-family:var(--px-font-family);background-color:var(--background-color);background-image:var(--background-image);background:var(--background-gradient);border-radius:var(--px-radius-main);padding:var(--container-padding-top--mobile) var(--container-padding-right--mobile) var(--container-padding-bottom--mobile) var(--container-padding-left--mobile);box-sizing:border-box}:host([inverted]) .container{background-color:var(--background-color-inverted)}.border-none{border:none}.border-s{border:var(--px-border-size-s) solid var(--border-color)}.border-m{border:var(--px-border-size-m) solid var(--border-color)}.border-l{border:var(--px-border-size-l) solid var(--border-color)}.border-side-top{border-bottom-style:none;border-right-style:none;border-left-style:none}.border-side-right{border-top-style:none;border-bottom-style:none;border-left-style:none}.border-side-bottom{border-top-style:none;border-right-style:none;border-left-style:none}.border-side-left{border-top-style:none;border-right-style:none;border-bottom-style:none}.border-side-block{border-inline-style:none}.border-side-inline{border-block-style:none}:host([inverted]) .border-s,:host([inverted]) .border-m,:host([inverted]) .border-l{border-color:var(--border-color-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:none}.box-shadow-s{box-shadow:0 1px 2px #2525251f}.box-shadow-m{box-shadow:0 4px 6px -1px #25252514}.box-shadow-l{box-shadow:0 10px 15px -3px #25252514}.box-shadow-xl{box-shadow:0 20px 25px -5px #25252514}.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(--container-padding-right--mobile)}::slotted([slot="anchor-left"]){left:var(--container-padding-left--mobile)}::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-image--mobile, var( --background-image, var(--background-gradient--mobile, var(--background-gradient)) ) )}:host([inverted]) .container{background-color:var( --background-color-inverted--mobile, var(--background-color-inverted) )}.border-side-top--mobile{border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none}.border-side-right--mobile{border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:none}.border-side-bottom--mobile{border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none}.border-side-left--mobile{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:solid}.border-side-block--mobile{border-inline-style:none;border-block-style:solid}.border-side-inline--mobile{border-block-style:none;border-inline-style:solid}.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-size-s) * -1);left:calc(var(--px-border-size-s) * -1)}.border-m ::slotted([slot="anchor-full"]){right:calc(var(--px-border-size-m) * -1);left:calc(var(--px-border-size-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{padding:var(--container-padding-top--tablet) var(--container-padding-right--tablet) var(--container-padding-bottom--tablet) var(--container-padding-left--tablet);background-color:var(--background-color--tablet, var(--background-color));background-image:var( --background-image--tablet, var( --background-image, var(--background-gradient--tablet, var(--background-gradient)) ) )}:host([inverted]) .container{background-color:var( --background-color-inverted--tablet, var(--background-color-inverted) )}.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)}.border-side-top--tablet{border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none}.border-side-right--tablet{border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:none}.border-side-bottom--tablet{border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none}.border-side-left--tablet{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:solid}.border-side-block--tablet{border-inline-style:none;border-block-style:solid}.border-side-inline--tablet{border-block-style:none;border-inline-style:solid}::slotted([slot="anchor-right"]){right:var(--container-padding-right--tablet)}::slotted([slot="anchor-left"]){left:var(--container-padding-left--tablet)}}@media only screen and (min-width: 1025px){.container{padding:var(--container-padding-top--laptop) var(--container-padding-right--laptop) var(--container-padding-bottom--laptop) var(--container-padding-left--laptop);background-color:var(--background-color--laptop, var(--background-color));background-image:var( --background-image--laptop, var( --background-image, var(--background-gradient--laptop, var(--background-gradient)) ) )}:host([inverted]) .container{background-color:var( --background-color-inverted--laptop, var(--background-color-inverted) )}.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)}::slotted([slot="anchor-right"]){right:var(--container-padding-right--laptop)}::slotted([slot="anchor-left"]){left:var(--container-padding-left--laptop)}.border-side-top--laptop{border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none}.border-side-right--laptop{border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:none}.border-side-bottom--laptop{border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none}.border-side-left--laptop{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:solid}.border-side-block--laptop{border-inline-style:none;border-block-style:solid}.border-side-inline--laptop{border-block-style:none;border-inline-style:solid}}');const K=["anchor-right","anchor-left","anchor-full"],Q=["","cover","contain","default"],U=class extends o{constructor(){super(J),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.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-color","border-side","border-side--mobile","border-side--tablet","border-side--laptop","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"]}connectedCallback(){var e,t,r,o;super.connectedCallback(),this.padding||this.paddingBlock||this.paddingInline||this.paddingTop||this.paddingRight||this.paddingBottom||this.paddingLeft||this.paddingMobile||this.paddingBlockMobile||this.paddingInlineMobile||this.paddingTopMobile||this.paddingRightMobile||this.paddingBottomMobile||this.paddingLeftMobile||this.paddingTablet||this.paddingBlockTablet||this.paddingInlineTablet||this.paddingTopTablet||this.paddingRightTablet||this.paddingBottomTablet||this.paddingLeftTablet||this.paddingLaptop||this.paddingBlockLaptop||this.paddingInlineLaptop||this.paddingTopLaptop||this.paddingRightLaptop||this.paddingBottomLaptop||this.paddingLeftLaptop||(this.padding="m"),this.backgroundColor||(this.backgroundColor="container-neutral-bare"),this.borderColor||(this.borderColor="container-main");const i=this.querySelector("[slot]");i&&K.includes(i.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)&&"px-a"!==(null==(o=this.parentElement)?void 0:o.localName)||(this.$el.style.height="100%")}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"padding":case"padding--mobile":case"padding--tablet":case"padding--laptop":this.updatePadding(e,t,r,d,["top","right","bottom","left"]);break;case"padding-inline":case"padding-inline--mobile":case"padding-inline--tablet":case"padding-inline--laptop":this.updatePadding(e,t,r,d,["left","right"]);break;case"padding-block":case"padding-block--mobile":case"padding-block--tablet":case"padding-block--laptop":this.updatePadding(e,t,r,d,["top","bottom"]);break;case"padding-top":case"padding-top--mobile":case"padding-top--tablet":case"padding-top--laptop":this.updatePadding(e,t,r,d,["top"]);break;case"padding-right":case"padding-right--mobile":case"padding-right--tablet":case"padding-right--laptop":this.updatePadding(e,t,r,d,["right"]);break;case"padding-bottom":case"padding-bottom--mobile":case"padding-bottom--tablet":case"padding-bottom--laptop":this.updatePadding(e,t,r,d,["bottom"]);break;case"padding-left":case"padding-left--mobile":case"padding-left--tablet":case"padding-left--laptop":this.updatePadding(e,t,r,d,["left"]);break;case"border":this.updateAttribute(e,t,r,c);break;case"border-color":this.updateBorderColor(e,r);break;case"border-side":case"border-side--mobile":case"border-side--tablet":case"border-side--laptop":this.updateAttribute(e,t,r,u);break;case"border-radius":this.updateAttribute(e,t,r,p);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateNoBorderRadius(e,t,r,m);break;case"background-color":case"background-color--mobile":case"background-color--tablet":case"background-color--laptop":this.updateBackgroundColor(e,r);break;case"background-gradient":case"background-gradient--mobile":case"background-gradient--tablet":case"background-gradient--laptop":this.updateGradient(e,r);break;case"background-size":this.updateAttribute(e,t,r,Q);break;case"background-image":case"background-image--mobile":case"background-image--tablet":case"background-image--laptop":this.updateBackgroundImg(e,r);break;case"background-position":null!==r&&""!==r&&(this.$el.style.backgroundPosition=r);break;case"box-shadow":this.updateAttribute(e,t,r,g);break;default:super.attributeChangedCallback(e,t,r)}}updatePadding(e,t,r,o,i){if(!this.checkName(o,r))return void console.error(`Bad ${e} value for`,this.$el);const a=e.includes("--"),n=a?e.split("--")[1]:"",s=(e,t,r,o)=>{const i="laptop"===e?"desktop":e;null!==t&&""!==t&&"default"!==t&&r.forEach((r=>{const a=`--container-padding-${r}--${e}`;!o&&this.$el.style.getPropertyValue(a)||this.$el.style.setProperty(a,`var(--px-padding-${t}-${i})`)}))};a?(s(n,t,i,!0),s(n,r,i,!0)):["mobile","tablet","laptop"].forEach((e=>{s(e,t,i,!1),s(e,r,i,!1)}))}updateBackgroundImg(e,t){this.$el.style.setProperty(`--${e}`,`url("${t}")`)}updateGradient(e,t){if(this.checkName(x,t)){const r=this.splitAttrNameFromBreakpoint(e);e=r.attrName;const o=r.breakpoint;this.$el.style.setProperty(`--${e}${o}`,`linear-gradient(var(--px-background-color-container-gradient-${t}))`)}else console.error(`${t} is not an allowed background-gradient value for ${this.$el}`)}updateBackgroundColor(e,t){if(this.checkName(h,t)){const r=this.splitAttrNameFromBreakpoint(e),o=r.breakpoint;this.$el.style.setProperty(`--${r.attrName}${o}`,`var(--px-background-color-${t}-default)`),this.$el.style.setProperty(`--${r.attrName}-inverted${o}`,`var(--px-background-color-${t}-inverted)`)}else console.error(`${t} is not an allowed ${e} value for ${this.$el}`)}updateBorderColor(e,t){this.checkName(b,t)?(this.$el.style.setProperty(`--${e}`,`var(--px-border-color-${t}-default)`),this.$el.style.setProperty(`--${e}-inverted`,`var(--px-border-color-${t}-inverted)`)):console.error(`${t} is not an allowed ${e} value for ${this.$el}`)}updateNoBorderRadius(e,t,r,o){if(this.checkName(o,r)){const o=this.splitAttrNameFromBreakpoint(e),i=o.breakpoint;null!==t&&""!==t&&this.$el.classList.toggle(`${o.attrName}-${t}${i}`),null!==r&&""!==r&&this.$el.classList.toggle(`${o.attrName}-${r}${i}`)}else console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}updateAttribute(e,t,r,o){if(this.checkName(o,r)){const o=this.splitAttrNameFromBreakpoint(e),i=o.breakpoint;null!==t&&""!==t&&this.$el.classList.toggle(`${o.attrName}-${t}${i}`),null!==r&&""!==r&&this.$el.classList.toggle(`${o.attrName}-${r}${i}`)}else console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}splitAttrNameFromBreakpoint(e){let t="";if(["--mobile","--tablet","--laptop"].some((t=>e.includes(t)))){const r=e.split("--");e=r[0],t=`--${r[1]}`}return{attrName:e,breakpoint:t}}checkName(e,t){return e.includes(t)}get padding(){return this.getAttribute("padding")}set padding(e){this.setAttribute("padding",e)}get paddingBlock(){return this.getAttribute("padding-block")}set paddingBlock(e){this.setAttribute("padding-block",e)}get paddingInline(){return this.getAttribute("padding-inline")}set paddingInline(e){this.setAttribute("padding-inline",e)}get paddingTop(){return this.getAttribute("padding-top")}set paddingTop(e){this.setAttribute("padding-top",e)}get paddingRight(){return this.getAttribute("padding-right")}set paddingRight(e){this.setAttribute("padding-right",e)}get paddingBottom(){return this.getAttribute("padding-bottom")}set paddingBottom(e){this.setAttribute("padding-bottom",e)}get paddingLeft(){return this.getAttribute("padding-left")}set paddingLeft(e){this.setAttribute("padding-left",e)}get paddingMobile(){return this.getAttribute("padding--mobile")}set paddingMobile(e){this.setAttribute("padding--mobile",e)}get paddingBlockMobile(){return this.getAttribute("padding-block--mobile")}set paddingBlockMobile(e){this.setAttribute("padding-block--mobile",e)}get paddingInlineMobile(){return this.getAttribute("padding-inline--mobile")}set paddingInlineMobile(e){this.setAttribute("padding-inline--mobile",e)}get paddingTopMobile(){return this.getAttribute("padding-top--mobile")}set paddingTopMobile(e){this.setAttribute("padding-top--mobile",e)}get paddingRightMobile(){return this.getAttribute("padding-right--mobile")}set paddingRightMobile(e){this.setAttribute("padding-right--mobile",e)}get paddingBottomMobile(){return this.getAttribute("padding-bottom--mobile")}set paddingBottomMobile(e){this.setAttribute("padding-bottom--mobile",e)}get paddingLeftMobile(){return this.getAttribute("padding-left--mobile")}set paddingLeftMobile(e){this.setAttribute("padding-left--mobile",e)}get paddingTablet(){return this.getAttribute("padding--tablet")}set paddingTablet(e){this.setAttribute("padding--tablet",e)}get paddingBlockTablet(){return this.getAttribute("padding-block--tablet")}set paddingBlockTablet(e){this.setAttribute("padding-block--tablet",e)}get paddingInlineTablet(){return this.getAttribute("padding-inline--tablet")}set paddingInlineTablet(e){this.setAttribute("padding-inline--tablet",e)}get paddingTopTablet(){return this.getAttribute("padding-top--tablet")}set paddingTopTablet(e){this.setAttribute("padding-top--tablet",e)}get paddingRightTablet(){return this.getAttribute("padding-right--tablet")}set paddingRightTablet(e){this.setAttribute("padding-right--tablet",e)}get paddingBottomTablet(){return this.getAttribute("padding-bottom--tablet")}set paddingBottomTablet(e){this.setAttribute("padding-bottom--tablet",e)}get paddingLeftTablet(){return this.getAttribute("padding-left--tablet")}set paddingLeftTablet(e){this.setAttribute("padding-left--tablet",e)}get paddingLaptop(){return this.getAttribute("padding--laptop")}set paddingLaptop(e){this.setAttribute("padding--laptop",e)}get paddingBlockLaptop(){return this.getAttribute("padding-block--laptop")}set paddingBlockLaptop(e){this.setAttribute("padding-block--laptop",e)}get paddingInlineLaptop(){return this.getAttribute("padding-inline--laptop")}set paddingInlineLaptop(e){this.setAttribute("padding-inline--laptop",e)}get paddingTopLaptop(){return this.getAttribute("padding-top--laptop")}set paddingTopLaptop(e){this.setAttribute("padding-top--laptop",e)}get paddingRightLaptop(){return this.getAttribute("padding-right--laptop")}set paddingRightLaptop(e){this.setAttribute("padding-right--laptop",e)}get paddingBottomLaptop(){return this.getAttribute("padding-bottom--laptop")}set paddingBottomLaptop(e){this.setAttribute("padding-bottom--laptop",e)}get paddingLeftLaptop(){return this.getAttribute("padding-left--laptop")}set paddingLeftLaptop(e){this.setAttribute("padding-left--laptop",e)}get border(){return this.getAttribute("border")}set border(e){this.setAttribute("border",e)}get borderColor(){return this.getAttribute("border-color")}set borderColor(e){this.setAttribute("border-color",e)}get borderSide(){return this.getAttribute("border-side")}set borderSide(e){this.setAttribute("border-side",e)}get borderSideMobile(){return this.getAttribute("border-side--mobile")}set borderSideMobile(e){this.setAttribute("border-side--mobile",e)}get borderSideTablet(){return this.getAttribute("border-side--tablet")}set borderSideTablet(e){this.setAttribute("border-side--tablet",e)}get borderSideLaptop(){return this.getAttribute("border-side--laptop")}set borderSideLaptop(e){this.setAttribute("border-side--laptop",e)}get borderRadius(){return this.getAttribute("border-radius")}set borderRadius(e){this.setAttribute("border-radius",e)}get noBorderRadius(){return this.getAttribute("no-border-radius")}set noBorderRadius(e){this.setAttribute("no-border-radius",e)}get noBorderRadiusMobile(){return this.getAttribute("no-border-radius--mobile")}set noBorderRadiusMobile(e){this.setAttribute("no-border-radius--mobile",e)}get noBorderRadiusTablet(){return this.getAttribute("no-border-radius--tablet")}set noBorderRadiusTablet(e){this.setAttribute("no-border-radius--tablet",e)}get noBorderRadiusLaptop(){return this.getAttribute("no-border-radius--laptop")}set noBorderRadiusLaptop(e){this.setAttribute("no-border-radius--laptop",e)}get backgroundColor(){return this.getAttribute("background-color")}set backgroundColor(e){this.setAttribute("background-color",e)}get backgroundColorMobile(){return this.getAttribute("background-color--mobile")}set backgroundColorMobile(e){this.setAttribute("background-color--mobile",e)}get backgroundColorTablet(){return this.getAttribute("background-color--tablet")}set backgroundColorTablet(e){this.setAttribute("background-color--tablet",e)}get backgroundColorLaptop(){return this.getAttribute("background-color--laptop")}set backgroundColorLaptop(e){this.setAttribute("background-color--laptop",e)}get gradient(){return this.getAttribute("background-gradient")}set gradient(e){this.setAttribute("background-gradient",e)}get gradientMobile(){return this.getAttribute("background-gradient--mobile")}set gradientMobile(e){this.setAttribute("background-gradient--mobile",e)}get gradientTablet(){return this.getAttribute("background-gradient--tablet")}set gradientTablet(e){this.setAttribute("background-gradient--tablet",e)}get gradientLaptop(){return this.getAttribute("background-gradient--laptop")}set gradientLaptop(e){this.setAttribute("background-gradient--laptop",e)}get backgroundImage(){return this.getAttribute("background-image")}set backgroundImage(e){this.setAttribute("background-image",e)}get backgroundImageMobile(){return this.getAttribute("background-image--mobile")}set backgroundImageMobile(e){this.setAttribute("background-image--mobile",e)}get backgroundImageTablet(){return this.getAttribute("background-image--tablet")}set backgroundImageTablet(e){this.setAttribute("background-image--tablet",e)}get backgroundImageLaptop(){return this.getAttribute("background-image--laptop")}set backgroundImageLaptop(e){this.setAttribute("background-image--laptop",e)}get backgroundSize(){return this.getAttribute("background-size")}set backgroundSize(e){this.setAttribute("background-size",e)}get backgroundPosition(){return this.getAttribute("background-position")}set backgroundPosition(e){this.setAttribute("background-position",e)}get boxShadow(){return this.getAttribute("box-shadow")}set boxShadow(e){this.setAttribute("box-shadow",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}};U.nativeName="div";let X=U;customElements.define("px-container",X);const ee="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-text-color-heading-brand-default) );text-align:var(--heading-text-align--mobile, left);font-size:var(--px-text-size-heading-s-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-text-color-heading-brand-inverted) )}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-5xl-mobile);line-height:var(--px-line-height-s);font-weight:900}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-mobile);line-height:var(--px-line-height-s);font-weight:900}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-3xl-mobile);line-height:var(--px-line-height-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-2xl-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-mobile)}.style-subtitle{font-size:var(--px-text-size-heading-xl-mobile);font-weight:300}.style-title-s{font-size:var(--px-text-size-heading-s-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-heading-5xl-tablet)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-tablet)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-3xl-tablet)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-2xl-tablet)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-tablet)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-tablet)}.style-title-s{font-size:var(--px-text-size-heading-s-tablet)}.style-subtitle{font-size:var(--px-text-size-heading-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-heading-5xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-3xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-2xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-desktop)}.style-title-s{font-size:var(--px-text-size-heading-s-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-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)}}",te=":host>*:first-child{--font-weight-light: 300;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-extrabold: 900}.color-inherit{color:inherit}.color-action-brand{color:var(--px-text-color-action-brand-default)}.color-action-neutral{color:var(--px-text-color-action-neutral-default)}.color-action-hover{color:var(--px-text-color-action-hover-default)}.color-action-active{color:var(--px-text-color-action-active-default)}.color-action-disabled{color:var(--px-text-color-action-disabled-default)}.color-body-neutral-strong{color:var(--px-text-color-body-neutral-strong-default)}.color-body-neutral-weak{color:var(--px-text-color-body-neutral-weak-default)}.color-heading-brand{color:var(--px-text-color-heading-brand-default)}.color-heading-neutral{color:var(--px-text-color-heading-neutral-default)}.color-purpose-success{color:var(--px-text-color-purpose-success-default)}.color-purpose-warning{color:var(--px-text-color-purpose-warning-default)}.color-purpose-error{color:var(--px-text-color-purpose-error-default)}.color-purpose-unlimited{color:var(--px-text-color-purpose-unlimited-default)}.color-purpose-promo{color:var(--px-text-color-purpose-promo-default)}:host([inverted]) .color-inherit{color:inherit}:host([inverted]) .color-action-brand{color:var(--px-text-color-action-brand-inverted)}:host([inverted]) .color-action-neutral{color:var(--px-text-color-action-neutral-inverted)}:host([inverted]) .color-action-hover{color:var(--px-text-color-action-hover-inverted)}:host([inverted]) .color-action-active{color:var(--px-text-color-action-active-inverted)}:host([inverted]) .color-action-disabled{color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) .color-body-neutral-strong{color:var(--px-text-color-body-neutral-strong-inverted)}:host([inverted]) .color-body-neutral-weak{color:var(--px-text-color-body-neutral-weak-inverted)}:host([inverted]) .color-heading-brand{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) .color-heading-neutral{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) .color-purpose-success{color:var(--px-text-color-purpose-success-inverted)}:host([inverted]) .color-purpose-warning{color:var(--px-text-color-purpose-warning-inverted)}:host([inverted]) .color-purpose-error{color:var(--px-text-color-purpose-error-inverted)}:host([inverted]) .color-purpose-unlimited{color:var(--px-text-color-purpose-unlimited-inverted)}:host([inverted]) .color-purpose-promo{color:var(--px-text-color-purpose-promo-inverted)}.font-size-inherit{font-size:inherit;line-height:inherit}.font-size-body-l{font-size:var(--px-text-size-body-l-mobile)}.font-size-body-m{font-size:var(--px-text-size-body-m-mobile)}.font-size-body-s{font-size:var(--px-text-size-body-s-mobile)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-mobile)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-mobile)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-mobile)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-mobile)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-mobile)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-mobile)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-mobile)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-mobile)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-mobile)}@media only screen and (min-width: 768px){.font-size-body-l{font-size:var(--px-text-size-body-l-tablet)}.font-size-body-m{font-size:var(--px-text-size-body-m-tablet)}.font-size-body-s{font-size:var(--px-text-size-body-s-tablet)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-tablet)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-tablet)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-tablet)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-tablet)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-tablet)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-tablet)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-tablet)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-tablet)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-tablet)}}@media only screen and (min-width: 1025px){.font-size-body-l{font-size:var(--px-text-size-body-l-desktop)}.font-size-body-m{font-size:var(--px-text-size-body-m-desktop)}.font-size-body-s{font-size:var(--px-text-size-body-s-desktop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-desktop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-desktop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-desktop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-desktop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-desktop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-desktop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-desktop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-desktop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-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)}",re=new CSSStyleSheet;re.replaceSync(ee);const oe=new CSSStyleSheet;oe.replaceSync(te);class ie extends o{template(){return"<slot></slot>"}constructor(e){super(re,oe);const t=document.createElement(e);t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"variant","color","text-align","text-align--mobile","text-align--tablet","text-align--laptop","text-align--desktop","inverted"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateAttribute(e,t,r,v);break;case"color":this.updateColor(t,r,a);break;case"text-align":case"text-align--mobile":case"text-align--tablet":case"text-align--laptop":case"text-align--desktop":this.updateTextAlign(e,t,r,l);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(`${r} is not an allowed "${e}" value for`,this.$el)}updateColor(e,t,r){if(!this.checkName(r,t))return void console.error("Bad color value for",this.$el);const o=e=>{null!==e&&""!==e&&"default"!==e&&(this.$el.style.setProperty("--heading-color-default",`var(--px-text-color-${e}-default)`),this.$el.style.setProperty("--heading-color-inverted",`var(--px-text-color-${e}-inverted)`))};o(e),o(t)}updateTextAlign(e,t,r,o){if(!this.checkName(o,r))return void console.error(`Bad ${e} value for`,this.$el);const i=(e,t)=>{null!==t&&""!==t&&"default"!==t&&this.$el.style.setProperty(`--heading-text-align--${e}`,t)};if("text-align"===e)["mobile","tablet","laptop","desktop"].forEach((e=>{i(e,t),i(e,r)}));else{const o=e.split("--")[1];i(o,t),i(o,r)}}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 textAlign(){return this.getAttribute("text-align")}set textAlign(e){this.setAttribute("text-align",e)}get textAlignMobile(){return this.getAttribute("text-align--mobile")}set textAlignMobile(e){this.setAttribute("text-align--mobile",e)}get textAlignTablet(){return this.getAttribute("text-align--tablet")}set textAlignTablet(e){this.setAttribute("text-align--tablet",e)}get textAlignLaptop(){return this.getAttribute("text-align--laptop")}set textAlignLaptop(e){this.setAttribute("text-align--laptop",e)}get textAlignDesktop(){return this.getAttribute("text-align--desktop")}set textAlignDesktop(e){this.setAttribute("text-align--desktop",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}}const ae=class extends ie{constructor(){super("h1")}};ae.nativeName="h1";let ne=ae;customElements.define("px-h1",ne);const se=class extends ie{constructor(){super("h2")}};se.nativeName="h2";let le=se;customElements.define("px-h2",le);const de=class extends ie{constructor(){super("h3")}};de.nativeName="h3";let ce=de;customElements.define("px-h3",ce);const pe=class extends ie{constructor(){super("h4")}};pe.nativeName="h4";let be=pe;customElements.define("px-h4",be);const ue=class extends ie{constructor(){super("h5")}};ue.nativeName="h5";let he=ue;customElements.define("px-h5",he);const ge=class extends ie{constructor(){super("h6")}};ge.nativeName="h6";let ve=ge;customElements.define("px-h6",ve);const xe=new CSSStyleSheet;xe.replaceSync(":host,:host *{box-sizing:border-box}:host .content-wrapper{margin-inline:var(--px-padding-s-mobile);max-width:1200px}@media only screen and (min-width: 1232px){:host .content-wrapper{margin-inline:auto}}");class me extends HTMLElement{constructor(){super(),this.template=()=>`\n    <px-container border-radius="none" padding-inline="none" background-color="${this.backgroundColor}">\n      <div class="content-wrapper">\n        <px-vstack gap="heading-to-content">\n          <slot name="heading"></slot>\n          <px-vstack gap="after-element-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=[xe]}connectedCallback(){const e=this.querySelector('[slot="heading"]');this.paddingBlock||this.paddingTop||this.paddingBottom||this.paddingBlockMobile||this.paddingTopMobile||this.paddingBottomMobile||this.paddingBlockTablet||this.paddingTopTablet||this.paddingBottomTablet||this.paddingBlockLaptop||this.paddingTopLaptop||this.paddingBottomLaptop||(this.$container.paddingBlock="none"),e||this.shadowRoot.querySelector("px-vstack").setAttribute("gap","after-element-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","padding-block--mobile","padding-top--mobile","padding-bottom--mobile","padding-block--tablet","padding-top--tablet","padding-bottom--tablet","padding-block--laptop","padding-top--laptop","padding-bottom--laptop","border","border-side","border-side--mobile","border-side--tablet","border-side--laptop"]}get $container(){return this.shadowRoot.querySelector("px-container")}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"background-color":this.$container.backgroundColor=h.indexOf(r)>0?r:"none";break;case"background-gradient":this.$container.gradient=this.gradient;break;case"background-image":this.$container.backgroundImage=r;break;case"background-image--mobile":this.$container.backgroundImageMobile=r;break;case"background-image--tablet":this.$container.backgroundImageTablet=r;break;case"background-image--laptop":this.$container.backgroundImageLaptop=r;break;case"background-size":this.$container.backgroundSize=r;break;case"background-position":this.$container.backgroundPosition=r;break;case"padding-block":this.$container.paddingBlock=r;break;case"padding-top":this.$container.paddingTop=r;break;case"padding-bottom":this.$container.paddingBottom=r;break;case"padding-block--mobile":this.$container.paddingBlockMobile=r;break;case"padding-top--mobile":this.$container.paddingTopMobile=r;break;case"padding-bottom--mobile":this.$container.paddingBottomMobile=r;break;case"padding-block--tablet":this.$container.paddingBlockTablet=r;break;case"padding-top--tablet":this.$container.paddingTopTablet=r;break;case"padding-bottom--tablet":this.$container.paddingBottomTablet=r;break;case"padding-block--laptop":this.$container.paddingBlockLaptop=r;break;case"padding-top--laptop":this.$container.paddingTopLaptop=r;break;case"padding-bottom--laptop":this.$container.paddingBottomLaptop=r;break;case"border":this.$container.border=r;break;case"border-side":this.$container.borderSide=r;break;case"border-side--mobile":this.$container.borderSideMobile=r;break;case"border-side--tablet":this.$container.borderSideTablet=r;break;case"border-side--laptop":this.$container.borderSideLaptop=r}}get backgroundColor(){return this.getAttribute("background-color")||"none"}set backgroundColor(e){this.setAttribute("background-color",e)}get gradient(){return this.getAttribute("background-gradient")}set gradient(e){this.setAttribute("background-gradient",e)}get backgroundImage(){return this.getAttribute("background-image")}set backgroundImage(e){this.setAttribute("background-image",e)}get backgroundImageMobile(){return this.getAttribute("background-image--mobile")}set backgroundImageMobile(e){this.setAttribute("background-image--mobile",e)}get backgroundImageTablet(){return this.getAttribute("background-image--tablet")}set backgroundImageTablet(e){this.setAttribute("background-image--tablet",e)}get backgroundImageLaptop(){return this.getAttribute("background-image--laptop")}set backgroundImageLaptop(e){this.setAttribute("background-image--laptop",e)}get backgroundSize(){return this.getAttribute("background-size")}set backgroundSize(e){this.setAttribute("background-size",e)}get backgroundPosition(){return this.getAttribute("background-position")}set backgroundPosition(e){this.setAttribute("background-position",e)}get paddingBlock(){return this.getAttribute("padding-block")}set paddingBlock(e){this.setAttribute("padding-block",e)}get paddingTop(){return this.getAttribute("padding-top")}set paddingTop(e){this.setAttribute("padding-top",e)}get paddingBottom(){return this.getAttribute("padding-bottom")}set paddingBottom(e){this.setAttribute("padding-bottom",e)}get paddingBlockMobile(){return this.getAttribute("padding-block--mobile")}set paddingBlockMobile(e){this.setAttribute("padding-block--mobile",e)}get paddingTopMobile(){return this.getAttribute("padding-top--mobile")}set paddingTopMobile(e){this.setAttribute("padding-top--mobile",e)}get paddingBottomMobile(){return this.getAttribute("padding-bottom--mobile")}set paddingBottomMobile(e){this.setAttribute("padding-bottom--mobile",e)}get paddingBlockTablet(){return this.getAttribute("padding-block--tablet")}set paddingBlockTablet(e){this.setAttribute("padding-block--tablet",e)}get paddingTopTablet(){return this.getAttribute("padding-top--tablet")}set paddingTopTablet(e){this.setAttribute("padding-top--tablet",e)}get paddingBottomTablet(){return this.getAttribute("padding-bottom--tablet")}set paddingBottomTablet(e){this.setAttribute("padding-bottom--tablet",e)}get paddingBlockLaptop(){return this.getAttribute("padding-block--laptop")}set paddingBlockLaptop(e){this.setAttribute("padding-block--laptop",e)}get paddingTopLaptop(){return this.getAttribute("padding-top--laptop")}set paddingTopLaptop(e){this.setAttribute("padding-top--laptop",e)}get paddingBottomLaptop(){return this.getAttribute("padding-bottom--laptop")}set paddingBottomLaptop(e){this.setAttribute("padding-bottom--laptop",e)}get border(){return this.getAttribute("border")}set border(e){this.setAttribute("border",e)}get borderSide(){return this.getAttribute("border-side")}set borderSide(e){this.setAttribute("border-side",e)}get borderSideMobile(){return this.getAttribute("border-side--mobile")}set borderSideMobile(e){this.setAttribute("border-side--mobile",e)}get borderSideTablet(){return this.getAttribute("border-side--tablet")}set borderSideTablet(e){this.setAttribute("border-side--tablet",e)}get borderSideLaptop(){return this.getAttribute("border-side--laptop")}set borderSideLaptop(e){this.setAttribute("border-side--laptop",e)}}customElements.define("px-section",me);const fe=new CSSStyleSheet;fe.replaceSync("details{font-family:var(--px-font-family);display:flex;flex-direction:column;align-items:flex-start}details summary{align-items:center;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}details summary:after{content:\"\";width:var(--px-action-size-m);height:var(--px-action-size-m);flex-shrink:0;background-color:var(--px-background-color-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-size-m) solid transparent;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}details summary:hover{cursor:pointer}details summary:hover:after{background-color:var( --px-background-color-action-hover-bordered-default );border-color:var(--px-border-color-action-hover-default);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}details:not(.single){border-bottom:var(--px-border-size-m) solid var(--px-border-color-container-main-default)}details:not(.single) ::slotted([slot=\"title\"]){flex-grow:1}details:not(.single) slot[name=content]{display:block;padding-block:var(--px-padding-s-mobile)}details:not(.single) summary{display:flex;padding:var(--px-padding-s-mobile);gap:var(--px-spacing-after-element-s-mobile);align-self:stretch}details:not(.single) summary:hover{background-color:var(--px-background-color-action-neutral-default)}details.single summary{display:inline-flex;padding-block:var(--px-padding-2xs-mobile);gap:var(--px-spacing-after-element-xs-mobile);justify-content:center;color:var(--px-text-color-heading-brand-default);font-weight:700;border:var(--px-border-size-m) solid transparent;border-radius:var(--px-radius-pill)}details.single summary:hover{gap:var(--px-spacing-after-element-2xs-mobile);padding:var(--px-padding-2xs-mobile) var(--px-padding-s-mobile);border-color:var(--px-border-color-action-hover-default)}details.single summary:hover:after{border-color:transparent;background-color:transparent;margin-right:calc(var(--px-padding-xs-mobile) * -1)}details.single slot[name=content]{display:block;padding-top:var(--px-spacing-inside-section-s-mobile)}details[open] summary slot[name=title]{color:var(--px-text-color-heading-brand-default);font-weight:700}details[open] summary:after{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}:host([inverted]) details{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) details summary:after{background-color:var(--px-background-color-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]) details summary:hover:after{background-color:var(--px-background-color-action-hover-default);border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]) details:not(.single){border-bottom-color:var(--px-border-color-container-main-inverted)}:host([inverted]) details:not(.single) summary:hover{background-color:var(--px-background-color-action-neutral-inverted)}:host([inverted]) details.single summary{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) details.single summary:hover{border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]) details.single summary:hover:after{border-color:transparent;background-color:transparent}:host([inverted]) details[open] summary slot[name=title]{color:var(--px-text-color-heading-brand-inverted)}@media only screen and (min-width: 768px){details:not(.single) slot[name=content]{padding-block:var(--px-padding-s-tablet)}details:not(.single) summary{padding:var(--px-padding-s-tablet);gap:var(--px-spacing-after-element-s-tablet)}details.single summary{padding-block:var(--px-padding-2xs-tablet);gap:var(--px-spacing-after-element-xs-tablet)}details.single summary:hover{gap:var(--px-spacing-after-element-2xs-tablet);padding:var(--px-padding-2xs-tablet) var(--px-padding-s-tablet)}details.single summary:hover:after{margin-right:calc(var(--px-padding-xs-tablet) * -1)}details.single slot[name=content]{padding-top:var(--px-spacing-inside-section-s-tablet)}}@media only screen and (min-width: 1025px){details:not(.single) slot[name=content]{padding-block:var(--px-padding-s-desktop)}details:not(.single) summary{padding:var(--px-padding-s-desktop);gap:var(--px-spacing-after-element-s-desktop)}details.single summary{padding-block:var(--px-padding-2xs-desktop);gap:var(--px-spacing-after-element-xs-desktop)}details.single summary:hover{gap:var(--px-spacing-after-element-2xs-desktop);padding:var(--px-padding-2xs-desktop) var(--px-padding-s-desktop)}details.single summary:hover:after{margin-right:calc(var(--px-padding-xs-desktop) * -1)}details.single slot[name=content]{padding-top:var(--px-spacing-inside-section-s-desktop)}}");const ke=["","none","single"],ye=class extends o{constructor(){super(fe),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,ke);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)}};ye.nativeName="details";let we=ye;customElements.define("px-accordion",we);const ze=new CSSStyleSheet;ze.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-top--mobile,.no-border-radius-top--mobile img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--mobile,.no-border-radius-right--mobile img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--mobile,.no-border-radius-bottom--mobile img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--mobile,.no-border-radius-left--mobile img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--mobile,.no-border-radius-all--mobile 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-top--tablet,.no-border-radius-top--tablet img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--tablet,.no-border-radius-right--tablet img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--tablet,.no-border-radius-bottom--tablet img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--tablet,.no-border-radius-left--tablet img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--tablet,.no-border-radius-all--tablet 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-top--laptop,.no-border-radius-top--laptop img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--laptop,.no-border-radius-right--laptop img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--laptop,.no-border-radius-bottom--laptop img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--laptop,.no-border-radius-left--laptop img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--laptop,.no-border-radius-all--laptop img{border-radius:var(--px-radius-none)}}');const Ae=["","mobile","tablet","laptop"];class $e extends o{constructor(){super(ze)}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"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"hide-for":case"show-for":this.updateAttribute(e,t,r,Ae);break;case"border-radius":this.updateAttribute(e,t,r,p);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateAttribute(e,t,r,m);break;default:super.attributeChangedCallback(e,t,r)}}updateAttribute(e,t,r,o){if(this.checkName(o,r)){const o=this.splitAttrNameFromBreakpoint(e),i=o.breakpoint;null!==t&&""!==t&&this.$el.classList.toggle(`${o.attrName}-${t}${i}`),null!==r&&""!==r&&this.$el.classList.toggle(`${o.attrName}-${r}${i}`)}else console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}splitAttrNameFromBreakpoint(e){let t="";if(["--mobile","--tablet","--laptop"].some((t=>e.includes(t)))){const r=e.split("--");e=r[0],t=`--${r[1]}`}return{attrName:e,breakpoint:t}}checkName(e,t){return e.includes(t)}get hidefor(){return this.getAttribute("hide-for")}set hidefor(e){this.setAttribute("hide-for",e)}get showfor(){return this.getAttribute("show-for")}set showfor(e){this.setAttribute("show-for",e)}get borderRadius(){return this.getAttribute("border-radius")}set borderRadius(e){this.setAttribute("border-radius",e)}get noBorderRadius(){return this.getAttribute("no-border-radius")}set noBorderRadius(e){this.setAttribute("no-border-radius",e)}get noBorderRadiusMobile(){return this.getAttribute("no-border-radius--mobile")}set noBorderRadiusMobile(e){this.setAttribute("no-border-radius--mobile",e)}get noBorderRadiusTablet(){return this.getAttribute("no-border-radius--tablet")}set noBorderRadiusTablet(e){this.setAttribute("no-border-radius--tablet",e)}get noBorderRadiusLaptop(){return this.getAttribute("no-border-radius--laptop")}set noBorderRadiusLaptop(e){this.setAttribute("no-border-radius--laptop",e)}}const Se=class extends $e{constructor(){super();const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}};Se.nativeName="img";let Ce=Se;customElements.define("px-img",Ce);const Le=class extends $e{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||"")}};Le.nativeName="picture";let Te=Le;customElements.define("px-picture",Te);const _e=new CSSStyleSheet;_e.replaceSync(E);const Ee=["","default","info","black-friday","eco","greyed"],Me=["","default","bottom-right","bottom-left"];class Be 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=[_e]}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(Ee,t)||console.error('Bad "variant" value for patch')}updateShape(e,t){this._toggleClass(e,t),this.checkName(Me,t)||console.error('Bad "shape" value for patch')}get $el(){return this.shadowRoot.querySelector(".patch")}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}}customElements.get("px-patch")||customElements.define("px-patch",Be);const Ne=new CSSStyleSheet;Ne.replaceSync('.price{--price-s: var(--px-text-size-heading-l-mobile);--price-m: var(--px-text-size-heading-xl-mobile);--price-l: var(--px-text-size-heading-3xl-mobile);font-family:var(--px-font-family);white-space:nowrap;font-weight:700;color:var(--px-text-color-heading-brand-default);font-size:var(--price-s)}@media only screen and (min-width: 641px){.price{--price-s: var(--px-text-size-heading-l-tablet);--price-m: var(--px-text-size-heading-xl-tablet);--price-l: var(--px-text-size-heading-3xl-tablet)}}@media only screen and (min-width: 1025px){.price{--price-s: var(--px-text-size-heading-l-desktop);--price-m: var(--px-text-size-heading-xl-desktop);--price-l: var(--px-text-size-heading-3xl-desktop)}}.purpose-promo,.free{color:var(--px-text-color-purpose-promo-default)}.neutral{color:var(--px-text-color-heading-neutral-default)}.exceeding{color:var(--px-text-color-purpose-error-default)}.disabled{color:var(--px-text-color-action-disabled-default)}::slotted([slot="oldprice"]){text-decoration:line-through;color:var(--px-text-color-heading-neutral-default);font-size:var(--px-text-size-label-m-mobile);font-weight:400}@media only screen and (min-width: 641px){{font-size:var(--px-text-size-label-m-tablet)}}@media only screen and (min-width: 1025px){{font-size:var(--px-text-size-label-m-desktop)}}::slotted([slot="newpurpose-promoprice"]){position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}:host([inverted]) .price{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) .purpose-promo,:host([inverted]) .free{color:var(--px-text-color-purpose-promo-inverted)}:host([inverted]) .neutral{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) .exceeding{color:var(--px-text-color-purpose-error-inverted)}:host([inverted]) .disabled{color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) ::slotted(s){color:var(--px-text-color-heading-neutral-inverted)}.price:not(.purpose-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 Re=["default","purpose-promo","free","neutral","exceeding","disabled"],Pe=["","s","m","l"],Ve=class extends o{constructor(){super(Ne),this.template=()=>'<span class="price"><slot name="oldprice"></slot><slot name="newpurpose-promoprice"></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,Re);break;case"size":this.updateAttribute(e,t,r,Pe);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="newpurpose-promoprice"]'),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}`}};Ve.nativeName="span";let Ie=Ve;customElements.define("px-price",Ie);const He=new CSSStyleSheet;He.replaceSync(":host{box-sizing:border-box}.ribbon{font-family:var(--px-font-family);font-weight:700;font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-m);white-space:nowrap;text-align:left;color:var(--px-text-color-heading-brand-inverted);background-color:var(--px-background-color-container-neutral-rich-default);padding:var(--px-padding-xs-mobile) var(--px-padding-s-mobile);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-label-m-tablet);padding:var(--px-padding-xs-tablet) var(--px-padding-s-tablet)}}@media only screen and (min-width: 1025px){.ribbon{font-size:var(--px-text-size-label-m-desktop);padding:var(--px-padding-xs-desktop) var(--px-padding-s-desktop)}}");const je=class extends o{constructor(){super(He),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};je.nativeName="div";let qe=je;customElements.define("px-ribbon",qe);const De=new CSSStyleSheet;De.replaceSync(".separator{--separator-size: var(--px-border-size-m);--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-default, var(--px-border-color-container-main-default) );border-width:var(--separator-size) 0 0;width:initial;height:initial}.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}:host([inverted]) .separator{border-color:var( --px-separator-color-inverted, var(--px-border-color-container-main-inverted) )}@media only screen and (min-width: 768px){.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){.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}}");const We=["","default","horizontal","vertical"],Oe=["","default","none","s","m","l"],Ge=["","default","none","action-hover","action-active","action-neutral","container-main","container-brand","purpose-success","purpose-error","purpose-warning","purpose-unlimited"],Fe=class extends o{constructor(){super(De);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"]}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,t,r,We);break;case"size":this.updateSize(e,t,r,Oe);break;case"color":this.updateColor(e,t,r,Ge);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}updateSize(e,t,r,o){const i=e=>{null!==e&&""!==e&&"default"!==e&&this.$el.style.setProperty("--separator-size",`var(--px-border-size-${e})`)};this.checkName(o,r)?(i(t),i(r)):console.error(`Bad ${e} value for`,this.$el)}updateColor(e,t,r,o){const i=e=>{null!==e&&""!==e&&"default"!==e&&(this.$el.style.setProperty("--px-separator-color-default",`var(--px-border-color-${e}-default)`),this.$el.style.setProperty("--px-separator-color-inverted",`var(--px-border-color-${e}-inverted)`))};this.checkName(o,r)?(i(t),i(r)):console.error(`Bad ${e} value for`,this.$el)}updateDirection(e,t,r,o){const i=(e,t)=>{null!==t&&""!==t&&"default"!==t&&this.$el.classList.add(`separator-direction-${t}--${e}`)};if(this.checkName(o,r))if("direction"===e)["mobile","tablet","laptop","desktop"].forEach((e=>{Array.from(this.$el.classList).find((t=>t.startsWith("separator-direction-")&&t.endsWith(`--${e}`)))||i(e,r)}));else{const t=e.split("--")[1],o=Array.from(this.$el.classList).find((e=>e.startsWith("separator-direction-")&&e.endsWith(`--${t}`)));o?this.$el.classList.replace(o,`separator-direction-${r}--${t}`):i(t,r)}else console.error(`Bad "${e}" value for`,this.$el)}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)}};Fe.nativeName="hr";let Ye=Fe;customElements.define("px-separator",Ye);const Ze=new CSSStyleSheet;Ze.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-label-m-mobile);line-height:var(--px-line-height-m);font-weight:400;gap:var(--px-spacing-after-element-xs-mobile);background-color:var(--px-background-color-action-secondary-default);color:var(--px-text-color-action-brand-default);padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);border:var(--px-border-size-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-background-color-action-neutral-default);color:var(--px-text-color-action-neutral-default)}.outline{background-color:transparent;color:var(--px-text-color-heading-brand-default);border-color:var(--px-border-color-container-brand-default)}.pill{border-radius:var(--px-radius-pill)}:host([inverted]) .tag{background-color:var(--px-background-color-action-secondary-inverted);color:var(--px-text-color-action-brand-inverted)}:host([inverted]) .light{background-color:var(--px-background-color-action-neutral-inverted);color:var(--px-text-color-action-neutral-inverted)}:host([inverted]) .outline{background-color:transparent;color:var(--px-text-color-heading-brand-inverted);border-color:var(--px-border-color-action-hover-inverted)}@media only screen and (min-width: 768px){.tag{font-size:var(--px-text-size-label-m-tablet);gap:var(--px-spacing-after-element-xs-tablet);padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-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: 1025px){.tag{font-size:var(--px-text-size-label-m-desktop);gap:var(--px-spacing-after-element-xs-desktop);padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-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"],Ke=["","default","pill"];class Qe 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=[Ze]}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(Ke,t)||console.error('Bad "shape" value for tag')}}customElements.get("px-tag")||customElements.define("px-tag",Qe);const Ue=new CSSStyleSheet;Ue.replaceSync('*{font-family:var(--px-font-family)}#container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-spacing-after-element-default-mobile)}#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-background-color-action-neutral-default)}div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-background-color-action-active-default);border-radius:var(--px-radius-main)!important}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;margin:0;padding:var(--px-padding-s-mobile);cursor:pointer;height:inherit;width:inherit;font-size:var(--px-text-size-label-l-mobile);font-weight:700;text-wrap:nowrap;color:var(--px-text-color-heading-neutral-default);outline:none}button[aria-selected=""]{cursor:auto;padding-block:var(--px-padding-m-mobile);color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) div[role=tablist] ::slotted(px-tab){background-color:var(--px-background-color-action-neutral-inverted)}:host([inverted]) div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-background-color-action-active-inverted)}:host([inverted]) button[role=tab]{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) button[aria-selected=""]{color:var(--px-text-color-heading-brand-default)}@media only screen and (min-width: 768px){#container{gap:var(--px-spacing-after-element-default-tablet)}button[role=tab]{padding:var(--px-padding-s-tablet);font-size:var(--px-text-size-label-l-tablet)}button[aria-selected=""]{padding-block:var(--px-padding-m-tablet)}}@media only screen and (min-width: 1025px){#container{gap:var(--px-spacing-after-element-default-desktop)}button[role=tab]{padding:var(--px-padding-s-desktop);font-size:var(--px-text-size-label-l-desktop)}button[aria-selected=""]{padding-block:var(--px-padding-m-desktop)}}');class Xe 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=[Ue]}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 et 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=[Ue]}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){k(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 tt 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=[Ue]}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");k(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 rt extends Xe{constructor(){super(),this.querySelectorAll("px-tab").forEach((e=>{e.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",rt);class ot extends et{constructor(){super()}}customElements.get("px-tab")||customElements.define("px-tab",ot);class it extends tt{constructor(){super()}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",it);const at=new CSSStyleSheet;at.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class nt 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=[at]}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];e&&!e.hasAttribute("lastchild")&&e.setAttribute("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",nt);const st=new CSSStyleSheet;st.replaceSync('.timeline-item{display:flex;gap:var(--px-spacing-after-element-default-mobile);font-family:var(--px-font-family);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-size-m);height:calc(100% - 26px);background:var(--px-border-color-container-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-label-m-mobile);color:var(--px-text-color-heading-neutral-default);border-radius:var(--px-radius-pill);background:var(--px-background-color-action-neutral-default)}.content-area{margin-bottom:var(--px-spacing-after-element-default-mobile)}.content-area ::slotted([slot="title"]){font-weight:700;font-size:var(--px-text-size-label-l-mobile);color:var(--px-text-color-heading-neutral-default)}.content-area ::slotted([slot="content"]){font-weight:400;font-size:var(--px-text-size-body-m-mobile);color:var(--px-text-color-body-neutral-weak-default);margin-top:var(--px-spacing-after-element-xs-mobile)}:host([lastchild]) .indicator-area:before{display:none}:host([lastchild]) .content-area{margin-bottom:0}:host([inverted]) .indicator-area:before{background:var(--px-border-color-container-main-inverted)}:host([inverted]) .indicator{color:var(--px-text-color-heading-neutral-inverted);background:var(--px-background-color-action-neutral-inverted)}:host([inverted]) .content-area ::slotted([slot="title"]){color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) .content-area ::slotted([slot="content"]){color:var(--px-text-color-body-neutral-weak-inverted)}@media only screen and (min-width: 768px){.timeline-item{gap:var(--px-spacing-after-element-default-tablet)}.indicator-area .indicator{font-size:var(--px-text-size-label-m-tablet)}.content-area{margin-bottom:var(--px-spacing-after-element-default-tablet)}.content-area ::slotted([slot="title"]){font-size:var(--px-text-size-label-l-tablet)}.content-area ::slotted([slot="content"]){font-size:var(--px-text-size-body-m-tablet);margin-top:var(--px-spacing-after-element-xs-tablet)}}@media only screen and (min-width: 1025px){.timeline-item{gap:var(--px-spacing-after-element-default-desktop)}.indicator-area .indicator{font-size:var(--px-text-size-label-m-desktop)}.content-area{margin-bottom:var(--px-spacing-after-element-default-desktop)}.content-area ::slotted([slot="title"]){font-size:var(--px-text-size-label-l-desktop)}.content-area ::slotted([slot="content"]){font-size:var(--px-text-size-body-m-desktop);margin-top:var(--px-spacing-after-element-xs-desktop)}}');let lt="1";class dt 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=[st]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(e,t,r){if(t!==r&&"item"===e)this.updateItem(t,r),this.updateIndicator(lt)}updateItem(e,t){null!==e&&""!==e&&(lt=e),null!==t&&""!==t&&(lt=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",dt);const ct=new CSSStyleSheet;ct.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}}"),f(".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 pt 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="after-element-default" direction="column">\n      <px-stack direction="column" gap="after-element-s">\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="after-element-default" 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=[ct]}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.addEventListener("click",(e=>{e.target.closest('px-button[slot="footer"]')&&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",pt);const bt="span,::slotted(span){font-family:var(--px-font-family);color:var(--px-text-color-body-neutral-strong-default);font-size:var(--px-text-size-body-m-mobile);line-height:var(--px-line-height-m)}:host([inverted]) span,:host([inverted]) ::slotted(span){color:var(--px-text-color-body-neutral-strong-inverted)}span.link{text-decoration:underline}@media only screen and (min-width: 768px){span,::slotted(span){font-size:var(--px-text-size-body-m-tablet)}}@media only screen and (min-width: 1025px){span,::slotted(span){font-size:var(--px-text-size-body-m-desktop)}}",ut=new CSSStyleSheet,ht=new CSSStyleSheet;ut.replaceSync(bt),ht.replaceSync(te);const gt=class extends o{constructor(){super(ut,ht),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"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"color":this.updateTypography(e,t,r,a);break;case"font-size":this.updateTypography(e,t,r,i);break;case"font-weight":this.updateTypography(e,t,r,n);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}updateTypography(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("font-size")}set fontsize(e){this.setAttribute("font-size",e)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(e){this.setAttribute("font-weight",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){k(e)?this.removeAttribute("inverted"):this.setAttribute("inverted",e)}};gt.nativeName="span";let vt=gt;customElements.define("px-span",vt);const xt=new CSSStyleSheet,mt=new CSSStyleSheet,ft=new CSSStyleSheet;xt.replaceSync(_),mt.replaceSync(T),ft.replaceSync(te);const kt=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],yt=["","default","alternative"],wt=class extends o{constructor(){super(xt,mt,ft),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","font-size","color","font-weight"]}connectedCallback(){super.connectedCallback();const e=this.querySelectorAll("px-icon");e&&e.forEach((e=>{const t=e.getAttribute("size"),r=e.getAttribute("color");e&&(e.addEventListener("click",(()=>{this.$el.focus()})),t||e.setAttribute("size","2xs"),r||e.setAttribute("color","inherit"))}))}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"font-size":this.updateTypography(e,t,r,i);break;case"color":this.updateTypography(e,t,r,a);break;case"font-weight":this.updateTypography(e,t,r,n);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}_toggleClassList(e){if(e.startsWith("btn-")){const t=e.split("-");for(const e of t)this.$el.classList.toggle(e)}else this.$el.classList.toggle(e)}updateVariant(e,t){null!==e&&""!==e&&"link"!==e&&this._toggleClassList(e),null!==t&&""!==t&&"link"!==t&&this._toggleClassList(t),this.checkName(kt,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(yt,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}`)}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("font-size")}set fontsize(e){this.setAttribute("font-size",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(e){this.setAttribute("font-weight",e)}};wt.nativeName="a";let zt=wt;customElements.get("px-a")||customElements.define("px-a",zt);const At="p,::slotted(p){font-family:var(--px-font-family);color:var(--px-text-color-body-neutral-strong-default);font-size:var(--px-text-size-body-m-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-text-color-body-neutral-strong-inverted)}@media only screen and (min-width: 768px){p,::slotted(p){font-size:var(--px-text-size-body-m-tablet)}}@media only screen and (min-width: 1025px){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}}",$t=new CSSStyleSheet,St=new CSSStyleSheet,Ct=new CSSStyleSheet;$t.replaceSync(At),St.replaceSync(te),Ct.replaceSync(ee);const Lt=class extends o{constructor(){super($t,St,Ct),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(e,t,r){if(t!==r)switch(e){case"variant":this.updateVariant(e,t,r,v);break;case"color":this.updateTypography(e,t,r,a);break;case"font-size":this.updateTypography(e,t,r,i);break;case"font-weight":this.updateTypography(e,t,r,n);break;case"text-align":this.updateTypography(e,t,r,l);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)}updateVariant(e,t,r,o){this.checkName(o,r)?this.toggleClass(t,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}`)}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("font-size")}set fontsize(e){this.setAttribute("font-size",e)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(e){this.setAttribute("font-weight",e)}get textalign(){return this.getAttribute("text-align")}set textalign(e){this.setAttribute("text-align",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}};Lt.nativeName="p";let Tt=Lt;customElements.define("px-p",Tt);const _t=new CSSStyleSheet,Et=new CSSStyleSheet,Mt=new CSSStyleSheet,Bt=new CSSStyleSheet,Nt=new CSSStyleSheet;_t.replaceSync("*{font-family:var(--px-font-family)}::slotted(ul),::slotted(ol){margin:0 0 0 var(--px-spacing-inside-section-default-desktop);padding:0}::slotted(b),::slotted(strong){font-weight:700}:host([inverted]) slot{color:var(--px-color-txt-body-inverted)}"),Et.replaceSync(ee),Mt.replaceSync(_),Bt.replaceSync(At),Nt.replaceSync(bt),f(".li{padding-bottom:var(--px-padding-xs)}");class Rt extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[_t,Et,Mt,Bt,Nt]}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",Rt);const Pt=new CSSStyleSheet;Pt.replaceSync(".btn-icon{display:inline-flex;width:var(--px-action-size-l);height:var(--px-action-size-l);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-background-color-action-primary-default);color:var(--px-icon-color-action-brand-inverted);border-radius:var(--px-radius-pill);padding:var(--px-padding-xs-mobile);border:var(--px-border-size-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-background-color-action-hover-bordered-default);color:var(--px-icon-color-action-brand-default);border-color:var(--px-border-color-action-hover-default)}.btn-icon:active:not([disabled],[aria-disabled=true],.btn-icon--state-loading){background:var(--px-background-color-action-active-inverted);color:var(--px-icon-color-action-active-default);border-color:var(--px-border-color-action-active-default)}.btn-icon:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-border-color-focus-outline-default)}.btn-icon[disabled],.btn-icon[aria-disabled=true]{background:var(--px-background-color-action-disabled-default);color:var(--px-icon-color-action-disabled-default);cursor:default;pointer-events:none}.btn-icon.btn-icon--state-loading{background:var(--px-background-color-action-disabled-default);color:var(--px-icon-color-action-brand-default);cursor:inherit}.btn-icon--size-small{padding:var(--px-padding-2xs-mobile);width:var(--px-action-size-m);height:var(--px-action-size-m)}.btn-icon--variant-secondary{background-color:var(--px-background-color-action-secondary-default);color:var(--px-icon-color-action-brand-default)}:host([inverted]) .btn-icon{background:var(--px-background-color-action-primary-inverted);color:var(--px-icon-color-action-brand-default)}:host([inverted]) .btn-icon:hover:not([disabled],[aria-disabled=true],.btn-icon--state-loading){background:var(--px-background-color-action-hover-bordered-inverted);color:var(--px-icon-color-action-brand-inverted);border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]) .btn-icon:active:not([disabled],[aria-disabled=true],.btn-icon--state-loading){background:var(--px-background-color-action-hover-default);color:var(--px-icon-color-action-active-inverted);border-color:var(--px-border-color-action-active-inverted)}:host([inverted]) .btn-icon:focus:not([disabled],[aria-disabled=true]){outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) .btn-icon[disabled],:host([inverted]) .btn-icon[aria-disabled=true]{background:var(--px-background-color-action-disabled-inverted);color:var(--px-icon-color-action-disabled-inverted)}:host([inverted]) .btn-icon.btn-icon--state-loading{background:var(--px-background-color-action-disabled-inverted);color:var(--px-icon-color-action-brand-inverted);border-color:transparent}:host([inverted]) .btn-icon--variant-secondary{background-color:var(--px-background-color-action-secondary-inverted);color:var(--px-icon-color-action-brand-inverted)}@media only screen and (min-width: 768px){.btn-icon{padding:var(--px-padding-xs-tablet)}.btn-icon:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}.btn-icon--size-small{padding:var(--px-padding-2xs-tablet)}}@media only screen and (min-width: 1025px){.btn-icon{padding:var(--px-padding-xs-desktop)}.btn-icon:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}.btn-icon--size-small{padding:var(--px-padding-2xs-desktop)}}");const Vt=["","default","small"],It=["","default","secondary"],Ht=class extends o{constructor(){super(Pt),this.template=()=>"<slot></slot>";const e=document.createElement(this.nativeName);e.classList.add("btn-icon"),e.innerHTML=this.template(),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"inverted","loading","size","variant"]}connectedCallback(){super.connectedCallback();const e=this.querySelector("px-icon");if(e){const t=e.getAttribute("size"),r=e.getAttribute("color");e.addEventListener("click",(()=>{this.$el.focus()})),t||e.setAttribute("size","s"),"small"===this.size&&e.setAttribute("size","2xs"),r||e.setAttribute("color","inherit")}}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"loading":this.updateLoading();break;case"size":this.updateSize(t,r,Vt);break;case"variant":this.updateVariant(t,r,It);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)}updateLoading(){this.$el.classList.toggle("btn-icon--state-loading")}updateSize(e,t,r){this.checkName(r,t)?(null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`btn-icon--size-${e}`),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`btn-icon--size-${t}`)):console.error("Bad size value for",this.$el)}updateVariant(e,t,r){this.checkName(r,t)?(null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`btn-icon--variant-${e}`),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`btn-icon--variant-${t}`)):console.error(`Bad "variant" value for ${this.$el}`)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get loading(){return this.getAttribute("loading")}set loading(e){this.setAttribute("loading",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}};Ht.nativeName="button";let jt=Ht;customElements.get("px-button-icon")||customElements.define("px-button-icon",jt);const qt=new CSSStyleSheet;qt.replaceSync("a{display:block;font-family:var(--px-font-family);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-m);font-weight:700;color:var(--px-text-color-heading-neutral-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-size-m) solid transparent}a,a *{box-sizing:border-box}a px-icon,a ::slotted(px-icon){line-height:0;color:var(--px-icon-color-content-brand-default)}a slot[name=description]{font-weight:400;color:var(--px-text-color-body-neutral-weak-default)}a:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-border-color-action-hover-default);color:var(--px-text-color-heading-brand-default)}a:hover:not([disabled],[aria-disabled=true],.loading) slot[name=description]{color:var(--px-text-color-heading-brand-default)}a:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-border-color-focus-outline-default)}a:active{transform:scale(.95)}a[disabled],a[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-text-color-action-disabled-default)}a[disabled] px-icon,a[disabled] ::slotted(px-icon),a[aria-disabled=true] px-icon,a[aria-disabled=true] ::slotted(px-icon){color:var(--px-icon-color-action-disabled-default)}a[disabled] slot[name=description],a[aria-disabled=true] slot[name=description]{color:var(--px-text-color-action-disabled-default)}:host([inverted]) a{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) a px-icon,:host([inverted]) a ::slotted(px-icon){color:var(--px-icon-color-content-brand-inverted)}:host([inverted]) a slot[name=description]{color:var(--px-text-color-body-neutral-weak-inverted)}:host([inverted]) a:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-border-color-action-hover-inverted);color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) a:hover:not([disabled],[aria-disabled=true],.loading) slot[name=description]{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) a:focus:not([disabled],[aria-disabled=true]){outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) a[disabled],:host([inverted]) a[aria-disabled=true]{color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) a[disabled] px-icon,:host([inverted]) a[disabled] ::slotted(px-icon),:host([inverted]) a[aria-disabled=true] px-icon,:host([inverted]) a[aria-disabled=true] ::slotted(px-icon){color:var(--px-icon-color-action-disabled-inverted)}:host([inverted]) a[disabled] slot[name=description],:host([inverted]) a[aria-disabled=true] slot[name=description]{color:var(--px-text-color-action-disabled-inverted)}@media only screen and (min-width: 768px){a{font-size:var(--px-text-size-label-m-tablet)}a:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}}@media only screen and (min-width: 1025px){a{font-size:var(--px-text-size-label-m-desktop)}a:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}");const Dt=["","default","action-neutral"],Wt=class extends o{constructor(){super(qt),this.template=()=>`\n      <px-container padding="s">\n        <px-hstack gap="after-element-s" align-items="center">\n          <px-hstack grow="2" gap="after-element-s" 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 e=document.createElement(this.nativeName);e.innerHTML=this.template(),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"disabled","inverted","background-color"]}get $container(){return this.shadowRoot.querySelector("px-container")}connectedCallback(){super.connectedCallback();const e=this.querySelectorAll("px-icon");e&&e.forEach((e=>{const t=e.getAttribute("size"),r=e.getAttribute("color");e&&(e.addEventListener("click",(()=>{this.$el.focus()})),t||e.setAttribute("size","m"),r||e.setAttribute("color","inherit"))}))}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"disabled":if(this.$el.toggleAttribute("aria-disabled"),null!==r){this.$el.setAttribute("aria-disabled","true"),this.$container.backgroundColor="action-disabled";break}break;case"inverted":this.$container.backgroundColor="action-neutral",this.$container.inverted=this.inverted;break;case"target":this.updateIconName();break;case"background-color":this.updateBackgroundColor(e,t,r,Dt);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}updateIconName(){const e=this.shadowRoot.querySelector("px-icon");e&&e.setAttribute("name",this.hasAttribute("target")&&"_blank"===this.getAttribute("target")?"target_blank":"chevron_right")}updateBackgroundColor(e,t,r,o){this.checkName(o,r)||console.error(`Bad "${e}" value for`,this.$el);const i=e=>{null!==e&&""!==e&&"default"!==e&&(this.$container.backgroundColor=e)};i(t),i(r)}get disabled(){return this.getAttribute("disabled")}set disabled(e){this.setAttribute("disabled",e)}get backgroundColor(){return this.getAttribute("background-color")}set backgroundColor(e){this.setAttribute("background-color",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}};Wt.nativeName="a";let Ot=Wt;customElements.get("px-entrypoint")||customElements.define("px-entrypoint",Ot);const Gt=new CSSStyleSheet,Ft=new CSSStyleSheet;Gt.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-text-color-heading-brand-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-text-color-heading-brand-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)}}"),Ft.replaceSync(te);class Yt extends HTMLElement{template(){return'\n        <div class="spinner">\n            <slot></slot>\n        </div>\n    '}constructor(){var e;super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.internals=null==(e=this.attachInternals)?void 0:e.call(this),this.shadowRoot.adoptedStyleSheets=[Gt,Ft]}static get observedAttributes(){return["size","inverted","timeout","aria-label"]}connectedCallback(){!this.ariaLabel&&this.internals&&(this.internals.ariaHidden="true")}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"size":this.updateAttribute(e,t,r,s);break;case"aria-label":""!==r&&(this.internals.ariaHidden="false")}}configureAccessibility(e){this.internals.ariaHidden=e}updateAttribute(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==t&&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)}get $el(){return this.shadowRoot.querySelector(".spinner")}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)}get timeout(){return this.getAttribute("timeout")}set timeout(e){this.setAttribute("timeout",e)}}customElements.define("px-spinner",Yt),exports.Accordion=we,exports.Button=V,exports.ButtonIcon=jt,exports.Container=X,exports.Entrypoint=Ot,exports.FontIcon=Z,exports.H1=ne,exports.H2=le,exports.H3=ce,exports.H4=be,exports.H5=he,exports.H6=ve,exports.HStack=$,exports.IconSet=I,exports.Image=Ce,exports.Link=zt,exports.Modal=pt,exports.Page=L,exports.Paragraph=Tt,exports.Patch=Be,exports.Picture=Te,exports.Price=Ie,exports.PxElement=o,exports.PxTab=ot,exports.PxTabPanel=it,exports.PxTabs=rt,exports.Ribbon=qe,exports.SVGIcon=G,exports.Section=me,exports.Separator=Ye,exports.Spacer=S,exports.Span=vt,exports.Spinner=Yt,exports.Stack=z,exports.Tag=Qe,exports.Timeline=nt,exports.TimelineItem=dt,exports.Typography=Rt,exports.VStack=A,exports.WithFlexAttributes=r,exports.addGlobalStylesheet=f,exports.backgroundColorValues=h,exports.backgroundSizeValues=Q,exports.backgroundValues=Dt,exports.borderColorValues=b,exports.borderRadiusValues=p,exports.borderSideValues=u,exports.borderValues=c,exports.boxShadowValues=g,exports.buttonIconSizeValues=Vt,exports.buttonIconVariantValues=It,exports.colorValues=a,exports.fontsizeValues=i,exports.fontweightValues=n,exports.gapValues=w,exports.getSupportedAttributeNames=e,exports.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},exports.gradientValues=x,exports.gridGapValues=["","default","inside-section-none","inside-section-default","inside-section-l"],exports.headingValues=v,exports.iconSizeValues=s,exports.isFalsy=k,exports.linkShapeValues=yt,exports.linkVariantValues=kt,exports.noBorderRadiusValues=m,exports.paddingValues=d,exports.patchShapeValues=Me,exports.patchVariantValues=Ee,exports.priceSizeValues=Pe,exports.priceVariantValues=Re,exports.separatorColorValues=Ge,exports.separatorDirectionValues=We,exports.separatorSizeValues=Oe,exports.tagShapeValues=Ke,exports.tagVariantValues=Je,exports.textalignValues=l,exports.variantValues=R;