@proximus/lavender-theming-scarlet 2.0.0-alpha.97 → 2.0.0-alpha.99
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.
- package/dist/index.es.js +42 -15
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,36 +1,63 @@
|
|
|
1
|
-
const
|
|
2
|
-
p.replaceSync(
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
const n = "px-accordion:not(:defined),px-banner:not(:defined),px-button:not(:defined),px-button-icon:not(:defined),px-appleseed:not(:defined),px-carousel:not(:defined),px-carousel-item:not(:defined),px-stack:not(:defined),px-vstack:not(:defined),px-hstack:not(:defined),px-spacer:not(:defined),px-page:not(:defined),px-cell:not(:defined),px-cell-link:not(:defined),px-cell-checkbox:not(:defined),px-cell-radio:not(:defined),px-cell-switch:not(:defined),px-checkbox:not(:defined),px-container:not(:defined),px-drawer:not(:defined),px-icon-set:not(:defined),px-icon:not(:defined),px-icon-f:not(:defined),px-fieldset:not(:defined),px-grid:not(:defined),px-grid-item:not(:defined),px-h1:not(:defined),px-h2:not(:defined),px-h3:not(:defined),px-h4:not(:defined),px-h5:not(:defined),px-h6:not(:defined),px-heading-group:not(:defined),px-img:not(:defined),px-picture:not(:defined),px-input:not(:defined),px-textarea:not(:defined),px-select:not(:defined),px-fileupload:not(:defined),px-a:not(:defined),px-modal:not(:defined),px-patch:not(:defined),px-section:not(:defined),px-price:not(:defined),px-ribbon:not(:defined),px-separator:not(:defined),px-tag:not(:defined),px-tabs:not(:defined),px-tab:not(:defined),px-tab-panel:not(:defined),px-timeline:not(:defined),px-timeline-item:not(:defined),px-span:not(:defined),px-p:not(:defined),px-typography:not(:defined),px-spinner:not(:defined),px-radio:not(:defined),px-radio-base:not(:defined),px-radio-group:not(:defined),px-sticky-container:not(:defined),px-theme-switcher:not(:defined),px-switch:not(:defined),px-table:not(:defined),px-tbody:not(:defined),px-td:not(:defined),px-th:not(:defined),px-thead:not(:defined),px-tr:not(:defined),px-theme-provider:not(:defined),px-proximus-theme-provider:not(:defined),px-proximus-ebu-theme-provider:not(:defined),px-scarlet-theme-provider:not(:defined),px-tile:not(:defined),px-tile-button:not(:defined),px-tile-checkbox:not(:defined),px-tile-link:not(:defined),px-tile-radio:not(:defined),px-tile-switch:not(:defined),px-action-link:not(:defined),px-header:not(:defined),px-header-item:not(:defined),px-mdd-section:not(:defined),px-mdd-section-item:not(:defined),px-mdd:not(:defined){display:none}", a = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}', p = new CSSStyleSheet();
|
|
2
|
+
p.replaceSync(n);
|
|
3
|
+
const o = new CSSStyleSheet();
|
|
4
|
+
o.replaceSync(a);
|
|
5
|
+
class x extends HTMLElement {
|
|
6
|
+
constructor(e, t) {
|
|
7
|
+
super(), this.tokenStyleSheet = e, this.name = t, this.duplicate = !1;
|
|
8
|
+
}
|
|
9
|
+
static get observedAttributes() {
|
|
10
|
+
return ["reset-css"];
|
|
6
11
|
}
|
|
7
12
|
connectedCallback() {
|
|
8
|
-
var
|
|
13
|
+
var t;
|
|
9
14
|
if (document.querySelectorAll("px-theme-provider").length > 1) {
|
|
10
15
|
for (this.duplicate = !0; this.firstChild; )
|
|
11
|
-
(
|
|
16
|
+
(t = this.parentNode) == null || t.appendChild(this.firstChild);
|
|
12
17
|
this.remove();
|
|
13
18
|
}
|
|
14
|
-
document.adoptedStyleSheets
|
|
19
|
+
const e = [...document.adoptedStyleSheets];
|
|
20
|
+
e.push(this.tokenStyleSheet), e.push(p), document.adoptedStyleSheets = e, this.applyResetCss(this.resetCss);
|
|
21
|
+
}
|
|
22
|
+
attributeChangedCallback(e, t, d) {
|
|
23
|
+
t !== d && e === "reset-css" && this.applyResetCss(this.resetCss);
|
|
15
24
|
}
|
|
16
25
|
disconnectedCallback() {
|
|
17
26
|
this.duplicate || (document.adoptedStyleSheets = document.adoptedStyleSheets.filter(
|
|
18
27
|
(e) => e !== this.tokenStyleSheet
|
|
19
28
|
));
|
|
20
29
|
}
|
|
30
|
+
applyResetCss(e) {
|
|
31
|
+
if (e) {
|
|
32
|
+
document.adoptedStyleSheets.includes(o) || (document.adoptedStyleSheets = [
|
|
33
|
+
...document.adoptedStyleSheets,
|
|
34
|
+
o
|
|
35
|
+
]);
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
document.adoptedStyleSheets = document.adoptedStyleSheets.filter(
|
|
39
|
+
(t) => t !== o
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
get resetCss() {
|
|
43
|
+
return this.hasAttribute("reset-css");
|
|
44
|
+
}
|
|
45
|
+
set resetCss(e) {
|
|
46
|
+
e ? this.setAttribute("reset-css", "") : this.removeAttribute("reset-css");
|
|
47
|
+
}
|
|
21
48
|
}
|
|
22
|
-
const n = ":root{--px-color-background-container-primary-default: #E61F13;--px-color-background-container-primary-inverted: #ffffff;--px-color-background-container-secondary-default: rgba(230, 31, 19, .16);--px-color-background-container-secondary-inverted: rgba(255, 255, 255, .24);--px-color-background-container-light-default: #ffffff;--px-color-background-container-light-inverted: rgba(255, 255, 255, .16);--px-color-background-container-default-default: rgba(0, 0, 0, .04);--px-color-background-container-default-inverted: rgba(255, 255, 255, .08);--px-color-background-container-strong-default: rgba(0, 0, 0, .56);--px-color-background-container-strong-inverted: rgba(255, 255, 255, .64);--px-color-background-data-green: #008000;--px-color-background-data-orange: #F39200;--px-color-background-data-red: #B30000;--px-color-background-data-magenta: #FF418C;--px-color-background-data-blue: #016BC1;--px-color-background-data-turquoise: #66D2CC;--px-color-background-footer-sitemap-default: rgba(230, 31, 19, .8);--px-color-background-footer-sitemap-inverted: #ffffff;--px-color-background-gradient-purple-top-red: 180deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-top-magenta: 180deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-top-orange: 180deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-top-blue: 180deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-top-turquoise: 180deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-top-green: 180deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-right-red: 90deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-right-magenta: 90deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-right-orange: 90deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-right-blue: 90deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-right-turquoise: 90deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-right-green: 90deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-top-right-red: 25deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-top-right-magenta: 25deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-top-right-orange: 25deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-top-right-blue: 25deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-top-right-turquoise: 25deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-top-right-green: 25deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-bottom-right-red: 155deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-bottom-right-magenta: 155deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-bottom-right-orange: 155deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-bottom-right-blue: 155deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-bottom-right-turquoise: 155deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-bottom-right-green: 155deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-color-top-red: 180deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-top-magenta: 180deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-top-orange: 180deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-top-blue: 180deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-top-turquoise: 180deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-top-green: 180deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-right-red: 90deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-right-magenta: 90deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-right-orange: 90deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-right-blue: 90deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-right-turquoise: 90deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-right-green: 90deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-top-right-red: 25deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-top-right-magenta: 25deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-top-right-orange: 25deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-top-right-blue: 25deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-top-right-turquoise: 25deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-top-right-green: 25deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-bottom-right-red: 155deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-bottom-right-magenta: 155deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-bottom-right-orange: 155deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-bottom-right-blue: 155deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-bottom-right-turquoise: 155deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-bottom-right-green: 155deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-pickx: 90deg, #000000 66%, #5C2D91 100%;--px-color-background-gradient-nxt: 180deg, #000000 66%, #5C2D91 100%;--px-color-background-gradient-sme: 155deg, #000000 3%, #5C2D91 66%;--px-color-background-none: rgba(255, 255, 255, 0);--px-color-background-overlay-main: rgba(0, 0, 0, .8);--px-color-background-purpose-success-default: #008000;--px-color-background-purpose-success-inverted: #26BB26;--px-color-background-purpose-warning-default: #AC5915;--px-color-background-purpose-warning-inverted: #DB992F;--px-color-background-purpose-error-default: #B30000;--px-color-background-purpose-error-inverted: #F22613;--px-color-background-purpose-unlimited-default: #016BC1;--px-color-background-purpose-unlimited-inverted: #0088F5;--px-color-background-purpose-promo-default: #DE2A56;--px-color-background-purpose-promo-inverted: #DE2A56;--px-color-background-purpose-info-default: #00BCEE;--px-color-background-purpose-info-inverted: #00BCEE;--px-color-background-purpose-eco-default: #008000;--px-color-background-purpose-eco-inverted: #26BB26;--px-color-background-purpose-notification-default: #DE2A56;--px-color-background-purpose-notification-inverted: #DE2A56;--px-color-background-state-hover-default: rgba(0, 0, 0, .12);--px-color-background-state-hover-inverted: rgba(255, 255, 255, .16);--px-color-background-state-hover-bordered-default: #ffffff;--px-color-background-state-hover-bordered-inverted: rgba(0, 0, 0, .12);--px-color-background-state-active-default: rgba(230, 31, 19, .8);--px-color-background-state-active-inverted: #ffffff;--px-color-background-state-disabled-default: rgba(0, 0, 0, .04);--px-color-background-state-disabled-inverted: rgba(255, 255, 255, .08);--px-color-background-surface-light: #ffffff;--px-color-background-surface-default: #f9f9f9;--px-color-background-surface-strong: #e4e4e4;--px-color-background-surface-stronger: #c6c6c6;--px-color-background-surface-dark: #252525;--px-color-background-surface-brand: #E61F13;--px-color-background-surface-brand-light: rgba(230, 31, 19, .16);--px-color-border-focus-outline-default: #252525;--px-color-border-focus-outline-inverted: #ffffff;--px-color-border-focus-offset-default: #ffffff;--px-color-border-focus-offset-inverted: #252525;--px-color-border-main-default: rgba(0, 0, 0, .12);--px-color-border-main-inverted: rgba(255, 255, 255, .12);--px-color-border-brand-default: #c6c6c6;--px-color-border-brand-inverted: #ffffff;--px-color-border-none-default: rgba(255, 255, 255, 0);--px-color-border-none-inverted: rgba(0, 0, 0, 0);--px-color-border-neutral-default: rgba(0, 0, 0, .56);--px-color-border-neutral-inverted: rgba(255, 255, 255, .64);--px-color-border-purpose-success-default: #008000;--px-color-border-purpose-success-inverted: #26BB26;--px-color-border-purpose-warning-default: #AC5915;--px-color-border-purpose-warning-inverted: #DB992F;--px-color-border-purpose-error-default: #B30000;--px-color-border-purpose-error-inverted: #F22613;--px-color-border-purpose-unlimited-default: #016BC1;--px-color-border-purpose-unlimited-inverted: #0088F5;--px-color-border-state-hover-default: #E61F13;--px-color-border-state-hover-inverted: #ffffff;--px-color-border-state-active-default: #E61F13;--px-color-border-state-active-inverted: #ffffff;--px-color-icon-brand-default: #464646;--px-color-icon-brand-inverted: #ffffff;--px-color-icon-accent-default: #E61F13;--px-color-icon-accent-inverted: #ffffff;--px-color-icon-neutral-default: #252525;--px-color-icon-neutral-inverted: #ffffff;--px-color-icon-dimmed-default: rgba(0, 0, 0, .56);--px-color-icon-dimmed-inverted: rgba(255, 255, 255, .64);--px-color-icon-purpose-success-default: #008000;--px-color-icon-purpose-success-inverted: #26BB26;--px-color-icon-purpose-warning-default: #AC5915;--px-color-icon-purpose-warning-inverted: #DB992F;--px-color-icon-purpose-error-default: #B30000;--px-color-icon-purpose-error-inverted: #F22613;--px-color-icon-purpose-unlimited-default: #016BC1;--px-color-icon-purpose-unlimited-inverted: #0088F5;--px-color-icon-purpose-promo-default: #464646;--px-color-icon-purpose-promo-inverted: #DE2A56;--px-color-icon-state-hover-default: #E61F13;--px-color-icon-state-hover-inverted: rgba(255, 255, 255, .8);--px-color-icon-state-active-default: #E61F13;--px-color-icon-state-active-inverted: #ffffff;--px-color-icon-state-disabled-default: rgba(0, 0, 0, .12);--px-color-icon-state-disabled-inverted: rgba(255, 255, 255, .16);--px-color-text-brand-default: #464646;--px-color-text-brand-inverted: #ffffff;--px-color-text-neutral-default: #464646;--px-color-text-neutral-inverted: #ffffff;--px-color-text-dimmed-default: rgba(0, 0, 0, .56);--px-color-text-dimmed-inverted: rgba(255, 255, 255, .8);--px-color-text-purpose-success-default: #008000;--px-color-text-purpose-success-inverted: #26BB26;--px-color-text-purpose-warning-default: #AC5915;--px-color-text-purpose-warning-inverted: #DB992F;--px-color-text-purpose-error-default: #B30000;--px-color-text-purpose-error-inverted: #F22613;--px-color-text-purpose-unlimited-default: #016BC1;--px-color-text-purpose-unlimited-inverted: #0088F5;--px-color-text-purpose-promo-default: #E61F13;--px-color-text-purpose-promo-inverted: #E61F13;--px-color-text-state-hover-default: #E61F13;--px-color-text-state-hover-inverted: rgba(255, 255, 255, .8);--px-color-text-state-active-default: #E61F13;--px-color-text-state-active-inverted: #ffffff;--px-color-text-state-disabled-default: rgba(0, 0, 0, .12);--px-color-text-state-disabled-inverted: rgba(255, 255, 255, .16);--px-font-family: DINNextW05, Verdana, Helvetica, sans-serif;--px-line-height-ratio-s: 1.3;--px-line-height-ratio-l: 1.5;--px-font-size-5xl: 2.5rem;--px-font-size-4xl: 2.25rem;--px-font-size-3xl: 2rem;--px-font-size-2xl: 1.75rem;--px-font-size-xl: 1.5rem;--px-font-size-l: 1.25rem;--px-font-size-m: 1.125rem;--px-font-size-base: 1rem;--px-font-size-s: .875rem;--px-font-size-xs: .75rem;--px-font-size-2xs: .625rem;--px-font-weight-subtitle: 400;--px-font-weight-body: 400;--px-font-weight-title: 700;--px-font-weight-title-large: 700;--px-price-ratio-s: 50%;--px-price-ratio-l: 75%;--px-radius-none: 0px;--px-radius-main: 22px;--px-radius-pill: 9999px;--px-radius-button-small: 9999px;--px-radius-button-big: 9999px;--px-radius-patch-small: 8px;--px-radius-patch-big: 8px;--px-size-action-input-code-width: 2.8125rem;--px-size-action-input-counter-width: 5rem;--px-size-action-input-switch-width: 3.125rem;--px-size-action-input-textarea-min-height: 6.25rem;--px-size-assets-xs: 1.5rem;--px-size-assets-s: 2rem;--px-size-assets-m: 3rem;--px-size-assets-l: 4rem;--px-size-assets-xl: 5rem;--px-size-border-none: 0rem;--px-size-border-s: .0625rem;--px-size-border-m: .125rem;--px-size-border-l: .1875rem;--px-size-icon-xs: 1rem;--px-size-icon-s: 1.25rem;--px-size-icon-m: 1.5rem;--px-size-icon-l: 2rem;--px-size-icon-xl: 3rem;--px-utility-size-s: .125rem;--px-utility-size-m: .5rem;--px-focus-l-mobile: 18px;--px-focus-l-tablet: 18px;--px-focus-l-laptop: 20px;--px-focus-l-desktop: 20px;--px-focus-offset-mobile: 4px;--px-focus-offset-tablet: 4px;--px-focus-offset-laptop: 4px;--px-focus-offset-desktop: 4px;--px-focus-outline-mobile: 3px;--px-focus-outline-tablet: 3px;--px-focus-outline-laptop: 3px;--px-focus-outline-desktop: 3px;--px-image-xs-mobile: 1.75rem;--px-image-xs-tablet: 1.75rem;--px-image-xs-laptop: 1.75rem;--px-image-xs-desktop: 1.75rem;--px-image-s-mobile: 3rem;--px-image-s-tablet: 3rem;--px-image-s-laptop: 3rem;--px-image-s-desktop: 3rem;--px-image-m-mobile: 3.5rem;--px-image-m-tablet: 3.5rem;--px-image-m-laptop: 3.5rem;--px-image-m-desktop: 3.5rem;--px-image-l-mobile: 5rem;--px-image-l-tablet: 5rem;--px-image-l-laptop: 5rem;--px-image-l-desktop: 5rem;--px-image-xl-mobile: 8rem;--px-image-xl-tablet: 8rem;--px-image-xl-laptop: 8rem;--px-image-xl-desktop: 8rem;--px-padding-none-mobile: 0px;--px-padding-none-tablet: 0px;--px-padding-none-laptop: 0px;--px-padding-none-desktop: 0px;--px-padding-3xs-mobile: 2px;--px-padding-3xs-tablet: 2px;--px-padding-3xs-laptop: 2px;--px-padding-3xs-desktop: 2px;--px-padding-2xs-mobile: 4px;--px-padding-2xs-tablet: 4px;--px-padding-2xs-laptop: 4px;--px-padding-2xs-desktop: 4px;--px-padding-xs-mobile: 8px;--px-padding-xs-tablet: 8px;--px-padding-xs-laptop: 8px;--px-padding-xs-desktop: 8px;--px-padding-s-mobile: 16px;--px-padding-s-tablet: 16px;--px-padding-s-laptop: 16px;--px-padding-s-desktop: 16px;--px-padding-m-mobile: 24px;--px-padding-m-tablet: 24px;--px-padding-m-laptop: 24px;--px-padding-m-desktop: 24px;--px-padding-l-mobile: 24px;--px-padding-l-tablet: 24px;--px-padding-l-laptop: 40px;--px-padding-l-desktop: 40px;--px-padding-xl-mobile: 40px;--px-padding-xl-tablet: 40px;--px-padding-xl-laptop: 80px;--px-padding-xl-desktop: 80px;--px-platform-default-width-mobile: 23.4375rem;--px-platform-default-width-tablet: 23.4375rem;--px-platform-default-width-laptop: 90rem;--px-platform-default-width-desktop: 90rem;--px-content-wrapper-min-width-mobile: 21.4375rem;--px-content-wrapper-min-width-tablet: 21.4375rem;--px-content-wrapper-min-width-laptop: 73.75rem;--px-content-wrapper-min-width-desktop: 73.75rem;--px-content-wrapper-max-width-mobile: 62rem;--px-content-wrapper-max-width-tablet: 62rem;--px-content-wrapper-max-width-laptop: 73.75rem;--px-content-wrapper-max-width-desktop: 73.75rem;--px-price-size-decimal-s-mobile: .9375rem;--px-price-size-decimal-s-tablet: .9375rem;--px-price-size-decimal-s-laptop: 1rem;--px-price-size-decimal-s-desktop: 1rem;--px-price-size-decimal-m-mobile: .8125rem;--px-price-size-decimal-m-tablet: .8125rem;--px-price-size-decimal-m-laptop: 1rem;--px-price-size-decimal-m-desktop: 1rem;--px-price-size-decimal-l-mobile: .875rem;--px-price-size-decimal-l-tablet: .875rem;--px-price-size-decimal-l-laptop: 1.125rem;--px-price-size-decimal-l-desktop: 1.125rem;--px-price-size-sign-s-mobile: .875rem;--px-price-size-sign-s-tablet: .875rem;--px-price-size-sign-s-laptop: 1.125rem;--px-price-size-sign-s-desktop: 1.125rem;--px-price-size-sign-m-mobile: 1rem;--px-price-size-sign-m-tablet: 1rem;--px-price-size-sign-m-laptop: 1.3125rem;--px-price-size-sign-m-desktop: 1.3125rem;--px-price-size-sign-l-mobile: 1.25rem;--px-price-size-sign-l-tablet: 1.25rem;--px-price-size-sign-l-laptop: 1.75rem;--px-price-size-sign-l-desktop: 1.75rem;--px-price-size-unit-s-mobile: 1rem;--px-price-size-unit-s-tablet: 1rem;--px-price-size-unit-s-laptop: 1.25rem;--px-price-size-unit-s-desktop: 1.25rem;--px-price-size-unit-m-mobile: 1.25rem;--px-price-size-unit-m-tablet: 1.25rem;--px-price-size-unit-m-laptop: 1.75rem;--px-price-size-unit-m-desktop: 1.75rem;--px-price-size-unit-l-mobile: 1.5rem;--px-price-size-unit-l-tablet: 1.5rem;--px-price-size-unit-l-laptop: 2rem;--px-price-size-unit-l-desktop: 2rem;--px-spacing-heading-to-subtitle-mobile: 8px;--px-spacing-heading-to-subtitle-tablet: 8px;--px-spacing-heading-to-subtitle-laptop: 16px;--px-spacing-heading-to-subtitle-desktop: 16px;--px-spacing-heading-to-content-mobile: 16px;--px-spacing-heading-to-content-tablet: 16px;--px-spacing-heading-to-content-laptop: 24px;--px-spacing-heading-to-content-desktop: 24px;--px-none-mobile: 0px;--px-none-tablet: 0px;--px-none-laptop: 0px;--px-none-desktop: 0px;--px-spacing-2xs-mobile: 4px;--px-spacing-2xs-tablet: 4px;--px-spacing-2xs-laptop: 4px;--px-spacing-2xs-desktop: 4px;--px-spacing-xs-mobile: 8px;--px-spacing-xs-tablet: 8px;--px-spacing-xs-laptop: 8px;--px-spacing-xs-desktop: 8px;--px-spacing-s-mobile: 16px;--px-spacing-s-tablet: 16px;--px-spacing-s-laptop: 16px;--px-spacing-s-desktop: 16px;--px-spacing-default-mobile: 24px;--px-spacing-default-tablet: 24px;--px-spacing-default-laptop: 24px;--px-spacing-default-desktop: 24px;--px-spacing-l-mobile: 24px;--px-spacing-l-tablet: 24px;--px-spacing-l-laptop: 40px;--px-spacing-l-desktop: 40px;--px-overlapped-mobile: -24px;--px-overlapped-tablet: -24px;--px-overlapped-laptop: -40px;--px-overlapped-desktop: -40px;--px-spacing-top-patch-mobile: 14px;--px-spacing-top-patch-tablet: 14px;--px-spacing-top-patch-laptop: 14px;--px-spacing-top-patch-desktop: 14px;--px-spacing-top-neighbor-patch-mobile: 0px;--px-spacing-top-neighbor-patch-tablet: 0px;--px-spacing-top-neighbor-patch-laptop: 14px;--px-spacing-top-neighbor-patch-desktop: 14px;--px-spacing-top-ribbon-mobile: 40px;--px-spacing-top-ribbon-tablet: 40px;--px-spacing-top-ribbon-laptop: 40px;--px-spacing-top-ribbon-desktop: 40px;--px-spacing-top-neighbor-ribbon-mobile: 0px;--px-spacing-top-neighbor-ribbon-tablet: 0px;--px-spacing-top-neighbor-ribbon-laptop: 40px;--px-spacing-top-neighbor-ribbon-desktop: 40px;--px-spacing-top-patch-and-neighbor-ribbon-mobile: 14px;--px-spacing-top-patch-and-neighbor-ribbon-tablet: 14px;--px-spacing-top-patch-and-neighbor-ribbon-laptop: 40px;--px-spacing-top-patch-and-neighbor-ribbon-desktop: 40px;--px-spacing-page-layout-between-sections-mobile: 40px;--px-spacing-page-layout-between-sections-tablet: 40px;--px-spacing-page-layout-between-sections-laptop: 80px;--px-spacing-page-layout-between-sections-desktop: 80px;--px-text-size-body-l-mobile: 1rem;--px-text-size-body-l-tablet: 1rem;--px-text-size-body-l-laptop: 1.125rem;--px-text-size-body-l-desktop: 1.125rem;--px-text-size-body-m-mobile: .875rem;--px-text-size-body-m-tablet: .875rem;--px-text-size-body-m-laptop: 1rem;--px-text-size-body-m-desktop: 1rem;--px-text-size-body-s-mobile: .75rem;--px-text-size-body-s-tablet: .75rem;--px-text-size-body-s-laptop: .875rem;--px-text-size-body-s-desktop: .875rem;--px-text-size-body-xs-mobile: .625rem;--px-text-size-body-xs-tablet: .625rem;--px-text-size-body-xs-laptop: .75rem;--px-text-size-body-xs-desktop: .75rem;--px-text-size-heading-5xl-mobile: 2.25rem;--px-text-size-heading-5xl-tablet: 2.25rem;--px-text-size-heading-5xl-laptop: 2.5rem;--px-text-size-heading-5xl-desktop: 2.5rem;--px-text-size-heading-4xl-mobile: 2rem;--px-text-size-heading-4xl-tablet: 2rem;--px-text-size-heading-4xl-laptop: 2.25rem;--px-text-size-heading-4xl-desktop: 2.25rem;--px-text-size-heading-3xl-mobile: 1.75rem;--px-text-size-heading-3xl-tablet: 1.75rem;--px-text-size-heading-3xl-laptop: 2rem;--px-text-size-heading-3xl-desktop: 2rem;--px-text-size-heading-2xl-mobile: 1.5rem;--px-text-size-heading-2xl-tablet: 1.5rem;--px-text-size-heading-2xl-laptop: 1.75rem;--px-text-size-heading-2xl-desktop: 1.75rem;--px-text-size-heading-xl-mobile: 1.25rem;--px-text-size-heading-xl-tablet: 1.25rem;--px-text-size-heading-xl-laptop: 1.5rem;--px-text-size-heading-xl-desktop: 1.5rem;--px-text-size-heading-l-mobile: 1.125rem;--px-text-size-heading-l-tablet: 1.125rem;--px-text-size-heading-l-laptop: 1.25rem;--px-text-size-heading-l-desktop: 1.25rem;--px-text-size-heading-m-mobile: 1rem;--px-text-size-heading-m-tablet: 1rem;--px-text-size-heading-m-laptop: 1.125rem;--px-text-size-heading-m-desktop: 1.125rem;--px-text-size-heading-s-mobile: .875rem;--px-text-size-heading-s-tablet: .875rem;--px-text-size-heading-s-laptop: 1rem;--px-text-size-heading-s-desktop: 1rem;--px-text-size-label-l-mobile: 1rem;--px-text-size-label-l-tablet: 1rem;--px-text-size-label-l-laptop: 1.125rem;--px-text-size-label-l-desktop: 1.125rem;--px-text-size-label-m-mobile: .875rem;--px-text-size-label-m-tablet: .875rem;--px-text-size-label-m-laptop: 1rem;--px-text-size-label-m-desktop: 1rem;--px-text-size-label-s-mobile: .75rem;--px-text-size-label-s-tablet: .75rem;--px-text-size-label-s-laptop: .875rem;--px-text-size-label-s-desktop: .875rem;--px-text-size-label-xs-mobile: .625rem;--px-text-size-label-xs-tablet: .625rem;--px-text-size-label-xs-laptop: .75rem;--px-text-size-label-xs-desktop: .75rem;--px-text-size-link-m-mobile: .875rem;--px-text-size-link-m-tablet: .875rem;--px-text-size-link-m-laptop: 1rem;--px-text-size-link-m-desktop: 1rem;--px-text-size-link-s-mobile: .75rem;--px-text-size-link-s-tablet: .75rem;--px-text-size-link-s-laptop: .875rem;--px-text-size-link-s-desktop: .875rem}", o = new CSSStyleSheet();
|
|
23
|
-
|
|
24
|
-
class
|
|
49
|
+
const l = ":root{--px-color-background-container-primary-default: #E61F13;--px-color-background-container-primary-inverted: #ffffff;--px-color-background-container-secondary-default: rgba(230, 31, 19, .16);--px-color-background-container-secondary-inverted: rgba(255, 255, 255, .24);--px-color-background-container-light-default: #ffffff;--px-color-background-container-light-inverted: rgba(255, 255, 255, .16);--px-color-background-container-default-default: rgba(0, 0, 0, .04);--px-color-background-container-default-inverted: rgba(255, 255, 255, .08);--px-color-background-container-strong-default: rgba(0, 0, 0, .56);--px-color-background-container-strong-inverted: rgba(255, 255, 255, .64);--px-color-background-data-green: #008000;--px-color-background-data-orange: #F39200;--px-color-background-data-red: #B30000;--px-color-background-data-magenta: #FF418C;--px-color-background-data-blue: #016BC1;--px-color-background-data-turquoise: #66D2CC;--px-color-background-footer-sitemap-default: rgba(230, 31, 19, .8);--px-color-background-footer-sitemap-inverted: #ffffff;--px-color-background-gradient-purple-top-red: 180deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-top-magenta: 180deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-top-orange: 180deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-top-blue: 180deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-top-turquoise: 180deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-top-green: 180deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-right-red: 90deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-right-magenta: 90deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-right-orange: 90deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-right-blue: 90deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-right-turquoise: 90deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-right-green: 90deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-top-right-red: 25deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-top-right-magenta: 25deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-top-right-orange: 25deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-top-right-blue: 25deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-top-right-turquoise: 25deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-top-right-green: 25deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-bottom-right-red: 155deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-bottom-right-magenta: 155deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-bottom-right-orange: 155deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-bottom-right-blue: 155deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-bottom-right-turquoise: 155deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-bottom-right-green: 155deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-color-top-red: 180deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-top-magenta: 180deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-top-orange: 180deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-top-blue: 180deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-top-turquoise: 180deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-top-green: 180deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-right-red: 90deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-right-magenta: 90deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-right-orange: 90deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-right-blue: 90deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-right-turquoise: 90deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-right-green: 90deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-top-right-red: 25deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-top-right-magenta: 25deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-top-right-orange: 25deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-top-right-blue: 25deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-top-right-turquoise: 25deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-top-right-green: 25deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-bottom-right-red: 155deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-bottom-right-magenta: 155deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-bottom-right-orange: 155deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-bottom-right-blue: 155deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-bottom-right-turquoise: 155deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-bottom-right-green: 155deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-pickx: 90deg, #000000 66%, #5C2D91 100%;--px-color-background-gradient-nxt: 180deg, #000000 66%, #5C2D91 100%;--px-color-background-gradient-sme: 155deg, #000000 3%, #5C2D91 66%;--px-color-background-none: rgba(255, 255, 255, 0);--px-color-background-overlay-main: rgba(0, 0, 0, .8);--px-color-background-purpose-success-default: #008000;--px-color-background-purpose-success-inverted: #26BB26;--px-color-background-purpose-warning-default: #AC5915;--px-color-background-purpose-warning-inverted: #DB992F;--px-color-background-purpose-error-default: #B30000;--px-color-background-purpose-error-inverted: #F22613;--px-color-background-purpose-unlimited-default: #016BC1;--px-color-background-purpose-unlimited-inverted: #0088F5;--px-color-background-purpose-promo-default: #DE2A56;--px-color-background-purpose-promo-inverted: #DE2A56;--px-color-background-purpose-info-default: #00BCEE;--px-color-background-purpose-info-inverted: #00BCEE;--px-color-background-purpose-eco-default: #008000;--px-color-background-purpose-eco-inverted: #26BB26;--px-color-background-purpose-notification-default: #DE2A56;--px-color-background-purpose-notification-inverted: #DE2A56;--px-color-background-state-hover-default: rgba(0, 0, 0, .12);--px-color-background-state-hover-inverted: rgba(255, 255, 255, .16);--px-color-background-state-hover-bordered-default: #ffffff;--px-color-background-state-hover-bordered-inverted: rgba(0, 0, 0, .12);--px-color-background-state-active-default: rgba(230, 31, 19, .8);--px-color-background-state-active-inverted: #ffffff;--px-color-background-state-disabled-default: rgba(0, 0, 0, .04);--px-color-background-state-disabled-inverted: rgba(255, 255, 255, .08);--px-color-background-surface-light: #ffffff;--px-color-background-surface-default: #f9f9f9;--px-color-background-surface-strong: #e4e4e4;--px-color-background-surface-stronger: #c6c6c6;--px-color-background-surface-dark: #252525;--px-color-background-surface-brand: #E61F13;--px-color-background-surface-brand-light: rgba(230, 31, 19, .16);--px-color-border-focus-outline-default: #252525;--px-color-border-focus-outline-inverted: #ffffff;--px-color-border-focus-offset-default: #ffffff;--px-color-border-focus-offset-inverted: #252525;--px-color-border-main-default: rgba(0, 0, 0, .12);--px-color-border-main-inverted: rgba(255, 255, 255, .12);--px-color-border-brand-default: #c6c6c6;--px-color-border-brand-inverted: #ffffff;--px-color-border-none-default: rgba(255, 255, 255, 0);--px-color-border-none-inverted: rgba(0, 0, 0, 0);--px-color-border-neutral-default: rgba(0, 0, 0, .56);--px-color-border-neutral-inverted: rgba(255, 255, 255, .64);--px-color-border-purpose-success-default: #008000;--px-color-border-purpose-success-inverted: #26BB26;--px-color-border-purpose-warning-default: #AC5915;--px-color-border-purpose-warning-inverted: #DB992F;--px-color-border-purpose-error-default: #B30000;--px-color-border-purpose-error-inverted: #F22613;--px-color-border-purpose-unlimited-default: #016BC1;--px-color-border-purpose-unlimited-inverted: #0088F5;--px-color-border-state-hover-default: #E61F13;--px-color-border-state-hover-inverted: #ffffff;--px-color-border-state-active-default: #E61F13;--px-color-border-state-active-inverted: #ffffff;--px-color-icon-brand-default: #464646;--px-color-icon-brand-inverted: #ffffff;--px-color-icon-accent-default: #E61F13;--px-color-icon-accent-inverted: #ffffff;--px-color-icon-neutral-default: #252525;--px-color-icon-neutral-inverted: #ffffff;--px-color-icon-dimmed-default: rgba(0, 0, 0, .56);--px-color-icon-dimmed-inverted: rgba(255, 255, 255, .64);--px-color-icon-purpose-success-default: #008000;--px-color-icon-purpose-success-inverted: #26BB26;--px-color-icon-purpose-warning-default: #AC5915;--px-color-icon-purpose-warning-inverted: #DB992F;--px-color-icon-purpose-error-default: #B30000;--px-color-icon-purpose-error-inverted: #F22613;--px-color-icon-purpose-unlimited-default: #016BC1;--px-color-icon-purpose-unlimited-inverted: #0088F5;--px-color-icon-purpose-promo-default: #464646;--px-color-icon-purpose-promo-inverted: #DE2A56;--px-color-icon-state-hover-default: #E61F13;--px-color-icon-state-hover-inverted: rgba(255, 255, 255, .8);--px-color-icon-state-active-default: #E61F13;--px-color-icon-state-active-inverted: #ffffff;--px-color-icon-state-disabled-default: rgba(0, 0, 0, .12);--px-color-icon-state-disabled-inverted: rgba(255, 255, 255, .16);--px-color-text-brand-default: #464646;--px-color-text-brand-inverted: #ffffff;--px-color-text-neutral-default: #464646;--px-color-text-neutral-inverted: #ffffff;--px-color-text-dimmed-default: rgba(0, 0, 0, .56);--px-color-text-dimmed-inverted: rgba(255, 255, 255, .8);--px-color-text-purpose-success-default: #008000;--px-color-text-purpose-success-inverted: #26BB26;--px-color-text-purpose-warning-default: #AC5915;--px-color-text-purpose-warning-inverted: #DB992F;--px-color-text-purpose-error-default: #B30000;--px-color-text-purpose-error-inverted: #F22613;--px-color-text-purpose-unlimited-default: #016BC1;--px-color-text-purpose-unlimited-inverted: #0088F5;--px-color-text-purpose-promo-default: #E61F13;--px-color-text-purpose-promo-inverted: #E61F13;--px-color-text-state-hover-default: #E61F13;--px-color-text-state-hover-inverted: rgba(255, 255, 255, .8);--px-color-text-state-active-default: #E61F13;--px-color-text-state-active-inverted: #ffffff;--px-color-text-state-disabled-default: rgba(0, 0, 0, .12);--px-color-text-state-disabled-inverted: rgba(255, 255, 255, .16);--px-font-family: DINNextW05, Verdana, Helvetica, sans-serif;--px-line-height-ratio-s: 1.3;--px-line-height-ratio-l: 1.5;--px-font-size-5xl: 2.5rem;--px-font-size-4xl: 2.25rem;--px-font-size-3xl: 2rem;--px-font-size-2xl: 1.75rem;--px-font-size-xl: 1.5rem;--px-font-size-l: 1.25rem;--px-font-size-m: 1.125rem;--px-font-size-base: 1rem;--px-font-size-s: .875rem;--px-font-size-xs: .75rem;--px-font-size-2xs: .625rem;--px-font-weight-subtitle: 400;--px-font-weight-body: 400;--px-font-weight-title: 700;--px-font-weight-title-large: 700;--px-price-ratio-s: 50%;--px-price-ratio-l: 75%;--px-radius-none: 0px;--px-radius-main: 22px;--px-radius-pill: 9999px;--px-radius-button-small: 9999px;--px-radius-button-big: 9999px;--px-radius-patch-small: 8px;--px-radius-patch-big: 8px;--px-size-action-input-code-width: 2.8125rem;--px-size-action-input-counter-width: 5rem;--px-size-action-input-switch-width: 3.125rem;--px-size-action-input-textarea-min-height: 6.25rem;--px-size-assets-xs: 1.5rem;--px-size-assets-s: 2rem;--px-size-assets-m: 3rem;--px-size-assets-l: 4rem;--px-size-assets-xl: 5rem;--px-size-border-none: 0rem;--px-size-border-s: .0625rem;--px-size-border-m: .125rem;--px-size-border-l: .1875rem;--px-size-icon-xs: 1rem;--px-size-icon-s: 1.25rem;--px-size-icon-m: 1.5rem;--px-size-icon-l: 2rem;--px-size-icon-xl: 3rem;--px-utility-size-s: .125rem;--px-utility-size-m: .5rem;--px-focus-l-mobile: 18px;--px-focus-l-tablet: 18px;--px-focus-l-laptop: 20px;--px-focus-l-desktop: 20px;--px-focus-offset-mobile: 4px;--px-focus-offset-tablet: 4px;--px-focus-offset-laptop: 4px;--px-focus-offset-desktop: 4px;--px-focus-outline-mobile: 3px;--px-focus-outline-tablet: 3px;--px-focus-outline-laptop: 3px;--px-focus-outline-desktop: 3px;--px-image-xs-mobile: 1.75rem;--px-image-xs-tablet: 1.75rem;--px-image-xs-laptop: 1.75rem;--px-image-xs-desktop: 1.75rem;--px-image-s-mobile: 3rem;--px-image-s-tablet: 3rem;--px-image-s-laptop: 3rem;--px-image-s-desktop: 3rem;--px-image-m-mobile: 3.5rem;--px-image-m-tablet: 3.5rem;--px-image-m-laptop: 3.5rem;--px-image-m-desktop: 3.5rem;--px-image-l-mobile: 5rem;--px-image-l-tablet: 5rem;--px-image-l-laptop: 5rem;--px-image-l-desktop: 5rem;--px-image-xl-mobile: 8rem;--px-image-xl-tablet: 8rem;--px-image-xl-laptop: 8rem;--px-image-xl-desktop: 8rem;--px-padding-none-mobile: 0px;--px-padding-none-tablet: 0px;--px-padding-none-laptop: 0px;--px-padding-none-desktop: 0px;--px-padding-3xs-mobile: 2px;--px-padding-3xs-tablet: 2px;--px-padding-3xs-laptop: 2px;--px-padding-3xs-desktop: 2px;--px-padding-2xs-mobile: 4px;--px-padding-2xs-tablet: 4px;--px-padding-2xs-laptop: 4px;--px-padding-2xs-desktop: 4px;--px-padding-xs-mobile: 8px;--px-padding-xs-tablet: 8px;--px-padding-xs-laptop: 8px;--px-padding-xs-desktop: 8px;--px-padding-s-mobile: 16px;--px-padding-s-tablet: 16px;--px-padding-s-laptop: 16px;--px-padding-s-desktop: 16px;--px-padding-m-mobile: 24px;--px-padding-m-tablet: 24px;--px-padding-m-laptop: 24px;--px-padding-m-desktop: 24px;--px-padding-l-mobile: 24px;--px-padding-l-tablet: 24px;--px-padding-l-laptop: 40px;--px-padding-l-desktop: 40px;--px-padding-xl-mobile: 40px;--px-padding-xl-tablet: 40px;--px-padding-xl-laptop: 80px;--px-padding-xl-desktop: 80px;--px-platform-default-width-mobile: 23.4375rem;--px-platform-default-width-tablet: 23.4375rem;--px-platform-default-width-laptop: 90rem;--px-platform-default-width-desktop: 90rem;--px-content-wrapper-min-width-mobile: 21.4375rem;--px-content-wrapper-min-width-tablet: 21.4375rem;--px-content-wrapper-min-width-laptop: 73.75rem;--px-content-wrapper-min-width-desktop: 73.75rem;--px-content-wrapper-max-width-mobile: 62rem;--px-content-wrapper-max-width-tablet: 62rem;--px-content-wrapper-max-width-laptop: 73.75rem;--px-content-wrapper-max-width-desktop: 73.75rem;--px-price-size-decimal-s-mobile: .9375rem;--px-price-size-decimal-s-tablet: .9375rem;--px-price-size-decimal-s-laptop: 1rem;--px-price-size-decimal-s-desktop: 1rem;--px-price-size-decimal-m-mobile: .8125rem;--px-price-size-decimal-m-tablet: .8125rem;--px-price-size-decimal-m-laptop: 1rem;--px-price-size-decimal-m-desktop: 1rem;--px-price-size-decimal-l-mobile: .875rem;--px-price-size-decimal-l-tablet: .875rem;--px-price-size-decimal-l-laptop: 1.125rem;--px-price-size-decimal-l-desktop: 1.125rem;--px-price-size-sign-s-mobile: .875rem;--px-price-size-sign-s-tablet: .875rem;--px-price-size-sign-s-laptop: 1.125rem;--px-price-size-sign-s-desktop: 1.125rem;--px-price-size-sign-m-mobile: 1rem;--px-price-size-sign-m-tablet: 1rem;--px-price-size-sign-m-laptop: 1.3125rem;--px-price-size-sign-m-desktop: 1.3125rem;--px-price-size-sign-l-mobile: 1.25rem;--px-price-size-sign-l-tablet: 1.25rem;--px-price-size-sign-l-laptop: 1.75rem;--px-price-size-sign-l-desktop: 1.75rem;--px-price-size-unit-s-mobile: 1rem;--px-price-size-unit-s-tablet: 1rem;--px-price-size-unit-s-laptop: 1.25rem;--px-price-size-unit-s-desktop: 1.25rem;--px-price-size-unit-m-mobile: 1.25rem;--px-price-size-unit-m-tablet: 1.25rem;--px-price-size-unit-m-laptop: 1.75rem;--px-price-size-unit-m-desktop: 1.75rem;--px-price-size-unit-l-mobile: 1.5rem;--px-price-size-unit-l-tablet: 1.5rem;--px-price-size-unit-l-laptop: 2rem;--px-price-size-unit-l-desktop: 2rem;--px-spacing-heading-to-subtitle-mobile: 8px;--px-spacing-heading-to-subtitle-tablet: 8px;--px-spacing-heading-to-subtitle-laptop: 16px;--px-spacing-heading-to-subtitle-desktop: 16px;--px-spacing-heading-to-content-mobile: 16px;--px-spacing-heading-to-content-tablet: 16px;--px-spacing-heading-to-content-laptop: 24px;--px-spacing-heading-to-content-desktop: 24px;--px-none-mobile: 0px;--px-none-tablet: 0px;--px-none-laptop: 0px;--px-none-desktop: 0px;--px-spacing-2xs-mobile: 4px;--px-spacing-2xs-tablet: 4px;--px-spacing-2xs-laptop: 4px;--px-spacing-2xs-desktop: 4px;--px-spacing-xs-mobile: 8px;--px-spacing-xs-tablet: 8px;--px-spacing-xs-laptop: 8px;--px-spacing-xs-desktop: 8px;--px-spacing-s-mobile: 16px;--px-spacing-s-tablet: 16px;--px-spacing-s-laptop: 16px;--px-spacing-s-desktop: 16px;--px-spacing-default-mobile: 24px;--px-spacing-default-tablet: 24px;--px-spacing-default-laptop: 24px;--px-spacing-default-desktop: 24px;--px-spacing-l-mobile: 24px;--px-spacing-l-tablet: 24px;--px-spacing-l-laptop: 40px;--px-spacing-l-desktop: 40px;--px-overlapped-mobile: -24px;--px-overlapped-tablet: -24px;--px-overlapped-laptop: -40px;--px-overlapped-desktop: -40px;--px-spacing-top-patch-mobile: 14px;--px-spacing-top-patch-tablet: 14px;--px-spacing-top-patch-laptop: 14px;--px-spacing-top-patch-desktop: 14px;--px-spacing-top-neighbor-patch-mobile: 0px;--px-spacing-top-neighbor-patch-tablet: 0px;--px-spacing-top-neighbor-patch-laptop: 14px;--px-spacing-top-neighbor-patch-desktop: 14px;--px-spacing-top-ribbon-mobile: 40px;--px-spacing-top-ribbon-tablet: 40px;--px-spacing-top-ribbon-laptop: 40px;--px-spacing-top-ribbon-desktop: 40px;--px-spacing-top-neighbor-ribbon-mobile: 0px;--px-spacing-top-neighbor-ribbon-tablet: 0px;--px-spacing-top-neighbor-ribbon-laptop: 40px;--px-spacing-top-neighbor-ribbon-desktop: 40px;--px-spacing-top-patch-and-neighbor-ribbon-mobile: 14px;--px-spacing-top-patch-and-neighbor-ribbon-tablet: 14px;--px-spacing-top-patch-and-neighbor-ribbon-laptop: 40px;--px-spacing-top-patch-and-neighbor-ribbon-desktop: 40px;--px-spacing-page-layout-between-sections-mobile: 40px;--px-spacing-page-layout-between-sections-tablet: 40px;--px-spacing-page-layout-between-sections-laptop: 80px;--px-spacing-page-layout-between-sections-desktop: 80px;--px-text-size-body-l-mobile: 1rem;--px-text-size-body-l-tablet: 1rem;--px-text-size-body-l-laptop: 1.125rem;--px-text-size-body-l-desktop: 1.125rem;--px-text-size-body-m-mobile: .875rem;--px-text-size-body-m-tablet: .875rem;--px-text-size-body-m-laptop: 1rem;--px-text-size-body-m-desktop: 1rem;--px-text-size-body-s-mobile: .75rem;--px-text-size-body-s-tablet: .75rem;--px-text-size-body-s-laptop: .875rem;--px-text-size-body-s-desktop: .875rem;--px-text-size-body-xs-mobile: .625rem;--px-text-size-body-xs-tablet: .625rem;--px-text-size-body-xs-laptop: .75rem;--px-text-size-body-xs-desktop: .75rem;--px-text-size-heading-5xl-mobile: 2.25rem;--px-text-size-heading-5xl-tablet: 2.25rem;--px-text-size-heading-5xl-laptop: 2.5rem;--px-text-size-heading-5xl-desktop: 2.5rem;--px-text-size-heading-4xl-mobile: 2rem;--px-text-size-heading-4xl-tablet: 2rem;--px-text-size-heading-4xl-laptop: 2.25rem;--px-text-size-heading-4xl-desktop: 2.25rem;--px-text-size-heading-3xl-mobile: 1.75rem;--px-text-size-heading-3xl-tablet: 1.75rem;--px-text-size-heading-3xl-laptop: 2rem;--px-text-size-heading-3xl-desktop: 2rem;--px-text-size-heading-2xl-mobile: 1.5rem;--px-text-size-heading-2xl-tablet: 1.5rem;--px-text-size-heading-2xl-laptop: 1.75rem;--px-text-size-heading-2xl-desktop: 1.75rem;--px-text-size-heading-xl-mobile: 1.25rem;--px-text-size-heading-xl-tablet: 1.25rem;--px-text-size-heading-xl-laptop: 1.5rem;--px-text-size-heading-xl-desktop: 1.5rem;--px-text-size-heading-l-mobile: 1.125rem;--px-text-size-heading-l-tablet: 1.125rem;--px-text-size-heading-l-laptop: 1.25rem;--px-text-size-heading-l-desktop: 1.25rem;--px-text-size-heading-m-mobile: 1rem;--px-text-size-heading-m-tablet: 1rem;--px-text-size-heading-m-laptop: 1.125rem;--px-text-size-heading-m-desktop: 1.125rem;--px-text-size-heading-s-mobile: .875rem;--px-text-size-heading-s-tablet: .875rem;--px-text-size-heading-s-laptop: 1rem;--px-text-size-heading-s-desktop: 1rem;--px-text-size-label-l-mobile: 1rem;--px-text-size-label-l-tablet: 1rem;--px-text-size-label-l-laptop: 1.125rem;--px-text-size-label-l-desktop: 1.125rem;--px-text-size-label-m-mobile: .875rem;--px-text-size-label-m-tablet: .875rem;--px-text-size-label-m-laptop: 1rem;--px-text-size-label-m-desktop: 1rem;--px-text-size-label-s-mobile: .75rem;--px-text-size-label-s-tablet: .75rem;--px-text-size-label-s-laptop: .875rem;--px-text-size-label-s-desktop: .875rem;--px-text-size-label-xs-mobile: .625rem;--px-text-size-label-xs-tablet: .625rem;--px-text-size-label-xs-laptop: .75rem;--px-text-size-label-xs-desktop: .75rem;--px-text-size-link-m-mobile: .875rem;--px-text-size-link-m-tablet: .875rem;--px-text-size-link-m-laptop: 1rem;--px-text-size-link-m-desktop: 1rem;--px-text-size-link-s-mobile: .75rem;--px-text-size-link-s-tablet: .75rem;--px-text-size-link-s-laptop: .875rem;--px-text-size-link-s-desktop: .875rem}", r = new CSSStyleSheet();
|
|
50
|
+
r.replaceSync(l);
|
|
51
|
+
class s extends x {
|
|
25
52
|
constructor() {
|
|
26
|
-
super(
|
|
53
|
+
super(r, "scarlet");
|
|
27
54
|
}
|
|
28
55
|
switchThemes() {
|
|
29
56
|
throw new Error("Method not implemented.");
|
|
30
57
|
}
|
|
31
58
|
}
|
|
32
|
-
customElements.get("px-scarlet-theme-provider") || customElements.define("px-scarlet-theme-provider",
|
|
59
|
+
customElements.get("px-scarlet-theme-provider") || customElements.define("px-scarlet-theme-provider", s);
|
|
33
60
|
export {
|
|
34
|
-
|
|
35
|
-
|
|
61
|
+
s as ScarletThemeProvider,
|
|
62
|
+
r as scarletThemesStyleSheet
|
|
36
63
|
};
|
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports):typeof define=="function"&&define.amd?define(["exports"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e["lavender-theming-scarlet"]={}))})(this,function(e){"use strict";const t="px-accordion:not(:defined),px-banner:not(:defined),px-button:not(:defined),px-button-icon:not(:defined),px-appleseed:not(:defined),px-carousel:not(:defined),px-carousel-item:not(:defined),px-stack:not(:defined),px-vstack:not(:defined),px-hstack:not(:defined),px-spacer:not(:defined),px-page:not(:defined),px-cell:not(:defined),px-cell-link:not(:defined),px-cell-checkbox:not(:defined),px-cell-radio:not(:defined),px-cell-switch:not(:defined),px-checkbox:not(:defined),px-container:not(:defined),px-drawer:not(:defined),px-icon-set:not(:defined),px-icon:not(:defined),px-icon-f:not(:defined),px-fieldset:not(:defined),px-grid:not(:defined),px-grid-item:not(:defined),px-h1:not(:defined),px-h2:not(:defined),px-h3:not(:defined),px-h4:not(:defined),px-h5:not(:defined),px-h6:not(:defined),px-heading-group:not(:defined),px-img:not(:defined),px-picture:not(:defined),px-input:not(:defined),px-textarea:not(:defined),px-select:not(:defined),px-fileupload:not(:defined),px-a:not(:defined),px-modal:not(:defined),px-patch:not(:defined),px-section:not(:defined),px-price:not(:defined),px-ribbon:not(:defined),px-separator:not(:defined),px-tag:not(:defined),px-tabs:not(:defined),px-tab:not(:defined),px-tab-panel:not(:defined),px-timeline:not(:defined),px-timeline-item:not(:defined),px-span:not(:defined),px-p:not(:defined),px-typography:not(:defined),px-spinner:not(:defined),px-radio:not(:defined),px-radio-base:not(:defined),px-radio-group:not(:defined),px-sticky-container:not(:defined),px-theme-switcher:not(:defined),px-switch:not(:defined),px-table:not(:defined),px-tbody:not(:defined),px-td:not(:defined),px-th:not(:defined),px-thead:not(:defined),px-tr:not(:defined),px-theme-provider:not(:defined),px-proximus-theme-provider:not(:defined),px-proximus-ebu-theme-provider:not(:defined),px-scarlet-theme-provider:not(:defined),px-tile:not(:defined),px-tile-button:not(:defined),px-tile-checkbox:not(:defined),px-tile-link:not(:defined),px-tile-radio:not(:defined),px-tile-switch:not(:defined),px-action-link:not(:defined),px-header:not(:defined),px-header-item:not(:defined),px-mdd-section:not(:defined),px-mdd-section-item:not(:defined),px-mdd:not(:defined){display:none}",r=new CSSStyleSheet;r.replaceSync(t);class n extends HTMLElement{constructor(p,a){super(),this.tokenStyleSheet=p,this.name=a,this.duplicate=!1}connectedCallback(){var p;if(document.querySelectorAll("px-theme-provider").length>1){for(this.duplicate=!0;this.firstChild;)(p=this.parentNode)==null||p.appendChild(this.firstChild);this.remove()}document.adoptedStyleSheets.push(this.tokenStyleSheet,r)}disconnectedCallback(){this.duplicate||(document.adoptedStyleSheets=document.adoptedStyleSheets.filter(p=>p!==this.tokenStyleSheet))}}const d=":root{--px-color-background-container-primary-default: #E61F13;--px-color-background-container-primary-inverted: #ffffff;--px-color-background-container-secondary-default: rgba(230, 31, 19, .16);--px-color-background-container-secondary-inverted: rgba(255, 255, 255, .24);--px-color-background-container-light-default: #ffffff;--px-color-background-container-light-inverted: rgba(255, 255, 255, .16);--px-color-background-container-default-default: rgba(0, 0, 0, .04);--px-color-background-container-default-inverted: rgba(255, 255, 255, .08);--px-color-background-container-strong-default: rgba(0, 0, 0, .56);--px-color-background-container-strong-inverted: rgba(255, 255, 255, .64);--px-color-background-data-green: #008000;--px-color-background-data-orange: #F39200;--px-color-background-data-red: #B30000;--px-color-background-data-magenta: #FF418C;--px-color-background-data-blue: #016BC1;--px-color-background-data-turquoise: #66D2CC;--px-color-background-footer-sitemap-default: rgba(230, 31, 19, .8);--px-color-background-footer-sitemap-inverted: #ffffff;--px-color-background-gradient-purple-top-red: 180deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-top-magenta: 180deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-top-orange: 180deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-top-blue: 180deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-top-turquoise: 180deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-top-green: 180deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-right-red: 90deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-right-magenta: 90deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-right-orange: 90deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-right-blue: 90deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-right-turquoise: 90deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-right-green: 90deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-top-right-red: 25deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-top-right-magenta: 25deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-top-right-orange: 25deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-top-right-blue: 25deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-top-right-turquoise: 25deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-top-right-green: 25deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-bottom-right-red: 155deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-bottom-right-magenta: 155deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-bottom-right-orange: 155deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-bottom-right-blue: 155deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-bottom-right-turquoise: 155deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-bottom-right-green: 155deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-color-top-red: 180deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-top-magenta: 180deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-top-orange: 180deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-top-blue: 180deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-top-turquoise: 180deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-top-green: 180deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-right-red: 90deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-right-magenta: 90deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-right-orange: 90deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-right-blue: 90deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-right-turquoise: 90deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-right-green: 90deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-top-right-red: 25deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-top-right-magenta: 25deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-top-right-orange: 25deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-top-right-blue: 25deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-top-right-turquoise: 25deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-top-right-green: 25deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-bottom-right-red: 155deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-bottom-right-magenta: 155deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-bottom-right-orange: 155deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-bottom-right-blue: 155deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-bottom-right-turquoise: 155deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-bottom-right-green: 155deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-pickx: 90deg, #000000 66%, #5C2D91 100%;--px-color-background-gradient-nxt: 180deg, #000000 66%, #5C2D91 100%;--px-color-background-gradient-sme: 155deg, #000000 3%, #5C2D91 66%;--px-color-background-none: rgba(255, 255, 255, 0);--px-color-background-overlay-main: rgba(0, 0, 0, .8);--px-color-background-purpose-success-default: #008000;--px-color-background-purpose-success-inverted: #26BB26;--px-color-background-purpose-warning-default: #AC5915;--px-color-background-purpose-warning-inverted: #DB992F;--px-color-background-purpose-error-default: #B30000;--px-color-background-purpose-error-inverted: #F22613;--px-color-background-purpose-unlimited-default: #016BC1;--px-color-background-purpose-unlimited-inverted: #0088F5;--px-color-background-purpose-promo-default: #DE2A56;--px-color-background-purpose-promo-inverted: #DE2A56;--px-color-background-purpose-info-default: #00BCEE;--px-color-background-purpose-info-inverted: #00BCEE;--px-color-background-purpose-eco-default: #008000;--px-color-background-purpose-eco-inverted: #26BB26;--px-color-background-purpose-notification-default: #DE2A56;--px-color-background-purpose-notification-inverted: #DE2A56;--px-color-background-state-hover-default: rgba(0, 0, 0, .12);--px-color-background-state-hover-inverted: rgba(255, 255, 255, .16);--px-color-background-state-hover-bordered-default: #ffffff;--px-color-background-state-hover-bordered-inverted: rgba(0, 0, 0, .12);--px-color-background-state-active-default: rgba(230, 31, 19, .8);--px-color-background-state-active-inverted: #ffffff;--px-color-background-state-disabled-default: rgba(0, 0, 0, .04);--px-color-background-state-disabled-inverted: rgba(255, 255, 255, .08);--px-color-background-surface-light: #ffffff;--px-color-background-surface-default: #f9f9f9;--px-color-background-surface-strong: #e4e4e4;--px-color-background-surface-stronger: #c6c6c6;--px-color-background-surface-dark: #252525;--px-color-background-surface-brand: #E61F13;--px-color-background-surface-brand-light: rgba(230, 31, 19, .16);--px-color-border-focus-outline-default: #252525;--px-color-border-focus-outline-inverted: #ffffff;--px-color-border-focus-offset-default: #ffffff;--px-color-border-focus-offset-inverted: #252525;--px-color-border-main-default: rgba(0, 0, 0, .12);--px-color-border-main-inverted: rgba(255, 255, 255, .12);--px-color-border-brand-default: #c6c6c6;--px-color-border-brand-inverted: #ffffff;--px-color-border-none-default: rgba(255, 255, 255, 0);--px-color-border-none-inverted: rgba(0, 0, 0, 0);--px-color-border-neutral-default: rgba(0, 0, 0, .56);--px-color-border-neutral-inverted: rgba(255, 255, 255, .64);--px-color-border-purpose-success-default: #008000;--px-color-border-purpose-success-inverted: #26BB26;--px-color-border-purpose-warning-default: #AC5915;--px-color-border-purpose-warning-inverted: #DB992F;--px-color-border-purpose-error-default: #B30000;--px-color-border-purpose-error-inverted: #F22613;--px-color-border-purpose-unlimited-default: #016BC1;--px-color-border-purpose-unlimited-inverted: #0088F5;--px-color-border-state-hover-default: #E61F13;--px-color-border-state-hover-inverted: #ffffff;--px-color-border-state-active-default: #E61F13;--px-color-border-state-active-inverted: #ffffff;--px-color-icon-brand-default: #464646;--px-color-icon-brand-inverted: #ffffff;--px-color-icon-accent-default: #E61F13;--px-color-icon-accent-inverted: #ffffff;--px-color-icon-neutral-default: #252525;--px-color-icon-neutral-inverted: #ffffff;--px-color-icon-dimmed-default: rgba(0, 0, 0, .56);--px-color-icon-dimmed-inverted: rgba(255, 255, 255, .64);--px-color-icon-purpose-success-default: #008000;--px-color-icon-purpose-success-inverted: #26BB26;--px-color-icon-purpose-warning-default: #AC5915;--px-color-icon-purpose-warning-inverted: #DB992F;--px-color-icon-purpose-error-default: #B30000;--px-color-icon-purpose-error-inverted: #F22613;--px-color-icon-purpose-unlimited-default: #016BC1;--px-color-icon-purpose-unlimited-inverted: #0088F5;--px-color-icon-purpose-promo-default: #464646;--px-color-icon-purpose-promo-inverted: #DE2A56;--px-color-icon-state-hover-default: #E61F13;--px-color-icon-state-hover-inverted: rgba(255, 255, 255, .8);--px-color-icon-state-active-default: #E61F13;--px-color-icon-state-active-inverted: #ffffff;--px-color-icon-state-disabled-default: rgba(0, 0, 0, .12);--px-color-icon-state-disabled-inverted: rgba(255, 255, 255, .16);--px-color-text-brand-default: #464646;--px-color-text-brand-inverted: #ffffff;--px-color-text-neutral-default: #464646;--px-color-text-neutral-inverted: #ffffff;--px-color-text-dimmed-default: rgba(0, 0, 0, .56);--px-color-text-dimmed-inverted: rgba(255, 255, 255, .8);--px-color-text-purpose-success-default: #008000;--px-color-text-purpose-success-inverted: #26BB26;--px-color-text-purpose-warning-default: #AC5915;--px-color-text-purpose-warning-inverted: #DB992F;--px-color-text-purpose-error-default: #B30000;--px-color-text-purpose-error-inverted: #F22613;--px-color-text-purpose-unlimited-default: #016BC1;--px-color-text-purpose-unlimited-inverted: #0088F5;--px-color-text-purpose-promo-default: #E61F13;--px-color-text-purpose-promo-inverted: #E61F13;--px-color-text-state-hover-default: #E61F13;--px-color-text-state-hover-inverted: rgba(255, 255, 255, .8);--px-color-text-state-active-default: #E61F13;--px-color-text-state-active-inverted: #ffffff;--px-color-text-state-disabled-default: rgba(0, 0, 0, .12);--px-color-text-state-disabled-inverted: rgba(255, 255, 255, .16);--px-font-family: DINNextW05, Verdana, Helvetica, sans-serif;--px-line-height-ratio-s: 1.3;--px-line-height-ratio-l: 1.5;--px-font-size-5xl: 2.5rem;--px-font-size-4xl: 2.25rem;--px-font-size-3xl: 2rem;--px-font-size-2xl: 1.75rem;--px-font-size-xl: 1.5rem;--px-font-size-l: 1.25rem;--px-font-size-m: 1.125rem;--px-font-size-base: 1rem;--px-font-size-s: .875rem;--px-font-size-xs: .75rem;--px-font-size-2xs: .625rem;--px-font-weight-subtitle: 400;--px-font-weight-body: 400;--px-font-weight-title: 700;--px-font-weight-title-large: 700;--px-price-ratio-s: 50%;--px-price-ratio-l: 75%;--px-radius-none: 0px;--px-radius-main: 22px;--px-radius-pill: 9999px;--px-radius-button-small: 9999px;--px-radius-button-big: 9999px;--px-radius-patch-small: 8px;--px-radius-patch-big: 8px;--px-size-action-input-code-width: 2.8125rem;--px-size-action-input-counter-width: 5rem;--px-size-action-input-switch-width: 3.125rem;--px-size-action-input-textarea-min-height: 6.25rem;--px-size-assets-xs: 1.5rem;--px-size-assets-s: 2rem;--px-size-assets-m: 3rem;--px-size-assets-l: 4rem;--px-size-assets-xl: 5rem;--px-size-border-none: 0rem;--px-size-border-s: .0625rem;--px-size-border-m: .125rem;--px-size-border-l: .1875rem;--px-size-icon-xs: 1rem;--px-size-icon-s: 1.25rem;--px-size-icon-m: 1.5rem;--px-size-icon-l: 2rem;--px-size-icon-xl: 3rem;--px-utility-size-s: .125rem;--px-utility-size-m: .5rem;--px-focus-l-mobile: 18px;--px-focus-l-tablet: 18px;--px-focus-l-laptop: 20px;--px-focus-l-desktop: 20px;--px-focus-offset-mobile: 4px;--px-focus-offset-tablet: 4px;--px-focus-offset-laptop: 4px;--px-focus-offset-desktop: 4px;--px-focus-outline-mobile: 3px;--px-focus-outline-tablet: 3px;--px-focus-outline-laptop: 3px;--px-focus-outline-desktop: 3px;--px-image-xs-mobile: 1.75rem;--px-image-xs-tablet: 1.75rem;--px-image-xs-laptop: 1.75rem;--px-image-xs-desktop: 1.75rem;--px-image-s-mobile: 3rem;--px-image-s-tablet: 3rem;--px-image-s-laptop: 3rem;--px-image-s-desktop: 3rem;--px-image-m-mobile: 3.5rem;--px-image-m-tablet: 3.5rem;--px-image-m-laptop: 3.5rem;--px-image-m-desktop: 3.5rem;--px-image-l-mobile: 5rem;--px-image-l-tablet: 5rem;--px-image-l-laptop: 5rem;--px-image-l-desktop: 5rem;--px-image-xl-mobile: 8rem;--px-image-xl-tablet: 8rem;--px-image-xl-laptop: 8rem;--px-image-xl-desktop: 8rem;--px-padding-none-mobile: 0px;--px-padding-none-tablet: 0px;--px-padding-none-laptop: 0px;--px-padding-none-desktop: 0px;--px-padding-3xs-mobile: 2px;--px-padding-3xs-tablet: 2px;--px-padding-3xs-laptop: 2px;--px-padding-3xs-desktop: 2px;--px-padding-2xs-mobile: 4px;--px-padding-2xs-tablet: 4px;--px-padding-2xs-laptop: 4px;--px-padding-2xs-desktop: 4px;--px-padding-xs-mobile: 8px;--px-padding-xs-tablet: 8px;--px-padding-xs-laptop: 8px;--px-padding-xs-desktop: 8px;--px-padding-s-mobile: 16px;--px-padding-s-tablet: 16px;--px-padding-s-laptop: 16px;--px-padding-s-desktop: 16px;--px-padding-m-mobile: 24px;--px-padding-m-tablet: 24px;--px-padding-m-laptop: 24px;--px-padding-m-desktop: 24px;--px-padding-l-mobile: 24px;--px-padding-l-tablet: 24px;--px-padding-l-laptop: 40px;--px-padding-l-desktop: 40px;--px-padding-xl-mobile: 40px;--px-padding-xl-tablet: 40px;--px-padding-xl-laptop: 80px;--px-padding-xl-desktop: 80px;--px-platform-default-width-mobile: 23.4375rem;--px-platform-default-width-tablet: 23.4375rem;--px-platform-default-width-laptop: 90rem;--px-platform-default-width-desktop: 90rem;--px-content-wrapper-min-width-mobile: 21.4375rem;--px-content-wrapper-min-width-tablet: 21.4375rem;--px-content-wrapper-min-width-laptop: 73.75rem;--px-content-wrapper-min-width-desktop: 73.75rem;--px-content-wrapper-max-width-mobile: 62rem;--px-content-wrapper-max-width-tablet: 62rem;--px-content-wrapper-max-width-laptop: 73.75rem;--px-content-wrapper-max-width-desktop: 73.75rem;--px-price-size-decimal-s-mobile: .9375rem;--px-price-size-decimal-s-tablet: .9375rem;--px-price-size-decimal-s-laptop: 1rem;--px-price-size-decimal-s-desktop: 1rem;--px-price-size-decimal-m-mobile: .8125rem;--px-price-size-decimal-m-tablet: .8125rem;--px-price-size-decimal-m-laptop: 1rem;--px-price-size-decimal-m-desktop: 1rem;--px-price-size-decimal-l-mobile: .875rem;--px-price-size-decimal-l-tablet: .875rem;--px-price-size-decimal-l-laptop: 1.125rem;--px-price-size-decimal-l-desktop: 1.125rem;--px-price-size-sign-s-mobile: .875rem;--px-price-size-sign-s-tablet: .875rem;--px-price-size-sign-s-laptop: 1.125rem;--px-price-size-sign-s-desktop: 1.125rem;--px-price-size-sign-m-mobile: 1rem;--px-price-size-sign-m-tablet: 1rem;--px-price-size-sign-m-laptop: 1.3125rem;--px-price-size-sign-m-desktop: 1.3125rem;--px-price-size-sign-l-mobile: 1.25rem;--px-price-size-sign-l-tablet: 1.25rem;--px-price-size-sign-l-laptop: 1.75rem;--px-price-size-sign-l-desktop: 1.75rem;--px-price-size-unit-s-mobile: 1rem;--px-price-size-unit-s-tablet: 1rem;--px-price-size-unit-s-laptop: 1.25rem;--px-price-size-unit-s-desktop: 1.25rem;--px-price-size-unit-m-mobile: 1.25rem;--px-price-size-unit-m-tablet: 1.25rem;--px-price-size-unit-m-laptop: 1.75rem;--px-price-size-unit-m-desktop: 1.75rem;--px-price-size-unit-l-mobile: 1.5rem;--px-price-size-unit-l-tablet: 1.5rem;--px-price-size-unit-l-laptop: 2rem;--px-price-size-unit-l-desktop: 2rem;--px-spacing-heading-to-subtitle-mobile: 8px;--px-spacing-heading-to-subtitle-tablet: 8px;--px-spacing-heading-to-subtitle-laptop: 16px;--px-spacing-heading-to-subtitle-desktop: 16px;--px-spacing-heading-to-content-mobile: 16px;--px-spacing-heading-to-content-tablet: 16px;--px-spacing-heading-to-content-laptop: 24px;--px-spacing-heading-to-content-desktop: 24px;--px-none-mobile: 0px;--px-none-tablet: 0px;--px-none-laptop: 0px;--px-none-desktop: 0px;--px-spacing-2xs-mobile: 4px;--px-spacing-2xs-tablet: 4px;--px-spacing-2xs-laptop: 4px;--px-spacing-2xs-desktop: 4px;--px-spacing-xs-mobile: 8px;--px-spacing-xs-tablet: 8px;--px-spacing-xs-laptop: 8px;--px-spacing-xs-desktop: 8px;--px-spacing-s-mobile: 16px;--px-spacing-s-tablet: 16px;--px-spacing-s-laptop: 16px;--px-spacing-s-desktop: 16px;--px-spacing-default-mobile: 24px;--px-spacing-default-tablet: 24px;--px-spacing-default-laptop: 24px;--px-spacing-default-desktop: 24px;--px-spacing-l-mobile: 24px;--px-spacing-l-tablet: 24px;--px-spacing-l-laptop: 40px;--px-spacing-l-desktop: 40px;--px-overlapped-mobile: -24px;--px-overlapped-tablet: -24px;--px-overlapped-laptop: -40px;--px-overlapped-desktop: -40px;--px-spacing-top-patch-mobile: 14px;--px-spacing-top-patch-tablet: 14px;--px-spacing-top-patch-laptop: 14px;--px-spacing-top-patch-desktop: 14px;--px-spacing-top-neighbor-patch-mobile: 0px;--px-spacing-top-neighbor-patch-tablet: 0px;--px-spacing-top-neighbor-patch-laptop: 14px;--px-spacing-top-neighbor-patch-desktop: 14px;--px-spacing-top-ribbon-mobile: 40px;--px-spacing-top-ribbon-tablet: 40px;--px-spacing-top-ribbon-laptop: 40px;--px-spacing-top-ribbon-desktop: 40px;--px-spacing-top-neighbor-ribbon-mobile: 0px;--px-spacing-top-neighbor-ribbon-tablet: 0px;--px-spacing-top-neighbor-ribbon-laptop: 40px;--px-spacing-top-neighbor-ribbon-desktop: 40px;--px-spacing-top-patch-and-neighbor-ribbon-mobile: 14px;--px-spacing-top-patch-and-neighbor-ribbon-tablet: 14px;--px-spacing-top-patch-and-neighbor-ribbon-laptop: 40px;--px-spacing-top-patch-and-neighbor-ribbon-desktop: 40px;--px-spacing-page-layout-between-sections-mobile: 40px;--px-spacing-page-layout-between-sections-tablet: 40px;--px-spacing-page-layout-between-sections-laptop: 80px;--px-spacing-page-layout-between-sections-desktop: 80px;--px-text-size-body-l-mobile: 1rem;--px-text-size-body-l-tablet: 1rem;--px-text-size-body-l-laptop: 1.125rem;--px-text-size-body-l-desktop: 1.125rem;--px-text-size-body-m-mobile: .875rem;--px-text-size-body-m-tablet: .875rem;--px-text-size-body-m-laptop: 1rem;--px-text-size-body-m-desktop: 1rem;--px-text-size-body-s-mobile: .75rem;--px-text-size-body-s-tablet: .75rem;--px-text-size-body-s-laptop: .875rem;--px-text-size-body-s-desktop: .875rem;--px-text-size-body-xs-mobile: .625rem;--px-text-size-body-xs-tablet: .625rem;--px-text-size-body-xs-laptop: .75rem;--px-text-size-body-xs-desktop: .75rem;--px-text-size-heading-5xl-mobile: 2.25rem;--px-text-size-heading-5xl-tablet: 2.25rem;--px-text-size-heading-5xl-laptop: 2.5rem;--px-text-size-heading-5xl-desktop: 2.5rem;--px-text-size-heading-4xl-mobile: 2rem;--px-text-size-heading-4xl-tablet: 2rem;--px-text-size-heading-4xl-laptop: 2.25rem;--px-text-size-heading-4xl-desktop: 2.25rem;--px-text-size-heading-3xl-mobile: 1.75rem;--px-text-size-heading-3xl-tablet: 1.75rem;--px-text-size-heading-3xl-laptop: 2rem;--px-text-size-heading-3xl-desktop: 2rem;--px-text-size-heading-2xl-mobile: 1.5rem;--px-text-size-heading-2xl-tablet: 1.5rem;--px-text-size-heading-2xl-laptop: 1.75rem;--px-text-size-heading-2xl-desktop: 1.75rem;--px-text-size-heading-xl-mobile: 1.25rem;--px-text-size-heading-xl-tablet: 1.25rem;--px-text-size-heading-xl-laptop: 1.5rem;--px-text-size-heading-xl-desktop: 1.5rem;--px-text-size-heading-l-mobile: 1.125rem;--px-text-size-heading-l-tablet: 1.125rem;--px-text-size-heading-l-laptop: 1.25rem;--px-text-size-heading-l-desktop: 1.25rem;--px-text-size-heading-m-mobile: 1rem;--px-text-size-heading-m-tablet: 1rem;--px-text-size-heading-m-laptop: 1.125rem;--px-text-size-heading-m-desktop: 1.125rem;--px-text-size-heading-s-mobile: .875rem;--px-text-size-heading-s-tablet: .875rem;--px-text-size-heading-s-laptop: 1rem;--px-text-size-heading-s-desktop: 1rem;--px-text-size-label-l-mobile: 1rem;--px-text-size-label-l-tablet: 1rem;--px-text-size-label-l-laptop: 1.125rem;--px-text-size-label-l-desktop: 1.125rem;--px-text-size-label-m-mobile: .875rem;--px-text-size-label-m-tablet: .875rem;--px-text-size-label-m-laptop: 1rem;--px-text-size-label-m-desktop: 1rem;--px-text-size-label-s-mobile: .75rem;--px-text-size-label-s-tablet: .75rem;--px-text-size-label-s-laptop: .875rem;--px-text-size-label-s-desktop: .875rem;--px-text-size-label-xs-mobile: .625rem;--px-text-size-label-xs-tablet: .625rem;--px-text-size-label-xs-laptop: .75rem;--px-text-size-label-xs-desktop: .75rem;--px-text-size-link-m-mobile: .875rem;--px-text-size-link-m-tablet: .875rem;--px-text-size-link-m-laptop: 1rem;--px-text-size-link-m-desktop: 1rem;--px-text-size-link-s-mobile: .75rem;--px-text-size-link-s-tablet: .75rem;--px-text-size-link-s-laptop: .875rem;--px-text-size-link-s-desktop: .875rem}",o=new CSSStyleSheet;o.replaceSync(d);class i extends n{constructor(){super(o,"scarlet")}switchThemes(){throw new Error("Method not implemented.")}}customElements.get("px-scarlet-theme-provider")||customElements.define("px-scarlet-theme-provider",i),e.ScarletThemeProvider=i,e.scarletThemesStyleSheet=o,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(o,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(o=typeof globalThis<"u"?globalThis:o||self,p(o["lavender-theming-scarlet"]={}))})(this,function(o){"use strict";const p="px-accordion:not(:defined),px-banner:not(:defined),px-button:not(:defined),px-button-icon:not(:defined),px-appleseed:not(:defined),px-carousel:not(:defined),px-carousel-item:not(:defined),px-stack:not(:defined),px-vstack:not(:defined),px-hstack:not(:defined),px-spacer:not(:defined),px-page:not(:defined),px-cell:not(:defined),px-cell-link:not(:defined),px-cell-checkbox:not(:defined),px-cell-radio:not(:defined),px-cell-switch:not(:defined),px-checkbox:not(:defined),px-container:not(:defined),px-drawer:not(:defined),px-icon-set:not(:defined),px-icon:not(:defined),px-icon-f:not(:defined),px-fieldset:not(:defined),px-grid:not(:defined),px-grid-item:not(:defined),px-h1:not(:defined),px-h2:not(:defined),px-h3:not(:defined),px-h4:not(:defined),px-h5:not(:defined),px-h6:not(:defined),px-heading-group:not(:defined),px-img:not(:defined),px-picture:not(:defined),px-input:not(:defined),px-textarea:not(:defined),px-select:not(:defined),px-fileupload:not(:defined),px-a:not(:defined),px-modal:not(:defined),px-patch:not(:defined),px-section:not(:defined),px-price:not(:defined),px-ribbon:not(:defined),px-separator:not(:defined),px-tag:not(:defined),px-tabs:not(:defined),px-tab:not(:defined),px-tab-panel:not(:defined),px-timeline:not(:defined),px-timeline-item:not(:defined),px-span:not(:defined),px-p:not(:defined),px-typography:not(:defined),px-spinner:not(:defined),px-radio:not(:defined),px-radio-base:not(:defined),px-radio-group:not(:defined),px-sticky-container:not(:defined),px-theme-switcher:not(:defined),px-switch:not(:defined),px-table:not(:defined),px-tbody:not(:defined),px-td:not(:defined),px-th:not(:defined),px-thead:not(:defined),px-tr:not(:defined),px-theme-provider:not(:defined),px-proximus-theme-provider:not(:defined),px-proximus-ebu-theme-provider:not(:defined),px-scarlet-theme-provider:not(:defined),px-tile:not(:defined),px-tile-button:not(:defined),px-tile-checkbox:not(:defined),px-tile-link:not(:defined),px-tile-radio:not(:defined),px-tile-switch:not(:defined),px-action-link:not(:defined),px-header:not(:defined),px-header-item:not(:defined),px-mdd-section:not(:defined),px-mdd-section-item:not(:defined),px-mdd:not(:defined){display:none}",a='html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}',d=new CSSStyleSheet;d.replaceSync(p);const r=new CSSStyleSheet;r.replaceSync(a);class x extends HTMLElement{constructor(e,t){super(),this.tokenStyleSheet=e,this.name=t,this.duplicate=!1}static get observedAttributes(){return["reset-css"]}connectedCallback(){var t;if(document.querySelectorAll("px-theme-provider").length>1){for(this.duplicate=!0;this.firstChild;)(t=this.parentNode)==null||t.appendChild(this.firstChild);this.remove()}const e=[...document.adoptedStyleSheets];e.push(this.tokenStyleSheet),e.push(d),document.adoptedStyleSheets=e,this.applyResetCss(this.resetCss)}attributeChangedCallback(e,t,c){t!==c&&e==="reset-css"&&this.applyResetCss(this.resetCss)}disconnectedCallback(){this.duplicate||(document.adoptedStyleSheets=document.adoptedStyleSheets.filter(e=>e!==this.tokenStyleSheet))}applyResetCss(e){if(e){document.adoptedStyleSheets.includes(r)||(document.adoptedStyleSheets=[...document.adoptedStyleSheets,r]);return}document.adoptedStyleSheets=document.adoptedStyleSheets.filter(t=>t!==r)}get resetCss(){return this.hasAttribute("reset-css")}set resetCss(e){e?this.setAttribute("reset-css",""):this.removeAttribute("reset-css")}}const l=":root{--px-color-background-container-primary-default: #E61F13;--px-color-background-container-primary-inverted: #ffffff;--px-color-background-container-secondary-default: rgba(230, 31, 19, .16);--px-color-background-container-secondary-inverted: rgba(255, 255, 255, .24);--px-color-background-container-light-default: #ffffff;--px-color-background-container-light-inverted: rgba(255, 255, 255, .16);--px-color-background-container-default-default: rgba(0, 0, 0, .04);--px-color-background-container-default-inverted: rgba(255, 255, 255, .08);--px-color-background-container-strong-default: rgba(0, 0, 0, .56);--px-color-background-container-strong-inverted: rgba(255, 255, 255, .64);--px-color-background-data-green: #008000;--px-color-background-data-orange: #F39200;--px-color-background-data-red: #B30000;--px-color-background-data-magenta: #FF418C;--px-color-background-data-blue: #016BC1;--px-color-background-data-turquoise: #66D2CC;--px-color-background-footer-sitemap-default: rgba(230, 31, 19, .8);--px-color-background-footer-sitemap-inverted: #ffffff;--px-color-background-gradient-purple-top-red: 180deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-top-magenta: 180deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-top-orange: 180deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-top-blue: 180deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-top-turquoise: 180deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-top-green: 180deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-right-red: 90deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-right-magenta: 90deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-right-orange: 90deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-right-blue: 90deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-right-turquoise: 90deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-right-green: 90deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-top-right-red: 25deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-top-right-magenta: 25deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-top-right-orange: 25deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-top-right-blue: 25deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-top-right-turquoise: 25deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-top-right-green: 25deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-purple-bottom-right-red: 155deg, #5C2D91 66%, #EE2E5D 100%;--px-color-background-gradient-purple-bottom-right-magenta: 155deg, #5C2D91 66%, #FF418C 100%;--px-color-background-gradient-purple-bottom-right-orange: 155deg, #5C2D91 66%, #F39200 100%;--px-color-background-gradient-purple-bottom-right-blue: 155deg, #5C2D91 66%, #00BCEE 100%;--px-color-background-gradient-purple-bottom-right-turquoise: 155deg, #5C2D91 66%, #66D2CC 100%;--px-color-background-gradient-purple-bottom-right-green: 155deg, #5C2D91 66%, #81C747 100%;--px-color-background-gradient-color-top-red: 180deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-top-magenta: 180deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-top-orange: 180deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-top-blue: 180deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-top-turquoise: 180deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-top-green: 180deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-right-red: 90deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-right-magenta: 90deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-right-orange: 90deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-right-blue: 90deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-right-turquoise: 90deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-right-green: 90deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-top-right-red: 25deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-top-right-magenta: 25deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-top-right-orange: 25deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-top-right-blue: 25deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-top-right-turquoise: 25deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-top-right-green: 25deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-color-bottom-right-red: 155deg, #5C2D91 3%, #EE2E5D 66%;--px-color-background-gradient-color-bottom-right-magenta: 155deg, #5C2D91 3%, #FF418C 66%;--px-color-background-gradient-color-bottom-right-orange: 155deg, #5C2D91 3%, #F39200 66%;--px-color-background-gradient-color-bottom-right-blue: 155deg, #5C2D91 3%, #00BCEE 66%;--px-color-background-gradient-color-bottom-right-turquoise: 155deg, #5C2D91 3%, #66D2CC 66%;--px-color-background-gradient-color-bottom-right-green: 155deg, #5C2D91 3%, #81C747 66%;--px-color-background-gradient-pickx: 90deg, #000000 66%, #5C2D91 100%;--px-color-background-gradient-nxt: 180deg, #000000 66%, #5C2D91 100%;--px-color-background-gradient-sme: 155deg, #000000 3%, #5C2D91 66%;--px-color-background-none: rgba(255, 255, 255, 0);--px-color-background-overlay-main: rgba(0, 0, 0, .8);--px-color-background-purpose-success-default: #008000;--px-color-background-purpose-success-inverted: #26BB26;--px-color-background-purpose-warning-default: #AC5915;--px-color-background-purpose-warning-inverted: #DB992F;--px-color-background-purpose-error-default: #B30000;--px-color-background-purpose-error-inverted: #F22613;--px-color-background-purpose-unlimited-default: #016BC1;--px-color-background-purpose-unlimited-inverted: #0088F5;--px-color-background-purpose-promo-default: #DE2A56;--px-color-background-purpose-promo-inverted: #DE2A56;--px-color-background-purpose-info-default: #00BCEE;--px-color-background-purpose-info-inverted: #00BCEE;--px-color-background-purpose-eco-default: #008000;--px-color-background-purpose-eco-inverted: #26BB26;--px-color-background-purpose-notification-default: #DE2A56;--px-color-background-purpose-notification-inverted: #DE2A56;--px-color-background-state-hover-default: rgba(0, 0, 0, .12);--px-color-background-state-hover-inverted: rgba(255, 255, 255, .16);--px-color-background-state-hover-bordered-default: #ffffff;--px-color-background-state-hover-bordered-inverted: rgba(0, 0, 0, .12);--px-color-background-state-active-default: rgba(230, 31, 19, .8);--px-color-background-state-active-inverted: #ffffff;--px-color-background-state-disabled-default: rgba(0, 0, 0, .04);--px-color-background-state-disabled-inverted: rgba(255, 255, 255, .08);--px-color-background-surface-light: #ffffff;--px-color-background-surface-default: #f9f9f9;--px-color-background-surface-strong: #e4e4e4;--px-color-background-surface-stronger: #c6c6c6;--px-color-background-surface-dark: #252525;--px-color-background-surface-brand: #E61F13;--px-color-background-surface-brand-light: rgba(230, 31, 19, .16);--px-color-border-focus-outline-default: #252525;--px-color-border-focus-outline-inverted: #ffffff;--px-color-border-focus-offset-default: #ffffff;--px-color-border-focus-offset-inverted: #252525;--px-color-border-main-default: rgba(0, 0, 0, .12);--px-color-border-main-inverted: rgba(255, 255, 255, .12);--px-color-border-brand-default: #c6c6c6;--px-color-border-brand-inverted: #ffffff;--px-color-border-none-default: rgba(255, 255, 255, 0);--px-color-border-none-inverted: rgba(0, 0, 0, 0);--px-color-border-neutral-default: rgba(0, 0, 0, .56);--px-color-border-neutral-inverted: rgba(255, 255, 255, .64);--px-color-border-purpose-success-default: #008000;--px-color-border-purpose-success-inverted: #26BB26;--px-color-border-purpose-warning-default: #AC5915;--px-color-border-purpose-warning-inverted: #DB992F;--px-color-border-purpose-error-default: #B30000;--px-color-border-purpose-error-inverted: #F22613;--px-color-border-purpose-unlimited-default: #016BC1;--px-color-border-purpose-unlimited-inverted: #0088F5;--px-color-border-state-hover-default: #E61F13;--px-color-border-state-hover-inverted: #ffffff;--px-color-border-state-active-default: #E61F13;--px-color-border-state-active-inverted: #ffffff;--px-color-icon-brand-default: #464646;--px-color-icon-brand-inverted: #ffffff;--px-color-icon-accent-default: #E61F13;--px-color-icon-accent-inverted: #ffffff;--px-color-icon-neutral-default: #252525;--px-color-icon-neutral-inverted: #ffffff;--px-color-icon-dimmed-default: rgba(0, 0, 0, .56);--px-color-icon-dimmed-inverted: rgba(255, 255, 255, .64);--px-color-icon-purpose-success-default: #008000;--px-color-icon-purpose-success-inverted: #26BB26;--px-color-icon-purpose-warning-default: #AC5915;--px-color-icon-purpose-warning-inverted: #DB992F;--px-color-icon-purpose-error-default: #B30000;--px-color-icon-purpose-error-inverted: #F22613;--px-color-icon-purpose-unlimited-default: #016BC1;--px-color-icon-purpose-unlimited-inverted: #0088F5;--px-color-icon-purpose-promo-default: #464646;--px-color-icon-purpose-promo-inverted: #DE2A56;--px-color-icon-state-hover-default: #E61F13;--px-color-icon-state-hover-inverted: rgba(255, 255, 255, .8);--px-color-icon-state-active-default: #E61F13;--px-color-icon-state-active-inverted: #ffffff;--px-color-icon-state-disabled-default: rgba(0, 0, 0, .12);--px-color-icon-state-disabled-inverted: rgba(255, 255, 255, .16);--px-color-text-brand-default: #464646;--px-color-text-brand-inverted: #ffffff;--px-color-text-neutral-default: #464646;--px-color-text-neutral-inverted: #ffffff;--px-color-text-dimmed-default: rgba(0, 0, 0, .56);--px-color-text-dimmed-inverted: rgba(255, 255, 255, .8);--px-color-text-purpose-success-default: #008000;--px-color-text-purpose-success-inverted: #26BB26;--px-color-text-purpose-warning-default: #AC5915;--px-color-text-purpose-warning-inverted: #DB992F;--px-color-text-purpose-error-default: #B30000;--px-color-text-purpose-error-inverted: #F22613;--px-color-text-purpose-unlimited-default: #016BC1;--px-color-text-purpose-unlimited-inverted: #0088F5;--px-color-text-purpose-promo-default: #E61F13;--px-color-text-purpose-promo-inverted: #E61F13;--px-color-text-state-hover-default: #E61F13;--px-color-text-state-hover-inverted: rgba(255, 255, 255, .8);--px-color-text-state-active-default: #E61F13;--px-color-text-state-active-inverted: #ffffff;--px-color-text-state-disabled-default: rgba(0, 0, 0, .12);--px-color-text-state-disabled-inverted: rgba(255, 255, 255, .16);--px-font-family: DINNextW05, Verdana, Helvetica, sans-serif;--px-line-height-ratio-s: 1.3;--px-line-height-ratio-l: 1.5;--px-font-size-5xl: 2.5rem;--px-font-size-4xl: 2.25rem;--px-font-size-3xl: 2rem;--px-font-size-2xl: 1.75rem;--px-font-size-xl: 1.5rem;--px-font-size-l: 1.25rem;--px-font-size-m: 1.125rem;--px-font-size-base: 1rem;--px-font-size-s: .875rem;--px-font-size-xs: .75rem;--px-font-size-2xs: .625rem;--px-font-weight-subtitle: 400;--px-font-weight-body: 400;--px-font-weight-title: 700;--px-font-weight-title-large: 700;--px-price-ratio-s: 50%;--px-price-ratio-l: 75%;--px-radius-none: 0px;--px-radius-main: 22px;--px-radius-pill: 9999px;--px-radius-button-small: 9999px;--px-radius-button-big: 9999px;--px-radius-patch-small: 8px;--px-radius-patch-big: 8px;--px-size-action-input-code-width: 2.8125rem;--px-size-action-input-counter-width: 5rem;--px-size-action-input-switch-width: 3.125rem;--px-size-action-input-textarea-min-height: 6.25rem;--px-size-assets-xs: 1.5rem;--px-size-assets-s: 2rem;--px-size-assets-m: 3rem;--px-size-assets-l: 4rem;--px-size-assets-xl: 5rem;--px-size-border-none: 0rem;--px-size-border-s: .0625rem;--px-size-border-m: .125rem;--px-size-border-l: .1875rem;--px-size-icon-xs: 1rem;--px-size-icon-s: 1.25rem;--px-size-icon-m: 1.5rem;--px-size-icon-l: 2rem;--px-size-icon-xl: 3rem;--px-utility-size-s: .125rem;--px-utility-size-m: .5rem;--px-focus-l-mobile: 18px;--px-focus-l-tablet: 18px;--px-focus-l-laptop: 20px;--px-focus-l-desktop: 20px;--px-focus-offset-mobile: 4px;--px-focus-offset-tablet: 4px;--px-focus-offset-laptop: 4px;--px-focus-offset-desktop: 4px;--px-focus-outline-mobile: 3px;--px-focus-outline-tablet: 3px;--px-focus-outline-laptop: 3px;--px-focus-outline-desktop: 3px;--px-image-xs-mobile: 1.75rem;--px-image-xs-tablet: 1.75rem;--px-image-xs-laptop: 1.75rem;--px-image-xs-desktop: 1.75rem;--px-image-s-mobile: 3rem;--px-image-s-tablet: 3rem;--px-image-s-laptop: 3rem;--px-image-s-desktop: 3rem;--px-image-m-mobile: 3.5rem;--px-image-m-tablet: 3.5rem;--px-image-m-laptop: 3.5rem;--px-image-m-desktop: 3.5rem;--px-image-l-mobile: 5rem;--px-image-l-tablet: 5rem;--px-image-l-laptop: 5rem;--px-image-l-desktop: 5rem;--px-image-xl-mobile: 8rem;--px-image-xl-tablet: 8rem;--px-image-xl-laptop: 8rem;--px-image-xl-desktop: 8rem;--px-padding-none-mobile: 0px;--px-padding-none-tablet: 0px;--px-padding-none-laptop: 0px;--px-padding-none-desktop: 0px;--px-padding-3xs-mobile: 2px;--px-padding-3xs-tablet: 2px;--px-padding-3xs-laptop: 2px;--px-padding-3xs-desktop: 2px;--px-padding-2xs-mobile: 4px;--px-padding-2xs-tablet: 4px;--px-padding-2xs-laptop: 4px;--px-padding-2xs-desktop: 4px;--px-padding-xs-mobile: 8px;--px-padding-xs-tablet: 8px;--px-padding-xs-laptop: 8px;--px-padding-xs-desktop: 8px;--px-padding-s-mobile: 16px;--px-padding-s-tablet: 16px;--px-padding-s-laptop: 16px;--px-padding-s-desktop: 16px;--px-padding-m-mobile: 24px;--px-padding-m-tablet: 24px;--px-padding-m-laptop: 24px;--px-padding-m-desktop: 24px;--px-padding-l-mobile: 24px;--px-padding-l-tablet: 24px;--px-padding-l-laptop: 40px;--px-padding-l-desktop: 40px;--px-padding-xl-mobile: 40px;--px-padding-xl-tablet: 40px;--px-padding-xl-laptop: 80px;--px-padding-xl-desktop: 80px;--px-platform-default-width-mobile: 23.4375rem;--px-platform-default-width-tablet: 23.4375rem;--px-platform-default-width-laptop: 90rem;--px-platform-default-width-desktop: 90rem;--px-content-wrapper-min-width-mobile: 21.4375rem;--px-content-wrapper-min-width-tablet: 21.4375rem;--px-content-wrapper-min-width-laptop: 73.75rem;--px-content-wrapper-min-width-desktop: 73.75rem;--px-content-wrapper-max-width-mobile: 62rem;--px-content-wrapper-max-width-tablet: 62rem;--px-content-wrapper-max-width-laptop: 73.75rem;--px-content-wrapper-max-width-desktop: 73.75rem;--px-price-size-decimal-s-mobile: .9375rem;--px-price-size-decimal-s-tablet: .9375rem;--px-price-size-decimal-s-laptop: 1rem;--px-price-size-decimal-s-desktop: 1rem;--px-price-size-decimal-m-mobile: .8125rem;--px-price-size-decimal-m-tablet: .8125rem;--px-price-size-decimal-m-laptop: 1rem;--px-price-size-decimal-m-desktop: 1rem;--px-price-size-decimal-l-mobile: .875rem;--px-price-size-decimal-l-tablet: .875rem;--px-price-size-decimal-l-laptop: 1.125rem;--px-price-size-decimal-l-desktop: 1.125rem;--px-price-size-sign-s-mobile: .875rem;--px-price-size-sign-s-tablet: .875rem;--px-price-size-sign-s-laptop: 1.125rem;--px-price-size-sign-s-desktop: 1.125rem;--px-price-size-sign-m-mobile: 1rem;--px-price-size-sign-m-tablet: 1rem;--px-price-size-sign-m-laptop: 1.3125rem;--px-price-size-sign-m-desktop: 1.3125rem;--px-price-size-sign-l-mobile: 1.25rem;--px-price-size-sign-l-tablet: 1.25rem;--px-price-size-sign-l-laptop: 1.75rem;--px-price-size-sign-l-desktop: 1.75rem;--px-price-size-unit-s-mobile: 1rem;--px-price-size-unit-s-tablet: 1rem;--px-price-size-unit-s-laptop: 1.25rem;--px-price-size-unit-s-desktop: 1.25rem;--px-price-size-unit-m-mobile: 1.25rem;--px-price-size-unit-m-tablet: 1.25rem;--px-price-size-unit-m-laptop: 1.75rem;--px-price-size-unit-m-desktop: 1.75rem;--px-price-size-unit-l-mobile: 1.5rem;--px-price-size-unit-l-tablet: 1.5rem;--px-price-size-unit-l-laptop: 2rem;--px-price-size-unit-l-desktop: 2rem;--px-spacing-heading-to-subtitle-mobile: 8px;--px-spacing-heading-to-subtitle-tablet: 8px;--px-spacing-heading-to-subtitle-laptop: 16px;--px-spacing-heading-to-subtitle-desktop: 16px;--px-spacing-heading-to-content-mobile: 16px;--px-spacing-heading-to-content-tablet: 16px;--px-spacing-heading-to-content-laptop: 24px;--px-spacing-heading-to-content-desktop: 24px;--px-none-mobile: 0px;--px-none-tablet: 0px;--px-none-laptop: 0px;--px-none-desktop: 0px;--px-spacing-2xs-mobile: 4px;--px-spacing-2xs-tablet: 4px;--px-spacing-2xs-laptop: 4px;--px-spacing-2xs-desktop: 4px;--px-spacing-xs-mobile: 8px;--px-spacing-xs-tablet: 8px;--px-spacing-xs-laptop: 8px;--px-spacing-xs-desktop: 8px;--px-spacing-s-mobile: 16px;--px-spacing-s-tablet: 16px;--px-spacing-s-laptop: 16px;--px-spacing-s-desktop: 16px;--px-spacing-default-mobile: 24px;--px-spacing-default-tablet: 24px;--px-spacing-default-laptop: 24px;--px-spacing-default-desktop: 24px;--px-spacing-l-mobile: 24px;--px-spacing-l-tablet: 24px;--px-spacing-l-laptop: 40px;--px-spacing-l-desktop: 40px;--px-overlapped-mobile: -24px;--px-overlapped-tablet: -24px;--px-overlapped-laptop: -40px;--px-overlapped-desktop: -40px;--px-spacing-top-patch-mobile: 14px;--px-spacing-top-patch-tablet: 14px;--px-spacing-top-patch-laptop: 14px;--px-spacing-top-patch-desktop: 14px;--px-spacing-top-neighbor-patch-mobile: 0px;--px-spacing-top-neighbor-patch-tablet: 0px;--px-spacing-top-neighbor-patch-laptop: 14px;--px-spacing-top-neighbor-patch-desktop: 14px;--px-spacing-top-ribbon-mobile: 40px;--px-spacing-top-ribbon-tablet: 40px;--px-spacing-top-ribbon-laptop: 40px;--px-spacing-top-ribbon-desktop: 40px;--px-spacing-top-neighbor-ribbon-mobile: 0px;--px-spacing-top-neighbor-ribbon-tablet: 0px;--px-spacing-top-neighbor-ribbon-laptop: 40px;--px-spacing-top-neighbor-ribbon-desktop: 40px;--px-spacing-top-patch-and-neighbor-ribbon-mobile: 14px;--px-spacing-top-patch-and-neighbor-ribbon-tablet: 14px;--px-spacing-top-patch-and-neighbor-ribbon-laptop: 40px;--px-spacing-top-patch-and-neighbor-ribbon-desktop: 40px;--px-spacing-page-layout-between-sections-mobile: 40px;--px-spacing-page-layout-between-sections-tablet: 40px;--px-spacing-page-layout-between-sections-laptop: 80px;--px-spacing-page-layout-between-sections-desktop: 80px;--px-text-size-body-l-mobile: 1rem;--px-text-size-body-l-tablet: 1rem;--px-text-size-body-l-laptop: 1.125rem;--px-text-size-body-l-desktop: 1.125rem;--px-text-size-body-m-mobile: .875rem;--px-text-size-body-m-tablet: .875rem;--px-text-size-body-m-laptop: 1rem;--px-text-size-body-m-desktop: 1rem;--px-text-size-body-s-mobile: .75rem;--px-text-size-body-s-tablet: .75rem;--px-text-size-body-s-laptop: .875rem;--px-text-size-body-s-desktop: .875rem;--px-text-size-body-xs-mobile: .625rem;--px-text-size-body-xs-tablet: .625rem;--px-text-size-body-xs-laptop: .75rem;--px-text-size-body-xs-desktop: .75rem;--px-text-size-heading-5xl-mobile: 2.25rem;--px-text-size-heading-5xl-tablet: 2.25rem;--px-text-size-heading-5xl-laptop: 2.5rem;--px-text-size-heading-5xl-desktop: 2.5rem;--px-text-size-heading-4xl-mobile: 2rem;--px-text-size-heading-4xl-tablet: 2rem;--px-text-size-heading-4xl-laptop: 2.25rem;--px-text-size-heading-4xl-desktop: 2.25rem;--px-text-size-heading-3xl-mobile: 1.75rem;--px-text-size-heading-3xl-tablet: 1.75rem;--px-text-size-heading-3xl-laptop: 2rem;--px-text-size-heading-3xl-desktop: 2rem;--px-text-size-heading-2xl-mobile: 1.5rem;--px-text-size-heading-2xl-tablet: 1.5rem;--px-text-size-heading-2xl-laptop: 1.75rem;--px-text-size-heading-2xl-desktop: 1.75rem;--px-text-size-heading-xl-mobile: 1.25rem;--px-text-size-heading-xl-tablet: 1.25rem;--px-text-size-heading-xl-laptop: 1.5rem;--px-text-size-heading-xl-desktop: 1.5rem;--px-text-size-heading-l-mobile: 1.125rem;--px-text-size-heading-l-tablet: 1.125rem;--px-text-size-heading-l-laptop: 1.25rem;--px-text-size-heading-l-desktop: 1.25rem;--px-text-size-heading-m-mobile: 1rem;--px-text-size-heading-m-tablet: 1rem;--px-text-size-heading-m-laptop: 1.125rem;--px-text-size-heading-m-desktop: 1.125rem;--px-text-size-heading-s-mobile: .875rem;--px-text-size-heading-s-tablet: .875rem;--px-text-size-heading-s-laptop: 1rem;--px-text-size-heading-s-desktop: 1rem;--px-text-size-label-l-mobile: 1rem;--px-text-size-label-l-tablet: 1rem;--px-text-size-label-l-laptop: 1.125rem;--px-text-size-label-l-desktop: 1.125rem;--px-text-size-label-m-mobile: .875rem;--px-text-size-label-m-tablet: .875rem;--px-text-size-label-m-laptop: 1rem;--px-text-size-label-m-desktop: 1rem;--px-text-size-label-s-mobile: .75rem;--px-text-size-label-s-tablet: .75rem;--px-text-size-label-s-laptop: .875rem;--px-text-size-label-s-desktop: .875rem;--px-text-size-label-xs-mobile: .625rem;--px-text-size-label-xs-tablet: .625rem;--px-text-size-label-xs-laptop: .75rem;--px-text-size-label-xs-desktop: .75rem;--px-text-size-link-m-mobile: .875rem;--px-text-size-link-m-tablet: .875rem;--px-text-size-link-m-laptop: 1rem;--px-text-size-link-m-desktop: 1rem;--px-text-size-link-s-mobile: .75rem;--px-text-size-link-s-tablet: .75rem;--px-text-size-link-s-laptop: .875rem;--px-text-size-link-s-desktop: .875rem}",i=new CSSStyleSheet;i.replaceSync(l);class n extends x{constructor(){super(i,"scarlet")}switchThemes(){throw new Error("Method not implemented.")}}customElements.get("px-scarlet-theme-provider")||customElements.define("px-scarlet-theme-provider",n),o.ScarletThemeProvider=n,o.scarletThemesStyleSheet=i,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
|