@brandsync/wc 0.0.3 → 0.0.4

package/dist/brandsync-wc/{p-BOj_41o9.js → p-nLORuTUY.js}

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

package/dist/cjs/brandsync-wc.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-nyOcuVbF.js');
+var index = require('./index-CVh-sqA_.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input.cjs",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-modal.cjs",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
+  return index.bootstrapLazy([["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input.cjs",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-modal.cjs",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-nyOcuVbF.js');
+var index = require('./index-CVh-sqA_.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/cjs/bs-button-skeleton.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-nyOcuVbF.js');
+var index = require('./index-CVh-sqA_.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/cjs/bs-button.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-nyOcuVbF.js');
+var index = require('./index-CVh-sqA_.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/cjs/bs-card.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-nyOcuVbF.js');
+var index = require('./index-CVh-sqA_.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}`;