@proximus/lavender 1.0.0-alpha.10 → 1.0.0-alpha.11

package/dist/lavender.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(e){const t=document.createElement(e),o=Object.getPrototypeOf(t);return Object.getOwnPropertyNames(o)}const t=new CSSStyleSheet;function o(e,t,o){t.forEach((t=>{const i=e.getAttribute(t);null!==i&&o(t,i)}))}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)}}");class i extends HTMLElement{static get observedAttributes(){return["grow","grow-tablet","grow-laptop","grow-desktop","shrink","shrink-mobile","shrink-tablet","shrink-laptop","shrink-desktop","basis","basis-mobile","basis-tablet","basis-laptop","basis-desktop","align-self"]}constructor(...e){super(),this.shadowRoot||this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[t,...e]}attributeChangedCallback(e,t,o){if(-1!==i.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}}class r extends i{static get observedAttributes(){return[...super.observedAttributes,...e(this.nativeName)]}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),null===o?this.$el.toggleAttribute(e):this.$el.setAttribute(e,o)}constructor(e,...t){super(e,...t),this.nativeName=Object.getPrototypeOf(this).constructor.nativeName}connectedCallback(){o(this,r.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)}));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 n=["","default","inherit","xs","s","base","m","l","xl","2xl","3xl","4xl","5xl","6xl","7xl"],a=["","default","inherit","primary","inverted-primary","inverted","body","details","hover","disabled","active","promo","status-success","status-warning","status-error","status-unlimited"],s=["","default","inherit","normal","bold","extrabold","light"],l=["","default","2xs","xs","s","m","l","xl","2xl"],d=["","none","2xs","xs","s","m","l","xl"],c=["","none","s","m","l"],p=["","none","xs","s","m","l","xl","2xl","pill"],b=["","none","weak","moderate","strong","rich","main","canvas-weak","canvas-light","canvas-soft","canvas-moderate","canvas-strong","canvas-deep","canvas-rich","action-primary","action-secondary","action-hover","action-disabled","action-active","notification","promo","success","error","warning","unlimited"],g=["","none","s","m","l","xl"],h=["","purple-bottom-red","purple-bottom-magenta","purple-bottom-orange","purple-bottom-blue","purple-bottom-turquoise","purple-bottom-green","purple-right-red","purple-right-magenta","purple-right-orange","purple-right-blue","purple-right-turquoise","purple-right-green","purple-top-right-red","purple-top-right-magenta","purple-top-right-orange","purple-top-right-blue","purple-top-right-turquoise","purple-top-right-green","purple-bottom-right-red","purple-bottom-right-magenta","purple-bottom-right-orange","purple-bottom-right-blue","purple-bottom-right-turquoise","purple-bottom-right-green","color-bottom-red","color-bottom-magenta","color-bottom-orange","color-bottom-blue","color-bottom-turquoise","color-bottom-green","color-right-red","color-right-magenta","color-right-orange","color-right-blue","color-right-turquoise","color-right-green","color-top-right-red","color-top-right-magenta","color-top-right-orange","color-top-right-blue","color-top-right-turquoise","color-top-right-green","color-bottom-right-red","color-bottom-right-magenta","color-bottom-right-orange","color-bottom-right-blue","color-bottom-right-turquoise","color-bottom-right-green"];function x(e){const t=document.createElement("style");t.innerHTML=e,document.head.appendChild(t)}function u(e){return"string"==typeof e&&("false"===e||"0"===e||"null"===e)||"boolean"==typeof e&&!e}const v=new CSSStyleSheet;v.replaceSync(":host>*:first-child{--px-color-bg-action-primary-default: #5C2D91;--px-color-bg-action-primary-inverted: #ffffff;--px-color-bg-action-secondary-default: rgba(92, 45, 145, .16);--px-color-bg-action-secondary-inverted: rgba(255, 255, 255, .24);--px-color-bg-action-hover-inverted-default: rgba(255, 255, 255, .4);--px-color-bg-action-hover-inverted-inverted: rgba(0, 0, 0, .8);--px-color-bg-action-hover-default: rgba(0, 0, 0, .12);--px-color-bg-action-hover-inverted: rgba(255, 255, 255, .16);--px-color-bg-action-disabled-default: rgba(0, 0, 0, .04);--px-color-bg-action-disabled-inverted: rgba(255, 255, 255, .08);--px-color-bg-action-active-default: #8D79AD;--px-color-bg-action-active-inverted: rgba(255, 255, 255, .8);--px-color-border-main-default: rgba(0, 0, 0, .12);--px-color-border-main-inverted: rgba(255, 255, 255, .16);--px-color-border-contrasted-default: rgba(0, 0, 0, .56);--px-color-border-contrasted-inverted: rgba(255, 255, 255, .64);--px-color-border-action-hover-default: #5C2D91;--px-color-border-action-hover-inverted: #ffffff;--px-color-border-action-active-default: #8D79AD;--px-color-border-action-active-inverted: rgba(255, 255, 255, .8);--px-color-border-none-default: rgba(255, 255, 255, 0);--px-color-border-none-inverted: rgba(255, 255, 255, 0);--px-color-border-success-default: #008000;--px-color-border-success-inverted: #26BB26;--px-color-border-error-default: #B30000;--px-color-border-error-inverted: #F22613;--px-color-border-warning-default: #AC5915;--px-color-border-warning-inverted: #DB992F;--px-color-border-unlimited-default: #016BC1;--px-color-border-unlimited-inverted: #7295CF;--px-color-bg-container-none-default: rgba(255, 255, 255, 0);--px-color-bg-container-none-inverted: rgba(0, 0, 0, 0);--px-color-bg-container-weak-default: rgba(0, 0, 0, .08);--px-color-bg-container-weak-inverted: rgba(255, 255, 255, .12);--px-color-bg-container-moderate-default: rgba(0, 0, 0, .04);--px-color-bg-container-moderate-inverted: rgba(255, 255, 255, .08);--px-color-bg-container-strong-default: rgba(0, 0, 0, .08);--px-color-bg-container-strong-inverted: rgba(255, 255, 255, .12);--px-color-bg-container-rich-default: #252525;--px-color-bg-container-rich-inverted: #ffffff;--px-color-bg-container-main-default: #ffffff;--px-color-bg-container-main-inverted: #ffffff;--px-color-bg-gradient-purple-bottom-red: 180deg, #5C2D91 66%, #EE2E5D 100%;--px-color-bg-gradient-purple-bottom-magenta: 180deg, #5C2D91 66%, #FF418C 100%;--px-color-bg-gradient-purple-bottom-orange: 180deg, #5C2D91 66%, #F39200 100%;--px-color-bg-gradient-purple-bottom-blue: 180deg, #5C2D91 66%, #00BCEE 100%;--px-color-bg-gradient-purple-bottom-turquoise: 180deg, #5C2D91 66%, #66D2CC 100%;--px-color-bg-gradient-purple-bottom-green: 180deg, #5C2D91 66%, #81C747 100%;--px-color-bg-gradient-purple-right-red: 90deg, #5C2D91 66%, #EE2E5D 100%;--px-color-bg-gradient-purple-right-magenta: 90deg, #5C2D91 66%, #FF418C 100%;--px-color-bg-gradient-purple-right-orange: 90deg, #5C2D91 66%, #F39200 100%;--px-color-bg-gradient-purple-right-blue: 90deg, #5C2D91 66%, #00BCEE 100%;--px-color-bg-gradient-purple-right-turquoise: 90deg, #5C2D91 66%, #66D2CC 100%;--px-color-bg-gradient-purple-right-green: 90deg, #5C2D91 66%, #81C747 100%;--px-color-bg-gradient-purple-top-right-red: 25deg, #5C2D91 66%, #EE2E5D 100%;--px-color-bg-gradient-purple-top-right-magenta: 25deg, #5C2D91 66%, #FF418C 100%;--px-color-bg-gradient-purple-top-right-orange: 25deg, #5C2D91 66%, #F39200 100%;--px-color-bg-gradient-purple-top-right-blue: 25deg, #5C2D91 66%, #00BCEE 100%;--px-color-bg-gradient-purple-top-right-turquoise: 25deg, #5C2D91 66%, #66D2CC 100%;--px-color-bg-gradient-purple-top-right-green: 25deg, #5C2D91 66%, #81C747 100%;--px-color-bg-gradient-purple-bottom-right-red: 155deg, #5C2D91 66%, #EE2E5D 100%;--px-color-bg-gradient-purple-bottom-right-magenta: 155deg, #5C2D91 66%, #FF418C 100%;--px-color-bg-gradient-purple-bottom-right-orange: 155deg, #5C2D91 66%, #F39200 100%;--px-color-bg-gradient-purple-bottom-right-blue: 155deg, #5C2D91 66%, #00BCEE 100%;--px-color-bg-gradient-purple-bottom-right-turquoise: 155deg, #5C2D91 66%, #66D2CC 100%;--px-color-bg-gradient-purple-bottom-right-green: 155deg, #5C2D91 66%, #81C747 100%;--px-color-bg-gradient-color-bottom-red: 180deg, #5C2D91 3%, #EE2E5D 66%;--px-color-bg-gradient-color-bottom-magenta: 180deg, #5C2D91 3%, #FF418C 66%;--px-color-bg-gradient-color-bottom-orange: 180deg, #5C2D91 3%, #F39200 66%;--px-color-bg-gradient-color-bottom-blue: 180deg, #5C2D91 3%, #00BCEE 66%;--px-color-bg-gradient-color-bottom-turquoise: 180deg, #5C2D91 3%, #66D2CC 66%;--px-color-bg-gradient-color-bottom-green: 180deg, #5C2D91 3%, #81C747 66%;--px-color-bg-gradient-color-right-red: 90deg, #5C2D91 3%, #EE2E5D 66%;--px-color-bg-gradient-color-right-magenta: 90deg, #5C2D91 3%, #FF418C 66%;--px-color-bg-gradient-color-right-orange: 90deg, #5C2D91 3%, #F39200 66%;--px-color-bg-gradient-color-right-blue: 90deg, #5C2D91 3%, #00BCEE 66%;--px-color-bg-gradient-color-right-turquoise: 90deg, #5C2D91 3%, #66D2CC 66%;--px-color-bg-gradient-color-right-green: 90deg, #5C2D91 3%, #81C747 66%;--px-color-bg-gradient-color-top-right-red: 25deg, #5C2D91 3%, #EE2E5D 66%;--px-color-bg-gradient-color-top-right-magenta: 25deg, #5C2D91 3%, #FF418C 66%;--px-color-bg-gradient-color-top-right-orange: 25deg, #5C2D91 3%, #F39200 66%;--px-color-bg-gradient-color-top-right-blue: 25deg, #5C2D91 3%, #00BCEE 66%;--px-color-bg-gradient-color-top-right-turquoise: 25deg, #5C2D91 3%, #66D2CC 66%;--px-color-bg-gradient-color-top-right-green: 25deg, #5C2D91 3%, #81C747 66%;--px-color-bg-gradient-color-bottom-right-red: 155deg, #5C2D91 3%, #EE2E5D 66%;--px-color-bg-gradient-color-bottom-right-magenta: 155deg, #5C2D91 3%, #FF418C 66%;--px-color-bg-gradient-color-bottom-right-orange: 155deg, #5C2D91 3%, #F39200 66%;--px-color-bg-gradient-color-bottom-right-blue: 155deg, #5C2D91 3%, #00BCEE 66%;--px-color-bg-gradient-color-bottom-right-turquoise: 155deg, #5C2D91 3%, #66D2CC 66%;--px-color-bg-gradient-color-bottom-right-green: 155deg, #5C2D91 3%, #81C747 66%;--px-color-bg-notification-default: #DE2A56;--px-color-bg-notification-inverted: #DE2A56;--px-color-bg-promo-default: #DE2A56;--px-color-bg-promo-inverted: #E43C65;--px-color-bg-success-default: #008000;--px-color-bg-success-inverted: #26BB26;--px-color-bg-error-default: #B30000;--px-color-bg-error-inverted: #F22613;--px-color-bg-warning-default: #AC5915;--px-color-bg-warning-inverted: #DB992F;--px-color-bg-unlimited-default: #016BC1;--px-color-bg-unlimited-inverted: #7295CF;--px-color-canvas-weak: #f9f9f9;--px-color-canvas-light: #e4e4e4;--px-color-canvas-soft: #c6c6c6;--px-color-canvas-moderate: #a1a1a1;--px-color-canvas-strong: #727272;--px-color-canvas-deep: #464646;--px-color-canvas-rich: #252525;--px-color-datavis-green: #008000;--px-color-datavis-orange: #F39200;--px-color-datavis-red: #B30000;--px-color-datavis-magenta: #FF418C;--px-color-datavis-blue: #016BC1;--px-color-datavis-turquoise: #66D2CC;--px-color-icon-primary-default: #5C2D91;--px-color-icon-primary-inverted: #ffffff;--px-color-icon-body-default: #252525;--px-color-icon-body-inverted: #ffffff;--px-color-icon-details-default: rgba(0, 0, 0, .56);--px-color-icon-details-inverted: rgba(255, 255, 255, .64);--px-color-icon-hover-default: #8D79AD;--px-color-icon-hover-inverted: rgba(255, 255, 255, .8);--px-color-icon-active-default: #8D79AD;--px-color-icon-active-inverted: rgba(255, 255, 255, .8);--px-color-icon-disabled-default: rgba(0, 0, 0, .12);--px-color-icon-disabled-inverted: rgba(255, 255, 255, .16);--px-color-icon-success-default: #008000;--px-color-icon-success-inverted: #26BB26;--px-color-icon-warning-default: #AC5915;--px-color-icon-warning-inverted: #DB992F;--px-color-icon-error-default: #B30000;--px-color-icon-error-inverted: #F22613;--px-color-icon-unlimited-default: #016BC1;--px-color-icon-unlimited-inverted: #7295CF;--px-color-icon-promo-default: #DE2A56;--px-color-icon-promo-inverted: #FF4371;--px-color-illu-purple-bare: #F4F2F6;--px-color-illu-purple-weak: #E8E5ED;--px-color-illu-purple-light: #CEC8DA;--px-color-illu-purple-soft: #B0A5C5;--px-color-illu-purple-moderate: #8D79AD;--px-color-illu-purple-strong: #472370;--px-color-illu-red-weak: #F9E5E7;--px-color-illu-red-soft: #ECA5AE;--px-color-illu-red-core: #DE2A56;--px-color-illu-magenta-weak: #FFE6ED;--px-color-illu-magenta-soft: #FFA9C2;--px-color-illu-magenta-core: #FF418C;--px-color-illu-orange-weak: #FDEDE4;--px-color-illu-orange-soft: #F8C5A1;--px-color-illu-orange-core: #F39200;--px-color-illu-blue-bare: #F2F9FD;--px-color-illu-blue-weak: #E4F3FC;--px-color-illu-blue-soft: #A1D9F5;--px-color-illu-blue-core: #00BCEE;--px-color-illu-turquoise-weak: #E9F7F6;--px-color-illu-turquoise-soft: #B4E5E2;--px-color-illu-turquoise-moderate: #92DCD7;--px-color-illu-turquoise-core: #66D2CC;--px-color-illu-green-weak: #EBF5E6;--px-color-illu-green-soft: #BEDFAA;--px-color-illu-green-core: #81C747;--px-color-illu-yellow-core: #FFCA00;--px-color-txt-primary-default: #5C2D91;--px-color-txt-primary-inverted: #ffffff;--px-color-txt-inverted-primary-default: #ffffff;--px-color-txt-inverted-primary-inverted: #5C2D91;--px-color-txt-inverted-default: #ffffff;--px-color-txt-inverted-inverted: #252525;--px-color-txt-body-default: #252525;--px-color-txt-body-inverted: #ffffff;--px-color-txt-details-default: rgba(0, 0, 0, .56);--px-color-txt-details-inverted: rgba(255, 255, 255, .64);--px-color-txt-hover-default: #8D79AD;--px-color-txt-hover-inverted: rgba(255, 255, 255, .8);--px-color-txt-disabled-default: rgba(0, 0, 0, .12);--px-color-txt-disabled-inverted: rgba(255, 255, 255, .16);--px-color-txt-active-default: #8D79AD;--px-color-txt-active-inverted: rgba(255, 255, 255, .8);--px-color-txt-promo-default: #DE2A56;--px-color-txt-promo-inverted: #FF4371;--px-color-txt-status-success-default: #008000;--px-color-txt-status-success-inverted: #26BB26;--px-color-txt-status-error-default: #B30000;--px-color-txt-status-error-inverted: #F22613;--px-color-txt-status-warning-default: #AC5915;--px-color-txt-status-warning-inverted: #DB992F;--px-color-txt-status-unlimited-default: #016BC1;--px-color-txt-status-unlimited-inverted: #7295CF;--px-breakpoints-mobile-min: 0px;--px-breakpoints-mobile-max: 767px;--px-breakpoints-tablet-min: 768px;--px-breakpoints-tablet-max: 1024px;--px-breakpoints-laptop-min: 1025px;--px-breakpoints-laptop-max: 1440px;--px-breakpoints-desktop-min: 1441px;--px-breakpoints-desktop-max: 99999px;--px-border-none: 0px;--px-border-s: 1px;--px-border-m: 2px;--px-border-l: 3px;--px-radius-none: 0px;--px-radius-xs: 3px;--px-radius-s: 4px;--px-radius-m: 8px;--px-radius-l: 12px;--px-radius-xl: 16px;--px-radius-2xl: 22px;--px-radius-pill: 9999px;--px-shadow-none: 0px 0px 0px 0px #00000080;--px-shadow-s: 0px 1px 2px 0px rgba(0, 0, 0, .12);--px-shadow-m: 0px 4px 6px -1px rgba(0, 0, 0, .08);--px-shadow-l: 0px 10px 15px -3px rgba(0, 0, 0, .08);--px-shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, .08);--px-spacing-between-icon-horizontal: 8px;--px-spacing-text-to-icon-compact-horizontal: 4px;--px-spacing-text-to-icon-horizontal: 24px;--px-spacing-component-compact-horizontal: 16px;--px-spacing-component-default-horizontal: 20px;--px-spacing-component-expanded-horizontal: 80px;--px-spacing-between-icon-horizontal-mobile: 8px;--px-spacing-text-to-icon-horizontal-mobile: 16px;--px-spacing-component-compact-horizontal-mobile: 8px;--px-spacing-component-default-horizontal-mobile: 16px;--px-spacing-component-expanded-horizontal-mobile: 32px;--px-padding-none: 0px;--px-padding-2xs: 4px;--px-padding-xs: 8px;--px-padding-s: 16px;--px-padding-m: 24px;--px-padding-l: 32px;--px-padding-xl: 40px;--px-padding-none-mobile: 0px;--px-padding-2xs-mobile: 4px;--px-padding-xs-mobile: 8px;--px-padding-s-mobile: 16px;--px-padding-mobile-mobile: 24px;--px-padding-l-mobile: 24px;--px-padding-xl-mobile: 24px;--px-size-action: 44px;--px-size-input-box: 44px;--px-size-default: 44px;--px-size-action-mobile: 40px;--px-size-input-box-mobile: 40px;--px-size-default-mobile: 40px;--px-spacing-between-options-vertical: 0px;--px-spacing-under-text-vertical: 8px;--px-spacing-display-to-subtitle-vertical: 16px;--px-spacing-under-display-vertical: 24px;--px-spacing-component-default-vertical: 24px;--px-spacing-component-expanded-vertical: 40px;--px-spacing-between-section-vertical: 80px;--px-spacing-between-options-vertical-mobile: 0px;--px-spacing-under-text-vertical-mobile: 8px;--px-spacing-display-to-subtitle-vertical-mobile: 8px;--px-spacing-under-display-vertical-mobile: 16px;--px-spacing-component-default-vertical-mobile: 16px;--px-spacing-component-expanded-vertical-mobile: 16px;--px-spacing-between-section-vertical-mobile: 32px;--px-icon-size-2xs-mobile: 12px;--px-icon-size-2xs-tablet: 12px;--px-icon-size-2xs-desktop: 12px;--px-icon-size-xs-mobile: 16px;--px-icon-size-xs-tablet: 16px;--px-icon-size-xs-desktop: 16px;--px-icon-size-s-mobile: 20px;--px-icon-size-s-tablet: 20px;--px-icon-size-s-desktop: 20px;--px-icon-size-m-mobile: 24px;--px-icon-size-m-tablet: 24px;--px-icon-size-m-desktop: 24px;--px-icon-size-l-mobile: 32px;--px-icon-size-l-tablet: 32px;--px-icon-size-l-desktop: 32px;--px-icon-size-xl-mobile: 40px;--px-icon-size-xl-tablet: 40px;--px-icon-size-xl-desktop: 40px;--px-icon-size-2xl-mobile: 48px;--px-icon-size-2xl-tablet: 48px;--px-icon-size-2xl-desktop: 48px;--px-line-height-xs-mobile: 15px;--px-line-height-xs-tablet: 15px;--px-line-height-xs-desktop: 18px;--px-line-height-s-mobile: 18px;--px-line-height-s-tablet: 18px;--px-line-height-s-desktop: 21px;--px-line-height-base-mobile: 21px;--px-line-height-base-tablet: 21px;--px-line-height-base-desktop: 24px;--px-line-height-m-mobile: 24px;--px-line-height-m-tablet: 24px;--px-line-height-m-desktop: 27px;--px-line-height-l-mobile: 27px;--px-line-height-l-tablet: 27px;--px-line-height-l-desktop: 30px;--px-line-height-xl-mobile: 30px;--px-line-height-xl-tablet: 30px;--px-line-height-xl-desktop: 36px;--px-line-height-2xl-mobile: 36px;--px-line-height-2xl-tablet: 36px;--px-line-height-2xl-desktop: 42px;--px-line-height-3xl-mobile: 42px;--px-line-height-3xl-tablet: 42px;--px-line-height-3xl-desktop: 48px;--px-line-height-4xl-mobile: 48px;--px-line-height-4xl-tablet: 48px;--px-line-height-4xl-desktop: 54px;--px-line-height-5xl-mobile: 54px;--px-line-height-5xl-tablet: 54px;--px-line-height-5xl-desktop: 60px;--px-line-height-6xl-mobile: 60px;--px-line-height-6xl-tablet: 60px;--px-line-height-6xl-desktop: 72px;--px-text-size-xs-mobile: 10px;--px-text-size-xs-tablet: 10px;--px-text-size-xs-desktop: 12px;--px-text-size-s-mobile: 12px;--px-text-size-s-tablet: 12px;--px-text-size-s-desktop: 14px;--px-text-size-base-mobile: 14px;--px-text-size-base-tablet: 14px;--px-text-size-base-desktop: 16px;--px-text-size-m-mobile: 16px;--px-text-size-m-tablet: 16px;--px-text-size-m-desktop: 18px;--px-text-size-l-mobile: 18px;--px-text-size-l-tablet: 18px;--px-text-size-l-desktop: 20px;--px-text-size-xl-mobile: 20px;--px-text-size-xl-tablet: 20px;--px-text-size-xl-desktop: 24px;--px-text-size-2xl-mobile: 24px;--px-text-size-2xl-tablet: 24px;--px-text-size-2xl-desktop: 28px;--px-text-size-3xl-mobile: 28px;--px-text-size-3xl-tablet: 28px;--px-text-size-3xl-desktop: 32px;--px-text-size-4xl-mobile: 32px;--px-text-size-4xl-tablet: 32px;--px-text-size-4xl-desktop: 36px;--px-text-size-5xl-mobile: 36px;--px-text-size-5xl-tablet: 36px;--px-text-size-5xl-desktop: 40px;--px-text-size-6xl-mobile: 40px;--px-text-size-6xl-tablet: 40px;--px-text-size-6xl-desktop: 48px;--px-text-size-7xl-mobile: 48px;--px-text-size-7xl-tablet: 48px;--px-text-size-7xl-desktop: 64px}");const m=new CSSStyleSheet;m.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 f=["between-section-vertical","between-options-vertical","under-text-vertical","display-to-subtitle-vertical","under-display-vertical","component-default-vertical","component-expanded-vertical","between-section-vertical-mobile","between-options-vertical-mobile","under-text-vertical-mobile","display-to-subtitle-vertical-mobile","under-display-vertical-mobile","component-default-vertical-mobile","component-expanded-vertical-mobile","between-icon-horizontal","text-to-icon-compact-horizontal","text-to-icon-horizontal","component-compact-horizontal","component-default-horizontal","component-expanded-horizontal","between-icon-horizontal-mobile","text-to-icon-compact-horizontal-mobile","text-to-icon-horizontal-mobile","component-compact-horizontal-mobile","component-default-horizontal-mobile"];class k extends i{constructor(e){super(e,m),this.template='<div class="flex-container">\n      <slot></slot>\n  </div>',this.shadowRoot.innerHTML=this.template}connectedCallback(){o(this,k.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)})),this.hasAttribute("direction")||(this.direction="row")}static get observedAttributes(){return[...super.observedAttributes,"direction","direction-mobile","direction-tablet","direction-laptop","direction-desktop","gap","gap-mobile","gap-tablet","gap-laptop","gap-desktop","justify-content","justify-content-mobile","justify-content-tablet","justify-content-laptop","justify-content-desktop","align-items","align-items-mobile","align-items-tablet","align-items-laptop","align-items-desktop","wrap","wrap-mobile","wrap-tablet","wrap-laptop","wrap-desktop"]}attributeChangedCallback(e,t,o){if(e.indexOf("direction")>-1&&!["column","row"].includes(o))throw new Error("Invalid direction");switch(e){case"gap":this.$el.style.getPropertyValue("--flex-gap-mobile-value")||this.$el.style.setProperty("--flex-gap-mobile-value",this.getGapCSSVariable(o)),this.$el.style.getPropertyValue("--flex-gap-tablet-value")||this.$el.style.setProperty("--flex-gap-tablet-value",this.getGapCSSVariable(o)),this.$el.style.getPropertyValue("--flex-gap-laptop-value")||this.$el.style.setProperty("--flex-gap-laptop-value",this.getGapCSSVariable(o)),this.$el.style.getPropertyValue("--flex-gap-desktop-value")||this.$el.style.setProperty("--flex-gap-desktop-value",this.getGapCSSVariable(o));break;case"gap-mobile":case"gap-tablet":case"gap-laptop":case"gap-desktop":this.$el.style.setProperty(`--flex-${e}-value`,this.getGapCSSVariable(o));break;case"direction":this.$el.style.getPropertyValue("--flex-direction-mobile-value")||this.$el.style.setProperty("--flex-direction-mobile-value",o),this.$el.style.getPropertyValue("--flex-direction-tablet-value")||this.$el.style.setProperty("--flex-direction-tablet-value",o),this.$el.style.getPropertyValue("--flex-direction-laptop-value")||this.$el.style.setProperty("--flex-direction-laptop-value",o),this.$el.style.getPropertyValue("--flex-direction-desktop-value")||this.$el.style.setProperty("--flex-direction-desktop-value",o);break;case"justify-content":this.$el.style.getPropertyValue("--flex-justify-content-mobile-value")||this.$el.style.setProperty("--flex-justify-content-mobile-value",o),this.$el.style.getPropertyValue("--flex-justify-content-tablet-value")||this.$el.style.setProperty("--flex-justify-content-tablet-value",o),this.$el.style.getPropertyValue("--flex-justify-content-laptop-value")||this.$el.style.setProperty("--flex-justify-content-laptop-value",o),this.$el.style.getPropertyValue("--flex-justify-content-desktop-value")||this.$el.style.setProperty("--flex-justify-content-desktop-value",o);break;case"align-items":this.$el.style.getPropertyValue("--flex-align-items-mobile-value")||this.$el.style.setProperty("--flex-align-items-mobile-value",o),this.$el.style.getPropertyValue("--flex-align-items-tablet-value")||this.$el.style.setProperty("--flex-align-items-tablet-value",o),this.$el.style.getPropertyValue("--flex-align-items-laptop-value")||this.$el.style.setProperty("--flex-align-items-laptop-value",o),this.$el.style.getPropertyValue("--flex-align-items-desktop-value")||this.$el.style.setProperty("--flex-align-items-desktop-value",o);break;case"wrap":this.$el.style.getPropertyValue("--flex-wrap-mobile-value")||this.$el.style.setProperty("--flex-wrap-mobile-value",o),this.$el.style.getPropertyValue("--flex-wrap-tablet-value")||this.$el.style.setProperty("--flex-wrap-tablet-value",o),this.$el.style.getPropertyValue("--flex-wrap-laptop-value")||this.$el.style.setProperty("--flex-wrap-laptop-value",o),this.$el.style.getPropertyValue("--flex-wrap-desktop-value")||this.$el.style.setProperty("--flex-wrap-desktop-value",o);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`,o);break;default:super.attributeChangedCallback(e,t,o)}}getGapCSSVariable(e){return f.includes(e)?`var(--px-spacing-${e})`:e}get direction(){return this.getAttribute("direction")}set direction(e){this.setAttribute("direction",e)}get directionMobile(){return this.getAttribute("direction-mobile")}set directionMobile(e){this.setAttribute("direction-mobile",e)}get directionTablet(){return this.getAttribute("direction-tablet")}set directionTablet(e){this.setAttribute("direction-tablet",e)}get directionLaptop(){return this.getAttribute("direction-laptop")}set directionLaptop(e){this.setAttribute("direction-laptop",e)}get directionDesktop(){return this.getAttribute("direction-desktop")}set directionDesktop(e){this.setAttribute("direction-desktop",e)}get gap(){return this.getAttribute("gap")}set gap(e){this.setAttribute("gap",e)}get gapMobile(){return this.getAttribute("gap-mobile")}set gapMobile(e){this.setAttribute("gap-mobile",e)}get gapTablet(){return this.getAttribute("gap-tablet")}set gapTablet(e){this.setAttribute("gap-tablet",e)}get gapLaptop(){return this.getAttribute("gap-laptop")}set gapLaptop(e){this.setAttribute("gap-laptop",e)}get justifyContent(){return this.getAttribute("justify-content")}set justifyContent(e){this.setAttribute("justify-content",e)}get justifyContentMobile(){return this.getAttribute("justify-content-mobile")}set justifyContentMobile(e){this.setAttribute("justify-content-mobile",e)}get justifyContentTablet(){return this.getAttribute("justify-content-tablet")}set justifyContentTablet(e){this.setAttribute("justify-content-tablet",e)}get justifyContentLaptop(){return this.getAttribute("justify-content-laptop")}set justifyContentLaptop(e){this.setAttribute("justify-content-laptop",e)}get justifyContentDesktop(){return this.getAttribute("justify-content-desktop")}set justifyContentDesktop(e){this.setAttribute("justify-content-desktop",e)}get alignItems(){return this.getAttribute("align-items")}set alignItems(e){this.setAttribute("align-items",e)}get alignItemsMobile(){return this.getAttribute("align-items-mobile")}set alignItemsMobile(e){this.setAttribute("align-items-mobile",e)}get alignItemsTablet(){return this.getAttribute("align-items-tablet")}set alignItemsTablet(e){this.setAttribute("align-items-tablet",e)}get alignItemsLaptop(){return this.getAttribute("align-items-laptop")}set alignItemsLaptop(e){this.setAttribute("align-items-laptop",e)}get alignItemsDesktop(){return this.getAttribute("align-items-desktop")}set alignItemsDesktop(e){this.setAttribute("align-items-desktop",e)}get wrap(){return this.getAttribute("wrap")}set wrap(e){this.setAttribute("wrap",e)}get wrapMobile(){return this.getAttribute("wrap-mobile")}set wrapMobile(e){this.setAttribute("wrap-mobile",e)}get wrapTablet(){return this.getAttribute("wrap-tablet")}set wrapTablet(e){this.setAttribute("wrap-tablet",e)}get wrapLaptop(){return this.getAttribute("wrap-laptop")}set wrapLaptop(e){this.setAttribute("wrap-laptop",e)}get wrapDesktop(){return this.getAttribute("wrap-desktop")}set wrapDesktop(e){this.setAttribute("wrap-desktop",e)}get $el(){return this.shadowRoot.querySelector(".flex-container")}}class y extends k{constructor(e){super(e)}connectedCallback(){super.connectedCallback(),this.direction="column",this.directionMobile="column",this.directionTablet="column",this.directionLaptop="column",this.directionDesktop="column"}}class w extends k{constructor(e){super(e)}connectedCallback(){super.connectedCallback(),this.direction="row",this.directionMobile="row",this.directionTablet="row",this.directionLaptop="row",this.directionDesktop="row"}}class z extends k{constructor(){super(v)}}customElements.get("px-stack")||customElements.define("px-stack",z),customElements.get("px-vstack")||customElements.define("px-vstack",class extends y{constructor(){super(v)}}),customElements.get("px-hstack")||customElements.define("px-hstack",class extends w{constructor(){super(v)}});class A extends HTMLElement{constructor(){super()}static get observedAttributes(){return["grow"]}attributeChangedCallback(e,t,o){"grow"===e&&(this.style.flexGrow=o)}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",A);const C=new CSSStyleSheet;C.replaceSync("slot[name=heading]{display:block;margin-top:1rem;margin-bottom:1rem}");let S=class extends i{constructor(){super(C),this.template='\n  <section>\n    <slot name="heading"></slot>\n    <px-stack direction="column" gap="1rem">\n      <slot></slot>\n    </px-stack>\n  </section>',this.shadowRoot.innerHTML=this.template}static get observedAttributes(){return[...super.observedAttributes,"gap"]}attributeChangedCallback(e,t,o){"gap"!==e||t===o?super.attributeChangedCallback(e,t,o):this.$el.gap=o}get gap(){return this.getAttribute("gap")}set gap(e){this.setAttribute("gap",e)}get $el(){return this.shadowRoot.querySelector('px-stack[direction="column"]')}};customElements.define("px-section-damien",S);const $=new CSSStyleSheet;$.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class E extends i{constructor(){super(v,$),this.template=e=>`\n    <px-container borderradius="none" padding="none">\n      <px-vstack>\n        <px-container id="header-container" borderradius="none">\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="header-vstack-container"\n              gap="1rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="header-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="image-container"\n          borderradius="none"\n          padding="none"\n          paddingtop="xl"\n          id="image-box"\n          bgimgsize="cover"\n          bgimgposition="top center"\n          paddingbottom="xl"\n          borderradius="none"\n          bgimg="${this.backgroundImage}"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack grow="${this.grow}" basis="${this.basis}">\n              <slot name="image-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        ${e?` <px-hstack>\n        <px-spacer></px-spacer>\n        <px-container borderradius="none" shadow="xl" id="image-sticky-box" border="s" grow="${this.grow}" basis="${this.basis}" borderradius="m">\n          <px-vstack gap="1rem">\n            <slot name="image-sticky-container"></slot>\n          </px-vstack>\n        </px-container>\n        <px-spacer></px-spacer>\n      </px-hstack>`:""}\n        <px-container\n          id="body-container"\n          id="main"\n          bgcolor="${this.backgroundColor}"\n          padding="none"\n          paddingtop="xl"\n          paddingbottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="body-vstack-container"\n              gap="3rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="body-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="contact-container"\n          borderradius="none"\n          id="main"\n          bgcolor="strong"\n          padding="none"\n          paddingtop="xl"\n          paddingbottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="contact-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="footer-container"\n          bgcolor="none"\n          borderradius="none"\n          style="background-color: rgb(108, 66, 156)"\n          paddingtop="xl"\n          paddingbottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="footer-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n      </px-vstack>\n    </px-container>\n  `,this.shadowRoot.innerHTML=this.template(!!this.$imageStickySlot)}static get observedAttributes(){return[...super.observedAttributes,"background-image","gap","background-color","padding-vertical","padding-horizontal"]}get $wideImage(){return this.shadowRoot.querySelector("#image-box")}get $bodyVStackContainer(){return this.shadowRoot.querySelector("#header-vstack-container")}get $bodyContainer(){return this.shadowRoot.querySelector("#body-container")}get $contactContainer(){return this.shadowRoot.querySelector("#contact-container")}get $footerContainer(){return this.shadowRoot.querySelector("#footer-container")}get $headerContainer(){return this.shadowRoot.querySelector("#header-container")}get $imageContainer(){return this.shadowRoot.querySelector("#image-container")}get backgroundImage(){return this.getAttribute("background-image")}get $imageStickySlot(){return this.querySelector('*[slot="image-sticky-container"]')}get $main(){return this.shadowRoot.querySelector("#main")}get backgroundColor(){return this.getAttribute("background-color")||"none"}get paddingVertical(){return this.getAttribute("padding-vertical")}get paddingHorizontal(){return this.getAttribute("padding-horizontal")}set paddingVertical(e){this.setAttribute("padding-vertical",e)}set paddingHorizontal(e){this.setAttribute("padding-horizontal",e)}get gap(){return this.getAttribute("gap")}connectedCallback(){this.handlePaddingVerticalChange(this.paddingVertical),this.handlePaddingHorizontalChange(this.paddingHorizontal)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"background-image":this.$imageContainer.bgImgMobile=o;break;case"gap":this.$bodyVStackContainer.gap=o;break;case"background-color":this.$bodyContainer.bgColor=b.indexOf(o)>0?o:"none";break;case"padding-vertical":this.handlePaddingVerticalChange(o);break;case"padding-horizontal":this.handlePaddingHorizontalChange(o);break;default:super.attributeChangedCallback(e,t,o)}}handlePaddingVerticalChange(e){this.$headerContainer.paddingTop=e,this.$footerContainer.paddingBottom=e}handlePaddingHorizontalChange(e){this.$headerContainer.paddingLeft=e,this.$headerContainer.paddingRight=e,this.$bodyContainer.paddingLeft=e,this.$bodyContainer.paddingRight=e,this.$contactContainer.paddingLeft=e,this.$contactContainer.paddingRight=e,this.$footerContainer.paddingLeft=e,this.$footerContainer.paddingRight=e,this.$imageContainer.paddingLeft=e,this.$imageContainer.paddingRight=e}}void 0===customElements.get("px-page")&&customElements.define("px-page",E);const L=new CSSStyleSheet;L.replaceSync(':host{line-height:1;display:inline-block;vertical-align:middle}i{font-family:PxIcon;color:var(--px-color-icon-primary-default);line-height:1;font-style:unset;font-weight:400;-webkit-user-select:none;user-select:none;font-display:swap}.inherit{color:inherit}.primary{color:var(--px-color-icon-primary-default)}.body{color:var(--px-color-icon-body-default)}.details{color:var(--px-color-icon-details-default)}.hover:hover{color:var(--px-color-icon-hover-default)}.hover:active{color:var(--px-color-icon-active-default)}.disabled{color:var(--px-color-icon-disabled-default)}.success{color:var(--px-color-icon-success-default)}.warning{color:var(--px-color-icon-warning-default)}.error{color:var(--px-color-icon-error-default)}.unlimited{color:var(--px-color-icon-unlimited-default)}.promo{color:var(--px-color-icon-promo-default)}:host([inverted]) i,:host([inverted]) .primary{color:var(--px-color-icon-primary-inverted)}:host([inverted]) .body{color:var(--px-color-icon-body-inverted)}:host([inverted]) .details{color:var(--px-color-icon-details-inverted)}:host([inverted]) .hover:hover{color:var(--px-color-icon-hover-inverted)}:host([inverted]) .hover:active{color:var(--px-color-icon-active-inverted)}:host([inverted]) .disabled{color:var(--px-color-icon-disabled-inverted)}:host([inverted]) .success{color:var(--px-color-icon-success-inverted)}:host([inverted]) .warning{color:var(--px-color-icon-warning-inverted)}:host([inverted]) .error{color:var(--px-color-icon-error-inverted)}:host([inverted]) .unlimited{color:var(--px-color-icon-unlimited-inverted)}:host([inverted]) .promo{color:var(--px-color-icon-promo-inverted)}.size-2xs{font-size:var(--px-icon-size-2xs-mobile)}.size-xs{font-size:var(--px-icon-size-xs-mobile)}.size-s{font-size:var(--px-icon-size-s-mobile)}.size-m{font-size:var(--px-icon-size-m-mobile)}.size-l{font-size:var(--px-icon-size-l-mobile)}.size-xl{font-size:var(--px-icon-size-xl-mobile)}.size-2xl{font-size:var(--px-icon-size-2xl-mobile)}@media only screen and (min-width: 64rem){.size-2xs{font-size:var(--px-icon-size-2xs-tablet)}.size-xs{font-size:var(--px-icon-size-xs-tablet)}.size-s{font-size:var(--px-icon-size-s-tablet)}.size-m{font-size:var(--px-icon-size-m-tablet)}.size-l{font-size:var(--px-icon-size-l-tablet)}.size-xl{font-size:var(--px-icon-size-xl-tablet)}.size-2xl{font-size:var(--px-icon-size-2xl-tablet)}}@media only screen and (min-width: 90rem){.size-2xs{font-size:var(--px-icon-size-2xs-desktop)}.size-xs{font-size:var(--px-icon-size-xs-desktop)}.size-s{font-size:var(--px-icon-size-s-desktop)}.size-m{font-size:var(--px-icon-size-m-desktop)}.size-l{font-size:var(--px-icon-size-l-desktop)}.size-xl{font-size:var(--px-icon-size-xl-desktop)}.size-2xl{font-size:var(--px-icon-size-2xl-desktop)}}i.icon-large:before{vertical-align:-10%;font-size:1.3333333333em}.icon-Accessories:before{content:""}.icon-Account:before{content:""}.icon-Activeren:before{content:""}.icon-Addition:before{content:""}.icon-Administration:before{content:""}.icon-Advantage:before{content:""}.icon-Advantage-pig:before{content:""}.icon-AI:before{content:""}.icon-Airplane:before{content:""}.icon-Alarm:before{content:""}.icon-Answers:before{content:""}.icon-Antenna:before{content:""}.icon-Anywhere:before{content:""}.icon-Applications:before{content:""}.icon-Appointment:before{content:""}.icon-Arrow:before{content:""}.icon-Arrow-circle:before{content:""}.icon-Arrow-direction:before{content:""}.icon-Arrow-direction-horizontal:before{content:""}.icon-Arrow-down:before{content:""}.icon-Arrow-left:before{content:""}.icon-Arrow-navigation:before{content:""}.icon-Arrow-outline:before{content:""}.icon-Arrow-outline-direction:before{content:""}.icon-Arrowbutton:before{content:""}.icon-Arrowbutton-left:before{content:""}.icon-Articles:before{content:""}.icon-Baby:before{content:""}.icon-Back-camera:before{content:""}.icon-Battery:before{content:""}.icon-Belgique-ok:before{content:""}.icon-Best-seller:before{content:""}.icon-Best-seller-14:before{content:""}.icon-Best-seller-2:before{content:""}.icon-Bill:before{content:""}.icon-Bill-member:before{content:""}.icon-Birthday:before{content:""}.icon-Blacklisted:before{content:""}.icon-Blindness:before{content:""}.icon-Bluetooth:before{content:""}.icon-Broken-links:before{content:""}.icon-Bullet:before{content:""}.icon-Caddy:before{content:""}.icon-Calendar:before{content:""}.icon-Calendar-14:before{content:""}.icon-Calendar-7:before{content:""}.icon-Calls:before{content:""}.icon-Callsfromabroad:before{content:""}.icon-Callsfrombelgium:before{content:""}.icon-Calltransfert:before{content:""}.icon-Camera:before{content:""}.icon-Car:before{content:""}.icon-Card:before{content:""}.icon-Care:before{content:""}.icon-Circle:before{content:""}.icon-Circle-Remove:before{content:""}.icon-Close:before{content:""}.icon-Cloud:before{content:""}.icon-Cloud-ICT:before{content:""}.icon-Cloud-IoT:before{content:""}.icon-Cloud-Networks:before{content:""}.icon-Cloud-Security:before{content:""}.icon-Collaboration:before{content:""}.icon-Collapse:before{content:""}.icon-Community:before{content:""}.icon-Community2:before{content:""}.icon-Compare:before{content:""}.icon-Congratulations-box:before{content:""}.icon-Connected-house:before{content:""}.icon-Connection-error:before{content:""}.icon-Connection-manager:before{content:""}.icon-Connectivity:before{content:""}.icon-Contact:before{content:""}.icon-Contactlist:before{content:""}.icon-Contest:before{content:""}.icon-Continuity:before{content:""}.icon-Cookie:before{content:""}.icon-Copy:before{content:""}.icon-Crash:before{content:""}.icon-Customer-Zone:before{content:""}.icon-Dance:before{content:""}.icon-Data:before{content:""}.icon-Deafpeople:before{content:""}.icon-Delivery:before{content:""}.icon-Desktop:before{content:""}.icon-Devices:before{content:""}.icon-Dial:before{content:""}.icon-Digital-media:before{content:""}.icon-Directassist:before{content:""}.icon-Download:before{content:""}.icon-Drag:before{content:""}.icon-E-carte-Facebook:before{content:""}.icon-Easy:before{content:""}.icon-Edit:before{content:""}.icon-Energy:before{content:""}.icon-Entertainment:before{content:""}.icon-Error-box:before{content:""}.icon-Eservices:before{content:""}.icon-Exhibition-screens:before{content:""}.icon-Expand:before{content:""}.icon-Eyedeficiency:before{content:""}.icon-Facebook:before{content:""}.icon-Family:before{content:""}.icon-Favourite:before{content:""}.icon-Favourite-unselected:before{content:""}.icon-Feedback:before{content:""}.icon-Fiber:before{content:""}.icon-Filter:before{content:""}.icon-Fixed-connection:before{content:""}.icon-Fixed-ringing:before{content:""}.icon-Flexibility:before{content:""}.icon-Flexible-delivery:before{content:""}.icon-Football:before{content:""}.icon-Football-11:before{content:""}.icon-Football-11plus:before{content:""}.icon-Forum:before{content:""}.icon-Forward:before{content:""}.icon-Freedelivery:before{content:""}.icon-Freeservices:before{content:""}.icon-Frequently-questions:before{content:""}.icon-Front-camera:before{content:""}.icon-G-Tablet:before{content:""}.icon-Gallery:before{content:""}.icon-Games:before{content:""}.icon-Gift:before{content:""}.icon-Government:before{content:""}.icon-Guitar:before{content:""}.icon-Handicap:before{content:""}.icon-Help:before{content:""}.icon-Home:before{content:""}.icon-Home-added-value:before{content:""}.icon-Hub:before{content:""}.icon-ICT:before{content:""}.icon-Icon-Mood-happy:before{content:""}.icon-Icon-Mood-neutral:before{content:""}.icon-Icon-Mood-unhappy:before{content:""}.icon-Ict-networking:before{content:""}.icon-Idea:before{content:""}.icon-Incomingcalls:before{content:""}.icon-Infinity:before{content:""}.icon-Information:before{content:""}.icon-Information-box:before{content:""}.icon-Infrastructure:before{content:""}.icon-Innovation:before{content:""}.icon-Inscription:before{content:""}.icon-Instagram:before{content:""}.icon-International:before{content:""}.icon-Internet:before{content:""}.icon-Internetlaptop:before{content:""}.icon-Internetmobile:before{content:""}.icon-Internettablet:before{content:""}.icon-Invoice-insight-advanced:before{content:""}.icon-Layer243:before{content:""}.icon-Linkedin:before{content:""}.icon-Links:before{content:""}.icon-Local-data:before{content:""}.icon-Location:before{content:""}.icon-Login1:before{content:""}.icon-Login2:before{content:""}.icon-LoginOpen:before{content:""}.icon-Logout:before{content:""}.icon-Low-stock:before{content:""}.icon-Magnify:before{content:""}.icon-Manual:before{content:""}.icon-Markets:before{content:""}.icon-Meeting:before{content:""}.icon-Mentaldeficiency:before{content:""}.icon-Menu:before{content:""}.icon-Menuburger:before{content:""}.icon-Messaging:before{content:""}.icon-Messenger:before{content:""}.icon-Micro:before{content:""}.icon-MicroSIM-card:before{content:""}.icon-Microsoft-Office:before{content:""}.icon-Minus-fill:before{content:""}.icon-Minutes120:before{content:""}.icon-Minutes15:before{content:""}.icon-Minutes1600:before{content:""}.icon-Minutes240:before{content:""}.icon-Minutes30:before{content:""}.icon-Minutes400:before{content:""}.icon-Minutes60:before{content:""}.icon-Minutes800:before{content:""}.icon-Mobile:before{content:""}.icon-Mobile-Coverage:before{content:""}.icon-Mobility-insurance:before{content:""}.icon-Monitoring:before{content:""}.icon-Mood-joy:before{content:""}.icon-Mood-very-bad:before{content:""}.icon-Move-Sticker:before{content:""}.icon-Move-box:before{content:""}.icon-Moving:before{content:""}.icon-Music:before{content:""}.icon-Myentertainment:before{content:""}.icon-Network:before{content:""}.icon-Newsletter:before{content:""}.icon-Next:before{content:""}.icon-No-playing:before{content:""}.icon-No-stock:before{content:""}.icon-Norton-security:before{content:""}.icon-Not-Available:before{content:""}.icon-Number-1:before{content:""}.icon-Number-10:before{content:""}.icon-Number-2:before{content:""}.icon-Number-3:before{content:""}.icon-Number-4:before{content:""}.icon-Number-5:before{content:""}.icon-Number-6:before{content:""}.icon-Number-7:before{content:""}.icon-Number-8:before{content:""}.icon-Number-9:before{content:""}.icon-OS:before{content:""}.icon-On-app:before{content:""}.icon-On-web:before{content:""}.icon-OneClick:before{content:""}.icon-Online-exclu-en:before{content:""}.icon-Online-exclu-fr:before{content:""}.icon-Online-exclu-nl:before{content:""}.icon-Online-promo-en:before{content:""}.icon-Online-promo-fr:before{content:""}.icon-Online-promo-nl:before{content:""}.icon-Options:before{content:""}.icon-Outcomingcalls:before{content:""}.icon-Overview:before{content:""}.icon-Packs:before{content:""}.icon-Paperclip:before{content:""}.icon-Pedestrian:before{content:""}.icon-Photo:before{content:""}.icon-Picture:before{content:""}.icon-Pin:before{content:""}.icon-Place-map:before{content:""}.icon-Play:before{content:""}.icon-Plus:before{content:""}.icon-Plus-fill:before{content:""}.icon-Points:before{content:""}.icon-Positioning:before{content:""}.icon-Posts:before{content:""}.icon-Presencehome:before{content:""}.icon-Previous:before{content:""}.icon-Prime:before{content:""}.icon-Print:before{content:""}.icon-Processor:before{content:""}.icon-Products:before{content:""}.icon-Promo:before{content:""}.icon-Proximus-TV-app:before{content:""}.icon-Pxs:before{content:""}.icon-Quote:before{content:""}.icon-Raccording-flat:before{content:""}.icon-Ready-to-use:before{content:""}.icon-Recycling:before{content:""}.icon-Reducer:before{content:""}.icon-Refresh:before{content:""}.icon-Relaunch:before{content:""}.icon-Reload:before{content:""}.icon-Remote:before{content:""}.icon-Remove:before{content:""}.icon-Remove-filter:before{content:""}.icon-Restart:before{content:""}.icon-Roaming:before{content:""}.icon-Roaming-Belgium:before{content:""}.icon-Search:before{content:""}.icon-Secure-payment:before{content:""}.icon-Seealso:before{content:""}.icon-Server:before{content:""}.icon-Settings:before{content:""}.icon-Shopmag:before{content:""}.icon-Smarphone-configuration:before{content:""}.icon-Smart-ringing:before{content:""}.icon-Smartphone:before{content:""}.icon-Smartphone-1:before{content:""}.icon-Smartphone-2:before{content:""}.icon-Smartphone-3:before{content:""}.icon-Smartphone-4:before{content:""}.icon-Smartphone-5:before{content:""}.icon-Smartphone-6:before{content:""}.icon-Smartphone4G:before{content:""}.icon-Smiley:before{content:""}.icon-Sms:before{content:""}.icon-Sondage:before{content:""}.icon-Sort-0-9:before{content:""}.icon-Sort-9-0:before{content:""}.icon-Sort-a-z:before{content:""}.icon-Sort-z-a:before{content:""}.icon-Sound-off:before{content:""}.icon-Sound-on:before{content:""}.icon-Speed:before{content:""}.icon-Speedtest-download:before{content:""}.icon-Speedtest-upload:before{content:""}.icon-Status-nok:before{content:""}.icon-Status-ok:before{content:""}.icon-Status-ongoing:before{content:""}.icon-Status-warning:before{content:""}.icon-Stay-informed:before{content:""}.icon-Stayinformed:before{content:""}.icon-Stock:before{content:""}.icon-Stopwatch:before{content:""}.icon-Subscription:before{content:""}.icon-Surfgsm:before{content:""}.icon-Sustainability:before{content:""}.icon-Switchon-switchoff:before{content:""}.icon-TV-replay-36:before{content:""}.icon-TVReplay:before{content:""}.icon-Tablet:before{content:""}.icon-Tailor:before{content:""}.icon-Target-Blank:before{content:""}.icon-Tarifs:before{content:""}.icon-Technical-cast:before{content:""}.icon-Telephony:before{content:""}.icon-Television:before{content:""}.icon-Temp:before{content:""}.icon-Tips1:before{content:""}.icon-Tips2:before{content:""}.icon-Tools:before{content:""}.icon-Top:before{content:""}.icon-Touchscreens:before{content:""}.icon-Tractor:before{content:""}.icon-Train:before{content:""}.icon-Transfer:before{content:""}.icon-Transfer-people:before{content:""}.icon-Trash:before{content:""}.icon-Triangle:before{content:""}.icon-TV-10:before{content:""}.icon-TV-12:before{content:""}.icon-TV-14:before{content:""}.icon-TV-16:before{content:""}.icon-TV-18:before{content:""}.icon-Twitter:before{content:""}.icon-Under-construct:before{content:""}.icon-Upgrade-account:before{content:""}.icon-Upload:before{content:""}.icon-Usage:before{content:""}.icon-Usage2:before{content:""}.icon-Validation-box:before{content:""}.icon-Video:before{content:""}.icon-Video-zap:before{content:""}.icon-Videoscope:before{content:""}.icon-View360:before{content:""}.icon-Waiting:before{content:""}.icon-Warning-box:before{content:""}.icon-Watch:before{content:""}.icon-Watch2:before{content:""}.icon-WhatsApp:before{content:""}.icon-Wireless-hub:before{content:""}.icon-Youtube:before{content:""}.icon-circular-economy:before{content:""}.icon-eco:before{content:""}.icon-happy-weeks:before{content:""}.icon-icon-VOD:before{content:""}.icon-mms:before{content:""}.icon-new-en:before{content:""}.icon-new-fr:before{content:""}.icon-new-nl:before{content:""}.icon-prepaid:before{content:""}.icon-promo:before{content:""}.icon-repair-device:before{content:""}.icon-sales-en:before{content:""}.icon-sales-fr:before{content:""}.icon-sales-nl:before{content:""}.icon-simlocked:before{content:""}.icon-temporary-device:before{content:""}.icon-Test-branding-Account-1:before{content:""}.icon-Test-branding-Car-1:before{content:""}.icon-Test-branding-Sim-1:before{content:""}');const T=["","default","inherit","primary","body","details","hover","active","disabled","promo","success","warning","error","unlimited"],D=class extends r{constructor(){super(v,L),this.template=()=>'<i aria-hidden="true"></i>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"name","size","color","aria-label","inverted"]}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)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"name":null!==t&&""!==t&&this.$el.classList.toggle(`icon-${t}`),null!==o&&""!==o&&this.$el.classList.toggle(`icon-${o}`);break;case"size":this.updateAttribute(e,t,o,l);break;case"color":this.updateAttribute(e,t,o,T);break;case"aria-label":null!==o&&""!==o&&(this.$el.setAttribute("aria-label",o),this.$el.removeAttribute("aria-hidden"))}}updateAttribute(e,t,o,i){null!==t&&""!==t&&"default"!==t&&("size"===e?this.$el.classList.toggle(`${e}-${t}`):this.$el.classList.toggle(t)),null!==o&&""!==o&&"default"!==t&&("size"===e?this.$el.classList.toggle(`${e}-${o}`):this.$el.classList.toggle(o)),this.checkName(i,o)||console.error(`${o} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}};D.nativeName="i";let P=D;customElements.define("px-icon",P);const M=new CSSStyleSheet;M.replaceSync('.container{font-family:Proximus,Verdana,Helvetica,sans-serif;background-color:var(--px-color-bg-container-main-default);border-radius:var(--px-radius-m);padding:var(--px-padding-m);box-sizing:border-box}:host([inverted]) .container{background-color:var(--px-color-bg-container-main-inverted);color:var(--px-color-txt-body-inverted)}.padding-2xs{padding:var(--px-padding-2xs)}.padding-xs{padding:var(--px-padding-xs)}.padding-s{padding:var(--px-padding-s)}.padding-m{padding:var(--px-padding-m)}.padding-l{padding:var(--px-padding-l)}.padding-xl{padding:var(--px-padding-xl)}.padding-none{padding:var(--px-padding-none)}.paddingblock-2xs{padding-block:var(--px-padding-2xs)}.paddingblock-xs{padding-block:var(--px-padding-xs)}.paddingblock-s{padding-block:var(--px-padding-s)}.paddingblock-m{padding-block:var(--px-padding-m)}.paddingblock-l{padding-block:var(--px-padding-l)}.paddingblock-xl{padding-block:var(--px-padding-xl)}.paddingblock-none{padding-block:var(--px-padding-none)}.paddinginline-2xs{padding-inline:var(--px-padding-2xs)}.paddinginline-xs{padding-inline:var(--px-padding-xs)}.paddinginline-s{padding-inline:var(--px-padding-s)}.paddinginline-m{padding-inline:var(--px-padding-m)}.paddinginline-l{padding-inline:var(--px-padding-l)}.paddinginline-xl{padding-inline:var(--px-padding-xl)}.paddinginline-none{padding-inline:var(--px-padding-none)}.paddingtop-2xs{padding-top:var(--px-padding-2xs)}.paddingtop-xs{padding-top:var(--px-padding-xs)}.paddingtop-s{padding-top:var(--px-padding-s)}.paddingtop-m{padding-top:var(--px-padding-m)}.paddingtop-l{padding-top:var(--px-padding-l)}.paddingtop-xl{padding-top:var(--px-padding-xl)}.paddingtop-none{padding-top:var(--px-padding-none)}.paddingright-2xs{padding-right:var(--px-padding-2xs)}.paddingright-xs{padding-right:var(--px-padding-xs)}.paddingright-s{padding-right:var(--px-padding-s)}.paddingright-m{padding-right:var(--px-padding-m)}.paddingright-l{padding-right:var(--px-padding-l)}.paddingright-xl{padding-right:var(--px-padding-xl)}.paddingright-none{padding-right:var(--px-padding-none)}.paddingbottom-2xs{padding-bottom:var(--px-padding-2xs)}.paddingbottom-xs{padding-bottom:var(--px-padding-xs)}.paddingbottom-s{padding-bottom:var(--px-padding-s)}.paddingbottom-m{padding-bottom:var(--px-padding-m)}.paddingbottom-l{padding-bottom:var(--px-padding-l)}.paddingbottom-xl{padding-bottom:var(--px-padding-xl)}.paddingbottom-none{padding-bottom:var(--px-padding-none)}.paddingleft-2xs{padding-left:var(--px-padding-2xs)}.paddingleft-xs{padding-left:var(--px-padding-xs)}.paddingleft-s{padding-left:var(--px-padding-s)}.paddingleft-m{padding-left:var(--px-padding-m)}.paddingleft-l{padding-left:var(--px-padding-l)}.paddingleft-xl{padding-left:var(--px-padding-xl)}.paddingleft-none{padding-left:var(--px-padding-none)}.border-none{border:none}.border-s{border:var(--px-border-s) solid var(--px-color-border-main-default)}.border-m{border:var(--px-border-m) solid var(--px-color-border-main-default)}.border-l{border:var(--px-border-l) solid var(--px-color-border-main-default)}:host([inverted]) .border{border:var(--px-border-m) solid var(--px-color-border-main-inverted)}.borderradius-xs{border-radius:var(--px-radius-xs)}.borderradius-s{border-radius:var(--px-radius-s)}.borderradius-m{border-radius:var(--px-radius-m)}.borderradius-l{border-radius:var(--px-radius-l)}.borderradius-2xl{border-radius:var(--px-radius-2xl)}.borderradius-pill{border-radius:var(--px-radius-pill)}.noborderradius-top{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.noborderradius-right{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.noborderradius-bottom{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.noborderradius-left{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.noborderradius-all,.borderradius-none{border-radius:var(--px-radius-none)}.bgcolor-none{background-color:var(--px-color-bg-container-none-default)}.bgcolor-weak{background-color:var(--px-color-bg-container-weak-default)}.bgcolor-moderate{background-color:var(--px-color-bg-container-moderate-default)}.bgcolor-strong{background-color:var(--px-color-bg-container-strong-default)}.bgcolor-rich{background-color:var(--px-color-bg-container-rich-default)}.bgcolor-main{background-color:var(--px-color-bg-container-main-default)}.bgcolor-canvas-weak{background-color:var(--px-color-canvas-weak)}.bgcolor-canvas-light{background-color:var(--px-color-canvas-light)}.bgcolor-canvas-soft{background-color:var(--px-color-canvas-soft)}.bgcolor-canvas-moderate{background-color:var(--px-color-canvas-moderate)}.bgcolor-canvas-strong{background-color:var(--px-color-canvas-strong)}.bgcolor-canvas-deep{background-color:var(--px-color-canvas-deep)}.bgcolor-canvas-rich{background-color:var(--px-color-canvas-rich)}.bgcolor-action-primary{background-color:var(--px-color-bg-action-primary-default)}.bgcolor-action-secondary{background-color:var(--px-color-bg-action-secondary-default)}.bgcolor-action-hover{background-color:var(--px-color-bg-action-hover-default)}.bgcolor-action-disabled{background-color:var(--px-color-bg-action-disabled-default)}.bgcolor-action-active{background-color:var(--px-color-bg-action-active-default)}.bgcolor-notification{background-color:var(--px-color-bg-notification-default)}.bgcolor-promo{background-color:var(--px-color-bg-promo-default)}.bgcolor-success{background-color:var(--px-color-bg-success-default)}.bgcolor-error{background-color:var(--px-color-bg-error-default)}.bgcolor-warning{background-color:var(--px-color-bg-warning-default)}.bgcolor-unlimited{background-color:var(--px-color-bg-unlimited-default)}:host([inverted]) .bgcolor-none{background-color:var(--px-color-bg-container-none-inverted)}:host([inverted]) .bgcolor-weak{background-color:var(--px-color-bg-container-weak-inverted)}:host([inverted]) .bgcolor-moderate{background-color:var(--px-color-bg-container-moderate-inverted)}:host([inverted]) .bgcolor-strong{background-color:var(--px-color-bg-container-strong-inverted)}:host([inverted]) .bgcolor-rich{background-color:var(--px-color-bg-container-rich-inverted)}:host([inverted]) .bgcolor-main{background-color:var(--px-color-bg-container-main-inverted)}:host([inverted]) .bgcolor-action-primary{background-color:var(--px-color-bg-action-primary-inverted)}:host([inverted]) .bgcolor-action-secondary{background-color:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .bgcolor-action-hover{background-color:var(--px-color-bg-action-hover-inverted)}:host([inverted]) .bgcolor-action-disabled{background-color:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .bgcolor-action-active{background-color:var(--px-color-bg-action-active-inverted)}:host([inverted]) .bgcolor-notification{background-color:var(--px-color-bg-notification-inverted)}:host([inverted]) .bgcolor-promo{background-color:var(--px-color-bg-promo-inverted)}:host([inverted]) .bgcolor-success{background-color:var(--px-color-bg-success-inverted)}:host([inverted]) .bgcolor-error{background-color:var(--px-color-bg-error-inverted)}:host([inverted]) .bgcolor-warning{background-color:var(--px-color-bg-warning-inverted)}:host([inverted]) .bgcolor-unlimited{background-color:var(--px-color-bg-unlimited-inverted)}.bgimg{background-repeat:no-repeat}.bgimgsize-cover{background-size:cover;background-position:center center}.bgimgsize-contain{background-size:contain}.shadow-none{box-shadow:var(--px-shadow-none)}.shadow-s{box-shadow:var(--px-shadow-s)}.shadow-m{box-shadow:var(--px-shadow-m)}.shadow-l{box-shadow:var(--px-shadow-l)}.shadow-xl{box-shadow:var(--px-shadow-xl)}.anchored{position:relative}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]),::slotted([slot="anchor-full"]){position:absolute;top:0}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]){transform:translateY(-50%);z-index:2}::slotted([slot="anchor-right"]){right:var(--px-padding-m)}::slotted([slot="anchor-left"]){left:var(--px-padding-m)}.padding-none ::slotted([slot="anchor-right"]){right:var(--px-padding-none)}.padding-none ::slotted([slot="anchor-left"]){left:var(--px-padding-none)}.padding-2xs ::slotted([slot="anchor-right"]){right:var(--px-padding-2xs)}.padding-2xs ::slotted([slot="anchor-left"]){left:var(--px-padding-2xs)}.padding-xs ::slotted([slot="anchor-right"]){right:var(--px-padding-xs)}.padding-xs ::slotted([slot="anchor-left"]){left:var(--px-padding-xs)}.padding-s ::slotted([slot="anchor-right"]){right:var(--px-padding-s)}.padding-s ::slotted([slot="anchor-left"]){left:var(--px-padding-s)}.padding-m ::slotted([slot="anchor-right"]){right:var(--px-padding-m)}.padding-m ::slotted([slot="anchor-left"]){left:var(--px-padding-m)}.padding-l ::slotted([slot="anchor-right"]){right:var(--px-padding-l)}.padding-l ::slotted([slot="anchor-left"]){left:var(--px-padding-l)}.padding-xl ::slotted([slot="anchor-right"]){right:var(--px-padding-xl)}.padding-xl ::slotted([slot="anchor-left"]){left:var(--px-padding-xl)}::slotted([slot="anchor-full"]){transform:translateY(-100%);right:0;left:0;text-align:center;z-index:1}@media only screen and (max-width: 640px){.padding-l{padding:var(--px-padding-l-mobile)}.padding-xl{padding:var(--px-padding-xl-mobile)}.paddingtop-l{padding-top:var(--px-padding-l-mobile)}.paddingtop-xl{padding-top:var(--px-padding-xl-mobile)}.paddingright-l{padding-right:var(--px-padding-l-mobile)}.paddingright-xl{padding-right:var(--px-padding-xl-mobile)}.paddingbottom-l{padding-bottom:var(--px-padding-l-mobile)}.paddingbottom-xl{padding-bottom:var(--px-padding-xl-mobile)}.paddingleft-l{padding-left:var(--px-padding-l-mobile)}.paddingleft-xl{padding-left:var(--px-padding-xl-mobile)}}.border-s ::slotted([slot="anchor-full"]){right:calc(var(--px-border-s) * -1);left:calc(var(--px-border-s) * -1)}.border-m ::slotted([slot="anchor-full"]){right:calc(var(--px-border-m) * -1);left:calc(var(--px-border-m) * -1)}.border-l ::slotted([slot="anchor-full"]){right:calc(var(--px-border-l) * -1);left:calc(var(--px-border-l) * -1)}');const B=["anchor-right","anchor-left","anchor-full"],R=["","all","top","right","bottom","left"],V=["","cover","contain","default"],F=class extends r{constructor(){super(v,M),this.template=()=>'<div class="container">\n    <slot name="anchor-left"></slot>\n    <slot name="anchor-right"></slot>\n    <slot name="anchor-full"></slot>\n    <slot></slot>\n    </div>',this.onWindowResize=()=>{this.hasAttribute("bgimg-mobile")&&this.loadImg("bgimg-mobile",this.getAttribute("bgimg-mobile")),this.hasAttribute("bgimg-tablet")&&this.loadImg("bgimg-tablet",this.getAttribute("bgimg-tablet")),this.hasAttribute("bgimg-laptop")&&this.loadImg("bgimg-laptop",this.getAttribute("bgimg-laptop"))},this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"padding","paddinginline","paddingblock","paddingtop","paddingright","paddingbottom","paddingleft","border","borderradius","noborderradius","bgcolor","gradient","bgimg-mobile","bgimg-tablet","bgimg-laptop","bgimgsize","bgimgposition","shadow","inverted"]}get padding(){return this.getAttribute("padding")}set padding(e){this.setAttribute("padding",e)}get paddingBlock(){return this.getAttribute("paddingblock")}set paddingBlock(e){this.setAttribute("paddingblock",e)}get paddingInline(){return this.getAttribute("paddinginline")}set paddingInline(e){this.setAttribute("paddinginline",e)}get paddingTop(){return this.getAttribute("paddingtop")}set paddingTop(e){this.setAttribute("paddingtop",e)}get paddingRight(){return this.getAttribute("paddingright")}set paddingRight(e){this.setAttribute("paddingright",e)}get paddingBottom(){return this.getAttribute("paddingbottom")}set paddingBottom(e){this.setAttribute("paddingbottom",e)}get paddingLeft(){return this.getAttribute("paddingleft")}set paddingLeft(e){this.setAttribute("paddingleft",e)}get border(){return this.getAttribute("border")}set border(e){this.setAttribute("border",e)}get borderRadius(){return this.getAttribute("borderradius")}set borderRadius(e){this.setAttribute("borderradius",e)}get noBorderRadius(){return this.getAttribute("noborderradius")}set noBorderRadius(e){this.setAttribute("noborderradius",e)}get bgColor(){return this.getAttribute("bgcolor")}set bgColor(e){this.setAttribute("bgcolor",e)}get gradient(){return this.getAttribute("gradient")}set gradient(e){this.setAttribute("gradient",e)}get bgImgMobile(){return this.getAttribute("bgimg-mobile")}set bgImgMobile(e){this.setAttribute("bgimg-mobile",e)}get bgImgTablet(){return this.getAttribute("bgimg-tablet")}set bgImgTablet(e){this.setAttribute("bgimg-tablet",e)}get bgImgLaptop(){return this.getAttribute("bgimg-laptop")}set bgImgLaptop(e){this.setAttribute("bgimg-laptop",e)}get bgImgSize(){return this.getAttribute("bgimgsize")}set bgImgSize(e){this.setAttribute("bgimgsize",e)}get bgImgPosition(){return this.getAttribute("bgimgposition")}set bgImgPosition(e){this.setAttribute("bgimgposition",e)}get shadow(){return this.getAttribute("shadow")}set shadow(e){this.setAttribute("shadow",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}connectedCallback(){var e,t;const o=this.querySelector("[slot]");o&&B.includes(o.getAttribute("slot"))&&this.shadowRoot.querySelector(".container").classList.toggle("anchored"),"stretch"===(null==(e=this.parentElement)?void 0:e.getAttribute("align-items"))&&("column"===(null==(t=this.parentElement)?void 0:t.getAttribute("direction"))?this.$el.style.width="100%":this.$el.style.height="100%"),(this.hasAttribute("bgimg-mobile")||this.hasAttribute("bgimg-tablet")||this.hasAttribute("bgimg-laptop"))&&window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"padding":case"paddingblock":case"paddinginline":case"paddingtop":case"paddingright":case"paddingbottom":case"paddingleft":this.updateAttribute(e,t,o,d);break;case"border":this.updateAttribute(e,t,o,c);break;case"borderradius":this.updateAttribute(e,t,o,p);break;case"noborderradius":this.updateAttribute(e,t,o,R);break;case"bgcolor":this.updateAttribute(e,t,o,b);break;case"gradient":this.updateGradient(t,o);break;case"bgimgsize":this.updateAttribute(e,t,o,V);break;case"bgimg-mobile":case"bgimg-tablet":case"bgimg-laptop":""!==o&&(this.$el.classList.toggle("bgimg"),this.loadImg(e,o));break;case"bgimgposition":null!==o&&""!==o&&(this.$el.style.backgroundPosition=o);break;case"shadow":this.updateAttribute(e,t,o,g);break;default:super.attributeChangedCallback(e,t,o)}}loadImg(e,t){("bgimg-mobile"===e||window.matchMedia("only screen and (min-width: 768px)").matches&&"bgimg-tablet"===e||window.matchMedia("only screen and (min-width: 1025px)").matches&&"bgimg-laptop"===e)&&(this.$el.style.backgroundImage=`url("${t}")`)}updateGradient(e,t){this.checkName(h,t)?this.$el.style.background=`linear-gradient(var(--px-color-bg-gradient-${t}))`:console.error(`${t} is not an allowed gradient value for ${this.$el}`)}updateAttribute(e,t,o,i){null!==t&&""!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`${o} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}};F.nativeName="div";let N=F;customElements.define("px-container",N);const I="h1,.h1,::slotted(h1),h2,.h2,::slotted(h2),h3,.h3,::slotted(h3),h4,.h4,::slotted(h4),h5,.h5,::slotted(h5),h6,.h6,::slotted(h6),.h7,.subtitle{margin:0;font-family:Proximus,Verdana,Helvetica,sans-serif;color:var(--px-color-txt-primary-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);font-weight:700}:host([inverted]) h1,:host([inverted]) .h1,:host([inverted]) ::slotted(h1),:host([inverted]) h2,:host([inverted]) .h2,:host([inverted]) ::slotted(h2),:host([inverted]) h3,:host([inverted]) .h3,:host([inverted]) ::slotted(h3),:host([inverted]) h4,:host([inverted]) .h4,:host([inverted]) ::slotted(h4),:host([inverted]) h5,:host([inverted]) .h5,:host([inverted]) ::slotted(h5),:host([inverted]) h6,:host([inverted]) .h6,:host([inverted]) ::slotted(h6),:host([inverted]) .h7,:host([inverted]) .subtitle{color:var(--px-color-txt-primary-inverted)}h1,.h1,::slotted(h1){font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-4xl-mobile);font-weight:900}h2,.h2,::slotted(h2){font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-3xl-mobile);font-weight:900}h3,.h3,::slotted(h3){font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-3xl-mobile)}h4,.h4,::slotted(h4){font-size:var(--px-text-size-2xl-mobile);line-height:var(--px-line-height-2xl-mobile)}h5,.h5,::slotted(h5){font-size:var(--px-text-size-l-mobile);line-height:var(--px-line-height-l-mobile)}h6,.h6,::slotted(h6){font-size:var(--px-text-size-m-mobile);line-height:var(--px-line-height-m-mobile)}.subtitle{font-size:var(--px-text-size-xl-mobile);line-height:var(--px-line-height-xl-mobile);font-weight:300}@media only screen and (min-width: 64rem){h1,.h1,::slotted(h1){font-size:var(--px-text-size-5xl-tablet);line-height:var(--px-line-height-4xl-tablet);font-weight:900}h2,.h2,::slotted(h2){font-size:var(--px-text-size-4xl-tablet);line-height:var(--px-line-height-3xl-tablet);font-weight:900}h3,.h3,::slotted(h3){font-size:var(--px-text-size-3xl-tablet);line-height:var(--px-line-height-3xl-tablet)}h4,.h4,::slotted(h4){font-size:var(--px-text-size-2xl-tablet);line-height:var(--px-line-height-2xl-tablet)}h5,.h5,::slotted(h5){font-size:var(--px-text-size-l-tablet);line-height:var(--px-line-height-l-tablet)}h6,.h6,::slotted(h6){font-size:var(--px-text-size-m-tablet);line-height:var(--px-line-height-m-tablet)}.h7{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}.subtitle{font-size:var(--px-text-size-xl-tablet);line-height:var(--px-line-height-xl-tablet);font-weight:300}}@media only screen and (min-width: 90rem){h1,.h1,::slotted(h1){font-size:var(--px-text-size-5xl-desktop);line-height:var(--px-line-height-4xl-desktop);font-weight:900}h2,.h2,::slotted(h2){font-size:var(--px-text-size-4xl-desktop);line-height:var(--px-line-height-3xl-desktop);font-weight:900}h3,.h3,::slotted(h3){font-size:var(--px-text-size-3xl-desktop);line-height:var(--px-line-height-3xl-desktop)}h4,.h4,::slotted(h4){font-size:var(--px-text-size-2xl-desktop);line-height:var(--px-line-height-2xl-desktop)}h5,.h5,::slotted(h5){font-size:var(--px-text-size-l-desktop);line-height:var(--px-line-height-l-desktop)}h6,.h6,::slotted(h6){font-size:var(--px-text-size-m-desktop);line-height:var(--px-line-height-m-desktop)}.h7{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}.subtitle{font-size:var(--px-text-size-xl-desktop);line-height:var(--px-line-height-xl-desktop);font-weight:300}}",H=":host>*:first-child{--font-weight-light: 300;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-extrabold: 900}.color-inherit{color:inherit}.color-primary{color:var(--px-color-txt-primary-default)}.color-inverted-primary{color:var(--px-color-txt-inverted-primary-default)}.color-inverted{color:var(--px-color-txt-inverted-default)}.color-body{color:var(--px-color-txt-body-default)}.color-details{color:var(--px-color-txt-details-default)}.color-hover{color:var(--px-color-txt-hover-default)}.color-disabled{color:var(--px-color-txt-disabled-default)}.color-active{color:var(--px-color-txt-active-default)}.color-promo{color:var(--px-color-txt-promo-default)}.color-status-success{color:var(--px-color-txt-status-success-default)}.color-status-error{color:var(--px-color-txt-status-error-default)}.color-status-warning{color:var(--px-color-txt-status-warning-default)}.color-status-unlimited{color:var(--px-color-txt-status-unlimited-default)}:host([inverted]) .color-inherit{color:inherit}:host([inverted]) .color-primary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .color-inverted-primary{color:var(--px-color-txt-inverted-primary-inverted)}:host([inverted]) .color-inverted{color:var(--px-color-txt-inverted-inverted)}:host([inverted]) .color-body{color:var(--px-color-txt-body-inverted)}:host([inverted]) .color-details{color:var(--px-color-txt-details-inverted)}:host([inverted]) .color-hover{color:var(--px-color-txt-hover-inverted)}:host([inverted]) .color-disabled{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .color-active{color:var(--px-color-txt-active-inverted)}:host([inverted]) .color-promo{color:var(--px-color-txt-promo-inverted)}:host([inverted]) .color-status-success{color:var(--px-color-txt-status-success-inverted)}:host([inverted]) .color-status-error{color:var(--px-color-txt-status-error-inverted)}:host([inverted]) .color-status-warning{color:var(--px-color-txt-status-warning-inverted)}:host([inverted]) .color-status-unlimited{color:var(--px-color-txt-status-unlimited-inverted)}.fontsize-inherit{font-size:inherit;line-height:inherit}.fontsize-xs{font-size:var(--px-text-size-xs-mobile);line-height:var(--px-line-height-xs-mobile)}.fontsize-s{font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-s-mobile)}.fontsize-base{font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile)}.fontsize-m{font-size:var(--px-text-size-m-mobile);line-height:var(--px-line-height-m-mobile)}.fontsize-l{font-size:var(--px-text-size-l-mobile);line-height:var(--px-line-height-l-mobile)}.fontsize-xl{font-size:var(--px-text-size-xl-mobile);line-height:var(--px-line-height-xl-mobile)}.fontsize-2xl{font-size:var(--px-text-size-2xl-mobile);line-height:var(--px-line-height-2xl-mobile)}.fontsize-3xl{font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-3xl-mobile)}.fontsize-4xl{font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-4xl-mobile)}.fontsize-5xl{font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-5xl-mobile)}.fontsize-6xl{font-size:var(--px-text-size-6xl-mobile);line-height:var(--px-line-height-6xl-mobile)}.fontsize-7xl{font-size:var(--px-text-size-7xl-mobile);line-height:var(--px-line-height-7xl-mobile)}@media only screen and (min-width: 768px){.fontsize-xs{font-size:var(--px-text-size-xs-mobile);line-height:var(--px-line-height-xs-mobile)}.fontsize-s{font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-s-mobile)}.fontsize-base{font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile)}.fontsize-m{font-size:var(--px-text-size-m-mobile);line-height:var(--px-line-height-m-mobile)}.fontsize-l{font-size:var(--px-text-size-l-mobile);line-height:var(--px-line-height-l-mobile)}.fontsize-xl{font-size:var(--px-text-size-xl-mobile);line-height:var(--px-line-height-xl-mobile)}.fontsize-2xl{font-size:var(--px-text-size-2xl-mobile);line-height:var(--px-line-height-2xl-mobile)}.fontsize-3xl{font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-3xl-mobile)}.fontsize-4xl{font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-4xl-mobile)}.fontsize-5xl{font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-5xl-mobile)}.fontsize-6xl{font-size:var(--px-text-size-6xl-mobile);line-height:var(--px-line-height-6xl-mobile)}.fontsize-7xl{font-size:var(--px-text-size-7xl-mobile);line-height:var(--px-line-height-7xl-mobile)}}@media only screen and (min-width: 1025px){.fontsize-xs{font-size:var(--px-text-size-xs-tablet);line-height:var(--px-line-height-xs-tablet)}.fontsize-s{font-size:var(--px-text-size-s-tablet);line-height:var(--px-line-height-s-tablet)}.fontsize-base{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}.fontsize-m{font-size:var(--px-text-size-m-tablet);line-height:var(--px-line-height-m-tablet)}.fontsize-l{font-size:var(--px-text-size-l-tablet);line-height:var(--px-line-height-l-tablet)}.fontsize-xl{font-size:var(--px-text-size-xl-tablet);line-height:var(--px-line-height-xl-tablet)}.fontsize-2xl{font-size:var(--px-text-size-2xl-tablet);line-height:var(--px-line-height-2xl-tablet)}.fontsize-3xl{font-size:var(--px-text-size-3xl-tablet);line-height:var(--px-line-height-3xl-tablet)}.fontsize-4xl{font-size:var(--px-text-size-4xl-tablet);line-height:var(--px-line-height-4xl-tablet)}.fontsize-5xl{font-size:var(--px-text-size-5xl-tablet);line-height:var(--px-line-height-5xl-tablet)}.fontsize-6xl{font-size:var(--px-text-size-6xl-tablet);line-height:var(--px-line-height-6xl-tablet)}.fontsize-7xl{font-size:var(--px-text-size-7xl-tablet);line-height:var(--px-line-height-7xl-tablet)}}@media only screen and (min-width: 1441px){.fontsize-xs{font-size:var(--px-text-size-xs-desktop);line-height:var(--px-line-height-xs-desktop)}.fontsize-s{font-size:var(--px-text-size-s-desktop);line-height:var(--px-line-height-s-desktop)}.fontsize-base{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}.fontsize-m{font-size:var(--px-text-size-m-desktop);line-height:var(--px-line-height-m-desktop)}.fontsize-l{font-size:var(--px-text-size-l-desktop);line-height:var(--px-line-height-l-desktop)}.fontsize-xl{font-size:var(--px-text-size-xl-desktop);line-height:var(--px-line-height-xl-desktop)}.fontsize-2xl{font-size:var(--px-text-size-2xl-desktop);line-height:var(--px-line-height-2xl-desktop)}.fontsize-3xl{font-size:var(--px-text-size-3xl-desktop);line-height:var(--px-line-height-3xl-desktop)}.fontsize-4xl{font-size:var(--px-text-size-4xl-desktop);line-height:var(--px-line-height-4xl-desktop)}.fontsize-5xl{font-size:var(--px-text-size-5xl-desktop);line-height:var(--px-line-height-5xl-desktop)}.fontsize-6xl{font-size:var(--px-text-size-6xl-desktop);line-height:var(--px-line-height-6xl-desktop)}.fontsize-7xl{font-size:var(--px-text-size-7xl-desktop);line-height:var(--px-line-height-7xl-desktop)}}.fontweight-inherit{font-weight:inherit}.fontweight-normal{font-weight:var(--font-weight-regular)}.fontweight-bold{font-weight:var(--font-weight-bold)}.fontweight-extrabold{font-weight:var(--font-weight-extrabold)}.fontweight-light{font-weight:var(--font-weight-light)}",j=new CSSStyleSheet;j.replaceSync(I);const q=new CSSStyleSheet;q.replaceSync(H);const O=["","default","h1","h2","h3","h4","h5","h6","h7","subtitle"];class W extends r{template(){return"<slot></slot>"}constructor(e){super(v,j,q);const t=document.createElement(e);t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"variant","color","fontsize","fontweight","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"variant":this.updateAttribute(e,t,o,O);break;case"color":this.updateTypography(e,t,o,a);break;case"fontsize":this.updateTypography(e,t,o,n);break;case"fontweight":this.updateTypography(e,t,o,s);break;default:super.attributeChangedCallback(e,t,o)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateAttribute(e,t,o,i){this.toggleClass(t,o),this.checkName(i,o)||console.error(`Bad "${e}" value for`,this.$el)}updateTypography(e,t,o,i){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`Bad "${e}" value for`,this.$el)}}const _=class extends W{constructor(){super("h1")}};_.nativeName="h1";let G=_;customElements.define("px-h1",G);const U=class extends W{constructor(){super("h2")}};U.nativeName="h2";let Y=U;customElements.define("px-h2",Y);const Z=class extends W{constructor(){super("h3")}};Z.nativeName="h3";let Q=Z;customElements.define("px-h3",Q);const J=class extends W{constructor(){super("h4")}};J.nativeName="h4";let K=J;customElements.define("px-h4",K);const X=class extends W{constructor(){super("h5")}};X.nativeName="h5";let ee=X;customElements.define("px-h5",ee);const te=class extends W{constructor(){super("h6")}};te.nativeName="h6";let oe=te;customElements.define("px-h6",oe);const ie=new CSSStyleSheet;ie.replaceSync(":host,:host *{box-sizing:border-box}:host .content-wrapper{margin-inline:1rem;max-width:1200px}@media only screen and (min-width: 1232px){:host .content-wrapper{margin-inline:auto}}");class re extends HTMLElement{constructor(e){super(),this.template=()=>`\n    <px-container borderradius="none" padding="none" bgcolor="${this.bgColor}">\n      <div class="content-wrapper">\n        <px-vstack gap="under-display-vertical">\n          <slot name="heading"></slot>\n          <px-vstack gap="none">\n            <slot></slot>\n          </px-vstack>\n        </px-vstack>\n      </div>\n    </px-container>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,ie]}connectedCallback(){o(this,re.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)}));this.querySelector('[slot="heading"]')||this.shadowRoot.querySelector("px-vstack").setAttribute("gap","none")}static get observedAttributes(){return["bgcolor","gradient","bgimg-mobile","bgimg-tablet","bgimg-laptop","bgimgsize","bgimgposition","paddingblock","paddingtop","paddingbottom"]}get $container(){return this.shadowRoot.querySelector("px-container")}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"bgcolor":this.$container.bgColor=b.indexOf(o)>0?o:"none";break;case"gradient":this.$container.gradient=this.gradient;break;case"bgimg-mobile":this.$container.bgImgMobile=o;break;case"bgimg-tablet":this.$container.bgImgTablet=o;break;case"bgimg-laptop":this.$container.bgImgLaptop=o;break;case"bgimgsize":this.$container.bgImgSize=o;break;case"bgimgposition":this.$container.bgImgPosition=o;break;case"paddingblock":this.$container.paddingBlock=o;break;case"paddingtop":this.$container.paddingTop=o;break;case"paddingbottom":this.$container.paddingBottom=o}}get bgColor(){return this.getAttribute("bgcolor")||"none"}set bgColor(e){this.setAttribute("bgcolor",e)}get gradient(){return this.getAttribute("gradient")}set gradient(e){this.setAttribute("gradient",e)}get bgImgMobile(){return this.getAttribute("bgimg-mobile")}set bgImgMobile(e){this.setAttribute("bgimg-mobile",e)}get bgImgTablet(){return this.getAttribute("bgimg-tablet")}set bgImgTablet(e){this.setAttribute("bgimg-tablet",e)}get bgImgLaptop(){return this.getAttribute("bgimg-laptop")}set bgImgLaptop(e){this.setAttribute("bgimg-laptop",e)}get bgImgSize(){return this.getAttribute("bgimgsize")}set bgImgSize(e){this.setAttribute("bgimgsize",e)}get bgImgPosition(){return this.getAttribute("bgimgposition")}set bgImgPosition(e){this.setAttribute("bgimgposition",e)}get paddingBlock(){return this.getAttribute("paddingblock")}set paddingBlock(e){this.setAttribute("paddingblock",e)}get paddingTop(){return this.getAttribute("paddingtop")}set paddingTop(e){this.setAttribute("paddingtop",e)}get paddingBottom(){return this.getAttribute("paddingbottom")}set paddingBottom(e){this.setAttribute("paddingbottom",e)}}class ne extends re{constructor(){super(v)}}customElements.define("px-section",ne);const ae=new CSSStyleSheet;ae.replaceSync("details{font-family:Proximus,Verdana,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:flex-start}details:not(.single){border-bottom:var(--px-border-m) solid var(--px-color-border-main-default)}details:not(.single) ::slotted([slot=\"title\"]){flex-grow:1}details:not(.single) slot[name=content]{display:block;padding-block:var(--px-spacing-component-default-vertical)}summary{align-items:center;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}details:not(.single) summary{display:flex;padding:var(--px-padding-s);gap:var(--px-spacing-text-to-icon-horizontal);align-self:stretch}summary:after{content:\"\";width:24px;height:24px;flex-shrink:0;background-color:var(--px-color-bg-action-secondary-default);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg id='CHEVRON DOWN'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.7889 5.93489 11.5286 6.19524L8 9.72384L4.4714 6.19524C4.21105 5.93489 3.78894 5.93489 3.52859 6.19524C3.26824 6.45559 3.26824 6.8777 3.52859 7.13805L7.52859 11.1381C7.78894 11.3984 8.21105 11.3984 8.4714 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='%235C2D91'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center center;border-radius:var(--px-radius-pill);border:var(--px-border-s) solid transparent;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}summary:hover{cursor:pointer}details:not(.single) summary:hover{background-color:var(--px-color-bg-container-moderate-default)}summary:hover:after{background-color:var(--px-color-bg-action-hover-inverted-default);border:var(--px-border-s) solid var(--px-color-border-action-hover-default);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}details.single summary{display:inline-flex;gap:var(--px-spacing-between-icon-horizontal-mobile);justify-content:center;color:var(--px-color-txt-primary-default);font-weight:700;border:var(--px-border-m) solid transparent;border-radius:var(--px-radius-pill)}details.single summary:hover{gap:0;padding:0 var(--px-padding-xs);border-color:var(--px-color-border-action-hover-default)}details.single summary:hover:after{border-color:transparent;margin-right:calc(var(--px-padding-xs) * -1)}details.single slot[name=content]{display:block;padding-top:var(--px-spacing-component-default-vertical)}details[open] summary slot[name=title]{color:var(--px-color-txt-primary-default);font-weight:700}details[open] summary:after{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}:host([inverted]) details{color:var(--px-color-txt-body-inverted)}:host([inverted]) details:not(.single){border-bottom:var(--px-border-m) solid var(--px-color-border-main-inverted)}:host([inverted]) details[open] summary slot[name=title]{color:var(--px-color-txt-primary-inverted)}:host([inverted]) details.single summary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) details.single summary:hover{border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) details.single summary:hover:after{border-color:transparent}:host([inverted]) summary:after{background-color:var(--px-color-bg-action-secondary-inverted);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.789 5.93489 11.5286 6.19524L8.00002 9.72384L4.47142 6.19524C4.21107 5.93489 3.78897 5.93489 3.52862 6.19524C3.26827 6.45559 3.26827 6.8777 3.52862 7.13805L7.52862 11.1381C7.78897 11.3984 8.21108 11.3984 8.47142 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='white'/%3E%3C/svg%3E\")}:host([inverted]) summary:hover{background-color:var(--px-color-bg-container-moderate-inverted)}:host([inverted]) summary:hover:after{background-color:var(--px-color-bg-action-hover-inverted-inverted);border:var(--px-border-s) solid var(--px-color-border-action-hover-inverted)}");const se=["","none","single"],le=class extends r{constructor(){super(v,ae),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,o){if(t!==o)if("variant"===e)this.updateAttribute(e,t,o,se);else super.attributeChangedCallback(e,t,o)}updateAttribute(e,t,o,i){null!==t&&""!==t&&this.$el.classList.toggle(`${t}`),null!==o&&""!==o&&this.$el.classList.toggle(`${o}`),this.checkName(i,o)||console.error(`${o} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}};le.nativeName="details";let de=le;customElements.define("px-accordion",de);const ce='.btn{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:Proximus,Verdana,Helvetica,sans-serif;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);font-weight:700;gap:var(--px-spacing-between-icon-horizontal-mobile);cursor:pointer;text-decoration:none;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-border-m) solid transparent;--slotted-icon-size: var(--px-icon-size-xs-mobile)}.btn,.btn *{box-sizing:border-box}.btn:hover:not([disabled],[aria-disabled=true],.loading),.btn:focus:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-default);outline:0}.btn:active{transform:scale(.95)}.btn[disabled],.btn[aria-disabled=true]{cursor:default;pointer-events:none}.btn.loading{cursor:inherit}.btn.loading ::slotted(px-spinner){line-height:var(--px-icon-size-xs-mobile)}.btn:not(.secondary,.tertiary,.patch){color:var(--px-color-txt-inverted-primary-default);background:var(--px-color-bg-action-primary-default);min-height:var(--px-size-action-mobile);padding:0 var(--px-padding-m);border-radius:var(--px-radius-xs) var(--px-radius-xs) var(--px-radius-2xl) var(--px-radius-xs)}.btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading),.btn:not(.secondary,.tertiary,.patch):focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-inverted-default)}.btn:not(.secondary,.tertiary,.patch)[disabled],.btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}.btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-primary-default);border-color:transparent}.btn:not(.secondary,.tertiary,.patch).extended{width:100%}.btn:not(.secondary,.tertiary,.patch).alternative{border-radius:var(--px-radius-xs)}.btn.secondary{color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-secondary-default);min-height:var(--px-size-action-mobile);padding:0 var(--px-padding-m);border-radius:var(--px-radius-xs) var(--px-radius-xs) var(--px-radius-2xl) var(--px-radius-xs)}.btn.secondary:hover:not([disabled],[aria-disabled=true],.loading),.btn.secondary:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-inverted-default)}.btn.secondary[disabled],.btn.secondary[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}.btn.secondary.loading{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-primary-default);border-color:transparent}.btn.secondary.extended{width:100%}.btn.secondary.alternative{border-radius:var(--px-radius-xs)}.btn.tertiary{background:none;color:var(--px-color-txt-primary-default);border-radius:var(--px-radius-pill);padding:0}.btn.tertiary ::slotted(px-icon){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);font-size:var(--px-icon-size-2xs-mobile);border-radius:50%;background:var(--px-color-bg-action-secondary-default);transition:var(--btn-transition)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading){gap:0;padding:0 .5rem}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(*),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted(*){background:transparent}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){margin:0 -8px}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="before"]),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="before"]){margin:0 0 0 -.5rem}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="after"]),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="after"]){margin:0 -.5rem 0 0}.btn.tertiary[disabled],.btn.tertiary[aria-disabled=true]{color:var(--px-color-txt-disabled-default)}.btn.tertiary[disabled] ::slotted(px-icon),.btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-color-bg-action-disabled-default)}.btn.tertiary.loading{color:var(--px-color-txt-primary-default);border-color:transparent}.btn.tertiary.loading ::slotted(px-spinner){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);border-radius:50%;background:var(--px-color-bg-action-disabled-default)}.btn.patch{display:inline-flex}.btn.patch:hover:not([disabled],[aria-disabled=true],.loading),.btn.patch:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-inverted-default)}.btn.patch[disabled],.btn.patch[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}button.link{background:none;border:none;text-decoration:underline;padding:0;cursor:pointer}button.link[disabled],button.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-txt-disabled-default)}:host([inverted]) .btn:hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn:focus:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch){color:var(--px-color-txt-inverted-primary-inverted);background:var(--px-color-bg-action-primary-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn:not(.secondary,.tertiary,.patch):focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-inverted-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[disabled],:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-primary-inverted);border-color:transparent}:host([inverted]) .btn.secondary{color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .btn.secondary:hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn.secondary:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-inverted-inverted)}:host([inverted]) .btn.secondary[disabled],:host([inverted]) .btn.secondary[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn.secondary.loading{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-primary-inverted);border-color:transparent}:host([inverted]) .btn.tertiary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .btn.tertiary ::slotted(px-icon){background:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .btn.tertiary[disabled],:host([inverted]) .btn.tertiary[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn.tertiary[disabled] ::slotted(px-icon),:host([inverted]) .btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .btn.tertiary.loading{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .btn.tertiary.loading ::slotted(px-spinner){background:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .btn.patch:hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn.patch:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-inverted-inverted)}:host([inverted]) .btn.patch[disabled],:host([inverted]) .btn.patch[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) button.link[disabled],:host([inverted]) button.link[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}@media only screen and (min-width: 640px){.btn{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet);--slotted-icon-size: var(--px-icon-size-xs-tablet)}.btn.loading ::slotted(px-spinner){line-height:var(--px-icon-size-xs-tablet)}.btn:not(.secondary,.tertiary,.patch){min-height:var(--px-size-action)}.btn.secondary{min-height:var(--px-size-action)}.btn.tertiary ::slotted(px-spinner){width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}}@media only screen and (min-width: 640px){.btn{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop);--slotted-icon-size: var(--px-icon-size-xs-desktop)}.btn.loading ::slotted(px-spinner){line-height:var(--px-icon-size-xs-desktop)}.btn.tertiary ::slotted(px-spinner){width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop)}}@keyframes anim-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}',pe='a,.link,::slotted(a){font-family:Proximus,Verdana,Helvetica,sans-serif;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);font-weight:500;color:var(--px-color-txt-body-default)}a:hover,a:focus,.link:hover,.link:focus{color:var(--px-color-txt-hover-default)}a[aria-disabled=true],.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-txt-disabled-default)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-text-to-icon-compact-horizontal)}a ::slotted(*),.link ::slotted(*){display:inline-block}::slotted(a:hover),::slotted(a:focus){color:var(--px-color-txt-hover-default)}a.no-style{color:inherit;text-decoration:none}a.no-style:hover,a.no-style:focus{color:inherit}a.skip-link{position:absolute;left:-10000px;top:auto;overflow:hidden;background-color:var(--px-color-bg-container-main-default);padding:var(--px-padding-xs)}a.skip-link:focus{left:auto;z-index:999}:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a){color:var(--px-color-txt-body-inverted)}:host([inverted]) a:hover,:host([inverted]) a:focus,:host([inverted]) .link:hover,:host([inverted]) .link:focus{color:var(--px-color-txt-hover-inverted)}:host([inverted]) a[aria-disabled=true],:host([inverted]) .link[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) ::slotted(a:hover),:host([inverted]) ::slotted(a:focus){color:var(--px-color-txt-hover-inverted)}:host([inverted]) a.skip-link{background-color:var(--px-color-bg-container-main-inverted)}@media only screen and (min-width: 64rem){a,.link,::slotted(a){font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 90rem){a,.link,::slotted(a){font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}',be=".patch{display:inline-block;padding:0 var(--px-padding-s);height:1.625rem;border:var(--px-border-m) solid transparent;border-radius:var(--px-radius-l) var(--px-radius-l) var(--px-radius-l) 0;font-family:Proximus,Verdana,Helvetica,sans-serif;font-weight:700;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);text-align:center;background-color:var(--px-color-bg-promo-default);color:var(--px-color-txt-inverted-primary-default)}.patch,.patch *{box-sizing:border-box}@media only screen and (min-width: 640px){.patch{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 1025px){.patch{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}:host([inverted]) .patch{background-color:var(--px-color-bg-promo-inverted);color:var(--px-color-txt-inverted-primary-default)}.bottom-right{border-radius:var(--px-radius-l) var(--px-radius-l) 0 var(--px-radius-l)}.bottom-left{border-radius:var(--px-radius-l) var(--px-radius-l) var(--px-radius-l) 0}.info{background-color:var(--px-color-illu-blue-core);color:var(--px-color-txt-body-default)}:host([inverted]) .info{background-color:var(--px-color-illu-blue-core);color:var(--px-color-txt-body-default)}.black-friday{background-color:var(--px-color-bg-container-rich-default);color:var(--px-color-txt-inverted-default)}:host([inverted]) .black-friday{background-color:var(--px-color-bg-container-rich-inverted);color:var(--px-color-txt-inverted-inverted)}.eco{background-color:var(--px-color-bg-success-default);color:var(--px-color-txt-inverted-default)}:host([inverted]) .eco{background-color:var(--px-color-bg-success-inverted);color:var(--px-color-txt-inverted-inverted)}.greyed{background-color:var(--px-color-bg-action-disabled-default);color:var(--px-color-icon-disabled-default)}:host([inverted]) .greyed{background-color:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-icon-disabled-inverted)}",ge=new CSSStyleSheet,he=new CSSStyleSheet,xe=new CSSStyleSheet;ge.replaceSync(ce),he.replaceSync(pe),xe.replaceSync(be);const ue=class extends r{constructor(e){super(e,ge,he,xe),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"]}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)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"variant":this.updateVariant(t,o);break;case"state":this.updateState(t,o);break;case"extended":this.updateExtended();break;case"loading":this.updateLoading();break;case"shape":this.updateShape(t,o);break;default:super.attributeChangedCallback(e,t,o)}}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){"link"===t?this.$el.classList.remove("btn"):this.$el.classList.add("btn"),this._toggleClass(e,t),this.checkName(["","default","secondary","tertiary","link","patch","patch-info","patch-black-friday","patch-eco"],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(){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}`)}};ue.nativeName="button";let ve=ue;class me extends ve{constructor(){super(v)}}customElements.define("px-button",me);const fe=new CSSStyleSheet;fe.replaceSync("img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;border-style:none}@media only screen and (max-width: 40em){.mo,.m,.l{display:none}}@media only screen and (min-width: 40.0625em) and (max-width: 64em){.l{display:none}}@media only screen and (min-width: 40.0625em){.so{display:none}}@media only screen and (min-width: 64.0625em){.so,.mo{display:none}}");class ke extends r{constructor(){super(fe)}static get observedAttributes(){return[...super.observedAttributes,"showfor"]}get showfor(){return this.getAttribute("showfor")}set showfor(e){this.setAttribute("showfor",e)}attributeChangedCallback(e,t,o){if(t!==o)if("showfor"===e)this.updateShowFor(t,o);else super.attributeChangedCallback(e,t,o)}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e){return["","s","so","mo","m","l"].includes(e)}updateShowFor(e,t){this.checkName(t)?this.toggleClass(e,t):console.error('Bad "showfor" value for',this)}}const ye=class extends ke{constructor(){super();const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}};ye.nativeName="img";let we=ye;customElements.define("px-image",we);const ze=class extends ke{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,o){if(t!==o)switch(e){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(e,t,o)}}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,o){let i="";(e.endsWith("-en")||e.endsWith("-fr")||e.endsWith("-nl")||e.endsWith("-de"))&&(i=e.slice(-3),e=e.slice(0,-3)),(e.endsWith("-s")||e.endsWith("-m")||e.endsWith("-l"))&&(e=e.slice(0,-2));let r=`${e}${o}${i}.${t}`;return await this.imgExists(r)||(r=""),r}addImg(e,t,o){const i=document.createElement("img");i.src=e,i.alt=t||"",!o||"lazy"!==o&&"eager"!==o||(i.loading=o),this.$el.appendChild(i)}addSrcset(e,t){if(""!==e){const o=document.createElement("source");o.media=t,o.srcset=e,this.$el.insertBefore(o,this.$el.firstChild)}}async addSrc(e,t,o){if(this.removeSrc(),!e)return void console.error('No "src" value for ',this);const i=e.split(".").pop();if(!this.possibleImgExtension.includes(i))return void console.error('No extensions image to "src" value for ',this);const r=e.slice(0,-1*(i.length+1));let n=e;if(await this.imgExists(n)||(n=await this.transformImgPath(r,i,"-s")),""===n)return void console.error('Bad "src" value for ',this);const a=await this.transformImgPath(r,i,"-m");this.addSrcset(a,"only screen and (min-width: 40.0625em)");const s=await this.transformImgPath(r,i,"-l");this.addSrcset(s,"only screen and (min-width: 64.0625em)"),this.addImg(n,t,o)}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||"")}};ze.nativeName="picture";let Ae=ze;customElements.define("px-picture",Ae);const Ce=new CSSStyleSheet;Ce.replaceSync(be);class Se extends HTMLElement{constructor(e){super(),this.variantValues=["","default","info","black-friday","eco","greyed"],this.shapeValues=["","default","bottom-right","bottom-left"],this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,Ce]}template(){return'\n        <div class="patch">\n            <slot></slot>\n        </div>\n    '}static get observedAttributes(){return["variant","shape","inverted"]}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"variant":this.updateVariant(t,o);break;case"shape":this.updateShape(t,o)}}connectedCallback(){o(this,Se.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)}))}_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(this.variantValues,t)||console.error('Bad "variant" value for patch')}updateShape(e,t){this._toggleClass(e,t),this.checkName(this.shapeValues,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)}}class $e extends Se{constructor(){super(v)}}customElements.define("px-patch",$e);const Ee=new CSSStyleSheet;Ee.replaceSync('.price{--price-s: var(--px-text-size-l-mobile);--price-m: var(--px-text-size-xl-mobile);--price-l: var(--px-text-size-3xl-mobile);font-family:Proximus,Verdana,Helvetica,sans-serif;white-space:nowrap;font-weight:700;color:var(--px-color-txt-primary-default);font-size:var(--price-s)}@media only screen and (min-width: 641px){.price{--price-s: var(--px-text-size-l-tablet);--price-m: var(--px-text-size-xl-tablet);--price-l: var(--px-text-size-3xl-tablet)}}@media only screen and (min-width: 1025px){.price{--price-s: var(--px-text-size-l-desktop);--price-m: var(--px-text-size-xl-desktop);--price-l: var(--px-text-size-3xl-desktop)}}.promo,.free{color:var(--px-color-txt-promo-default)}.neutral{color:var(--px-color-txt-body-default)}.exceeding{color:var(--px-color-txt-status-error-default)}.disabled{color:var(--px-color-txt-disabled-default)}::slotted(s){color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);font-weight:400}@media only screen and (min-width: 641px){{font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1025px){{font-size:var(--px-text-size-base-desktop)}}:host([inverted]) .price{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .promo,:host([inverted]) .free{color:var(--px-color-txt-promo-inverted)}:host([inverted]) .neutral{color:var(--px-color-txt-body-inverted)}:host([inverted]) .exceeding{color:var(--px-color-txt-status-error-inverted)}:host([inverted]) .disabled{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) ::slotted(s){color:var(--px-color-txt-body-inverted)}.price:not(.promo):not(.free) ::slotted(s){display:none}::slotted(.euro){font-size:calc(var(--price-s) * .75)}::slotted(.decimals){font-size:calc(var(--price-s) * .5)}.m{font-size:var(--price-m)}:host([size="m"]) ::slotted(.decimals){font-size:calc(var(--price-m) * .5)}:host([size="m"]) ::slotted(.euro){font-size:calc(var(--price-m) * .75)}.l{font-size:var(--price-l)}:host([size="l"]) ::slotted(.decimals){font-size:calc(var(--price-l) * .5)}:host([size="l"]) ::slotted(.euro){font-size:calc(var(--price-l) * .75)}');const Le=["default","promo","free","neutral","exceeding","disabled"],Te=["","s","m","l"],De=class extends r{constructor(){super(v,Ee),this.template=()=>'<span class="price"><slot name="oldprice"></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,o){if(t!==o)switch(e){case"variant":this.updateAttribute(e,t,o,Le);break;case"size":this.updateAttribute(e,t,o,Te);break;default:super.attributeChangedCallback(e,t,o)}}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,o,i){this.toggleClass(t,o),this.checkName(i,o)||console.error(`${o} is not an allowed ${e} value for ${this.$el}`)}buildPrice(){let e=this.innerHTML.trim();const t=this.querySelector("s");let o="";t&&""!==t.innerText?(t.innerText="€"+t.innerText,e=t.nextSibling.textContent,o=t.outerHTML+" "):t&&""===t.innerText&&(e=t.nextSibling.textContent);let i="";i=/^[\d|.|,]+/.test(e)?'<span class="euro">€</span>':"";const r=e.charAt(e.length-3);if("."===r||","===r){const[t,n]=e.split(r);this.innerHTML=`${o}${i}${t}<span class="decimals">${r}${n}</span>`}else this.innerHTML=`${o}${i}${e}`}};De.nativeName="span";let Pe=De;customElements.define("px-price",Pe);const Me=new CSSStyleSheet;Me.replaceSync(":host{box-sizing:border-box}.ribbon{font-family:Proximus,Verdana,Helvetica,sans-serif;font-weight:700;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);white-space:nowrap;text-align:left;color:var(--px-color-txt-body-inverted);background-color:var(--px-color-bg-container-rich-default);padding:var(--px-padding-xs) var(--px-padding-s);border-radius:var(--px-radius-s) var(--px-radius-s) 0 0}.ribbon,.ribbon *{box-sizing:border-box}@media only screen and (min-width: 768px){.ribbon{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 1025px){.ribbon{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}");const Be=class extends r{constructor(){super(v,Me),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};Be.nativeName="div";let Re=Be;customElements.define("px-ribbon",Re);const Ve=new CSSStyleSheet;Ve.replaceSync("hr{--separator-size: 2px;clear:both;margin:0;border-width:var(--separator-size) 0 0;border-style:solid;border-color:var(--px-color-border-main-default)}.vertical{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}.none{--separator-size: 0}.s{--separator-size: 1px}.m{--separator-size: 2px}.l{--separator-size: 3px}.contrasted{border-color:var(--px-color-border-contrasted-default)}.action-hover{border-color:var(--px-color-border-action-hover-default)}.action-active{border-color:var(--px-color-border-action-active-default)}.none{border-color:var(--px-color-border-none-default)}.success{border-color:var(--px-color-border-success-default)}.error{border-color:var(--px-color-border-error-default)}.warning{border-color:var(--px-color-border-warning-default)}.unlimited{border-color:var(--px-color-border-unlimited-default)}:host([inverted]) hr{border-color:var(--px-color-border-main-inverted)}:host([inverted]) .contrasted{border-color:var(--px-color-border-contrasted-inverted)}:host([inverted]) .action-hover{border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) .action-active{border-color:var(--px-color-border-action-active-inverted)}:host([inverted]) .none{border-color:var(--px-color-border-none-inverted)}:host([inverted]) .success{border-color:var(--px-color-border-success-inverted)}:host([inverted]) .error{border-color:var(--px-color-border-error-inverted)}:host([inverted]) .warning{border-color:var(--px-color-border-warning-inverted)}:host([inverted]) .unlimited{border-color:var(--px-color-border-unlimited-inverted)}");const Fe=["","default","vertical"],Ne=["","none","s","m","l"],Ie=["","contrasted","action-hover","action-active","none","success","error","warning","unlimited"],He=class extends r{constructor(){super(v,Ve);const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"direction","size","color","inverted"]}get direction(){return this.getAttribute("direction")}set direction(e){this.setAttribute("direction",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"direction":this.updateAttribute(e,t,o,Fe);break;case"size":this.updateAttribute(e,t,o,Ne);break;case"color":this.updateAttribute(e,t,o,Ie);break;default:super.attributeChangedCallback(e,t,o)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateAttribute(e,t,o,i){this.toggleClass(t,o),this.checkName(i,o)||console.error(`Bad "${e}" value for`,this.$el)}};He.nativeName="hr";let je=He;customElements.define("px-separator",je);const qe=new CSSStyleSheet;qe.replaceSync('.tag{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:Proximus,Verdana,Helvetica,sans-serif;font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-s-mobile);font-weight:400;gap:var(--px-spacing-text-to-icon-compact-horizontal);background-color:var(--px-color-bg-action-secondary-default);color:var(--px-color-txt-primary-default);padding:var(--px-padding-2xs) var(--px-padding-xs);border:var(--px-border-s) solid transparent;border-radius:var(--px-radius-s);--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);line-height:var(--px-icon-size-xs-mobile)}.light{background-color:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-body-default)}.outline{background-color:transparent;color:var(--px-color-txt-primary-default);border-color:var(--px-color-border-action-hover-default)}.pill{border-radius:var(--px-radius-pill)}:host([inverted]) .tag{background-color:var(--px-color-bg-action-secondary-inverted);color:var(--px-color-txt-primary-inverted)}:host([inverted]) .light{background-color:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-body-inverted)}:host([inverted]) .outline{background-color:transparent;color:var(--px-color-txt-primary-inverted);border-color:var(--px-color-border-action-hover-inverted)}@media only screen and (min-width: 64rem){.tag{font-size:var(--px-text-size-s-tablet);line-height:var(--px-line-height-s-tablet);--slotted-icon-size: var(--px-icon-size-xs-tablet)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-tablet);line-height:var(--px-icon-size-xs-tablet)}}@media only screen and (min-width: 90rem){.tag{font-size:var(--px-text-size-s-desktop);line-height:var(--px-line-height-s-desktop);--slotted-icon-size: var(--px-icon-size-xs-desktop)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-desktop);line-height:var(--px-icon-size-xs-desktop)}}');class Oe extends HTMLElement{constructor(e){super(),this.variantValues=["","default","light","outline"],this.shapeValues=["","default","pill"],this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,qe]}template(){return'\n        <div class="tag">\n            <slot name="before"></slot>\n            <slot></slot>\n        </div>\n    '}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,o){if(t!==o)switch(e){case"variant":this.updateVariant(t,o);break;case"shape":this.updateShape(t,o)}}_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(this.variantValues,t)||console.error('Bad "variant" value for tag')}updateShape(e,t){this._toggleClass(e,t),this.checkName(this.shapeValues,t)||console.error('Bad "shape" value for tag')}}class We extends Oe{constructor(){super(v)}}customElements.define("px-tag",We);const _e=new CSSStyleSheet;_e.replaceSync('*{font-family:Proximus,Verdana,Helvetica,sans-serif}#container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-spacing-component-default-vertical)}#panels{width:100%}div[role=tablist]{display:flex;align-items:center;scrollbar-width:none;overflow:scroll;width:80vw;box-sizing:border-box}div[role=tablist] ::slotted(px-tab){background-color:var(--px-color-bg-container-weak-default)}div[role=tablist] ::slotted(px-tab[inverted=""]){background-color:var(--px-color-bg-container-weak-inverted)}div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-color-bg-action-active-default);padding-block:var(--px-padding-m);border-radius:var(--px-radius-s)!important}div[role=tablist] ::slotted(px-tab[selected=""][inverted=""]){background-color:var(--px-color-bg-action-active-inverted)}div[role=tablist] ::slotted(px-tab:first-child){border-radius:var(--px-radius-s) 0 0 var(--px-radius-s)}div[role=tablist] ::slotted(px-tab:last-of-type){border-radius:0 var(--px-radius-s) var(--px-radius-s) 0}div[role=tablist]::-webkit-scrollbar{display:none}button[role=tab]{background:none;border:none;padding:0;margin:0;cursor:pointer;height:inherit;width:inherit;padding:var(--px-padding-s);font-size:var(--px-text-size-base-mobile);font-weight:700;text-wrap:nowrap;color:var(--px-color-txt-body-default);outline:none}button[role=tab][inverted=""]{color:var(--px-color-txt-body-inverted)}@media screen and (min-width: 768px){button[role=tab]{font-size:var(--px-text-size-base-tablet)}}@media screen and (min-width: 1025px){button[role=tab]{font-size:var(--px-text-size-base-laptop)}}@media screen and (min-width: 1441px){button[role=tab]{font-size:var(--px-text-size-base-desktop)}}button[aria-selected=""]{padding-block:0;cursor:auto;color:var(--px-color-txt-primary-inverted)}button[aria-selected=""][inverted=""]{color:var(--px-color-txt-primary-default)}');class Ge extends HTMLElement{constructor(e){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=[e,_e]}static get observedAttributes(){return["label","inverted"]}attributeChangedCallback(e,t,o){"label"===e&&(this.label=o)}connectedCallback(){o(this,Ge.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)})),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,o=this.$previousTab;this.$activePanel.selected=!1,this.$activeTab.selected="false","ArrowRight"===e.key?t.selected="":"ArrowLeft"===e.key&&(o.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 Ue extends HTMLElement{constructor(e){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=[e,_e]}static get observedAttributes(){return["selected","for","name"]}connectedCallback(){o(this,Ue.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)})),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,o){"selected"===e?this.handleSelected(o):"name"===e?this.$button.setAttribute("id",o):"for"===e&&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(e){this.setAttribute("name",e)}get name(){return this.getAttribute("name")}set for(e){this.setAttribute("for",e)}get for(){return this.getAttribute("for")}handleSelected(e){u(e)?(this.$button.removeAttribute("aria-selected"),this.$button.tabIndex=-1):(this.$button.setAttribute("aria-selected",e),this.$button.removeAttribute("tabindex"),this.$button.focus())}set selected(e){this.setAttribute("selected",e)}}class Ye extends HTMLElement{constructor(e){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=[e,_e]}static get observedAttributes(){return["name"]}attributeChangedCallback(e,t,o){"name"===e&&this.$panel.setAttribute("aria-labelledby",o)}connectedCallback(){this.name||console.error("TabPanel needs a name attribute"),this.slot="tabpanels";const e=this.parentElement.querySelector(`[for="${this.getAttribute("name")}"]`);e?this.$panel.setAttribute("aria-labelledby",e.getAttribute("name")):console.error("No tab found for this panel");u(this.parentElement.querySelector(`[for="${this.name}"]`).selected)?this.selected=!1:this.selected=!0}get name(){return this.getAttribute("name")}set name(e){this.setAttribute("name",e)}set selected(e){this.$panel.style.display=e?"block":"none"}get $panel(){return this.shadowRoot.querySelector('[role="tabpanel"]')}}class Ze extends Ge{constructor(){super(v),this.querySelectorAll("px-tab").forEach((e=>{e.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",Ze);class Qe extends Ue{constructor(){super(v)}}customElements.get("px-tab")||customElements.define("px-tab",Qe);class Je extends Ye{constructor(){super(v)}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",Je);const Ke=new CSSStyleSheet;Ke.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class Xe extends HTMLElement{template(){return'\n        <ol class="timeline" role="list">\n            <slot></slot>\n        </ol>\n    '}constructor(e){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,Ke]}static get observedAttributes(){return["inverted"]}connectedCallback(){o(this,Xe.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)})),this.configureChildren()}attributeChangedCallback(e,t,o){if(t!==o&&"inverted"===e)for(let i=0;i<this.$children.length;i++)this.$children[i].toggleAttribute("inverted")}configureChildren(){const e=this.$children[this.$children.length-1];null==e||e.toggleAttribute("lastchild");for(let t=0;t<this.$children.length;t++)this.$children[t].setAttribute("item",`${t+1}`)}get $el(){return this.shadowRoot.querySelector(".timeline")}get $children(){return this.querySelectorAll("px-timeline-item")}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}}class et extends Xe{constructor(){super(v)}}customElements.define("px-timeline",et);const tt=new CSSStyleSheet;tt.replaceSync('.timeline-item{display:flex;gap:var(--px-spacing-text-to-icon-horizontal);font-family:Proximus,Verdana,Helvetica,sans-serif;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile)}.indicator-area{position:relative}.indicator-area:before{display:block;content:"";position:absolute;top:26px;left:12px;width:var(--px-border-m);height:calc(100% - 26px);background:var(--px-color-border-main-default)}.indicator-area .indicator{display:flex;align-items:center;justify-content:center;text-align:center;width:26px;height:26px;font-weight:700;font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-s-mobile);color:var(--px-color-icon-body-default);border-radius:var(--px-radius-pill);background:var(--px-color-bg-container-strong-default)}.content-area{margin-bottom:var(--px-spacing-component-default-vertical)}.content-area ::slotted([slot="title"]){font-weight:700;color:var(--px-color-txt-body-default)}.content-area ::slotted([slot="content"]){font-weight:400;color:var(--px-color-txt-details-default);margin-top:var(--px-spacing-under-text-vertical)}:host([lastchild]) .indicator-area:before{display:none}:host([lastchild]) .content-area{margin-bottom:0}:host([inverted]) .indicator-area:before{background:var(--px-color-border-main-inverted)}:host([inverted]) .indicator-area .indicator{color:var(--px-color-icon-body-inverted);background:var(--px-color-bg-container-strong-inverted)}:host([inverted]) .content-area ::slotted([slot="title"]){color:var(--px-color-txt-body-inverted)}:host([inverted]) .content-area ::slotted([slot="content"]){color:var(--px-color-txt-details-inverted)}@media only screen and (min-width: 64rem){.timeline-item{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}.indicator-area .indicator{font-size:var(--px-text-size-s-tablet);line-height:var(--px-line-height-s-tablet)}}@media only screen and (min-width: 90rem){.timeline-item{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}.indicator-area .indicator{font-size:var(--px-text-size-s-desktop);line-height:var(--px-line-height-s-desktop)}}');let ot="1";class it 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(e){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,tt]}static get observedAttributes(){return["inverted","lastchild","item"]}connectedCallback(){o(this,it.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)}))}attributeChangedCallback(e,t,o){if(t!==o&&"item"===e)this.updateItem(t,o),this.updateIndicator(ot)}updateItem(e,t){null!==e&&""!==e&&(ot=e),null!==t&&""!==t&&(ot=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)}}class rt extends it{constructor(){super(v)}}customElements.define("px-timeline-item",rt);const nt=new CSSStyleSheet;nt.replaceSync("px-container{width:1000px;display:block;border:0;border-radius:var(--px-radius-s)}@media screen and (max-width: 1025px){px-container{width:700px}}@media screen and (max-width: 640px){px-container{width:295px}}"),x(".lavender-blurred-modal-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:999;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}");class at extends HTMLElement{constructor(){super(),this.open=!1,this.template='<px-container padding="m" popover> \x3c!-- adding popver here is the only way to style of the modal --\x3e\n    <px-stack gap="component-default-vertical" direction="column">\n      <px-stack direction="column" gap="under-text-vertical">\n        <slot name="title"></slot>\n        <slot name="description"></slot>\n      </px-stack>\n      <slot></slot>\n      <px-separator size="l"></px-separator>\n      <px-stack gap="component-compact-horizontal" justify-content="end">\n        <slot name="footer"></slot>\n      </px-stack>\n    </px-stack>\n  </px-container>',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template,this.shadowRoot.adoptedStyleSheets=[v,nt]}connectedCallback(){var e;document.querySelectorAll(`px-button[popovertarget="${this.getAttribute("id")}"]`).forEach((e=>{e.onclick=e=>{var t;null==(t=this.showPopover)||t.call(this),this.open=!0,this.displayBlurredBackground(),e.stopPropagation()}}));this.querySelectorAll('px-button[slot="footer"]').forEach((e=>{e.onclick=()=>{this._hidePopover()}})),null!=this.autoShow&&(null==(e=this.showPopover)||e.call(this),this.open=!0,this.displayBlurredBackground())}displayBlurredBackground(){this.blurredBackground=document.createElement("div"),this.blurredBackground.id="popover-background",this.blurredBackground.classList.toggle("lavender-blurred-modal-background"),this.blurredBackground.addEventListener("click",(e=>{this.open&&!this.contains(e.target)&&this._hidePopover()})),document.body.appendChild(this.blurredBackground)}_hidePopover(){var e;this.blurredBackground.parentElement.removeChild(this.blurredBackground),null==(e=this.hidePopover)||e.call(this),this.open=!1}get autoShow(){return this.getAttribute("autoshow")}}customElements.get("px-modal")||customElements.define("px-modal",at);const st="span,::slotted(span){font-family:Proximus,Verdana,Helvetica,sans-serif;color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile)}:host([inverted]) span,:host([inverted]) ::slotted(span){color:var(--px-color-txt-body-inverted)}span.link{text-decoration:underline}@media only screen and (min-width: 64rem){span,::slotted(span){font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 90rem){span,::slotted(span){font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}",lt=new CSSStyleSheet,dt=new CSSStyleSheet;lt.replaceSync(st),dt.replaceSync(H);const ct=class extends r{constructor(){super(v,lt,dt),this.template=()=>'<span>\n        <slot name="before"></slot>\n        <slot></slot>\n        <slot name="after"></slot>\n    </span>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"color","fontsize","fontweight","inverted"]}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){u(e)?this.removeAttribute("inverted"):this.setAttribute("inverted",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"color":this.updateTypography(e,t,o,a);break;case"fontsize":this.updateTypography(e,t,o,n);break;case"fontweight":this.updateTypography(e,t,o,s);break;default:super.attributeChangedCallback(e,t,o)}}checkName(e,t){return e.includes(t)}updateTypography(e,t,o,i){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`Bad ${e} value for ${this.$el}`)}};ct.nativeName="span";let pt=ct;customElements.define("px-span",pt);const bt=new CSSStyleSheet,gt=new CSSStyleSheet,ht=new CSSStyleSheet;bt.replaceSync(pe),gt.replaceSync(ce),ht.replaceSync(H);const xt=class extends r{constructor(e){super(e,bt,gt,ht),this.variantValues=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],this.shapeValues=["","default","alternative"],this.template=()=>'<slot name="before"></slot><slot></slot><slot name="after"></slot>';const t=document.createElement(this.nativeName);t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"disabled","variant","shape","extended","inverted","fontsize","color","fontweight"]}get disabled(){return this.getAttribute("disabled")}set disabled(e){this.setAttribute("disabled",e)}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get extended(){return this.getAttribute("extended")}set extended(e){this.setAttribute("extended",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"disabled":this.$el.toggleAttribute("aria-disabled"),null!==o&&this.$el.setAttribute("aria-disabled","true");break;case"variant":this.updateVariant(t,o);break;case"shape":this.updateShape(t,o);break;case"extended":this.$el.classList.toggle(e);break;case"fontsize":this.updateTypography(e,t,o,n);break;case"color":this.updateTypography(e,t,o,a);break;case"fontweight":this.updateTypography(e,t,o,s);break;default:super.attributeChangedCallback(e,t,o)}}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(this.variantValues,t)||console.error(`Bad "variant" value for ${this.$el}`)}updateShape(e,t){null!==e&&""!==e&&"default"!==e&&this._toggleClassList(e),null!==t&&""!==t&&"default"!==t&&this._toggleClassList(t),this.checkName(this.shapeValues,t)||console.error(`Bad "shape" value for ${this.$el}`)}updateTypography(e,t,o,i){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`Bad ${e} value for ${this.$el}`)}};xt.nativeName="a";let ut=xt;class vt extends ut{constructor(){super(v)}}customElements.define("px-a",vt);const mt="p,::slotted(p){font-family:Proximus,Verdana,Helvetica,sans-serif;color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);margin:0}.textalign-left{text-align:left}.textalign-center{text-align:center}.textalign-right{text-align:right}:host([inverted]) p,:host([inverted]) ::slotted(p){color:var(--px-color-txt-body-inverted)}@media only screen and (min-width: 64rem){p,::slotted(p){font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 90rem){p,::slotted(p){font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}",ft=new CSSStyleSheet,kt=new CSSStyleSheet,yt=new CSSStyleSheet;ft.replaceSync(mt),kt.replaceSync(H),yt.replaceSync(I);const wt=["","default","h1","h2","h3","h4","h5","h6","subtitle"],zt=["","default","left","center","right"],At=class extends r{constructor(){super(v,ft,kt,yt),this.template=()=>"<p><slot></slot></p>",this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","color","fontsize","fontweight","textalign","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}get textalign(){return this.getAttribute("textalign")}set textalign(e){this.setAttribute("textalign",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"variant":this.updateAttribute(e,t,o,wt);break;case"color":this.updateTypography(e,t,o,a);break;case"fontsize":this.updateTypography(e,t,o,n);break;case"fontweight":this.updateTypography(e,t,o,s);break;case"textalign":this.updateTypography(e,t,o,zt);break;default:super.attributeChangedCallback(e,t,o)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateAttribute(e,t,o,i){this.toggleClass(t,o),this.checkName(i,o)||console.error(`Bad ${e} value for ${this.$el}`)}updateTypography(e,t,o,i){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`Bad ${e} value for ${this.$el}`)}};At.nativeName="p";let Ct=At;customElements.define("px-p",Ct);const St=new CSSStyleSheet;St.replaceSync("div{--px-heading-margin-title: 0 0 15px 0}");class $t extends HTMLElement{template(){return"\n      <div>\n        <slot></slot>\n      </div>\n    "}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[St]}get $el(){return this.shadowRoot.querySelector("div")}}customElements.define("px-heading-group",$t);const Et=new CSSStyleSheet,Lt=new CSSStyleSheet,Tt=new CSSStyleSheet,Dt=new CSSStyleSheet,Pt=new CSSStyleSheet;Et.replaceSync(":host{font-family:Proximus,Verdana,Helvetica,sans-serif}::slotted(ul),::slotted(ol){margin:0 0 0 var(--px-spacing-component-default-horizontal);padding:0}::slotted(b),::slotted(strong){font-weight:700}:host([inverted]) slot{color:var(--px-color-txt-body-inverted)}"),Lt.replaceSync(I),Tt.replaceSync(pe),Dt.replaceSync(mt),Pt.replaceSync(st),x(".li{padding-bottom:var(--px-padding-xs)}");class Mt extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[v,Et,Lt,Tt,Dt,Pt]}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",Mt),exports.Accordion=de,exports.Container=N,exports.H1=G,exports.H2=Y,exports.H3=Q,exports.H4=K,exports.H5=ee,exports.H6=oe,exports.HStack=w,exports.HeadingGroup=$t,exports.Icon=P,exports.Image=we,exports.Modal=at,exports.Page=E,exports.Paragraph=Ct,exports.Picture=Ae,exports.Price=Pe,exports.ProximusButton=me,exports.ProximusLink=vt,exports.ProximusPatch=$e,exports.ProximusSection=ne,exports.ProximusTag=We,exports.ProximusTimeline=et,exports.ProximusTimelineItem=rt,exports.PxElement=r,exports.PxStack=z,exports.PxTab=Qe,exports.PxTabPanel=Je,exports.PxTabs=Ze,exports.Ribbon=Re,exports.Section=S,exports.Separator=je,exports.Spacer=A,exports.Span=pt,exports.Stack=k,exports.Typography=Mt,exports.VStack=y,exports.WithFlexAttributes=i,exports.addGlobalStylesheet=x,exports.bgColorValues=b,exports.borderRadiusValues=p,exports.borderValues=c,exports.colorValues=a,exports.fontsizeValues=n,exports.fontweightValues=s,exports.gapValues=f,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=h,exports.iconSizeValues=l,exports.isFalsy=u,exports.paddingValues=d,exports.proximusSemanticStyleSheet=v,exports.replayAttributes=o,exports.shadowValues=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(e){const t=document.createElement(e),o=Object.getPrototypeOf(t);return Object.getOwnPropertyNames(o)}const t=new CSSStyleSheet;function o(e,t,o){t.forEach((t=>{const i=e.getAttribute(t);null!==i&&o(t,i)}))}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)}}");class i extends HTMLElement{static get observedAttributes(){return["grow","grow-tablet","grow-laptop","grow-desktop","shrink","shrink-mobile","shrink-tablet","shrink-laptop","shrink-desktop","basis","basis-mobile","basis-tablet","basis-laptop","basis-desktop","align-self"]}constructor(...e){super(),this.shadowRoot||this.attachShadow({mode:"open"}),this.shadowRoot.adoptedStyleSheets=[t,...e]}attributeChangedCallback(e,t,o){if(-1!==i.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}}class r extends i{static get observedAttributes(){return[...super.observedAttributes,...e(this.nativeName)]}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),null===o?this.$el.toggleAttribute(e):this.$el.setAttribute(e,o)}constructor(e,...t){super(e,...t),this.nativeName=Object.getPrototypeOf(this).constructor.nativeName}connectedCallback(){o(this,r.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)}));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 n=["","default","inherit","xs","s","base","m","l","xl","2xl","3xl","4xl","5xl","6xl","7xl"],a=["","default","inherit","primary","inverted-primary","inverted","body","details","hover","disabled","active","promo","status-success","status-warning","status-error","status-unlimited"],s=["","default","inherit","normal","bold","extrabold","light"],l=["","default","2xs","xs","s","m","l","xl","2xl"],d=["","none","2xs","xs","s","m","l","xl"],c=["","none","s","m","l"],p=["","none","xs","s","m","l","xl","2xl","pill"],b=["","none","weak","moderate","strong","rich","main","canvas-weak","canvas-light","canvas-soft","canvas-moderate","canvas-strong","canvas-deep","canvas-rich","action-primary","action-secondary","action-hover","action-disabled","action-active","notification","promo","success","error","warning","unlimited"],g=["","none","s","m","l","xl"],h=["","purple-bottom-red","purple-bottom-magenta","purple-bottom-orange","purple-bottom-blue","purple-bottom-turquoise","purple-bottom-green","purple-right-red","purple-right-magenta","purple-right-orange","purple-right-blue","purple-right-turquoise","purple-right-green","purple-top-right-red","purple-top-right-magenta","purple-top-right-orange","purple-top-right-blue","purple-top-right-turquoise","purple-top-right-green","purple-bottom-right-red","purple-bottom-right-magenta","purple-bottom-right-orange","purple-bottom-right-blue","purple-bottom-right-turquoise","purple-bottom-right-green","color-bottom-red","color-bottom-magenta","color-bottom-orange","color-bottom-blue","color-bottom-turquoise","color-bottom-green","color-right-red","color-right-magenta","color-right-orange","color-right-blue","color-right-turquoise","color-right-green","color-top-right-red","color-top-right-magenta","color-top-right-orange","color-top-right-blue","color-top-right-turquoise","color-top-right-green","color-bottom-right-red","color-bottom-right-magenta","color-bottom-right-orange","color-bottom-right-blue","color-bottom-right-turquoise","color-bottom-right-green"];function x(e){const t=document.createElement("style");t.innerHTML=e,document.head.appendChild(t)}function u(e){return"string"==typeof e&&("false"===e||"0"===e||"null"===e)||"boolean"==typeof e&&!e}const v=new CSSStyleSheet;v.replaceSync(":host>*:first-child{--px-color-bg-action-primary-default: #5C2D91;--px-color-bg-action-primary-inverted: #ffffff;--px-color-bg-action-secondary-default: rgba(92, 45, 145, .16);--px-color-bg-action-secondary-inverted: rgba(255, 255, 255, .24);--px-color-bg-action-hover-inverted-default: rgba(255, 255, 255, .4);--px-color-bg-action-hover-inverted-inverted: rgba(0, 0, 0, .8);--px-color-bg-action-hover-default: rgba(0, 0, 0, .12);--px-color-bg-action-hover-inverted: rgba(255, 255, 255, .16);--px-color-bg-action-disabled-default: rgba(0, 0, 0, .04);--px-color-bg-action-disabled-inverted: rgba(255, 255, 255, .08);--px-color-bg-action-active-default: #8D79AD;--px-color-bg-action-active-inverted: rgba(255, 255, 255, .8);--px-color-border-main-default: rgba(0, 0, 0, .12);--px-color-border-main-inverted: rgba(255, 255, 255, .16);--px-color-border-contrasted-default: rgba(0, 0, 0, .56);--px-color-border-contrasted-inverted: rgba(255, 255, 255, .64);--px-color-border-action-hover-default: #5C2D91;--px-color-border-action-hover-inverted: #ffffff;--px-color-border-action-active-default: #8D79AD;--px-color-border-action-active-inverted: rgba(255, 255, 255, .8);--px-color-border-none-default: rgba(255, 255, 255, 0);--px-color-border-none-inverted: rgba(255, 255, 255, 0);--px-color-border-success-default: #008000;--px-color-border-success-inverted: #26BB26;--px-color-border-error-default: #B30000;--px-color-border-error-inverted: #F22613;--px-color-border-warning-default: #AC5915;--px-color-border-warning-inverted: #DB992F;--px-color-border-unlimited-default: #016BC1;--px-color-border-unlimited-inverted: #7295CF;--px-color-bg-container-none-default: rgba(255, 255, 255, 0);--px-color-bg-container-none-inverted: rgba(0, 0, 0, 0);--px-color-bg-container-weak-default: rgba(0, 0, 0, .08);--px-color-bg-container-weak-inverted: rgba(255, 255, 255, .12);--px-color-bg-container-moderate-default: rgba(0, 0, 0, .04);--px-color-bg-container-moderate-inverted: rgba(255, 255, 255, .08);--px-color-bg-container-strong-default: rgba(0, 0, 0, .08);--px-color-bg-container-strong-inverted: rgba(255, 255, 255, .12);--px-color-bg-container-rich-default: #252525;--px-color-bg-container-rich-inverted: #ffffff;--px-color-bg-container-main-default: #ffffff;--px-color-bg-container-main-inverted: #ffffff;--px-color-bg-gradient-purple-bottom-red: 180deg, #5C2D91 66%, #EE2E5D 100%;--px-color-bg-gradient-purple-bottom-magenta: 180deg, #5C2D91 66%, #FF418C 100%;--px-color-bg-gradient-purple-bottom-orange: 180deg, #5C2D91 66%, #F39200 100%;--px-color-bg-gradient-purple-bottom-blue: 180deg, #5C2D91 66%, #00BCEE 100%;--px-color-bg-gradient-purple-bottom-turquoise: 180deg, #5C2D91 66%, #66D2CC 100%;--px-color-bg-gradient-purple-bottom-green: 180deg, #5C2D91 66%, #81C747 100%;--px-color-bg-gradient-purple-right-red: 90deg, #5C2D91 66%, #EE2E5D 100%;--px-color-bg-gradient-purple-right-magenta: 90deg, #5C2D91 66%, #FF418C 100%;--px-color-bg-gradient-purple-right-orange: 90deg, #5C2D91 66%, #F39200 100%;--px-color-bg-gradient-purple-right-blue: 90deg, #5C2D91 66%, #00BCEE 100%;--px-color-bg-gradient-purple-right-turquoise: 90deg, #5C2D91 66%, #66D2CC 100%;--px-color-bg-gradient-purple-right-green: 90deg, #5C2D91 66%, #81C747 100%;--px-color-bg-gradient-purple-top-right-red: 25deg, #5C2D91 66%, #EE2E5D 100%;--px-color-bg-gradient-purple-top-right-magenta: 25deg, #5C2D91 66%, #FF418C 100%;--px-color-bg-gradient-purple-top-right-orange: 25deg, #5C2D91 66%, #F39200 100%;--px-color-bg-gradient-purple-top-right-blue: 25deg, #5C2D91 66%, #00BCEE 100%;--px-color-bg-gradient-purple-top-right-turquoise: 25deg, #5C2D91 66%, #66D2CC 100%;--px-color-bg-gradient-purple-top-right-green: 25deg, #5C2D91 66%, #81C747 100%;--px-color-bg-gradient-purple-bottom-right-red: 155deg, #5C2D91 66%, #EE2E5D 100%;--px-color-bg-gradient-purple-bottom-right-magenta: 155deg, #5C2D91 66%, #FF418C 100%;--px-color-bg-gradient-purple-bottom-right-orange: 155deg, #5C2D91 66%, #F39200 100%;--px-color-bg-gradient-purple-bottom-right-blue: 155deg, #5C2D91 66%, #00BCEE 100%;--px-color-bg-gradient-purple-bottom-right-turquoise: 155deg, #5C2D91 66%, #66D2CC 100%;--px-color-bg-gradient-purple-bottom-right-green: 155deg, #5C2D91 66%, #81C747 100%;--px-color-bg-gradient-color-bottom-red: 180deg, #5C2D91 3%, #EE2E5D 66%;--px-color-bg-gradient-color-bottom-magenta: 180deg, #5C2D91 3%, #FF418C 66%;--px-color-bg-gradient-color-bottom-orange: 180deg, #5C2D91 3%, #F39200 66%;--px-color-bg-gradient-color-bottom-blue: 180deg, #5C2D91 3%, #00BCEE 66%;--px-color-bg-gradient-color-bottom-turquoise: 180deg, #5C2D91 3%, #66D2CC 66%;--px-color-bg-gradient-color-bottom-green: 180deg, #5C2D91 3%, #81C747 66%;--px-color-bg-gradient-color-right-red: 90deg, #5C2D91 3%, #EE2E5D 66%;--px-color-bg-gradient-color-right-magenta: 90deg, #5C2D91 3%, #FF418C 66%;--px-color-bg-gradient-color-right-orange: 90deg, #5C2D91 3%, #F39200 66%;--px-color-bg-gradient-color-right-blue: 90deg, #5C2D91 3%, #00BCEE 66%;--px-color-bg-gradient-color-right-turquoise: 90deg, #5C2D91 3%, #66D2CC 66%;--px-color-bg-gradient-color-right-green: 90deg, #5C2D91 3%, #81C747 66%;--px-color-bg-gradient-color-top-right-red: 25deg, #5C2D91 3%, #EE2E5D 66%;--px-color-bg-gradient-color-top-right-magenta: 25deg, #5C2D91 3%, #FF418C 66%;--px-color-bg-gradient-color-top-right-orange: 25deg, #5C2D91 3%, #F39200 66%;--px-color-bg-gradient-color-top-right-blue: 25deg, #5C2D91 3%, #00BCEE 66%;--px-color-bg-gradient-color-top-right-turquoise: 25deg, #5C2D91 3%, #66D2CC 66%;--px-color-bg-gradient-color-top-right-green: 25deg, #5C2D91 3%, #81C747 66%;--px-color-bg-gradient-color-bottom-right-red: 155deg, #5C2D91 3%, #EE2E5D 66%;--px-color-bg-gradient-color-bottom-right-magenta: 155deg, #5C2D91 3%, #FF418C 66%;--px-color-bg-gradient-color-bottom-right-orange: 155deg, #5C2D91 3%, #F39200 66%;--px-color-bg-gradient-color-bottom-right-blue: 155deg, #5C2D91 3%, #00BCEE 66%;--px-color-bg-gradient-color-bottom-right-turquoise: 155deg, #5C2D91 3%, #66D2CC 66%;--px-color-bg-gradient-color-bottom-right-green: 155deg, #5C2D91 3%, #81C747 66%;--px-color-bg-notification-default: #DE2A56;--px-color-bg-notification-inverted: #DE2A56;--px-color-bg-promo-default: #DE2A56;--px-color-bg-promo-inverted: #E43C65;--px-color-bg-success-default: #008000;--px-color-bg-success-inverted: #26BB26;--px-color-bg-error-default: #B30000;--px-color-bg-error-inverted: #F22613;--px-color-bg-warning-default: #AC5915;--px-color-bg-warning-inverted: #DB992F;--px-color-bg-unlimited-default: #016BC1;--px-color-bg-unlimited-inverted: #7295CF;--px-color-canvas-weak: #f9f9f9;--px-color-canvas-light: #e4e4e4;--px-color-canvas-soft: #c6c6c6;--px-color-canvas-moderate: #a1a1a1;--px-color-canvas-strong: #727272;--px-color-canvas-deep: #464646;--px-color-canvas-rich: #252525;--px-color-datavis-green: #008000;--px-color-datavis-orange: #F39200;--px-color-datavis-red: #B30000;--px-color-datavis-magenta: #FF418C;--px-color-datavis-blue: #016BC1;--px-color-datavis-turquoise: #66D2CC;--px-color-icon-primary-default: #5C2D91;--px-color-icon-primary-inverted: #ffffff;--px-color-icon-body-default: #252525;--px-color-icon-body-inverted: #ffffff;--px-color-icon-details-default: rgba(0, 0, 0, .56);--px-color-icon-details-inverted: rgba(255, 255, 255, .64);--px-color-icon-hover-default: #8D79AD;--px-color-icon-hover-inverted: rgba(255, 255, 255, .8);--px-color-icon-active-default: #8D79AD;--px-color-icon-active-inverted: rgba(255, 255, 255, .8);--px-color-icon-disabled-default: rgba(0, 0, 0, .12);--px-color-icon-disabled-inverted: rgba(255, 255, 255, .16);--px-color-icon-success-default: #008000;--px-color-icon-success-inverted: #26BB26;--px-color-icon-warning-default: #AC5915;--px-color-icon-warning-inverted: #DB992F;--px-color-icon-error-default: #B30000;--px-color-icon-error-inverted: #F22613;--px-color-icon-unlimited-default: #016BC1;--px-color-icon-unlimited-inverted: #7295CF;--px-color-icon-promo-default: #DE2A56;--px-color-icon-promo-inverted: #FF4371;--px-color-illu-purple-bare: #F4F2F6;--px-color-illu-purple-weak: #E8E5ED;--px-color-illu-purple-light: #CEC8DA;--px-color-illu-purple-soft: #B0A5C5;--px-color-illu-purple-moderate: #8D79AD;--px-color-illu-purple-strong: #472370;--px-color-illu-red-weak: #F9E5E7;--px-color-illu-red-soft: #ECA5AE;--px-color-illu-red-core: #DE2A56;--px-color-illu-magenta-weak: #FFE6ED;--px-color-illu-magenta-soft: #FFA9C2;--px-color-illu-magenta-core: #FF418C;--px-color-illu-orange-weak: #FDEDE4;--px-color-illu-orange-soft: #F8C5A1;--px-color-illu-orange-core: #F39200;--px-color-illu-blue-bare: #F2F9FD;--px-color-illu-blue-weak: #E4F3FC;--px-color-illu-blue-soft: #A1D9F5;--px-color-illu-blue-core: #00BCEE;--px-color-illu-turquoise-weak: #E9F7F6;--px-color-illu-turquoise-soft: #B4E5E2;--px-color-illu-turquoise-moderate: #92DCD7;--px-color-illu-turquoise-core: #66D2CC;--px-color-illu-green-weak: #EBF5E6;--px-color-illu-green-soft: #BEDFAA;--px-color-illu-green-core: #81C747;--px-color-illu-yellow-core: #FFCA00;--px-color-txt-primary-default: #5C2D91;--px-color-txt-primary-inverted: #ffffff;--px-color-txt-inverted-primary-default: #ffffff;--px-color-txt-inverted-primary-inverted: #5C2D91;--px-color-txt-inverted-default: #ffffff;--px-color-txt-inverted-inverted: #252525;--px-color-txt-body-default: #252525;--px-color-txt-body-inverted: #ffffff;--px-color-txt-details-default: rgba(0, 0, 0, .56);--px-color-txt-details-inverted: rgba(255, 255, 255, .64);--px-color-txt-hover-default: #8D79AD;--px-color-txt-hover-inverted: rgba(255, 255, 255, .8);--px-color-txt-disabled-default: rgba(0, 0, 0, .12);--px-color-txt-disabled-inverted: rgba(255, 255, 255, .16);--px-color-txt-active-default: #8D79AD;--px-color-txt-active-inverted: rgba(255, 255, 255, .8);--px-color-txt-promo-default: #DE2A56;--px-color-txt-promo-inverted: #FF4371;--px-color-txt-status-success-default: #008000;--px-color-txt-status-success-inverted: #26BB26;--px-color-txt-status-error-default: #B30000;--px-color-txt-status-error-inverted: #F22613;--px-color-txt-status-warning-default: #AC5915;--px-color-txt-status-warning-inverted: #DB992F;--px-color-txt-status-unlimited-default: #016BC1;--px-color-txt-status-unlimited-inverted: #7295CF;--px-breakpoints-mobile-min: 0px;--px-breakpoints-mobile-max: 767px;--px-breakpoints-tablet-min: 768px;--px-breakpoints-tablet-max: 1024px;--px-breakpoints-laptop-min: 1025px;--px-breakpoints-laptop-max: 1440px;--px-breakpoints-desktop-min: 1441px;--px-breakpoints-desktop-max: 99999px;--px-border-none: 0px;--px-border-s: 1px;--px-border-m: 2px;--px-border-l: 3px;--px-radius-none: 0px;--px-radius-xs: 3px;--px-radius-s: 4px;--px-radius-m: 8px;--px-radius-l: 12px;--px-radius-xl: 16px;--px-radius-2xl: 22px;--px-radius-pill: 9999px;--px-shadow-none: 0px 0px 0px 0px #00000080;--px-shadow-s: 0px 1px 2px 0px rgba(0, 0, 0, .12);--px-shadow-m: 0px 4px 6px -1px rgba(0, 0, 0, .08);--px-shadow-l: 0px 10px 15px -3px rgba(0, 0, 0, .08);--px-shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, .08);--px-spacing-between-icon-horizontal: 8px;--px-spacing-text-to-icon-compact-horizontal: 4px;--px-spacing-text-to-icon-horizontal: 24px;--px-spacing-component-compact-horizontal: 16px;--px-spacing-component-default-horizontal: 20px;--px-spacing-component-expanded-horizontal: 80px;--px-spacing-between-icon-horizontal-mobile: 8px;--px-spacing-text-to-icon-horizontal-mobile: 16px;--px-spacing-component-compact-horizontal-mobile: 8px;--px-spacing-component-default-horizontal-mobile: 16px;--px-spacing-component-expanded-horizontal-mobile: 32px;--px-padding-none: 0px;--px-padding-2xs: 4px;--px-padding-xs: 8px;--px-padding-s: 16px;--px-padding-m: 24px;--px-padding-l: 32px;--px-padding-xl: 40px;--px-padding-none-mobile: 0px;--px-padding-2xs-mobile: 4px;--px-padding-xs-mobile: 8px;--px-padding-s-mobile: 16px;--px-padding-mobile-mobile: 24px;--px-padding-l-mobile: 24px;--px-padding-xl-mobile: 24px;--px-size-action: 44px;--px-size-input-box: 44px;--px-size-default: 44px;--px-size-action-mobile: 40px;--px-size-input-box-mobile: 40px;--px-size-default-mobile: 40px;--px-spacing-between-options-vertical: 0px;--px-spacing-under-text-vertical: 8px;--px-spacing-display-to-subtitle-vertical: 16px;--px-spacing-under-display-vertical: 24px;--px-spacing-component-default-vertical: 24px;--px-spacing-component-expanded-vertical: 40px;--px-spacing-between-section-vertical: 80px;--px-spacing-between-options-vertical-mobile: 0px;--px-spacing-under-text-vertical-mobile: 8px;--px-spacing-display-to-subtitle-vertical-mobile: 8px;--px-spacing-under-display-vertical-mobile: 16px;--px-spacing-component-default-vertical-mobile: 16px;--px-spacing-component-expanded-vertical-mobile: 16px;--px-spacing-between-section-vertical-mobile: 32px;--px-icon-size-2xs-mobile: 12px;--px-icon-size-2xs-tablet: 12px;--px-icon-size-2xs-desktop: 12px;--px-icon-size-xs-mobile: 16px;--px-icon-size-xs-tablet: 16px;--px-icon-size-xs-desktop: 16px;--px-icon-size-s-mobile: 20px;--px-icon-size-s-tablet: 20px;--px-icon-size-s-desktop: 20px;--px-icon-size-m-mobile: 24px;--px-icon-size-m-tablet: 24px;--px-icon-size-m-desktop: 24px;--px-icon-size-l-mobile: 32px;--px-icon-size-l-tablet: 32px;--px-icon-size-l-desktop: 32px;--px-icon-size-xl-mobile: 40px;--px-icon-size-xl-tablet: 40px;--px-icon-size-xl-desktop: 40px;--px-icon-size-2xl-mobile: 48px;--px-icon-size-2xl-tablet: 48px;--px-icon-size-2xl-desktop: 48px;--px-line-height-xs-mobile: 15px;--px-line-height-xs-tablet: 15px;--px-line-height-xs-desktop: 18px;--px-line-height-s-mobile: 18px;--px-line-height-s-tablet: 18px;--px-line-height-s-desktop: 21px;--px-line-height-base-mobile: 21px;--px-line-height-base-tablet: 21px;--px-line-height-base-desktop: 24px;--px-line-height-m-mobile: 24px;--px-line-height-m-tablet: 24px;--px-line-height-m-desktop: 27px;--px-line-height-l-mobile: 27px;--px-line-height-l-tablet: 27px;--px-line-height-l-desktop: 30px;--px-line-height-xl-mobile: 30px;--px-line-height-xl-tablet: 30px;--px-line-height-xl-desktop: 36px;--px-line-height-2xl-mobile: 36px;--px-line-height-2xl-tablet: 36px;--px-line-height-2xl-desktop: 42px;--px-line-height-3xl-mobile: 42px;--px-line-height-3xl-tablet: 42px;--px-line-height-3xl-desktop: 48px;--px-line-height-4xl-mobile: 48px;--px-line-height-4xl-tablet: 48px;--px-line-height-4xl-desktop: 54px;--px-line-height-5xl-mobile: 54px;--px-line-height-5xl-tablet: 54px;--px-line-height-5xl-desktop: 60px;--px-line-height-6xl-mobile: 60px;--px-line-height-6xl-tablet: 60px;--px-line-height-6xl-desktop: 72px;--px-text-size-xs-mobile: 10px;--px-text-size-xs-tablet: 10px;--px-text-size-xs-desktop: 12px;--px-text-size-s-mobile: 12px;--px-text-size-s-tablet: 12px;--px-text-size-s-desktop: 14px;--px-text-size-base-mobile: 14px;--px-text-size-base-tablet: 14px;--px-text-size-base-desktop: 16px;--px-text-size-m-mobile: 16px;--px-text-size-m-tablet: 16px;--px-text-size-m-desktop: 18px;--px-text-size-l-mobile: 18px;--px-text-size-l-tablet: 18px;--px-text-size-l-desktop: 20px;--px-text-size-xl-mobile: 20px;--px-text-size-xl-tablet: 20px;--px-text-size-xl-desktop: 24px;--px-text-size-2xl-mobile: 24px;--px-text-size-2xl-tablet: 24px;--px-text-size-2xl-desktop: 28px;--px-text-size-3xl-mobile: 28px;--px-text-size-3xl-tablet: 28px;--px-text-size-3xl-desktop: 32px;--px-text-size-4xl-mobile: 32px;--px-text-size-4xl-tablet: 32px;--px-text-size-4xl-desktop: 36px;--px-text-size-5xl-mobile: 36px;--px-text-size-5xl-tablet: 36px;--px-text-size-5xl-desktop: 40px;--px-text-size-6xl-mobile: 40px;--px-text-size-6xl-tablet: 40px;--px-text-size-6xl-desktop: 48px;--px-text-size-7xl-mobile: 48px;--px-text-size-7xl-tablet: 48px;--px-text-size-7xl-desktop: 64px}");const m=new CSSStyleSheet;m.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 f=["between-section-vertical","between-options-vertical","under-text-vertical","display-to-subtitle-vertical","under-display-vertical","component-default-vertical","component-expanded-vertical","between-section-vertical-mobile","between-options-vertical-mobile","under-text-vertical-mobile","display-to-subtitle-vertical-mobile","under-display-vertical-mobile","component-default-vertical-mobile","component-expanded-vertical-mobile","between-icon-horizontal","text-to-icon-compact-horizontal","text-to-icon-horizontal","component-compact-horizontal","component-default-horizontal","component-expanded-horizontal","between-icon-horizontal-mobile","text-to-icon-compact-horizontal-mobile","text-to-icon-horizontal-mobile","component-compact-horizontal-mobile","component-default-horizontal-mobile"];class k extends i{constructor(e){super(e,m),this.template='<div class="flex-container">\n      <slot></slot>\n  </div>',this.shadowRoot.innerHTML=this.template}connectedCallback(){o(this,k.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)})),this.hasAttribute("direction")||(this.direction="row")}static get observedAttributes(){return[...super.observedAttributes,"direction","direction-mobile","direction-tablet","direction-laptop","direction-desktop","gap","gap-mobile","gap-tablet","gap-laptop","gap-desktop","justify-content","justify-content-mobile","justify-content-tablet","justify-content-laptop","justify-content-desktop","align-items","align-items-mobile","align-items-tablet","align-items-laptop","align-items-desktop","wrap","wrap-mobile","wrap-tablet","wrap-laptop","wrap-desktop"]}attributeChangedCallback(e,t,o){if(e.indexOf("direction")>-1&&!["column","row"].includes(o))throw new Error("Invalid direction");switch(e){case"gap":this.$el.style.getPropertyValue("--flex-gap-mobile-value")||this.$el.style.setProperty("--flex-gap-mobile-value",this.getGapCSSVariable(o)),this.$el.style.getPropertyValue("--flex-gap-tablet-value")||this.$el.style.setProperty("--flex-gap-tablet-value",this.getGapCSSVariable(o)),this.$el.style.getPropertyValue("--flex-gap-laptop-value")||this.$el.style.setProperty("--flex-gap-laptop-value",this.getGapCSSVariable(o)),this.$el.style.getPropertyValue("--flex-gap-desktop-value")||this.$el.style.setProperty("--flex-gap-desktop-value",this.getGapCSSVariable(o));break;case"gap-mobile":case"gap-tablet":case"gap-laptop":case"gap-desktop":this.$el.style.setProperty(`--flex-${e}-value`,this.getGapCSSVariable(o));break;case"direction":this.$el.style.getPropertyValue("--flex-direction-mobile-value")||this.$el.style.setProperty("--flex-direction-mobile-value",o),this.$el.style.getPropertyValue("--flex-direction-tablet-value")||this.$el.style.setProperty("--flex-direction-tablet-value",o),this.$el.style.getPropertyValue("--flex-direction-laptop-value")||this.$el.style.setProperty("--flex-direction-laptop-value",o),this.$el.style.getPropertyValue("--flex-direction-desktop-value")||this.$el.style.setProperty("--flex-direction-desktop-value",o);break;case"justify-content":this.$el.style.getPropertyValue("--flex-justify-content-mobile-value")||this.$el.style.setProperty("--flex-justify-content-mobile-value",o),this.$el.style.getPropertyValue("--flex-justify-content-tablet-value")||this.$el.style.setProperty("--flex-justify-content-tablet-value",o),this.$el.style.getPropertyValue("--flex-justify-content-laptop-value")||this.$el.style.setProperty("--flex-justify-content-laptop-value",o),this.$el.style.getPropertyValue("--flex-justify-content-desktop-value")||this.$el.style.setProperty("--flex-justify-content-desktop-value",o);break;case"align-items":this.$el.style.getPropertyValue("--flex-align-items-mobile-value")||this.$el.style.setProperty("--flex-align-items-mobile-value",o),this.$el.style.getPropertyValue("--flex-align-items-tablet-value")||this.$el.style.setProperty("--flex-align-items-tablet-value",o),this.$el.style.getPropertyValue("--flex-align-items-laptop-value")||this.$el.style.setProperty("--flex-align-items-laptop-value",o),this.$el.style.getPropertyValue("--flex-align-items-desktop-value")||this.$el.style.setProperty("--flex-align-items-desktop-value",o);break;case"wrap":this.$el.style.getPropertyValue("--flex-wrap-mobile-value")||this.$el.style.setProperty("--flex-wrap-mobile-value",o),this.$el.style.getPropertyValue("--flex-wrap-tablet-value")||this.$el.style.setProperty("--flex-wrap-tablet-value",o),this.$el.style.getPropertyValue("--flex-wrap-laptop-value")||this.$el.style.setProperty("--flex-wrap-laptop-value",o),this.$el.style.getPropertyValue("--flex-wrap-desktop-value")||this.$el.style.setProperty("--flex-wrap-desktop-value",o);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`,o);break;default:super.attributeChangedCallback(e,t,o)}}getGapCSSVariable(e){return f.includes(e)?`var(--px-spacing-${e})`:e}get direction(){return this.getAttribute("direction")}set direction(e){this.setAttribute("direction",e)}get directionMobile(){return this.getAttribute("direction-mobile")}set directionMobile(e){this.setAttribute("direction-mobile",e)}get directionTablet(){return this.getAttribute("direction-tablet")}set directionTablet(e){this.setAttribute("direction-tablet",e)}get directionLaptop(){return this.getAttribute("direction-laptop")}set directionLaptop(e){this.setAttribute("direction-laptop",e)}get directionDesktop(){return this.getAttribute("direction-desktop")}set directionDesktop(e){this.setAttribute("direction-desktop",e)}get gap(){return this.getAttribute("gap")}set gap(e){this.setAttribute("gap",e)}get gapMobile(){return this.getAttribute("gap-mobile")}set gapMobile(e){this.setAttribute("gap-mobile",e)}get gapTablet(){return this.getAttribute("gap-tablet")}set gapTablet(e){this.setAttribute("gap-tablet",e)}get gapLaptop(){return this.getAttribute("gap-laptop")}set gapLaptop(e){this.setAttribute("gap-laptop",e)}get justifyContent(){return this.getAttribute("justify-content")}set justifyContent(e){this.setAttribute("justify-content",e)}get justifyContentMobile(){return this.getAttribute("justify-content-mobile")}set justifyContentMobile(e){this.setAttribute("justify-content-mobile",e)}get justifyContentTablet(){return this.getAttribute("justify-content-tablet")}set justifyContentTablet(e){this.setAttribute("justify-content-tablet",e)}get justifyContentLaptop(){return this.getAttribute("justify-content-laptop")}set justifyContentLaptop(e){this.setAttribute("justify-content-laptop",e)}get justifyContentDesktop(){return this.getAttribute("justify-content-desktop")}set justifyContentDesktop(e){this.setAttribute("justify-content-desktop",e)}get alignItems(){return this.getAttribute("align-items")}set alignItems(e){this.setAttribute("align-items",e)}get alignItemsMobile(){return this.getAttribute("align-items-mobile")}set alignItemsMobile(e){this.setAttribute("align-items-mobile",e)}get alignItemsTablet(){return this.getAttribute("align-items-tablet")}set alignItemsTablet(e){this.setAttribute("align-items-tablet",e)}get alignItemsLaptop(){return this.getAttribute("align-items-laptop")}set alignItemsLaptop(e){this.setAttribute("align-items-laptop",e)}get alignItemsDesktop(){return this.getAttribute("align-items-desktop")}set alignItemsDesktop(e){this.setAttribute("align-items-desktop",e)}get wrap(){return this.getAttribute("wrap")}set wrap(e){this.setAttribute("wrap",e)}get wrapMobile(){return this.getAttribute("wrap-mobile")}set wrapMobile(e){this.setAttribute("wrap-mobile",e)}get wrapTablet(){return this.getAttribute("wrap-tablet")}set wrapTablet(e){this.setAttribute("wrap-tablet",e)}get wrapLaptop(){return this.getAttribute("wrap-laptop")}set wrapLaptop(e){this.setAttribute("wrap-laptop",e)}get wrapDesktop(){return this.getAttribute("wrap-desktop")}set wrapDesktop(e){this.setAttribute("wrap-desktop",e)}get $el(){return this.shadowRoot.querySelector(".flex-container")}}class y extends k{constructor(e){super(e)}connectedCallback(){super.connectedCallback(),this.direction="column",this.directionMobile="column",this.directionTablet="column",this.directionLaptop="column",this.directionDesktop="column"}}class w extends k{constructor(e){super(e)}connectedCallback(){super.connectedCallback(),this.direction="row",this.directionMobile="row",this.directionTablet="row",this.directionLaptop="row",this.directionDesktop="row"}}class z extends k{constructor(){super(v)}}customElements.get("px-stack")||customElements.define("px-stack",z),customElements.get("px-vstack")||customElements.define("px-vstack",class extends y{constructor(){super(v)}}),customElements.get("px-hstack")||customElements.define("px-hstack",class extends w{constructor(){super(v)}});class A extends HTMLElement{constructor(){super()}static get observedAttributes(){return["grow"]}attributeChangedCallback(e,t,o){"grow"===e&&(this.style.flexGrow=o)}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",A);const C=new CSSStyleSheet;C.replaceSync("slot[name=heading]{display:block;margin-top:1rem;margin-bottom:1rem}");let S=class extends i{constructor(){super(C),this.template='\n  <section>\n    <slot name="heading"></slot>\n    <px-stack direction="column" gap="1rem">\n      <slot></slot>\n    </px-stack>\n  </section>',this.shadowRoot.innerHTML=this.template}static get observedAttributes(){return[...super.observedAttributes,"gap"]}attributeChangedCallback(e,t,o){"gap"!==e||t===o?super.attributeChangedCallback(e,t,o):this.$el.gap=o}get gap(){return this.getAttribute("gap")}set gap(e){this.setAttribute("gap",e)}get $el(){return this.shadowRoot.querySelector('px-stack[direction="column"]')}};customElements.define("px-section-damien",S);const $=new CSSStyleSheet;$.replaceSync(":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5rem}");class E extends i{constructor(){super(v,$),this.template=e=>`\n    <px-container borderradius="none" padding="none">\n      <px-vstack>\n        <px-container id="header-container" borderradius="none">\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="header-vstack-container"\n              gap="1rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="header-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="image-container"\n          borderradius="none"\n          padding="none"\n          paddingtop="xl"\n          id="image-box"\n          bgimgsize="cover"\n          bgimgposition="top center"\n          paddingbottom="xl"\n          borderradius="none"\n          bgimg="${this.backgroundImage}"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack grow="${this.grow}" basis="${this.basis}">\n              <slot name="image-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        ${e?` <px-hstack>\n        <px-spacer></px-spacer>\n        <px-container borderradius="none" shadow="xl" id="image-sticky-box" border="s" grow="${this.grow}" basis="${this.basis}" borderradius="m">\n          <px-vstack gap="1rem">\n            <slot name="image-sticky-container"></slot>\n          </px-vstack>\n        </px-container>\n        <px-spacer></px-spacer>\n      </px-hstack>`:""}\n        <px-container\n          id="body-container"\n          id="main"\n          bgcolor="${this.backgroundColor}"\n          padding="none"\n          paddingtop="xl"\n          paddingbottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack\n              id="body-vstack-container"\n              gap="3rem"\n              grow="${this.grow}"\n              basis="${this.basis}"\n            >\n              <slot name="body-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="contact-container"\n          borderradius="none"\n          id="main"\n          bgcolor="strong"\n          padding="none"\n          paddingtop="xl"\n          paddingbottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="contact-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n        <px-container\n          id="footer-container"\n          bgcolor="none"\n          borderradius="none"\n          style="background-color: rgb(108, 66, 156)"\n          paddingtop="xl"\n          paddingbottom="xl"\n        >\n          <px-hstack>\n            <px-spacer></px-spacer>\n            <px-vstack gap="3rem" grow="${this.grow}" basis="${this.basis}">\n              <slot name="footer-container"></slot>\n            </px-vstack>\n            <px-spacer></px-spacer>\n          </px-hstack>\n        </px-container>\n      </px-vstack>\n    </px-container>\n  `,this.shadowRoot.innerHTML=this.template(!!this.$imageStickySlot)}static get observedAttributes(){return[...super.observedAttributes,"background-image","gap","background-color","padding-vertical","padding-horizontal"]}get $wideImage(){return this.shadowRoot.querySelector("#image-box")}get $bodyVStackContainer(){return this.shadowRoot.querySelector("#header-vstack-container")}get $bodyContainer(){return this.shadowRoot.querySelector("#body-container")}get $contactContainer(){return this.shadowRoot.querySelector("#contact-container")}get $footerContainer(){return this.shadowRoot.querySelector("#footer-container")}get $headerContainer(){return this.shadowRoot.querySelector("#header-container")}get $imageContainer(){return this.shadowRoot.querySelector("#image-container")}get backgroundImage(){return this.getAttribute("background-image")}get $imageStickySlot(){return this.querySelector('*[slot="image-sticky-container"]')}get $main(){return this.shadowRoot.querySelector("#main")}get backgroundColor(){return this.getAttribute("background-color")||"none"}get paddingVertical(){return this.getAttribute("padding-vertical")}get paddingHorizontal(){return this.getAttribute("padding-horizontal")}set paddingVertical(e){this.setAttribute("padding-vertical",e)}set paddingHorizontal(e){this.setAttribute("padding-horizontal",e)}get gap(){return this.getAttribute("gap")}connectedCallback(){this.handlePaddingVerticalChange(this.paddingVertical),this.handlePaddingHorizontalChange(this.paddingHorizontal)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"background-image":this.$imageContainer.bgImgMobile=o;break;case"gap":this.$bodyVStackContainer.gap=o;break;case"background-color":this.$bodyContainer.bgColor=b.indexOf(o)>0?o:"none";break;case"padding-vertical":this.handlePaddingVerticalChange(o);break;case"padding-horizontal":this.handlePaddingHorizontalChange(o);break;default:super.attributeChangedCallback(e,t,o)}}handlePaddingVerticalChange(e){this.$headerContainer.paddingTop=e,this.$footerContainer.paddingBottom=e}handlePaddingHorizontalChange(e){this.$headerContainer.paddingLeft=e,this.$headerContainer.paddingRight=e,this.$bodyContainer.paddingLeft=e,this.$bodyContainer.paddingRight=e,this.$contactContainer.paddingLeft=e,this.$contactContainer.paddingRight=e,this.$footerContainer.paddingLeft=e,this.$footerContainer.paddingRight=e,this.$imageContainer.paddingLeft=e,this.$imageContainer.paddingRight=e}}void 0===customElements.get("px-page")&&customElements.define("px-page",E);const L=new CSSStyleSheet;L.replaceSync(':host{line-height:1;display:inline-block;vertical-align:middle}i{font-family:PxIcon;color:var(--px-color-icon-primary-default);line-height:1;font-style:unset;font-weight:400;-webkit-user-select:none;user-select:none;font-display:swap}.inherit{color:inherit}.primary{color:var(--px-color-icon-primary-default)}.body{color:var(--px-color-icon-body-default)}.details{color:var(--px-color-icon-details-default)}.hover:hover{color:var(--px-color-icon-hover-default)}.hover:active{color:var(--px-color-icon-active-default)}.disabled{color:var(--px-color-icon-disabled-default)}.success{color:var(--px-color-icon-success-default)}.warning{color:var(--px-color-icon-warning-default)}.error{color:var(--px-color-icon-error-default)}.unlimited{color:var(--px-color-icon-unlimited-default)}.promo{color:var(--px-color-icon-promo-default)}:host([inverted]) i,:host([inverted]) .primary{color:var(--px-color-icon-primary-inverted)}:host([inverted]) .body{color:var(--px-color-icon-body-inverted)}:host([inverted]) .details{color:var(--px-color-icon-details-inverted)}:host([inverted]) .hover:hover{color:var(--px-color-icon-hover-inverted)}:host([inverted]) .hover:active{color:var(--px-color-icon-active-inverted)}:host([inverted]) .disabled{color:var(--px-color-icon-disabled-inverted)}:host([inverted]) .success{color:var(--px-color-icon-success-inverted)}:host([inverted]) .warning{color:var(--px-color-icon-warning-inverted)}:host([inverted]) .error{color:var(--px-color-icon-error-inverted)}:host([inverted]) .unlimited{color:var(--px-color-icon-unlimited-inverted)}:host([inverted]) .promo{color:var(--px-color-icon-promo-inverted)}.size-2xs{font-size:var(--px-icon-size-2xs-mobile)}.size-xs{font-size:var(--px-icon-size-xs-mobile)}.size-s{font-size:var(--px-icon-size-s-mobile)}.size-m{font-size:var(--px-icon-size-m-mobile)}.size-l{font-size:var(--px-icon-size-l-mobile)}.size-xl{font-size:var(--px-icon-size-xl-mobile)}.size-2xl{font-size:var(--px-icon-size-2xl-mobile)}@media only screen and (min-width: 64rem){.size-2xs{font-size:var(--px-icon-size-2xs-tablet)}.size-xs{font-size:var(--px-icon-size-xs-tablet)}.size-s{font-size:var(--px-icon-size-s-tablet)}.size-m{font-size:var(--px-icon-size-m-tablet)}.size-l{font-size:var(--px-icon-size-l-tablet)}.size-xl{font-size:var(--px-icon-size-xl-tablet)}.size-2xl{font-size:var(--px-icon-size-2xl-tablet)}}@media only screen and (min-width: 90rem){.size-2xs{font-size:var(--px-icon-size-2xs-desktop)}.size-xs{font-size:var(--px-icon-size-xs-desktop)}.size-s{font-size:var(--px-icon-size-s-desktop)}.size-m{font-size:var(--px-icon-size-m-desktop)}.size-l{font-size:var(--px-icon-size-l-desktop)}.size-xl{font-size:var(--px-icon-size-xl-desktop)}.size-2xl{font-size:var(--px-icon-size-2xl-desktop)}}i.icon-large:before{vertical-align:-10%;font-size:1.3333333333em}.icon-Accessories:before{content:""}.icon-Account:before{content:""}.icon-Activeren:before{content:""}.icon-Addition:before{content:""}.icon-Administration:before{content:""}.icon-Advantage:before{content:""}.icon-Advantage-pig:before{content:""}.icon-AI:before{content:""}.icon-Airplane:before{content:""}.icon-Alarm:before{content:""}.icon-Answers:before{content:""}.icon-Antenna:before{content:""}.icon-Anywhere:before{content:""}.icon-Applications:before{content:""}.icon-Appointment:before{content:""}.icon-Arrow:before{content:""}.icon-Arrow-circle:before{content:""}.icon-Arrow-direction:before{content:""}.icon-Arrow-direction-horizontal:before{content:""}.icon-Arrow-down:before{content:""}.icon-Arrow-left:before{content:""}.icon-Arrow-navigation:before{content:""}.icon-Arrow-outline:before{content:""}.icon-Arrow-outline-direction:before{content:""}.icon-Arrowbutton:before{content:""}.icon-Arrowbutton-left:before{content:""}.icon-Articles:before{content:""}.icon-Baby:before{content:""}.icon-Back-camera:before{content:""}.icon-Battery:before{content:""}.icon-Belgique-ok:before{content:""}.icon-Best-seller:before{content:""}.icon-Best-seller-14:before{content:""}.icon-Best-seller-2:before{content:""}.icon-Bill:before{content:""}.icon-Bill-member:before{content:""}.icon-Birthday:before{content:""}.icon-Blacklisted:before{content:""}.icon-Blindness:before{content:""}.icon-Bluetooth:before{content:""}.icon-Broken-links:before{content:""}.icon-Bullet:before{content:""}.icon-Caddy:before{content:""}.icon-Calendar:before{content:""}.icon-Calendar-14:before{content:""}.icon-Calendar-7:before{content:""}.icon-Calls:before{content:""}.icon-Callsfromabroad:before{content:""}.icon-Callsfrombelgium:before{content:""}.icon-Calltransfert:before{content:""}.icon-Camera:before{content:""}.icon-Car:before{content:""}.icon-Card:before{content:""}.icon-Care:before{content:""}.icon-Circle:before{content:""}.icon-Circle-Remove:before{content:""}.icon-Close:before{content:""}.icon-Cloud:before{content:""}.icon-Cloud-ICT:before{content:""}.icon-Cloud-IoT:before{content:""}.icon-Cloud-Networks:before{content:""}.icon-Cloud-Security:before{content:""}.icon-Collaboration:before{content:""}.icon-Collapse:before{content:""}.icon-Community:before{content:""}.icon-Community2:before{content:""}.icon-Compare:before{content:""}.icon-Congratulations-box:before{content:""}.icon-Connected-house:before{content:""}.icon-Connection-error:before{content:""}.icon-Connection-manager:before{content:""}.icon-Connectivity:before{content:""}.icon-Contact:before{content:""}.icon-Contactlist:before{content:""}.icon-Contest:before{content:""}.icon-Continuity:before{content:""}.icon-Cookie:before{content:""}.icon-Copy:before{content:""}.icon-Crash:before{content:""}.icon-Customer-Zone:before{content:""}.icon-Dance:before{content:""}.icon-Data:before{content:""}.icon-Deafpeople:before{content:""}.icon-Delivery:before{content:""}.icon-Desktop:before{content:""}.icon-Devices:before{content:""}.icon-Dial:before{content:""}.icon-Digital-media:before{content:""}.icon-Directassist:before{content:""}.icon-Download:before{content:""}.icon-Drag:before{content:""}.icon-E-carte-Facebook:before{content:""}.icon-Easy:before{content:""}.icon-Edit:before{content:""}.icon-Energy:before{content:""}.icon-Entertainment:before{content:""}.icon-Error-box:before{content:""}.icon-Eservices:before{content:""}.icon-Exhibition-screens:before{content:""}.icon-Expand:before{content:""}.icon-Eyedeficiency:before{content:""}.icon-Facebook:before{content:""}.icon-Family:before{content:""}.icon-Favourite:before{content:""}.icon-Favourite-unselected:before{content:""}.icon-Feedback:before{content:""}.icon-Fiber:before{content:""}.icon-Filter:before{content:""}.icon-Fixed-connection:before{content:""}.icon-Fixed-ringing:before{content:""}.icon-Flexibility:before{content:""}.icon-Flexible-delivery:before{content:""}.icon-Football:before{content:""}.icon-Football-11:before{content:""}.icon-Football-11plus:before{content:""}.icon-Forum:before{content:""}.icon-Forward:before{content:""}.icon-Freedelivery:before{content:""}.icon-Freeservices:before{content:""}.icon-Frequently-questions:before{content:""}.icon-Front-camera:before{content:""}.icon-G-Tablet:before{content:""}.icon-Gallery:before{content:""}.icon-Games:before{content:""}.icon-Gift:before{content:""}.icon-Government:before{content:""}.icon-Guitar:before{content:""}.icon-Handicap:before{content:""}.icon-Help:before{content:""}.icon-Home:before{content:""}.icon-Home-added-value:before{content:""}.icon-Hub:before{content:""}.icon-ICT:before{content:""}.icon-Icon-Mood-happy:before{content:""}.icon-Icon-Mood-neutral:before{content:""}.icon-Icon-Mood-unhappy:before{content:""}.icon-Ict-networking:before{content:""}.icon-Idea:before{content:""}.icon-Incomingcalls:before{content:""}.icon-Infinity:before{content:""}.icon-Information:before{content:""}.icon-Information-box:before{content:""}.icon-Infrastructure:before{content:""}.icon-Innovation:before{content:""}.icon-Inscription:before{content:""}.icon-Instagram:before{content:""}.icon-International:before{content:""}.icon-Internet:before{content:""}.icon-Internetlaptop:before{content:""}.icon-Internetmobile:before{content:""}.icon-Internettablet:before{content:""}.icon-Invoice-insight-advanced:before{content:""}.icon-Layer243:before{content:""}.icon-Linkedin:before{content:""}.icon-Links:before{content:""}.icon-Local-data:before{content:""}.icon-Location:before{content:""}.icon-Login1:before{content:""}.icon-Login2:before{content:""}.icon-LoginOpen:before{content:""}.icon-Logout:before{content:""}.icon-Low-stock:before{content:""}.icon-Magnify:before{content:""}.icon-Manual:before{content:""}.icon-Markets:before{content:""}.icon-Meeting:before{content:""}.icon-Mentaldeficiency:before{content:""}.icon-Menu:before{content:""}.icon-Menuburger:before{content:""}.icon-Messaging:before{content:""}.icon-Messenger:before{content:""}.icon-Micro:before{content:""}.icon-MicroSIM-card:before{content:""}.icon-Microsoft-Office:before{content:""}.icon-Minus-fill:before{content:""}.icon-Minutes120:before{content:""}.icon-Minutes15:before{content:""}.icon-Minutes1600:before{content:""}.icon-Minutes240:before{content:""}.icon-Minutes30:before{content:""}.icon-Minutes400:before{content:""}.icon-Minutes60:before{content:""}.icon-Minutes800:before{content:""}.icon-Mobile:before{content:""}.icon-Mobile-Coverage:before{content:""}.icon-Mobility-insurance:before{content:""}.icon-Monitoring:before{content:""}.icon-Mood-joy:before{content:""}.icon-Mood-very-bad:before{content:""}.icon-Move-Sticker:before{content:""}.icon-Move-box:before{content:""}.icon-Moving:before{content:""}.icon-Music:before{content:""}.icon-Myentertainment:before{content:""}.icon-Network:before{content:""}.icon-Newsletter:before{content:""}.icon-Next:before{content:""}.icon-No-playing:before{content:""}.icon-No-stock:before{content:""}.icon-Norton-security:before{content:""}.icon-Not-Available:before{content:""}.icon-Number-1:before{content:""}.icon-Number-10:before{content:""}.icon-Number-2:before{content:""}.icon-Number-3:before{content:""}.icon-Number-4:before{content:""}.icon-Number-5:before{content:""}.icon-Number-6:before{content:""}.icon-Number-7:before{content:""}.icon-Number-8:before{content:""}.icon-Number-9:before{content:""}.icon-OS:before{content:""}.icon-On-app:before{content:""}.icon-On-web:before{content:""}.icon-OneClick:before{content:""}.icon-Online-exclu-en:before{content:""}.icon-Online-exclu-fr:before{content:""}.icon-Online-exclu-nl:before{content:""}.icon-Online-promo-en:before{content:""}.icon-Online-promo-fr:before{content:""}.icon-Online-promo-nl:before{content:""}.icon-Options:before{content:""}.icon-Outcomingcalls:before{content:""}.icon-Overview:before{content:""}.icon-Packs:before{content:""}.icon-Paperclip:before{content:""}.icon-Pedestrian:before{content:""}.icon-Photo:before{content:""}.icon-Picture:before{content:""}.icon-Pin:before{content:""}.icon-Place-map:before{content:""}.icon-Play:before{content:""}.icon-Plus:before{content:""}.icon-Plus-fill:before{content:""}.icon-Points:before{content:""}.icon-Positioning:before{content:""}.icon-Posts:before{content:""}.icon-Presencehome:before{content:""}.icon-Previous:before{content:""}.icon-Prime:before{content:""}.icon-Print:before{content:""}.icon-Processor:before{content:""}.icon-Products:before{content:""}.icon-Promo:before{content:""}.icon-Proximus-TV-app:before{content:""}.icon-Pxs:before{content:""}.icon-Quote:before{content:""}.icon-Raccording-flat:before{content:""}.icon-Ready-to-use:before{content:""}.icon-Recycling:before{content:""}.icon-Reducer:before{content:""}.icon-Refresh:before{content:""}.icon-Relaunch:before{content:""}.icon-Reload:before{content:""}.icon-Remote:before{content:""}.icon-Remove:before{content:""}.icon-Remove-filter:before{content:""}.icon-Restart:before{content:""}.icon-Roaming:before{content:""}.icon-Roaming-Belgium:before{content:""}.icon-Search:before{content:""}.icon-Secure-payment:before{content:""}.icon-Seealso:before{content:""}.icon-Server:before{content:""}.icon-Settings:before{content:""}.icon-Shopmag:before{content:""}.icon-Smarphone-configuration:before{content:""}.icon-Smart-ringing:before{content:""}.icon-Smartphone:before{content:""}.icon-Smartphone-1:before{content:""}.icon-Smartphone-2:before{content:""}.icon-Smartphone-3:before{content:""}.icon-Smartphone-4:before{content:""}.icon-Smartphone-5:before{content:""}.icon-Smartphone-6:before{content:""}.icon-Smartphone4G:before{content:""}.icon-Smiley:before{content:""}.icon-Sms:before{content:""}.icon-Sondage:before{content:""}.icon-Sort-0-9:before{content:""}.icon-Sort-9-0:before{content:""}.icon-Sort-a-z:before{content:""}.icon-Sort-z-a:before{content:""}.icon-Sound-off:before{content:""}.icon-Sound-on:before{content:""}.icon-Speed:before{content:""}.icon-Speedtest-download:before{content:""}.icon-Speedtest-upload:before{content:""}.icon-Status-nok:before{content:""}.icon-Status-ok:before{content:""}.icon-Status-ongoing:before{content:""}.icon-Status-warning:before{content:""}.icon-Stay-informed:before{content:""}.icon-Stayinformed:before{content:""}.icon-Stock:before{content:""}.icon-Stopwatch:before{content:""}.icon-Subscription:before{content:""}.icon-Surfgsm:before{content:""}.icon-Sustainability:before{content:""}.icon-Switchon-switchoff:before{content:""}.icon-TV-replay-36:before{content:""}.icon-TVReplay:before{content:""}.icon-Tablet:before{content:""}.icon-Tailor:before{content:""}.icon-Target-Blank:before{content:""}.icon-Tarifs:before{content:""}.icon-Technical-cast:before{content:""}.icon-Telephony:before{content:""}.icon-Television:before{content:""}.icon-Temp:before{content:""}.icon-Tips1:before{content:""}.icon-Tips2:before{content:""}.icon-Tools:before{content:""}.icon-Top:before{content:""}.icon-Touchscreens:before{content:""}.icon-Tractor:before{content:""}.icon-Train:before{content:""}.icon-Transfer:before{content:""}.icon-Transfer-people:before{content:""}.icon-Trash:before{content:""}.icon-Triangle:before{content:""}.icon-TV-10:before{content:""}.icon-TV-12:before{content:""}.icon-TV-14:before{content:""}.icon-TV-16:before{content:""}.icon-TV-18:before{content:""}.icon-Twitter:before{content:""}.icon-Under-construct:before{content:""}.icon-Upgrade-account:before{content:""}.icon-Upload:before{content:""}.icon-Usage:before{content:""}.icon-Usage2:before{content:""}.icon-Validation-box:before{content:""}.icon-Video:before{content:""}.icon-Video-zap:before{content:""}.icon-Videoscope:before{content:""}.icon-View360:before{content:""}.icon-Waiting:before{content:""}.icon-Warning-box:before{content:""}.icon-Watch:before{content:""}.icon-Watch2:before{content:""}.icon-WhatsApp:before{content:""}.icon-Wireless-hub:before{content:""}.icon-Youtube:before{content:""}.icon-circular-economy:before{content:""}.icon-eco:before{content:""}.icon-happy-weeks:before{content:""}.icon-icon-VOD:before{content:""}.icon-mms:before{content:""}.icon-new-en:before{content:""}.icon-new-fr:before{content:""}.icon-new-nl:before{content:""}.icon-prepaid:before{content:""}.icon-promo:before{content:""}.icon-repair-device:before{content:""}.icon-sales-en:before{content:""}.icon-sales-fr:before{content:""}.icon-sales-nl:before{content:""}.icon-simlocked:before{content:""}.icon-temporary-device:before{content:""}.icon-Test-branding-Account-1:before{content:""}.icon-Test-branding-Car-1:before{content:""}.icon-Test-branding-Sim-1:before{content:""}');const T=["","default","inherit","primary","body","details","hover","active","disabled","promo","success","warning","error","unlimited"],D=class extends r{constructor(){super(v,L),this.template=()=>'<i aria-hidden="true"></i>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"name","size","color","aria-label","inverted"]}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)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"name":null!==t&&""!==t&&this.$el.classList.toggle(`icon-${t}`),null!==o&&""!==o&&this.$el.classList.toggle(`icon-${o}`);break;case"size":this.updateAttribute(e,t,o,l);break;case"color":this.updateAttribute(e,t,o,T);break;case"aria-label":null!==o&&""!==o&&(this.$el.setAttribute("aria-label",o),this.$el.removeAttribute("aria-hidden"))}}updateAttribute(e,t,o,i){null!==t&&""!==t&&"default"!==t&&("size"===e?this.$el.classList.toggle(`${e}-${t}`):this.$el.classList.toggle(t)),null!==o&&""!==o&&"default"!==t&&("size"===e?this.$el.classList.toggle(`${e}-${o}`):this.$el.classList.toggle(o)),this.checkName(i,o)||console.error(`${o} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}};D.nativeName="i";let P=D;customElements.define("px-icon",P);const M=new CSSStyleSheet;M.replaceSync('.container{font-family:Proximus,Verdana,Helvetica,sans-serif;background-color:var(--px-color-bg-container-main-default);border-radius:var(--px-radius-m);padding:var(--px-padding-m);box-sizing:border-box}:host([inverted]) .container{background-color:var(--px-color-bg-container-main-inverted);color:var(--px-color-txt-body-inverted)}.padding-2xs{padding:var(--px-padding-2xs)}.padding-xs{padding:var(--px-padding-xs)}.padding-s{padding:var(--px-padding-s)}.padding-m{padding:var(--px-padding-m)}.padding-l{padding:var(--px-padding-l)}.padding-xl{padding:var(--px-padding-xl)}.padding-none{padding:var(--px-padding-none)}.paddingblock-2xs{padding-block:var(--px-padding-2xs)}.paddingblock-xs{padding-block:var(--px-padding-xs)}.paddingblock-s{padding-block:var(--px-padding-s)}.paddingblock-m{padding-block:var(--px-padding-m)}.paddingblock-l{padding-block:var(--px-padding-l)}.paddingblock-xl{padding-block:var(--px-padding-xl)}.paddingblock-none{padding-block:var(--px-padding-none)}.paddinginline-2xs{padding-inline:var(--px-padding-2xs)}.paddinginline-xs{padding-inline:var(--px-padding-xs)}.paddinginline-s{padding-inline:var(--px-padding-s)}.paddinginline-m{padding-inline:var(--px-padding-m)}.paddinginline-l{padding-inline:var(--px-padding-l)}.paddinginline-xl{padding-inline:var(--px-padding-xl)}.paddinginline-none{padding-inline:var(--px-padding-none)}.paddingtop-2xs{padding-top:var(--px-padding-2xs)}.paddingtop-xs{padding-top:var(--px-padding-xs)}.paddingtop-s{padding-top:var(--px-padding-s)}.paddingtop-m{padding-top:var(--px-padding-m)}.paddingtop-l{padding-top:var(--px-padding-l)}.paddingtop-xl{padding-top:var(--px-padding-xl)}.paddingtop-none{padding-top:var(--px-padding-none)}.paddingright-2xs{padding-right:var(--px-padding-2xs)}.paddingright-xs{padding-right:var(--px-padding-xs)}.paddingright-s{padding-right:var(--px-padding-s)}.paddingright-m{padding-right:var(--px-padding-m)}.paddingright-l{padding-right:var(--px-padding-l)}.paddingright-xl{padding-right:var(--px-padding-xl)}.paddingright-none{padding-right:var(--px-padding-none)}.paddingbottom-2xs{padding-bottom:var(--px-padding-2xs)}.paddingbottom-xs{padding-bottom:var(--px-padding-xs)}.paddingbottom-s{padding-bottom:var(--px-padding-s)}.paddingbottom-m{padding-bottom:var(--px-padding-m)}.paddingbottom-l{padding-bottom:var(--px-padding-l)}.paddingbottom-xl{padding-bottom:var(--px-padding-xl)}.paddingbottom-none{padding-bottom:var(--px-padding-none)}.paddingleft-2xs{padding-left:var(--px-padding-2xs)}.paddingleft-xs{padding-left:var(--px-padding-xs)}.paddingleft-s{padding-left:var(--px-padding-s)}.paddingleft-m{padding-left:var(--px-padding-m)}.paddingleft-l{padding-left:var(--px-padding-l)}.paddingleft-xl{padding-left:var(--px-padding-xl)}.paddingleft-none{padding-left:var(--px-padding-none)}.border-none{border:none}.border-s{border:var(--px-border-s) solid var(--px-color-border-main-default)}.border-m{border:var(--px-border-m) solid var(--px-color-border-main-default)}.border-l{border:var(--px-border-l) solid var(--px-color-border-main-default)}:host([inverted]) .border{border:var(--px-border-m) solid var(--px-color-border-main-inverted)}.borderradius-xs{border-radius:var(--px-radius-xs)}.borderradius-s{border-radius:var(--px-radius-s)}.borderradius-m{border-radius:var(--px-radius-m)}.borderradius-l{border-radius:var(--px-radius-l)}.borderradius-2xl{border-radius:var(--px-radius-2xl)}.borderradius-pill{border-radius:var(--px-radius-pill)}.noborderradius-top{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.noborderradius-right{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.noborderradius-bottom{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.noborderradius-left{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.noborderradius-all,.borderradius-none{border-radius:var(--px-radius-none)}.bgcolor-none{background-color:var(--px-color-bg-container-none-default)}.bgcolor-weak{background-color:var(--px-color-bg-container-weak-default)}.bgcolor-moderate{background-color:var(--px-color-bg-container-moderate-default)}.bgcolor-strong{background-color:var(--px-color-bg-container-strong-default)}.bgcolor-rich{background-color:var(--px-color-bg-container-rich-default)}.bgcolor-main{background-color:var(--px-color-bg-container-main-default)}.bgcolor-canvas-weak{background-color:var(--px-color-canvas-weak)}.bgcolor-canvas-light{background-color:var(--px-color-canvas-light)}.bgcolor-canvas-soft{background-color:var(--px-color-canvas-soft)}.bgcolor-canvas-moderate{background-color:var(--px-color-canvas-moderate)}.bgcolor-canvas-strong{background-color:var(--px-color-canvas-strong)}.bgcolor-canvas-deep{background-color:var(--px-color-canvas-deep)}.bgcolor-canvas-rich{background-color:var(--px-color-canvas-rich)}.bgcolor-action-primary{background-color:var(--px-color-bg-action-primary-default)}.bgcolor-action-secondary{background-color:var(--px-color-bg-action-secondary-default)}.bgcolor-action-hover{background-color:var(--px-color-bg-action-hover-default)}.bgcolor-action-disabled{background-color:var(--px-color-bg-action-disabled-default)}.bgcolor-action-active{background-color:var(--px-color-bg-action-active-default)}.bgcolor-notification{background-color:var(--px-color-bg-notification-default)}.bgcolor-promo{background-color:var(--px-color-bg-promo-default)}.bgcolor-success{background-color:var(--px-color-bg-success-default)}.bgcolor-error{background-color:var(--px-color-bg-error-default)}.bgcolor-warning{background-color:var(--px-color-bg-warning-default)}.bgcolor-unlimited{background-color:var(--px-color-bg-unlimited-default)}:host([inverted]) .bgcolor-none{background-color:var(--px-color-bg-container-none-inverted)}:host([inverted]) .bgcolor-weak{background-color:var(--px-color-bg-container-weak-inverted)}:host([inverted]) .bgcolor-moderate{background-color:var(--px-color-bg-container-moderate-inverted)}:host([inverted]) .bgcolor-strong{background-color:var(--px-color-bg-container-strong-inverted)}:host([inverted]) .bgcolor-rich{background-color:var(--px-color-bg-container-rich-inverted)}:host([inverted]) .bgcolor-main{background-color:var(--px-color-bg-container-main-inverted)}:host([inverted]) .bgcolor-action-primary{background-color:var(--px-color-bg-action-primary-inverted)}:host([inverted]) .bgcolor-action-secondary{background-color:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .bgcolor-action-hover{background-color:var(--px-color-bg-action-hover-inverted)}:host([inverted]) .bgcolor-action-disabled{background-color:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .bgcolor-action-active{background-color:var(--px-color-bg-action-active-inverted)}:host([inverted]) .bgcolor-notification{background-color:var(--px-color-bg-notification-inverted)}:host([inverted]) .bgcolor-promo{background-color:var(--px-color-bg-promo-inverted)}:host([inverted]) .bgcolor-success{background-color:var(--px-color-bg-success-inverted)}:host([inverted]) .bgcolor-error{background-color:var(--px-color-bg-error-inverted)}:host([inverted]) .bgcolor-warning{background-color:var(--px-color-bg-warning-inverted)}:host([inverted]) .bgcolor-unlimited{background-color:var(--px-color-bg-unlimited-inverted)}.bgimg{background-repeat:no-repeat}.bgimgsize-cover{background-size:cover;background-position:center center}.bgimgsize-contain{background-size:contain}.shadow-none{box-shadow:var(--px-shadow-none)}.shadow-s{box-shadow:var(--px-shadow-s)}.shadow-m{box-shadow:var(--px-shadow-m)}.shadow-l{box-shadow:var(--px-shadow-l)}.shadow-xl{box-shadow:var(--px-shadow-xl)}.anchored{position:relative}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]),::slotted([slot="anchor-full"]){position:absolute;top:0}::slotted([slot="anchor-right"]),::slotted([slot="anchor-left"]){transform:translateY(-50%);z-index:2}::slotted([slot="anchor-right"]){right:var(--px-padding-m)}::slotted([slot="anchor-left"]){left:var(--px-padding-m)}.padding-none ::slotted([slot="anchor-right"]){right:var(--px-padding-none)}.padding-none ::slotted([slot="anchor-left"]){left:var(--px-padding-none)}.padding-2xs ::slotted([slot="anchor-right"]){right:var(--px-padding-2xs)}.padding-2xs ::slotted([slot="anchor-left"]){left:var(--px-padding-2xs)}.padding-xs ::slotted([slot="anchor-right"]){right:var(--px-padding-xs)}.padding-xs ::slotted([slot="anchor-left"]){left:var(--px-padding-xs)}.padding-s ::slotted([slot="anchor-right"]){right:var(--px-padding-s)}.padding-s ::slotted([slot="anchor-left"]){left:var(--px-padding-s)}.padding-m ::slotted([slot="anchor-right"]){right:var(--px-padding-m)}.padding-m ::slotted([slot="anchor-left"]){left:var(--px-padding-m)}.padding-l ::slotted([slot="anchor-right"]){right:var(--px-padding-l)}.padding-l ::slotted([slot="anchor-left"]){left:var(--px-padding-l)}.padding-xl ::slotted([slot="anchor-right"]){right:var(--px-padding-xl)}.padding-xl ::slotted([slot="anchor-left"]){left:var(--px-padding-xl)}::slotted([slot="anchor-full"]){transform:translateY(-100%);right:0;left:0;text-align:center;z-index:1}@media only screen and (max-width: 640px){.padding-l{padding:var(--px-padding-l-mobile)}.padding-xl{padding:var(--px-padding-xl-mobile)}.paddingtop-l{padding-top:var(--px-padding-l-mobile)}.paddingtop-xl{padding-top:var(--px-padding-xl-mobile)}.paddingright-l{padding-right:var(--px-padding-l-mobile)}.paddingright-xl{padding-right:var(--px-padding-xl-mobile)}.paddingbottom-l{padding-bottom:var(--px-padding-l-mobile)}.paddingbottom-xl{padding-bottom:var(--px-padding-xl-mobile)}.paddingleft-l{padding-left:var(--px-padding-l-mobile)}.paddingleft-xl{padding-left:var(--px-padding-xl-mobile)}}.border-s ::slotted([slot="anchor-full"]){right:calc(var(--px-border-s) * -1);left:calc(var(--px-border-s) * -1)}.border-m ::slotted([slot="anchor-full"]){right:calc(var(--px-border-m) * -1);left:calc(var(--px-border-m) * -1)}.border-l ::slotted([slot="anchor-full"]){right:calc(var(--px-border-l) * -1);left:calc(var(--px-border-l) * -1)}');const B=["anchor-right","anchor-left","anchor-full"],R=["","all","top","right","bottom","left"],V=["","cover","contain","default"],F=class extends r{constructor(){super(v,M),this.template=()=>'<div class="container">\n    <slot name="anchor-left"></slot>\n    <slot name="anchor-right"></slot>\n    <slot name="anchor-full"></slot>\n    <slot></slot>\n    </div>',this.onWindowResize=()=>{this.hasAttribute("bgimg-mobile")&&this.loadImg("bgimg-mobile",this.getAttribute("bgimg-mobile")),this.hasAttribute("bgimg-tablet")&&this.loadImg("bgimg-tablet",this.getAttribute("bgimg-tablet")),this.hasAttribute("bgimg-laptop")&&this.loadImg("bgimg-laptop",this.getAttribute("bgimg-laptop"))},this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"padding","paddinginline","paddingblock","paddingtop","paddingright","paddingbottom","paddingleft","border","borderradius","noborderradius","bgcolor","gradient","bgimg-mobile","bgimg-tablet","bgimg-laptop","bgimgsize","bgimgposition","shadow","inverted"]}get padding(){return this.getAttribute("padding")}set padding(e){this.setAttribute("padding",e)}get paddingBlock(){return this.getAttribute("paddingblock")}set paddingBlock(e){this.setAttribute("paddingblock",e)}get paddingInline(){return this.getAttribute("paddinginline")}set paddingInline(e){this.setAttribute("paddinginline",e)}get paddingTop(){return this.getAttribute("paddingtop")}set paddingTop(e){this.setAttribute("paddingtop",e)}get paddingRight(){return this.getAttribute("paddingright")}set paddingRight(e){this.setAttribute("paddingright",e)}get paddingBottom(){return this.getAttribute("paddingbottom")}set paddingBottom(e){this.setAttribute("paddingbottom",e)}get paddingLeft(){return this.getAttribute("paddingleft")}set paddingLeft(e){this.setAttribute("paddingleft",e)}get border(){return this.getAttribute("border")}set border(e){this.setAttribute("border",e)}get borderRadius(){return this.getAttribute("borderradius")}set borderRadius(e){this.setAttribute("borderradius",e)}get noBorderRadius(){return this.getAttribute("noborderradius")}set noBorderRadius(e){this.setAttribute("noborderradius",e)}get bgColor(){return this.getAttribute("bgcolor")}set bgColor(e){this.setAttribute("bgcolor",e)}get gradient(){return this.getAttribute("gradient")}set gradient(e){this.setAttribute("gradient",e)}get bgImgMobile(){return this.getAttribute("bgimg-mobile")}set bgImgMobile(e){this.setAttribute("bgimg-mobile",e)}get bgImgTablet(){return this.getAttribute("bgimg-tablet")}set bgImgTablet(e){this.setAttribute("bgimg-tablet",e)}get bgImgLaptop(){return this.getAttribute("bgimg-laptop")}set bgImgLaptop(e){this.setAttribute("bgimg-laptop",e)}get bgImgSize(){return this.getAttribute("bgimgsize")}set bgImgSize(e){this.setAttribute("bgimgsize",e)}get bgImgPosition(){return this.getAttribute("bgimgposition")}set bgImgPosition(e){this.setAttribute("bgimgposition",e)}get shadow(){return this.getAttribute("shadow")}set shadow(e){this.setAttribute("shadow",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}connectedCallback(){var e,t;super.connectedCallback();const o=this.querySelector("[slot]");o&&B.includes(o.getAttribute("slot"))&&this.shadowRoot.querySelector(".container").classList.toggle("anchored"),"stretch"===(null==(e=this.parentElement)?void 0:e.getAttribute("align-items"))&&("column"===(null==(t=this.parentElement)?void 0:t.getAttribute("direction"))?this.$el.style.width="100%":this.$el.style.height="100%"),(this.hasAttribute("bgimg-mobile")||this.hasAttribute("bgimg-tablet")||this.hasAttribute("bgimg-laptop"))&&window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"padding":case"paddingblock":case"paddinginline":case"paddingtop":case"paddingright":case"paddingbottom":case"paddingleft":this.updateAttribute(e,t,o,d);break;case"border":this.updateAttribute(e,t,o,c);break;case"borderradius":this.updateAttribute(e,t,o,p);break;case"noborderradius":this.updateAttribute(e,t,o,R);break;case"bgcolor":this.updateAttribute(e,t,o,b);break;case"gradient":this.updateGradient(t,o);break;case"bgimgsize":this.updateAttribute(e,t,o,V);break;case"bgimg-mobile":case"bgimg-tablet":case"bgimg-laptop":""!==o&&(this.$el.classList.toggle("bgimg"),this.loadImg(e,o));break;case"bgimgposition":null!==o&&""!==o&&(this.$el.style.backgroundPosition=o);break;case"shadow":this.updateAttribute(e,t,o,g);break;default:super.attributeChangedCallback(e,t,o)}}loadImg(e,t){("bgimg-mobile"===e||window.matchMedia("only screen and (min-width: 768px)").matches&&"bgimg-tablet"===e||window.matchMedia("only screen and (min-width: 1025px)").matches&&"bgimg-laptop"===e)&&(this.$el.style.backgroundImage=`url("${t}")`)}updateGradient(e,t){this.checkName(h,t)?this.$el.style.background=`linear-gradient(var(--px-color-bg-gradient-${t}))`:console.error(`${t} is not an allowed gradient value for ${this.$el}`)}updateAttribute(e,t,o,i){null!==t&&""!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`${o} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}};F.nativeName="div";let N=F;customElements.define("px-container",N);const I="h1,.h1,::slotted(h1),h2,.h2,::slotted(h2),h3,.h3,::slotted(h3),h4,.h4,::slotted(h4),h5,.h5,::slotted(h5),h6,.h6,::slotted(h6),.h7,.subtitle{margin:0;font-family:Proximus,Verdana,Helvetica,sans-serif;color:var(--px-color-txt-primary-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);font-weight:700}:host([inverted]) h1,:host([inverted]) .h1,:host([inverted]) ::slotted(h1),:host([inverted]) h2,:host([inverted]) .h2,:host([inverted]) ::slotted(h2),:host([inverted]) h3,:host([inverted]) .h3,:host([inverted]) ::slotted(h3),:host([inverted]) h4,:host([inverted]) .h4,:host([inverted]) ::slotted(h4),:host([inverted]) h5,:host([inverted]) .h5,:host([inverted]) ::slotted(h5),:host([inverted]) h6,:host([inverted]) .h6,:host([inverted]) ::slotted(h6),:host([inverted]) .h7,:host([inverted]) .subtitle{color:var(--px-color-txt-primary-inverted)}h1,.h1,::slotted(h1){font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-4xl-mobile);font-weight:900}h2,.h2,::slotted(h2){font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-3xl-mobile);font-weight:900}h3,.h3,::slotted(h3){font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-3xl-mobile)}h4,.h4,::slotted(h4){font-size:var(--px-text-size-2xl-mobile);line-height:var(--px-line-height-2xl-mobile)}h5,.h5,::slotted(h5){font-size:var(--px-text-size-l-mobile);line-height:var(--px-line-height-l-mobile)}h6,.h6,::slotted(h6){font-size:var(--px-text-size-m-mobile);line-height:var(--px-line-height-m-mobile)}.subtitle{font-size:var(--px-text-size-xl-mobile);line-height:var(--px-line-height-xl-mobile);font-weight:300}@media only screen and (min-width: 64rem){h1,.h1,::slotted(h1){font-size:var(--px-text-size-5xl-tablet);line-height:var(--px-line-height-4xl-tablet);font-weight:900}h2,.h2,::slotted(h2){font-size:var(--px-text-size-4xl-tablet);line-height:var(--px-line-height-3xl-tablet);font-weight:900}h3,.h3,::slotted(h3){font-size:var(--px-text-size-3xl-tablet);line-height:var(--px-line-height-3xl-tablet)}h4,.h4,::slotted(h4){font-size:var(--px-text-size-2xl-tablet);line-height:var(--px-line-height-2xl-tablet)}h5,.h5,::slotted(h5){font-size:var(--px-text-size-l-tablet);line-height:var(--px-line-height-l-tablet)}h6,.h6,::slotted(h6){font-size:var(--px-text-size-m-tablet);line-height:var(--px-line-height-m-tablet)}.h7{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}.subtitle{font-size:var(--px-text-size-xl-tablet);line-height:var(--px-line-height-xl-tablet);font-weight:300}}@media only screen and (min-width: 90rem){h1,.h1,::slotted(h1){font-size:var(--px-text-size-5xl-desktop);line-height:var(--px-line-height-4xl-desktop);font-weight:900}h2,.h2,::slotted(h2){font-size:var(--px-text-size-4xl-desktop);line-height:var(--px-line-height-3xl-desktop);font-weight:900}h3,.h3,::slotted(h3){font-size:var(--px-text-size-3xl-desktop);line-height:var(--px-line-height-3xl-desktop)}h4,.h4,::slotted(h4){font-size:var(--px-text-size-2xl-desktop);line-height:var(--px-line-height-2xl-desktop)}h5,.h5,::slotted(h5){font-size:var(--px-text-size-l-desktop);line-height:var(--px-line-height-l-desktop)}h6,.h6,::slotted(h6){font-size:var(--px-text-size-m-desktop);line-height:var(--px-line-height-m-desktop)}.h7{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}.subtitle{font-size:var(--px-text-size-xl-desktop);line-height:var(--px-line-height-xl-desktop);font-weight:300}}",H=":host>*:first-child{--font-weight-light: 300;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-extrabold: 900}.color-inherit{color:inherit}.color-primary{color:var(--px-color-txt-primary-default)}.color-inverted-primary{color:var(--px-color-txt-inverted-primary-default)}.color-inverted{color:var(--px-color-txt-inverted-default)}.color-body{color:var(--px-color-txt-body-default)}.color-details{color:var(--px-color-txt-details-default)}.color-hover{color:var(--px-color-txt-hover-default)}.color-disabled{color:var(--px-color-txt-disabled-default)}.color-active{color:var(--px-color-txt-active-default)}.color-promo{color:var(--px-color-txt-promo-default)}.color-status-success{color:var(--px-color-txt-status-success-default)}.color-status-error{color:var(--px-color-txt-status-error-default)}.color-status-warning{color:var(--px-color-txt-status-warning-default)}.color-status-unlimited{color:var(--px-color-txt-status-unlimited-default)}:host([inverted]) .color-inherit{color:inherit}:host([inverted]) .color-primary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .color-inverted-primary{color:var(--px-color-txt-inverted-primary-inverted)}:host([inverted]) .color-inverted{color:var(--px-color-txt-inverted-inverted)}:host([inverted]) .color-body{color:var(--px-color-txt-body-inverted)}:host([inverted]) .color-details{color:var(--px-color-txt-details-inverted)}:host([inverted]) .color-hover{color:var(--px-color-txt-hover-inverted)}:host([inverted]) .color-disabled{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .color-active{color:var(--px-color-txt-active-inverted)}:host([inverted]) .color-promo{color:var(--px-color-txt-promo-inverted)}:host([inverted]) .color-status-success{color:var(--px-color-txt-status-success-inverted)}:host([inverted]) .color-status-error{color:var(--px-color-txt-status-error-inverted)}:host([inverted]) .color-status-warning{color:var(--px-color-txt-status-warning-inverted)}:host([inverted]) .color-status-unlimited{color:var(--px-color-txt-status-unlimited-inverted)}.fontsize-inherit{font-size:inherit;line-height:inherit}.fontsize-xs{font-size:var(--px-text-size-xs-mobile);line-height:var(--px-line-height-xs-mobile)}.fontsize-s{font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-s-mobile)}.fontsize-base{font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile)}.fontsize-m{font-size:var(--px-text-size-m-mobile);line-height:var(--px-line-height-m-mobile)}.fontsize-l{font-size:var(--px-text-size-l-mobile);line-height:var(--px-line-height-l-mobile)}.fontsize-xl{font-size:var(--px-text-size-xl-mobile);line-height:var(--px-line-height-xl-mobile)}.fontsize-2xl{font-size:var(--px-text-size-2xl-mobile);line-height:var(--px-line-height-2xl-mobile)}.fontsize-3xl{font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-3xl-mobile)}.fontsize-4xl{font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-4xl-mobile)}.fontsize-5xl{font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-5xl-mobile)}.fontsize-6xl{font-size:var(--px-text-size-6xl-mobile);line-height:var(--px-line-height-6xl-mobile)}.fontsize-7xl{font-size:var(--px-text-size-7xl-mobile);line-height:var(--px-line-height-7xl-mobile)}@media only screen and (min-width: 768px){.fontsize-xs{font-size:var(--px-text-size-xs-mobile);line-height:var(--px-line-height-xs-mobile)}.fontsize-s{font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-s-mobile)}.fontsize-base{font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile)}.fontsize-m{font-size:var(--px-text-size-m-mobile);line-height:var(--px-line-height-m-mobile)}.fontsize-l{font-size:var(--px-text-size-l-mobile);line-height:var(--px-line-height-l-mobile)}.fontsize-xl{font-size:var(--px-text-size-xl-mobile);line-height:var(--px-line-height-xl-mobile)}.fontsize-2xl{font-size:var(--px-text-size-2xl-mobile);line-height:var(--px-line-height-2xl-mobile)}.fontsize-3xl{font-size:var(--px-text-size-3xl-mobile);line-height:var(--px-line-height-3xl-mobile)}.fontsize-4xl{font-size:var(--px-text-size-4xl-mobile);line-height:var(--px-line-height-4xl-mobile)}.fontsize-5xl{font-size:var(--px-text-size-5xl-mobile);line-height:var(--px-line-height-5xl-mobile)}.fontsize-6xl{font-size:var(--px-text-size-6xl-mobile);line-height:var(--px-line-height-6xl-mobile)}.fontsize-7xl{font-size:var(--px-text-size-7xl-mobile);line-height:var(--px-line-height-7xl-mobile)}}@media only screen and (min-width: 1025px){.fontsize-xs{font-size:var(--px-text-size-xs-tablet);line-height:var(--px-line-height-xs-tablet)}.fontsize-s{font-size:var(--px-text-size-s-tablet);line-height:var(--px-line-height-s-tablet)}.fontsize-base{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}.fontsize-m{font-size:var(--px-text-size-m-tablet);line-height:var(--px-line-height-m-tablet)}.fontsize-l{font-size:var(--px-text-size-l-tablet);line-height:var(--px-line-height-l-tablet)}.fontsize-xl{font-size:var(--px-text-size-xl-tablet);line-height:var(--px-line-height-xl-tablet)}.fontsize-2xl{font-size:var(--px-text-size-2xl-tablet);line-height:var(--px-line-height-2xl-tablet)}.fontsize-3xl{font-size:var(--px-text-size-3xl-tablet);line-height:var(--px-line-height-3xl-tablet)}.fontsize-4xl{font-size:var(--px-text-size-4xl-tablet);line-height:var(--px-line-height-4xl-tablet)}.fontsize-5xl{font-size:var(--px-text-size-5xl-tablet);line-height:var(--px-line-height-5xl-tablet)}.fontsize-6xl{font-size:var(--px-text-size-6xl-tablet);line-height:var(--px-line-height-6xl-tablet)}.fontsize-7xl{font-size:var(--px-text-size-7xl-tablet);line-height:var(--px-line-height-7xl-tablet)}}@media only screen and (min-width: 1441px){.fontsize-xs{font-size:var(--px-text-size-xs-desktop);line-height:var(--px-line-height-xs-desktop)}.fontsize-s{font-size:var(--px-text-size-s-desktop);line-height:var(--px-line-height-s-desktop)}.fontsize-base{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}.fontsize-m{font-size:var(--px-text-size-m-desktop);line-height:var(--px-line-height-m-desktop)}.fontsize-l{font-size:var(--px-text-size-l-desktop);line-height:var(--px-line-height-l-desktop)}.fontsize-xl{font-size:var(--px-text-size-xl-desktop);line-height:var(--px-line-height-xl-desktop)}.fontsize-2xl{font-size:var(--px-text-size-2xl-desktop);line-height:var(--px-line-height-2xl-desktop)}.fontsize-3xl{font-size:var(--px-text-size-3xl-desktop);line-height:var(--px-line-height-3xl-desktop)}.fontsize-4xl{font-size:var(--px-text-size-4xl-desktop);line-height:var(--px-line-height-4xl-desktop)}.fontsize-5xl{font-size:var(--px-text-size-5xl-desktop);line-height:var(--px-line-height-5xl-desktop)}.fontsize-6xl{font-size:var(--px-text-size-6xl-desktop);line-height:var(--px-line-height-6xl-desktop)}.fontsize-7xl{font-size:var(--px-text-size-7xl-desktop);line-height:var(--px-line-height-7xl-desktop)}}.fontweight-inherit{font-weight:inherit}.fontweight-normal{font-weight:var(--font-weight-regular)}.fontweight-bold{font-weight:var(--font-weight-bold)}.fontweight-extrabold{font-weight:var(--font-weight-extrabold)}.fontweight-light{font-weight:var(--font-weight-light)}",j=new CSSStyleSheet;j.replaceSync(I);const q=new CSSStyleSheet;q.replaceSync(H);const O=["","default","h1","h2","h3","h4","h5","h6","h7","subtitle"];class W extends r{template(){return"<slot></slot>"}constructor(e){super(v,j,q);const t=document.createElement(e);t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"variant","color","fontsize","fontweight","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"variant":this.updateAttribute(e,t,o,O);break;case"color":this.updateTypography(e,t,o,a);break;case"fontsize":this.updateTypography(e,t,o,n);break;case"fontweight":this.updateTypography(e,t,o,s);break;default:super.attributeChangedCallback(e,t,o)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateAttribute(e,t,o,i){this.toggleClass(t,o),this.checkName(i,o)||console.error(`Bad "${e}" value for`,this.$el)}updateTypography(e,t,o,i){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`Bad "${e}" value for`,this.$el)}}const _=class extends W{constructor(){super("h1")}};_.nativeName="h1";let G=_;customElements.define("px-h1",G);const U=class extends W{constructor(){super("h2")}};U.nativeName="h2";let Y=U;customElements.define("px-h2",Y);const Z=class extends W{constructor(){super("h3")}};Z.nativeName="h3";let Q=Z;customElements.define("px-h3",Q);const J=class extends W{constructor(){super("h4")}};J.nativeName="h4";let K=J;customElements.define("px-h4",K);const X=class extends W{constructor(){super("h5")}};X.nativeName="h5";let ee=X;customElements.define("px-h5",ee);const te=class extends W{constructor(){super("h6")}};te.nativeName="h6";let oe=te;customElements.define("px-h6",oe);const ie=new CSSStyleSheet;ie.replaceSync(":host,:host *{box-sizing:border-box}:host .content-wrapper{margin-inline:1rem;max-width:1200px}@media only screen and (min-width: 1232px){:host .content-wrapper{margin-inline:auto}}");class re extends HTMLElement{constructor(e){super(),this.template=()=>`\n    <px-container borderradius="none" padding="none" bgcolor="${this.bgColor}">\n      <div class="content-wrapper">\n        <px-vstack gap="under-display-vertical">\n          <slot name="heading"></slot>\n          <px-vstack gap="none">\n            <slot></slot>\n          </px-vstack>\n        </px-vstack>\n      </div>\n    </px-container>\n  `,this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,ie]}connectedCallback(){o(this,re.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)}));this.querySelector('[slot="heading"]')||this.shadowRoot.querySelector("px-vstack").setAttribute("gap","none")}static get observedAttributes(){return["bgcolor","gradient","bgimg-mobile","bgimg-tablet","bgimg-laptop","bgimgsize","bgimgposition","paddingblock","paddingtop","paddingbottom"]}get $container(){return this.shadowRoot.querySelector("px-container")}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"bgcolor":this.$container.bgColor=b.indexOf(o)>0?o:"none";break;case"gradient":this.$container.gradient=this.gradient;break;case"bgimg-mobile":this.$container.bgImgMobile=o;break;case"bgimg-tablet":this.$container.bgImgTablet=o;break;case"bgimg-laptop":this.$container.bgImgLaptop=o;break;case"bgimgsize":this.$container.bgImgSize=o;break;case"bgimgposition":this.$container.bgImgPosition=o;break;case"paddingblock":this.$container.paddingBlock=o;break;case"paddingtop":this.$container.paddingTop=o;break;case"paddingbottom":this.$container.paddingBottom=o}}get bgColor(){return this.getAttribute("bgcolor")||"none"}set bgColor(e){this.setAttribute("bgcolor",e)}get gradient(){return this.getAttribute("gradient")}set gradient(e){this.setAttribute("gradient",e)}get bgImgMobile(){return this.getAttribute("bgimg-mobile")}set bgImgMobile(e){this.setAttribute("bgimg-mobile",e)}get bgImgTablet(){return this.getAttribute("bgimg-tablet")}set bgImgTablet(e){this.setAttribute("bgimg-tablet",e)}get bgImgLaptop(){return this.getAttribute("bgimg-laptop")}set bgImgLaptop(e){this.setAttribute("bgimg-laptop",e)}get bgImgSize(){return this.getAttribute("bgimgsize")}set bgImgSize(e){this.setAttribute("bgimgsize",e)}get bgImgPosition(){return this.getAttribute("bgimgposition")}set bgImgPosition(e){this.setAttribute("bgimgposition",e)}get paddingBlock(){return this.getAttribute("paddingblock")}set paddingBlock(e){this.setAttribute("paddingblock",e)}get paddingTop(){return this.getAttribute("paddingtop")}set paddingTop(e){this.setAttribute("paddingtop",e)}get paddingBottom(){return this.getAttribute("paddingbottom")}set paddingBottom(e){this.setAttribute("paddingbottom",e)}}class ne extends re{constructor(){super(v)}}customElements.define("px-section",ne);const ae=new CSSStyleSheet;ae.replaceSync("details{font-family:Proximus,Verdana,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:flex-start}details:not(.single){border-bottom:var(--px-border-m) solid var(--px-color-border-main-default)}details:not(.single) ::slotted([slot=\"title\"]){flex-grow:1}details:not(.single) slot[name=content]{display:block;padding-block:var(--px-spacing-component-default-vertical)}summary{align-items:center;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}details:not(.single) summary{display:flex;padding:var(--px-padding-s);gap:var(--px-spacing-text-to-icon-horizontal);align-self:stretch}summary:after{content:\"\";width:24px;height:24px;flex-shrink:0;background-color:var(--px-color-bg-action-secondary-default);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg id='CHEVRON DOWN'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.7889 5.93489 11.5286 6.19524L8 9.72384L4.4714 6.19524C4.21105 5.93489 3.78894 5.93489 3.52859 6.19524C3.26824 6.45559 3.26824 6.8777 3.52859 7.13805L7.52859 11.1381C7.78894 11.3984 8.21105 11.3984 8.4714 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='%235C2D91'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center center;border-radius:var(--px-radius-pill);border:var(--px-border-s) solid transparent;transition:all .2s ease-out 0s,backdrop-filter 0s,-webkit-backdrop-filter 0s}summary:hover{cursor:pointer}details:not(.single) summary:hover{background-color:var(--px-color-bg-container-moderate-default)}summary:hover:after{background-color:var(--px-color-bg-action-hover-inverted-default);border:var(--px-border-s) solid var(--px-color-border-action-hover-default);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}details.single summary{display:inline-flex;gap:var(--px-spacing-between-icon-horizontal-mobile);justify-content:center;color:var(--px-color-txt-primary-default);font-weight:700;border:var(--px-border-m) solid transparent;border-radius:var(--px-radius-pill)}details.single summary:hover{gap:0;padding:0 var(--px-padding-xs);border-color:var(--px-color-border-action-hover-default)}details.single summary:hover:after{border-color:transparent;margin-right:calc(var(--px-padding-xs) * -1)}details.single slot[name=content]{display:block;padding-top:var(--px-spacing-component-default-vertical)}details[open] summary slot[name=title]{color:var(--px-color-txt-primary-default);font-weight:700}details[open] summary:after{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}:host([inverted]) details{color:var(--px-color-txt-body-inverted)}:host([inverted]) details:not(.single){border-bottom:var(--px-border-m) solid var(--px-color-border-main-inverted)}:host([inverted]) details[open] summary slot[name=title]{color:var(--px-color-txt-primary-inverted)}:host([inverted]) details.single summary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) details.single summary:hover{border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) details.single summary:hover:after{border-color:transparent}:host([inverted]) summary:after{background-color:var(--px-color-bg-action-secondary-inverted);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 6.19524C12.2111 5.93489 11.789 5.93489 11.5286 6.19524L8.00002 9.72384L4.47142 6.19524C4.21107 5.93489 3.78897 5.93489 3.52862 6.19524C3.26827 6.45559 3.26827 6.8777 3.52862 7.13805L7.52862 11.1381C7.78897 11.3984 8.21108 11.3984 8.47142 11.1381L12.4714 7.13805C12.7318 6.8777 12.7318 6.45559 12.4714 6.19524Z' fill='white'/%3E%3C/svg%3E\")}:host([inverted]) summary:hover{background-color:var(--px-color-bg-container-moderate-inverted)}:host([inverted]) summary:hover:after{background-color:var(--px-color-bg-action-hover-inverted-inverted);border:var(--px-border-s) solid var(--px-color-border-action-hover-inverted)}");const se=["","none","single"],le=class extends r{constructor(){super(v,ae),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,o){if(t!==o)if("variant"===e)this.updateAttribute(e,t,o,se);else super.attributeChangedCallback(e,t,o)}updateAttribute(e,t,o,i){null!==t&&""!==t&&this.$el.classList.toggle(`${t}`),null!==o&&""!==o&&this.$el.classList.toggle(`${o}`),this.checkName(i,o)||console.error(`${o} is not an allowed ${e} value for ${this.$el}`)}checkName(e,t){return e.includes(t)}};le.nativeName="details";let de=le;customElements.define("px-accordion",de);const ce='.btn{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:Proximus,Verdana,Helvetica,sans-serif;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);font-weight:700;gap:var(--px-spacing-between-icon-horizontal-mobile);cursor:pointer;text-decoration:none;--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-border-m) solid transparent;--slotted-icon-size: var(--px-icon-size-xs-mobile)}.btn,.btn *{box-sizing:border-box}.btn:hover:not([disabled],[aria-disabled=true],.loading),.btn:focus:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-default);outline:0}.btn:active{transform:scale(.95)}.btn[disabled],.btn[aria-disabled=true]{cursor:default;pointer-events:none}.btn.loading{cursor:inherit}.btn.loading ::slotted(px-spinner){line-height:var(--px-icon-size-xs-mobile)}.btn:not(.secondary,.tertiary,.patch){color:var(--px-color-txt-inverted-primary-default);background:var(--px-color-bg-action-primary-default);min-height:var(--px-size-action-mobile);padding:0 var(--px-padding-m);border-radius:var(--px-radius-xs) var(--px-radius-xs) var(--px-radius-2xl) var(--px-radius-xs)}.btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading),.btn:not(.secondary,.tertiary,.patch):focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-inverted-default)}.btn:not(.secondary,.tertiary,.patch)[disabled],.btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}.btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-primary-default);border-color:transparent}.btn:not(.secondary,.tertiary,.patch).extended{width:100%}.btn:not(.secondary,.tertiary,.patch).alternative{border-radius:var(--px-radius-xs)}.btn.secondary{color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-secondary-default);min-height:var(--px-size-action-mobile);padding:0 var(--px-padding-m);border-radius:var(--px-radius-xs) var(--px-radius-xs) var(--px-radius-2xl) var(--px-radius-xs)}.btn.secondary:hover:not([disabled],[aria-disabled=true],.loading),.btn.secondary:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-inverted-default)}.btn.secondary[disabled],.btn.secondary[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}.btn.secondary.loading{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-primary-default);border-color:transparent}.btn.secondary.extended{width:100%}.btn.secondary.alternative{border-radius:var(--px-radius-xs)}.btn.tertiary{background:none;color:var(--px-color-txt-primary-default);border-radius:var(--px-radius-pill);padding:0}.btn.tertiary ::slotted(px-icon){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);font-size:var(--px-icon-size-2xs-mobile);border-radius:50%;background:var(--px-color-bg-action-secondary-default);transition:var(--btn-transition)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading){gap:0;padding:0 .5rem}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(*),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted(*){background:transparent}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){margin:0 -8px}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="before"]),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="before"]){margin:0 0 0 -.5rem}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="after"]),.btn.tertiary:focus:not([disabled],[aria-disabled=true],.loading) ::slotted([slot="after"]){margin:0 -.5rem 0 0}.btn.tertiary[disabled],.btn.tertiary[aria-disabled=true]{color:var(--px-color-txt-disabled-default)}.btn.tertiary[disabled] ::slotted(px-icon),.btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-color-bg-action-disabled-default)}.btn.tertiary.loading{color:var(--px-color-txt-primary-default);border-color:transparent}.btn.tertiary.loading ::slotted(px-spinner){display:flex;align-items:center;justify-content:center;width:var(--px-icon-size-m-mobile);height:var(--px-icon-size-m-mobile);border-radius:50%;background:var(--px-color-bg-action-disabled-default)}.btn.patch{display:inline-flex}.btn.patch:hover:not([disabled],[aria-disabled=true],.loading),.btn.patch:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-default);background:var(--px-color-bg-action-hover-inverted-default)}.btn.patch[disabled],.btn.patch[aria-disabled=true]{background:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-disabled-default)}button.link{background:none;border:none;text-decoration:underline;padding:0;cursor:pointer}button.link[disabled],button.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-txt-disabled-default)}:host([inverted]) .btn:hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn:focus:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch){color:var(--px-color-txt-inverted-primary-inverted);background:var(--px-color-bg-action-primary-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch):hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn:not(.secondary,.tertiary,.patch):focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-inverted-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[disabled],:host([inverted]) .btn:not(.secondary,.tertiary,.patch)[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch).loading{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-primary-inverted);border-color:transparent}:host([inverted]) .btn.secondary{color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .btn.secondary:hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn.secondary:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-inverted-inverted)}:host([inverted]) .btn.secondary[disabled],:host([inverted]) .btn.secondary[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn.secondary.loading{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-primary-inverted);border-color:transparent}:host([inverted]) .btn.tertiary{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .btn.tertiary ::slotted(px-icon){background:var(--px-color-bg-action-secondary-inverted)}:host([inverted]) .btn.tertiary[disabled],:host([inverted]) .btn.tertiary[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) .btn.tertiary[disabled] ::slotted(px-icon),:host([inverted]) .btn.tertiary[aria-disabled=true] ::slotted(px-icon){background:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .btn.tertiary.loading{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .btn.tertiary.loading ::slotted(px-spinner){background:var(--px-color-bg-action-disabled-inverted)}:host([inverted]) .btn.patch:hover:not([disabled],[aria-disabled=true],.loading),:host([inverted]) .btn.patch:focus:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-txt-primary-inverted);background:var(--px-color-bg-action-hover-inverted-inverted)}:host([inverted]) .btn.patch[disabled],:host([inverted]) .btn.patch[aria-disabled=true]{background:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-disabled-inverted)}:host([inverted]) button.link[disabled],:host([inverted]) button.link[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}@media only screen and (min-width: 640px){.btn{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet);--slotted-icon-size: var(--px-icon-size-xs-tablet)}.btn.loading ::slotted(px-spinner){line-height:var(--px-icon-size-xs-tablet)}.btn:not(.secondary,.tertiary,.patch){min-height:var(--px-size-action)}.btn.secondary{min-height:var(--px-size-action)}.btn.tertiary ::slotted(px-spinner){width:var(--px-icon-size-m-tablet);height:var(--px-icon-size-m-tablet)}}@media only screen and (min-width: 640px){.btn{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop);--slotted-icon-size: var(--px-icon-size-xs-desktop)}.btn.loading ::slotted(px-spinner){line-height:var(--px-icon-size-xs-desktop)}.btn.tertiary ::slotted(px-spinner){width:var(--px-icon-size-m-desktop);height:var(--px-icon-size-m-desktop)}}@keyframes anim-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}',pe='a,.link,::slotted(a){font-family:Proximus,Verdana,Helvetica,sans-serif;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);font-weight:500;color:var(--px-color-txt-body-default)}a:hover,a:focus,.link:hover,.link:focus{color:var(--px-color-txt-hover-default)}a[aria-disabled=true],.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-txt-disabled-default)}a ::slotted([slot="after"]),.link ::slotted([slot="after"]){margin-left:var(--px-spacing-text-to-icon-compact-horizontal)}a ::slotted(*),.link ::slotted(*){display:inline-block}::slotted(a:hover),::slotted(a:focus){color:var(--px-color-txt-hover-default)}a.no-style{color:inherit;text-decoration:none}a.no-style:hover,a.no-style:focus{color:inherit}a.skip-link{position:absolute;left:-10000px;top:auto;overflow:hidden;background-color:var(--px-color-bg-container-main-default);padding:var(--px-padding-xs)}a.skip-link:focus{left:auto;z-index:999}:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a){color:var(--px-color-txt-body-inverted)}:host([inverted]) a:hover,:host([inverted]) a:focus,:host([inverted]) .link:hover,:host([inverted]) .link:focus{color:var(--px-color-txt-hover-inverted)}:host([inverted]) a[aria-disabled=true],:host([inverted]) .link[aria-disabled=true]{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) ::slotted(a:hover),:host([inverted]) ::slotted(a:focus){color:var(--px-color-txt-hover-inverted)}:host([inverted]) a.skip-link{background-color:var(--px-color-bg-container-main-inverted)}@media only screen and (min-width: 64rem){a,.link,::slotted(a){font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 90rem){a,.link,::slotted(a){font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}',be=".patch{display:inline-block;padding:0 var(--px-padding-s);height:1.625rem;border:var(--px-border-m) solid transparent;border-radius:var(--px-radius-l) var(--px-radius-l) var(--px-radius-l) 0;font-family:Proximus,Verdana,Helvetica,sans-serif;font-weight:700;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);text-align:center;background-color:var(--px-color-bg-promo-default);color:var(--px-color-txt-inverted-primary-default)}.patch,.patch *{box-sizing:border-box}@media only screen and (min-width: 640px){.patch{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 1025px){.patch{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}:host([inverted]) .patch{background-color:var(--px-color-bg-promo-inverted);color:var(--px-color-txt-inverted-primary-default)}.bottom-right{border-radius:var(--px-radius-l) var(--px-radius-l) 0 var(--px-radius-l)}.bottom-left{border-radius:var(--px-radius-l) var(--px-radius-l) var(--px-radius-l) 0}.info{background-color:var(--px-color-illu-blue-core);color:var(--px-color-txt-body-default)}:host([inverted]) .info{background-color:var(--px-color-illu-blue-core);color:var(--px-color-txt-body-default)}.black-friday{background-color:var(--px-color-bg-container-rich-default);color:var(--px-color-txt-inverted-default)}:host([inverted]) .black-friday{background-color:var(--px-color-bg-container-rich-inverted);color:var(--px-color-txt-inverted-inverted)}.eco{background-color:var(--px-color-bg-success-default);color:var(--px-color-txt-inverted-default)}:host([inverted]) .eco{background-color:var(--px-color-bg-success-inverted);color:var(--px-color-txt-inverted-inverted)}.greyed{background-color:var(--px-color-bg-action-disabled-default);color:var(--px-color-icon-disabled-default)}:host([inverted]) .greyed{background-color:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-icon-disabled-inverted)}",ge=new CSSStyleSheet,he=new CSSStyleSheet,xe=new CSSStyleSheet;ge.replaceSync(ce),he.replaceSync(pe),xe.replaceSync(be);const ue=class extends r{constructor(e){super(e,ge,he,xe),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"]}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)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"variant":this.updateVariant(t,o);break;case"state":this.updateState(t,o);break;case"extended":this.updateExtended();break;case"loading":this.updateLoading();break;case"shape":this.updateShape(t,o);break;default:super.attributeChangedCallback(e,t,o)}}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){"link"===t?this.$el.classList.remove("btn"):this.$el.classList.add("btn"),this._toggleClass(e,t),this.checkName(["","default","secondary","tertiary","link","patch","patch-info","patch-black-friday","patch-eco"],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(){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}`)}};ue.nativeName="button";let ve=ue;class me extends ve{constructor(){super(v)}}customElements.define("px-button",me);const fe=new CSSStyleSheet;fe.replaceSync("img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;border-style:none}@media only screen and (max-width: 40em){.mo,.m,.l{display:none}}@media only screen and (min-width: 40.0625em) and (max-width: 64em){.l{display:none}}@media only screen and (min-width: 40.0625em){.so{display:none}}@media only screen and (min-width: 64.0625em){.so,.mo{display:none}}");class ke extends r{constructor(){super(fe)}static get observedAttributes(){return[...super.observedAttributes,"showfor"]}get showfor(){return this.getAttribute("showfor")}set showfor(e){this.setAttribute("showfor",e)}attributeChangedCallback(e,t,o){if(t!==o)if("showfor"===e)this.updateShowFor(t,o);else super.attributeChangedCallback(e,t,o)}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e){return["","s","so","mo","m","l"].includes(e)}updateShowFor(e,t){this.checkName(t)?this.toggleClass(e,t):console.error('Bad "showfor" value for',this)}}const ye=class extends ke{constructor(){super();const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}};ye.nativeName="img";let we=ye;customElements.define("px-image",we);const ze=class extends ke{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,o){if(t!==o)switch(e){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(e,t,o)}}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,o){let i="";(e.endsWith("-en")||e.endsWith("-fr")||e.endsWith("-nl")||e.endsWith("-de"))&&(i=e.slice(-3),e=e.slice(0,-3)),(e.endsWith("-s")||e.endsWith("-m")||e.endsWith("-l"))&&(e=e.slice(0,-2));let r=`${e}${o}${i}.${t}`;return await this.imgExists(r)||(r=""),r}addImg(e,t,o){const i=document.createElement("img");i.src=e,i.alt=t||"",!o||"lazy"!==o&&"eager"!==o||(i.loading=o),this.$el.appendChild(i)}addSrcset(e,t){if(""!==e){const o=document.createElement("source");o.media=t,o.srcset=e,this.$el.insertBefore(o,this.$el.firstChild)}}async addSrc(e,t,o){if(this.removeSrc(),!e)return void console.error('No "src" value for ',this);const i=e.split(".").pop();if(!this.possibleImgExtension.includes(i))return void console.error('No extensions image to "src" value for ',this);const r=e.slice(0,-1*(i.length+1));let n=e;if(await this.imgExists(n)||(n=await this.transformImgPath(r,i,"-s")),""===n)return void console.error('Bad "src" value for ',this);const a=await this.transformImgPath(r,i,"-m");this.addSrcset(a,"only screen and (min-width: 40.0625em)");const s=await this.transformImgPath(r,i,"-l");this.addSrcset(s,"only screen and (min-width: 64.0625em)"),this.addImg(n,t,o)}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||"")}};ze.nativeName="picture";let Ae=ze;customElements.define("px-picture",Ae);const Ce=new CSSStyleSheet;Ce.replaceSync(be);class Se extends HTMLElement{constructor(e){super(),this.variantValues=["","default","info","black-friday","eco","greyed"],this.shapeValues=["","default","bottom-right","bottom-left"],this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,Ce]}template(){return'\n        <div class="patch">\n            <slot></slot>\n        </div>\n    '}static get observedAttributes(){return["variant","shape","inverted"]}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"variant":this.updateVariant(t,o);break;case"shape":this.updateShape(t,o)}}connectedCallback(){o(this,Se.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)}))}_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(this.variantValues,t)||console.error('Bad "variant" value for patch')}updateShape(e,t){this._toggleClass(e,t),this.checkName(this.shapeValues,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)}}class $e extends Se{constructor(){super(v)}}customElements.define("px-patch",$e);const Ee=new CSSStyleSheet;Ee.replaceSync('.price{--price-s: var(--px-text-size-l-mobile);--price-m: var(--px-text-size-xl-mobile);--price-l: var(--px-text-size-3xl-mobile);font-family:Proximus,Verdana,Helvetica,sans-serif;white-space:nowrap;font-weight:700;color:var(--px-color-txt-primary-default);font-size:var(--price-s)}@media only screen and (min-width: 641px){.price{--price-s: var(--px-text-size-l-tablet);--price-m: var(--px-text-size-xl-tablet);--price-l: var(--px-text-size-3xl-tablet)}}@media only screen and (min-width: 1025px){.price{--price-s: var(--px-text-size-l-desktop);--price-m: var(--px-text-size-xl-desktop);--price-l: var(--px-text-size-3xl-desktop)}}.promo,.free{color:var(--px-color-txt-promo-default)}.neutral{color:var(--px-color-txt-body-default)}.exceeding{color:var(--px-color-txt-status-error-default)}.disabled{color:var(--px-color-txt-disabled-default)}::slotted(s){color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);font-weight:400}@media only screen and (min-width: 641px){{font-size:var(--px-text-size-base-tablet)}}@media only screen and (min-width: 1025px){{font-size:var(--px-text-size-base-desktop)}}:host([inverted]) .price{color:var(--px-color-txt-primary-inverted)}:host([inverted]) .promo,:host([inverted]) .free{color:var(--px-color-txt-promo-inverted)}:host([inverted]) .neutral{color:var(--px-color-txt-body-inverted)}:host([inverted]) .exceeding{color:var(--px-color-txt-status-error-inverted)}:host([inverted]) .disabled{color:var(--px-color-txt-disabled-inverted)}:host([inverted]) ::slotted(s){color:var(--px-color-txt-body-inverted)}.price:not(.promo):not(.free) ::slotted(s){display:none}::slotted(.euro){font-size:calc(var(--price-s) * .75)}::slotted(.decimals){font-size:calc(var(--price-s) * .5)}.m{font-size:var(--price-m)}:host([size="m"]) ::slotted(.decimals){font-size:calc(var(--price-m) * .5)}:host([size="m"]) ::slotted(.euro){font-size:calc(var(--price-m) * .75)}.l{font-size:var(--price-l)}:host([size="l"]) ::slotted(.decimals){font-size:calc(var(--price-l) * .5)}:host([size="l"]) ::slotted(.euro){font-size:calc(var(--price-l) * .75)}');const Le=["default","promo","free","neutral","exceeding","disabled"],Te=["","s","m","l"],De=class extends r{constructor(){super(v,Ee),this.template=()=>'<span class="price"><slot name="oldprice"></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,o){if(t!==o)switch(e){case"variant":this.updateAttribute(e,t,o,Le);break;case"size":this.updateAttribute(e,t,o,Te);break;default:super.attributeChangedCallback(e,t,o)}}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,o,i){this.toggleClass(t,o),this.checkName(i,o)||console.error(`${o} is not an allowed ${e} value for ${this.$el}`)}buildPrice(){let e=this.innerHTML.trim();const t=this.querySelector("s");let o="";t&&""!==t.innerText?(t.innerText="€"+t.innerText,e=t.nextSibling.textContent,o=t.outerHTML+" "):t&&""===t.innerText&&(e=t.nextSibling.textContent);let i="";i=/^[\d|.|,]+/.test(e)?'<span class="euro">€</span>':"";const r=e.charAt(e.length-3);if("."===r||","===r){const[t,n]=e.split(r);this.innerHTML=`${o}${i}${t}<span class="decimals">${r}${n}</span>`}else this.innerHTML=`${o}${i}${e}`}};De.nativeName="span";let Pe=De;customElements.define("px-price",Pe);const Me=new CSSStyleSheet;Me.replaceSync(":host{box-sizing:border-box}.ribbon{font-family:Proximus,Verdana,Helvetica,sans-serif;font-weight:700;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);white-space:nowrap;text-align:left;color:var(--px-color-txt-body-inverted);background-color:var(--px-color-bg-container-rich-default);padding:var(--px-padding-xs) var(--px-padding-s);border-radius:var(--px-radius-s) var(--px-radius-s) 0 0}.ribbon,.ribbon *{box-sizing:border-box}@media only screen and (min-width: 768px){.ribbon{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 1025px){.ribbon{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}");const Be=class extends r{constructor(){super(v,Me),this.template=()=>'<div class="ribbon"><slot></slot></div>',this.shadowRoot.innerHTML=this.template()}};Be.nativeName="div";let Re=Be;customElements.define("px-ribbon",Re);const Ve=new CSSStyleSheet;Ve.replaceSync("hr{--separator-size: 2px;clear:both;margin:0;border-width:var(--separator-size) 0 0;border-style:solid;border-color:var(--px-color-border-main-default)}.vertical{width:var(--separator-size);height:100%;border-width:0 var(--separator-size) 0 0}.none{--separator-size: 0}.s{--separator-size: 1px}.m{--separator-size: 2px}.l{--separator-size: 3px}.contrasted{border-color:var(--px-color-border-contrasted-default)}.action-hover{border-color:var(--px-color-border-action-hover-default)}.action-active{border-color:var(--px-color-border-action-active-default)}.none{border-color:var(--px-color-border-none-default)}.success{border-color:var(--px-color-border-success-default)}.error{border-color:var(--px-color-border-error-default)}.warning{border-color:var(--px-color-border-warning-default)}.unlimited{border-color:var(--px-color-border-unlimited-default)}:host([inverted]) hr{border-color:var(--px-color-border-main-inverted)}:host([inverted]) .contrasted{border-color:var(--px-color-border-contrasted-inverted)}:host([inverted]) .action-hover{border-color:var(--px-color-border-action-hover-inverted)}:host([inverted]) .action-active{border-color:var(--px-color-border-action-active-inverted)}:host([inverted]) .none{border-color:var(--px-color-border-none-inverted)}:host([inverted]) .success{border-color:var(--px-color-border-success-inverted)}:host([inverted]) .error{border-color:var(--px-color-border-error-inverted)}:host([inverted]) .warning{border-color:var(--px-color-border-warning-inverted)}:host([inverted]) .unlimited{border-color:var(--px-color-border-unlimited-inverted)}");const Fe=["","default","vertical"],Ne=["","none","s","m","l"],Ie=["","contrasted","action-hover","action-active","none","success","error","warning","unlimited"],He=class extends r{constructor(){super(v,Ve);const e=document.createElement(this.nativeName);this.shadowRoot.appendChild(e)}static get observedAttributes(){return[...super.observedAttributes,"direction","size","color","inverted"]}get direction(){return this.getAttribute("direction")}set direction(e){this.setAttribute("direction",e)}get size(){return this.getAttribute("size")}set size(e){this.setAttribute("size",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"direction":this.updateAttribute(e,t,o,Fe);break;case"size":this.updateAttribute(e,t,o,Ne);break;case"color":this.updateAttribute(e,t,o,Ie);break;default:super.attributeChangedCallback(e,t,o)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateAttribute(e,t,o,i){this.toggleClass(t,o),this.checkName(i,o)||console.error(`Bad "${e}" value for`,this.$el)}};He.nativeName="hr";let je=He;customElements.define("px-separator",je);const qe=new CSSStyleSheet;qe.replaceSync('.tag{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-family:Proximus,Verdana,Helvetica,sans-serif;font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-s-mobile);font-weight:400;gap:var(--px-spacing-text-to-icon-compact-horizontal);background-color:var(--px-color-bg-action-secondary-default);color:var(--px-color-txt-primary-default);padding:var(--px-padding-2xs) var(--px-padding-xs);border:var(--px-border-s) solid transparent;border-radius:var(--px-radius-s);--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);line-height:var(--px-icon-size-xs-mobile)}.light{background-color:var(--px-color-bg-action-disabled-default);color:var(--px-color-txt-body-default)}.outline{background-color:transparent;color:var(--px-color-txt-primary-default);border-color:var(--px-color-border-action-hover-default)}.pill{border-radius:var(--px-radius-pill)}:host([inverted]) .tag{background-color:var(--px-color-bg-action-secondary-inverted);color:var(--px-color-txt-primary-inverted)}:host([inverted]) .light{background-color:var(--px-color-bg-action-disabled-inverted);color:var(--px-color-txt-body-inverted)}:host([inverted]) .outline{background-color:transparent;color:var(--px-color-txt-primary-inverted);border-color:var(--px-color-border-action-hover-inverted)}@media only screen and (min-width: 64rem){.tag{font-size:var(--px-text-size-s-tablet);line-height:var(--px-line-height-s-tablet);--slotted-icon-size: var(--px-icon-size-xs-tablet)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-tablet);line-height:var(--px-icon-size-xs-tablet)}}@media only screen and (min-width: 90rem){.tag{font-size:var(--px-text-size-s-desktop);line-height:var(--px-line-height-s-desktop);--slotted-icon-size: var(--px-icon-size-xs-desktop)}.tag ::slotted([slot="before"]){font-size:var(--px-icon-size-xs-desktop);line-height:var(--px-icon-size-xs-desktop)}}');class Oe extends HTMLElement{constructor(e){super(),this.variantValues=["","default","light","outline"],this.shapeValues=["","default","pill"],this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,qe]}template(){return'\n        <div class="tag">\n            <slot name="before"></slot>\n            <slot></slot>\n        </div>\n    '}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,o){if(t!==o)switch(e){case"variant":this.updateVariant(t,o);break;case"shape":this.updateShape(t,o)}}_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(this.variantValues,t)||console.error('Bad "variant" value for tag')}updateShape(e,t){this._toggleClass(e,t),this.checkName(this.shapeValues,t)||console.error('Bad "shape" value for tag')}}class We extends Oe{constructor(){super(v)}}customElements.define("px-tag",We);const _e=new CSSStyleSheet;_e.replaceSync('*{font-family:Proximus,Verdana,Helvetica,sans-serif}#container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-spacing-component-default-vertical)}#panels{width:100%}div[role=tablist]{display:flex;align-items:center;scrollbar-width:none;overflow:scroll;width:80vw;box-sizing:border-box}div[role=tablist] ::slotted(px-tab){background-color:var(--px-color-bg-container-weak-default)}div[role=tablist] ::slotted(px-tab[inverted=""]){background-color:var(--px-color-bg-container-weak-inverted)}div[role=tablist] ::slotted(px-tab[selected=""]){background-color:var(--px-color-bg-action-active-default);padding-block:var(--px-padding-m);border-radius:var(--px-radius-s)!important}div[role=tablist] ::slotted(px-tab[selected=""][inverted=""]){background-color:var(--px-color-bg-action-active-inverted)}div[role=tablist] ::slotted(px-tab:first-child){border-radius:var(--px-radius-s) 0 0 var(--px-radius-s)}div[role=tablist] ::slotted(px-tab:last-of-type){border-radius:0 var(--px-radius-s) var(--px-radius-s) 0}div[role=tablist]::-webkit-scrollbar{display:none}button[role=tab]{background:none;border:none;padding:0;margin:0;cursor:pointer;height:inherit;width:inherit;padding:var(--px-padding-s);font-size:var(--px-text-size-base-mobile);font-weight:700;text-wrap:nowrap;color:var(--px-color-txt-body-default);outline:none}button[role=tab][inverted=""]{color:var(--px-color-txt-body-inverted)}@media screen and (min-width: 768px){button[role=tab]{font-size:var(--px-text-size-base-tablet)}}@media screen and (min-width: 1025px){button[role=tab]{font-size:var(--px-text-size-base-laptop)}}@media screen and (min-width: 1441px){button[role=tab]{font-size:var(--px-text-size-base-desktop)}}button[aria-selected=""]{padding-block:0;cursor:auto;color:var(--px-color-txt-primary-inverted)}button[aria-selected=""][inverted=""]{color:var(--px-color-txt-primary-default)}');class Ge extends HTMLElement{constructor(e){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=[e,_e]}static get observedAttributes(){return["label","inverted"]}attributeChangedCallback(e,t,o){"label"===e&&(this.label=o)}connectedCallback(){o(this,Ge.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)})),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,o=this.$previousTab;this.$activePanel.selected=!1,this.$activeTab.selected="false","ArrowRight"===e.key?t.selected="":"ArrowLeft"===e.key&&(o.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 Ue extends HTMLElement{constructor(e){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=[e,_e]}static get observedAttributes(){return["selected","for","name"]}connectedCallback(){o(this,Ue.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)})),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,o){"selected"===e?this.handleSelected(o):"name"===e?this.$button.setAttribute("id",o):"for"===e&&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(e){this.setAttribute("name",e)}get name(){return this.getAttribute("name")}set for(e){this.setAttribute("for",e)}get for(){return this.getAttribute("for")}handleSelected(e){u(e)?(this.$button.removeAttribute("aria-selected"),this.$button.tabIndex=-1):(this.$button.setAttribute("aria-selected",e),this.$button.removeAttribute("tabindex"),this.$button.focus())}set selected(e){this.setAttribute("selected",e)}}class Ye extends HTMLElement{constructor(e){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=[e,_e]}static get observedAttributes(){return["name"]}attributeChangedCallback(e,t,o){"name"===e&&this.$panel.setAttribute("aria-labelledby",o)}connectedCallback(){this.name||console.error("TabPanel needs a name attribute"),this.slot="tabpanels";const e=this.parentElement.querySelector(`[for="${this.getAttribute("name")}"]`);e?this.$panel.setAttribute("aria-labelledby",e.getAttribute("name")):console.error("No tab found for this panel");u(this.parentElement.querySelector(`[for="${this.name}"]`).selected)?this.selected=!1:this.selected=!0}get name(){return this.getAttribute("name")}set name(e){this.setAttribute("name",e)}set selected(e){this.$panel.style.display=e?"block":"none"}get $panel(){return this.shadowRoot.querySelector('[role="tabpanel"]')}}class Ze extends Ge{constructor(){super(v),this.querySelectorAll("px-tab").forEach((e=>{e.setAttribute("slot","tabs")}))}}customElements.get("px-tabs")||customElements.define("px-tabs",Ze);class Qe extends Ue{constructor(){super(v)}}customElements.get("px-tab")||customElements.define("px-tab",Qe);class Je extends Ye{constructor(){super(v)}}customElements.get("px-tab-panel")||customElements.define("px-tab-panel",Je);const Ke=new CSSStyleSheet;Ke.replaceSync(".timeline{list-style:none;margin:0;padding:0}");class Xe extends HTMLElement{template(){return'\n        <ol class="timeline" role="list">\n            <slot></slot>\n        </ol>\n    '}constructor(e){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,Ke]}static get observedAttributes(){return["inverted"]}connectedCallback(){o(this,Xe.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)})),this.configureChildren()}attributeChangedCallback(e,t,o){if(t!==o&&"inverted"===e)for(let i=0;i<this.$children.length;i++)this.$children[i].toggleAttribute("inverted")}configureChildren(){const e=this.$children[this.$children.length-1];null==e||e.toggleAttribute("lastchild");for(let t=0;t<this.$children.length;t++)this.$children[t].setAttribute("item",`${t+1}`)}get $el(){return this.shadowRoot.querySelector(".timeline")}get $children(){return this.querySelectorAll("px-timeline-item")}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}}class et extends Xe{constructor(){super(v)}}customElements.define("px-timeline",et);const tt=new CSSStyleSheet;tt.replaceSync('.timeline-item{display:flex;gap:var(--px-spacing-text-to-icon-horizontal);font-family:Proximus,Verdana,Helvetica,sans-serif;font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile)}.indicator-area{position:relative}.indicator-area:before{display:block;content:"";position:absolute;top:26px;left:12px;width:var(--px-border-m);height:calc(100% - 26px);background:var(--px-color-border-main-default)}.indicator-area .indicator{display:flex;align-items:center;justify-content:center;text-align:center;width:26px;height:26px;font-weight:700;font-size:var(--px-text-size-s-mobile);line-height:var(--px-line-height-s-mobile);color:var(--px-color-icon-body-default);border-radius:var(--px-radius-pill);background:var(--px-color-bg-container-strong-default)}.content-area{margin-bottom:var(--px-spacing-component-default-vertical)}.content-area ::slotted([slot="title"]){font-weight:700;color:var(--px-color-txt-body-default)}.content-area ::slotted([slot="content"]){font-weight:400;color:var(--px-color-txt-details-default);margin-top:var(--px-spacing-under-text-vertical)}:host([lastchild]) .indicator-area:before{display:none}:host([lastchild]) .content-area{margin-bottom:0}:host([inverted]) .indicator-area:before{background:var(--px-color-border-main-inverted)}:host([inverted]) .indicator-area .indicator{color:var(--px-color-icon-body-inverted);background:var(--px-color-bg-container-strong-inverted)}:host([inverted]) .content-area ::slotted([slot="title"]){color:var(--px-color-txt-body-inverted)}:host([inverted]) .content-area ::slotted([slot="content"]){color:var(--px-color-txt-details-inverted)}@media only screen and (min-width: 64rem){.timeline-item{font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}.indicator-area .indicator{font-size:var(--px-text-size-s-tablet);line-height:var(--px-line-height-s-tablet)}}@media only screen and (min-width: 90rem){.timeline-item{font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}.indicator-area .indicator{font-size:var(--px-text-size-s-desktop);line-height:var(--px-line-height-s-desktop)}}');let ot="1";class it 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(e){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[e,tt]}static get observedAttributes(){return["inverted","lastchild","item"]}connectedCallback(){o(this,it.observedAttributes,((e,t)=>{this.attributeChangedCallback(e,null,t)}))}attributeChangedCallback(e,t,o){if(t!==o&&"item"===e)this.updateItem(t,o),this.updateIndicator(ot)}updateItem(e,t){null!==e&&""!==e&&(ot=e),null!==t&&""!==t&&(ot=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)}}class rt extends it{constructor(){super(v)}}customElements.define("px-timeline-item",rt);const nt=new CSSStyleSheet;nt.replaceSync("px-container{width:1000px;display:block;border:0;border-radius:var(--px-radius-s)}@media screen and (max-width: 1025px){px-container{width:700px}}@media screen and (max-width: 640px){px-container{width:295px}}"),x(".lavender-blurred-modal-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:999;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}");class at extends HTMLElement{constructor(){super(),this.open=!1,this.template='<px-container padding="m" popover> \x3c!-- adding popver here is the only way to style of the modal --\x3e\n    <px-stack gap="component-default-vertical" direction="column">\n      <px-stack direction="column" gap="under-text-vertical">\n        <slot name="title"></slot>\n        <slot name="description"></slot>\n      </px-stack>\n      <slot></slot>\n      <px-separator size="l"></px-separator>\n      <px-stack gap="component-compact-horizontal" justify-content="end">\n        <slot name="footer"></slot>\n      </px-stack>\n    </px-stack>\n  </px-container>',this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template,this.shadowRoot.adoptedStyleSheets=[v,nt]}connectedCallback(){var e;document.querySelectorAll(`px-button[popovertarget="${this.getAttribute("id")}"]`).forEach((e=>{e.onclick=e=>{var t;null==(t=this.showPopover)||t.call(this),this.open=!0,this.displayBlurredBackground(),e.stopPropagation()}}));this.querySelectorAll('px-button[slot="footer"]').forEach((e=>{e.onclick=()=>{this._hidePopover()}})),null!=this.autoShow&&(null==(e=this.showPopover)||e.call(this),this.open=!0,this.displayBlurredBackground())}displayBlurredBackground(){this.blurredBackground=document.createElement("div"),this.blurredBackground.id="popover-background",this.blurredBackground.classList.toggle("lavender-blurred-modal-background"),this.blurredBackground.addEventListener("click",(e=>{this.open&&!this.contains(e.target)&&this._hidePopover()})),document.body.appendChild(this.blurredBackground)}_hidePopover(){var e;this.blurredBackground.parentElement.removeChild(this.blurredBackground),null==(e=this.hidePopover)||e.call(this),this.open=!1}get autoShow(){return this.getAttribute("autoshow")}}customElements.get("px-modal")||customElements.define("px-modal",at);const st="span,::slotted(span){font-family:Proximus,Verdana,Helvetica,sans-serif;color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile)}:host([inverted]) span,:host([inverted]) ::slotted(span){color:var(--px-color-txt-body-inverted)}span.link{text-decoration:underline}@media only screen and (min-width: 64rem){span,::slotted(span){font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 90rem){span,::slotted(span){font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}",lt=new CSSStyleSheet,dt=new CSSStyleSheet;lt.replaceSync(st),dt.replaceSync(H);const ct=class extends r{constructor(){super(v,lt,dt),this.template=()=>'<span>\n        <slot name="before"></slot>\n        <slot></slot>\n        <slot name="after"></slot>\n    </span>',this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"color","fontsize","fontweight","inverted"]}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){u(e)?this.removeAttribute("inverted"):this.setAttribute("inverted",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"color":this.updateTypography(e,t,o,a);break;case"fontsize":this.updateTypography(e,t,o,n);break;case"fontweight":this.updateTypography(e,t,o,s);break;default:super.attributeChangedCallback(e,t,o)}}checkName(e,t){return e.includes(t)}updateTypography(e,t,o,i){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`Bad ${e} value for ${this.$el}`)}};ct.nativeName="span";let pt=ct;customElements.define("px-span",pt);const bt=new CSSStyleSheet,gt=new CSSStyleSheet,ht=new CSSStyleSheet;bt.replaceSync(pe),gt.replaceSync(ce),ht.replaceSync(H);const xt=class extends r{constructor(e){super(e,bt,gt,ht),this.variantValues=["link","no-style","skip-link","btn-default","btn-secondary","btn-tertiary"],this.shapeValues=["","default","alternative"],this.template=()=>'<slot name="before"></slot><slot></slot><slot name="after"></slot>';const t=document.createElement(this.nativeName);t.innerHTML=this.template(),this.shadowRoot.appendChild(t)}static get observedAttributes(){return[...super.observedAttributes,"disabled","variant","shape","extended","inverted","fontsize","color","fontweight"]}get disabled(){return this.getAttribute("disabled")}set disabled(e){this.setAttribute("disabled",e)}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get shape(){return this.getAttribute("shape")}set shape(e){this.setAttribute("shape",e)}get extended(){return this.getAttribute("extended")}set extended(e){this.setAttribute("extended",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"disabled":this.$el.toggleAttribute("aria-disabled"),null!==o&&this.$el.setAttribute("aria-disabled","true");break;case"variant":this.updateVariant(t,o);break;case"shape":this.updateShape(t,o);break;case"extended":this.$el.classList.toggle(e);break;case"fontsize":this.updateTypography(e,t,o,n);break;case"color":this.updateTypography(e,t,o,a);break;case"fontweight":this.updateTypography(e,t,o,s);break;default:super.attributeChangedCallback(e,t,o)}}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(this.variantValues,t)||console.error(`Bad "variant" value for ${this.$el}`)}updateShape(e,t){null!==e&&""!==e&&"default"!==e&&this._toggleClassList(e),null!==t&&""!==t&&"default"!==t&&this._toggleClassList(t),this.checkName(this.shapeValues,t)||console.error(`Bad "shape" value for ${this.$el}`)}updateTypography(e,t,o,i){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`Bad ${e} value for ${this.$el}`)}};xt.nativeName="a";let ut=xt;class vt extends ut{constructor(){super(v)}}customElements.define("px-a",vt);const mt="p,::slotted(p){font-family:Proximus,Verdana,Helvetica,sans-serif;color:var(--px-color-txt-body-default);font-size:var(--px-text-size-base-mobile);line-height:var(--px-line-height-base-mobile);margin:0}.textalign-left{text-align:left}.textalign-center{text-align:center}.textalign-right{text-align:right}:host([inverted]) p,:host([inverted]) ::slotted(p){color:var(--px-color-txt-body-inverted)}@media only screen and (min-width: 64rem){p,::slotted(p){font-size:var(--px-text-size-base-tablet);line-height:var(--px-line-height-base-tablet)}}@media only screen and (min-width: 90rem){p,::slotted(p){font-size:var(--px-text-size-base-desktop);line-height:var(--px-line-height-base-desktop)}}",ft=new CSSStyleSheet,kt=new CSSStyleSheet,yt=new CSSStyleSheet;ft.replaceSync(mt),kt.replaceSync(H),yt.replaceSync(I);const wt=["","default","h1","h2","h3","h4","h5","h6","subtitle"],zt=["","default","left","center","right"],At=class extends r{constructor(){super(v,ft,kt,yt),this.template=()=>"<p><slot></slot></p>",this.shadowRoot.innerHTML=this.template()}static get observedAttributes(){return[...super.observedAttributes,"variant","color","fontsize","fontweight","textalign","inverted"]}get variant(){return this.getAttribute("variant")}set variant(e){this.setAttribute("variant",e)}get color(){return this.getAttribute("color")}set color(e){this.setAttribute("color",e)}get fontsize(){return this.getAttribute("fontsize")}set fontsize(e){this.setAttribute("fontsize",e)}get fontweight(){return this.getAttribute("fontweight")}set fontweight(e){this.setAttribute("fontweight",e)}get textalign(){return this.getAttribute("textalign")}set textalign(e){this.setAttribute("textalign",e)}get inverted(){return this.getAttribute("inverted")}set inverted(e){this.setAttribute("inverted",e)}attributeChangedCallback(e,t,o){if(t!==o)switch(e){case"variant":this.updateAttribute(e,t,o,wt);break;case"color":this.updateTypography(e,t,o,a);break;case"fontsize":this.updateTypography(e,t,o,n);break;case"fontweight":this.updateTypography(e,t,o,s);break;case"textalign":this.updateTypography(e,t,o,zt);break;default:super.attributeChangedCallback(e,t,o)}}toggleClass(e,t){null!==e&&""!==e&&"default"!==e&&this.$el.classList.toggle(e),null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(t)}checkName(e,t){return e.includes(t)}updateAttribute(e,t,o,i){this.toggleClass(t,o),this.checkName(i,o)||console.error(`Bad ${e} value for ${this.$el}`)}updateTypography(e,t,o,i){null!==t&&""!==t&&"default"!==t&&this.$el.classList.toggle(`${e}-${t}`),null!==o&&""!==o&&"default"!==o&&this.$el.classList.toggle(`${e}-${o}`),this.checkName(i,o)||console.error(`Bad ${e} value for ${this.$el}`)}};At.nativeName="p";let Ct=At;customElements.define("px-p",Ct);const St=new CSSStyleSheet;St.replaceSync("div{--px-heading-margin-title: 0 0 15px 0}");class $t extends HTMLElement{template(){return"\n      <div>\n        <slot></slot>\n      </div>\n    "}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[St]}get $el(){return this.shadowRoot.querySelector("div")}}customElements.define("px-heading-group",$t);const Et=new CSSStyleSheet,Lt=new CSSStyleSheet,Tt=new CSSStyleSheet,Dt=new CSSStyleSheet,Pt=new CSSStyleSheet;Et.replaceSync(":host{font-family:Proximus,Verdana,Helvetica,sans-serif}::slotted(ul),::slotted(ol){margin:0 0 0 var(--px-spacing-component-default-horizontal);padding:0}::slotted(b),::slotted(strong){font-weight:700}:host([inverted]) slot{color:var(--px-color-txt-body-inverted)}"),Lt.replaceSync(I),Tt.replaceSync(pe),Dt.replaceSync(mt),Pt.replaceSync(st),x(".li{padding-bottom:var(--px-padding-xs)}");class Mt extends HTMLElement{constructor(){super(),this.template=()=>"<slot></slot>",this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=this.template(),this.shadowRoot.adoptedStyleSheets=[v,Et,Lt,Tt,Dt,Pt]}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",Mt),exports.Accordion=de,exports.Container=N,exports.H1=G,exports.H2=Y,exports.H3=Q,exports.H4=K,exports.H5=ee,exports.H6=oe,exports.HStack=w,exports.HeadingGroup=$t,exports.Icon=P,exports.Image=we,exports.Modal=at,exports.Page=E,exports.Paragraph=Ct,exports.Picture=Ae,exports.Price=Pe,exports.ProximusButton=me,exports.ProximusLink=vt,exports.ProximusPatch=$e,exports.ProximusSection=ne,exports.ProximusTag=We,exports.ProximusTimeline=et,exports.ProximusTimelineItem=rt,exports.PxElement=r,exports.PxStack=z,exports.PxTab=Qe,exports.PxTabPanel=Je,exports.PxTabs=Ze,exports.Ribbon=Re,exports.Section=S,exports.Separator=je,exports.Spacer=A,exports.Span=pt,exports.Stack=k,exports.Typography=Mt,exports.VStack=y,exports.WithFlexAttributes=i,exports.addGlobalStylesheet=x,exports.bgColorValues=b,exports.borderRadiusValues=p,exports.borderValues=c,exports.colorValues=a,exports.fontsizeValues=n,exports.fontweightValues=s,exports.gapValues=f,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=h,exports.iconSizeValues=l,exports.isFalsy=u,exports.paddingValues=d,exports.proximusSemanticStyleSheet=v,exports.replayAttributes=o,exports.shadowValues=g;