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

package/dist/components/index2.js

@@ -1,10 +1,10 @@
-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}}";
 
 const NAMESPACE = 'component-library';
 const BUILD = /* component-library */ { hydratedSelectorName: "hydrated", lazyLoad: false, slotRelocation: true, updatable: true};
 
 /*
- 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) => {
@@ -151,6 +151,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 = [];
@@ -363,15 +364,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) => {
@@ -515,6 +531,123 @@ var createTime = (fnName, tagName = "") => {
     };
   }
 };
+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;
@@ -629,7 +762,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 = [];
@@ -640,7 +773,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;
     }
@@ -652,7 +785,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;
@@ -693,6 +826,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;
@@ -708,7 +851,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);
@@ -716,7 +859,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;
@@ -737,17 +882,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");
+        }
       }
     }
   }
@@ -756,25 +906,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();
 };
@@ -806,7 +958,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;
         }
@@ -936,7 +1088,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();
     }
   }
@@ -994,10 +1146,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();
@@ -1021,13 +1173,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;
@@ -1049,17 +1205,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") {
@@ -1078,7 +1233,9 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   }
   return propValue;
 };
-var getElement = (ref) => ref;
+var getElement = (ref) => {
+  return ref;
+};
 
 // src/runtime/event-emitter.ts
 var createEvent = (ref, name, flags) => {
@@ -1099,115 +1256,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;
@@ -1218,12 +1266,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)));
@@ -1659,6 +1708,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;
@@ -1879,6 +1930,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) => {
@@ -1996,9 +2053,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);
     }
@@ -2006,7 +2064,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]) {
@@ -2027,6 +2091,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;
+  }
   const elm = ref;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
@@ -2074,10 +2141,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
       const originalFormAssociatedCallback = prototype[cbName];
       Object.defineProperty(prototype, cbName, {
         value(...args) {
+          var _a2;
           const hostRef = getHostRef(this);
           const instance = this;
           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);
             });
@@ -2113,6 +2181,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)) {
@@ -2151,7 +2222,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 elm = this;
               const instance = elm;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
@@ -2227,6 +2298,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 */)) {
@@ -2297,7 +2371,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;
       }
@@ -2340,6 +2414,9 @@ var proxyCustomElement = (Cstr, compactMeta) => {
     connectedCallback() {
       if (!this.__hasHostListenerAttached) {
         const hostRef = getHostRef(this);
+        if (!hostRef) {
+          return;
+        }
         addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
         this.__hasHostListenerAttached = true;
       }