@carbon/ibm-products-web-components 0.35.0 → 0.36.0

package/es-custom/components/interstitial-screen/interstitial-screen-body.js

@@ -1,164 +1,147 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { prefix } from '../../globals/settings.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { interstitialDetailsSignal, updateInterstitialDetailsSignal } from "./interstitial-screen-context.js";
+import interstitial_screen_body_default$1 from "./interstitial-screen-body.scss.js";
+import { LitElement, html } from "lit";
+import { property, state } from "lit/decorators.js";
+import HostListenerMixin from "@carbon/web-components/es/globals/mixins/host-listener.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
 import '@carbon/web-components/es-custom/components/modal/index.js';
-import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import styles from './interstitial-screen-body.scss.js';
-import { initCarousel } from '@carbon/utilities';
-import { createRef, ref } from 'lit/directives/ref.js';
-import { SignalWatcher } from '@lit-labs/signals';
-import { updateInterstitialDetailsSignal, interstitialDetailsSignal } from './interstitial-screen-context.js';
+import { SignalWatcher } from "@lit-labs/signals";
+import { initCarousel } from "@carbon/utilities";
+import { createRef, ref } from "lit/directives/ref.js";
 
+//#region src/components/interstitial-screen/interstitial-screen-body.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 const blockClass = `${prefix}--interstitial-screen`;
 /**
- * interstitial-screen-body for body section
- * @element c4p-interstitial-screen-body
- * @fires c4p-on-before-step-change - The name of the custom event fired at the start of  the step change.
- * @fires c4p-on-after-step-change -  The name of the custom event fired at the end of  the step change.
- */
+* interstitial-screen-body for body section
+* @element c4p-interstitial-screen-body
+* @fires c4p-on-before-step-change - The name of the custom event fired at the start of  the step change.
+* @fires c4p-on-after-step-change -  The name of the custom event fired at the end of  the step change.
+*/
 let CDSInterstitialScreenBody = class CDSInterstitialScreenBody extends SignalWatcher(HostListenerMixin(LitElement)) {
-    constructor() {
-        super(...arguments);
-        this.slot = 'body';
-        this.stepType = 'multi';
-        this.carouselElement = createRef();
-        this.onViewChangeStart = ({ currentIndex, lastIndex, totalViews }) => {
-            this.dispatchEvent(new CustomEvent(this.constructor.eventOnViewChangeStart, {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                    currentStep: currentIndex,
-                    totalStepCount: totalViews,
-                    lastStep: lastIndex,
-                },
-            }));
-        };
-        this.onViewChangeEnd = ({ currentIndex, lastIndex, totalViews }) => {
-            this.updateAriaHiddenTabIndex(currentIndex);
-            updateInterstitialDetailsSignal({
-                name: 'currentStep',
-                detail: currentIndex,
-            });
-            this.dispatchEvent(new CustomEvent(this.constructor.eventOnViewChangeEnd, {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                    currentStep: currentIndex,
-                    totalStepCount: totalViews,
-                    lastStep: lastIndex,
-                },
-            }));
-        };
-        this.updateAriaHiddenTabIndex = (itemNumber) => {
-            var _a, _b;
-            const allViews = (_a = this.carouselAPI) === null || _a === void 0 ? void 0 : _a.allViews;
-            allViews &&
-                ((_b = Object.values(allViews)) === null || _b === void 0 ? void 0 : _b.forEach((item, idx) => {
-                    const isActive = idx === itemNumber;
-                    if (item) {
-                        // Set aria-hidden based on active state
-                        item.setAttribute('aria-hidden', String(!isActive));
-                        if (!isActive) {
-                            item.setAttribute('inert', ''); // Disable interactivity
-                        }
-                        else {
-                            item.removeAttribute('inert'); // Re-enable interactivity
-                        }
-                        item.removeAttribute('tabindex');
-                    }
-                }));
-        };
-    }
-    firstUpdated() {
-        const bodyItems = this.querySelectorAll(`${prefix}-interstitial-screen-body-item`);
-        if (bodyItems.length === 1) {
-            this.stepType = 'single';
-        }
-        else if (bodyItems.length > 1) {
-            this.stepType = 'multi';
-        }
-    }
-    updated(changedProps) {
-        super.updated(changedProps);
-        // Watch for the open signal
-        const { open } = interstitialDetailsSignal.get();
-        // Initialize carousel when opened for the first time
-        if (open && !this.carouselAPI && this.stepType === 'multi') {
-            // Use requestAnimationFrame to ensure the element is fully rendered
-            requestAnimationFrame(() => {
-                this._initCarousel();
-            });
-        }
-    }
-    _initCarousel() {
-        this.carouselAPI = initCarousel(this.carouselElement.value, {
-            onViewChangeEnd: this.onViewChangeEnd,
-            onViewChangeStart: this.onViewChangeStart,
-            excludeSwipeSupport: true,
-            useMaxHeight: true,
-        });
-        interstitialDetailsSignal.set(Object.assign(Object.assign({}, interstitialDetailsSignal.get()), { carouselAPI: this.carouselAPI }));
-        this.updateAriaHiddenTabIndex(0);
-    }
-    render() {
-        return html `
+	constructor(..._args) {
+		super(..._args);
+		this.slot = "body";
+		this.stepType = "multi";
+		this.carouselElement = createRef();
+		this.onViewChangeStart = ({ currentIndex, lastIndex, totalViews }) => {
+			this.dispatchEvent(new CustomEvent(this.constructor.eventOnViewChangeStart, {
+				bubbles: true,
+				cancelable: true,
+				composed: true,
+				detail: {
+					currentStep: currentIndex,
+					totalStepCount: totalViews,
+					lastStep: lastIndex
+				}
+			}));
+		};
+		this.onViewChangeEnd = ({ currentIndex, lastIndex, totalViews }) => {
+			this.updateAriaHiddenTabIndex(currentIndex);
+			updateInterstitialDetailsSignal({
+				name: "currentStep",
+				detail: currentIndex
+			});
+			this.dispatchEvent(new CustomEvent(this.constructor.eventOnViewChangeEnd, {
+				bubbles: true,
+				cancelable: true,
+				composed: true,
+				detail: {
+					currentStep: currentIndex,
+					totalStepCount: totalViews,
+					lastStep: lastIndex
+				}
+			}));
+		};
+		this.updateAriaHiddenTabIndex = (itemNumber) => {
+			const allViews = this.carouselAPI?.allViews;
+			allViews && Object.values(allViews)?.forEach((item, idx) => {
+				const isActive = idx === itemNumber;
+				if (item) {
+					item.setAttribute("aria-hidden", String(!isActive));
+					if (!isActive) item.setAttribute("inert", "");
+					else item.removeAttribute("inert");
+					item.removeAttribute("tabindex");
+				}
+			});
+		};
+	}
+	firstUpdated() {
+		const bodyItems = this.querySelectorAll(`${prefix}-interstitial-screen-body-item`);
+		if (bodyItems.length === 1) this.stepType = "single";
+		else if (bodyItems.length > 1) this.stepType = "multi";
+	}
+	updated(changedProps) {
+		super.updated(changedProps);
+		const { open } = interstitialDetailsSignal.get();
+		if (open && !this.carouselAPI && this.stepType === "multi") requestAnimationFrame(() => {
+			this._initCarousel();
+		});
+	}
+	_initCarousel() {
+		this.carouselAPI = initCarousel(this.carouselElement.value, {
+			onViewChangeEnd: this.onViewChangeEnd,
+			onViewChangeStart: this.onViewChangeStart,
+			excludeSwipeSupport: true,
+			useMaxHeight: true
+		});
+		interstitialDetailsSignal.set({
+			...interstitialDetailsSignal.get(),
+			carouselAPI: this.carouselAPI
+		});
+		this.updateAriaHiddenTabIndex(0);
+	}
+	render() {
+		return html`
       <div class="${blockClass}--body">
-        ${this.stepType === 'multi'
-            ? html `<div
+        ${this.stepType === "multi" ? html`<div
               ${ref(this.carouselElement)}
               class="${blockClass}__carousel"
             >
               <slot></slot>
-            </div>`
-            : html `<div class="${blockClass}__contentWrapper">
+            </div>` : html`<div class="${blockClass}__contentWrapper">
               <slot></slot>
             </div>`}
       </div>
     `;
-    }
-    /**
-     * The name of the custom event fired at the start of  the step change.
-     */
-    static get eventOnViewChangeStart() {
-        return `${prefix}-on-before-step-change`;
-    }
-    /**
-     * The name of the custom event fired at the end of  the step change.
-     */
-    static get eventOnViewChangeEnd() {
-        return `${prefix}-on-after-step-change`;
-    }
+	}
+	static {
+		this.styles = interstitial_screen_body_default$1;
+	}
+	/**
+	* The name of the custom event fired at the start of  the step change.
+	*/
+	static get eventOnViewChangeStart() {
+		return `${prefix}-on-before-step-change`;
+	}
+	/**
+	* The name of the custom event fired at the end of  the step change.
+	*/
+	static get eventOnViewChangeEnd() {
+		return `${prefix}-on-after-step-change`;
+	}
 };
-CDSInterstitialScreenBody.styles = styles;
-__decorate([
-    property({ reflect: true })
-], CDSInterstitialScreenBody.prototype, "slot", void 0);
-__decorate([
-    state()
-], CDSInterstitialScreenBody.prototype, "stepType", void 0);
-CDSInterstitialScreenBody = __decorate([
-    carbonElement(`${prefix}-interstitial-screen-body`)
-], CDSInterstitialScreenBody);
-var CDSInterstitialScreenBody_default = CDSInterstitialScreenBody;
+__decorate([property({ reflect: true })], CDSInterstitialScreenBody.prototype, "slot", void 0);
+__decorate([state()], CDSInterstitialScreenBody.prototype, "stepType", void 0);
+CDSInterstitialScreenBody = __decorate([carbonElement(`${prefix}-interstitial-screen-body`)], CDSInterstitialScreenBody);
+var interstitial_screen_body_default = CDSInterstitialScreenBody;
 
-export { CDSInterstitialScreenBody_default as default };
-//# sourceMappingURL=interstitial-screen-body.js.map
+//#endregion
+export { interstitial_screen_body_default as default };
+//# sourceMappingURL=interstitial-screen-body.js.map

package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"interstitial-screen-body.js","sources":["../../../src/components/interstitial-screen/interstitial-screen-body.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"interstitial-screen-body.js","names":["styles","customElement"],"sources":["../../../src/components/interstitial-screen/interstitial-screen-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport '@carbon/web-components/es-custom/components/modal/index.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './interstitial-screen-body.scss?lit';\nimport { InitCarousel, initCarousel } from '@carbon/utilities';\nimport { ref, createRef } from 'lit/directives/ref.js';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport {\n  interstitialDetailsSignal,\n  updateInterstitialDetailsSignal,\n} from './interstitial-screen-context';\n\nconst blockClass = `${prefix}--interstitial-screen`;\n\n/**\n * interstitial-screen-body for body section\n * @element c4p-interstitial-screen-body\n * @fires c4p-on-before-step-change - The name of the custom event fired at the start of  the step change.\n * @fires c4p-on-after-step-change -  The name of the custom event fired at the end of  the step change.\n */\n@customElement(`${prefix}-interstitial-screen-body`)\nclass CDSInterstitialScreenBody extends SignalWatcher(\n  HostListenerMixin(LitElement)\n) {\n  @property({ reflect: true })\n  slot = 'body';\n\n  @state()\n  stepType: 'single' | 'multi' = 'multi';\n\n  private carouselAPI!: InitCarousel;\n  private carouselElement = createRef<HTMLElement>();\n\n  firstUpdated(): void {\n    const bodyItems = this.querySelectorAll(\n      `${prefix}-interstitial-screen-body-item`\n    );\n\n    if (bodyItems.length === 1) {\n      this.stepType = 'single';\n    } else if (bodyItems.length > 1) {\n      this.stepType = 'multi';\n    }\n  }\n\n  updated(changedProps: Map<string | number | symbol, unknown>) {\n    super.updated(changedProps);\n\n    // Watch for the open signal\n    const { open } = interstitialDetailsSignal.get();\n\n    // Initialize carousel when opened for the first time\n    if (open && !this.carouselAPI && this.stepType === 'multi') {\n      // Use requestAnimationFrame to ensure the element is fully rendered\n      requestAnimationFrame(() => {\n        this._initCarousel();\n      });\n    }\n  }\n\n  private _initCarousel() {\n    this.carouselAPI = initCarousel(this.carouselElement.value as HTMLElement, {\n      onViewChangeEnd: this.onViewChangeEnd,\n      onViewChangeStart: this.onViewChangeStart,\n      excludeSwipeSupport: true,\n      useMaxHeight: true,\n    });\n    interstitialDetailsSignal.set({\n      ...interstitialDetailsSignal.get(),\n      carouselAPI: this.carouselAPI,\n    });\n\n    this.updateAriaHiddenTabIndex(0);\n  }\n\n  private onViewChangeStart = ({ currentIndex, lastIndex, totalViews }) => {\n    this.dispatchEvent(\n      new CustomEvent(\n        (\n          this.constructor as typeof CDSInterstitialScreenBody\n        ).eventOnViewChangeStart,\n        {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            currentStep: currentIndex,\n            totalStepCount: totalViews,\n            lastStep: lastIndex,\n          },\n        }\n      )\n    );\n  };\n  private onViewChangeEnd = ({ currentIndex, lastIndex, totalViews }) => {\n    this.updateAriaHiddenTabIndex(currentIndex);\n\n    updateInterstitialDetailsSignal({\n      name: 'currentStep',\n      detail: currentIndex,\n    });\n\n    this.dispatchEvent(\n      new CustomEvent(\n        (\n          this.constructor as typeof CDSInterstitialScreenBody\n        ).eventOnViewChangeEnd,\n        {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            currentStep: currentIndex,\n            totalStepCount: totalViews,\n            lastStep: lastIndex,\n          },\n        }\n      )\n    );\n  };\n\n  private updateAriaHiddenTabIndex = (itemNumber: number) => {\n    const allViews = this.carouselAPI?.allViews;\n\n    allViews &&\n      Object.values(allViews)?.forEach((item, idx) => {\n        const isActive = idx === itemNumber;\n\n        if (item) {\n          // Set aria-hidden based on active state\n          item.setAttribute('aria-hidden', String(!isActive));\n\n          if (!isActive) {\n            item.setAttribute('inert', ''); // Disable interactivity\n          } else {\n            item.removeAttribute('inert'); // Re-enable interactivity\n          }\n\n          item.removeAttribute('tabindex');\n        }\n      });\n  };\n\n  render() {\n    return html`\n      <div class=\"${blockClass}--body\">\n        ${this.stepType === 'multi'\n          ? html`<div\n              ${ref(this.carouselElement)}\n              class=\"${blockClass}__carousel\"\n            >\n              <slot></slot>\n            </div>`\n          : html`<div class=\"${blockClass}__contentWrapper\">\n              <slot></slot>\n            </div>`}\n      </div>\n    `;\n  }\n  static styles = styles;\n\n  /**\n   * The name of the custom event fired at the start of  the step change.\n   */\n  static get eventOnViewChangeStart() {\n    return `${prefix}-on-before-step-change`;\n  }\n  /**\n   * The name of the custom event fired at the end of  the step change.\n   */\n  static get eventOnViewChangeEnd() {\n    return `${prefix}-on-after-step-change`;\n  }\n}\n\nexport default CDSInterstitialScreenBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,aAAa,GAAG,OAAO;;;;;;;AAQ7B,sCACM,kCAAkC,cACtC,kBAAkB,WAAW,CAC9B,CAAC;;;cAEO;kBAGwB;yBAGL,WAAwB;4BA4CrB,EAAE,cAAc,WAAW,iBAAiB;AACvE,QAAK,cACH,IAAI,YAEA,KAAK,YACL,wBACF;IACE,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ;KACN,aAAa;KACb,gBAAgB;KAChB,UAAU;KACX;IACF,CACF,CACF;;0BAEwB,EAAE,cAAc,WAAW,iBAAiB;AACrE,QAAK,yBAAyB,aAAa;AAE3C,mCAAgC;IAC9B,MAAM;IACN,QAAQ;IACT,CAAC;AAEF,QAAK,cACH,IAAI,YAEA,KAAK,YACL,sBACF;IACE,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ;KACN,aAAa;KACb,gBAAgB;KAChB,UAAU;KACX;IACF,CACF,CACF;;mCAGiC,eAAuB;GACzD,MAAM,WAAW,KAAK,aAAa;AAEnC,eACE,OAAO,OAAO,SAAS,EAAE,SAAS,MAAM,QAAQ;IAC9C,MAAM,WAAW,QAAQ;AAEzB,QAAI,MAAM;AAER,UAAK,aAAa,eAAe,OAAO,CAAC,SAAS,CAAC;AAEnD,SAAI,CAAC,SACH,MAAK,aAAa,SAAS,GAAG;SAE9B,MAAK,gBAAgB,QAAQ;AAG/B,UAAK,gBAAgB,WAAW;;KAElC;;;CA3GN,eAAqB;EACnB,MAAM,YAAY,KAAK,iBACrB,GAAG,OAAO,gCACX;AAED,MAAI,UAAU,WAAW,EACvB,MAAK,WAAW;WACP,UAAU,SAAS,EAC5B,MAAK,WAAW;;CAIpB,QAAQ,cAAsD;AAC5D,QAAM,QAAQ,aAAa;EAG3B,MAAM,EAAE,SAAS,0BAA0B,KAAK;AAGhD,MAAI,QAAQ,CAAC,KAAK,eAAe,KAAK,aAAa,QAEjD,6BAA4B;AAC1B,QAAK,eAAe;IACpB;;CAIN,AAAQ,gBAAgB;AACtB,OAAK,cAAc,aAAa,KAAK,gBAAgB,OAAsB;GACzE,iBAAiB,KAAK;GACtB,mBAAmB,KAAK;GACxB,qBAAqB;GACrB,cAAc;GACf,CAAC;AACF,4BAA0B,IAAI;GAC5B,GAAG,0BAA0B,KAAK;GAClC,aAAa,KAAK;GACnB,CAAC;AAEF,OAAK,yBAAyB,EAAE;;CAuElC,SAAS;AACP,SAAO,IAAI;oBACK,WAAW;UACrB,KAAK,aAAa,UAChB,IAAI;gBACA,IAAI,KAAK,gBAAgB,CAAC;uBACnB,WAAW;;;sBAItB,IAAI,eAAe,WAAW;;oBAEtB;;;;;gBAIFA;;;;;CAKhB,WAAW,yBAAyB;AAClC,SAAO,GAAG,OAAO;;;;;CAKnB,WAAW,uBAAuB;AAChC,SAAO,GAAG,OAAO;;;YAnJlB,SAAS,EAAE,SAAS,MAAM,CAAC;YAG3B,OAAO;wCAPTC,cAAc,GAAG,OAAO,2BAA2B;AA2JpD,uCAAe"}

package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js

@@ -1,13 +1,15 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { css } from 'lit';
+import { css } from "lit";
 
-var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--interstitial-screen--body{background-color:var(--cds-background,#fff);flex-grow:1;margin:0;overflow:hidden auto;padding:0}.c4p--interstitial-screen--progress{margin-block-end:.75rem}.c4p--interstitial-screen__carousel{block-size:100%}.c4p--interstitial-screen__carousel .c4p--carousel__item{flex:0 0 100%;scroll-snap-align:start}.c4p--interstitial-screen--internal-body{margin:0!important;padding:0!important}.c4p--interstitial-screen--content{block-size:100%}.c4p--interstitial-screen--internal-header{background-color:var(--cds-background,#fff);margin-block-end:0!important;min-block-size:3rem;padding-block-start:1.5rem;padding-inline-start:2rem!important;position:relative}.c4p--interstitial-screen--internal-header:empty{min-block-size:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer{margin-block-end:1rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);margin-block-end:.5rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1:empty{padding:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2:empty{padding:0}.c4p--interstitial-screen--internal-header--has-title{background:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.c4p--interstitial-screen--internal-header--has-title .c4p--interstitial-screen--progress{margin-block-start:0}.c4p--interstitial-screen--footer{background:var(--cds-background,#fff);border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);box-sizing:initial;display:flex;flex-direction:row;inline-size:100%;justify-content:flex-end}.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn{inline-size:18.75%;min-inline-size:12.5rem;padding-block-end:2rem}.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn{flex-grow:1!important;max-inline-size:none;padding-inline-start:2rem}.c4p--interstitial-screen--footer .cds-custom--inline-loading{inline-size:2rem;inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--interstitial-screen--footer-controls{display:flex;flex-direction:row;margin-inline-start:auto}.c4p--interstitial-screen--full-screen,:host([fullscreen]){inset-block-start:0;inset-inline:0;position:fixed}.c4p--interstitial-screen--full-screen .c4p--interstitial-screen--container,:host([fullscreen]) .c4p--interstitial-screen--container{block-size:100vh;display:flex;flex-direction:column;margin:0;max-inline-size:100vw;padding:0}.c4p--interstitial-screen__body-container{padding:0}@keyframes out-to-active{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes active-to-out{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.carousel__view,:host(.carousel__view){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(0);z-index:80}@media (prefers-reduced-motion:no-preference){.carousel__view,:host(.carousel__view){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view,:host(.carousel__view){animation:none;transition:none}}.carousel__view:focus,:host(.carousel__view:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view:focus,:host(.carousel__view:focus){outline-style:dotted}}.carousel__view-active,:host(.carousel__view-active){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-100%);z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-active,:host(.carousel__view-active){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-active,:host(.carousel__view-active){animation:none;transition:none}}.carousel__view-active:focus,:host(.carousel__view-active:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-active:focus,:host(.carousel__view-active:focus){outline-style:dotted}}.carousel__view-in-stack,:host(.carousel__view-in-stack){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-200%);z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-in-stack,:host(.carousel__view-in-stack){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-in-stack,:host(.carousel__view-in-stack){animation:none;transition:none}}.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline-style:dotted}}.carousel__view-recycle-in,:host(.carousel__view-recycle-in){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:out-to-active .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:none;transition:none}}.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline-style:dotted}}.carousel__view-recycle-out,:host(.carousel__view-recycle-out){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:active-to-out .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:none;transition:none}}.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline-style:dotted}}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}.c4p--interstitial-screen--body{block-size:100%}.c4p--interstitial-screen__carousel,.c4p--interstitial-screen__contentWrapper{display:flex}:host{flex-grow:1;padding-block-end:0!important}"]);
+//#region src/components/interstitial-screen/interstitial-screen-body.scss?lit
+var interstitial_screen_body_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-custom-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--interstitial-screen--body{background-color:var(--cds-custom-background,#fff);flex-grow:1;margin:0;overflow:hidden auto;padding:0}.c4p--interstitial-screen--progress{margin-block-end:.75rem}.c4p--interstitial-screen__carousel{block-size:100%}.c4p--interstitial-screen__carousel .c4p--carousel__item{flex:0 0 100%;scroll-snap-align:start}.c4p--interstitial-screen--internal-body{margin:0!important;padding:0!important}.c4p--interstitial-screen--content{block-size:100%}.c4p--interstitial-screen--internal-header{background-color:var(--cds-custom-background,#fff);margin-block-end:0!important;min-block-size:3rem;padding-block-start:1.5rem;padding-inline-start:2rem!important;position:relative}.c4p--interstitial-screen--internal-header:empty{min-block-size:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer{margin-block-end:1rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1{font-size:var(--cds-custom-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-productive-heading-04-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-04-letter-spacing,0);line-height:var(--cds-custom-productive-heading-04-line-height,1.28572);margin-block-end:.5rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1:empty{padding:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2{font-size:var(--cds-custom-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-productive-heading-03-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-03-letter-spacing,0);line-height:var(--cds-custom-productive-heading-03-line-height,1.4)}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2:empty{padding:0}.c4p--interstitial-screen--internal-header--has-title{background:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6)}.c4p--interstitial-screen--internal-header--has-title .c4p--interstitial-screen--progress{margin-block-start:0}.c4p--interstitial-screen--footer{background:var(--cds-custom-background,#fff);border-block-start:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);box-sizing:initial;display:flex;flex-direction:row;inline-size:100%;justify-content:flex-end}.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn{inline-size:18.75%;min-inline-size:12.5rem;padding-block-end:2rem}.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn{flex-grow:1!important;max-inline-size:none;padding-inline-start:2rem}.c4p--interstitial-screen--footer .cds-custom--inline-loading{inline-size:2rem;inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--interstitial-screen--footer-controls{display:flex;flex-direction:row;margin-inline-start:auto}.c4p--interstitial-screen--full-screen,:host([fullscreen]){inset-block-start:0;inset-inline:0;position:fixed}.c4p--interstitial-screen--full-screen .c4p--interstitial-screen--container,:host([fullscreen]) .c4p--interstitial-screen--container{block-size:100vh;display:flex;flex-direction:column;margin:0;max-inline-size:100vw;padding:0}.c4p--interstitial-screen__body-container{padding:0}@keyframes out-to-active{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes active-to-out{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.carousel__view,:host(.carousel__view){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(0);z-index:80}@media (prefers-reduced-motion:no-preference){.carousel__view,:host(.carousel__view){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view,:host(.carousel__view){animation:none;transition:none}}.carousel__view:focus,:host(.carousel__view:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view:focus,:host(.carousel__view:focus){outline-style:dotted}}.carousel__view-active,:host(.carousel__view-active){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-100%);z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-active,:host(.carousel__view-active){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-active,:host(.carousel__view-active){animation:none;transition:none}}.carousel__view-active:focus,:host(.carousel__view-active:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-active:focus,:host(.carousel__view-active:focus){outline-style:dotted}}.carousel__view-in-stack,:host(.carousel__view-in-stack){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-200%);z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-in-stack,:host(.carousel__view-in-stack){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-in-stack,:host(.carousel__view-in-stack){animation:none;transition:none}}.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline-style:dotted}}.carousel__view-recycle-in,:host(.carousel__view-recycle-in){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:out-to-active .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:none;transition:none}}.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline-style:dotted}}.carousel__view-recycle-out,:host(.carousel__view-recycle-out){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:active-to-out .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:none;transition:none}}.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline-style:dotted}}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}.c4p--interstitial-screen--body{block-size:100%}.c4p--interstitial-screen__carousel,.c4p--interstitial-screen__contentWrapper{display:flex}:host{flex-grow:1;padding-block-end:0!important}"]);
 
-export { styles as default };
-//# sourceMappingURL=interstitial-screen-body.scss.js.map
+//#endregion
+export { interstitial_screen_body_default as default };
+//# sourceMappingURL=interstitial-screen-body.scss.js.map

package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"interstitial-screen-body.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"interstitial-screen-body.scss.js","names":[],"sources":["../../../src/components/interstitial-screen/interstitial-screen-body.scss?lit"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './interstitial-screen';\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/utilities/scss/carousel' as carousel;\n\n@include carousel.wrapperStyles();\n\n$prefix: 'c4p';\n\n.#{$prefix}--interstitial-screen--body {\n  block-size: 100%;\n}\n.#{$prefix}--interstitial-screen__carousel,\n.#{$prefix}--interstitial-screen__contentWrapper {\n  display: flex;\n}\n\n:host {\n  flex-grow: 1;\n  /* stylelint-disable-next-line declaration-no-important */\n  padding-block-end: 0 !important;\n}\n"],"mappings":""}

package/es-custom/components/interstitial-screen/interstitial-screen-context.js

@@ -1,53 +1,60 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { signal } from '@lit-labs/signals';
+import { signal } from "@lit-labs/signals";
 
+//#region src/components/interstitial-screen/interstitial-screen-context.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 const interstitialDetailsSignal = signal({
-    isFullScreen: false,
-    open: false,
-    currentStep: 0,
-    stepDetails: [],
-    disableActions: {},
+	isFullScreen: false,
+	open: false,
+	currentStep: 0,
+	stepDetails: [],
+	disableActions: {}
 });
 const resetInterstitialDetailsSignal = () => {
-    interstitialDetailsSignal.set({
-        isFullScreen: false,
-        open: false,
-        currentStep: 0,
-        stepDetails: [],
-        disableActions: {},
-    });
+	interstitialDetailsSignal.set({
+		isFullScreen: false,
+		open: false,
+		currentStep: 0,
+		stepDetails: [],
+		disableActions: {}
+	});
 };
 const updateInterstitialDetailsSignal = ({ name, detail }) => {
-    if (name === 'stepDetails') {
-        interstitialDetailsSignal.set(Object.assign(Object.assign({}, interstitialDetailsSignal.get()), { stepDetails: [...interstitialDetailsSignal.get().stepDetails, detail] }));
-    }
-    else if (name === 'isFullScreen') {
-        interstitialDetailsSignal.set(Object.assign(Object.assign({}, interstitialDetailsSignal.get()), { isFullScreen: detail }));
-    }
-    else if (name === 'open') {
-        interstitialDetailsSignal.set(Object.assign(Object.assign({}, interstitialDetailsSignal.get()), { open: detail }));
-    }
-    else if (name === 'currentStep') {
-        interstitialDetailsSignal.set(Object.assign(Object.assign({}, interstitialDetailsSignal.get()), { currentStep: detail }));
-    }
-    else if (name === 'disableActions') {
-        interstitialDetailsSignal.set(Object.assign(Object.assign({}, interstitialDetailsSignal.get()), { disableActions: detail }));
-    }
+	if (name === "stepDetails") interstitialDetailsSignal.set({
+		...interstitialDetailsSignal.get(),
+		stepDetails: [...interstitialDetailsSignal.get().stepDetails, detail]
+	});
+	else if (name === "isFullScreen") interstitialDetailsSignal.set({
+		...interstitialDetailsSignal.get(),
+		isFullScreen: detail
+	});
+	else if (name === "open") interstitialDetailsSignal.set({
+		...interstitialDetailsSignal.get(),
+		open: detail
+	});
+	else if (name === "currentStep") interstitialDetailsSignal.set({
+		...interstitialDetailsSignal.get(),
+		currentStep: detail
+	});
+	else if (name === "disableActions") interstitialDetailsSignal.set({
+		...interstitialDetailsSignal.get(),
+		disableActions: detail
+	});
 };
 
+//#endregion
 export { interstitialDetailsSignal, resetInterstitialDetailsSignal, updateInterstitialDetailsSignal };
-//# sourceMappingURL=interstitial-screen-context.js.map
+//# sourceMappingURL=interstitial-screen-context.js.map

package/es-custom/components/interstitial-screen/interstitial-screen-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"interstitial-screen-context.js","sources":["../../../src/components/interstitial-screen/interstitial-screen-context.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;AAOG;AAYI,MAAM,yBAAyB,GAAG,MAAM,CAA0B;AACvE,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,cAAc,EAAE,EAAE;AACnB,CAAA;AACM,MAAM,8BAA8B,GAAG,MAAK;IACjD,yBAAyB,CAAC,GAAG,CAAC;AAC5B,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,cAAc,EAAE,EAAE;AACnB,KAAA,CAAC;AACJ;AACO,MAAM,+BAA+B,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAI;AAClE,IAAA,IAAI,IAAI,KAAK,aAAa,EAAE;QAC1B,yBAAyB,CAAC,GAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxB,yBAAyB,CAAC,GAAG,EAAE,CAAA,EAAA,EAClC,WAAW,EAAE,CAAC,GAAG,yBAAyB,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,EAAA,CAAA,CACrE;IACJ;AAAO,SAAA,IAAI,IAAI,KAAK,cAAc,EAAE;AAClC,QAAA,yBAAyB,CAAC,GAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxB,yBAAyB,CAAC,GAAG,EAAE,CAAA,EAAA,EAClC,YAAY,EAAE,MAAM,EAAA,CAAA,CACpB;IACJ;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;AAC1B,QAAA,yBAAyB,CAAC,GAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxB,yBAAyB,CAAC,GAAG,EAAE,CAAA,EAAA,EAClC,IAAI,EAAE,MAAM,EAAA,CAAA,CACZ;IACJ;AAAO,SAAA,IAAI,IAAI,KAAK,aAAa,EAAE;AACjC,QAAA,yBAAyB,CAAC,GAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxB,yBAAyB,CAAC,GAAG,EAAE,CAAA,EAAA,EAClC,WAAW,EAAE,MAAM,EAAA,CAAA,CACnB;IACJ;AAAO,SAAA,IAAI,IAAI,KAAK,gBAAgB,EAAE;AACpC,QAAA,yBAAyB,CAAC,GAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxB,yBAAyB,CAAC,GAAG,EAAE,CAAA,EAAA,EAClC,cAAc,EAAE,MAAM,EAAA,CAAA,CACtB;IACJ;AACF;;;;"}
+{"version":3,"file":"interstitial-screen-context.js","names":[],"sources":["../../../src/components/interstitial-screen/interstitial-screen-context.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { signal } from '@lit-labs/signals';\nimport { disableButtonConfigType } from './interstitial-screen';\n\ninterface InterstitialDetailsType {\n  isFullScreen: boolean;\n  open: boolean;\n  currentStep: number;\n  stepDetails: { stepTitle: string; id: string | number }[];\n  carouselAPI?: any;\n  disableActions: disableButtonConfigType;\n}\nexport const interstitialDetailsSignal = signal<InterstitialDetailsType>({\n  isFullScreen: false,\n  open: false,\n  currentStep: 0,\n  stepDetails: [],\n  disableActions: {},\n});\nexport const resetInterstitialDetailsSignal = () => {\n  interstitialDetailsSignal.set({\n    isFullScreen: false,\n    open: false,\n    currentStep: 0,\n    stepDetails: [],\n    disableActions: {},\n  });\n};\nexport const updateInterstitialDetailsSignal = ({ name, detail }) => {\n  if (name === 'stepDetails') {\n    interstitialDetailsSignal.set({\n      ...interstitialDetailsSignal.get(),\n      stepDetails: [...interstitialDetailsSignal.get().stepDetails, detail],\n    });\n  } else if (name === 'isFullScreen') {\n    interstitialDetailsSignal.set({\n      ...interstitialDetailsSignal.get(),\n      isFullScreen: detail,\n    });\n  } else if (name === 'open') {\n    interstitialDetailsSignal.set({\n      ...interstitialDetailsSignal.get(),\n      open: detail,\n    });\n  } else if (name === 'currentStep') {\n    interstitialDetailsSignal.set({\n      ...interstitialDetailsSignal.get(),\n      currentStep: detail,\n    });\n  } else if (name === 'disableActions') {\n    interstitialDetailsSignal.set({\n      ...interstitialDetailsSignal.get(),\n      disableActions: detail,\n    });\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAa,4BAA4B,OAAgC;CACvE,cAAc;CACd,MAAM;CACN,aAAa;CACb,aAAa,EAAE;CACf,gBAAgB,EAAE;CACnB,CAAC;AACF,MAAa,uCAAuC;AAClD,2BAA0B,IAAI;EAC5B,cAAc;EACd,MAAM;EACN,aAAa;EACb,aAAa,EAAE;EACf,gBAAgB,EAAE;EACnB,CAAC;;AAEJ,MAAa,mCAAmC,EAAE,MAAM,aAAa;AACnE,KAAI,SAAS,cACX,2BAA0B,IAAI;EAC5B,GAAG,0BAA0B,KAAK;EAClC,aAAa,CAAC,GAAG,0BAA0B,KAAK,CAAC,aAAa,OAAO;EACtE,CAAC;UACO,SAAS,eAClB,2BAA0B,IAAI;EAC5B,GAAG,0BAA0B,KAAK;EAClC,cAAc;EACf,CAAC;UACO,SAAS,OAClB,2BAA0B,IAAI;EAC5B,GAAG,0BAA0B,KAAK;EAClC,MAAM;EACP,CAAC;UACO,SAAS,cAClB,2BAA0B,IAAI;EAC5B,GAAG,0BAA0B,KAAK;EAClC,aAAa;EACd,CAAC;UACO,SAAS,iBAClB,2BAA0B,IAAI;EAC5B,GAAG,0BAA0B,KAAK;EAClC,gBAAgB;EACjB,CAAC"}