@proximus/lavender-mega-dropdown 2.0.0-alpha.202 → 2.0.0-alpha.204

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/MDDCloser.d.ts +1 -0
  2. package/dist/MddSection.d.ts +1 -1
  3. package/dist/custom-elements.json +12 -11
  4. package/dist/index.es.js +278 -260
  5. package/dist/web-types.json +2 -5
  6. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,9 +1,9 @@
1
- import { PxElement as e, WithExtraAttributes as t, WrappedInteractiveStateController as n, backgroundColorValues as r, backgroundSizeValues as i, booleanPropertyToAttributeSetter as a, borderColorValues as o, borderRadiusValues as ee, borderSideValues as te, borderValues as ne, boxShadowValues as re, checkName as s, colorValues as c, cssTokenBreakpoints as l, fontsizeValues as u, fontweightValues as d, gapValues as ie, gradientValues as f, headingValues as p, iconSizeValuesKC as ae, log as m, noBorderRadiusValues as oe, paddingValues as h, propertyToAttributeSetter as g, textalignValues as _, transferAccessibilityAttributes as v } from "@proximus/lavender-common";
1
+ import { PxElement as e, WithExtraAttributes as t, WrappedInteractiveStateController as n, backgroundColorValues as r, backgroundSizeValues as i, booleanPropertyToAttributeSetter as a, borderColorValues as o, borderRadiusValues as ee, borderSideValues as te, borderValues as ne, boxShadowValues as re, checkName as s, colorValues as c, createTemplate as l, cssTokenBreakpoints as u, fontsizeValues as d, fontweightValues as f, gapValues as ie, gradientValues as p, headingValues as m, iconSizeValuesKC as ae, log as h, noBorderRadiusValues as oe, paddingValues as g, propertyToAttributeSetter as _, renderTemplate as v, textalignValues as y, transferAccessibilityAttributes as b } from "@proximus/lavender-common";
2
2
  import "@proximus/lavender-layout";
3
3
  //#region ../../components/Button/src/button.css?inline
4
- var y = ".btn,.btn *{box-sizing:border-box}.btn{width:var(--button-extended--mobile,var(--button-extended,auto));vertical-align:middle;font-family:var(--px-font-family);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-title);text-align:center;justify-content:center;align-items:center;gap:var(--px-spacing-2xs-mobile);cursor:pointer;--btn-transition:all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-size-border-m) solid transparent;text-decoration:none;display:inline-flex}.btn ::slotted(px-icon){flex-shrink:0;line-height:0}.btn:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-state-hover-default)}.btn:focus-visible:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}.btn:active:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-state-active-default);color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default);transform:scale(.95)}.btn[disabled],.btn[aria-disabled=true]{cursor:default;pointer-events:none}.btn.loading{cursor:inherit}.btn.loading ::slotted(px-spinner){line-height:0}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-container-primary-default);min-height:var(--px-spacing-l-mobile);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=after]){margin-right:calc(var(--px-padding-xs-mobile) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=before]){margin-left:calc(var(--px-padding-xs-mobile) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[disabled],.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[aria-disabled=true]{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown).loading{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-brand-default);border-color:#0000}.btn.secondary{color:var(--px-color-text-brand-default);background:var(--px-color-background-container-secondary-default);min-height:var(--px-spacing-l-mobile);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile);border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn.secondary:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default)}.btn.secondary[disabled],.btn.secondary[aria-disabled=true]{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}.btn.secondary.loading{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-brand-default);border-color:#0000}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn.tertiary{color:var(--px-color-text-brand-default);border-radius:var(--px-radius-pill);border:var(--px-size-border-m) solid transparent;padding:var(--px-padding-2xs-mobile) 0;gap:var(--px-spacing-xs-mobile);text-align:left;background:0 0}.btn.tertiary ::slotted(px-icon){width:var(--px-size-m);height:var(--px-size-m);border-radius:var(--px-radius-pill);background:var(--px-color-background-container-secondary-default);transition:var(--btn-transition);justify-content:center;align-items:center;display:flex}:is(.btn.tertiary:hover,.btn.tertiary:active):not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-mobile) var(--px-padding-s-mobile)}:is(.btn.tertiary:hover,.btn.tertiary:active):not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){background:0 0;margin:0 -8px}:is(.btn.tertiary:hover,.btn.tertiary:active):not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=after]{padding:0 0 0 var(--px-padding-2xs-mobile)}:is(.btn.tertiary:hover,.btn.tertiary:active):not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=before]{padding:0 var(--px-padding-2xs-mobile) 0 0}.btn.tertiary[disabled],.btn.tertiary[aria-disabled=true]{color:var(--px-color-text-state-disabled-default)}:is(.btn.tertiary[disabled],.btn.tertiary[aria-disabled=true]) ::slotted(px-icon){background:var(--px-color-background-state-disabled-default)}.btn.tertiary.loading{color:var(--px-color-text-brand-default);border-color:#0000}.btn.tertiary.loading ::slotted(px-spinner){width:var(--px-size-m);height:var(--px-size-m);border-radius:var(--px-radius-pill);background:var(--px-color-background-state-disabled-default);justify-content:center;align-items:center;display:flex}.btn.patch{display:inline-flex}.btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default)}.btn.patch[disabled],.btn.patch[aria-disabled=true]{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}.btn.actionable-tag{background:var(--px-color-background-container-primary-default);color:var(--px-color-text-neutral-inverted)}.btn.actionable-tag-secondary{background:var(--px-color-background-container-secondary-default);color:var(--px-color-text-brand-default)}.btn.actionable-tag,.btn.actionable-tag-secondary{padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);gap:var(--px-spacing-2xs-mobile);border-radius:var(--px-radius-pill);border:solid var(--px-size-border-m) transparent;font-weight:var(--px-font-weight-body)}:host([size=s]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);gap:var(--px-spacing-2xs-mobile)}:host([size=m]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-xs-mobile) var(--px-padding-s-mobile);gap:var(--px-spacing-xs-mobile)}:is(.btn.actionable-tag,.btn.actionable-tag-secondary):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default);border-color:var(--px-color-border-state-hover-default)}:is(.btn.actionable-tag,.btn.actionable-tag-secondary):active:not([disabled],[aria-disabled=true],.loading){background:var(--px-color-background-state-active-default);color:var(--px-color-text-state-active-inverted)}:is(.btn.actionable-tag,.btn.actionable-tag-secondary)[disabled],:is(.btn.actionable-tag,.btn.actionable-tag-secondary)[aria-disabled=true]{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}.btn.header-dropdown,.btn.header-minimal-dropdown{touch-action:manipulation;align-items:center;display:flex}:is(.btn.header-dropdown,.btn.header-minimal-dropdown):after{content:\"\";width:var(--px-size-icon-xs);height:var(--px-size-icon-xs);color:var(--px-color-icon-brand-default);--btn-transition:all .2s ease-in-out 0s;transition:var(--btn-transition);background-color:currentColor;display:inline-block;-webkit-mask-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.38 5.90237C12.125 5.65131 11.7115 5.65131 11.4564 5.90237L7.99986 9.30494L4.54328 5.90237C4.28824 5.65131 3.87474 5.65131 3.61971 5.90237C3.36467 6.15342 3.36467 6.56045 3.61971 6.8115L7.53808 10.6686C7.79311 10.9197 8.20661 10.9197 8.46164 10.6686L12.38 6.8115C12.635 6.56045 12.635 6.15342 12.38 5.90237Z' fill='%235C2D91'/%3E%3C/svg%3E\");mask-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.38 5.90237C12.125 5.65131 11.7115 5.65131 11.4564 5.90237L7.99986 9.30494L4.54328 5.90237C4.28824 5.65131 3.87474 5.65131 3.61971 5.90237C3.36467 6.15342 3.36467 6.56045 3.61971 6.8115L7.53808 10.6686C7.79311 10.9197 8.20661 10.9197 8.46164 10.6686L12.38 6.8115C12.635 6.56045 12.635 6.15342 12.38 5.90237Z' fill='%235C2D91'/%3E%3C/svg%3E\");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:is(.btn.header-dropdown,.btn.header-minimal-dropdown)[aria-expanded=true]:after{transform:rotate(180deg)}.btn.header-dropdown{justify-content:space-between;gap:var(--px-spacing-s-mobile);width:100%;color:var(--px-color-text-neutral-default);font-weight:var(--px-font-weight-body);font-size:var(--px-text-size-label-l-mobile);border:var(--px-size-border-m) solid var(--px-color-border-neutral-default);padding:var(--px-padding-xs-mobile) var(--px-padding-s-mobile);border-radius:var(--px-radius-main);background-color:var(--px-color-background-container-default-default)}.btn.header-minimal-dropdown{justify-content:flex-start;gap:var(--px-spacing-xs-mobile);color:var(--px-color-text-brand-default);font-weight:var(--px-font-weight-title);font-size:var(--px-text-size-label-m-mobile);background:0 0;border:none;border-radius:0;padding:0}button.link{cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}button.link[disabled],button.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-text-state-disabled-default)}button.wrapper{all:unset;cursor:pointer}button.wrapper:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}button.wrapper[disabled],button.wrapper[aria-disabled=true]{cursor:default;pointer-events:none}:host([inverted]) .btn:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-state-hover-inverted)}:host([inverted]) .btn:focus-visible:not([disabled],[aria-disabled=true]){outline-color:var(--px-color-border-focus-outline-inverted)}:host([inverted]) .btn:active:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-state-active-inverted);color:var(--px-color-text-brand-inverted);background:var(--px-color-background-state-hover-bordered-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){color:var(--px-color-text-brand-default);background:var(--px-color-background-container-primary-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-state-hover-bordered-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[disabled],:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[aria-disabled=true]{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown).loading{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-brand-inverted);border-color:#0000}:host([inverted]) .btn.secondary{color:var(--px-color-text-brand-inverted);background:var(--px-color-background-container-secondary-inverted)}:host([inverted]) .btn.secondary:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-container-default-inverted)}:host([inverted]) .btn.secondary[disabled],:host([inverted]) .btn.secondary[aria-disabled=true]{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) .btn.secondary.loading{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-brand-inverted);border-color:#0000}:host([inverted]) .btn.tertiary{color:var(--px-color-text-brand-inverted)}:host([inverted]) .btn.tertiary ::slotted(px-icon){background:var(--px-color-background-container-secondary-inverted)}:is(:host([inverted]) .btn.tertiary:hover,:host([inverted]) .btn.tertiary:active):not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){background:0 0}:host([inverted]) .btn.tertiary[disabled],:host([inverted]) .btn.tertiary[aria-disabled=true]{color:var(--px-color-text-state-disabled-inverted)}:is(:host([inverted]) .btn.tertiary[disabled],:host([inverted]) .btn.tertiary[aria-disabled=true]) ::slotted(px-icon){background:var(--px-color-background-state-disabled-inverted)}:host([inverted]) .btn.tertiary.loading{color:var(--px-color-text-brand-inverted)}:host([inverted]) .btn.tertiary.loading ::slotted(px-spinner){background:var(--px-color-background-state-disabled-inverted)}:host([inverted]) .btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-state-hover-bordered-inverted)}:host([inverted]) .btn.patch[disabled],:host([inverted]) .btn.patch[aria-disabled=true]{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) .btn.actionable-tag{background:var(--px-color-background-container-primary-inverted);color:var(--px-color-text-brand-default)}:host([inverted]) .btn.actionable-tag-secondary{background:var(--px-color-background-container-secondary-inverted);color:var(--px-color-text-neutral-inverted)}:is(:host([inverted]) .btn.actionable-tag,:host([inverted]) .btn.actionable-tag-secondary):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-state-hover-bordered-inverted);border-color:var(--px-color-border-state-hover-inverted)}:is(:host([inverted]) .btn.actionable-tag,:host([inverted]) .btn.actionable-tag-secondary):active:not([disabled],[aria-disabled=true],.loading){background:var(--px-color-background-state-active-inverted);color:var(--px-color-text-state-active-default)}:is(:host([inverted]) .btn.actionable-tag,:host([inverted]) .btn.actionable-tag-secondary)[disabled],:is(:host([inverted]) .btn.actionable-tag,:host([inverted]) .btn.actionable-tag-secondary)[aria-disabled=true]{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) button.link[disabled],:host([inverted]) button.link[aria-disabled=true]{color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) button.wrapper:focus-visible{outline-color:var(--px-color-border-focus-outline-inverted)}:host([inverted]) .btn.header-minimal-dropdown{color:var(--px-color-text-brand-inverted)}:host([inverted]) .btn.header-minimal-dropdown:after{color:var(--px-color-icon-brand-inverted)}@media screen and (width<=47.938rem){.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--mobile=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--mobile=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--mobile=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--mobile=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}}@media screen and (width>=48rem) and (width<=64rem){.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--tablet=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--tablet=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--tablet=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--tablet=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}}@media screen and (width>=48rem){button.wrapper:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline:var(--px-focus-outline-tablet) solid var(--px-color-border-focus-outline-default)}.btn{width:var(--button-extended--tablet,var(--button-extended,auto));font-size:var(--px-text-size-label-m-tablet);gap:var(--px-spacing-2xs-tablet)}.btn:focus-visible:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}.btn.actionable-tag,.btn.actionable-tag-secondary{padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-tablet);gap:var(--px-spacing-2xs-tablet)}:host([size=s]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-tablet);gap:var(--px-spacing-2xs-tablet)}:host([size=m]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-xs-tablet) var(--px-padding-s-tablet);gap:var(--px-spacing-xs-tablet)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=after]){margin-right:calc(var(--px-padding-xs-tablet) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=before]){margin-left:calc(var(--px-padding-xs-tablet) * -1)}.btn.secondary{padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}.btn.tertiary{padding:var(--px-padding-2xs-tablet) 0;gap:var(--px-spacing-xs-tablet)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-tablet) var(--px-padding-s-tablet)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=after]{padding:0 0 0 var(--px-padding-2xs-tablet)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=before]{padding:0 var(--px-padding-2xs-tablet) 0 0}.btn.header-dropdown,.btn.header-minimal-dropdown{gap:var(--px-spacing-xs-tablet);font-size:var(--px-text-size-label-m-tablet)}.btn.header-dropdown{padding:var(--px-padding-xs-tablet) var(--px-padding-s-tablet)}}@media screen and (width>=64.0625rem) and (width<=90rem){.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--laptop=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--laptop=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--laptop=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--laptop=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}}@media screen and (width>=64.0625rem){button.wrapper:focus-visible{outline-offset:var(--px-focus-offset-laptop);outline:var(--px-focus-outline-laptop) solid var(--px-color-border-focus-outline-default)}.btn{width:var(--button-extended--laptop,var(--button-extended,auto));font-size:var(--px-text-size-label-m-laptop);gap:var(--px-spacing-2xs-laptop)}.btn:focus-visble:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}.btn.actionable-tag,.btn.actionable-tag-secondary{padding:var(--px-padding-2xs-laptop) var(--px-padding-xs-laptop);gap:var(--px-spacing-2xs-laptop)}:host([size=s]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-2xs-laptop) var(--px-padding-xs-laptop);gap:var(--px-spacing-2xs-laptop)}:host([size=m]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-xs-laptop) var(--px-padding-s-laptop);gap:var(--px-spacing-xs-laptop)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){padding:var(--px-padding-xs-laptop) var(--px-padding-m-laptop)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=after]){margin-right:calc(var(--px-padding-xs-laptop) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=before]){margin-left:calc(var(--px-padding-xs-laptop) * -1)}.btn.secondary{padding:var(--px-padding-xs-laptop) var(--px-padding-m-laptop)}.btn.tertiary{padding:var(--px-padding-2xs-laptop) 0;gap:var(--px-spacing-xs-laptop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-laptop) var(--px-padding-s-laptop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=after]{padding:0 0 0 var(--px-padding-2xs-laptop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=before]{padding:0 var(--px-padding-2xs-laptop) 0 0}.btn.header-dropdown,.btn.header-minimal-dropdown{gap:var(--px-spacing-xs-laptop);font-size:var(--px-text-size-label-m-laptop)}.btn.header-dropdown{width:inherit;color:var(--px-color-text-brand-default);font-weight:var(--px-font-weight-title);background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;padding:0}}@media screen and (width>=90.0625rem){button.wrapper:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline:var(--px-focus-outline-desktop) solid var(--px-color-border-focus-outline-default)}.btn{width:var(--button-extended--desktop,var(--button-extended,auto));font-size:var(--px-text-size-label-m-desktop);gap:var(--px-spacing-2xs-desktop)}.btn:focus-visible:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}.btn.actionable-tag,.btn.actionable-tag-secondary{padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-desktop);gap:var(--px-spacing-2xs-desktop)}:host([size=s]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-desktop);gap:var(--px-spacing-2xs-desktop)}:host([size=m]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-xs-desktop) var(--px-padding-s-desktop);gap:var(--px-spacing-xs-desktop)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--desktop=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--desktop=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--desktop=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--desktop=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){padding:var(--px-padding-xs-desktop) var(--px-padding-m-desktop)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=after]){margin-right:calc(var(--px-padding-xs-desktop) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=before]){margin-left:calc(var(--px-padding-xs-desktop) * -1)}.btn.secondary{padding:var(--px-padding-xs-desktop) var(--px-padding-m-desktop)}.btn.tertiary{padding:var(--px-padding-2xs-desktop) 0;gap:var(--px-spacing-xs-desktop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-desktop) var(--px-padding-s-desktop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=after]{padding:0 0 0 var(--px-padding-2xs-desktop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=before]{padding:0 var(--px-padding-2xs-desktop) 0 0}.btn.header-dropdown,.btn.header-minimal-dropdown{gap:var(--px-spacing-xs-desktop);font-size:var(--px-text-size-label-m-desktop)}.btn.header-dropdown{padding:0}}@keyframes anim-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}", b = ":host([variant=icon-link]){display:inline-flex}a,.link,::slotted(a){font-family:var(--px-font-family);font-size:var(--px-text-size-link-m-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-body);color:var(--px-color-text-neutral-default);align-items:center;display:inline}:is(a,.link,::slotted(a)):hover{color:var(--px-color-text-state-hover-default)}:is(a,.link,::slotted(a)):focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}:is(a,.link,::slotted(a))[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-text-state-disabled-default)}:is(a,.link,::slotted(a)) ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-mobile)}:is(a,.link,::slotted(a)) ::slotted(span[slot=after]),:is(a,.link,::slotted(a)) ::slotted(span[slot=before]){display:inline-block}::slotted(a:hover){color:var(--px-color-text-state-hover-default)}a.no-style,a.wrapper{text-decoration:none}:is(a.no-style,a.wrapper):hover,:is(a.no-style,a.wrapper):focus-visible{color:inherit}a.wrapper{line-height:0;display:block}a.wrapper:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}a.skip-link{background-color:var(--px-color-background-container-default-default);padding:var(--px-padding-xs-mobile);position:absolute;top:auto;left:-10000px;overflow:hidden}a.skip-link:focus-visible{z-index:999;left:auto}:host([target=_blank]) ::slotted(px-icon){vertical-align:middle}.icon-link{color:var(--px-color-icon-brand-default);line-height:1;display:inline-flex}:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a){color:var(--px-color-text-neutral-inverted)}:is(:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a)):hover{color:var(--px-color-text-state-hover-inverted)}:is(:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a)):focus-visible{outline-color:var(--px-color-border-focus-outline-inverted)}:is(:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a))[aria-disabled=true]{color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) ::slotted(a:hover){color:var(--px-color-text-state-hover-inverted)}:host([inverted]) a.skip-link{background-color:var(--px-color-background-container-default-inverted)}:host([inverted]) .icon-link{color:var(--px-color-icon-brand-inverted)}@media screen and (width>=48rem){a.wrapper:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline:var(--px-focus-outline-tablet) solid var(--px-color-border-focus-outline-default)}a,.link,::slotted(a){font-size:var(--px-text-size-link-m-tablet)}:is(a,.link,::slotted(a)):focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}:is(a,.link,::slotted(a)) ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-tablet)}a.skip-link{padding:var(--px-padding-xs-tablet)}}@media screen and (width>=64.0625rem){a.wrapper:focus-visible{outline-offset:var(--px-focus-offset-laptop);outline:var(--px-focus-outline-laptop) solid var(--px-color-border-focus-outline-default)}a,.link,::slotted(a){font-size:var(--px-text-size-link-m-laptop)}:is(a,.link,::slotted(a)):focus-visible{outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}:is(a,.link,::slotted(a)) ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-laptop)}a.skip-link{padding:var(--px-padding-xs-laptop)}}@media screen and (width>=90.0625rem){a.wrapper:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline:var(--px-focus-outline-desktop) solid var(--px-color-border-focus-outline-default)}a,.link,::slotted(a){font-size:var(--px-text-size-link-m-desktop)}:is(a,.link,::slotted(a)):focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}:is(a,.link,::slotted(a)) ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-desktop)}a.skip-link{padding:var(--px-padding-xs-desktop)}}", se = ".patch,.patch *{box-sizing:border-box}.patch{padding:var(--px-padding-3xs-mobile) var(--px-padding-s-mobile);border:var(--px-size-border-m) solid transparent;border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small);font-family:var(--px-font-family);font-weight:var(--px-font-weight-title);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-ratio-l);background-color:var(--px-color-background-purpose-promo-default);color:var(--px-color-text-neutral-inverted);align-items:center;display:inline-flex}[shape=bottom-right]{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small) var(--px-radius-patch-big)}[shape=bottom-left],[shape=default]{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small)}.info{background-color:var(--px-color-background-purpose-info-default);color:var(--px-color-text-neutral-default)}.black-friday{background-color:var(--px-color-background-surface-dark);color:var(--px-color-text-neutral-inverted)}.eco{background-color:var(--px-color-background-purpose-success-default);color:var(--px-color-text-neutral-inverted)}.greyed{background-color:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}:host([inverted]) .patch{background-color:var(--px-color-background-purpose-promo-inverted);color:var(--px-color-text-neutral-inverted)}:host([inverted]) .info{background-color:var(--px-color-background-purpose-info-inverted);color:var(--px-color-text-neutral-default)}:host([inverted]) .black-friday{background-color:var(--px-color-background-container-light-default);color:var(--px-color-text-neutral-default)}:host([inverted]) .eco{background-color:var(--px-color-background-purpose-success-inverted);color:var(--px-color-text-neutral-default)}:host([inverted]) .greyed{background-color:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}@media screen and (width>=48rem){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}@media screen and (width>=64.0625rem){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}@media screen and (width>=90.0625rem){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}", ce = ":host:has(.tag){display:inline-block}.tag,.tag *{box-sizing:border-box}.tag{vertical-align:middle;font-family:var(--px-font-family);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-body);justify-content:center;align-items:center;gap:var(--px-spacing-2xs-mobile);background-color:var(--px-color-background-container-default-default);color:var(--px-color-text-neutral-default);padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);border:var(--px-size-border-s) solid transparent;border-radius:var(--px-radius-main);display:inline-flex}:host([disabled]:not([dismissible])) .tag{background-color:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}:host([size=s]) .tag{padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);gap:var(--px-spacing-2xs-mobile)}:host([size=m]) .tag{padding:var(--px-padding-xs-mobile) var(--px-padding-s-mobile);gap:var(--px-spacing-xs-mobile)}:host([state=success]) .tag{background-color:var(--px-color-background-purpose-success-default);color:var(--px-color-text-neutral-inverted)}:host([state=warning]) .tag{background-color:var(--px-color-background-purpose-warning-default);color:var(--px-color-text-neutral-inverted)}:host([state=error]) .tag{background-color:var(--px-color-background-purpose-error-default);color:var(--px-color-text-neutral-inverted)}:host([inverted]) .tag{background-color:var(--px-color-background-container-default-inverted);color:var(--px-color-text-neutral-inverted)}:host([inverted]):host([disabled]:not([dismissible])) .tag{background-color:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]):host([state=success]) .tag{background-color:var(--px-color-background-purpose-success-inverted);color:var(--px-color-text-neutral-default)}:host([inverted]):host([state=warning]) .tag{background-color:var(--px-color-background-purpose-warning-inverted);color:var(--px-color-text-neutral-default)}:host([inverted]):host([state=error]) .tag{background-color:var(--px-color-background-purpose-error-inverted);color:var(--px-color-text-neutral-default)}@media screen and (width>=48rem){.tag{font-size:var(--px-text-size-label-m-tablet);gap:var(--px-spacing-2xs-tablet);padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-tablet)}:host([size=s]) .tag{padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-tablet);gap:var(--px-spacing-2xs-tablet)}:host([size=m]) .tag{padding:var(--px-padding-xs-tablet) var(--px-padding-s-tablet);gap:var(--px-spacing-xs-tablet)}}@media screen and (width>=64.0625rem){.tag{font-size:var(--px-text-size-label-m-laptop);gap:var(--px-spacing-2xs-laptop);padding:var(--px-padding-2xs-laptop) var(--px-padding-xs-laptop)}:host([size=s]) .tag{padding:var(--px-padding-2xs-laptop) var(--px-padding-xs-laptop);gap:var(--px-spacing-2xs-laptop)}:host([size=m]) .tag{padding:var(--px-padding-xs-laptop) var(--px-padding-s-laptop);gap:var(--px-spacing-xs-laptop)}}@media screen and (width>=90.0625rem){.tag{font-size:var(--px-text-size-label-m-desktop);gap:var(--px-spacing-2xs-desktop);padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-desktop)}:host([size=s]) .tag{padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-desktop);gap:var(--px-spacing-2xs-desktop)}:host([size=m]) .tag{padding:var(--px-padding-xs-desktop) var(--px-padding-s-desktop);gap:var(--px-spacing-xs-desktop)}}", x = new CSSStyleSheet(), S = new CSSStyleSheet(), C = new CSSStyleSheet(), w = new CSSStyleSheet();
5
- x.replaceSync(y), S.replaceSync(b), C.replaceSync(se), w.replaceSync(ce);
6
- var T = [
4
+ var x = ".btn,.btn *{box-sizing:border-box}.btn{width:var(--button-extended--mobile,var(--button-extended,auto));vertical-align:middle;font-family:var(--px-font-family);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-title);text-align:center;justify-content:center;align-items:center;gap:var(--px-spacing-2xs-mobile);cursor:pointer;--btn-transition:all .2s ease-in-out 0s;transition:var(--btn-transition);border:var(--px-size-border-m) solid transparent;text-decoration:none;display:inline-flex}.btn ::slotted(px-icon){flex-shrink:0;line-height:0}.btn:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-state-hover-default)}.btn:focus-visible:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}.btn:active:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-state-active-default);color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default);transform:scale(.95)}.btn[disabled],.btn[aria-disabled=true]{cursor:default;pointer-events:none}.btn.loading{cursor:inherit}.btn.loading ::slotted(px-spinner){line-height:0}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-container-primary-default);min-height:var(--px-spacing-l-mobile);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=after]){margin-right:calc(var(--px-padding-xs-mobile) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=before]){margin-left:calc(var(--px-padding-xs-mobile) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[disabled],.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[aria-disabled=true]{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown).loading{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-brand-default);border-color:#0000}.btn.secondary{color:var(--px-color-text-brand-default);background:var(--px-color-background-container-secondary-default);min-height:var(--px-spacing-l-mobile);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile);border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn.secondary:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default)}.btn.secondary[disabled],.btn.secondary[aria-disabled=true]{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}.btn.secondary.loading{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-brand-default);border-color:#0000}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn.tertiary{color:var(--px-color-text-brand-default);border-radius:var(--px-radius-pill);border:var(--px-size-border-m) solid transparent;padding:var(--px-padding-2xs-mobile) 0;gap:var(--px-spacing-xs-mobile);text-align:left;background:0 0}.btn.tertiary ::slotted(px-icon){width:var(--px-size-m);height:var(--px-size-m);border-radius:var(--px-radius-pill);background:var(--px-color-background-container-secondary-default);transition:var(--btn-transition);justify-content:center;align-items:center;display:flex}:is(.btn.tertiary:hover,.btn.tertiary:active):not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-mobile) var(--px-padding-s-mobile)}:is(.btn.tertiary:hover,.btn.tertiary:active):not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){background:0 0;margin:0 -8px}:is(.btn.tertiary:hover,.btn.tertiary:active):not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=after]{padding:0 0 0 var(--px-padding-2xs-mobile)}:is(.btn.tertiary:hover,.btn.tertiary:active):not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=before]{padding:0 var(--px-padding-2xs-mobile) 0 0}.btn.tertiary[disabled],.btn.tertiary[aria-disabled=true]{color:var(--px-color-text-state-disabled-default)}:is(.btn.tertiary[disabled],.btn.tertiary[aria-disabled=true]) ::slotted(px-icon){background:var(--px-color-background-state-disabled-default)}.btn.tertiary.loading{color:var(--px-color-text-brand-default);border-color:#0000}.btn.tertiary.loading ::slotted(px-spinner){width:var(--px-size-m);height:var(--px-size-m);border-radius:var(--px-radius-pill);background:var(--px-color-background-state-disabled-default);justify-content:center;align-items:center;display:flex}.btn.patch{display:inline-flex}.btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default)}.btn.patch[disabled],.btn.patch[aria-disabled=true]{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}.btn.actionable-tag{background:var(--px-color-background-container-primary-default);color:var(--px-color-text-neutral-inverted)}.btn.actionable-tag-secondary{background:var(--px-color-background-container-secondary-default);color:var(--px-color-text-brand-default)}.btn.actionable-tag,.btn.actionable-tag-secondary{padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);gap:var(--px-spacing-2xs-mobile);border-radius:var(--px-radius-pill);border:solid var(--px-size-border-m) transparent;font-weight:var(--px-font-weight-body)}:host([size=s]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);gap:var(--px-spacing-2xs-mobile)}:host([size=m]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-xs-mobile) var(--px-padding-s-mobile);gap:var(--px-spacing-xs-mobile)}:is(.btn.actionable-tag,.btn.actionable-tag-secondary):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-default);background:var(--px-color-background-state-hover-bordered-default);border-color:var(--px-color-border-state-hover-default)}:is(.btn.actionable-tag,.btn.actionable-tag-secondary):active:not([disabled],[aria-disabled=true],.loading){background:var(--px-color-background-state-active-default);color:var(--px-color-text-state-active-inverted)}:is(.btn.actionable-tag,.btn.actionable-tag-secondary)[disabled],:is(.btn.actionable-tag,.btn.actionable-tag-secondary)[aria-disabled=true]{background:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}.btn.header-dropdown,.btn.header-minimal-dropdown{touch-action:manipulation;align-items:center;display:flex}:is(.btn.header-dropdown,.btn.header-minimal-dropdown):after{content:\"\";width:var(--px-size-icon-xs);height:var(--px-size-icon-xs);color:var(--px-color-icon-brand-default);--btn-transition:all .2s ease-in-out 0s;transition:var(--btn-transition);background-color:currentColor;display:inline-block;-webkit-mask-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.38 5.90237C12.125 5.65131 11.7115 5.65131 11.4564 5.90237L7.99986 9.30494L4.54328 5.90237C4.28824 5.65131 3.87474 5.65131 3.61971 5.90237C3.36467 6.15342 3.36467 6.56045 3.61971 6.8115L7.53808 10.6686C7.79311 10.9197 8.20661 10.9197 8.46164 10.6686L12.38 6.8115C12.635 6.56045 12.635 6.15342 12.38 5.90237Z' fill='%235C2D91'/%3E%3C/svg%3E\");mask-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.38 5.90237C12.125 5.65131 11.7115 5.65131 11.4564 5.90237L7.99986 9.30494L4.54328 5.90237C4.28824 5.65131 3.87474 5.65131 3.61971 5.90237C3.36467 6.15342 3.36467 6.56045 3.61971 6.8115L7.53808 10.6686C7.79311 10.9197 8.20661 10.9197 8.46164 10.6686L12.38 6.8115C12.635 6.56045 12.635 6.15342 12.38 5.90237Z' fill='%235C2D91'/%3E%3C/svg%3E\");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:is(.btn.header-dropdown,.btn.header-minimal-dropdown)[aria-expanded=true]:after{transform:rotate(180deg)}.btn.header-dropdown{justify-content:space-between;gap:var(--px-spacing-s-mobile);width:100%;color:var(--px-color-text-neutral-default);font-weight:var(--px-font-weight-body);font-size:var(--px-text-size-label-l-mobile);border:var(--px-size-border-m) solid var(--px-color-border-neutral-default);padding:var(--px-padding-xs-mobile) var(--px-padding-s-mobile);border-radius:var(--px-radius-main);background-color:var(--px-color-background-container-default-default)}.btn.header-minimal-dropdown{justify-content:flex-start;gap:var(--px-spacing-xs-mobile);color:var(--px-color-text-brand-default);font-weight:var(--px-font-weight-title);font-size:var(--px-text-size-label-m-mobile);background:0 0;border:none;border-radius:0;padding:0}button.link{cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}button.link[disabled],button.link[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-text-state-disabled-default)}button.wrapper{all:unset;cursor:pointer}button.wrapper:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}button.wrapper[disabled],button.wrapper[aria-disabled=true]{cursor:default;pointer-events:none}:host([inverted]) .btn:hover:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-state-hover-inverted)}:host([inverted]) .btn:focus-visible:not([disabled],[aria-disabled=true]){outline-color:var(--px-color-border-focus-outline-inverted)}:host([inverted]) .btn:active:not([disabled],[aria-disabled=true],.loading){border-color:var(--px-color-border-state-active-inverted);color:var(--px-color-text-brand-inverted);background:var(--px-color-background-state-hover-bordered-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){color:var(--px-color-text-brand-default);background:var(--px-color-background-container-primary-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-state-hover-bordered-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[disabled],:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[aria-disabled=true]{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) .btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown).loading{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-brand-inverted);border-color:#0000}:host([inverted]) .btn.secondary{color:var(--px-color-text-brand-inverted);background:var(--px-color-background-container-secondary-inverted)}:host([inverted]) .btn.secondary:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-container-default-inverted)}:host([inverted]) .btn.secondary[disabled],:host([inverted]) .btn.secondary[aria-disabled=true]{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) .btn.secondary.loading{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-brand-inverted);border-color:#0000}:host([inverted]) .btn.tertiary{color:var(--px-color-text-brand-inverted)}:host([inverted]) .btn.tertiary ::slotted(px-icon){background:var(--px-color-background-container-secondary-inverted)}:is(:host([inverted]) .btn.tertiary:hover,:host([inverted]) .btn.tertiary:active):not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon){background:0 0}:host([inverted]) .btn.tertiary[disabled],:host([inverted]) .btn.tertiary[aria-disabled=true]{color:var(--px-color-text-state-disabled-inverted)}:is(:host([inverted]) .btn.tertiary[disabled],:host([inverted]) .btn.tertiary[aria-disabled=true]) ::slotted(px-icon){background:var(--px-color-background-state-disabled-inverted)}:host([inverted]) .btn.tertiary.loading{color:var(--px-color-text-brand-inverted)}:host([inverted]) .btn.tertiary.loading ::slotted(px-spinner){background:var(--px-color-background-state-disabled-inverted)}:host([inverted]) .btn.patch:hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-state-hover-bordered-inverted)}:host([inverted]) .btn.patch[disabled],:host([inverted]) .btn.patch[aria-disabled=true]{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) .btn.actionable-tag{background:var(--px-color-background-container-primary-inverted);color:var(--px-color-text-brand-default)}:host([inverted]) .btn.actionable-tag-secondary{background:var(--px-color-background-container-secondary-inverted);color:var(--px-color-text-neutral-inverted)}:is(:host([inverted]) .btn.actionable-tag,:host([inverted]) .btn.actionable-tag-secondary):hover:not([disabled],[aria-disabled=true],.loading){color:var(--px-color-text-brand-inverted);background:var(--px-color-background-state-hover-bordered-inverted);border-color:var(--px-color-border-state-hover-inverted)}:is(:host([inverted]) .btn.actionable-tag,:host([inverted]) .btn.actionable-tag-secondary):active:not([disabled],[aria-disabled=true],.loading){background:var(--px-color-background-state-active-inverted);color:var(--px-color-text-state-active-default)}:is(:host([inverted]) .btn.actionable-tag,:host([inverted]) .btn.actionable-tag-secondary)[disabled],:is(:host([inverted]) .btn.actionable-tag,:host([inverted]) .btn.actionable-tag-secondary)[aria-disabled=true]{background:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) button.link[disabled],:host([inverted]) button.link[aria-disabled=true]{color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) button.wrapper:focus-visible{outline-color:var(--px-color-border-focus-outline-inverted)}:host([inverted]) .btn.header-minimal-dropdown{color:var(--px-color-text-brand-inverted)}:host([inverted]) .btn.header-minimal-dropdown:after{color:var(--px-color-icon-brand-inverted)}@media screen and (width<=47.938rem){.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--mobile=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--mobile=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--mobile=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--mobile=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}}@media screen and (width>=48rem) and (width<=64rem){.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--tablet=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--tablet=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--tablet=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--tablet=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}}@media screen and (width>=48rem){button.wrapper:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline:var(--px-focus-outline-tablet) solid var(--px-color-border-focus-outline-default)}.btn{width:var(--button-extended--tablet,var(--button-extended,auto));font-size:var(--px-text-size-label-m-tablet);gap:var(--px-spacing-2xs-tablet)}.btn:focus-visible:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}.btn.actionable-tag,.btn.actionable-tag-secondary{padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-tablet);gap:var(--px-spacing-2xs-tablet)}:host([size=s]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-tablet);gap:var(--px-spacing-2xs-tablet)}:host([size=m]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-xs-tablet) var(--px-padding-s-tablet);gap:var(--px-spacing-xs-tablet)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=after]){margin-right:calc(var(--px-padding-xs-tablet) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=before]){margin-left:calc(var(--px-padding-xs-tablet) * -1)}.btn.secondary{padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}.btn.tertiary{padding:var(--px-padding-2xs-tablet) 0;gap:var(--px-spacing-xs-tablet)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-tablet) var(--px-padding-s-tablet)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=after]{padding:0 0 0 var(--px-padding-2xs-tablet)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=before]{padding:0 var(--px-padding-2xs-tablet) 0 0}.btn.header-dropdown,.btn.header-minimal-dropdown{gap:var(--px-spacing-xs-tablet);font-size:var(--px-text-size-label-m-tablet)}.btn.header-dropdown{padding:var(--px-padding-xs-tablet) var(--px-padding-s-tablet)}}@media screen and (width>=64.0625rem) and (width<=90rem){.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--laptop=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--laptop=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--laptop=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--laptop=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}}@media screen and (width>=64.0625rem){button.wrapper:focus-visible{outline-offset:var(--px-focus-offset-laptop);outline:var(--px-focus-outline-laptop) solid var(--px-color-border-focus-outline-default)}.btn{width:var(--button-extended--laptop,var(--button-extended,auto));font-size:var(--px-text-size-label-m-laptop);gap:var(--px-spacing-2xs-laptop)}.btn:focus-visble:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}.btn.actionable-tag,.btn.actionable-tag-secondary{padding:var(--px-padding-2xs-laptop) var(--px-padding-xs-laptop);gap:var(--px-spacing-2xs-laptop)}:host([size=s]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-2xs-laptop) var(--px-padding-xs-laptop);gap:var(--px-spacing-2xs-laptop)}:host([size=m]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-xs-laptop) var(--px-padding-s-laptop);gap:var(--px-spacing-xs-laptop)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){padding:var(--px-padding-xs-laptop) var(--px-padding-m-laptop)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=after]){margin-right:calc(var(--px-padding-xs-laptop) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=before]){margin-left:calc(var(--px-padding-xs-laptop) * -1)}.btn.secondary{padding:var(--px-padding-xs-laptop) var(--px-padding-m-laptop)}.btn.tertiary{padding:var(--px-padding-2xs-laptop) 0;gap:var(--px-spacing-xs-laptop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-laptop) var(--px-padding-s-laptop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=after]{padding:0 0 0 var(--px-padding-2xs-laptop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=before]{padding:0 var(--px-padding-2xs-laptop) 0 0}.btn.header-dropdown,.btn.header-minimal-dropdown{gap:var(--px-spacing-xs-laptop);font-size:var(--px-text-size-label-m-laptop)}.btn.header-dropdown{width:inherit;color:var(--px-color-text-brand-default);font-weight:var(--px-font-weight-title);background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;padding:0}}@media screen and (width>=90.0625rem){button.wrapper:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline:var(--px-focus-outline-desktop) solid var(--px-color-border-focus-outline-default)}.btn{width:var(--button-extended--desktop,var(--button-extended,auto));font-size:var(--px-text-size-label-m-desktop);gap:var(--px-spacing-2xs-desktop)}.btn:focus-visible:not([disabled],[aria-disabled=true]){outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}.btn.actionable-tag,.btn.actionable-tag-secondary{padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-desktop);gap:var(--px-spacing-2xs-desktop)}:host([size=s]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-desktop);gap:var(--px-spacing-2xs-desktop)}:host([size=m]) :is(.btn.actionable-tag,.btn.actionable-tag-secondary){padding:var(--px-padding-xs-desktop) var(--px-padding-s-desktop);gap:var(--px-spacing-xs-desktop)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--desktop=alternative]{border-radius:var(--px-radius-button-small)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--desktop=bottom-left]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big)}.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--desktop=bottom-right],.btn:not(.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown)[shape--desktop=default]{border-radius:var(--px-radius-button-small) var(--px-radius-button-small) var(--px-radius-button-big) var(--px-radius-button-small)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown){padding:var(--px-padding-xs-desktop) var(--px-padding-m-desktop)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=after]){margin-right:calc(var(--px-padding-xs-desktop) * -1)}.btn:not(.secondary,.tertiary,.patch,.actionable-tag,.actionable-tag-secondary,.header-dropdown,.header-minimal-dropdown) ::slotted([slot=before]){margin-left:calc(var(--px-padding-xs-desktop) * -1)}.btn.secondary{padding:var(--px-padding-xs-desktop) var(--px-padding-m-desktop)}.btn.tertiary{padding:var(--px-padding-2xs-desktop) 0;gap:var(--px-spacing-xs-desktop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading){padding:var(--px-padding-2xs-desktop) var(--px-padding-s-desktop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=after]{padding:0 0 0 var(--px-padding-2xs-desktop)}.btn.tertiary:hover:not([disabled],[aria-disabled=true],.loading) ::slotted(px-icon)[slot=before]{padding:0 var(--px-padding-2xs-desktop) 0 0}.btn.header-dropdown,.btn.header-minimal-dropdown{gap:var(--px-spacing-xs-desktop);font-size:var(--px-text-size-label-m-desktop)}.btn.header-dropdown{padding:0}}@keyframes anim-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}", S = ":host([variant=icon-link]){display:inline-flex}a,.link,::slotted(a){font-family:var(--px-font-family);font-size:var(--px-text-size-link-m-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-body);color:var(--px-color-text-neutral-default);align-items:center;display:inline}:is(a,.link,::slotted(a)):hover{color:var(--px-color-text-state-hover-default)}:is(a,.link,::slotted(a)):focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}:is(a,.link,::slotted(a))[aria-disabled=true]{cursor:default;pointer-events:none;color:var(--px-color-text-state-disabled-default)}:is(a,.link,::slotted(a)) ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-mobile)}:is(a,.link,::slotted(a)) ::slotted(span[slot=after]),:is(a,.link,::slotted(a)) ::slotted(span[slot=before]){display:inline-block}::slotted(a:hover){color:var(--px-color-text-state-hover-default)}a.no-style,a.wrapper{text-decoration:none}:is(a.no-style,a.wrapper):hover,:is(a.no-style,a.wrapper):focus-visible{color:inherit}a.wrapper{line-height:0;display:block}a.wrapper:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}a.skip-link{background-color:var(--px-color-background-container-default-default);padding:var(--px-padding-xs-mobile);position:absolute;top:auto;left:-10000px;overflow:hidden}a.skip-link:focus-visible{z-index:999;left:auto}:host([target=_blank]) ::slotted(px-icon){vertical-align:middle}.icon-link{color:var(--px-color-icon-brand-default);line-height:1;display:inline-flex}:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a){color:var(--px-color-text-neutral-inverted)}:is(:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a)):hover{color:var(--px-color-text-state-hover-inverted)}:is(:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a)):focus-visible{outline-color:var(--px-color-border-focus-outline-inverted)}:is(:host([inverted]) a,:host([inverted]) .link,:host([inverted]) ::slotted(a))[aria-disabled=true]{color:var(--px-color-text-state-disabled-inverted)}:host([inverted]) ::slotted(a:hover){color:var(--px-color-text-state-hover-inverted)}:host([inverted]) a.skip-link{background-color:var(--px-color-background-container-default-inverted)}:host([inverted]) .icon-link{color:var(--px-color-icon-brand-inverted)}@media screen and (width>=48rem){a.wrapper:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline:var(--px-focus-outline-tablet) solid var(--px-color-border-focus-outline-default)}a,.link,::slotted(a){font-size:var(--px-text-size-link-m-tablet)}:is(a,.link,::slotted(a)):focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}:is(a,.link,::slotted(a)) ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-tablet)}a.skip-link{padding:var(--px-padding-xs-tablet)}}@media screen and (width>=64.0625rem){a.wrapper:focus-visible{outline-offset:var(--px-focus-offset-laptop);outline:var(--px-focus-outline-laptop) solid var(--px-color-border-focus-outline-default)}a,.link,::slotted(a){font-size:var(--px-text-size-link-m-laptop)}:is(a,.link,::slotted(a)):focus-visible{outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}:is(a,.link,::slotted(a)) ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-laptop)}a.skip-link{padding:var(--px-padding-xs-laptop)}}@media screen and (width>=90.0625rem){a.wrapper:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline:var(--px-focus-outline-desktop) solid var(--px-color-border-focus-outline-default)}a,.link,::slotted(a){font-size:var(--px-text-size-link-m-desktop)}:is(a,.link,::slotted(a)):focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}:is(a,.link,::slotted(a)) ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-desktop)}a.skip-link{padding:var(--px-padding-xs-desktop)}}", se = ".patch,.patch *{box-sizing:border-box}.patch{padding:var(--px-padding-3xs-mobile) var(--px-padding-s-mobile);border:var(--px-size-border-m) solid transparent;border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small);font-family:var(--px-font-family);font-weight:var(--px-font-weight-title);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-ratio-l);background-color:var(--px-color-background-purpose-promo-default);color:var(--px-color-text-neutral-inverted);align-items:center;display:inline-flex}[shape=bottom-right]{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small) var(--px-radius-patch-big)}[shape=bottom-left],[shape=default]{border-radius:var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-big) var(--px-radius-patch-small)}.info{background-color:var(--px-color-background-purpose-info-default);color:var(--px-color-text-neutral-default)}.black-friday{background-color:var(--px-color-background-surface-dark);color:var(--px-color-text-neutral-inverted)}.eco{background-color:var(--px-color-background-purpose-success-default);color:var(--px-color-text-neutral-inverted)}.greyed{background-color:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}:host([inverted]) .patch{background-color:var(--px-color-background-purpose-promo-inverted);color:var(--px-color-text-neutral-inverted)}:host([inverted]) .info{background-color:var(--px-color-background-purpose-info-inverted);color:var(--px-color-text-neutral-default)}:host([inverted]) .black-friday{background-color:var(--px-color-background-container-light-default);color:var(--px-color-text-neutral-default)}:host([inverted]) .eco{background-color:var(--px-color-background-purpose-success-inverted);color:var(--px-color-text-neutral-default)}:host([inverted]) .greyed{background-color:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}@media screen and (width>=48rem){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}@media screen and (width>=64.0625rem){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}@media screen and (width>=90.0625rem){.patch{padding:0 var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}", ce = ":host:has(.tag){display:inline-block}.tag,.tag *{box-sizing:border-box}.tag{vertical-align:middle;font-family:var(--px-font-family);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-body);justify-content:center;align-items:center;gap:var(--px-spacing-2xs-mobile);background-color:var(--px-color-background-container-default-default);color:var(--px-color-text-neutral-default);padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);border:var(--px-size-border-s) solid transparent;border-radius:var(--px-radius-main);display:inline-flex}:host([disabled]:not([dismissible])) .tag{background-color:var(--px-color-background-state-disabled-default);color:var(--px-color-text-state-disabled-default)}:host([size=s]) .tag{padding:var(--px-padding-2xs-mobile) var(--px-padding-xs-mobile);gap:var(--px-spacing-2xs-mobile)}:host([size=m]) .tag{padding:var(--px-padding-xs-mobile) var(--px-padding-s-mobile);gap:var(--px-spacing-xs-mobile)}:host([state=success]) .tag{background-color:var(--px-color-background-purpose-success-default);color:var(--px-color-text-neutral-inverted)}:host([state=warning]) .tag{background-color:var(--px-color-background-purpose-warning-default);color:var(--px-color-text-neutral-inverted)}:host([state=error]) .tag{background-color:var(--px-color-background-purpose-error-default);color:var(--px-color-text-neutral-inverted)}:host([inverted]) .tag{background-color:var(--px-color-background-container-default-inverted);color:var(--px-color-text-neutral-inverted)}:host([inverted]):host([disabled]:not([dismissible])) .tag{background-color:var(--px-color-background-state-disabled-inverted);color:var(--px-color-text-state-disabled-inverted)}:host([inverted]):host([state=success]) .tag{background-color:var(--px-color-background-purpose-success-inverted);color:var(--px-color-text-neutral-default)}:host([inverted]):host([state=warning]) .tag{background-color:var(--px-color-background-purpose-warning-inverted);color:var(--px-color-text-neutral-default)}:host([inverted]):host([state=error]) .tag{background-color:var(--px-color-background-purpose-error-inverted);color:var(--px-color-text-neutral-default)}@media screen and (width>=48rem){.tag{font-size:var(--px-text-size-label-m-tablet);gap:var(--px-spacing-2xs-tablet);padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-tablet)}:host([size=s]) .tag{padding:var(--px-padding-2xs-tablet) var(--px-padding-xs-tablet);gap:var(--px-spacing-2xs-tablet)}:host([size=m]) .tag{padding:var(--px-padding-xs-tablet) var(--px-padding-s-tablet);gap:var(--px-spacing-xs-tablet)}}@media screen and (width>=64.0625rem){.tag{font-size:var(--px-text-size-label-m-laptop);gap:var(--px-spacing-2xs-laptop);padding:var(--px-padding-2xs-laptop) var(--px-padding-xs-laptop)}:host([size=s]) .tag{padding:var(--px-padding-2xs-laptop) var(--px-padding-xs-laptop);gap:var(--px-spacing-2xs-laptop)}:host([size=m]) .tag{padding:var(--px-padding-xs-laptop) var(--px-padding-s-laptop);gap:var(--px-spacing-xs-laptop)}}@media screen and (width>=90.0625rem){.tag{font-size:var(--px-text-size-label-m-desktop);gap:var(--px-spacing-2xs-desktop);padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-desktop)}:host([size=s]) .tag{padding:var(--px-padding-2xs-desktop) var(--px-padding-xs-desktop);gap:var(--px-spacing-2xs-desktop)}:host([size=m]) .tag{padding:var(--px-padding-xs-desktop) var(--px-padding-s-desktop);gap:var(--px-spacing-xs-desktop)}}", C = new CSSStyleSheet(), w = new CSSStyleSheet(), T = new CSSStyleSheet(), E = new CSSStyleSheet();
5
+ C.replaceSync(x), w.replaceSync(S), T.replaceSync(se), E.replaceSync(ce);
6
+ var D = [
7
7
  "",
8
8
  "default",
9
9
  "secondary",
@@ -23,12 +23,15 @@ var T = [
23
23
  "bottom-right",
24
24
  "bottom-left",
25
25
  "alternative"
26
- ], E = class extends e {
26
+ ], O = class t extends e {
27
+ static {
28
+ this.template = l("<button class=\"btn\"><slot name=\"before\"></slot><slot></slot><slot name=\"after\"></slot></button>");
29
+ }
27
30
  static {
28
31
  this.nativeName = "button";
29
32
  }
30
33
  constructor() {
31
- super(x, S, C, w), this.template = () => "<button class=\"btn\">\n <slot name=\"before\"></slot><slot></slot><slot name=\"after\"></slot>\n </button>", this.shadowRoot.innerHTML = this.template();
34
+ super(C, w, T, E), v(this.shadowRoot, t.template);
32
35
  }
33
36
  static get observedAttributes() {
34
37
  return [
@@ -58,7 +61,7 @@ var T = [
58
61
  e && (e.addEventListener("click", () => {
59
62
  this.$el.focus();
60
63
  }), t || e.setAttribute("size", "xs"), n || e.setAttribute("color", "inherit"));
61
- }), v(this, this.$el, !0), this.$el.type === "submit" && this.addEventListener("click", (e) => {
64
+ }), b(this, this.$el, !0), this.$el.type === "submit" && this.addEventListener("click", (e) => {
62
65
  e.preventDefault(), this.closest("form")?.submit();
63
66
  }), this.$el.type === "reset" && this.addEventListener("click", (e) => {
64
67
  e.preventDefault(), this.closest("form")?.reset();
@@ -109,7 +112,7 @@ var T = [
109
112
  e !== null && e !== "" && e !== "default" && this.checkClass(e), t !== null && t !== "" && t !== "default" && this.checkClass(t);
110
113
  }
111
114
  updateVariant(e, t) {
112
- t === "link" ? this.$el.classList.remove("btn") : this.$el.classList.add("btn"), this._toggleClass(e, t), this.checkName(T, t) || m(`"${t}" is not a valid variant value for ${this.tagName.toLowerCase()}. Allowed values are: "${T.join("\", \"")}".`);
115
+ t === "link" ? this.$el.classList.remove("btn") : this.$el.classList.add("btn"), this._toggleClass(e, t), this.checkName(D, t) || h(`"${t}" is not a valid variant value for ${this.tagName.toLowerCase()}. Allowed values are: "${D.join("\", \"")}".`);
113
116
  }
114
117
  updateState(e, t) {
115
118
  let n = [
@@ -118,7 +121,7 @@ var T = [
118
121
  "success",
119
122
  "error"
120
123
  ];
121
- this._toggleClass(e, t), this.checkName(n, t) || m(`"${t}" is not a valid state value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
124
+ this._toggleClass(e, t), this.checkName(n, t) || h(`"${t}" is not a valid state value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
122
125
  }
123
126
  updateExtended(e, t) {
124
127
  t === null ? this.$el.style.setProperty(`--button-${e}`, "") : this.$el.style.setProperty(`--button-${e}`, "100%");
@@ -129,7 +132,7 @@ var T = [
129
132
  }
130
133
  updateShape(e, t, n) {
131
134
  if (!s(n, t)) {
132
- m(`"${t}" is not a valid shape value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
135
+ h(`"${t}" is not a valid shape value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
133
136
  return;
134
137
  }
135
138
  t !== null && t !== "" && this.$el.setAttribute(e, t);
@@ -231,10 +234,10 @@ var T = [
231
234
  this._updateAttribute("size", e);
232
235
  }
233
236
  };
234
- customElements.get("px-button") || customElements.define("px-button", E);
237
+ customElements.get("px-button") || customElements.define("px-button", O);
235
238
  //#endregion
236
239
  //#region ../../components/Button/src/ButtonWrapper.ts
237
- var ue = class extends E {
240
+ var ue = class extends O {
238
241
  #e;
239
242
  constructor() {
240
243
  super(), this.$el.classList.remove("btn"), this.$el.classList.add("wrapper"), this.#e = new n(this, this.$el, () => this.#t());
@@ -298,7 +301,7 @@ var de = class extends HTMLElement {
298
301
  }
299
302
  };
300
303
  customElements.get("px-icon-set") || customElements.define("px-icon-set", de);
301
- var D = [
304
+ var fe = [
302
305
  "Inherit",
303
306
  "Brand",
304
307
  "Accent",
@@ -312,12 +315,14 @@ var D = [
312
315
  "StateHover",
313
316
  "StateActive",
314
317
  "StateDisabled"
315
- ].map((e) => e.replace(/([A-Z])/g, "-$1").toLowerCase().slice(1)), fe = ":host{flex-direction:column;justify-content:center;display:inline-flex}svg{font-size:var(--px-size-icon-s);width:1em;height:1em;color:var(--px-color-icon-accent-default);line-height:1}.inherit{color:inherit}.brand{color:var(--px-color-icon-brand-default)}.accent{color:var(--px-color-icon-accent-default)}.neutral{color:var(--px-color-icon-neutral-default)}.dimmed{color:var(--px-color-icon-dimmed-default)}.purpose-success{color:var(--px-color-icon-purpose-success-default)}.purpose-warning{color:var(--px-color-icon-purpose-warning-default)}.purpose-error{color:var(--px-color-icon-purpose-error-default)}.purpose-unlimited{color:var(--px-color-icon-purpose-unlimited-default)}.purpose-promo{color:var(--px-color-icon-purpose-promo-default)}.state-hover:hover{color:var(--px-color-icon-state-hover-default)}.state-active:active{color:var(--px-color-icon-state-active-default)}.state-disabled{color:var(--px-color-icon-state-disabled-default)}:host([inverted]) svg{color:var(--px-color-icon-accent-inverted)}:host([inverted]) .inherit{color:inherit}:host([inverted]) .brand{color:var(--px-color-icon-brand-inverted)}:host([inverted]) .accent{color:var(--px-color-icon-accent-inverted)}:host([inverted]) .neutral{color:var(--px-color-icon-neutral-inverted)}:host([inverted]) .dimmed{color:var(--px-color-icon-dimmed-inverted)}:host([inverted]) .purpose-success{color:var(--px-color-icon-purpose-success-inverted)}:host([inverted]) .purpose-warning{color:var(--px-color-icon-purpose-warning-inverted)}:host([inverted]) .purpose-error{color:var(--px-color-icon-purpose-error-inverted)}:host([inverted]) .purpose-unlimited{color:var(--px-color-icon-purpose-unlimited-inverted)}:host([inverted]) .purpose-promo{color:var(--px-color-icon-purpose-promo-inverted)}:host([inverted]) .state-hover:hover{color:var(--px-color-icon-state-hover-inverted)}:host([inverted]) .state-active:active{color:var(--px-color-icon-state-active-inverted)}:host([inverted]) .state-disabled{color:var(--px-color-icon-state-disabled-inverted)}.size-xs{font-size:var(--px-size-icon-xs)}.size-s{font-size:var(--px-size-icon-s)}.size-m{font-size:var(--px-size-icon-m)}.size-l{font-size:var(--px-size-icon-l)}.size-xl{font-size:var(--px-size-icon-xl)}", O = new CSSStyleSheet();
316
- O.replaceSync(fe);
317
- var pe = class extends t {
318
+ ].map((e) => e.replace(/([A-Z])/g, "-$1").toLowerCase().slice(1)), pe = ":host{flex-direction:column;justify-content:center;display:inline-flex}svg{font-size:var(--px-size-icon-s);width:1em;height:1em;color:var(--px-color-icon-accent-default);line-height:1}.inherit{color:inherit}.brand{color:var(--px-color-icon-brand-default)}.accent{color:var(--px-color-icon-accent-default)}.neutral{color:var(--px-color-icon-neutral-default)}.dimmed{color:var(--px-color-icon-dimmed-default)}.purpose-success{color:var(--px-color-icon-purpose-success-default)}.purpose-warning{color:var(--px-color-icon-purpose-warning-default)}.purpose-error{color:var(--px-color-icon-purpose-error-default)}.purpose-unlimited{color:var(--px-color-icon-purpose-unlimited-default)}.purpose-promo{color:var(--px-color-icon-purpose-promo-default)}.state-hover:hover{color:var(--px-color-icon-state-hover-default)}.state-active:active{color:var(--px-color-icon-state-active-default)}.state-disabled{color:var(--px-color-icon-state-disabled-default)}:host([inverted]) svg{color:var(--px-color-icon-accent-inverted)}:host([inverted]) .inherit{color:inherit}:host([inverted]) .brand{color:var(--px-color-icon-brand-inverted)}:host([inverted]) .accent{color:var(--px-color-icon-accent-inverted)}:host([inverted]) .neutral{color:var(--px-color-icon-neutral-inverted)}:host([inverted]) .dimmed{color:var(--px-color-icon-dimmed-inverted)}:host([inverted]) .purpose-success{color:var(--px-color-icon-purpose-success-inverted)}:host([inverted]) .purpose-warning{color:var(--px-color-icon-purpose-warning-inverted)}:host([inverted]) .purpose-error{color:var(--px-color-icon-purpose-error-inverted)}:host([inverted]) .purpose-unlimited{color:var(--px-color-icon-purpose-unlimited-inverted)}:host([inverted]) .purpose-promo{color:var(--px-color-icon-purpose-promo-inverted)}:host([inverted]) .state-hover:hover{color:var(--px-color-icon-state-hover-inverted)}:host([inverted]) .state-active:active{color:var(--px-color-icon-state-active-inverted)}:host([inverted]) .state-disabled{color:var(--px-color-icon-state-disabled-inverted)}.size-xs{font-size:var(--px-size-icon-xs)}.size-s{font-size:var(--px-size-icon-s)}.size-m{font-size:var(--px-size-icon-m)}.size-l{font-size:var(--px-size-icon-l)}.size-xl{font-size:var(--px-size-icon-xl)}", k = new CSSStyleSheet();
319
+ k.replaceSync(pe);
320
+ var me = class e extends t {
321
+ static {
322
+ this.template = l("<svg aria-hidden=\"true\"><use></use></svg>");
323
+ }
318
324
  #e = null;
319
325
  #t;
320
- #n = () => "<svg aria-hidden=\"true\">\n <use></use>\n </svg>";
321
326
  static get observedAttributes() {
322
327
  return [
323
328
  ...super.observedAttributes,
@@ -330,8 +335,8 @@ var pe = class extends t {
330
335
  "disabled"
331
336
  ];
332
337
  }
333
- constructor(...e) {
334
- super(...e, O), this.shadowRoot.innerHTML = this.#n(), this.#t = this.attachInternals?.(), this.#t && (this.#t.role = "img");
338
+ constructor(...t) {
339
+ super(...t, k), v(this.shadowRoot, e.template), this.#t = this.attachInternals?.(), this.#t && (this.#t.role = "img");
335
340
  }
336
341
  attributeChangedCallback(e, t, n) {
337
342
  if (t !== n) switch (e) {
@@ -342,7 +347,7 @@ var pe = class extends t {
342
347
  this.updateAttribute(e, t, n, ae);
343
348
  break;
344
349
  case "color":
345
- this.updateAttribute(e, t, n, D);
350
+ this.updateAttribute(e, t, n, fe);
346
351
  break;
347
352
  case "disabled":
348
353
  this.color = "state-disabled";
@@ -366,7 +371,7 @@ var pe = class extends t {
366
371
  !this.ariaLabel && this.#t && (this.#t.ariaHidden = "true", this.ariaHidden = "true"), this.parentElement?.localName === "px-a" && this.slot !== "before" && this.slot !== "after" && (this.color || this.setAttribute("color", "inherit"));
367
372
  }
368
373
  updateAttribute(e, t, n, r) {
369
- t !== null && t !== "" && (e === "size" ? this.$el.classList.toggle(`${e}-${t}`) : this.$el.classList.toggle(t)), n !== null && n !== "" && (e === "size" ? this.$el.classList.toggle(`${e}-${n}`) : this.$el.classList.toggle(n)), this.checkName(r, n) || m(`${n} is not an allowed ${e} value for ${this.tagName.toLowerCase()}`);
374
+ t !== null && t !== "" && (e === "size" ? this.$el.classList.toggle(`${e}-${t}`) : this.$el.classList.toggle(t)), n !== null && n !== "" && (e === "size" ? this.$el.classList.toggle(`${e}-${n}`) : this.$el.classList.toggle(n)), this.checkName(r, n) || h(`${n} is not an allowed ${e} value for ${this.tagName.toLowerCase()}`);
370
375
  }
371
376
  updateName(e, t) {
372
377
  this.#e && this.$el.firstElementChild?.setAttribute("href", `${this.#e}#icon-${t}`);
@@ -378,25 +383,25 @@ var pe = class extends t {
378
383
  return this.getAttribute("name");
379
384
  }
380
385
  set name(e) {
381
- g(this, "name", e);
386
+ _(this, "name", e);
382
387
  }
383
388
  get size() {
384
389
  return this.getAttribute("size");
385
390
  }
386
391
  set size(e) {
387
- g(this, "size", e);
392
+ _(this, "size", e);
388
393
  }
389
394
  get color() {
390
395
  return this.getAttribute("color");
391
396
  }
392
397
  set color(e) {
393
- g(this, "color", e);
398
+ _(this, "color", e);
394
399
  }
395
400
  get arialabel() {
396
401
  return this.getAttribute("aria-label");
397
402
  }
398
403
  set arialabel(e) {
399
- g(this, "aria-label", e);
404
+ _(this, "aria-label", e);
400
405
  }
401
406
  get inverted() {
402
407
  return this.hasAttribute("inverted");
@@ -408,7 +413,7 @@ var pe = class extends t {
408
413
  return this.getAttribute("from");
409
414
  }
410
415
  set from(e) {
411
- g(this, "from", e);
416
+ _(this, "from", e);
412
417
  }
413
418
  get disabled() {
414
419
  return this.hasAttribute("disabled");
@@ -417,21 +422,16 @@ var pe = class extends t {
417
422
  a(this, "disabled", e);
418
423
  }
419
424
  };
420
- customElements.get("px-icon") || customElements.define("px-icon", pe);
425
+ customElements.get("px-icon") || customElements.define("px-icon", me);
421
426
  //#endregion
422
427
  //#region ../../components/Heading/src/heading.css?inline
423
- var k = "h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{font-family:var(--px-font-family);color:var(--heading-color-default,var(--px-color-text-brand-default));text-align:var(--heading-text-align--mobile,left);font-size:var(--px-text-size-heading-s-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-title);margin:0}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-mobile)}:host([inverted]) h1,:host([inverted]) .style-title-4xl,:host([inverted]) ::slotted(h1),:host([inverted]) h2,:host([inverted]) .style-title-3xl,:host([inverted]) ::slotted(h2),:host([inverted]) h3,:host([inverted]) .style-title-2xl,:host([inverted]) ::slotted(h3),:host([inverted]) h4,:host([inverted]) .style-title-xl,:host([inverted]) ::slotted(h4),:host([inverted]) h5,:host([inverted]) .style-title-l,:host([inverted]) ::slotted(h5),:host([inverted]) h6,:host([inverted]) .style-title-m,:host([inverted]) ::slotted(h6),:host([inverted]) .style-title-s,:host([inverted]) .style-subtitle{color:var(--heading-color-inverted,var(--px-color-text-brand-inverted))}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-mobile);line-height:var(--px-line-height-ratio-s);font-weight:var(--px-font-weight-title-large)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-mobile);line-height:var(--px-line-height-ratio-s);font-weight:var(--px-font-weight-title-large)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-mobile);line-height:var(--px-line-height-ratio-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-mobile)}.style-subtitle{font-size:var(--px-text-size-heading-xl-mobile);font-weight:var(--px-font-weight-subtitle)}.style-title-s{font-size:var(--px-text-size-heading-s-mobile)}@media screen and (width>=48rem){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-tablet)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--tablet,left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-tablet)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-tablet)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-tablet)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-tablet)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-tablet)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-tablet)}.style-title-s{font-size:var(--px-text-size-heading-s-tablet)}.style-subtitle{font-size:var(--px-text-size-heading-xl-tablet)}}@media screen and (width>=64.0625rem){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-laptop)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--laptop,left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-laptop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-laptop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-laptop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-laptop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-laptop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-laptop)}.style-title-s{font-size:var(--px-text-size-heading-s-laptop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-laptop)}}@media screen and (width>=90.0625rem){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-desktop)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--desktop,left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-desktop)}.style-title-s{font-size:var(--px-text-size-heading-s-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-desktop)}}", A = ".color-inherit{color:inherit!important}.color-brand{color:var(--px-color-text-brand-default)!important}.color-neutral{color:var(--px-color-text-neutral-default)!important}.color-dimmed{color:var(--px-color-text-dimmed-default)!important}.color-purpose-success{color:var(--px-color-text-purpose-success-default)!important}.color-purpose-warning{color:var(--px-color-text-purpose-warning-default)!important}.color-purpose-error{color:var(--px-color-text-purpose-error-default)!important}.color-purpose-unlimited{color:var(--px-color-text-purpose-unlimited-default)!important}.color-purpose-promo{color:var(--px-color-text-purpose-promo-default)!important}.color-state-hover{color:var(--px-color-text-state-hover-default)!important}.color-state-active{color:var(--px-color-text-state-active-default)!important}.color-state-disabled{color:var(--px-color-text-state-disabled-default)!important}:host([inverted]) .color-inherit{color:inherit!important}:host([inverted]) .color-brand{color:var(--px-color-text-brand-inverted)!important}:host([inverted]) .color-neutral{color:var(--px-color-text-neutral-inverted)!important}:host([inverted]) .color-dimmed{color:var(--px-color-text-dimmed-inverted)!important}:host([inverted]) .color-purpose-success{color:var(--px-color-text-purpose-success-inverted)!important}:host([inverted]) .color-purpose-warning{color:var(--px-color-text-purpose-warning-inverted)!important}:host([inverted]) .color-purpose-error{color:var(--px-color-text-purpose-error-inverted)!important}:host([inverted]) .color-purpose-unlimited{color:var(--px-color-text-purpose-unlimited-inverted)!important}:host([inverted]) .color-purpose-promo{color:var(--px-color-text-purpose-promo-inverted)!important}:host([inverted]) .color-state-hover{color:var(--px-color-text-state-hover-inverted)!important}:host([inverted]) .color-state-active{color:var(--px-color-text-state-active-inverted)!important}:host([inverted]) .color-state-disabled{color:var(--px-color-text-state-disabled-inverted)!important}.font-size-inherit{font-size:inherit;line-height:inherit}.font-size-body-l{font-size:var(--px-text-size-body-l-mobile)}.font-size-body-m{font-size:var(--px-text-size-body-m-mobile)}.font-size-body-s{font-size:var(--px-text-size-body-s-mobile)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-mobile)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-mobile)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-mobile)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-mobile)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-mobile)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-mobile)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-mobile)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-mobile)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-mobile)}.font-size-heading-3xl,.font-size-heading-4xl,.font-size-heading-5xl{line-height:var(--px-line-height-ratio-s)}.font-size-link-m{font-size:var(--px-text-size-link-m-mobile)}.font-size-link-s{font-size:var(--px-text-size-link-s-mobile)}@media screen and (width>=48rem){.font-size-body-l{font-size:var(--px-text-size-body-l-tablet)}.font-size-body-m{font-size:var(--px-text-size-body-m-tablet)}.font-size-body-s{font-size:var(--px-text-size-body-s-tablet)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-tablet)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-tablet)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-tablet)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-tablet)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-tablet)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-tablet)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-tablet)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-tablet)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-tablet)}.font-size-link-m{font-size:var(--px-text-size-link-m-tablet)}.font-size-link-s{font-size:var(--px-text-size-link-s-tablet)}}@media screen and (width>=64.0625rem){.font-size-body-l{font-size:var(--px-text-size-body-l-laptop)}.font-size-body-m{font-size:var(--px-text-size-body-m-laptop)}.font-size-body-s{font-size:var(--px-text-size-body-s-laptop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-laptop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-laptop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-laptop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-laptop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-laptop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-laptop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-laptop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-laptop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-laptop)}.font-size-link-m{font-size:var(--px-text-size-link-m-laptop)}.font-size-link-s{font-size:var(--px-text-size-link-s-laptop)}}@media screen and (width>=90.0625rem){.font-size-body-l{font-size:var(--px-text-size-body-l-desktop)}.font-size-body-m{font-size:var(--px-text-size-body-m-desktop)}.font-size-body-s{font-size:var(--px-text-size-body-s-desktop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-desktop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-desktop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-desktop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-desktop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-desktop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-desktop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-desktop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-desktop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-desktop)}.font-size-link-m{font-size:var(--px-text-size-link-m-desktop)}.font-size-link-s{font-size:var(--px-text-size-link-s-desktop)}}.font-weight-inherit{font-weight:inherit}.font-weight-body{font-weight:var(--px-font-weight-body)}.font-weight-title{font-weight:var(--px-font-weight-title)}.font-weight-title-large{font-weight:var(--px-font-weight-title-large)}.font-weight-subtitle{font-weight:var(--px-font-weight-subtitle)}", j = new CSSStyleSheet();
424
- j.replaceSync(k);
425
- var M = new CSSStyleSheet();
428
+ var A = "h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{font-family:var(--px-font-family);color:var(--heading-color-default,var(--px-color-text-brand-default));text-align:var(--heading-text-align--mobile,left);font-size:var(--px-text-size-heading-s-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-title);margin:0}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-mobile)}:host([inverted]) h1,:host([inverted]) .style-title-4xl,:host([inverted]) ::slotted(h1),:host([inverted]) h2,:host([inverted]) .style-title-3xl,:host([inverted]) ::slotted(h2),:host([inverted]) h3,:host([inverted]) .style-title-2xl,:host([inverted]) ::slotted(h3),:host([inverted]) h4,:host([inverted]) .style-title-xl,:host([inverted]) ::slotted(h4),:host([inverted]) h5,:host([inverted]) .style-title-l,:host([inverted]) ::slotted(h5),:host([inverted]) h6,:host([inverted]) .style-title-m,:host([inverted]) ::slotted(h6),:host([inverted]) .style-title-s,:host([inverted]) .style-subtitle{color:var(--heading-color-inverted,var(--px-color-text-brand-inverted))}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-mobile);line-height:var(--px-line-height-ratio-s);font-weight:var(--px-font-weight-title-large)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-mobile);line-height:var(--px-line-height-ratio-s);font-weight:var(--px-font-weight-title-large)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-mobile);line-height:var(--px-line-height-ratio-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-mobile)}.style-subtitle{font-size:var(--px-text-size-heading-xl-mobile);font-weight:var(--px-font-weight-subtitle)}.style-title-s{font-size:var(--px-text-size-heading-s-mobile)}@media screen and (width>=48rem){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-tablet)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--tablet,left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-tablet)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-tablet)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-tablet)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-tablet)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-tablet)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-tablet)}.style-title-s{font-size:var(--px-text-size-heading-s-tablet)}.style-subtitle{font-size:var(--px-text-size-heading-xl-tablet)}}@media screen and (width>=64.0625rem){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-laptop)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--laptop,left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-laptop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-laptop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-laptop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-laptop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-laptop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-laptop)}.style-title-s{font-size:var(--px-text-size-heading-s-laptop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-laptop)}}@media screen and (width>=90.0625rem){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-desktop)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--desktop,left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-desktop)}.style-title-s{font-size:var(--px-text-size-heading-s-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-desktop)}}", j = ".color-inherit{color:inherit!important}.color-brand{color:var(--px-color-text-brand-default)!important}.color-neutral{color:var(--px-color-text-neutral-default)!important}.color-dimmed{color:var(--px-color-text-dimmed-default)!important}.color-purpose-success{color:var(--px-color-text-purpose-success-default)!important}.color-purpose-warning{color:var(--px-color-text-purpose-warning-default)!important}.color-purpose-error{color:var(--px-color-text-purpose-error-default)!important}.color-purpose-unlimited{color:var(--px-color-text-purpose-unlimited-default)!important}.color-purpose-promo{color:var(--px-color-text-purpose-promo-default)!important}.color-state-hover{color:var(--px-color-text-state-hover-default)!important}.color-state-active{color:var(--px-color-text-state-active-default)!important}.color-state-disabled{color:var(--px-color-text-state-disabled-default)!important}:host([inverted]) .color-inherit{color:inherit!important}:host([inverted]) .color-brand{color:var(--px-color-text-brand-inverted)!important}:host([inverted]) .color-neutral{color:var(--px-color-text-neutral-inverted)!important}:host([inverted]) .color-dimmed{color:var(--px-color-text-dimmed-inverted)!important}:host([inverted]) .color-purpose-success{color:var(--px-color-text-purpose-success-inverted)!important}:host([inverted]) .color-purpose-warning{color:var(--px-color-text-purpose-warning-inverted)!important}:host([inverted]) .color-purpose-error{color:var(--px-color-text-purpose-error-inverted)!important}:host([inverted]) .color-purpose-unlimited{color:var(--px-color-text-purpose-unlimited-inverted)!important}:host([inverted]) .color-purpose-promo{color:var(--px-color-text-purpose-promo-inverted)!important}:host([inverted]) .color-state-hover{color:var(--px-color-text-state-hover-inverted)!important}:host([inverted]) .color-state-active{color:var(--px-color-text-state-active-inverted)!important}:host([inverted]) .color-state-disabled{color:var(--px-color-text-state-disabled-inverted)!important}.font-size-inherit{font-size:inherit;line-height:inherit}.font-size-body-l{font-size:var(--px-text-size-body-l-mobile)}.font-size-body-m{font-size:var(--px-text-size-body-m-mobile)}.font-size-body-s{font-size:var(--px-text-size-body-s-mobile)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-mobile)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-mobile)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-mobile)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-mobile)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-mobile)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-mobile)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-mobile)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-mobile)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-mobile)}.font-size-heading-3xl,.font-size-heading-4xl,.font-size-heading-5xl{line-height:var(--px-line-height-ratio-s)}.font-size-link-m{font-size:var(--px-text-size-link-m-mobile)}.font-size-link-s{font-size:var(--px-text-size-link-s-mobile)}@media screen and (width>=48rem){.font-size-body-l{font-size:var(--px-text-size-body-l-tablet)}.font-size-body-m{font-size:var(--px-text-size-body-m-tablet)}.font-size-body-s{font-size:var(--px-text-size-body-s-tablet)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-tablet)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-tablet)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-tablet)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-tablet)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-tablet)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-tablet)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-tablet)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-tablet)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-tablet)}.font-size-link-m{font-size:var(--px-text-size-link-m-tablet)}.font-size-link-s{font-size:var(--px-text-size-link-s-tablet)}}@media screen and (width>=64.0625rem){.font-size-body-l{font-size:var(--px-text-size-body-l-laptop)}.font-size-body-m{font-size:var(--px-text-size-body-m-laptop)}.font-size-body-s{font-size:var(--px-text-size-body-s-laptop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-laptop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-laptop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-laptop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-laptop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-laptop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-laptop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-laptop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-laptop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-laptop)}.font-size-link-m{font-size:var(--px-text-size-link-m-laptop)}.font-size-link-s{font-size:var(--px-text-size-link-s-laptop)}}@media screen and (width>=90.0625rem){.font-size-body-l{font-size:var(--px-text-size-body-l-desktop)}.font-size-body-m{font-size:var(--px-text-size-body-m-desktop)}.font-size-body-s{font-size:var(--px-text-size-body-s-desktop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-desktop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-desktop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-desktop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-desktop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-desktop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-desktop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-desktop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-desktop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-desktop)}.font-size-link-m{font-size:var(--px-text-size-link-m-desktop)}.font-size-link-s{font-size:var(--px-text-size-link-s-desktop)}}.font-weight-inherit{font-weight:inherit}.font-weight-body{font-weight:var(--px-font-weight-body)}.font-weight-title{font-weight:var(--px-font-weight-title)}.font-weight-title-large{font-weight:var(--px-font-weight-title-large)}.font-weight-subtitle{font-weight:var(--px-font-weight-subtitle)}", M = new CSSStyleSheet();
426
429
  M.replaceSync(A);
427
- var N = class extends e {
428
- template() {
429
- return "<slot></slot>";
430
- }
431
- constructor(e) {
432
- super(j, M);
433
- let t = document.createElement(e);
434
- t.innerHTML = this.template(), this.shadowRoot.appendChild(t);
430
+ var N = new CSSStyleSheet();
431
+ N.replaceSync(j);
432
+ var P = class extends e {
433
+ constructor() {
434
+ super(M, N), v(this.shadowRoot, this.constructor.template);
435
435
  }
436
436
  static get observedAttributes() {
437
437
  return [
@@ -450,7 +450,7 @@ var N = class extends e {
450
450
  attributeChangedCallback(e, t, n) {
451
451
  if (t !== n) switch (e) {
452
452
  case "variant":
453
- this.updateAttribute(e, t, n, p);
453
+ this.updateAttribute(e, t, n, m);
454
454
  break;
455
455
  case "color":
456
456
  this.updateColor(t, n, c);
@@ -460,7 +460,7 @@ var N = class extends e {
460
460
  case "text-align--tablet":
461
461
  case "text-align--laptop":
462
462
  case "text-align--desktop":
463
- this.updateTextAlign(e, t, n, _);
463
+ this.updateTextAlign(e, t, n, y);
464
464
  break;
465
465
  default: super.attributeChangedCallback(e, t, n);
466
466
  }
@@ -469,11 +469,11 @@ var N = class extends e {
469
469
  e !== null && e !== "" && e !== "default" && this.$el.classList.toggle(`style-${e}`), t !== null && t !== "" && t !== "default" && this.$el.classList.toggle(`style-${t}`);
470
470
  }
471
471
  updateAttribute(e, t, n, r) {
472
- this.checkName(r, n) ? this.toggleClass(t, n) : m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
472
+ this.checkName(r, n) ? this.toggleClass(t, n) : h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
473
473
  }
474
474
  updateColor(e, t, n) {
475
475
  if (!this.checkName(n, t)) {
476
- m(`"${t}" is not a valid color value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
476
+ h(`"${t}" is not a valid color value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
477
477
  return;
478
478
  }
479
479
  let r = (e) => {
@@ -483,7 +483,7 @@ var N = class extends e {
483
483
  }
484
484
  updateTextAlign(e, t, n, r) {
485
485
  if (!this.checkName(r, n)) {
486
- m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
486
+ h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
487
487
  return;
488
488
  }
489
489
  let i = (e, t) => {
@@ -556,87 +556,87 @@ var N = class extends e {
556
556
  set autoSpacing(e) {
557
557
  this._updateBooleanAttribute("auto-spacing", e);
558
558
  }
559
- }, me = class extends N {
559
+ }, he = class extends P {
560
560
  static {
561
- this.nativeName = "h1";
561
+ this.template = l("<h1><slot></slot></h1>");
562
562
  }
563
- constructor() {
564
- super("h1");
563
+ static {
564
+ this.nativeName = "h1";
565
565
  }
566
566
  };
567
- customElements.get("px-h1") || customElements.define("px-h1", me);
567
+ customElements.get("px-h1") || customElements.define("px-h1", he);
568
568
  //#endregion
569
569
  //#region ../../components/Heading/src/H2.ts
570
- var he = class extends N {
570
+ var ge = class extends P {
571
571
  static {
572
- this.nativeName = "h2";
572
+ this.template = l("<h2><slot></slot></h2>");
573
573
  }
574
- constructor() {
575
- super("h2");
574
+ static {
575
+ this.nativeName = "h2";
576
576
  }
577
577
  };
578
- customElements.get("px-h2") || customElements.define("px-h2", he);
578
+ customElements.get("px-h2") || customElements.define("px-h2", ge);
579
579
  //#endregion
580
580
  //#region ../../components/Heading/src/H3.ts
581
- var ge = class extends N {
581
+ var _e = class extends P {
582
582
  static {
583
- this.nativeName = "h3";
583
+ this.template = l("<h3><slot></slot></h3>");
584
584
  }
585
- constructor() {
586
- super("h3");
585
+ static {
586
+ this.nativeName = "h3";
587
587
  }
588
588
  };
589
- customElements.get("px-h3") || customElements.define("px-h3", ge);
589
+ customElements.get("px-h3") || customElements.define("px-h3", _e);
590
590
  //#endregion
591
591
  //#region ../../components/Heading/src/H4.ts
592
- var _e = class extends N {
592
+ var ve = class extends P {
593
593
  static {
594
- this.nativeName = "h4";
594
+ this.template = l("<h4><slot></slot></h4>");
595
595
  }
596
- constructor() {
597
- super("h4");
596
+ static {
597
+ this.nativeName = "h4";
598
598
  }
599
599
  };
600
- customElements.get("px-h4") || customElements.define("px-h4", _e);
600
+ customElements.get("px-h4") || customElements.define("px-h4", ve);
601
601
  //#endregion
602
602
  //#region ../../components/Heading/src/H5.ts
603
- var ve = class extends N {
603
+ var ye = class extends P {
604
604
  static {
605
- this.nativeName = "h5";
605
+ this.template = l("<h5><slot></slot></h5>");
606
606
  }
607
- constructor() {
608
- super("h5");
607
+ static {
608
+ this.nativeName = "h5";
609
609
  }
610
610
  };
611
- customElements.get("px-h5") || customElements.define("px-h5", ve);
611
+ customElements.get("px-h5") || customElements.define("px-h5", ye);
612
612
  //#endregion
613
613
  //#region ../../components/Heading/src/H6.ts
614
- var ye = class extends N {
614
+ var be = class extends P {
615
615
  static {
616
- this.nativeName = "h6";
616
+ this.template = l("<h6><slot></slot></h6>");
617
617
  }
618
- constructor() {
619
- super("h6");
618
+ static {
619
+ this.nativeName = "h6";
620
620
  }
621
621
  };
622
- customElements.get("px-h6") || customElements.define("px-h6", ye);
622
+ customElements.get("px-h6") || customElements.define("px-h6", be);
623
623
  //#endregion
624
624
  //#region ../../components/Separator/src/separator.css?inline
625
- var P = ".separator{--separator-size:var(--px-size-border-m);--separator-direction--mobile-border-width:var(--separator-size) 0 0;--separator-direction--mobile-width:initial;--separator-direction--mobile-height:initial;clear:both;border-style:solid;border-color:var(--separator-color-default,var(--px-color-border-main-default));border-width:var(--separator-size) 0 0;width:initial;height:initial;margin:0}.separator-direction-horizontal--mobile{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--mobile{width:var(--separator-size);border-width:0 var(--separator-size) 0 0;height:100%}:host([inverted]) .separator{border-color:var(--separator-color-inverted,var(--px-color-border-main-inverted))}@media screen and (width>=48rem){.separator-direction-horizontal--tablet{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--tablet{width:var(--separator-size);border-width:0 var(--separator-size) 0 0;height:100%}}@media screen and (width>=64.0625rem){.separator-direction-horizontal--laptop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--laptop{width:var(--separator-size);border-width:0 var(--separator-size) 0 0;height:100%}}@media screen and (width>=90.0625rem){.separator-direction-horizontal--desktop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--desktop{width:var(--separator-size);border-width:0 var(--separator-size) 0 0;height:100%}}", F = new CSSStyleSheet();
626
- F.replaceSync(P);
627
- var be = [
625
+ var xe = ".separator{--separator-size:var(--px-size-border-m);--separator-direction--mobile-border-width:var(--separator-size) 0 0;--separator-direction--mobile-width:initial;--separator-direction--mobile-height:initial;clear:both;border-style:solid;border-color:var(--separator-color-default,var(--px-color-border-main-default));border-width:var(--separator-size) 0 0;width:initial;height:initial;margin:0}.separator-direction-horizontal--mobile{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--mobile{width:var(--separator-size);border-width:0 var(--separator-size) 0 0;height:100%}:host([inverted]) .separator{border-color:var(--separator-color-inverted,var(--px-color-border-main-inverted))}@media screen and (width>=48rem){.separator-direction-horizontal--tablet{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--tablet{width:var(--separator-size);border-width:0 var(--separator-size) 0 0;height:100%}}@media screen and (width>=64.0625rem){.separator-direction-horizontal--laptop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--laptop{width:var(--separator-size);border-width:0 var(--separator-size) 0 0;height:100%}}@media screen and (width>=90.0625rem){.separator-direction-horizontal--desktop{border-width:var(--separator-size) 0 0;width:initial;height:initial}.separator-direction-vertical--desktop{width:var(--separator-size);border-width:0 var(--separator-size) 0 0;height:100%}}", F = new CSSStyleSheet();
626
+ F.replaceSync(xe);
627
+ var Se = [
628
628
  "",
629
629
  "default",
630
630
  "horizontal",
631
631
  "vertical"
632
- ], xe = [
632
+ ], Ce = [
633
633
  "",
634
634
  "default",
635
635
  "none",
636
636
  "s",
637
637
  "m",
638
638
  "l"
639
- ], Se = [
639
+ ], we = [
640
640
  "",
641
641
  "main",
642
642
  "brand",
@@ -648,7 +648,7 @@ var be = [
648
648
  "purpose-unlimited",
649
649
  "state-hover",
650
650
  "state-active"
651
- ], Ce = class t extends e {
651
+ ], Te = class t extends e {
652
652
  static {
653
653
  this.nativeName = "hr";
654
654
  }
@@ -677,13 +677,13 @@ var be = [
677
677
  case "direction--tablet":
678
678
  case "direction--laptop":
679
679
  case "direction--desktop":
680
- this.updateDirection(e, t, n, be);
680
+ this.updateDirection(e, t, n, Se);
681
681
  break;
682
682
  case "size":
683
- this.updateSize(e, t, n, xe);
683
+ this.updateSize(e, t, n, Ce);
684
684
  break;
685
685
  case "color":
686
- this.updateColor(e, t, n, Se);
686
+ this.updateColor(e, t, n, we);
687
687
  break;
688
688
  default: super.attributeChangedCallback(e, t, n);
689
689
  }
@@ -692,19 +692,19 @@ var be = [
692
692
  let i = (e) => {
693
693
  e !== null && e !== "" && e !== "default" && this.$el.style.setProperty("--separator-size", `var(--px-size-border-${e})`);
694
694
  };
695
- this.checkName(r, n) ? (i(t), i(n)) : m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
695
+ this.checkName(r, n) ? (i(t), i(n)) : h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
696
696
  }
697
697
  updateColor(e, t, n, r) {
698
698
  let i = (e) => {
699
699
  e !== null && e !== "" && e !== "default" && (this.$el.style.setProperty("--separator-color-default", `var(--px-color-border-${e}-default)`), this.$el.style.setProperty("--separator-color-inverted", `var(--px-color-border-${e}-inverted)`));
700
700
  };
701
- this.checkName(r, n) ? (i(t), i(n)) : m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
701
+ this.checkName(r, n) ? (i(t), i(n)) : h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
702
702
  }
703
703
  updateDirection(e, t, n, r) {
704
704
  let i = (e, t) => {
705
705
  t !== null && t !== "" && t !== "default" && this.$el.classList.add(`separator-direction-${t}--${e}`);
706
706
  };
707
- if (!this.checkName(r, n)) m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
707
+ if (!this.checkName(r, n)) h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
708
708
  else if (e === "direction") [
709
709
  "mobile",
710
710
  "tablet",
@@ -767,18 +767,18 @@ var be = [
767
767
  this._updateBooleanAttribute("inverted", e);
768
768
  }
769
769
  };
770
- customElements.get("px-separator") || customElements.define("px-separator", Ce);
770
+ customElements.get("px-separator") || customElements.define("px-separator", Te);
771
771
  //#endregion
772
772
  //#region ../../components/Section/src/section.css?inline
773
- var we = ":host{display:block}:host,:host *{box-sizing:border-box}.content-wrapper{margin-inline:var(--px-padding-s-mobile);max-width:var(--px-content-wrapper-max-width-desktop)}@media screen and (width>=77rem){.content-wrapper{margin-inline:auto}}.overlapped{margin-bottom:calc(var(--px-overlapped-mobile) * -1)}::slotted([slot=overlap]){margin-top:var(--px-overlapped-mobile)}@media screen and (width>=48rem){.overlapped{margin-bottom:calc(var(--px-overlapped-desktop) * -1)}::slotted([slot=overlap]){margin-top:var(--px-overlapped-desktop)}}@media screen and (width>=64.0625rem){.overlapped{margin-bottom:calc(var(--px-overlapped-desktop) * -1)}::slotted([slot=overlap]){margin-top:var(--px-overlapped-desktop)}}", Te = ":host{display:block}.container{font-family:var(--px-font-family);background-color:var(--background-color);border-radius:var(--px-radius-main);box-sizing:border-box;height:100%}:host([background-image]) .container{background-image:var(--background-image)}:host([background-gradient]) .container{background-image:var(--background-gradient)}:host([inverted]) .container{background-color:var(--background-color-inverted);color:var(--px-color-text-neutral-inverted)}.border-none{border:none}.border-s{border:var(--px-size-border-s) solid var(--border-color)}.border-m{border:var(--px-size-border-m) solid var(--border-color)}.border-l{border:var(--px-size-border-l) solid var(--border-color)}.border-side-top{border-bottom-style:none;border-left-style:none;border-right-style:none}.border-side-right{border-top-style:none;border-bottom-style:none;border-left-style:none}.border-side-bottom{border-top-style:none;border-left-style:none;border-right-style:none}.border-side-left{border-top-style:none;border-bottom-style:none;border-right-style:none}.border-side-block{border-inline-style:none}.border-side-inline{border-block-style:none}:host([inverted]) .border-s,:host([inverted]) .border-m,:host([inverted]) .border-l{border-color:var(--border-color-inverted)}.border-radius-main{border-radius:var(--px-radius-main)}.border-radius-pill{border-radius:var(--px-radius-pill)}.no-border-radius-top{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all,.border-radius-none{border-radius:var(--px-radius-none)}.bgimg{background-repeat:no-repeat}.background-size-cover{background-position:50%;background-size:cover}.background-size-contain{background-size:contain}.box-shadow-none{box-shadow:none}.box-shadow-s{box-shadow:0 1px 2px #2525251f}.box-shadow-m{box-shadow:0 4px 6px -1px #25252514}.box-shadow-l{box-shadow:0 10px 15px -3px #25252514}.box-shadow-xl{box-shadow:0 20px 25px -5px #25252514}.anchored{position:relative}::slotted([slot=anchor-right]),::slotted([slot=anchor-left]),::slotted([slot=anchor-full]){position:absolute;top:0}::slotted([slot=anchor-right]),::slotted([slot=anchor-left]){z-index:3;transform:translateY(-50%)}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--mobile,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--mobile,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-full]){text-align:center;z-index:2;left:0;right:0;transform:translateY(-100%)}::slotted(px-vstack:only-of-type),::slotted(px-hstack:only-of-type),::slotted(px-stack:only-of-type),::slotted(px-grid:only-of-type){height:100%}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--mobile)}.border-s ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-s) * -1);left:calc(var(--px-size-border-s) * -1)}.border-m ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-m) * -1);left:calc(var(--px-size-border-m) * -1)}.border-l ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-l) * -1);left:calc(var(--px-size-border-l) * -1)}:host([subgrid-rows]){display:contents}:host([subgrid-rows]) .container{grid-template-rows:subgrid;grid-row:span var(--subgrid-rows);display:grid}:host([subgrid-rows]):host([grow]) .container{flex-grow:var(--grow-value)}:host([subgrid-rows]):host([shrink]) .container{flex-shrink:var(--shrink-value)}:host([subgrid-rows]):host([basis]) .container{flex-basis:var(--basis-value)}:host([subgrid-rows]):host([align-self]) .container{align-self:var(--align-self-value)}:host([subgrid-rows]):host([col-span]) .container{grid-column:span var(--col-span-value) / span var(--col-span-value)}:host([subgrid-rows]):host([justify-self]) .container{justify-self:var(--justify-self-value)}:host([subgrid-rows]):host([order]) .container{order:var(--order-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--mobile)}@media screen and (width<=47.938rem){.container{background-color:var(--background-color--mobile,var(--background-color))}:host([background-image--mobile]) .container{background-image:var(--background-image--mobile,var(--background-image))}:host([background-gradient--mobile]) .container{background-image:var(--background-gradient--mobile,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--mobile,var(--background-color-inverted))}.border-side-top--mobile{border-style:solid none none}.border-side-right--mobile{border-style:none solid none none}.border-side-bottom--mobile{border-style:none none solid}.border-side-left--mobile{border-style:none none none solid}.border-side-block--mobile{border-block-style:solid;border-inline-style:none}.border-side-inline--mobile{border-block-style:none;border-inline-style:solid}.no-border-radius-top--mobile{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--mobile{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--mobile{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--mobile{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--mobile{border-radius:var(--px-radius-none)}:host([subgrid-rows]):host([grow--mobile]) .container{flex-grow:var(--grow--mobile-value)}:host([subgrid-rows]):host([shrink--mobile]) .container{flex-shrink:var(--shrink--mobile-value)}:host([subgrid-rows]):host([basis--mobile]) .container{flex-basis:var(--basis--mobile-value)}:host([subgrid-rows]):host([align-self--mobile]) .container{align-self:var(--align-self--mobile-value)}:host([subgrid-rows]):host([col-span--mobile]) .container{grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)}:host([subgrid-rows]):host([justify-self--mobile]) .container{justify-self:var(--justify-self--mobile-value)}:host([subgrid-rows]):host([order--mobile]) .container{order:var(--order--mobile-value)}}@media screen and (width>=48rem) and (width<=64rem){.container{background-color:var(--background-color--tablet,var(--background-color))}:host([background-image--tablet]) .container{background-image:var(--background-image--tablet,var(--background-image))}:host([background-gradient--tablet]) .container{background-image:var(--background-gradient--tablet,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--tablet,var(--background-color-inverted))}.no-border-radius-top--tablet{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--tablet{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--tablet{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--tablet{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--tablet{border-radius:var(--px-radius-none)}.border-side-top--tablet{border-style:solid none none}.border-side-right--tablet{border-style:none solid none none}.border-side-bottom--tablet{border-style:none none solid}.border-side-left--tablet{border-style:none none none solid}.border-side-block--tablet{border-block-style:solid;border-inline-style:none}.border-side-inline--tablet{border-block-style:none;border-inline-style:solid}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--tablet,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--tablet,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--tablet)}:host([subgrid-rows]):host([col-span--tablet]) .container{grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)}:host([subgrid-rows]):host([grow--tablet]) .container{flex-grow:var(--grow--tablet-value)}:host([subgrid-rows]):host([shrink--tablet]) .container{flex-shrink:var(--shrink--tablet-value)}:host([subgrid-rows]):host([basis--tablet]) .container{flex-basis:var(--basis--tablet-value)}:host([subgrid-rows]):host([align-self--tablet]) .container{align-self:var(--align-self--tablet-value)}:host([subgrid-rows]):host([justify-self--tablet]) .container{justify-self:var(--justify-self--tablet-value)}:host([subgrid-rows]):host([order--tablet]) .container{order:var(--order--tablet-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--tablet)}}@media screen and (width>=64.0625rem) and (width<=90rem){:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--laptop)}:host([subgrid-rows]):host([col-span--laptop]) .container{grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)}:host([subgrid-rows]):host([grow--laptop]) .container{flex-grow:var(--grow--laptop-value)}:host([subgrid-rows]):host([shrink--laptop]) .container{flex-shrink:var(--shrink--laptop-value)}:host([subgrid-rows]):host([basis--laptop]) .container{flex-basis:var(--basis--laptop-value)}:host([subgrid-rows]):host([align-self--laptop]) .container{align-self:var(--align-self--laptop-value)}:host([subgrid-rows]):host([justify-self--laptop]) .container{justify-self:var(--justify-self--laptop-value)}:host([subgrid-rows]):host([order--laptop]) .container{order:var(--order--laptop-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--laptop)}}@media screen and (width>=64.0625rem){.container{background-color:var(--background-color--laptop,var(--background-color))}:host([background-image--laptop]) .container{background-image:var(--background-image--laptop,var(--background-image))}:host([background-gradient--laptop]) .container{background-image:var(--background-gradient--laptop,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--laptop,var(--background-color-inverted))}.no-border-radius-top--laptop{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--laptop{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--laptop{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--laptop{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--laptop{border-radius:var(--px-radius-none)}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--laptop,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--laptop,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--laptop)}.border-side-top--laptop{border-style:solid none none}.border-side-right--laptop{border-style:none solid none none}.border-side-bottom--laptop{border-style:none none solid}.border-side-left--laptop{border-style:none none none solid}.border-side-block--laptop{border-block-style:solid;border-inline-style:none}.border-side-inline--laptop{border-block-style:none;border-inline-style:solid}}@media screen and (width>=90.0625rem){:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--desktop)}:host([subgrid-rows]):host([col-span--desktop]) .container{grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)}:host([subgrid-rows]):host([grow--desktop]) .container{flex-grow:var(--grow--desktop-value)}:host([subgrid-rows]):host([shrink--desktop]) .container{flex-shrink:var(--shrink--desktop-value)}:host([subgrid-rows]):host([basis--desktop]) .container{flex-basis:var(--basis--desktop-value)}:host([subgrid-rows]):host([align-self--desktop]) .container{align-self:var(--align-self--desktop-value)}:host([subgrid-rows]):host([justify-self--desktop]) .container{justify-self:var(--justify-self--desktop-value)}:host([subgrid-rows]):host([order--desktop]) .container{order:var(--order--desktop-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--desktop)}}", I = new CSSStyleSheet();
774
- I.replaceSync(Te);
775
- var Ee = [
773
+ var Ee = ":host{display:block}:host,:host *{box-sizing:border-box}.content-wrapper{margin-inline:var(--px-padding-s-mobile);max-width:var(--px-content-wrapper-max-width-desktop)}@media screen and (width>=77rem){.content-wrapper{margin-inline:auto}}.overlapped{margin-bottom:calc(var(--px-overlapped-mobile) * -1)}::slotted([slot=overlap]){margin-top:var(--px-overlapped-mobile)}@media screen and (width>=48rem){.overlapped{margin-bottom:calc(var(--px-overlapped-desktop) * -1)}::slotted([slot=overlap]){margin-top:var(--px-overlapped-desktop)}}@media screen and (width>=64.0625rem){.overlapped{margin-bottom:calc(var(--px-overlapped-desktop) * -1)}::slotted([slot=overlap]){margin-top:var(--px-overlapped-desktop)}}", De = ":host{display:block}.container{font-family:var(--px-font-family);background-color:var(--background-color);border-radius:var(--px-radius-main);box-sizing:border-box;height:100%}:host([background-image]) .container{background-image:var(--background-image)}:host([background-gradient]) .container{background-image:var(--background-gradient)}:host([inverted]) .container{background-color:var(--background-color-inverted);color:var(--px-color-text-neutral-inverted)}.border-none{border:none}.border-s{border:var(--px-size-border-s) solid var(--border-color)}.border-m{border:var(--px-size-border-m) solid var(--border-color)}.border-l{border:var(--px-size-border-l) solid var(--border-color)}.border-side-top{border-bottom-style:none;border-left-style:none;border-right-style:none}.border-side-right{border-top-style:none;border-bottom-style:none;border-left-style:none}.border-side-bottom{border-top-style:none;border-left-style:none;border-right-style:none}.border-side-left{border-top-style:none;border-bottom-style:none;border-right-style:none}.border-side-block{border-inline-style:none}.border-side-inline{border-block-style:none}:host([inverted]) .border-s,:host([inverted]) .border-m,:host([inverted]) .border-l{border-color:var(--border-color-inverted)}.border-radius-main{border-radius:var(--px-radius-main)}.border-radius-pill{border-radius:var(--px-radius-pill)}.no-border-radius-top{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all,.border-radius-none{border-radius:var(--px-radius-none)}.bgimg{background-repeat:no-repeat}.background-size-cover{background-position:50%;background-size:cover}.background-size-contain{background-size:contain}.box-shadow-none{box-shadow:none}.box-shadow-s{box-shadow:0 1px 2px #2525251f}.box-shadow-m{box-shadow:0 4px 6px -1px #25252514}.box-shadow-l{box-shadow:0 10px 15px -3px #25252514}.box-shadow-xl{box-shadow:0 20px 25px -5px #25252514}.anchored{position:relative}::slotted([slot=anchor-right]),::slotted([slot=anchor-left]),::slotted([slot=anchor-full]){position:absolute;top:0}::slotted([slot=anchor-right]),::slotted([slot=anchor-left]){z-index:3;transform:translateY(-50%)}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--mobile,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--mobile,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-full]){text-align:center;z-index:2;left:0;right:0;transform:translateY(-100%)}::slotted(px-vstack:only-of-type),::slotted(px-hstack:only-of-type),::slotted(px-stack:only-of-type),::slotted(px-grid:only-of-type){height:100%}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--mobile)}.border-s ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-s) * -1);left:calc(var(--px-size-border-s) * -1)}.border-m ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-m) * -1);left:calc(var(--px-size-border-m) * -1)}.border-l ::slotted([slot=anchor-full]){right:calc(var(--px-size-border-l) * -1);left:calc(var(--px-size-border-l) * -1)}:host([subgrid-rows]){display:contents}:host([subgrid-rows]) .container{grid-template-rows:subgrid;grid-row:span var(--subgrid-rows);display:grid}:host([subgrid-rows]):host([grow]) .container{flex-grow:var(--grow-value)}:host([subgrid-rows]):host([shrink]) .container{flex-shrink:var(--shrink-value)}:host([subgrid-rows]):host([basis]) .container{flex-basis:var(--basis-value)}:host([subgrid-rows]):host([align-self]) .container{align-self:var(--align-self-value)}:host([subgrid-rows]):host([col-span]) .container{grid-column:span var(--col-span-value) / span var(--col-span-value)}:host([subgrid-rows]):host([justify-self]) .container{justify-self:var(--justify-self-value)}:host([subgrid-rows]):host([order]) .container{order:var(--order-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--mobile)}@media screen and (width<=47.938rem){.container{background-color:var(--background-color--mobile,var(--background-color))}:host([background-image--mobile]) .container{background-image:var(--background-image--mobile,var(--background-image))}:host([background-gradient--mobile]) .container{background-image:var(--background-gradient--mobile,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--mobile,var(--background-color-inverted))}.border-side-top--mobile{border-style:solid none none}.border-side-right--mobile{border-style:none solid none none}.border-side-bottom--mobile{border-style:none none solid}.border-side-left--mobile{border-style:none none none solid}.border-side-block--mobile{border-block-style:solid;border-inline-style:none}.border-side-inline--mobile{border-block-style:none;border-inline-style:solid}.no-border-radius-top--mobile{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--mobile{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--mobile{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--mobile{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--mobile{border-radius:var(--px-radius-none)}:host([subgrid-rows]):host([grow--mobile]) .container{flex-grow:var(--grow--mobile-value)}:host([subgrid-rows]):host([shrink--mobile]) .container{flex-shrink:var(--shrink--mobile-value)}:host([subgrid-rows]):host([basis--mobile]) .container{flex-basis:var(--basis--mobile-value)}:host([subgrid-rows]):host([align-self--mobile]) .container{align-self:var(--align-self--mobile-value)}:host([subgrid-rows]):host([col-span--mobile]) .container{grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)}:host([subgrid-rows]):host([justify-self--mobile]) .container{justify-self:var(--justify-self--mobile-value)}:host([subgrid-rows]):host([order--mobile]) .container{order:var(--order--mobile-value)}}@media screen and (width>=48rem) and (width<=64rem){.container{background-color:var(--background-color--tablet,var(--background-color))}:host([background-image--tablet]) .container{background-image:var(--background-image--tablet,var(--background-image))}:host([background-gradient--tablet]) .container{background-image:var(--background-gradient--tablet,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--tablet,var(--background-color-inverted))}.no-border-radius-top--tablet{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--tablet{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--tablet{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--tablet{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--tablet{border-radius:var(--px-radius-none)}.border-side-top--tablet{border-style:solid none none}.border-side-right--tablet{border-style:none solid none none}.border-side-bottom--tablet{border-style:none none solid}.border-side-left--tablet{border-style:none none none solid}.border-side-block--tablet{border-block-style:solid;border-inline-style:none}.border-side-inline--tablet{border-block-style:none;border-inline-style:solid}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--tablet,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--tablet,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--tablet)}:host([subgrid-rows]):host([col-span--tablet]) .container{grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)}:host([subgrid-rows]):host([grow--tablet]) .container{flex-grow:var(--grow--tablet-value)}:host([subgrid-rows]):host([shrink--tablet]) .container{flex-shrink:var(--shrink--tablet-value)}:host([subgrid-rows]):host([basis--tablet]) .container{flex-basis:var(--basis--tablet-value)}:host([subgrid-rows]):host([align-self--tablet]) .container{align-self:var(--align-self--tablet-value)}:host([subgrid-rows]):host([justify-self--tablet]) .container{justify-self:var(--justify-self--tablet-value)}:host([subgrid-rows]):host([order--tablet]) .container{order:var(--order--tablet-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--tablet)}}@media screen and (width>=64.0625rem) and (width<=90rem){:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--laptop)}:host([subgrid-rows]):host([col-span--laptop]) .container{grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)}:host([subgrid-rows]):host([grow--laptop]) .container{flex-grow:var(--grow--laptop-value)}:host([subgrid-rows]):host([shrink--laptop]) .container{flex-shrink:var(--shrink--laptop-value)}:host([subgrid-rows]):host([basis--laptop]) .container{flex-basis:var(--basis--laptop-value)}:host([subgrid-rows]):host([align-self--laptop]) .container{align-self:var(--align-self--laptop-value)}:host([subgrid-rows]):host([justify-self--laptop]) .container{justify-self:var(--justify-self--laptop-value)}:host([subgrid-rows]):host([order--laptop]) .container{order:var(--order--laptop-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--laptop)}}@media screen and (width>=64.0625rem){.container{background-color:var(--background-color--laptop,var(--background-color))}:host([background-image--laptop]) .container{background-image:var(--background-image--laptop,var(--background-image))}:host([background-gradient--laptop]) .container{background-image:var(--background-gradient--laptop,var(--background-gradient))}:host([inverted]) .container{background-color:var(--background-color-inverted--laptop,var(--background-color-inverted))}.no-border-radius-top--laptop{border-top-left-radius:var(--px-radius-none);border-top-right-radius:var(--px-radius-none)}.no-border-radius-right--laptop{border-top-right-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-bottom--laptop{border-bottom-left-radius:var(--px-radius-none);border-bottom-right-radius:var(--px-radius-none)}.no-border-radius-left--laptop{border-top-left-radius:var(--px-radius-none);border-bottom-left-radius:var(--px-radius-none)}.no-border-radius-all--laptop{border-radius:var(--px-radius-none)}::slotted([slot=anchor-right]){right:var(--container-anchor-offset--laptop,var(--container-padding-right,var(--container-padding-inline,var(--container-padding))))}::slotted([slot=anchor-left]){left:var(--container-anchor-offset--laptop,var(--container-padding-left,var(--container-padding-inline,var(--container-padding))))}:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--laptop)}.border-side-top--laptop{border-style:solid none none}.border-side-right--laptop{border-style:none solid none none}.border-side-bottom--laptop{border-style:none none solid}.border-side-left--laptop{border-style:none none none solid}.border-side-block--laptop{border-block-style:solid;border-inline-style:none}.border-side-inline--laptop{border-block-style:none;border-inline-style:solid}}@media screen and (width>=90.0625rem){:host([anchor-spacing]){margin-top:var(--container-anchor-spacing--desktop)}:host([subgrid-rows]):host([col-span--desktop]) .container{grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)}:host([subgrid-rows]):host([grow--desktop]) .container{flex-grow:var(--grow--desktop-value)}:host([subgrid-rows]):host([shrink--desktop]) .container{flex-shrink:var(--shrink--desktop-value)}:host([subgrid-rows]):host([basis--desktop]) .container{flex-basis:var(--basis--desktop-value)}:host([subgrid-rows]):host([align-self--desktop]) .container{align-self:var(--align-self--desktop-value)}:host([subgrid-rows]):host([justify-self--desktop]) .container{justify-self:var(--justify-self--desktop-value)}:host([subgrid-rows]):host([order--desktop]) .container{order:var(--order--desktop-value)}:host([subgrid-rows]):host([anchor-spacing]) .container{margin-top:var(--container-anchor-spacing--desktop)}}", I = new CSSStyleSheet();
774
+ I.replaceSync(De);
775
+ var Oe = [
776
776
  "top-patch",
777
777
  "top-neighbor-patch",
778
778
  "top-ribbon",
779
779
  "top-neighbor-ribbon",
780
780
  "top-patch-and-neighbor-ribbon"
781
- ], De = [
781
+ ], ke = [
782
782
  "1",
783
783
  "2",
784
784
  "3",
@@ -791,21 +791,24 @@ var Ee = [
791
791
  "10",
792
792
  "11",
793
793
  "12"
794
- ], L = (e, t, n) => `:host([${e}${n ? `--${n}` : ""}='${t}']) .container`, R = "px-padding", Oe = [
795
- l("padding", L, h, R, "--container-padding"),
796
- l("padding-inline", L, h, R),
797
- l("padding-block", L, h, R),
798
- l("padding-top", L, h, R),
799
- l("padding-right", L, h, R, "--container-padding-right"),
800
- l("padding-bottom", L, h, R),
801
- l("padding-left", L, h, R, "--container-padding-left"),
802
- l("gap", L, ie, "px-spacing", void 0, "subgrid-gap")
803
- ], ke = class extends t {
794
+ ], L = (e, t, n) => `:host([${e}${n ? `--${n}` : ""}='${t}']) .container`, R = "px-padding", Ae = [
795
+ u("padding", L, g, R, "--container-padding"),
796
+ u("padding-inline", L, g, R),
797
+ u("padding-block", L, g, R),
798
+ u("padding-top", L, g, R),
799
+ u("padding-right", L, g, R, "--container-padding-right"),
800
+ u("padding-bottom", L, g, R),
801
+ u("padding-left", L, g, R, "--container-padding-left"),
802
+ u("gap", L, ie, "px-spacing", void 0, "subgrid-gap")
803
+ ], je = class e extends t {
804
+ static {
805
+ this.template = l("<div class=\"container\"><slot></slot><slot name=\"anchor-left\"></slot><slot name=\"anchor-right\"></slot><slot name=\"anchor-full\"></slot></div>");
806
+ }
804
807
  static {
805
808
  this.nativeName = "div";
806
809
  }
807
810
  constructor() {
808
- super(I, ...Oe), this.template = () => "<div class=\"container\">\n <slot></slot>\n <slot name=\"anchor-left\"></slot>\n <slot name=\"anchor-right\"></slot>\n <slot name=\"anchor-full\"></slot>\n </div>", this._bgObserver = null, this._isInViewport = !1, this.contentObserver = null, this.shadowRoot.innerHTML = this.template();
811
+ super(I, ...Ae), this._bgObserver = null, this._isInViewport = !1, this.contentObserver = null, v(this.shadowRoot, e.template);
809
812
  }
810
813
  static get observedAttributes() {
811
814
  return [
@@ -909,13 +912,13 @@ var Ee = [
909
912
  this.updateAttribute(e, t, n, re);
910
913
  break;
911
914
  case "anchor-offset":
912
- this.updateAnchorOffset(t, n, h);
915
+ this.updateAnchorOffset(t, n, g);
913
916
  break;
914
917
  case "anchor-spacing":
915
- this.updateAnchorSpacing(t, n, Ee);
918
+ this.updateAnchorSpacing(t, n, Oe);
916
919
  break;
917
920
  case "subgrid-rows":
918
- this.updateSubgridRows(e, t, n, De);
921
+ this.updateSubgridRows(e, t, n, ke);
919
922
  break;
920
923
  default: super.attributeChangedCallback(e, t, n);
921
924
  }
@@ -935,32 +938,32 @@ var Ee = [
935
938
  this.$el.style.setProperty(`--${e}`, `url("${t}")`);
936
939
  }
937
940
  updateGradient(e, t) {
938
- if (this.checkName(f, t)) {
941
+ if (this.checkName(p, t)) {
939
942
  let n = this.splitAttrNameFromBreakpoint(e);
940
943
  e = n.attrName;
941
944
  let r = n.breakpoint;
942
945
  this.$el.style.setProperty(`--${e}${r}`, `linear-gradient(var(--px-color-background-gradient-${t}))`);
943
- } else m(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${f.join("\", \"")}".`);
946
+ } else h(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${p.join("\", \"")}".`);
944
947
  }
945
948
  updateBackgroundColor(e, t) {
946
949
  let n = t.startsWith("surface-");
947
950
  if (this.checkName(r, t)) {
948
951
  let r = this.splitAttrNameFromBreakpoint(e), i = r.breakpoint;
949
952
  this.$el.style.setProperty(`--${r.attrName}${i}`, `var(--px-color-background-${t}${n ? "" : "-default"})`), this.$el.style.setProperty(`--${r.attrName}-inverted${i}`, `var(--px-color-background-${t}${n ? "" : "-inverted"})`);
950
- } else m(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
953
+ } else h(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
951
954
  }
952
955
  updateBorderColor(e, t) {
953
- this.checkName(o, t) ? (this.$el.style.setProperty(`--${e}`, `var(--px-color-border-${t}-default)`), this.$el.style.setProperty(`--${e}-inverted`, `var(--px-color-border-${t}-inverted)`)) : m(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${o.join("\", \"")}".`);
956
+ this.checkName(o, t) ? (this.$el.style.setProperty(`--${e}`, `var(--px-color-border-${t}-default)`), this.$el.style.setProperty(`--${e}-inverted`, `var(--px-color-border-${t}-inverted)`)) : h(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${o.join("\", \"")}".`);
954
957
  }
955
958
  updateNoBorderRadius(e, t, n, r) {
956
- if (!this.checkName(r, n)) m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
959
+ if (!this.checkName(r, n)) h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
957
960
  else {
958
961
  let r = this.splitAttrNameFromBreakpoint(e), i = r.breakpoint;
959
962
  t !== null && t !== "" && this.$el.classList.toggle(`${r.attrName}-${t}${i}`), n !== null && n !== "" && this.$el.classList.toggle(`${r.attrName}-${n}${i}`);
960
963
  }
961
964
  }
962
965
  updateAttribute(e, t, n, r) {
963
- if (!this.checkName(r, n)) m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
966
+ if (!this.checkName(r, n)) h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
964
967
  else {
965
968
  let r = this.splitAttrNameFromBreakpoint(e), i = r.breakpoint;
966
969
  t !== null && t !== "" && this.$el.classList.toggle(`${r.attrName}-${t}${i}`), n !== null && n !== "" && this.$el.classList.toggle(`${r.attrName}-${n}${i}`);
@@ -983,7 +986,7 @@ var Ee = [
983
986
  }
984
987
  updateAnchorOffset(e, t, n) {
985
988
  if (!s(n, t)) {
986
- m(`"${t}" is not a valid anchor-offset value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
989
+ h(`"${t}" is not a valid anchor-offset value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
987
990
  return;
988
991
  }
989
992
  let r = (e) => {
@@ -996,7 +999,7 @@ var Ee = [
996
999
  }
997
1000
  updateAnchorSpacing(e, t, n) {
998
1001
  if (!s(n, t)) {
999
- m(`"${t}" is not a valid anchor-spacing value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
1002
+ h(`"${t}" is not a valid anchor-spacing value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
1000
1003
  return;
1001
1004
  }
1002
1005
  let r = (e) => {
@@ -1005,7 +1008,7 @@ var Ee = [
1005
1008
  r(e), r(t);
1006
1009
  }
1007
1010
  updateSubgridRows(e, t, n, r) {
1008
- s(r, n) ? this.style.setProperty(`--${e}`, n) : m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
1011
+ s(r, n) ? this.style.setProperty(`--${e}`, n) : h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
1009
1012
  }
1010
1013
  get $el() {
1011
1014
  return this?.shadowRoot?.querySelector(".container");
@@ -1017,337 +1020,337 @@ var Ee = [
1017
1020
  return this.getAttribute("padding");
1018
1021
  }
1019
1022
  set padding(e) {
1020
- g(this, "padding", e);
1023
+ _(this, "padding", e);
1021
1024
  }
1022
1025
  get paddingBlock() {
1023
1026
  return this.getAttribute("padding-block");
1024
1027
  }
1025
1028
  set paddingBlock(e) {
1026
- g(this, "padding-block", e);
1029
+ _(this, "padding-block", e);
1027
1030
  }
1028
1031
  get paddingInline() {
1029
1032
  return this.getAttribute("padding-inline");
1030
1033
  }
1031
1034
  set paddingInline(e) {
1032
- g(this, "padding-inline", e);
1035
+ _(this, "padding-inline", e);
1033
1036
  }
1034
1037
  get paddingTop() {
1035
1038
  return this.getAttribute("padding-top");
1036
1039
  }
1037
1040
  set paddingTop(e) {
1038
- g(this, "padding-top", e);
1041
+ _(this, "padding-top", e);
1039
1042
  }
1040
1043
  get paddingRight() {
1041
1044
  return this.getAttribute("padding-right");
1042
1045
  }
1043
1046
  set paddingRight(e) {
1044
- g(this, "padding-right", e);
1047
+ _(this, "padding-right", e);
1045
1048
  }
1046
1049
  get paddingBottom() {
1047
1050
  return this.getAttribute("padding-bottom");
1048
1051
  }
1049
1052
  set paddingBottom(e) {
1050
- g(this, "padding-bottom", e);
1053
+ _(this, "padding-bottom", e);
1051
1054
  }
1052
1055
  get paddingLeft() {
1053
1056
  return this.getAttribute("padding-left");
1054
1057
  }
1055
1058
  set paddingLeft(e) {
1056
- g(this, "padding-left", e);
1059
+ _(this, "padding-left", e);
1057
1060
  }
1058
1061
  get paddingMobile() {
1059
1062
  return this.getAttribute("padding--mobile");
1060
1063
  }
1061
1064
  set paddingMobile(e) {
1062
- g(this, "padding--mobile", e);
1065
+ _(this, "padding--mobile", e);
1063
1066
  }
1064
1067
  get paddingBlockMobile() {
1065
1068
  return this.getAttribute("padding-block--mobile");
1066
1069
  }
1067
1070
  set paddingBlockMobile(e) {
1068
- g(this, "padding-block--mobile", e);
1071
+ _(this, "padding-block--mobile", e);
1069
1072
  }
1070
1073
  get paddingInlineMobile() {
1071
1074
  return this.getAttribute("padding-inline--mobile");
1072
1075
  }
1073
1076
  set paddingInlineMobile(e) {
1074
- g(this, "padding-inline--mobile", e);
1077
+ _(this, "padding-inline--mobile", e);
1075
1078
  }
1076
1079
  get paddingTopMobile() {
1077
1080
  return this.getAttribute("padding-top--mobile");
1078
1081
  }
1079
1082
  set paddingTopMobile(e) {
1080
- g(this, "padding-top--mobile", e);
1083
+ _(this, "padding-top--mobile", e);
1081
1084
  }
1082
1085
  get paddingRightMobile() {
1083
1086
  return this.getAttribute("padding-right--mobile");
1084
1087
  }
1085
1088
  set paddingRightMobile(e) {
1086
- g(this, "padding-right--mobile", e);
1089
+ _(this, "padding-right--mobile", e);
1087
1090
  }
1088
1091
  get paddingBottomMobile() {
1089
1092
  return this.getAttribute("padding-bottom--mobile");
1090
1093
  }
1091
1094
  set paddingBottomMobile(e) {
1092
- g(this, "padding-bottom--mobile", e);
1095
+ _(this, "padding-bottom--mobile", e);
1093
1096
  }
1094
1097
  get paddingLeftMobile() {
1095
1098
  return this.getAttribute("padding-left--mobile");
1096
1099
  }
1097
1100
  set paddingLeftMobile(e) {
1098
- g(this, "padding-left--mobile", e);
1101
+ _(this, "padding-left--mobile", e);
1099
1102
  }
1100
1103
  get paddingTablet() {
1101
1104
  return this.getAttribute("padding--tablet");
1102
1105
  }
1103
1106
  set paddingTablet(e) {
1104
- g(this, "padding--tablet", e);
1107
+ _(this, "padding--tablet", e);
1105
1108
  }
1106
1109
  get paddingBlockTablet() {
1107
1110
  return this.getAttribute("padding-block--tablet");
1108
1111
  }
1109
1112
  set paddingBlockTablet(e) {
1110
- g(this, "padding-block--tablet", e);
1113
+ _(this, "padding-block--tablet", e);
1111
1114
  }
1112
1115
  get paddingInlineTablet() {
1113
1116
  return this.getAttribute("padding-inline--tablet");
1114
1117
  }
1115
1118
  set paddingInlineTablet(e) {
1116
- g(this, "padding-inline--tablet", e);
1119
+ _(this, "padding-inline--tablet", e);
1117
1120
  }
1118
1121
  get paddingTopTablet() {
1119
1122
  return this.getAttribute("padding-top--tablet");
1120
1123
  }
1121
1124
  set paddingTopTablet(e) {
1122
- g(this, "padding-top--tablet", e);
1125
+ _(this, "padding-top--tablet", e);
1123
1126
  }
1124
1127
  get paddingRightTablet() {
1125
1128
  return this.getAttribute("padding-right--tablet");
1126
1129
  }
1127
1130
  set paddingRightTablet(e) {
1128
- g(this, "padding-right--tablet", e);
1131
+ _(this, "padding-right--tablet", e);
1129
1132
  }
1130
1133
  get paddingBottomTablet() {
1131
1134
  return this.getAttribute("padding-bottom--tablet");
1132
1135
  }
1133
1136
  set paddingBottomTablet(e) {
1134
- g(this, "padding-bottom--tablet", e);
1137
+ _(this, "padding-bottom--tablet", e);
1135
1138
  }
1136
1139
  get paddingLeftTablet() {
1137
1140
  return this.getAttribute("padding-left--tablet");
1138
1141
  }
1139
1142
  set paddingLeftTablet(e) {
1140
- g(this, "padding-left--tablet", e);
1143
+ _(this, "padding-left--tablet", e);
1141
1144
  }
1142
1145
  get paddingLaptop() {
1143
1146
  return this.getAttribute("padding--laptop");
1144
1147
  }
1145
1148
  set paddingLaptop(e) {
1146
- g(this, "padding--laptop", e);
1149
+ _(this, "padding--laptop", e);
1147
1150
  }
1148
1151
  get paddingBlockLaptop() {
1149
1152
  return this.getAttribute("padding-block--laptop");
1150
1153
  }
1151
1154
  set paddingBlockLaptop(e) {
1152
- g(this, "padding-block--laptop", e);
1155
+ _(this, "padding-block--laptop", e);
1153
1156
  }
1154
1157
  get paddingInlineLaptop() {
1155
1158
  return this.getAttribute("padding-inline--laptop");
1156
1159
  }
1157
1160
  set paddingInlineLaptop(e) {
1158
- g(this, "padding-inline--laptop", e);
1161
+ _(this, "padding-inline--laptop", e);
1159
1162
  }
1160
1163
  get paddingTopLaptop() {
1161
1164
  return this.getAttribute("padding-top--laptop");
1162
1165
  }
1163
1166
  set paddingTopLaptop(e) {
1164
- g(this, "padding-top--laptop", e);
1167
+ _(this, "padding-top--laptop", e);
1165
1168
  }
1166
1169
  get paddingRightLaptop() {
1167
1170
  return this.getAttribute("padding-right--laptop");
1168
1171
  }
1169
1172
  set paddingRightLaptop(e) {
1170
- g(this, "padding-right--laptop", e);
1173
+ _(this, "padding-right--laptop", e);
1171
1174
  }
1172
1175
  get paddingBottomLaptop() {
1173
1176
  return this.getAttribute("padding-bottom--laptop");
1174
1177
  }
1175
1178
  set paddingBottomLaptop(e) {
1176
- g(this, "padding-bottom--laptop", e);
1179
+ _(this, "padding-bottom--laptop", e);
1177
1180
  }
1178
1181
  get paddingLeftLaptop() {
1179
1182
  return this.getAttribute("padding-left--laptop");
1180
1183
  }
1181
1184
  set paddingLeftLaptop(e) {
1182
- g(this, "padding-left--laptop", e);
1185
+ _(this, "padding-left--laptop", e);
1183
1186
  }
1184
1187
  get border() {
1185
1188
  return this.getAttribute("border");
1186
1189
  }
1187
1190
  set border(e) {
1188
- g(this, "border", e);
1191
+ _(this, "border", e);
1189
1192
  }
1190
1193
  get borderColor() {
1191
1194
  return this.getAttribute("border-color");
1192
1195
  }
1193
1196
  set borderColor(e) {
1194
- g(this, "border-color", e);
1197
+ _(this, "border-color", e);
1195
1198
  }
1196
1199
  get borderSide() {
1197
1200
  return this.getAttribute("border-side");
1198
1201
  }
1199
1202
  set borderSide(e) {
1200
- g(this, "border-side", e);
1203
+ _(this, "border-side", e);
1201
1204
  }
1202
1205
  get borderSideMobile() {
1203
1206
  return this.getAttribute("border-side--mobile");
1204
1207
  }
1205
1208
  set borderSideMobile(e) {
1206
- g(this, "border-side--mobile", e);
1209
+ _(this, "border-side--mobile", e);
1207
1210
  }
1208
1211
  get borderSideTablet() {
1209
1212
  return this.getAttribute("border-side--tablet");
1210
1213
  }
1211
1214
  set borderSideTablet(e) {
1212
- g(this, "border-side--tablet", e);
1215
+ _(this, "border-side--tablet", e);
1213
1216
  }
1214
1217
  get borderSideLaptop() {
1215
1218
  return this.getAttribute("border-side--laptop");
1216
1219
  }
1217
1220
  set borderSideLaptop(e) {
1218
- g(this, "border-side--laptop", e);
1221
+ _(this, "border-side--laptop", e);
1219
1222
  }
1220
1223
  get borderRadius() {
1221
1224
  return this.getAttribute("border-radius");
1222
1225
  }
1223
1226
  set borderRadius(e) {
1224
- g(this, "border-radius", e);
1227
+ _(this, "border-radius", e);
1225
1228
  }
1226
1229
  get noBorderRadius() {
1227
1230
  return this.getAttribute("no-border-radius");
1228
1231
  }
1229
1232
  set noBorderRadius(e) {
1230
- g(this, "no-border-radius", e);
1233
+ _(this, "no-border-radius", e);
1231
1234
  }
1232
1235
  get noBorderRadiusMobile() {
1233
1236
  return this.getAttribute("no-border-radius--mobile");
1234
1237
  }
1235
1238
  set noBorderRadiusMobile(e) {
1236
- g(this, "no-border-radius--mobile", e);
1239
+ _(this, "no-border-radius--mobile", e);
1237
1240
  }
1238
1241
  get noBorderRadiusTablet() {
1239
1242
  return this.getAttribute("no-border-radius--tablet");
1240
1243
  }
1241
1244
  set noBorderRadiusTablet(e) {
1242
- g(this, "no-border-radius--tablet", e);
1245
+ _(this, "no-border-radius--tablet", e);
1243
1246
  }
1244
1247
  get noBorderRadiusLaptop() {
1245
1248
  return this.getAttribute("no-border-radius--laptop");
1246
1249
  }
1247
1250
  set noBorderRadiusLaptop(e) {
1248
- g(this, "no-border-radius--laptop", e);
1251
+ _(this, "no-border-radius--laptop", e);
1249
1252
  }
1250
1253
  get backgroundColor() {
1251
1254
  return this.getAttribute("background-color");
1252
1255
  }
1253
1256
  set backgroundColor(e) {
1254
- g(this, "background-color", e);
1257
+ _(this, "background-color", e);
1255
1258
  }
1256
1259
  get backgroundColorMobile() {
1257
1260
  return this.getAttribute("background-color--mobile");
1258
1261
  }
1259
1262
  set backgroundColorMobile(e) {
1260
- g(this, "background-color--mobile", e);
1263
+ _(this, "background-color--mobile", e);
1261
1264
  }
1262
1265
  get backgroundColorTablet() {
1263
1266
  return this.getAttribute("background-color--tablet");
1264
1267
  }
1265
1268
  set backgroundColorTablet(e) {
1266
- g(this, "background-color--tablet", e);
1269
+ _(this, "background-color--tablet", e);
1267
1270
  }
1268
1271
  get backgroundColorLaptop() {
1269
1272
  return this.getAttribute("background-color--laptop");
1270
1273
  }
1271
1274
  set backgroundColorLaptop(e) {
1272
- g(this, "background-color--laptop", e);
1275
+ _(this, "background-color--laptop", e);
1273
1276
  }
1274
1277
  get gradient() {
1275
1278
  return this.getAttribute("background-gradient");
1276
1279
  }
1277
1280
  set gradient(e) {
1278
- g(this, "background-gradient", e);
1281
+ _(this, "background-gradient", e);
1279
1282
  }
1280
1283
  get gradientMobile() {
1281
1284
  return this.getAttribute("background-gradient--mobile");
1282
1285
  }
1283
1286
  set gradientMobile(e) {
1284
- g(this, "background-gradient--mobile", e);
1287
+ _(this, "background-gradient--mobile", e);
1285
1288
  }
1286
1289
  get gradientTablet() {
1287
1290
  return this.getAttribute("background-gradient--tablet");
1288
1291
  }
1289
1292
  set gradientTablet(e) {
1290
- g(this, "background-gradient--tablet", e);
1293
+ _(this, "background-gradient--tablet", e);
1291
1294
  }
1292
1295
  get gradientLaptop() {
1293
1296
  return this.getAttribute("background-gradient--laptop");
1294
1297
  }
1295
1298
  set gradientLaptop(e) {
1296
- g(this, "background-gradient--laptop", e);
1299
+ _(this, "background-gradient--laptop", e);
1297
1300
  }
1298
1301
  get backgroundImage() {
1299
1302
  return this.getAttribute("background-image");
1300
1303
  }
1301
1304
  set backgroundImage(e) {
1302
- g(this, "background-image", e);
1305
+ _(this, "background-image", e);
1303
1306
  }
1304
1307
  get backgroundImageMobile() {
1305
1308
  return this.getAttribute("background-image--mobile");
1306
1309
  }
1307
1310
  set backgroundImageMobile(e) {
1308
- g(this, "background-image--mobile", e);
1311
+ _(this, "background-image--mobile", e);
1309
1312
  }
1310
1313
  get backgroundImageTablet() {
1311
1314
  return this.getAttribute("background-image--tablet");
1312
1315
  }
1313
1316
  set backgroundImageTablet(e) {
1314
- g(this, "background-image--tablet", e);
1317
+ _(this, "background-image--tablet", e);
1315
1318
  }
1316
1319
  get backgroundImageLaptop() {
1317
1320
  return this.getAttribute("background-image--laptop");
1318
1321
  }
1319
1322
  set backgroundImageLaptop(e) {
1320
- g(this, "background-image--laptop", e);
1323
+ _(this, "background-image--laptop", e);
1321
1324
  }
1322
1325
  get backgroundSize() {
1323
1326
  return this.getAttribute("background-size");
1324
1327
  }
1325
1328
  set backgroundSize(e) {
1326
- g(this, "background-size", e);
1329
+ _(this, "background-size", e);
1327
1330
  }
1328
1331
  get backgroundPosition() {
1329
1332
  return this.getAttribute("background-position");
1330
1333
  }
1331
1334
  set backgroundPosition(e) {
1332
- g(this, "background-position", e);
1335
+ _(this, "background-position", e);
1333
1336
  }
1334
1337
  get boxShadow() {
1335
1338
  return this.getAttribute("box-shadow");
1336
1339
  }
1337
1340
  set boxShadow(e) {
1338
- g(this, "box-shadow", e);
1341
+ _(this, "box-shadow", e);
1339
1342
  }
1340
1343
  get anchorOffset() {
1341
1344
  return this.getAttribute("anchor-offset");
1342
1345
  }
1343
1346
  set anchorOffset(e) {
1344
- g(this, "anchor-offset", e);
1347
+ _(this, "anchor-offset", e);
1345
1348
  }
1346
1349
  get anchorSpacing() {
1347
1350
  return this.getAttribute("anchor-spacing");
1348
1351
  }
1349
1352
  set anchorSpacing(e) {
1350
- g(this, "anchor-spacing", e);
1353
+ _(this, "anchor-spacing", e);
1351
1354
  }
1352
1355
  get inverted() {
1353
1356
  return this.hasAttribute("inverted");
@@ -1359,44 +1362,47 @@ var Ee = [
1359
1362
  return this.getAttribute("subgrid-rows");
1360
1363
  }
1361
1364
  set subgridRows(e) {
1362
- g(this, "subgrid-rows", e);
1365
+ _(this, "subgrid-rows", e);
1363
1366
  }
1364
1367
  get subgridGap() {
1365
1368
  return this.getAttribute("subgrid-gap");
1366
1369
  }
1367
1370
  set subgridGap(e) {
1368
- g(this, "subgrid-gap", e);
1371
+ _(this, "subgrid-gap", e);
1369
1372
  }
1370
1373
  get subgridGapMobile() {
1371
1374
  return this.getAttribute("subgrid-gap--mobile");
1372
1375
  }
1373
1376
  set subgridGapMobile(e) {
1374
- g(this, "subgrid-gap--mobile", e);
1377
+ _(this, "subgrid-gap--mobile", e);
1375
1378
  }
1376
1379
  get subgridGapTablet() {
1377
1380
  return this.getAttribute("subgrid-gap--tablet");
1378
1381
  }
1379
1382
  set subgridGapTablet(e) {
1380
- g(this, "subgrid-gap--tablet", e);
1383
+ _(this, "subgrid-gap--tablet", e);
1381
1384
  }
1382
1385
  get subgridGapLaptop() {
1383
1386
  return this.getAttribute("subgrid-gap--laptop");
1384
1387
  }
1385
1388
  set subgridGapLaptop(e) {
1386
- g(this, "subgrid-gap--laptop", e);
1389
+ _(this, "subgrid-gap--laptop", e);
1387
1390
  }
1388
1391
  };
1389
- customElements.get("px-container") || customElements.define("px-container", ke);
1392
+ customElements.get("px-container") || customElements.define("px-container", je);
1390
1393
  //#endregion
1391
1394
  //#region ../../components/Section/src/Section.ts
1392
1395
  var z = new CSSStyleSheet();
1393
- z.replaceSync(we);
1394
- var Ae = class extends t {
1396
+ z.replaceSync(Ee);
1397
+ var Me = class e extends t {
1398
+ static {
1399
+ this.template = l("<px-container border-radius=\"none\" padding-inline=\"none\"><div class=\"content-wrapper\"><px-vstack gap=\"heading-to-content\"><slot name=\"heading\"></slot><px-vstack gap=\"none\"><slot></slot></px-vstack></px-vstack></div></px-container><div class=\"content-wrapper\"><slot name=\"overlap\"></slot></div>");
1400
+ }
1395
1401
  constructor() {
1396
- super(z), this.template = () => "\n <px-container border-radius=\"none\" padding-inline=\"none\">\n <div class=\"content-wrapper\">\n <px-vstack gap=\"heading-to-content\">\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 <div class=\"content-wrapper\">\n <slot name=\"overlap\"></slot>\n </div>\n ", this.shadowRoot.innerHTML = this.template();
1402
+ super(z), v(this.shadowRoot, e.template);
1397
1403
  }
1398
1404
  connectedCallback() {
1399
- g(this.$container, "background-color", this.backgroundColor), !this.paddingBlock && !this.paddingTop && !this.paddingBottom && !this.paddingBlockMobile && !this.paddingTopMobile && !this.paddingBottomMobile && !this.paddingBlockTablet && !this.paddingTopTablet && !this.paddingBottomTablet && !this.paddingBlockLaptop && !this.paddingTopLaptop && !this.paddingBottomLaptop && (this.$container.paddingBlock = "none"), this.setHeadingSpacing = this.setHeadingSpacing.bind(this), this.setHeadingSpacing(), this.$slotHeading?.addEventListener("slotchange", this.setHeadingSpacing), this.toggleOverlapSpacing = this.toggleOverlapSpacing.bind(this), this.toggleOverlapSpacing(), this.$slotOverlap?.addEventListener("slotchange", this.toggleOverlapSpacing);
1405
+ _(this.$container, "background-color", this.backgroundColor), !this.paddingBlock && !this.paddingTop && !this.paddingBottom && !this.paddingBlockMobile && !this.paddingTopMobile && !this.paddingBottomMobile && !this.paddingBlockTablet && !this.paddingTopTablet && !this.paddingBottomTablet && !this.paddingBlockLaptop && !this.paddingTopLaptop && !this.paddingBottomLaptop && (this.$container.paddingBlock = "none"), this.setHeadingSpacing = this.setHeadingSpacing.bind(this), this.setHeadingSpacing(), this.$slotHeading?.addEventListener("slotchange", this.setHeadingSpacing), this.toggleOverlapSpacing = this.toggleOverlapSpacing.bind(this), this.toggleOverlapSpacing(), this.$slotOverlap?.addEventListener("slotchange", this.toggleOverlapSpacing);
1400
1406
  }
1401
1407
  static get observedAttributes() {
1402
1408
  return [
@@ -1546,164 +1552,167 @@ var Ae = class extends t {
1546
1552
  return this.getAttribute("background-color") || "none";
1547
1553
  }
1548
1554
  set backgroundColor(e) {
1549
- g(this, "background-color", e);
1555
+ _(this, "background-color", e);
1550
1556
  }
1551
1557
  get gradient() {
1552
1558
  return this.getAttribute("background-gradient");
1553
1559
  }
1554
1560
  set gradient(e) {
1555
- g(this, "background-gradient", e);
1561
+ _(this, "background-gradient", e);
1556
1562
  }
1557
1563
  get backgroundImage() {
1558
1564
  return this.getAttribute("background-image");
1559
1565
  }
1560
1566
  set backgroundImage(e) {
1561
- g(this, "background-image", e);
1567
+ _(this, "background-image", e);
1562
1568
  }
1563
1569
  get backgroundImageMobile() {
1564
1570
  return this.getAttribute("background-image--mobile");
1565
1571
  }
1566
1572
  set backgroundImageMobile(e) {
1567
- g(this, "background-image--mobile", e);
1573
+ _(this, "background-image--mobile", e);
1568
1574
  }
1569
1575
  get backgroundImageTablet() {
1570
1576
  return this.getAttribute("background-image--tablet");
1571
1577
  }
1572
1578
  set backgroundImageTablet(e) {
1573
- g(this, "background-image--tablet", e);
1579
+ _(this, "background-image--tablet", e);
1574
1580
  }
1575
1581
  get backgroundImageLaptop() {
1576
1582
  return this.getAttribute("background-image--laptop");
1577
1583
  }
1578
1584
  set backgroundImageLaptop(e) {
1579
- g(this, "background-image--laptop", e);
1585
+ _(this, "background-image--laptop", e);
1580
1586
  }
1581
1587
  get backgroundSize() {
1582
1588
  return this.getAttribute("background-size");
1583
1589
  }
1584
1590
  set backgroundSize(e) {
1585
- g(this, "background-size", e);
1591
+ _(this, "background-size", e);
1586
1592
  }
1587
1593
  get backgroundPosition() {
1588
1594
  return this.getAttribute("background-position");
1589
1595
  }
1590
1596
  set backgroundPosition(e) {
1591
- g(this, "background-position", e);
1597
+ _(this, "background-position", e);
1592
1598
  }
1593
1599
  get paddingBlock() {
1594
1600
  return this.getAttribute("padding-block");
1595
1601
  }
1596
1602
  set paddingBlock(e) {
1597
- g(this, "padding-block", e);
1603
+ _(this, "padding-block", e);
1598
1604
  }
1599
1605
  get paddingTop() {
1600
1606
  return this.getAttribute("padding-top");
1601
1607
  }
1602
1608
  set paddingTop(e) {
1603
- g(this, "padding-top", e);
1609
+ _(this, "padding-top", e);
1604
1610
  }
1605
1611
  get paddingBottom() {
1606
1612
  return this.getAttribute("padding-bottom");
1607
1613
  }
1608
1614
  set paddingBottom(e) {
1609
- g(this, "padding-bottom", e);
1615
+ _(this, "padding-bottom", e);
1610
1616
  }
1611
1617
  get paddingBlockMobile() {
1612
1618
  return this.getAttribute("padding-block--mobile");
1613
1619
  }
1614
1620
  set paddingBlockMobile(e) {
1615
- g(this, "padding-block--mobile", e);
1621
+ _(this, "padding-block--mobile", e);
1616
1622
  }
1617
1623
  get paddingTopMobile() {
1618
1624
  return this.getAttribute("padding-top--mobile");
1619
1625
  }
1620
1626
  set paddingTopMobile(e) {
1621
- g(this, "padding-top--mobile", e);
1627
+ _(this, "padding-top--mobile", e);
1622
1628
  }
1623
1629
  get paddingBottomMobile() {
1624
1630
  return this.getAttribute("padding-bottom--mobile");
1625
1631
  }
1626
1632
  set paddingBottomMobile(e) {
1627
- g(this, "padding-bottom--mobile", e);
1633
+ _(this, "padding-bottom--mobile", e);
1628
1634
  }
1629
1635
  get paddingBlockTablet() {
1630
1636
  return this.getAttribute("padding-block--tablet");
1631
1637
  }
1632
1638
  set paddingBlockTablet(e) {
1633
- g(this, "padding-block--tablet", e);
1639
+ _(this, "padding-block--tablet", e);
1634
1640
  }
1635
1641
  get paddingTopTablet() {
1636
1642
  return this.getAttribute("padding-top--tablet");
1637
1643
  }
1638
1644
  set paddingTopTablet(e) {
1639
- g(this, "padding-top--tablet", e);
1645
+ _(this, "padding-top--tablet", e);
1640
1646
  }
1641
1647
  get paddingBottomTablet() {
1642
1648
  return this.getAttribute("padding-bottom--tablet");
1643
1649
  }
1644
1650
  set paddingBottomTablet(e) {
1645
- g(this, "padding-bottom--tablet", e);
1651
+ _(this, "padding-bottom--tablet", e);
1646
1652
  }
1647
1653
  get paddingBlockLaptop() {
1648
1654
  return this.getAttribute("padding-block--laptop");
1649
1655
  }
1650
1656
  set paddingBlockLaptop(e) {
1651
- g(this, "padding-block--laptop", e);
1657
+ _(this, "padding-block--laptop", e);
1652
1658
  }
1653
1659
  get paddingTopLaptop() {
1654
1660
  return this.getAttribute("padding-top--laptop");
1655
1661
  }
1656
1662
  set paddingTopLaptop(e) {
1657
- g(this, "padding-top--laptop", e);
1663
+ _(this, "padding-top--laptop", e);
1658
1664
  }
1659
1665
  get paddingBottomLaptop() {
1660
1666
  return this.getAttribute("padding-bottom--laptop");
1661
1667
  }
1662
1668
  set paddingBottomLaptop(e) {
1663
- g(this, "padding-bottom--laptop", e);
1669
+ _(this, "padding-bottom--laptop", e);
1664
1670
  }
1665
1671
  get border() {
1666
1672
  return this.getAttribute("border");
1667
1673
  }
1668
1674
  set border(e) {
1669
- g(this, "border", e);
1675
+ _(this, "border", e);
1670
1676
  }
1671
1677
  get borderSide() {
1672
1678
  return this.getAttribute("border-side");
1673
1679
  }
1674
1680
  set borderSide(e) {
1675
- g(this, "border-side", e);
1681
+ _(this, "border-side", e);
1676
1682
  }
1677
1683
  get borderSideMobile() {
1678
1684
  return this.getAttribute("border-side--mobile");
1679
1685
  }
1680
1686
  set borderSideMobile(e) {
1681
- g(this, "border-side--mobile", e);
1687
+ _(this, "border-side--mobile", e);
1682
1688
  }
1683
1689
  get borderSideTablet() {
1684
1690
  return this.getAttribute("border-side--tablet");
1685
1691
  }
1686
1692
  set borderSideTablet(e) {
1687
- g(this, "border-side--tablet", e);
1693
+ _(this, "border-side--tablet", e);
1688
1694
  }
1689
1695
  get borderSideLaptop() {
1690
1696
  return this.getAttribute("border-side--laptop");
1691
1697
  }
1692
1698
  set borderSideLaptop(e) {
1693
- g(this, "border-side--laptop", e);
1699
+ _(this, "border-side--laptop", e);
1694
1700
  }
1695
1701
  };
1696
- customElements.get("px-section") || customElements.define("px-section", Ae);
1702
+ customElements.get("px-section") || customElements.define("px-section", Me);
1697
1703
  //#endregion
1698
1704
  //#region ../../components/Paragraph/src/paragraph.css?inline
1699
- var je = "p,::slotted(p){font-family:var(--px-font-family);color:var(--px-color-text-neutral-default);font-size:var(--px-text-size-body-m-mobile);font-weight:var(--px-font-weight-body);line-height:var(--px-line-height-ratio-l);margin:0}::slotted(p){margin-bottom:var(--px-spacing-xs-mobile)}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}:host([inverted]) p,:host([inverted]) ::slotted(p){color:var(--px-color-text-neutral-inverted)}@media screen and (width<=48rem){.text-align-left--mobile{text-align:left}.text-align-center--mobile{text-align:center}.text-align-right--mobile{text-align:right}}@media screen and (width>=48rem){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}::slotted(p){margin-bottom:var(--px-spacing-xs-tablet)}.text-align-left--tablet{text-align:left}.text-align-center--tablet{text-align:center}.text-align-right--tablet{text-align:right}}@media screen and (width>=64.0625rem){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}::slotted(p){margin-bottom:var(--px-spacing-xs-laptop)}.text-align-left--laptop{text-align:left}.text-align-center--laptop{text-align:center}.text-align-right--laptop{text-align:right}}@media screen and (width>=90.0625rem){::slotted(p){margin-bottom:var(--px-spacing-xs-desktop)}}", B = new CSSStyleSheet(), V = new CSSStyleSheet(), H = new CSSStyleSheet();
1700
- B.replaceSync(je), V.replaceSync(A), H.replaceSync(k);
1701
- var Me = class extends e {
1705
+ var Ne = "p,::slotted(p){font-family:var(--px-font-family);color:var(--px-color-text-neutral-default);font-size:var(--px-text-size-body-m-mobile);font-weight:var(--px-font-weight-body);line-height:var(--px-line-height-ratio-l);margin:0}::slotted(p){margin-bottom:var(--px-spacing-xs-mobile)}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}:host([inverted]) p,:host([inverted]) ::slotted(p){color:var(--px-color-text-neutral-inverted)}@media screen and (width<=48rem){.text-align-left--mobile{text-align:left}.text-align-center--mobile{text-align:center}.text-align-right--mobile{text-align:right}}@media screen and (width>=48rem){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}::slotted(p){margin-bottom:var(--px-spacing-xs-tablet)}.text-align-left--tablet{text-align:left}.text-align-center--tablet{text-align:center}.text-align-right--tablet{text-align:right}}@media screen and (width>=64.0625rem){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}::slotted(p){margin-bottom:var(--px-spacing-xs-laptop)}.text-align-left--laptop{text-align:left}.text-align-center--laptop{text-align:center}.text-align-right--laptop{text-align:right}}@media screen and (width>=90.0625rem){::slotted(p){margin-bottom:var(--px-spacing-xs-desktop)}}", B = new CSSStyleSheet(), V = new CSSStyleSheet(), H = new CSSStyleSheet();
1706
+ B.replaceSync(Ne), V.replaceSync(j), H.replaceSync(A);
1707
+ var Pe = class t extends e {
1708
+ static {
1709
+ this.template = l("<p><slot></slot></p>");
1710
+ }
1702
1711
  static {
1703
1712
  this.nativeName = "p";
1704
1713
  }
1705
1714
  constructor() {
1706
- super(V, H, B), this.template = "<p><slot></slot></p>", this.shadowRoot.innerHTML = this.template;
1715
+ super(V, H, B), v(this.shadowRoot, t.template);
1707
1716
  }
1708
1717
  static get observedAttributes() {
1709
1718
  return [
@@ -1723,22 +1732,22 @@ var Me = class extends e {
1723
1732
  attributeChangedCallback(e, t, n) {
1724
1733
  if (t !== n) switch (e) {
1725
1734
  case "variant":
1726
- this.updateVariant(e, t, n, p);
1735
+ this.updateVariant(e, t, n, m);
1727
1736
  break;
1728
1737
  case "color":
1729
1738
  this.updateTypography(e, t, n, c);
1730
1739
  break;
1731
1740
  case "font-size":
1732
- this.updateTypography(e, t, n, u);
1741
+ this.updateTypography(e, t, n, d);
1733
1742
  break;
1734
1743
  case "font-weight":
1735
- this.updateTypography(e, t, n, d);
1744
+ this.updateTypography(e, t, n, f);
1736
1745
  break;
1737
1746
  case "text-align":
1738
1747
  case "text-align--mobile":
1739
1748
  case "text-align--tablet":
1740
1749
  case "text-align--laptop":
1741
- this.updateTypography(e, t, n, _);
1750
+ this.updateTypography(e, t, n, y);
1742
1751
  break;
1743
1752
  case "disabled":
1744
1753
  this.color = "state-disabled";
@@ -1750,10 +1759,10 @@ var Me = class extends e {
1750
1759
  e !== null && e !== "" && e !== "default" && this.$el.classList.toggle(`style-${e}`), t !== null && t !== "" && t !== "default" && this.$el.classList.toggle(`style-${t}`);
1751
1760
  }
1752
1761
  updateVariant(e, t, n, r) {
1753
- this.checkName(r, n) ? this.toggleClass(t, n) : m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
1762
+ this.checkName(r, n) ? this.toggleClass(t, n) : h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
1754
1763
  }
1755
1764
  updateTypography(e, t, n, r) {
1756
- if (!this.checkName(r, n)) m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
1765
+ if (!this.checkName(r, n)) h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
1757
1766
  else {
1758
1767
  let r = this.splitAttrNameFromBreakpoint(e), i = r.breakpoint;
1759
1768
  t !== null && t !== "" && this.$el.classList.toggle(`${r.attrName}-${t}${i}`), n !== null && n !== "" && this.$el.classList.toggle(`${r.attrName}-${n}${i}`);
@@ -1835,12 +1844,15 @@ var Me = class extends e {
1835
1844
  this._updateBooleanAttribute("disabled", e);
1836
1845
  }
1837
1846
  };
1838
- customElements.get("px-p") || customElements.define("px-p", Me);
1847
+ customElements.get("px-p") || customElements.define("px-p", Pe);
1839
1848
  //#endregion
1840
1849
  //#region src/MDDCloser.ts
1841
- var Ne = class extends HTMLElement {
1850
+ var Fe = class e extends HTMLElement {
1851
+ static {
1852
+ this.template = l("<button aria-hidden=\"true\" style=\"width: 0; height: 0; padding: 0; border: 0; background-color: #00000000;\"></button>");
1853
+ }
1842
1854
  constructor() {
1843
- super(), this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = "\n <button aria-hidden=\"true\" style=\"width: 0; height: 0; padding: 0; border: 0; background-color: #00000000;\"></button>\n ";
1855
+ super(), this.attachShadow({ mode: "open" }), v(this.shadowRoot, e.template);
1844
1856
  }
1845
1857
  connectedCallback() {
1846
1858
  this.shadowRoot.firstElementChild?.addEventListener("focus", () => {
@@ -1851,13 +1863,14 @@ var Ne = class extends HTMLElement {
1851
1863
  });
1852
1864
  }
1853
1865
  };
1854
- customElements.get("px-mdd-closer") || customElements.define("px-mdd-closer", Ne);
1866
+ customElements.get("px-mdd-closer") || customElements.define("px-mdd-closer", Fe);
1855
1867
  //#endregion
1856
1868
  //#region src/mega-drop-down.css?inline
1857
- var Pe = ":host{--mdd-dialog-offset-top:0}dialog{width:100%;margin-inline:0;margin-top:var(--mdd-dialog-offset-top);max-width:100%;max-height:calc(100% - var(--mdd-dialog-offset-top));background-color:var(--px-color-background-surface-default);border:none;padding:0}px-mdd-closer{display:contents}@keyframes slide-left-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}dialog::backdrop{background-color:#0000}@media screen and (height<=17.8125rem){dialog #footer{position:static}dialog::backdrop{background-color:#0006}}@media screen and (width<=64rem){dialog{height:100dvh;max-height:100%;margin:0;padding:0;animation:.3s ease-in-out slide-left-fade-in}px-container{height:100dvh}px-container>px-vstack px-button-icon:not(#mobile-close-button){position:initial;display:none;right:0}px-container>px-vstack>px-mdd-closer{display:none}dialog::backdrop{background-color:var(--px-color-background-surface-default)}}px-container{position:relative}px-container>px-vstack>px-button-icon{top:var(--px-padding-l-laptop);position:absolute;right:0}@media screen and (width>=90.0625rem){px-container>px-vstack>px-button-icon{top:var(--px-padding-l-desktop)}}#sections-container{overflow:auto}@media only screen and (width>=64.0625rem){#sections-container{max-width:calc(100% - var(--px-spacing-default-laptop) - var(--px-size-icon-xs) - var(--px-padding-2xs-laptop) - var(--px-padding-2xs-laptop));padding-bottom:0}}@media screen and (width>=90.0625rem){#sections-container{max-width:calc(100% - var(--px-spacing-default-desktop) - var(--px-size-icon-xs) - var(--px-padding-2xs-desktop) - var(--px-padding-2xs-desktop))}}#mobile-header{display:none}@media screen and (width<=64rem){#mobile-header{display:block}}@media screen and (width<=47.938rem){#mobile-header{padding-bottom:var(--px-spacing-page-layout-between-sections-mobile)}}@media screen and (width>=48rem) and (width<=64rem){#mobile-header{padding-bottom:var(--px-spacing-page-layout-between-sections-tablet)}}px-p{display:none}@media screen and (width<=64rem){px-p{display:block}}@media screen and (width<=47.938rem){px-p{padding-bottom:var(--px-spacing-page-layout-between-sections-mobile)}}@media screen and (width>=48rem) and (width<=64rem){px-p{padding-bottom:var(--px-spacing-page-layout-between-sections-tablet)}}#footer{display:none}@media screen and (width<=64rem){#footer{background-color:var(--px-color-background-container-light-default);border-top:var(--px-size-border-m) solid var(--px-color-border-main-default);display:block;position:absolute;bottom:0;left:0;right:0}}@media screen and (width<=47.938rem){#footer{padding:var(--px-padding-m-mobile) var(--px-padding-s-mobile)}}@media screen and (width>=48rem) and (width<=64rem){#footer{padding:var(--px-padding-m-tablet) var(--px-padding-s-tablet)}}", U = new CSSStyleSheet();
1858
- U.replaceSync(Pe);
1869
+ var Ie = ":host{--mdd-dialog-offset-top:0}dialog{width:100%;margin-inline:0;margin-top:var(--mdd-dialog-offset-top);max-width:100%;max-height:calc(100% - var(--mdd-dialog-offset-top));background-color:var(--px-color-background-surface-default);border:none;padding:0}px-mdd-closer{display:contents}@keyframes slide-left-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}dialog::backdrop{background-color:#0000}@media screen and (height<=17.8125rem){dialog #footer{position:static}dialog::backdrop{background-color:#0006}}@media screen and (width<=64rem){dialog{height:100dvh;max-height:100%;margin:0;padding:0;animation:.3s ease-in-out slide-left-fade-in}px-container{height:100dvh}px-container>px-vstack px-button-icon:not(#mobile-close-button){position:initial;display:none;right:0}px-container>px-vstack>px-mdd-closer{display:none}dialog::backdrop{background-color:var(--px-color-background-surface-default)}}px-container{position:relative}px-container>px-vstack>px-button-icon{top:var(--px-padding-l-laptop);position:absolute;right:0}@media screen and (width>=90.0625rem){px-container>px-vstack>px-button-icon{top:var(--px-padding-l-desktop)}}#sections-container{overflow:auto}@media only screen and (width>=64.0625rem){#sections-container{max-width:calc(100% - var(--px-spacing-default-laptop) - var(--px-size-icon-xs) - var(--px-padding-2xs-laptop) - var(--px-padding-2xs-laptop));padding-bottom:0}}@media screen and (width>=90.0625rem){#sections-container{max-width:calc(100% - var(--px-spacing-default-desktop) - var(--px-size-icon-xs) - var(--px-padding-2xs-desktop) - var(--px-padding-2xs-desktop))}}#mobile-header{display:none}@media screen and (width<=64rem){#mobile-header{display:block}}@media screen and (width<=47.938rem){#mobile-header{padding-bottom:var(--px-spacing-page-layout-between-sections-mobile)}}@media screen and (width>=48rem) and (width<=64rem){#mobile-header{padding-bottom:var(--px-spacing-page-layout-between-sections-tablet)}}px-p{display:none}@media screen and (width<=64rem){px-p{display:block}}@media screen and (width<=47.938rem){px-p{padding-bottom:var(--px-spacing-page-layout-between-sections-mobile)}}@media screen and (width>=48rem) and (width<=64rem){px-p{padding-bottom:var(--px-spacing-page-layout-between-sections-tablet)}}#footer{display:none}@media screen and (width<=64rem){#footer{background-color:var(--px-color-background-container-light-default);border-top:var(--px-size-border-m) solid var(--px-color-border-main-default);display:block;position:absolute;bottom:0;left:0;right:0}}@media screen and (width<=47.938rem){#footer{padding:var(--px-padding-m-mobile) var(--px-padding-s-mobile)}}@media screen and (width>=48rem) and (width<=64rem){#footer{padding:var(--px-padding-m-tablet) var(--px-padding-s-tablet)}}", U = new CSSStyleSheet();
1870
+ U.replaceSync(Ie);
1859
1871
  var W = class extends HTMLElement {
1860
1872
  #e;
1873
+ #t;
1861
1874
  constructor() {
1862
1875
  super(), this.template = `<dialog>
1863
1876
  <px-section>
@@ -1924,8 +1937,11 @@ var W = class extends HTMLElement {
1924
1937
  </px-hstack>
1925
1938
  </px-section>
1926
1939
  </dialog>`, this.#e = new MutationObserver(() => {
1927
- this.$slotMddFooter && (this.#r.style.display = "block");
1928
- }), this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = this.template, this.shadowRoot.adoptedStyleSheets = [U], this.internals = this.attachInternals?.(), this.internals && (this.internals.role = "menu");
1940
+ this.$slotMddFooter && (this.#i.style.display = "block");
1941
+ }), this.#t = typeof ResizeObserver == "function" ? new ResizeObserver(([e]) => {
1942
+ let t = e.borderBoxSize?.[0]?.blockSize ?? e.target.offsetHeight;
1943
+ this.style.setProperty("--mdd-section-container-padding-bottom", `${t}px`);
1944
+ }) : void 0, this.attachShadow({ mode: "open" }), v(this.shadowRoot, this.template), this.shadowRoot.adoptedStyleSheets = [U], this.internals = this.attachInternals?.(), this.internals && (this.internals.role = "menu");
1929
1945
  }
1930
1946
  static get observedAttributes() {
1931
1947
  return [
@@ -1959,25 +1975,23 @@ var W = class extends HTMLElement {
1959
1975
  clientY: e.clientY
1960
1976
  }
1961
1977
  }));
1962
- }), this.getAttribute("name") === "__lavender_mobile_menu" && (this.#t.style.display = "none"), this.getAttribute("name") !== "__lavender_mobile_menu" && (this.#n.innerText = this.closest("px-header")?.querySelector(`px-header-item[for="${this.getAttribute("name")}"]`)?.innerText ?? ""), this.$slotMddFooter || (this.#r.style.display = "none"), this.#e.observe(this, {
1978
+ }), this.getAttribute("name") === "__lavender_mobile_menu" && (this.#n.style.display = "none"), this.getAttribute("name") !== "__lavender_mobile_menu" && (this.#r.innerText = (this.closest("px-header")?.querySelector(`px-header-item[for="${this.getAttribute("name")}"]`)?.textContent ?? "").replace(/\s+/g, " ").trim()), this.$slotMddFooter || (this.#i.style.display = "none"), this.#e.observe(this, {
1963
1979
  childList: !0,
1964
1980
  subtree: !0
1965
- });
1981
+ }), this.#t?.observe(this.#i);
1966
1982
  }
1967
1983
  disconnectedCallback() {
1968
- this.#e.disconnect();
1984
+ this.#e.disconnect(), this.#t?.disconnect();
1969
1985
  }
1970
1986
  attributeChangedCallback(e, t, n) {
1971
1987
  if (e === "name" && !n) throw Error("Media Drop Down must have a name attribute");
1972
1988
  if (e === "name" && (this.id = n), e === "hidden" && this.internals) {
1973
1989
  let e = n === "true" || n === "" ? "true" : "false";
1974
1990
  this.internals.ariaHidden = e, this.ariaHidden = e;
1975
- let t = this.#r.offsetHeight / parseFloat(getComputedStyle(document.documentElement).fontSize);
1976
- this.style.setProperty("--mdd-section-container-padding-bottom", `${t}em`);
1977
1991
  }
1978
- e === "close-button-aria-label" && this.#i.forEach((e) => {
1992
+ e === "close-button-aria-label" && this.#a.forEach((e) => {
1979
1993
  n ? e.setAttribute("aria-label", n || "Close") : e.removeAttribute("aria-label");
1980
- }), e === "back-to-menu-label" && (this.#t.innerHTML = `
1994
+ }), e === "back-to-menu-label" && (this.#n.innerHTML = `
1981
1995
  <px-icon name="chevron_left" from="lavender"></px-icon>
1982
1996
  ${n || "Back to menu"}
1983
1997
  `);
@@ -1998,33 +2012,33 @@ var W = class extends HTMLElement {
1998
2012
  return this.getAttribute("name");
1999
2013
  }
2000
2014
  set name(e) {
2001
- g(this, "name", e);
2015
+ _(this, "name", e);
2002
2016
  }
2003
2017
  get closeButtonAriaLabel() {
2004
2018
  return this.getAttribute("close-button-aria-label");
2005
2019
  }
2006
2020
  set closeButtonAriaLabel(e) {
2007
- g(this, "close-button-aria-label", e);
2021
+ _(this, "close-button-aria-label", e);
2008
2022
  }
2009
2023
  get backToMenuLabel() {
2010
2024
  return this.getAttribute("back-to-menu-label");
2011
2025
  }
2012
2026
  set backToMenuLabel(e) {
2013
- g(this, "back-to-menu-label", e);
2027
+ _(this, "back-to-menu-label", e);
2014
2028
  }
2015
2029
  get $slotMddFooter() {
2016
2030
  return this.querySelector("[slot=\"mdd-footer\"]");
2017
2031
  }
2018
- get #t() {
2032
+ get #n() {
2019
2033
  return this.shadowRoot.querySelector("#back-button");
2020
2034
  }
2021
- get #n() {
2035
+ get #r() {
2022
2036
  return this.shadowRoot.querySelector("px-p");
2023
2037
  }
2024
- get #r() {
2038
+ get #i() {
2025
2039
  return this.shadowRoot.querySelector("#footer");
2026
2040
  }
2027
- get #i() {
2041
+ get #a() {
2028
2042
  return this.shadowRoot.querySelectorAll("px-button-icon");
2029
2043
  }
2030
2044
  set dialogOffsetTop(e) {
@@ -2034,11 +2048,14 @@ var W = class extends HTMLElement {
2034
2048
  customElements.get("px-mdd") || customElements.define("px-mdd", W);
2035
2049
  //#endregion
2036
2050
  //#region src/mdd-section.css?inline
2037
- var Fe = ":host{flex-basis:30%}@media screen and (width<=64rem){:host{flex-basis:100%;width:100%}#section-wrapper{background-color:var(--px-color-background-surface-light);border-radius:var(--px-radius-main);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile)}::slotted(px-mdd-section-item){border-bottom:var(--px-size-border-m) solid var(--px-color-border-main-default)}::slotted(px-mdd-section-item:first-of-type){padding-top:0}::slotted(px-mdd-section-item:last-of-type){border-bottom:none;padding-bottom:0}::slotted([slot=footer]){background-color:var(--px-color-background-surface-light);border-radius:var(--px-radius-main)}:host([title-hidden]){padding-bottom:var(--mdd-section-container-padding-bottom,0)}}@media screen and (width<=47.938rem){#section-wrapper{padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile)}::slotted(px-mdd-section-item){padding-block:var(--px-spacing-xs-mobile)}::slotted([slot=footer]){padding:var(--px-padding-s-mobile) var(--px-padding-m-mobile)}}@media screen and (width>=48rem) and (width<=64rem){#section-wrapper{padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}::slotted(px-mdd-section-item){padding-block:var(--px-spacing-xs-tablet)}::slotted([slot=footer]){padding:var(--px-padding-s-tablet) var(--px-padding-m-tablet)}}", G = new CSSStyleSheet();
2038
- G.replaceSync(Fe);
2039
- var K = class extends HTMLElement {
2051
+ var Le = ":host{flex-basis:30%}@media screen and (width<=64rem){:host{flex-basis:100%;width:100%}#section-wrapper{background-color:var(--px-color-background-surface-light);border-radius:var(--px-radius-main);padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile)}::slotted(px-mdd-section-item){border-bottom:var(--px-size-border-m) solid var(--px-color-border-main-default)}::slotted(px-mdd-section-item:first-of-type){padding-top:0}::slotted(px-mdd-section-item:last-of-type){border-bottom:none;padding-bottom:0}::slotted([slot=footer]){background-color:var(--px-color-background-surface-light);border-radius:var(--px-radius-main)}:host([title-hidden]){padding-bottom:var(--mdd-section-container-padding-bottom,0)}}@media screen and (width<=47.938rem){#section-wrapper{padding:var(--px-padding-xs-mobile) var(--px-padding-m-mobile)}::slotted(px-mdd-section-item){padding-block:var(--px-spacing-xs-mobile)}::slotted([slot=footer]){padding:var(--px-padding-s-mobile) var(--px-padding-m-mobile)}}@media screen and (width>=48rem) and (width<=64rem){#section-wrapper{padding:var(--px-padding-xs-tablet) var(--px-padding-m-tablet)}::slotted(px-mdd-section-item){padding-block:var(--px-spacing-xs-tablet)}::slotted([slot=footer]){padding:var(--px-padding-s-tablet) var(--px-padding-m-tablet)}}", G = new CSSStyleSheet();
2052
+ G.replaceSync(Le);
2053
+ var K = class e extends HTMLElement {
2054
+ static {
2055
+ this.template = l("<px-vstack gap=\"default\"><px-p font-size=\"heading-l\" font-weight=\"title\"><slot name=\"title\"></slot></px-p><nav id=\"section-wrapper\"><px-vstack role=\"list\" gap=\"xs\" gap--mobile=\"none\"><slot></slot></px-vstack></nav><px-vstack gap=\"default\" gap--mobile=\"s\"><slot name=\"footer\"></slot></px-vstack></px-vstack>");
2056
+ }
2040
2057
  constructor() {
2041
- super(), this.template = "<px-vstack gap=\"default\">\n <px-p font-size=\"heading-l\" font-weight=\"title\">\n <slot name=\"title\"></slot>\n </px-p>\n <nav id=\"section-wrapper\">\n <px-vstack role=\"list\" gap=\"xs\" gap--mobile=\"none\">\n <slot></slot>\n </px-vstack>\n </nav>\n <px-vstack gap=\"default\" gap--mobile=\"s\">\n <slot name=\"footer\"></slot>\n </px-vstack>\n </px-vstack>", this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = this.template, this.shadowRoot.adoptedStyleSheets = [G];
2058
+ super(), this.attachShadow({ mode: "open" }), v(this.shadowRoot, e.template), this.shadowRoot.adoptedStyleSheets = [G];
2042
2059
  }
2043
2060
  connectedCallback() {
2044
2061
  this.$slotTitle || this.$title.setAttribute("hidden", ""), this.setupForId();
@@ -2078,9 +2095,9 @@ customElements.get("px-mdd-section") || customElements.define("px-mdd-section",
2078
2095
  //#endregion
2079
2096
  //#region ../../components/Link/src/Link.ts
2080
2097
  var q = new CSSStyleSheet(), J = new CSSStyleSheet(), Y = new CSSStyleSheet();
2081
- q.replaceSync(b), J.replaceSync(y), Y.replaceSync(A);
2082
- var Ie = [
2083
- ...u,
2098
+ q.replaceSync(S), J.replaceSync(x), Y.replaceSync(j);
2099
+ var Re = [
2100
+ ...d,
2084
2101
  "link-m",
2085
2102
  "link-s"
2086
2103
  ], X = [
@@ -2092,18 +2109,19 @@ var Ie = [
2092
2109
  "btn-tertiary",
2093
2110
  "icon-link",
2094
2111
  "wrapper"
2095
- ], Le = [
2112
+ ], ze = [
2096
2113
  "",
2097
2114
  "default",
2098
2115
  "alternative"
2099
2116
  ], Z = class t extends e {
2117
+ static {
2118
+ this.template = l("<a><slot name=\"before\"></slot><slot></slot><slot name=\"after\"></slot></a>");
2119
+ }
2100
2120
  static {
2101
2121
  this.nativeName = "a";
2102
2122
  }
2103
2123
  constructor() {
2104
- super(q, J, Y), this.template = () => "<slot name=\"before\"></slot><slot></slot><slot name=\"after\"></slot>";
2105
- let e = document.createElement(t.nativeName);
2106
- e.innerHTML = this.template(), this.shadowRoot.appendChild(e);
2124
+ super(q, J, Y), v(this.shadowRoot, t.template);
2107
2125
  }
2108
2126
  static get observedAttributes() {
2109
2127
  return [
@@ -2128,7 +2146,7 @@ var Ie = [
2128
2146
  ];
2129
2147
  }
2130
2148
  connectedCallback() {
2131
- this.$before && this.$before.localName === "px-icon" && this.configureBeforeAfterIcon(this.$before), this.$after && this.$after.localName === "px-icon" && this.configureBeforeAfterIcon(this.$after), v(this, this.$el, !1);
2149
+ this.$before && this.$before.localName === "px-icon" && this.configureBeforeAfterIcon(this.$before), this.$after && this.$after.localName === "px-icon" && this.configureBeforeAfterIcon(this.$after), b(this, this.$el, !1);
2132
2150
  }
2133
2151
  disconnectedCallback() {}
2134
2152
  attributeChangedCallback(e, t, n) {
@@ -2144,7 +2162,7 @@ var Ie = [
2144
2162
  case "shape--tablet":
2145
2163
  case "shape--laptop":
2146
2164
  case "shape--desktop":
2147
- this.updateShape(e, n, Le);
2165
+ this.updateShape(e, n, ze);
2148
2166
  break;
2149
2167
  case "extended":
2150
2168
  case "extended--mobile":
@@ -2154,13 +2172,13 @@ var Ie = [
2154
2172
  this.updateExtended(e, n);
2155
2173
  break;
2156
2174
  case "font-size":
2157
- this.updateTypography(e, t, n, Ie);
2175
+ this.updateTypography(e, t, n, Re);
2158
2176
  break;
2159
2177
  case "color":
2160
2178
  this.updateTypography(e, t, n, c);
2161
2179
  break;
2162
2180
  case "font-weight":
2163
- this.updateTypography(e, t, n, d);
2181
+ this.updateTypography(e, t, n, f);
2164
2182
  break;
2165
2183
  case "title":
2166
2184
  n && (this.$el.setAttribute("title", n), this.removeAttribute("title"));
@@ -2181,17 +2199,17 @@ var Ie = [
2181
2199
  } else this.$el.classList.toggle(e);
2182
2200
  }
2183
2201
  updateVariant(e, t) {
2184
- e !== null && e !== "" && e !== "link" && this._toggleClassList(e), t !== null && t !== "" && t !== "link" && this._toggleClassList(t), this.checkName(X, t) || m(`"${t}" is not a valid variant value for ${this.tagName.toLowerCase()}. Allowed values are: "${X.join("\", \"")}".`);
2202
+ e !== null && e !== "" && e !== "link" && this._toggleClassList(e), t !== null && t !== "" && t !== "link" && this._toggleClassList(t), this.checkName(X, t) || h(`"${t}" is not a valid variant value for ${this.tagName.toLowerCase()}. Allowed values are: "${X.join("\", \"")}".`);
2185
2203
  }
2186
2204
  updateShape(e, t, n) {
2187
2205
  if (!s(n, t)) {
2188
- m(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
2206
+ h(`"${t}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
2189
2207
  return;
2190
2208
  }
2191
2209
  t !== null && t !== "" && this.$el.setAttribute(e, t);
2192
2210
  }
2193
2211
  updateTypography(e, t, n, r) {
2194
- t !== null && t !== "" && t !== "default" && this.$el.classList.toggle(`${e}-${t}`), n !== null && n !== "" && n !== "default" && this.$el.classList.toggle(`${e}-${n}`), this.checkName(r, n) || m(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
2212
+ t !== null && t !== "" && t !== "default" && this.$el.classList.toggle(`${e}-${t}`), n !== null && n !== "" && n !== "default" && this.$el.classList.toggle(`${e}-${n}`), this.checkName(r, n) || h(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
2195
2213
  }
2196
2214
  updateExtended(e, t) {
2197
2215
  t === null ? this.$el.style.setProperty(`--button-${e}`, "") : this.$el.style.setProperty(`--button-${e}`, "100%");
@@ -2311,7 +2329,7 @@ var Ie = [
2311
2329
  customElements.get("px-a") || customElements.define("px-a", Z);
2312
2330
  //#endregion
2313
2331
  //#region ../../components/Link/src/LinkWrapper.ts
2314
- var Re = class extends Z {
2332
+ var Be = class extends Z {
2315
2333
  #e;
2316
2334
  constructor() {
2317
2335
  super(), this.$el.classList.add("wrapper"), this.#e = new n(this, this.$el, () => this.#t());
@@ -2334,11 +2352,11 @@ var Re = class extends Z {
2334
2352
  return !this.hasAttribute("disabled") && this.$el.getAttribute("aria-disabled") !== "true";
2335
2353
  }
2336
2354
  };
2337
- customElements.get("px-a-wrapper") || customElements.define("px-a-wrapper", Re);
2355
+ customElements.get("px-a-wrapper") || customElements.define("px-a-wrapper", Be);
2338
2356
  //#endregion
2339
2357
  //#region src/mdd-section-item.css?inline
2340
- var ze = ".mdd-section-item-action-container{align-items:center;display:inline-flex}a{color:inherit;text-decoration:none}a ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-mobile)}a:hover{color:var(--px-color-text-state-hover-default);text-decoration:underline}button{cursor:pointer;font:inherit;color:inherit;text-align:left;width:100%;font-weight:var(--px-font-weight-title);background:0 0;border:none;margin:0;padding:0}a,button{font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-ratio-l);color:var(--px-color-text-neutral-default);display:block}:is(a,button):focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}@media screen and (width<=47.938rem){a,button{padding:var(--px-spacing-xs-mobile) 0}}@media screen and (width>=48rem) and (width<=64rem){a,button{padding:var(--px-spacing-xs-tablet) 0}}@media screen and (width>=48rem){a,button{font-size:var(--px-text-size-label-m-tablet)}:is(a,button):focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}}@media screen and (width>=64.0625rem){a{display:inline-block}a ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-laptop)}a,button{font-size:var(--px-text-size-label-m-laptop)}:is(a,button):focus-visible{outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}}@media screen and (width>=90.0625rem){a ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-desktop)}a,button{font-size:var(--px-text-size-label-m-desktop)}:is(a,button):focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}", Q = new CSSStyleSheet();
2341
- Q.replaceSync(ze);
2358
+ var Ve = ".mdd-section-item-action-container{align-items:center;display:inline-flex}a{color:inherit;text-decoration:none}a ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-mobile)}a:hover{color:var(--px-color-text-state-hover-default);text-decoration:underline}button{cursor:pointer;font:inherit;color:inherit;text-align:left;width:100%;font-weight:var(--px-font-weight-title);background:0 0;border:none;margin:0;padding:0}a,button{font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-ratio-l);color:var(--px-color-text-neutral-default);display:block}:is(a,button):focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}@media screen and (width<=47.938rem){a,button{padding:var(--px-spacing-xs-mobile) 0}}@media screen and (width>=48rem) and (width<=64rem){a,button{padding:var(--px-spacing-xs-tablet) 0}}@media screen and (width>=48rem){a,button{font-size:var(--px-text-size-label-m-tablet)}:is(a,button):focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}}@media screen and (width>=64.0625rem){a{display:inline-block}a ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-laptop)}a,button{font-size:var(--px-text-size-label-m-laptop)}:is(a,button):focus-visible{outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}}@media screen and (width>=90.0625rem){a ::slotted([slot=after]){margin-left:var(--px-spacing-2xs-desktop)}a,button{font-size:var(--px-text-size-label-m-desktop)}:is(a,button):focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}", Q = new CSSStyleSheet();
2359
+ Q.replaceSync(Ve);
2342
2360
  var $ = class extends HTMLElement {
2343
2361
  constructor() {
2344
2362
  super(), this.template = "\n <px-hstack align-items=\"center\" gap=\"default\">\n <span class=\"mdd-section-item-action-container\">\n <slot></slot>\n <slot name=\"after\"></slot>\n </span>\n <px-spacer></px-spacer>\n <px-icon name=\"chevron_right\" from=\"lavender\" size=\"m\"></px-icon>\n </px-hstack>", this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [Q], this.internals = this.attachInternals?.(), this.internals && (this.internals.role = "listitem");
@@ -2372,7 +2390,7 @@ var $ = class extends HTMLElement {
2372
2390
  return this.getAttribute("href");
2373
2391
  }
2374
2392
  set href(e) {
2375
- g(this, "href", e);
2393
+ _(this, "href", e);
2376
2394
  }
2377
2395
  get $link() {
2378
2396
  return this.shadowRoot.querySelector("a");