npm - @uh-design-system/component-library - Versions diffs - 0.7.1 → 0.7.2-rc.1 - Mend

@uh-design-system/component-library 0.7.1 → 0.7.2-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1575) hide show

package/dist/esm/{index-CIXO9B7A.js → index-CweVEfzR.js} RENAMED Viewed

@@ -2,10 +2,10 @@ const NAMESPACE = 'component-library';
 const BUILD = /* component-library */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
 const globalScripts = () => {};
-const globalStyles = "html{box-sizing:border-box}html *,html *::before,html *::after{box-sizing:inherit}slot-fb{display:contents}:root,:host{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px}:root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:root,:host{--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115}:root,:host{--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;}.ds-m-4xs{margin:var(--ds-spacing-4xSmall, 0.125rem)}.ds-m-3xs{margin:var(--ds-spacing-3xSmall, 0.25rem)}.ds-m-2xs{margin:var(--ds-spacing-2xSmall, 0.5rem)}.ds-m-xs{margin:var(--ds-spacing-xSmall, 0.75rem)}.ds-m-sm{margin:var(--ds-spacing-small, 1rem)}.ds-m-md{margin:var(--ds-spacing-medium, 1.5rem)}.ds-m-lg{margin:var(--ds-spacing-large, 2rem)}.ds-m-xl{margin:var(--ds-spacing-xLarge, 2.5rem)}.ds-m-2xl{margin:var(--ds-spacing-2xLarge, 3rem)}.ds-m-3xl{margin:var(--ds-spacing-3xLarge, 3.5rem)}.ds-m-4xl{margin:var(--ds-spacing-4xLarge, 4rem)}.ds-m-5xl{margin:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mt-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mt-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mt-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mt-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-mt-sm{margin-top:var(--ds-spacing-small, 1rem)}.ds-mt-md{margin-top:var(--ds-spacing-medium, 1.5rem)}.ds-mt-lg{margin-top:var(--ds-spacing-large, 2rem)}.ds-mt-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-mt-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem)}.ds-mt-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mt-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem)}.ds-mt-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mr-4xs{margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mr-3xs{margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mr-2xs{margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mr-xs{margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mr-sm{margin-right:var(--ds-spacing-small, 1rem)}.ds-mr-md{margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mr-lg{margin-right:var(--ds-spacing-large, 2rem)}.ds-mr-xl{margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mr-2xl{margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mr-3xl{margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mr-4xl{margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mr-5xl{margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mb-4xs{margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mb-3xs{margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mb-2xs{margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mb-xs{margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-mb-sm{margin-bottom:var(--ds-spacing-small, 1rem)}.ds-mb-md{margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-mb-lg{margin-bottom:var(--ds-spacing-large, 2rem)}.ds-mb-xl{margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-mb-2xl{margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-mb-3xl{margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mb-4xl{margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-mb-5xl{margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-ml-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-ml-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-ml-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-ml-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-ml-sm{margin-left:var(--ds-spacing-small, 1rem)}.ds-ml-md{margin-left:var(--ds-spacing-medium, 1.5rem)}.ds-ml-lg{margin-left:var(--ds-spacing-large, 2rem)}.ds-ml-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-ml-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem)}.ds-ml-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-ml-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem)}.ds-ml-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mx-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem);margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mx-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem);margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mx-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem);margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mx-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem);margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mx-sm{margin-left:var(--ds-spacing-small, 1rem);margin-right:var(--ds-spacing-small, 1rem)}.ds-mx-md{margin-left:var(--ds-spacing-medium, 1.5rem);margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mx-lg{margin-left:var(--ds-spacing-large, 2rem);margin-right:var(--ds-spacing-large, 2rem)}.ds-mx-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem);margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mx-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem);margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mx-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem);margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mx-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem);margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mx-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem);margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-my-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem);margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-my-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem);margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-my-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem);margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-my-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem);margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-my-sm{margin-top:var(--ds-spacing-small, 1rem);margin-bottom:var(--ds-spacing-small, 1rem)}.ds-my-md{margin-top:var(--ds-spacing-medium, 1.5rem);margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-my-lg{margin-top:var(--ds-spacing-large, 2rem);margin-bottom:var(--ds-spacing-large, 2rem)}.ds-my-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem);margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-my-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem);margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-my-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem);margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-my-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem);margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-my-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem);margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-p-4xs{padding:var(--ds-spacing-4xSmall, 0.125rem)}.ds-p-3xs{padding:var(--ds-spacing-3xSmall, 0.25rem)}.ds-p-2xs{padding:var(--ds-spacing-2xSmall, 0.5rem)}.ds-p-xs{padding:var(--ds-spacing-xSmall, 0.75rem)}.ds-p-sm{padding:var(--ds-spacing-small, 1rem)}.ds-p-md{padding:var(--ds-spacing-medium, 1.5rem)}.ds-p-lg{padding:var(--ds-spacing-large, 2rem)}.ds-p-xl{padding:var(--ds-spacing-xLarge, 2.5rem)}.ds-p-2xl{padding:var(--ds-spacing-2xLarge, 3rem)}.ds-p-3xl{padding:var(--ds-spacing-3xLarge, 3.5rem)}.ds-p-4xl{padding:var(--ds-spacing-4xLarge, 4rem)}.ds-p-5xl{padding:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pt-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pt-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pt-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pt-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-pt-sm{padding-top:var(--ds-spacing-small, 1rem)}.ds-pt-md{padding-top:var(--ds-spacing-medium, 1.5rem)}.ds-pt-lg{padding-top:var(--ds-spacing-large, 2rem)}.ds-pt-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-pt-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem)}.ds-pt-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pt-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem)}.ds-pt-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pr-4xs{padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pr-3xs{padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pr-2xs{padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pr-xs{padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-pr-sm{padding-right:var(--ds-spacing-small, 1rem)}.ds-pr-md{padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-pr-lg{padding-right:var(--ds-spacing-large, 2rem)}.ds-pr-xl{padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-pr-2xl{padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-pr-3xl{padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pr-4xl{padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-pr-5xl{padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pb-4xs{padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pb-3xs{padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pb-2xs{padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pb-xs{padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-pb-sm{padding-bottom:var(--ds-spacing-small, 1rem)}.ds-pb-md{padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-pb-lg{padding-bottom:var(--ds-spacing-large, 2rem)}.ds-pb-xl{padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-pb-2xl{padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-pb-3xl{padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pb-4xl{padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-pb-5xl{padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pl-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pl-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pl-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pl-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-pl-sm{padding-left:var(--ds-spacing-small, 1rem)}.ds-pl-md{padding-left:var(--ds-spacing-medium, 1.5rem)}.ds-pl-lg{padding-left:var(--ds-spacing-large, 2rem)}.ds-pl-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-pl-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem)}.ds-pl-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pl-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem)}.ds-pl-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-px-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem);padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-px-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem);padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-px-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem);padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-px-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem);padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-px-sm{padding-left:var(--ds-spacing-small, 1rem);padding-right:var(--ds-spacing-small, 1rem)}.ds-px-md{padding-left:var(--ds-spacing-medium, 1.5rem);padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-px-lg{padding-left:var(--ds-spacing-large, 2rem);padding-right:var(--ds-spacing-large, 2rem)}.ds-px-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem);padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-px-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem);padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-px-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem);padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-px-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem);padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-px-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem);padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-py-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem);padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-py-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem);padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-py-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem);padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-py-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem);padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-py-sm{padding-top:var(--ds-spacing-small, 1rem);padding-bottom:var(--ds-spacing-small, 1rem)}.ds-py-md{padding-top:var(--ds-spacing-medium, 1.5rem);padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-py-lg{padding-top:var(--ds-spacing-large, 2rem);padding-bottom:var(--ds-spacing-large, 2rem)}.ds-py-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem);padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-py-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem);padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-py-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem);padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-py-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem);padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-py-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem);padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font--heading{font-family:var(--ds-fontFamily-heading)}.ds-font--body{font-family:var(--ds-fontFamily-body)}.ds-font--regular{font-weight:var(--ds-fontWeight-regular)}.ds-font--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font--semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font--bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking--xtight{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking--tight{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking--normal{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking--wide{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking--xwide{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading--small{line-height:var(--ds-lineHeight-small)}.ds-leading--medium{line-height:var(--ds-lineHeight-medium)}.ds-leading--large{line-height:var(--ds-lineHeight-large)}.ds-leading--xlarge{line-height:var(--ds-lineHeight-xLarge)}.ds-width--normal{font-stretch:var(--ds-fontWidth-normal)}.ds-width--condense{font-stretch:var(--ds-fontWidth-condense)}.ds-number--proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph--16{margin-bottom:var(--ds-fontSize-16)}.ds-paragraph--20{margin-bottom:var(--ds-fontSize-20)}.ds-list--spacing{gap:4px}.ds-text-color--default{color:var(--ds-palette-black-95)}.ds-text{}.ds-text--2xl-regular{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text--xl-regular{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text--lg-regular{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text--md-regular{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text--sm-regular{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text--xs-regular{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text--2xl-semibold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xl-semibold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text--lg-semibold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text--md-semibold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text--sm-semibold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xs-semibold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text--2xl-bold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text--xl-bold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text--lg-bold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text--md-bold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text--sm-bold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text--xs-bold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-heading--2xLarge{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:-1.2px;font-stretch:var(--ds-fontWidth-normal);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading--2xLarge{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px;font-stretch:var(--ds-fontWidth-condense)}}.ds-heading--xLarge{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading--xLarge{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}.ds-heading--large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}@media (min-width: 60rem){.ds-heading--large{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading--medium{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}@media (min-width: 60rem){.ds-heading--medium{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading--small{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;text-transform:none}@media (min-width: 60rem){.ds-heading--small{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading--xSmall{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading--xSmall{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-bodyText--2xLarge{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--2xLarge{font-size:var(--ds-fontSize-22)}}.ds-bodyText--xLarge{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--xLarge{font-size:var(--ds-fontSize-20)}}.ds-bodyText--large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--large{font-size:var(--ds-fontSize-18)}}.ds-bodyText--medium{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--medium{font-size:var(--ds-fontSize-16)}}.ds-bodyText--small{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--small{font-size:var(--ds-fontSize-14)}}:root,:host{--ds-fontFamily-heading:\"Open Sans\", sans-serif;--ds-fontFamily-body:\"Open Sans\", sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:-2px;--ds-letterSpacing-tight:-1.4px;--ds-letterSpacing-normal:-0.4px;--ds-letterSpacing-wide:0px;--ds-letterSpacing-xWide:0.4px;--ds-lineHeight-small:1;--ds-lineHeight-medium:1.2;--ds-lineHeight-large:1.5;--ds-lineHeight-xLarge:1.75;--ds-fontWidth-normal:100;--ds-fontWidth-condense:90;--ds-number-style:proportional-figures;}@supports (font-variation-settings: normal){:root,:host{--ds-fontFamily-heading:\"Open Sans Variable\", sans-serif;--ds-fontFamily-body:\"Open Sans Variable\", sans-serif}}";
+const globalStyles = "html{box-sizing:border-box}html *,html *::before,html *::after{box-sizing:inherit}slot-fb{display:contents}:root,:host{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px}:root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:root,:host{--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115}:root,:host{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}:root,:host{--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;}.ds-m-4xs{margin:var(--ds-spacing-4xSmall, 0.125rem)}.ds-m-3xs{margin:var(--ds-spacing-3xSmall, 0.25rem)}.ds-m-2xs{margin:var(--ds-spacing-2xSmall, 0.5rem)}.ds-m-xs{margin:var(--ds-spacing-xSmall, 0.75rem)}.ds-m-sm{margin:var(--ds-spacing-small, 1rem)}.ds-m-md{margin:var(--ds-spacing-medium, 1.5rem)}.ds-m-lg{margin:var(--ds-spacing-large, 2rem)}.ds-m-xl{margin:var(--ds-spacing-xLarge, 2.5rem)}.ds-m-2xl{margin:var(--ds-spacing-2xLarge, 3rem)}.ds-m-3xl{margin:var(--ds-spacing-3xLarge, 3.5rem)}.ds-m-4xl{margin:var(--ds-spacing-4xLarge, 4rem)}.ds-m-5xl{margin:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mt-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mt-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mt-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mt-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-mt-sm{margin-top:var(--ds-spacing-small, 1rem)}.ds-mt-md{margin-top:var(--ds-spacing-medium, 1.5rem)}.ds-mt-lg{margin-top:var(--ds-spacing-large, 2rem)}.ds-mt-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-mt-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem)}.ds-mt-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mt-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem)}.ds-mt-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mr-4xs{margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mr-3xs{margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mr-2xs{margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mr-xs{margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mr-sm{margin-right:var(--ds-spacing-small, 1rem)}.ds-mr-md{margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mr-lg{margin-right:var(--ds-spacing-large, 2rem)}.ds-mr-xl{margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mr-2xl{margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mr-3xl{margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mr-4xl{margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mr-5xl{margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mb-4xs{margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mb-3xs{margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mb-2xs{margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mb-xs{margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-mb-sm{margin-bottom:var(--ds-spacing-small, 1rem)}.ds-mb-md{margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-mb-lg{margin-bottom:var(--ds-spacing-large, 2rem)}.ds-mb-xl{margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-mb-2xl{margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-mb-3xl{margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mb-4xl{margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-mb-5xl{margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-ml-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-ml-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-ml-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-ml-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-ml-sm{margin-left:var(--ds-spacing-small, 1rem)}.ds-ml-md{margin-left:var(--ds-spacing-medium, 1.5rem)}.ds-ml-lg{margin-left:var(--ds-spacing-large, 2rem)}.ds-ml-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-ml-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem)}.ds-ml-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-ml-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem)}.ds-ml-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mx-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem);margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mx-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem);margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mx-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem);margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mx-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem);margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mx-sm{margin-left:var(--ds-spacing-small, 1rem);margin-right:var(--ds-spacing-small, 1rem)}.ds-mx-md{margin-left:var(--ds-spacing-medium, 1.5rem);margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mx-lg{margin-left:var(--ds-spacing-large, 2rem);margin-right:var(--ds-spacing-large, 2rem)}.ds-mx-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem);margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mx-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem);margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mx-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem);margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mx-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem);margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mx-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem);margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-my-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem);margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-my-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem);margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-my-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem);margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-my-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem);margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-my-sm{margin-top:var(--ds-spacing-small, 1rem);margin-bottom:var(--ds-spacing-small, 1rem)}.ds-my-md{margin-top:var(--ds-spacing-medium, 1.5rem);margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-my-lg{margin-top:var(--ds-spacing-large, 2rem);margin-bottom:var(--ds-spacing-large, 2rem)}.ds-my-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem);margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-my-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem);margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-my-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem);margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-my-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem);margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-my-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem);margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-p-4xs{padding:var(--ds-spacing-4xSmall, 0.125rem)}.ds-p-3xs{padding:var(--ds-spacing-3xSmall, 0.25rem)}.ds-p-2xs{padding:var(--ds-spacing-2xSmall, 0.5rem)}.ds-p-xs{padding:var(--ds-spacing-xSmall, 0.75rem)}.ds-p-sm{padding:var(--ds-spacing-small, 1rem)}.ds-p-md{padding:var(--ds-spacing-medium, 1.5rem)}.ds-p-lg{padding:var(--ds-spacing-large, 2rem)}.ds-p-xl{padding:var(--ds-spacing-xLarge, 2.5rem)}.ds-p-2xl{padding:var(--ds-spacing-2xLarge, 3rem)}.ds-p-3xl{padding:var(--ds-spacing-3xLarge, 3.5rem)}.ds-p-4xl{padding:var(--ds-spacing-4xLarge, 4rem)}.ds-p-5xl{padding:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pt-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pt-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pt-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pt-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-pt-sm{padding-top:var(--ds-spacing-small, 1rem)}.ds-pt-md{padding-top:var(--ds-spacing-medium, 1.5rem)}.ds-pt-lg{padding-top:var(--ds-spacing-large, 2rem)}.ds-pt-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-pt-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem)}.ds-pt-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pt-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem)}.ds-pt-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pr-4xs{padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pr-3xs{padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pr-2xs{padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pr-xs{padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-pr-sm{padding-right:var(--ds-spacing-small, 1rem)}.ds-pr-md{padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-pr-lg{padding-right:var(--ds-spacing-large, 2rem)}.ds-pr-xl{padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-pr-2xl{padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-pr-3xl{padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pr-4xl{padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-pr-5xl{padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pb-4xs{padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pb-3xs{padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pb-2xs{padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pb-xs{padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-pb-sm{padding-bottom:var(--ds-spacing-small, 1rem)}.ds-pb-md{padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-pb-lg{padding-bottom:var(--ds-spacing-large, 2rem)}.ds-pb-xl{padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-pb-2xl{padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-pb-3xl{padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pb-4xl{padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-pb-5xl{padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pl-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pl-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pl-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pl-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-pl-sm{padding-left:var(--ds-spacing-small, 1rem)}.ds-pl-md{padding-left:var(--ds-spacing-medium, 1.5rem)}.ds-pl-lg{padding-left:var(--ds-spacing-large, 2rem)}.ds-pl-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-pl-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem)}.ds-pl-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pl-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem)}.ds-pl-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-px-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem);padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-px-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem);padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-px-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem);padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-px-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem);padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-px-sm{padding-left:var(--ds-spacing-small, 1rem);padding-right:var(--ds-spacing-small, 1rem)}.ds-px-md{padding-left:var(--ds-spacing-medium, 1.5rem);padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-px-lg{padding-left:var(--ds-spacing-large, 2rem);padding-right:var(--ds-spacing-large, 2rem)}.ds-px-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem);padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-px-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem);padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-px-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem);padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-px-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem);padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-px-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem);padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-py-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem);padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-py-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem);padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-py-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem);padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-py-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem);padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-py-sm{padding-top:var(--ds-spacing-small, 1rem);padding-bottom:var(--ds-spacing-small, 1rem)}.ds-py-md{padding-top:var(--ds-spacing-medium, 1.5rem);padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-py-lg{padding-top:var(--ds-spacing-large, 2rem);padding-bottom:var(--ds-spacing-large, 2rem)}.ds-py-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem);padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-py-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem);padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-py-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem);padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-py-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem);padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-py-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem);padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font--heading{font-family:var(--ds-fontFamily-heading)}.ds-font--body{font-family:var(--ds-fontFamily-body)}.ds-font--regular{font-weight:var(--ds-fontWeight-regular)}.ds-font--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font--semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font--bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking--xtight{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking--tight{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking--normal{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking--wide{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking--xwide{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading--small{line-height:var(--ds-lineHeight-small)}.ds-leading--medium{line-height:var(--ds-lineHeight-medium)}.ds-leading--large{line-height:var(--ds-lineHeight-large)}.ds-leading--xlarge{line-height:var(--ds-lineHeight-xLarge)}.ds-width--normal{font-stretch:var(--ds-fontWidth-normal)}.ds-width--condense{font-stretch:var(--ds-fontWidth-condense)}.ds-number--proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph--16{margin-bottom:var(--ds-fontSize-16)}.ds-paragraph--20{margin-bottom:var(--ds-fontSize-20)}.ds-list--spacing{gap:4px}.ds-text-color--default{color:var(--ds-textColor-default)}.ds-text{}.ds-text--2xl-regular{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text--xl-regular{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text--lg-regular{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text--md-regular{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text--sm-regular{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text--xs-regular{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text--2xl-semibold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xl-semibold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text--lg-semibold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text--md-semibold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text--sm-semibold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xs-semibold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text--2xl-bold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text--xl-bold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text--lg-bold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text--md-bold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text--sm-bold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text--xs-bold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-heading--2xLarge{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:-1.2px;font-stretch:var(--ds-fontWidth-normal);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading--2xLarge{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px;font-stretch:var(--ds-fontWidth-condense)}}.ds-heading--xLarge{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading--xLarge{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}.ds-heading--large{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}@media (min-width: 60rem){.ds-heading--large{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading--medium{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}@media (min-width: 60rem){.ds-heading--medium{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading--small{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;text-transform:none}@media (min-width: 60rem){.ds-heading--small{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading--xSmall{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading--xSmall{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-bodyText--2xLarge{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--2xLarge{font-size:var(--ds-fontSize-22)}}.ds-bodyText--xLarge{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--xLarge{font-size:var(--ds-fontSize-20)}}.ds-bodyText--large{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--large{font-size:var(--ds-fontSize-18)}}.ds-bodyText--medium{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--medium{font-size:var(--ds-fontSize-16)}}.ds-bodyText--small{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--small{font-size:var(--ds-fontSize-14)}}:root,:host{--ds-fontFamily-heading:\"Open Sans\", sans-serif;--ds-fontFamily-body:\"Open Sans\", sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:-2px;--ds-letterSpacing-tight:-1.4px;--ds-letterSpacing-normal:-0.4px;--ds-letterSpacing-wide:0px;--ds-letterSpacing-xWide:0.4px;--ds-lineHeight-small:1;--ds-lineHeight-medium:1.2;--ds-lineHeight-large:1.5;--ds-lineHeight-xLarge:1.75;--ds-fontWidth-normal:100;--ds-fontWidth-condense:90;--ds-number-style:proportional-figures;}@supports (font-variation-settings: normal){:root,:host{--ds-fontFamily-heading:\"Open Sans Variable\", sans-serif;--ds-fontFamily-body:\"Open Sans Variable\", sans-serif}}";
 /*
- Stencil Client Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.36.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -190,6 +190,7 @@ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   }
   return false;
 })() ;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -395,15 +396,30 @@ function deserializeProperty(value) {
   }
   return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
 }
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  if (!supportsConstructableStylesheets) return void 0;
+  const sheet = new CSSStyleSheet();
+  sheet.replaceSync(styles2);
+  return sheet;
+}
+// src/utils/shadow-root.ts
+var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
+  var _a;
   const shadowRoot = this.attachShadow({
     mode: "open",
     delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
   }) ;
-  if (supportsConstructableStylesheets) {
-    const sheet = new CSSStyleSheet();
-    sheet.replaceSync(globalStyles);
-    shadowRoot.adoptedStyleSheets.push(sheet);
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
   }
 }
 var updateFallbackSlotVisibility = (elm) => {
@@ -554,6 +570,123 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  if (supportsConstructableStylesheets && allowCS) {
+    style = style || new CSSStyleSheet();
+    if (typeof style === "string") {
+      style = cssText;
+    } else {
+      style.replaceSync(cssText);
+    }
+  } else {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  if (!win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
+          styleElm.innerHTML = style;
+        } else {
+          styleElm = win.document.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(
+                styleElm,
+                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+              );
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                if (supportsMutableAdoptedStyleSheets) {
+                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                } else {
+                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                }
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+      if (supportsMutableAdoptedStyleSheets) {
+        styleContainerNode.adoptedStyleSheets.push(style);
+      } else {
+        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta);
+  if (flags & 10 /* needsScopedEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
+var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
+var hydrateScopedToShadow = () => {
+  if (!win.document) {
+    return;
+  }
+  const styles2 = win.document.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
+  let i2 = 0;
+  for (; i2 < styles2.length; i2++) {
+    registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
+  }
+};
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -668,7 +801,7 @@ var convertToPrivate = (node) => {
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a;
+  var _a, _b, _c;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -679,7 +812,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   vnode.$elm$ = hostElm;
   const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
   members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-    var _a2, _b;
+    var _a2, _b2;
     if (!(memberFlags & 31 /* Prop */)) {
       return;
     }
@@ -691,7 +824,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         memberFlags,
         !!(((_a2 = hostRef.$cmpMeta$) == null ? void 0 : _a2.$flags$) & 64 /* formAssociated */)
       );
-      (_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, attrPropVal);
+      (_b2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b2.set(memberName, attrPropVal);
     }
   });
   let scopeId2;
@@ -732,6 +865,16 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       if (childRenderNode.$tag$ === "slot") {
         node["s-cr"] = hostElm["s-cr"];
       }
+    } else if (((_b = childRenderNode.$tag$) == null ? void 0 : _b.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
+      const cmpMeta = getHostRef(childRenderNode.$elm$);
+      if (cmpMeta) {
+        const scopeId3 = getScopeId(
+          cmpMeta.$cmpMeta$);
+        const styleSheet = win.document.querySelector(`style[sty-id="${scopeId3}"]`);
+        if (styleSheet) {
+          hostElm.shadowRoot.append(styleSheet.cloneNode(true));
+        }
+      }
     }
     if (childRenderNode.$tag$ === "slot") {
       childRenderNode.$name$ = childRenderNode.$elm$["s-sn"] || childRenderNode.$elm$["name"] || null;
@@ -747,7 +890,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
     }
     if (orgLocationNode && orgLocationNode.isConnected) {
-      if (shadowRoot && orgLocationNode["s-en"] === "") {
+      if (orgLocationNode.parentElement.shadowRoot && orgLocationNode["s-en"] === "") {
         orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
       }
       orgLocationNode.parentNode.removeChild(orgLocationNode);
@@ -755,7 +898,9 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         node["s-oo"] = parseInt(childRenderNode.$nodeId$);
       }
     }
-    plt.$orgLocNodes$.delete(orgLocationId);
+    if (orgLocationNode && !orgLocationNode["s-id"]) {
+      plt.$orgLocNodes$.delete(orgLocationId);
+    }
   }
   const hosts = [];
   const snLen = slottedNodes.length;
@@ -776,17 +921,22 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
       if (!hosts[slottedItem.hostId]) continue;
       const hostEle = hosts[slottedItem.hostId];
+      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
+        hostEle.appendChild(slottedItem.node);
+      }
       if (!hostEle.shadowRoot || !shadowRoot) {
-        slottedItem.slot["s-cr"] = hostEle["s-cr"];
-        if (!slottedItem.slot["s-cr"] && hostEle.shadowRoot) {
-          slottedItem.slot["s-cr"] = hostEle;
-        } else {
-          slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
+        if (!slottedItem.slot["s-cr"]) {
+          slottedItem.slot["s-cr"] = hostEle["s-cr"];
+          if (!slottedItem.slot["s-cr"] && hostEle.shadowRoot) {
+            slottedItem.slot["s-cr"] = hostEle;
+          } else {
+            slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
+          }
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-      }
-      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
-        hostEle.appendChild(slottedItem.node);
+        if (((_c = slottedItem.node.parentElement) == null ? void 0 : _c.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
+          slottedItem.node.removeAttribute("slot");
+        }
       }
     }
   }
@@ -795,25 +945,27 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
     });
   }
-  if (shadowRoot && !shadowRoot.childNodes.length) {
+  if (shadowRoot) {
     let rnIdex = 0;
     const rnLen = shadowRootNodes.length;
     if (rnLen) {
       for (rnIdex; rnIdex < rnLen; rnIdex++) {
-        shadowRoot.appendChild(shadowRootNodes[rnIdex]);
+        const node = shadowRootNodes[rnIdex];
+        if (node) {
+          shadowRoot.appendChild(node);
+        }
       }
       Array.from(hostElm.childNodes).forEach((node) => {
         if (typeof node["s-en"] !== "string" && typeof node["s-sn"] !== "string") {
           if (node.nodeType === 1 /* ElementNode */ && node.slot && node.hidden) {
             node.removeAttribute("hidden");
-          } else if (node.nodeType === 8 /* CommentNode */ || node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
+          } else if (node.nodeType === 8 /* CommentNode */ && !node.nodeValue || node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
             node.parentNode.removeChild(node);
           }
         }
       });
     }
   }
-  plt.$orgLocNodes$.delete(hostElm["s-id"]);
   hostRef.$hostElement$ = hostElm;
   endHydrate();
 };
@@ -845,7 +997,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
         if (!parentVNode.$children$) {
           parentVNode.$children$ = [];
         }
-        if (scopeId2) {
+        if (scopeId2 && childIdSplt[0] === hostId) {
           node["s-si"] = scopeId2;
           childVNode.$attrs$.class += " " + scopeId2;
         }
@@ -975,7 +1127,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
     vnode.$index$ = "0";
     parentVNode.$children$ = [vnode];
   } else {
-    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
+    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim() && !node["s-nr"]) {
       node.remove();
     }
   }
@@ -1033,10 +1185,10 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
     if (childVNode.$name$) {
       childVNode.$elm$.setAttribute("name", slotName);
     }
-    if (parentNodeId && parentNodeId !== childVNode.$hostId$) {
-      parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
+    if (parentVNode.$elm$.shadowRoot && parentNodeId && parentNodeId !== childVNode.$hostId$) {
+      internalCall(parentVNode.$elm$, "insertBefore")(slot, internalCall(parentVNode.$elm$, "children")[0]);
     } else {
-      node.parentNode.insertBefore(slot, node);
+      internalCall(internalCall(node, "parentNode"), "insertBefore")(slot, node);
     }
     addSlottedNodes(slottedNodes, slotId, slotName, node, childVNode.$hostId$);
     node.remove();
@@ -1060,13 +1212,17 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   parentVNode.$children$[childVNode.$index$] = childVNode;
 }
 var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
+  var _a, _b;
   let slottedNode = slotNode.nextSibling;
   slottedNodes[slotNodeId] = slottedNodes[slotNodeId] || [];
-  while (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ && slottedNode.nodeValue.indexOf(".") !== 1 || slottedNode.nodeType === 3 /* TextNode */))) {
-    slottedNode["s-sn"] = slotName;
-    slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
-    slottedNode = slottedNode.nextSibling;
-  }
+  if (!slottedNode || ((_a = slottedNode.nodeValue) == null ? void 0 : _a.startsWith(SLOT_NODE_ID + "."))) return;
+  do {
+    if (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (!slottedNode["getAttribute"] || !slottedNode.getAttribute("slot")) && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */))) {
+      slottedNode["s-sn"] = slotName;
+      slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
+    }
+    slottedNode = slottedNode == null ? void 0 : slottedNode.nextSibling;
+  } while (slottedNode && !((_b = slottedNode.nodeValue) == null ? void 0 : _b.startsWith(SLOT_NODE_ID + ".")));
 };
 var findCorrespondingNode = (node, type) => {
   let sibling = node;
@@ -1088,17 +1244,16 @@ createSupportsRuleRe("::slotted");
 createSupportsRuleRe(":host");
 createSupportsRuleRe(":host-context");
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
-  if (typeof propValue === "string" && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
-    try {
-      propValue = JSON.parse(propValue);
-      return propValue;
-    } catch (e) {
-    }
-  }
   if (typeof propValue === "string" && propValue.startsWith(SERIALIZED_PREFIX)) {
     propValue = deserializeProperty(propValue);
     return propValue;
   }
+  if (typeof propValue === "string" && (propType & 16 /* Unknown */ || propType & 8 /* Any */) && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
+    try {
+      return JSON.parse(propValue);
+    } catch (e) {
+    }
+  }
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
       if (isFormAssociated && typeof propValue === "string") {
@@ -1117,7 +1272,10 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   }
   return propValue;
 };
-var getElement = (ref) => getHostRef(ref).$hostElement$ ;
+var getElement = (ref) => {
+  var _a;
+  return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
+};
 // src/runtime/event-emitter.ts
 var createEvent = (ref, name, flags) => {
@@ -1138,115 +1296,6 @@ var emitEvent = (elm, name, opts) => {
   elm.dispatchEvent(ev);
   return ev;
 };
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  if (supportsConstructableStylesheets && allowCS) {
-    style = style || new CSSStyleSheet();
-    if (typeof style === "string") {
-      style = cssText;
-    } else {
-      style.replaceSync(cssText);
-    }
-  } else {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
-          styleElm.innerHTML = style;
-        } else {
-          styleElm = win.document.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(
-                styleElm,
-                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-              );
-            } else if ("host" in styleContainerNode) {
-              if (supportsConstructableStylesheets) {
-                const stylesheet = new CSSStyleSheet();
-                stylesheet.replaceSync(style);
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-              } else {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
-var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
-var hydrateScopedToShadow = () => {
-  if (!win.document) {
-    return;
-  }
-  const styles2 = win.document.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
-  let i2 = 0;
-  for (; i2 < styles2.length; i2++) {
-    registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
-  }
-};
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -1257,12 +1306,13 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     const classList = elm.classList;
     const oldClasses = parseClassList(oldValue);
     let newClasses = parseClassList(newValue);
-    if (elm["s-si"] && initialRender) {
-      newClasses.push(elm["s-si"]);
+    if ((elm["s-si"] || elm["s-sc"]) && initialRender) {
+      const scopeId2 = elm["s-sc"] || elm["s-si"];
+      newClasses.push(scopeId2);
       oldClasses.forEach((c) => {
-        if (c.startsWith(elm["s-si"])) newClasses.push(c);
+        if (c.startsWith(scopeId2)) newClasses.push(c);
       });
-      newClasses = [...new Set(newClasses)];
+      newClasses = [...new Set(newClasses)].filter((c) => c);
       classList.add(...newClasses);
     } else {
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
@@ -1698,6 +1748,8 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       !isInitialRender && BUILD.updatable && oldChildren !== null
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
+    } else if (isInitialRender && BUILD.updatable && oldChildren !== null && newChildren === null) {
+      newVNode2.$children$ = oldChildren;
     }
     if (isSvgMode && tag === "svg") {
       isSvgMode = false;
@@ -1918,6 +1970,12 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
   }
   attachToAncestor(hostRef, hostRef.$ancestorComponent$);
   const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
   return writeTask(dispatch) ;
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
@@ -2045,9 +2103,10 @@ var postUpdateComponent = (hostRef) => {
   }
 };
 var forceUpdate = (ref) => {
+  var _a;
   {
     const hostRef = getHostRef(ref);
-    const isConnected = hostRef.$hostElement$.isConnected;
+    const isConnected = (_a = hostRef == null ? void 0 : hostRef.$hostElement$) == null ? void 0 : _a.isConnected;
     if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
       scheduleUpdate(hostRef, false);
     }
@@ -2055,7 +2114,13 @@ var forceUpdate = (ref) => {
   }
 };
 var appDidLoad = (who) => {
+  var _a;
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
+  {
+    if ((_a = plt.$orgLocNodes$) == null ? void 0 : _a.size) {
+      plt.$orgLocNodes$.clear();
+    }
+  }
 };
 var safeCall = (instance, method, arg, elm) => {
   if (instance && instance[method]) {
@@ -2076,6 +2141,9 @@ var addHydratedFlag = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
   if (!hostRef) {
     throw new Error(
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
@@ -2127,10 +2195,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
       Object.defineProperty(prototype, cbName, {
         value(...args) {
+          var _a2;
           const hostRef = getHostRef(this);
-          const instance = hostRef.$lazyInstance$ ;
+          const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
           if (!instance) {
-            hostRef.$onReadyPromise$.then((asyncInstance) => {
+            (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
               const cb = asyncInstance[cbName];
               typeof cb === "function" && cb.call(asyncInstance, ...args);
             });
@@ -2172,6 +2241,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         Object.defineProperty(prototype, memberName, {
           set(newValue) {
             const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
             if (origSetter) {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
@@ -2250,7 +2322,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           } else if (propName == null) {
             const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
               entry == null ? void 0 : entry.forEach((callbackName) => {
@@ -2365,6 +2437,9 @@ var fireConnectedCallback = (instance, elm) => {
 var connectedCallback = (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
     const cmpMeta = hostRef.$cmpMeta$;
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
@@ -2440,7 +2515,7 @@ var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
     {
-      if (hostRef.$rmListeners$) {
+      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
         hostRef.$rmListeners$.map((rmListener) => rmListener());
         hostRef.$rmListeners$ = void 0;
       }
@@ -2533,6 +2608,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         connectedCallback() {
           const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
           if (!this.hasRegisteredEventListeners) {
             this.hasRegisteredEventListeners = true;
             addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
@@ -2552,6 +2630,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
             const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
             if (i2 > -1) {
               deferredConnectedCallbacks.splice(i2, 1);
@@ -2562,7 +2643,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           });
         }
         componentOnReady() {
-          return getHostRef(this).$onReadyPromise$;
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
         }
       };
       if (cmpMeta.$flags$ & 64 /* formAssociated */) {