npm - @proximus/lavender - Versions diffs - 1.0.0-alpha.19 → 1.0.0-alpha.21 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/lavender.umd.js CHANGED Viewed

	@@ -1 +1 @@
1	- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e\|\|self)["Proximus Design System"]={})}(this,(function(e){"use strict";function t(e){const t=document.createElement(e),r=Object.getPrototypeOf(t);return Object.getOwnPropertyNames(r)}const r=new CSSStyleSheet;r.replaceSync("::slotted([grow]){flex-grow:var(--flex-grow-value)}::slotted([shrink]){flex-shrink:var(--flex-shrink-value)}::slotted([basis]){flex-basis:var(--flex-basis-value)}::slotted([align-self]){align-self:var(--flex-align-self-value)}::slotted([grow--mobile]){flex-grow:var(--flex-grow--mobile-value)}::slotted([shrink--mobile]){flex-shrink:var(--flex-shrink--mobile-value)}::slotted([basis--mobile]){flex-basis:var(--flex-basis--mobile-value)}::slotted([align-self--mobile]){align-self:var(--flex-align-self--mobile-value)}@media screen and (min-width: 768px){::slotted([grow--tablet]){flex-grow:var(--flex-grow--tablet-value)}::slotted([shrink--tablet]){flex-shrink:var(--flex-shrink--tablet-value)}::slotted([basis--tablet]){flex-basis:var(--flex-basis--tablet-value)}::slotted([align-self--tablet]){align-self:var(--flex-align-self--tablet-value)}}@media screen and (min-width: 1025px){::slotted([grow--laptop]){flex-grow:var(--flex-grow--laptop-value)}::slotted([shrink--laptop]){flex-shrink:var(--flex-shrink--laptop-value)}::slotted([basis--laptop]){flex-basis:var(--flex-basis--laptop-value)}::slotted([align-self--laptop]){align-self:var(--flex-align-self--laptop-value)}}@media screen and (min-width: 1441px){::slotted([grow--desktop]){flex-grow:var(--flex-grow--desktop-value)}::slotted([shrink--desktop]){flex-shrink:var(--flex-shrink--desktop-value)}::slotted([basis--desktop]){flex-basis:var(--flex-basis--desktop-value)}::slotted([align-self--desktop]){align-self:var(--flex-align-self--desktop-value)}}@media only screen and (min-width: 0px) and (max-width: 767px){::slotted([hidden--mobile]){display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted([hidden--tablet]){display:none}}@media only screen and (min-width: 1025px) and (max-width: 1440px){::slotted([hidden--laptop]){display:none}}@media only screen and (min-width: 1441px){::slotted([hidden--desktop]){display:none}}");class o extends HTMLElement{static get observedAttributes(){return["grow","grow--tablet","grow--laptop","grow--desktop","shrink","shrink--mobile","shrink--tablet","shrink--laptop","shrink--desktop","basis","basis--mobile","basis--tablet","basis--laptop","basis--desktop","align-self","hidden--mobile","hidden--tablet","hidden--laptop","hidden--desktop"]}constructor(...e){super(),this.shadowRoot\|\|this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[r,...e]}attributeChangedCallback(e,t,r){if(-1!==o.observedAttributes.indexOf(e))if(null===r)this.style.removeProperty(e);else switch(e){case"grow":case"shrink":case"basis":case"grow--mobile":case"grow--tablet":case"grow--laptop":case"grow--desktop":case"shrink--mobile":case"shrink--tablet":case"shrink--laptop":case"shrink--desktop":case"basis--mobile":case"basis--tablet":case"basis--laptop":case"basis--desktop":case"align-self":this.style.setProperty(`--flex-${e}-value`,r)}}get grow(){return this.getAttribute("grow")}set grow(e){this.setAttribute("grow",e)}get shrink(){return this.getAttribute("shrink")}set shrink(e){this.setAttribute("shrink",e)}get basis(){return this.getAttribute("basis")}set basis(e){this.setAttribute("basis",e)}get growMobile(){return this.getAttribute("grow--mobile")}set growMobile(e){this.setAttribute("grow--mobile",e)}get growTablet(){return this.getAttribute("grow--tablet")}set growTablet(e){this.setAttribute("grow--tablet",e)}get growLaptop(){return this.getAttribute("grow--laptop")}set growLaptop(e){this.setAttribute("grow--laptop",e)}get growDesktop(){return this.getAttribute("grow--desktop")}set growDesktop(e){this.setAttribute("grow--desktop",e)}get shrinkMobile(){return this.getAttribute("shrink--mobile")}set shrinkMobile(e){this.setAttribute("shrink--mobile",e)}get shrinkTablet(){return this.getAttribute("shrink--tablet")}set shrinkTablet(e){this.setAttribute("shrink--tablet",e)}get shrinkLaptop(){return this.getAttribute("shrink--laptop")}set shrinkLaptop(e){this.setAttribute("shrink--laptop",e)}get shrinkDesktop(){return this.getAttribute("shrink--desktop")}set shrinkDesktop(e){this.setAttribute("shrink--desktop",e)}get basisMobile(){return this.getAttribute("basis--mobile")}set basisMobile(e){this.setAttribute("basis--mobile",e)}get basisTablet(){return this.getAttribute("basis--tablet")}set basisTablet(e){this.setAttribute("basis--tablet",e)}get basisLaptop(){return this.getAttribute("basis--laptop")}set basisLaptop(e){this.setAttribute("basis--laptop",e)}get basisDesktop(){return this.getAttribute("basis--desktop")}set basisDesktop(e){this.setAttribute("basis--desktop",e)}get alignSelf(){return this.getAttribute("align-self")}set alignSelf(e){this.setAttribute("align-self",e)}get $el(){return this}get hiddenMobile(){return this.getAttribute("hidden--mobile")}set hiddenMobile(e){this.setAttribute("hidden--mobile",e)}get hiddenTablet(){return this.getAttribute("hidden--tablet")}set hiddenTablet(e){this.setAttribute("hidden--tablet",e)}get hiddenLaptop(){return this.getAttribute("hidden--laptop")}set hiddenLaptop(e){this.setAttribute("hidden--laptop",e)}get hiddenDesktop(){return this.getAttribute("hidden--desktop")}set hiddenDesktop(e){this.setAttribute("hidden--desktop",e)}}class i extends o{static get observedAttributes(){return[...super.observedAttributes,...t(this.nativeName)]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),null===r?this.$el.toggleAttribute(e):this.$el.setAttribute(e,r)}constructor(...e){super(...e),this.nativeName=Object.getPrototypeOf(this).constructor.nativeName}connectedCallback(){for(const e of t(this.nativeName))"constructor"!==e&&Object.defineProperty(this,e,{get(){return this.$el[e]},set(t){this.$el[e]!==t&&(this.$el[e]=t)}})}get $el(){return this.shadowRoot.querySelector(this.nativeName)}}const a=["","default","inherit","body-l","body-m","body-s","body-xs","heading-5xl","heading-4xl","heading-3xl","heading-2xl","heading-xl","heading-l","heading-m","heading-s"],n=["","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"],s=["","default","inherit","normal","bold","extrabold","light"],l=["","default","2xs","xs","s","m","l","xl","2xl"],d=["","default","left","center","right"],c=["","none","2xs","xs","s","m","l"],b=["","none","s","m","l"],p=["","none","main","pill"],u=["none","container-main","container-brand","action-hover","action-active","action-neutral","purpose-success","purpose-warning","purpose-error","purpose-unlimited"],h=["","all","top","right","bottom","left","block","inline"],g=["","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"],v=["","none","s","m","l","xl"],x=["","default","title-4xl","title-3xl","title-2xl","title-xl","title-l","title-m","title-s","subtitle"],m=["","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"],f=["","all","top","right","bottom","left"];function k(e){const t=document.createElement("style");t.innerHTML=e,document.head.appendChild(t)}function y(e){return"string"==typeof e&&("false"===e\|\|"0"===e\|\|"null"===e)\|\|"boolean"==typeof e&&!e}const w=new CSSStyleSheet;w.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 z=["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 A extends o{constructor(){super(w),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 z.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",A);class $ extends A{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",$);class S extends A{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",S);class C 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",C);const L=new CSSStyleSheet;L.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class T extends o{constructor(){super(L),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",g.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",T);const _='.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)}}',E='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)}}',M=".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)}}",B=new CSSStyleSheet,N=new CSSStyleSheet,R=new CSSStyleSheet;B.replaceSync(_),N.replaceSync(E),R.replaceSync(M);const P=["","default","secondary","tertiary","link","patch","patch-info","patch-black-friday","patch-eco"],V=class extends i{constructor(){super(B,N,R),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,P);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)}};V.nativeName="button";let I=V;customElements.get("px-button")\|\|customElements.define("px-button",I);class H 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",H);const j=["2xs","xs","s","m","l","xl","2xl"],q=["","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"],D=["name","size","color","aria-label","inverted","from"];class W extends o{static get observedAttributes(){return[...super.observedAttributes,...D]}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,j);break;case"color":this.updateAttribute(e,t,r,q);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 O=":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}",G=new CSSStyleSheet;G.replaceSync(O);class F extends W{constructor(){super(G),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",F);const Y=new CSSStyleSheet,Z=new CSSStyleSheet;Y.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:""}'),Z.replaceSync(O);class J extends W{constructor(){super(Y,Z),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",J);const K=new CSSStyleSheet;K.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 Q=["anchor-right","anchor-left","anchor-full"],U=["","cover","contain","default"],X=class extends i{constructor(){super(K),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&&Q.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,c,["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,c,["left","right"]);break;case"padding-block":case"padding-block--mobile":case"padding-block--tablet":case"padding-block--laptop":this.updatePadding(e,t,r,c,["top","bottom"]);break;case"padding-top":case"padding-top--mobile":case"padding-top--tablet":case"padding-top--laptop":this.updatePadding(e,t,r,c,["top"]);break;case"padding-right":case"padding-right--mobile":case"padding-right--tablet":case"padding-right--laptop":this.updatePadding(e,t,r,c,["right"]);break;case"padding-bottom":case"padding-bottom--mobile":case"padding-bottom--tablet":case"padding-bottom--laptop":this.updatePadding(e,t,r,c,["bottom"]);break;case"padding-left":case"padding-left--mobile":case"padding-left--tablet":case"padding-left--laptop":this.updatePadding(e,t,r,c,["left"]);break;case"border":this.updateAttribute(e,t,r,b);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,h);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,f);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,U);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,v);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(m,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(g,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(u,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)}};X.nativeName="div";let ee=X;customElements.define("px-container",ee);const te="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)}}",re=":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)}",oe=new CSSStyleSheet;oe.replaceSync(te);const ie=new CSSStyleSheet;ie.replaceSync(re);class ae extends i{template(){return"<slot></slot>"}constructor(e){super(oe,ie);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,x);break;case"color":this.updateColor(t,r,n);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,d);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 ne=class extends ae{constructor(){super("h1")}};ne.nativeName="h1";let se=ne;customElements.define("px-h1",se);const le=class extends ae{constructor(){super("h2")}};le.nativeName="h2";let de=le;customElements.define("px-h2",de);const ce=class extends ae{constructor(){super("h3")}};ce.nativeName="h3";let be=ce;customElements.define("px-h3",be);const pe=class extends ae{constructor(){super("h4")}};pe.nativeName="h4";let ue=pe;customElements.define("px-h4",ue);const he=class extends ae{constructor(){super("h5")}};he.nativeName="h5";let ge=he;customElements.define("px-h5",ge);const ve=class extends ae{constructor(){super("h6")}};ve.nativeName="h6";let xe=ve;customElements.define("px-h6",xe);const me=new CSSStyleSheet;me.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 fe 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=[me]}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=g.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",fe);const ke=new CSSStyleSheet;ke.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 ye=["","none","single"],we=class extends i{constructor(){super(ke),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,ye);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)}};we.nativeName="details";let ze=we;customElements.define("px-accordion",ze);const Ae=new CSSStyleSheet;Ae.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 $e=["","mobile","tablet","laptop"];class Se extends i{constructor(){super(Ae)}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,$e);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,f);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 Ce=class extends Se{constructor(){super();const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}};Ce.nativeName="img";let Le=Ce;customElements.define("px-img",Le);const Te=class extends Se{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\|\|"")}};Te.nativeName="picture";let _e=Te;customElements.define("px-picture",_e);const Ee=new CSSStyleSheet;Ee.replaceSync(M);const Me=["","default","info","black-friday","eco","greyed"],Be=["","default","bottom-right","bottom-left"];class Ne 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=[Ee]}static get observedAttributes(){return["variant","shape","inverted"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateVariant(t,r);break;case"shape":this.updateShape(t,r)}}_toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateVariant(e,t){this._toggleClass(e,t),this.checkName(Me,t)\|\|console.error('Bad "variant" value for patch')}updateShape(e,t){this._toggleClass(e,t),this.checkName(Be,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",Ne);const Re=new CSSStyleSheet;Re.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 Pe=["default","purpose-promo","free","neutral","exceeding","disabled"],Ve=["","s","m","l"],Ie=class extends i{constructor(){super(Re),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,Pe);break;case"size":this.updateAttribute(e,t,r,Ve);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}`}};Ie.nativeName="span";let He=Ie;customElements.define("px-price",He);const je=new CSSStyleSheet;je.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 qe=class extends i{constructor(){super(je),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};qe.nativeName="div";let De=qe;customElements.define("px-ribbon",De);const We=new CSSStyleSheet;We.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 Oe=["","default","horizontal","vertical"],Ge=["","default","none","s","m","l"],Fe=["","default","none","action-hover","action-active","action-neutral","container-main","container-brand","purpose-success","purpose-error","purpose-warning","purpose-unlimited"],Ye=class extends i{constructor(){super(We);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,Oe);break;case"size":this.updateSize(e,t,r,Ge);break;case"color":this.updateColor(e,t,r,Fe);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)}};Ye.nativeName="hr";let Ze=Ye;customElements.define("px-separator",Ze);const Je=new CSSStyleSheet;Je.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 Ke=["","default","light","outline"],Qe=["","default","pill"];class Ue 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=[Je]}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(Ke,t)\|\|console.error('Bad "variant" value for tag')}updateShape(e,t){this._toggleClass(e,t),this.checkName(Qe,t)\|\|console.error('Bad "shape" value for tag')}}customElements.get("px-tag")\|\|customElements.define("px-tag",Ue);const Xe=new CSSStyleSheet;Xe.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 et 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=[Xe]}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 tt 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=[Xe]}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){y(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 rt 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=[Xe]}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");y(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 ot extends et{constructor(){super(),this.querySelectorAll("px-tab").forEach((e=>{e.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")\|\|customElements.define("px-tabs",ot);class it extends tt{constructor(){super()}}customElements.get("px-tab")\|\|customElements.define("px-tab",it);class at extends rt{constructor(){super()}}customElements.get("px-tab-panel")\|\|customElements.define("px-tab-panel",at);const nt=new CSSStyleSheet;nt.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class st 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=[nt]}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",st);const lt=new CSSStyleSheet;lt.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 dt="1";class ct 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=[lt]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(e,t,r){if(t!==r&&"item"===e)this.updateItem(t,r),this.updateIndicator(dt)}updateItem(e,t){null!==e&&""!==e&&(dt=e),null!==t&&""!==t&&(dt=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",ct);const bt=new CSSStyleSheet;bt.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}}"),k(".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=[bt]}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 ut="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)}}",ht=new CSSStyleSheet,gt=new CSSStyleSheet;ht.replaceSync(ut),gt.replaceSync(re);const vt=class extends i{constructor(){super(ht,gt),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,n);break;case"font-size":this.updateTypography(e,t,r,a);break;case"font-weight":this.updateTypography(e,t,r,s);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}updateTypography(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)\|\|console.error(`${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){y(e)?this.removeAttribute("inverted"):this.setAttribute("inverted",e)}};vt.nativeName="span";let xt=vt;customElements.define("px-span",xt);const mt=new CSSStyleSheet,ft=new CSSStyleSheet,kt=new CSSStyleSheet;mt.replaceSync(E),ft.replaceSync(_),kt.replaceSync(re);const yt=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],wt=["","default","alternative"],zt=class extends i{constructor(){super(mt,ft,kt),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,a);break;case"color":this.updateTypography(e,t,r,n);break;case"font-weight":this.updateTypography(e,t,r,s);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}_toggleClassList(e){if(e.startsWith("btn-")){const t=e.split("-");for(const e of t)this.$el.classList.toggle(e)}else this.$el.classList.toggle(e)}updateVariant(e,t){null!==e&&""!==e&&"link"!==e&&this._toggleClassList(e),null!==t&&""!==t&&"link"!==t&&this._toggleClassList(t),this.checkName(yt,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(wt,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)}};zt.nativeName="a";let At=zt;customElements.get("px-a")\|\|customElements.define("px-a",At);const $t="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)}}",St=new CSSStyleSheet,Ct=new CSSStyleSheet,Lt=new CSSStyleSheet;St.replaceSync($t),Ct.replaceSync(re),Lt.replaceSync(te);const Tt=class extends i{constructor(){super(St,Ct,Lt),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,x);break;case"color":this.updateTypography(e,t,r,n);break;case"font-size":this.updateTypography(e,t,r,a);break;case"font-weight":this.updateTypography(e,t,r,s);break;case"text-align":this.updateTypography(e,t,r,d);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)}};Tt.nativeName="p";let _t=Tt;customElements.define("px-p",_t);const Et=new CSSStyleSheet,Mt=new CSSStyleSheet,Bt=new CSSStyleSheet,Nt=new CSSStyleSheet,Rt=new CSSStyleSheet;Et.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)}"),Mt.replaceSync(te),Bt.replaceSync(E),Nt.replaceSync($t),Rt.replaceSync(ut),k(".li{padding-bottom:var(--px-padding-xs)}");class Pt extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Et,Mt,Bt,Nt,Rt]}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",Pt);const Vt=new CSSStyleSheet;Vt.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 It=["","default","small"],Ht=["","default","secondary"],jt=class extends i{constructor(){super(Vt),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,It);break;case"variant":this.updateVariant(t,r,Ht);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)}};jt.nativeName="button";let qt=jt;customElements.get("px-button-icon")\|\|customElements.define("px-button-icon",qt);const Dt=new CSSStyleSheet;Dt.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 Wt=["","default","action-neutral"],Ot=class extends i{constructor(){super(Dt),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,Wt);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)}};Ot.nativeName="a";let Gt=Ot;customElements.get("px-entrypoint")\|\|customElements.define("px-entrypoint",Gt);const Ft=new CSSStyleSheet,Yt=new CSSStyleSheet;Ft.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)}}"),Yt.replaceSync(re);class Zt 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=[Ft,Yt]}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,l);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",Zt),e.Accordion=ze,e.Button=I,e.ButtonIcon=qt,e.Container=ee,e.Entrypoint=Gt,e.FontIcon=J,e.H1=se,e.H2=de,e.H3=be,e.H4=ue,e.H5=ge,e.H6=xe,e.HStack=S,e.IconSet=H,e.Image=Le,e.Link=At,e.Modal=pt,e.Page=T,e.Paragraph=_t,e.Patch=Ne,e.Picture=_e,e.Price=He,e.PxElement=i,e.PxTab=it,e.PxTabPanel=at,e.PxTabs=ot,e.Ribbon=De,e.SVGIcon=F,e.Section=fe,e.Separator=Ze,e.Spacer=C,e.Span=xt,e.Spinner=Zt,e.Stack=A,e.Tag=Ue,e.Timeline=st,e.TimelineItem=ct,e.Typography=Pt,e.VStack=$,e.WithFlexAttributes=o,e.addGlobalStylesheet=k,e.backgroundColorValues=g,e.backgroundSizeValues=U,e.backgroundValues=Wt,e.borderColorValues=u,e.borderRadiusValues=p,e.borderSideValues=h,e.borderValues=b,e.boxShadowValues=v,e.buttonIconSizeValues=It,e.buttonIconVariantValues=Ht,e.colorValues=n,e.fontsizeValues=a,e.fontweightValues=s,e.gapValues=z,e.getSupportedAttributeNames=t,e.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},e.gradientValues=m,e.gridGapValues=["","default","inside-section-none","inside-section-default","inside-section-l"],e.headingValues=x,e.iconSizeValues=l,e.isFalsy=y,e.linkShapeValues=wt,e.linkVariantValues=yt,e.noBorderRadiusValues=f,e.paddingValues=c,e.patchShapeValues=Be,e.patchVariantValues=Me,e.priceSizeValues=Ve,e.priceVariantValues=Pe,e.separatorColorValues=Fe,e.separatorDirectionValues=Oe,e.separatorSizeValues=Ge,e.tagShapeValues=Qe,e.tagVariantValues=Ke,e.textalignValues=d,e.variantValues=P,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
1	+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t\|\|self)["Proximus Design System"]={})}(this,(function(t){"use strict";function e(t){const e=document.createElement(t),o=Object.getPrototypeOf(e);return Object.getOwnPropertyNames(o)}const o=new CSSStyleSheet;o.replaceSync("::slotted([grow]){flex-grow:var(--flex-grow-value)}::slotted([shrink]){flex-shrink:var(--flex-shrink-value)}::slotted([basis]){flex-basis:var(--flex-basis-value)}::slotted([align-self]){align-self:var(--flex-align-self-value)}::slotted([grow--mobile]){flex-grow:var(--flex-grow--mobile-value)}::slotted([shrink--mobile]){flex-shrink:var(--flex-shrink--mobile-value)}::slotted([basis--mobile]){flex-basis:var(--flex-basis--mobile-value)}::slotted([align-self--mobile]){align-self:var(--flex-align-self--mobile-value)}@media screen and (min-width: 768px){::slotted([grow--tablet]){flex-grow:var(--flex-grow--tablet-value)}::slotted([shrink--tablet]){flex-shrink:var(--flex-shrink--tablet-value)}::slotted([basis--tablet]){flex-basis:var(--flex-basis--tablet-value)}::slotted([align-self--tablet]){align-self:var(--flex-align-self--tablet-value)}}@media screen and (min-width: 1025px){::slotted([grow--laptop]){flex-grow:var(--flex-grow--laptop-value)}::slotted([shrink--laptop]){flex-shrink:var(--flex-shrink--laptop-value)}::slotted([basis--laptop]){flex-basis:var(--flex-basis--laptop-value)}::slotted([align-self--laptop]){align-self:var(--flex-align-self--laptop-value)}}@media screen and (min-width: 1441px){::slotted([grow--desktop]){flex-grow:var(--flex-grow--desktop-value)}::slotted([shrink--desktop]){flex-shrink:var(--flex-shrink--desktop-value)}::slotted([basis--desktop]){flex-basis:var(--flex-basis--desktop-value)}::slotted([align-self--desktop]){align-self:var(--flex-align-self--desktop-value)}}@media only screen and (min-width: 0px) and (max-width: 767px){::slotted([hidden--mobile]){display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted([hidden--tablet]){display:none}}@media only screen and (min-width: 1025px) and (max-width: 1440px){::slotted([hidden--laptop]){display:none}}@media only screen and (min-width: 1441px){::slotted([hidden--desktop]){display:none}}");class r extends HTMLElement{static get observedAttributes(){return["grow","grow--tablet","grow--laptop","grow--desktop","shrink","shrink--mobile","shrink--tablet","shrink--laptop","shrink--desktop","basis","basis--mobile","basis--tablet","basis--laptop","basis--desktop","align-self","hidden--mobile","hidden--tablet","hidden--laptop","hidden--desktop"]}constructor(...t){super(),this.shadowRoot\|\|this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[o,...t]}attributeChangedCallback(t,e,o){if(-1!==r.observedAttributes.indexOf(t))if(null===o)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`,o)}}get grow(){return this.getAttribute("grow")}set grow(t){this.setAttribute("grow",t)}get shrink(){return this.getAttribute("shrink")}set shrink(t){this.setAttribute("shrink",t)}get basis(){return this.getAttribute("basis")}set basis(t){this.setAttribute("basis",t)}get growMobile(){return this.getAttribute("grow--mobile")}set growMobile(t){this.setAttribute("grow--mobile",t)}get growTablet(){return this.getAttribute("grow--tablet")}set growTablet(t){this.setAttribute("grow--tablet",t)}get growLaptop(){return this.getAttribute("grow--laptop")}set growLaptop(t){this.setAttribute("grow--laptop",t)}get growDesktop(){return this.getAttribute("grow--desktop")}set growDesktop(t){this.setAttribute("grow--desktop",t)}get shrinkMobile(){return this.getAttribute("shrink--mobile")}set shrinkMobile(t){this.setAttribute("shrink--mobile",t)}get shrinkTablet(){return this.getAttribute("shrink--tablet")}set shrinkTablet(t){this.setAttribute("shrink--tablet",t)}get shrinkLaptop(){return this.getAttribute("shrink--laptop")}set shrinkLaptop(t){this.setAttribute("shrink--laptop",t)}get shrinkDesktop(){return this.getAttribute("shrink--desktop")}set shrinkDesktop(t){this.setAttribute("shrink--desktop",t)}get basisMobile(){return this.getAttribute("basis--mobile")}set basisMobile(t){this.setAttribute("basis--mobile",t)}get basisTablet(){return this.getAttribute("basis--tablet")}set basisTablet(t){this.setAttribute("basis--tablet",t)}get basisLaptop(){return this.getAttribute("basis--laptop")}set basisLaptop(t){this.setAttribute("basis--laptop",t)}get basisDesktop(){return this.getAttribute("basis--desktop")}set basisDesktop(t){this.setAttribute("basis--desktop",t)}get alignSelf(){return this.getAttribute("align-self")}set alignSelf(t){this.setAttribute("align-self",t)}get $el(){return this}get hiddenMobile(){return this.getAttribute("hidden--mobile")}set hiddenMobile(t){this.setAttribute("hidden--mobile",t)}get hiddenTablet(){return this.getAttribute("hidden--tablet")}set hiddenTablet(t){this.setAttribute("hidden--tablet",t)}get hiddenLaptop(){return this.getAttribute("hidden--laptop")}set hiddenLaptop(t){this.setAttribute("hidden--laptop",t)}get hiddenDesktop(){return this.getAttribute("hidden--desktop")}set hiddenDesktop(t){this.setAttribute("hidden--desktop",t)}}class i extends r{static get observedAttributes(){return[...super.observedAttributes,...e(this.nativeName)]}attributeChangedCallback(t,e,o){super.attributeChangedCallback(t,e,o),null===o?this.$el.toggleAttribute(t):this.$el.setAttribute(t,o)}constructor(...t){super(...t),this.nativeName=Object.getPrototypeOf(this).constructor.nativeName}connectedCallback(){for(const t of e(this.nativeName))"constructor"!==t&&Object.defineProperty(this,t,{get(){return this.$el[t]},set(e){this.$el[t]!==e&&(this.$el[t]=e)}})}get $el(){return this.shadowRoot.querySelector(this.nativeName)}}const a=["","default","inside-section-none","inside-section-default","inside-section-l"],n=["","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"],s=["","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"],l=["","default","inherit","normal","bold","extrabold","light"],d=["","default","2xs","xs","s","m","l","xl","2xl"],c=["","default","left","center","right"],p=["","none","2xs","xs","s","m","l"],b=["","none","s","m","l"],u=["","none","main","pill"],g=["none","container-main","container-brand","action-hover","action-active","action-neutral","purpose-success","purpose-warning","purpose-error","purpose-unlimited"],h=["","all","top","right","bottom","left","block","inline"],v=["","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"],m=["","none","s","m","l","xl"],f=["","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"],k=["","all","top","right","bottom","left"];function y(t){const e=document.createElement("style");e.innerHTML=t,document.head.appendChild(e)}function A(t){return"string"==typeof t&&("false"===t\|\|"0"===t\|\|"null"===t)\|\|"boolean"==typeof t&&!t}const w=new CSSStyleSheet;w.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 z=["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"],$=["","default","row","row-reverse","column","column-reverse"],S=["","default","stretch","flex-start","flex-end","center","baseline"],C=["","default","flex-start","flex-end","center","space-between","space-around","space-evenly"],j=["","default","nowrap","wrap","wrap-reverse"];class L extends r{constructor(){super(w),this.template='<div class="flex-container">\n <slot></slot>\n </div>',this.shadowRoot.innerHTML=this.template}connectedCallback(){this.hasAttribute("direction")\|\|(this.direction="row"),this.hasAttribute("gap")\|\|(this.gap="inside-section-none"),this.hasAttribute("align-items")\|\|(this.alignItems="stretch"),this.hasAttribute("justify-content")\|\|(this.justifyContent="flex-start"),this.hasAttribute("wrap")\|\|(this.wrap="nowrap")}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,o){if(t.indexOf("direction")>-1&&!["column","row"].includes(o))throw new Error("Invalid direction");switch(t){case"gap":case"gap--mobile":case"gap--tablet":case"gap--laptop":case"gap--desktop":this.updateFlexProperties(t,e,o,z);break;case"justify-content":case"justify-content--mobile":case"justify-content--tablet":case"justify-content--laptop":case"justify-content--desktop":this.updateFlexProperties(t,e,o,C);break;case"align-items":case"align-items--mobile":case"align-items--tablet":case"align-items--laptop":case"align-items--desktop":this.updateFlexProperties(t,e,o,S);break;case"wrap":case"wrap--mobile":case"wrap--tablet":case"wrap--laptop":case"wrap--desktop":this.updateFlexProperties(t,e,o,j);break;case"direction":case"direction--mobile":case"direction--tablet":case"direction--laptop":case"direction--desktop":this.updateFlexProperties(t,e,o,$);break;default:super.attributeChangedCallback(t,e,o)}}updateFlexProperties(t,e,o,r){this.checkName(r,o)\|\|console.error(`Bad ${t} value for`,this.$el);const i=t.indexOf("--")>-1,a=i?t.split("--")[0]:t,n=[];if(i){const i=t.split("--")[1];this.updateStyle(a,i,e,r),this.updateStyle(a,i,o,r)}else this.getAttribute(a+"--mobile")\|\|n.push("mobile"),this.getAttribute(a+"--tablet")\|\|n.push("tablet"),this.getAttribute(a+"--laptop")\|\|n.push("laptop"),this.getAttribute(a+"--desktop")\|\|n.push("desktop"),n.forEach((t=>{this.updateStyle(a,t,e,r),this.updateStyle(a,t,o,r)}))}updateStyle(t,e,o,r){null!==o&&""!==o&&"default"!==o&&("gap"===t&&r.includes(o)?this.$el.style.setProperty(`--flex-${t}--${e}-value`,`var(--px-spacing-${o}-${"laptop"===e?"desktop":e})`):this.$el.style.setProperty(`--flex-${t}--${e}-value`,o))}checkName(t,e){return t.includes(e)}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",L);class T extends L{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",T);class _ extends L{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 M extends HTMLElement{constructor(){super()}static get observedAttributes(){return["grow"]}attributeChangedCallback(t,e,o){"grow"===t&&(this.style.flexGrow=o)}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",M);const E=new CSSStyleSheet;E.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class B extends r{constructor(){super(E),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="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,o){if(e!==o)switch(t){case"background-image":this.$imageContainer.setAttribute("background-image",o);break;case"gap":this.$bodyVStackContainer.setAttribute("gap",o);break;case"background-color":this.$bodyContainer.setAttribute("background-color",v.indexOf(o)>0?o:"none");break;case"padding-vertical":this.handlePaddingVerticalChange(o);break;case"padding-horizontal":this.handlePaddingHorizontalChange(o);break;default:super.attributeChangedCallback(t,e,o)}}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",B);const N=new CSSStyleSheet;N.replaceSync(":host{--grid-cols: initial;--grid-cols--mobile: initial;--grid-cols--tablet: initial;--grid-cols--laptop: initial;--grid-cols--desktop: initial;--justify-content: initial;--justify-items: initial;--align-content: initial;--align-items: initial}.grid{display:grid;gap:var(--grid-gap--mobile, var(--px-spacing-inside-section-default-mobile));grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));justify-content:var(--justify-content);justify-items:var(--justify-items);align-content:var(--align-content);align-items:var(--align-items)}@media screen and (min-width: 768px){.grid{gap:var( --grid-gap--tablet, var(--px-spacing-inside-section-default-tablet) )}}@media screen and (min-width: 1025px){.grid{gap:var( --grid-gap--laptop, var(--px-spacing-inside-section-default-desktop) )}}.justify-content-normal{justify-content:normal}.justify-content-start{justify-content:start}.justify-content-end{justify-content:end}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.justify-content-space-around{justify-content:space-around}.justify-content-space-evenly{justify-content:space-evenly}.justify-content-stretch{justify-content:stretch}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.align-content-normal{align-content:normal}.align-content-start{align-content:start}.align-content-end{align-content:end}.align-content-center{align-content:center}.align-content-space-between{align-content:space-between}.align-content-space-around{align-content:space-around}.align-content-space-evenly{align-content:space-evenly}.align-content-stretch{align-content:stretch}.align-items-start{align-items:start}.align-items-end{align-items:end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}@media only screen and (max-width: 767px){.grid{grid-template-columns:repeat(var(--grid-cols--mobile, var(--grid-cols)),minmax(0,1fr))}.justify-content-normal-mobile{justify-content:normal}.justify-content-start-mobile{justify-content:start}.justify-content-end-mobile{justify-content:end}.justify-content-center-mobile{justify-content:center}.justify-content-space-between-mobile{justify-content:space-between}.justify-content-space-around-mobile{justify-content:space-around}.justify-content-space-evenly-mobile{justify-content:space-evenly}.justify-content-stretch-mobile{justify-content:stretch}.justify-items-start-mobile{justify-items:start}.justify-items-end-mobile{justify-items:end}.justify-items-center-mobile{justify-items:center}.justify-items-stretch-mobile{justify-items:stretch}.align-content-normal-mobile{align-content:normal}.align-content-start-mobile{align-content:start}.align-content-end-mobile{align-content:end}.align-content-center-mobile{align-content:center}.align-content-space-between-mobile{align-content:space-between}.align-content-space-around-mobile{align-content:space-around}.align-content-space-evenly-mobile{align-content:space-evenly}.align-content-stretch-mobile{align-content:stretch}.align-items-start-mobile{align-items:start}.align-items-end-mobile{align-items:end}.align-items-center-mobile{align-items:center}.align-items-stretch-mobile{align-items:stretch}}@media only screen and (min-width: 768px) and (max-width: 1024px){.grid{grid-template-columns:repeat(var(--grid-cols--tablet, var(--grid-cols)),minmax(0,1fr))}.justify-content-normal-tablet{justify-content:normal}.justify-content-start-tablet{justify-content:start}.justify-content-end-tablet{justify-content:end}.justify-content-center-tablet{justify-content:center}.justify-content-space-between-tablet{justify-content:space-between}.justify-content-space-around-tablet{justify-content:space-around}.justify-content-space-evenly-tablet{justify-content:space-evenly}.justify-content-stretch-tablet{justify-content:stretch}.justify-items-start-tablet{justify-items:start}.justify-items-end-tablet{justify-items:end}.justify-items-center-tablet{justify-items:center}.justify-items-stretch-tablet{justify-items:stretch}.align-content-normal-tablet{align-content:normal}.align-content-start-tablet{align-content:start}.align-content-end-tablet{align-content:end}.align-content-center-tablet{align-content:center}.align-content-space-between-tablet{align-content:space-between}.align-content-space-around-tablet{align-content:space-around}.align-content-space-evenly-tablet{align-content:space-evenly}.align-content-stretch-tablet{align-content:stretch}.align-items-start-tablet{align-items:start}.align-items-end-tablet{align-items:end}.align-items-center-tablet{align-items:center}.align-items-stretch-tablet{align-items:stretch}}@media only screen and (min-width: 1025px){.grid{grid-template-columns:repeat(var(--grid-cols--laptop, var(--grid-cols)),minmax(0,1fr))}.justify-content-normal-laptop{justify-content:normal}.justify-content-start-laptop{justify-content:start}.justify-content-end-laptop{justify-content:end}.justify-content-center-laptop{justify-content:center}.justify-content-space-between-laptop{justify-content:space-between}.justify-content-space-around-laptop{justify-content:space-around}.justify-content-space-evenly-laptop{justify-content:space-evenly}.justify-content-stretch-laptop{justify-content:stretch}.justify-items-start-laptop{justify-items:start}.justify-items-end-laptop{justify-items:end}.justify-items-center-laptop{justify-items:center}.justify-items-stretch-laptop{justify-items:stretch}.align-content-normal-laptop{align-content:normal}.align-content-start-laptop{align-content:start}.align-content-end-laptop{align-content:end}.align-content-center-laptop{align-content:center}.align-content-space-between-laptop{align-content:space-between}.align-content-space-around-laptop{align-content:space-around}.align-content-space-evenly-laptop{align-content:space-evenly}.align-content-stretch-laptop{align-content:stretch}.align-items-start-laptop{align-items:start}.align-items-end-laptop{align-items:end}.align-items-center-laptop{align-items:center}.align-items-stretch-laptop{align-items:stretch}}");const R=new CSSStyleSheet;R.replaceSync('::slotted([col-span="1"]){grid-column:span 1 / span 1}::slotted([col-span="2"]){grid-column:span 2 / span 2}::slotted([col-span="3"]){grid-column:span 3 / span 3}::slotted([col-span="4"]){grid-column:span 4 / span 4}::slotted([col-span="5"]){grid-column:span 5 / span 5}::slotted([col-span="6"]){grid-column:span 6 / span 6}::slotted([col-span="7"]){grid-column:span 7 / span 7}::slotted([col-span="8"]){grid-column:span 8 / span 8}::slotted([col-span="9"]){grid-column:span 9 / span 9}::slotted([col-span="10"]){grid-column:span 10 / span 10}::slotted([col-span="11"]){grid-column:span 11 / span 11}::slotted([col-span="12"]){grid-column:span 12 / span 12}::slotted([col-span="full"]){grid-column:1 / -1}::slotted([order="1"]){order:1}::slotted([order="2"]){order:2}::slotted([order="3"]){order:3}::slotted([order="4"]){order:4}::slotted([order="5"]){order:5}::slotted([order="6"]){order:6}::slotted([order="first"]){order:-9999}::slotted([order="last"]){order:9999}::slotted([order="none"]){order:0}::slotted([justify-self="auto"]){justify-self:auto}::slotted([justify-self="start"]){justify-self:start}::slotted([justify-self="end"]){justify-self:end}::slotted([justify-self="center"]){justify-self:center}::slotted([justify-self="stretch"]){justify-self:stretch}::slotted([align-self="auto"]){align-self:auto}::slotted([align-self="start"]){align-self:start}::slotted([align-self="end"]){align-self:end}::slotted([align-self="center"]){align-self:center}::slotted([align-self="stretch"]){align-self:stretch}::slotted([place-self="auto"]){place-self:auto}::slotted([place-self="start"]){place-self:start}::slotted([place-self="end"]){place-self:end}::slotted([place-self="center"]){place-self:center}::slotted([place-self="stretch"]){place-self:stretch}@media only screen and (max-width: 767px){::slotted([col--mobile="auto"]){grid-column:auto}::slotted([col-span--mobile="1"]){grid-column:span 1 / span 1}::slotted([col-span--mobile="2"]){grid-column:span 2 / span 2}::slotted([col-span--mobile="3"]){grid-column:span 3 / span 3}::slotted([col-span--mobile="4"]){grid-column:span 4 / span 4}::slotted([col-span--mobile="5"]){grid-column:span 5 / span 5}::slotted([col-span--mobile="6"]){grid-column:span 6 / span 6}::slotted([col-span--mobile="7"]){grid-column:span 7 / span 7}::slotted([col-span--mobile="8"]){grid-column:span 8 / span 8}::slotted([col-span--mobile="9"]){grid-column:span 9 / span 9}::slotted([col-span--mobile="10"]){grid-column:span 10 / span 10}::slotted([col-span--mobile="11"]){grid-column:span 11 / span 11}::slotted([col-span--mobile="12"]){grid-column:span 12 / span 12}::slotted([col-span--mobile="full"]){grid-column:1 / -1}::slotted([order--mobile="1"]){order:1}::slotted([order--mobile="2"]){order:2}::slotted([order--mobile="3"]){order:3}::slotted([order--mobile="4"]){order:4}::slotted([order--mobile="5"]){order:5}::slotted([order--mobile="6"]){order:6}::slotted([order--mobile="first"]){order:-9999}::slotted([order--mobile="last"]){order:9999}::slotted([order--mobile="none"]){order:0}::slotted([justify-self--mobile="auto"]){justify-self:auto}::slotted([justify-self--mobile="start"]){justify-self:start}::slotted([justify-self--mobile="end"]){justify-self:end}::slotted([justify-self--mobile="center"]){justify-self:center}::slotted([justify-self--mobile="stretch"]){justify-self:stretch}::slotted([align-self--mobile="auto"]){align-self:auto}::slotted([align-self--mobile="start"]){align-self:start}::slotted([align-self--mobile="end"]){align-self:end}::slotted([align-self--mobile="center"]){align-self:center}::slotted([align-self--mobile="stretch"]){align-self:stretch}::slotted([place-self--mobile="auto"]){place-self:auto}::slotted([place-self--mobile="start"]){place-self:start}::slotted([place-self--mobile="end"]){place-self:end}::slotted([place-self--mobile="center"]){place-self:center}::slotted([place-self--mobile="stretch"]){place-self:stretch}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted([col--tablet="auto"]){grid-column:auto}::slotted([col-span--tablet="1"]){grid-column:span 1 / span 1}::slotted([col-span--tablet="2"]){grid-column:span 2 / span 2}::slotted([col-span--tablet="3"]){grid-column:span 3 / span 3}::slotted([col-span--tablet="4"]){grid-column:span 4 / span 4}::slotted([col-span--tablet="5"]){grid-column:span 5 / span 5}::slotted([col-span--tablet="6"]){grid-column:span 6 / span 6}::slotted([col-span--tablet="7"]){grid-column:span 7 / span 7}::slotted([col-span--tablet="8"]){grid-column:span 8 / span 8}::slotted([col-span--tablet="9"]){grid-column:span 9 / span 9}::slotted([col-span--tablet="10"]){grid-column:span 10 / span 10}::slotted([col-span--tablet="11"]){grid-column:span 11 / span 11}::slotted([col-span--tablet="12"]){grid-column:span 12 / span 12}::slotted([col-span--tablet="full"]){grid-column:1 / -1}::slotted([order--tablet="1"]){order:1}::slotted([order--tablet="2"]){order:2}::slotted([order--tablet="3"]){order:3}::slotted([order--tablet="4"]){order:4}::slotted([order--tablet="5"]){order:5}::slotted([order--tablet="6"]){order:6}::slotted([order--tablet="first"]){order:-9999}::slotted([order--tablet="last"]){order:9999}::slotted([order--tablet="none"]){order:0}::slotted([justify-self--tablet="auto"]){justify-self:auto}::slotted([justify-self--tablet="start"]){justify-self:start}::slotted([justify-self--tablet="end"]){justify-self:end}::slotted([justify-self--tablet="center"]){justify-self:center}::slotted([justify-self--tablet="stretch"]){justify-self:stretch}::slotted([align-self--tablet="auto"]){align-self:auto}::slotted([align-self--tablet="start"]){align-self:start}::slotted([align-self--tablet="end"]){align-self:end}::slotted([align-self--tablet="center"]){align-self:center}::slotted([align-self--tablet="stretch"]){align-self:stretch}::slotted([place-self--tablet="auto"]){place-self:auto}::slotted([place-self--tablet="start"]){place-self:start}::slotted([place-self--tablet="end"]){place-self:end}::slotted([place-self--tablet="center"]){place-self:center}::slotted([place-self--tablet="stretch"]){place-self:stretch}}@media only screen and (min-width: 1025px){::slotted([col--laptop="auto"]){grid-column:auto}::slotted([col-span--laptop="1"]){grid-column:span 1 / span 1}::slotted([col-span--laptop="2"]){grid-column:span 2 / span 2}::slotted([col-span--laptop="3"]){grid-column:span 3 / span 3}::slotted([col-span--laptop="4"]){grid-column:span 4 / span 4}::slotted([col-span--laptop="5"]){grid-column:span 5 / span 5}::slotted([col-span--laptop="6"]){grid-column:span 6 / span 6}::slotted([col-span--laptop="7"]){grid-column:span 7 / span 7}::slotted([col-span--laptop="8"]){grid-column:span 8 / span 8}::slotted([col-span--laptop="9"]){grid-column:span 9 / span 9}::slotted([col-span--laptop="10"]){grid-column:span 10 / span 10}::slotted([col-span--laptop="11"]){grid-column:span 11 / span 11}::slotted([col-span--laptop="12"]){grid-column:span 12 / span 12}::slotted([col-span--laptop="full"]){grid-column:1 / -1}::slotted([justify-self--laptop="auto"]){justify-self:auto}::slotted([justify-self--laptop="start"]){justify-self:start}::slotted([justify-self--laptop="end"]){justify-self:end}::slotted([justify-self--laptop="center"]){justify-self:center}::slotted([justify-self--laptop="stretch"]){justify-self:stretch}::slotted([align-self--laptop="auto"]){align-self:auto}::slotted([align-self--laptop="start"]){align-self:start}::slotted([align-self--laptop="end"]){align-self:end}::slotted([align-self--laptop="center"]){align-self:center}::slotted([align-self--laptop="stretch"]){align-self:stretch}::slotted([place-self--laptop="auto"]){place-self:auto}::slotted([place-self--laptop="start"]){place-self:start}::slotted([place-self--laptop="end"]){place-self:end}::slotted([place-self--laptop="center"]){place-self:center}::slotted([place-self--laptop="stretch"]){place-self:stretch}}');const I=["1","2","3","4","5","6","7","8","9","10","11","12"],P=["","start","end","center","space-between","space-around","space-evenly","stretch"],H=["","start","end","center","stretch"],V=class extends i{constructor(){super(N,R),this.template=()=>'<div class="grid">\n <slot></slot>\n </div>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"gap","grid-cols","grid-cols--mobile","grid-cols--tablet","grid-cols--laptop","justify-content","justify-items","align-content","align-items","justify-content--mobile","justify-items--mobile","align-content--mobile","align-items--mobile","justify-content--tablet","justify-items--tablet","align-content--tablet","align-items--tablet","justify-content--laptop","justify-items--laptop","align-content--laptop","align-items--laptop","justify-content--desktop","justify-items--desktop","align-content--desktop","align-items--desktop"]}connectedCallback(){super.connectedCallback(),this.gap\|\|(this.gap="inside-section-default"),this.alignItems\|\|(this.alignItems="stretch")}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"gap":this.updateGap(e,o,a);break;case"grid-cols":case"grid-cols--mobile":case"grid-cols--tablet":case"grid-cols--laptop":this.updateAttribute(t,e,o,I);break;case"justify-content":case"align-content":case"justify-content--mobile":case"align-content--mobile":case"justify-content--tablet":case"align-content--tablet":case"justify-content--laptop":case"align-content--laptop":case"justify-content--desktop":case"align-content--desktop":this.updateAttribute(t,e,o,P);break;case"justify-items":case"align-items":case"justify-items--mobile":case"align-items--mobile":case"justify-items--tablet":case"align-items--tablet":case"justify-items--laptop":case"align-items--laptop":case"justify-items--desktop":case"align-items--desktop":this.updateAttribute(t,e,o,H);break;default:super.attributeChangedCallback(t,e,o)}}updateGap(t,e,o){if(!this.checkName(o,e))return void console.error("Bad gap value for",this.$el);const r=t=>{null!==t&&""!==t&&"default"!==t&&(this.$el.style.setProperty("--grid-gap--mobile",`var(--px-spacing-${t}-mobile)`),this.$el.style.setProperty("--grid-gap--tablet",`var(--px-spacing-${t}-tablet)`),this.$el.style.setProperty("--grid-gap--laptop",`var(--px-spacing-${t}-desktop)`))};r(t),r(e)}updateAttribute(t,e,o,r){this.checkName(r,o)?"grid-cols"===t\|\|"grid-cols--mobile"===t\|\|"grid-cols--tablet"===t\|\|"grid-cols--laptop"===t?this.$el.style.setProperty(`--${t}`,o):(null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${t}-${o}`)):console.error(`${o} is not an allowed ${t} value for ${this.$el}`)}checkName(t,e){return t.includes(e)}get gap(){return this.getAttribute("gap")}set gap(t){this.setAttribute("gap",t)}get gridCols(){return this.getAttribute("grid-cols")}set gridCols(t){this.setAttribute("grid-cols",t)}get gridColsMobile(){return this.getAttribute("grid-cols--mobile")}set gridColsMobile(t){this.setAttribute("grid-cols--mobile",t)}get gridColsTablet(){return this.getAttribute("grid-cols--tablet")}set gridColsTablet(t){this.setAttribute("grid-cols--tablet",t)}get gridColsLaptop(){return this.getAttribute("grid-cols--laptop")}set gridColsLaptop(t){this.setAttribute("grid-cols--laptop",t)}get justifyContent(){return this.getAttribute("justify-content")}set justifyContent(t){this.setAttribute("justify-content",t)}get justifyItems(){return this.getAttribute("justify-items")}set justifyItems(t){this.setAttribute("justify-items",t)}get alignContent(){return this.getAttribute("align-content")}set alignContent(t){this.setAttribute("align-content",t)}get alignItems(){return this.getAttribute("align-items")}set alignItems(t){this.setAttribute("align-items",t)}get justifyContentMobile(){return this.getAttribute("justify-content--mobile")}set justifyContentMobile(t){this.setAttribute("justify-content--mobile",t)}get justifyItemsMobile(){return this.getAttribute("justify-items--mobile")}set justifyItemsMobile(t){this.setAttribute("justify-items--mobile",t)}get alignContentMobile(){return this.getAttribute("align-content--mobile")}set alignContentMobile(t){this.setAttribute("align-content--mobile",t)}get alignItemsMobile(){return this.getAttribute("align-items--mobile")}set alignItemsMobile(t){this.setAttribute("align-items--mobile",t)}get justifyContentTablet(){return this.getAttribute("justify-content--tablet")}set justifyContentTablet(t){this.setAttribute("justify-content--tablet",t)}get justifyItemsTablet(){return this.getAttribute("justify-items--tablet")}set justifyItemsTablet(t){this.setAttribute("justify-items--tablet",t)}get alignContentTablet(){return this.getAttribute("align-content--tablet")}set alignContentTablet(t){this.setAttribute("align-content--tablet",t)}get alignItemsTablet(){return this.getAttribute("align-items--tablet")}set alignItemsTablet(t){this.setAttribute("align-items--tablet",t)}get justifyContentLaptop(){return this.getAttribute("justify-content--laptop")}set justifyContentLaptop(t){this.setAttribute("justify-content--laptop",t)}get justifyItemsLaptop(){return this.getAttribute("justify-items--laptop")}set justifyItemsLaptop(t){this.setAttribute("justify-items--laptop",t)}get alignContentLaptop(){return this.getAttribute("align-content--laptop")}set alignContentLaptop(t){this.setAttribute("align-content--laptop",t)}get alignItemsLaptop(){return this.getAttribute("align-items--laptop")}set alignItemsLaptop(t){this.setAttribute("align-items--laptop",t)}get justifyContentDesktop(){return this.getAttribute("justify-content--desktop")}set justifyContentDesktop(t){this.setAttribute("justify-content--desktop",t)}get justifyItemsDesktop(){return this.getAttribute("justify-items--desktop")}set justifyItemsDesktop(t){this.setAttribute("justify-items--desktop",t)}get alignContentDesktop(){return this.getAttribute("align-content--desktop")}set alignContentDesktop(t){this.setAttribute("align-content--desktop",t)}get alignItemsDesktop(){return this.getAttribute("align-items--desktop")}set alignItemsDesktop(t){this.setAttribute("align-items--desktop",t)}};V.nativeName="div";let q=V;customElements.define("px-grid",q);const D=class extends q{constructor(){super(),this.template=()=>'<div class="grid-item">\n <slot></slot>\n </div>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"col-span","col-span--mobile","col-span--tablet","col-span--laptop","col-span--desktop","justify-self","align-self","place-self","justify-self--mobile","align-self--mobile","place-self--mobile","justify-self--tablet","align-self--tablet","place-self--tablet","justify-self--laptop","align-self--laptop","place-self--laptop","justify-self--desktop","align-self--desktop","place-self--desktop","order","order--mobile","order--tablet","order--laptop","order--desktop"]}connectedCallback(){var t;super.connectedCallback(),"stretch"===(null==(t=this.parentElement)?void 0:t.getAttribute("align-items"))&&(this.$el.style.height="100%")}get colSpan(){return this.getAttribute("col-span")}set colSpan(t){this.setAttribute("col-span",t)}get colSpanMobile(){return this.getAttribute("col-span--mobile")}set colSpanMobile(t){this.setAttribute("col-span--mobile",t)}get colSpanTablet(){return this.getAttribute("col-span--tablet")}set colSpanTablet(t){this.setAttribute("col-span--tablet",t)}get colSpanLaptop(){return this.getAttribute("col-span--laptop")}set colSpanLaptop(t){this.setAttribute("col-span--laptop",t)}get colSpanDesktop(){return this.getAttribute("col-span--desktop")}set colSpanDesktop(t){this.setAttribute("col-span--desktop",t)}get justifySelf(){return this.getAttribute("justify-self")}set justifySelf(t){this.setAttribute("justify-self",t)}get alignSelf(){return this.getAttribute("align-self")}set alignSelf(t){this.setAttribute("align-self",t)}get placeSelf(){return this.getAttribute("place-self")}set placeSelf(t){this.setAttribute("place-self",t)}get justifySelfMobile(){return this.getAttribute("justify-self--mobile")}set justifySelfMobile(t){this.setAttribute("justify-self--mobile",t)}get alignSelfMobile(){return this.getAttribute("align-self--mobile")}set alignSelfMobile(t){this.setAttribute("align-self--mobile",t)}get placeSelfMobile(){return this.getAttribute("place-self--mobile")}set placeSelfMobile(t){this.setAttribute("place-self--mobile",t)}get justifySelfTablet(){return this.getAttribute("justify-self--tablet")}set justifySelfTablet(t){this.setAttribute("justify-self--tablet",t)}get alignSelfTablet(){return this.getAttribute("align-self--tablet")}set alignSelfTablet(t){this.setAttribute("align-self--tablet",t)}get placeSelfTablet(){return this.getAttribute("place-self--tablet")}set placeSelfTablet(t){this.setAttribute("place-self--tablet",t)}get justifySelfLaptop(){return this.getAttribute("justify-self--laptop")}set justifySelfLaptop(t){this.setAttribute("justify-self--laptop",t)}get alignSelfLaptop(){return this.getAttribute("align-self--laptop")}set alignSelfLaptop(t){this.setAttribute("align-self--laptop",t)}get placeSelfLaptop(){return this.getAttribute("place-self--laptop")}set placeSelfLaptop(t){this.setAttribute("place-self--laptop",t)}get justifySelfDesktop(){return this.getAttribute("justify-self--desktop")}set justifySelfDesktop(t){this.setAttribute("justify-self--desktop",t)}get alignSelfDesktop(){return this.getAttribute("align-self--desktop")}set alignSelfDesktop(t){this.setAttribute("align-self--desktop",t)}get placeSelfDesktop(){return this.getAttribute("place-self--desktop")}set placeSelfDesktop(t){this.setAttribute("place-self--desktop",t)}get order(){return this.getAttribute("order")}set order(t){this.setAttribute("order",t)}get orderMobile(){return this.getAttribute("order--mobile")}set orderMobile(t){this.setAttribute("order--mobile",t)}get orderTablet(){return this.getAttribute("order--tablet")}set orderTablet(t){this.setAttribute("order--tablet",t)}get orderLaptop(){return this.getAttribute("order--laptop")}set orderLaptop(t){this.setAttribute("order--laptop",t)}get orderDesktop(){return this.getAttribute("order--desktop")}set orderDesktop(t){this.setAttribute("order--desktop",t)}};D.nativeName="div";let W=D;customElements.define("px-grid-item",W);const F='.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)}}',O='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)}}',G=".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)}}",Y=new CSSStyleSheet,Z=new CSSStyleSheet,J=new CSSStyleSheet;Y.replaceSync(F),Z.replaceSync(O),J.replaceSync(G);const K=["","default","secondary","tertiary","link","patch","patch-info","patch-black-friday","patch-eco"],Q=class extends i{constructor(){super(Y,Z,J),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"),o=t.getAttribute("color");t&&(t.addEventListener("click",(()=>{this.$el.focus()})),e\|\|t.setAttribute("size","xs"),o\|\|t.setAttribute("color","inherit"))}))}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"variant":this.updateVariant(e,o,K);break;case"state":this.updateState(e,o);break;case"extended":this.updateExtended();break;case"loading":this.updateLoading();break;case"shape":this.updateShape(e,o);break;default:super.attributeChangedCallback(t,e,o)}}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,o){"link"===e?this.$el.classList.remove("btn"):this.$el.classList.add("btn"),this._toggleClass(t,e),this.checkName(o,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)}};Q.nativeName="button";let U=Q;customElements.get("px-button")\|\|customElements.define("px-button",U);class X 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",X);const tt=["2xs","xs","s","m","l","xl","2xl"],et=["","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"],ot=["name","size","color","aria-label","inverted","from"];class rt extends r{static get observedAttributes(){return[...super.observedAttributes,...ot]}constructor(...t){var e;super(...t),this.internals=null==(e=this.attachInternals)?void 0:e.call(this)}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"name":this.updateName(e,o);break;case"size":this.updateAttribute(t,e,o,tt);break;case"color":this.updateAttribute(t,e,o,et);break;case"aria-label":if(!this.internals)return;this.internals.ariaHidden=o?"false":"true"}}updateAttribute(t,e,o,r){null!==e&&""!==e&&("size"===t?this.$el.classList.toggle(`${t}-${e}`):this.$el.classList.toggle(e)),null!==o&&""!==o&&("size"===t?this.$el.classList.toggle(`${t}-${o}`):this.$el.classList.toggle(o)),this.checkName(r,o)\|\|console.error(`${o} 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 it=":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}",at=new CSSStyleSheet;at.replaceSync(it);class nt extends rt{constructor(){super(at),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",nt);const st=new CSSStyleSheet,lt=new CSSStyleSheet;st.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:""}'),lt.replaceSync(it);class dt extends rt{constructor(){super(st,lt),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",dt);const ct=new CSSStyleSheet;ct.replaceSync(':host{display:block}.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 pt=["anchor-right","anchor-left","anchor-full"],bt=["","cover","contain","default"],ut=class extends i{constructor(){super(ct),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 t,e,o,r;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&&pt.includes(i.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==(o=this.parentElement)?void 0:o.localName)&&"px-a"!==(null==(r=this.parentElement)?void 0:r.localName)\|\|(this.style.height="100%")}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"padding":case"padding--mobile":case"padding--tablet":case"padding--laptop":this.updatePadding(t,e,o,p,["top","right","bottom","left"]);break;case"padding-inline":case"padding-inline--mobile":case"padding-inline--tablet":case"padding-inline--laptop":this.updatePadding(t,e,o,p,["left","right"]);break;case"padding-block":case"padding-block--mobile":case"padding-block--tablet":case"padding-block--laptop":this.updatePadding(t,e,o,p,["top","bottom"]);break;case"padding-top":case"padding-top--mobile":case"padding-top--tablet":case"padding-top--laptop":this.updatePadding(t,e,o,p,["top"]);break;case"padding-right":case"padding-right--mobile":case"padding-right--tablet":case"padding-right--laptop":this.updatePadding(t,e,o,p,["right"]);break;case"padding-bottom":case"padding-bottom--mobile":case"padding-bottom--tablet":case"padding-bottom--laptop":this.updatePadding(t,e,o,p,["bottom"]);break;case"padding-left":case"padding-left--mobile":case"padding-left--tablet":case"padding-left--laptop":this.updatePadding(t,e,o,p,["left"]);break;case"border":this.updateAttribute(t,e,o,b);break;case"border-color":this.updateBorderColor(t,o);break;case"border-side":case"border-side--mobile":case"border-side--tablet":case"border-side--laptop":this.updateAttribute(t,e,o,h);break;case"border-radius":this.updateAttribute(t,e,o,u);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateNoBorderRadius(t,e,o,k);break;case"background-color":case"background-color--mobile":case"background-color--tablet":case"background-color--laptop":this.updateBackgroundColor(t,o);break;case"background-gradient":case"background-gradient--mobile":case"background-gradient--tablet":case"background-gradient--laptop":this.updateGradient(t,o);break;case"background-size":this.updateAttribute(t,e,o,bt);break;case"background-image":case"background-image--mobile":case"background-image--tablet":case"background-image--laptop":this.updateBackgroundImg(t,o);break;case"background-position":null!==o&&""!==o&&(this.$el.style.backgroundPosition=o);break;case"box-shadow":this.updateAttribute(t,e,o,m);break;default:super.attributeChangedCallback(t,e,o)}}updatePadding(t,e,o,r,i){if(!this.checkName(r,o))return void console.error(`Bad ${t} value for`,this.$el);const a=t.includes("--"),n=a?t.split("--")[1]:"",s=(t,e,o,r)=>{const i="laptop"===t?"desktop":t;null!==e&&""!==e&&"default"!==e&&o.forEach((o=>{const a=`--container-padding-${o}--${t}`;!r&&this.$el.style.getPropertyValue(a)\|\|this.$el.style.setProperty(a,`var(--px-padding-${e}-${i})`)}))};a?(s(n,e,i,!0),s(n,o,i,!0)):["mobile","tablet","laptop"].forEach((t=>{s(t,e,i,!1),s(t,o,i,!1)}))}updateBackgroundImg(t,e){this.$el.style.setProperty(`--${t}`,`url("${e}")`)}updateGradient(t,e){if(this.checkName(x,e)){const o=this.splitAttrNameFromBreakpoint(t);t=o.attrName;const r=o.breakpoint;this.$el.style.setProperty(`--${t}${r}`,`linear-gradient(var(--px-background-color-container-gradient-${e}))`)}else console.error(`${e} is not an allowed background-gradient value for ${this.$el}`)}updateBackgroundColor(t,e){if(this.checkName(v,e)){const o=this.splitAttrNameFromBreakpoint(t),r=o.breakpoint;this.$el.style.setProperty(`--${o.attrName}${r}`,`var(--px-background-color-${e}-default)`),this.$el.style.setProperty(`--${o.attrName}-inverted${r}`,`var(--px-background-color-${e}-inverted)`)}else console.error(`${e} is not an allowed ${t} value for ${this.$el}`)}updateBorderColor(t,e){this.checkName(g,e)?(this.$el.style.setProperty(`--${t}`,`var(--px-border-color-${e}-default)`),this.$el.style.setProperty(`--${t}-inverted`,`var(--px-border-color-${e}-inverted)`)):console.error(`${e} is not an allowed ${t} value for ${this.$el}`)}updateNoBorderRadius(t,e,o,r){if(this.checkName(r,o)){const r=this.splitAttrNameFromBreakpoint(t),i=r.breakpoint;null!==e&&""!==e&&this.$el.classList.toggle(`${r.attrName}-${e}${i}`),null!==o&&""!==o&&this.$el.classList.toggle(`${r.attrName}-${o}${i}`)}else console.error(`${o} is not an allowed ${t} value for ${this.$el}`)}updateAttribute(t,e,o,r){if(this.checkName(r,o)){const r=this.splitAttrNameFromBreakpoint(t),i=r.breakpoint;null!==e&&""!==e&&this.$el.classList.toggle(`${r.attrName}-${e}${i}`),null!==o&&""!==o&&this.$el.classList.toggle(`${r.attrName}-${o}${i}`)}else console.error(`${o} is not an allowed ${t} value for ${this.$el}`)}splitAttrNameFromBreakpoint(t){let e="";if(["--mobile","--tablet","--laptop"].some((e=>t.includes(e)))){const o=t.split("--");t=o[0],e=`--${o[1]}`}return{attrName:t,breakpoint:e}}checkName(t,e){return t.includes(e)}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 borderColor(){return this.getAttribute("border-color")}set borderColor(t){this.setAttribute("border-color",t)}get borderSide(){return this.getAttribute("border-side")}set borderSide(t){this.setAttribute("border-side",t)}get borderSideMobile(){return this.getAttribute("border-side--mobile")}set borderSideMobile(t){this.setAttribute("border-side--mobile",t)}get borderSideTablet(){return this.getAttribute("border-side--tablet")}set borderSideTablet(t){this.setAttribute("border-side--tablet",t)}get borderSideLaptop(){return this.getAttribute("border-side--laptop")}set borderSideLaptop(t){this.setAttribute("border-side--laptop",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 backgroundColor(){return this.getAttribute("background-color")}set backgroundColor(t){this.setAttribute("background-color",t)}get backgroundColorMobile(){return this.getAttribute("background-color--mobile")}set backgroundColorMobile(t){this.setAttribute("background-color--mobile",t)}get backgroundColorTablet(){return this.getAttribute("background-color--tablet")}set backgroundColorTablet(t){this.setAttribute("background-color--tablet",t)}get backgroundColorLaptop(){return this.getAttribute("background-color--laptop")}set backgroundColorLaptop(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 backgroundImage(){return this.getAttribute("background-image")}set backgroundImage(t){this.setAttribute("background-image",t)}get backgroundImageMobile(){return this.getAttribute("background-image--mobile")}set backgroundImageMobile(t){this.setAttribute("background-image--mobile",t)}get backgroundImageTablet(){return this.getAttribute("background-image--tablet")}set backgroundImageTablet(t){this.setAttribute("background-image--tablet",t)}get backgroundImageLaptop(){return this.getAttribute("background-image--laptop")}set backgroundImageLaptop(t){this.setAttribute("background-image--laptop",t)}get backgroundSize(){return this.getAttribute("background-size")}set backgroundSize(t){this.setAttribute("background-size",t)}get backgroundPosition(){return this.getAttribute("background-position")}set backgroundPosition(t){this.setAttribute("background-position",t)}get boxShadow(){return this.getAttribute("box-shadow")}set boxShadow(t){this.setAttribute("box-shadow",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}};ut.nativeName="div";let gt=ut;customElements.define("px-container",gt);const ht="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)}}",vt=":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)}",mt=new CSSStyleSheet;mt.replaceSync(ht);const ft=new CSSStyleSheet;ft.replaceSync(vt);class xt extends i{template(){return"<slot></slot>"}constructor(t){super(mt,ft);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,o){if(e!==o)switch(t){case"variant":this.updateAttribute(t,e,o,f);break;case"color":this.updateColor(e,o,s);break;case"text-align":case"text-align--mobile":case"text-align--tablet":case"text-align--laptop":case"text-align--desktop":this.updateTextAlign(t,e,o,c);break;default:super.attributeChangedCallback(t,e,o)}}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,o,r){this.checkName(r,o)?this.toggleClass(e,o):console.error(`${o} is not an allowed "${t}" value for`,this.$el)}updateColor(t,e,o){if(!this.checkName(o,e))return void console.error("Bad color value for",this.$el);const r=t=>{null!==t&&""!==t&&"default"!==t&&(this.$el.style.setProperty("--heading-color-default",`var(--px-text-color-${t}-default)`),this.$el.style.setProperty("--heading-color-inverted",`var(--px-text-color-${t}-inverted)`))};r(t),r(e)}updateTextAlign(t,e,o,r){if(!this.checkName(r,o))return void console.error(`Bad ${t} value for`,this.$el);const i=(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=>{i(t,e),i(t,o)}));else{const r=t.split("--")[1];i(r,e),i(r,o)}}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 kt=class extends xt{constructor(){super("h1")}};kt.nativeName="h1";let yt=kt;customElements.define("px-h1",yt);const At=class extends xt{constructor(){super("h2")}};At.nativeName="h2";let wt=At;customElements.define("px-h2",wt);const zt=class extends xt{constructor(){super("h3")}};zt.nativeName="h3";let $t=zt;customElements.define("px-h3",$t);const St=class extends xt{constructor(){super("h4")}};St.nativeName="h4";let Ct=St;customElements.define("px-h4",Ct);const jt=class extends xt{constructor(){super("h5")}};jt.nativeName="h5";let Lt=jt;customElements.define("px-h5",Lt);const Tt=class extends xt{constructor(){super("h6")}};Tt.nativeName="h6";let _t=Tt;customElements.define("px-h6",_t);const Mt=new CSSStyleSheet;Mt.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 Et 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=[Mt]}connectedCallback(){const t=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"),t\|\|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(t,e,o){if(e!==o)switch(t){case"background-color":this.$container.backgroundColor=v.indexOf(o)>0?o:"none";break;case"background-gradient":this.$container.gradient=this.gradient;break;case"background-image":this.$container.backgroundImage=o;break;case"background-image--mobile":this.$container.backgroundImageMobile=o;break;case"background-image--tablet":this.$container.backgroundImageTablet=o;break;case"background-image--laptop":this.$container.backgroundImageLaptop=o;break;case"background-size":this.$container.backgroundSize=o;break;case"background-position":this.$container.backgroundPosition=o;break;case"padding-block":this.$container.paddingBlock=o;break;case"padding-top":this.$container.paddingTop=o;break;case"padding-bottom":this.$container.paddingBottom=o;break;case"padding-block--mobile":this.$container.paddingBlockMobile=o;break;case"padding-top--mobile":this.$container.paddingTopMobile=o;break;case"padding-bottom--mobile":this.$container.paddingBottomMobile=o;break;case"padding-block--tablet":this.$container.paddingBlockTablet=o;break;case"padding-top--tablet":this.$container.paddingTopTablet=o;break;case"padding-bottom--tablet":this.$container.paddingBottomTablet=o;break;case"padding-block--laptop":this.$container.paddingBlockLaptop=o;break;case"padding-top--laptop":this.$container.paddingTopLaptop=o;break;case"padding-bottom--laptop":this.$container.paddingBottomLaptop=o;break;case"border":this.$container.border=o;break;case"border-side":this.$container.borderSide=o;break;case"border-side--mobile":this.$container.borderSideMobile=o;break;case"border-side--tablet":this.$container.borderSideTablet=o;break;case"border-side--laptop":this.$container.borderSideLaptop=o}}get backgroundColor(){return this.getAttribute("background-color")\|\|"none"}set backgroundColor(t){this.setAttribute("background-color",t)}get gradient(){return this.getAttribute("background-gradient")}set gradient(t){this.setAttribute("background-gradient",t)}get backgroundImage(){return this.getAttribute("background-image")}set backgroundImage(t){this.setAttribute("background-image",t)}get backgroundImageMobile(){return this.getAttribute("background-image--mobile")}set backgroundImageMobile(t){this.setAttribute("background-image--mobile",t)}get backgroundImageTablet(){return this.getAttribute("background-image--tablet")}set backgroundImageTablet(t){this.setAttribute("background-image--tablet",t)}get backgroundImageLaptop(){return this.getAttribute("background-image--laptop")}set backgroundImageLaptop(t){this.setAttribute("background-image--laptop",t)}get backgroundSize(){return this.getAttribute("background-size")}set backgroundSize(t){this.setAttribute("background-size",t)}get backgroundPosition(){return this.getAttribute("background-position")}set backgroundPosition(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)}get paddingBlockMobile(){return this.getAttribute("padding-block--mobile")}set paddingBlockMobile(t){this.setAttribute("padding-block--mobile",t)}get paddingTopMobile(){return this.getAttribute("padding-top--mobile")}set paddingTopMobile(t){this.setAttribute("padding-top--mobile",t)}get paddingBottomMobile(){return this.getAttribute("padding-bottom--mobile")}set paddingBottomMobile(t){this.setAttribute("padding-bottom--mobile",t)}get paddingBlockTablet(){return this.getAttribute("padding-block--tablet")}set paddingBlockTablet(t){this.setAttribute("padding-block--tablet",t)}get paddingTopTablet(){return this.getAttribute("padding-top--tablet")}set paddingTopTablet(t){this.setAttribute("padding-top--tablet",t)}get paddingBottomTablet(){return this.getAttribute("padding-bottom--tablet")}set paddingBottomTablet(t){this.setAttribute("padding-bottom--tablet",t)}get paddingBlockLaptop(){return this.getAttribute("padding-block--laptop")}set paddingBlockLaptop(t){this.setAttribute("padding-block--laptop",t)}get paddingTopLaptop(){return this.getAttribute("padding-top--laptop")}set paddingTopLaptop(t){this.setAttribute("padding-top--laptop",t)}get paddingBottomLaptop(){return this.getAttribute("padding-bottom--laptop")}set paddingBottomLaptop(t){this.setAttribute("padding-bottom--laptop",t)}get border(){return this.getAttribute("border")}set border(t){this.setAttribute("border",t)}get borderSide(){return this.getAttribute("border-side")}set borderSide(t){this.setAttribute("border-side",t)}get borderSideMobile(){return this.getAttribute("border-side--mobile")}set borderSideMobile(t){this.setAttribute("border-side--mobile",t)}get borderSideTablet(){return this.getAttribute("border-side--tablet")}set borderSideTablet(t){this.setAttribute("border-side--tablet",t)}get borderSideLaptop(){return this.getAttribute("border-side--laptop")}set borderSideLaptop(t){this.setAttribute("border-side--laptop",t)}}customElements.define("px-section",Et);const Bt=new CSSStyleSheet;Bt.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 Nt=["","none","single"],Rt=class extends i{constructor(){super(Bt),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,o){if(e!==o)if("variant"===t)this.updateAttribute(t,e,o,Nt);else super.attributeChangedCallback(t,e,o)}updateAttribute(t,e,o,r){null!==e&&""!==e&&this.$el.classList.toggle(`${e}`),null!==o&&""!==o&&this.$el.classList.toggle(`${o}`),this.checkName(r,o)\|\|console.error(`${o} is not an allowed ${t} value for ${this.$el}`)}checkName(t,e){return t.includes(e)}};Rt.nativeName="details";let It=Rt;customElements.define("px-accordion",It);const Pt=new CSSStyleSheet;Pt.replaceSync(':host{display:inline-block;line-height:0}picture{display:inline-block}img{display:inline-block;border-style:none;width:var(--img-width--mobile, auto);max-width:100%}.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){img{width:var(--img-width--tablet, auto)}: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){img{width:var(--img-width--laptop, auto)}: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)}}@media only screen and (min-width: 1441px){img{width:var(--img-width--desktop, auto)}}');const Ht=["","mobile","tablet","laptop"],Vt=["","default","s","m","l"];class qt extends i{constructor(){super(Pt)}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","width","width--mobile","width--tablet","width--laptop","width--desktop"]}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"hide-for":case"show-for":this.updateAttribute(t,e,o,Ht);break;case"border-radius":this.updateAttribute(t,e,o,u);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateAttribute(t,e,o,k);break;case"width":case"width--mobile":case"width--tablet":case"width--laptop":case"width--desktop":this.updateWidth(t,e,o,Vt);break;default:super.attributeChangedCallback(t,e,o)}}updateWidth(t,e,o,r){if(!this.checkName(r,o))return void console.error(`${o} is not an allowed ${t} value for ${this.$el}`);const i=t.indexOf("--")>-1,a=i?t.split("--")[0]:t,n=[];if(i){const r=t.split("--")[1];this.updateStyle(a,r,e),this.updateStyle(a,r,o)}else this.getAttribute(a+"--mobile")\|\|n.push("mobile"),this.getAttribute(a+"--tablet")\|\|n.push("tablet"),this.getAttribute(a+"--laptop")\|\|n.push("laptop"),this.getAttribute(a+"--desktop")\|\|n.push("desktop"),n.forEach((t=>{this.updateStyle(a,t,e),this.updateStyle(a,t,o)}))}updateStyle(t,e,o){null!==o&&""!==o&&"default"!==o&&this.$el.style.setProperty(`--img-${t}--${e}`,`var(--px-image-${o}-${"laptop"===e?"desktop":e})`)}updateAttribute(t,e,o,r){if(this.checkName(r,o)){const r=this.splitAttrNameFromBreakpoint(t),i=r.breakpoint;null!==e&&""!==e&&this.$el.classList.toggle(`${r.attrName}-${e}${i}`),null!==o&&""!==o&&this.$el.classList.toggle(`${r.attrName}-${o}${i}`)}else console.error(`${o} is not an allowed ${t} value for ${this.$el}`)}splitAttrNameFromBreakpoint(t){let e="";if(["--mobile","--tablet","--laptop"].some((e=>t.includes(e)))){const o=t.split("--");t=o[0],e=`--${o[1]}`}return{attrName:t,breakpoint:e}}checkName(t,e){return t.includes(e)}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)}get width(){return this.getAttribute("width")}set width(t){this.setAttribute("width",t)}get widthMobile(){return this.getAttribute("width--mobile")}set widthMobile(t){this.setAttribute("width--mobile",t)}get widthTablet(){return this.getAttribute("width--tablet")}set widthTablet(t){this.setAttribute("width--tablet",t)}get widthLaptop(){return this.getAttribute("width--laptop")}set widthLaptop(t){this.setAttribute("width--laptop",t)}get widthDesktop(){return this.getAttribute("width--desktop")}set widthDesktop(t){this.setAttribute("width--desktop",t)}}const Dt=class extends qt{constructor(){super();const t=document.createElement(this.nativeName);this.shadowRoot.appendChild(t)}};Dt.nativeName="img";let Wt=Dt;customElements.define("px-img",Wt);const Ft=class extends qt{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,o){if(e!==o)switch(t){case"src":this.addSrc(o,this.alt,this.loading);break;case"loading":this.updateLoading(o);break;case"alt":this.updateAlt(o);break;default:super.attributeChangedCallback(t,e,o)}}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,o){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 i=`${t}${o}${r}.${e}`;return await this.imgExists(i)\|\|(i=""),i}addImg(t,e,o){const r=document.createElement("img");r.src=t,r.alt=e\|\|"",!o\|\|"lazy"!==o&&"eager"!==o\|\|(r.loading=o),this.$el.appendChild(r)}addSrcset(t,e){if(""!==t){const o=document.createElement("source");o.media=e,o.srcset=t,this.$el.insertBefore(o,this.$el.firstChild)}}async addSrc(t,e,o){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 i=t.slice(0,-1(r.length+1));let a=t;if(await this.imgExists(a)\|\|(a=await this.transformImgPath(i,r,"-s")),""===a)return void console.error('Bad "src" value for ',this);const n=await this.transformImgPath(i,r,"-m");this.addSrcset(n,"only screen and (min-width: 40.0625em)");const s=await this.transformImgPath(i,r,"-l");this.addSrcset(s,"only screen and (min-width: 64.0625em)"),this.addImg(a,e,o)}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\|\|"")}};Ft.nativeName="picture";let Ot=Ft;customElements.define("px-picture",Ot);const Gt=new CSSStyleSheet;Gt.replaceSync(G);const Yt=["","default","info","black-friday","eco","greyed"],Zt=["","default","bottom-right","bottom-left"];class Jt 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=[Gt]}static get observedAttributes(){return["variant","shape","inverted"]}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"variant":this.updateVariant(e,o);break;case"shape":this.updateShape(e,o)}}_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(Yt,e)\|\|console.error('Bad "variant" value for patch')}updateShape(t,e){this._toggleClass(t,e),this.checkName(Zt,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",Jt);const Kt=new CSSStyleSheet;Kt.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 Qt=["default","purpose-promo","free","neutral","exceeding","disabled"],Ut=["","s","m","l"],Xt=class extends i{constructor(){super(Kt),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(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,o){if(e!==o)switch(t){case"variant":this.updateAttribute(t,e,o,Qt);break;case"size":this.updateAttribute(t,e,o,Ut);break;default:super.attributeChangedCallback(t,e,o)}}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,o,r){this.toggleClass(e,o),this.checkName(r,o)\|\|console.error(`${o} is not an allowed ${t} value for ${this.$el}`)}buildPrice(){let t=this.innerHTML.trim();const e=this.querySelector('[slot="oldprice"]');let o,r="",i="";e&&""!==e.innerHTML?(e.innerHTML="€"+e.innerHTML,o=this.querySelector('[slot="newpurpose-promoprice"]'),o?(i=o.outerHTML,t=o.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,o]=t.split(n);this.innerHTML=`${r}${i}${a}${e}<span class="decimals">${n}${o}</span>`}else this.innerHTML=`${r}${i}${a}${t}`}};Xt.nativeName="span";let te=Xt;customElements.define("px-price",te);const ee=new CSSStyleSheet;ee.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 oe=class extends i{constructor(){super(ee),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};oe.nativeName="div";let re=oe;customElements.define("px-ribbon",re);const ie=new CSSStyleSheet;ie.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 ae=["","default","horizontal","vertical"],ne=["","default","none","s","m","l"],se=["","default","none","action-hover","action-active","action-neutral","container-main","container-brand","purpose-success","purpose-error","purpose-warning","purpose-unlimited"],le=class extends i{constructor(){super(ie);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"]}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"direction":case"direction--mobile":case"direction--tablet":case"direction--laptop":case"direction--desktop":this.updateDirection(t,e,o,ae);break;case"size":this.updateSize(t,e,o,ne);break;case"color":this.updateColor(t,e,o,se);break;default:super.attributeChangedCallback(t,e,o)}}checkName(t,e){return t.includes(e)}updateSize(t,e,o,r){const i=t=>{null!==t&&""!==t&&"default"!==t&&this.$el.style.setProperty("--separator-size",`var(--px-border-size-${t})`)};this.checkName(r,o)?(i(e),i(o)):console.error(`Bad ${t} value for`,this.$el)}updateColor(t,e,o,r){const i=t=>{null!==t&&""!==t&&"default"!==t&&(this.$el.style.setProperty("--px-separator-color-default",`var(--px-border-color-${t}-default)`),this.$el.style.setProperty("--px-separator-color-inverted",`var(--px-border-color-${t}-inverted)`))};this.checkName(r,o)?(i(e),i(o)):console.error(`Bad ${t} value for`,this.$el)}updateDirection(t,e,o,r){const i=(t,e)=>{null!==e&&""!==e&&"default"!==e&&this.$el.classList.add(`separator-direction-${e}--${t}`)};if(this.checkName(r,o))if("direction"===t)["mobile","tablet","laptop","desktop"].forEach((t=>{Array.from(this.$el.classList).find((e=>e.startsWith("separator-direction-")&&e.endsWith(`--${t}`)))\|\|i(t,o)}));else{const e=t.split("--")[1],r=Array.from(this.$el.classList).find((t=>t.startsWith("separator-direction-")&&t.endsWith(`--${e}`)));r?this.$el.classList.replace(r,`separator-direction-${o}--${e}`):i(e,o)}else console.error(`Bad "${t}" value for`,this.$el)}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)}};le.nativeName="hr";let de=le;customElements.define("px-separator",de);const ce=new CSSStyleSheet;ce.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 pe=["","default","light","outline"],be=["","default","pill"];class ue 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=[ce]}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,o){if(e!==o)switch(t){case"variant":this.updateVariant(e,o);break;case"shape":this.updateShape(e,o)}}_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(pe,e)\|\|console.error('Bad "variant" value for tag')}updateShape(t,e){this._toggleClass(t,e),this.checkName(be,e)\|\|console.error('Bad "shape" value for tag')}}customElements.get("px-tag")\|\|customElements.define("px-tag",ue);const ge=new CSSStyleSheet;ge.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 he 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=[ge]}static get observedAttributes(){return["label","inverted"]}attributeChangedCallback(t,e,o){"label"===t&&(this.label=o)}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,o=this.$previousTab;this.$activePanel.selected=!1,this.$activeTab.selected="false","ArrowRight"===t.key?e.selected="":"ArrowLeft"===t.key&&(o.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 ve extends HTMLElement{constructor(){super(),this.template=()=>'\n <button role="tab" aria-selected="false" type="button" tabindex="-1">\n <span><slot></slot></span>\n </button>\n ',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[ge]}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,o){"selected"===t?this.handleSelected(o):"name"===t?this.$button.setAttribute("id",o):"for"===t&&this.$button.setAttribute("aria-controls",o)}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){A(t)?(this.$button.removeAttribute("aria-selected"),this.$button.tabIndex=-1):(this.$button.setAttribute("aria-selected",t),this.$button.removeAttribute("tabindex"))}set selected(t){this.setAttribute("selected",t)}}class me 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=[ge]}static get observedAttributes(){return["name"]}attributeChangedCallback(t,e,o){"name"===t&&this.$panel.setAttribute("aria-labelledby",o)}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");A(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 fe extends he{constructor(){super(),this.querySelectorAll("px-tab").forEach((t=>{t.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")\|\|customElements.define("px-tabs",fe);class xe extends ve{constructor(){super()}}customElements.get("px-tab")\|\|customElements.define("px-tab",xe);class ke extends me{constructor(){super()}}customElements.get("px-tab-panel")\|\|customElements.define("px-tab-panel",ke);const ye=new CSSStyleSheet;ye.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class Ae 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=[ye]}static get observedAttributes(){return["inverted"]}connectedCallback(){this.configureChildren()}attributeChangedCallback(t,e,o){if(e!==o&&"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",Ae);const we=new CSSStyleSheet;we.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 ze="1";class $e 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=[we]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(t,e,o){if(e!==o&&"item"===t)this.updateItem(e,o),this.updateIndicator(ze)}updateItem(t,e){null!==t&&""!==t&&(ze=t),null!==e&&""!==e&&(ze=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",$e);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}}"),y(".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 Ce 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=[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",Ce);const je="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)}}",Le=new CSSStyleSheet,Te=new CSSStyleSheet;Le.replaceSync(je),Te.replaceSync(vt);const _e=class extends i{constructor(){super(Le,Te),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(t,e,o){if(e!==o)switch(t){case"color":this.updateTypography(t,e,o,s);break;case"font-size":this.updateTypography(t,e,o,n);break;case"font-weight":this.updateTypography(t,e,o,l);break;default:super.attributeChangedCallback(t,e,o)}}checkName(t,e){return t.includes(e)}updateTypography(t,e,o,r){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${t}-${o}`),this.checkName(r,o)\|\|console.error(`${o} is not an allowed ${t} value for ${this.$el}`)}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){A(t)?this.removeAttribute("inverted"):this.setAttribute("inverted",t)}};_e.nativeName="span";let Me=_e;customElements.define("px-span",Me);const Ee=new CSSStyleSheet,Be=new CSSStyleSheet,Ne=new CSSStyleSheet;Ee.replaceSync(O),Be.replaceSync(F),Ne.replaceSync(vt);const Re=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],Ie=["","default","alternative"],Pe=class extends i{constructor(){super(Ee,Be,Ne),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"),o=t.getAttribute("color");t&&(t.addEventListener("click",(()=>{this.$el.focus()})),e\|\|t.setAttribute("size","2xs"),o\|\|t.setAttribute("color","inherit"))}))}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"disabled":this.$el.toggleAttribute("aria-disabled"),null!==o&&this.$el.setAttribute("aria-disabled","true");break;case"variant":this.updateVariant(e,o);break;case"shape":this.updateShape(e,o);break;case"extended":this.$el.classList.toggle(t);break;case"font-size":this.updateTypography(t,e,o,n);break;case"color":this.updateTypography(t,e,o,s);break;case"font-weight":this.updateTypography(t,e,o,l);break;default:super.attributeChangedCallback(t,e,o)}}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(Re,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(Ie,e)\|\|console.error(`Bad "shape" value for ${this.$el}`)}updateTypography(t,e,o,r){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${t}-${o}`),this.checkName(r,o)\|\|console.error(`Bad ${t} value for ${this.$el}`)}get disabled(){return this.getAttribute("disabled")}set disabled(t){this.setAttribute("disabled",t)}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get shape(){return this.getAttribute("shape")}set shape(t){this.setAttribute("shape",t)}get extended(){return this.getAttribute("extended")}set extended(t){this.setAttribute("extended",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}get fontsize(){return this.getAttribute("font-size")}set fontsize(t){this.setAttribute("font-size",t)}get color(){return this.getAttribute("color")}set color(t){this.setAttribute("color",t)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(t){this.setAttribute("font-weight",t)}};Pe.nativeName="a";let He=Pe;customElements.get("px-a")\|\|customElements.define("px-a",He);const Ve="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)}}",qe=new CSSStyleSheet,De=new CSSStyleSheet,We=new CSSStyleSheet;qe.replaceSync(Ve),De.replaceSync(vt),We.replaceSync(ht);const Fe=class extends i{constructor(){super(qe,De,We),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,o){if(e!==o)switch(t){case"variant":this.updateVariant(t,e,o,f);break;case"color":this.updateTypography(t,e,o,s);break;case"font-size":this.updateTypography(t,e,o,n);break;case"font-weight":this.updateTypography(t,e,o,l);break;case"text-align":this.updateTypography(t,e,o,c);break;default:super.attributeChangedCallback(t,e,o)}}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,o,r){this.checkName(r,o)?this.toggleClass(e,o):console.error(`Bad ${t} value for ${this.$el}`)}updateTypography(t,e,o,r){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${t}-${o}`),this.checkName(r,o)\|\|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)}};Fe.nativeName="p";let Oe=Fe;customElements.define("px-p",Oe);const Ge=new CSSStyleSheet,Ye=new CSSStyleSheet,Ze=new CSSStyleSheet,Je=new CSSStyleSheet,Ke=new CSSStyleSheet;Ge.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-text-color-body-neutral-strong-inverted)}"),Ye.replaceSync(ht),Ze.replaceSync(O),Je.replaceSync(Ve),Ke.replaceSync(je),y(".li{padding-bottom:var(--px-padding-xs)}");class Qe extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Ge,Ye,Ze,Je,Ke]}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",Qe);const Ue=new CSSStyleSheet;Ue.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 Xe=["","default","small"],to=["","default","secondary"],eo=class extends i{constructor(){super(Ue),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"),o=t.getAttribute("color");t.addEventListener("click",(()=>{this.$el.focus()})),e\|\|t.setAttribute("size","s"),"small"===this.size&&t.setAttribute("size","2xs"),o\|\|t.setAttribute("color","inherit")}}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"loading":this.updateLoading();break;case"size":this.updateSize(e,o,Xe);break;case"variant":this.updateVariant(e,o,to);break;default:super.attributeChangedCallback(t,e,o)}}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,o){this.checkName(o,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,o){this.checkName(o,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)}};eo.nativeName="button";let oo=eo;customElements.get("px-button-icon")\|\|customElements.define("px-button-icon",oo);const ro=new CSSStyleSheet;ro.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 io=["","default","action-neutral"],ao=class extends i{constructor(){super(ro),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 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"),o=t.getAttribute("color");t&&(t.addEventListener("click",(()=>{this.$el.focus()})),e\|\|t.setAttribute("size","m"),o\|\|t.setAttribute("color","inherit"))}))}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"disabled":if(this.$el.toggleAttribute("aria-disabled"),null!==o){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(t,e,o,io);break;default:super.attributeChangedCallback(t,e,o)}}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,o,r){this.checkName(r,o)\|\|console.error(`Bad "${t}" value for`,this.$el);const i=t=>{null!==t&&""!==t&&"default"!==t&&(this.$container.backgroundColor=t)};i(e),i(o)}get disabled(){return this.getAttribute("disabled")}set disabled(t){this.setAttribute("disabled",t)}get backgroundColor(){return this.getAttribute("background-color")}set backgroundColor(t){this.setAttribute("background-color",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}};ao.nativeName="a";let no=ao;customElements.get("px-entrypoint")\|\|customElements.define("px-entrypoint",no);const so=new CSSStyleSheet,lo=new CSSStyleSheet;so.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)}}"),lo.replaceSync(vt);class co 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=[so,lo]}static get observedAttributes(){return["size","inverted","timeout","aria-label"]}connectedCallback(){!this.ariaLabel&&this.internals&&(this.internals.ariaHidden="true")}attributeChangedCallback(t,e,o){if(e!==o)switch(t){case"size":this.updateAttribute(t,e,o,d);break;case"aria-label":""!==o&&(this.internals.ariaHidden="false")}}configureAccessibility(t){this.internals.ariaHidden=t}updateAttribute(t,e,o,r){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`${t}-${e}`),null!==o&&""!==o&&"default"!==e&&this.$el.classList.toggle(`${t}-${o}`),this.checkName(r,o)\|\|console.error(`${o} 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",co),t.Accordion=It,t.Button=U,t.ButtonIcon=oo,t.Container=gt,t.Entrypoint=no,t.FontIcon=dt,t.Grid=q,t.GridItem=W,t.H1=yt,t.H2=wt,t.H3=$t,t.H4=Ct,t.H5=Lt,t.H6=_t,t.HStack=_,t.IconSet=X,t.Image=Wt,t.Link=He,t.Modal=Ce,t.Page=B,t.Paragraph=Oe,t.Patch=Jt,t.Picture=Ot,t.Price=te,t.PxElement=i,t.PxTab=xe,t.PxTabPanel=ke,t.PxTabs=fe,t.Ribbon=re,t.SVGIcon=nt,t.Section=Et,t.Separator=de,t.Spacer=M,t.Span=Me,t.Spinner=co,t.Stack=L,t.Tag=ue,t.Timeline=Ae,t.TimelineItem=$e,t.Typography=Qe,t.VStack=T,t.WithFlexAttributes=r,t.addGlobalStylesheet=y,t.alignItemsValues=S,t.backgroundColorValues=v,t.backgroundSizeValues=bt,t.backgroundValues=io,t.borderColorValues=g,t.borderRadiusValues=u,t.borderSideValues=h,t.borderValues=b,t.boxShadowValues=m,t.buttonIconSizeValues=Xe,t.buttonIconVariantValues=to,t.colorValues=s,t.contentAlignmentValues=P,t.directionValues=$,t.fontsizeValues=n,t.fontweightValues=l,t.gapValues=z,t.getSupportedAttributeNames=e,t.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},t.gradientValues=x,t.gridColsValues=I,t.gridGapValues=a,t.headingValues=f,t.iconSizeValues=d,t.isFalsy=A,t.itemsAlignmentValues=H,t.justifyContentValues=C,t.linkShapeValues=Ie,t.linkVariantValues=Re,t.noBorderRadiusValues=k,t.paddingValues=p,t.patchShapeValues=Zt,t.patchVariantValues=Yt,t.priceSizeValues=Ut,t.priceVariantValues=Qt,t.separatorColorValues=se,t.separatorDirectionValues=ae,t.separatorSizeValues=ne,t.tagShapeValues=be,t.tagVariantValues=pe,t.textalignValues=c,t.variantValues=K,t.wrapValues=j,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));