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

package/dist/lavender.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(e){const t=document.createElement(e),r=Object.getPrototypeOf(t);return Object.getOwnPropertyNames(r)}const t=new CSSStyleSheet;t.replaceSync("::slotted(*[grow]){flex-grow:var(--flex-grow-value)}::slotted(*[shrink]){flex-shrink:var(--flex-shrink-value)}::slotted(*[basis]){flex-basis:var(--flex-basis-value)}::slotted(*[align-self]){align-self:var(--flex-align-self-value)}::slotted(*[grow--mobile]){flex-grow:var(--flex-grow--mobile-value)}::slotted(*[shrink--mobile]){flex-shrink:var(--flex-shrink--mobile-value)}::slotted(*[basis--mobile]){flex-basis:var(--flex-basis--mobile-value)}::slotted(*[align-self--mobile]){align-self:var(--flex-align-self--mobile-value)}@media screen and (min-width: 768px){::slotted(*[grow--tablet]){flex-grow:var(--flex-grow--tablet-value)}::slotted(*[shrink--tablet]){flex-shrink:var(--flex-shrink--tablet-value)}::slotted(*[basis--tablet]){flex-basis:var(--flex-basis--tablet-value)}::slotted(*[align-self--tablet]){align-self:var(--flex-align-self--tablet-value)}}@media screen and (min-width: 1025px){::slotted(*[grow--laptop]){flex-grow:var(--flex-grow--laptop-value)}::slotted(*[shrink--laptop]){flex-shrink:var(--flex-shrink--laptop-value)}::slotted(*[basis--laptop]){flex-basis:var(--flex-basis--laptop-value)}::slotted(*[align-self--laptop]){align-self:var(--flex-align-self--laptop-value)}}@media screen and (min-width: 1441px){::slotted(*[grow--desktop]){flex-grow:var(--flex-grow--desktop-value)}::slotted(*[shrink--desktop]){flex-shrink:var(--flex-shrink--desktop-value)}::slotted(*[basis--desktop]){flex-basis:var(--flex-basis--desktop-value)}::slotted(*[align-self--desktop]){align-self:var(--flex-align-self--desktop-value)}}@media only screen and (min-width: 0px) and (max-width: 767px){::slotted(*[hidden--mobile]){display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted(*[hidden--tablet]){display:none}}@media only screen and (min-width: 1025px) and (max-width: 1440px){::slotted(*[hidden--laptop]){display:none}}@media only screen and (min-width: 1441px){::slotted(*[hidden--desktop]){display:none}}");class r extends HTMLElement{static get observedAttributes(){return["grow","grow--tablet","grow--laptop","grow--desktop","shrink","shrink--mobile","shrink--tablet","shrink--laptop","shrink--desktop","basis","basis--mobile","basis--tablet","basis--laptop","basis--desktop","align-self","hidden--mobile","hidden--tablet","hidden--laptop","hidden--desktop"]}constructor(...e){super(),this.shadowRoot||this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[t,...e]}attributeChangedCallback(e,t,o){if(-1!==r.observedAttributes.indexOf(e))if(null===o)this.style.removeProperty(e);else switch(e){case"grow":case"shrink":case"basis":case"grow--mobile":case"grow--tablet":case"grow--laptop":case"grow--desktop":case"shrink--mobile":case"shrink--tablet":case"shrink--laptop":case"shrink--desktop":case"basis--mobile":case"basis--tablet":case"basis--laptop":case"basis--desktop":case"align-self":this.style.setProperty(`--flex-${e}-value`,o)}}get grow(){return this.getAttribute("grow")}set grow(e){this.setAttribute("grow",e)}get shrink(){return this.getAttribute("shrink")}set shrink(e){this.setAttribute("shrink",e)}get basis(){return this.getAttribute("basis")}set basis(e){this.setAttribute("basis",e)}get growMobile(){return this.getAttribute("grow--mobile")}set growMobile(e){this.setAttribute("grow--mobile",e)}get growTablet(){return this.getAttribute("grow--tablet")}set growTablet(e){this.setAttribute("grow--tablet",e)}get growLaptop(){return this.getAttribute("grow--laptop")}set growLaptop(e){this.setAttribute("grow--laptop",e)}get growDesktop(){return this.getAttribute("grow--desktop")}set growDesktop(e){this.setAttribute("grow--desktop",e)}get shrinkMobile(){return this.getAttribute("shrink--mobile")}set shrinkMobile(e){this.setAttribute("shrink--mobile",e)}get shrinkTablet(){return this.getAttribute("shrink--tablet")}set shrinkTablet(e){this.setAttribute("shrink--tablet",e)}get shrinkLaptop(){return this.getAttribute("shrink--laptop")}set shrinkLaptop(e){this.setAttribute("shrink--laptop",e)}get shrinkDesktop(){return this.getAttribute("shrink--desktop")}set shrinkDesktop(e){this.setAttribute("shrink--desktop",e)}get basisMobile(){return this.getAttribute("basis--mobile")}set basisMobile(e){this.setAttribute("basis--mobile",e)}get basisTablet(){return this.getAttribute("basis--tablet")}set basisTablet(e){this.setAttribute("basis--tablet",e)}get basisLaptop(){return this.getAttribute("basis--laptop")}set basisLaptop(e){this.setAttribute("basis--laptop",e)}get basisDesktop(){return this.getAttribute("basis--desktop")}set basisDesktop(e){this.setAttribute("basis--desktop",e)}get alignSelf(){return this.getAttribute("align-self")}set alignSelf(e){this.setAttribute("align-self",e)}get $el(){return this}get hiddenMobile(){return this.getAttribute("hidden--mobile")}set hiddenMobile(e){this.setAttribute("hidden--mobile",e)}get hiddenTablet(){return this.getAttribute("hidden--tablet")}set hiddenTablet(e){this.setAttribute("hidden--tablet",e)}get hiddenLaptop(){return this.getAttribute("hidden--laptop")}set hiddenLaptop(e){this.setAttribute("hidden--laptop",e)}get hiddenDesktop(){return this.getAttribute("hidden--desktop")}set hiddenDesktop(e){this.setAttribute("hidden--desktop",e)}}class o extends r{static get observedAttributes(){return[...super.observedAttributes,...e(this.nativeName)]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),null===r?this.$el.toggleAttribute(e):this.$el.setAttribute(e,r)}constructor(...e){super(...e),this.nativeName=Object.getPrototypeOf(this).constructor.nativeName}connectedCallback(){for(const t of e(this.nativeName))"constructor"!==t&&Object.defineProperty(this,t,{get(){return this.$el[t]},set(e){this.$el[t]!==e&&(this.$el[t]=e)}})}get $el(){return this.shadowRoot.querySelector(this.nativeName)}}const i=["","default","inherit","body-l","body-m","body-s","body-xs","heading-5xl","heading-4xl","heading-3xl","heading-2xl","heading-xl","heading-l","heading-m","heading-s"],a=["","default","inherit","action-brand","action-neutral","action-hover","action-active","action-disabled","body-neutral-strong","body-neutral-weak","heading-brand","heading-neutral","purpose-success","purpose-warning","purpose-error","purpose-unlimited","purpose-promo"],n=["","default","inherit","normal","bold","extrabold","light"],s=["","default","2xs","xs","s","m","l","xl","2xl"],l=["","default","left","center","right"],d=["","none","2xs","xs","s","m","l"],c=["","none","s","m","l"],p=["","none","main","pill"],b=["none","container-main","container-brand","action-hover","action-active","action-neutral","purpose-success","purpose-warning","purpose-error","purpose-unlimited"],u=["","all","top","right","bottom","left","block","inline"],h=["","none","container-neutral-bare","container-weak","container-light","container-soft","container-neutral-rich","container-brand-secondary","action-primary","action-secondary","action-hover","action-hover-bordered","action-active","action-disabled","action-neutral","action-neutral-hover","purpose-success","purpose-warning","purpose-error","purpose-unlimited","purpose-promo","purpose-info","purpose-eco","purpose-notification"],g=["","none","s","m","l","xl"],v=["","default","title-4xl","title-3xl","title-2xl","title-xl","title-l","title-m","title-s","subtitle"],x=["","purple-top-red","purple-top-magenta","purple-top-orange","purple-top-blue","purple-top-turquoise","purple-top-green","purple-right-red","purple-right-magenta","purple-right-orange","purple-right-blue","purple-right-turquoise","purple-right-green","purple-top-right-red","purple-top-right-magenta","purple-top-right-orange","purple-top-right-blue","purple-top-right-turquoise","purple-top-right-green","purple-bottom-right-red","purple-bottom-right-magenta","purple-bottom-right-orange","purple-bottom-right-blue","purple-bottom-right-turquoise","purple-bottom-right-green","color-top-red","color-top-magenta","color-top-orange","color-top-blue","color-top-turquoise","color-top-green","color-right-red","color-right-magenta","color-right-orange","color-right-blue","color-right-turquoise","color-right-green","color-top-right-red","color-top-right-magenta","color-top-right-orange","color-top-right-blue","color-top-right-turquoise","color-top-right-green","color-bottom-right-red","color-bottom-right-magenta","color-bottom-right-orange","color-bottom-right-blue","color-bottom-right-turquoise","color-bottom-right-green"],m=["","all","top","right","bottom","left"];function f(e){const t=document.createElement("style");t.innerHTML=e,document.head.appendChild(t)}function k(e){return"string"==typeof e&&("false"===e||"0"===e||"null"===e)||"boolean"==typeof e&&!e}const y=new CSSStyleSheet;y.replaceSync(".flex-container{display:flex;height:100%;width:100%;box-sizing:border-box;flex-direction:var(--flex-direction--mobile-value);gap:var(--flex-gap-mobile-value);flex-wrap:var(--flex-wrap-mobile-value);justify-content:var(--flex-justify-content--mobile-value);align-items:var(--flex-align-items--mobile-value)}@media screen and (min-width: 768px){.flex-container{flex-direction:var(--flex-direction--tablet-value);gap:var(--flex-gap-tablet-value);flex-wrap:var(--flex-wrap-tablet-value);justify-content:var(--flex-justify-content--tablet-value);align-items:var(--flex-align-items--tablet-value)}}@media screen and (min-width: 1025px){.flex-container{flex-direction:var(--flex-direction--laptop-value);gap:var(--flex-gap-laptop-value);flex-wrap:var(--flex-wrap-laptop-value);justify-content:var(--flex-justify-content--laptop-value);align-items:var(--flex-align-items--laptop-value)}}@media screen and (min-width: 1441px){.flex-container{flex-direction:var(--flex-direction--desktop-value);gap:var(--flex-gap-desktop-value);flex-wrap:var(--flex-wrap-desktop-value);justify-content:var(--flex-justify-content--desktop-value);align-items:var(--flex-align-items--desktop-value)}}");const w=["after-element-none","after-element-2xs","after-element-xs","after-element-s","after-element-default","after-element-l","heading-to-subtitle","heading-to-content","inside-section-none","inside-section-xs","inside-section-s","inside-section-default","inside-section-l","between-sections"];class z extends r{constructor(){super(y),this.template='<div class="flex-container">\n      <slot></slot>\n  </div>',this.shadowRoot.innerHTML=this.template}connectedCallback(){this.hasAttribute("direction")||(this.direction="row")}static get observedAttributes(){return[...super.observedAttributes,"direction","direction--mobile","direction--tablet","direction--laptop","direction--desktop","gap","justify-content","justify-content--mobile","justify-content--tablet","justify-content--laptop","justify-content--desktop","align-items","align-items--mobile","align-items--tablet","align-items--laptop","align-items--desktop","wrap","wrap-mobile","wrap-tablet","wrap-laptop","wrap-desktop"]}attributeChangedCallback(e,t,r){if(e.indexOf("direction")>-1&&!["column","row"].includes(r))throw new Error("Invalid direction");switch(e){case"gap":this.$el.style.setProperty("--flex-gap-mobile-value",this.getGapCSSVariable(r,"mobile")),this.$el.style.setProperty("--flex-gap-tablet-value",this.getGapCSSVariable(r,"tablet")),this.$el.style.setProperty("--flex-gap-laptop-value",this.getGapCSSVariable(r,"desktop")),this.$el.style.setProperty("--flex-gap-desktop-value",this.getGapCSSVariable(r,"desktop"));break;case"direction":this.$el.style.getPropertyValue("--flex-direction--mobile-value")||this.$el.style.setProperty("--flex-direction--mobile-value",r),this.$el.style.getPropertyValue("--flex-direction--tablet-value")||this.$el.style.setProperty("--flex-direction--tablet-value",r),this.$el.style.getPropertyValue("--flex-direction--laptop-value")||this.$el.style.setProperty("--flex-direction--laptop-value",r),this.$el.style.getPropertyValue("--flex-direction--desktop-value")||this.$el.style.setProperty("--flex-direction--desktop-value",r);break;case"justify-content":this.$el.style.getPropertyValue("--flex-justify-content--mobile-value")||this.$el.style.setProperty("--flex-justify-content--mobile-value",r),this.$el.style.getPropertyValue("--flex-justify-content--tablet-value")||this.$el.style.setProperty("--flex-justify-content--tablet-value",r),this.$el.style.getPropertyValue("--flex-justify-content--laptop-value")||this.$el.style.setProperty("--flex-justify-content--laptop-value",r),this.$el.style.getPropertyValue("--flex-justify-content--desktop-value")||this.$el.style.setProperty("--flex-justify-content--desktop-value",r);break;case"align-items":this.$el.style.getPropertyValue("--flex-align-items--mobile-value")||this.$el.style.setProperty("--flex-align-items--mobile-value",r),this.$el.style.getPropertyValue("--flex-align-items--tablet-value")||this.$el.style.setProperty("--flex-align-items--tablet-value",r),this.$el.style.getPropertyValue("--flex-align-items--laptop-value")||this.$el.style.setProperty("--flex-align-items--laptop-value",r),this.$el.style.getPropertyValue("--flex-align-items--desktop-value")||this.$el.style.setProperty("--flex-align-items--desktop-value",r);break;case"wrap":this.$el.style.getPropertyValue("--flex-wrap-mobile-value")||this.$el.style.setProperty("--flex-wrap-mobile-value",r),this.$el.style.getPropertyValue("--flex-wrap-tablet-value")||this.$el.style.setProperty("--flex-wrap-tablet-value",r),this.$el.style.getPropertyValue("--flex-wrap-laptop-value")||this.$el.style.setProperty("--flex-wrap-laptop-value",r),this.$el.style.getPropertyValue("--flex-wrap-desktop-value")||this.$el.style.setProperty("--flex-wrap-desktop-value",r);break;case"direction--mobile":case"direction--tablet":case"direction--laptop":case"direction--desktop":case"justify-content--mobile":case"justify-content--tablet":case"justify-content--laptop":case"justify-content--desktop":case"align-items--mobile":case"align-items--tablet":case"align-items--laptop":case"align-items--desktop":case"wrap-mobile":case"wrap-tablet":case"wrap-laptop":case"wrap-desktop":this.$el.style.setProperty(`--flex-${e}-value`,r);break;default:super.attributeChangedCallback(e,t,r)}}getGapCSSVariable(e,t="mobile"){return w.includes(e)?`var(--px-spacing-${e}-${t})`:e}get direction(){return this.getAttribute("direction")}set direction(e){this.setAttribute("direction",e)}get directionMobile(){return this.getAttribute("direction--mobile")}set directionMobile(e){this.setAttribute("direction--mobile",e)}get directionTablet(){return this.getAttribute("direction--tablet")}set directionTablet(e){this.setAttribute("direction--tablet",e)}get directionLaptop(){return this.getAttribute("direction--laptop")}set directionLaptop(e){this.setAttribute("direction--laptop",e)}get directionDesktop(){return this.getAttribute("direction--desktop")}set directionDesktop(e){this.setAttribute("direction--desktop",e)}get gap(){return this.getAttribute("gap")}set gap(e){this.setAttribute("gap",e)}get gapMobile(){return this.getAttribute("gap--mobile")}set gapMobile(e){this.setAttribute("gap--mobile",e)}get gapTablet(){return this.getAttribute("gap--tablet")}set gapTablet(e){this.setAttribute("gap--tablet",e)}get gapLaptop(){return this.getAttribute("gap--laptop")}set gapLaptop(e){this.setAttribute("gap--laptop",e)}get justifyContent(){return this.getAttribute("justify-content")}set justifyContent(e){this.setAttribute("justify-content",e)}get justifyContentMobile(){return this.getAttribute("justify-content--mobile")}set justifyContentMobile(e){this.setAttribute("justify-content--mobile",e)}get justifyContentTablet(){return this.getAttribute("justify-content--tablet")}set justifyContentTablet(e){this.setAttribute("justify-content--tablet",e)}get justifyContentLaptop(){return this.getAttribute("justify-content--laptop")}set justifyContentLaptop(e){this.setAttribute("justify-content--laptop",e)}get justifyContentDesktop(){return this.getAttribute("justify-content--desktop")}set justifyContentDesktop(e){this.setAttribute("justify-content--desktop",e)}get alignItems(){return this.getAttribute("align-items")}set alignItems(e){this.setAttribute("align-items",e)}get alignItemsMobile(){return this.getAttribute("align-items--mobile")}set alignItemsMobile(e){this.setAttribute("align-items--mobile",e)}get alignItemsTablet(){return this.getAttribute("align-items--tablet")}set alignItemsTablet(e){this.setAttribute("align-items--tablet",e)}get alignItemsLaptop(){return this.getAttribute("align-items--laptop")}set alignItemsLaptop(e){this.setAttribute("align-items--laptop",e)}get alignItemsDesktop(){return this.getAttribute("align-items--desktop")}set alignItemsDesktop(e){this.setAttribute("align-items--desktop",e)}get wrap(){return this.getAttribute("wrap")}set wrap(e){this.setAttribute("wrap",e)}get wrapMobile(){return this.getAttribute("wrap-mobile")}set wrapMobile(e){this.setAttribute("wrap-mobile",e)}get wrapTablet(){return this.getAttribute("wrap-tablet")}set wrapTablet(e){this.setAttribute("wrap-tablet",e)}get wrapLaptop(){return this.getAttribute("wrap-laptop")}set wrapLaptop(e){this.setAttribute("wrap-laptop",e)}get wrapDesktop(){return this.getAttribute("wrap-desktop")}set wrapDesktop(e){this.setAttribute("wrap-desktop",e)}get $el(){return this.shadowRoot.querySelector(".flex-container")}}customElements.get("px-stack")||customElements.define("px-stack",z);class A extends z{constructor(){super()}connectedCallback(){super.connectedCallback(),this.direction="column",this.directionMobile="column",this.directionTablet="column",this.directionLaptop="column",this.directionDesktop="column"}}customElements.get("px-vstack")||customElements.define("px-vstack",A);class $ extends z{constructor(){super()}connectedCallback(){super.connectedCallback(),this.direction="row",this.directionMobile="row",this.directionTablet="row",this.directionLaptop="row",this.directionDesktop="row"}}customElements.get("px-hstack")||customElements.define("px-hstack",$);class S extends HTMLElement{constructor(){super()}static get observedAttributes(){return["grow"]}attributeChangedCallback(e,t,r){"grow"===e&&(this.style.flexGrow=r)}connectedCallback(){this.style.flexGrow=this.getAttribute("grow")||"1"}get grow(){return this.getAttribute("grow")}set grow(e){this.setAttribute("grow",e)}}customElements.define("px-spacer",S);const C=new CSSStyleSheet;C.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class L extends r{constructor(){super(C),this.template=e=>`\n    <px-container border-radius="none" padding="none">\n      <px-vstack>\n        <px-container id="header-container" border-radius="none">\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="header-vstack-container"\n              gap="1rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="header-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="image-container"\n          border-radius="none"\n          padding="none"\n          padding-top="xl"\n          id="image-box"\n          background-size="cover"\n          background-position="top center"\n          padding-bottom="xl"\n          border-radius="none"\n          bgimg="${this.backgroundImage}"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack grow="${this.grow}" basis="${this.basis}">\n              <slot name="image-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        ${e?` <px-hstack>\n        <px-spacer></px-spacer>\n        <px-container border-radius="none" box-shadow="xl" id="image-sticky-box" border="s" grow="${this.grow}" basis="${this.basis}" border-radius="m">\n          <px-vstack gap="1rem">\n            <slot name="image-sticky-container"></slot>\n          </px-vstack>\n        </px-container>\n        <px-spacer></px-spacer>\n      </px-hstack>`:""}\n        <px-container\n          id="body-container"\n          id="main"\n          background-color="${this.backgroundColor}"\n          padding="none"\n          padding-top="xl"\n          padding-bottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="body-vstack-container"\n              gap="3rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="body-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="contact-container"\n          border-radius="none"\n          id="main"\n          background-color="container-weak"\n          padding="none"\n          padding-top="xl"\n          padding-bottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="contact-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="footer-container"\n          background-color="none"\n          border-radius="none"\n          style="background-color: rgb(108, 66, 156)"\n          padding-top="xl"\n          padding-bottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="footer-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n      </px-vstack>\n    </px-container>\n  `,this.shadowRoot.innerHTML=this.template(!!this.$imageStickySlot)}static get observedAttributes(){return[...super.observedAttributes,"background-image","gap","background-color","padding-vertical","padding-horizontal"]}get $wideImage(){return this.shadowRoot.querySelector("#image-box")}get $bodyVStackContainer(){return this.shadowRoot.querySelector("#header-vstack-container")}get $bodyContainer(){return this.shadowRoot.querySelector("#body-container")}get $contactContainer(){return this.shadowRoot.querySelector("#contact-container")}get $footerContainer(){return this.shadowRoot.querySelector("#footer-container")}get $headerContainer(){return this.shadowRoot.querySelector("#header-container")}get $imageContainer(){return this.shadowRoot.querySelector("#image-container")}get backgroundImage(){return this.getAttribute("background-image")}get $imageStickySlot(){return this.querySelector('*[slot="image-sticky-container"]')}get $main(){return this.shadowRoot.querySelector("#main")}get backgroundColor(){return this.getAttribute("background-color")||"none"}get paddingVertical(){return this.getAttribute("padding-vertical")}get paddingHorizontal(){return this.getAttribute("padding-horizontal")}set paddingVertical(e){this.setAttribute("padding-vertical",e)}set paddingHorizontal(e){this.setAttribute("padding-horizontal",e)}get gap(){return this.getAttribute("gap")}connectedCallback(){this.handlePaddingVerticalChange(this.paddingVertical),this.handlePaddingHorizontalChange(this.paddingHorizontal)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"background-image":this.$imageContainer.setAttribute("background-image",r);break;case"gap":this.$bodyVStackContainer.setAttribute("gap",r);break;case"background-color":this.$bodyContainer.setAttribute("background-color",h.indexOf(r)>0?r:"none");break;case"padding-vertical":this.handlePaddingVerticalChange(r);break;case"padding-horizontal":this.handlePaddingHorizontalChange(r);break;default:super.attributeChangedCallback(e,t,r)}}handlePaddingVerticalChange(e){this.$headerContainer.setAttribute("padding-top",e),this.$footerContainer.setAttribute("padding-bottom",e)}handlePaddingHorizontalChange(e){this.$headerContainer.paddingLeft=e,this.$headerContainer.paddingRight=e,this.$bodyContainer.paddingLeft=e,this.$bodyContainer.paddingRight=e,this.$contactContainer.paddingLeft=e,this.$contactContainer.paddingRight=e,this.$footerContainer.paddingLeft=e,this.$footerContainer.paddingRight=e,this.$imageContainer.paddingLeft=e,this.$imageContainer.paddingRight=e}}void 0===customElements.get("px-page")&&customElements.define("px-page",L);const T='.btn{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:var(--px-font-family);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-m);font-weight:700;gap:var(--px-spacing-after-element-2xs-mobile);cursor:pointer;text-decoration:none;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-border-size-m) solid transparent}.btn,.btn *{box-sizing:border-box}.btn ::slotted(px-icon){line-height:0}.btn:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-border-color-action-hover-default)}.btn:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-border-color-focus-outline-default)}.btn:active{transform:scale(.95)}.btn[disabled],.btn[aria-disabled=true]{cursor:default;pointer-events:none}.btn.loading{cursor:inherit}.btn.loading ::slotted(px-spinner){line-height:0}.btn:not(.secondary,.tertiary,.patch){color:var(--px-text-color-heading-brand-inverted);background:var(--px-background-color-action-primary-default);min-height:var(--px-action-size-l);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile);border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="after"]){margin-right:calc(var(--px-padding-xs-mobile) * -1)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="before"]){margin-left:calc(var(--px-padding-xs-mobile) * -1)}.btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-default);background:var(--px-background-color-action-hover-bordered-default)}.btn:not(.secondary,.tertiary,.patch)[disabled],.btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-action-disabled-default)}.btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-heading-brand-default);border-color:transparent}.btn:not(.secondary,.tertiary,.patch).extended{width:100%}.btn:not(.secondary,.tertiary,.patch).alternative{border-radius:var(--px-radius-button-small)}.btn.secondary{color:var(--px-text-color-heading-brand-default);background:var(--px-background-color-action-secondary-default);min-height:var(--px-action-size-l);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile);border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn.secondary:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-default);background:var(--px-background-color-action-hover-bordered-default)}.btn.secondary[disabled],.btn.secondary[aria-disabled=true]{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-action-disabled-default)}.btn.secondary.loading{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-heading-brand-default);border-color:transparent}.btn.secondary.extended{width:100%}.btn.secondary.alternative{border-radius:var(--px-radius-button-small)}.btn.tertiary{background:none;color:var(--px-text-color-heading-brand-default);border-radius:var(--px-radius-pill);border:var(--px-border-size-m) solid transparent;padding:var(--px-padding-2xs-mobile) 0;gap:var(--px-spacing-after-element-xs-mobile)}.btn.tertiary ::slotted(px-icon){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);border-radius:var(--px-radius-pill);background:var(--px-background-color-action-secondary-default);transition:var(--btn-transition)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-mobile) var(--px-padding-s-mobile)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){background:transparent;width:inherit;height:inherit}.btn.tertiary[disabled],.btn.tertiary[aria-disabled=true]{color:var(--px-text-color-action-disabled-default)}.btn.tertiary[disabled] ::slotted(px-icon),.btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-background-color-action-disabled-default)}.btn.tertiary.loading{color:var(--px-text-color-heading-brand-default);border-color:transparent}.btn.tertiary.loading ::slotted(px-spinner){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);border-radius:var(--px-radius-pill);background:var(--px-background-color-action-disabled-default)}.btn.patch{display:inline-flex}.btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-default);background:var(--px-background-color-action-hover-bordered-default)}.btn.patch[disabled],.btn.patch[aria-disabled=true]{background:var(--px-background-color-action-disabled-default);color:var(--px-text-color-action-disabled-default)}button.link{background:none;border:none;text-decoration:underline;padding:0;cursor:pointer}button.link[disabled],button.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-text-color-action-disabled-default)}:host([inverted]) .btn:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]) .btn:focus:not([disabled],[aria-disabled=true]){outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch){color:var(--px-text-color-heading-brand-default);background:var(--px-background-color-action-primary-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-inverted);background:var(--px-background-color-action-hover-bordered-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[disabled],:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-heading-brand-inverted);border-color:transparent}:host([inverted]) .btn.secondary{color:var(--px-text-color-heading-brand-inverted);background:var(--px-background-color-action-secondary-inverted)}:host([inverted]) .btn.secondary:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-inverted);background:var(--px-background-color-action-hover-bordered-inverted)}:host([inverted]) .btn.secondary[disabled],:host([inverted]) .btn.secondary[aria-disabled=true]{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) .btn.secondary.loading{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-heading-brand-inverted);border-color:transparent}:host([inverted]) .btn.tertiary{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) .btn.tertiary ::slotted(px-icon){background:var(--px-background-color-action-secondary-inverted)}:host([inverted]) .btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){background:transparent}:host([inverted]) .btn.tertiary[disabled],:host([inverted]) .btn.tertiary[aria-disabled=true]{color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) .btn.tertiary[disabled] ::slotted(px-icon),:host([inverted]) .btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-background-color-action-disabled-inverted)}:host([inverted]) .btn.tertiary.loading{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) .btn.tertiary.loading ::slotted(px-spinner){background:var(--px-background-color-action-disabled-inverted)}:host([inverted]) .btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-text-color-heading-brand-inverted);background:var( --px-background-color-action-hover-bordered-default-inverted )}:host([inverted]) .btn.patch[disabled],:host([inverted]) .btn.patch[aria-disabled=true]{background:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) button.link[disabled],:host([inverted]) button.link[aria-disabled=true]{color:var(--px-text-color-action-disabled-inverted)}@media only screen and (min-width: 768px){.btn{font-size:var(--px-text-size-label-m-tablet);gap:var(--px-spacing-after-element-2xs-tablet)}.btn:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}.btn:not(.secondary,.tertiary,.patch){padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="after"]){margin-right:calc(var(--px-padding-xs-tablet) * -1)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="before"]){margin-left:calc(var(--px-padding-xs-tablet) * -1)}.btn.secondary{padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}.btn.tertiary{padding:var(--px-padding-2xs-tablet) 0;gap:var(--px-spacing-after-element-xs-tablet)}.btn.tertiary ::slotted(px-icon){width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-tablet) var(--px-padding-s-tablet)}.btn.tertiary.loading ::slotted(px-spinner){width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}}@media only screen and (min-width: 1025px){.btn{font-size:var(--px-text-size-label-m-desktop);gap:var(--px-spacing-after-element-2xs-desktop)}.btn:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}.btn:not(.secondary,.tertiary,.patch){padding:var(--px-padding-xs-desktop) var(--px-padding-m-desktop)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="after"]){margin-right:calc(var(--px-padding-xs-desktop) * -1)}.btn:not(.secondary,.tertiary,.patch) ::slotted([slot="before"]){margin-left:calc(var(--px-padding-xs-desktop) * -1)}.btn.secondary{padding:var(--px-padding-xs-desktop) var(--px-padding-m-desktop)}.btn.tertiary{padding:var(--px-padding-2xs-desktop) 0;gap:var(--px-spacing-after-element-xs-desktop)}.btn.tertiary ::slotted(px-icon){width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-desktop) var(--px-padding-s-desktop)}.btn.tertiary.loading ::slotted(px-spinner){width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop)}}@keyframes anim-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}',_='a,.link,::slotted(a){display:inline-flex;align-items:center;font-family:var(--px-font-family);font-size:var(--px-text-size-link-m-mobile);line-height:var(--px-line-height-m);font-weight:400;color:var(--px-text-color-heading-neutral-default)}a:hover,.link:hover{color:var(--px-text-color-action-hover-default)}a:focus,.link:focus{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-border-color-focus-outline-default)}a[aria-disabled=true],.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-text-color-action-disabled-default)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-after-element-2xs-mobile)}a ::slotted(span[slot="after"]),a ::slotted(span[slot="before"]),.link ::slotted(span[slot="after"]),.link ::slotted(span[slot="before"]){display:inline-block}::slotted(a:hover){color:var(--px-text-color-action-hover-default)}a.no-style{color:inherit;text-decoration:none}a.no-style:hover,a.no-style:focus{color:inherit}a.skip-link{position:absolute;left:-10000px;top:auto;overflow:hidden;background-color:var(--px-background-color-container-weak);padding:var(--px-padding-xs-mobile)}a.skip-link:focus{left:auto;z-index:999}:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a){color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) a:hover,:host([inverted]) .link:hover{color:var(--px-text-color-action-hover-inverted)}:host([inverted]) a:focus,:host([inverted]) .link:focus{outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) a[aria-disabled=true],:host([inverted]) .link[aria-disabled=true]{color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) ::slotted(a:hover){color:var(--px-text-color-action-hover-inverted)}:host([inverted]) a.skip-link{background-color:var(--px-background-color-container-weak-inverted)}@media only screen and (min-width: 768px){a,.link,::slotted(a){font-size:var(--px-text-size-link-m-tablet)}a:focus,.link:focus{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-after-element-2xs-tablet)}a.skip-link{padding:var(--px-padding-xs-tablet)}}@media only screen and (min-width: 1025px){a,.link,::slotted(a){font-size:var(--px-text-size-link-m-desktop)}a:focus,.link:focus{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-after-element-2xs-desktop)}a.skip-link{padding:var(--px-padding-xs-desktop)}}',E=".patch{display:inline-flex;align-items:center;padding:0 var(--px-padding-s-mobile);height:1.625rem;border:var(--px-border-size-m) solid transparent;border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small);font-family:var(--px-font-family);font-weight:700;font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-m);text-align:center;background-color:var(--px-background-color-purpose-promo-default);color:var(--px-text-color-action-neutral-inverted)}.patch,.patch *{box-sizing:border-box}.bottom-right{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small) var(--px-radius-patch-big)}.bottom-left{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small)}.info{background-color:var(--px-background-color-purpose-info-default);color:var(--px-text-color-action-neutral-default)}.black-friday{background-color:var(--px-background-color-container-neutral-rich-default);color:var(--px-text-color-action-neutral-inverted)}.eco{background-color:var(--px-background-color-purpose-success-default);color:var(--px-text-color-action-neutral-inverted)}.greyed{background-color:var(--px-background-color-action-disabled-default);color:var(--px-text-color-action-disabled-default)}:host([inverted]) .patch{background-color:var(--px-background-color-purpose-promo-inverted);color:var(--px-text-color-action-neutral-inverted)}:host([inverted]) .info{background-color:var(--px-background-color-purpose-info-inverted);color:var(--px-text-color-action-neutral-default)}:host([inverted]) .black-friday{background-color:var(--px-background-color-container-neutral-bare-default);color:var(--px-text-color-action-neutral-default)}:host([inverted]) .eco{background-color:var(--px-background-color-purpose-success-inverted);color:var(--px-text-color-action-neutral-default)}:host([inverted]) .greyed{background-color:var(--px-background-color-action-disabled-inverted);color:var(--px-text-color-action-disabled-inverted)}@media only screen and (min-width: 768px){.patch{padding:0 var(--px-padding-s-tablet);font-size:var(--px-text-size-label-m-tablet)}}@media only screen and (min-width: 1025px){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}@media only screen and (min-width: 1441px){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}",M=new CSSStyleSheet,B=new CSSStyleSheet,N=new CSSStyleSheet;M.replaceSync(T),B.replaceSync(_),N.replaceSync(E);const R=["","default","secondary","tertiary","link","patch","patch-info","patch-black-friday","patch-eco"],P=class extends o{constructor(){super(M,B,N),this.template=()=>'<slot name="before"></slot><slot></slot><slot name="after"></slot>';const e=document.createElement(this.nativeName);e.classList.add("btn"),e.innerHTML=this.template(),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"variant","state","extended","loading","shape","inverted"]}connectedCallback(){super.connectedCallback();const e=this.querySelectorAll("px-icon");e&&e.forEach((e=>{const t=e.getAttribute("size"),r=e.getAttribute("color");e&&(e.addEventListener("click",(()=>{this.$el.focus()})),t||e.setAttribute("size","xs"),r||e.setAttribute("color","inherit"))}))}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateVariant(t,r,R);break;case"state":this.updateState(t,r);break;case"extended":this.updateExtended();break;case"loading":this.updateLoading();break;case"shape":this.updateShape(t,r);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return!!e.includes(t)}checkClass(e){if(e.startsWith("patch-")){const t=e.split(/-(.*)/s);for(const e of t)""!=e&&this.$el.classList.toggle(e)}else this.$el.classList.toggle(e)}_toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.checkClass(e),null!==t&&""!==t&&"default"!==t&&this.checkClass(t)}updateVariant(e,t,r){"link"===t?this.$el.classList.remove("btn"):this.$el.classList.add("btn"),this._toggleClass(e,t),this.checkName(r,t)||console.error(`Bad "variant" value for ${this.$el}`)}updateState(e,t){this._toggleClass(e,t),this.checkName(["","default","success","error"],t)||console.error(`Bad "sate" value for ${this.$el}`)}updateExtended(){this.$el.classList.toggle("extended")}updateLoading(){const e=this.querySelector("px-spinner");if(e){e.getAttribute("size")||e.setAttribute("size","xs")}this.$el.classList.toggle("loading")}updateShape(e,t){this._toggleClass(e,t),this.checkName(["","default","bottom-right","bottom-left","alternative"],t)||console.error(`Bad "shape" value for ${this.$el}`)}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get state(){return this.getAttribute("state")}set state(e){this.setAttribute("state",e)}get extended(){return this.getAttribute("extended")}set extended(e){this.setAttribute("extended",e)}get loading(){return this.getAttribute("loading")}set loading(e){this.setAttribute("loading",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}};P.nativeName="button";let V=P;customElements.get("px-button")||customElements.define("px-button",V);class I extends HTMLElement{constructor(){super()}static get observedAttributes(){return["name","src","type","format"]}connectedCallback(){if(document.querySelectorAll(`px-icon-set[name="${this.getAttribute("name")}"]`).length>1&&(console.warn("Only one <px-icon-set> component is allowed, self removing"),this.remove()),"font"===this.getAttribute("type")){const e=document.createElement("style");e.setAttribute("type","text/css"),e.setAttribute("data-name",this.getAttribute("name")),e.textContent=`\n@font-face {\n  font-family: 'lavender';\n  src:\n    url('${this.getAttribute("src")}') format(${this.getAttribute("format")}),\n  font-weight: normal;\n  font-style: normal;\n  font-display: block;\n}\n      `,document.head.appendChild(e)}}disconnectedCallback(){const e=document.querySelector(`style[data-name="${this.getAttribute("name")}"]`);e&&e.remove()}}customElements.get("px-icon-set")||customElements.define("px-icon-set",I);const H=["2xs","xs","s","m","l","xl","2xl"],j=["","default","inherit","content-brand","content-neutral-strong","content-neutral-weak","action-brand","action-neutral","action-hover","action-active","action-disabled","purpose-success","purpose-warning","purpose-error","purpose-unlimited","purpose-promo"],q=["name","size","color","aria-label","inverted","from"];class D extends r{static get observedAttributes(){return[...super.observedAttributes,...q]}constructor(...e){var t;super(...e),this.internals=null==(t=this.attachInternals)?void 0:t.call(this)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"name":this.updateName(t,r);break;case"size":this.updateAttribute(e,t,r,H);break;case"color":this.updateAttribute(e,t,r,j);break;case"aria-label":if(!this.internals)return;this.internals.ariaHidden=r?"false":"true"}}updateAttribute(e,t,r,o){null!==t&&""!==t&&("size"===e?this.$el.classList.toggle(`${e}-${t}`):this.$el.classList.toggle(t)),null!==r&&""!==r&&("size"===e?this.$el.classList.toggle(`${e}-${r}`):this.$el.classList.toggle(r)),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}get name(){return this.getAttribute("name")}set name(e){this.setAttribute("name",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get arialabel(){return this.getAttribute("aria-label")}set arialabel(e){this.setAttribute("aria-label",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get from(){return this.getAttribute("from")}set from(e){this.setAttribute("from",e)}}const W=":host{line-height:1;display:inline-flex;flex-direction:column;justify-content:center}i{font-family:lavender;color:var(--px-icon-color-content-brand-default);font-size:var(--px-icon-size-m-mobile);line-height:1;font-style:unset;font-weight:400;-webkit-user-select:none;user-select:none;font-display:swap}svg{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);color:var(--px-icon-color-content-brand-default)}.inherit{color:inherit}.content-brand{color:var(--px-icon-color-content-brand-default)}.content-neutral-strong{color:var(--px-icon-color-content-neutral-strong-default)}.content-neutral-weak{color:var(--px-icon-color-content-neutral-weak-default)}.action-brand{color:var(--px-icon-color-action-brand-default)}.action-neutral{color:var(--px-icon-color-action-neutral-default)}.action-hover:hover{color:var(--px-icon-color-action-hover-default)}.action-active:active{color:var(--px-icon-color-action-active-default)}.action-disabled{color:var(--px-icon-color-action-disabled-default)}.purpose-success{color:var(--px-icon-color-purpose-success-default)}.purpose-warning{color:var(--px-icon-color-purpose-warning-default)}.purpose-error{color:var(--px-icon-color-purpose-error-default)}.purpose-unlimited{color:var(--px-icon-color-purpose-unlimited-default)}.purpose-promo{color:var(--px-icon-color-purpose-promo-default)}:host([inverted]) i{color:var(--px-icon-color-content-brand-inverted)}:host([inverted]) svg{color:var(--px-icon-color-content-brand-inverted)}:host([inverted]) .content-brand{color:var(--px-icon-color-content-brand-inverted)}:host([inverted]) .content-neutral-strong{color:var(--px-icon-color-content-neutral-strong-inverted)}:host([inverted]) .content-neutral-weak{color:var(--px-icon-color-content-neutral-weak-inverted)}:host([inverted]) .action-brand{color:var(--px-icon-color-action-brand-inverted)}:host([inverted]) .action-neutral{color:var(--px-icon-color-action-neutral-inverted)}:host([inverted]) .action-hover:hover{color:var(--px-icon-color-action-hover-inverted)}:host([inverted]) .action-active:active{color:var(--px-icon-color-action-active-inverted)}:host([inverted]) .action-disabled{color:var(--px-icon-color-action-disabled-inverted)}:host([inverted]) .purpose-success{color:var(--px-icon-color-purpose-success-inverted)}:host([inverted]) .purpose-warning{color:var(--px-icon-color-purpose-warning-inverted)}:host([inverted]) .purpose-error{color:var(--px-icon-color-purpose-error-inverted)}:host([inverted]) .purpose-unlimited{color:var(--px-icon-color-purpose-unlimited-inverted)}:host([inverted]) .purpose-promo{color:var(--px-icon-color-purpose-promo-inverted)}.size-2xs{width:var(--px-icon-size-2xs-mobile);height:var(--px-icon-size-2xs-mobile);font-size:var(--px-icon-size-2xs-mobile)}.size-xs{width:var(--px-icon-size-xs-mobile);height:var(--px-icon-size-xs-mobile);font-size:var(--px-icon-size-xs-mobile)}.size-s{width:var(--px-icon-size-s-mobile);height:var(--px-icon-size-s-mobile);font-size:var(--px-icon-size-s-mobile)}.size-m{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);font-size:var(--px-icon-size-m-mobile)}.size-l{width:var(--px-icon-size-l-mobile);height:var(--px-icon-size-l-mobile);font-size:var(--px-icon-size-l-mobile)}.size-xl{width:var(--px-icon-size-xl-mobile);height:var(--px-icon-size-xl-mobile);font-size:var(--px-icon-size-xl-mobile)}.size-2xl{width:var(--px-icon-size-2xl-mobile);height:var(--px-icon-size-2xl-mobile);font-size:var(--px-icon-size-2xl-mobile)}@media only screen and (min-width: 64rem){.size-2xs{width:var(--px-icon-size-2xs-tablet);height:var(--px-icon-size-2xs-tablet);font-size:var(--px-icon-size-2xs-tablet)}.size-xs{width:var(--px-icon-size-xs-tablet);height:var(--px-icon-size-xs-tablet);font-size:var(--px-icon-size-xs-tablet)}.size-s{width:var(--px-icon-size-s-tablet);height:var(--px-icon-size-s-tablet);font-size:var(--px-icon-size-s-tablet)}.size-m{width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet);font-size:var(--px-icon-size-m-tablet)}.size-l{width:var(--px-icon-size-l-tablet);height:var(--px-icon-size-l-tablet);font-size:var(--px-icon-size-l-tablet)}.size-xl{width:var(--px-icon-size-xl-tablet);height:var(--px-icon-size-xl-tablet);font-size:var(--px-icon-size-xl-tablet)}.size-2xl{width:var(--px-icon-size-2xl-tablet);height:var(--px-icon-size-2xl-tablet);font-size:var(--px-icon-size-2xl-tablet)}}@media only screen and (min-width: 90rem){.size-2xs{width:var(--px-icon-size-2xs-desktop);height:var(--px-icon-size-2xs-desktop);font-size:var(--px-icon-size-2xs-desktop)}.size-xs{width:var(--px-icon-size-xs-desktop);height:var(--px-icon-size-xs-desktop);font-size:var(--px-icon-size-xs-desktop)}.size-s{width:var(--px-icon-size-s-desktop);height:var(--px-icon-size-s-desktop);font-size:var(--px-icon-size-s-desktop)}.size-m{width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop);font-size:var(--px-icon-size-m-desktop)}.size-l{width:var(--px-icon-size-l-desktop);height:var(--px-icon-size-l-desktop);font-size:var(--px-icon-size-l-desktop)}.size-xl{width:var(--px-icon-size-xl-desktop);height:var(--px-icon-size-xl-desktop);font-size:var(--px-icon-size-xl-desktop)}.size-2xl{width:var(--px-icon-size-2xl-desktop);height:var(--px-icon-size-2xl-desktop);font-size:var(--px-icon-size-2xl-desktop)}}i.icon-large:before{vertical-align:-10%;font-size:1.3333333333em}",O=new CSSStyleSheet;O.replaceSync(W);class G extends D{constructor(){super(O),this.template=()=>`<svg>\n  <use xlink:href="#icon-${this.name}"></use>\n</svg>`,this.shadowRoot.innerHTML=this.template()}connectedCallback(){const e=document.querySelectorAll("px-icon-set");e||console.log("<px-icon-set> component not found");for(const t of e)t.getAttribute("name")&&t.getAttribute("src")?t.getAttribute("name")===this.from&&"font"!==t.getAttribute("type")&&(this.src=t.getAttribute("src"),this.$el.firstElementChild.setAttribute("xlink:href",`${this.src}#icon-${this.name}`)):console.error("Icon name or src not found")}updateName(e,t){this.src&&this.$el.firstElementChild.setAttribute("xlink:href",`${this.src}#icon-${t}`)}get $el(){return this.shadowRoot.querySelector("svg")}}customElements.get("px-icon")||customElements.define("px-icon",G);const F=new CSSStyleSheet,Y=new CSSStyleSheet;F.replaceSync('.lavender-3g_tablet:before{content:""}.lavender-accessories:before{content:""}.lavender-account:before{content:""}.lavender-activate:before{content:""}.lavender-ai:before{content:""}.lavender-air_plane:before{content:""}.lavender-alarm:before{content:""}.lavender-answers:before{content:""}.lavender-antenna:before{content:""}.lavender-applications:before{content:""}.lavender-arrow_down:before{content:""}.lavender-arrow_left:before{content:""}.lavender-arrow_right:before{content:""}.lavender-arrow_up:before{content:""}.lavender-back_camera:before{content:""}.lavender-bbox_off:before{content:""}.lavender-batterie:before{content:""}.lavender-best_seller:before{content:""}.lavender-bell_circle:before{content:""}.lavender-best_seller_2:before{content:""}.lavender-best_seller_14:before{content:""}.lavender-bbox_on:before{content:""}.lavender-beta_02:before{content:""}.lavender-beta:before{content:""}.lavender-belgique_ok:before{content:""}.lavender-bicycle:before{content:""}.lavender-bill:before{content:""}.lavender-bill_member:before{content:""}.lavender-birthday_cake:before{content:""}.lavender-blindness:before{content:""}.lavender-bookmark:before{content:""}.lavender-broken_links:before{content:""}.lavender-burger_menu:before{content:""}.lavender-bus:before{content:""}.lavender-bug:before{content:""}.lavender-budget_manager:before{content:""}.lavender-cable:before{content:""}.lavender-caddy:before{content:""}.lavender-cadenas_cloud:before{content:""}.lavender-calendar:before{content:""}.lavender-call_from_abroad:before{content:""}.lavender-call_transfert:before{content:""}.lavender-calls:before{content:""}.lavender-camera:before{content:""}.lavender-calls_1:before{content:""}.lavender-calls_from_belgium:before{content:""}.lavender-car:before{content:""}.lavender-car_crash:before{content:""}.lavender-card:before{content:""}.lavender-care:before{content:""}.lavender-cash_back:before{content:""}.lavender-checkmark:before{content:""}.lavender-checkmark_branding:before{content:""}.lavender-chevron_down:before{content:""}.lavender-chevron_up:before{content:""}.lavender-circular_economy:before{content:""}.lavender-clock:before{content:""}.lavender-cloud:before{content:""}.lavender-cloud_ict:before{content:""}.lavender-cloud_iot_1:before{content:""}.lavender-cloud_iot_2:before{content:""}.lavender-chevron_right:before{content:""}.lavender-cloud_security:before{content:""}.lavender-cloud_network:before{content:""}.lavender-chevron_left:before{content:""}.lavender-collaboration:before{content:""}.lavender-congratulation_box:before{content:""}.lavender-connection_error:before{content:""}.lavender-community:before{content:""}.lavender-connected_devices:before{content:""}.lavender-contact:before{content:""}.lavender-crash:before{content:""}.lavender-copy_paste:before{content:""}.lavender-cookie:before{content:""}.lavender-contest:before{content:""}.lavender-cross:before{content:""}.lavender-cross_circle:before{content:""}.lavender-connectivity:before{content:""}.lavender-current_location:before{content:""}.lavender-connection_manager:before{content:""}.lavender-daily_comute:before{content:""}.lavender-daily_rooming:before{content:""}.lavender-data:before{content:""}.lavender-dance:before{content:""}.lavender-dashboard:before{content:""}.lavender-desktop:before{content:""}.lavender-delivery:before{content:""}.lavender-data_center:before{content:""}.lavender-easy:before{content:""}.lavender-download:before{content:""}.lavender-easy_1:before{content:""}.lavender-daily_rooming_02:before{content:""}.lavender-direct_assist:before{content:""}.lavender-edit:before{content:""}.lavender-electricity:before{content:""}.lavender-energy:before{content:""}.lavender-entertainmant_full:before{content:""}.lavender-entertainment:before{content:""}.lavender-exclamation_mark:before{content:""}.lavender-eco:before{content:""}.lavender-exclamation_filled:before{content:""}.lavender-exhibition_screen:before{content:""}.lavender-export:before{content:""}.lavender-eye:before{content:""}.lavender-eye_close:before{content:""}.lavender-family:before{content:""}.lavender-faq:before{content:""}.lavender-favorite:before{content:""}.lavender-favorite_unselected:before{content:""}.lavender-feedback:before{content:""}.lavender-filter:before{content:""}.lavender-fixed_connection:before{content:""}.lavender-fiber:before{content:""}.lavender-fire_wood:before{content:""}.lavender-flexibility04:before{content:""}.lavender-flexibility05:before{content:""}.lavender-flexibility03:before{content:""}.lavender-flexibility02:before{content:""}.lavender-flexible_delivery:before{content:""}.lavender-flexibility01:before{content:""}.lavender-fixed_phone:before{content:""}.lavender-football:before{content:""}.lavender-forum:before{content:""}.lavender-free_delivery:before{content:""}.lavender-free_service:before{content:""}.lavender-frequently_questions:before{content:""}.lavender-fuel:before{content:""}.lavender-front_camera:before{content:""}.lavender-galerry_02:before{content:""}.lavender-galerry:before{content:""}.lavender-games:before{content:""}.lavender-gaz:before{content:""}.lavender-gift:before{content:""}.lavender-government:before{content:""}.lavender-gps:before{content:""}.lavender-handicap:before{content:""}.lavender-handle:before{content:""}.lavender-heat_pump:before{content:""}.lavender-guitar:before{content:""}.lavender-home:before{content:""}.lavender-home_added_value:before{content:""}.lavender-hub:before{content:""}.lavender-home_wifi:before{content:""}.lavender-icon_advantage_pig:before{content:""}.lavender-ict:before{content:""}.lavender-ict_networking:before{content:""}.lavender-incoming_calls:before{content:""}.lavender-infinity:before{content:""}.lavender-information_box:before{content:""}.lavender-internet_mobile:before{content:""}.lavender-information:before{content:""}.lavender-internet_laptop:before{content:""}.lavender-internet_tablet:before{content:""}.lavender-invoice_insight_adv:before{content:""}.lavender-international:before{content:""}.lavender-layers:before{content:""}.lavender-internet:before{content:""}.lavender-licence_plate_managment:before{content:""}.lavender-inscription:before{content:""}.lavender-licence_plate_managment02:before{content:""}.lavender-innovation:before{content:""}.lavender-light_bulb:before{content:""}.lavender-links:before{content:""}.lavender-location:before{content:""}.lavender-login:before{content:""}.lavender-login_open:before{content:""}.lavender-logout:before{content:""}.lavender-magnify:before{content:""}.lavender-map:before{content:""}.lavender-markets:before{content:""}.lavender-metro:before{content:""}.lavender-microphone:before{content:""}.lavender-micro:before{content:""}.lavender-mental_deficiency:before{content:""}.lavender-minus_circle:before{content:""}.lavender-minus:before{content:""}.lavender-minutes_1600_01:before{content:""}.lavender-micro_sim_card:before{content:""}.lavender-messaging:before{content:""}.lavender-mobile:before{content:""}.lavender-minutes_1600_02:before{content:""}.lavender-mobile_coverage:before{content:""}.lavender-mobile_1:before{content:""}.lavender-mobile_touches:before{content:""}.lavender-mobility_insurance:before{content:""}.lavender-monitoring:before{content:""}.lavender-mood_happy:before{content:""}.lavender-mood_joy:before{content:""}.lavender-mood_neutral:before{content:""}.lavender-mood_unhappy:before{content:""}.lavender-move_sticker:before{content:""}.lavender-no_wifi:before{content:""}.lavender-no_playing:before{content:""}.lavender-number2:before{content:""}.lavender-number3:before{content:""}.lavender-number1:before{content:""}.lavender-norton_security_1:before{content:""}.lavender-mood_very_bad:before{content:""}.lavender-music:before{content:""}.lavender-norton_security:before{content:""}.lavender-natural_gas:before{content:""}.lavender-number4:before{content:""}.lavender-number5:before{content:""}.lavender-number6:before{content:""}.lavender-number7:before{content:""}.lavender-number8:before{content:""}.lavender-number9:before{content:""}.lavender-number10:before{content:""}.lavender-on_app:before{content:""}.lavender-on_off_switch:before{content:""}.lavender-on_web:before{content:""}.lavender-one_click:before{content:""}.lavender-outcoming_call:before{content:""}.lavender-options:before{content:""}.lavender-overview:before{content:""}.lavender-pack:before{content:""}.lavender-pack_off:before{content:""}.lavender-paperclip:before{content:""}.lavender-parking:before{content:""}.lavender-picture:before{content:""}.lavender-pin:before{content:""}.lavender-places:before{content:""}.lavender-play:before{content:""}.lavender-plus:before{content:""}.lavender-plus_circle:before{content:""}.lavender-positioning:before{content:""}.lavender-power:before{content:""}.lavender-presence_home:before{content:""}.lavender-prime:before{content:""}.lavender-print:before{content:""}.lavender-processor:before{content:""}.lavender-products:before{content:""}.lavender-qr_code:before{content:""}.lavender-qr:before{content:""}.lavender-reducer:before{content:""}.lavender-refresh:before{content:""}.lavender-reload:before{content:""}.lavender-relaunch:before{content:""}.lavender-recycling:before{content:""}.lavender-remote:before{content:""}.lavender-repair_device:before{content:""}.lavender-raccording_flat:before{content:""}.lavender-ready_to_use:before{content:""}.lavender-question_mark:before{content:""}.lavender-replay36:before{content:""}.lavender-requests_appointments_and_order:before{content:""}.lavender-reset:before{content:""}.lavender-roaming_belgium:before{content:""}.lavender-roadwork:before{content:""}.lavender-roaming:before{content:""}.lavender-settings:before{content:""}.lavender-serveur:before{content:""}.lavender-settings_full:before{content:""}.lavender-restaurant:before{content:""}.lavender-shopmag:before{content:""}.lavender-secure_paiement:before{content:""}.lavender-sim_card:before{content:""}.lavender-share:before{content:""}.lavender-search:before{content:""}.lavender-smartphone1:before{content:""}.lavender-smartphone2:before{content:""}.lavender-smartphone3:before{content:""}.lavender-smartphone4:before{content:""}.lavender-smartphone4g:before{content:""}.lavender-smartphone5:before{content:""}.lavender-smartphone6:before{content:""}.lavender-solar_panel:before{content:""}.lavender-solar_pump:before{content:""}.lavender-sondage:before{content:""}.lavender-sound_alert:before{content:""}.lavender-sound_on:before{content:""}.lavender-sound_off:before{content:""}.lavender-stop_watch:before{content:""}.lavender-speedtest_dl:before{content:""}.lavender-speed:before{content:""}.lavender-surf_gsm:before{content:""}.lavender-sustainability:before{content:""}.lavender-speedtest_ul:before{content:""}.lavender-switch:before{content:""}.lavender-succes:before{content:""}.lavender-subscription_1:before{content:""}.lavender-tablet:before{content:""}.lavender-tailor:before{content:""}.lavender-subscription:before{content:""}.lavender-target_blank:before{content:""}.lavender-threedots_horizontal02:before{content:""}.lavender-terms_and_conditions:before{content:""}.lavender-tractor:before{content:""}.lavender-toucscreens:before{content:""}.lavender-threedots_vertical02:before{content:""}.lavender-train:before{content:""}.lavender-traffic_jam:before{content:""}.lavender-tram:before{content:""}.lavender-trash:before{content:""}.lavender-tv:before{content:""}.lavender-under_construction:before{content:""}.lavender-upload:before{content:""}.lavender-usage:before{content:""}.lavender-view360_02:before{content:""}.lavender-view360:before{content:""}.lavender-view360_01:before{content:""}.lavender-videoscope:before{content:""}.lavender-wifi_warning:before{content:""}.lavender-wireless_hub:before{content:""}.lavender-wrench:before{content:""}.lavender-wifi_ok:before{content:""}.lavender-water:before{content:""}.lavender-walking:before{content:""}.lavender-watch:before{content:""}.lavender-voucher:before{content:""}'),Y.replaceSync(W);class Z extends D{constructor(){super(F,Y),this.template=()=>"<i></i>",this.shadowRoot.innerHTML=this.template()}updateName(e,t){this.$el.classList.remove(`lavender-${e}`),t&&this.$el.classList.add(`lavender-${t}`)}get $el(){return this.shadowRoot.querySelector("i")}}customElements.define("px-icon-f",Z);const J=new CSSStyleSheet;J.replaceSync('.container{font-family:var(--px-font-family);background-color:var(--background-color);background-image:var(--background-image);background:var(--background-gradient);border-radius:var(--px-radius-main);padding:var(--container-padding-top--mobile) var(--container-padding-right--mobile) var(--container-padding-bottom--mobile) var(--container-padding-left--mobile);box-sizing:border-box}:host([inverted]) .container{background-color:var(--background-color-inverted)}.border-none{border:none}.border-s{border:var(--px-border-size-s) solid var(--border-color)}.border-m{border:var(--px-border-size-m) solid var(--border-color)}.border-l{border:var(--px-border-size-l) solid var(--border-color)}.border-side-top{border-bottom-style:none;border-right-style:none;border-left-style:none}.border-side-right{border-top-style:none;border-bottom-style:none;border-left-style:none}.border-side-bottom{border-top-style:none;border-right-style:none;border-left-style:none}.border-side-left{border-top-style:none;border-right-style:none;border-bottom-style:none}.border-side-block{border-inline-style:none}.border-side-inline{border-block-style:none}:host([inverted]) .border-s,:host([inverted]) .border-m,:host([inverted]) .border-l{border-color:var(--border-color-inverted)}.border-radius-main{border-radius:var(--px-radius-main)}.border-radius-pill{border-radius:var(--px-radius-pill)}.no-border-radius-top{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all,.border-radius-none{border-radius:var(--px-radius-none)}.bgimg{background-repeat:no-repeat}.background-size-cover{background-size:cover;background-position:center center}.background-size-contain{background-size:contain}.box-shadow-none{box-shadow:none}.box-shadow-s{box-shadow:0 1px 2px #2525251f}.box-shadow-m{box-shadow:0 4px 6px -1px #25252514}.box-shadow-l{box-shadow:0 10px 15px -3px #25252514}.box-shadow-xl{box-shadow:0 20px 25px -5px #25252514}.anchored{position:relative}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]),::slotted([slot="anchor-full"]){position:absolute;top:0}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]){transform:translateY(-50%);z-index:2}::slotted([slot="anchor-right"]){right:var(--container-padding-right--mobile)}::slotted([slot="anchor-left"]){left:var(--container-padding-left--mobile)}::slotted([slot="anchor-full"]){transform:translateY(-100%);right:0;left:0;text-align:center;z-index:1}@media only screen and (max-width: 640px){.container{background-color:var(--background-color--mobile, var(--background-color));background-image:var( --background-image--mobile, var( --background-image, var(--background-gradient--mobile, var(--background-gradient)) ) )}:host([inverted]) .container{background-color:var( --background-color-inverted--mobile, var(--background-color-inverted) )}.border-side-top--mobile{border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none}.border-side-right--mobile{border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:none}.border-side-bottom--mobile{border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none}.border-side-left--mobile{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:solid}.border-side-block--mobile{border-inline-style:none;border-block-style:solid}.border-side-inline--mobile{border-block-style:none;border-inline-style:solid}.no-border-radius-top--mobile{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--mobile{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--mobile{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--mobile{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--mobile{border-radius:var(--px-radius-none)}}.border-s ::slotted([slot="anchor-full"]){right:calc(var(--px-border-size-s) * -1);left:calc(var(--px-border-size-s) * -1)}.border-m ::slotted([slot="anchor-full"]){right:calc(var(--px-border-size-m) * -1);left:calc(var(--px-border-size-m) * -1)}.border-l ::slotted([slot="anchor-full"]){right:calc(var(--px-border-l) * -1);left:calc(var(--px-border-l) * -1)}@media only screen and (min-width: 768px) and (max-width: 1024px){.container{padding:var(--container-padding-top--tablet) var(--container-padding-right--tablet) var(--container-padding-bottom--tablet) var(--container-padding-left--tablet);background-color:var(--background-color--tablet, var(--background-color));background-image:var( --background-image--tablet, var( --background-image, var(--background-gradient--tablet, var(--background-gradient)) ) )}:host([inverted]) .container{background-color:var( --background-color-inverted--tablet, var(--background-color-inverted) )}.no-border-radius-top--tablet{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--tablet{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--tablet{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--tablet{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--tablet{border-radius:var(--px-radius-none)}.border-side-top--tablet{border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none}.border-side-right--tablet{border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:none}.border-side-bottom--tablet{border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none}.border-side-left--tablet{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:solid}.border-side-block--tablet{border-inline-style:none;border-block-style:solid}.border-side-inline--tablet{border-block-style:none;border-inline-style:solid}::slotted([slot="anchor-right"]){right:var(--container-padding-right--tablet)}::slotted([slot="anchor-left"]){left:var(--container-padding-left--tablet)}}@media only screen and (min-width: 1025px){.container{padding:var(--container-padding-top--laptop) var(--container-padding-right--laptop) var(--container-padding-bottom--laptop) var(--container-padding-left--laptop);background-color:var(--background-color--laptop, var(--background-color));background-image:var( --background-image--laptop, var( --background-image, var(--background-gradient--laptop, var(--background-gradient)) ) )}:host([inverted]) .container{background-color:var( --background-color-inverted--laptop, var(--background-color-inverted) )}.no-border-radius-top--laptop{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--laptop{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--laptop{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--laptop{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--laptop{border-radius:var(--px-radius-none)}::slotted([slot="anchor-right"]){right:var(--container-padding-right--laptop)}::slotted([slot="anchor-left"]){left:var(--container-padding-left--laptop)}.border-side-top--laptop{border-top-style:solid;border-right-style:none;border-bottom-style:none;border-left-style:none}.border-side-right--laptop{border-top-style:none;border-right-style:solid;border-bottom-style:none;border-left-style:none}.border-side-bottom--laptop{border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none}.border-side-left--laptop{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:solid}.border-side-block--laptop{border-inline-style:none;border-block-style:solid}.border-side-inline--laptop{border-block-style:none;border-inline-style:solid}}');const K=["anchor-right","anchor-left","anchor-full"],Q=["","cover","contain","default"],U=class extends o{constructor(){super(J),this.template=()=>'<div class="container">\n    <slot name="anchor-left"></slot>\n    <slot name="anchor-right"></slot>\n    <slot name="anchor-full"></slot>\n    <slot></slot>\n    </div>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"padding","padding-inline","padding-block","padding-top","padding-right","padding-bottom","padding-left","padding--mobile","padding-inline--mobile","padding-block--mobile","padding-top--mobile","padding-right--mobile","padding-bottom--mobile","padding-left--mobile","padding--tablet","padding-inline--tablet","padding-block--tablet","padding-top--tablet","padding-right--tablet","padding-bottom--tablet","padding-left--tablet","padding--laptop","padding-inline--laptop","padding-block--laptop","padding-top--laptop","padding-right--laptop","padding-bottom--laptop","padding-left--laptop","border","border-color","border-side","border-side--mobile","border-side--tablet","border-side--laptop","border-radius","no-border-radius","no-border-radius--mobile","no-border-radius--tablet","no-border-radius--laptop","background-color","background-color--mobile","background-color--tablet","background-color--laptop","background-gradient","background-gradient--mobile","background-gradient--tablet","background-gradient--laptop","background-image","background-image--mobile","background-image--tablet","background-image--laptop","background-size","background-position","box-shadow","inverted"]}connectedCallback(){var e,t,r,o;super.connectedCallback(),this.padding||this.paddingBlock||this.paddingInline||this.paddingTop||this.paddingRight||this.paddingBottom||this.paddingLeft||this.paddingMobile||this.paddingBlockMobile||this.paddingInlineMobile||this.paddingTopMobile||this.paddingRightMobile||this.paddingBottomMobile||this.paddingLeftMobile||this.paddingTablet||this.paddingBlockTablet||this.paddingInlineTablet||this.paddingTopTablet||this.paddingRightTablet||this.paddingBottomTablet||this.paddingLeftTablet||this.paddingLaptop||this.paddingBlockLaptop||this.paddingInlineLaptop||this.paddingTopLaptop||this.paddingRightLaptop||this.paddingBottomLaptop||this.paddingLeftLaptop||(this.padding="m"),this.backgroundColor||(this.backgroundColor="container-neutral-bare"),this.borderColor||(this.borderColor="container-main");const i=this.querySelector("[slot]");i&&K.includes(i.getAttribute("slot"))&&this.shadowRoot.querySelector(".container").classList.toggle("anchored"),"stretch"===(null==(e=this.parentElement)?void 0:e.getAttribute("align-items"))&&("column"===(null==(t=this.parentElement)?void 0:t.getAttribute("direction"))?this.$el.style.width="100%":this.$el.style.height="100%"),"px-grid-item"!==(null==(r=this.parentElement)?void 0:r.localName)&&"px-a"!==(null==(o=this.parentElement)?void 0:o.localName)||(this.$el.style.height="100%")}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"padding":case"padding--mobile":case"padding--tablet":case"padding--laptop":this.updatePadding(e,t,r,d,["top","right","bottom","left"]);break;case"padding-inline":case"padding-inline--mobile":case"padding-inline--tablet":case"padding-inline--laptop":this.updatePadding(e,t,r,d,["left","right"]);break;case"padding-block":case"padding-block--mobile":case"padding-block--tablet":case"padding-block--laptop":this.updatePadding(e,t,r,d,["top","bottom"]);break;case"padding-top":case"padding-top--mobile":case"padding-top--tablet":case"padding-top--laptop":this.updatePadding(e,t,r,d,["top"]);break;case"padding-right":case"padding-right--mobile":case"padding-right--tablet":case"padding-right--laptop":this.updatePadding(e,t,r,d,["right"]);break;case"padding-bottom":case"padding-bottom--mobile":case"padding-bottom--tablet":case"padding-bottom--laptop":this.updatePadding(e,t,r,d,["bottom"]);break;case"padding-left":case"padding-left--mobile":case"padding-left--tablet":case"padding-left--laptop":this.updatePadding(e,t,r,d,["left"]);break;case"border":this.updateAttribute(e,t,r,c);break;case"border-color":this.updateBorderColor(e,r);break;case"border-side":case"border-side--mobile":case"border-side--tablet":case"border-side--laptop":this.updateAttribute(e,t,r,u);break;case"border-radius":this.updateAttribute(e,t,r,p);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateNoBorderRadius(e,t,r,m);break;case"background-color":case"background-color--mobile":case"background-color--tablet":case"background-color--laptop":this.updateBackgroundColor(e,r);break;case"background-gradient":case"background-gradient--mobile":case"background-gradient--tablet":case"background-gradient--laptop":this.updateGradient(e,r);break;case"background-size":this.updateAttribute(e,t,r,Q);break;case"background-image":case"background-image--mobile":case"background-image--tablet":case"background-image--laptop":this.updateBackgroundImg(e,r);break;case"background-position":null!==r&&""!==r&&(this.$el.style.backgroundPosition=r);break;case"box-shadow":this.updateAttribute(e,t,r,g);break;default:super.attributeChangedCallback(e,t,r)}}updatePadding(e,t,r,o,i){if(!this.checkName(o,r))return void console.error(`Bad ${e} value for`,this.$el);const a=e.includes("--"),n=a?e.split("--")[1]:"",s=(e,t,r,o)=>{const i="laptop"===e?"desktop":e;null!==t&&""!==t&&"default"!==t&&r.forEach((r=>{const a=`--container-padding-${r}--${e}`;!o&&this.$el.style.getPropertyValue(a)||this.$el.style.setProperty(a,`var(--px-padding-${t}-${i})`)}))};a?(s(n,t,i,!0),s(n,r,i,!0)):["mobile","tablet","laptop"].forEach((e=>{s(e,t,i,!1),s(e,r,i,!1)}))}updateBackgroundImg(e,t){this.$el.style.setProperty(`--${e}`,`url("${t}")`)}updateGradient(e,t){if(this.checkName(x,t)){const r=this.splitAttrNameFromBreakpoint(e);e=r.attrName;const o=r.breakpoint;this.$el.style.setProperty(`--${e}${o}`,`linear-gradient(var(--px-background-color-container-gradient-${t}))`)}else console.error(`${t} is not an allowed background-gradient value for ${this.$el}`)}updateBackgroundColor(e,t){if(this.checkName(h,t)){const r=this.splitAttrNameFromBreakpoint(e),o=r.breakpoint;this.$el.style.setProperty(`--${r.attrName}${o}`,`var(--px-background-color-${t}-default)`),this.$el.style.setProperty(`--${r.attrName}-inverted${o}`,`var(--px-background-color-${t}-inverted)`)}else console.error(`${t} is not an allowed ${e} value for ${this.$el}`)}updateBorderColor(e,t){this.checkName(b,t)?(this.$el.style.setProperty(`--${e}`,`var(--px-border-color-${t}-default)`),this.$el.style.setProperty(`--${e}-inverted`,`var(--px-border-color-${t}-inverted)`)):console.error(`${t} is not an allowed ${e} value for ${this.$el}`)}updateNoBorderRadius(e,t,r,o){if(this.checkName(o,r)){const o=this.splitAttrNameFromBreakpoint(e),i=o.breakpoint;null!==t&&""!==t&&this.$el.classList.toggle(`${o.attrName}-${t}${i}`),null!==r&&""!==r&&this.$el.classList.toggle(`${o.attrName}-${r}${i}`)}else console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}updateAttribute(e,t,r,o){if(this.checkName(o,r)){const o=this.splitAttrNameFromBreakpoint(e),i=o.breakpoint;null!==t&&""!==t&&this.$el.classList.toggle(`${o.attrName}-${t}${i}`),null!==r&&""!==r&&this.$el.classList.toggle(`${o.attrName}-${r}${i}`)}else console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}splitAttrNameFromBreakpoint(e){let t="";if(["--mobile","--tablet","--laptop"].some((t=>e.includes(t)))){const r=e.split("--");e=r[0],t=`--${r[1]}`}return{attrName:e,breakpoint:t}}checkName(e,t){return e.includes(t)}get padding(){return this.getAttribute("padding")}set padding(e){this.setAttribute("padding",e)}get paddingBlock(){return this.getAttribute("padding-block")}set paddingBlock(e){this.setAttribute("padding-block",e)}get paddingInline(){return this.getAttribute("padding-inline")}set paddingInline(e){this.setAttribute("padding-inline",e)}get paddingTop(){return this.getAttribute("padding-top")}set paddingTop(e){this.setAttribute("padding-top",e)}get paddingRight(){return this.getAttribute("padding-right")}set paddingRight(e){this.setAttribute("padding-right",e)}get paddingBottom(){return this.getAttribute("padding-bottom")}set paddingBottom(e){this.setAttribute("padding-bottom",e)}get paddingLeft(){return this.getAttribute("padding-left")}set paddingLeft(e){this.setAttribute("padding-left",e)}get paddingMobile(){return this.getAttribute("padding--mobile")}set paddingMobile(e){this.setAttribute("padding--mobile",e)}get paddingBlockMobile(){return this.getAttribute("padding-block--mobile")}set paddingBlockMobile(e){this.setAttribute("padding-block--mobile",e)}get paddingInlineMobile(){return this.getAttribute("padding-inline--mobile")}set paddingInlineMobile(e){this.setAttribute("padding-inline--mobile",e)}get paddingTopMobile(){return this.getAttribute("padding-top--mobile")}set paddingTopMobile(e){this.setAttribute("padding-top--mobile",e)}get paddingRightMobile(){return this.getAttribute("padding-right--mobile")}set paddingRightMobile(e){this.setAttribute("padding-right--mobile",e)}get paddingBottomMobile(){return this.getAttribute("padding-bottom--mobile")}set paddingBottomMobile(e){this.setAttribute("padding-bottom--mobile",e)}get paddingLeftMobile(){return this.getAttribute("padding-left--mobile")}set paddingLeftMobile(e){this.setAttribute("padding-left--mobile",e)}get paddingTablet(){return this.getAttribute("padding--tablet")}set paddingTablet(e){this.setAttribute("padding--tablet",e)}get paddingBlockTablet(){return this.getAttribute("padding-block--tablet")}set paddingBlockTablet(e){this.setAttribute("padding-block--tablet",e)}get paddingInlineTablet(){return this.getAttribute("padding-inline--tablet")}set paddingInlineTablet(e){this.setAttribute("padding-inline--tablet",e)}get paddingTopTablet(){return this.getAttribute("padding-top--tablet")}set paddingTopTablet(e){this.setAttribute("padding-top--tablet",e)}get paddingRightTablet(){return this.getAttribute("padding-right--tablet")}set paddingRightTablet(e){this.setAttribute("padding-right--tablet",e)}get paddingBottomTablet(){return this.getAttribute("padding-bottom--tablet")}set paddingBottomTablet(e){this.setAttribute("padding-bottom--tablet",e)}get paddingLeftTablet(){return this.getAttribute("padding-left--tablet")}set paddingLeftTablet(e){this.setAttribute("padding-left--tablet",e)}get paddingLaptop(){return this.getAttribute("padding--laptop")}set paddingLaptop(e){this.setAttribute("padding--laptop",e)}get paddingBlockLaptop(){return this.getAttribute("padding-block--laptop")}set paddingBlockLaptop(e){this.setAttribute("padding-block--laptop",e)}get paddingInlineLaptop(){return this.getAttribute("padding-inline--laptop")}set paddingInlineLaptop(e){this.setAttribute("padding-inline--laptop",e)}get paddingTopLaptop(){return this.getAttribute("padding-top--laptop")}set paddingTopLaptop(e){this.setAttribute("padding-top--laptop",e)}get paddingRightLaptop(){return this.getAttribute("padding-right--laptop")}set paddingRightLaptop(e){this.setAttribute("padding-right--laptop",e)}get paddingBottomLaptop(){return this.getAttribute("padding-bottom--laptop")}set paddingBottomLaptop(e){this.setAttribute("padding-bottom--laptop",e)}get paddingLeftLaptop(){return this.getAttribute("padding-left--laptop")}set paddingLeftLaptop(e){this.setAttribute("padding-left--laptop",e)}get border(){return this.getAttribute("border")}set border(e){this.setAttribute("border",e)}get borderColor(){return this.getAttribute("border-color")}set borderColor(e){this.setAttribute("border-color",e)}get borderSide(){return this.getAttribute("border-side")}set borderSide(e){this.setAttribute("border-side",e)}get borderSideMobile(){return this.getAttribute("border-side--mobile")}set borderSideMobile(e){this.setAttribute("border-side--mobile",e)}get borderSideTablet(){return this.getAttribute("border-side--tablet")}set borderSideTablet(e){this.setAttribute("border-side--tablet",e)}get borderSideLaptop(){return this.getAttribute("border-side--laptop")}set borderSideLaptop(e){this.setAttribute("border-side--laptop",e)}get borderRadius(){return this.getAttribute("border-radius")}set borderRadius(e){this.setAttribute("border-radius",e)}get noBorderRadius(){return this.getAttribute("no-border-radius")}set noBorderRadius(e){this.setAttribute("no-border-radius",e)}get noBorderRadiusMobile(){return this.getAttribute("no-border-radius--mobile")}set noBorderRadiusMobile(e){this.setAttribute("no-border-radius--mobile",e)}get noBorderRadiusTablet(){return this.getAttribute("no-border-radius--tablet")}set noBorderRadiusTablet(e){this.setAttribute("no-border-radius--tablet",e)}get noBorderRadiusLaptop(){return this.getAttribute("no-border-radius--laptop")}set noBorderRadiusLaptop(e){this.setAttribute("no-border-radius--laptop",e)}get backgroundColor(){return this.getAttribute("background-color")}set backgroundColor(e){this.setAttribute("background-color",e)}get backgroundColorMobile(){return this.getAttribute("background-color--mobile")}set backgroundColorMobile(e){this.setAttribute("background-color--mobile",e)}get backgroundColorTablet(){return this.getAttribute("background-color--tablet")}set backgroundColorTablet(e){this.setAttribute("background-color--tablet",e)}get backgroundColorLaptop(){return this.getAttribute("background-color--laptop")}set backgroundColorLaptop(e){this.setAttribute("background-color--laptop",e)}get gradient(){return this.getAttribute("background-gradient")}set gradient(e){this.setAttribute("background-gradient",e)}get gradientMobile(){return this.getAttribute("background-gradient--mobile")}set gradientMobile(e){this.setAttribute("background-gradient--mobile",e)}get gradientTablet(){return this.getAttribute("background-gradient--tablet")}set gradientTablet(e){this.setAttribute("background-gradient--tablet",e)}get gradientLaptop(){return this.getAttribute("background-gradient--laptop")}set gradientLaptop(e){this.setAttribute("background-gradient--laptop",e)}get backgroundImage(){return this.getAttribute("background-image")}set backgroundImage(e){this.setAttribute("background-image",e)}get backgroundImageMobile(){return this.getAttribute("background-image--mobile")}set backgroundImageMobile(e){this.setAttribute("background-image--mobile",e)}get backgroundImageTablet(){return this.getAttribute("background-image--tablet")}set backgroundImageTablet(e){this.setAttribute("background-image--tablet",e)}get backgroundImageLaptop(){return this.getAttribute("background-image--laptop")}set backgroundImageLaptop(e){this.setAttribute("background-image--laptop",e)}get backgroundSize(){return this.getAttribute("background-size")}set backgroundSize(e){this.setAttribute("background-size",e)}get backgroundPosition(){return this.getAttribute("background-position")}set backgroundPosition(e){this.setAttribute("background-position",e)}get boxShadow(){return this.getAttribute("box-shadow")}set boxShadow(e){this.setAttribute("box-shadow",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}};U.nativeName="div";let X=U;customElements.define("px-container",X);const ee="h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{margin:0;font-family:var(--px-font-family);color:var( --heading-color-default, var(--px-text-color-heading-brand-default) );text-align:var(--heading-text-align--mobile, left);font-size:var(--px-text-size-heading-s-mobile);line-height:var(--px-line-height-m);font-weight:700}:host([inverted]) h1,:host([inverted]) .style-title-4xl,:host([inverted]) ::slotted(h1),:host([inverted]) h2,:host([inverted]) .style-title-3xl,:host([inverted]) ::slotted(h2),:host([inverted]) h3,:host([inverted]) .style-title-2xl,:host([inverted]) ::slotted(h3),:host([inverted]) h4,:host([inverted]) .style-title-xl,:host([inverted]) ::slotted(h4),:host([inverted]) h5,:host([inverted]) .style-title-l,:host([inverted]) ::slotted(h5),:host([inverted]) h6,:host([inverted]) .style-title-m,:host([inverted]) ::slotted(h6),:host([inverted]) .style-title-s,:host([inverted]) .style-subtitle{color:var( --heading-color-inverted, var(--px-text-color-heading-brand-inverted) )}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-5xl-mobile);line-height:var(--px-line-height-s);font-weight:900}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-mobile);line-height:var(--px-line-height-s);font-weight:900}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-3xl-mobile);line-height:var(--px-line-height-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-2xl-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-mobile)}.style-subtitle{font-size:var(--px-text-size-heading-xl-mobile);font-weight:300}.style-title-s{font-size:var(--px-text-size-heading-s-mobile)}@media only screen and (min-width: 768px){h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--tablet, left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-5xl-tablet)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-tablet)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-3xl-tablet)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-2xl-tablet)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-tablet)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-tablet)}.style-title-s{font-size:var(--px-text-size-heading-s-tablet)}.style-subtitle{font-size:var(--px-text-size-heading-xl-tablet)}}@media only screen and (min-width: 1025px){h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--laptop, left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-5xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-3xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-2xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-desktop)}.style-title-s{font-size:var(--px-text-size-heading-s-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-desktop)}}@media screen and (min-width: 1441px){h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--desktop, left)}}",te=":host>*:first-child{--font-weight-light: 300;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-extrabold: 900}.color-inherit{color:inherit}.color-action-brand{color:var(--px-text-color-action-brand-default)}.color-action-neutral{color:var(--px-text-color-action-neutral-default)}.color-action-hover{color:var(--px-text-color-action-hover-default)}.color-action-active{color:var(--px-text-color-action-active-default)}.color-action-disabled{color:var(--px-text-color-action-disabled-default)}.color-body-neutral-strong{color:var(--px-text-color-body-neutral-strong-default)}.color-body-neutral-weak{color:var(--px-text-color-body-neutral-weak-default)}.color-heading-brand{color:var(--px-text-color-heading-brand-default)}.color-heading-neutral{color:var(--px-text-color-heading-neutral-default)}.color-purpose-success{color:var(--px-text-color-purpose-success-default)}.color-purpose-warning{color:var(--px-text-color-purpose-warning-default)}.color-purpose-error{color:var(--px-text-color-purpose-error-default)}.color-purpose-unlimited{color:var(--px-text-color-purpose-unlimited-default)}.color-purpose-promo{color:var(--px-text-color-purpose-promo-default)}:host([inverted]) .color-inherit{color:inherit}:host([inverted]) .color-action-brand{color:var(--px-text-color-action-brand-inverted)}:host([inverted]) .color-action-neutral{color:var(--px-text-color-action-neutral-inverted)}:host([inverted]) .color-action-hover{color:var(--px-text-color-action-hover-inverted)}:host([inverted]) .color-action-active{color:var(--px-text-color-action-active-inverted)}:host([inverted]) .color-action-disabled{color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) .color-body-neutral-strong{color:var(--px-text-color-body-neutral-strong-inverted)}:host([inverted]) .color-body-neutral-weak{color:var(--px-text-color-body-neutral-weak-inverted)}:host([inverted]) .color-heading-brand{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) .color-heading-neutral{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) .color-purpose-success{color:var(--px-text-color-purpose-success-inverted)}:host([inverted]) .color-purpose-warning{color:var(--px-text-color-purpose-warning-inverted)}:host([inverted]) .color-purpose-error{color:var(--px-text-color-purpose-error-inverted)}:host([inverted]) .color-purpose-unlimited{color:var(--px-text-color-purpose-unlimited-inverted)}:host([inverted]) .color-purpose-promo{color:var(--px-text-color-purpose-promo-inverted)}.font-size-inherit{font-size:inherit;line-height:inherit}.font-size-body-l{font-size:var(--px-text-size-body-l-mobile)}.font-size-body-m{font-size:var(--px-text-size-body-m-mobile)}.font-size-body-s{font-size:var(--px-text-size-body-s-mobile)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-mobile)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-mobile)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-mobile)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-mobile)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-mobile)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-mobile)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-mobile)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-mobile)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-mobile)}@media only screen and (min-width: 768px){.font-size-body-l{font-size:var(--px-text-size-body-l-tablet)}.font-size-body-m{font-size:var(--px-text-size-body-m-tablet)}.font-size-body-s{font-size:var(--px-text-size-body-s-tablet)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-tablet)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-tablet)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-tablet)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-tablet)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-tablet)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-tablet)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-tablet)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-tablet)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-tablet)}}@media only screen and (min-width: 1025px){.font-size-body-l{font-size:var(--px-text-size-body-l-desktop)}.font-size-body-m{font-size:var(--px-text-size-body-m-desktop)}.font-size-body-s{font-size:var(--px-text-size-body-s-desktop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-desktop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-desktop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-desktop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-desktop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-desktop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-desktop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-desktop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-desktop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-desktop)}}.font-weight-inherit{font-weight:inherit}.font-weight-normal{font-weight:var(--font-weight-regular)}.font-weight-bold{font-weight:var(--font-weight-bold)}.font-weight-extrabold{font-weight:var(--font-weight-extrabold)}.font-weight-light{font-weight:var(--font-weight-light)}",re=new CSSStyleSheet;re.replaceSync(ee);const oe=new CSSStyleSheet;oe.replaceSync(te);class ie extends o{template(){return"<slot></slot>"}constructor(e){super(re,oe);const t=document.createElement(e);t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"variant","color","text-align","text-align--mobile","text-align--tablet","text-align--laptop","text-align--desktop","inverted"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateAttribute(e,t,r,v);break;case"color":this.updateColor(t,r,a);break;case"text-align":case"text-align--mobile":case"text-align--tablet":case"text-align--laptop":case"text-align--desktop":this.updateTextAlign(e,t,r,l);break;default:super.attributeChangedCallback(e,t,r)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`style-${e}`),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`style-${t}`)}checkName(e,t){return e.includes(t)}updateAttribute(e,t,r,o){this.checkName(o,r)?this.toggleClass(t,r):console.error(`${r} is not an allowed "${e}" value for`,this.$el)}updateColor(e,t,r){if(!this.checkName(r,t))return void console.error("Bad color value for",this.$el);const o=e=>{null!==e&&""!==e&&"default"!==e&&(this.$el.style.setProperty("--heading-color-default",`var(--px-text-color-${e}-default)`),this.$el.style.setProperty("--heading-color-inverted",`var(--px-text-color-${e}-inverted)`))};o(e),o(t)}updateTextAlign(e,t,r,o){if(!this.checkName(o,r))return void console.error(`Bad ${e} value for`,this.$el);const i=(e,t)=>{null!==t&&""!==t&&"default"!==t&&this.$el.style.setProperty(`--heading-text-align--${e}`,t)};if("text-align"===e)["mobile","tablet","laptop","desktop"].forEach((e=>{i(e,t),i(e,r)}));else{const o=e.split("--")[1];i(o,t),i(o,r)}}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get textAlign(){return this.getAttribute("text-align")}set textAlign(e){this.setAttribute("text-align",e)}get textAlignMobile(){return this.getAttribute("text-align--mobile")}set textAlignMobile(e){this.setAttribute("text-align--mobile",e)}get textAlignTablet(){return this.getAttribute("text-align--tablet")}set textAlignTablet(e){this.setAttribute("text-align--tablet",e)}get textAlignLaptop(){return this.getAttribute("text-align--laptop")}set textAlignLaptop(e){this.setAttribute("text-align--laptop",e)}get textAlignDesktop(){return this.getAttribute("text-align--desktop")}set textAlignDesktop(e){this.setAttribute("text-align--desktop",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}}const ae=class extends ie{constructor(){super("h1")}};ae.nativeName="h1";let ne=ae;customElements.define("px-h1",ne);const se=class extends ie{constructor(){super("h2")}};se.nativeName="h2";let le=se;customElements.define("px-h2",le);const de=class extends ie{constructor(){super("h3")}};de.nativeName="h3";let ce=de;customElements.define("px-h3",ce);const pe=class extends ie{constructor(){super("h4")}};pe.nativeName="h4";let be=pe;customElements.define("px-h4",be);const ue=class extends ie{constructor(){super("h5")}};ue.nativeName="h5";let he=ue;customElements.define("px-h5",he);const ge=class extends ie{constructor(){super("h6")}};ge.nativeName="h6";let ve=ge;customElements.define("px-h6",ve);const xe=new CSSStyleSheet;xe.replaceSync(":host,:host *{box-sizing:border-box}:host .content-wrapper{margin-inline:var(--px-padding-s-mobile);max-width:1200px}@media only screen and (min-width: 1232px){:host .content-wrapper{margin-inline:auto}}");class me extends HTMLElement{constructor(){super(),this.template=()=>`\n    <px-container border-radius="none" padding-inline="none" background-color="${this.backgroundColor}">\n      <div class="content-wrapper">\n        <px-vstack gap="heading-to-content">\n          <slot name="heading"></slot>\n          <px-vstack gap="after-element-none">\n            <slot></slot>\n          </px-vstack>\n        </px-vstack>\n      </div>\n    </px-container>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[xe]}connectedCallback(){const e=this.querySelector('[slot="heading"]');this.paddingBlock||this.paddingTop||this.paddingBottom||this.paddingBlockMobile||this.paddingTopMobile||this.paddingBottomMobile||this.paddingBlockTablet||this.paddingTopTablet||this.paddingBottomTablet||this.paddingBlockLaptop||this.paddingTopLaptop||this.paddingBottomLaptop||(this.$container.paddingBlock="none"),e||this.shadowRoot.querySelector("px-vstack").setAttribute("gap","after-element-none")}static get observedAttributes(){return["background-color","background-gradient","background-image","background-image--mobile","background-image--tablet","background-image--laptop","background-size","background-position","padding-block","padding-top","padding-bottom","padding-block--mobile","padding-top--mobile","padding-bottom--mobile","padding-block--tablet","padding-top--tablet","padding-bottom--tablet","padding-block--laptop","padding-top--laptop","padding-bottom--laptop","border","border-side","border-side--mobile","border-side--tablet","border-side--laptop"]}get $container(){return this.shadowRoot.querySelector("px-container")}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"background-color":this.$container.backgroundColor=h.indexOf(r)>0?r:"none";break;case"background-gradient":this.$container.gradient=this.gradient;break;case"background-image":this.$container.backgroundImage=r;break;case"background-image--mobile":this.$container.backgroundImageMobile=r;break;case"background-image--tablet":this.$container.backgroundImageTablet=r;break;case"background-image--laptop":this.$container.backgroundImageLaptop=r;break;case"background-size":this.$container.backgroundSize=r;break;case"background-position":this.$container.backgroundPosition=r;break;case"padding-block":this.$container.paddingBlock=r;break;case"padding-top":this.$container.paddingTop=r;break;case"padding-bottom":this.$container.paddingBottom=r;break;case"padding-block--mobile":this.$container.paddingBlockMobile=r;break;case"padding-top--mobile":this.$container.paddingTopMobile=r;break;case"padding-bottom--mobile":this.$container.paddingBottomMobile=r;break;case"padding-block--tablet":this.$container.paddingBlockTablet=r;break;case"padding-top--tablet":this.$container.paddingTopTablet=r;break;case"padding-bottom--tablet":this.$container.paddingBottomTablet=r;break;case"padding-block--laptop":this.$container.paddingBlockLaptop=r;break;case"padding-top--laptop":this.$container.paddingTopLaptop=r;break;case"padding-bottom--laptop":this.$container.paddingBottomLaptop=r;break;case"border":this.$container.border=r;break;case"border-side":this.$container.borderSide=r;break;case"border-side--mobile":this.$container.borderSideMobile=r;break;case"border-side--tablet":this.$container.borderSideTablet=r;break;case"border-side--laptop":this.$container.borderSideLaptop=r}}get backgroundColor(){return this.getAttribute("background-color")||"none"}set backgroundColor(e){this.setAttribute("background-color",e)}get gradient(){return this.getAttribute("background-gradient")}set gradient(e){this.setAttribute("background-gradient",e)}get backgroundImage(){return this.getAttribute("background-image")}set backgroundImage(e){this.setAttribute("background-image",e)}get backgroundImageMobile(){return this.getAttribute("background-image--mobile")}set backgroundImageMobile(e){this.setAttribute("background-image--mobile",e)}get backgroundImageTablet(){return this.getAttribute("background-image--tablet")}set backgroundImageTablet(e){this.setAttribute("background-image--tablet",e)}get backgroundImageLaptop(){return this.getAttribute("background-image--laptop")}set backgroundImageLaptop(e){this.setAttribute("background-image--laptop",e)}get backgroundSize(){return this.getAttribute("background-size")}set backgroundSize(e){this.setAttribute("background-size",e)}get backgroundPosition(){return this.getAttribute("background-position")}set backgroundPosition(e){this.setAttribute("background-position",e)}get paddingBlock(){return this.getAttribute("padding-block")}set paddingBlock(e){this.setAttribute("padding-block",e)}get paddingTop(){return this.getAttribute("padding-top")}set paddingTop(e){this.setAttribute("padding-top",e)}get paddingBottom(){return this.getAttribute("padding-bottom")}set paddingBottom(e){this.setAttribute("padding-bottom",e)}get paddingBlockMobile(){return this.getAttribute("padding-block--mobile")}set paddingBlockMobile(e){this.setAttribute("padding-block--mobile",e)}get paddingTopMobile(){return this.getAttribute("padding-top--mobile")}set paddingTopMobile(e){this.setAttribute("padding-top--mobile",e)}get paddingBottomMobile(){return this.getAttribute("padding-bottom--mobile")}set paddingBottomMobile(e){this.setAttribute("padding-bottom--mobile",e)}get paddingBlockTablet(){return this.getAttribute("padding-block--tablet")}set paddingBlockTablet(e){this.setAttribute("padding-block--tablet",e)}get paddingTopTablet(){return this.getAttribute("padding-top--tablet")}set paddingTopTablet(e){this.setAttribute("padding-top--tablet",e)}get paddingBottomTablet(){return this.getAttribute("padding-bottom--tablet")}set paddingBottomTablet(e){this.setAttribute("padding-bottom--tablet",e)}get paddingBlockLaptop(){return this.getAttribute("padding-block--laptop")}set paddingBlockLaptop(e){this.setAttribute("padding-block--laptop",e)}get paddingTopLaptop(){return this.getAttribute("padding-top--laptop")}set paddingTopLaptop(e){this.setAttribute("padding-top--laptop",e)}get paddingBottomLaptop(){return this.getAttribute("padding-bottom--laptop")}set paddingBottomLaptop(e){this.setAttribute("padding-bottom--laptop",e)}get border(){return this.getAttribute("border")}set border(e){this.setAttribute("border",e)}get borderSide(){return this.getAttribute("border-side")}set borderSide(e){this.setAttribute("border-side",e)}get borderSideMobile(){return this.getAttribute("border-side--mobile")}set borderSideMobile(e){this.setAttribute("border-side--mobile",e)}get borderSideTablet(){return this.getAttribute("border-side--tablet")}set borderSideTablet(e){this.setAttribute("border-side--tablet",e)}get borderSideLaptop(){return this.getAttribute("border-side--laptop")}set borderSideLaptop(e){this.setAttribute("border-side--laptop",e)}}customElements.define("px-section",me);const fe=new CSSStyleSheet;fe.replaceSync("details{font-family:var(--px-font-family);display:flex;flex-direction:column;align-items:flex-start}details summary{align-items:center;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}details summary:after{content:\"\";width:var(--px-action-size-m);height:var(--px-action-size-m);flex-shrink:0;background-color:var(--px-background-color-action-secondary-default);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg id='CHEVRON DOWN'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.7889 5.93489 11.5286 6.19524L8 9.72384L4.4714 6.19524C4.21105 5.93489 3.78894 5.93489 3.52859 6.19524C3.26824 6.45559 3.26824 6.8777 3.52859 7.13805L7.52859 11.1381C7.78894 11.3984 8.21105 11.3984 8.4714 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='%235C2D91'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center center;border-radius:var(--px-radius-pill);border:var(--px-border-size-m) solid transparent;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}details summary:hover{cursor:pointer}details summary:hover:after{background-color:var( --px-background-color-action-hover-bordered-default );border-color:var(--px-border-color-action-hover-default);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}details:not(.single){border-bottom:var(--px-border-size-m) solid var(--px-border-color-container-main-default)}details:not(.single) ::slotted([slot=\"title\"]){flex-grow:1}details:not(.single) slot[name=content]{display:block;padding-block:var(--px-padding-s-mobile)}details:not(.single) summary{display:flex;padding:var(--px-padding-s-mobile);gap:var(--px-spacing-after-element-s-mobile);align-self:stretch}details:not(.single) summary:hover{background-color:var(--px-background-color-action-neutral-default)}details.single summary{display:inline-flex;padding-block:var(--px-padding-2xs-mobile);gap:var(--px-spacing-after-element-xs-mobile);justify-content:center;color:var(--px-text-color-heading-brand-default);font-weight:700;border:var(--px-border-size-m) solid transparent;border-radius:var(--px-radius-pill)}details.single summary:hover{gap:var(--px-spacing-after-element-2xs-mobile);padding:var(--px-padding-2xs-mobile) var(--px-padding-s-mobile);border-color:var(--px-border-color-action-hover-default)}details.single summary:hover:after{border-color:transparent;background-color:transparent;margin-right:calc(var(--px-padding-xs-mobile) * -1)}details.single slot[name=content]{display:block;padding-top:var(--px-spacing-inside-section-s-mobile)}details[open] summary slot[name=title]{color:var(--px-text-color-heading-brand-default);font-weight:700}details[open] summary:after{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}:host([inverted]) details{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) details summary:after{background-color:var(--px-background-color-action-secondary-inverted);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.789 5.93489 11.5286 6.19524L8.00002 9.72384L4.47142 6.19524C4.21107 5.93489 3.78897 5.93489 3.52862 6.19524C3.26827 6.45559 3.26827 6.8777 3.52862 7.13805L7.52862 11.1381C7.78897 11.3984 8.21108 11.3984 8.47142 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='white'/%3E%3C/svg%3E\")}:host([inverted]) details summary:hover:after{background-color:var(--px-background-color-action-hover-default);border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]) details:not(.single){border-bottom-color:var(--px-border-color-container-main-inverted)}:host([inverted]) details:not(.single) summary:hover{background-color:var(--px-background-color-action-neutral-inverted)}:host([inverted]) details.single summary{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) details.single summary:hover{border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]) details.single summary:hover:after{border-color:transparent;background-color:transparent}:host([inverted]) details[open] summary slot[name=title]{color:var(--px-text-color-heading-brand-inverted)}@media only screen and (min-width: 768px){details:not(.single) slot[name=content]{padding-block:var(--px-padding-s-tablet)}details:not(.single) summary{padding:var(--px-padding-s-tablet);gap:var(--px-spacing-after-element-s-tablet)}details.single summary{padding-block:var(--px-padding-2xs-tablet);gap:var(--px-spacing-after-element-xs-tablet)}details.single summary:hover{gap:var(--px-spacing-after-element-2xs-tablet);padding:var(--px-padding-2xs-tablet) var(--px-padding-s-tablet)}details.single summary:hover:after{margin-right:calc(var(--px-padding-xs-tablet) * -1)}details.single slot[name=content]{padding-top:var(--px-spacing-inside-section-s-tablet)}}@media only screen and (min-width: 1025px){details:not(.single) slot[name=content]{padding-block:var(--px-padding-s-desktop)}details:not(.single) summary{padding:var(--px-padding-s-desktop);gap:var(--px-spacing-after-element-s-desktop)}details.single summary{padding-block:var(--px-padding-2xs-desktop);gap:var(--px-spacing-after-element-xs-desktop)}details.single summary:hover{gap:var(--px-spacing-after-element-2xs-desktop);padding:var(--px-padding-2xs-desktop) var(--px-padding-s-desktop)}details.single summary:hover:after{margin-right:calc(var(--px-padding-xs-desktop) * -1)}details.single slot[name=content]{padding-top:var(--px-spacing-inside-section-s-desktop)}}");const ke=["","none","single"],ye=class extends o{constructor(){super(fe),this.template=()=>'<details>\n      <summary role="button"><slot name="icon"></slot><slot name="title"></slot><slot name="info"></slot></summary>\n      <slot name="content"></slot>\n    </details>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,r){if(t!==r)if("variant"===e)this.updateAttribute(e,t,r,ke);else super.attributeChangedCallback(e,t,r)}updateAttribute(e,t,r,o){null!==t&&""!==t&&this.$el.classList.toggle(`${t}`),null!==r&&""!==r&&this.$el.classList.toggle(`${r}`),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}};ye.nativeName="details";let we=ye;customElements.define("px-accordion",we);const ze=new CSSStyleSheet;ze.replaceSync('img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;border-style:none}.border-radius-main,.border-radius-main img{border-radius:var(--px-radius-main)}.border-radius-pill,.border-radius-pill img{border-radius:var(--px-radius-pill)}.no-border-radius-top,.no-border-radius-top img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right,.no-border-radius-right img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom,.no-border-radius-bottom img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left,.no-border-radius-left img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all,.no-border-radius-all img{border-radius:var(--px-radius-none)}@media only screen and (max-width: 767px){:host([hide-for="mobile"]),:host([show-for="tablet"]),:host([show-for="laptop"]),.hide-for-mobile,.show-for-tablet,.show-for-laptop{display:none}.no-border-radius-top--mobile,.no-border-radius-top--mobile img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--mobile,.no-border-radius-right--mobile img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--mobile,.no-border-radius-bottom--mobile img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--mobile,.no-border-radius-left--mobile img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--mobile,.no-border-radius-all--mobile img{border-radius:var(--px-radius-none)}}@media only screen and (min-width: 768px) and (max-width: 1024px){:host([hide-for="tablet"]),:host([show-for="mobile"]),:host([show-for="laptop"]),.hide-for-tablet,.show-for-mobile,.show-for-laptop{display:none}.no-border-radius-top--tablet,.no-border-radius-top--tablet img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--tablet,.no-border-radius-right--tablet img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--tablet,.no-border-radius-bottom--tablet img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--tablet,.no-border-radius-left--tablet img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--tablet,.no-border-radius-all--tablet img{border-radius:var(--px-radius-none)}}@media only screen and (min-width: 1025px){:host([hide-for="laptop"]),:host([show-for="mobile"]),:host([show-for="tablet"]),.hide-for-laptop,.show-for-mobile,.show-for-tablet{display:none}.no-border-radius-top--laptop,.no-border-radius-top--laptop img{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--laptop,.no-border-radius-right--laptop img{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--laptop,.no-border-radius-bottom--laptop img{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--laptop,.no-border-radius-left--laptop img{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--laptop,.no-border-radius-all--laptop img{border-radius:var(--px-radius-none)}}');const Ae=["","mobile","tablet","laptop"];class $e extends o{constructor(){super(ze)}static get observedAttributes(){return[...super.observedAttributes,"hide-for","show-for","border-radius","no-border-radius","no-border-radius--mobile","no-border-radius--tablet","no-border-radius--laptop"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"hide-for":case"show-for":this.updateAttribute(e,t,r,Ae);break;case"border-radius":this.updateAttribute(e,t,r,p);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateAttribute(e,t,r,m);break;default:super.attributeChangedCallback(e,t,r)}}updateAttribute(e,t,r,o){if(this.checkName(o,r)){const o=this.splitAttrNameFromBreakpoint(e),i=o.breakpoint;null!==t&&""!==t&&this.$el.classList.toggle(`${o.attrName}-${t}${i}`),null!==r&&""!==r&&this.$el.classList.toggle(`${o.attrName}-${r}${i}`)}else console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}splitAttrNameFromBreakpoint(e){let t="";if(["--mobile","--tablet","--laptop"].some((t=>e.includes(t)))){const r=e.split("--");e=r[0],t=`--${r[1]}`}return{attrName:e,breakpoint:t}}checkName(e,t){return e.includes(t)}get hidefor(){return this.getAttribute("hide-for")}set hidefor(e){this.setAttribute("hide-for",e)}get showfor(){return this.getAttribute("show-for")}set showfor(e){this.setAttribute("show-for",e)}get borderRadius(){return this.getAttribute("border-radius")}set borderRadius(e){this.setAttribute("border-radius",e)}get noBorderRadius(){return this.getAttribute("no-border-radius")}set noBorderRadius(e){this.setAttribute("no-border-radius",e)}get noBorderRadiusMobile(){return this.getAttribute("no-border-radius--mobile")}set noBorderRadiusMobile(e){this.setAttribute("no-border-radius--mobile",e)}get noBorderRadiusTablet(){return this.getAttribute("no-border-radius--tablet")}set noBorderRadiusTablet(e){this.setAttribute("no-border-radius--tablet",e)}get noBorderRadiusLaptop(){return this.getAttribute("no-border-radius--laptop")}set noBorderRadiusLaptop(e){this.setAttribute("no-border-radius--laptop",e)}}const Se=class extends $e{constructor(){super();const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}};Se.nativeName="img";let Ce=Se;customElements.define("px-img",Ce);const Le=class extends $e{constructor(){super(),this.possibleImgExtension=["webp","svg","apng","png","jpg","jpeg","jfif","pjpeg","pjp","avif","gif","bmp","ico","cur","tif","tiff"];const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"loading","alt","src"]}get loading(){return this.getAttribute("loading")}set loading(e){this.setAttribute("loading",e)}get alt(){return this.getAttribute("alt")}set alt(e){this.setAttribute("alt",e)}get src(){return this.getAttribute("src")}set src(e){this.setAttribute("src",e)}get $imgEl(){return this.shadowRoot.querySelector("img")}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"src":this.addSrc(r,this.alt,this.loading);break;case"loading":this.updateLoading(r);break;case"alt":this.updateAlt(r);break;default:super.attributeChangedCallback(e,t,r)}}removeSrc(){this.$el.innerHTML=""}async imgExists(e){const t=await fetch(e,{method:"HEAD"}).catch((e=>console.log("Error:",e)));return"object"==typeof t&&t.ok&&404!=t.status&&403!=t.status&&"text/html"!=t.headers.get("Content-Type")}async transformImgPath(e,t,r){let o="";(e.endsWith("-en")||e.endsWith("-fr")||e.endsWith("-nl")||e.endsWith("-de"))&&(o=e.slice(-3),e=e.slice(0,-3)),(e.endsWith("-s")||e.endsWith("-m")||e.endsWith("-l"))&&(e=e.slice(0,-2));let i=`${e}${r}${o}.${t}`;return await this.imgExists(i)||(i=""),i}addImg(e,t,r){const o=document.createElement("img");o.src=e,o.alt=t||"",!r||"lazy"!==r&&"eager"!==r||(o.loading=r),this.$el.appendChild(o)}addSrcset(e,t){if(""!==e){const r=document.createElement("source");r.media=t,r.srcset=e,this.$el.insertBefore(r,this.$el.firstChild)}}async addSrc(e,t,r){if(this.removeSrc(),!e)return void console.error('No "src" value for ',this);const o=e.split(".").pop();if(!this.possibleImgExtension.includes(o))return void console.error('No extensions image to "src" value for ',this);const i=e.slice(0,-1*(o.length+1));let a=e;if(await this.imgExists(a)||(a=await this.transformImgPath(i,o,"-s")),""===a)return void console.error('Bad "src" value for ',this);const n=await this.transformImgPath(i,o,"-m");this.addSrcset(n,"only screen and (min-width: 40.0625em)");const s=await this.transformImgPath(i,o,"-l");this.addSrcset(s,"only screen and (min-width: 64.0625em)"),this.addImg(a,t,r)}updateLoading(e){this.$imgEl&&this.src&&(!e||"lazy"!==e&&"eager"!==e?this.$imgEl.removeAttribute("loading"):this.$imgEl.loading=e)}updateAlt(e){this.$imgEl&&this.src&&(this.$imgEl.alt=e||"")}};Le.nativeName="picture";let Te=Le;customElements.define("px-picture",Te);const _e=new CSSStyleSheet;_e.replaceSync(E);const Ee=["","default","info","black-friday","eco","greyed"],Me=["","default","bottom-right","bottom-left"];class Be extends HTMLElement{template(){return'\n        <div class="patch">\n            <slot></slot>\n        </div>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[_e]}static get observedAttributes(){return["variant","shape","inverted"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateVariant(t,r);break;case"shape":this.updateShape(t,r)}}_toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateVariant(e,t){this._toggleClass(e,t),this.checkName(Ee,t)||console.error('Bad "variant" value for patch')}updateShape(e,t){this._toggleClass(e,t),this.checkName(Me,t)||console.error('Bad "shape" value for patch')}get $el(){return this.shadowRoot.querySelector(".patch")}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}}customElements.get("px-patch")||customElements.define("px-patch",Be);const Ne=new CSSStyleSheet;Ne.replaceSync('.price{--price-s: var(--px-text-size-heading-l-mobile);--price-m: var(--px-text-size-heading-xl-mobile);--price-l: var(--px-text-size-heading-3xl-mobile);font-family:var(--px-font-family);white-space:nowrap;font-weight:700;color:var(--px-text-color-heading-brand-default);font-size:var(--price-s)}@media only screen and (min-width: 641px){.price{--price-s: var(--px-text-size-heading-l-tablet);--price-m: var(--px-text-size-heading-xl-tablet);--price-l: var(--px-text-size-heading-3xl-tablet)}}@media only screen and (min-width: 1025px){.price{--price-s: var(--px-text-size-heading-l-desktop);--price-m: var(--px-text-size-heading-xl-desktop);--price-l: var(--px-text-size-heading-3xl-desktop)}}.purpose-promo,.free{color:var(--px-text-color-purpose-promo-default)}.neutral{color:var(--px-text-color-heading-neutral-default)}.exceeding{color:var(--px-text-color-purpose-error-default)}.disabled{color:var(--px-text-color-action-disabled-default)}::slotted([slot="oldprice"]){text-decoration:line-through;color:var(--px-text-color-heading-neutral-default);font-size:var(--px-text-size-label-m-mobile);font-weight:400}@media only screen and (min-width: 641px){{font-size:var(--px-text-size-label-m-tablet)}}@media only screen and (min-width: 1025px){{font-size:var(--px-text-size-label-m-desktop)}}::slotted([slot="newpurpose-promoprice"]){position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}:host([inverted]) .price{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) .purpose-promo,:host([inverted]) .free{color:var(--px-text-color-purpose-promo-inverted)}:host([inverted]) .neutral{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) .exceeding{color:var(--px-text-color-purpose-error-inverted)}:host([inverted]) .disabled{color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) ::slotted(s){color:var(--px-text-color-heading-neutral-inverted)}.price:not(.purpose-promo):not(.free) ::slotted(s){display:none}::slotted(.euro){font-size:calc(var(--price-s) * .75)}::slotted(.decimals){font-size:calc(var(--price-s) * .5)}.m{font-size:var(--price-m)}:host([size="m"]) ::slotted(.decimals){font-size:calc(var(--price-m) * .5)}:host([size="m"]) ::slotted(.euro){font-size:calc(var(--price-m) * .75)}.l{font-size:var(--price-l)}:host([size="l"]) ::slotted(.decimals){font-size:calc(var(--price-l) * .5)}:host([size="l"]) ::slotted(.euro){font-size:calc(var(--price-l) * .75)}');const Re=["default","purpose-promo","free","neutral","exceeding","disabled"],Pe=["","s","m","l"],Ve=class extends o{constructor(){super(Ne),this.template=()=>'<span class="price"><slot name="oldprice"></slot><slot name="newpurpose-promoprice"></slot><slot></slot></span>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","size","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}connectedCallback(){this.buildPrice()}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateAttribute(e,t,r,Re);break;case"size":this.updateAttribute(e,t,r,Pe);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}updateAttribute(e,t,r,o){this.toggleClass(t,r),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}buildPrice(){let e=this.innerHTML.trim();const t=this.querySelector('[slot="oldprice"]');let r,o="",i="";t&&""!==t.innerHTML?(t.innerHTML="€"+t.innerHTML,r=this.querySelector('[slot="newpurpose-promoprice"]'),r?(i=r.outerHTML,e=r.nextSibling.textContent):e=t.nextSibling.textContent,o=t.outerHTML+" "):t&&""===t.innerHTML&&(e=t.nextSibling.textContent);let a="";a=/^[\d|.|,]+/.test(e)?'<span class="euro">€</span>':"";const n=e.charAt(e.length-3);if("."===n||","===n){const[t,r]=e.split(n);this.innerHTML=`${o}${i}${a}${t}<span class="decimals">${n}${r}</span>`}else this.innerHTML=`${o}${i}${a}${e}`}};Ve.nativeName="span";let Ie=Ve;customElements.define("px-price",Ie);const He=new CSSStyleSheet;He.replaceSync(":host{box-sizing:border-box}.ribbon{font-family:var(--px-font-family);font-weight:700;font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-m);white-space:nowrap;text-align:left;color:var(--px-text-color-heading-brand-inverted);background-color:var(--px-background-color-container-neutral-rich-default);padding:var(--px-padding-xs-mobile) var(--px-padding-s-mobile);border-radius:var(--px-radius-main) var(--px-radius-main) 0 0}.ribbon,.ribbon *{box-sizing:border-box}@media only screen and (min-width: 768px){.ribbon{font-size:var(--px-text-size-label-m-tablet);padding:var(--px-padding-xs-tablet) var(--px-padding-s-tablet)}}@media only screen and (min-width: 1025px){.ribbon{font-size:var(--px-text-size-label-m-desktop);padding:var(--px-padding-xs-desktop) var(--px-padding-s-desktop)}}");const je=class extends o{constructor(){super(He),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};je.nativeName="div";let qe=je;customElements.define("px-ribbon",qe);const De=new CSSStyleSheet;De.replaceSync(".separator{--separator-size: var(--px-border-size-m);--separator-direction--mobile-border-width: var(--separator-size) 0 0;--separator-direction--mobile-width: initial;--separator-direction--mobile-height: initial;clear:both;margin:0;border-style:solid;border-color:var( --px-separator-color-default, var(--px-border-color-container-main-default) );border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-horizontal--mobile{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--mobile{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}:host([inverted]) .separator{border-color:var( --px-separator-color-inverted, var(--px-border-color-container-main-inverted) )}@media only screen and (min-width: 768px){.separator-direction-horizontal--tablet{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--tablet{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}@media only screen and (min-width: 1025px){.separator-direction-horizontal--laptop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--laptop{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}@media only screen and (min-width: 1441px){.separator-direction-horizontal--desktop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--desktop{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}}");const We=["","default","horizontal","vertical"],Oe=["","default","none","s","m","l"],Ge=["","default","none","action-hover","action-active","action-neutral","container-main","container-brand","purpose-success","purpose-error","purpose-warning","purpose-unlimited"],Fe=class extends o{constructor(){super(De);const e=document.createElement(this.nativeName);e.classList.add("separator"),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"direction","direction--mobile","direction--tablet","direction--laptop","direction--desktop","size","color","inverted"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"direction":case"direction--mobile":case"direction--tablet":case"direction--laptop":case"direction--desktop":this.updateDirection(e,t,r,We);break;case"size":this.updateSize(e,t,r,Oe);break;case"color":this.updateColor(e,t,r,Ge);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}updateSize(e,t,r,o){const i=e=>{null!==e&&""!==e&&"default"!==e&&this.$el.style.setProperty("--separator-size",`var(--px-border-size-${e})`)};this.checkName(o,r)?(i(t),i(r)):console.error(`Bad ${e} value for`,this.$el)}updateColor(e,t,r,o){const i=e=>{null!==e&&""!==e&&"default"!==e&&(this.$el.style.setProperty("--px-separator-color-default",`var(--px-border-color-${e}-default)`),this.$el.style.setProperty("--px-separator-color-inverted",`var(--px-border-color-${e}-inverted)`))};this.checkName(o,r)?(i(t),i(r)):console.error(`Bad ${e} value for`,this.$el)}updateDirection(e,t,r,o){const i=(e,t)=>{null!==t&&""!==t&&"default"!==t&&this.$el.classList.add(`separator-direction-${t}--${e}`)};if(this.checkName(o,r))if("direction"===e)["mobile","tablet","laptop","desktop"].forEach((e=>{Array.from(this.$el.classList).find((t=>t.startsWith("separator-direction-")&&t.endsWith(`--${e}`)))||i(e,r)}));else{const t=e.split("--")[1],o=Array.from(this.$el.classList).find((e=>e.startsWith("separator-direction-")&&e.endsWith(`--${t}`)));o?this.$el.classList.replace(o,`separator-direction-${r}--${t}`):i(t,r)}else console.error(`Bad "${e}" value for`,this.$el)}get direction(){return this.getAttribute("direction")}set direction(e){this.setAttribute("direction",e)}get directionMobile(){return this.getAttribute("direction--mobile")}set directionMobile(e){this.setAttribute("direction--mobile",e)}get directionTablet(){return this.getAttribute("direction--tablet")}set directionTablet(e){this.setAttribute("direction--tablet",e)}get directionLaptop(){return this.getAttribute("direction--laptop")}set directionLaptop(e){this.setAttribute("direction--laptop",e)}get directionDesktop(){return this.getAttribute("direction--desktop")}set directionDesktop(e){this.setAttribute("direction--desktop",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}};Fe.nativeName="hr";let Ye=Fe;customElements.define("px-separator",Ye);const Ze=new CSSStyleSheet;Ze.replaceSync('.tag{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:var(--px-font-family);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-m);font-weight:400;gap:var(--px-spacing-after-element-xs-mobile);background-color:var(--px-background-color-action-secondary-default);color:var(--px-text-color-action-brand-default);padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);border:var(--px-border-size-s) solid transparent;border-radius:var(--px-radius-main);--slotted-icon-size: var(--px-icon-size-xs-mobile)}.tag,.tag *{box-sizing:border-box}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-mobile)}.light{background-color:var(--px-background-color-action-neutral-default);color:var(--px-text-color-action-neutral-default)}.outline{background-color:transparent;color:var(--px-text-color-heading-brand-default);border-color:var(--px-border-color-container-brand-default)}.pill{border-radius:var(--px-radius-pill)}:host([inverted]) .tag{background-color:var(--px-background-color-action-secondary-inverted);color:var(--px-text-color-action-brand-inverted)}:host([inverted]) .light{background-color:var(--px-background-color-action-neutral-inverted);color:var(--px-text-color-action-neutral-inverted)}:host([inverted]) .outline{background-color:transparent;color:var(--px-text-color-heading-brand-inverted);border-color:var(--px-border-color-action-hover-inverted)}@media only screen and (min-width: 768px){.tag{font-size:var(--px-text-size-label-m-tablet);gap:var(--px-spacing-after-element-xs-tablet);padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-tablet);--slotted-icon-size: var(--px-icon-size-xs-tablet)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-tablet)}}@media only screen and (min-width: 1025px){.tag{font-size:var(--px-text-size-label-m-desktop);gap:var(--px-spacing-after-element-xs-desktop);padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-desktop);--slotted-icon-size: var(--px-icon-size-xs-desktop)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-desktop)}}');const Je=["","default","light","outline"],Ke=["","default","pill"];class Qe extends HTMLElement{template(){return'\n        <div class="tag">\n            <slot name="before"></slot>\n            <slot></slot>\n        </div>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Ze]}static get observedAttributes(){return["variant","shape","inverted"]}get $el(){return this.shadowRoot.querySelector(".tag")}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateVariant(t,r);break;case"shape":this.updateShape(t,r)}}_toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateVariant(e,t){this._toggleClass(e,t),this.checkName(Je,t)||console.error('Bad "variant" value for tag')}updateShape(e,t){this._toggleClass(e,t),this.checkName(Ke,t)||console.error('Bad "shape" value for tag')}}customElements.get("px-tag")||customElements.define("px-tag",Qe);const Ue=new CSSStyleSheet;Ue.replaceSync('*{font-family:var(--px-font-family)}#container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-spacing-after-element-default-mobile)}#panels{width:100%}div[role=tablist]{display:flex;align-items:center;scrollbar-width:none;overflow:scroll;width:80%;box-sizing:border-box}div[role=tablist] ::slotted(px-tab){background-color:var(--px-background-color-action-neutral-default)}div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-background-color-action-active-default);border-radius:var(--px-radius-main)!important}div[role=tablist] ::slotted(px-tab:first-child){border-radius:var(--px-radius-main) var(--px-radius-none) var(--px-radius-none) var(--px-radius-main)}div[role=tablist] ::slotted(px-tab:last-of-type){border-radius:var(--px-radius-none) var(--px-radius-main) var(--px-radius-main) var(--px-radius-none)}div[role=tablist]::-webkit-scrollbar{display:none}button[role=tab]{background:none;border:none;margin:0;padding:var(--px-padding-s-mobile);cursor:pointer;height:inherit;width:inherit;font-size:var(--px-text-size-label-l-mobile);font-weight:700;text-wrap:nowrap;color:var(--px-text-color-heading-neutral-default);outline:none}button[aria-selected=""]{cursor:auto;padding-block:var(--px-padding-m-mobile);color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) div[role=tablist] ::slotted(px-tab){background-color:var(--px-background-color-action-neutral-inverted)}:host([inverted]) div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-background-color-action-active-inverted)}:host([inverted]) button[role=tab]{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) button[aria-selected=""]{color:var(--px-text-color-heading-brand-default)}@media only screen and (min-width: 768px){#container{gap:var(--px-spacing-after-element-default-tablet)}button[role=tab]{padding:var(--px-padding-s-tablet);font-size:var(--px-text-size-label-l-tablet)}button[aria-selected=""]{padding-block:var(--px-padding-m-tablet)}}@media only screen and (min-width: 1025px){#container{gap:var(--px-spacing-after-element-default-desktop)}button[role=tab]{padding:var(--px-padding-s-desktop);font-size:var(--px-text-size-label-l-desktop)}button[aria-selected=""]{padding-block:var(--px-padding-m-desktop)}}');class Xe extends HTMLElement{constructor(){super(),this._label=`tabs-${Math.random().toString(36).substring(2,15)}`,this.template=()=>`\n    <div id="container">\n      <div role="tablist" aria-labelledby="${this._label}">\n        <slot name="tabs"></slot> \n      </div>\n      <div id="panels">\n        <slot name="tabpanels"></slot>\n      </div>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.getAttribute("label")&&(this._label=this.getAttribute("label")),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Ue]}static get observedAttributes(){return["label","inverted"]}attributeChangedCallback(e,t,r){"label"===e&&(this.label=r)}connectedCallback(){this.addEventListener("click",(e=>{var t;if(null==(t=e.target.localName)?void 0:t.endsWith("-tab")){this.$activePanel.selected=!1,this.$activeTab.selected="false";const t=e.target;t&&(t.selected=""),this.$activePanel?this.$activePanel.selected=!0:console.error("No panel found for this tab")}})),this.addEventListener("keydown",(e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key){const t=this.$nextTab,r=this.$previousTab;this.$activePanel.selected=!1,this.$activeTab.selected="false","ArrowRight"===e.key?t.selected="":"ArrowLeft"===e.key&&(r.selected=""),this.$activePanel.selected=!0}}))}get $activeTab(){return this.querySelector('[selected=""][slot="tabs"]')}get $nextTab(){const e=this.$activeTab.nextElementSibling;return"tabs"!==e.slot?this.querySelector('[slot="tabs"]'):e}get $previousTab(){const e=this.$activeTab.previousElementSibling;return e||Array.from(this.querySelectorAll('[slot="tabs"]')).pop()}get $activePanel(){return this.querySelector(`[name="${this.$activeTab.for}"]`)}get $tabList(){return this.shadowRoot.querySelector('[role="tablist"]')}get label(){return this.$tabList.getAttribute("aria-labelledby")}set label(e){this.$tabList.setAttribute("aria-labelledby",e)}get inverted(){return this.hasAttribute("inverted")}}class et extends HTMLElement{constructor(){super(),this.template=()=>'\n    <button role="tab" aria-selected="false" type="button" tabindex="-1">\n      <span><slot></slot></span>\n    </button>\n  ',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Ue]}static get observedAttributes(){return["selected","for","name"]}connectedCallback(){this.name||console.error("Tab needs a name attribute"),this.for||console.error("Tab needs a for attribute"),this.slot="tabs",this.parentElement.inverted&&(this.setAttribute("inverted",""),this.$button.setAttribute("inverted",""))}attributeChangedCallback(e,t,r){"selected"===e?this.handleSelected(r):"name"===e?this.$button.setAttribute("id",r):"for"===e&&this.$button.setAttribute("aria-controls",r)}get $button(){return this.shadowRoot.querySelector("button")}get selected(){return this.$button.getAttribute("aria-selected")}get inverted(){return this.hasAttribute("inverted")}set name(e){this.setAttribute("name",e)}get name(){return this.getAttribute("name")}set for(e){this.setAttribute("for",e)}get for(){return this.getAttribute("for")}handleSelected(e){k(e)?(this.$button.removeAttribute("aria-selected"),this.$button.tabIndex=-1):(this.$button.setAttribute("aria-selected",e),this.$button.removeAttribute("tabindex"),this.$button.focus())}set selected(e){this.setAttribute("selected",e)}}class tt extends HTMLElement{constructor(){super(),this.template=()=>`\n    <div role="tabpanel" aria-labelledby="${this.name}" tabindex="0">\n      <slot></slot>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Ue]}static get observedAttributes(){return["name"]}attributeChangedCallback(e,t,r){"name"===e&&this.$panel.setAttribute("aria-labelledby",r)}connectedCallback(){this.name||console.error("TabPanel needs a name attribute"),this.slot="tabpanels";const e=this.parentElement.querySelector(`[for="${this.getAttribute("name")}"]`);e?this.$panel.setAttribute("aria-labelledby",e.getAttribute("name")):console.error("No tab found for this panel");k(this.parentElement.querySelector(`[for="${this.name}"]`).selected)?this.selected=!1:this.selected=!0}get name(){return this.getAttribute("name")}set name(e){this.setAttribute("name",e)}set selected(e){this.$panel.style.display=e?"block":"none"}get $panel(){return this.shadowRoot.querySelector('[role="tabpanel"]')}}class rt extends Xe{constructor(){super(),this.querySelectorAll("px-tab").forEach((e=>{e.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",rt);class ot extends et{constructor(){super()}}customElements.get("px-tab")||customElements.define("px-tab",ot);class it extends tt{constructor(){super()}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",it);const at=new CSSStyleSheet;at.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class nt extends HTMLElement{template(){return'\n        <ol class="timeline" role="list">\n            <slot></slot>\n        </ol>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[at]}static get observedAttributes(){return["inverted"]}connectedCallback(){this.configureChildren()}attributeChangedCallback(e,t,r){if(t!==r&&"inverted"===e)for(let o=0;o<this.$children.length;o++)this.$children[o].toggleAttribute("inverted")}configureChildren(){const e=this.$children[this.$children.length-1];e&&!e.hasAttribute("lastchild")&&e.setAttribute("lastchild","");for(let t=0;t<this.$children.length;t++)this.$children[t].setAttribute("item",`${t+1}`)}get $el(){return this.shadowRoot.querySelector(".timeline")}get $children(){return this.querySelectorAll("px-timeline-item")}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}}customElements.get("px-timeline")||customElements.define("px-timeline",nt);const st=new CSSStyleSheet;st.replaceSync('.timeline-item{display:flex;gap:var(--px-spacing-after-element-default-mobile);font-family:var(--px-font-family);line-height:var(--px-line-height-m)}.indicator-area{position:relative}.indicator-area:before{display:block;content:"";position:absolute;top:26px;left:12px;width:var(--px-border-size-m);height:calc(100% - 26px);background:var(--px-border-color-container-main-default)}.indicator-area .indicator{display:flex;align-items:center;justify-content:center;text-align:center;width:26px;height:26px;font-weight:700;font-size:var(--px-text-size-label-m-mobile);color:var(--px-text-color-heading-neutral-default);border-radius:var(--px-radius-pill);background:var(--px-background-color-action-neutral-default)}.content-area{margin-bottom:var(--px-spacing-after-element-default-mobile)}.content-area ::slotted([slot="title"]){font-weight:700;font-size:var(--px-text-size-label-l-mobile);color:var(--px-text-color-heading-neutral-default)}.content-area ::slotted([slot="content"]){font-weight:400;font-size:var(--px-text-size-body-m-mobile);color:var(--px-text-color-body-neutral-weak-default);margin-top:var(--px-spacing-after-element-xs-mobile)}:host([lastchild]) .indicator-area:before{display:none}:host([lastchild]) .content-area{margin-bottom:0}:host([inverted]) .indicator-area:before{background:var(--px-border-color-container-main-inverted)}:host([inverted]) .indicator{color:var(--px-text-color-heading-neutral-inverted);background:var(--px-background-color-action-neutral-inverted)}:host([inverted]) .content-area ::slotted([slot="title"]){color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) .content-area ::slotted([slot="content"]){color:var(--px-text-color-body-neutral-weak-inverted)}@media only screen and (min-width: 768px){.timeline-item{gap:var(--px-spacing-after-element-default-tablet)}.indicator-area .indicator{font-size:var(--px-text-size-label-m-tablet)}.content-area{margin-bottom:var(--px-spacing-after-element-default-tablet)}.content-area ::slotted([slot="title"]){font-size:var(--px-text-size-label-l-tablet)}.content-area ::slotted([slot="content"]){font-size:var(--px-text-size-body-m-tablet);margin-top:var(--px-spacing-after-element-xs-tablet)}}@media only screen and (min-width: 1025px){.timeline-item{gap:var(--px-spacing-after-element-default-desktop)}.indicator-area .indicator{font-size:var(--px-text-size-label-m-desktop)}.content-area{margin-bottom:var(--px-spacing-after-element-default-desktop)}.content-area ::slotted([slot="title"]){font-size:var(--px-text-size-label-l-desktop)}.content-area ::slotted([slot="content"]){font-size:var(--px-text-size-body-m-desktop);margin-top:var(--px-spacing-after-element-xs-desktop)}}');let lt="1";class dt extends HTMLElement{template(){return'\n        <li class="timeline-item" role="listitem">\n            <div class="indicator-area">\n                <div class="indicator"></div>\n            </div>\n            <div class="content-area">\n                <slot name="title"></slot>\n                <slot name="content"></slot>\n            </div>\n        </li>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[st]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(e,t,r){if(t!==r&&"item"===e)this.updateItem(t,r),this.updateIndicator(lt)}updateItem(e,t){null!==e&&""!==e&&(lt=e),null!==t&&""!==t&&(lt=t)}updateIndicator(e){this.$el.querySelector(".indicator").innerHTML=e}get $el(){return this.shadowRoot.querySelector(".timeline-item")}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get lastchild(){return this.getAttribute("lastchild")}set lastchild(e){this.setAttribute("lastchild",e)}get item(){return this.getAttribute("item")}set item(e){this.setAttribute("item",e)}}customElements.get("px-timeline-item")||customElements.define("px-timeline-item",dt);const ct=new CSSStyleSheet;ct.replaceSync("px-container{width:1000px;display:block;border:0;border-radius:var(--px-radius-main)}@media screen and (max-width: 1025px){px-container{width:700px}}@media screen and (max-width: 640px){px-container{width:295px}}"),f(".lavender-blurred-modal-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:999;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}");class pt extends HTMLElement{constructor(){super(),this.open=!1,this.template='<px-container padding="m" popover> \x3c!-- adding popver here is the only way to style of the modal --\x3e\n    <px-stack gap="after-element-default" direction="column">\n      <px-stack direction="column" gap="after-element-s">\n        <slot name="title"></slot>\n        <slot name="description"></slot>\n      </px-stack>\n      <slot></slot>\n      <px-separator size="l"></px-separator>\n      <px-stack gap="after-element-default" justify-content="end">\n        <slot name="footer"></slot>\n      </px-stack>\n    </px-stack>\n  </px-container>',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template,this.shadowRoot.adoptedStyleSheets=[ct]}connectedCallback(){var e;document.querySelectorAll(`px-button[popovertarget="${this.getAttribute("id")}"]`).forEach((e=>{e.onclick=e=>{var t;null==(t=this.showPopover)||t.call(this),this.open=!0,this.displayBlurredBackground(),e.stopPropagation()}})),this.addEventListener("click",(e=>{e.target.closest('px-button[slot="footer"]')&&this._hidePopover()})),null!=this.autoShow&&(null==(e=this.showPopover)||e.call(this),this.open=!0,this.displayBlurredBackground())}displayBlurredBackground(){this.blurredBackground=document.createElement("div"),this.blurredBackground.id="popover-background",this.blurredBackground.classList.toggle("lavender-blurred-modal-background"),this.blurredBackground.addEventListener("click",(e=>{this.open&&!this.contains(e.target)&&this._hidePopover()})),document.body.appendChild(this.blurredBackground)}_hidePopover(){var e;this.blurredBackground.parentElement.removeChild(this.blurredBackground),null==(e=this.hidePopover)||e.call(this),this.open=!1}get autoShow(){return this.getAttribute("autoshow")}}customElements.get("px-modal")||customElements.define("px-modal",pt);const bt="span,::slotted(span){font-family:var(--px-font-family);color:var(--px-text-color-body-neutral-strong-default);font-size:var(--px-text-size-body-m-mobile);line-height:var(--px-line-height-m)}:host([inverted]) span,:host([inverted]) ::slotted(span){color:var(--px-text-color-body-neutral-strong-inverted)}span.link{text-decoration:underline}@media only screen and (min-width: 768px){span,::slotted(span){font-size:var(--px-text-size-body-m-tablet)}}@media only screen and (min-width: 1025px){span,::slotted(span){font-size:var(--px-text-size-body-m-desktop)}}",ut=new CSSStyleSheet,ht=new CSSStyleSheet;ut.replaceSync(bt),ht.replaceSync(te);const gt=class extends o{constructor(){super(ut,ht),this.template=()=>'<span>\n        <slot name="before"></slot>\n        <slot></slot>\n        <slot name="after"></slot>\n    </span>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"color","font-size","font-weight","inverted"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"color":this.updateTypography(e,t,r,a);break;case"font-size":this.updateTypography(e,t,r,i);break;case"font-weight":this.updateTypography(e,t,r,n);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}updateTypography(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("font-size")}set fontsize(e){this.setAttribute("font-size",e)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(e){this.setAttribute("font-weight",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){k(e)?this.removeAttribute("inverted"):this.setAttribute("inverted",e)}};gt.nativeName="span";let vt=gt;customElements.define("px-span",vt);const xt=new CSSStyleSheet,mt=new CSSStyleSheet,ft=new CSSStyleSheet;xt.replaceSync(_),mt.replaceSync(T),ft.replaceSync(te);const kt=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],yt=["","default","alternative"],wt=class extends o{constructor(){super(xt,mt,ft),this.template=()=>'<slot name="before"></slot><slot></slot><slot name="after"></slot>';const e=document.createElement(this.nativeName);e.innerHTML=this.template(),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"disabled","variant","shape","extended","inverted","font-size","color","font-weight"]}connectedCallback(){super.connectedCallback();const e=this.querySelectorAll("px-icon");e&&e.forEach((e=>{const t=e.getAttribute("size"),r=e.getAttribute("color");e&&(e.addEventListener("click",(()=>{this.$el.focus()})),t||e.setAttribute("size","2xs"),r||e.setAttribute("color","inherit"))}))}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"disabled":this.$el.toggleAttribute("aria-disabled"),null!==r&&this.$el.setAttribute("aria-disabled","true");break;case"variant":this.updateVariant(t,r);break;case"shape":this.updateShape(t,r);break;case"extended":this.$el.classList.toggle(e);break;case"font-size":this.updateTypography(e,t,r,i);break;case"color":this.updateTypography(e,t,r,a);break;case"font-weight":this.updateTypography(e,t,r,n);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}_toggleClassList(e){if(e.startsWith("btn-")){const t=e.split("-");for(const e of t)this.$el.classList.toggle(e)}else this.$el.classList.toggle(e)}updateVariant(e,t){null!==e&&""!==e&&"link"!==e&&this._toggleClassList(e),null!==t&&""!==t&&"link"!==t&&this._toggleClassList(t),this.checkName(kt,t)||console.error(`Bad "variant" value for ${this.$el}`)}updateShape(e,t){null!==e&&""!==e&&"default"!==e&&this._toggleClassList(e),null!==t&&""!==t&&"default"!==t&&this._toggleClassList(t),this.checkName(yt,t)||console.error(`Bad "shape" value for ${this.$el}`)}updateTypography(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)||console.error(`Bad ${e} value for ${this.$el}`)}get disabled(){return this.getAttribute("disabled")}set disabled(e){this.setAttribute("disabled",e)}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get extended(){return this.getAttribute("extended")}set extended(e){this.setAttribute("extended",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get fontsize(){return this.getAttribute("font-size")}set fontsize(e){this.setAttribute("font-size",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(e){this.setAttribute("font-weight",e)}};wt.nativeName="a";let zt=wt;customElements.get("px-a")||customElements.define("px-a",zt);const At="p,::slotted(p){font-family:var(--px-font-family);color:var(--px-text-color-body-neutral-strong-default);font-size:var(--px-text-size-body-m-mobile);line-height:var(--px-line-height-m);margin:0}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}:host([inverted]) p,:host([inverted]) ::slotted(p){color:var(--px-text-color-body-neutral-strong-inverted)}@media only screen and (min-width: 768px){p,::slotted(p){font-size:var(--px-text-size-body-m-tablet)}}@media only screen and (min-width: 1025px){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}}",$t=new CSSStyleSheet,St=new CSSStyleSheet,Ct=new CSSStyleSheet;$t.replaceSync(At),St.replaceSync(te),Ct.replaceSync(ee);const Lt=class extends o{constructor(){super($t,St,Ct),this.template=()=>"<p><slot></slot></p>",this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","color","font-size","font-weight","text-align","inverted"]}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"variant":this.updateVariant(e,t,r,v);break;case"color":this.updateTypography(e,t,r,a);break;case"font-size":this.updateTypography(e,t,r,i);break;case"font-weight":this.updateTypography(e,t,r,n);break;case"text-align":this.updateTypography(e,t,r,l);break;default:super.attributeChangedCallback(e,t,r)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`style-${e}`),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`style-${t}`)}checkName(e,t){return e.includes(t)}updateVariant(e,t,r,o){this.checkName(o,r)?this.toggleClass(t,r):console.error(`Bad ${e} value for ${this.$el}`)}updateTypography(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==r&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)||console.error(`Bad ${e} value for ${this.$el}`)}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("font-size")}set fontsize(e){this.setAttribute("font-size",e)}get fontweight(){return this.getAttribute("font-weight")}set fontweight(e){this.setAttribute("font-weight",e)}get textalign(){return this.getAttribute("text-align")}set textalign(e){this.setAttribute("text-align",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}};Lt.nativeName="p";let Tt=Lt;customElements.define("px-p",Tt);const _t=new CSSStyleSheet,Et=new CSSStyleSheet,Mt=new CSSStyleSheet,Bt=new CSSStyleSheet,Nt=new CSSStyleSheet;_t.replaceSync("*{font-family:var(--px-font-family)}::slotted(ul),::slotted(ol){margin:0 0 0 var(--px-spacing-inside-section-default-desktop);padding:0}::slotted(b),::slotted(strong){font-weight:700}:host([inverted]) slot{color:var(--px-color-txt-body-inverted)}"),Et.replaceSync(ee),Mt.replaceSync(_),Bt.replaceSync(At),Nt.replaceSync(bt),f(".li{padding-bottom:var(--px-padding-xs)}");class Rt extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[_t,Et,Mt,Bt,Nt]}static get observedAttributes(){return["inverted"]}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}connectedCallback(){this.querySelectorAll("li").forEach((e=>{e.classList.add("li")}))}}customElements.define("px-typography",Rt);const Pt=new CSSStyleSheet;Pt.replaceSync(".btn-icon{display:inline-flex;width:var(--px-action-size-l);height:var(--px-action-size-l);vertical-align:middle;align-items:center;justify-content:center;cursor:pointer;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);background:var(--px-background-color-action-primary-default);color:var(--px-icon-color-action-brand-inverted);border-radius:var(--px-radius-pill);padding:var(--px-padding-xs-mobile);border:var(--px-border-size-m) solid transparent}.btn-icon,.btn-icon *{box-sizing:border-box}.btn-icon ::slotted(px-icon){line-height:0}.btn-icon:hover:not([disabled],[aria-disabled=true],.btn-icon--state-loading){background:var(--px-background-color-action-hover-bordered-default);color:var(--px-icon-color-action-brand-default);border-color:var(--px-border-color-action-hover-default)}.btn-icon:active:not([disabled],[aria-disabled=true],.btn-icon--state-loading){background:var(--px-background-color-action-active-inverted);color:var(--px-icon-color-action-active-default);border-color:var(--px-border-color-action-active-default)}.btn-icon:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-border-color-focus-outline-default)}.btn-icon[disabled],.btn-icon[aria-disabled=true]{background:var(--px-background-color-action-disabled-default);color:var(--px-icon-color-action-disabled-default);cursor:default;pointer-events:none}.btn-icon.btn-icon--state-loading{background:var(--px-background-color-action-disabled-default);color:var(--px-icon-color-action-brand-default);cursor:inherit}.btn-icon--size-small{padding:var(--px-padding-2xs-mobile);width:var(--px-action-size-m);height:var(--px-action-size-m)}.btn-icon--variant-secondary{background-color:var(--px-background-color-action-secondary-default);color:var(--px-icon-color-action-brand-default)}:host([inverted]) .btn-icon{background:var(--px-background-color-action-primary-inverted);color:var(--px-icon-color-action-brand-default)}:host([inverted]) .btn-icon:hover:not([disabled],[aria-disabled=true],.btn-icon--state-loading){background:var(--px-background-color-action-hover-bordered-inverted);color:var(--px-icon-color-action-brand-inverted);border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]) .btn-icon:active:not([disabled],[aria-disabled=true],.btn-icon--state-loading){background:var(--px-background-color-action-hover-default);color:var(--px-icon-color-action-active-inverted);border-color:var(--px-border-color-action-active-inverted)}:host([inverted]) .btn-icon:focus:not([disabled],[aria-disabled=true]){outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) .btn-icon[disabled],:host([inverted]) .btn-icon[aria-disabled=true]{background:var(--px-background-color-action-disabled-inverted);color:var(--px-icon-color-action-disabled-inverted)}:host([inverted]) .btn-icon.btn-icon--state-loading{background:var(--px-background-color-action-disabled-inverted);color:var(--px-icon-color-action-brand-inverted);border-color:transparent}:host([inverted]) .btn-icon--variant-secondary{background-color:var(--px-background-color-action-secondary-inverted);color:var(--px-icon-color-action-brand-inverted)}@media only screen and (min-width: 768px){.btn-icon{padding:var(--px-padding-xs-tablet)}.btn-icon:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}.btn-icon--size-small{padding:var(--px-padding-2xs-tablet)}}@media only screen and (min-width: 1025px){.btn-icon{padding:var(--px-padding-xs-desktop)}.btn-icon:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}.btn-icon--size-small{padding:var(--px-padding-2xs-desktop)}}");const Vt=["","default","small"],It=["","default","secondary"],Ht=class extends o{constructor(){super(Pt),this.template=()=>"<slot></slot>";const e=document.createElement(this.nativeName);e.classList.add("btn-icon"),e.innerHTML=this.template(),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"inverted","loading","size","variant"]}connectedCallback(){super.connectedCallback();const e=this.querySelector("px-icon");if(e){const t=e.getAttribute("size"),r=e.getAttribute("color");e.addEventListener("click",(()=>{this.$el.focus()})),t||e.setAttribute("size","s"),"small"===this.size&&e.setAttribute("size","2xs"),r||e.setAttribute("color","inherit")}}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"loading":this.updateLoading();break;case"size":this.updateSize(t,r,Vt);break;case"variant":this.updateVariant(t,r,It);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}_toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}updateLoading(){this.$el.classList.toggle("btn-icon--state-loading")}updateSize(e,t,r){this.checkName(r,t)?(null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`btn-icon--size-${e}`),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`btn-icon--size-${t}`)):console.error("Bad size value for",this.$el)}updateVariant(e,t,r){this.checkName(r,t)?(null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(`btn-icon--variant-${e}`),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`btn-icon--variant-${t}`)):console.error(`Bad "variant" value for ${this.$el}`)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get loading(){return this.getAttribute("loading")}set loading(e){this.setAttribute("loading",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}};Ht.nativeName="button";let jt=Ht;customElements.get("px-button-icon")||customElements.define("px-button-icon",jt);const qt=new CSSStyleSheet;qt.replaceSync("a{display:block;font-family:var(--px-font-family);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-m);font-weight:700;color:var(--px-text-color-heading-neutral-default);border-radius:var(--px-radius-main);cursor:pointer;text-decoration:none;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-border-size-m) solid transparent}a,a *{box-sizing:border-box}a px-icon,a ::slotted(px-icon){line-height:0;color:var(--px-icon-color-content-brand-default)}a slot[name=description]{font-weight:400;color:var(--px-text-color-body-neutral-weak-default)}a:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-border-color-action-hover-default);color:var(--px-text-color-heading-brand-default)}a:hover:not([disabled],[aria-disabled=true],.loading) slot[name=description]{color:var(--px-text-color-heading-brand-default)}a:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-border-color-focus-outline-default)}a:active{transform:scale(.95)}a[disabled],a[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-text-color-action-disabled-default)}a[disabled] px-icon,a[disabled] ::slotted(px-icon),a[aria-disabled=true] px-icon,a[aria-disabled=true] ::slotted(px-icon){color:var(--px-icon-color-action-disabled-default)}a[disabled] slot[name=description],a[aria-disabled=true] slot[name=description]{color:var(--px-text-color-action-disabled-default)}:host([inverted]) a{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) a px-icon,:host([inverted]) a ::slotted(px-icon){color:var(--px-icon-color-content-brand-inverted)}:host([inverted]) a slot[name=description]{color:var(--px-text-color-body-neutral-weak-inverted)}:host([inverted]) a:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-border-color-action-hover-inverted);color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) a:hover:not([disabled],[aria-disabled=true],.loading) slot[name=description]{color:var(--px-text-color-heading-brand-inverted)}:host([inverted]) a:focus:not([disabled],[aria-disabled=true]){outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) a[disabled],:host([inverted]) a[aria-disabled=true]{color:var(--px-text-color-action-disabled-inverted)}:host([inverted]) a[disabled] px-icon,:host([inverted]) a[disabled] ::slotted(px-icon),:host([inverted]) a[aria-disabled=true] px-icon,:host([inverted]) a[aria-disabled=true] ::slotted(px-icon){color:var(--px-icon-color-action-disabled-inverted)}:host([inverted]) a[disabled] slot[name=description],:host([inverted]) a[aria-disabled=true] slot[name=description]{color:var(--px-text-color-action-disabled-inverted)}@media only screen and (min-width: 768px){a{font-size:var(--px-text-size-label-m-tablet)}a:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}}@media only screen and (min-width: 1025px){a{font-size:var(--px-text-size-label-m-desktop)}a:focus:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}");const Dt=["","default","action-neutral"],Wt=class extends o{constructor(){super(qt),this.template=()=>`\n      <px-container padding="s">\n        <px-hstack gap="after-element-s" align-items="center">\n          <px-hstack grow="2" gap="after-element-s" align-items="center">\n            <slot name="icon"></slot>\n            <px-vstack gap="none" align-items="start">\n              <slot></slot>\n              <slot name="description"></slot>\n            </px-vstack>\n          </px-hstack>\n          <px-icon name="${this.hasAttribute("target")&&"_blank"===this.getAttribute("target")?"target_blank":"chevron_right"}" size="m" from="lavender" color="inherit" shrink="1"></px-icon>\n        </px-hstack>\n      </px-container>\n    `;const e=document.createElement(this.nativeName);e.innerHTML=this.template(),this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"disabled","inverted","background-color"]}get $container(){return this.shadowRoot.querySelector("px-container")}connectedCallback(){super.connectedCallback();const e=this.querySelectorAll("px-icon");e&&e.forEach((e=>{const t=e.getAttribute("size"),r=e.getAttribute("color");e&&(e.addEventListener("click",(()=>{this.$el.focus()})),t||e.setAttribute("size","m"),r||e.setAttribute("color","inherit"))}))}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"disabled":if(this.$el.toggleAttribute("aria-disabled"),null!==r){this.$el.setAttribute("aria-disabled","true"),this.$container.backgroundColor="action-disabled";break}break;case"inverted":this.$container.backgroundColor="action-neutral",this.$container.inverted=this.inverted;break;case"target":this.updateIconName();break;case"background-color":this.updateBackgroundColor(e,t,r,Dt);break;default:super.attributeChangedCallback(e,t,r)}}checkName(e,t){return e.includes(t)}updateIconName(){const e=this.shadowRoot.querySelector("px-icon");e&&e.setAttribute("name",this.hasAttribute("target")&&"_blank"===this.getAttribute("target")?"target_blank":"chevron_right")}updateBackgroundColor(e,t,r,o){this.checkName(o,r)||console.error(`Bad "${e}" value for`,this.$el);const i=e=>{null!==e&&""!==e&&"default"!==e&&(this.$container.backgroundColor=e)};i(t),i(r)}get disabled(){return this.getAttribute("disabled")}set disabled(e){this.setAttribute("disabled",e)}get backgroundColor(){return this.getAttribute("background-color")}set backgroundColor(e){this.setAttribute("background-color",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}};Wt.nativeName="a";let Ot=Wt;customElements.get("px-entrypoint")||customElements.define("px-entrypoint",Ot);const Gt=new CSSStyleSheet,Ft=new CSSStyleSheet;Gt.replaceSync(".spinner{display:inline-block;width:var(--px-icon-size-xs-mobile);height:var(--px-icon-size-xs-mobile);border-top:3px solid var(--px-text-color-heading-brand-default);border-right:3px solid transparent;border-radius:50%;animation:anim-spinner .7s linear infinite}.spinner,.spinner *{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:host([timeout]) .spinner{animation-iteration-count:7}}:host([inverted]) .spinner{border-top-color:var(--px-text-color-heading-brand-inverted)}@keyframes anim-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.size-2xs{width:var(--px-icon-size-2xs-mobile);height:var(--px-icon-size-2xs-mobile)}.size-xs{width:var(--px-icon-size-xs-mobile);height:var(--px-icon-size-xs-mobile)}.size-s{width:var(--px-icon-size-s-mobile);height:var(--px-icon-size-s-mobile)}.size-m{width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile)}.size-l{width:var(--px-icon-size-l-mobile);height:var(--px-icon-size-l-mobile)}.size-xl{width:var(--px-icon-size-xl-mobile);height:var(--px-icon-size-xl-mobile)}.size-2xl{width:var(--px-icon-size-2xl-mobile);height:var(--px-icon-size-2xl-mobile)}@media only screen and (min-width: 64rem){.size-2xs{width:var(--px-icon-size-2xs-tablet);height:var(--px-icon-size-2xs-tablet)}.size-xs{width:var(--px-icon-size-xs-tablet);height:var(--px-icon-size-xs-tablet)}.size-s{width:var(--px-icon-size-s-tablet);height:var(--px-icon-size-s-tablet)}.size-m{width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}.size-l{width:var(--px-icon-size-l-tablet);height:var(--px-icon-size-l-tablet)}.size-xl{width:var(--px-icon-size-xl-tablet);height:var(--px-icon-size-xl-tablet)}.size-2xl{width:var(--px-icon-size-2xl-tablet);height:var(--px-icon-size-2xl-tablet)}}@media only screen and (min-width: 90rem){.size-2xs{width:var(--px-icon-size-2xs-desktop);height:var(--px-icon-size-2xs-desktop)}.size-xs{width:var(--px-icon-size-xs-desktop);height:var(--px-icon-size-xs-desktop)}.size-s{width:var(--px-icon-size-s-desktop);height:var(--px-icon-size-s-desktop)}.size-m{width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop)}.size-l{width:var(--px-icon-size-l-desktop);height:var(--px-icon-size-l-desktop)}.size-xl{width:var(--px-icon-size-xl-desktop);height:var(--px-icon-size-xl-desktop)}.size-2xl{width:var(--px-icon-size-2xl-desktop);height:var(--px-icon-size-2xl-desktop)}}"),Ft.replaceSync(te);class Yt extends HTMLElement{template(){return'\n        <div class="spinner">\n            <slot></slot>\n        </div>\n    '}constructor(){var e;super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.internals=null==(e=this.attachInternals)?void 0:e.call(this),this.shadowRoot.adoptedStyleSheets=[Gt,Ft]}static get observedAttributes(){return["size","inverted","timeout","aria-label"]}connectedCallback(){!this.ariaLabel&&this.internals&&(this.internals.ariaHidden="true")}attributeChangedCallback(e,t,r){if(t!==r)switch(e){case"size":this.updateAttribute(e,t,r,s);break;case"aria-label":""!==r&&(this.internals.ariaHidden="false")}}configureAccessibility(e){this.internals.ariaHidden=e}updateAttribute(e,t,r,o){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==r&&""!==r&&"default"!==t&&this.$el.classList.toggle(`${e}-${r}`),this.checkName(o,r)||console.error(`${r} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}get $el(){return this.shadowRoot.querySelector(".spinner")}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get timeout(){return this.getAttribute("timeout")}set timeout(e){this.setAttribute("timeout",e)}}customElements.define("px-spinner",Yt),exports.Accordion=we,exports.Button=V,exports.ButtonIcon=jt,exports.Container=X,exports.Entrypoint=Ot,exports.FontIcon=Z,exports.H1=ne,exports.H2=le,exports.H3=ce,exports.H4=be,exports.H5=he,exports.H6=ve,exports.HStack=$,exports.IconSet=I,exports.Image=Ce,exports.Link=zt,exports.Modal=pt,exports.Page=L,exports.Paragraph=Tt,exports.Patch=Be,exports.Picture=Te,exports.Price=Ie,exports.PxElement=o,exports.PxTab=ot,exports.PxTabPanel=it,exports.PxTabs=rt,exports.Ribbon=qe,exports.SVGIcon=G,exports.Section=me,exports.Separator=Ye,exports.Spacer=S,exports.Span=vt,exports.Spinner=Yt,exports.Stack=z,exports.Tag=Qe,exports.Timeline=nt,exports.TimelineItem=dt,exports.Typography=Rt,exports.VStack=A,exports.WithFlexAttributes=r,exports.addGlobalStylesheet=f,exports.backgroundColorValues=h,exports.backgroundSizeValues=Q,exports.backgroundValues=Dt,exports.borderColorValues=b,exports.borderRadiusValues=p,exports.borderSideValues=u,exports.borderValues=c,exports.boxShadowValues=g,exports.buttonIconSizeValues=Vt,exports.buttonIconVariantValues=It,exports.colorValues=a,exports.fontsizeValues=i,exports.fontweightValues=n,exports.gapValues=w,exports.getSupportedAttributeNames=e,exports.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},exports.gradientValues=x,exports.gridGapValues=["","default","inside-section-none","inside-section-default","inside-section-l"],exports.headingValues=v,exports.iconSizeValues=s,exports.isFalsy=k,exports.linkShapeValues=yt,exports.linkVariantValues=kt,exports.noBorderRadiusValues=m,exports.paddingValues=d,exports.patchShapeValues=Me,exports.patchVariantValues=Ee,exports.priceSizeValues=Pe,exports.priceVariantValues=Re,exports.separatorColorValues=Ge,exports.separatorDirectionValues=We,exports.separatorSizeValues=Oe,exports.tagShapeValues=Ke,exports.tagVariantValues=Je,exports.textalignValues=l,exports.variantValues=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(t){const e=document.createElement(t),o=Object.getPrototypeOf(e);return Object.getOwnPropertyNames(o)}const e=new CSSStyleSheet;e.replaceSync("::slotted(*[grow]){flex-grow:var(--flex-grow-value)}::slotted(*[shrink]){flex-shrink:var(--flex-shrink-value)}::slotted(*[basis]){flex-basis:var(--flex-basis-value)}::slotted(*[align-self]){align-self:var(--flex-align-self-value)}::slotted(*[grow--mobile]){flex-grow:var(--flex-grow--mobile-value)}::slotted(*[shrink--mobile]){flex-shrink:var(--flex-shrink--mobile-value)}::slotted(*[basis--mobile]){flex-basis:var(--flex-basis--mobile-value)}::slotted(*[align-self--mobile]){align-self:var(--flex-align-self--mobile-value)}@media screen and (min-width: 768px){::slotted(*[grow--tablet]){flex-grow:var(--flex-grow--tablet-value)}::slotted(*[shrink--tablet]){flex-shrink:var(--flex-shrink--tablet-value)}::slotted(*[basis--tablet]){flex-basis:var(--flex-basis--tablet-value)}::slotted(*[align-self--tablet]){align-self:var(--flex-align-self--tablet-value)}}@media screen and (min-width: 1025px){::slotted(*[grow--laptop]){flex-grow:var(--flex-grow--laptop-value)}::slotted(*[shrink--laptop]){flex-shrink:var(--flex-shrink--laptop-value)}::slotted(*[basis--laptop]){flex-basis:var(--flex-basis--laptop-value)}::slotted(*[align-self--laptop]){align-self:var(--flex-align-self--laptop-value)}}@media screen and (min-width: 1441px){::slotted(*[grow--desktop]){flex-grow:var(--flex-grow--desktop-value)}::slotted(*[shrink--desktop]){flex-shrink:var(--flex-shrink--desktop-value)}::slotted(*[basis--desktop]){flex-basis:var(--flex-basis--desktop-value)}::slotted(*[align-self--desktop]){align-self:var(--flex-align-self--desktop-value)}}@media only screen and (min-width: 0px) and (max-width: 767px){::slotted(*[hidden--mobile]){display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted(*[hidden--tablet]){display:none}}@media only screen and (min-width: 1025px) and (max-width: 1440px){::slotted(*[hidden--laptop]){display:none}}@media only screen and (min-width: 1441px){::slotted(*[hidden--desktop]){display:none}}");class 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(...t){super(),this.shadowRoot||this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[e,...t]}attributeChangedCallback(t,e,r){if(-1!==o.observedAttributes.indexOf(t))if(null===r)this.style.removeProperty(t);else switch(t){case"grow":case"shrink":case"basis":case"grow--mobile":case"grow--tablet":case"grow--laptop":case"grow--desktop":case"shrink--mobile":case"shrink--tablet":case"shrink--laptop":case"shrink--desktop":case"basis--mobile":case"basis--tablet":case"basis--laptop":case"basis--desktop":case"align-self":this.style.setProperty(`--flex-${t}-value`,r)}}get grow(){return this.getAttribute("grow")}set grow(t){this.setAttribute("grow",t)}get shrink(){return this.getAttribute("shrink")}set shrink(t){this.setAttribute("shrink",t)}get basis(){return this.getAttribute("basis")}set basis(t){this.setAttribute("basis",t)}get growMobile(){return this.getAttribute("grow--mobile")}set growMobile(t){this.setAttribute("grow--mobile",t)}get growTablet(){return this.getAttribute("grow--tablet")}set growTablet(t){this.setAttribute("grow--tablet",t)}get growLaptop(){return this.getAttribute("grow--laptop")}set growLaptop(t){this.setAttribute("grow--laptop",t)}get growDesktop(){return this.getAttribute("grow--desktop")}set growDesktop(t){this.setAttribute("grow--desktop",t)}get shrinkMobile(){return this.getAttribute("shrink--mobile")}set shrinkMobile(t){this.setAttribute("shrink--mobile",t)}get shrinkTablet(){return this.getAttribute("shrink--tablet")}set shrinkTablet(t){this.setAttribute("shrink--tablet",t)}get shrinkLaptop(){return this.getAttribute("shrink--laptop")}set shrinkLaptop(t){this.setAttribute("shrink--laptop",t)}get shrinkDesktop(){return this.getAttribute("shrink--desktop")}set shrinkDesktop(t){this.setAttribute("shrink--desktop",t)}get basisMobile(){return this.getAttribute("basis--mobile")}set basisMobile(t){this.setAttribute("basis--mobile",t)}get basisTablet(){return this.getAttribute("basis--tablet")}set basisTablet(t){this.setAttribute("basis--tablet",t)}get basisLaptop(){return this.getAttribute("basis--laptop")}set basisLaptop(t){this.setAttribute("basis--laptop",t)}get basisDesktop(){return this.getAttribute("basis--desktop")}set basisDesktop(t){this.setAttribute("basis--desktop",t)}get alignSelf(){return this.getAttribute("align-self")}set alignSelf(t){this.setAttribute("align-self",t)}get $el(){return this}get hiddenMobile(){return this.getAttribute("hidden--mobile")}set hiddenMobile(t){this.setAttribute("hidden--mobile",t)}get hiddenTablet(){return this.getAttribute("hidden--tablet")}set hiddenTablet(t){this.setAttribute("hidden--tablet",t)}get hiddenLaptop(){return this.getAttribute("hidden--laptop")}set hiddenLaptop(t){this.setAttribute("hidden--laptop",t)}get hiddenDesktop(){return this.getAttribute("hidden--desktop")}set hiddenDesktop(t){this.setAttribute("hidden--desktop",t)}}class r extends o{static get observedAttributes(){return[...super.observedAttributes,...t(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 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 i=["","default","inside-section-none","inside-section-default","inside-section-l"],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"],p=["","none","s","m","l"],b=["","none","main","pill"],u=["none","container-main","container-brand","action-hover","action-active","action-neutral","purpose-success","purpose-warning","purpose-error","purpose-unlimited"],g=["","all","top","right","bottom","left","block","inline"],h=["","none","container-neutral-bare","container-weak","container-light","container-soft","container-neutral-rich","container-brand-secondary","action-primary","action-secondary","action-hover","action-hover-bordered","action-active","action-disabled","action-neutral","action-neutral-hover","purpose-success","purpose-warning","purpose-error","purpose-unlimited","purpose-promo","purpose-info","purpose-eco","purpose-notification"],v=["","none","s","m","l","xl"],m=["","default","title-4xl","title-3xl","title-2xl","title-xl","title-l","title-m","title-s","subtitle"],f=["","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"],x=["","all","top","right","bottom","left"];function k(t){const e=document.createElement("style");e.innerHTML=t,document.head.appendChild(e)}function y(t){return"string"==typeof t&&("false"===t||"0"===t||"null"===t)||"boolean"==typeof t&&!t}const A=new CSSStyleSheet;A.replaceSync(".flex-container{display:flex;height:100%;width:100%;box-sizing:border-box;flex-direction:var(--flex-direction--mobile-value);gap:var(--flex-gap--mobile-value);flex-wrap:var(--flex-wrap--mobile-value);justify-content:var(--flex-justify-content--mobile-value);align-items:var(--flex-align-items--mobile-value)}@media screen and (min-width: 768px){.flex-container{flex-direction:var(--flex-direction--tablet-value);gap:var(--flex-gap--tablet-value);flex-wrap:var(--flex-wrap--tablet-value);justify-content:var(--flex-justify-content--tablet-value);align-items:var(--flex-align-items--tablet-value)}}@media screen and (min-width: 1025px){.flex-container{flex-direction:var(--flex-direction--laptop-value);gap:var(--flex-gap--laptop-value);flex-wrap:var(--flex-wrap--laptop-value);justify-content:var(--flex-justify-content--laptop-value);align-items:var(--flex-align-items--laptop-value)}}@media screen and (min-width: 1441px){.flex-container{flex-direction:var(--flex-direction--desktop-value);gap:var(--flex-gap--desktop-value);flex-wrap:var(--flex-wrap--desktop-value);justify-content:var(--flex-justify-content--desktop-value);align-items:var(--flex-align-items--desktop-value)}}");const w=["after-element-none","after-element-2xs","after-element-xs","after-element-s","after-element-default","after-element-l","heading-to-subtitle","heading-to-content","inside-section-none","inside-section-xs","inside-section-s","inside-section-default","inside-section-l","between-sections"],z=["","default","row","row-reverse","column","column-reverse"],$=["","default","stretch","flex-start","flex-end","center","baseline"],S=["","default","flex-start","flex-end","center","space-between","space-around","space-evenly"],C=["","default","nowrap","wrap","wrap-reverse"];class j extends o{constructor(){super(A),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,w);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,S);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,$);break;case"wrap":case"wrap--mobile":case"wrap--tablet":case"wrap--laptop":case"wrap--desktop":this.updateFlexProperties(t,e,o,C);break;case"direction":case"direction--mobile":case"direction--tablet":case"direction--laptop":case"direction--desktop":this.updateFlexProperties(t,e,o,z);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",j);class L extends j{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",L);class T extends j{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",T);class _ 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",_);const M=new CSSStyleSheet;M.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class E extends o{constructor(){super(M),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",h.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",E);const B=new CSSStyleSheet;B.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 N=new CSSStyleSheet;N.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 R=["1","2","3","4","5","6","7","8","9","10","11","12"],I=["","start","end","center","space-between","space-around","space-evenly","stretch"],P=["","start","end","center","stretch"],H=class extends r{constructor(){super(B,N),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,i);break;case"grid-cols":case"grid-cols--mobile":case"grid-cols--tablet":case"grid-cols--laptop":this.updateAttribute(t,e,o,R);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,I);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,P);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)}};H.nativeName="div";let V=H;customElements.define("px-grid",V);const q=class extends V{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)}};q.nativeName="div";let D=q;customElements.define("px-grid-item",D);const W='.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)}}',F='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)}}',O=".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)}}",G=new CSSStyleSheet,Y=new CSSStyleSheet,Z=new CSSStyleSheet;G.replaceSync(W),Y.replaceSync(F),Z.replaceSync(O);const J=["","default","secondary","tertiary","link","patch","patch-info","patch-black-friday","patch-eco"],K=class extends r{constructor(){super(G,Y,Z),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,J);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)}};K.nativeName="button";let Q=K;customElements.get("px-button")||customElements.define("px-button",Q);class U 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",U);const X=["2xs","xs","s","m","l","xl","2xl"],tt=["","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"],et=["name","size","color","aria-label","inverted","from"];class ot extends o{static get observedAttributes(){return[...super.observedAttributes,...et]}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,X);break;case"color":this.updateAttribute(t,e,o,tt);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 rt=":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}",it=new CSSStyleSheet;it.replaceSync(rt);class at extends ot{constructor(){super(it),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",at);const nt=new CSSStyleSheet,st=new CSSStyleSheet;nt.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:""}'),st.replaceSync(rt);class lt extends ot{constructor(){super(nt,st),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",lt);const dt=new CSSStyleSheet;dt.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 ct=["anchor-right","anchor-left","anchor-full"],pt=["","cover","contain","default"],bt=class extends r{constructor(){super(dt),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&&ct.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,c,["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,c,["left","right"]);break;case"padding-block":case"padding-block--mobile":case"padding-block--tablet":case"padding-block--laptop":this.updatePadding(t,e,o,c,["top","bottom"]);break;case"padding-top":case"padding-top--mobile":case"padding-top--tablet":case"padding-top--laptop":this.updatePadding(t,e,o,c,["top"]);break;case"padding-right":case"padding-right--mobile":case"padding-right--tablet":case"padding-right--laptop":this.updatePadding(t,e,o,c,["right"]);break;case"padding-bottom":case"padding-bottom--mobile":case"padding-bottom--tablet":case"padding-bottom--laptop":this.updatePadding(t,e,o,c,["bottom"]);break;case"padding-left":case"padding-left--mobile":case"padding-left--tablet":case"padding-left--laptop":this.updatePadding(t,e,o,c,["left"]);break;case"border":this.updateAttribute(t,e,o,p);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,g);break;case"border-radius":this.updateAttribute(t,e,o,b);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateNoBorderRadius(t,e,o,x);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,pt);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,v);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(f,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(h,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(u,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)}};bt.nativeName="div";let ut=bt;customElements.define("px-container",ut);const gt="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)}}",ht=":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)}",vt=new CSSStyleSheet;vt.replaceSync(gt);const mt=new CSSStyleSheet;mt.replaceSync(ht);class ft extends r{template(){return"<slot></slot>"}constructor(t){super(vt,mt);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,m);break;case"color":this.updateColor(e,o,n);break;case"text-align":case"text-align--mobile":case"text-align--tablet":case"text-align--laptop":case"text-align--desktop":this.updateTextAlign(t,e,o,d);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 xt=class extends ft{constructor(){super("h1")}};xt.nativeName="h1";let kt=xt;customElements.define("px-h1",kt);const yt=class extends ft{constructor(){super("h2")}};yt.nativeName="h2";let At=yt;customElements.define("px-h2",At);const wt=class extends ft{constructor(){super("h3")}};wt.nativeName="h3";let zt=wt;customElements.define("px-h3",zt);const $t=class extends ft{constructor(){super("h4")}};$t.nativeName="h4";let St=$t;customElements.define("px-h4",St);const Ct=class extends ft{constructor(){super("h5")}};Ct.nativeName="h5";let jt=Ct;customElements.define("px-h5",jt);const Lt=class extends ft{constructor(){super("h6")}};Lt.nativeName="h6";let Tt=Lt;customElements.define("px-h6",Tt);const _t=new CSSStyleSheet;_t.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 Mt 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=[_t]}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=h.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",Mt);const Et=new CSSStyleSheet;Et.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 Bt=["","none","single"],Nt=class extends r{constructor(){super(Et),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,Bt);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)}};Nt.nativeName="details";let Rt=Nt;customElements.define("px-accordion",Rt);const It=new CSSStyleSheet;It.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 Pt=["","mobile","tablet","laptop"],Ht=["","default","s","m","l"];class Vt extends r{constructor(){super(It)}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,Pt);break;case"border-radius":this.updateAttribute(t,e,o,b);break;case"no-border-radius":case"no-border-radius--mobile":case"no-border-radius--tablet":case"no-border-radius--laptop":this.updateAttribute(t,e,o,x);break;case"width":case"width--mobile":case"width--tablet":case"width--laptop":case"width--desktop":this.updateWidth(t,e,o,Ht);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 qt=class extends Vt{constructor(){super();const t=document.createElement(this.nativeName);this.shadowRoot.appendChild(t)}};qt.nativeName="img";let Dt=qt;customElements.define("px-img",Dt);const Wt=class extends Vt{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||"")}};Wt.nativeName="picture";let Ft=Wt;customElements.define("px-picture",Ft);const Ot=new CSSStyleSheet;Ot.replaceSync(O);const Gt=["","default","info","black-friday","eco","greyed"],Yt=["","default","bottom-right","bottom-left"];class Zt 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=[Ot]}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(Gt,e)||console.error('Bad "variant" value for patch')}updateShape(t,e){this._toggleClass(t,e),this.checkName(Yt,e)||console.error('Bad "shape" value for patch')}get $el(){return this.shadowRoot.querySelector(".patch")}get variant(){return this.getAttribute("variant")}set variant(t){this.setAttribute("variant",t)}get shape(){return this.getAttribute("shape")}set shape(t){this.setAttribute("shape",t)}get inverted(){return this.getAttribute("inverted")}set inverted(t){this.setAttribute("inverted",t)}}customElements.get("px-patch")||customElements.define("px-patch",Zt);const Jt=new CSSStyleSheet;Jt.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 Kt=["default","purpose-promo","free","neutral","exceeding","disabled"],Qt=["","s","m","l"],Ut=class extends r{constructor(){super(Jt),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,Kt);break;case"size":this.updateAttribute(t,e,o,Qt);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}`}};Ut.nativeName="span";let Xt=Ut;customElements.define("px-price",Xt);const te=new CSSStyleSheet;te.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 ee=class extends r{constructor(){super(te),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};ee.nativeName="div";let oe=ee;customElements.define("px-ribbon",oe);const re=new CSSStyleSheet;re.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 ie=["","default","horizontal","vertical"],ae=["","default","none","s","m","l"],ne=["","default","none","action-hover","action-active","action-neutral","container-main","container-brand","purpose-success","purpose-error","purpose-warning","purpose-unlimited"],se=class extends r{constructor(){super(re);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,ie);break;case"size":this.updateSize(t,e,o,ae);break;case"color":this.updateColor(t,e,o,ne);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)}};se.nativeName="hr";let le=se;customElements.define("px-separator",le);const de=new CSSStyleSheet;de.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 ce=["","default","light","outline"],pe=["","default","pill"];class be 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=[de]}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(ce,e)||console.error('Bad "variant" value for tag')}updateShape(t,e){this._toggleClass(t,e),this.checkName(pe,e)||console.error('Bad "shape" value for tag')}}customElements.get("px-tag")||customElements.define("px-tag",be);const ue=new CSSStyleSheet;ue.replaceSync('*{font-family:var(--px-font-family)}#container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-spacing-after-element-default-mobile)}#panels{width:100%}div[role=tablist]{display:flex;align-items:center;scrollbar-width:none;overflow:scroll;width:80%;box-sizing:border-box}div[role=tablist] ::slotted(px-tab){background-color:var(--px-background-color-action-neutral-default)}div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-background-color-action-active-default);border-radius:var(--px-radius-main)!important}div[role=tablist] ::slotted(px-tab:first-child){border-radius:var(--px-radius-main) var(--px-radius-none) var(--px-radius-none) var(--px-radius-main)}div[role=tablist] ::slotted(px-tab:last-of-type){border-radius:var(--px-radius-none) var(--px-radius-main) var(--px-radius-main) var(--px-radius-none)}div[role=tablist]::-webkit-scrollbar{display:none}button[role=tab]{background:none;border:none;margin:0;padding:var(--px-padding-s-mobile);cursor:pointer;height:inherit;width:inherit;font-size:var(--px-text-size-label-l-mobile);font-weight:700;text-wrap:nowrap;color:var(--px-text-color-heading-neutral-default);outline:none}button[aria-selected=""]{cursor:auto;padding-block:var(--px-padding-m-mobile);color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) div[role=tablist] ::slotted(px-tab){background-color:var(--px-background-color-action-neutral-inverted)}:host([inverted]) div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-background-color-action-active-inverted)}:host([inverted]) button[role=tab]{color:var(--px-text-color-heading-neutral-inverted)}:host([inverted]) button[aria-selected=""]{color:var(--px-text-color-heading-brand-default)}@media only screen and (min-width: 768px){#container{gap:var(--px-spacing-after-element-default-tablet)}button[role=tab]{padding:var(--px-padding-s-tablet);font-size:var(--px-text-size-label-l-tablet)}button[aria-selected=""]{padding-block:var(--px-padding-m-tablet)}}@media only screen and (min-width: 1025px){#container{gap:var(--px-spacing-after-element-default-desktop)}button[role=tab]{padding:var(--px-padding-s-desktop);font-size:var(--px-text-size-label-l-desktop)}button[aria-selected=""]{padding-block:var(--px-padding-m-desktop)}}');class ge extends HTMLElement{constructor(){super(),this._label=`tabs-${Math.random().toString(36).substring(2,15)}`,this.template=()=>`\n    <div id="container">\n      <div role="tablist" aria-labelledby="${this._label}">\n        <slot name="tabs"></slot> \n      </div>\n      <div id="panels">\n        <slot name="tabpanels"></slot>\n      </div>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.getAttribute("label")&&(this._label=this.getAttribute("label")),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[ue]}static get observedAttributes(){return["label","inverted"]}attributeChangedCallback(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 he extends HTMLElement{constructor(){super(),this.template=()=>'\n    <button role="tab" aria-selected="false" type="button" tabindex="-1">\n      <span><slot></slot></span>\n    </button>\n  ',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[ue]}static get observedAttributes(){return["selected","for","name"]}connectedCallback(){this.name||console.error("Tab needs a name attribute"),this.for||console.error("Tab needs a for attribute"),this.slot="tabs",this.parentElement.inverted&&(this.setAttribute("inverted",""),this.$button.setAttribute("inverted",""))}attributeChangedCallback(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){y(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 ve extends HTMLElement{constructor(){super(),this.template=()=>`\n    <div role="tabpanel" aria-labelledby="${this.name}" tabindex="0">\n      <slot></slot>\n    </div>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[ue]}static get observedAttributes(){return["name"]}attributeChangedCallback(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");y(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 me extends ge{constructor(){super(),this.querySelectorAll("px-tab").forEach((t=>{t.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",me);class fe extends he{constructor(){super()}}customElements.get("px-tab")||customElements.define("px-tab",fe);class xe extends ve{constructor(){super()}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",xe);const ke=new CSSStyleSheet;ke.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class ye extends HTMLElement{template(){return'\n        <ol class="timeline" role="list">\n            <slot></slot>\n        </ol>\n    '}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[ke]}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",ye);const Ae=new CSSStyleSheet;Ae.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 we="1";class ze 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=[Ae]}static get observedAttributes(){return["inverted","lastchild","item"]}attributeChangedCallback(t,e,o){if(e!==o&&"item"===t)this.updateItem(e,o),this.updateIndicator(we)}updateItem(t,e){null!==t&&""!==t&&(we=t),null!==e&&""!==e&&(we=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",ze);const $e=new CSSStyleSheet;$e.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 Se 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=[$e]}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",Se);const Ce="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)}}",je=new CSSStyleSheet,Le=new CSSStyleSheet;je.replaceSync(Ce),Le.replaceSync(ht);const Te=class extends r{constructor(){super(je,Le),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,n);break;case"font-size":this.updateTypography(t,e,o,a);break;case"font-weight":this.updateTypography(t,e,o,s);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){y(t)?this.removeAttribute("inverted"):this.setAttribute("inverted",t)}};Te.nativeName="span";let _e=Te;customElements.define("px-span",_e);const Me=new CSSStyleSheet,Ee=new CSSStyleSheet,Be=new CSSStyleSheet;Me.replaceSync(F),Ee.replaceSync(W),Be.replaceSync(ht);const Ne=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],Re=["","default","alternative"],Ie=class extends r{constructor(){super(Me,Ee,Be),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,a);break;case"color":this.updateTypography(t,e,o,n);break;case"font-weight":this.updateTypography(t,e,o,s);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(Ne,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(Re,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)}};Ie.nativeName="a";let Pe=Ie;customElements.get("px-a")||customElements.define("px-a",Pe);const He="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)}}",Ve=new CSSStyleSheet,qe=new CSSStyleSheet,De=new CSSStyleSheet;Ve.replaceSync(He),qe.replaceSync(ht),De.replaceSync(gt);const We=class extends r{constructor(){super(Ve,qe,De),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,m);break;case"color":this.updateTypography(t,e,o,n);break;case"font-size":this.updateTypography(t,e,o,a);break;case"font-weight":this.updateTypography(t,e,o,s);break;case"text-align":this.updateTypography(t,e,o,d);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)}};We.nativeName="p";let Fe=We;customElements.define("px-p",Fe);const Oe=new CSSStyleSheet,Ge=new CSSStyleSheet,Ye=new CSSStyleSheet,Ze=new CSSStyleSheet,Je=new CSSStyleSheet;Oe.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)}"),Ge.replaceSync(gt),Ye.replaceSync(F),Ze.replaceSync(He),Je.replaceSync(Ce),k(".li{padding-bottom:var(--px-padding-xs)}");class Ke extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[Oe,Ge,Ye,Ze,Je]}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",Ke);const Qe=new CSSStyleSheet;Qe.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 Ue=["","default","small"],Xe=["","default","secondary"],to=class extends r{constructor(){super(Qe),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,Ue);break;case"variant":this.updateVariant(e,o,Xe);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)}};to.nativeName="button";let eo=to;customElements.get("px-button-icon")||customElements.define("px-button-icon",eo);const oo=new CSSStyleSheet;oo.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 ro=["","default","action-neutral"],io=class extends r{constructor(){super(oo),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,ro);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)}};io.nativeName="a";let ao=io;customElements.get("px-entrypoint")||customElements.define("px-entrypoint",ao);const no=new CSSStyleSheet,so=new CSSStyleSheet;no.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)}}"),so.replaceSync(ht);class lo 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=[no,so]}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,l);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",lo),exports.Accordion=Rt,exports.Button=Q,exports.ButtonIcon=eo,exports.Container=ut,exports.Entrypoint=ao,exports.FontIcon=lt,exports.Grid=V,exports.GridItem=D,exports.H1=kt,exports.H2=At,exports.H3=zt,exports.H4=St,exports.H5=jt,exports.H6=Tt,exports.HStack=T,exports.IconSet=U,exports.Image=Dt,exports.Link=Pe,exports.Modal=Se,exports.Page=E,exports.Paragraph=Fe,exports.Patch=Zt,exports.Picture=Ft,exports.Price=Xt,exports.PxElement=r,exports.PxTab=fe,exports.PxTabPanel=xe,exports.PxTabs=me,exports.Ribbon=oe,exports.SVGIcon=at,exports.Section=Mt,exports.Separator=le,exports.Spacer=_,exports.Span=_e,exports.Spinner=lo,exports.Stack=j,exports.Tag=be,exports.Timeline=ye,exports.TimelineItem=ze,exports.Typography=Ke,exports.VStack=L,exports.WithFlexAttributes=o,exports.addGlobalStylesheet=k,exports.alignItemsValues=$,exports.backgroundColorValues=h,exports.backgroundSizeValues=pt,exports.backgroundValues=ro,exports.borderColorValues=u,exports.borderRadiusValues=b,exports.borderSideValues=g,exports.borderValues=p,exports.boxShadowValues=v,exports.buttonIconSizeValues=Ue,exports.buttonIconVariantValues=Xe,exports.colorValues=n,exports.contentAlignmentValues=I,exports.directionValues=z,exports.fontsizeValues=a,exports.fontweightValues=s,exports.gapValues=w,exports.getSupportedAttributeNames=t,exports.getViewportFormat=function(){return window.matchMedia("only screen and (min-width: 768px)").matches?"tablet":window.matchMedia("only screen and (min-width: 1025px)").matches?"laptop":"mobile"},exports.gradientValues=f,exports.gridColsValues=R,exports.gridGapValues=i,exports.headingValues=m,exports.iconSizeValues=l,exports.isFalsy=y,exports.itemsAlignmentValues=P,exports.justifyContentValues=S,exports.linkShapeValues=Re,exports.linkVariantValues=Ne,exports.noBorderRadiusValues=x,exports.paddingValues=c,exports.patchShapeValues=Yt,exports.patchVariantValues=Gt,exports.priceSizeValues=Qt,exports.priceVariantValues=Kt,exports.separatorColorValues=ne,exports.separatorDirectionValues=ie,exports.separatorSizeValues=ae,exports.tagShapeValues=pe,exports.tagVariantValues=ce,exports.textalignValues=d,exports.variantValues=J,exports.wrapValues=C;