@brandsync/wc 0.0.3 → 0.0.4

package/dist/components/{p-Cu4gTknX.js → p-BpvhHQSw.js}

@@ -1 +1 @@
-const s="/*\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";function n(s,n,r){const a="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;s&&s!==a;){const a=Object.getOwnPropertyDescriptor(s,n);if(a&&(!r||a.get))return a;s=Object.getPrototypeOf(s)}}var r,a=(s,r)=>{var a;Object.entries(null!=(a=r.l.o)?a:{}).map((([a,[e]])=>{if(31&e||32&e){const e=s[a],b=n(Object.getPrototypeOf(s),a,!0)||Object.getOwnPropertyDescriptor(s,a);b&&Object.defineProperty(s,a,{get(){return b.get.call(this)},set(s){b.set.call(this,s)},configurable:!0,enumerable:!0}),r.t.has(a)?s[a]=r.t.get(a):void 0!==e&&(s[a]=e)}}))},e=s=>{if(s.__stencil__getHostRef)return s.__stencil__getHostRef()},b=(s,n)=>n in s,o=(s,n)=>(0,console.error)(s,n),l=new Map,t="undefined"!=typeof window?window:{},i=t.HTMLElement||class{},d={i:0,p:"",jmp:s=>s(),raf:s=>requestAnimationFrame(s),ael:(s,n,r,a)=>s.addEventListener(n,r,a),rel:(s,n,r,a)=>s.removeEventListener(n,r,a),ce:(s,n)=>new CustomEvent(s,n)},c=(()=>{var s;let n=!1;try{null==(s=t.document)||s.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch(s){}return n})(),p=(()=>{try{return!!t.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(s){}return!1})(),v=!!p&&(()=>!!t.document&&Object.getOwnPropertyDescriptor(t.document.adoptedStyleSheets,"length").writable)(),g=!1,u=[],h=[],f=()=>{var s;return(null==(s=t.document)?void 0:s.hidden)?w(x):d.raf(x)},m=(s,n)=>r=>{s.push(r),g||(g=!0,n&&4&d.i?w(x):f())},y=s=>{for(let n=0;n<s.length;n++)try{s[n](performance.now())}catch(s){o(s)}s.length=0},x=()=>{y(u),y(h),(g=u.length>0)&&f()},w=s=>Promise.resolve(undefined).then(s),k=m(h,!0),z=s=>{const n=new URL(s,d.p);return n.origin!==t.location.origin?n.href:n.pathname},C=s=>d.p=s;function j(n){var a;const e={mode:"open"};e.delegatesFocus=!!(16&n.i);const b=this.attachShadow(e);if(void 0===r&&(r=null!=(a=function(s){if(!p)return;const n=new CSSStyleSheet;return n.replaceSync(s),n}(s))?a:null),r)v?b.adoptedStyleSheets.push(r):b.adoptedStyleSheets=[...b.adoptedStyleSheets,r];else if(!p){const n=document.createElement("style");n.innerHTML=s,b.prepend(n)}}var S,$=new WeakMap,M=s=>"sc-"+s.v,B=s=>"object"==(s=typeof s)||"function"===s,O=(s,n,...r)=>{let a=null,e=null,b=!1,l=!1;const t=[],i=n=>{for(let r=0;r<n.length;r++)if(a=n[r],Array.isArray(a))i(a);else if(null!=a&&"boolean"!=typeof a){if(b="function"!=typeof s&&!B(a))a=String(a);else if("function"!=typeof s&&void 0===a.i){o("Invalid vNode child");continue}b&&l?t[t.length-1].u+=a:t.push(b?L(null,a):a),l=b}};if(i(r),n){n.key&&(e=n.key);{const s=n.className||n.class;s&&(n.class="object"!=typeof s?s:Object.keys(s).filter((n=>s[n])).join(" "))}}if("function"==typeof s)return s(null===n?{}:n,t,D);const d=L(s,null);return d.h=n,t.length>0&&(d.m=t),d.k=e,d},L=(s,n)=>({i:0,C:s,u:null!=n?n:null,j:null,m:null,h:null,k:null}),E={},D={forEach:(s,n)=>s.map(R).forEach(n),map:(s,n)=>s.map(R).map(n).map(A)},R=s=>({vattrs:s.h,vchildren:s.m,vkey:s.k,vname:s.S,vtag:s.C,vtext:s.u}),A=s=>{if("function"==typeof s.vtag){const n={...s.vattrs};return s.vkey&&(n.key=s.vkey),s.vname&&(n.name=s.vname),O(s.vtag,n,...s.vchildren||[])}const n=L(s.vtag,s.vtext);return n.h=s.vattrs,n.m=s.vchildren,n.k=s.vkey,n.S=s.vname,n},T=(s,n)=>null==s||B(s)?s:4&n?"false"!==s&&(""===s||!!s):1&n?String(s):s,W=(s,n)=>{const r=s;return{emit:s=>N(r,n,{bubbles:!0,composed:!0,cancelable:!0,detail:s})}},N=(s,n,r)=>{const a=d.ce(n,r);return s.dispatchEvent(a),a},P=(s,n,r,a,o,l)=>{if(r===a)return;let i=b(s,n),c=n.toLowerCase();if("class"===n){const n=s.classList,e=F(r);let b=F(a);n.remove(...e.filter((s=>s&&!b.includes(s)))),n.add(...b.filter((s=>s&&!e.includes(s))))}else if("style"===n){for(const n in r)a&&null!=a[n]||(n.includes("-")?s.style.removeProperty(n):s.style[n]="");for(const n in a)r&&a[n]===r[n]||(n.includes("-")?s.style.setProperty(n,a[n]):s.style[n]=a[n])}else if("key"===n);else if("ref"===n)a&&rs(a,s);else if(s.__lookupSetter__(n)||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const r=n.slice(5);let b;{const n=e(s);if(n&&n.l&&n.l.o){const s=n.l.o[r];s&&s[1]&&(b=s[1])}}return b||(b=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==a||!1===a?!1===a&&""!==s.getAttribute(b)||s.removeAttribute(b):s.setAttribute(b,!0===a?"":a))}if("p"===n[0]&&n.startsWith("prop:")){const r=n.slice(5);try{s[r]=a}catch(s){}return}{const e=B(a);if((i||e&&null!==a)&&!o)try{if(s.tagName.includes("-"))s[n]!==a&&(s[n]=a);else{const e=null==a?"":a;"list"===n?i=!1:null!=r&&s[n]===e||("function"==typeof s.__lookupSetter__(n)?s[n]=e:s.setAttribute(n,e))}}catch(s){}null==a||!1===a?!1===a&&""!==s.getAttribute(n)||s.removeAttribute(n):(!i||4&l||o)&&!e&&1===s.nodeType&&s.setAttribute(n,a=!0===a?"":a)}}else if(n="-"===n[2]?n.slice(3):b(t,c)?c.slice(2):c[2]+n.slice(3),r||a){const e=n.endsWith(I);n=n.replace(H,""),r&&d.rel(s,n,r,e),a&&d.ael(s,n,a,e)}},_=/\s/,F=s=>("object"==typeof s&&s&&"baseVal"in s&&(s=s.baseVal),s&&"string"==typeof s?s.split(_):[]),I="Capture",H=new RegExp(I+"$"),U=(s,n,r)=>{const a=11===n.j.nodeType&&n.j.host?n.j.host:n.j,e=s&&s.h||{},b=n.h||{};for(const s of G(Object.keys(e)))s in b||P(a,s,e[s],void 0,r,n.i);for(const s of G(Object.keys(b)))P(a,s,e[s],b[s],r,n.i)};function G(s){return s.includes("ref")?[...s.filter((s=>"ref"!==s)),"ref"]:s}var V=!1,q=!1,Y=[],Z=[],J=(s,n,r)=>{const a=n.m[r];let e,b,o=0;if(null!=a.u)e=a.j=t.document.createTextNode(a.u);else{if(q||(q="svg"===a.C),!t.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(e=a.j=t.document.createElementNS(q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",a.C),q&&"foreignObject"===a.C&&(q=!1),U(null,a,q),a.m){const n="template"===a.C?e.content:e;for(o=0;o<a.m.length;++o)b=J(s,a,o),b&&n.appendChild(b)}"svg"===a.C?q=!1:"foreignObject"===e.tagName&&(q=!0)}return e["s-hn"]=S,e},K=(s,n,r,a,e,b)=>{let o,l=s;for(l.shadowRoot&&l.tagName===S&&(l=l.shadowRoot),"template"===r.C&&(l=l.content);e<=b;++e)a[e]&&(o=J(null,r,e),o&&(a[e].j=o,as(l,o,n)))},Q=(s,n,r)=>{for(let a=n;a<=r;++a){const n=s[a];if(n){const s=n.j;ns(n),s&&s.remove()}}},X=(s,n,r=!1)=>s.C===n.C&&(r?(r&&!s.k&&n.k&&(s.k=n.k),!0):s.k===n.k),ss=(s,n,r=!1)=>{const a=n.j=s.j,e=s.m,b=n.m,o=n.C,l=n.u;null==l?(q="svg"===o||"foreignObject"!==o&&q,"slot"!==o||V||s.S!==n.S&&(n.j["s-sn"]=n.S||"",(s=>{d.i|=1;const n=s.closest(S.toLowerCase());if(null!=n){const r=Array.from(n.__childNodes||n.childNodes).find((s=>s["s-cr"])),a=Array.from(s.__childNodes||s.childNodes);for(const s of r?a.reverse():a)null!=s["s-sh"]&&(as(n,s,null!=r?r:null),s["s-sh"]=void 0)}d.i&=-2})(n.j.parentElement)),U(s,n,q),null!==e&&null!==b?((s,n,r,a,e=!1)=>{let b,o,l=0,t=0,i=0,d=0,c=n.length-1,p=n[0],v=n[c],g=a.length-1,u=a[0],h=a[g];const f="template"===r.C?s.content:s;for(;l<=c&&t<=g;)if(null==p)p=n[++l];else if(null==v)v=n[--c];else if(null==u)u=a[++t];else if(null==h)h=a[--g];else if(X(p,u,e))ss(p,u,e),p=n[++l],u=a[++t];else if(X(v,h,e))ss(v,h,e),v=n[--c],h=a[--g];else if(X(p,h,e))ss(p,h,e),as(f,p.j,v.j.nextSibling),p=n[++l],h=a[--g];else if(X(v,u,e))ss(v,u,e),as(f,v.j,p.j),v=n[--c],u=a[++t];else{for(i=-1,d=l;d<=c;++d)if(n[d]&&null!==n[d].k&&n[d].k===u.k){i=d;break}i>=0?(o=n[i],o.C!==u.C?b=J(n&&n[t],r,i):(ss(o,u,e),n[i]=void 0,b=o.j),u=a[++t]):(b=J(n&&n[t],r,t),u=a[++t]),b&&as(p.j.parentNode,b,p.j)}l>c?K(s,null==a[g+1]?null:a[g+1].j,r,a,t,g):t>g&&Q(n,l,c)})(a,e,n,b,r):null!==b?(null!==s.u&&(a.textContent=""),K(a,null,n,b,0,b.length-1)):!r&&null!==e&&Q(e,0,e.length-1),q&&"svg"===o&&(q=!1)):s.u!==l&&(a.data=l)},ns=s=>{s.h&&s.h.ref&&Y.push((()=>s.h.ref(null))),s.m&&s.m.map(ns)},rs=(s,n)=>{Z.push((()=>s(n)))},as=(s,n,r)=>s.__insertBefore?s.__insertBefore(n,r):null==s?void 0:s.insertBefore(n,r),es=(s,n,r=!1)=>{const a=s.$hostElement$,e=s.l,b=s.$||L(null,null);var o;const l=(o=n)&&o.C===E?n:O(null,null,n);if(S=a.tagName,e.M&&(l.h=l.h||{},e.M.forEach((([s,n])=>{l.h[n]=a[s]}))),r&&l.h)for(const s of Object.keys(l.h))a.hasAttribute(s)&&!["key","ref","style","class"].includes(s)&&(l.h[s]=a[s]);l.C=null,l.i|=4,s.$=l,l.j=b.j=a.shadowRoot||a,V=!(!(1&e.i)||128&e.i),ss(b,l,r),Y.forEach((s=>s())),Y.length=0,Z.forEach((s=>s())),Z.length=0},bs=(s,n)=>{if(n&&!s.B&&n["s-p"]){const r=n["s-p"].push(new Promise((a=>s.B=()=>{n["s-p"].splice(r-1,1),a()})))}},os=(s,n)=>{if(s.i|=16,4&s.i)return void(s.i|=512);bs(s,s.O);const r=()=>ls(s,n);if(!n)return k(r);queueMicrotask((()=>{r()}))},ls=(s,n)=>{const r=s.$hostElement$,a=r;if(!a)throw new Error(`Can't render component <${r.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 e;return e=gs(a,n?"componentWillLoad":"componentWillUpdate",void 0,r),e=ts(e,(()=>gs(a,"componentWillRender",void 0,r))),ts(e,(()=>ds(s,a,n)))},ts=(s,n)=>is(s)?s.then(n).catch((s=>{console.error(s),n()})):n(),is=s=>s instanceof Promise||s&&s.then&&"function"==typeof s.then,ds=async(s,n,r)=>{var a;const e=s.$hostElement$,b=e["s-rc"];r&&(s=>{const n=s.l,r=s.$hostElement$,a=n.i,e=((s,n)=>{var r,a,e;const b=M(n),o=l.get(b);if(!t.document)return b;if(s=11===s.nodeType?s:t.document,o)if("string"==typeof o){let e,l=$.get(s=s.head||s);if(l||$.set(s,l=new Set),!l.has(b)){e=t.document.createElement("style"),e.textContent=o;const i=null!=(r=d.L)?r:function(){var s,n,r;return null!=(r=null==(n=null==(s=t.document.head)?void 0:s.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?r:void 0}();if(null!=i&&e.setAttribute("nonce",i),!(1&n.i))if("HEAD"===s.nodeName){const n=s.querySelectorAll("link[rel=preconnect]"),r=n.length>0?n[n.length-1].nextSibling:s.querySelector("style");s.insertBefore(e,(null==r?void 0:r.parentNode)===s?r:null)}else if("host"in s)if(p){const n=new(null!=(a=s.defaultView)?a:s.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(o),v?s.adoptedStyleSheets.unshift(n):s.adoptedStyleSheets=[n,...s.adoptedStyleSheets]}else{const n=s.querySelector("style");n?n.textContent=o+n.textContent:s.prepend(e)}else s.append(e);1&n.i&&s.insertBefore(e,null),4&n.i&&(e.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(b)}}else{let n=$.get(s);if(n||$.set(s,n=new Set),!n.has(b)){const r=null!=(e=s.defaultView)?e:s.ownerDocument.defaultView;let a;if(o.constructor===r.CSSStyleSheet)a=o;else{a=new r.CSSStyleSheet;for(let s=0;s<o.cssRules.length;s++)a.insertRule(o.cssRules[s].cssText,s)}v?s.adoptedStyleSheets.push(a):s.adoptedStyleSheets=[...s.adoptedStyleSheets,a],n.add(b)}}return b})(r.shadowRoot?r.shadowRoot:r.getRootNode(),n);10&a&&(r["s-sc"]=e,r.classList.add(e+"-h"))})(s);cs(s,n,e,r),b&&(b.map((s=>s())),e["s-rc"]=void 0);{const n=null!=(a=e["s-p"])?a:[],r=()=>ps(s);0===n.length?r():(Promise.all(n).then(r).catch(r),s.i|=4,n.length=0)}},cs=(s,n,r,a)=>{try{n=n.render(),s.i&=-17,s.i|=2,es(s,n,a)}catch(n){o(n,s.$hostElement$)}return null},ps=s=>{const n=s.$hostElement$,r=n,a=s.O;gs(r,"componentDidRender",void 0,n),64&s.i?gs(r,"componentDidUpdate",void 0,n):(s.i|=64,us(n),gs(r,"componentDidLoad",void 0,n),s.D(n),a||vs()),s.B&&(s.B(),s.B=void 0),512&s.i&&w((()=>os(s,!1))),s.i&=-517},vs=()=>{w((()=>N(t,"appload",{detail:{namespace:"brandsync-wc"}})))},gs=(s,n,r,a)=>{if(s&&s[n])try{return s[n](r)}catch(s){o(s,a)}},us=s=>s.classList.add("hydrated"),hs=(s,n,r,a)=>{const b=e(s);if(!b)return;const o=s,l=b.t.get(n),t=b.i,i=o;r=T(r,a.o[n][0]);const d=Number.isNaN(l)&&Number.isNaN(r);if(r!==l&&!d&&(b.t.set(n,r),2&t)){if(i.componentShouldUpdate&&!1===i.componentShouldUpdate(r,l,n)&&!(16&t))return;16&t||os(b,!1)}},fs=(s,r)=>{var a,b;const o=s.prototype;if(r.o){const l=Object.entries(null!=(a=r.o)?a:{});l.map((([s,[a]])=>{if(31&a||32&a){const{get:b,set:l}=n(o,s)||{};b&&(r.o[s][0]|=2048),l&&(r.o[s][0]|=4096),Object.defineProperty(o,s,{get(){return b?b.apply(this):(n=s,e(this).t.get(n));var n},configurable:!0,enumerable:!0}),Object.defineProperty(o,s,{set(n){const b=e(this);if(b){if(l)return void 0===(32&a?this[s]:b.$hostElement$[s])&&b.t.get(s)&&(n=b.t.get(s)),l.apply(this,[T(n,a)]),void hs(this,s,n=32&a?this[s]:b.$hostElement$[s],r);hs(this,s,n,r)}}})}}));{const n=new Map;o.attributeChangedCallback=function(s,a,b){d.jmp((()=>{var t;const i=n.get(s),d=e(this);if(this.hasOwnProperty(i),o.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==b)return;if(null==i){const n=null==d?void 0:d.i;if(d&&n&&!(8&n)&&b!==a){const e=this,o=null==(t=r.R)?void 0:t[s];null==o||o.forEach((r=>{const[[o,l]]=Object.entries(r);null!=e[o]&&(128&n||1&l)&&e[o].call(e,b,a,s)}))}return}const c=l.find((([s])=>s===i)),p=c&&4&c[1][0],v=p&&null===b&&void 0===this[i];p&&(b=null!==b&&"false"!==b);const g=Object.getOwnPropertyDescriptor(o,i);v||b==this[i]||g.get&&!g.set||(this[i]=b)}))},s.observedAttributes=Array.from(new Set([...Object.keys(null!=(b=r.R)?b:{}),...l.filter((([s,n])=>31&n[0])).map((([s,a])=>{var e;const b=a[1]||s;return n.set(b,s),512&a[0]&&(null==(e=r.M)||e.push([s,b])),b}))]))}}return s},ms=async(s,n,r)=>{let a;try{if(!(32&n.i)&&(n.i|=32,n.i&=-1025,a=s.constructor,customElements.whenDefined(s.localName).then((()=>n.i|=128)),a&&a.style)){let s;"string"==typeof a.style&&(s=a.style);const n=M(r);if(!l.has(n)){const a=()=>{};((s,n,r)=>{let a=l.get(s);p&&r?(a=a||new CSSStyleSheet,"string"==typeof a?a=n:a.replaceSync(n)):a=n,l.set(s,a)})(n,s,!!(1&r.i)),a()}}const e=n.O,b=()=>os(n,!0);e&&e["s-rc"]?e["s-rc"].push(b):b()}catch(r){o(r,s),n.B&&(n.B(),n.B=void 0),!n.D||1024&n.i||n.D(s)}},ys=(s,n)=>{const r={i:n[0],v:n[1]};try{r.o=n[2],r.A=n[3],r.M=[];const b=s.prototype.connectedCallback,o=s.prototype.disconnectedCallback;return Object.assign(s.prototype,{__hasHostListenerAttached:!1,__registerHost(){((s,n)=>{const r={i:0,$hostElement$:s,l:n,t:new Map,T:new Map};r.W=new Promise((s=>r.D=s)),s["s-p"]=[],s["s-rc"]=[];const e=r;s.__stencil__getHostRef=()=>e,512&n.i&&a(s,r)})(this,r)},connectedCallback(){if(!this.__hasHostListenerAttached){const s=e(this);if(!s)return;xs(this,s,r.A),this.__hasHostListenerAttached=!0}(s=>{if(!(1&d.i)){const n=e(s);if(!n)return;const r=n.l,a=()=>{};if(1&n.i)xs(s,n,r.A),(null==n?void 0:n.N)||(1024&n.i?setTimeout((()=>ms(s,n,r)),1e3):(null==n?void 0:n.W)&&n.W.then((()=>{})));else{n.i|=1;{let r=s;for(;r=r.parentNode||r.host;)if(r["s-p"]){bs(n,n.O=r);break}}r.o&&Object.entries(r.o).map((([n,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(s,n)){const r=s[n];delete s[n],s[n]=r}})),ms(s,n,r)}a()}})(this),b&&b.call(this)},disconnectedCallback(){(async s=>{if(!(1&d.i)){const n=e(s);(null==n?void 0:n.P)&&(n.P.map((s=>s())),n.P=void 0)}$.has(s)&&$.delete(s),s.shadowRoot&&$.has(s.shadowRoot)&&$.delete(s.shadowRoot)})(this),o&&o.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${r.v}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(this,r)}}),Object.defineProperty(s,"is",{value:r.v,configurable:!0}),fs(s,r)}catch(n){return o(n),s}},xs=(s,n,r)=>{r&&t.document&&r.map((([r,a,e])=>{const b=ks(t.document,s,r),o=ws(n,e),l=zs(r);d.ael(b,a,o,l),(n.P=n.P||[]).push((()=>d.rel(b,a,o,l)))}))},ws=(s,n)=>r=>{try{s.$hostElement$[n](r)}catch(n){o(n,s.$hostElement$)}},ks=(s,n,r)=>4&r?s:n,zs=s=>c?{passive:!!(1&s),capture:!!(2&s)}:!!(2&s),Cs=s=>d.L=s,js=s=>Object.assign(d,s),Ss=new WeakMap;function $s(s,n){let r=Ss.get(n);r||(r={i:0,l:{i:0,v:n.tagName},$hostElement$:n},Ss.set(n,r)),es(r,s)}function Ms(s){return s}export{i as H,Cs as a,js as b,W as c,z as g,O as h,ys as p,$s as r,C as s,Ms as t}
+const s="/*\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";function n(s,n,r){const a="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;s&&s!==a;){const a=Object.getOwnPropertyDescriptor(s,n);if(a&&(!r||a.get))return a;s=Object.getPrototypeOf(s)}}var r,a=(s,r)=>{var a;Object.entries(null!=(a=r.l.o)?a:{}).map((([a,[e]])=>{if(31&e||32&e){const e=s[a],b=n(Object.getPrototypeOf(s),a,!0)||Object.getOwnPropertyDescriptor(s,a);b&&Object.defineProperty(s,a,{get(){return b.get.call(this)},set(s){b.set.call(this,s)},configurable:!0,enumerable:!0}),r.t.has(a)?s[a]=r.t.get(a):void 0!==e&&(s[a]=e)}}))},e=s=>{if(s.__stencil__getHostRef)return s.__stencil__getHostRef()},b=(s,n)=>n in s,o=(s,n)=>(0,console.error)(s,n),l=new Map,t="undefined"!=typeof window?window:{},i=t.HTMLElement||class{},d={i:0,p:"",jmp:s=>s(),raf:s=>requestAnimationFrame(s),ael:(s,n,r,a)=>s.addEventListener(n,r,a),rel:(s,n,r,a)=>s.removeEventListener(n,r,a),ce:(s,n)=>new CustomEvent(s,n)},c=(()=>{var s;let n=!1;try{null==(s=t.document)||s.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch(s){}return n})(),p=(()=>{try{return!!t.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(s){}return!1})(),v=!!p&&(()=>!!t.document&&Object.getOwnPropertyDescriptor(t.document.adoptedStyleSheets,"length").writable)(),g=!1,u=[],h=[],f=()=>{var s;return(null==(s=t.document)?void 0:s.hidden)?w(x):d.raf(x)},m=(s,n)=>r=>{s.push(r),g||(g=!0,n&&4&d.i?w(x):f())},y=s=>{for(let n=0;n<s.length;n++)try{s[n](performance.now())}catch(s){o(s)}s.length=0},x=()=>{y(u),y(h),(g=u.length>0)&&f()},w=s=>Promise.resolve(undefined).then(s),k=m(h,!0),z=s=>{const n=new URL(s,d.p);return n.origin!==t.location.origin?n.href:n.pathname},C=s=>d.p=s;function j(n){var a;const e={mode:"open"};e.delegatesFocus=!!(16&n.i);const b=this.attachShadow(e);if(void 0===r&&(r=null!=(a=function(s){if(!p)return;const n=new CSSStyleSheet;return n.replaceSync(s),n}(s))?a:null),r)v?b.adoptedStyleSheets.push(r):b.adoptedStyleSheets=[...b.adoptedStyleSheets,r];else if(!p){const n=document.createElement("style");n.innerHTML=s,b.prepend(n)}}var S,$=new WeakMap,M=s=>"sc-"+s.v,B=s=>"object"==(s=typeof s)||"function"===s,O=(s,n,...r)=>{let a=null,e=null,b=!1,l=!1;const t=[],i=n=>{for(let r=0;r<n.length;r++)if(a=n[r],Array.isArray(a))i(a);else if(null!=a&&"boolean"!=typeof a){if(b="function"!=typeof s&&!B(a))a=String(a);else if("function"!=typeof s&&void 0===a.i){o("Invalid vNode child");continue}b&&l?t[t.length-1].u+=a:t.push(b?L(null,a):a),l=b}};if(i(r),n){n.key&&(e=n.key);{const s=n.className||n.class;s&&(n.class="object"!=typeof s?s:Object.keys(s).filter((n=>s[n])).join(" "))}}if("function"==typeof s)return s(null===n?{}:n,t,D);const d=L(s,null);return d.h=n,t.length>0&&(d.m=t),d.k=e,d},L=(s,n)=>({i:0,C:s,u:null!=n?n:null,j:null,m:null,h:null,k:null}),E={},D={forEach:(s,n)=>s.map(R).forEach(n),map:(s,n)=>s.map(R).map(n).map(A)},R=s=>({vattrs:s.h,vchildren:s.m,vkey:s.k,vname:s.S,vtag:s.C,vtext:s.u}),A=s=>{if("function"==typeof s.vtag){const n={...s.vattrs};return s.vkey&&(n.key=s.vkey),s.vname&&(n.name=s.vname),O(s.vtag,n,...s.vchildren||[])}const n=L(s.vtag,s.vtext);return n.h=s.vattrs,n.m=s.vchildren,n.k=s.vkey,n.S=s.vname,n},T=(s,n)=>null==s||B(s)?s:4&n?"false"!==s&&(""===s||!!s):2&n?"string"==typeof s?parseFloat(s):"number"==typeof s?s:NaN:1&n?String(s):s,N=(s,n)=>{const r=s;return{emit:s=>W(r,n,{bubbles:!0,composed:!0,cancelable:!0,detail:s})}},W=(s,n,r)=>{const a=d.ce(n,r);return s.dispatchEvent(a),a},F=(s,n,r,a,o,l)=>{if(r===a)return;let i=b(s,n),c=n.toLowerCase();if("class"===n){const n=s.classList,e=_(r);let b=_(a);n.remove(...e.filter((s=>s&&!b.includes(s)))),n.add(...b.filter((s=>s&&!e.includes(s))))}else if("style"===n){for(const n in r)a&&null!=a[n]||(n.includes("-")?s.style.removeProperty(n):s.style[n]="");for(const n in a)r&&a[n]===r[n]||(n.includes("-")?s.style.setProperty(n,a[n]):s.style[n]=a[n])}else if("key"===n);else if("ref"===n)a&&rs(a,s);else if(s.__lookupSetter__(n)||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const r=n.slice(5);let b;{const n=e(s);if(n&&n.l&&n.l.o){const s=n.l.o[r];s&&s[1]&&(b=s[1])}}return b||(b=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==a||!1===a?!1===a&&""!==s.getAttribute(b)||s.removeAttribute(b):s.setAttribute(b,!0===a?"":a))}if("p"===n[0]&&n.startsWith("prop:")){const r=n.slice(5);try{s[r]=a}catch(s){}return}{const e=B(a);if((i||e&&null!==a)&&!o)try{if(s.tagName.includes("-"))s[n]!==a&&(s[n]=a);else{const e=null==a?"":a;"list"===n?i=!1:null!=r&&s[n]===e||("function"==typeof s.__lookupSetter__(n)?s[n]=e:s.setAttribute(n,e))}}catch(s){}null==a||!1===a?!1===a&&""!==s.getAttribute(n)||s.removeAttribute(n):(!i||4&l||o)&&!e&&1===s.nodeType&&s.setAttribute(n,a=!0===a?"":a)}}else if(n="-"===n[2]?n.slice(3):b(t,c)?c.slice(2):c[2]+n.slice(3),r||a){const e=n.endsWith(I);n=n.replace(H,""),r&&d.rel(s,n,r,e),a&&d.ael(s,n,a,e)}},P=/\s/,_=s=>("object"==typeof s&&s&&"baseVal"in s&&(s=s.baseVal),s&&"string"==typeof s?s.split(P):[]),I="Capture",H=new RegExp(I+"$"),U=(s,n,r)=>{const a=11===n.j.nodeType&&n.j.host?n.j.host:n.j,e=s&&s.h||{},b=n.h||{};for(const s of G(Object.keys(e)))s in b||F(a,s,e[s],void 0,r,n.i);for(const s of G(Object.keys(b)))F(a,s,e[s],b[s],r,n.i)};function G(s){return s.includes("ref")?[...s.filter((s=>"ref"!==s)),"ref"]:s}var V=!1,q=!1,Y=[],Z=[],J=(s,n,r)=>{const a=n.m[r];let e,b,o=0;if(null!=a.u)e=a.j=t.document.createTextNode(a.u);else{if(q||(q="svg"===a.C),!t.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(e=a.j=t.document.createElementNS(q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",a.C),q&&"foreignObject"===a.C&&(q=!1),U(null,a,q),a.m){const n="template"===a.C?e.content:e;for(o=0;o<a.m.length;++o)b=J(s,a,o),b&&n.appendChild(b)}"svg"===a.C?q=!1:"foreignObject"===e.tagName&&(q=!0)}return e["s-hn"]=S,e},K=(s,n,r,a,e,b)=>{let o,l=s;for(l.shadowRoot&&l.tagName===S&&(l=l.shadowRoot),"template"===r.C&&(l=l.content);e<=b;++e)a[e]&&(o=J(null,r,e),o&&(a[e].j=o,as(l,o,n)))},Q=(s,n,r)=>{for(let a=n;a<=r;++a){const n=s[a];if(n){const s=n.j;ns(n),s&&s.remove()}}},X=(s,n,r=!1)=>s.C===n.C&&(r?(r&&!s.k&&n.k&&(s.k=n.k),!0):s.k===n.k),ss=(s,n,r=!1)=>{const a=n.j=s.j,e=s.m,b=n.m,o=n.C,l=n.u;null==l?(q="svg"===o||"foreignObject"!==o&&q,"slot"!==o||V||s.S!==n.S&&(n.j["s-sn"]=n.S||"",(s=>{d.i|=1;const n=s.closest(S.toLowerCase());if(null!=n){const r=Array.from(n.__childNodes||n.childNodes).find((s=>s["s-cr"])),a=Array.from(s.__childNodes||s.childNodes);for(const s of r?a.reverse():a)null!=s["s-sh"]&&(as(n,s,null!=r?r:null),s["s-sh"]=void 0)}d.i&=-2})(n.j.parentElement)),U(s,n,q),null!==e&&null!==b?((s,n,r,a,e=!1)=>{let b,o,l=0,t=0,i=0,d=0,c=n.length-1,p=n[0],v=n[c],g=a.length-1,u=a[0],h=a[g];const f="template"===r.C?s.content:s;for(;l<=c&&t<=g;)if(null==p)p=n[++l];else if(null==v)v=n[--c];else if(null==u)u=a[++t];else if(null==h)h=a[--g];else if(X(p,u,e))ss(p,u,e),p=n[++l],u=a[++t];else if(X(v,h,e))ss(v,h,e),v=n[--c],h=a[--g];else if(X(p,h,e))ss(p,h,e),as(f,p.j,v.j.nextSibling),p=n[++l],h=a[--g];else if(X(v,u,e))ss(v,u,e),as(f,v.j,p.j),v=n[--c],u=a[++t];else{for(i=-1,d=l;d<=c;++d)if(n[d]&&null!==n[d].k&&n[d].k===u.k){i=d;break}i>=0?(o=n[i],o.C!==u.C?b=J(n&&n[t],r,i):(ss(o,u,e),n[i]=void 0,b=o.j),u=a[++t]):(b=J(n&&n[t],r,t),u=a[++t]),b&&as(p.j.parentNode,b,p.j)}l>c?K(s,null==a[g+1]?null:a[g+1].j,r,a,t,g):t>g&&Q(n,l,c)})(a,e,n,b,r):null!==b?(null!==s.u&&(a.textContent=""),K(a,null,n,b,0,b.length-1)):!r&&null!==e&&Q(e,0,e.length-1),q&&"svg"===o&&(q=!1)):s.u!==l&&(a.data=l)},ns=s=>{s.h&&s.h.ref&&Y.push((()=>s.h.ref(null))),s.m&&s.m.map(ns)},rs=(s,n)=>{Z.push((()=>s(n)))},as=(s,n,r)=>s.__insertBefore?s.__insertBefore(n,r):null==s?void 0:s.insertBefore(n,r),es=(s,n,r=!1)=>{const a=s.$hostElement$,e=s.l,b=s.$||L(null,null);var o;const l=(o=n)&&o.C===E?n:O(null,null,n);if(S=a.tagName,e.M&&(l.h=l.h||{},e.M.forEach((([s,n])=>{l.h[n]=a[s]}))),r&&l.h)for(const s of Object.keys(l.h))a.hasAttribute(s)&&!["key","ref","style","class"].includes(s)&&(l.h[s]=a[s]);l.C=null,l.i|=4,s.$=l,l.j=b.j=a.shadowRoot||a,V=!(!(1&e.i)||128&e.i),ss(b,l,r),Y.forEach((s=>s())),Y.length=0,Z.forEach((s=>s())),Z.length=0},bs=(s,n)=>{if(n&&!s.B&&n["s-p"]){const r=n["s-p"].push(new Promise((a=>s.B=()=>{n["s-p"].splice(r-1,1),a()})))}},os=(s,n)=>{if(s.i|=16,4&s.i)return void(s.i|=512);bs(s,s.O);const r=()=>ls(s,n);if(!n)return k(r);queueMicrotask((()=>{r()}))},ls=(s,n)=>{const r=s.$hostElement$,a=r;if(!a)throw new Error(`Can't render component <${r.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 e;return e=gs(a,n?"componentWillLoad":"componentWillUpdate",void 0,r),e=ts(e,(()=>gs(a,"componentWillRender",void 0,r))),ts(e,(()=>ds(s,a,n)))},ts=(s,n)=>is(s)?s.then(n).catch((s=>{console.error(s),n()})):n(),is=s=>s instanceof Promise||s&&s.then&&"function"==typeof s.then,ds=async(s,n,r)=>{var a;const e=s.$hostElement$,b=e["s-rc"];r&&(s=>{const n=s.l,r=s.$hostElement$,a=n.i,e=((s,n)=>{var r,a,e;const b=M(n),o=l.get(b);if(!t.document)return b;if(s=11===s.nodeType?s:t.document,o)if("string"==typeof o){let e,l=$.get(s=s.head||s);if(l||$.set(s,l=new Set),!l.has(b)){e=t.document.createElement("style"),e.textContent=o;const i=null!=(r=d.L)?r:function(){var s,n,r;return null!=(r=null==(n=null==(s=t.document.head)?void 0:s.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?r:void 0}();if(null!=i&&e.setAttribute("nonce",i),!(1&n.i))if("HEAD"===s.nodeName){const n=s.querySelectorAll("link[rel=preconnect]"),r=n.length>0?n[n.length-1].nextSibling:s.querySelector("style");s.insertBefore(e,(null==r?void 0:r.parentNode)===s?r:null)}else if("host"in s)if(p){const n=new(null!=(a=s.defaultView)?a:s.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(o),v?s.adoptedStyleSheets.unshift(n):s.adoptedStyleSheets=[n,...s.adoptedStyleSheets]}else{const n=s.querySelector("style");n?n.textContent=o+n.textContent:s.prepend(e)}else s.append(e);1&n.i&&s.insertBefore(e,null),4&n.i&&(e.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(b)}}else{let n=$.get(s);if(n||$.set(s,n=new Set),!n.has(b)){const r=null!=(e=s.defaultView)?e:s.ownerDocument.defaultView;let a;if(o.constructor===r.CSSStyleSheet)a=o;else{a=new r.CSSStyleSheet;for(let s=0;s<o.cssRules.length;s++)a.insertRule(o.cssRules[s].cssText,s)}v?s.adoptedStyleSheets.push(a):s.adoptedStyleSheets=[...s.adoptedStyleSheets,a],n.add(b)}}return b})(r.shadowRoot?r.shadowRoot:r.getRootNode(),n);10&a&&(r["s-sc"]=e,r.classList.add(e+"-h"))})(s);cs(s,n,e,r),b&&(b.map((s=>s())),e["s-rc"]=void 0);{const n=null!=(a=e["s-p"])?a:[],r=()=>ps(s);0===n.length?r():(Promise.all(n).then(r).catch(r),s.i|=4,n.length=0)}},cs=(s,n,r,a)=>{try{n=n.render(),s.i&=-17,s.i|=2,es(s,n,a)}catch(n){o(n,s.$hostElement$)}return null},ps=s=>{const n=s.$hostElement$,r=n,a=s.O;gs(r,"componentDidRender",void 0,n),64&s.i?gs(r,"componentDidUpdate",void 0,n):(s.i|=64,us(n),gs(r,"componentDidLoad",void 0,n),s.D(n),a||vs()),s.B&&(s.B(),s.B=void 0),512&s.i&&w((()=>os(s,!1))),s.i&=-517},vs=()=>{w((()=>W(t,"appload",{detail:{namespace:"brandsync-wc"}})))},gs=(s,n,r,a)=>{if(s&&s[n])try{return s[n](r)}catch(s){o(s,a)}},us=s=>s.classList.add("hydrated"),hs=(s,n,r,a)=>{const b=e(s);if(!b)return;const o=s,l=b.t.get(n),t=b.i,i=o;r=T(r,a.o[n][0]);const d=Number.isNaN(l)&&Number.isNaN(r);if(r!==l&&!d&&(b.t.set(n,r),2&t)){if(i.componentShouldUpdate&&!1===i.componentShouldUpdate(r,l,n)&&!(16&t))return;16&t||os(b,!1)}},fs=(s,r)=>{var a,b;const o=s.prototype;if(r.o){const l=Object.entries(null!=(a=r.o)?a:{});l.map((([s,[a]])=>{if(31&a||32&a){const{get:b,set:l}=n(o,s)||{};b&&(r.o[s][0]|=2048),l&&(r.o[s][0]|=4096),Object.defineProperty(o,s,{get(){return b?b.apply(this):(n=s,e(this).t.get(n));var n},configurable:!0,enumerable:!0}),Object.defineProperty(o,s,{set(n){const b=e(this);if(b){if(l)return void 0===(32&a?this[s]:b.$hostElement$[s])&&b.t.get(s)&&(n=b.t.get(s)),l.apply(this,[T(n,a)]),void hs(this,s,n=32&a?this[s]:b.$hostElement$[s],r);hs(this,s,n,r)}}})}}));{const n=new Map;o.attributeChangedCallback=function(s,a,b){d.jmp((()=>{var t;const i=n.get(s),d=e(this);if(this.hasOwnProperty(i),o.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==b)return;if(null==i){const n=null==d?void 0:d.i;if(d&&n&&!(8&n)&&b!==a){const e=this,o=null==(t=r.R)?void 0:t[s];null==o||o.forEach((r=>{const[[o,l]]=Object.entries(r);null!=e[o]&&(128&n||1&l)&&e[o].call(e,b,a,s)}))}return}const c=l.find((([s])=>s===i)),p=c&&4&c[1][0],v=p&&null===b&&void 0===this[i];p&&(b=null!==b&&"false"!==b);const g=Object.getOwnPropertyDescriptor(o,i);v||b==this[i]||g.get&&!g.set||(this[i]=b)}))},s.observedAttributes=Array.from(new Set([...Object.keys(null!=(b=r.R)?b:{}),...l.filter((([s,n])=>31&n[0])).map((([s,a])=>{var e;const b=a[1]||s;return n.set(b,s),512&a[0]&&(null==(e=r.M)||e.push([s,b])),b}))]))}}return s},ms=async(s,n,r)=>{let a;try{if(!(32&n.i)&&(n.i|=32,n.i&=-1025,a=s.constructor,customElements.whenDefined(s.localName).then((()=>n.i|=128)),a&&a.style)){let s;"string"==typeof a.style&&(s=a.style);const n=M(r);if(!l.has(n)){const a=()=>{};((s,n,r)=>{let a=l.get(s);p&&r?(a=a||new CSSStyleSheet,"string"==typeof a?a=n:a.replaceSync(n)):a=n,l.set(s,a)})(n,s,!!(1&r.i)),a()}}const e=n.O,b=()=>os(n,!0);e&&e["s-rc"]?e["s-rc"].push(b):b()}catch(r){o(r,s),n.B&&(n.B(),n.B=void 0),!n.D||1024&n.i||n.D(s)}},ys=(s,n)=>{const r={i:n[0],v:n[1]};try{r.o=n[2],r.A=n[3],r.M=[];const b=s.prototype.connectedCallback,o=s.prototype.disconnectedCallback;return Object.assign(s.prototype,{__hasHostListenerAttached:!1,__registerHost(){((s,n)=>{const r={i:0,$hostElement$:s,l:n,t:new Map,T:new Map};r.N=new Promise((s=>r.D=s)),s["s-p"]=[],s["s-rc"]=[];const e=r;s.__stencil__getHostRef=()=>e,512&n.i&&a(s,r)})(this,r)},connectedCallback(){if(!this.__hasHostListenerAttached){const s=e(this);if(!s)return;xs(this,s,r.A),this.__hasHostListenerAttached=!0}(s=>{if(!(1&d.i)){const n=e(s);if(!n)return;const r=n.l,a=()=>{};if(1&n.i)xs(s,n,r.A),(null==n?void 0:n.W)||(1024&n.i?setTimeout((()=>ms(s,n,r)),1e3):(null==n?void 0:n.N)&&n.N.then((()=>{})));else{n.i|=1;{let r=s;for(;r=r.parentNode||r.host;)if(r["s-p"]){bs(n,n.O=r);break}}r.o&&Object.entries(r.o).map((([n,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(s,n)){const r=s[n];delete s[n],s[n]=r}})),ms(s,n,r)}a()}})(this),b&&b.call(this)},disconnectedCallback(){(async s=>{if(!(1&d.i)){const n=e(s);(null==n?void 0:n.F)&&(n.F.map((s=>s())),n.F=void 0)}$.has(s)&&$.delete(s),s.shadowRoot&&$.has(s.shadowRoot)&&$.delete(s.shadowRoot)})(this),o&&o.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${r.v}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(this,r)}}),Object.defineProperty(s,"is",{value:r.v,configurable:!0}),fs(s,r)}catch(n){return o(n),s}},xs=(s,n,r)=>{r&&t.document&&r.map((([r,a,e])=>{const b=ks(t.document,s,r),o=ws(n,e),l=zs(r);d.ael(b,a,o,l),(n.F=n.F||[]).push((()=>d.rel(b,a,o,l)))}))},ws=(s,n)=>r=>{try{s.$hostElement$[n](r)}catch(n){o(n,s.$hostElement$)}},ks=(s,n,r)=>4&r?s:n,zs=s=>c?{passive:!!(1&s),capture:!!(2&s)}:!!(2&s),Cs=s=>d.L=s,js=s=>Object.assign(d,s),Ss=new WeakMap;function $s(s,n){let r=Ss.get(n);r||(r={i:0,l:{i:0,v:n.tagName},$hostElement$:n},Ss.set(n,r)),es(r,s)}function Ms(s){return s}export{i as H,Cs as a,js as b,N as c,z as g,O as h,ys as p,$s as r,C as s,Ms as t}

package/dist/esm/brandsync-wc.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BOj_41o9.js';
-export { s as setNonce } from './index-BOj_41o9.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-nLORuTUY.js';
+export { s as setNonce } from './index-nLORuTUY.js';
 
 /*
  Stencil Client Patch Browser v4.44.0 | MIT Licensed | https://stenciljs.com
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-modal",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
+  return bootstrapLazy([["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-modal",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
 });

package/dist/esm/bs-badge.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BOj_41o9.js';
+import { r as registerInstance, h } from './index-nLORuTUY.js';
 
 const bsBadgeCss = () => `:host{display:inline-block}.bs-badge{display:inline-flex;align-items:center;height:var(--bs-spacing-400);padding:0 var(--bs-spacing-200);border-radius:var(--bs-border-radius-full);font-size:var(--bs-font-size-xs);font-weight:var(--bs-font-weight-medium);font-family:inherit;white-space:nowrap}.bs-badge--default{background:var(--bs-badge-bg-default);color:var(--bs-badge-text-default)}.bs-badge--primary{background:var(--bs-badge-bg-primary-container);color:var(--bs-badge-text-primary)}.bs-badge--success{background:var(--bs-badge-bg-success-container);color:var(--bs-badge-text-success)}.bs-badge--warning{background:var(--bs-badge-bg-warning-container);color:var(--bs-badge-text-warning)}.bs-badge--info{background:var(--bs-badge-bg-info-container);color:var(--bs-badge-text-info)}.bs-badge--error{background:var(--bs-badge-bg-error-container);color:var(--bs-badge-text-error)}.bs-badge--neutral{background:var(--bs-badge-bg-neutral-container);color:var(--bs-badge-text-neutral)}.bs-badge--inverse{background:var(--bs-badge-bg-inverse);color:var(--bs-badge-text-inverse)}`;
 

package/dist/esm/bs-button-skeleton.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BOj_41o9.js';
+import { r as registerInstance, h } from './index-nLORuTUY.js';
 
 const bsButtonSkeletonCss = () => `:host{display:inline-block;--bs-button-skeleton-height-sm:var(--bs-spacing-500);--bs-button-skeleton-height-md:var(--bs-spacing-600);--bs-button-skeleton-height-lg:var(--bs-spacing-700);--bs-button-skeleton-width:96px}.bs-button-skeleton{display:inline-block;border-radius:var(--bs-border-radius-100);width:var(--bs-button-skeleton-width);background:var(--bs-color-neutral-container);animation:bs-button-skeleton-pulse 1.5s ease-in-out infinite}.bs-button-skeleton--sm{height:var(--bs-button-skeleton-height-sm)}.bs-button-skeleton--md{height:var(--bs-button-skeleton-height-md)}.bs-button-skeleton--lg{height:var(--bs-button-skeleton-height-lg)}@keyframes bs-button-skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@media (prefers-reduced-motion: reduce){.bs-button-skeleton{animation:none}}`;
 

package/dist/esm/bs-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-BOj_41o9.js';
+import { r as registerInstance, a as getElement, h } from './index-nLORuTUY.js';
 
 const bsButtonCss = () => `:host{display:inline-block;--bs-button-height-sm:var(--bs-spacing-500);--bs-button-height-md:var(--bs-spacing-600);--bs-button-height-lg:var(--bs-spacing-700);--bs-button-radius:var(--bs-border-radius-100);--bs-button-error-default:var(--bs-color-error-default);--bs-button-error-hover:var(--bs-color-error-hover);--bs-button-error-focus:var(--bs-border-error-focus);--bs-button-error-pressed:var(--bs-color-error-pressed);--bs-button-error-disabled:var(--bs-surface-action-disabled);--bs-button-success-default:var(--bs-color-success-default);--bs-button-success-hover:var(--bs-color-success-hover);--bs-button-success-focus:var(--bs-border-success-focus);--bs-button-success-pressed:var(--bs-color-success-pressed);--bs-button-success-disabled:var(--bs-surface-action-disabled);--bs-button-warning-default:var(--bs-color-warning-default);--bs-button-warning-hover:var(--bs-color-warning-hover);--bs-button-warning-focus:var(--bs-border-warning-focus);--bs-button-warning-pressed:var(--bs-color-warning-pressed);--bs-button-warning-disabled:var(--bs-surface-action-disabled);--bs-button-info-default:var(--bs-color-info-default);--bs-button-info-hover:var(--bs-color-info-hover);--bs-button-info-focus:var(--bs-border-info-focus);--bs-button-info-pressed:var(--bs-color-info-pressed);--bs-button-info-disabled:var(--bs-surface-action-disabled);--bs-button-subtle-hover:var(--bs-color-neutral-container);--bs-button-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-button-subtle-focus:var(--bs-border-primary-focus);--bs-button-outlined-border:var(--bs-border-primary);--bs-button-outlined-border-hover:var(--bs-border-primary-hover);--bs-button-outlined-focus:var(--bs-border-primary-focus);--bs-button-outlined-container:var(--bs-color-primary-container)}.bs-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--bs-button-radius);font-family:inherit;font-weight:var(--bs-font-weight-semibold);cursor:pointer;transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-button:disabled{cursor:not-allowed}.bs-button--sm{height:var(--bs-button-height-sm);padding:0 var(--bs-spacing-300);font-size:var(--bs-font-size-sm)}.bs-button--md{height:var(--bs-button-height-md);padding:0 var(--bs-spacing-400);font-size:var(--bs-font-size-md)}.bs-button--lg{height:var(--bs-button-height-lg);padding:0 var(--bs-spacing-500);font-size:var(--bs-font-size-lg)}.bs-button--primary{background:var(--bs-button-primary-default);color:var(--bs-text-on-action)}.bs-button--primary:hover:not(:disabled){background:var(--bs-button-primary-hover)}.bs-button--primary:active:not(:disabled){background:var(--bs-button-primary-pressed)}.bs-button--primary:disabled{background:var(--bs-button-primary-disabled);color:var(--bs-text-on-disabled)}.bs-button--neutral{background:var(--bs-button-neutral-container);color:var(--bs-text-default)}.bs-button--neutral:hover:not(:disabled){background:var(--bs-button-neutral-hover)}.bs-button--neutral:active:not(:disabled){background:var(--bs-button-neutral-pressed)}.bs-button--neutral:disabled{background:var(--bs-button-neutral-disabled);color:var(--bs-text-on-disabled)}.bs-button--error{background:var(--bs-button-error-default);color:var(--bs-text-on-action)}.bs-button--error:hover:not(:disabled){background:var(--bs-button-error-hover)}.bs-button--error:active:not(:disabled){background:var(--bs-button-error-pressed)}.bs-button--error:disabled{background:var(--bs-button-error-disabled);color:var(--bs-text-on-disabled)}.bs-button--error:focus-visible{outline-color:var(--bs-button-error-focus)}.bs-button--success{background:var(--bs-button-success-default);color:var(--bs-text-on-action)}.bs-button--success:hover:not(:disabled){background:var(--bs-button-success-hover)}.bs-button--success:active:not(:disabled){background:var(--bs-button-success-pressed)}.bs-button--success:disabled{background:var(--bs-button-success-disabled);color:var(--bs-text-on-disabled)}.bs-button--success:focus-visible{outline-color:var(--bs-button-success-focus)}.bs-button--warning{background:var(--bs-button-warning-default);color:var(--bs-text-default)}.bs-button--warning:hover:not(:disabled){background:var(--bs-button-warning-hover)}.bs-button--warning:active:not(:disabled){background:var(--bs-button-warning-pressed)}.bs-button--warning:disabled{background:var(--bs-button-warning-disabled);color:var(--bs-text-on-disabled)}.bs-button--warning:focus-visible{outline-color:var(--bs-button-warning-focus)}.bs-button--info{background:var(--bs-button-info-default);color:var(--bs-text-on-action)}.bs-button--info:hover:not(:disabled){background:var(--bs-button-info-hover)}.bs-button--info:active:not(:disabled){background:var(--bs-button-info-pressed)}.bs-button--info:disabled{background:var(--bs-button-info-disabled);color:var(--bs-text-on-disabled)}.bs-button--info:focus-visible{outline-color:var(--bs-button-info-focus)}.bs-button--subtle{background:transparent;color:var(--bs-color-neutral-default)}.bs-button--subtle:hover:not(:disabled){background:var(--bs-button-subtle-hover)}.bs-button--subtle:active:not(:disabled){background:var(--bs-button-subtle-pressed)}.bs-button--subtle:disabled{background:transparent;color:var(--bs-text-on-disabled)}.bs-button--subtle:focus-visible{outline-color:var(--bs-button-subtle-focus);background:var(--bs-button-subtle-hover)}.bs-button--outlined{background:transparent;color:var(--bs-color-primary-default);border:1.5px solid var(--bs-button-outlined-border)}.bs-button--outlined:hover:not(:disabled){background:var(--bs-button-outlined-container);border-color:var(--bs-button-outlined-border-hover)}.bs-button--outlined:active:not(:disabled){background:var(--bs-button-outlined-container);color:var(--bs-color-primary-pressed);border-color:var(--bs-button-outlined-border-hover)}.bs-button--outlined:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}.bs-button--outlined:focus-visible{outline-color:var(--bs-button-outlined-focus)}.bs-button__icon--visible{margin-right:var(--bs-spacing-100)}.bs-button__end-icon--visible{margin-left:var(--bs-spacing-100)}.bs-button__icon ::slotted(*),.bs-button__end-icon ::slotted(*){display:block;width:1em;height:1em}.bs-button--icon-only{padding:0;aspect-ratio:1 / 1}.bs-button--icon-only .bs-button__icon--visible{margin-right:0}.bs-button--icon-only .bs-button__end-icon--visible{margin-left:0}`;
 

package/dist/esm/bs-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BOj_41o9.js';
+import { r as registerInstance, h } from './index-nLORuTUY.js';
 
 const bsCardCss = () => `:host{display:block}.bs-card{border:1px solid var(--bs-paper-border-surface);border-radius:var(--bs-border-radius-150);padding:var(--bs-spacing-400);font-family:inherit}.bs-card--base{background:var(--bs-paper-bg-base)}.bs-card--raised{background:var(--bs-paper-bg-raised);box-shadow:var(--bs-shadow-sm)}.bs-card--container{background:var(--bs-paper-bg-container)}.bs-card__header ::slotted(*){margin:0 0 var(--bs-spacing-300) 0}.bs-card__footer ::slotted(*){margin:var(--bs-spacing-300) 0 0 0}`;