@brandsync/wc 0.0.1

package/dist/esm/index-BOj_41o9.js

@@ -0,0 +1,1701 @@
+const NAMESPACE = 'brandsync-wc';
+const BUILD = /* brandsync-wc */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, state: true, updatable: true};
+
+const globalScripts = () => {};
+const globalStyles = "/*\n * Brandsync design tokens, vendored from the brandsync-tokens npm package (v1.0.31).\n * Source: node_modules/brandsync-tokens/dist/css/tokens.css\n * Re-copy this file whenever brandsync-tokens is bumped -- Stencil's globalStyle\n * pipeline cannot resolve a bare node_modules @import, so this cannot just re-export it.\n */\n\n:root {\n\n  /* Static Colors */\n  --bs-static-white: #ffffff;\n  --bs-static-black: #000000;\n\n  /* Neutral Scale */\n  --bs-neutral-25: #f9fafb;\n  --bs-neutral-50: #eff0f8;\n  --bs-neutral-100: #dee2ed;\n  --bs-neutral-200: #c2c7d3;\n  --bs-neutral-300: #a0a5b4;\n  --bs-neutral-400: #828998;\n  --bs-neutral-500: #6d7585;\n  --bs-neutral-600: #5d6472;\n  --bs-neutral-700: #4d535f;\n  --bs-neutral-800: #363c47;\n  --bs-neutral-900: #21262e;\n  --bs-neutral-950: #191c22;\n  --bs-neutral-500-transparent: rgba(109, 117, 133, 0.3);\n  --bs-neutral-500-transparent-2: rgba(109, 117, 133, 0.75);\n  --bs-neutral-50-transparent: rgba(239, 240, 248, 0.9);\n\n  /* Gray Scale */\n  --bs-gray-25: #fbfbfb;\n  --bs-gray-50: #f6f7f7;\n  --bs-gray-100: #eef1f1;\n  --bs-gray-200: #dfe5e6;\n  --bs-gray-300: #cbd3d6;\n  --bs-gray-400: #b6bec3;\n  --bs-gray-500: #a2aab2;\n  --bs-gray-600: #8c959f;\n  --bs-gray-700: #7f868f;\n  --bs-gray-800: #636970;\n  --bs-gray-900: #53585c;\n  --bs-gray-950: #303236;\n  --bs-gray-transparent: rgba(162, 170, 178, 0.24);\n  --bs-gray-transparent-2: rgba(162, 170, 178, 0.32);\n  --bs-gray-transparent-3: rgba(162, 170, 178, 0.44);\n\n  /* Success Scale */\n  --bs-success-50: #e5f5e9;\n  --bs-success-100: #c5ebd5;\n  --bs-success-200: #94d4b3;\n  --bs-success-300: #6bb491;\n  --bs-success-400: #469873;\n  --bs-success-500: #00855b;\n  --bs-success-600: #11714e;\n  --bs-success-700: #1b5d43;\n  --bs-success-800: #184330;\n  --bs-success-900: #0f2b1e;\n  --bs-success-950: #101e17;\n\n  /* Error Scale */\n  --bs-error-50: #fcecea;\n  --bs-error-100: #ffdad7;\n  --bs-error-200: #ffb3ae;\n  --bs-error-300: #ff807a;\n  --bs-error-400: #ee5351;\n  --bs-error-500: #d93539;\n  --bs-error-600: #b92f31;\n  --bs-error-700: #982a2a;\n  --bs-error-800: #701d1e;\n  --bs-error-900: #481212;\n  --bs-error-950: #34100f;\n\n  /* Warning Scale */\n  --bs-warning-50: #ffefdb;\n  --bs-warning-100: #ffdea1;\n  --bs-warning-200: #f1bd51;\n  --bs-warning-300: #d39b00;\n  --bs-warning-400: #b18100;\n  --bs-warning-500: #956d00;\n  --bs-warning-600: #805d00;\n  --bs-warning-700: #6b4d00;\n  --bs-warning-800: #4e3700;\n  --bs-warning-900: #332300;\n  --bs-warning-950: #261a00;\n\n  /* Information Scale */\n  --bs-information-50: #edf0fa;\n  --bs-information-100: #d6e3f8;\n  --bs-information-200: #aec8ed;\n  --bs-information-300: #73a9ea;\n  --bs-information-400: #448cd6;\n  --bs-information-500: #0078cb;\n  --bs-information-600: #0066ae;\n  --bs-information-700: #005592;\n  --bs-information-800: #003d6c;\n  --bs-information-900: #00283f;\n  --bs-information-950: #111c2a;\n\n  /* Purple */\n  --bs-purple-50: #f3effb;\n  --bs-purple-100: #e5dffd;\n  --bs-purple-200: #c8c0ff;\n  --bs-purple-300: #a49aff;\n  --bs-purple-400: #8676fe;\n  --bs-purple-500: #715afc;\n  --bs-purple-600: #5e47e6;\n  --bs-purple-700: #4b35c9;\n  --bs-purple-800: #3720a1;\n  --bs-purple-900: #220f73;\n  --bs-purple-950: #201463;\n\n  /* Cobalt */\n  --bs-cobalt-50: #f1effa;\n  --bs-cobalt-100: #e0e0fd;\n  --bs-cobalt-200: #bcc2ff;\n  --bs-cobalt-300: #939eff;\n  --bs-cobalt-400: #6d7cff;\n  --bs-cobalt-500: #4f63ff;\n  --bs-cobalt-600: #3b4ee9;\n  --bs-cobalt-700: #303ecd;\n  --bs-cobalt-800: #1928a5;\n  --bs-cobalt-900: #091675;\n  --bs-cobalt-950: #050d5d;\n\n  /* Blue */\n  --bs-blue-50: #eef0fa;\n  --bs-blue-100: #d8e3fc;\n  --bs-blue-200: #aec7f8;\n  --bs-blue-300: #7aa6f2;\n  --bs-blue-400: #3e88ef;\n  --bs-blue-500: #0073e1;\n  --bs-blue-600: #0062c1;\n  --bs-blue-700: #0051a2;\n  --bs-blue-800: #003a78;\n  --bs-blue-900: #002550;\n  --bs-blue-950: #001b3e;\n\n  /* Steel */\n  --bs-steel-50: #eef0f6;\n  --bs-steel-100: #d9e3f1;\n  --bs-steel-200: #b1c9e3;\n  --bs-steel-300: #83aad0;\n  --bs-steel-400: #558dbe;\n  --bs-steel-500: #3779ae;\n  --bs-steel-600: #2b6796;\n  --bs-steel-700: #1f567f;\n  --bs-steel-800: #103e5f;\n  --bs-steel-900: #041d30;\n  --bs-steel-950: #032841;\n\n  /* Teal */\n  --bs-teal-50: #e9f3f2;\n  --bs-teal-100: #c8e9e7;\n  --bs-teal-200: #9ed1cf;\n  --bs-teal-300: #72b2b0;\n  --bs-teal-400: #469593;\n  --bs-teal-500: #008280;\n  --bs-teal-600: #116f6e;\n  --bs-teal-700: #185b5a;\n  --bs-teal-800: #144241;\n  --bs-teal-900: #032b2a;\n  --bs-teal-950: #02201f;\n\n  /* Jade */\n  --bs-jade-50: #eaf3ef;\n  --bs-jade-100: #c6eadf;\n  --bs-jade-200: #8cd4c2;\n  --bs-jade-300: #63b4a2;\n  --bs-jade-400: #349985;\n  --bs-jade-500: #008370;\n  --bs-jade-600: #0e7060;\n  --bs-jade-700: #0e5d50;\n  --bs-jade-800: #034439;\n  --bs-jade-900: #002c24;\n  --bs-jade-950: #02201a;\n\n  /* Green */\n  --bs-green-50: #ecf2ea;\n  --bs-green-100: #d0e9d2;\n  --bs-green-200: #9fd3a9;\n  --bs-green-300: #78b385;\n  --bs-green-400: #469961;\n  --bs-green-500: #23834a;\n  --bs-green-600: #2a7043;\n  --bs-green-700: #295c3a;\n  --bs-green-800: #21422a;\n  --bs-green-900: #112b19;\n  --bs-green-950: #0b2011;\n\n  /* Lime */\n  --bs-lime-50: #f0f2e7;\n  --bs-lime-100: #d7e8c6;\n  --bs-lime-200: #add18f;\n  --bs-lime-300: #81b45c;\n  --bs-lime-400: #64963f;\n  --bs-lime-500: #478019;\n  --bs-lime-600: #406f1d;\n  --bs-lime-700: #385b1e;\n  --bs-lime-800: #2a4218;\n  --bs-lime-900: #182a0c;\n  --bs-lime-950: #121f09;\n\n  /* Yellow */\n  --bs-yellow-50: #faf1db;\n  --bs-yellow-100: #f9e28a;\n  --bs-yellow-200: #e3c437;\n  --bs-yellow-300: #c0a300;\n  --bs-yellow-400: #a18800;\n  --bs-yellow-500: #887200;\n  --bs-yellow-600: #746202;\n  --bs-yellow-700: #615102;\n  --bs-yellow-800: #463a01;\n  --bs-yellow-900: #2e2500;\n  --bs-yellow-950: #221b00;\n\n  /* Amber */\n  --bs-amber-50: #fceee0;\n  --bs-amber-100: #f8dfbf;\n  --bs-amber-200: #f1be71;\n  --bs-amber-300: #d19c46;\n  --bs-amber-400: #b47f1e;\n  --bs-amber-500: #996805;\n  --bs-amber-600: #875b04;\n  --bs-amber-700: #6f4b02;\n  --bs-amber-800: #513601;\n  --bs-amber-900: #352201;\n  --bs-amber-950: #291900;\n\n  /* Orange */\n  --bs-orange-50: #faeee9;\n  --bs-orange-100: #f9ddd0;\n  --bs-orange-200: #f7b997;\n  --bs-orange-300: #f08c50;\n  --bs-orange-400: #d26d2b;\n  --bs-orange-500: #ba5400;\n  --bs-orange-600: #a24907;\n  --bs-orange-700: #873d07;\n  --bs-orange-800: #642c04;\n  --bs-orange-900: #411b02;\n  --bs-orange-950: #301302;\n\n  /* Magenta */\n  --bs-magenta-50: #fbeeef;\n  --bs-magenta-100: #ffd7e0;\n  --bs-magenta-200: #ffb1c7;\n  --bs-magenta-300: #ff7aa7;\n  --bs-magenta-400: #ea4f8b;\n  --bs-magenta-500: #d12e75;\n  --bs-magenta-600: #b62965;\n  --bs-magenta-700: #9a1f53;\n  --bs-magenta-800: #71163c;\n  --bs-magenta-900: #4a0d27;\n  --bs-magenta-950: #38091c;\n\n  /* Maroon */\n  --bs-maroon-50: #f9eef3;\n  --bs-maroon-100: #f6dbef;\n  --bs-maroon-200: #eab6e3;\n  --bs-maroon-300: #d88cd1;\n  --bs-maroon-400: #c465c0;\n  --bs-maroon-500: #b14bb0;\n  --bs-maroon-600: #983f98;\n  --bs-maroon-700: #7f347e;\n  --bs-maroon-800: #5e245d;\n  --bs-maroon-900: #3e163d;\n  --bs-maroon-950: #2c122b;\n\n  /* Violet */\n  --bs-violet-50: #f9eefe;\n  --bs-violet-100: #eedcfd;\n  --bs-violet-200: #d8b8fd;\n  --bs-violet-300: #be92f4;\n  --bs-violet-400: #a372dd;\n  --bs-violet-500: #8f5ace;\n  --bs-violet-600: #7750a8;\n  --bs-violet-700: #64428d;\n  --bs-violet-800: #492e6a;\n  --bs-violet-900: #311b4b;\n  --bs-violet-950: #241338;\n\n  /* Typography - Font Family */\n  --bs-typography-font-family-heading: Roboto;\n  --bs-typography-font-family-body: Roboto;\n\n  /* Typography - Font Weight */\n  --bs-font-weight-thin: 100;\n  --bs-font-weight-regular: 400;\n  --bs-font-weight-medium: 500;\n  --bs-font-weight-semibold: 600;\n  --bs-font-weight-bold: 700;\n  --bs-font-weight-black: 900;\n\n  /* Typography - Font Size Scale */\n  --bs-font-size-2xs: 10px;\n  --bs-font-size-xs: 12px;\n  --bs-font-size-sm: 14px;\n  --bs-font-size-md: 16px;\n  --bs-font-size-lg: 18px;\n  --bs-font-size-xl: 20px;\n  --bs-font-size-2xl: 24px;\n  --bs-font-size-3xl: 28px;\n  --bs-font-size-4xl: 32px;\n  --bs-font-size-5xl: 40px;\n  --bs-font-size-6xl: 48px;\n\n  /* Typography - Line Height */\n  --bs-line-height-none: 1;\n  --bs-line-height-tight: 1.1;\n  --bs-line-height-snug: 1.25;\n  --bs-line-height-normal: 1.5;\n  --bs-line-height-relaxed: 1.625;\n  --bs-line-height-loose: 2;\n  --bs-line-height-display: 96;\n  --bs-line-height-heading: 56;\n  --bs-line-height-body: 28;\n  --bs-line-height-caption: 24;\n\n  /* Typography - Letter Spacing */\n  --bs-letter-spacing-tighter: -0.05em;\n  --bs-letter-spacing-tight: -0.025em;\n  --bs-letter-spacing-normal: 0em;\n  --bs-letter-spacing-wide: 0.025em;\n  --bs-letter-spacing-wider: 0.05em;\n  --bs-letter-spacing-widest: 0.1em;\n\n  /* Shadow Scale */\n  --bs-shadow-none: none;\n  --bs-shadow-xs: 0 1px 2px rgba(33,38,46,0.06), 0 1px 3px rgba(33,38,46,0.10);\n  --bs-shadow-sm: 0 1px 3px rgba(33,38,46,0.08), 0 2px 6px rgba(33,38,46,0.12);\n  --bs-shadow-md: 0 2px 8px rgba(33,38,46,0.10), 0 4px 16px rgba(33,38,46,0.16);\n  --bs-shadow-lg: 0 4px 16px rgba(33,38,46,0.12), 0 8px 32px rgba(33,38,46,0.20);\n  --bs-shadow-xl: 0 8px 24px rgba(33,38,46,0.14), 0 16px 48px rgba(33,38,46,0.24);\n  --bs-shadow-2xl: 0 16px 48px rgba(33,38,46,0.20), 0 32px 64px rgba(33,38,46,0.32);\n\n  /* Z-Index Scale */\n  --bs-z-index-below: -1;\n  --bs-z-index-base: 0;\n  --bs-z-index-raised: 10;\n  --bs-z-index-dropdown: 100;\n  --bs-z-index-sticky: 200;\n  --bs-z-index-overlay: 300;\n  --bs-z-index-modal: 400;\n  --bs-z-index-popover: 500;\n  --bs-z-index-toast: 600;\n  --bs-z-index-top: 999;\n\n  /* Breakpoints */\n  --bs-breakpoint-xs: 480px;\n  --bs-breakpoint-sm: 640px;\n  --bs-breakpoint-md: 768px;\n  --bs-breakpoint-lg: 1024px;\n  --bs-breakpoint-xl: 1280px;\n  --bs-breakpoint-2xl: 1536px;\n\n  /* Grid */\n  --bs-grid-columns: 12;\n  --bs-grid-container-max: 1440px;\n  --bs-grid-gutter: var(--bs-spacing-200);\n  --bs-grid-margin-sm: var(--bs-spacing-200);\n  --bs-grid-margin-md: var(--bs-spacing-300);\n  --bs-grid-margin-lg: var(--bs-spacing-400);\n  --bs-grid-sidebar-width: var(--bs-sizing-3200);\n  --bs-grid-panel-min-width: var(--bs-sizing-3200);\n\n  /* Opacity */\n  --bs-opacity-disabled: 0.5;\n  --bs-opacity-hover: 0.8;\n  --bs-opacity-focus: 0.9;\n\n  /* Motion - Duration */\n  --bs-duration-instant: 0ms;\n  --bs-duration-fast: 100ms;\n  --bs-duration-default: 200ms;\n  --bs-duration-slow: 300ms;\n  --bs-duration-slower: 500ms;\n\n  /* Motion - Easing */\n  --bs-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);\n  --bs-easing-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);\n  --bs-easing-accelerate: cubic-bezier(0.4, 0.0, 1.0, 1);\n  --bs-easing-linear: linear;\n\n  /* Primary Colors - Light Mode */\n  --bs-color-primary-default: var(--bs-brand-600);\n  --bs-color-primary-hover: var(--bs-brand-700);\n  --bs-color-primary-focused: var(--bs-brand-700);\n  --bs-color-primary-pressed: var(--bs-brand-800);\n  --bs-color-primary-container: var(--bs-brand-50);\n  --bs-color-primary-container-hover: var(--bs-brand-100);\n\n  /* Neutral Colors - Light Mode */\n  --bs-color-neutral-default: var(--bs-neutral-700);\n  --bs-color-neutral-hover: var(--bs-neutral-800);\n  --bs-color-neutral-focused: var(--bs-neutral-800);\n  --bs-color-neutral-pressed: var(--bs-neutral-900);\n  --bs-color-neutral-container: var(--bs-neutral-50);\n  --bs-color-neutral-container-hover: var(--bs-neutral-100);\n  --bs-color-neutral-container-focused: var(--bs-neutral-200);\n  --bs-color-neutral-container-pressed: var(--bs-neutral-300);\n\n  /* Accent Colors - Light Mode */\n  --bs-color-accent-default: var(--bs-brand-colors-magenta-600);\n  --bs-color-accent-hover: var(--bs-brand-colors-magenta-700);\n  --bs-color-accent-active: var(--bs-brand-colors-magenta-800);\n  --bs-color-accent-container: var(--bs-brand-colors-magenta-100);\n\n  /* Success Colors - Light Mode */\n  --bs-color-success-default: var(--bs-success-600);\n  --bs-color-success-hover: var(--bs-success-700);\n  --bs-color-success-focused: var(--bs-success-700);\n  --bs-color-success-pressed: var(--bs-success-800);\n  --bs-color-success-container: var(--bs-success-100);\n\n  /* Warning Colors - Light Mode */\n  --bs-color-warning-default: var(--bs-warning-600);\n  --bs-color-warning-hover: var(--bs-warning-700);\n  --bs-color-warning-focused: var(--bs-warning-700);\n  --bs-color-warning-pressed: var(--bs-warning-800);\n  --bs-color-warning-container: var(--bs-warning-100);\n\n  /* Error Colors - Light Mode */\n  --bs-color-error-default: var(--bs-error-600);\n  --bs-color-error-hover: var(--bs-error-700);\n  --bs-color-error-focused: var(--bs-error-700);\n  --bs-color-error-pressed: var(--bs-error-800);\n  --bs-color-error-container: var(--bs-error-100);\n\n  /* Info Colors - Light Mode */\n  --bs-color-info-default: var(--bs-information-600);\n  --bs-color-info-hover: var(--bs-information-700);\n  --bs-color-info-focused: var(--bs-information-700);\n  --bs-color-info-pressed: var(--bs-information-800);\n  --bs-color-info-container: var(--bs-information-100);\n\n  /* Text Colors - Light Mode */\n  --bs-text-static-white: var(--bs-white);\n  --bs-text-static-black: var(--bs-black);\n  --bs-text-default: var(--bs-black);\n  --bs-text-secondary: var(--bs-neutral-600);\n  --bs-text-muted: var(--bs-neutral-500);\n  --bs-text-inverse: var(--bs-static-white);\n  --bs-text-link: var(--bs-information-700);\n  --bs-text-action: var(--bs-brand-600);\n  --bs-text-action-hover: var(--bs-brand-700);\n  --bs-text-success: var(--bs-success-700);\n  --bs-text-info: var(--bs-information-700);\n  --bs-text-warning: var(--bs-warning-700);\n  --bs-text-error: var(--bs-error-700);\n  --bs-text-on-action: var(--bs-white);\n  --bs-text-on-disabled: var(--bs-neutral-400);\n  --bs-text-accent: var(--bs-brand-colors-purple-700);\n  --bs-text-inverse-accent: var(--bs-brand-colors-purple-400);\n  --bs-text-neutral---default: var(--bs-neutral-600);\n  --bs-text-neutral---hover: var(--bs-neutral-800);\n  --bs-text-neutral---focused: var(--bs-neutral-800);\n  --bs-text-neutral---pressed: var(--bs-neutral-900);\n  --bs-text-neutral-default: var(--bs-neutral-600);\n  --bs-text-neutral-hover: var(--bs-neutral-800);\n  --bs-text-neutral-focused: var(--bs-neutral-800);\n  --bs-text-neutral-pressed: var(--bs-neutral-900);\n\n  /* Surface Colors - Light Mode */\n  --bs-surface-base: var(--bs-white);\n  --bs-surface-raised: var(--bs-static-white);\n  --bs-surface-container: var(--bs-neutral-50);\n  --bs-surface-hover: var(--bs-neutral-100);\n  --bs-surface-focus: var(--bs-neutral-100);\n  --bs-surface-pressed: var(--bs-neutral-300);\n  --bs-surface-selected: var(--bs-neutral-50);\n  --bs-surface-selected-hover: var(--bs-neutral-200);\n  --bs-surface-selected-focus: var(--bs-neutral-200);\n  --bs-surface-selected-pressed: var(--bs-neutral-200);\n  --bs-surface-active: var(--bs-neutral-100);\n  --bs-surface-action: var(--bs-color-primary-default);\n  --bs-surface-inset: var(--bs-neutral-50);\n  --bs-surface-inverse: var(--bs-neutral-900);\n  --bs-surface-accent: var(--bs-gray-transparent-2);\n  --bs-surface-on-action: var(--bs-gray-25);\n  --bs-surface-on-action-disabled: var(--bs-neutral-300);\n  --bs-surface-action-disabled: var(--bs-neutral-100);\n  --bs-surface-success: var(--bs-success-50);\n  --bs-surface-info: var(--bs-information-50);\n  --bs-surface-warning: var(--bs-warning-50);\n  --bs-surface-error: var(--bs-error-50);\n  --bs-surface-overlay: var(--bs-neutral-500-transparent);\n  --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent-2);\n\n  /* Icon Colors - Light Mode */\n  --bs-icon-static-white: var(--bs-white);\n  --bs-icon-static-black: var(--bs-black);\n  --bs-icon-default: var(--bs-neutral-900);\n  --bs-icon-muted: var(--bs-neutral-500);\n  --bs-icon-disabled: var(--bs-neutral-400);\n  --bs-icon-inverse: var(--bs-static-white);\n  --bs-icon-action: var(--bs-brand-600);\n  --bs-icon-action-hover: var(--bs-brand-700);\n  --bs-icon-success: var(--bs-success-600);\n  --bs-icon-info: var(--bs-information-700);\n  --bs-icon-warning: var(--bs-warning-700);\n  --bs-icon-error: var(--bs-error-700);\n  --bs-icon-neutral-default: var(--bs-neutral-700);\n  --bs-icon-neutral-hover: var(--bs-neutral-800);\n  --bs-icon-neutral-focused: var(--bs-neutral-800);\n  --bs-icon-neutral-pressed: var(--bs-neutral-900);\n\n  /* Border Colors - Light Mode */\n  --bs-border-default: var(--bs-neutral-100);\n  --bs-border-neutral-hover: var(--bs-neutral-400);\n  --bs-border-neutral-focus: var(--bs-focus-border-);\n  --bs-border-neutral-active: var(--bs-neutral-500);\n  --bs-border-neutral-disabled: var(--bs-neutral-200);\n  --bs-border-neutral-container: var(--bs-neutral-200);\n  --bs-border-neutral-container-hover: var(--bs-neutral-300);\n  --bs-border-neutral-container-focused: var(--bs-focus-border-);\n  --bs-border-neutral-container-pressed: var(--bs-neutral-400);\n  --bs-border-success: var(--bs-success-500);\n  --bs-border-success-hover: var(--bs-success-600);\n  --bs-border-success-focus: var(--bs-focus-border-);\n  --bs-border-warning: var(--bs-warning-500);\n  --bs-border-warning-hover: var(--bs-warning-600);\n  --bs-border-warning-focus: var(--bs-focus-border-);\n  --bs-border-error: var(--bs-error-700);\n  --bs-border-error-hover: var(--bs-error-800);\n  --bs-border-error-focus: var(--bs-focus-border-);\n  --bs-border-info: var(--bs-information-500);\n  --bs-border-info-hover: var(--bs-information-600);\n  --bs-border-info-focus: var(--bs-focus-border-);\n  --bs-border-primary: var(--bs-brand-500);\n  --bs-border-primary-hover: var(--bs-brand-600);\n  --bs-border-primary-focus: var(--bs-focus-border-);\n  --bs-border-primary-pressed: var(--bs-brand-700);\n\n  /* Elevation Colors - Light Mode */\n  --bs-elevation-none: var(--bs-light-mode-0);\n  --bs-elevation-low: var(--bs-light-mode-100);\n  --bs-elevation-medium: var(--bs-light-mode-200);\n  --bs-elevation-high: var(--bs-light-mode-300);\n  --bs-elevation-higher: var(--bs-light-mode-400);\n  --bs-elevation-highest: var(--bs-light-mode-500);\n  --bs-elevation-inner: var(--bs-light-mode-600);\n  --bs-elevation-focus: var(--bs-light-mode-700);\n\n  /* Spacing */\n  --bs-spacing-0: var(--bs-scale-0);\n  --bs-spacing-25: var(--bs-scale-25);\n  --bs-spacing-50: var(--bs-scale-50);\n  --bs-spacing-75: var(--bs-scale-75);\n  --bs-spacing-100: var(--bs-scale-100);\n  --bs-spacing-150: var(--bs-scale-150);\n  --bs-spacing-200: var(--bs-scale-200);\n  --bs-spacing-250: var(--bs-scale-250);\n  --bs-spacing-300: var(--bs-scale-300);\n  --bs-spacing-350: var(--bs-scale-350);\n  --bs-spacing-400: var(--bs-scale-400);\n  --bs-spacing-500: var(--bs-scale-500);\n  --bs-spacing-550: var(--bs-scale-550);\n  --bs-spacing-600: var(--bs-scale-600);\n  --bs-spacing-700: var(--bs-scale-700);\n  --bs-spacing-800: var(--bs-scale-800);\n  --bs-spacing-1000: var(--bs-scale-1000);\n  --bs-spacing-1200: var(--bs-scale-1200);\n  --bs-spacing-1500: var(--bs-scale-1500);\n  --bs-spacing--600: var(--bs-scale--600);\n  --bs-spacing--500: var(--bs-scale--500);\n  --bs-spacing--350: var(--bs-scale--350);\n  --bs-spacing--200: var(--bs-scale--200);\n  --bs-spacing--150: var(--bs-scale--150);\n  --bs-spacing--100: var(--bs-scale--100);\n\n  /* Border Radius */\n  --bs-border-radius-0: var(--bs-scale-0);\n  --bs-border-radius-50: var(--bs-scale-50);\n  --bs-border-radius-75: var(--bs-scale-75);\n  --bs-border-radius-100: var(--bs-scale-100);\n  --bs-border-radius-150: var(--bs-scale-150);\n  --bs-border-radius-200: var(--bs-scale-200);\n  --bs-border-radius-300: var(--bs-scale-300);\n  --bs-border-radius-full: var(--bs-scale-1500);\n\n  /* Components */\n  --bs-avatar-text-primary: var(--bs-text-action);\n  --bs-avatar-text-default: var(--bs-text-default);\n  --bs-avatar-text-secondary: var(--bs-text-secondary);\n  --bs-avatar-border-primary: var(--bs-border-neutral-container);\n  --bs-avatar-border-hover: var(--bs-border-neutral-container-hover);\n  --bs-avatar-border-pressed: var(--bs-border-neutral-container-pressed);\n  --bs-avatar-border-focused: var(--bs-border-neutral-container);\n  --bs-avatar-bg-dafault: var(--bs-surface-raised);\n  --bs-avatar-bg-hover: var(--bs-surface-raised);\n  --bs-avatar-bg-pressed: var(--bs-surface-raised);\n  --bs-avatar-bg-focused: var(--bs-surface-raised);\n  --bs-avatar-icon-primary: var(--bs-icon-muted);\n  --bs-avatar-border-focus: var(--bs-border-neutral-focus);\n  --bs-switch-track-bg-default: var(--bs-surface-active);\n  --bs-switch-track-bg-hover: var(--bs-surface-hover);\n  --bs-switch-track-bg-checked-default: var(--bs-color-primary-default);\n  --bs-switch-track-bg-checked-hover: var(--bs-color-primary-hover);\n  --bs-switch-track-bg-checked-focused: var(--bs-color-primary-focused);\n  --bs-switch-thumb-bg-default: var(--bs-surface-base);\n  --bs-switch-thumb-bg-hover: var(--bs-surface-raised);\n  --bs-switch-thumb-bg-checked: var(--bs-surface-base);\n  --bs-switch-thumb-bg-disabled: var(--bs-surface-on-action-disabled);\n  --bs-switch-track-border-default: var(--bs-border-neutral-container);\n  --bs-switch-icon-default: {color.icons.secondary};\n  --bs-switch-track-border-hover: var(--bs-border-neutral-container-hover);\n  --bs-switch-track-border-focus: var(--bs-border-neutral-focus);\n  --bs-switch-icon-checked: var(--bs-icon-action);\n  --bs-switch-track-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-switch-icon-disabled: var(--bs-icon-disabled);\n  --bs-input-bg-default: var(--bs-surface-base);\n  --bs-input-bg-filled: var(--bs-surface-raised);\n  --bs-input-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-input-border-default: var(--bs-border-neutral-container);\n  --bs-input-border-hover: var(--bs-border-neutral-container-hover);\n  --bs-input-border-focus: var(--bs-border-neutral-focus);\n  --bs-input-border-disabled: var(--bs-border-neutral-disabled);\n  --bs-input-border-error: var(--bs-border-error);\n  --bs-input-text: var(--bs-text-default);\n  --bs-input-text-success: var(--bs-text-success);\n  --bs-input-text-disabled: var(--bs-text-on-disabled);\n  --bs-input-placeholder: var(--bs-text-secondary);\n  --bs-input-label: var(--bs-text-default);\n  --bs-input-error: var(--bs-text-error);\n  --bs-input-description: var(--bs-text-secondary);\n  --bs-input-label-focus: var(--bs-color-primary-default);\n  --bs-input-icon: {color.icons.secondary};\n  --bs-input-icon-error: var(--bs-icon-error);\n  --bs-input-icon-success: var(--bs-icon-success);\n  --bs-input-icon-disabled: var(--bs-icon-disabled);\n  --bs-chip-text-default: var(--bs-text-default);\n  --bs-chip-text-static: var(--bs-text-static-white);\n  --bs-chip-text-primary: var(--bs-text-default);\n  --bs-chip-text-on-primary: var(--bs-text-on-action);\n  --bs-chip-text-warning: var(--bs-text-warning);\n  --bs-chip-text-success: var(--bs-text-success);\n  --bs-chip-text-neutral: var(--bs-text-default);\n  --bs-chip-text-inverse: var(--bs-text-inverse);\n  --bs-chip-text-info: var(--bs-text-info);\n  --bs-chip-text-error: var(--bs-text-error);\n  --bs-chip-text-disabled: var(--bs-text-on-disabled);\n  --bs-chip-icon-static: var(--bs-icon-static-white);\n  --bs-chip-icon-default: var(--bs-icon-default);\n  --bs-chip-icon-inverse: var(--bs-icon-inverse);\n  --bs-chip-icon-primary: {color.icons.secondary};\n  --bs-chip-icon-success: var(--bs-icon-success);\n  --bs-chip-icon-warning: var(--bs-icon-warning);\n  --bs-chip-icon-info: var(--bs-icon-info);\n  --bs-chip-icon-error: var(--bs-icon-error);\n  --bs-chip-icon-disabled: var(--bs-icon-disabled);\n  --bs-chip-border-default: var(--bs-border-default);\n  --bs-chip-border-inverse: var(--bs-border-neutral-container);\n  --bs-chip-border-focus: var(--bs-border-neutral-focus);\n  --bs-chip-bg-default: var(--bs-surface-action-disabled);\n  --bs-chip-bg-neutral: var(--bs-color-neutral-default);\n  --bs-chip-bg-neutral-container: var(--bs-color-neutral-container);\n  --bs-chip-bg-inverse: var(--bs-surface-inset);\n  --bs-chip-bg-success: var(--bs-color-success-default);\n  --bs-chip-bg-success-container: var(--bs-color-success-container);\n  --bs-chip-bg-warning: var(--bs-color-warning-default);\n  --bs-chip-bg-warning-container: var(--bs-color-warning-container);\n  --bs-chip-bg-info: var(--bs-color-info-default);\n  --bs-chip-bg-info-container: var(--bs-color-info-container);\n  --bs-chip-bg-error: var(--bs-color-error-default);\n  --bs-chip-bg-error-container: var(--bs-color-error-container);\n  --bs-chip-bg-primary: var(--bs-color-neutral-default);\n  --bs-chip-bg-primary-hover: var(--bs-color-neutral-hover);\n  --bs-chip-bg-primary-focused: var(--bs-color-neutral-focused);\n  --bs-chip-bg-primary-pressed: var(--bs-color-neutral-pressed);\n  --bs-chip-bg-primary-container: var(--bs-color-neutral-container);\n  --bs-chip-bg-primary-container-hover: var(--bs-color-neutral-container-hover);\n  --bs-chip-bg-primary-container-focused: var(--bs-color-neutral-container-focused);\n  --bs-chip-bg-primary-container-pressed: var(--bs-color-neutral-container-pressed);\n  --bs-chip-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-badge-bg-default: var(--bs-surface-action-disabled);\n  --bs-badge-bg-primary: var(--bs-color-primary-default);\n  --bs-badge-bg-primary-container: var(--bs-color-primary-container);\n  --bs-badge-bg-success: var(--bs-color-success-default);\n  --bs-badge-bg-success-container: var(--bs-color-success-container);\n  --bs-badge-bg-warning: var(--bs-color-warning-default);\n  --bs-badge-bg-warning-container: var(--bs-color-warning-container);\n  --bs-badge-bg-info: var(--bs-color-info-default);\n  --bs-badge-bg-info-container: var(--bs-color-info-container);\n  --bs-badge-bg-error: var(--bs-color-error-default);\n  --bs-badge-bg-error-container: var(--bs-color-error-container);\n  --bs-badge-bg-neutral: var(--bs-color-neutral-default);\n  --bs-badge-bg-neutral-container: var(--bs-color-neutral-container);\n  --bs-badge-bg-inverse: var(--bs-surface-inset);\n  --bs-badge-border-default: var(--bs-border-default);\n  --bs-badge-text-default: var(--bs-text-default);\n  --bs-badge-text-neutral: var(--bs-text-default);\n  --bs-badge-text-inverse: var(--bs-text-inverse);\n  --bs-badge-text-warning: var(--bs-text-warning);\n  --bs-badge-text-info: var(--bs-text-info);\n  --bs-badge-text-error: var(--bs-text-error);\n  --bs-badge-text-primary: var(--bs-text-action);\n  --bs-badge-text-success: var(--bs-text-success);\n  --bs-radio-bg-default: var(--bs-alpha-5);\n  --bs-radio-bg-hover: var(--bs-alpha-60);\n  --bs-radio-bg-focus: var(--bs-alpha-80);\n  --bs-radio-bg-pressed: var(--bs-alpha-90);\n  --bs-radio-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-radio-selected-border-default: var(--bs-border-primary);\n  --bs-radio-selected-border-hover: var(--bs-border-primary-hover);\n  --bs-radio-selected-border-focus: var(--bs-border-primary-focus);\n  --bs-radio-selected-border-pressed: var(--bs-border-primary-pressed);\n  --bs-radio-enabled-border-default: var(--bs-border-default);\n  --bs-radio-enabled-border-hover: var(--bs-border-neutral-hover);\n  --bs-radio-enabled-border-focus: var(--bs-border-neutral-hover);\n  --bs-radio-enabled-border-pressed: var(--bs-border-neutral-active);\n  --bs-radio-border-disabled: var(--bs-border-neutral-disabled);\n  --bs-radio-icon-checked: var(--bs-icon-action);\n  --bs-radio-icon-hover: var(--bs-icon-action-hover);\n  --bs-radio-icon-disabled: var(--bs-icon-muted);\n  --bs-radio-label-default: var(--bs-text-default);\n  --bs-radio-label-disabled: var(--bs-text-muted);\n  --bs-radio-focus-ring: var(--bs-border-neutral-focus);\n  --bs-paper-bg-base: var(--bs-surface-base);\n  --bs-paper-bg-raised: var(--bs-surface-raised);\n  --bs-paper-bg-container: var(--bs-surface-container);\n  --bs-paper-bg-hover: var(--bs-surface-hover);\n  --bs-paper-bg-disabled: var(--bs-surface-action-disabled);\n  --bs-paper-border-surface: var(--bs-border-neutral-container);\n  --bs-button-primary-default: var(--bs-color-primary-default);\n  --bs-button-primary-hover: var(--bs-color-primary-hover);\n  --bs-button-primary-focus: var(--bs-color-primary-focused);\n  --bs-button-primary-pressed: var(--bs-color-primary-pressed);\n  --bs-button-primary-disabled: var(--bs-surface-action-disabled);\n  --bs-button-primary-container: var(--bs-color-primary-container);\n  --bs-button-neutral-default: var(--bs-color-neutral-default);\n  --bs-button-neutral-hover: var(--bs-color-neutral-hover);\n  --bs-button-neutral-focus: var(--bs-color-neutral-container-focused);\n  --bs-button-neutral-pressed: var(--bs-color-primary-pressed);\n  --bs-button-neutral-disabled: var(--bs-surface-action-disabled);\n  --bs-button-neutral-container: var(--bs-color-neutral-container);\n  --bs-snackbar-bg-default: var(--bs-surface-inverse);\n  --bs-snackbar-text-default: var(--bs-text-inverse);\n  --bs-snackbar-icon-default: var(--bs-icon-inverse);\n  --bs-snackbar-bg-action: var(--bs-color-primary-default);\n  --bs-snackbar-bg-success: var(--bs-color-success-default);\n  --bs-snackbar-bg-error: var(--bs-color-error-default);\n  --bs-snackbar-bg-warning: var(--bs-color-warning-default);\n  --bs-snackbar-bg-info: var(--bs-color-info-default);\n  --bs-snackbar-action-text: var(--bs-text-action);\n  --bs-snackbar-action-border-focus: var(--bs-color-primary-focused);\n\n  --bs-shadow-ambient-color-xs: rgba(33, 38, 46, 0.06);\n  --bs-shadow-ambient-color-sm: rgba(33, 38, 46, 0.08);\n  --bs-shadow-ambient-color-md: rgba(33, 38, 46, 0.1);\n  --bs-shadow-ambient-color-lg: rgba(33, 38, 46, 0.12);\n  --bs-shadow-ambient-color-xl: rgba(33, 38, 46, 0.14);\n  --bs-shadow-ambient-color-2xl: rgba(33, 38, 46, 0.2);\n  --bs-shadow-key-color-xs: rgba(33, 38, 46, 0.1);\n  --bs-shadow-key-color-sm: rgba(33, 38, 46, 0.12);\n  --bs-shadow-key-color-md: rgba(33, 38, 46, 0.16);\n  --bs-shadow-key-color-lg: rgba(33, 38, 46, 0.2);\n  --bs-shadow-key-color-xl: rgba(33, 38, 46, 0.24);\n  --bs-shadow-key-color-2xl: rgba(33, 38, 46, 0.32);\n  --bs-shadow-position-0: 0px;\n  --bs-shadow-position-10: 1px;\n  --bs-shadow-position-25: 2px;\n  --bs-shadow-position-50: 4px;\n  --bs-shadow-position-100: 8px;\n  --bs-shadow-position-150: 12px;\n  --bs-shadow-position-200: 16px;\n  --bs-shadow-blur-0: 0px;\n  --bs-shadow-blur-10: 1px;\n  --bs-shadow-blur-25: 2px;\n  --bs-shadow-blur-50: 4px;\n  --bs-shadow-blur-100: 8px;\n  --bs-shadow-blur-150: 12px;\n  --bs-shadow-blur-200: 16px;\n  --bs-shadow-blur-300: 24px;\n  --bs-text-style-display-size: var(--bs-font-size-6xl);\n  --bs-text-style-display-weight: 700;\n  --bs-text-style-display-line-height: var(--bs-line-height-tight);\n  --bs-text-style-display-letter-spacing: var(--bs-letter-spacing-tight);\n  --bs-text-style-heading-1-size: var(--bs-font-size-4xl);\n  --bs-text-style-heading-1-weight: 600;\n  --bs-text-style-heading-1-line-height: var(--bs-line-height-snug);\n  --bs-text-style-heading-1-letter-spacing: var(--bs-letter-spacing-tight);\n  --bs-text-style-heading-2-size: var(--bs-font-size-3xl);\n  --bs-text-style-heading-2-weight: 600;\n  --bs-text-style-heading-2-line-height: var(--bs-line-height-snug);\n  --bs-text-style-heading-2-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-heading-3-size: var(--bs-font-size-2xl);\n  --bs-text-style-heading-3-weight: 600;\n  --bs-text-style-heading-3-line-height: var(--bs-line-height-snug);\n  --bs-text-style-heading-3-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-heading-4-size: var(--bs-font-size-xl);\n  --bs-text-style-heading-4-weight: 500;\n  --bs-text-style-heading-4-line-height: var(--bs-line-height-normal);\n  --bs-text-style-heading-4-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-body-lg-size: var(--bs-font-size-lg);\n  --bs-text-style-body-lg-weight: 400;\n  --bs-text-style-body-lg-line-height: var(--bs-line-height-normal);\n  --bs-text-style-body-lg-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-body-md-size: var(--bs-font-size-md);\n  --bs-text-style-body-md-weight: 400;\n  --bs-text-style-body-md-line-height: var(--bs-line-height-normal);\n  --bs-text-style-body-md-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-body-sm-size: var(--bs-font-size-sm);\n  --bs-text-style-body-sm-weight: 400;\n  --bs-text-style-body-sm-line-height: var(--bs-line-height-normal);\n  --bs-text-style-body-sm-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-label-lg-size: var(--bs-font-size-md);\n  --bs-text-style-label-lg-weight: 500;\n  --bs-text-style-label-lg-line-height: var(--bs-line-height-snug);\n  --bs-text-style-label-lg-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-label-md-size: var(--bs-font-size-sm);\n  --bs-text-style-label-md-weight: 500;\n  --bs-text-style-label-md-line-height: var(--bs-line-height-snug);\n  --bs-text-style-label-md-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-label-sm-size: var(--bs-font-size-xs);\n  --bs-text-style-label-sm-weight: 500;\n  --bs-text-style-label-sm-line-height: var(--bs-line-height-snug);\n  --bs-text-style-label-sm-letter-spacing: var(--bs-letter-spacing-wide);\n  --bs-text-style-caption-size: var(--bs-font-size-xs);\n  --bs-text-style-caption-weight: 400;\n  --bs-text-style-caption-line-height: var(--bs-line-height-normal);\n  --bs-text-style-caption-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-overline-size: var(--bs-font-size-xs);\n  --bs-text-style-overline-weight: 500;\n  --bs-text-style-overline-line-height: var(--bs-line-height-normal);\n  --bs-text-style-overline-letter-spacing: var(--bs-letter-spacing-widest);\n  --bs-text-style-data-size: var(--bs-font-size-sm);\n  --bs-text-style-data-weight: 500;\n  --bs-text-style-data-line-height: var(--bs-line-height-tight);\n  --bs-text-style-data-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-text-style-data-dense-size: var(--bs-font-size-2xs);\n  --bs-text-style-data-dense-weight: 400;\n  --bs-text-style-data-dense-line-height: var(--bs-line-height-tight);\n  --bs-text-style-data-dense-letter-spacing: var(--bs-letter-spacing-normal);\n  --bs-typography-font-family-heading: Roboto;\n  --bs-typography-font-family-body: Roboto;\n  --bs-typography-font-weight-thin: thin;\n  --bs-typography-font-weight-regular: regular;\n  --bs-typography-font-weight-medium: medium;\n  --bs-typography-font-weight-semibold: semibold;\n  --bs-typography-font-weight-bold: bold;\n  --bs-typography-font-weight-black: black;\n  --bs-scale-0: 0px;\n  --bs-scale-10: 1px;\n  --bs-scale-25: 2px;\n  --bs-scale-50: 4px;\n  --bs-scale-75: 6px;\n  --bs-scale-100: 8px;\n  --bs-scale-150: 12px;\n  --bs-scale-200: 16px;\n  --bs-scale-250: 20px;\n  --bs-scale-300: 24px;\n  --bs-scale-350: 28px;\n  --bs-scale-400: 32px;\n  --bs-scale-500: 40px;\n  --bs-scale-550: 44px;\n  --bs-scale-600: 48px;\n  --bs-scale-700: 56px;\n  --bs-scale-800: 64px;\n  --bs-scale-1000: 80px;\n  --bs-scale-1200: 96px;\n  --bs-scale-1500: 120px;\n  --bs-scale-1600: 128px;\n  --bs-scale-3200: 256px;\n  --bs-scale-6400: 512px;\n  --bs-scale--600: -48px;\n  --bs-scale--500: -40px;\n  --bs-scale--350: -28px;\n  --bs-scale--200: -16px;\n  --bs-scale--150: -12px;\n  --bs-scale--100: -8px;\n  --bs-white: #ffffff;\n  --bs-black: #000000;\n  --bs-brand-colors-purple-50: #f3effb;\n  --bs-brand-colors-purple-100: #e5dffd;\n  --bs-brand-colors-purple-200: #c8c0ff;\n  --bs-brand-colors-purple-300: #a49aff;\n  --bs-brand-colors-purple-400: #8676fe;\n  --bs-brand-colors-purple-500: #715afc;\n  --bs-brand-colors-purple-600: #5e47e6;\n  --bs-brand-colors-purple-700: #4b35c9;\n  --bs-brand-colors-purple-800: #3720a1;\n  --bs-brand-colors-purple-900: #220f73;\n  --bs-brand-colors-purple-950: #201463;\n  --bs-brand-colors-cobalt-50: #f1effa;\n  --bs-brand-colors-cobalt-100: #e0e0fd;\n  --bs-brand-colors-cobalt-200: #bcc2ff;\n  --bs-brand-colors-cobalt-300: #939eff;\n  --bs-brand-colors-cobalt-400: #6d7cff;\n  --bs-brand-colors-cobalt-500: #4f63ff;\n  --bs-brand-colors-cobalt-600: #3b4ee9;\n  --bs-brand-colors-cobalt-700: #303ecd;\n  --bs-brand-colors-cobalt-800: #1928a5;\n  --bs-brand-colors-cobalt-900: #091675;\n  --bs-brand-colors-cobalt-950: #050d5d;\n  --bs-brand-colors-blue-50: #eef0fa;\n  --bs-brand-colors-blue-100: #d8e3fc;\n  --bs-brand-colors-blue-200: #aec7f8;\n  --bs-brand-colors-blue-300: #7aa6f2;\n  --bs-brand-colors-blue-400: #3e88ef;\n  --bs-brand-colors-blue-500: #0073e1;\n  --bs-brand-colors-blue-600: #0062c1;\n  --bs-brand-colors-blue-700: #0051a2;\n  --bs-brand-colors-blue-800: #003a78;\n  --bs-brand-colors-blue-900: #002550;\n  --bs-brand-colors-blue-950: #001b3e;\n  --bs-brand-colors-green-50: #ecf2ea;\n  --bs-brand-colors-green-100: #d0e9d2;\n  --bs-brand-colors-green-200: #9fd3a9;\n  --bs-brand-colors-green-300: #78b385;\n  --bs-brand-colors-green-400: #469961;\n  --bs-brand-colors-green-500: #23834a;\n  --bs-brand-colors-green-600: #2a7043;\n  --bs-brand-colors-green-700: #295c3a;\n  --bs-brand-colors-green-800: #21422a;\n  --bs-brand-colors-green-900: #112b19;\n  --bs-brand-colors-green-950: #0b2011;\n  --bs-brand-colors-lime-50: #f0f2e7;\n  --bs-brand-colors-lime-100: #d7e8c6;\n  --bs-brand-colors-lime-200: #add18f;\n  --bs-brand-colors-lime-300: #81b45c;\n  --bs-brand-colors-lime-400: #64963f;\n  --bs-brand-colors-lime-500: #478019;\n  --bs-brand-colors-lime-600: #406f1d;\n  --bs-brand-colors-lime-700: #385b1e;\n  --bs-brand-colors-lime-800: #2a4218;\n  --bs-brand-colors-lime-900: #182a0c;\n  --bs-brand-colors-lime-950: #121f09;\n  --bs-brand-colors-yellow-50: #faf1db;\n  --bs-brand-colors-yellow-100: #f9e28a;\n  --bs-brand-colors-yellow-200: #e3c437;\n  --bs-brand-colors-yellow-300: #c0a300;\n  --bs-brand-colors-yellow-400: #a18800;\n  --bs-brand-colors-yellow-500: #887200;\n  --bs-brand-colors-yellow-600: #746202;\n  --bs-brand-colors-yellow-700: #615102;\n  --bs-brand-colors-yellow-800: #463a01;\n  --bs-brand-colors-yellow-900: #2e2500;\n  --bs-brand-colors-yellow-950: #221b00;\n  --bs-brand-colors-amber-50: #fceee0;\n  --bs-brand-colors-amber-100: #f8dfbf;\n  --bs-brand-colors-amber-200: #f1be71;\n  --bs-brand-colors-amber-300: #d19c46;\n  --bs-brand-colors-amber-400: #b47f1e;\n  --bs-brand-colors-amber-500: #996805;\n  --bs-brand-colors-amber-600: #875b04;\n  --bs-brand-colors-amber-700: #6f4b02;\n  --bs-brand-colors-amber-800: #513601;\n  --bs-brand-colors-amber-900: #352201;\n  --bs-brand-colors-amber-950: #291900;\n  --bs-brand-colors-orange-50: #faeee9;\n  --bs-brand-colors-orange-100: #f9ddd0;\n  --bs-brand-colors-orange-200: #f7b997;\n  --bs-brand-colors-orange-300: #f08c50;\n  --bs-brand-colors-orange-400: #d26d2b;\n  --bs-brand-colors-orange-500: #ba5400;\n  --bs-brand-colors-orange-600: #a24907;\n  --bs-brand-colors-orange-700: #873d07;\n  --bs-brand-colors-orange-800: #642c04;\n  --bs-brand-colors-orange-900: #411b02;\n  --bs-brand-colors-orange-950: #301302;\n  --bs-brand-colors-magenta-50: #fbeeef;\n  --bs-brand-colors-magenta-100: #ffd7e0;\n  --bs-brand-colors-magenta-200: #ffb1c7;\n  --bs-brand-colors-magenta-300: #ff7aa7;\n  --bs-brand-colors-magenta-400: #ea4f8b;\n  --bs-brand-colors-magenta-500: #d12e75;\n  --bs-brand-colors-magenta-600: #b62965;\n  --bs-brand-colors-magenta-700: #9a1f53;\n  --bs-brand-colors-magenta-800: #71163c;\n  --bs-brand-colors-magenta-900: #4a0d27;\n  --bs-brand-colors-magenta-950: #38091c;\n  --bs-brand-colors-maroon-50: #f9eef3;\n  --bs-brand-colors-maroon-100: #f6dbef;\n  --bs-brand-colors-maroon-200: #eab6e3;\n  --bs-brand-colors-maroon-300: #d88cd1;\n  --bs-brand-colors-maroon-400: #c465c0;\n  --bs-brand-colors-maroon-500: #b14bb0;\n  --bs-brand-colors-maroon-600: #983f98;\n  --bs-brand-colors-maroon-700: #7f347e;\n  --bs-brand-colors-maroon-800: #5e245d;\n  --bs-brand-colors-maroon-900: #3e163d;\n  --bs-brand-colors-maroon-950: #2c122b;\n  --bs-brand-colors-violet-50: #f9eefe;\n  --bs-brand-colors-violet-100: #eedcfd;\n  --bs-brand-colors-violet-200: #d8b8fd;\n  --bs-brand-colors-violet-300: #be92f4;\n  --bs-brand-colors-violet-400: #a372dd;\n  --bs-brand-colors-violet-500: #8f5ace;\n  --bs-brand-colors-violet-600: #7750a8;\n  --bs-brand-colors-violet-700: #64428d;\n  --bs-brand-colors-violet-800: #492e6a;\n  --bs-brand-colors-violet-900: #311b4b;\n  --bs-brand-colors-violet-950: #241338;\n  --bs-light-mode-0: rgba(0, 0, 0, 0);\n  --bs-light-mode-100: rgba(0, 0, 0, 0.05);\n  --bs-light-mode-200: rgba(0, 0, 0, 0.08);\n  --bs-light-mode-300: rgba(0, 0, 0, 0.1);\n  --bs-light-mode-400: rgba(0, 0, 0, 0.12);\n  --bs-light-mode-500: rgba(0, 0, 0, 0.14);\n  --bs-light-mode-600: rgba(0, 1, 2, 0.1);\n  --bs-light-mode-700: rgba(28, 133, 255, 0.4);\n  --bs-dark-mode-0: rgba(0, 0, 0, 0);\n  --bs-dark-mode-100: rgba(0, 0, 0, 0.4);\n  --bs-dark-mode-200: rgba(0, 0, 0, 0.35);\n  --bs-dark-mode-300: rgba(0, 0, 0, 0.3);\n  --bs-dark-mode-400: rgba(0, 0, 0, 0.25);\n  --bs-dark-mode-500: rgba(0, 0, 0, 0.2);\n  --bs-dark-mode-600: rgba(0, 1, 2, 0.05);\n  --bs-dark-mode-700: rgba(28, 133, 255, 0.05);\n  --bs-alpha-5: rgba(0, 0, 0, 0);\n  --bs-alpha-10: rgba(0, 0, 0, 0);\n  --bs-alpha-20: rgba(0, 0, 0, 0);\n  --bs-alpha-30: rgba(0, 0, 0, 0);\n  --bs-alpha-40: rgba(0, 0, 0, 0);\n  --bs-alpha-50: rgba(0, 0, 0, 0);\n  --bs-alpha-60: rgba(0, 0, 0, 0.01);\n  --bs-alpha-70: rgba(0, 0, 0, 0.01);\n  --bs-alpha-80: rgba(0, 0, 0, 0.01);\n  --bs-alpha-90: rgba(0, 0, 0, 0.01);\n  --bs-alpha-100: rgba(0, 0, 0, 0.01);\n  --bs-fontsize-display-display1: 80px;\n  --bs-fontsize-display-display2: 72px;\n  --bs-fontsize-display-display3: 60px;\n  --bs-fontsize-display-display4: 56px;\n  --bs-fontsize-display-display5: 48px;\n  --bs-fontsize-display-display6: 40px;\n  --bs-fontsize-display-display7: 32px;\n  --bs-fontsize-heading-h1: 48px;\n  --bs-fontsize-heading-h2: 40px;\n  --bs-fontsize-heading-h3: 32px;\n  --bs-fontsize-heading-h4: 24px;\n  --bs-fontsize-heading-h5: 20px;\n  --bs-fontsize-heading-h6: 16px;\n  --bs-fontsize-body-lg: 20px;\n  --bs-fontsize-body-md: 16px;\n  --bs-fontsize-body-sm: 14px;\n  --bs-fontsize-caption-lg: 16px;\n  --bs-fontsize-caption-md: 14px;\n  --bs-fontsize-caption-sm: 12px;\n  --bs-line-height-display-display1: 96;\n  --bs-line-height-display-display2: 88;\n  --bs-line-height-display-display3: 72;\n  --bs-line-height-display-display4: 64;\n  --bs-line-height-display-display5: 56;\n  --bs-line-height-display-display6: 48;\n  --bs-line-height-display-display7: 40;\n  --bs-line-height-heading-h1: 56;\n  --bs-line-height-heading-h2: 48;\n  --bs-line-height-heading-h3: 40;\n  --bs-line-height-heading-h4: 32;\n  --bs-line-height-heading-h5: 24;\n  --bs-line-height-heading-h6: 20;\n  --bs-line-height-body-lg: 28;\n  --bs-line-height-body-md: 24;\n  --bs-line-height-body-sm: 20;\n  --bs-line-height-caption-lg: 24;\n  --bs-line-height-caption-md: 20;\n  --bs-line-height-caption-sm: 16;\n  --bs-paragraph-spacing-display-display1: 40;\n  --bs-paragraph-spacing-display-display2: 36;\n  --bs-paragraph-spacing-display-display3: 30;\n  --bs-paragraph-spacing-display-display4: 28;\n  --bs-paragraph-spacing-display-display5: 24;\n  --bs-paragraph-spacing-display-display6: 20;\n  --bs-paragraph-spacing-display-display7: 16;\n  --bs-paragraph-spacing-heading-h1: 24;\n  --bs-paragraph-spacing-heading-h2: 20;\n  --bs-paragraph-spacing-heading-h3: 16;\n  --bs-paragraph-spacing-heading-h4: 12;\n  --bs-paragraph-spacing-heading-h5: 10;\n  --bs-paragraph-spacing-heading-h6: 8;\n  --bs-paragraph-spacing-body-lg: 10;\n  --bs-paragraph-spacing-body-md: 8;\n  --bs-paragraph-spacing-body-sm: 8;\n  --bs-paragraph-spacing-caption-lg: 8;\n  --bs-paragraph-spacing-caption-md: 8;\n  --bs-paragraph-spacing-caption-sm: 6;\n  --bs-margin-fluid: var(--bs-scale-300);\n  --bs-margin-with-navigation-drawer: var(--bs-scale-300);\n  --bs-gutter-gutter: var(--bs-scale-300);\n  --bs-layout-columns-columns: 12rem;\n  --bs-breakpoints-max-width: 1920rem;\n  --bs-breakpoints-min-width: 1024rem;\n  --bs-navigation-header-hamburger-menu: false;\n  --bs-navigation-header-logo: true;\n  --bs-navigation-header-left-menu: true;\n  --bs-navigation-header-page-label: false;\n  --bs-navigation-header-gap: 40;\n  --bs-brand-50: var(--bs-brand-colors-blue-50);\n  --bs-brand-100: var(--bs-brand-colors-blue-100);\n  --bs-brand-200: var(--bs-brand-colors-blue-200);\n  --bs-brand-300: var(--bs-brand-colors-blue-300);\n  --bs-brand-400: var(--bs-brand-colors-blue-400);\n  --bs-brand-500: var(--bs-brand-colors-blue-500);\n  --bs-brand-600: var(--bs-brand-colors-blue-600);\n  --bs-brand-700: var(--bs-brand-colors-blue-700);\n  --bs-brand-800: var(--bs-brand-colors-blue-800);\n  --bs-brand-900: var(--bs-brand-colors-blue-900);\n  --bs-brand-950: var(--bs-brand-colors-blue-950);\n  --bs-4-responsive-desktop-fontsize-display-display1: 80px;\n  --bs-4-responsive-desktop-fontsize-display-display2: 72px;\n  --bs-4-responsive-desktop-fontsize-display-display3: 60px;\n  --bs-4-responsive-desktop-fontsize-display-display4: 56px;\n  --bs-4-responsive-desktop-fontsize-display-display5: 48px;\n  --bs-4-responsive-desktop-fontsize-display-display6: 40px;\n  --bs-4-responsive-desktop-fontsize-display-display7: 32px;\n  --bs-4-responsive-desktop-fontsize-heading-h1: 48px;\n  --bs-4-responsive-desktop-fontsize-heading-h2: 40px;\n  --bs-4-responsive-desktop-fontsize-heading-h3: 32px;\n  --bs-4-responsive-desktop-fontsize-heading-h4: 24px;\n  --bs-4-responsive-desktop-fontsize-heading-h5: 20px;\n  --bs-4-responsive-desktop-fontsize-heading-h6: 16px;\n  --bs-4-responsive-desktop-fontsize-body-lg: 20px;\n  --bs-4-responsive-desktop-fontsize-body-md: 16px;\n  --bs-4-responsive-desktop-fontsize-body-sm: 14px;\n  --bs-4-responsive-desktop-fontsize-caption-lg: 16px;\n  --bs-4-responsive-desktop-fontsize-caption-md: 14px;\n  --bs-4-responsive-desktop-fontsize-caption-sm: 12px;\n  --bs-4-responsive-desktop-line-height-display-display1: 96;\n  --bs-4-responsive-desktop-line-height-display-display2: 88;\n  --bs-4-responsive-desktop-line-height-display-display3: 72;\n  --bs-4-responsive-desktop-line-height-display-display4: 64;\n  --bs-4-responsive-desktop-line-height-display-display5: 56;\n  --bs-4-responsive-desktop-line-height-display-display6: 48;\n  --bs-4-responsive-desktop-line-height-display-display7: 40;\n  --bs-4-responsive-desktop-line-height-heading-h1: 56;\n  --bs-4-responsive-desktop-line-height-heading-h2: 48;\n  --bs-4-responsive-desktop-line-height-heading-h3: 40;\n  --bs-4-responsive-desktop-line-height-heading-h4: 32;\n  --bs-4-responsive-desktop-line-height-heading-h5: 24;\n  --bs-4-responsive-desktop-line-height-heading-h6: 20;\n  --bs-4-responsive-desktop-line-height-body-lg: 28;\n  --bs-4-responsive-desktop-line-height-body-md: 24;\n  --bs-4-responsive-desktop-line-height-body-sm: 20;\n  --bs-4-responsive-desktop-line-height-caption-lg: 24;\n  --bs-4-responsive-desktop-line-height-caption-md: 20;\n  --bs-4-responsive-desktop-line-height-caption-sm: 16;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display1: 40;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display2: 36;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display3: 30;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display4: 28;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display5: 24;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display6: 20;\n  --bs-4-responsive-desktop-paragraph-spacing-display-display7: 16;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h1: 24;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h2: 20;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h3: 16;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h4: 12;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h5: 10;\n  --bs-4-responsive-desktop-paragraph-spacing-heading-h6: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-body-lg: 10;\n  --bs-4-responsive-desktop-paragraph-spacing-body-md: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-body-sm: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-caption-lg: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-caption-md: 8;\n  --bs-4-responsive-desktop-paragraph-spacing-caption-sm: 6;\n  --bs-4-responsive-desktop-margin-fluid: var(--bs-scale-300);\n  --bs-4-responsive-desktop-margin-with-navigation-drawer: var(--bs-scale-300);\n  --bs-4-responsive-desktop-gutter-gutter: var(--bs-scale-300);\n  --bs-4-responsive-desktop-layout-columns-columns: 12rem;\n  --bs-4-responsive-desktop-breakpoints-max-width: 1920rem;\n  --bs-4-responsive-desktop-breakpoints-min-width: 1024rem;\n  --bs-4-responsive-desktop-navigation-header-hamburger-menu: false;\n  --bs-4-responsive-desktop-navigation-header-logo: true;\n  --bs-4-responsive-desktop-navigation-header-left-menu: true;\n  --bs-4-responsive-desktop-navigation-header-page-label: false;\n  --bs-4-responsive-desktop-navigation-header-gap: 40;\n  --bs-4-responsive-tablet-fontsize-display-display1: 72px;\n  --bs-4-responsive-tablet-fontsize-display-display2: 64px;\n  --bs-4-responsive-tablet-fontsize-display-display3: 56px;\n  --bs-4-responsive-tablet-fontsize-display-display4: 48px;\n  --bs-4-responsive-tablet-fontsize-display-display5: 40px;\n  --bs-4-responsive-tablet-fontsize-display-display6: 32px;\n  --bs-4-responsive-tablet-fontsize-display-display7: 24px;\n  --bs-4-responsive-tablet-fontsize-heading-h1: 40px;\n  --bs-4-responsive-tablet-fontsize-heading-h2: 32px;\n  --bs-4-responsive-tablet-fontsize-heading-h3: 24px;\n  --bs-4-responsive-tablet-fontsize-heading-h4: 22px;\n  --bs-4-responsive-tablet-fontsize-heading-h5: 20px;\n  --bs-4-responsive-tablet-fontsize-heading-h6: 16px;\n  --bs-4-responsive-tablet-fontsize-body-lg: 20px;\n  --bs-4-responsive-tablet-fontsize-body-md: 16px;\n  --bs-4-responsive-tablet-fontsize-body-sm: 14px;\n  --bs-4-responsive-tablet-fontsize-caption-lg: 14px;\n  --bs-4-responsive-tablet-fontsize-caption-md: 14px;\n  --bs-4-responsive-tablet-fontsize-caption-sm: 12px;\n  --bs-4-responsive-tablet-line-height-display-display1: 88;\n  --bs-4-responsive-tablet-line-height-display-display2: 72;\n  --bs-4-responsive-tablet-line-height-display-display3: 64;\n  --bs-4-responsive-tablet-line-height-display-display4: 56;\n  --bs-4-responsive-tablet-line-height-display-display5: 48;\n  --bs-4-responsive-tablet-line-height-display-display6: 40;\n  --bs-4-responsive-tablet-line-height-display-display7: 32;\n  --bs-4-responsive-tablet-line-height-heading-h1: 48;\n  --bs-4-responsive-tablet-line-height-heading-h2: 40;\n  --bs-4-responsive-tablet-line-height-heading-h3: 32;\n  --bs-4-responsive-tablet-line-height-heading-h4: 28;\n  --bs-4-responsive-tablet-line-height-heading-h5: 24;\n  --bs-4-responsive-tablet-line-height-heading-h6: 20;\n  --bs-4-responsive-tablet-line-height-body-lg: 28;\n  --bs-4-responsive-tablet-line-height-body-md: 24;\n  --bs-4-responsive-tablet-line-height-body-sm: 20;\n  --bs-4-responsive-tablet-line-height-caption-lg: 20;\n  --bs-4-responsive-tablet-line-height-caption-md: 20;\n  --bs-4-responsive-tablet-line-height-caption-sm: 16;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display1: 36;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display2: 32;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display3: 28;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display4: 24;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display5: 20;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display6: 16;\n  --bs-4-responsive-tablet-paragraph-spacing-display-display7: 12;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h1: 20;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h2: 16;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h3: 12;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h4: 10;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h5: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-heading-h6: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-body-lg: 10;\n  --bs-4-responsive-tablet-paragraph-spacing-body-md: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-body-sm: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-caption-lg: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-caption-md: 8;\n  --bs-4-responsive-tablet-paragraph-spacing-caption-sm: 6;\n  --bs-4-responsive-tablet-margin-fluid: var(--bs-scale-300);\n  --bs-4-responsive-tablet-margin-with-navigation-drawer: var(--bs-scale-300);\n  --bs-4-responsive-tablet-gutter-gutter: var(--bs-scale-200);\n  --bs-4-responsive-tablet-layout-columns-columns: 8rem;\n  --bs-4-responsive-tablet-breakpoints-max-width: 1023rem;\n  --bs-4-responsive-tablet-breakpoints-min-width: 600rem;\n  --bs-4-responsive-tablet-navigation-header-hamburger-menu: true;\n  --bs-4-responsive-tablet-navigation-header-logo: false;\n  --bs-4-responsive-tablet-navigation-header-left-menu: false;\n  --bs-4-responsive-tablet-navigation-header-page-label: false;\n  --bs-4-responsive-tablet-navigation-header-gap: 12;\n  --bs-4-responsive-mobile-fontsize-display-display1: 64px;\n  --bs-4-responsive-mobile-fontsize-display-display2: 56px;\n  --bs-4-responsive-mobile-fontsize-display-display3: 48px;\n  --bs-4-responsive-mobile-fontsize-display-display4: 40px;\n  --bs-4-responsive-mobile-fontsize-display-display5: 32px;\n  --bs-4-responsive-mobile-fontsize-display-display6: 24px;\n  --bs-4-responsive-mobile-fontsize-display-display7: 20px;\n  --bs-4-responsive-mobile-fontsize-heading-h1: 32px;\n  --bs-4-responsive-mobile-fontsize-heading-h2: 28px;\n  --bs-4-responsive-mobile-fontsize-heading-h3: 24px;\n  --bs-4-responsive-mobile-fontsize-heading-h4: 22px;\n  --bs-4-responsive-mobile-fontsize-heading-h5: 20px;\n  --bs-4-responsive-mobile-fontsize-heading-h6: 16px;\n  --bs-4-responsive-mobile-fontsize-body-lg: 18px;\n  --bs-4-responsive-mobile-fontsize-body-md: 16px;\n  --bs-4-responsive-mobile-fontsize-body-sm: 12px;\n  --bs-4-responsive-mobile-fontsize-caption-lg: 14px;\n  --bs-4-responsive-mobile-fontsize-caption-md: 14px;\n  --bs-4-responsive-mobile-fontsize-caption-sm: 12px;\n  --bs-4-responsive-mobile-line-height-display-display1: 72;\n  --bs-4-responsive-mobile-line-height-display-display2: 64;\n  --bs-4-responsive-mobile-line-height-display-display3: 56;\n  --bs-4-responsive-mobile-line-height-display-display4: 48;\n  --bs-4-responsive-mobile-line-height-display-display5: 40;\n  --bs-4-responsive-mobile-line-height-display-display6: 32;\n  --bs-4-responsive-mobile-line-height-display-display7: 28;\n  --bs-4-responsive-mobile-line-height-heading-h1: 40;\n  --bs-4-responsive-mobile-line-height-heading-h2: 36;\n  --bs-4-responsive-mobile-line-height-heading-h3: 32;\n  --bs-4-responsive-mobile-line-height-heading-h4: 28;\n  --bs-4-responsive-mobile-line-height-heading-h5: 24;\n  --bs-4-responsive-mobile-line-height-heading-h6: 20;\n  --bs-4-responsive-mobile-line-height-body-lg: 24;\n  --bs-4-responsive-mobile-line-height-body-md: 24;\n  --bs-4-responsive-mobile-line-height-body-sm: 20;\n  --bs-4-responsive-mobile-line-height-caption-lg: 20;\n  --bs-4-responsive-mobile-line-height-caption-md: 20;\n  --bs-4-responsive-mobile-line-height-caption-sm: 16;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display1: 32;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display2: 28;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display3: 24;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display4: 20;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display5: 16;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display6: 12;\n  --bs-4-responsive-mobile-paragraph-spacing-display-display7: 10;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h1: 16;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h2: 12;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h3: 10;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h4: 10;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h5: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-heading-h6: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-body-lg: 10;\n  --bs-4-responsive-mobile-paragraph-spacing-body-md: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-body-sm: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-caption-lg: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-caption-md: 8;\n  --bs-4-responsive-mobile-paragraph-spacing-caption-sm: 6;\n  --bs-4-responsive-mobile-margin-fluid: var(--bs-scale-200);\n  --bs-4-responsive-mobile-margin-with-navigation-drawer: var(--bs-scale-200);\n  --bs-4-responsive-mobile-gutter-gutter: var(--bs-scale-200);\n  --bs-4-responsive-mobile-layout-columns-columns: 4rem;\n  --bs-4-responsive-mobile-breakpoints-max-width: 599rem;\n  --bs-4-responsive-mobile-breakpoints-min-width: 0;\n  --bs-4-responsive-mobile-navigation-header-hamburger-menu: true;\n  --bs-4-responsive-mobile-navigation-header-logo: false;\n  --bs-4-responsive-mobile-navigation-header-left-menu: false;\n  --bs-4-responsive-mobile-navigation-header-page-label: true;\n  --bs-4-responsive-mobile-navigation-header-gap: 8;\n  --bs-5-brand-colors-blue-brand-50: var(--bs-brand-colors-blue-50);\n  --bs-5-brand-colors-blue-brand-100: var(--bs-brand-colors-blue-100);\n  --bs-5-brand-colors-blue-brand-200: var(--bs-brand-colors-blue-200);\n  --bs-5-brand-colors-blue-brand-300: var(--bs-brand-colors-blue-300);\n  --bs-5-brand-colors-blue-brand-400: var(--bs-brand-colors-blue-400);\n  --bs-5-brand-colors-blue-brand-500: var(--bs-brand-colors-blue-500);\n  --bs-5-brand-colors-blue-brand-600: var(--bs-brand-colors-blue-600);\n  --bs-5-brand-colors-blue-brand-700: var(--bs-brand-colors-blue-700);\n  --bs-5-brand-colors-blue-brand-800: var(--bs-brand-colors-blue-800);\n  --bs-5-brand-colors-blue-brand-900: var(--bs-brand-colors-blue-900);\n  --bs-5-brand-colors-blue-brand-950: var(--bs-brand-colors-blue-950);\n  --bs-5-brand-colors-purple-brand-50: var(--bs-brand-colors-purple-50);\n  --bs-5-brand-colors-purple-brand-100: var(--bs-brand-colors-purple-100);\n  --bs-5-brand-colors-purple-brand-200: var(--bs-brand-colors-purple-200);\n  --bs-5-brand-colors-purple-brand-300: var(--bs-brand-colors-purple-300);\n  --bs-5-brand-colors-purple-brand-400: var(--bs-brand-colors-purple-400);\n  --bs-5-brand-colors-purple-brand-500: var(--bs-brand-colors-purple-500);\n  --bs-5-brand-colors-purple-brand-600: var(--bs-brand-colors-purple-600);\n  --bs-5-brand-colors-purple-brand-700: var(--bs-brand-colors-purple-700);\n  --bs-5-brand-colors-purple-brand-800: var(--bs-brand-colors-purple-800);\n  --bs-5-brand-colors-purple-brand-900: var(--bs-brand-colors-purple-900);\n  --bs-5-brand-colors-purple-brand-950: var(--bs-brand-colors-purple-950);\n  --bs-5-brand-colors-cobalt-brand-50: var(--bs-brand-colors-cobalt-50);\n  --bs-5-brand-colors-cobalt-brand-100: var(--bs-brand-colors-cobalt-100);\n  --bs-5-brand-colors-cobalt-brand-200: var(--bs-brand-colors-cobalt-200);\n  --bs-5-brand-colors-cobalt-brand-300: var(--bs-brand-colors-cobalt-300);\n  --bs-5-brand-colors-cobalt-brand-400: var(--bs-brand-colors-cobalt-400);\n  --bs-5-brand-colors-cobalt-brand-500: var(--bs-brand-colors-cobalt-500);\n  --bs-5-brand-colors-cobalt-brand-600: var(--bs-brand-colors-cobalt-600);\n  --bs-5-brand-colors-cobalt-brand-700: var(--bs-brand-colors-cobalt-700);\n  --bs-5-brand-colors-cobalt-brand-800: var(--bs-brand-colors-cobalt-800);\n  --bs-5-brand-colors-cobalt-brand-900: var(--bs-brand-colors-cobalt-900);\n  --bs-5-brand-colors-cobalt-brand-950: var(--bs-brand-colors-cobalt-950);\n  --bs-5-brand-colors-steel-brand-50: {Brand Colors.steel.50};\n  --bs-5-brand-colors-steel-brand-100: {Brand Colors.steel.100};\n  --bs-5-brand-colors-steel-brand-200: {Brand Colors.steel.200};\n  --bs-5-brand-colors-steel-brand-300: {Brand Colors.steel.300};\n  --bs-5-brand-colors-steel-brand-400: {Brand Colors.steel.400};\n  --bs-5-brand-colors-steel-brand-500: {Brand Colors.steel.500};\n  --bs-5-brand-colors-steel-brand-600: {Brand Colors.steel.600};\n  --bs-5-brand-colors-steel-brand-700: {Brand Colors.steel.800};\n  --bs-5-brand-colors-steel-brand-800: {Brand Colors.steel.800};\n  --bs-5-brand-colors-steel-brand-900: {Brand Colors.steel.900};\n  --bs-5-brand-colors-steel-brand-950: {Brand Colors.steel.950};\n  --bs-5-brand-colors-teal-brand-50: {Brand Colors.teal.50};\n  --bs-5-brand-colors-teal-brand-100: {Brand Colors.teal.100};\n  --bs-5-brand-colors-teal-brand-200: {Brand Colors.teal.200};\n  --bs-5-brand-colors-teal-brand-300: {Brand Colors.teal.300};\n  --bs-5-brand-colors-teal-brand-400: {Brand Colors.teal.400};\n  --bs-5-brand-colors-teal-brand-500: {Brand Colors.teal.500};\n  --bs-5-brand-colors-teal-brand-600: {Brand Colors.teal.600};\n  --bs-5-brand-colors-teal-brand-700: {Brand Colors.teal.700};\n  --bs-5-brand-colors-teal-brand-800: {Brand Colors.teal.800};\n  --bs-5-brand-colors-teal-brand-900: {Brand Colors.teal.900};\n  --bs-5-brand-colors-teal-brand-950: {Brand Colors.teal.950};\n  --bs-5-brand-colors-jade-brand-50: {Brand Colors.jade.50};\n  --bs-5-brand-colors-jade-brand-100: {Brand Colors.jade.100};\n  --bs-5-brand-colors-jade-brand-200: {Brand Colors.jade.200};\n  --bs-5-brand-colors-jade-brand-300: {Brand Colors.jade.300};\n  --bs-5-brand-colors-jade-brand-400: {Brand Colors.jade.400};\n  --bs-5-brand-colors-jade-brand-500: {Brand Colors.jade.500};\n  --bs-5-brand-colors-jade-brand-600: {Brand Colors.jade.600};\n  --bs-5-brand-colors-jade-brand-700: {Brand Colors.teal.700};\n  --bs-5-brand-colors-jade-brand-800: {Brand Colors.jade.800};\n  --bs-5-brand-colors-jade-brand-900: {Brand Colors.jade.900};\n  --bs-5-brand-colors-jade-brand-950: {Brand Colors.jade.950};\n  --bs-5-brand-colors-green-brand-50: var(--bs-brand-colors-green-50);\n  --bs-5-brand-colors-green-brand-100: var(--bs-brand-colors-green-100);\n  --bs-5-brand-colors-green-brand-200: var(--bs-brand-colors-green-200);\n  --bs-5-brand-colors-green-brand-300: var(--bs-brand-colors-green-300);\n  --bs-5-brand-colors-green-brand-400: var(--bs-brand-colors-green-400);\n  --bs-5-brand-colors-green-brand-500: var(--bs-brand-colors-green-500);\n  --bs-5-brand-colors-green-brand-600: var(--bs-brand-colors-green-600);\n  --bs-5-brand-colors-green-brand-700: var(--bs-brand-colors-green-700);\n  --bs-5-brand-colors-green-brand-800: var(--bs-brand-colors-green-800);\n  --bs-5-brand-colors-green-brand-900: var(--bs-brand-colors-green-900);\n  --bs-5-brand-colors-green-brand-950: var(--bs-brand-colors-green-950);\n  --bs-5-brand-colors-lime-brand-50: var(--bs-brand-colors-lime-50);\n  --bs-5-brand-colors-lime-brand-100: var(--bs-brand-colors-lime-100);\n  --bs-5-brand-colors-lime-brand-200: var(--bs-brand-colors-lime-200);\n  --bs-5-brand-colors-lime-brand-300: var(--bs-brand-colors-lime-300);\n  --bs-5-brand-colors-lime-brand-400: var(--bs-brand-colors-lime-400);\n  --bs-5-brand-colors-lime-brand-500: var(--bs-brand-colors-lime-500);\n  --bs-5-brand-colors-lime-brand-600: var(--bs-brand-colors-lime-600);\n  --bs-5-brand-colors-lime-brand-700: var(--bs-brand-colors-lime-700);\n  --bs-5-brand-colors-lime-brand-800: var(--bs-brand-colors-lime-800);\n  --bs-5-brand-colors-lime-brand-900: var(--bs-brand-colors-lime-900);\n  --bs-5-brand-colors-lime-brand-950: var(--bs-brand-colors-lime-950);\n  --bs-5-brand-colors-yellow-brand-50: var(--bs-brand-colors-yellow-50);\n  --bs-5-brand-colors-yellow-brand-100: var(--bs-brand-colors-yellow-100);\n  --bs-5-brand-colors-yellow-brand-200: var(--bs-brand-colors-yellow-200);\n  --bs-5-brand-colors-yellow-brand-300: var(--bs-brand-colors-yellow-300);\n  --bs-5-brand-colors-yellow-brand-400: var(--bs-brand-colors-yellow-400);\n  --bs-5-brand-colors-yellow-brand-500: var(--bs-brand-colors-yellow-500);\n  --bs-5-brand-colors-yellow-brand-600: var(--bs-brand-colors-yellow-600);\n  --bs-5-brand-colors-yellow-brand-700: var(--bs-brand-colors-yellow-700);\n  --bs-5-brand-colors-yellow-brand-800: var(--bs-brand-colors-yellow-800);\n  --bs-5-brand-colors-yellow-brand-900: var(--bs-brand-colors-yellow-900);\n  --bs-5-brand-colors-yellow-brand-950: var(--bs-brand-colors-yellow-950);\n  --bs-5-brand-colors-amber-brand-50: var(--bs-brand-colors-amber-50);\n  --bs-5-brand-colors-amber-brand-100: var(--bs-brand-colors-amber-100);\n  --bs-5-brand-colors-amber-brand-200: var(--bs-brand-colors-amber-200);\n  --bs-5-brand-colors-amber-brand-300: var(--bs-brand-colors-amber-300);\n  --bs-5-brand-colors-amber-brand-400: var(--bs-brand-colors-amber-400);\n  --bs-5-brand-colors-amber-brand-500: var(--bs-brand-colors-amber-500);\n  --bs-5-brand-colors-amber-brand-600: var(--bs-brand-colors-amber-600);\n  --bs-5-brand-colors-amber-brand-700: var(--bs-brand-colors-amber-700);\n  --bs-5-brand-colors-amber-brand-800: var(--bs-brand-colors-amber-800);\n  --bs-5-brand-colors-amber-brand-900: var(--bs-brand-colors-amber-900);\n  --bs-5-brand-colors-amber-brand-950: var(--bs-brand-colors-amber-950);\n  --bs-5-brand-colors-orange-brand-50: var(--bs-brand-colors-orange-50);\n  --bs-5-brand-colors-orange-brand-100: var(--bs-brand-colors-orange-100);\n  --bs-5-brand-colors-orange-brand-200: var(--bs-brand-colors-orange-200);\n  --bs-5-brand-colors-orange-brand-300: var(--bs-brand-colors-orange-300);\n  --bs-5-brand-colors-orange-brand-400: var(--bs-brand-colors-orange-400);\n  --bs-5-brand-colors-orange-brand-500: var(--bs-brand-colors-orange-500);\n  --bs-5-brand-colors-orange-brand-600: var(--bs-brand-colors-orange-600);\n  --bs-5-brand-colors-orange-brand-700: var(--bs-brand-colors-orange-700);\n  --bs-5-brand-colors-orange-brand-800: var(--bs-brand-colors-orange-800);\n  --bs-5-brand-colors-orange-brand-900: var(--bs-brand-colors-orange-900);\n  --bs-5-brand-colors-orange-brand-950: var(--bs-brand-colors-amber-950);\n  --bs-5-brand-colors-magenta-brand-50: var(--bs-brand-colors-magenta-50);\n  --bs-5-brand-colors-magenta-brand-100: var(--bs-brand-colors-magenta-100);\n  --bs-5-brand-colors-magenta-brand-200: var(--bs-brand-colors-magenta-200);\n  --bs-5-brand-colors-magenta-brand-300: var(--bs-brand-colors-magenta-300);\n  --bs-5-brand-colors-magenta-brand-400: var(--bs-brand-colors-magenta-400);\n  --bs-5-brand-colors-magenta-brand-500: var(--bs-brand-colors-magenta-500);\n  --bs-5-brand-colors-magenta-brand-600: var(--bs-brand-colors-magenta-600);\n  --bs-5-brand-colors-magenta-brand-700: var(--bs-brand-colors-magenta-700);\n  --bs-5-brand-colors-magenta-brand-800: var(--bs-brand-colors-magenta-800);\n  --bs-5-brand-colors-magenta-brand-900: var(--bs-brand-colors-magenta-900);\n  --bs-5-brand-colors-magenta-brand-950: var(--bs-brand-colors-magenta-950);\n  --bs-5-brand-colors-maroon-brand-50: var(--bs-brand-colors-maroon-50);\n  --bs-5-brand-colors-maroon-brand-100: var(--bs-brand-colors-maroon-100);\n  --bs-5-brand-colors-maroon-brand-200: var(--bs-brand-colors-maroon-200);\n  --bs-5-brand-colors-maroon-brand-300: var(--bs-brand-colors-maroon-300);\n  --bs-5-brand-colors-maroon-brand-400: var(--bs-brand-colors-maroon-400);\n  --bs-5-brand-colors-maroon-brand-500: var(--bs-brand-colors-maroon-500);\n  --bs-5-brand-colors-maroon-brand-600: var(--bs-brand-colors-maroon-600);\n  --bs-5-brand-colors-maroon-brand-700: var(--bs-brand-colors-maroon-700);\n  --bs-5-brand-colors-maroon-brand-800: var(--bs-brand-colors-maroon-800);\n  --bs-5-brand-colors-maroon-brand-900: var(--bs-brand-colors-maroon-900);\n  --bs-5-brand-colors-maroon-brand-950: var(--bs-brand-colors-maroon-950);\n  --bs-5-brand-colors-violet-brand-50: var(--bs-brand-colors-violet-50);\n  --bs-5-brand-colors-violet-brand-100: var(--bs-brand-colors-violet-100);\n  --bs-5-brand-colors-violet-brand-200: var(--bs-brand-colors-violet-200);\n  --bs-5-brand-colors-violet-brand-300: var(--bs-brand-colors-violet-300);\n  --bs-5-brand-colors-violet-brand-400: var(--bs-brand-colors-violet-400);\n  --bs-5-brand-colors-violet-brand-500: var(--bs-brand-colors-violet-500);\n  --bs-5-brand-colors-violet-brand-600: var(--bs-brand-colors-violet-600);\n  --bs-5-brand-colors-violet-brand-700: var(--bs-brand-colors-violet-700);\n  --bs-5-brand-colors-violet-brand-800: var(--bs-brand-colors-violet-800);\n  --bs-5-brand-colors-violet-brand-900: var(--bs-brand-colors-violet-900);\n  --bs-5-brand-colors-violet-brand-950: var(--bs-brand-colors-violet-950);\n  --bs-focus-border-: var(--bs-information-500);\n  --bs-label: Label;\n  --bs-border-width-0: var(--bs-scale-0);\n  --bs-border-width-thin: var(--bs-scale-10);\n  --bs-border-width-medium: var(--bs-scale-25);\n  --bs-border-width-thick: var(--bs-scale-50);\n  --bs-border-radius-0: var(--bs-scale-0);\n  --bs-border-radius-50: var(--bs-scale-50);\n  --bs-border-radius-75: var(--bs-scale-75);\n  --bs-border-radius-100: var(--bs-scale-100);\n  --bs-border-radius-150: var(--bs-scale-150);\n  --bs-border-radius-200: var(--bs-scale-200);\n  --bs-border-radius-300: var(--bs-scale-300);\n  --bs-border-radius-full: var(--bs-scale-1500);\n  --bs-sizing-75: var(--bs-scale-75);\n  --bs-sizing-100: var(--bs-scale-100);\n  --bs-sizing-200: var(--bs-scale-200);\n  --bs-sizing-250: var(--bs-scale-250);\n  --bs-sizing-300: var(--bs-scale-300);\n  --bs-sizing-400: var(--bs-scale-400);\n  --bs-sizing-500: var(--bs-scale-500);\n  --bs-sizing-600: var(--bs-scale-600);\n  --bs-sizing-700: var(--bs-scale-700);\n  --bs-sizing-800: var(--bs-scale-800);\n  --bs-sizing-1000: var(--bs-scale-1000);\n  --bs-sizing-1200: var(--bs-scale-1200);\n  --bs-sizing-1600: var(--bs-scale-1600);\n  --bs-sizing-3200: var(--bs-scale-3200);\n  --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n[data-theme=\"dark\"] {\n\n  /* Primary Colors - Dark Mode */\n  --bs-color-primary-default: var(--bs-brand-400);\n  --bs-color-primary-hover: var(--bs-brand-300);\n  --bs-color-primary-focused: var(--bs-brand-300);\n  --bs-color-primary-pressed: var(--bs-brand-200);\n  --bs-color-primary-container: var(--bs-brand-950);\n  --bs-color-primary-container-hover: var(--bs-brand-900);\n\n  /* Neutral Colors - Dark Mode */\n  --bs-color-neutral-default: var(--bs-neutral-300);\n  --bs-color-neutral-hover: var(--bs-neutral-200);\n  --bs-color-neutral-focused: var(--bs-neutral-200);\n  --bs-color-neutral-pressed: var(--bs-neutral-50);\n  --bs-color-neutral-container: var(--bs-neutral-900);\n  --bs-color-neutral-container-hover: var(--bs-neutral-800);\n  --bs-color-neutral-container-focused: var(--bs-neutral-800);\n  --bs-color-neutral-container-pressed: var(--bs-neutral-700);\n\n  /* Accent Colors - Dark Mode */\n  --bs-color-accent-default: var(--bs-brand-colors-magenta-400);\n  --bs-color-accent-hover: var(--bs-brand-colors-magenta-300);\n  --bs-color-accent-active: var(--bs-brand-colors-magenta-200);\n  --bs-color-accent-container: var(--bs-brand-colors-magenta-700);\n\n  /* Success Colors - Dark Mode */\n  --bs-color-success-default: var(--bs-success-400);\n  --bs-color-success-hover: var(--bs-success-300);\n  --bs-color-success-focused: var(--bs-success-300);\n  --bs-color-success-pressed: var(--bs-success-200);\n  --bs-color-success-container: var(--bs-success-800);\n\n  /* Warning Colors - Dark Mode */\n  --bs-color-warning-default: var(--bs-warning-400);\n  --bs-color-warning-hover: var(--bs-warning-300);\n  --bs-color-warning-focused: var(--bs-warning-300);\n  --bs-color-warning-pressed: var(--bs-warning-200);\n  --bs-color-warning-container: var(--bs-warning-800);\n\n  /* Error Colors - Dark Mode */\n  --bs-color-error-default: var(--bs-error-400);\n  --bs-color-error-hover: var(--bs-error-300);\n  --bs-color-error-focused: var(--bs-error-300);\n  --bs-color-error-pressed: var(--bs-error-200);\n  --bs-color-error-container: var(--bs-error-950);\n\n  /* Info Colors - Dark Mode */\n  --bs-color-info-default: var(--bs-information-400);\n  --bs-color-info-hover: var(--bs-information-300);\n  --bs-color-info-focused: var(--bs-information-300);\n  --bs-color-info-pressed: var(--bs-information-200);\n  --bs-color-info-container: var(--bs-information-800);\n\n  /* Text Colors - Dark Mode */\n  --bs-text-static-white: var(--bs-white);\n  --bs-text-static-black: var(--bs-black);\n  --bs-text-default: var(--bs-white);\n  --bs-text-secondary: var(--bs-neutral-200);\n  --bs-text-muted: var(--bs-neutral-300);\n  --bs-text-inverse: var(--bs-static-black);\n  --bs-text-link: var(--bs-information-400);\n  --bs-text-action: var(--bs-brand-400);\n  --bs-text-action-hover: var(--bs-brand-500);\n  --bs-text-success: var(--bs-success-300);\n  --bs-text-info: var(--bs-information-300);\n  --bs-text-warning: var(--bs-warning-300);\n  --bs-text-error: var(--bs-error-300);\n  --bs-text-on-action: var(--bs-black);\n  --bs-text-on-disabled: var(--bs-neutral-600);\n  --bs-text-accent: var(--bs-brand-colors-purple-400);\n  --bs-text-inverse-accent: var(--bs-brand-colors-purple-600);\n  --bs-text-neutral---default: var(--bs-neutral-300);\n  --bs-text-neutral---hover: var(--bs-neutral-200);\n  --bs-text-neutral---focused: var(--bs-neutral-200);\n  --bs-text-neutral---pressed: var(--bs-neutral-50);\n  --bs-text-neutral-default: var(--bs-neutral-300);\n  --bs-text-neutral-hover: var(--bs-neutral-200);\n  --bs-text-neutral-focused: var(--bs-neutral-200);\n  --bs-text-neutral-pressed: var(--bs-neutral-50);\n\n  /* Surface Colors - Dark Mode */\n  --bs-surface-base: var(--bs-neutral-950);\n  --bs-surface-raised: var(--bs-neutral-900);\n  --bs-surface-container: var(--bs-neutral-900);\n  --bs-surface-hover: var(--bs-neutral-800);\n  --bs-surface-focus: var(--bs-neutral-800);\n  --bs-surface-pressed: var(--bs-neutral-600);\n  --bs-surface-selected: var(--bs-neutral-700);\n  --bs-surface-selected-hover: var(--bs-neutral-700);\n  --bs-surface-selected-focus: var(--bs-neutral-700);\n  --bs-surface-selected-pressed: var(--bs-neutral-600);\n  --bs-surface-active: var(--bs-neutral-600);\n  --bs-surface-action: var(--bs-color-primary-default);\n  --bs-surface-inset: var(--bs-neutral-900);\n  --bs-surface-inverse: var(--bs-neutral-50-transparent);\n  --bs-surface-accent: var(--bs-gray-transparent-2);\n  --bs-surface-on-action: var(--bs-gray-900);\n  --bs-surface-on-action-disabled: var(--bs-neutral-600);\n  --bs-surface-action-disabled: var(--bs-neutral-900);\n  --bs-surface-success: var(--bs-success-600);\n  --bs-surface-info: var(--bs-information-600);\n  --bs-surface-warning: var(--bs-warning-600);\n  --bs-surface-error: var(--bs-error-600);\n  --bs-surface-overlay: var(--bs-neutral-500-transparent-2);\n  --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent);\n\n  /* Icon Colors - Dark Mode */\n  --bs-icon-static-white: var(--bs-white);\n  --bs-icon-static-black: var(--bs-black);\n  --bs-icon-default: var(--bs-neutral-25);\n  --bs-icon-muted: var(--bs-neutral-400);\n  --bs-icon-disabled: var(--bs-neutral-600);\n  --bs-icon-inverse: var(--bs-static-black);\n  --bs-icon-action: var(--bs-brand-400);\n  --bs-icon-action-hover: var(--bs-brand-300);\n  --bs-icon-success: var(--bs-success-400);\n  --bs-icon-info: var(--bs-information-300);\n  --bs-icon-warning: var(--bs-warning-300);\n  --bs-icon-error: var(--bs-error-300);\n  --bs-icon-neutral-default: var(--bs-neutral-300);\n  --bs-icon-neutral-hover: var(--bs-neutral-200);\n  --bs-icon-neutral-focused: var(--bs-neutral-200);\n  --bs-icon-neutral-pressed: var(--bs-neutral-50);\n\n  /* Border Colors - Dark Mode */\n  --bs-border-default: var(--bs-neutral-800);\n  --bs-border-neutral-hover: var(--bs-neutral-300);\n  --bs-border-neutral-focus: var(--bs-focus-border-);\n  --bs-border-neutral-active: var(--bs-neutral-500);\n  --bs-border-neutral-disabled: var(--bs-neutral-700);\n  --bs-border-neutral-container: var(--bs-neutral-700);\n  --bs-border-neutral-container-hover: var(--bs-neutral-500);\n  --bs-border-neutral-container-focused: var(--bs-focus-border-);\n  --bs-border-neutral-container-pressed: var(--bs-neutral-300);\n  --bs-border-success: var(--bs-success-400);\n  --bs-border-success-hover: var(--bs-success-300);\n  --bs-border-success-focus: var(--bs-focus-border-);\n  --bs-border-warning: var(--bs-warning-400);\n  --bs-border-warning-hover: var(--bs-warning-300);\n  --bs-border-warning-focus: var(--bs-focus-border-);\n  --bs-border-error: var(--bs-error-300);\n  --bs-border-error-hover: var(--bs-error-200);\n  --bs-border-error-focus: var(--bs-focus-border-);\n  --bs-border-info: var(--bs-information-400);\n  --bs-border-info-hover: var(--bs-information-600);\n  --bs-border-info-focus: var(--bs-focus-border-);\n  --bs-border-primary: var(--bs-brand-400);\n  --bs-border-primary-hover: var(--bs-brand-300);\n  --bs-border-primary-focus: var(--bs-focus-border-);\n  --bs-border-primary-pressed: var(--bs-brand-200);\n\n  /* Elevation Colors - Dark Mode */\n  --bs-elevation-none: var(--bs-dark-mode-0);\n  --bs-elevation-low: var(--bs-dark-mode-100);\n  --bs-elevation-medium: var(--bs-dark-mode-200);\n  --bs-elevation-high: var(--bs-dark-mode-300);\n  --bs-elevation-higher: var(--bs-dark-mode-400);\n  --bs-elevation-highest: var(--bs-dark-mode-500);\n  --bs-elevation-inner: var(--bs-dark-mode-600);\n  --bs-elevation-focus: var(--bs-dark-mode-700);\n\n  --bs-focus-border-: var(--bs-information-300);\n  --bs-label: Label;\n  --bs-border-width-0: var(--bs-scale-0);\n  --bs-border-width-thin: var(--bs-scale-10);\n  --bs-border-width-medium: var(--bs-scale-25);\n  --bs-border-width-thick: var(--bs-scale-50);\n  --bs-border-radius-0: var(--bs-scale-0);\n  --bs-border-radius-50: var(--bs-scale-50);\n  --bs-border-radius-75: var(--bs-scale-75);\n  --bs-border-radius-100: var(--bs-scale-100);\n  --bs-border-radius-150: var(--bs-scale-150);\n  --bs-border-radius-200: var(--bs-scale-200);\n  --bs-border-radius-300: var(--bs-scale-300);\n  --bs-border-radius-full: var(--bs-scale-1500);\n  --bs-spacing-0: var(--bs-scale-0);\n  --bs-spacing-25: var(--bs-scale-25);\n  --bs-spacing-50: var(--bs-scale-50);\n  --bs-spacing-75: var(--bs-scale-75);\n  --bs-spacing-100: var(--bs-scale-100);\n  --bs-spacing-150: var(--bs-scale-150);\n  --bs-spacing-200: var(--bs-scale-200);\n  --bs-spacing-250: var(--bs-scale-250);\n  --bs-spacing-300: var(--bs-scale-300);\n  --bs-spacing-350: var(--bs-scale-350);\n  --bs-spacing-400: var(--bs-scale-400);\n  --bs-spacing-500: var(--bs-scale-500);\n  --bs-spacing-550: var(--bs-scale-550);\n  --bs-spacing-600: var(--bs-scale-600);\n  --bs-spacing-700: var(--bs-scale-700);\n  --bs-spacing-800: var(--bs-scale-800);\n  --bs-spacing-1000: var(--bs-scale-1000);\n  --bs-spacing-1200: var(--bs-scale-1200);\n  --bs-spacing-1500: var(--bs-scale-1500);\n  --bs-spacing--600: var(--bs-scale--600);\n  --bs-spacing--500: var(--bs-scale--500);\n  --bs-spacing--350: var(--bs-scale--350);\n  --bs-spacing--200: var(--bs-scale--200);\n  --bs-spacing--150: var(--bs-scale--150);\n  --bs-spacing--100: var(--bs-scale--100);\n  --bs-sizing-75: var(--bs-scale-75);\n  --bs-sizing-100: var(--bs-scale-100);\n  --bs-sizing-200: var(--bs-scale-200);\n  --bs-sizing-250: var(--bs-scale-250);\n  --bs-sizing-300: var(--bs-scale-300);\n  --bs-sizing-400: var(--bs-scale-400);\n  --bs-sizing-500: var(--bs-scale-500);\n  --bs-sizing-600: var(--bs-scale-600);\n  --bs-sizing-700: var(--bs-scale-700);\n  --bs-sizing-800: var(--bs-scale-800);\n  --bs-sizing-1000: var(--bs-scale-1000);\n  --bs-sizing-1200: var(--bs-scale-1200);\n  --bs-sizing-1600: var(--bs-scale-1600);\n  --bs-sizing-3200: var(--bs-scale-3200);\n  --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n/* Reduced Motion */\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --bs-duration-instant: 0ms;\n    --bs-duration-fast: 0ms;\n    --bs-duration-default: 0ms;\n    --bs-duration-slow: 0ms;\n    --bs-duration-slower: 0ms;\n  }\n}\n\n/*\n * Sets the document root to Brandsync's typeface (brandsync-tokens defines Roboto for both\n * --bs-typography-font-family-heading and -body). Every component's shadow styles use\n * `font-family: inherit`, so this is what they actually inherit from.\n *\n * Loading the Roboto font file itself is the consuming app's job, same convention already used\n * across eg-brandsync -- a <link> to Google Fonts (or next/font/google) for the weights actually\n * used by brandsync-tokens: 100, 400, 500, 600, 700, 900. See README.md.\n */\n:root {\n  font-family: var(--bs-typography-font-family-body), sans-serif;\n}\n\n";
+
+/*
+ Stencil Client Platform v4.44.0 | MIT Licensed | https://stenciljs.com
+ */
+
+
+// src/utils/constants.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HTML_NS = "http://www.w3.org/1999/xhtml";
+
+// src/utils/get-prop-descriptor.ts
+function getPropertyDescriptor(obj, memberName, getOnly) {
+  const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
+  while (obj && obj !== stopAt) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc && (!getOnly || desc.get)) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
+
+// src/utils/es2022-rewire-class-members.ts
+var reWireGetterSetter = (instance, hostRef) => {
+  var _a;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+  members.map(([memberName, [memberFlags]]) => {
+    if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
+      const ogValue = instance[memberName];
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
+      if (ogDescriptor) {
+        Object.defineProperty(instance, memberName, {
+          get() {
+            return ogDescriptor.get.call(this);
+          },
+          set(newValue) {
+            ogDescriptor.set.call(this, newValue);
+          },
+          configurable: true,
+          enumerable: true
+        });
+      }
+      if (hostRef.$instanceValues$.has(memberName)) {
+        instance[memberName] = hostRef.$instanceValues$.get(memberName);
+      } else if (ogValue !== void 0) {
+        instance[memberName] = ogValue;
+      }
+    }
+  });
+};
+
+// src/client/client-host-ref.ts
+var getHostRef = (ref) => {
+  if (ref.__stencil__getHostRef) {
+    return ref.__stencil__getHostRef();
+  }
+  return void 0;
+};
+var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return;
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
+  if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
+    reWireGetterSetter(lazyInstance, hostRef);
+  }
+};
+var registerHost = (hostElement, cmpMeta) => {
+  const hostRef = {
+    $flags$: 0,
+    $hostElement$: hostElement,
+    $cmpMeta$: cmpMeta,
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
+  };
+  {
+    hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
+    hostElement["s-p"] = [];
+    hostElement["s-rc"] = [];
+  }
+  {
+    hostRef.$fetchedCbList$ = [];
+  }
+  const ref = hostRef;
+  hostElement.__stencil__getHostRef = () => ref;
+  return ref;
+};
+var isMemberInElement = (elm, memberName) => memberName in elm;
+var consoleError = (e, el) => (0, console.error)(e, el);
+
+// src/client/client-load-module.ts
+var cmpModules = /* @__PURE__ */ new Map();
+var failedLoadAttempts = /* @__PURE__ */ new Map();
+var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+  var _a;
+  const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
+  const bundleId = cmpMeta.$lazyBundleId$;
+  if (!bundleId) {
+    return void 0;
+  }
+  const module = cmpModules.get(bundleId) ;
+  if (module) {
+    return module[exportName];
+  }
+  const retryCount = (_a = failedLoadAttempts.get(bundleId)) != null ? _a : 0;
+  const cacheBustParams = [
+    retryCount > 0 ? `s-retry=${retryCount}` : "",
+    ""
+  ].filter(Boolean).join("&");
+  /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+  return import(
+    /* @vite-ignore */
+    /* webpackInclude: /\.entry\.js$/ */
+    /* webpackExclude: /\.system\.entry\.js$/ */
+    /* webpackMode: "lazy" */
+    `./${bundleId}.entry.js${cacheBustParams ? "?" + cacheBustParams : ""}`
+  ).then(
+    (importedModule) => {
+      {
+        failedLoadAttempts.delete(bundleId);
+        cmpModules.set(bundleId, importedModule);
+      }
+      return importedModule[exportName];
+    },
+    (e) => {
+      failedLoadAttempts.set(bundleId, retryCount + 1);
+      consoleError(e, hostRef.$hostElement$);
+    }
+  );
+};
+
+// src/client/client-style.ts
+var styles = /* @__PURE__ */ new Map();
+var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var MAX_LAZY_LOAD_RETRIES = 3;
+var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
+var win = typeof window !== "undefined" ? window : {};
+var plt = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (h2) => h2(),
+  raf: (h2) => requestAnimationFrame(h2),
+  ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+  ce: (eventName, opts) => new CustomEvent(eventName, opts)
+};
+var supportsListenerOptions = /* @__PURE__ */ (() => {
+  var _a;
+  let supportsListenerOptions2 = false;
+  try {
+    (_a = win.document) == null ? void 0 : _a.addEventListener(
+      "e",
+      null,
+      Object.defineProperty({}, "passive", {
+        get() {
+          supportsListenerOptions2 = true;
+        }
+      })
+    );
+  } catch (e) {
+  }
+  return supportsListenerOptions2;
+})();
+var promiseResolve = (v) => Promise.resolve(v);
+var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
+  try {
+    if (!win.document.adoptedStyleSheets) {
+      return false;
+    }
+    new CSSStyleSheet();
+    return typeof new CSSStyleSheet().replaceSync === "function";
+  } catch (e) {
+  }
+  return false;
+})() ;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
+var queuePending = false;
+var queueDomReads = [];
+var queueDomWrites = [];
+var scheduleFlush = () => {
+  var _a;
+  return ((_a = win.document) == null ? void 0 : _a.hidden) ? nextTick(flush) : plt.raf(flush);
+};
+var queueTask = (queue, write) => (cb) => {
+  queue.push(cb);
+  if (!queuePending) {
+    queuePending = true;
+    if (write && plt.$flags$ & 4 /* queueSync */) {
+      nextTick(flush);
+    } else {
+      scheduleFlush();
+    }
+  }
+};
+var consume = (queue) => {
+  for (let i2 = 0; i2 < queue.length; i2++) {
+    try {
+      queue[i2](performance.now());
+    } catch (e) {
+      consoleError(e);
+    }
+  }
+  queue.length = 0;
+};
+var flush = () => {
+  consume(queueDomReads);
+  {
+    consume(queueDomWrites);
+    if (queuePending = queueDomReads.length > 0) {
+      scheduleFlush();
+    }
+  }
+};
+var nextTick = (cb) => promiseResolve().then(cb);
+var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
+
+// 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 opts = { mode: "open" };
+  {
+    opts.delegatesFocus = !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */);
+  }
+  const shadowRoot = this.attachShadow(opts);
+  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];
+    }
+  } else if (!supportsConstructableStylesheets) {
+    const styleElm = document.createElement("style");
+    styleElm.innerHTML = globalStyles;
+    shadowRoot.prepend(styleElm);
+  }
+}
+var createTime = (fnName, tagName = "") => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var uniqueTime = (key, measureText) => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+
+// src/utils/query-nonce-meta-tag-content.ts
+function queryNonceMetaTagContent(doc) {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+}
+
+// src/runtime/styles.ts
+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, _b, _c;
+  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)) {
+        styleElm = win.document.createElement("style");
+        styleElm.textContent = 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 currentWindow = (_b = styleContainerNode.defaultView) != null ? _b : styleContainerNode.ownerDocument.defaultView;
+              const stylesheet = new currentWindow.CSSStyleSheet();
+              stylesheet.replaceSync(style);
+              if (supportsMutableAdoptedStyleSheets) {
+                styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+              } else {
+                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+              }
+            } else {
+              const existingStyleContainer = styleContainerNode.querySelector("style");
+              if (existingStyleContainer && true) {
+                existingStyleContainer.textContent = style + existingStyleContainer.textContent;
+              } else {
+                styleContainerNode.prepend(styleElm);
+              }
+            }
+          } else {
+            styleContainerNode.append(styleElm);
+          }
+        }
+        if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+          styleContainerNode.insertBefore(styleElm, null);
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.textContent += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    } else {
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        const currentWindow = (_c = styleContainerNode.defaultView) != null ? _c : styleContainerNode.ownerDocument.defaultView;
+        let stylesheet;
+        if (style.constructor === currentWindow.CSSStyleSheet) {
+          stylesheet = style;
+        } else {
+          stylesheet = new currentWindow.CSSStyleSheet();
+          for (let i2 = 0; i2 < style.cssRules.length; i2++) {
+            stylesheet.insertRule(style.cssRules[i2].cssText, i2);
+          }
+        }
+        if (supportsMutableAdoptedStyleSheets) {
+          styleContainerNode.adoptedStyleSheets.push(stylesheet);
+        } else {
+          styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, stylesheet];
+        }
+        appliedStyles.add(scopeId2);
+      }
+    }
+  }
+  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 isComplexType = (o) => {
+  o = typeof o;
+  return o === "object" || o === "function";
+};
+
+// src/runtime/vdom/h.ts
+var h = (nodeName, vnodeData, ...children) => {
+  if (typeof nodeName === "string") {
+    nodeName = transformTag(nodeName);
+  }
+  let child = null;
+  let key = null;
+  let simple = false;
+  let lastSimple = false;
+  const vNodeChildren = [];
+  const walk = (c) => {
+    for (let i2 = 0; i2 < c.length; i2++) {
+      child = c[i2];
+      if (Array.isArray(child)) {
+        walk(child);
+      } else if (child != null && typeof child !== "boolean") {
+        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
+          child = String(child);
+        } else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
+          {
+            consoleError("Invalid vNode child");
+          }
+          continue;
+        }
+        if (simple && lastSimple) {
+          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+        } else {
+          vNodeChildren.push(simple ? newVNode(null, child) : child);
+        }
+        lastSimple = simple;
+      }
+    }
+  };
+  walk(children);
+  if (vnodeData) {
+    if (vnodeData.key) {
+      key = vnodeData.key;
+    }
+    {
+      const classData = vnodeData.className || vnodeData.class;
+      if (classData) {
+        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
+      }
+    }
+  }
+  if (typeof nodeName === "function") {
+    return nodeName(
+      vnodeData === null ? {} : vnodeData,
+      vNodeChildren,
+      vdomFnUtils
+    );
+  }
+  const vnode = newVNode(nodeName, null);
+  vnode.$attrs$ = vnodeData;
+  if (vNodeChildren.length > 0) {
+    vnode.$children$ = vNodeChildren;
+  }
+  {
+    vnode.$key$ = key;
+  }
+  return vnode;
+};
+var newVNode = (tag, text) => {
+  const vnode = {
+    $flags$: 0,
+    $tag$: tag,
+    // Normalize undefined to null to prevent rendering "undefined" as text
+    $text$: text != null ? text : null,
+    $elm$: null,
+    $children$: null
+  };
+  {
+    vnode.$attrs$ = null;
+  }
+  {
+    vnode.$key$ = null;
+  }
+  return vnode;
+};
+var Host = {};
+var isHost = (node) => node && node.$tag$ === Host;
+var vdomFnUtils = {
+  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
+  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
+};
+var convertToPublic = (node) => ({
+  vattrs: node.$attrs$,
+  vchildren: node.$children$,
+  vkey: node.$key$,
+  vname: node.$name$,
+  vtag: node.$tag$,
+  vtext: node.$text$
+});
+var convertToPrivate = (node) => {
+  if (typeof node.vtag === "function") {
+    const vnodeData = { ...node.vattrs };
+    if (node.vkey) {
+      vnodeData.key = node.vkey;
+    }
+    if (node.vname) {
+      vnodeData.name = node.vname;
+    }
+    return h(node.vtag, vnodeData, ...node.vchildren || []);
+  }
+  const vnode = newVNode(node.vtag, node.vtext);
+  vnode.$attrs$ = node.vattrs;
+  vnode.$children$ = node.vchildren;
+  vnode.$key$ = node.vkey;
+  vnode.$name$ = node.vname;
+  return vnode;
+};
+
+// src/runtime/parse-property-value.ts
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
+  if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 4 /* Boolean */) {
+      {
+        return propValue === "false" ? false : propValue === "" || !!propValue;
+      }
+    }
+    if (propType & 1 /* String */) {
+      return String(propValue);
+    }
+    return propValue;
+  }
+  return propValue;
+};
+var getElement = (ref) => {
+  var _a;
+  return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
+};
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      return emitEvent(elm, name, {
+        bubbles: true,
+        composed: true,
+        cancelable: true,
+        detail
+      });
+    }
+  };
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
+var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
+  if (oldValue === newValue) {
+    return;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (memberName === "style") {
+    {
+      for (const prop in oldValue) {
+        if (!newValue || newValue[prop] == null) {
+          if (prop.includes("-")) {
+            elm.style.removeProperty(prop);
+          } else {
+            elm.style[prop] = "";
+          }
+        }
+      }
+    }
+    for (const prop in newValue) {
+      if (!oldValue || newValue[prop] !== oldValue[prop]) {
+        if (prop.includes("-")) {
+          elm.style.setProperty(prop, newValue[prop]);
+        } else {
+          elm.style[prop] = newValue[prop];
+        }
+      }
+    }
+  } else if (memberName === "key") ; else if (memberName === "ref") {
+    if (newValue) {
+      queueRefAttachment(newValue, elm);
+    }
+  } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
+      }
+      if (newValue) {
+        plt.ael(elm, memberName, newValue, capture);
+      }
+    }
+  } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
+    const propName = memberName.slice(5);
+    let attrName;
+    {
+      const hostRef = getHostRef(elm);
+      if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
+        const memberMeta = hostRef.$cmpMeta$.$members$[propName];
+        if (memberMeta && memberMeta[1]) {
+          attrName = memberMeta[1];
+        }
+      }
+    }
+    if (!attrName) {
+      attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(attrName) === "") {
+        elm.removeAttribute(attrName);
+      }
+    } else {
+      elm.setAttribute(attrName, newValue === true ? "" : newValue);
+    }
+    return;
+  } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
+    const propName = memberName.slice(5);
+    try {
+      elm[propName] = newValue;
+    } catch (e) {
+    }
+    return;
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] !== n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
+            }
+          }
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
+        }
+      } catch (e) {
+      }
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
+        {
+          elm.removeAttribute(memberName);
+        }
+      }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      {
+        elm.setAttribute(memberName, newValue);
+      }
+    }
+  }
+};
+var parseClassListRegex = /\s/;
+var parseClassList = (value) => {
+  if (typeof value === "object" && value && "baseVal" in value) {
+    value = value.baseVal;
+  }
+  if (!value || typeof value !== "string") {
+    return [];
+  }
+  return value.split(parseClassListRegex);
+};
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+
+// src/runtime/vdom/update-element.ts
+var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
+  const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
+  const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
+  const newVnodeAttrs = newVnode.$attrs$ || {};
+  {
+    for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
+      if (!(memberName in newVnodeAttrs)) {
+        setAccessor(
+          elm,
+          memberName,
+          oldVnodeAttrs[memberName],
+          void 0,
+          isSvgMode2,
+          newVnode.$flags$);
+      }
+    }
+  }
+  for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
+    setAccessor(
+      elm,
+      memberName,
+      oldVnodeAttrs[memberName],
+      newVnodeAttrs[memberName],
+      isSvgMode2,
+      newVnode.$flags$);
+  }
+};
+function sortedAttrNames(attrNames) {
+  return attrNames.includes("ref") ? (
+    // we need to sort these to ensure that `'ref'` is the last attr
+    [...attrNames.filter((attr) => attr !== "ref"), "ref"]
+  ) : (
+    // no need to sort, return the original array
+    attrNames
+  );
+}
+var hostTagName;
+var useNativeShadowDom = false;
+var isSvgMode = false;
+var refCallbacksToRemove = [];
+var refCallbacksToAttach = [];
+var createElm = (oldParentVNode, newParentVNode, childIndex) => {
+  const newVNode2 = newParentVNode.$children$[childIndex];
+  let i2 = 0;
+  let elm;
+  let childNode;
+  if (newVNode2.$text$ != null) {
+    elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
+  } else {
+    if (!isSvgMode) {
+      isSvgMode = newVNode2.$tag$ === "svg";
+    }
+    if (!win.document) {
+      throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
+    }
+    elm = newVNode2.$elm$ = win.document.createElementNS(
+      isSvgMode ? SVG_NS : HTML_NS,
+      newVNode2.$tag$
+    ) ;
+    if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
+      isSvgMode = false;
+    }
+    {
+      updateElement(null, newVNode2, isSvgMode);
+    }
+    if (newVNode2.$children$) {
+      const appendTarget = newVNode2.$tag$ === "template" ? elm.content : elm;
+      for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
+        childNode = createElm(oldParentVNode, newVNode2, i2);
+        if (childNode) {
+          appendTarget.appendChild(childNode);
+        }
+      }
+    }
+    {
+      if (newVNode2.$tag$ === "svg") {
+        isSvgMode = false;
+      } else if (elm.tagName === "foreignObject") {
+        isSvgMode = true;
+      }
+    }
+  }
+  elm["s-hn"] = hostTagName;
+  return elm;
+};
+var relocateToHostRoot = (parentElm) => {
+  plt.$flags$ |= 1 /* isTmpDisconnected */;
+  const host = parentElm.closest(hostTagName.toLowerCase());
+  if (host != null) {
+    const contentRefNode = Array.from(host.__childNodes || host.childNodes).find(
+      (ref) => ref["s-cr"]
+    );
+    const childNodeArray = Array.from(
+      parentElm.__childNodes || parentElm.childNodes
+    );
+    for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
+      if (childNode["s-sh"] != null) {
+        insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
+        childNode["s-sh"] = void 0;
+      }
+    }
+  }
+  plt.$flags$ &= -2 /* isTmpDisconnected */;
+};
+var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
+  let containerElm = parentElm;
+  let childNode;
+  if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
+    containerElm = containerElm.shadowRoot;
+  }
+  if (parentVNode.$tag$ === "template") {
+    containerElm = containerElm.content;
+  }
+  for (; startIdx <= endIdx; ++startIdx) {
+    if (vnodes[startIdx]) {
+      childNode = createElm(null, parentVNode, startIdx);
+      if (childNode) {
+        vnodes[startIdx].$elm$ = childNode;
+        insertBefore(containerElm, childNode, before);
+      }
+    }
+  }
+};
+var removeVnodes = (vnodes, startIdx, endIdx) => {
+  for (let index = startIdx; index <= endIdx; ++index) {
+    const vnode = vnodes[index];
+    if (vnode) {
+      const elm = vnode.$elm$;
+      nullifyVNodeRefs(vnode);
+      if (elm) {
+        elm.remove();
+      }
+    }
+  }
+};
+var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
+  let oldStartIdx = 0;
+  let newStartIdx = 0;
+  let idxInOld = 0;
+  let i2 = 0;
+  let oldEndIdx = oldCh.length - 1;
+  let oldStartVnode = oldCh[0];
+  let oldEndVnode = oldCh[oldEndIdx];
+  let newEndIdx = newCh.length - 1;
+  let newStartVnode = newCh[0];
+  let newEndVnode = newCh[newEndIdx];
+  let node;
+  let elmToMove;
+  const containerElm = newVNode2.$tag$ === "template" ? parentElm.content : parentElm;
+  while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+    if (oldStartVnode == null) {
+      oldStartVnode = oldCh[++oldStartIdx];
+    } else if (oldEndVnode == null) {
+      oldEndVnode = oldCh[--oldEndIdx];
+    } else if (newStartVnode == null) {
+      newStartVnode = newCh[++newStartIdx];
+    } else if (newEndVnode == null) {
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
+      patch(oldStartVnode, newStartVnode, isInitialRender);
+      oldStartVnode = oldCh[++oldStartIdx];
+      newStartVnode = newCh[++newStartIdx];
+    } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
+      patch(oldEndVnode, newEndVnode, isInitialRender);
+      oldEndVnode = oldCh[--oldEndIdx];
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
+      patch(oldStartVnode, newEndVnode, isInitialRender);
+      insertBefore(containerElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+      oldStartVnode = oldCh[++oldStartIdx];
+      newEndVnode = newCh[--newEndIdx];
+    } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
+      patch(oldEndVnode, newStartVnode, isInitialRender);
+      insertBefore(containerElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
+      oldEndVnode = oldCh[--oldEndIdx];
+      newStartVnode = newCh[++newStartIdx];
+    } else {
+      idxInOld = -1;
+      {
+        for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
+          if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
+            idxInOld = i2;
+            break;
+          }
+        }
+      }
+      if (idxInOld >= 0) {
+        elmToMove = oldCh[idxInOld];
+        if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+        } else {
+          patch(elmToMove, newStartVnode, isInitialRender);
+          oldCh[idxInOld] = void 0;
+          node = elmToMove.$elm$;
+        }
+        newStartVnode = newCh[++newStartIdx];
+      } else {
+        node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
+        newStartVnode = newCh[++newStartIdx];
+      }
+      if (node) {
+        {
+          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
+        }
+      }
+    }
+  }
+  if (oldStartIdx > oldEndIdx) {
+    addVnodes(
+      parentElm,
+      newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
+      newVNode2,
+      newCh,
+      newStartIdx,
+      newEndIdx
+    );
+  } else if (newStartIdx > newEndIdx) {
+    removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+  }
+};
+var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
+  if (leftVNode.$tag$ === rightVNode.$tag$) {
+    if (!isInitialRender) {
+      return leftVNode.$key$ === rightVNode.$key$;
+    }
+    if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
+      leftVNode.$key$ = rightVNode.$key$;
+    }
+    return true;
+  }
+  return false;
+};
+var patch = (oldVNode, newVNode2, isInitialRender = false) => {
+  const elm = newVNode2.$elm$ = oldVNode.$elm$;
+  const oldChildren = oldVNode.$children$;
+  const newChildren = newVNode2.$children$;
+  const tag = newVNode2.$tag$;
+  const text = newVNode2.$text$;
+  if (text == null) {
+    {
+      isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
+    }
+    {
+      if (tag === "slot" && !useNativeShadowDom) {
+        if (oldVNode.$name$ !== newVNode2.$name$) {
+          newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
+          relocateToHostRoot(newVNode2.$elm$.parentElement);
+        }
+      }
+      updateElement(oldVNode, newVNode2, isSvgMode);
+    }
+    if (oldChildren !== null && newChildren !== null) {
+      updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
+    } else if (newChildren !== null) {
+      if (oldVNode.$text$ !== null) {
+        elm.textContent = "";
+      }
+      addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
+    } else if (
+      // don't do this on initial render as it can cause non-hydrated content to be removed
+      !isInitialRender && BUILD.updatable && oldChildren !== null
+    ) {
+      removeVnodes(oldChildren, 0, oldChildren.length - 1);
+    } else ;
+    if (isSvgMode && tag === "svg") {
+      isSvgMode = false;
+    }
+  } else if (oldVNode.$text$ !== text) {
+    elm.data = text;
+  }
+};
+var nullifyVNodeRefs = (vNode) => {
+  {
+    if (vNode.$attrs$ && vNode.$attrs$.ref) {
+      refCallbacksToRemove.push(() => vNode.$attrs$.ref(null));
+    }
+    vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
+  }
+};
+var queueRefAttachment = (refCallback, elm) => {
+  {
+    refCallbacksToAttach.push(() => refCallback(elm));
+  }
+};
+var flushQueuedRefCallbacks = () => {
+  {
+    refCallbacksToRemove.forEach((cb) => cb());
+    refCallbacksToRemove.length = 0;
+    refCallbacksToAttach.forEach((cb) => cb());
+    refCallbacksToAttach.length = 0;
+  }
+};
+var insertBefore = (parent, newNode, reference, isInitialLoad) => {
+  if (parent.__insertBefore) {
+    return parent.__insertBefore(newNode, reference);
+  } else {
+    return parent == null ? void 0 : parent.insertBefore(newNode, reference);
+  }
+};
+var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
+  const hostElm = hostRef.$hostElement$;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+  const isHostElement = isHost(renderFnResults);
+  const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
+  hostTagName = hostElm.tagName;
+  if (cmpMeta.$attrsToReflect$) {
+    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+    cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
+      {
+        rootVnode.$attrs$[attribute] = hostElm[propName];
+      }
+    });
+  }
+  if (isInitialLoad && rootVnode.$attrs$) {
+    for (const key of Object.keys(rootVnode.$attrs$)) {
+      if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
+        rootVnode.$attrs$[key] = hostElm[key];
+      }
+    }
+  }
+  rootVnode.$tag$ = null;
+  rootVnode.$flags$ |= 4 /* isHost */;
+  hostRef.$vnode$ = rootVnode;
+  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
+  useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
+  patch(oldVNode, rootVnode, isInitialLoad);
+  flushQueuedRefCallbacks();
+};
+
+// src/runtime/update-component.ts
+var attachToAncestor = (hostRef, ancestorComponent) => {
+  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
+    const index = ancestorComponent["s-p"].push(
+      new Promise(
+        (r) => hostRef.$onRenderResolve$ = () => {
+          ancestorComponent["s-p"].splice(index - 1, 1);
+          r();
+        }
+      )
+    );
+  }
+};
+var scheduleUpdate = (hostRef, isInitialLoad) => {
+  {
+    hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
+  }
+  if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
+    hostRef.$flags$ |= 512 /* needsRerender */;
+    return;
+  }
+  attachToAncestor(hostRef, hostRef.$ancestorComponent$);
+  const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
+  return writeTask(dispatch) ;
+};
+var dispatchHooks = (hostRef, isInitialLoad) => {
+  const elm = hostRef.$hostElement$;
+  const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
+  const instance = hostRef.$lazyInstance$ ;
+  if (!instance) {
+    throw new Error(
+      `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
+    );
+  }
+  let maybePromise;
+  if (isInitialLoad) {
+    {
+      {
+        hostRef.$flags$ |= 256 /* isListenReady */;
+        if (hostRef.$queuedListeners$) {
+          hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
+          hostRef.$queuedListeners$ = void 0;
+        }
+      }
+      if (hostRef.$fetchedCbList$.length) {
+        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
+      }
+    }
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+  } else {
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
+  }
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
+  endSchedule();
+  return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
+};
+var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err) => {
+  console.error(err);
+  fn();
+}) : fn();
+var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
+var updateComponent = async (hostRef, instance, isInitialLoad) => {
+  var _a;
+  const elm = hostRef.$hostElement$;
+  const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
+  const rc = elm["s-rc"];
+  if (isInitialLoad) {
+    attachStyles(hostRef);
+  }
+  const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
+  {
+    callRender(hostRef, instance, elm, isInitialLoad);
+  }
+  if (rc) {
+    rc.map((cb) => cb());
+    elm["s-rc"] = void 0;
+  }
+  endRender();
+  endUpdate();
+  {
+    const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
+    const postUpdate = () => postUpdateComponent(hostRef);
+    if (childrenPromises.length === 0) {
+      postUpdate();
+    } else {
+      Promise.all(childrenPromises).then(postUpdate).catch(postUpdate);
+      hostRef.$flags$ |= 4 /* isWaitingForChildren */;
+      childrenPromises.length = 0;
+    }
+  }
+};
+var callRender = (hostRef, instance, elm, isInitialLoad) => {
+  try {
+    instance = instance.render() ;
+    {
+      hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
+    }
+    {
+      hostRef.$flags$ |= 2 /* hasRendered */;
+    }
+    {
+      {
+        {
+          renderVdom(hostRef, instance, isInitialLoad);
+        }
+      }
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+  return null;
+};
+var postUpdateComponent = (hostRef) => {
+  const tagName = hostRef.$cmpMeta$.$tagName$;
+  const elm = hostRef.$hostElement$;
+  const endPostUpdate = createTime("postUpdate", tagName);
+  const instance = hostRef.$lazyInstance$ ;
+  const ancestorComponent = hostRef.$ancestorComponent$;
+  safeCall(instance, "componentDidRender", void 0, elm);
+  if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
+    hostRef.$flags$ |= 64 /* hasLoadedComponent */;
+    {
+      addHydratedFlag(elm);
+    }
+    safeCall(instance, "componentDidLoad", void 0, elm);
+    endPostUpdate();
+    {
+      hostRef.$onReadyResolve$(elm);
+      if (!ancestorComponent) {
+        appDidLoad();
+      }
+    }
+  } else {
+    safeCall(instance, "componentDidUpdate", void 0, elm);
+    endPostUpdate();
+  }
+  {
+    if (hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (hostRef.$flags$ & 512 /* needsRerender */) {
+      nextTick(() => scheduleUpdate(hostRef, false));
+    }
+    hostRef.$flags$ &= -517;
+  }
+};
+var appDidLoad = (who) => {
+  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
+};
+var safeCall = (instance, method, arg, elm) => {
+  if (instance && instance[method]) {
+    try {
+      return instance[method](arg);
+    } catch (e) {
+      consoleError(e, elm);
+    }
+  }
+  return void 0;
+};
+var addHydratedFlag = (elm) => {
+  var _a;
+  return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
+};
+
+// src/runtime/set-value.ts
+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).`
+    );
+  }
+  const oldVal = hostRef.$instanceValues$.get(propName);
+  const flags = hostRef.$flags$;
+  const instance = hostRef.$lazyInstance$ ;
+  newVal = parsePropertyValue(
+    newVal,
+    cmpMeta.$members$[propName][0]);
+  const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
+  const didValueChange = newVal !== oldVal && !areBothNaN;
+  if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
+    hostRef.$instanceValues$.set(propName, newVal);
+    if (flags & 2 /* hasRendered */) {
+      if (instance.componentShouldUpdate) {
+        const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
+        if (shouldUpdate === false && !(flags & 16 /* isQueuedForUpdate */)) {
+          return;
+        }
+      }
+      if (!(flags & 16 /* isQueuedForUpdate */)) {
+        scheduleUpdate(hostRef, false);
+      }
+    }
+  }
+};
+
+// src/runtime/proxy-component.ts
+var proxyComponent = (Cstr, cmpMeta, flags) => {
+  var _a, _b;
+  const prototype = Cstr.prototype;
+  if (cmpMeta.$members$ || BUILD.propChangeCallback) {
+    const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+    members.map(([memberName, [memberFlags]]) => {
+      if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
+        const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
+        if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
+        if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
+        if (flags & 1 /* isElementConstructor */ || !origGetter) {
+          Object.defineProperty(prototype, memberName, {
+            get() {
+              {
+                if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
+                  return getValue(this, memberName);
+                }
+                const ref = getHostRef(this);
+                const instance = ref ? ref.$lazyInstance$ : prototype;
+                if (!instance) return;
+                return instance[memberName];
+              }
+            },
+            configurable: true,
+            enumerable: true
+          });
+        }
+        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)) {
+                newValue = ref.$instanceValues$.get(memberName);
+              }
+              origSetter.apply(this, [
+                parsePropertyValue(
+                  newValue,
+                  memberFlags)
+              ]);
+              newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
+              setValue(this, memberName, newValue, cmpMeta);
+              return;
+            }
+            {
+              if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
+                setValue(this, memberName, newValue, cmpMeta);
+                if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
+                  ref.$fetchedCbList$.push(() => {
+                    if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
+                      ref.$lazyInstance$[memberName] = newValue;
+                    }
+                  });
+                }
+                return;
+              }
+              const setterSetVal = () => {
+                const currentValue = ref.$lazyInstance$[memberName];
+                if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                  ref.$instanceValues$.set(memberName, currentValue);
+                }
+                ref.$lazyInstance$[memberName] = parsePropertyValue(
+                  newValue,
+                  memberFlags);
+                setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
+              };
+              if (ref.$lazyInstance$) {
+                setterSetVal();
+              } else {
+                ref.$fetchedCbList$.push(() => {
+                  setterSetVal();
+                });
+              }
+            }
+          }
+        });
+      }
+    });
+    if ((flags & 1 /* isElementConstructor */)) {
+      const attrNameToPropName = /* @__PURE__ */ new Map();
+      prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
+        plt.jmp(() => {
+          var _a2;
+          const propName = attrNameToPropName.get(attrName);
+          const hostRef = getHostRef(this);
+          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
+            newValue = this[propName];
+            delete this[propName];
+          }
+          if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          this[propName] == newValue) {
+            return;
+          } else if (propName == null) {
+            const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && newValue !== oldValue) {
+              const instance = hostRef.$lazyInstance$ ;
+              const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
+              entry == null ? void 0 : entry.forEach((watcher) => {
+                const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
+                if (instance[watchMethodName] != null && (flags2 & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */)) {
+                  instance[watchMethodName].call(instance, newValue, oldValue, attrName);
+                }
+              });
+            }
+            return;
+          }
+          const propFlags = members.find(([m]) => m === propName);
+          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
+          const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
+          if (isBooleanTarget) {
+            newValue = newValue === null || newValue === "false" ? false : true;
+          }
+          const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
+          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+            this[propName] = newValue;
+          }
+        });
+      };
+      Cstr.observedAttributes = Array.from(
+        /* @__PURE__ */ new Set([
+          ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
+          ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
+            var _a2;
+            const attrName = m[1] || propName;
+            attrNameToPropName.set(attrName, propName);
+            if (m[0] & 512 /* ReflectAttr */) {
+              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
+            }
+            return attrName;
+          })
+        ])
+      );
+    }
+  }
+  return Cstr;
+};
+
+// src/runtime/initialize-component.ts
+var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  var _a;
+  let Cstr;
+  try {
+    if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+      hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      hostRef.$flags$ &= -1025 /* hasFailedLoad */;
+      const bundleId = cmpMeta.$lazyBundleId$;
+      if (bundleId) {
+        const CstrImport = loadModule(cmpMeta, hostRef);
+        if (CstrImport && "then" in CstrImport) {
+          const endLoad = uniqueTime();
+          Cstr = await CstrImport;
+          endLoad();
+        } else {
+          Cstr = CstrImport;
+        }
+        if (!Cstr) {
+          hostRef.$flags$ &= -33 /* hasInitializedComponent */;
+          hostRef.$loadRetryCount$ = ((_a = hostRef.$loadRetryCount$) != null ? _a : 0) + 1;
+          if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
+            hostRef.$flags$ |= 1024 /* hasFailedLoad */;
+          }
+          throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
+        }
+        if (!Cstr.isProxied) {
+          proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+          Cstr.isProxied = true;
+        }
+        const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
+        {
+          hostRef.$flags$ |= 8 /* isConstructingInstance */;
+        }
+        try {
+          new Cstr(hostRef);
+        } catch (e) {
+          consoleError(e, elm);
+        }
+        {
+          hostRef.$flags$ &= -9 /* isConstructingInstance */;
+        }
+        endNewInstance();
+        {
+          fireConnectedCallback(hostRef.$lazyInstance$, elm);
+        }
+      } else {
+        Cstr = elm.constructor;
+        const cmpTag = elm.localName;
+        customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      }
+      if (Cstr && Cstr.style) {
+        let style;
+        if (typeof Cstr.style === "string") {
+          style = Cstr.style;
+        }
+        const scopeId2 = getScopeId(cmpMeta);
+        if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
+          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+          registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+          endRegisterStyles();
+        }
+      }
+    }
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(hostRef, true);
+    if (ancestorComponent && ancestorComponent["s-rc"]) {
+      ancestorComponent["s-rc"].push(schedule);
+    } else {
+      schedule();
+    }
+  } catch (e) {
+    consoleError(e, elm);
+    if (hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
+      hostRef.$onReadyResolve$(elm);
+    }
+  }
+};
+var fireConnectedCallback = (instance, elm) => {
+  {
+    safeCall(instance, "connectedCallback", void 0, elm);
+  }
+};
+
+// src/runtime/connected-callback.ts
+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 */)) {
+      hostRef.$flags$ |= 1 /* hasConnected */;
+      {
+        let ancestorComponent = elm;
+        while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
+          if (ancestorComponent["s-p"]) {
+            attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
+            break;
+          }
+        }
+      }
+      if (cmpMeta.$members$) {
+        Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
+          if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
+            const value = elm[memberName];
+            delete elm[memberName];
+            elm[memberName] = value;
+          }
+        });
+      }
+      {
+        initializeComponent(elm, hostRef, cmpMeta);
+      }
+    } else {
+      addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
+        setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
+      }
+    }
+    endConnected();
+  }
+};
+var disconnectInstance = (instance, elm) => {
+  {
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
+  }
+};
+var disconnectedCallback = async (elm) => {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+    const hostRef = getHostRef(elm);
+    {
+      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
+        hostRef.$rmListeners$.map((rmListener) => rmListener());
+        hostRef.$rmListeners$ = void 0;
+      }
+    }
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$, elm);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
+    }
+  }
+  if (rootAppliedStyles.has(elm)) {
+    rootAppliedStyles.delete(elm);
+  }
+  if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
+    rootAppliedStyles.delete(elm.shadowRoot);
+  }
+};
+
+// src/runtime/bootstrap-lazy.ts
+var bootstrapLazy = (lazyBundles, options = {}) => {
+  var _a;
+  if (!win.document) {
+    console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
+    return;
+  }
+  const endBootstrap = createTime();
+  const cmpTags = [];
+  const exclude = options.exclude || [];
+  const customElements2 = win.customElements;
+  const head = win.document.head;
+  const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
+  const dataStyles = /* @__PURE__ */ win.document.createElement("style");
+  const deferredConnectedCallbacks = [];
+  let appLoadFallback;
+  let isBootstrapping = true;
+  Object.assign(plt, options);
+  plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
+  lazyBundles.map((lazyBundle) => {
+    lazyBundle[1].map((compactMeta) => {
+      const cmpMeta = {
+        $flags$: compactMeta[0],
+        $tagName$: compactMeta[1],
+        $members$: compactMeta[2],
+        $listeners$: compactMeta[3]
+      };
+      {
+        cmpMeta.$members$ = compactMeta[2];
+      }
+      {
+        cmpMeta.$listeners$ = compactMeta[3];
+      }
+      {
+        cmpMeta.$attrsToReflect$ = [];
+      }
+      const tagName = transformTag(cmpMeta.$tagName$);
+      const HostElement = class extends HTMLElement {
+        ["s-p"];
+        ["s-rc"];
+        hasRegisteredEventListeners = false;
+        // StencilLazyHost
+        constructor(self) {
+          super(self);
+          self = this;
+          registerHost(self, cmpMeta);
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            {
+              if (!self.shadowRoot) {
+                createShadowRoot.call(self, cmpMeta);
+              } else {
+                if (self.shadowRoot.mode !== "open") {
+                  throw new Error(
+                    `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
+                  );
+                }
+              }
+            }
+          }
+        }
+        connectedCallback() {
+          const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
+          if (!this.hasRegisteredEventListeners) {
+            this.hasRegisteredEventListeners = true;
+            addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
+          }
+          if (appLoadFallback) {
+            clearTimeout(appLoadFallback);
+            appLoadFallback = null;
+          }
+          if (isBootstrapping) {
+            deferredConnectedCallbacks.push(this);
+          } else {
+            plt.jmp(() => connectedCallback(this));
+          }
+        }
+        disconnectedCallback() {
+          plt.jmp(() => disconnectedCallback(this));
+          nextTick(() => {
+            var _a3;
+            const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
+            const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
+            if (i2 > -1) {
+              deferredConnectedCallbacks.splice(i2, 1);
+            }
+            if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
+              delete hostRef.$vnode$.$elm$;
+            }
+          });
+        }
+        componentOnReady() {
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
+        }
+      };
+      cmpMeta.$lazyBundleId$ = lazyBundle[0];
+      if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
+        cmpTags.push(tagName);
+        customElements2.define(
+          tagName,
+          proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
+        );
+      }
+    });
+  });
+  if (cmpTags.length > 0) {
+    {
+      dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
+    }
+    if (dataStyles.innerHTML.length) {
+      dataStyles.setAttribute("data-styles", "");
+      const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+      if (nonce != null) {
+        dataStyles.setAttribute("nonce", nonce);
+      }
+      head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
+    }
+  }
+  isBootstrapping = false;
+  if (deferredConnectedCallbacks.length) {
+    deferredConnectedCallbacks.map((host) => host.connectedCallback());
+  } else {
+    {
+      plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
+    }
+  }
+  endBootstrap();
+};
+var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
+  if (listeners && win.document) {
+    listeners.map(([flags, name, method]) => {
+      const target = getHostListenerTarget(win.document, elm, flags) ;
+      const handler = hostListenerProxy(hostRef, method);
+      const opts = hostListenerOpts(flags);
+      plt.ael(target, name, handler, opts);
+      (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
+    });
+  }
+};
+var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
+  try {
+    {
+      if (hostRef.$flags$ & 256 /* isListenReady */) {
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
+      } else {
+        (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
+      }
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+};
+var getHostListenerTarget = (doc, elm, flags) => {
+  if (flags & 4 /* TargetDocument */) {
+    return doc;
+  }
+  return elm;
+};
+var hostListenerOpts = (flags) => supportsListenerOptions ? {
+  passive: (flags & 1 /* Passive */) !== 0,
+  capture: (flags & 2 /* Capture */) !== 0
+} : (flags & 2 /* Capture */) !== 0;
+
+// src/runtime/nonce.ts
+var setNonce = (nonce) => plt.$nonce$ = nonce;
+function transformTag(tag) {
+  return tag;
+}
+
+export { getElement as a, bootstrapLazy as b, createEvent as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };