npm - @brandsync/wc - Versions diffs - 1.9.0 → 1.11.0 - Mend

@brandsync/wc 1.9.0 → 1.11.0

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

Files changed (440) hide show

package/dist/components/{p-JYlmcxBn.js → p-CVrEuVFo.js} RENAMED Viewed

	@@ -1 +1 @@
1	- const s="/\n Brandsync design tokens, vendored from the brandsync-tokens npm package (v1.0.31).\n * Source: node_modules/brandsync-tokens/dist/css/tokens.css\n * Re-copy this file whenever brandsync-tokens is bumped -- Stencil's globalStyle\n * pipeline cannot resolve a bare node_modules @import, so this cannot just re-export it.\n /\n\n:root {\n\n / Static Colors /\n --bs-static-white: #ffffff;\n --bs-static-black: #000000;\n\n / Neutral Scale /\n --bs-neutral-25: #f9fafb;\n --bs-neutral-50: #eff0f8;\n --bs-neutral-100: #dee2ed;\n --bs-neutral-200: #c2c7d3;\n --bs-neutral-300: #a0a5b4;\n --bs-neutral-400: #828998;\n --bs-neutral-500: #6d7585;\n --bs-neutral-600: #5d6472;\n --bs-neutral-700: #4d535f;\n --bs-neutral-800: #363c47;\n --bs-neutral-900: #21262e;\n --bs-neutral-950: #191c22;\n --bs-neutral-500-transparent: rgba(109, 117, 133, 0.3);\n --bs-neutral-500-transparent-2: rgba(109, 117, 133, 0.75);\n --bs-neutral-50-transparent: rgba(239, 240, 248, 0.9);\n\n / Gray Scale /\n --bs-gray-25: #fbfbfb;\n --bs-gray-50: #f6f7f7;\n --bs-gray-100: #eef1f1;\n --bs-gray-200: #dfe5e6;\n --bs-gray-300: #cbd3d6;\n --bs-gray-400: #b6bec3;\n --bs-gray-500: #a2aab2;\n --bs-gray-600: #8c959f;\n --bs-gray-700: #7f868f;\n --bs-gray-800: #636970;\n --bs-gray-900: #53585c;\n --bs-gray-950: #303236;\n --bs-gray-transparent: rgba(162, 170, 178, 0.24);\n --bs-gray-transparent-2: rgba(162, 170, 178, 0.32);\n --bs-gray-transparent-3: rgba(162, 170, 178, 0.44);\n\n / Success Scale /\n --bs-success-50: #e5f5e9;\n --bs-success-100: #c5ebd5;\n --bs-success-200: #94d4b3;\n --bs-success-300: #6bb491;\n --bs-success-400: #469873;\n --bs-success-500: #00855b;\n --bs-success-600: #11714e;\n --bs-success-700: #1b5d43;\n --bs-success-800: #184330;\n --bs-success-900: #0f2b1e;\n --bs-success-950: #101e17;\n\n / Error Scale /\n --bs-error-50: #fcecea;\n --bs-error-100: #ffdad7;\n --bs-error-200: #ffb3ae;\n --bs-error-300: #ff807a;\n --bs-error-400: #ee5351;\n --bs-error-500: #d93539;\n --bs-error-600: #b92f31;\n --bs-error-700: #982a2a;\n --bs-error-800: #701d1e;\n --bs-error-900: #481212;\n --bs-error-950: #34100f;\n\n / Warning Scale /\n --bs-warning-50: #ffefdb;\n --bs-warning-100: #ffdea1;\n --bs-warning-200: #f1bd51;\n --bs-warning-300: #d39b00;\n --bs-warning-400: #b18100;\n --bs-warning-500: #956d00;\n --bs-warning-600: #805d00;\n --bs-warning-700: #6b4d00;\n --bs-warning-800: #4e3700;\n --bs-warning-900: #332300;\n --bs-warning-950: #261a00;\n\n / Information Scale /\n --bs-information-50: #edf0fa;\n --bs-information-100: #d6e3f8;\n --bs-information-200: #aec8ed;\n --bs-information-300: #73a9ea;\n --bs-information-400: #448cd6;\n --bs-information-500: #0078cb;\n --bs-information-600: #0066ae;\n --bs-information-700: #005592;\n --bs-information-800: #003d6c;\n --bs-information-900: #00283f;\n --bs-information-950: #111c2a;\n\n / Purple /\n --bs-purple-50: #f3effb;\n --bs-purple-100: #e5dffd;\n --bs-purple-200: #c8c0ff;\n --bs-purple-300: #a49aff;\n --bs-purple-400: #8676fe;\n --bs-purple-500: #715afc;\n --bs-purple-600: #5e47e6;\n --bs-purple-700: #4b35c9;\n --bs-purple-800: #3720a1;\n --bs-purple-900: #220f73;\n --bs-purple-950: #201463;\n\n / Cobalt /\n --bs-cobalt-50: #f1effa;\n --bs-cobalt-100: #e0e0fd;\n --bs-cobalt-200: #bcc2ff;\n --bs-cobalt-300: #939eff;\n --bs-cobalt-400: #6d7cff;\n --bs-cobalt-500: #4f63ff;\n --bs-cobalt-600: #3b4ee9;\n --bs-cobalt-700: #303ecd;\n --bs-cobalt-800: #1928a5;\n --bs-cobalt-900: #091675;\n --bs-cobalt-950: #050d5d;\n\n / Blue /\n --bs-blue-50: #eef0fa;\n --bs-blue-100: #d8e3fc;\n --bs-blue-200: #aec7f8;\n --bs-blue-300: #7aa6f2;\n --bs-blue-400: #3e88ef;\n --bs-blue-500: #0073e1;\n --bs-blue-600: #0062c1;\n --bs-blue-700: #0051a2;\n --bs-blue-800: #003a78;\n --bs-blue-900: #002550;\n --bs-blue-950: #001b3e;\n\n / Steel /\n --bs-steel-50: #eef0f6;\n --bs-steel-100: #d9e3f1;\n --bs-steel-200: #b1c9e3;\n --bs-steel-300: #83aad0;\n --bs-steel-400: #558dbe;\n --bs-steel-500: #3779ae;\n --bs-steel-600: #2b6796;\n --bs-steel-700: #1f567f;\n --bs-steel-800: #103e5f;\n --bs-steel-900: #041d30;\n --bs-steel-950: #032841;\n\n / Teal /\n --bs-teal-50: #e9f3f2;\n --bs-teal-100: #c8e9e7;\n --bs-teal-200: #9ed1cf;\n --bs-teal-300: #72b2b0;\n --bs-teal-400: #469593;\n --bs-teal-500: #008280;\n --bs-teal-600: #116f6e;\n --bs-teal-700: #185b5a;\n --bs-teal-800: #144241;\n --bs-teal-900: #032b2a;\n --bs-teal-950: #02201f;\n\n / Jade /\n --bs-jade-50: #eaf3ef;\n --bs-jade-100: #c6eadf;\n --bs-jade-200: #8cd4c2;\n --bs-jade-300: #63b4a2;\n --bs-jade-400: #349985;\n --bs-jade-500: #008370;\n --bs-jade-600: #0e7060;\n --bs-jade-700: #0e5d50;\n --bs-jade-800: #034439;\n --bs-jade-900: #002c24;\n --bs-jade-950: #02201a;\n\n / Green /\n --bs-green-50: #ecf2ea;\n --bs-green-100: #d0e9d2;\n --bs-green-200: #9fd3a9;\n --bs-green-300: #78b385;\n --bs-green-400: #469961;\n --bs-green-500: #23834a;\n --bs-green-600: #2a7043;\n --bs-green-700: #295c3a;\n --bs-green-800: #21422a;\n --bs-green-900: #112b19;\n --bs-green-950: #0b2011;\n\n / Lime /\n --bs-lime-50: #f0f2e7;\n --bs-lime-100: #d7e8c6;\n --bs-lime-200: #add18f;\n --bs-lime-300: #81b45c;\n --bs-lime-400: #64963f;\n --bs-lime-500: #478019;\n --bs-lime-600: #406f1d;\n --bs-lime-700: #385b1e;\n --bs-lime-800: #2a4218;\n --bs-lime-900: #182a0c;\n --bs-lime-950: #121f09;\n\n / Yellow /\n --bs-yellow-50: #faf1db;\n --bs-yellow-100: #f9e28a;\n --bs-yellow-200: #e3c437;\n --bs-yellow-300: #c0a300;\n --bs-yellow-400: #a18800;\n --bs-yellow-500: #887200;\n --bs-yellow-600: #746202;\n --bs-yellow-700: #615102;\n --bs-yellow-800: #463a01;\n --bs-yellow-900: #2e2500;\n --bs-yellow-950: #221b00;\n\n / Amber /\n --bs-amber-50: #fceee0;\n --bs-amber-100: #f8dfbf;\n --bs-amber-200: #f1be71;\n --bs-amber-300: #d19c46;\n --bs-amber-400: #b47f1e;\n --bs-amber-500: #996805;\n --bs-amber-600: #875b04;\n --bs-amber-700: #6f4b02;\n --bs-amber-800: #513601;\n --bs-amber-900: #352201;\n --bs-amber-950: #291900;\n\n / Orange /\n --bs-orange-50: #faeee9;\n --bs-orange-100: #f9ddd0;\n --bs-orange-200: #f7b997;\n --bs-orange-300: #f08c50;\n --bs-orange-400: #d26d2b;\n --bs-orange-500: #ba5400;\n --bs-orange-600: #a24907;\n --bs-orange-700: #873d07;\n --bs-orange-800: #642c04;\n --bs-orange-900: #411b02;\n --bs-orange-950: #301302;\n\n / Magenta /\n --bs-magenta-50: #fbeeef;\n --bs-magenta-100: #ffd7e0;\n --bs-magenta-200: #ffb1c7;\n --bs-magenta-300: #ff7aa7;\n --bs-magenta-400: #ea4f8b;\n --bs-magenta-500: #d12e75;\n --bs-magenta-600: #b62965;\n --bs-magenta-700: #9a1f53;\n --bs-magenta-800: #71163c;\n --bs-magenta-900: #4a0d27;\n --bs-magenta-950: #38091c;\n\n / Maroon /\n --bs-maroon-50: #f9eef3;\n --bs-maroon-100: #f6dbef;\n --bs-maroon-200: #eab6e3;\n --bs-maroon-300: #d88cd1;\n --bs-maroon-400: #c465c0;\n --bs-maroon-500: #b14bb0;\n --bs-maroon-600: #983f98;\n --bs-maroon-700: #7f347e;\n --bs-maroon-800: #5e245d;\n --bs-maroon-900: #3e163d;\n --bs-maroon-950: #2c122b;\n\n / Violet /\n --bs-violet-50: #f9eefe;\n --bs-violet-100: #eedcfd;\n --bs-violet-200: #d8b8fd;\n --bs-violet-300: #be92f4;\n --bs-violet-400: #a372dd;\n --bs-violet-500: #8f5ace;\n --bs-violet-600: #7750a8;\n --bs-violet-700: #64428d;\n --bs-violet-800: #492e6a;\n --bs-violet-900: #311b4b;\n --bs-violet-950: #241338;\n\n / Typography - Font Family /\n --bs-typography-font-family-heading: Roboto;\n --bs-typography-font-family-body: Roboto;\n\n / Typography - Font Weight /\n --bs-font-weight-thin: 100;\n --bs-font-weight-regular: 400;\n --bs-font-weight-medium: 500;\n --bs-font-weight-semibold: 600;\n --bs-font-weight-bold: 700;\n --bs-font-weight-black: 900;\n\n / Typography - Font Size Scale /\n --bs-font-size-2xs: 10px;\n --bs-font-size-xs: 12px;\n --bs-font-size-sm: 14px;\n --bs-font-size-md: 16px;\n --bs-font-size-lg: 18px;\n --bs-font-size-xl: 20px;\n --bs-font-size-2xl: 24px;\n --bs-font-size-3xl: 28px;\n --bs-font-size-4xl: 32px;\n --bs-font-size-5xl: 40px;\n --bs-font-size-6xl: 48px;\n\n / Typography - Line Height /\n --bs-line-height-none: 1;\n --bs-line-height-tight: 1.1;\n --bs-line-height-snug: 1.25;\n --bs-line-height-normal: 1.5;\n --bs-line-height-relaxed: 1.625;\n --bs-line-height-loose: 2;\n --bs-line-height-display: 96;\n --bs-line-height-heading: 56;\n --bs-line-height-body: 28;\n --bs-line-height-caption: 24;\n\n / Typography - Letter Spacing /\n --bs-letter-spacing-tighter: -0.05em;\n --bs-letter-spacing-tight: -0.025em;\n --bs-letter-spacing-normal: 0em;\n --bs-letter-spacing-wide: 0.025em;\n --bs-letter-spacing-wider: 0.05em;\n --bs-letter-spacing-widest: 0.1em;\n\n / Shadow Scale /\n --bs-shadow-none: none;\n --bs-shadow-xs: 0 1px 2px rgba(33,38,46,0.06), 0 1px 3px rgba(33,38,46,0.10);\n --bs-shadow-sm: 0 1px 3px rgba(33,38,46,0.08), 0 2px 6px rgba(33,38,46,0.12);\n --bs-shadow-md: 0 2px 8px rgba(33,38,46,0.10), 0 4px 16px rgba(33,38,46,0.16);\n --bs-shadow-lg: 0 4px 16px rgba(33,38,46,0.12), 0 8px 32px rgba(33,38,46,0.20);\n --bs-shadow-xl: 0 8px 24px rgba(33,38,46,0.14), 0 16px 48px rgba(33,38,46,0.24);\n --bs-shadow-2xl: 0 16px 48px rgba(33,38,46,0.20), 0 32px 64px rgba(33,38,46,0.32);\n\n / Z-Index Scale /\n --bs-z-index-below: -1;\n --bs-z-index-base: 0;\n --bs-z-index-raised: 10;\n --bs-z-index-dropdown: 100;\n --bs-z-index-sticky: 200;\n --bs-z-index-overlay: 300;\n --bs-z-index-modal: 400;\n --bs-z-index-popover: 500;\n --bs-z-index-toast: 600;\n --bs-z-index-top: 999;\n\n / Breakpoints /\n --bs-breakpoint-xs: 480px;\n --bs-breakpoint-sm: 640px;\n --bs-breakpoint-md: 768px;\n --bs-breakpoint-lg: 1024px;\n --bs-breakpoint-xl: 1280px;\n --bs-breakpoint-2xl: 1536px;\n\n / Grid /\n --bs-grid-columns: 12;\n --bs-grid-container-max: 1440px;\n --bs-grid-gutter: var(--bs-spacing-200);\n --bs-grid-margin-sm: var(--bs-spacing-200);\n --bs-grid-margin-md: var(--bs-spacing-300);\n --bs-grid-margin-lg: var(--bs-spacing-400);\n --bs-grid-sidebar-width: var(--bs-sizing-3200);\n --bs-grid-panel-min-width: var(--bs-sizing-3200);\n\n / Opacity /\n --bs-opacity-disabled: 0.5;\n --bs-opacity-hover: 0.8;\n --bs-opacity-focus: 0.9;\n\n / Motion - Duration /\n --bs-duration-instant: 0ms;\n --bs-duration-fast: 100ms;\n --bs-duration-default: 200ms;\n --bs-duration-slow: 300ms;\n --bs-duration-slower: 500ms;\n\n / Motion - Easing /\n --bs-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);\n --bs-easing-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);\n --bs-easing-accelerate: cubic-bezier(0.4, 0.0, 1.0, 1);\n --bs-easing-linear: linear;\n\n / Primary Colors - Light Mode /\n --bs-color-primary-default: var(--bs-brand-600);\n --bs-color-primary-hover: var(--bs-brand-700);\n --bs-color-primary-focused: var(--bs-brand-700);\n --bs-color-primary-pressed: var(--bs-brand-800);\n --bs-color-primary-container: var(--bs-brand-50);\n --bs-color-primary-container-hover: var(--bs-brand-100);\n\n / Neutral Colors - Light Mode /\n --bs-color-neutral-default: var(--bs-neutral-700);\n --bs-color-neutral-hover: var(--bs-neutral-800);\n --bs-color-neutral-focused: var(--bs-neutral-800);\n --bs-color-neutral-pressed: var(--bs-neutral-900);\n --bs-color-neutral-container: var(--bs-neutral-50);\n --bs-color-neutral-container-hover: var(--bs-neutral-100);\n --bs-color-neutral-container-focused: var(--bs-neutral-200);\n --bs-color-neutral-container-pressed: var(--bs-neutral-300);\n\n / Accent Colors - Light Mode /\n --bs-color-accent-default: var(--bs-brand-colors-magenta-600);\n --bs-color-accent-hover: var(--bs-brand-colors-magenta-700);\n --bs-color-accent-active: var(--bs-brand-colors-magenta-800);\n --bs-color-accent-container: var(--bs-brand-colors-magenta-100);\n\n / Success Colors - Light Mode /\n --bs-color-success-default: var(--bs-success-600);\n --bs-color-success-hover: var(--bs-success-700);\n --bs-color-success-focused: var(--bs-success-700);\n --bs-color-success-pressed: var(--bs-success-800);\n --bs-color-success-container: var(--bs-success-100);\n\n / Warning Colors - Light Mode /\n --bs-color-warning-default: var(--bs-warning-600);\n --bs-color-warning-hover: var(--bs-warning-700);\n --bs-color-warning-focused: var(--bs-warning-700);\n --bs-color-warning-pressed: var(--bs-warning-800);\n --bs-color-warning-container: var(--bs-warning-100);\n\n / Error Colors - Light Mode /\n --bs-color-error-default: var(--bs-error-600);\n --bs-color-error-hover: var(--bs-error-700);\n --bs-color-error-focused: var(--bs-error-700);\n --bs-color-error-pressed: var(--bs-error-800);\n --bs-color-error-container: var(--bs-error-100);\n\n / Info Colors - Light Mode /\n --bs-color-info-default: var(--bs-information-600);\n --bs-color-info-hover: var(--bs-information-700);\n --bs-color-info-focused: var(--bs-information-700);\n --bs-color-info-pressed: var(--bs-information-800);\n --bs-color-info-container: var(--bs-information-100);\n\n / Text Colors - Light Mode /\n --bs-text-static-white: var(--bs-white);\n --bs-text-static-black: var(--bs-black);\n --bs-text-default: var(--bs-black);\n --bs-text-secondary: var(--bs-neutral-600);\n --bs-text-muted: var(--bs-neutral-500);\n --bs-text-inverse: var(--bs-static-white);\n --bs-text-link: var(--bs-information-700);\n --bs-text-action: var(--bs-brand-600);\n --bs-text-action-hover: var(--bs-brand-700);\n --bs-text-success: var(--bs-success-700);\n --bs-text-info: var(--bs-information-700);\n --bs-text-warning: var(--bs-warning-700);\n --bs-text-error: var(--bs-error-700);\n --bs-text-on-action: var(--bs-white);\n --bs-text-on-disabled: var(--bs-neutral-400);\n --bs-text-accent: var(--bs-brand-colors-purple-700);\n --bs-text-inverse-accent: var(--bs-brand-colors-purple-400);\n --bs-text-neutral---default: var(--bs-neutral-600);\n --bs-text-neutral---hover: var(--bs-neutral-800);\n --bs-text-neutral---focused: var(--bs-neutral-800);\n --bs-text-neutral---pressed: var(--bs-neutral-900);\n --bs-text-neutral-default: var(--bs-neutral-600);\n --bs-text-neutral-hover: var(--bs-neutral-800);\n --bs-text-neutral-focused: var(--bs-neutral-800);\n --bs-text-neutral-pressed: var(--bs-neutral-900);\n\n / Surface Colors - Light Mode /\n --bs-surface-base: var(--bs-white);\n --bs-surface-raised: var(--bs-static-white);\n --bs-surface-container: var(--bs-neutral-50);\n --bs-surface-hover: var(--bs-neutral-100);\n --bs-surface-focus: var(--bs-neutral-100);\n --bs-surface-pressed: var(--bs-neutral-300);\n --bs-surface-selected: var(--bs-neutral-50);\n --bs-surface-selected-hover: var(--bs-neutral-200);\n --bs-surface-selected-focus: var(--bs-neutral-200);\n --bs-surface-selected-pressed: var(--bs-neutral-200);\n --bs-surface-active: var(--bs-neutral-100);\n --bs-surface-action: var(--bs-color-primary-default);\n --bs-surface-inset: var(--bs-neutral-50);\n --bs-surface-inverse: var(--bs-neutral-900);\n --bs-surface-accent: var(--bs-gray-transparent-2);\n --bs-surface-on-action: var(--bs-gray-25);\n --bs-surface-on-action-disabled: var(--bs-neutral-300);\n --bs-surface-action-disabled: var(--bs-neutral-100);\n --bs-surface-success: var(--bs-success-50);\n --bs-surface-info: var(--bs-information-50);\n --bs-surface-warning: var(--bs-warning-50);\n --bs-surface-error: var(--bs-error-50);\n --bs-surface-overlay: var(--bs-neutral-500-transparent);\n --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent-2);\n\n / Icon Colors - Light Mode /\n --bs-icon-static-white: var(--bs-white);\n --bs-icon-static-black: var(--bs-black);\n --bs-icon-default: var(--bs-neutral-900);\n --bs-icon-muted: var(--bs-neutral-500);\n --bs-icon-disabled: var(--bs-neutral-400);\n --bs-icon-inverse: var(--bs-static-white);\n --bs-icon-action: var(--bs-brand-600);\n --bs-icon-action-hover: var(--bs-brand-700);\n --bs-icon-success: var(--bs-success-600);\n --bs-icon-info: var(--bs-information-700);\n --bs-icon-warning: var(--bs-warning-700);\n --bs-icon-error: var(--bs-error-700);\n --bs-icon-neutral-default: var(--bs-neutral-700);\n --bs-icon-neutral-hover: var(--bs-neutral-800);\n --bs-icon-neutral-focused: var(--bs-neutral-800);\n --bs-icon-neutral-pressed: var(--bs-neutral-900);\n\n / Border Colors - Light Mode /\n --bs-border-default: var(--bs-neutral-100);\n --bs-border-neutral-hover: var(--bs-neutral-400);\n --bs-border-neutral-focus: var(--bs-focus-border-);\n --bs-border-neutral-active: var(--bs-neutral-500);\n --bs-border-neutral-disabled: var(--bs-neutral-200);\n --bs-border-neutral-container: var(--bs-neutral-200);\n --bs-border-neutral-container-hover: var(--bs-neutral-300);\n --bs-border-neutral-container-focused: var(--bs-focus-border-);\n --bs-border-neutral-container-pressed: var(--bs-neutral-400);\n --bs-border-success: var(--bs-success-500);\n --bs-border-success-hover: var(--bs-success-600);\n --bs-border-success-focus: var(--bs-focus-border-);\n --bs-border-warning: var(--bs-warning-500);\n --bs-border-warning-hover: var(--bs-warning-600);\n --bs-border-warning-focus: var(--bs-focus-border-);\n --bs-border-error: var(--bs-error-700);\n --bs-border-error-hover: var(--bs-error-800);\n --bs-border-error-focus: var(--bs-focus-border-);\n --bs-border-info: var(--bs-information-500);\n --bs-border-info-hover: var(--bs-information-600);\n --bs-border-info-focus: var(--bs-focus-border-);\n --bs-border-primary: var(--bs-brand-500);\n --bs-border-primary-hover: var(--bs-brand-600);\n --bs-border-primary-focus: var(--bs-focus-border-);\n --bs-border-primary-pressed: var(--bs-brand-700);\n\n / Elevation Colors - Light Mode /\n --bs-elevation-none: var(--bs-light-mode-0);\n --bs-elevation-low: var(--bs-light-mode-100);\n --bs-elevation-medium: var(--bs-light-mode-200);\n --bs-elevation-high: var(--bs-light-mode-300);\n --bs-elevation-higher: var(--bs-light-mode-400);\n --bs-elevation-highest: var(--bs-light-mode-500);\n --bs-elevation-inner: var(--bs-light-mode-600);\n --bs-elevation-focus: var(--bs-light-mode-700);\n\n / Spacing /\n --bs-spacing-0: var(--bs-scale-0);\n --bs-spacing-25: var(--bs-scale-25);\n --bs-spacing-50: var(--bs-scale-50);\n --bs-spacing-75: var(--bs-scale-75);\n --bs-spacing-100: var(--bs-scale-100);\n --bs-spacing-150: var(--bs-scale-150);\n --bs-spacing-200: var(--bs-scale-200);\n --bs-spacing-250: var(--bs-scale-250);\n --bs-spacing-300: var(--bs-scale-300);\n --bs-spacing-350: var(--bs-scale-350);\n --bs-spacing-400: var(--bs-scale-400);\n --bs-spacing-500: var(--bs-scale-500);\n --bs-spacing-550: var(--bs-scale-550);\n --bs-spacing-600: var(--bs-scale-600);\n --bs-spacing-700: var(--bs-scale-700);\n --bs-spacing-800: var(--bs-scale-800);\n --bs-spacing-1000: var(--bs-scale-1000);\n --bs-spacing-1200: var(--bs-scale-1200);\n --bs-spacing-1500: var(--bs-scale-1500);\n --bs-spacing--600: var(--bs-scale--600);\n --bs-spacing--500: var(--bs-scale--500);\n --bs-spacing--350: var(--bs-scale--350);\n --bs-spacing--200: var(--bs-scale--200);\n --bs-spacing--150: var(--bs-scale--150);\n --bs-spacing--100: var(--bs-scale--100);\n\n / Border Radius /\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n\n / Components /\n --bs-avatar-text-primary: var(--bs-text-action);\n --bs-avatar-text-default: var(--bs-text-default);\n --bs-avatar-text-secondary: var(--bs-text-secondary);\n --bs-avatar-border-primary: var(--bs-border-neutral-container);\n --bs-avatar-border-hover: var(--bs-border-neutral-container-hover);\n --bs-avatar-border-pressed: var(--bs-border-neutral-container-pressed);\n --bs-avatar-border-focused: var(--bs-border-neutral-container);\n --bs-avatar-bg-dafault: var(--bs-surface-raised);\n --bs-avatar-bg-hover: var(--bs-surface-raised);\n --bs-avatar-bg-pressed: var(--bs-surface-raised);\n --bs-avatar-bg-focused: var(--bs-surface-raised);\n --bs-avatar-icon-primary: var(--bs-icon-muted);\n --bs-avatar-border-focus: var(--bs-border-neutral-focus);\n --bs-switch-track-bg-default: var(--bs-surface-active);\n --bs-switch-track-bg-hover: var(--bs-surface-hover);\n --bs-switch-track-bg-checked-default: var(--bs-color-primary-default);\n --bs-switch-track-bg-checked-hover: var(--bs-color-primary-hover);\n --bs-switch-track-bg-checked-focused: var(--bs-color-primary-focused);\n --bs-switch-thumb-bg-default: var(--bs-surface-base);\n --bs-switch-thumb-bg-hover: var(--bs-surface-raised);\n --bs-switch-thumb-bg-checked: var(--bs-surface-base);\n --bs-switch-thumb-bg-disabled: var(--bs-surface-on-action-disabled);\n --bs-switch-track-border-default: var(--bs-border-neutral-container);\n --bs-switch-icon-default: {color.icons.secondary};\n --bs-switch-track-border-hover: var(--bs-border-neutral-container-hover);\n --bs-switch-track-border-focus: var(--bs-border-neutral-focus);\n --bs-switch-icon-checked: var(--bs-icon-action);\n --bs-switch-track-bg-disabled: var(--bs-surface-action-disabled);\n --bs-switch-icon-disabled: var(--bs-icon-disabled);\n --bs-input-bg-default: var(--bs-surface-base);\n --bs-input-bg-filled: var(--bs-surface-raised);\n --bs-input-bg-disabled: var(--bs-surface-action-disabled);\n --bs-input-border-default: var(--bs-border-neutral-container);\n --bs-input-border-hover: var(--bs-border-neutral-container-hover);\n --bs-input-border-focus: var(--bs-border-neutral-focus);\n --bs-input-border-disabled: var(--bs-border-neutral-disabled);\n --bs-input-border-error: var(--bs-border-error);\n --bs-input-text: var(--bs-text-default);\n --bs-input-text-success: var(--bs-text-success);\n --bs-input-text-disabled: var(--bs-text-on-disabled);\n --bs-input-placeholder: var(--bs-text-secondary);\n --bs-input-label: var(--bs-text-default);\n --bs-input-error: var(--bs-text-error);\n --bs-input-description: var(--bs-text-secondary);\n --bs-input-label-focus: var(--bs-color-primary-default);\n --bs-input-icon: {color.icons.secondary};\n --bs-input-icon-error: var(--bs-icon-error);\n --bs-input-icon-success: var(--bs-icon-success);\n --bs-input-icon-disabled: var(--bs-icon-disabled);\n --bs-chip-text-default: var(--bs-text-default);\n --bs-chip-text-static: var(--bs-text-static-white);\n --bs-chip-text-primary: var(--bs-text-default);\n --bs-chip-text-on-primary: var(--bs-text-on-action);\n --bs-chip-text-warning: var(--bs-text-warning);\n --bs-chip-text-success: var(--bs-text-success);\n --bs-chip-text-neutral: var(--bs-text-default);\n --bs-chip-text-inverse: var(--bs-text-inverse);\n --bs-chip-text-info: var(--bs-text-info);\n --bs-chip-text-error: var(--bs-text-error);\n --bs-chip-text-disabled: var(--bs-text-on-disabled);\n --bs-chip-icon-static: var(--bs-icon-static-white);\n --bs-chip-icon-default: var(--bs-icon-default);\n --bs-chip-icon-inverse: var(--bs-icon-inverse);\n --bs-chip-icon-primary: {color.icons.secondary};\n --bs-chip-icon-success: var(--bs-icon-success);\n --bs-chip-icon-warning: var(--bs-icon-warning);\n --bs-chip-icon-info: var(--bs-icon-info);\n --bs-chip-icon-error: var(--bs-icon-error);\n --bs-chip-icon-disabled: var(--bs-icon-disabled);\n --bs-chip-border-default: var(--bs-border-default);\n --bs-chip-border-inverse: var(--bs-border-neutral-container);\n --bs-chip-border-focus: var(--bs-border-neutral-focus);\n --bs-chip-bg-default: var(--bs-surface-action-disabled);\n --bs-chip-bg-neutral: var(--bs-color-neutral-default);\n --bs-chip-bg-neutral-container: var(--bs-color-neutral-container);\n --bs-chip-bg-inverse: var(--bs-surface-inset);\n --bs-chip-bg-success: var(--bs-color-success-default);\n --bs-chip-bg-success-container: var(--bs-color-success-container);\n --bs-chip-bg-warning: var(--bs-color-warning-default);\n --bs-chip-bg-warning-container: var(--bs-color-warning-container);\n --bs-chip-bg-info: var(--bs-color-info-default);\n --bs-chip-bg-info-container: var(--bs-color-info-container);\n --bs-chip-bg-error: var(--bs-color-error-default);\n --bs-chip-bg-error-container: var(--bs-color-error-container);\n --bs-chip-bg-primary: var(--bs-color-neutral-default);\n --bs-chip-bg-primary-hover: var(--bs-color-neutral-hover);\n --bs-chip-bg-primary-focused: var(--bs-color-neutral-focused);\n --bs-chip-bg-primary-pressed: var(--bs-color-neutral-pressed);\n --bs-chip-bg-primary-container: var(--bs-color-neutral-container);\n --bs-chip-bg-primary-container-hover: var(--bs-color-neutral-container-hover);\n --bs-chip-bg-primary-container-focused: var(--bs-color-neutral-container-focused);\n --bs-chip-bg-primary-container-pressed: var(--bs-color-neutral-container-pressed);\n --bs-chip-bg-disabled: var(--bs-surface-action-disabled);\n --bs-badge-bg-default: var(--bs-surface-action-disabled);\n --bs-badge-bg-primary: var(--bs-color-primary-default);\n --bs-badge-bg-primary-container: var(--bs-color-primary-container);\n --bs-badge-bg-success: var(--bs-color-success-default);\n --bs-badge-bg-success-container: var(--bs-color-success-container);\n --bs-badge-bg-warning: var(--bs-color-warning-default);\n --bs-badge-bg-warning-container: var(--bs-color-warning-container);\n --bs-badge-bg-info: var(--bs-color-info-default);\n --bs-badge-bg-info-container: var(--bs-color-info-container);\n --bs-badge-bg-error: var(--bs-color-error-default);\n --bs-badge-bg-error-container: var(--bs-color-error-container);\n --bs-badge-bg-neutral: var(--bs-color-neutral-default);\n --bs-badge-bg-neutral-container: var(--bs-color-neutral-container);\n --bs-badge-bg-inverse: var(--bs-surface-inset);\n --bs-badge-border-default: var(--bs-border-default);\n --bs-badge-text-default: var(--bs-text-default);\n --bs-badge-text-neutral: var(--bs-text-default);\n --bs-badge-text-inverse: var(--bs-text-inverse);\n --bs-badge-text-warning: var(--bs-text-warning);\n --bs-badge-text-info: var(--bs-text-info);\n --bs-badge-text-error: var(--bs-text-error);\n --bs-badge-text-primary: var(--bs-text-action);\n --bs-badge-text-success: var(--bs-text-success);\n --bs-radio-bg-default: var(--bs-alpha-5);\n --bs-radio-bg-hover: var(--bs-alpha-60);\n --bs-radio-bg-focus: var(--bs-alpha-80);\n --bs-radio-bg-pressed: var(--bs-alpha-90);\n --bs-radio-bg-disabled: var(--bs-surface-action-disabled);\n --bs-radio-selected-border-default: var(--bs-border-primary);\n --bs-radio-selected-border-hover: var(--bs-border-primary-hover);\n --bs-radio-selected-border-focus: var(--bs-border-primary-focus);\n --bs-radio-selected-border-pressed: var(--bs-border-primary-pressed);\n --bs-radio-enabled-border-default: var(--bs-border-default);\n --bs-radio-enabled-border-hover: var(--bs-border-neutral-hover);\n --bs-radio-enabled-border-focus: var(--bs-border-neutral-hover);\n --bs-radio-enabled-border-pressed: var(--bs-border-neutral-active);\n --bs-radio-border-disabled: var(--bs-border-neutral-disabled);\n --bs-radio-icon-checked: var(--bs-icon-action);\n --bs-radio-icon-hover: var(--bs-icon-action-hover);\n --bs-radio-icon-disabled: var(--bs-icon-muted);\n --bs-radio-label-default: var(--bs-text-default);\n --bs-radio-label-disabled: var(--bs-text-muted);\n --bs-radio-focus-ring: var(--bs-border-neutral-focus);\n --bs-paper-bg-base: var(--bs-surface-base);\n --bs-paper-bg-raised: var(--bs-surface-raised);\n --bs-paper-bg-container: var(--bs-surface-container);\n --bs-paper-bg-hover: var(--bs-surface-hover);\n --bs-paper-bg-disabled: var(--bs-surface-action-disabled);\n --bs-paper-border-surface: var(--bs-border-neutral-container);\n --bs-button-primary-default: var(--bs-color-primary-default);\n --bs-button-primary-hover: var(--bs-color-primary-hover);\n --bs-button-primary-focus: var(--bs-color-primary-focused);\n --bs-button-primary-pressed: var(--bs-color-primary-pressed);\n --bs-button-primary-disabled: var(--bs-surface-action-disabled);\n --bs-button-primary-container: var(--bs-color-primary-container);\n --bs-button-neutral-default: var(--bs-color-neutral-default);\n --bs-button-neutral-hover: var(--bs-color-neutral-hover);\n --bs-button-neutral-focus: var(--bs-color-neutral-container-focused);\n --bs-button-neutral-pressed: var(--bs-color-primary-pressed);\n --bs-button-neutral-disabled: var(--bs-surface-action-disabled);\n --bs-button-neutral-container: var(--bs-color-neutral-container);\n --bs-snackbar-bg-default: var(--bs-surface-inverse);\n --bs-snackbar-text-default: var(--bs-text-inverse);\n --bs-snackbar-icon-default: var(--bs-icon-inverse);\n --bs-snackbar-bg-action: var(--bs-color-primary-default);\n --bs-snackbar-bg-success: var(--bs-color-success-default);\n --bs-snackbar-bg-error: var(--bs-color-error-default);\n --bs-snackbar-bg-warning: var(--bs-color-warning-default);\n --bs-snackbar-bg-info: var(--bs-color-info-default);\n --bs-snackbar-action-text: var(--bs-text-action);\n --bs-snackbar-action-border-focus: var(--bs-color-primary-focused);\n\n --bs-shadow-ambient-color-xs: rgba(33, 38, 46, 0.06);\n --bs-shadow-ambient-color-sm: rgba(33, 38, 46, 0.08);\n --bs-shadow-ambient-color-md: rgba(33, 38, 46, 0.1);\n --bs-shadow-ambient-color-lg: rgba(33, 38, 46, 0.12);\n --bs-shadow-ambient-color-xl: rgba(33, 38, 46, 0.14);\n --bs-shadow-ambient-color-2xl: rgba(33, 38, 46, 0.2);\n --bs-shadow-key-color-xs: rgba(33, 38, 46, 0.1);\n --bs-shadow-key-color-sm: rgba(33, 38, 46, 0.12);\n --bs-shadow-key-color-md: rgba(33, 38, 46, 0.16);\n --bs-shadow-key-color-lg: rgba(33, 38, 46, 0.2);\n --bs-shadow-key-color-xl: rgba(33, 38, 46, 0.24);\n --bs-shadow-key-color-2xl: rgba(33, 38, 46, 0.32);\n --bs-shadow-position-0: 0px;\n --bs-shadow-position-10: 1px;\n --bs-shadow-position-25: 2px;\n --bs-shadow-position-50: 4px;\n --bs-shadow-position-100: 8px;\n --bs-shadow-position-150: 12px;\n --bs-shadow-position-200: 16px;\n --bs-shadow-blur-0: 0px;\n --bs-shadow-blur-10: 1px;\n --bs-shadow-blur-25: 2px;\n --bs-shadow-blur-50: 4px;\n --bs-shadow-blur-100: 8px;\n --bs-shadow-blur-150: 12px;\n --bs-shadow-blur-200: 16px;\n --bs-shadow-blur-300: 24px;\n --bs-text-style-display-size: var(--bs-font-size-6xl);\n --bs-text-style-display-weight: 700;\n --bs-text-style-display-line-height: var(--bs-line-height-tight);\n --bs-text-style-display-letter-spacing: var(--bs-letter-spacing-tight);\n --bs-text-style-heading-1-size: var(--bs-font-size-4xl);\n --bs-text-style-heading-1-weight: 600;\n --bs-text-style-heading-1-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-1-letter-spacing: var(--bs-letter-spacing-tight);\n --bs-text-style-heading-2-size: var(--bs-font-size-3xl);\n --bs-text-style-heading-2-weight: 600;\n --bs-text-style-heading-2-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-2-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-heading-3-size: var(--bs-font-size-2xl);\n --bs-text-style-heading-3-weight: 600;\n --bs-text-style-heading-3-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-3-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-heading-4-size: var(--bs-font-size-xl);\n --bs-text-style-heading-4-weight: 500;\n --bs-text-style-heading-4-line-height: var(--bs-line-height-normal);\n --bs-text-style-heading-4-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-lg-size: var(--bs-font-size-lg);\n --bs-text-style-body-lg-weight: 400;\n --bs-text-style-body-lg-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-lg-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-md-size: var(--bs-font-size-md);\n --bs-text-style-body-md-weight: 400;\n --bs-text-style-body-md-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-md-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-sm-size: var(--bs-font-size-sm);\n --bs-text-style-body-sm-weight: 400;\n --bs-text-style-body-sm-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-sm-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-lg-size: var(--bs-font-size-md);\n --bs-text-style-label-lg-weight: 500;\n --bs-text-style-label-lg-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-lg-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-md-size: var(--bs-font-size-sm);\n --bs-text-style-label-md-weight: 500;\n --bs-text-style-label-md-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-md-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-sm-size: var(--bs-font-size-xs);\n --bs-text-style-label-sm-weight: 500;\n --bs-text-style-label-sm-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-sm-letter-spacing: var(--bs-letter-spacing-wide);\n --bs-text-style-caption-size: var(--bs-font-size-xs);\n --bs-text-style-caption-weight: 400;\n --bs-text-style-caption-line-height: var(--bs-line-height-normal);\n --bs-text-style-caption-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-overline-size: var(--bs-font-size-xs);\n --bs-text-style-overline-weight: 500;\n --bs-text-style-overline-line-height: var(--bs-line-height-normal);\n --bs-text-style-overline-letter-spacing: var(--bs-letter-spacing-widest);\n --bs-text-style-data-size: var(--bs-font-size-sm);\n --bs-text-style-data-weight: 500;\n --bs-text-style-data-line-height: var(--bs-line-height-tight);\n --bs-text-style-data-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-data-dense-size: var(--bs-font-size-2xs);\n --bs-text-style-data-dense-weight: 400;\n --bs-text-style-data-dense-line-height: var(--bs-line-height-tight);\n --bs-text-style-data-dense-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-typography-font-family-heading: Roboto;\n --bs-typography-font-family-body: Roboto;\n --bs-typography-font-weight-thin: thin;\n --bs-typography-font-weight-regular: regular;\n --bs-typography-font-weight-medium: medium;\n --bs-typography-font-weight-semibold: semibold;\n --bs-typography-font-weight-bold: bold;\n --bs-typography-font-weight-black: black;\n --bs-scale-0: 0px;\n --bs-scale-10: 1px;\n --bs-scale-25: 2px;\n --bs-scale-50: 4px;\n --bs-scale-75: 6px;\n --bs-scale-100: 8px;\n --bs-scale-150: 12px;\n --bs-scale-200: 16px;\n --bs-scale-250: 20px;\n --bs-scale-300: 24px;\n --bs-scale-350: 28px;\n --bs-scale-400: 32px;\n --bs-scale-500: 40px;\n --bs-scale-550: 44px;\n --bs-scale-600: 48px;\n --bs-scale-700: 56px;\n --bs-scale-800: 64px;\n --bs-scale-1000: 80px;\n --bs-scale-1200: 96px;\n --bs-scale-1500: 120px;\n --bs-scale-1600: 128px;\n --bs-scale-3200: 256px;\n --bs-scale-6400: 512px;\n --bs-scale--600: -48px;\n --bs-scale--500: -40px;\n --bs-scale--350: -28px;\n --bs-scale--200: -16px;\n --bs-scale--150: -12px;\n --bs-scale--100: -8px;\n --bs-white: #ffffff;\n --bs-black: #000000;\n --bs-brand-colors-purple-50: #f3effb;\n --bs-brand-colors-purple-100: #e5dffd;\n --bs-brand-colors-purple-200: #c8c0ff;\n --bs-brand-colors-purple-300: #a49aff;\n --bs-brand-colors-purple-400: #8676fe;\n --bs-brand-colors-purple-500: #715afc;\n --bs-brand-colors-purple-600: #5e47e6;\n --bs-brand-colors-purple-700: #4b35c9;\n --bs-brand-colors-purple-800: #3720a1;\n --bs-brand-colors-purple-900: #220f73;\n --bs-brand-colors-purple-950: #201463;\n --bs-brand-colors-cobalt-50: #f1effa;\n --bs-brand-colors-cobalt-100: #e0e0fd;\n --bs-brand-colors-cobalt-200: #bcc2ff;\n --bs-brand-colors-cobalt-300: #939eff;\n --bs-brand-colors-cobalt-400: #6d7cff;\n --bs-brand-colors-cobalt-500: #4f63ff;\n --bs-brand-colors-cobalt-600: #3b4ee9;\n --bs-brand-colors-cobalt-700: #303ecd;\n --bs-brand-colors-cobalt-800: #1928a5;\n --bs-brand-colors-cobalt-900: #091675;\n --bs-brand-colors-cobalt-950: #050d5d;\n --bs-brand-colors-blue-50: #eef0fa;\n --bs-brand-colors-blue-100: #d8e3fc;\n --bs-brand-colors-blue-200: #aec7f8;\n --bs-brand-colors-blue-300: #7aa6f2;\n --bs-brand-colors-blue-400: #3e88ef;\n --bs-brand-colors-blue-500: #0073e1;\n --bs-brand-colors-blue-600: #0062c1;\n --bs-brand-colors-blue-700: #0051a2;\n --bs-brand-colors-blue-800: #003a78;\n --bs-brand-colors-blue-900: #002550;\n --bs-brand-colors-blue-950: #001b3e;\n --bs-brand-colors-green-50: #ecf2ea;\n --bs-brand-colors-green-100: #d0e9d2;\n --bs-brand-colors-green-200: #9fd3a9;\n --bs-brand-colors-green-300: #78b385;\n --bs-brand-colors-green-400: #469961;\n --bs-brand-colors-green-500: #23834a;\n --bs-brand-colors-green-600: #2a7043;\n --bs-brand-colors-green-700: #295c3a;\n --bs-brand-colors-green-800: #21422a;\n --bs-brand-colors-green-900: #112b19;\n --bs-brand-colors-green-950: #0b2011;\n --bs-brand-colors-lime-50: #f0f2e7;\n --bs-brand-colors-lime-100: #d7e8c6;\n --bs-brand-colors-lime-200: #add18f;\n --bs-brand-colors-lime-300: #81b45c;\n --bs-brand-colors-lime-400: #64963f;\n --bs-brand-colors-lime-500: #478019;\n --bs-brand-colors-lime-600: #406f1d;\n --bs-brand-colors-lime-700: #385b1e;\n --bs-brand-colors-lime-800: #2a4218;\n --bs-brand-colors-lime-900: #182a0c;\n --bs-brand-colors-lime-950: #121f09;\n --bs-brand-colors-yellow-50: #faf1db;\n --bs-brand-colors-yellow-100: #f9e28a;\n --bs-brand-colors-yellow-200: #e3c437;\n --bs-brand-colors-yellow-300: #c0a300;\n --bs-brand-colors-yellow-400: #a18800;\n --bs-brand-colors-yellow-500: #887200;\n --bs-brand-colors-yellow-600: #746202;\n --bs-brand-colors-yellow-700: #615102;\n --bs-brand-colors-yellow-800: #463a01;\n --bs-brand-colors-yellow-900: #2e2500;\n --bs-brand-colors-yellow-950: #221b00;\n --bs-brand-colors-amber-50: #fceee0;\n --bs-brand-colors-amber-100: #f8dfbf;\n --bs-brand-colors-amber-200: #f1be71;\n --bs-brand-colors-amber-300: #d19c46;\n --bs-brand-colors-amber-400: #b47f1e;\n --bs-brand-colors-amber-500: #996805;\n --bs-brand-colors-amber-600: #875b04;\n --bs-brand-colors-amber-700: #6f4b02;\n --bs-brand-colors-amber-800: #513601;\n --bs-brand-colors-amber-900: #352201;\n --bs-brand-colors-amber-950: #291900;\n --bs-brand-colors-orange-50: #faeee9;\n --bs-brand-colors-orange-100: #f9ddd0;\n --bs-brand-colors-orange-200: #f7b997;\n --bs-brand-colors-orange-300: #f08c50;\n --bs-brand-colors-orange-400: #d26d2b;\n --bs-brand-colors-orange-500: #ba5400;\n --bs-brand-colors-orange-600: #a24907;\n --bs-brand-colors-orange-700: #873d07;\n --bs-brand-colors-orange-800: #642c04;\n --bs-brand-colors-orange-900: #411b02;\n --bs-brand-colors-orange-950: #301302;\n --bs-brand-colors-magenta-50: #fbeeef;\n --bs-brand-colors-magenta-100: #ffd7e0;\n --bs-brand-colors-magenta-200: #ffb1c7;\n --bs-brand-colors-magenta-300: #ff7aa7;\n --bs-brand-colors-magenta-400: #ea4f8b;\n --bs-brand-colors-magenta-500: #d12e75;\n --bs-brand-colors-magenta-600: #b62965;\n --bs-brand-colors-magenta-700: #9a1f53;\n --bs-brand-colors-magenta-800: #71163c;\n --bs-brand-colors-magenta-900: #4a0d27;\n --bs-brand-colors-magenta-950: #38091c;\n --bs-brand-colors-maroon-50: #f9eef3;\n --bs-brand-colors-maroon-100: #f6dbef;\n --bs-brand-colors-maroon-200: #eab6e3;\n --bs-brand-colors-maroon-300: #d88cd1;\n --bs-brand-colors-maroon-400: #c465c0;\n --bs-brand-colors-maroon-500: #b14bb0;\n --bs-brand-colors-maroon-600: #983f98;\n --bs-brand-colors-maroon-700: #7f347e;\n --bs-brand-colors-maroon-800: #5e245d;\n --bs-brand-colors-maroon-900: #3e163d;\n --bs-brand-colors-maroon-950: #2c122b;\n --bs-brand-colors-violet-50: #f9eefe;\n --bs-brand-colors-violet-100: #eedcfd;\n --bs-brand-colors-violet-200: #d8b8fd;\n --bs-brand-colors-violet-300: #be92f4;\n --bs-brand-colors-violet-400: #a372dd;\n --bs-brand-colors-violet-500: #8f5ace;\n --bs-brand-colors-violet-600: #7750a8;\n --bs-brand-colors-violet-700: #64428d;\n --bs-brand-colors-violet-800: #492e6a;\n --bs-brand-colors-violet-900: #311b4b;\n --bs-brand-colors-violet-950: #241338;\n --bs-light-mode-0: rgba(0, 0, 0, 0);\n --bs-light-mode-100: rgba(0, 0, 0, 0.05);\n --bs-light-mode-200: rgba(0, 0, 0, 0.08);\n --bs-light-mode-300: rgba(0, 0, 0, 0.1);\n --bs-light-mode-400: rgba(0, 0, 0, 0.12);\n --bs-light-mode-500: rgba(0, 0, 0, 0.14);\n --bs-light-mode-600: rgba(0, 1, 2, 0.1);\n --bs-light-mode-700: rgba(28, 133, 255, 0.4);\n --bs-dark-mode-0: rgba(0, 0, 0, 0);\n --bs-dark-mode-100: rgba(0, 0, 0, 0.4);\n --bs-dark-mode-200: rgba(0, 0, 0, 0.35);\n --bs-dark-mode-300: rgba(0, 0, 0, 0.3);\n --bs-dark-mode-400: rgba(0, 0, 0, 0.25);\n --bs-dark-mode-500: rgba(0, 0, 0, 0.2);\n --bs-dark-mode-600: rgba(0, 1, 2, 0.05);\n --bs-dark-mode-700: rgba(28, 133, 255, 0.05);\n --bs-alpha-5: rgba(0, 0, 0, 0);\n --bs-alpha-10: rgba(0, 0, 0, 0);\n --bs-alpha-20: rgba(0, 0, 0, 0);\n --bs-alpha-30: rgba(0, 0, 0, 0);\n --bs-alpha-40: rgba(0, 0, 0, 0);\n --bs-alpha-50: rgba(0, 0, 0, 0);\n --bs-alpha-60: rgba(0, 0, 0, 0.01);\n --bs-alpha-70: rgba(0, 0, 0, 0.01);\n --bs-alpha-80: rgba(0, 0, 0, 0.01);\n --bs-alpha-90: rgba(0, 0, 0, 0.01);\n --bs-alpha-100: rgba(0, 0, 0, 0.01);\n --bs-fontsize-display-display1: 80px;\n --bs-fontsize-display-display2: 72px;\n --bs-fontsize-display-display3: 60px;\n --bs-fontsize-display-display4: 56px;\n --bs-fontsize-display-display5: 48px;\n --bs-fontsize-display-display6: 40px;\n --bs-fontsize-display-display7: 32px;\n --bs-fontsize-heading-h1: 48px;\n --bs-fontsize-heading-h2: 40px;\n --bs-fontsize-heading-h3: 32px;\n --bs-fontsize-heading-h4: 24px;\n --bs-fontsize-heading-h5: 20px;\n --bs-fontsize-heading-h6: 16px;\n --bs-fontsize-body-lg: 20px;\n --bs-fontsize-body-md: 16px;\n --bs-fontsize-body-sm: 14px;\n --bs-fontsize-caption-lg: 16px;\n --bs-fontsize-caption-md: 14px;\n --bs-fontsize-caption-sm: 12px;\n --bs-line-height-display-display1: 96;\n --bs-line-height-display-display2: 88;\n --bs-line-height-display-display3: 72;\n --bs-line-height-display-display4: 64;\n --bs-line-height-display-display5: 56;\n --bs-line-height-display-display6: 48;\n --bs-line-height-display-display7: 40;\n --bs-line-height-heading-h1: 56;\n --bs-line-height-heading-h2: 48;\n --bs-line-height-heading-h3: 40;\n --bs-line-height-heading-h4: 32;\n --bs-line-height-heading-h5: 24;\n --bs-line-height-heading-h6: 20;\n --bs-line-height-body-lg: 28;\n --bs-line-height-body-md: 24;\n --bs-line-height-body-sm: 20;\n --bs-line-height-caption-lg: 24;\n --bs-line-height-caption-md: 20;\n --bs-line-height-caption-sm: 16;\n --bs-paragraph-spacing-display-display1: 40;\n --bs-paragraph-spacing-display-display2: 36;\n --bs-paragraph-spacing-display-display3: 30;\n --bs-paragraph-spacing-display-display4: 28;\n --bs-paragraph-spacing-display-display5: 24;\n --bs-paragraph-spacing-display-display6: 20;\n --bs-paragraph-spacing-display-display7: 16;\n --bs-paragraph-spacing-heading-h1: 24;\n --bs-paragraph-spacing-heading-h2: 20;\n --bs-paragraph-spacing-heading-h3: 16;\n --bs-paragraph-spacing-heading-h4: 12;\n --bs-paragraph-spacing-heading-h5: 10;\n --bs-paragraph-spacing-heading-h6: 8;\n --bs-paragraph-spacing-body-lg: 10;\n --bs-paragraph-spacing-body-md: 8;\n --bs-paragraph-spacing-body-sm: 8;\n --bs-paragraph-spacing-caption-lg: 8;\n --bs-paragraph-spacing-caption-md: 8;\n --bs-paragraph-spacing-caption-sm: 6;\n --bs-margin-fluid: var(--bs-scale-300);\n --bs-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-gutter-gutter: var(--bs-scale-300);\n --bs-layout-columns-columns: 12rem;\n --bs-breakpoints-max-width: 1920rem;\n --bs-breakpoints-min-width: 1024rem;\n --bs-navigation-header-hamburger-menu: false;\n --bs-navigation-header-logo: true;\n --bs-navigation-header-left-menu: true;\n --bs-navigation-header-page-label: false;\n --bs-navigation-header-gap: 40;\n --bs-brand-50: var(--bs-brand-colors-blue-50);\n --bs-brand-100: var(--bs-brand-colors-blue-100);\n --bs-brand-200: var(--bs-brand-colors-blue-200);\n --bs-brand-300: var(--bs-brand-colors-blue-300);\n --bs-brand-400: var(--bs-brand-colors-blue-400);\n --bs-brand-500: var(--bs-brand-colors-blue-500);\n --bs-brand-600: var(--bs-brand-colors-blue-600);\n --bs-brand-700: var(--bs-brand-colors-blue-700);\n --bs-brand-800: var(--bs-brand-colors-blue-800);\n --bs-brand-900: var(--bs-brand-colors-blue-900);\n --bs-brand-950: var(--bs-brand-colors-blue-950);\n --bs-4-responsive-desktop-fontsize-display-display1: 80px;\n --bs-4-responsive-desktop-fontsize-display-display2: 72px;\n --bs-4-responsive-desktop-fontsize-display-display3: 60px;\n --bs-4-responsive-desktop-fontsize-display-display4: 56px;\n --bs-4-responsive-desktop-fontsize-display-display5: 48px;\n --bs-4-responsive-desktop-fontsize-display-display6: 40px;\n --bs-4-responsive-desktop-fontsize-display-display7: 32px;\n --bs-4-responsive-desktop-fontsize-heading-h1: 48px;\n --bs-4-responsive-desktop-fontsize-heading-h2: 40px;\n --bs-4-responsive-desktop-fontsize-heading-h3: 32px;\n --bs-4-responsive-desktop-fontsize-heading-h4: 24px;\n --bs-4-responsive-desktop-fontsize-heading-h5: 20px;\n --bs-4-responsive-desktop-fontsize-heading-h6: 16px;\n --bs-4-responsive-desktop-fontsize-body-lg: 20px;\n --bs-4-responsive-desktop-fontsize-body-md: 16px;\n --bs-4-responsive-desktop-fontsize-body-sm: 14px;\n --bs-4-responsive-desktop-fontsize-caption-lg: 16px;\n --bs-4-responsive-desktop-fontsize-caption-md: 14px;\n --bs-4-responsive-desktop-fontsize-caption-sm: 12px;\n --bs-4-responsive-desktop-line-height-display-display1: 96;\n --bs-4-responsive-desktop-line-height-display-display2: 88;\n --bs-4-responsive-desktop-line-height-display-display3: 72;\n --bs-4-responsive-desktop-line-height-display-display4: 64;\n --bs-4-responsive-desktop-line-height-display-display5: 56;\n --bs-4-responsive-desktop-line-height-display-display6: 48;\n --bs-4-responsive-desktop-line-height-display-display7: 40;\n --bs-4-responsive-desktop-line-height-heading-h1: 56;\n --bs-4-responsive-desktop-line-height-heading-h2: 48;\n --bs-4-responsive-desktop-line-height-heading-h3: 40;\n --bs-4-responsive-desktop-line-height-heading-h4: 32;\n --bs-4-responsive-desktop-line-height-heading-h5: 24;\n --bs-4-responsive-desktop-line-height-heading-h6: 20;\n --bs-4-responsive-desktop-line-height-body-lg: 28;\n --bs-4-responsive-desktop-line-height-body-md: 24;\n --bs-4-responsive-desktop-line-height-body-sm: 20;\n --bs-4-responsive-desktop-line-height-caption-lg: 24;\n --bs-4-responsive-desktop-line-height-caption-md: 20;\n --bs-4-responsive-desktop-line-height-caption-sm: 16;\n --bs-4-responsive-desktop-paragraph-spacing-display-display1: 40;\n --bs-4-responsive-desktop-paragraph-spacing-display-display2: 36;\n --bs-4-responsive-desktop-paragraph-spacing-display-display3: 30;\n --bs-4-responsive-desktop-paragraph-spacing-display-display4: 28;\n --bs-4-responsive-desktop-paragraph-spacing-display-display5: 24;\n --bs-4-responsive-desktop-paragraph-spacing-display-display6: 20;\n --bs-4-responsive-desktop-paragraph-spacing-display-display7: 16;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h1: 24;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h2: 20;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h3: 16;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h4: 12;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h5: 10;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-desktop-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-desktop-paragraph-spacing-body-md: 8;\n --bs-4-responsive-desktop-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-desktop-margin-fluid: var(--bs-scale-300);\n --bs-4-responsive-desktop-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-4-responsive-desktop-gutter-gutter: var(--bs-scale-300);\n --bs-4-responsive-desktop-layout-columns-columns: 12rem;\n --bs-4-responsive-desktop-breakpoints-max-width: 1920rem;\n --bs-4-responsive-desktop-breakpoints-min-width: 1024rem;\n --bs-4-responsive-desktop-navigation-header-hamburger-menu: false;\n --bs-4-responsive-desktop-navigation-header-logo: true;\n --bs-4-responsive-desktop-navigation-header-left-menu: true;\n --bs-4-responsive-desktop-navigation-header-page-label: false;\n --bs-4-responsive-desktop-navigation-header-gap: 40;\n --bs-4-responsive-tablet-fontsize-display-display1: 72px;\n --bs-4-responsive-tablet-fontsize-display-display2: 64px;\n --bs-4-responsive-tablet-fontsize-display-display3: 56px;\n --bs-4-responsive-tablet-fontsize-display-display4: 48px;\n --bs-4-responsive-tablet-fontsize-display-display5: 40px;\n --bs-4-responsive-tablet-fontsize-display-display6: 32px;\n --bs-4-responsive-tablet-fontsize-display-display7: 24px;\n --bs-4-responsive-tablet-fontsize-heading-h1: 40px;\n --bs-4-responsive-tablet-fontsize-heading-h2: 32px;\n --bs-4-responsive-tablet-fontsize-heading-h3: 24px;\n --bs-4-responsive-tablet-fontsize-heading-h4: 22px;\n --bs-4-responsive-tablet-fontsize-heading-h5: 20px;\n --bs-4-responsive-tablet-fontsize-heading-h6: 16px;\n --bs-4-responsive-tablet-fontsize-body-lg: 20px;\n --bs-4-responsive-tablet-fontsize-body-md: 16px;\n --bs-4-responsive-tablet-fontsize-body-sm: 14px;\n --bs-4-responsive-tablet-fontsize-caption-lg: 14px;\n --bs-4-responsive-tablet-fontsize-caption-md: 14px;\n --bs-4-responsive-tablet-fontsize-caption-sm: 12px;\n --bs-4-responsive-tablet-line-height-display-display1: 88;\n --bs-4-responsive-tablet-line-height-display-display2: 72;\n --bs-4-responsive-tablet-line-height-display-display3: 64;\n --bs-4-responsive-tablet-line-height-display-display4: 56;\n --bs-4-responsive-tablet-line-height-display-display5: 48;\n --bs-4-responsive-tablet-line-height-display-display6: 40;\n --bs-4-responsive-tablet-line-height-display-display7: 32;\n --bs-4-responsive-tablet-line-height-heading-h1: 48;\n --bs-4-responsive-tablet-line-height-heading-h2: 40;\n --bs-4-responsive-tablet-line-height-heading-h3: 32;\n --bs-4-responsive-tablet-line-height-heading-h4: 28;\n --bs-4-responsive-tablet-line-height-heading-h5: 24;\n --bs-4-responsive-tablet-line-height-heading-h6: 20;\n --bs-4-responsive-tablet-line-height-body-lg: 28;\n --bs-4-responsive-tablet-line-height-body-md: 24;\n --bs-4-responsive-tablet-line-height-body-sm: 20;\n --bs-4-responsive-tablet-line-height-caption-lg: 20;\n --bs-4-responsive-tablet-line-height-caption-md: 20;\n --bs-4-responsive-tablet-line-height-caption-sm: 16;\n --bs-4-responsive-tablet-paragraph-spacing-display-display1: 36;\n --bs-4-responsive-tablet-paragraph-spacing-display-display2: 32;\n --bs-4-responsive-tablet-paragraph-spacing-display-display3: 28;\n --bs-4-responsive-tablet-paragraph-spacing-display-display4: 24;\n --bs-4-responsive-tablet-paragraph-spacing-display-display5: 20;\n --bs-4-responsive-tablet-paragraph-spacing-display-display6: 16;\n --bs-4-responsive-tablet-paragraph-spacing-display-display7: 12;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h1: 20;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h2: 16;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h3: 12;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h4: 10;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h5: 8;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-tablet-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-tablet-paragraph-spacing-body-md: 8;\n --bs-4-responsive-tablet-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-tablet-margin-fluid: var(--bs-scale-300);\n --bs-4-responsive-tablet-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-4-responsive-tablet-gutter-gutter: var(--bs-scale-200);\n --bs-4-responsive-tablet-layout-columns-columns: 8rem;\n --bs-4-responsive-tablet-breakpoints-max-width: 1023rem;\n --bs-4-responsive-tablet-breakpoints-min-width: 600rem;\n --bs-4-responsive-tablet-navigation-header-hamburger-menu: true;\n --bs-4-responsive-tablet-navigation-header-logo: false;\n --bs-4-responsive-tablet-navigation-header-left-menu: false;\n --bs-4-responsive-tablet-navigation-header-page-label: false;\n --bs-4-responsive-tablet-navigation-header-gap: 12;\n --bs-4-responsive-mobile-fontsize-display-display1: 64px;\n --bs-4-responsive-mobile-fontsize-display-display2: 56px;\n --bs-4-responsive-mobile-fontsize-display-display3: 48px;\n --bs-4-responsive-mobile-fontsize-display-display4: 40px;\n --bs-4-responsive-mobile-fontsize-display-display5: 32px;\n --bs-4-responsive-mobile-fontsize-display-display6: 24px;\n --bs-4-responsive-mobile-fontsize-display-display7: 20px;\n --bs-4-responsive-mobile-fontsize-heading-h1: 32px;\n --bs-4-responsive-mobile-fontsize-heading-h2: 28px;\n --bs-4-responsive-mobile-fontsize-heading-h3: 24px;\n --bs-4-responsive-mobile-fontsize-heading-h4: 22px;\n --bs-4-responsive-mobile-fontsize-heading-h5: 20px;\n --bs-4-responsive-mobile-fontsize-heading-h6: 16px;\n --bs-4-responsive-mobile-fontsize-body-lg: 18px;\n --bs-4-responsive-mobile-fontsize-body-md: 16px;\n --bs-4-responsive-mobile-fontsize-body-sm: 12px;\n --bs-4-responsive-mobile-fontsize-caption-lg: 14px;\n --bs-4-responsive-mobile-fontsize-caption-md: 14px;\n --bs-4-responsive-mobile-fontsize-caption-sm: 12px;\n --bs-4-responsive-mobile-line-height-display-display1: 72;\n --bs-4-responsive-mobile-line-height-display-display2: 64;\n --bs-4-responsive-mobile-line-height-display-display3: 56;\n --bs-4-responsive-mobile-line-height-display-display4: 48;\n --bs-4-responsive-mobile-line-height-display-display5: 40;\n --bs-4-responsive-mobile-line-height-display-display6: 32;\n --bs-4-responsive-mobile-line-height-display-display7: 28;\n --bs-4-responsive-mobile-line-height-heading-h1: 40;\n --bs-4-responsive-mobile-line-height-heading-h2: 36;\n --bs-4-responsive-mobile-line-height-heading-h3: 32;\n --bs-4-responsive-mobile-line-height-heading-h4: 28;\n --bs-4-responsive-mobile-line-height-heading-h5: 24;\n --bs-4-responsive-mobile-line-height-heading-h6: 20;\n --bs-4-responsive-mobile-line-height-body-lg: 24;\n --bs-4-responsive-mobile-line-height-body-md: 24;\n --bs-4-responsive-mobile-line-height-body-sm: 20;\n --bs-4-responsive-mobile-line-height-caption-lg: 20;\n --bs-4-responsive-mobile-line-height-caption-md: 20;\n --bs-4-responsive-mobile-line-height-caption-sm: 16;\n --bs-4-responsive-mobile-paragraph-spacing-display-display1: 32;\n --bs-4-responsive-mobile-paragraph-spacing-display-display2: 28;\n --bs-4-responsive-mobile-paragraph-spacing-display-display3: 24;\n --bs-4-responsive-mobile-paragraph-spacing-display-display4: 20;\n --bs-4-responsive-mobile-paragraph-spacing-display-display5: 16;\n --bs-4-responsive-mobile-paragraph-spacing-display-display6: 12;\n --bs-4-responsive-mobile-paragraph-spacing-display-display7: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h1: 16;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h2: 12;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h3: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h4: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h5: 8;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-mobile-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-mobile-paragraph-spacing-body-md: 8;\n --bs-4-responsive-mobile-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-mobile-margin-fluid: var(--bs-scale-200);\n --bs-4-responsive-mobile-margin-with-navigation-drawer: var(--bs-scale-200);\n --bs-4-responsive-mobile-gutter-gutter: var(--bs-scale-200);\n --bs-4-responsive-mobile-layout-columns-columns: 4rem;\n --bs-4-responsive-mobile-breakpoints-max-width: 599rem;\n --bs-4-responsive-mobile-breakpoints-min-width: 0;\n --bs-4-responsive-mobile-navigation-header-hamburger-menu: true;\n --bs-4-responsive-mobile-navigation-header-logo: false;\n --bs-4-responsive-mobile-navigation-header-left-menu: false;\n --bs-4-responsive-mobile-navigation-header-page-label: true;\n --bs-4-responsive-mobile-navigation-header-gap: 8;\n --bs-5-brand-colors-blue-brand-50: var(--bs-brand-colors-blue-50);\n --bs-5-brand-colors-blue-brand-100: var(--bs-brand-colors-blue-100);\n --bs-5-brand-colors-blue-brand-200: var(--bs-brand-colors-blue-200);\n --bs-5-brand-colors-blue-brand-300: var(--bs-brand-colors-blue-300);\n --bs-5-brand-colors-blue-brand-400: var(--bs-brand-colors-blue-400);\n --bs-5-brand-colors-blue-brand-500: var(--bs-brand-colors-blue-500);\n --bs-5-brand-colors-blue-brand-600: var(--bs-brand-colors-blue-600);\n --bs-5-brand-colors-blue-brand-700: var(--bs-brand-colors-blue-700);\n --bs-5-brand-colors-blue-brand-800: var(--bs-brand-colors-blue-800);\n --bs-5-brand-colors-blue-brand-900: var(--bs-brand-colors-blue-900);\n --bs-5-brand-colors-blue-brand-950: var(--bs-brand-colors-blue-950);\n --bs-5-brand-colors-purple-brand-50: var(--bs-brand-colors-purple-50);\n --bs-5-brand-colors-purple-brand-100: var(--bs-brand-colors-purple-100);\n --bs-5-brand-colors-purple-brand-200: var(--bs-brand-colors-purple-200);\n --bs-5-brand-colors-purple-brand-300: var(--bs-brand-colors-purple-300);\n --bs-5-brand-colors-purple-brand-400: var(--bs-brand-colors-purple-400);\n --bs-5-brand-colors-purple-brand-500: var(--bs-brand-colors-purple-500);\n --bs-5-brand-colors-purple-brand-600: var(--bs-brand-colors-purple-600);\n --bs-5-brand-colors-purple-brand-700: var(--bs-brand-colors-purple-700);\n --bs-5-brand-colors-purple-brand-800: var(--bs-brand-colors-purple-800);\n --bs-5-brand-colors-purple-brand-900: var(--bs-brand-colors-purple-900);\n --bs-5-brand-colors-purple-brand-950: var(--bs-brand-colors-purple-950);\n --bs-5-brand-colors-cobalt-brand-50: var(--bs-brand-colors-cobalt-50);\n --bs-5-brand-colors-cobalt-brand-100: var(--bs-brand-colors-cobalt-100);\n --bs-5-brand-colors-cobalt-brand-200: var(--bs-brand-colors-cobalt-200);\n --bs-5-brand-colors-cobalt-brand-300: var(--bs-brand-colors-cobalt-300);\n --bs-5-brand-colors-cobalt-brand-400: var(--bs-brand-colors-cobalt-400);\n --bs-5-brand-colors-cobalt-brand-500: var(--bs-brand-colors-cobalt-500);\n --bs-5-brand-colors-cobalt-brand-600: var(--bs-brand-colors-cobalt-600);\n --bs-5-brand-colors-cobalt-brand-700: var(--bs-brand-colors-cobalt-700);\n --bs-5-brand-colors-cobalt-brand-800: var(--bs-brand-colors-cobalt-800);\n --bs-5-brand-colors-cobalt-brand-900: var(--bs-brand-colors-cobalt-900);\n --bs-5-brand-colors-cobalt-brand-950: var(--bs-brand-colors-cobalt-950);\n --bs-5-brand-colors-steel-brand-50: {Brand Colors.steel.50};\n --bs-5-brand-colors-steel-brand-100: {Brand Colors.steel.100};\n --bs-5-brand-colors-steel-brand-200: {Brand Colors.steel.200};\n --bs-5-brand-colors-steel-brand-300: {Brand Colors.steel.300};\n --bs-5-brand-colors-steel-brand-400: {Brand Colors.steel.400};\n --bs-5-brand-colors-steel-brand-500: {Brand Colors.steel.500};\n --bs-5-brand-colors-steel-brand-600: {Brand Colors.steel.600};\n --bs-5-brand-colors-steel-brand-700: {Brand Colors.steel.800};\n --bs-5-brand-colors-steel-brand-800: {Brand Colors.steel.800};\n --bs-5-brand-colors-steel-brand-900: {Brand Colors.steel.900};\n --bs-5-brand-colors-steel-brand-950: {Brand Colors.steel.950};\n --bs-5-brand-colors-teal-brand-50: {Brand Colors.teal.50};\n --bs-5-brand-colors-teal-brand-100: {Brand Colors.teal.100};\n --bs-5-brand-colors-teal-brand-200: {Brand Colors.teal.200};\n --bs-5-brand-colors-teal-brand-300: {Brand Colors.teal.300};\n --bs-5-brand-colors-teal-brand-400: {Brand Colors.teal.400};\n --bs-5-brand-colors-teal-brand-500: {Brand Colors.teal.500};\n --bs-5-brand-colors-teal-brand-600: {Brand Colors.teal.600};\n --bs-5-brand-colors-teal-brand-700: {Brand Colors.teal.700};\n --bs-5-brand-colors-teal-brand-800: {Brand Colors.teal.800};\n --bs-5-brand-colors-teal-brand-900: {Brand Colors.teal.900};\n --bs-5-brand-colors-teal-brand-950: {Brand Colors.teal.950};\n --bs-5-brand-colors-jade-brand-50: {Brand Colors.jade.50};\n --bs-5-brand-colors-jade-brand-100: {Brand Colors.jade.100};\n --bs-5-brand-colors-jade-brand-200: {Brand Colors.jade.200};\n --bs-5-brand-colors-jade-brand-300: {Brand Colors.jade.300};\n --bs-5-brand-colors-jade-brand-400: {Brand Colors.jade.400};\n --bs-5-brand-colors-jade-brand-500: {Brand Colors.jade.500};\n --bs-5-brand-colors-jade-brand-600: {Brand Colors.jade.600};\n --bs-5-brand-colors-jade-brand-700: {Brand Colors.teal.700};\n --bs-5-brand-colors-jade-brand-800: {Brand Colors.jade.800};\n --bs-5-brand-colors-jade-brand-900: {Brand Colors.jade.900};\n --bs-5-brand-colors-jade-brand-950: {Brand Colors.jade.950};\n --bs-5-brand-colors-green-brand-50: var(--bs-brand-colors-green-50);\n --bs-5-brand-colors-green-brand-100: var(--bs-brand-colors-green-100);\n --bs-5-brand-colors-green-brand-200: var(--bs-brand-colors-green-200);\n --bs-5-brand-colors-green-brand-300: var(--bs-brand-colors-green-300);\n --bs-5-brand-colors-green-brand-400: var(--bs-brand-colors-green-400);\n --bs-5-brand-colors-green-brand-500: var(--bs-brand-colors-green-500);\n --bs-5-brand-colors-green-brand-600: var(--bs-brand-colors-green-600);\n --bs-5-brand-colors-green-brand-700: var(--bs-brand-colors-green-700);\n --bs-5-brand-colors-green-brand-800: var(--bs-brand-colors-green-800);\n --bs-5-brand-colors-green-brand-900: var(--bs-brand-colors-green-900);\n --bs-5-brand-colors-green-brand-950: var(--bs-brand-colors-green-950);\n --bs-5-brand-colors-lime-brand-50: var(--bs-brand-colors-lime-50);\n --bs-5-brand-colors-lime-brand-100: var(--bs-brand-colors-lime-100);\n --bs-5-brand-colors-lime-brand-200: var(--bs-brand-colors-lime-200);\n --bs-5-brand-colors-lime-brand-300: var(--bs-brand-colors-lime-300);\n --bs-5-brand-colors-lime-brand-400: var(--bs-brand-colors-lime-400);\n --bs-5-brand-colors-lime-brand-500: var(--bs-brand-colors-lime-500);\n --bs-5-brand-colors-lime-brand-600: var(--bs-brand-colors-lime-600);\n --bs-5-brand-colors-lime-brand-700: var(--bs-brand-colors-lime-700);\n --bs-5-brand-colors-lime-brand-800: var(--bs-brand-colors-lime-800);\n --bs-5-brand-colors-lime-brand-900: var(--bs-brand-colors-lime-900);\n --bs-5-brand-colors-lime-brand-950: var(--bs-brand-colors-lime-950);\n --bs-5-brand-colors-yellow-brand-50: var(--bs-brand-colors-yellow-50);\n --bs-5-brand-colors-yellow-brand-100: var(--bs-brand-colors-yellow-100);\n --bs-5-brand-colors-yellow-brand-200: var(--bs-brand-colors-yellow-200);\n --bs-5-brand-colors-yellow-brand-300: var(--bs-brand-colors-yellow-300);\n --bs-5-brand-colors-yellow-brand-400: var(--bs-brand-colors-yellow-400);\n --bs-5-brand-colors-yellow-brand-500: var(--bs-brand-colors-yellow-500);\n --bs-5-brand-colors-yellow-brand-600: var(--bs-brand-colors-yellow-600);\n --bs-5-brand-colors-yellow-brand-700: var(--bs-brand-colors-yellow-700);\n --bs-5-brand-colors-yellow-brand-800: var(--bs-brand-colors-yellow-800);\n --bs-5-brand-colors-yellow-brand-900: var(--bs-brand-colors-yellow-900);\n --bs-5-brand-colors-yellow-brand-950: var(--bs-brand-colors-yellow-950);\n --bs-5-brand-colors-amber-brand-50: var(--bs-brand-colors-amber-50);\n --bs-5-brand-colors-amber-brand-100: var(--bs-brand-colors-amber-100);\n --bs-5-brand-colors-amber-brand-200: var(--bs-brand-colors-amber-200);\n --bs-5-brand-colors-amber-brand-300: var(--bs-brand-colors-amber-300);\n --bs-5-brand-colors-amber-brand-400: var(--bs-brand-colors-amber-400);\n --bs-5-brand-colors-amber-brand-500: var(--bs-brand-colors-amber-500);\n --bs-5-brand-colors-amber-brand-600: var(--bs-brand-colors-amber-600);\n --bs-5-brand-colors-amber-brand-700: var(--bs-brand-colors-amber-700);\n --bs-5-brand-colors-amber-brand-800: var(--bs-brand-colors-amber-800);\n --bs-5-brand-colors-amber-brand-900: var(--bs-brand-colors-amber-900);\n --bs-5-brand-colors-amber-brand-950: var(--bs-brand-colors-amber-950);\n --bs-5-brand-colors-orange-brand-50: var(--bs-brand-colors-orange-50);\n --bs-5-brand-colors-orange-brand-100: var(--bs-brand-colors-orange-100);\n --bs-5-brand-colors-orange-brand-200: var(--bs-brand-colors-orange-200);\n --bs-5-brand-colors-orange-brand-300: var(--bs-brand-colors-orange-300);\n --bs-5-brand-colors-orange-brand-400: var(--bs-brand-colors-orange-400);\n --bs-5-brand-colors-orange-brand-500: var(--bs-brand-colors-orange-500);\n --bs-5-brand-colors-orange-brand-600: var(--bs-brand-colors-orange-600);\n --bs-5-brand-colors-orange-brand-700: var(--bs-brand-colors-orange-700);\n --bs-5-brand-colors-orange-brand-800: var(--bs-brand-colors-orange-800);\n --bs-5-brand-colors-orange-brand-900: var(--bs-brand-colors-orange-900);\n --bs-5-brand-colors-orange-brand-950: var(--bs-brand-colors-amber-950);\n --bs-5-brand-colors-magenta-brand-50: var(--bs-brand-colors-magenta-50);\n --bs-5-brand-colors-magenta-brand-100: var(--bs-brand-colors-magenta-100);\n --bs-5-brand-colors-magenta-brand-200: var(--bs-brand-colors-magenta-200);\n --bs-5-brand-colors-magenta-brand-300: var(--bs-brand-colors-magenta-300);\n --bs-5-brand-colors-magenta-brand-400: var(--bs-brand-colors-magenta-400);\n --bs-5-brand-colors-magenta-brand-500: var(--bs-brand-colors-magenta-500);\n --bs-5-brand-colors-magenta-brand-600: var(--bs-brand-colors-magenta-600);\n --bs-5-brand-colors-magenta-brand-700: var(--bs-brand-colors-magenta-700);\n --bs-5-brand-colors-magenta-brand-800: var(--bs-brand-colors-magenta-800);\n --bs-5-brand-colors-magenta-brand-900: var(--bs-brand-colors-magenta-900);\n --bs-5-brand-colors-magenta-brand-950: var(--bs-brand-colors-magenta-950);\n --bs-5-brand-colors-maroon-brand-50: var(--bs-brand-colors-maroon-50);\n --bs-5-brand-colors-maroon-brand-100: var(--bs-brand-colors-maroon-100);\n --bs-5-brand-colors-maroon-brand-200: var(--bs-brand-colors-maroon-200);\n --bs-5-brand-colors-maroon-brand-300: var(--bs-brand-colors-maroon-300);\n --bs-5-brand-colors-maroon-brand-400: var(--bs-brand-colors-maroon-400);\n --bs-5-brand-colors-maroon-brand-500: var(--bs-brand-colors-maroon-500);\n --bs-5-brand-colors-maroon-brand-600: var(--bs-brand-colors-maroon-600);\n --bs-5-brand-colors-maroon-brand-700: var(--bs-brand-colors-maroon-700);\n --bs-5-brand-colors-maroon-brand-800: var(--bs-brand-colors-maroon-800);\n --bs-5-brand-colors-maroon-brand-900: var(--bs-brand-colors-maroon-900);\n --bs-5-brand-colors-maroon-brand-950: var(--bs-brand-colors-maroon-950);\n --bs-5-brand-colors-violet-brand-50: var(--bs-brand-colors-violet-50);\n --bs-5-brand-colors-violet-brand-100: var(--bs-brand-colors-violet-100);\n --bs-5-brand-colors-violet-brand-200: var(--bs-brand-colors-violet-200);\n --bs-5-brand-colors-violet-brand-300: var(--bs-brand-colors-violet-300);\n --bs-5-brand-colors-violet-brand-400: var(--bs-brand-colors-violet-400);\n --bs-5-brand-colors-violet-brand-500: var(--bs-brand-colors-violet-500);\n --bs-5-brand-colors-violet-brand-600: var(--bs-brand-colors-violet-600);\n --bs-5-brand-colors-violet-brand-700: var(--bs-brand-colors-violet-700);\n --bs-5-brand-colors-violet-brand-800: var(--bs-brand-colors-violet-800);\n --bs-5-brand-colors-violet-brand-900: var(--bs-brand-colors-violet-900);\n --bs-5-brand-colors-violet-brand-950: var(--bs-brand-colors-violet-950);\n --bs-focus-border-: var(--bs-information-500);\n --bs-label: Label;\n --bs-border-width-0: var(--bs-scale-0);\n --bs-border-width-thin: var(--bs-scale-10);\n --bs-border-width-medium: var(--bs-scale-25);\n --bs-border-width-thick: var(--bs-scale-50);\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n --bs-sizing-75: var(--bs-scale-75);\n --bs-sizing-100: var(--bs-scale-100);\n --bs-sizing-200: var(--bs-scale-200);\n --bs-sizing-250: var(--bs-scale-250);\n --bs-sizing-300: var(--bs-scale-300);\n --bs-sizing-400: var(--bs-scale-400);\n --bs-sizing-500: var(--bs-scale-500);\n --bs-sizing-600: var(--bs-scale-600);\n --bs-sizing-700: var(--bs-scale-700);\n --bs-sizing-800: var(--bs-scale-800);\n --bs-sizing-1000: var(--bs-scale-1000);\n --bs-sizing-1200: var(--bs-scale-1200);\n --bs-sizing-1600: var(--bs-scale-1600);\n --bs-sizing-3200: var(--bs-scale-3200);\n --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n[data-theme=\"dark\"] {\n\n / Primary Colors - Dark Mode /\n --bs-color-primary-default: var(--bs-brand-400);\n --bs-color-primary-hover: var(--bs-brand-300);\n --bs-color-primary-focused: var(--bs-brand-300);\n --bs-color-primary-pressed: var(--bs-brand-200);\n --bs-color-primary-container: var(--bs-brand-950);\n --bs-color-primary-container-hover: var(--bs-brand-900);\n\n / Neutral Colors - Dark Mode /\n --bs-color-neutral-default: var(--bs-neutral-300);\n --bs-color-neutral-hover: var(--bs-neutral-200);\n --bs-color-neutral-focused: var(--bs-neutral-200);\n --bs-color-neutral-pressed: var(--bs-neutral-50);\n --bs-color-neutral-container: var(--bs-neutral-900);\n --bs-color-neutral-container-hover: var(--bs-neutral-800);\n --bs-color-neutral-container-focused: var(--bs-neutral-800);\n --bs-color-neutral-container-pressed: var(--bs-neutral-700);\n\n / Accent Colors - Dark Mode /\n --bs-color-accent-default: var(--bs-brand-colors-magenta-400);\n --bs-color-accent-hover: var(--bs-brand-colors-magenta-300);\n --bs-color-accent-active: var(--bs-brand-colors-magenta-200);\n --bs-color-accent-container: var(--bs-brand-colors-magenta-700);\n\n / Success Colors - Dark Mode /\n --bs-color-success-default: var(--bs-success-400);\n --bs-color-success-hover: var(--bs-success-300);\n --bs-color-success-focused: var(--bs-success-300);\n --bs-color-success-pressed: var(--bs-success-200);\n --bs-color-success-container: var(--bs-success-800);\n\n / Warning Colors - Dark Mode /\n --bs-color-warning-default: var(--bs-warning-400);\n --bs-color-warning-hover: var(--bs-warning-300);\n --bs-color-warning-focused: var(--bs-warning-300);\n --bs-color-warning-pressed: var(--bs-warning-200);\n --bs-color-warning-container: var(--bs-warning-800);\n\n / Error Colors - Dark Mode /\n --bs-color-error-default: var(--bs-error-400);\n --bs-color-error-hover: var(--bs-error-300);\n --bs-color-error-focused: var(--bs-error-300);\n --bs-color-error-pressed: var(--bs-error-200);\n --bs-color-error-container: var(--bs-error-950);\n\n / Info Colors - Dark Mode /\n --bs-color-info-default: var(--bs-information-400);\n --bs-color-info-hover: var(--bs-information-300);\n --bs-color-info-focused: var(--bs-information-300);\n --bs-color-info-pressed: var(--bs-information-200);\n --bs-color-info-container: var(--bs-information-800);\n\n / Text Colors - Dark Mode /\n --bs-text-static-white: var(--bs-white);\n --bs-text-static-black: var(--bs-black);\n --bs-text-default: var(--bs-white);\n --bs-text-secondary: var(--bs-neutral-200);\n --bs-text-muted: var(--bs-neutral-300);\n --bs-text-inverse: var(--bs-static-black);\n --bs-text-link: var(--bs-information-400);\n --bs-text-action: var(--bs-brand-400);\n --bs-text-action-hover: var(--bs-brand-500);\n --bs-text-success: var(--bs-success-300);\n --bs-text-info: var(--bs-information-300);\n --bs-text-warning: var(--bs-warning-300);\n --bs-text-error: var(--bs-error-300);\n --bs-text-on-action: var(--bs-black);\n --bs-text-on-disabled: var(--bs-neutral-600);\n --bs-text-accent: var(--bs-brand-colors-purple-400);\n --bs-text-inverse-accent: var(--bs-brand-colors-purple-600);\n --bs-text-neutral---default: var(--bs-neutral-300);\n --bs-text-neutral---hover: var(--bs-neutral-200);\n --bs-text-neutral---focused: var(--bs-neutral-200);\n --bs-text-neutral---pressed: var(--bs-neutral-50);\n --bs-text-neutral-default: var(--bs-neutral-300);\n --bs-text-neutral-hover: var(--bs-neutral-200);\n --bs-text-neutral-focused: var(--bs-neutral-200);\n --bs-text-neutral-pressed: var(--bs-neutral-50);\n\n / Surface Colors - Dark Mode /\n --bs-surface-base: var(--bs-neutral-950);\n --bs-surface-raised: var(--bs-neutral-900);\n --bs-surface-container: var(--bs-neutral-900);\n --bs-surface-hover: var(--bs-neutral-800);\n --bs-surface-focus: var(--bs-neutral-800);\n --bs-surface-pressed: var(--bs-neutral-600);\n --bs-surface-selected: var(--bs-neutral-700);\n --bs-surface-selected-hover: var(--bs-neutral-700);\n --bs-surface-selected-focus: var(--bs-neutral-700);\n --bs-surface-selected-pressed: var(--bs-neutral-600);\n --bs-surface-active: var(--bs-neutral-600);\n --bs-surface-action: var(--bs-color-primary-default);\n --bs-surface-inset: var(--bs-neutral-900);\n --bs-surface-inverse: var(--bs-neutral-50-transparent);\n --bs-surface-accent: var(--bs-gray-transparent-2);\n --bs-surface-on-action: var(--bs-gray-900);\n --bs-surface-on-action-disabled: var(--bs-neutral-600);\n --bs-surface-action-disabled: var(--bs-neutral-900);\n --bs-surface-success: var(--bs-success-600);\n --bs-surface-info: var(--bs-information-600);\n --bs-surface-warning: var(--bs-warning-600);\n --bs-surface-error: var(--bs-error-600);\n --bs-surface-overlay: var(--bs-neutral-500-transparent-2);\n --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent);\n\n / Icon Colors - Dark Mode /\n --bs-icon-static-white: var(--bs-white);\n --bs-icon-static-black: var(--bs-black);\n --bs-icon-default: var(--bs-neutral-25);\n --bs-icon-muted: var(--bs-neutral-400);\n --bs-icon-disabled: var(--bs-neutral-600);\n --bs-icon-inverse: var(--bs-static-black);\n --bs-icon-action: var(--bs-brand-400);\n --bs-icon-action-hover: var(--bs-brand-300);\n --bs-icon-success: var(--bs-success-400);\n --bs-icon-info: var(--bs-information-300);\n --bs-icon-warning: var(--bs-warning-300);\n --bs-icon-error: var(--bs-error-300);\n --bs-icon-neutral-default: var(--bs-neutral-300);\n --bs-icon-neutral-hover: var(--bs-neutral-200);\n --bs-icon-neutral-focused: var(--bs-neutral-200);\n --bs-icon-neutral-pressed: var(--bs-neutral-50);\n\n / Border Colors - Dark Mode /\n --bs-border-default: var(--bs-neutral-800);\n --bs-border-neutral-hover: var(--bs-neutral-300);\n --bs-border-neutral-focus: var(--bs-focus-border-);\n --bs-border-neutral-active: var(--bs-neutral-500);\n --bs-border-neutral-disabled: var(--bs-neutral-700);\n --bs-border-neutral-container: var(--bs-neutral-700);\n --bs-border-neutral-container-hover: var(--bs-neutral-500);\n --bs-border-neutral-container-focused: var(--bs-focus-border-);\n --bs-border-neutral-container-pressed: var(--bs-neutral-300);\n --bs-border-success: var(--bs-success-400);\n --bs-border-success-hover: var(--bs-success-300);\n --bs-border-success-focus: var(--bs-focus-border-);\n --bs-border-warning: var(--bs-warning-400);\n --bs-border-warning-hover: var(--bs-warning-300);\n --bs-border-warning-focus: var(--bs-focus-border-);\n --bs-border-error: var(--bs-error-300);\n --bs-border-error-hover: var(--bs-error-200);\n --bs-border-error-focus: var(--bs-focus-border-);\n --bs-border-info: var(--bs-information-400);\n --bs-border-info-hover: var(--bs-information-600);\n --bs-border-info-focus: var(--bs-focus-border-);\n --bs-border-primary: var(--bs-brand-400);\n --bs-border-primary-hover: var(--bs-brand-300);\n --bs-border-primary-focus: var(--bs-focus-border-);\n --bs-border-primary-pressed: var(--bs-brand-200);\n\n / Elevation Colors - Dark Mode /\n --bs-elevation-none: var(--bs-dark-mode-0);\n --bs-elevation-low: var(--bs-dark-mode-100);\n --bs-elevation-medium: var(--bs-dark-mode-200);\n --bs-elevation-high: var(--bs-dark-mode-300);\n --bs-elevation-higher: var(--bs-dark-mode-400);\n --bs-elevation-highest: var(--bs-dark-mode-500);\n --bs-elevation-inner: var(--bs-dark-mode-600);\n --bs-elevation-focus: var(--bs-dark-mode-700);\n\n --bs-focus-border-: var(--bs-information-300);\n --bs-label: Label;\n --bs-border-width-0: var(--bs-scale-0);\n --bs-border-width-thin: var(--bs-scale-10);\n --bs-border-width-medium: var(--bs-scale-25);\n --bs-border-width-thick: var(--bs-scale-50);\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n --bs-spacing-0: var(--bs-scale-0);\n --bs-spacing-25: var(--bs-scale-25);\n --bs-spacing-50: var(--bs-scale-50);\n --bs-spacing-75: var(--bs-scale-75);\n --bs-spacing-100: var(--bs-scale-100);\n --bs-spacing-150: var(--bs-scale-150);\n --bs-spacing-200: var(--bs-scale-200);\n --bs-spacing-250: var(--bs-scale-250);\n --bs-spacing-300: var(--bs-scale-300);\n --bs-spacing-350: var(--bs-scale-350);\n --bs-spacing-400: var(--bs-scale-400);\n --bs-spacing-500: var(--bs-scale-500);\n --bs-spacing-550: var(--bs-scale-550);\n --bs-spacing-600: var(--bs-scale-600);\n --bs-spacing-700: var(--bs-scale-700);\n --bs-spacing-800: var(--bs-scale-800);\n --bs-spacing-1000: var(--bs-scale-1000);\n --bs-spacing-1200: var(--bs-scale-1200);\n --bs-spacing-1500: var(--bs-scale-1500);\n --bs-spacing--600: var(--bs-scale--600);\n --bs-spacing--500: var(--bs-scale--500);\n --bs-spacing--350: var(--bs-scale--350);\n --bs-spacing--200: var(--bs-scale--200);\n --bs-spacing--150: var(--bs-scale--150);\n --bs-spacing--100: var(--bs-scale--100);\n --bs-sizing-75: var(--bs-scale-75);\n --bs-sizing-100: var(--bs-scale-100);\n --bs-sizing-200: var(--bs-scale-200);\n --bs-sizing-250: var(--bs-scale-250);\n --bs-sizing-300: var(--bs-scale-300);\n --bs-sizing-400: var(--bs-scale-400);\n --bs-sizing-500: var(--bs-scale-500);\n --bs-sizing-600: var(--bs-scale-600);\n --bs-sizing-700: var(--bs-scale-700);\n --bs-sizing-800: var(--bs-scale-800);\n --bs-sizing-1000: var(--bs-scale-1000);\n --bs-sizing-1200: var(--bs-scale-1200);\n --bs-sizing-1600: var(--bs-scale-1600);\n --bs-sizing-3200: var(--bs-scale-3200);\n --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n/ Reduced Motion /\n@media (prefers-reduced-motion: reduce) {\n :root {\n --bs-duration-instant: 0ms;\n --bs-duration-fast: 0ms;\n --bs-duration-default: 0ms;\n --bs-duration-slow: 0ms;\n --bs-duration-slower: 0ms;\n }\n}\n\n/\n * Sets the document root to Brandsync's typeface (brandsync-tokens defines Roboto for both\n * --bs-typography-font-family-heading and -body). Every component's shadow styles use\n * `font-family: inherit`, so this is what they actually inherit from.\n \n Loading the Roboto font file itself is the consuming app's job, same convention already used\n * across eg-brandsync -- a <link> to Google Fonts (or next/font/google) for the weights actually\n * used by brandsync-tokens: 100, 400, 500, 600, 700, 900. See README.md.\n /\n:root {\n font-family: var(--bs-typography-font-family-body), sans-serif;\n}\n\n/\n * Bridges the `[data-theme=\"dark\"]` attribute (set by a consuming app, or this library's own\n * Storybook \"Theme\" toolbar switch -- see .storybook/preview.ts) to bs-logo's asset-visibility\n * custom properties, so bs-logo's `background=\"auto\"` default (the default) can react to it via\n * ordinary custom property inheritance across shadow DOM boundaries -- the same mechanism every\n * other `--bs-` token already uses to re-theme component internals, just for a fixed SVG asset\n that has no token of its own to read. Kept out of tokens.css since that file is vendored\n * wholesale from the brandsync-tokens package and re-copied verbatim on every bump (see its own\n * header comment) -- this is BrandSync-WC's own addition, not an upstream design token.\n */\n:root {\n --bs-logo-asset-light-display: block;\n --bs-logo-asset-dark-display: none;\n}\n\n[data-theme='dark'] {\n --bs-logo-asset-light-display: none;\n --bs-logo-asset-dark-display: block;\n}\n\n";function n(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 r,e=(s,r)=>{var e;Object.entries(null!=(e=r.l.o)?e:{}).map((([e,[a]])=>{if(31&a\|\|32&a){const a=s[e],b=n(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}),r.t.has(e)?s[e]=r.t.get(e):void 0!==a&&(s[e]=a)}}))},a=s=>{if(s.__stencil__getHostRef)return s.__stencil__getHostRef()},b=(s,n)=>n in s,o=(s,n)=>(0,console.error)(s,n),l=new Map,t=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],i="undefined"!=typeof window?window:{},d=i.HTMLElement\|\|class{},c={i:0,p:"",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)},p=(()=>{var s;let n=!1;try{null==(s=i.document)\|\|s.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch(s){}return n})(),v=(()=>{try{return!!i.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(s){}return!1})(),g=!!v&&(()=>!!i.document&&Object.getOwnPropertyDescriptor(i.document.adoptedStyleSheets,"length").writable)(),u=!1,h=[],f=[],m=()=>{var s;return(null==(s=i.document)?void 0:s.hidden)?setTimeout(w,16):c.raf(w)},y=(s,n)=>r=>{s.push(r),u\|\|(u=!0,n&&4&c.i?k(w):m())},x=s=>{for(let n=0;n<s.length;n++)try{s[n](performance.now())}catch(s){o(s)}s.length=0},w=()=>{x(h),x(f),(u=h.length>0)&&m()},k=s=>Promise.resolve(undefined).then(s),z=y(f,!0),C=s=>{const n=new URL(s,c.p);return n.origin!==i.location.origin?n.href:n.pathname},j=s=>c.p=s;function S(n){var e;const a={mode:"open"};a.delegatesFocus=!!(16&n.i);const b=this.attachShadow(a);if(void 0===r&&(r=null!=(e=function(s){if(!v)return;const n=new CSSStyleSheet;return n.replaceSync(s),n}(s))?e:null),r)g?b.adoptedStyleSheets.push(r):b.adoptedStyleSheets=[...b.adoptedStyleSheets,r];else if(!v){const n=document.createElement("style");n.innerHTML=s,b.prepend(n)}}var $,M=new WeakMap,B=s=>"sc-"+s.v,O=s=>"object"==(s=typeof s)\|\|"function"===s,L=(s,n,...r)=>{let e=null,a=null,b=!1,l=!1;const t=[],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&&!O(e))e=String(e);else if("function"!=typeof s&&void 0===e.i){o("Invalid vNode child");continue}b&&l?t[t.length-1].u+=e:t.push(b?D(null,e):e),l=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,t,R);const d=D(s,null);return d.h=n,t.length>0&&(d.m=t),d.k=a,d},D=(s,n)=>({i:0,C:s,u:null!=n?n:null,j:null,m:null,h:null,k:null}),E={},R={forEach:(s,n)=>s.map(A).forEach(n),map:(s,n)=>s.map(A).map(n).map(T)},A=s=>({vattrs:s.h,vchildren:s.m,vkey:s.k,vname:s.S,vtag:s.C,vtext:s.u}),T=s=>{if("function"==typeof s.vtag){const n={...s.vattrs};return s.vkey&&(n.key=s.vkey),s.vname&&(n.name=s.vname),L(s.vtag,n,...s.vchildren\|\|[])}const n=D(s.vtag,s.vtext);return n.h=s.vattrs,n.m=s.vchildren,n.k=s.vkey,n.S=s.vname,n},N=s=>{if(!s)return;const n=Object.keys(s);if(0===n.length)return;let r=!1;for(const e of n){if(r)break;for(const n of s[e])if("string"==typeof n){r=!0;break}}if(!r)return s;const e={};for(const r of n)e[r]=s[r].map((s=>"string"==typeof s?{[s]:0}:s));return e},W=(s,n,r)=>null==s\|\|O(s)?s:4&n?(r&&"string"==typeof s\|\|"false"!==s)&&(""===s\|\|!!s):2&n?"string"==typeof s?parseFloat(s):"number"==typeof s?s:NaN:1&n?String(s):s,F=(s,n)=>{const r=s;return{emit:s=>P(r,n,{bubbles:!0,composed:!0,cancelable:!0,detail:s})}},P=(s,n,r)=>{const e=c.ce(n,r);return s.dispatchEvent(e),e},_=(s,n,r,e,o,l)=>{if(r===e)return;let t=b(s,n),d=n.toLowerCase();if("class"===n){const n=s.classList,a=U(r);let b=U(e);{let s=a.filter((s=>s&&!b.includes(s)));n.remove(...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&&os(e,s);else if(s.__lookupSetter__(n)\|\|"o"!==n[0]\|\|"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const r=n.slice(5);let b;{const n=a(s);if(n&&n.l&&n.l.o){const s=n.l.o[r];s&&s[1]&&(b=s[1])}}return b\|\|(b=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==e\|\|!1===e?!1===e&&""!==s.getAttribute(b)\|\|s.removeAttribute(b):s.setAttribute(b,!0===e?"":e))}if("p"===n[0]&&n.startsWith("prop:")){const r=n.slice(5);try{s[r]=e}catch(s){}return}{const a=O(e);if((t\|\|a&&null!==e)&&!o)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)\|\|4&l&&!H(n))&&s.removeAttribute(n):(!t\|\|4&l\|\|o)&&!a&&1===s.nodeType&&s.setAttribute(n,e=!0===e?"":e)}}else if(n="-"===n[2]?n.slice(3):b(i,d)?d.slice(2):d[2]+n.slice(3),r\|\|e){const a=n.endsWith(V);n=n.replace(q,""),r&&c.rel(s,n,r,a),e&&c.ael(s,n,e,a)}},I=new Set(["draggable","contenteditable","spellcheck"]),H=s=>I.has(s)\|\|s.startsWith("aria-"),G=/\s/,U=s=>("object"==typeof s&&s&&"baseVal"in s&&(s=s.baseVal),s&&"string"==typeof s?s.split(G):[]),V="Capture",q=new RegExp(V+"$"),Y=(s,n,r)=>{const e=11===n.j.nodeType&&n.j.host?n.j.host:n.j,a=s&&s.h\|\|{},b=n.h\|\|{};for(const s of Z(Object.keys(a)))s in b\|\|_(e,s,a[s],void 0,r,n.i);for(const s of Z(Object.keys(b)))_(e,s,a[s],b[s],r,n.i)};function Z(s){return s.includes("ref")?[...s.filter((s=>"ref"!==s)),"ref"]:s}var J=!1,K=!1,Q=[],X=[],ss=(s,n,r)=>{const e=n.m[r];let a,b,o=0;if(null!=e.u)a=e.j=i.document.createTextNode(e.u);else{if(K\|\|(K="svg"===e.C),!i.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(a=e.j=i.document.createElementNS(K?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",e.C),K&&"foreignObject"===e.C&&(K=!1),Y(null,e,K),e.m){const n="template"===e.C?a.content:a;for(o=0;o<e.m.length;++o)b=ss(s,e,o),b&&n.appendChild(b)}"svg"===e.C?K=!1:"foreignObject"===a.tagName&&(K=!0)}return a["s-hn"]=$,a},ns=(s,n,r,e,a,b)=>{let o,l=s;for(l.shadowRoot&&l.tagName===$&&(l=l.shadowRoot),"template"===r.C&&(l=l.content);a<=b;++a)e[a]&&(o=ss(null,r,a),o&&(e[a].j=o,ls(l,o,n)))},rs=(s,n,r)=>{for(let e=n;e<=r;++e){const n=s[e];if(n){const s=n.j;bs(n),s&&s.remove()}}},es=(s,n,r=!1)=>s.C===n.C&&(r?(r&&!s.k&&n.k&&(s.k=n.k),!0):s.k===n.k),as=(s,n,r=!1)=>{const e=n.j=s.j,a=s.m,b=n.m,o=n.C,l=n.u;null==l?(K="svg"===o\|\|"foreignObject"!==o&&K,"slot"!==o\|\|J\|\|s.S!==n.S&&(n.j["s-sn"]=n.S\|\|"",(s=>{c.i\|=1;const n=s.closest($.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"]&&(ls(n,s,null!=r?r:null),s["s-sh"]=void 0)}c.i&=-2})(n.j.parentElement)),Y(s,n,K),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.C?s.content:s;for(;l<=c&&t<=g;)if(null==p)p=n[++l];else if(null==v)v=n[--c];else if(null==u)u=e[++t];else if(null==h)h=e[--g];else if(es(p,u,a))as(p,u,a),p=n[++l],u=e[++t];else if(es(v,h,a))as(v,h,a),v=n[--c],h=e[--g];else if(es(p,h,a))as(p,h,a),ls(f,p.j,v.j.nextSibling),p=n[++l],h=e[--g];else if(es(v,u,a))as(v,u,a),ls(f,v.j,p.j),v=n[--c],u=e[++t];else{for(i=-1,d=l;d<=c;++d)if(n[d]&&null!==n[d].k&&n[d].k===u.k){i=d;break}i>=0?(o=n[i],o.C!==u.C?b=ss(n&&n[t],r,t):(as(o,u,a),n[i]=void 0,b=o.j),u=e[++t]):(b=ss(n&&n[t],r,t),u=e[++t]),b&&ls(p.j.parentNode,b,p.j)}l>c?ns(s,null==e[g+1]?null:e[g+1].j,r,e,t,g):t>g&&rs(n,l,c)})(e,a,n,b,r):null!==b?(null!==s.u&&(e.textContent=""),ns(e,null,n,b,0,b.length-1)):!r&&null!==a&&rs(a,0,a.length-1),K&&"svg"===o&&(K=!1)):s.u!==l&&(e.data=l)},bs=s=>{s.h&&s.h.ref&&Q.push((()=>s.h.ref(null))),s.m&&s.m.map(bs)},os=(s,n)=>{X.push((()=>s(n)))},ls=(s,n,r)=>null==s?void 0:s.insertBefore(n,r),ts=(s,n,r=!1)=>{const e=s.$hostElement$,a=s.l,b=s.$\|\|D(null,null);var o;const l=(o=n)&&o.C===E?n:L(null,null,n);if($=e.tagName,a.M&&(l.h=l.h\|\|{},a.M.forEach((([s,n])=>{l.h[n]=e[s]}))),r&&l.h)for(const s of Object.keys(l.h))e.hasAttribute(s)&&!["key","ref","style","class"].includes(s)&&(l.h[s]=e[s]);l.C=null,l.i\|=4,s.$=l,l.j=b.j=e.shadowRoot\|\|e,J=!(!(1&a.i)\|\|128&a.i),as(b,l,r),Q.forEach((s=>s())),Q.length=0,X.forEach((s=>s())),X.length=0},is=(s,n)=>{if(n&&!s.B&&n["s-p"]){const r=n["s-p"].push(new Promise((e=>s.B=()=>{n["s-p"].splice(r-1,1),e()})))}},ds=(s,n)=>{if(s.i\|=16,4&s.i)return void(s.i\|=512);is(s,s.O);const r=()=>cs(s,n);if(!n)return z(r);queueMicrotask((()=>{r()}))},cs=(s,n)=>{const r=s.$hostElement$,e=r;if(!e)throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return a=ms(e,n?"componentWillLoad":"componentWillUpdate",void 0,r),a=ps(a,(()=>ms(e,"componentWillRender",void 0,r))),ps(a,(()=>gs(s,e,n)))},ps=(s,n)=>vs(s)?s.then(n).catch((s=>{console.error(s),n()})):n(),vs=s=>s instanceof Promise\|\|s&&s.then&&"function"==typeof s.then,gs=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.i,a=((s,n)=>{var r,e,a;const b=B(n),o=l.get(b);if(!i.document)return b;if(s=11===s.nodeType?s:i.document,o)if("string"==typeof o){let a,l=M.get(s=s.head\|\|s);if(l\|\|M.set(s,l=new Set),!l.has(b)){a=i.document.createElement("style"),a.textContent=o;const t=null!=(r=c.L)?r:function(){var s,n,r;return null!=(r=null==(n=null==(s=i.document.head)?void 0:s.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?r:void 0}();if(null!=t&&a.setAttribute("nonce",t),!(1&n.i))if("HEAD"===s.nodeName){const n=s.querySelectorAll("link[rel=preconnect]"),r=n.length>0?n[n.length-1].nextSibling:s.querySelector("style");s.insertBefore(a,(null==r?void 0:r.parentNode)===s?r:null)}else if("host"in s)if(v){const n=new(null!=(e=s.defaultView)?e:s.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(o),g?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.i&&s.insertBefore(a,null),4&n.i&&(a.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(b)}}else{let n=M.get(s);if(n\|\|M.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)}g?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);us(s,n,a,r),b&&(b.map((s=>s())),a["s-rc"]=void 0);{const n=null!=(e=a["s-p"])?e:[],r=()=>hs(s);0===n.length?r():(Promise.all(n).then(r).catch(r),s.i\|=4,n.length=0)}},us=(s,n,r,e)=>{try{n=n.render(),s.i&=-17,s.i\|=2,ts(s,n,e)}catch(n){o(n,s.$hostElement$)}return null},hs=s=>{const n=s.$hostElement$,r=n,e=s.O;ms(r,"componentDidRender",void 0,n),64&s.i?ms(r,"componentDidUpdate",void 0,n):(s.i\|=64,ys(n),ms(r,"componentDidLoad",void 0,n),s.D(n),e\|\|fs()),s.B&&(s.B(),s.B=void 0),512&s.i&&k((()=>ds(s,!1))),s.i&=-517},fs=()=>{k((()=>P(i,"appload",{detail:{namespace:"brandsync-wc"}})))},ms=(s,n,r,e)=>{if(s&&s[n])try{return s[n](r)}catch(s){o(s,e)}},ys=s=>s.classList.add("hydrated"),xs=(s,n,r,e)=>{const b=a(s);if(!b)return;const l=s,t=b.t.get(n),i=b.i,d=l;r=W(r,e.o[n][0],!!(64&e.i));const c=Number.isNaN(t)&&Number.isNaN(r);if(r!==t&&!c){if(b.t.set(n,r),e.R){const s=e.R[n];s&&s.map((s=>{try{const[[e,a]]=Object.entries(s);(128&i\|\|1&a)&&(d?d[e](r,t,n):b.A.push((()=>{b.T[e](r,t,n)})))}catch(s){o(s,l)}}))}if(2&i){if(d.componentShouldUpdate&&!1===d.componentShouldUpdate(r,t,n)&&!(16&i))return;16&i\|\|ds(b,!1)}}},ws=(s,r,e)=>{var b,o;const l=s.prototype;64&r.i&&1&e&&t.forEach((s=>{const n=l[s];Object.defineProperty(l,s,{value(...r){var e;const b=a(this),o=this;o?"function"==typeof n&&n.call(o,...r):null==(e=null==b?void 0:b.N)\|\|e.then((n=>{const e=n[s];"function"==typeof e&&e.call(n,...r)}))}})}));{s.watchers&&!r.R&&(r.R=N(s.watchers)),s.deserializers&&!r.W&&(r.W=s.deserializers),s.serializers&&!r.F&&(r.F=s.serializers);const e=Object.entries(null!=(b=r.o)?b:{});e.map((([s,[e]])=>{if(31&e\|\|32&e){const{get:b,set:o}=n(l,s)\|\|{};b&&(r.o[s][0]\|=2048),o&&(r.o[s][0]\|=4096),Object.defineProperty(l,s,{get(){return b?b.apply(this):(n=s,a(this).t.get(n));var n},configurable:!0,enumerable:!0}),Object.defineProperty(l,s,{set(n){const b=a(this);if(b){if(o)return void 0===(32&e?this[s]:b.$hostElement$[s])&&b.t.get(s)&&(n=b.t.get(s)),o.apply(this,[W(n,e,!!(64&r.i))]),void xs(this,s,n=32&e?this[s]:b.$hostElement$[s],r);xs(this,s,n,r)}}})}}));{const n=new Map;l.attributeChangedCallback=function(s,b,o){c.jmp((()=>{var t;const i=n.get(s),d=a(this);if(this.hasOwnProperty(i),l.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==o)return;if(null==i){const n=null==d?void 0:d.i;if(d&&n&&!(8&n)&&o!==b){const e=this,a=null==(t=r.R)?void 0:t[s];null==a\|\|a.forEach((r=>{const[[a,l]]=Object.entries(r);null!=e[a]&&(128&n\|\|1&l)&&e[a].call(e,o,b,s)}))}return}const c=e.find((([s])=>s===i)),p=c?c[1][0]:0,v=4&p;if(512&p&&8&p&&!O(this[i])&&(null==(g=this[i])\|\|!1===g?null:!0===g?"":String(g))===o)return;var g;const u=v&&null===o&&void 0===this[i];v&&(o=!(null===o\|\|"false"===o&&!(64&r.i)));const h=Object.getOwnPropertyDescriptor(l,i);u\|\|o==this[i]\|\|h.get&&!h.set\|\|(this[i]=o)}))},s.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=r.R)?o:{}),...e.filter((([s,n])=>31&n[0])).map((([s,e])=>{var a;const b=e[1]\|\|s;return n.set(b,s),512&e[0]&&(null==(a=r.M)\|\|a.push([s,b])),b}))]))}}return s},ks=async(s,n,r)=>{let e;try{if(!(32&n.i)&&(n.i\|=32,n.i&=-1025,e=s.constructor,customElements.whenDefined(s.localName).then((()=>n.i\|=128)),e&&e.style)){let s;"string"==typeof e.style&&(s=e.style);const n=B(r);if(!l.has(n)){const e=()=>{};((s,n,r)=>{let e=l.get(s);v&&r?(e=e\|\|new CSSStyleSheet,"string"==typeof e?e=n:e.replaceSync(n)):e=n,l.set(s,e)})(n,s,!!(1&r.i)),e()}}const a=n.O,b=()=>ds(n,!0);a&&a["s-rc"]?a["s-rc"].push(b):b()}catch(r){o(r,s),n.B&&(n.B(),n.B=void 0),!n.D\|\|1024&n.i\|\|n.D(s)}},zs=(s,n)=>{const r={i:n[0],v:n[1]};try{r.o=n[2],r.P=n[3],r.R=N(s.R),r.W=s.W,r.F=s.F,r.M=[];const b=s.prototype.connectedCallback,o=s.prototype.disconnectedCallback;return Object.assign(s.prototype,{__hasHostListenerAttached:!1,__registerHost(){((s,n)=>{const r={i:0,$hostElement$:s,l:n,t:new Map,_:new Map};r.N=new Promise((s=>r.D=s)),s["s-p"]=[],s["s-rc"]=[];const a=r;s.__stencil__getHostRef=()=>a,512&n.i&&e(s,r)})(this,r)},connectedCallback(){if(!this.__hasHostListenerAttached){const s=a(this);if(!s)return;Cs(this,s,r.P),this.__hasHostListenerAttached=!0}(s=>{if(!(1&c.i)){const n=a(s);if(!n)return;const r=n.l,e=()=>{};if(1&n.i)Cs(s,n,r.P),(null==n?void 0:n.T)\|\|(1024&n.i?setTimeout((()=>ks(s,n,r)),1e3):(null==n?void 0:n.N)&&n.N.then((()=>{})));else{n.i\|=1;{let r=s;for(;r=r.parentNode\|\|r.host;)if(r["s-p"]){is(n,n.O=r);break}}r.o&&Object.entries(r.o).map((([n,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(s,n)){const r=s[n];delete s[n],s[n]=r}})),ks(s,n,r)}e()}})(this),b&&b.call(this)},disconnectedCallback(){(async s=>{if(!(1&c.i)){const n=a(s);(null==n?void 0:n.I)&&(n.I.map((s=>s())),n.I=void 0)}M.has(s)&&M.delete(s),s.shadowRoot&&M.has(s.shadowRoot)&&M.delete(s.shadowRoot)})(this),o&&o.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${r.v}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else S.call(this,r)}}),Object.defineProperty(s,"is",{value:r.v,configurable:!0}),ws(s,r,3)}catch(n){return o(n),s}},Cs=(s,n,r)=>{r&&i.document&&r.map((([r,e,a])=>{const b=Ss(i.document,s,r),o=js(n,a),l=$s(r);c.ael(b,e,o,l),(n.I=n.I\|\|[]).push((()=>c.rel(b,e,o,l)))}))},js=(s,n)=>r=>{try{s.$hostElement$[n](r)}catch(n){o(n,s.$hostElement$)}},Ss=(s,n,r)=>4&r?s:n,$s=s=>p?{passive:!!(1&s),capture:!!(2&s)}:!!(2&s),Ms=s=>c.L=s,Bs=s=>Object.assign(c,s),Os=new WeakMap;function Ls(s,n){let r=Os.get(n);r\|\|(r={i:0,l:{i:0,v:n.tagName},$hostElement$:n},Os.set(n,r)),ts(r,s)}function Ds(s){return s}export{d as H,Ms as a,Bs as b,F as c,E as d,C as g,L as h,zs as p,Ls as r,j as s,Ds as t}
1	+ const s="/\n Brandsync design tokens, vendored from the brandsync-tokens npm package (v1.0.31).\n * Source: node_modules/brandsync-tokens/dist/css/tokens.css\n * Re-copy this file whenever brandsync-tokens is bumped -- Stencil's globalStyle\n * pipeline cannot resolve a bare node_modules @import, so this cannot just re-export it.\n /\n\n:root {\n\n / Static Colors /\n --bs-static-white: #ffffff;\n --bs-static-black: #000000;\n\n / Neutral Scale /\n --bs-neutral-25: #f9fafb;\n --bs-neutral-50: #eff0f8;\n --bs-neutral-100: #dee2ed;\n --bs-neutral-200: #c2c7d3;\n --bs-neutral-300: #a0a5b4;\n --bs-neutral-400: #828998;\n --bs-neutral-500: #6d7585;\n --bs-neutral-600: #5d6472;\n --bs-neutral-700: #4d535f;\n --bs-neutral-800: #363c47;\n --bs-neutral-900: #21262e;\n --bs-neutral-950: #191c22;\n --bs-neutral-500-transparent: rgba(109, 117, 133, 0.3);\n --bs-neutral-500-transparent-2: rgba(109, 117, 133, 0.75);\n --bs-neutral-50-transparent: rgba(239, 240, 248, 0.9);\n\n / Gray Scale /\n --bs-gray-25: #fbfbfb;\n --bs-gray-50: #f6f7f7;\n --bs-gray-100: #eef1f1;\n --bs-gray-200: #dfe5e6;\n --bs-gray-300: #cbd3d6;\n --bs-gray-400: #b6bec3;\n --bs-gray-500: #a2aab2;\n --bs-gray-600: #8c959f;\n --bs-gray-700: #7f868f;\n --bs-gray-800: #636970;\n --bs-gray-900: #53585c;\n --bs-gray-950: #303236;\n --bs-gray-transparent: rgba(162, 170, 178, 0.24);\n --bs-gray-transparent-2: rgba(162, 170, 178, 0.32);\n --bs-gray-transparent-3: rgba(162, 170, 178, 0.44);\n\n / Success Scale /\n --bs-success-50: #e5f5e9;\n --bs-success-100: #c5ebd5;\n --bs-success-200: #94d4b3;\n --bs-success-300: #6bb491;\n --bs-success-400: #469873;\n --bs-success-500: #00855b;\n --bs-success-600: #11714e;\n --bs-success-700: #1b5d43;\n --bs-success-800: #184330;\n --bs-success-900: #0f2b1e;\n --bs-success-950: #101e17;\n\n / Error Scale /\n --bs-error-50: #fcecea;\n --bs-error-100: #ffdad7;\n --bs-error-200: #ffb3ae;\n --bs-error-300: #ff807a;\n --bs-error-400: #ee5351;\n --bs-error-500: #d93539;\n --bs-error-600: #b92f31;\n --bs-error-700: #982a2a;\n --bs-error-800: #701d1e;\n --bs-error-900: #481212;\n --bs-error-950: #34100f;\n\n / Warning Scale /\n --bs-warning-50: #ffefdb;\n --bs-warning-100: #ffdea1;\n --bs-warning-200: #f1bd51;\n --bs-warning-300: #d39b00;\n --bs-warning-400: #b18100;\n --bs-warning-500: #956d00;\n --bs-warning-600: #805d00;\n --bs-warning-700: #6b4d00;\n --bs-warning-800: #4e3700;\n --bs-warning-900: #332300;\n --bs-warning-950: #261a00;\n\n / Information Scale /\n --bs-information-50: #edf0fa;\n --bs-information-100: #d6e3f8;\n --bs-information-200: #aec8ed;\n --bs-information-300: #73a9ea;\n --bs-information-400: #448cd6;\n --bs-information-500: #0078cb;\n --bs-information-600: #0066ae;\n --bs-information-700: #005592;\n --bs-information-800: #003d6c;\n --bs-information-900: #00283f;\n --bs-information-950: #111c2a;\n\n / Purple /\n --bs-purple-50: #f3effb;\n --bs-purple-100: #e5dffd;\n --bs-purple-200: #c8c0ff;\n --bs-purple-300: #a49aff;\n --bs-purple-400: #8676fe;\n --bs-purple-500: #715afc;\n --bs-purple-600: #5e47e6;\n --bs-purple-700: #4b35c9;\n --bs-purple-800: #3720a1;\n --bs-purple-900: #220f73;\n --bs-purple-950: #201463;\n\n / Cobalt /\n --bs-cobalt-50: #f1effa;\n --bs-cobalt-100: #e0e0fd;\n --bs-cobalt-200: #bcc2ff;\n --bs-cobalt-300: #939eff;\n --bs-cobalt-400: #6d7cff;\n --bs-cobalt-500: #4f63ff;\n --bs-cobalt-600: #3b4ee9;\n --bs-cobalt-700: #303ecd;\n --bs-cobalt-800: #1928a5;\n --bs-cobalt-900: #091675;\n --bs-cobalt-950: #050d5d;\n\n / Blue /\n --bs-blue-50: #eef0fa;\n --bs-blue-100: #d8e3fc;\n --bs-blue-200: #aec7f8;\n --bs-blue-300: #7aa6f2;\n --bs-blue-400: #3e88ef;\n --bs-blue-500: #0073e1;\n --bs-blue-600: #0062c1;\n --bs-blue-700: #0051a2;\n --bs-blue-800: #003a78;\n --bs-blue-900: #002550;\n --bs-blue-950: #001b3e;\n\n / Steel /\n --bs-steel-50: #eef0f6;\n --bs-steel-100: #d9e3f1;\n --bs-steel-200: #b1c9e3;\n --bs-steel-300: #83aad0;\n --bs-steel-400: #558dbe;\n --bs-steel-500: #3779ae;\n --bs-steel-600: #2b6796;\n --bs-steel-700: #1f567f;\n --bs-steel-800: #103e5f;\n --bs-steel-900: #041d30;\n --bs-steel-950: #032841;\n\n / Teal /\n --bs-teal-50: #e9f3f2;\n --bs-teal-100: #c8e9e7;\n --bs-teal-200: #9ed1cf;\n --bs-teal-300: #72b2b0;\n --bs-teal-400: #469593;\n --bs-teal-500: #008280;\n --bs-teal-600: #116f6e;\n --bs-teal-700: #185b5a;\n --bs-teal-800: #144241;\n --bs-teal-900: #032b2a;\n --bs-teal-950: #02201f;\n\n / Jade /\n --bs-jade-50: #eaf3ef;\n --bs-jade-100: #c6eadf;\n --bs-jade-200: #8cd4c2;\n --bs-jade-300: #63b4a2;\n --bs-jade-400: #349985;\n --bs-jade-500: #008370;\n --bs-jade-600: #0e7060;\n --bs-jade-700: #0e5d50;\n --bs-jade-800: #034439;\n --bs-jade-900: #002c24;\n --bs-jade-950: #02201a;\n\n / Green /\n --bs-green-50: #ecf2ea;\n --bs-green-100: #d0e9d2;\n --bs-green-200: #9fd3a9;\n --bs-green-300: #78b385;\n --bs-green-400: #469961;\n --bs-green-500: #23834a;\n --bs-green-600: #2a7043;\n --bs-green-700: #295c3a;\n --bs-green-800: #21422a;\n --bs-green-900: #112b19;\n --bs-green-950: #0b2011;\n\n / Lime /\n --bs-lime-50: #f0f2e7;\n --bs-lime-100: #d7e8c6;\n --bs-lime-200: #add18f;\n --bs-lime-300: #81b45c;\n --bs-lime-400: #64963f;\n --bs-lime-500: #478019;\n --bs-lime-600: #406f1d;\n --bs-lime-700: #385b1e;\n --bs-lime-800: #2a4218;\n --bs-lime-900: #182a0c;\n --bs-lime-950: #121f09;\n\n / Yellow /\n --bs-yellow-50: #faf1db;\n --bs-yellow-100: #f9e28a;\n --bs-yellow-200: #e3c437;\n --bs-yellow-300: #c0a300;\n --bs-yellow-400: #a18800;\n --bs-yellow-500: #887200;\n --bs-yellow-600: #746202;\n --bs-yellow-700: #615102;\n --bs-yellow-800: #463a01;\n --bs-yellow-900: #2e2500;\n --bs-yellow-950: #221b00;\n\n / Amber /\n --bs-amber-50: #fceee0;\n --bs-amber-100: #f8dfbf;\n --bs-amber-200: #f1be71;\n --bs-amber-300: #d19c46;\n --bs-amber-400: #b47f1e;\n --bs-amber-500: #996805;\n --bs-amber-600: #875b04;\n --bs-amber-700: #6f4b02;\n --bs-amber-800: #513601;\n --bs-amber-900: #352201;\n --bs-amber-950: #291900;\n\n / Orange /\n --bs-orange-50: #faeee9;\n --bs-orange-100: #f9ddd0;\n --bs-orange-200: #f7b997;\n --bs-orange-300: #f08c50;\n --bs-orange-400: #d26d2b;\n --bs-orange-500: #ba5400;\n --bs-orange-600: #a24907;\n --bs-orange-700: #873d07;\n --bs-orange-800: #642c04;\n --bs-orange-900: #411b02;\n --bs-orange-950: #301302;\n\n / Magenta /\n --bs-magenta-50: #fbeeef;\n --bs-magenta-100: #ffd7e0;\n --bs-magenta-200: #ffb1c7;\n --bs-magenta-300: #ff7aa7;\n --bs-magenta-400: #ea4f8b;\n --bs-magenta-500: #d12e75;\n --bs-magenta-600: #b62965;\n --bs-magenta-700: #9a1f53;\n --bs-magenta-800: #71163c;\n --bs-magenta-900: #4a0d27;\n --bs-magenta-950: #38091c;\n\n / Maroon /\n --bs-maroon-50: #f9eef3;\n --bs-maroon-100: #f6dbef;\n --bs-maroon-200: #eab6e3;\n --bs-maroon-300: #d88cd1;\n --bs-maroon-400: #c465c0;\n --bs-maroon-500: #b14bb0;\n --bs-maroon-600: #983f98;\n --bs-maroon-700: #7f347e;\n --bs-maroon-800: #5e245d;\n --bs-maroon-900: #3e163d;\n --bs-maroon-950: #2c122b;\n\n / Violet /\n --bs-violet-50: #f9eefe;\n --bs-violet-100: #eedcfd;\n --bs-violet-200: #d8b8fd;\n --bs-violet-300: #be92f4;\n --bs-violet-400: #a372dd;\n --bs-violet-500: #8f5ace;\n --bs-violet-600: #7750a8;\n --bs-violet-700: #64428d;\n --bs-violet-800: #492e6a;\n --bs-violet-900: #311b4b;\n --bs-violet-950: #241338;\n\n / Typography - Font Family /\n --bs-typography-font-family-heading: Roboto;\n --bs-typography-font-family-body: Roboto;\n\n / Typography - Font Weight /\n --bs-font-weight-thin: 100;\n --bs-font-weight-regular: 400;\n --bs-font-weight-medium: 500;\n --bs-font-weight-semibold: 600;\n --bs-font-weight-bold: 700;\n --bs-font-weight-black: 900;\n\n / Typography - Font Size Scale /\n --bs-font-size-2xs: 10px;\n --bs-font-size-xs: 12px;\n --bs-font-size-sm: 14px;\n --bs-font-size-md: 16px;\n --bs-font-size-lg: 18px;\n --bs-font-size-xl: 20px;\n --bs-font-size-2xl: 24px;\n --bs-font-size-3xl: 28px;\n --bs-font-size-4xl: 32px;\n --bs-font-size-5xl: 40px;\n --bs-font-size-6xl: 48px;\n\n / Typography - Line Height /\n --bs-line-height-none: 1;\n --bs-line-height-tight: 1.1;\n --bs-line-height-snug: 1.25;\n --bs-line-height-normal: 1.5;\n --bs-line-height-relaxed: 1.625;\n --bs-line-height-loose: 2;\n --bs-line-height-display: 96;\n --bs-line-height-heading: 56;\n --bs-line-height-body: 28;\n --bs-line-height-caption: 24;\n\n / Typography - Letter Spacing /\n --bs-letter-spacing-tighter: -0.05em;\n --bs-letter-spacing-tight: -0.025em;\n --bs-letter-spacing-normal: 0em;\n --bs-letter-spacing-wide: 0.025em;\n --bs-letter-spacing-wider: 0.05em;\n --bs-letter-spacing-widest: 0.1em;\n\n / Shadow Scale /\n --bs-shadow-none: none;\n --bs-shadow-xs: 0 1px 2px rgba(33,38,46,0.06), 0 1px 3px rgba(33,38,46,0.10);\n --bs-shadow-sm: 0 1px 3px rgba(33,38,46,0.08), 0 2px 6px rgba(33,38,46,0.12);\n --bs-shadow-md: 0 2px 8px rgba(33,38,46,0.10), 0 4px 16px rgba(33,38,46,0.16);\n --bs-shadow-lg: 0 4px 16px rgba(33,38,46,0.12), 0 8px 32px rgba(33,38,46,0.20);\n --bs-shadow-xl: 0 8px 24px rgba(33,38,46,0.14), 0 16px 48px rgba(33,38,46,0.24);\n --bs-shadow-2xl: 0 16px 48px rgba(33,38,46,0.20), 0 32px 64px rgba(33,38,46,0.32);\n\n / Z-Index Scale /\n --bs-z-index-below: -1;\n --bs-z-index-base: 0;\n --bs-z-index-raised: 10;\n --bs-z-index-dropdown: 100;\n --bs-z-index-sticky: 200;\n --bs-z-index-overlay: 300;\n --bs-z-index-modal: 400;\n --bs-z-index-popover: 500;\n --bs-z-index-toast: 600;\n --bs-z-index-top: 999;\n\n / Breakpoints /\n --bs-breakpoint-xs: 480px;\n --bs-breakpoint-sm: 640px;\n --bs-breakpoint-md: 768px;\n --bs-breakpoint-lg: 1024px;\n --bs-breakpoint-xl: 1280px;\n --bs-breakpoint-2xl: 1536px;\n\n / Grid /\n --bs-grid-columns: 12;\n --bs-grid-container-max: 1440px;\n --bs-grid-gutter: var(--bs-spacing-200);\n --bs-grid-margin-sm: var(--bs-spacing-200);\n --bs-grid-margin-md: var(--bs-spacing-300);\n --bs-grid-margin-lg: var(--bs-spacing-400);\n --bs-grid-sidebar-width: var(--bs-sizing-3200);\n --bs-grid-panel-min-width: var(--bs-sizing-3200);\n\n / Opacity /\n --bs-opacity-disabled: 0.5;\n --bs-opacity-hover: 0.8;\n --bs-opacity-focus: 0.9;\n\n / Motion - Duration /\n --bs-duration-instant: 0ms;\n --bs-duration-fast: 100ms;\n --bs-duration-default: 200ms;\n --bs-duration-slow: 300ms;\n --bs-duration-slower: 500ms;\n\n / Motion - Easing /\n --bs-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);\n --bs-easing-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);\n --bs-easing-accelerate: cubic-bezier(0.4, 0.0, 1.0, 1);\n --bs-easing-linear: linear;\n\n / Primary Colors - Light Mode /\n --bs-color-primary-default: var(--bs-brand-600);\n --bs-color-primary-hover: var(--bs-brand-700);\n --bs-color-primary-focused: var(--bs-brand-700);\n --bs-color-primary-pressed: var(--bs-brand-800);\n --bs-color-primary-container: var(--bs-brand-50);\n --bs-color-primary-container-hover: var(--bs-brand-100);\n\n / Neutral Colors - Light Mode /\n --bs-color-neutral-default: var(--bs-neutral-700);\n --bs-color-neutral-hover: var(--bs-neutral-800);\n --bs-color-neutral-focused: var(--bs-neutral-800);\n --bs-color-neutral-pressed: var(--bs-neutral-900);\n --bs-color-neutral-container: var(--bs-neutral-50);\n --bs-color-neutral-container-hover: var(--bs-neutral-100);\n --bs-color-neutral-container-focused: var(--bs-neutral-200);\n --bs-color-neutral-container-pressed: var(--bs-neutral-300);\n\n / Accent Colors - Light Mode /\n --bs-color-accent-default: var(--bs-brand-colors-magenta-600);\n --bs-color-accent-hover: var(--bs-brand-colors-magenta-700);\n --bs-color-accent-active: var(--bs-brand-colors-magenta-800);\n --bs-color-accent-container: var(--bs-brand-colors-magenta-100);\n\n / Success Colors - Light Mode /\n --bs-color-success-default: var(--bs-success-600);\n --bs-color-success-hover: var(--bs-success-700);\n --bs-color-success-focused: var(--bs-success-700);\n --bs-color-success-pressed: var(--bs-success-800);\n --bs-color-success-container: var(--bs-success-100);\n\n / Warning Colors - Light Mode /\n --bs-color-warning-default: var(--bs-warning-600);\n --bs-color-warning-hover: var(--bs-warning-700);\n --bs-color-warning-focused: var(--bs-warning-700);\n --bs-color-warning-pressed: var(--bs-warning-800);\n --bs-color-warning-container: var(--bs-warning-100);\n\n / Error Colors - Light Mode /\n --bs-color-error-default: var(--bs-error-600);\n --bs-color-error-hover: var(--bs-error-700);\n --bs-color-error-focused: var(--bs-error-700);\n --bs-color-error-pressed: var(--bs-error-800);\n --bs-color-error-container: var(--bs-error-100);\n\n / Info Colors - Light Mode /\n --bs-color-info-default: var(--bs-information-600);\n --bs-color-info-hover: var(--bs-information-700);\n --bs-color-info-focused: var(--bs-information-700);\n --bs-color-info-pressed: var(--bs-information-800);\n --bs-color-info-container: var(--bs-information-100);\n\n / Text Colors - Light Mode /\n --bs-text-static-white: var(--bs-white);\n --bs-text-static-black: var(--bs-black);\n --bs-text-default: var(--bs-black);\n --bs-text-secondary: var(--bs-neutral-600);\n --bs-text-muted: var(--bs-neutral-500);\n --bs-text-inverse: var(--bs-static-white);\n --bs-text-link: var(--bs-information-700);\n --bs-text-action: var(--bs-brand-600);\n --bs-text-action-hover: var(--bs-brand-700);\n --bs-text-success: var(--bs-success-700);\n --bs-text-info: var(--bs-information-700);\n --bs-text-warning: var(--bs-warning-700);\n --bs-text-error: var(--bs-error-700);\n --bs-text-on-action: var(--bs-white);\n --bs-text-on-disabled: var(--bs-neutral-400);\n --bs-text-accent: var(--bs-brand-colors-purple-700);\n --bs-text-inverse-accent: var(--bs-brand-colors-purple-400);\n --bs-text-neutral---default: var(--bs-neutral-600);\n --bs-text-neutral---hover: var(--bs-neutral-800);\n --bs-text-neutral---focused: var(--bs-neutral-800);\n --bs-text-neutral---pressed: var(--bs-neutral-900);\n --bs-text-neutral-default: var(--bs-neutral-600);\n --bs-text-neutral-hover: var(--bs-neutral-800);\n --bs-text-neutral-focused: var(--bs-neutral-800);\n --bs-text-neutral-pressed: var(--bs-neutral-900);\n\n / Surface Colors - Light Mode /\n --bs-surface-base: var(--bs-white);\n --bs-surface-raised: var(--bs-static-white);\n --bs-surface-container: var(--bs-neutral-50);\n --bs-surface-hover: var(--bs-neutral-100);\n --bs-surface-focus: var(--bs-neutral-100);\n --bs-surface-pressed: var(--bs-neutral-300);\n --bs-surface-selected: var(--bs-neutral-50);\n --bs-surface-selected-hover: var(--bs-neutral-200);\n --bs-surface-selected-focus: var(--bs-neutral-200);\n --bs-surface-selected-pressed: var(--bs-neutral-200);\n --bs-surface-active: var(--bs-neutral-100);\n --bs-surface-action: var(--bs-color-primary-default);\n --bs-surface-inset: var(--bs-neutral-50);\n --bs-surface-inverse: var(--bs-neutral-900);\n --bs-surface-accent: var(--bs-gray-transparent-2);\n --bs-surface-on-action: var(--bs-gray-25);\n --bs-surface-on-action-disabled: var(--bs-neutral-300);\n --bs-surface-action-disabled: var(--bs-neutral-100);\n --bs-surface-success: var(--bs-success-50);\n --bs-surface-info: var(--bs-information-50);\n --bs-surface-warning: var(--bs-warning-50);\n --bs-surface-error: var(--bs-error-50);\n --bs-surface-overlay: var(--bs-neutral-500-transparent);\n --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent-2);\n\n / Icon Colors - Light Mode /\n --bs-icon-static-white: var(--bs-white);\n --bs-icon-static-black: var(--bs-black);\n --bs-icon-default: var(--bs-neutral-900);\n --bs-icon-muted: var(--bs-neutral-500);\n --bs-icon-disabled: var(--bs-neutral-400);\n --bs-icon-inverse: var(--bs-static-white);\n --bs-icon-action: var(--bs-brand-600);\n --bs-icon-action-hover: var(--bs-brand-700);\n --bs-icon-success: var(--bs-success-600);\n --bs-icon-info: var(--bs-information-700);\n --bs-icon-warning: var(--bs-warning-700);\n --bs-icon-error: var(--bs-error-700);\n --bs-icon-neutral-default: var(--bs-neutral-700);\n --bs-icon-neutral-hover: var(--bs-neutral-800);\n --bs-icon-neutral-focused: var(--bs-neutral-800);\n --bs-icon-neutral-pressed: var(--bs-neutral-900);\n\n / Border Colors - Light Mode /\n --bs-border-default: var(--bs-neutral-100);\n --bs-border-neutral-hover: var(--bs-neutral-400);\n --bs-border-neutral-focus: var(--bs-focus-border-);\n --bs-border-neutral-active: var(--bs-neutral-500);\n --bs-border-neutral-disabled: var(--bs-neutral-200);\n --bs-border-neutral-container: var(--bs-neutral-200);\n --bs-border-neutral-container-hover: var(--bs-neutral-300);\n --bs-border-neutral-container-focused: var(--bs-focus-border-);\n --bs-border-neutral-container-pressed: var(--bs-neutral-400);\n --bs-border-success: var(--bs-success-500);\n --bs-border-success-hover: var(--bs-success-600);\n --bs-border-success-focus: var(--bs-focus-border-);\n --bs-border-warning: var(--bs-warning-500);\n --bs-border-warning-hover: var(--bs-warning-600);\n --bs-border-warning-focus: var(--bs-focus-border-);\n --bs-border-error: var(--bs-error-700);\n --bs-border-error-hover: var(--bs-error-800);\n --bs-border-error-focus: var(--bs-focus-border-);\n --bs-border-info: var(--bs-information-500);\n --bs-border-info-hover: var(--bs-information-600);\n --bs-border-info-focus: var(--bs-focus-border-);\n --bs-border-primary: var(--bs-brand-500);\n --bs-border-primary-hover: var(--bs-brand-600);\n --bs-border-primary-focus: var(--bs-focus-border-);\n --bs-border-primary-pressed: var(--bs-brand-700);\n\n / Elevation Colors - Light Mode /\n --bs-elevation-none: var(--bs-light-mode-0);\n --bs-elevation-low: var(--bs-light-mode-100);\n --bs-elevation-medium: var(--bs-light-mode-200);\n --bs-elevation-high: var(--bs-light-mode-300);\n --bs-elevation-higher: var(--bs-light-mode-400);\n --bs-elevation-highest: var(--bs-light-mode-500);\n --bs-elevation-inner: var(--bs-light-mode-600);\n --bs-elevation-focus: var(--bs-light-mode-700);\n\n / Spacing /\n --bs-spacing-0: var(--bs-scale-0);\n --bs-spacing-25: var(--bs-scale-25);\n --bs-spacing-50: var(--bs-scale-50);\n --bs-spacing-75: var(--bs-scale-75);\n --bs-spacing-100: var(--bs-scale-100);\n --bs-spacing-150: var(--bs-scale-150);\n --bs-spacing-200: var(--bs-scale-200);\n --bs-spacing-250: var(--bs-scale-250);\n --bs-spacing-300: var(--bs-scale-300);\n --bs-spacing-350: var(--bs-scale-350);\n --bs-spacing-400: var(--bs-scale-400);\n --bs-spacing-500: var(--bs-scale-500);\n --bs-spacing-550: var(--bs-scale-550);\n --bs-spacing-600: var(--bs-scale-600);\n --bs-spacing-700: var(--bs-scale-700);\n --bs-spacing-800: var(--bs-scale-800);\n --bs-spacing-1000: var(--bs-scale-1000);\n --bs-spacing-1200: var(--bs-scale-1200);\n --bs-spacing-1500: var(--bs-scale-1500);\n --bs-spacing--600: var(--bs-scale--600);\n --bs-spacing--500: var(--bs-scale--500);\n --bs-spacing--350: var(--bs-scale--350);\n --bs-spacing--200: var(--bs-scale--200);\n --bs-spacing--150: var(--bs-scale--150);\n --bs-spacing--100: var(--bs-scale--100);\n\n / Border Radius /\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n\n / Components /\n --bs-avatar-text-primary: var(--bs-text-action);\n --bs-avatar-text-default: var(--bs-text-default);\n --bs-avatar-text-secondary: var(--bs-text-secondary);\n --bs-avatar-border-primary: var(--bs-border-neutral-container);\n --bs-avatar-border-hover: var(--bs-border-neutral-container-hover);\n --bs-avatar-border-pressed: var(--bs-border-neutral-container-pressed);\n --bs-avatar-border-focused: var(--bs-border-neutral-container);\n --bs-avatar-bg-dafault: var(--bs-surface-raised);\n --bs-avatar-bg-hover: var(--bs-surface-raised);\n --bs-avatar-bg-pressed: var(--bs-surface-raised);\n --bs-avatar-bg-focused: var(--bs-surface-raised);\n --bs-avatar-icon-primary: var(--bs-icon-muted);\n --bs-avatar-border-focus: var(--bs-border-neutral-focus);\n --bs-switch-track-bg-default: var(--bs-surface-active);\n --bs-switch-track-bg-hover: var(--bs-surface-hover);\n --bs-switch-track-bg-checked-default: var(--bs-color-primary-default);\n --bs-switch-track-bg-checked-hover: var(--bs-color-primary-hover);\n --bs-switch-track-bg-checked-focused: var(--bs-color-primary-focused);\n --bs-switch-thumb-bg-default: var(--bs-surface-base);\n --bs-switch-thumb-bg-hover: var(--bs-surface-raised);\n --bs-switch-thumb-bg-checked: var(--bs-surface-base);\n --bs-switch-thumb-bg-disabled: var(--bs-surface-on-action-disabled);\n --bs-switch-track-border-default: var(--bs-border-neutral-container);\n --bs-switch-icon-default: {color.icons.secondary};\n --bs-switch-track-border-hover: var(--bs-border-neutral-container-hover);\n --bs-switch-track-border-focus: var(--bs-border-neutral-focus);\n --bs-switch-icon-checked: var(--bs-icon-action);\n --bs-switch-track-bg-disabled: var(--bs-surface-action-disabled);\n --bs-switch-icon-disabled: var(--bs-icon-disabled);\n --bs-input-bg-default: var(--bs-surface-base);\n --bs-input-bg-filled: var(--bs-surface-raised);\n --bs-input-bg-disabled: var(--bs-surface-action-disabled);\n --bs-input-border-default: var(--bs-border-neutral-container);\n --bs-input-border-hover: var(--bs-border-neutral-container-hover);\n --bs-input-border-focus: var(--bs-border-neutral-focus);\n --bs-input-border-disabled: var(--bs-border-neutral-disabled);\n --bs-input-border-error: var(--bs-border-error);\n --bs-input-text: var(--bs-text-default);\n --bs-input-text-success: var(--bs-text-success);\n --bs-input-text-disabled: var(--bs-text-on-disabled);\n --bs-input-placeholder: var(--bs-text-secondary);\n --bs-input-label: var(--bs-text-default);\n --bs-input-error: var(--bs-text-error);\n --bs-input-description: var(--bs-text-secondary);\n --bs-input-label-focus: var(--bs-color-primary-default);\n --bs-input-icon: {color.icons.secondary};\n --bs-input-icon-error: var(--bs-icon-error);\n --bs-input-icon-success: var(--bs-icon-success);\n --bs-input-icon-disabled: var(--bs-icon-disabled);\n --bs-chip-text-default: var(--bs-text-default);\n --bs-chip-text-static: var(--bs-text-static-white);\n --bs-chip-text-primary: var(--bs-text-default);\n --bs-chip-text-on-primary: var(--bs-text-on-action);\n --bs-chip-text-warning: var(--bs-text-warning);\n --bs-chip-text-success: var(--bs-text-success);\n --bs-chip-text-neutral: var(--bs-text-default);\n --bs-chip-text-inverse: var(--bs-text-inverse);\n --bs-chip-text-info: var(--bs-text-info);\n --bs-chip-text-error: var(--bs-text-error);\n --bs-chip-text-disabled: var(--bs-text-on-disabled);\n --bs-chip-icon-static: var(--bs-icon-static-white);\n --bs-chip-icon-default: var(--bs-icon-default);\n --bs-chip-icon-inverse: var(--bs-icon-inverse);\n --bs-chip-icon-primary: {color.icons.secondary};\n --bs-chip-icon-success: var(--bs-icon-success);\n --bs-chip-icon-warning: var(--bs-icon-warning);\n --bs-chip-icon-info: var(--bs-icon-info);\n --bs-chip-icon-error: var(--bs-icon-error);\n --bs-chip-icon-disabled: var(--bs-icon-disabled);\n --bs-chip-border-default: var(--bs-border-default);\n --bs-chip-border-inverse: var(--bs-border-neutral-container);\n --bs-chip-border-focus: var(--bs-border-neutral-focus);\n --bs-chip-bg-default: var(--bs-surface-action-disabled);\n --bs-chip-bg-neutral: var(--bs-color-neutral-default);\n --bs-chip-bg-neutral-container: var(--bs-color-neutral-container);\n --bs-chip-bg-inverse: var(--bs-surface-inset);\n --bs-chip-bg-success: var(--bs-color-success-default);\n --bs-chip-bg-success-container: var(--bs-color-success-container);\n --bs-chip-bg-warning: var(--bs-color-warning-default);\n --bs-chip-bg-warning-container: var(--bs-color-warning-container);\n --bs-chip-bg-info: var(--bs-color-info-default);\n --bs-chip-bg-info-container: var(--bs-color-info-container);\n --bs-chip-bg-error: var(--bs-color-error-default);\n --bs-chip-bg-error-container: var(--bs-color-error-container);\n --bs-chip-bg-primary: var(--bs-color-neutral-default);\n --bs-chip-bg-primary-hover: var(--bs-color-neutral-hover);\n --bs-chip-bg-primary-focused: var(--bs-color-neutral-focused);\n --bs-chip-bg-primary-pressed: var(--bs-color-neutral-pressed);\n --bs-chip-bg-primary-container: var(--bs-color-neutral-container);\n --bs-chip-bg-primary-container-hover: var(--bs-color-neutral-container-hover);\n --bs-chip-bg-primary-container-focused: var(--bs-color-neutral-container-focused);\n --bs-chip-bg-primary-container-pressed: var(--bs-color-neutral-container-pressed);\n --bs-chip-bg-disabled: var(--bs-surface-action-disabled);\n --bs-badge-bg-default: var(--bs-surface-action-disabled);\n --bs-badge-bg-primary: var(--bs-color-primary-default);\n --bs-badge-bg-primary-container: var(--bs-color-primary-container);\n --bs-badge-bg-success: var(--bs-color-success-default);\n --bs-badge-bg-success-container: var(--bs-color-success-container);\n --bs-badge-bg-warning: var(--bs-color-warning-default);\n --bs-badge-bg-warning-container: var(--bs-color-warning-container);\n --bs-badge-bg-info: var(--bs-color-info-default);\n --bs-badge-bg-info-container: var(--bs-color-info-container);\n --bs-badge-bg-error: var(--bs-color-error-default);\n --bs-badge-bg-error-container: var(--bs-color-error-container);\n --bs-badge-bg-neutral: var(--bs-color-neutral-default);\n --bs-badge-bg-neutral-container: var(--bs-color-neutral-container);\n --bs-badge-bg-inverse: var(--bs-surface-inset);\n --bs-badge-border-default: var(--bs-border-default);\n --bs-badge-text-default: var(--bs-text-default);\n --bs-badge-text-neutral: var(--bs-text-default);\n --bs-badge-text-inverse: var(--bs-text-inverse);\n --bs-badge-text-warning: var(--bs-text-warning);\n --bs-badge-text-info: var(--bs-text-info);\n --bs-badge-text-error: var(--bs-text-error);\n --bs-badge-text-primary: var(--bs-text-action);\n --bs-badge-text-success: var(--bs-text-success);\n --bs-radio-bg-default: var(--bs-alpha-5);\n --bs-radio-bg-hover: var(--bs-alpha-60);\n --bs-radio-bg-focus: var(--bs-alpha-80);\n --bs-radio-bg-pressed: var(--bs-alpha-90);\n --bs-radio-bg-disabled: var(--bs-surface-action-disabled);\n --bs-radio-selected-border-default: var(--bs-border-primary);\n --bs-radio-selected-border-hover: var(--bs-border-primary-hover);\n --bs-radio-selected-border-focus: var(--bs-border-primary-focus);\n --bs-radio-selected-border-pressed: var(--bs-border-primary-pressed);\n --bs-radio-enabled-border-default: var(--bs-border-default);\n --bs-radio-enabled-border-hover: var(--bs-border-neutral-hover);\n --bs-radio-enabled-border-focus: var(--bs-border-neutral-hover);\n --bs-radio-enabled-border-pressed: var(--bs-border-neutral-active);\n --bs-radio-border-disabled: var(--bs-border-neutral-disabled);\n --bs-radio-icon-checked: var(--bs-icon-action);\n --bs-radio-icon-hover: var(--bs-icon-action-hover);\n --bs-radio-icon-disabled: var(--bs-icon-muted);\n --bs-radio-label-default: var(--bs-text-default);\n --bs-radio-label-disabled: var(--bs-text-muted);\n --bs-radio-focus-ring: var(--bs-border-neutral-focus);\n --bs-paper-bg-base: var(--bs-surface-base);\n --bs-paper-bg-raised: var(--bs-surface-raised);\n --bs-paper-bg-container: var(--bs-surface-container);\n --bs-paper-bg-hover: var(--bs-surface-hover);\n --bs-paper-bg-disabled: var(--bs-surface-action-disabled);\n --bs-paper-border-surface: var(--bs-border-neutral-container);\n --bs-button-primary-default: var(--bs-color-primary-default);\n --bs-button-primary-hover: var(--bs-color-primary-hover);\n --bs-button-primary-focus: var(--bs-color-primary-focused);\n --bs-button-primary-pressed: var(--bs-color-primary-pressed);\n --bs-button-primary-disabled: var(--bs-surface-action-disabled);\n --bs-button-primary-container: var(--bs-color-primary-container);\n --bs-button-neutral-default: var(--bs-color-neutral-default);\n --bs-button-neutral-hover: var(--bs-color-neutral-hover);\n --bs-button-neutral-focus: var(--bs-color-neutral-container-focused);\n --bs-button-neutral-pressed: var(--bs-color-primary-pressed);\n --bs-button-neutral-disabled: var(--bs-surface-action-disabled);\n --bs-button-neutral-container: var(--bs-color-neutral-container);\n --bs-snackbar-bg-default: var(--bs-surface-inverse);\n --bs-snackbar-text-default: var(--bs-text-inverse);\n --bs-snackbar-icon-default: var(--bs-icon-inverse);\n --bs-snackbar-bg-action: var(--bs-color-primary-default);\n --bs-snackbar-bg-success: var(--bs-color-success-default);\n --bs-snackbar-bg-error: var(--bs-color-error-default);\n --bs-snackbar-bg-warning: var(--bs-color-warning-default);\n --bs-snackbar-bg-info: var(--bs-color-info-default);\n --bs-snackbar-action-text: var(--bs-text-action);\n --bs-snackbar-action-border-focus: var(--bs-color-primary-focused);\n\n --bs-shadow-ambient-color-xs: rgba(33, 38, 46, 0.06);\n --bs-shadow-ambient-color-sm: rgba(33, 38, 46, 0.08);\n --bs-shadow-ambient-color-md: rgba(33, 38, 46, 0.1);\n --bs-shadow-ambient-color-lg: rgba(33, 38, 46, 0.12);\n --bs-shadow-ambient-color-xl: rgba(33, 38, 46, 0.14);\n --bs-shadow-ambient-color-2xl: rgba(33, 38, 46, 0.2);\n --bs-shadow-key-color-xs: rgba(33, 38, 46, 0.1);\n --bs-shadow-key-color-sm: rgba(33, 38, 46, 0.12);\n --bs-shadow-key-color-md: rgba(33, 38, 46, 0.16);\n --bs-shadow-key-color-lg: rgba(33, 38, 46, 0.2);\n --bs-shadow-key-color-xl: rgba(33, 38, 46, 0.24);\n --bs-shadow-key-color-2xl: rgba(33, 38, 46, 0.32);\n --bs-shadow-position-0: 0px;\n --bs-shadow-position-10: 1px;\n --bs-shadow-position-25: 2px;\n --bs-shadow-position-50: 4px;\n --bs-shadow-position-100: 8px;\n --bs-shadow-position-150: 12px;\n --bs-shadow-position-200: 16px;\n --bs-shadow-blur-0: 0px;\n --bs-shadow-blur-10: 1px;\n --bs-shadow-blur-25: 2px;\n --bs-shadow-blur-50: 4px;\n --bs-shadow-blur-100: 8px;\n --bs-shadow-blur-150: 12px;\n --bs-shadow-blur-200: 16px;\n --bs-shadow-blur-300: 24px;\n --bs-text-style-display-size: var(--bs-font-size-6xl);\n --bs-text-style-display-weight: 700;\n --bs-text-style-display-line-height: var(--bs-line-height-tight);\n --bs-text-style-display-letter-spacing: var(--bs-letter-spacing-tight);\n --bs-text-style-heading-1-size: var(--bs-font-size-4xl);\n --bs-text-style-heading-1-weight: 600;\n --bs-text-style-heading-1-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-1-letter-spacing: var(--bs-letter-spacing-tight);\n --bs-text-style-heading-2-size: var(--bs-font-size-3xl);\n --bs-text-style-heading-2-weight: 600;\n --bs-text-style-heading-2-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-2-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-heading-3-size: var(--bs-font-size-2xl);\n --bs-text-style-heading-3-weight: 600;\n --bs-text-style-heading-3-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-3-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-heading-4-size: var(--bs-font-size-xl);\n --bs-text-style-heading-4-weight: 500;\n --bs-text-style-heading-4-line-height: var(--bs-line-height-normal);\n --bs-text-style-heading-4-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-lg-size: var(--bs-font-size-lg);\n --bs-text-style-body-lg-weight: 400;\n --bs-text-style-body-lg-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-lg-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-md-size: var(--bs-font-size-md);\n --bs-text-style-body-md-weight: 400;\n --bs-text-style-body-md-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-md-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-sm-size: var(--bs-font-size-sm);\n --bs-text-style-body-sm-weight: 400;\n --bs-text-style-body-sm-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-sm-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-lg-size: var(--bs-font-size-md);\n --bs-text-style-label-lg-weight: 500;\n --bs-text-style-label-lg-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-lg-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-md-size: var(--bs-font-size-sm);\n --bs-text-style-label-md-weight: 500;\n --bs-text-style-label-md-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-md-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-sm-size: var(--bs-font-size-xs);\n --bs-text-style-label-sm-weight: 500;\n --bs-text-style-label-sm-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-sm-letter-spacing: var(--bs-letter-spacing-wide);\n --bs-text-style-caption-size: var(--bs-font-size-xs);\n --bs-text-style-caption-weight: 400;\n --bs-text-style-caption-line-height: var(--bs-line-height-normal);\n --bs-text-style-caption-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-overline-size: var(--bs-font-size-xs);\n --bs-text-style-overline-weight: 500;\n --bs-text-style-overline-line-height: var(--bs-line-height-normal);\n --bs-text-style-overline-letter-spacing: var(--bs-letter-spacing-widest);\n --bs-text-style-data-size: var(--bs-font-size-sm);\n --bs-text-style-data-weight: 500;\n --bs-text-style-data-line-height: var(--bs-line-height-tight);\n --bs-text-style-data-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-data-dense-size: var(--bs-font-size-2xs);\n --bs-text-style-data-dense-weight: 400;\n --bs-text-style-data-dense-line-height: var(--bs-line-height-tight);\n --bs-text-style-data-dense-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-typography-font-family-heading: Roboto;\n --bs-typography-font-family-body: Roboto;\n --bs-typography-font-weight-thin: thin;\n --bs-typography-font-weight-regular: regular;\n --bs-typography-font-weight-medium: medium;\n --bs-typography-font-weight-semibold: semibold;\n --bs-typography-font-weight-bold: bold;\n --bs-typography-font-weight-black: black;\n --bs-scale-0: 0px;\n --bs-scale-10: 1px;\n --bs-scale-25: 2px;\n --bs-scale-50: 4px;\n --bs-scale-75: 6px;\n --bs-scale-100: 8px;\n --bs-scale-150: 12px;\n --bs-scale-200: 16px;\n --bs-scale-250: 20px;\n --bs-scale-300: 24px;\n --bs-scale-350: 28px;\n --bs-scale-400: 32px;\n --bs-scale-500: 40px;\n --bs-scale-550: 44px;\n --bs-scale-600: 48px;\n --bs-scale-700: 56px;\n --bs-scale-800: 64px;\n --bs-scale-1000: 80px;\n --bs-scale-1200: 96px;\n --bs-scale-1500: 120px;\n --bs-scale-1600: 128px;\n --bs-scale-3200: 256px;\n --bs-scale-6400: 512px;\n --bs-scale--600: -48px;\n --bs-scale--500: -40px;\n --bs-scale--350: -28px;\n --bs-scale--200: -16px;\n --bs-scale--150: -12px;\n --bs-scale--100: -8px;\n --bs-white: #ffffff;\n --bs-black: #000000;\n --bs-brand-colors-purple-50: #f3effb;\n --bs-brand-colors-purple-100: #e5dffd;\n --bs-brand-colors-purple-200: #c8c0ff;\n --bs-brand-colors-purple-300: #a49aff;\n --bs-brand-colors-purple-400: #8676fe;\n --bs-brand-colors-purple-500: #715afc;\n --bs-brand-colors-purple-600: #5e47e6;\n --bs-brand-colors-purple-700: #4b35c9;\n --bs-brand-colors-purple-800: #3720a1;\n --bs-brand-colors-purple-900: #220f73;\n --bs-brand-colors-purple-950: #201463;\n --bs-brand-colors-cobalt-50: #f1effa;\n --bs-brand-colors-cobalt-100: #e0e0fd;\n --bs-brand-colors-cobalt-200: #bcc2ff;\n --bs-brand-colors-cobalt-300: #939eff;\n --bs-brand-colors-cobalt-400: #6d7cff;\n --bs-brand-colors-cobalt-500: #4f63ff;\n --bs-brand-colors-cobalt-600: #3b4ee9;\n --bs-brand-colors-cobalt-700: #303ecd;\n --bs-brand-colors-cobalt-800: #1928a5;\n --bs-brand-colors-cobalt-900: #091675;\n --bs-brand-colors-cobalt-950: #050d5d;\n --bs-brand-colors-blue-50: #eef0fa;\n --bs-brand-colors-blue-100: #d8e3fc;\n --bs-brand-colors-blue-200: #aec7f8;\n --bs-brand-colors-blue-300: #7aa6f2;\n --bs-brand-colors-blue-400: #3e88ef;\n --bs-brand-colors-blue-500: #0073e1;\n --bs-brand-colors-blue-600: #0062c1;\n --bs-brand-colors-blue-700: #0051a2;\n --bs-brand-colors-blue-800: #003a78;\n --bs-brand-colors-blue-900: #002550;\n --bs-brand-colors-blue-950: #001b3e;\n --bs-brand-colors-green-50: #ecf2ea;\n --bs-brand-colors-green-100: #d0e9d2;\n --bs-brand-colors-green-200: #9fd3a9;\n --bs-brand-colors-green-300: #78b385;\n --bs-brand-colors-green-400: #469961;\n --bs-brand-colors-green-500: #23834a;\n --bs-brand-colors-green-600: #2a7043;\n --bs-brand-colors-green-700: #295c3a;\n --bs-brand-colors-green-800: #21422a;\n --bs-brand-colors-green-900: #112b19;\n --bs-brand-colors-green-950: #0b2011;\n --bs-brand-colors-lime-50: #f0f2e7;\n --bs-brand-colors-lime-100: #d7e8c6;\n --bs-brand-colors-lime-200: #add18f;\n --bs-brand-colors-lime-300: #81b45c;\n --bs-brand-colors-lime-400: #64963f;\n --bs-brand-colors-lime-500: #478019;\n --bs-brand-colors-lime-600: #406f1d;\n --bs-brand-colors-lime-700: #385b1e;\n --bs-brand-colors-lime-800: #2a4218;\n --bs-brand-colors-lime-900: #182a0c;\n --bs-brand-colors-lime-950: #121f09;\n --bs-brand-colors-yellow-50: #faf1db;\n --bs-brand-colors-yellow-100: #f9e28a;\n --bs-brand-colors-yellow-200: #e3c437;\n --bs-brand-colors-yellow-300: #c0a300;\n --bs-brand-colors-yellow-400: #a18800;\n --bs-brand-colors-yellow-500: #887200;\n --bs-brand-colors-yellow-600: #746202;\n --bs-brand-colors-yellow-700: #615102;\n --bs-brand-colors-yellow-800: #463a01;\n --bs-brand-colors-yellow-900: #2e2500;\n --bs-brand-colors-yellow-950: #221b00;\n --bs-brand-colors-amber-50: #fceee0;\n --bs-brand-colors-amber-100: #f8dfbf;\n --bs-brand-colors-amber-200: #f1be71;\n --bs-brand-colors-amber-300: #d19c46;\n --bs-brand-colors-amber-400: #b47f1e;\n --bs-brand-colors-amber-500: #996805;\n --bs-brand-colors-amber-600: #875b04;\n --bs-brand-colors-amber-700: #6f4b02;\n --bs-brand-colors-amber-800: #513601;\n --bs-brand-colors-amber-900: #352201;\n --bs-brand-colors-amber-950: #291900;\n --bs-brand-colors-orange-50: #faeee9;\n --bs-brand-colors-orange-100: #f9ddd0;\n --bs-brand-colors-orange-200: #f7b997;\n --bs-brand-colors-orange-300: #f08c50;\n --bs-brand-colors-orange-400: #d26d2b;\n --bs-brand-colors-orange-500: #ba5400;\n --bs-brand-colors-orange-600: #a24907;\n --bs-brand-colors-orange-700: #873d07;\n --bs-brand-colors-orange-800: #642c04;\n --bs-brand-colors-orange-900: #411b02;\n --bs-brand-colors-orange-950: #301302;\n --bs-brand-colors-magenta-50: #fbeeef;\n --bs-brand-colors-magenta-100: #ffd7e0;\n --bs-brand-colors-magenta-200: #ffb1c7;\n --bs-brand-colors-magenta-300: #ff7aa7;\n --bs-brand-colors-magenta-400: #ea4f8b;\n --bs-brand-colors-magenta-500: #d12e75;\n --bs-brand-colors-magenta-600: #b62965;\n --bs-brand-colors-magenta-700: #9a1f53;\n --bs-brand-colors-magenta-800: #71163c;\n --bs-brand-colors-magenta-900: #4a0d27;\n --bs-brand-colors-magenta-950: #38091c;\n --bs-brand-colors-maroon-50: #f9eef3;\n --bs-brand-colors-maroon-100: #f6dbef;\n --bs-brand-colors-maroon-200: #eab6e3;\n --bs-brand-colors-maroon-300: #d88cd1;\n --bs-brand-colors-maroon-400: #c465c0;\n --bs-brand-colors-maroon-500: #b14bb0;\n --bs-brand-colors-maroon-600: #983f98;\n --bs-brand-colors-maroon-700: #7f347e;\n --bs-brand-colors-maroon-800: #5e245d;\n --bs-brand-colors-maroon-900: #3e163d;\n --bs-brand-colors-maroon-950: #2c122b;\n --bs-brand-colors-violet-50: #f9eefe;\n --bs-brand-colors-violet-100: #eedcfd;\n --bs-brand-colors-violet-200: #d8b8fd;\n --bs-brand-colors-violet-300: #be92f4;\n --bs-brand-colors-violet-400: #a372dd;\n --bs-brand-colors-violet-500: #8f5ace;\n --bs-brand-colors-violet-600: #7750a8;\n --bs-brand-colors-violet-700: #64428d;\n --bs-brand-colors-violet-800: #492e6a;\n --bs-brand-colors-violet-900: #311b4b;\n --bs-brand-colors-violet-950: #241338;\n --bs-light-mode-0: rgba(0, 0, 0, 0);\n --bs-light-mode-100: rgba(0, 0, 0, 0.05);\n --bs-light-mode-200: rgba(0, 0, 0, 0.08);\n --bs-light-mode-300: rgba(0, 0, 0, 0.1);\n --bs-light-mode-400: rgba(0, 0, 0, 0.12);\n --bs-light-mode-500: rgba(0, 0, 0, 0.14);\n --bs-light-mode-600: rgba(0, 1, 2, 0.1);\n --bs-light-mode-700: rgba(28, 133, 255, 0.4);\n --bs-dark-mode-0: rgba(0, 0, 0, 0);\n --bs-dark-mode-100: rgba(0, 0, 0, 0.4);\n --bs-dark-mode-200: rgba(0, 0, 0, 0.35);\n --bs-dark-mode-300: rgba(0, 0, 0, 0.3);\n --bs-dark-mode-400: rgba(0, 0, 0, 0.25);\n --bs-dark-mode-500: rgba(0, 0, 0, 0.2);\n --bs-dark-mode-600: rgba(0, 1, 2, 0.05);\n --bs-dark-mode-700: rgba(28, 133, 255, 0.05);\n --bs-alpha-5: rgba(0, 0, 0, 0);\n --bs-alpha-10: rgba(0, 0, 0, 0);\n --bs-alpha-20: rgba(0, 0, 0, 0);\n --bs-alpha-30: rgba(0, 0, 0, 0);\n --bs-alpha-40: rgba(0, 0, 0, 0);\n --bs-alpha-50: rgba(0, 0, 0, 0);\n --bs-alpha-60: rgba(0, 0, 0, 0.01);\n --bs-alpha-70: rgba(0, 0, 0, 0.01);\n --bs-alpha-80: rgba(0, 0, 0, 0.01);\n --bs-alpha-90: rgba(0, 0, 0, 0.01);\n --bs-alpha-100: rgba(0, 0, 0, 0.01);\n --bs-fontsize-display-display1: 80px;\n --bs-fontsize-display-display2: 72px;\n --bs-fontsize-display-display3: 60px;\n --bs-fontsize-display-display4: 56px;\n --bs-fontsize-display-display5: 48px;\n --bs-fontsize-display-display6: 40px;\n --bs-fontsize-display-display7: 32px;\n --bs-fontsize-heading-h1: 48px;\n --bs-fontsize-heading-h2: 40px;\n --bs-fontsize-heading-h3: 32px;\n --bs-fontsize-heading-h4: 24px;\n --bs-fontsize-heading-h5: 20px;\n --bs-fontsize-heading-h6: 16px;\n --bs-fontsize-body-lg: 20px;\n --bs-fontsize-body-md: 16px;\n --bs-fontsize-body-sm: 14px;\n --bs-fontsize-caption-lg: 16px;\n --bs-fontsize-caption-md: 14px;\n --bs-fontsize-caption-sm: 12px;\n --bs-line-height-display-display1: 96;\n --bs-line-height-display-display2: 88;\n --bs-line-height-display-display3: 72;\n --bs-line-height-display-display4: 64;\n --bs-line-height-display-display5: 56;\n --bs-line-height-display-display6: 48;\n --bs-line-height-display-display7: 40;\n --bs-line-height-heading-h1: 56;\n --bs-line-height-heading-h2: 48;\n --bs-line-height-heading-h3: 40;\n --bs-line-height-heading-h4: 32;\n --bs-line-height-heading-h5: 24;\n --bs-line-height-heading-h6: 20;\n --bs-line-height-body-lg: 28;\n --bs-line-height-body-md: 24;\n --bs-line-height-body-sm: 20;\n --bs-line-height-caption-lg: 24;\n --bs-line-height-caption-md: 20;\n --bs-line-height-caption-sm: 16;\n --bs-paragraph-spacing-display-display1: 40;\n --bs-paragraph-spacing-display-display2: 36;\n --bs-paragraph-spacing-display-display3: 30;\n --bs-paragraph-spacing-display-display4: 28;\n --bs-paragraph-spacing-display-display5: 24;\n --bs-paragraph-spacing-display-display6: 20;\n --bs-paragraph-spacing-display-display7: 16;\n --bs-paragraph-spacing-heading-h1: 24;\n --bs-paragraph-spacing-heading-h2: 20;\n --bs-paragraph-spacing-heading-h3: 16;\n --bs-paragraph-spacing-heading-h4: 12;\n --bs-paragraph-spacing-heading-h5: 10;\n --bs-paragraph-spacing-heading-h6: 8;\n --bs-paragraph-spacing-body-lg: 10;\n --bs-paragraph-spacing-body-md: 8;\n --bs-paragraph-spacing-body-sm: 8;\n --bs-paragraph-spacing-caption-lg: 8;\n --bs-paragraph-spacing-caption-md: 8;\n --bs-paragraph-spacing-caption-sm: 6;\n --bs-margin-fluid: var(--bs-scale-300);\n --bs-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-gutter-gutter: var(--bs-scale-300);\n --bs-layout-columns-columns: 12rem;\n --bs-breakpoints-max-width: 1920rem;\n --bs-breakpoints-min-width: 1024rem;\n --bs-navigation-header-hamburger-menu: false;\n --bs-navigation-header-logo: true;\n --bs-navigation-header-left-menu: true;\n --bs-navigation-header-page-label: false;\n --bs-navigation-header-gap: 40;\n --bs-brand-50: var(--bs-brand-colors-blue-50);\n --bs-brand-100: var(--bs-brand-colors-blue-100);\n --bs-brand-200: var(--bs-brand-colors-blue-200);\n --bs-brand-300: var(--bs-brand-colors-blue-300);\n --bs-brand-400: var(--bs-brand-colors-blue-400);\n --bs-brand-500: var(--bs-brand-colors-blue-500);\n --bs-brand-600: var(--bs-brand-colors-blue-600);\n --bs-brand-700: var(--bs-brand-colors-blue-700);\n --bs-brand-800: var(--bs-brand-colors-blue-800);\n --bs-brand-900: var(--bs-brand-colors-blue-900);\n --bs-brand-950: var(--bs-brand-colors-blue-950);\n --bs-4-responsive-desktop-fontsize-display-display1: 80px;\n --bs-4-responsive-desktop-fontsize-display-display2: 72px;\n --bs-4-responsive-desktop-fontsize-display-display3: 60px;\n --bs-4-responsive-desktop-fontsize-display-display4: 56px;\n --bs-4-responsive-desktop-fontsize-display-display5: 48px;\n --bs-4-responsive-desktop-fontsize-display-display6: 40px;\n --bs-4-responsive-desktop-fontsize-display-display7: 32px;\n --bs-4-responsive-desktop-fontsize-heading-h1: 48px;\n --bs-4-responsive-desktop-fontsize-heading-h2: 40px;\n --bs-4-responsive-desktop-fontsize-heading-h3: 32px;\n --bs-4-responsive-desktop-fontsize-heading-h4: 24px;\n --bs-4-responsive-desktop-fontsize-heading-h5: 20px;\n --bs-4-responsive-desktop-fontsize-heading-h6: 16px;\n --bs-4-responsive-desktop-fontsize-body-lg: 20px;\n --bs-4-responsive-desktop-fontsize-body-md: 16px;\n --bs-4-responsive-desktop-fontsize-body-sm: 14px;\n --bs-4-responsive-desktop-fontsize-caption-lg: 16px;\n --bs-4-responsive-desktop-fontsize-caption-md: 14px;\n --bs-4-responsive-desktop-fontsize-caption-sm: 12px;\n --bs-4-responsive-desktop-line-height-display-display1: 96;\n --bs-4-responsive-desktop-line-height-display-display2: 88;\n --bs-4-responsive-desktop-line-height-display-display3: 72;\n --bs-4-responsive-desktop-line-height-display-display4: 64;\n --bs-4-responsive-desktop-line-height-display-display5: 56;\n --bs-4-responsive-desktop-line-height-display-display6: 48;\n --bs-4-responsive-desktop-line-height-display-display7: 40;\n --bs-4-responsive-desktop-line-height-heading-h1: 56;\n --bs-4-responsive-desktop-line-height-heading-h2: 48;\n --bs-4-responsive-desktop-line-height-heading-h3: 40;\n --bs-4-responsive-desktop-line-height-heading-h4: 32;\n --bs-4-responsive-desktop-line-height-heading-h5: 24;\n --bs-4-responsive-desktop-line-height-heading-h6: 20;\n --bs-4-responsive-desktop-line-height-body-lg: 28;\n --bs-4-responsive-desktop-line-height-body-md: 24;\n --bs-4-responsive-desktop-line-height-body-sm: 20;\n --bs-4-responsive-desktop-line-height-caption-lg: 24;\n --bs-4-responsive-desktop-line-height-caption-md: 20;\n --bs-4-responsive-desktop-line-height-caption-sm: 16;\n --bs-4-responsive-desktop-paragraph-spacing-display-display1: 40;\n --bs-4-responsive-desktop-paragraph-spacing-display-display2: 36;\n --bs-4-responsive-desktop-paragraph-spacing-display-display3: 30;\n --bs-4-responsive-desktop-paragraph-spacing-display-display4: 28;\n --bs-4-responsive-desktop-paragraph-spacing-display-display5: 24;\n --bs-4-responsive-desktop-paragraph-spacing-display-display6: 20;\n --bs-4-responsive-desktop-paragraph-spacing-display-display7: 16;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h1: 24;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h2: 20;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h3: 16;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h4: 12;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h5: 10;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-desktop-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-desktop-paragraph-spacing-body-md: 8;\n --bs-4-responsive-desktop-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-desktop-margin-fluid: var(--bs-scale-300);\n --bs-4-responsive-desktop-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-4-responsive-desktop-gutter-gutter: var(--bs-scale-300);\n --bs-4-responsive-desktop-layout-columns-columns: 12rem;\n --bs-4-responsive-desktop-breakpoints-max-width: 1920rem;\n --bs-4-responsive-desktop-breakpoints-min-width: 1024rem;\n --bs-4-responsive-desktop-navigation-header-hamburger-menu: false;\n --bs-4-responsive-desktop-navigation-header-logo: true;\n --bs-4-responsive-desktop-navigation-header-left-menu: true;\n --bs-4-responsive-desktop-navigation-header-page-label: false;\n --bs-4-responsive-desktop-navigation-header-gap: 40;\n --bs-4-responsive-tablet-fontsize-display-display1: 72px;\n --bs-4-responsive-tablet-fontsize-display-display2: 64px;\n --bs-4-responsive-tablet-fontsize-display-display3: 56px;\n --bs-4-responsive-tablet-fontsize-display-display4: 48px;\n --bs-4-responsive-tablet-fontsize-display-display5: 40px;\n --bs-4-responsive-tablet-fontsize-display-display6: 32px;\n --bs-4-responsive-tablet-fontsize-display-display7: 24px;\n --bs-4-responsive-tablet-fontsize-heading-h1: 40px;\n --bs-4-responsive-tablet-fontsize-heading-h2: 32px;\n --bs-4-responsive-tablet-fontsize-heading-h3: 24px;\n --bs-4-responsive-tablet-fontsize-heading-h4: 22px;\n --bs-4-responsive-tablet-fontsize-heading-h5: 20px;\n --bs-4-responsive-tablet-fontsize-heading-h6: 16px;\n --bs-4-responsive-tablet-fontsize-body-lg: 20px;\n --bs-4-responsive-tablet-fontsize-body-md: 16px;\n --bs-4-responsive-tablet-fontsize-body-sm: 14px;\n --bs-4-responsive-tablet-fontsize-caption-lg: 14px;\n --bs-4-responsive-tablet-fontsize-caption-md: 14px;\n --bs-4-responsive-tablet-fontsize-caption-sm: 12px;\n --bs-4-responsive-tablet-line-height-display-display1: 88;\n --bs-4-responsive-tablet-line-height-display-display2: 72;\n --bs-4-responsive-tablet-line-height-display-display3: 64;\n --bs-4-responsive-tablet-line-height-display-display4: 56;\n --bs-4-responsive-tablet-line-height-display-display5: 48;\n --bs-4-responsive-tablet-line-height-display-display6: 40;\n --bs-4-responsive-tablet-line-height-display-display7: 32;\n --bs-4-responsive-tablet-line-height-heading-h1: 48;\n --bs-4-responsive-tablet-line-height-heading-h2: 40;\n --bs-4-responsive-tablet-line-height-heading-h3: 32;\n --bs-4-responsive-tablet-line-height-heading-h4: 28;\n --bs-4-responsive-tablet-line-height-heading-h5: 24;\n --bs-4-responsive-tablet-line-height-heading-h6: 20;\n --bs-4-responsive-tablet-line-height-body-lg: 28;\n --bs-4-responsive-tablet-line-height-body-md: 24;\n --bs-4-responsive-tablet-line-height-body-sm: 20;\n --bs-4-responsive-tablet-line-height-caption-lg: 20;\n --bs-4-responsive-tablet-line-height-caption-md: 20;\n --bs-4-responsive-tablet-line-height-caption-sm: 16;\n --bs-4-responsive-tablet-paragraph-spacing-display-display1: 36;\n --bs-4-responsive-tablet-paragraph-spacing-display-display2: 32;\n --bs-4-responsive-tablet-paragraph-spacing-display-display3: 28;\n --bs-4-responsive-tablet-paragraph-spacing-display-display4: 24;\n --bs-4-responsive-tablet-paragraph-spacing-display-display5: 20;\n --bs-4-responsive-tablet-paragraph-spacing-display-display6: 16;\n --bs-4-responsive-tablet-paragraph-spacing-display-display7: 12;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h1: 20;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h2: 16;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h3: 12;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h4: 10;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h5: 8;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-tablet-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-tablet-paragraph-spacing-body-md: 8;\n --bs-4-responsive-tablet-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-tablet-margin-fluid: var(--bs-scale-300);\n --bs-4-responsive-tablet-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-4-responsive-tablet-gutter-gutter: var(--bs-scale-200);\n --bs-4-responsive-tablet-layout-columns-columns: 8rem;\n --bs-4-responsive-tablet-breakpoints-max-width: 1023rem;\n --bs-4-responsive-tablet-breakpoints-min-width: 600rem;\n --bs-4-responsive-tablet-navigation-header-hamburger-menu: true;\n --bs-4-responsive-tablet-navigation-header-logo: false;\n --bs-4-responsive-tablet-navigation-header-left-menu: false;\n --bs-4-responsive-tablet-navigation-header-page-label: false;\n --bs-4-responsive-tablet-navigation-header-gap: 12;\n --bs-4-responsive-mobile-fontsize-display-display1: 64px;\n --bs-4-responsive-mobile-fontsize-display-display2: 56px;\n --bs-4-responsive-mobile-fontsize-display-display3: 48px;\n --bs-4-responsive-mobile-fontsize-display-display4: 40px;\n --bs-4-responsive-mobile-fontsize-display-display5: 32px;\n --bs-4-responsive-mobile-fontsize-display-display6: 24px;\n --bs-4-responsive-mobile-fontsize-display-display7: 20px;\n --bs-4-responsive-mobile-fontsize-heading-h1: 32px;\n --bs-4-responsive-mobile-fontsize-heading-h2: 28px;\n --bs-4-responsive-mobile-fontsize-heading-h3: 24px;\n --bs-4-responsive-mobile-fontsize-heading-h4: 22px;\n --bs-4-responsive-mobile-fontsize-heading-h5: 20px;\n --bs-4-responsive-mobile-fontsize-heading-h6: 16px;\n --bs-4-responsive-mobile-fontsize-body-lg: 18px;\n --bs-4-responsive-mobile-fontsize-body-md: 16px;\n --bs-4-responsive-mobile-fontsize-body-sm: 12px;\n --bs-4-responsive-mobile-fontsize-caption-lg: 14px;\n --bs-4-responsive-mobile-fontsize-caption-md: 14px;\n --bs-4-responsive-mobile-fontsize-caption-sm: 12px;\n --bs-4-responsive-mobile-line-height-display-display1: 72;\n --bs-4-responsive-mobile-line-height-display-display2: 64;\n --bs-4-responsive-mobile-line-height-display-display3: 56;\n --bs-4-responsive-mobile-line-height-display-display4: 48;\n --bs-4-responsive-mobile-line-height-display-display5: 40;\n --bs-4-responsive-mobile-line-height-display-display6: 32;\n --bs-4-responsive-mobile-line-height-display-display7: 28;\n --bs-4-responsive-mobile-line-height-heading-h1: 40;\n --bs-4-responsive-mobile-line-height-heading-h2: 36;\n --bs-4-responsive-mobile-line-height-heading-h3: 32;\n --bs-4-responsive-mobile-line-height-heading-h4: 28;\n --bs-4-responsive-mobile-line-height-heading-h5: 24;\n --bs-4-responsive-mobile-line-height-heading-h6: 20;\n --bs-4-responsive-mobile-line-height-body-lg: 24;\n --bs-4-responsive-mobile-line-height-body-md: 24;\n --bs-4-responsive-mobile-line-height-body-sm: 20;\n --bs-4-responsive-mobile-line-height-caption-lg: 20;\n --bs-4-responsive-mobile-line-height-caption-md: 20;\n --bs-4-responsive-mobile-line-height-caption-sm: 16;\n --bs-4-responsive-mobile-paragraph-spacing-display-display1: 32;\n --bs-4-responsive-mobile-paragraph-spacing-display-display2: 28;\n --bs-4-responsive-mobile-paragraph-spacing-display-display3: 24;\n --bs-4-responsive-mobile-paragraph-spacing-display-display4: 20;\n --bs-4-responsive-mobile-paragraph-spacing-display-display5: 16;\n --bs-4-responsive-mobile-paragraph-spacing-display-display6: 12;\n --bs-4-responsive-mobile-paragraph-spacing-display-display7: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h1: 16;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h2: 12;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h3: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h4: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h5: 8;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-mobile-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-mobile-paragraph-spacing-body-md: 8;\n --bs-4-responsive-mobile-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-mobile-margin-fluid: var(--bs-scale-200);\n --bs-4-responsive-mobile-margin-with-navigation-drawer: var(--bs-scale-200);\n --bs-4-responsive-mobile-gutter-gutter: var(--bs-scale-200);\n --bs-4-responsive-mobile-layout-columns-columns: 4rem;\n --bs-4-responsive-mobile-breakpoints-max-width: 599rem;\n --bs-4-responsive-mobile-breakpoints-min-width: 0;\n --bs-4-responsive-mobile-navigation-header-hamburger-menu: true;\n --bs-4-responsive-mobile-navigation-header-logo: false;\n --bs-4-responsive-mobile-navigation-header-left-menu: false;\n --bs-4-responsive-mobile-navigation-header-page-label: true;\n --bs-4-responsive-mobile-navigation-header-gap: 8;\n --bs-5-brand-colors-blue-brand-50: var(--bs-brand-colors-blue-50);\n --bs-5-brand-colors-blue-brand-100: var(--bs-brand-colors-blue-100);\n --bs-5-brand-colors-blue-brand-200: var(--bs-brand-colors-blue-200);\n --bs-5-brand-colors-blue-brand-300: var(--bs-brand-colors-blue-300);\n --bs-5-brand-colors-blue-brand-400: var(--bs-brand-colors-blue-400);\n --bs-5-brand-colors-blue-brand-500: var(--bs-brand-colors-blue-500);\n --bs-5-brand-colors-blue-brand-600: var(--bs-brand-colors-blue-600);\n --bs-5-brand-colors-blue-brand-700: var(--bs-brand-colors-blue-700);\n --bs-5-brand-colors-blue-brand-800: var(--bs-brand-colors-blue-800);\n --bs-5-brand-colors-blue-brand-900: var(--bs-brand-colors-blue-900);\n --bs-5-brand-colors-blue-brand-950: var(--bs-brand-colors-blue-950);\n --bs-5-brand-colors-purple-brand-50: var(--bs-brand-colors-purple-50);\n --bs-5-brand-colors-purple-brand-100: var(--bs-brand-colors-purple-100);\n --bs-5-brand-colors-purple-brand-200: var(--bs-brand-colors-purple-200);\n --bs-5-brand-colors-purple-brand-300: var(--bs-brand-colors-purple-300);\n --bs-5-brand-colors-purple-brand-400: var(--bs-brand-colors-purple-400);\n --bs-5-brand-colors-purple-brand-500: var(--bs-brand-colors-purple-500);\n --bs-5-brand-colors-purple-brand-600: var(--bs-brand-colors-purple-600);\n --bs-5-brand-colors-purple-brand-700: var(--bs-brand-colors-purple-700);\n --bs-5-brand-colors-purple-brand-800: var(--bs-brand-colors-purple-800);\n --bs-5-brand-colors-purple-brand-900: var(--bs-brand-colors-purple-900);\n --bs-5-brand-colors-purple-brand-950: var(--bs-brand-colors-purple-950);\n --bs-5-brand-colors-cobalt-brand-50: var(--bs-brand-colors-cobalt-50);\n --bs-5-brand-colors-cobalt-brand-100: var(--bs-brand-colors-cobalt-100);\n --bs-5-brand-colors-cobalt-brand-200: var(--bs-brand-colors-cobalt-200);\n --bs-5-brand-colors-cobalt-brand-300: var(--bs-brand-colors-cobalt-300);\n --bs-5-brand-colors-cobalt-brand-400: var(--bs-brand-colors-cobalt-400);\n --bs-5-brand-colors-cobalt-brand-500: var(--bs-brand-colors-cobalt-500);\n --bs-5-brand-colors-cobalt-brand-600: var(--bs-brand-colors-cobalt-600);\n --bs-5-brand-colors-cobalt-brand-700: var(--bs-brand-colors-cobalt-700);\n --bs-5-brand-colors-cobalt-brand-800: var(--bs-brand-colors-cobalt-800);\n --bs-5-brand-colors-cobalt-brand-900: var(--bs-brand-colors-cobalt-900);\n --bs-5-brand-colors-cobalt-brand-950: var(--bs-brand-colors-cobalt-950);\n --bs-5-brand-colors-steel-brand-50: {Brand Colors.steel.50};\n --bs-5-brand-colors-steel-brand-100: {Brand Colors.steel.100};\n --bs-5-brand-colors-steel-brand-200: {Brand Colors.steel.200};\n --bs-5-brand-colors-steel-brand-300: {Brand Colors.steel.300};\n --bs-5-brand-colors-steel-brand-400: {Brand Colors.steel.400};\n --bs-5-brand-colors-steel-brand-500: {Brand Colors.steel.500};\n --bs-5-brand-colors-steel-brand-600: {Brand Colors.steel.600};\n --bs-5-brand-colors-steel-brand-700: {Brand Colors.steel.800};\n --bs-5-brand-colors-steel-brand-800: {Brand Colors.steel.800};\n --bs-5-brand-colors-steel-brand-900: {Brand Colors.steel.900};\n --bs-5-brand-colors-steel-brand-950: {Brand Colors.steel.950};\n --bs-5-brand-colors-teal-brand-50: {Brand Colors.teal.50};\n --bs-5-brand-colors-teal-brand-100: {Brand Colors.teal.100};\n --bs-5-brand-colors-teal-brand-200: {Brand Colors.teal.200};\n --bs-5-brand-colors-teal-brand-300: {Brand Colors.teal.300};\n --bs-5-brand-colors-teal-brand-400: {Brand Colors.teal.400};\n --bs-5-brand-colors-teal-brand-500: {Brand Colors.teal.500};\n --bs-5-brand-colors-teal-brand-600: {Brand Colors.teal.600};\n --bs-5-brand-colors-teal-brand-700: {Brand Colors.teal.700};\n --bs-5-brand-colors-teal-brand-800: {Brand Colors.teal.800};\n --bs-5-brand-colors-teal-brand-900: {Brand Colors.teal.900};\n --bs-5-brand-colors-teal-brand-950: {Brand Colors.teal.950};\n --bs-5-brand-colors-jade-brand-50: {Brand Colors.jade.50};\n --bs-5-brand-colors-jade-brand-100: {Brand Colors.jade.100};\n --bs-5-brand-colors-jade-brand-200: {Brand Colors.jade.200};\n --bs-5-brand-colors-jade-brand-300: {Brand Colors.jade.300};\n --bs-5-brand-colors-jade-brand-400: {Brand Colors.jade.400};\n --bs-5-brand-colors-jade-brand-500: {Brand Colors.jade.500};\n --bs-5-brand-colors-jade-brand-600: {Brand Colors.jade.600};\n --bs-5-brand-colors-jade-brand-700: {Brand Colors.teal.700};\n --bs-5-brand-colors-jade-brand-800: {Brand Colors.jade.800};\n --bs-5-brand-colors-jade-brand-900: {Brand Colors.jade.900};\n --bs-5-brand-colors-jade-brand-950: {Brand Colors.jade.950};\n --bs-5-brand-colors-green-brand-50: var(--bs-brand-colors-green-50);\n --bs-5-brand-colors-green-brand-100: var(--bs-brand-colors-green-100);\n --bs-5-brand-colors-green-brand-200: var(--bs-brand-colors-green-200);\n --bs-5-brand-colors-green-brand-300: var(--bs-brand-colors-green-300);\n --bs-5-brand-colors-green-brand-400: var(--bs-brand-colors-green-400);\n --bs-5-brand-colors-green-brand-500: var(--bs-brand-colors-green-500);\n --bs-5-brand-colors-green-brand-600: var(--bs-brand-colors-green-600);\n --bs-5-brand-colors-green-brand-700: var(--bs-brand-colors-green-700);\n --bs-5-brand-colors-green-brand-800: var(--bs-brand-colors-green-800);\n --bs-5-brand-colors-green-brand-900: var(--bs-brand-colors-green-900);\n --bs-5-brand-colors-green-brand-950: var(--bs-brand-colors-green-950);\n --bs-5-brand-colors-lime-brand-50: var(--bs-brand-colors-lime-50);\n --bs-5-brand-colors-lime-brand-100: var(--bs-brand-colors-lime-100);\n --bs-5-brand-colors-lime-brand-200: var(--bs-brand-colors-lime-200);\n --bs-5-brand-colors-lime-brand-300: var(--bs-brand-colors-lime-300);\n --bs-5-brand-colors-lime-brand-400: var(--bs-brand-colors-lime-400);\n --bs-5-brand-colors-lime-brand-500: var(--bs-brand-colors-lime-500);\n --bs-5-brand-colors-lime-brand-600: var(--bs-brand-colors-lime-600);\n --bs-5-brand-colors-lime-brand-700: var(--bs-brand-colors-lime-700);\n --bs-5-brand-colors-lime-brand-800: var(--bs-brand-colors-lime-800);\n --bs-5-brand-colors-lime-brand-900: var(--bs-brand-colors-lime-900);\n --bs-5-brand-colors-lime-brand-950: var(--bs-brand-colors-lime-950);\n --bs-5-brand-colors-yellow-brand-50: var(--bs-brand-colors-yellow-50);\n --bs-5-brand-colors-yellow-brand-100: var(--bs-brand-colors-yellow-100);\n --bs-5-brand-colors-yellow-brand-200: var(--bs-brand-colors-yellow-200);\n --bs-5-brand-colors-yellow-brand-300: var(--bs-brand-colors-yellow-300);\n --bs-5-brand-colors-yellow-brand-400: var(--bs-brand-colors-yellow-400);\n --bs-5-brand-colors-yellow-brand-500: var(--bs-brand-colors-yellow-500);\n --bs-5-brand-colors-yellow-brand-600: var(--bs-brand-colors-yellow-600);\n --bs-5-brand-colors-yellow-brand-700: var(--bs-brand-colors-yellow-700);\n --bs-5-brand-colors-yellow-brand-800: var(--bs-brand-colors-yellow-800);\n --bs-5-brand-colors-yellow-brand-900: var(--bs-brand-colors-yellow-900);\n --bs-5-brand-colors-yellow-brand-950: var(--bs-brand-colors-yellow-950);\n --bs-5-brand-colors-amber-brand-50: var(--bs-brand-colors-amber-50);\n --bs-5-brand-colors-amber-brand-100: var(--bs-brand-colors-amber-100);\n --bs-5-brand-colors-amber-brand-200: var(--bs-brand-colors-amber-200);\n --bs-5-brand-colors-amber-brand-300: var(--bs-brand-colors-amber-300);\n --bs-5-brand-colors-amber-brand-400: var(--bs-brand-colors-amber-400);\n --bs-5-brand-colors-amber-brand-500: var(--bs-brand-colors-amber-500);\n --bs-5-brand-colors-amber-brand-600: var(--bs-brand-colors-amber-600);\n --bs-5-brand-colors-amber-brand-700: var(--bs-brand-colors-amber-700);\n --bs-5-brand-colors-amber-brand-800: var(--bs-brand-colors-amber-800);\n --bs-5-brand-colors-amber-brand-900: var(--bs-brand-colors-amber-900);\n --bs-5-brand-colors-amber-brand-950: var(--bs-brand-colors-amber-950);\n --bs-5-brand-colors-orange-brand-50: var(--bs-brand-colors-orange-50);\n --bs-5-brand-colors-orange-brand-100: var(--bs-brand-colors-orange-100);\n --bs-5-brand-colors-orange-brand-200: var(--bs-brand-colors-orange-200);\n --bs-5-brand-colors-orange-brand-300: var(--bs-brand-colors-orange-300);\n --bs-5-brand-colors-orange-brand-400: var(--bs-brand-colors-orange-400);\n --bs-5-brand-colors-orange-brand-500: var(--bs-brand-colors-orange-500);\n --bs-5-brand-colors-orange-brand-600: var(--bs-brand-colors-orange-600);\n --bs-5-brand-colors-orange-brand-700: var(--bs-brand-colors-orange-700);\n --bs-5-brand-colors-orange-brand-800: var(--bs-brand-colors-orange-800);\n --bs-5-brand-colors-orange-brand-900: var(--bs-brand-colors-orange-900);\n --bs-5-brand-colors-orange-brand-950: var(--bs-brand-colors-amber-950);\n --bs-5-brand-colors-magenta-brand-50: var(--bs-brand-colors-magenta-50);\n --bs-5-brand-colors-magenta-brand-100: var(--bs-brand-colors-magenta-100);\n --bs-5-brand-colors-magenta-brand-200: var(--bs-brand-colors-magenta-200);\n --bs-5-brand-colors-magenta-brand-300: var(--bs-brand-colors-magenta-300);\n --bs-5-brand-colors-magenta-brand-400: var(--bs-brand-colors-magenta-400);\n --bs-5-brand-colors-magenta-brand-500: var(--bs-brand-colors-magenta-500);\n --bs-5-brand-colors-magenta-brand-600: var(--bs-brand-colors-magenta-600);\n --bs-5-brand-colors-magenta-brand-700: var(--bs-brand-colors-magenta-700);\n --bs-5-brand-colors-magenta-brand-800: var(--bs-brand-colors-magenta-800);\n --bs-5-brand-colors-magenta-brand-900: var(--bs-brand-colors-magenta-900);\n --bs-5-brand-colors-magenta-brand-950: var(--bs-brand-colors-magenta-950);\n --bs-5-brand-colors-maroon-brand-50: var(--bs-brand-colors-maroon-50);\n --bs-5-brand-colors-maroon-brand-100: var(--bs-brand-colors-maroon-100);\n --bs-5-brand-colors-maroon-brand-200: var(--bs-brand-colors-maroon-200);\n --bs-5-brand-colors-maroon-brand-300: var(--bs-brand-colors-maroon-300);\n --bs-5-brand-colors-maroon-brand-400: var(--bs-brand-colors-maroon-400);\n --bs-5-brand-colors-maroon-brand-500: var(--bs-brand-colors-maroon-500);\n --bs-5-brand-colors-maroon-brand-600: var(--bs-brand-colors-maroon-600);\n --bs-5-brand-colors-maroon-brand-700: var(--bs-brand-colors-maroon-700);\n --bs-5-brand-colors-maroon-brand-800: var(--bs-brand-colors-maroon-800);\n --bs-5-brand-colors-maroon-brand-900: var(--bs-brand-colors-maroon-900);\n --bs-5-brand-colors-maroon-brand-950: var(--bs-brand-colors-maroon-950);\n --bs-5-brand-colors-violet-brand-50: var(--bs-brand-colors-violet-50);\n --bs-5-brand-colors-violet-brand-100: var(--bs-brand-colors-violet-100);\n --bs-5-brand-colors-violet-brand-200: var(--bs-brand-colors-violet-200);\n --bs-5-brand-colors-violet-brand-300: var(--bs-brand-colors-violet-300);\n --bs-5-brand-colors-violet-brand-400: var(--bs-brand-colors-violet-400);\n --bs-5-brand-colors-violet-brand-500: var(--bs-brand-colors-violet-500);\n --bs-5-brand-colors-violet-brand-600: var(--bs-brand-colors-violet-600);\n --bs-5-brand-colors-violet-brand-700: var(--bs-brand-colors-violet-700);\n --bs-5-brand-colors-violet-brand-800: var(--bs-brand-colors-violet-800);\n --bs-5-brand-colors-violet-brand-900: var(--bs-brand-colors-violet-900);\n --bs-5-brand-colors-violet-brand-950: var(--bs-brand-colors-violet-950);\n --bs-focus-border-: var(--bs-information-500);\n --bs-label: Label;\n --bs-border-width-0: var(--bs-scale-0);\n --bs-border-width-thin: var(--bs-scale-10);\n --bs-border-width-medium: var(--bs-scale-25);\n --bs-border-width-thick: var(--bs-scale-50);\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n --bs-sizing-75: var(--bs-scale-75);\n --bs-sizing-100: var(--bs-scale-100);\n --bs-sizing-200: var(--bs-scale-200);\n --bs-sizing-250: var(--bs-scale-250);\n --bs-sizing-300: var(--bs-scale-300);\n --bs-sizing-400: var(--bs-scale-400);\n --bs-sizing-500: var(--bs-scale-500);\n --bs-sizing-600: var(--bs-scale-600);\n --bs-sizing-700: var(--bs-scale-700);\n --bs-sizing-800: var(--bs-scale-800);\n --bs-sizing-1000: var(--bs-scale-1000);\n --bs-sizing-1200: var(--bs-scale-1200);\n --bs-sizing-1600: var(--bs-scale-1600);\n --bs-sizing-3200: var(--bs-scale-3200);\n --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n[data-theme=\"dark\"] {\n\n / Primary Colors - Dark Mode /\n --bs-color-primary-default: var(--bs-brand-400);\n --bs-color-primary-hover: var(--bs-brand-300);\n --bs-color-primary-focused: var(--bs-brand-300);\n --bs-color-primary-pressed: var(--bs-brand-200);\n --bs-color-primary-container: var(--bs-brand-950);\n --bs-color-primary-container-hover: var(--bs-brand-900);\n\n / Neutral Colors - Dark Mode /\n --bs-color-neutral-default: var(--bs-neutral-300);\n --bs-color-neutral-hover: var(--bs-neutral-200);\n --bs-color-neutral-focused: var(--bs-neutral-200);\n --bs-color-neutral-pressed: var(--bs-neutral-50);\n --bs-color-neutral-container: var(--bs-neutral-900);\n --bs-color-neutral-container-hover: var(--bs-neutral-800);\n --bs-color-neutral-container-focused: var(--bs-neutral-800);\n --bs-color-neutral-container-pressed: var(--bs-neutral-700);\n\n / Accent Colors - Dark Mode /\n --bs-color-accent-default: var(--bs-brand-colors-magenta-400);\n --bs-color-accent-hover: var(--bs-brand-colors-magenta-300);\n --bs-color-accent-active: var(--bs-brand-colors-magenta-200);\n --bs-color-accent-container: var(--bs-brand-colors-magenta-700);\n\n / Success Colors - Dark Mode /\n --bs-color-success-default: var(--bs-success-400);\n --bs-color-success-hover: var(--bs-success-300);\n --bs-color-success-focused: var(--bs-success-300);\n --bs-color-success-pressed: var(--bs-success-200);\n --bs-color-success-container: var(--bs-success-800);\n\n / Warning Colors - Dark Mode /\n --bs-color-warning-default: var(--bs-warning-400);\n --bs-color-warning-hover: var(--bs-warning-300);\n --bs-color-warning-focused: var(--bs-warning-300);\n --bs-color-warning-pressed: var(--bs-warning-200);\n --bs-color-warning-container: var(--bs-warning-800);\n\n / Error Colors - Dark Mode /\n --bs-color-error-default: var(--bs-error-400);\n --bs-color-error-hover: var(--bs-error-300);\n --bs-color-error-focused: var(--bs-error-300);\n --bs-color-error-pressed: var(--bs-error-200);\n --bs-color-error-container: var(--bs-error-950);\n\n / Info Colors - Dark Mode /\n --bs-color-info-default: var(--bs-information-400);\n --bs-color-info-hover: var(--bs-information-300);\n --bs-color-info-focused: var(--bs-information-300);\n --bs-color-info-pressed: var(--bs-information-200);\n --bs-color-info-container: var(--bs-information-800);\n\n / Text Colors - Dark Mode /\n --bs-text-static-white: var(--bs-white);\n --bs-text-static-black: var(--bs-black);\n --bs-text-default: var(--bs-white);\n --bs-text-secondary: var(--bs-neutral-200);\n --bs-text-muted: var(--bs-neutral-300);\n --bs-text-inverse: var(--bs-static-black);\n --bs-text-link: var(--bs-information-400);\n --bs-text-action: var(--bs-brand-400);\n --bs-text-action-hover: var(--bs-brand-500);\n --bs-text-success: var(--bs-success-300);\n --bs-text-info: var(--bs-information-300);\n --bs-text-warning: var(--bs-warning-300);\n --bs-text-error: var(--bs-error-300);\n --bs-text-on-action: var(--bs-black);\n --bs-text-on-disabled: var(--bs-neutral-600);\n --bs-text-accent: var(--bs-brand-colors-purple-400);\n --bs-text-inverse-accent: var(--bs-brand-colors-purple-600);\n --bs-text-neutral---default: var(--bs-neutral-300);\n --bs-text-neutral---hover: var(--bs-neutral-200);\n --bs-text-neutral---focused: var(--bs-neutral-200);\n --bs-text-neutral---pressed: var(--bs-neutral-50);\n --bs-text-neutral-default: var(--bs-neutral-300);\n --bs-text-neutral-hover: var(--bs-neutral-200);\n --bs-text-neutral-focused: var(--bs-neutral-200);\n --bs-text-neutral-pressed: var(--bs-neutral-50);\n\n / Surface Colors - Dark Mode /\n --bs-surface-base: var(--bs-neutral-950);\n --bs-surface-raised: var(--bs-neutral-900);\n --bs-surface-container: var(--bs-neutral-900);\n --bs-surface-hover: var(--bs-neutral-800);\n --bs-surface-focus: var(--bs-neutral-800);\n --bs-surface-pressed: var(--bs-neutral-600);\n --bs-surface-selected: var(--bs-neutral-700);\n --bs-surface-selected-hover: var(--bs-neutral-700);\n --bs-surface-selected-focus: var(--bs-neutral-700);\n --bs-surface-selected-pressed: var(--bs-neutral-600);\n --bs-surface-active: var(--bs-neutral-600);\n --bs-surface-action: var(--bs-color-primary-default);\n --bs-surface-inset: var(--bs-neutral-900);\n --bs-surface-inverse: var(--bs-neutral-50-transparent);\n --bs-surface-accent: var(--bs-gray-transparent-2);\n --bs-surface-on-action: var(--bs-gray-900);\n --bs-surface-on-action-disabled: var(--bs-neutral-600);\n --bs-surface-action-disabled: var(--bs-neutral-900);\n --bs-surface-success: var(--bs-success-600);\n --bs-surface-info: var(--bs-information-600);\n --bs-surface-warning: var(--bs-warning-600);\n --bs-surface-error: var(--bs-error-600);\n --bs-surface-overlay: var(--bs-neutral-500-transparent-2);\n --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent);\n\n / Icon Colors - Dark Mode /\n --bs-icon-static-white: var(--bs-white);\n --bs-icon-static-black: var(--bs-black);\n --bs-icon-default: var(--bs-neutral-25);\n --bs-icon-muted: var(--bs-neutral-400);\n --bs-icon-disabled: var(--bs-neutral-600);\n --bs-icon-inverse: var(--bs-static-black);\n --bs-icon-action: var(--bs-brand-400);\n --bs-icon-action-hover: var(--bs-brand-300);\n --bs-icon-success: var(--bs-success-400);\n --bs-icon-info: var(--bs-information-300);\n --bs-icon-warning: var(--bs-warning-300);\n --bs-icon-error: var(--bs-error-300);\n --bs-icon-neutral-default: var(--bs-neutral-300);\n --bs-icon-neutral-hover: var(--bs-neutral-200);\n --bs-icon-neutral-focused: var(--bs-neutral-200);\n --bs-icon-neutral-pressed: var(--bs-neutral-50);\n\n / Border Colors - Dark Mode /\n --bs-border-default: var(--bs-neutral-800);\n --bs-border-neutral-hover: var(--bs-neutral-300);\n --bs-border-neutral-focus: var(--bs-focus-border-);\n --bs-border-neutral-active: var(--bs-neutral-500);\n --bs-border-neutral-disabled: var(--bs-neutral-700);\n --bs-border-neutral-container: var(--bs-neutral-700);\n --bs-border-neutral-container-hover: var(--bs-neutral-500);\n --bs-border-neutral-container-focused: var(--bs-focus-border-);\n --bs-border-neutral-container-pressed: var(--bs-neutral-300);\n --bs-border-success: var(--bs-success-400);\n --bs-border-success-hover: var(--bs-success-300);\n --bs-border-success-focus: var(--bs-focus-border-);\n --bs-border-warning: var(--bs-warning-400);\n --bs-border-warning-hover: var(--bs-warning-300);\n --bs-border-warning-focus: var(--bs-focus-border-);\n --bs-border-error: var(--bs-error-300);\n --bs-border-error-hover: var(--bs-error-200);\n --bs-border-error-focus: var(--bs-focus-border-);\n --bs-border-info: var(--bs-information-400);\n --bs-border-info-hover: var(--bs-information-600);\n --bs-border-info-focus: var(--bs-focus-border-);\n --bs-border-primary: var(--bs-brand-400);\n --bs-border-primary-hover: var(--bs-brand-300);\n --bs-border-primary-focus: var(--bs-focus-border-);\n --bs-border-primary-pressed: var(--bs-brand-200);\n\n / Elevation Colors - Dark Mode /\n --bs-elevation-none: var(--bs-dark-mode-0);\n --bs-elevation-low: var(--bs-dark-mode-100);\n --bs-elevation-medium: var(--bs-dark-mode-200);\n --bs-elevation-high: var(--bs-dark-mode-300);\n --bs-elevation-higher: var(--bs-dark-mode-400);\n --bs-elevation-highest: var(--bs-dark-mode-500);\n --bs-elevation-inner: var(--bs-dark-mode-600);\n --bs-elevation-focus: var(--bs-dark-mode-700);\n\n --bs-focus-border-: var(--bs-information-300);\n --bs-label: Label;\n --bs-border-width-0: var(--bs-scale-0);\n --bs-border-width-thin: var(--bs-scale-10);\n --bs-border-width-medium: var(--bs-scale-25);\n --bs-border-width-thick: var(--bs-scale-50);\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n --bs-spacing-0: var(--bs-scale-0);\n --bs-spacing-25: var(--bs-scale-25);\n --bs-spacing-50: var(--bs-scale-50);\n --bs-spacing-75: var(--bs-scale-75);\n --bs-spacing-100: var(--bs-scale-100);\n --bs-spacing-150: var(--bs-scale-150);\n --bs-spacing-200: var(--bs-scale-200);\n --bs-spacing-250: var(--bs-scale-250);\n --bs-spacing-300: var(--bs-scale-300);\n --bs-spacing-350: var(--bs-scale-350);\n --bs-spacing-400: var(--bs-scale-400);\n --bs-spacing-500: var(--bs-scale-500);\n --bs-spacing-550: var(--bs-scale-550);\n --bs-spacing-600: var(--bs-scale-600);\n --bs-spacing-700: var(--bs-scale-700);\n --bs-spacing-800: var(--bs-scale-800);\n --bs-spacing-1000: var(--bs-scale-1000);\n --bs-spacing-1200: var(--bs-scale-1200);\n --bs-spacing-1500: var(--bs-scale-1500);\n --bs-spacing--600: var(--bs-scale--600);\n --bs-spacing--500: var(--bs-scale--500);\n --bs-spacing--350: var(--bs-scale--350);\n --bs-spacing--200: var(--bs-scale--200);\n --bs-spacing--150: var(--bs-scale--150);\n --bs-spacing--100: var(--bs-scale--100);\n --bs-sizing-75: var(--bs-scale-75);\n --bs-sizing-100: var(--bs-scale-100);\n --bs-sizing-200: var(--bs-scale-200);\n --bs-sizing-250: var(--bs-scale-250);\n --bs-sizing-300: var(--bs-scale-300);\n --bs-sizing-400: var(--bs-scale-400);\n --bs-sizing-500: var(--bs-scale-500);\n --bs-sizing-600: var(--bs-scale-600);\n --bs-sizing-700: var(--bs-scale-700);\n --bs-sizing-800: var(--bs-scale-800);\n --bs-sizing-1000: var(--bs-scale-1000);\n --bs-sizing-1200: var(--bs-scale-1200);\n --bs-sizing-1600: var(--bs-scale-1600);\n --bs-sizing-3200: var(--bs-scale-3200);\n --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n/ Reduced Motion /\n@media (prefers-reduced-motion: reduce) {\n :root {\n --bs-duration-instant: 0ms;\n --bs-duration-fast: 0ms;\n --bs-duration-default: 0ms;\n --bs-duration-slow: 0ms;\n --bs-duration-slower: 0ms;\n }\n}\n\n/\n * Sets the document root to Brandsync's typeface (brandsync-tokens defines Roboto for both\n * --bs-typography-font-family-heading and -body). Every component's shadow styles use\n * `font-family: inherit`, so this is what they actually inherit from.\n \n Loading the Roboto font file itself is the consuming app's job, same convention already used\n * across eg-brandsync -- a <link> to Google Fonts (or next/font/google) for the weights actually\n * used by brandsync-tokens: 100, 400, 500, 600, 700, 900. See README.md.\n /\n:root {\n font-family: var(--bs-typography-font-family-body), sans-serif;\n}\n\n/\n * Bridges the `[data-theme=\"dark\"]` attribute (set by a consuming app, or this library's own\n * Storybook \"Theme\" toolbar switch -- see .storybook/preview.ts) to bs-logo's asset-visibility\n * custom properties, so bs-logo's `background=\"auto\"` default (the default) can react to it via\n * ordinary custom property inheritance across shadow DOM boundaries -- the same mechanism every\n * other `--bs-` token already uses to re-theme component internals, just for a fixed SVG asset\n that has no token of its own to read. Kept out of tokens.css since that file is vendored\n * wholesale from the brandsync-tokens package and re-copied verbatim on every bump (see its own\n * header comment) -- this is BrandSync-WC's own addition, not an upstream design token.\n /\n:root {\n --bs-logo-asset-light-display: block;\n --bs-logo-asset-dark-display: none;\n}\n\n[data-theme='dark'] {\n --bs-logo-asset-light-display: none;\n --bs-logo-asset-dark-display: block;\n}\n\n/\n * bs-icon-tile's success / warning / error / information tints, per theme. The Figma \"Icon tile\" dark mode\n * uses the 900 step of each palette for the background and the 100 step for the glyph (e.g. success:\n * #0f2b1e behind #c5ebd5), which the vendored semantic tokens (--bs-color--container, --bs-icon-) don't\n * resolve to in dark mode, and the light-mode success background is --bs-success-50, one step lighter than\n * --bs-color-success-container. The information tint is deliberately fixed in both modes (the Figma notes\n * its palette is \"not mode-aware\"). Same mechanism as the bs-logo bridge above: ordinary custom properties\n * on the root, read by the component with a light-mode fallback so it still works if this file isn't loaded.\n * BrandSync-WC's own addition, not an upstream design token.\n */\n:root {\n --bs-icon-tile-success-bg: var(--bs-success-50);\n --bs-icon-tile-success-color: var(--bs-icon-success);\n --bs-icon-tile-warning-bg: var(--bs-color-warning-container);\n --bs-icon-tile-warning-color: var(--bs-icon-warning);\n --bs-icon-tile-error-bg: var(--bs-color-error-container);\n --bs-icon-tile-error-color: var(--bs-icon-error);\n --bs-icon-tile-information-bg: var(--bs-information-50);\n --bs-icon-tile-information-color: var(--bs-icon-info);\n}\n\n[data-theme='dark'] {\n --bs-icon-tile-success-bg: var(--bs-success-900);\n --bs-icon-tile-success-color: var(--bs-success-100);\n --bs-icon-tile-warning-bg: var(--bs-warning-900);\n --bs-icon-tile-warning-color: var(--bs-warning-100);\n --bs-icon-tile-error-bg: var(--bs-error-900);\n --bs-icon-tile-error-color: var(--bs-error-100);\n --bs-icon-tile-information-bg: var(--bs-information-50);\n --bs-icon-tile-information-color: var(--bs-information-400);\n}\n\n\n";function n(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 r,e=(s,r)=>{var e;Object.entries(null!=(e=r.t.o)?e:{}).map((([e,[a]])=>{if(31&a\|\|32&a){const a=s[e],b=n(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}),r.l.has(e)?s[e]=r.l.get(e):void 0!==a&&(s[e]=a)}}))},a=s=>{if(s.__stencil__getHostRef)return s.__stencil__getHostRef()},b=(s,n)=>n in s,o=(s,n)=>(0,console.error)(s,n),t=new Map,l="http://www.w3.org/1999/xlink",i=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],c="undefined"!=typeof window?window:{},d=c.HTMLElement\|\|class{},p={i:0,p:"",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)},v=(()=>{var s;let n=!1;try{null==(s=c.document)\|\|s.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch(s){}return n})(),g=(()=>{try{return!!c.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(s){}return!1})(),u=!!g&&(()=>!!c.document&&Object.getOwnPropertyDescriptor(c.document.adoptedStyleSheets,"length").writable)(),h=!1,f=[],m=[],y=()=>{var s;return(null==(s=c.document)?void 0:s.hidden)?setTimeout(k,16):p.raf(k)},x=(s,n)=>r=>{s.push(r),h\|\|(h=!0,n&&4&p.i?z(k):y())},w=s=>{for(let n=0;n<s.length;n++)try{s[n](performance.now())}catch(s){o(s)}s.length=0},k=()=>{w(f),w(m),(h=f.length>0)&&y()},z=s=>Promise.resolve(undefined).then(s),C=x(m,!0),j=s=>{const n=new URL(s,p.p);return n.origin!==c.location.origin?n.href:n.pathname},S=s=>p.p=s;function $(n){var e;const a={mode:"open"};a.delegatesFocus=!!(16&n.i);const b=this.attachShadow(a);if(void 0===r&&(r=null!=(e=function(s){if(!g)return;const n=new CSSStyleSheet;return n.replaceSync(s),n}(s))?e:null),r)u?b.adoptedStyleSheets.push(r):b.adoptedStyleSheets=[...b.adoptedStyleSheets,r];else if(!g){const n=document.createElement("style");n.innerHTML=s,b.prepend(n)}}var M,B=new WeakMap,O=s=>"sc-"+s.v,L=s=>"object"==(s=typeof s)\|\|"function"===s,D=(s,n,...r)=>{let e=null,a=null,b=!1,t=!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=String(e);else if("function"!=typeof s&&void 0===e.i){o("Invalid vNode child");continue}b&&t?l[l.length-1].u+=e:l.push(b?E(null,e):e),t=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 c=E(s,null);return c.h=n,l.length>0&&(c.m=l),c.k=a,c},E=(s,n)=>({i:0,C:s,u:null!=n?n:null,j:null,m:null,h:null,k:null}),R={},T={forEach:(s,n)=>s.map(A).forEach(n),map:(s,n)=>s.map(A).map(n).map(W)},A=s=>({vattrs:s.h,vchildren:s.m,vkey:s.k,vname:s.S,vtag:s.C,vtext:s.u}),W=s=>{if("function"==typeof s.vtag){const n={...s.vattrs};return s.vkey&&(n.key=s.vkey),s.vname&&(n.name=s.vname),D(s.vtag,n,...s.vchildren\|\|[])}const n=E(s.vtag,s.vtext);return n.h=s.vattrs,n.m=s.vchildren,n.k=s.vkey,n.S=s.vname,n},F=s=>{if(!s)return;const n=Object.keys(s);if(0===n.length)return;let r=!1;for(const e of n){if(r)break;for(const n of s[e])if("string"==typeof n){r=!0;break}}if(!r)return s;const e={};for(const r of n)e[r]=s[r].map((s=>"string"==typeof s?{[s]:0}:s));return e},N=(s,n,r)=>null==s\|\|L(s)?s:4&n?(r&&"string"==typeof s\|\|"false"!==s)&&(""===s\|\|!!s):2&n?"string"==typeof s?parseFloat(s):"number"==typeof s?s:NaN:1&n?String(s):s,I=(s,n)=>{const r=s;return{emit:s=>P(r,n,{bubbles:!0,composed:!0,cancelable:!0,detail:s})}},P=(s,n,r)=>{const e=p.ce(n,r);return s.dispatchEvent(e),e},_=(s,n,r,e,o,t)=>{if(r===e)return;let i=b(s,n),d=n.toLowerCase();if("class"===n){const n=s.classList,a=V(r);let b=V(e);{let s=a.filter((s=>s&&!b.includes(s)));n.remove(...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&&ts(e,s);else if(s.__lookupSetter__(n)\|\|"o"!==n[0]\|\|"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const r=n.slice(5);let b;{const n=a(s);if(n&&n.t&&n.t.o){const s=n.t.o[r];s&&s[1]&&(b=s[1])}}return b\|\|(b=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==e\|\|!1===e?!1===e&&""!==s.getAttribute(b)\|\|s.removeAttribute(b):s.setAttribute(b,!0===e?"":e))}if("p"===n[0]&&n.startsWith("prop:")){const r=n.slice(5);try{s[r]=e}catch(s){}return}{const a=L(e);if((i\|\|a&&null!==e)&&!o)try{if(s.tagName.includes("-"))s[n]!==e&&(s[n]=e);else{const a=null==e?"":e;"list"===n?i=!1:null!=r&&s[n]===a\|\|("function"==typeof s.__lookupSetter__(n)?s[n]=a:s.setAttribute(n,a))}}catch(s){}let b=!1;d!==(d=d.replace(/^xlink\:?/,""))&&(n=d,b=!0),null==e\|\|!1===e?(!1!==e\|\|""===s.getAttribute(n)\|\|4&t&&!G(n))&&(b?s.removeAttributeNS(l,n):s.removeAttribute(n)):(!i\|\|4&t\|\|o)&&!a&&1===s.nodeType&&(e=!0===e?"":e,b?s.setAttributeNS(l,n,e):s.setAttribute(n,e))}}else if(n="-"===n[2]?n.slice(3):b(c,d)?d.slice(2):d[2]+n.slice(3),r\|\|e){const a=n.endsWith(q);n=n.replace(Y,""),r&&p.rel(s,n,r,a),e&&p.ael(s,n,e,a)}},H=new Set(["draggable","contenteditable","spellcheck"]),G=s=>H.has(s)\|\|s.startsWith("aria-"),U=/\s/,V=s=>("object"==typeof s&&s&&"baseVal"in s&&(s=s.baseVal),s&&"string"==typeof s?s.split(U):[]),q="Capture",Y=new RegExp(q+"$"),Z=(s,n,r)=>{const e=11===n.j.nodeType&&n.j.host?n.j.host:n.j,a=s&&s.h\|\|{},b=n.h\|\|{};for(const s of J(Object.keys(a)))s in b\|\|_(e,s,a[s],void 0,r,n.i);for(const s of J(Object.keys(b)))_(e,s,a[s],b[s],r,n.i)};function J(s){return s.includes("ref")?[...s.filter((s=>"ref"!==s)),"ref"]:s}var K=!1,Q=!1,X=[],ss=[],ns=(s,n,r)=>{const e=n.m[r];let a,b,o=0;if(null!=e.u)a=e.j=c.document.createTextNode(e.u);else{if(Q\|\|(Q="svg"===e.C),!c.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(a=e.j=c.document.createElementNS(Q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",e.C),Q&&"foreignObject"===e.C&&(Q=!1),Z(null,e,Q),e.m){const n="template"===e.C?a.content:a;for(o=0;o<e.m.length;++o)b=ns(s,e,o),b&&n.appendChild(b)}"svg"===e.C?Q=!1:"foreignObject"===a.tagName&&(Q=!0)}return a["s-hn"]=M,a},rs=(s,n,r,e,a,b)=>{let o,t=s;for(t.shadowRoot&&t.tagName===M&&(t=t.shadowRoot),"template"===r.C&&(t=t.content);a<=b;++a)e[a]&&(o=ns(null,r,a),o&&(e[a].j=o,ls(t,o,n)))},es=(s,n,r)=>{for(let e=n;e<=r;++e){const n=s[e];if(n){const s=n.j;os(n),s&&s.remove()}}},as=(s,n,r=!1)=>s.C===n.C&&(r?(r&&!s.k&&n.k&&(s.k=n.k),!0):s.k===n.k),bs=(s,n,r=!1)=>{const e=n.j=s.j,a=s.m,b=n.m,o=n.C,t=n.u;null==t?(Q="svg"===o\|\|"foreignObject"!==o&&Q,"slot"!==o\|\|K\|\|s.S!==n.S&&(n.j["s-sn"]=n.S\|\|"",(s=>{p.i\|=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"]&&(ls(n,s,null!=r?r:null),s["s-sh"]=void 0)}p.i&=-2})(n.j.parentElement)),Z(s,n,Q),null!==a&&null!==b?((s,n,r,e,a=!1)=>{let b,o,t=0,l=0,i=0,c=0,d=n.length-1,p=n[0],v=n[d],g=e.length-1,u=e[0],h=e[g];const f="template"===r.C?s.content:s;for(;t<=d&&l<=g;)if(null==p)p=n[++t];else if(null==v)v=n[--d];else if(null==u)u=e[++l];else if(null==h)h=e[--g];else if(as(p,u,a))bs(p,u,a),p=n[++t],u=e[++l];else if(as(v,h,a))bs(v,h,a),v=n[--d],h=e[--g];else if(as(p,h,a))bs(p,h,a),ls(f,p.j,v.j.nextSibling),p=n[++t],h=e[--g];else if(as(v,u,a))bs(v,u,a),ls(f,v.j,p.j),v=n[--d],u=e[++l];else{for(i=-1,c=t;c<=d;++c)if(n[c]&&null!==n[c].k&&n[c].k===u.k){i=c;break}i>=0?(o=n[i],o.C!==u.C?b=ns(n&&n[l],r,l):(bs(o,u,a),n[i]=void 0,b=o.j),u=e[++l]):(b=ns(n&&n[l],r,l),u=e[++l]),b&&ls(p.j.parentNode,b,p.j)}t>d?rs(s,null==e[g+1]?null:e[g+1].j,r,e,l,g):l>g&&es(n,t,d)})(e,a,n,b,r):null!==b?(null!==s.u&&(e.textContent=""),rs(e,null,n,b,0,b.length-1)):!r&&null!==a&&es(a,0,a.length-1),Q&&"svg"===o&&(Q=!1)):s.u!==t&&(e.data=t)},os=s=>{s.h&&s.h.ref&&X.push((()=>s.h.ref(null))),s.m&&s.m.map(os)},ts=(s,n)=>{ss.push((()=>s(n)))},ls=(s,n,r)=>null==s?void 0:s.insertBefore(n,r),is=(s,n,r=!1)=>{const e=s.$hostElement$,a=s.t,b=s.$\|\|E(null,null);var o;const t=(o=n)&&o.C===R?n:D(null,null,n);if(M=e.tagName,a.M&&(t.h=t.h\|\|{},a.M.forEach((([s,n])=>{t.h[n]=e[s]}))),r&&t.h)for(const s of Object.keys(t.h))e.hasAttribute(s)&&!["key","ref","style","class"].includes(s)&&(t.h[s]=e[s]);t.C=null,t.i\|=4,s.$=t,t.j=b.j=e.shadowRoot\|\|e,K=!(!(1&a.i)\|\|128&a.i),bs(b,t,r),X.forEach((s=>s())),X.length=0,ss.forEach((s=>s())),ss.length=0},cs=(s,n)=>{if(n&&!s.B&&n["s-p"]){const r=n["s-p"].push(new Promise((e=>s.B=()=>{n["s-p"].splice(r-1,1),e()})))}},ds=(s,n)=>{if(s.i\|=16,4&s.i)return void(s.i\|=512);cs(s,s.O);const r=()=>ps(s,n);if(!n)return C(r);queueMicrotask((()=>{r()}))},ps=(s,n)=>{const r=s.$hostElement$,e=r;if(!e)throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return a=ys(e,n?"componentWillLoad":"componentWillUpdate",void 0,r),a=vs(a,(()=>ys(e,"componentWillRender",void 0,r))),vs(a,(()=>us(s,e,n)))},vs=(s,n)=>gs(s)?s.then(n).catch((s=>{console.error(s),n()})):n(),gs=s=>s instanceof Promise\|\|s&&s.then&&"function"==typeof s.then,us=async(s,n,r)=>{var e;const a=s.$hostElement$,b=a["s-rc"];r&&(s=>{const n=s.t,r=s.$hostElement$,e=n.i,a=((s,n)=>{var r,e,a;const b=O(n),o=t.get(b);if(!c.document)return b;if(s=11===s.nodeType?s:c.document,o)if("string"==typeof o){let a,t=B.get(s=s.head\|\|s);if(t\|\|B.set(s,t=new Set),!t.has(b)){a=c.document.createElement("style"),a.textContent=o;const l=null!=(r=p.L)?r:function(){var s,n,r;return null!=(r=null==(n=null==(s=c.document.head)?void 0:s.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?r:void 0}();if(null!=l&&a.setAttribute("nonce",l),!(1&n.i))if("HEAD"===s.nodeName){const n=s.querySelectorAll("link[rel=preconnect]"),r=n.length>0?n[n.length-1].nextSibling:s.querySelector("style");s.insertBefore(a,(null==r?void 0:r.parentNode)===s?r:null)}else if("host"in s)if(g){const n=new(null!=(e=s.defaultView)?e:s.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(o),u?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.i&&s.insertBefore(a,null),4&n.i&&(a.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),t&&t.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)}u?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);hs(s,n,a,r),b&&(b.map((s=>s())),a["s-rc"]=void 0);{const n=null!=(e=a["s-p"])?e:[],r=()=>fs(s);0===n.length?r():(Promise.all(n).then(r).catch(r),s.i\|=4,n.length=0)}},hs=(s,n,r,e)=>{try{n=n.render(),s.i&=-17,s.i\|=2,is(s,n,e)}catch(n){o(n,s.$hostElement$)}return null},fs=s=>{const n=s.$hostElement$,r=n,e=s.O;ys(r,"componentDidRender",void 0,n),64&s.i?ys(r,"componentDidUpdate",void 0,n):(s.i\|=64,xs(n),ys(r,"componentDidLoad",void 0,n),s.D(n),e\|\|ms()),s.B&&(s.B(),s.B=void 0),512&s.i&&z((()=>ds(s,!1))),s.i&=-517},ms=()=>{z((()=>P(c,"appload",{detail:{namespace:"brandsync-wc"}})))},ys=(s,n,r,e)=>{if(s&&s[n])try{return s[n](r)}catch(s){o(s,e)}},xs=s=>s.classList.add("hydrated"),ws=(s,n,r,e)=>{const b=a(s);if(!b)return;const t=s,l=b.l.get(n),i=b.i,c=t;r=N(r,e.o[n][0],!!(64&e.i));const d=Number.isNaN(l)&&Number.isNaN(r);if(r!==l&&!d){if(b.l.set(n,r),e.R){const s=e.R[n];s&&s.map((s=>{try{const[[e,a]]=Object.entries(s);(128&i\|\|1&a)&&(c?c[e](r,l,n):b.T.push((()=>{b.A[e](r,l,n)})))}catch(s){o(s,t)}}))}if(2&i){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(r,l,n)&&!(16&i))return;16&i\|\|ds(b,!1)}}},ks=(s,r,e)=>{var b,o;const t=s.prototype;64&r.i&&1&e&&i.forEach((s=>{const n=t[s];Object.defineProperty(t,s,{value(...r){var e;const b=a(this),o=this;o?"function"==typeof n&&n.call(o,...r):null==(e=null==b?void 0:b.W)\|\|e.then((n=>{const e=n[s];"function"==typeof e&&e.call(n,...r)}))}})}));{s.watchers&&!r.R&&(r.R=F(s.watchers)),s.deserializers&&!r.F&&(r.F=s.deserializers),s.serializers&&!r.N&&(r.N=s.serializers);const e=Object.entries(null!=(b=r.o)?b:{});e.map((([s,[e]])=>{if(31&e\|\|32&e){const{get:b,set:o}=n(t,s)\|\|{};b&&(r.o[s][0]\|=2048),o&&(r.o[s][0]\|=4096),Object.defineProperty(t,s,{get(){return b?b.apply(this):(n=s,a(this).l.get(n));var n},configurable:!0,enumerable:!0}),Object.defineProperty(t,s,{set(n){const b=a(this);if(b){if(o)return void 0===(32&e?this[s]:b.$hostElement$[s])&&b.l.get(s)&&(n=b.l.get(s)),o.apply(this,[N(n,e,!!(64&r.i))]),void ws(this,s,n=32&e?this[s]:b.$hostElement$[s],r);ws(this,s,n,r)}}})}}));{const n=new Map;t.attributeChangedCallback=function(s,b,o){p.jmp((()=>{var l;const i=n.get(s),c=a(this);if(this.hasOwnProperty(i),t.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==o)return;if(null==i){const n=null==c?void 0:c.i;if(c&&n&&!(8&n)&&o!==b){const e=this,a=null==(l=r.R)?void 0:l[s];null==a\|\|a.forEach((r=>{const[[a,t]]=Object.entries(r);null!=e[a]&&(128&n\|\|1&t)&&e[a].call(e,o,b,s)}))}return}const d=e.find((([s])=>s===i)),p=d?d[1][0]:0,v=4&p;if(512&p&&8&p&&!L(this[i])&&(null==(g=this[i])\|\|!1===g?null:!0===g?"":String(g))===o)return;var g;const u=v&&null===o&&void 0===this[i];v&&(o=!(null===o\|\|"false"===o&&!(64&r.i)));const h=Object.getOwnPropertyDescriptor(t,i);u\|\|o==this[i]\|\|h.get&&!h.set\|\|(this[i]=o)}))},s.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=r.R)?o:{}),...e.filter((([s,n])=>31&n[0])).map((([s,e])=>{var a;const b=e[1]\|\|s;return n.set(b,s),512&e[0]&&(null==(a=r.M)\|\|a.push([s,b])),b}))]))}}return s},zs=async(s,n,r)=>{let e;try{if(!(32&n.i)&&(n.i\|=32,n.i&=-1025,e=s.constructor,customElements.whenDefined(s.localName).then((()=>n.i\|=128)),e&&e.style)){let s;"string"==typeof e.style&&(s=e.style);const n=O(r);if(!t.has(n)){const e=()=>{};((s,n,r)=>{let e=t.get(s);g&&r?(e=e\|\|new CSSStyleSheet,"string"==typeof e?e=n:e.replaceSync(n)):e=n,t.set(s,e)})(n,s,!!(1&r.i)),e()}}const a=n.O,b=()=>ds(n,!0);a&&a["s-rc"]?a["s-rc"].push(b):b()}catch(r){o(r,s),n.B&&(n.B(),n.B=void 0),!n.D\|\|1024&n.i\|\|n.D(s)}},Cs=(s,n)=>{const r={i:n[0],v:n[1]};try{r.o=n[2],r.I=n[3],r.R=F(s.R),r.F=s.F,r.N=s.N,r.M=[];const b=s.prototype.connectedCallback,o=s.prototype.disconnectedCallback;return Object.assign(s.prototype,{__hasHostListenerAttached:!1,__registerHost(){((s,n)=>{const r={i:0,$hostElement$:s,t:n,l:new Map,P:new Map};r.W=new Promise((s=>r.D=s)),s["s-p"]=[],s["s-rc"]=[];const a=r;s.__stencil__getHostRef=()=>a,512&n.i&&e(s,r)})(this,r)},connectedCallback(){if(!this.__hasHostListenerAttached){const s=a(this);if(!s)return;js(this,s,r.I),this.__hasHostListenerAttached=!0}(s=>{if(!(1&p.i)){const n=a(s);if(!n)return;const r=n.t,e=()=>{};if(1&n.i)js(s,n,r.I),(null==n?void 0:n.A)\|\|(1024&n.i?setTimeout((()=>zs(s,n,r)),1e3):(null==n?void 0:n.W)&&n.W.then((()=>{})));else{n.i\|=1;{let r=s;for(;r=r.parentNode\|\|r.host;)if(r["s-p"]){cs(n,n.O=r);break}}r.o&&Object.entries(r.o).map((([n,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(s,n)){const r=s[n];delete s[n],s[n]=r}})),zs(s,n,r)}e()}})(this),b&&b.call(this)},disconnectedCallback(){(async s=>{if(!(1&p.i)){const n=a(s);(null==n?void 0:n._)&&(n._.map((s=>s())),n._=void 0)}B.has(s)&&B.delete(s),s.shadowRoot&&B.has(s.shadowRoot)&&B.delete(s.shadowRoot)})(this),o&&o.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${r.v}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else $.call(this,r)}}),Object.defineProperty(s,"is",{value:r.v,configurable:!0}),ks(s,r,3)}catch(n){return o(n),s}},js=(s,n,r)=>{r&&c.document&&r.map((([r,e,a])=>{const b=$s(c.document,s,r),o=Ss(n,a),t=Ms(r);p.ael(b,e,o,t),(n._=n._\|\|[]).push((()=>p.rel(b,e,o,t)))}))},Ss=(s,n)=>r=>{try{s.$hostElement$[n](r)}catch(n){o(n,s.$hostElement$)}},$s=(s,n,r)=>4&r?s:n,Ms=s=>v?{passive:!!(1&s),capture:!!(2&s)}:!!(2&s),Bs=s=>p.L=s,Os=s=>Object.assign(p,s),Ls=new WeakMap;function Ds(s,n){let r=Ls.get(n);r\|\|(r={i:0,t:{i:0,v:n.tagName},$hostElement$:n},Ls.set(n,r)),is(r,s)}function Es(s){return s}export{d as H,Bs as a,Os as b,I as c,R as d,j as g,D as h,Cs as p,Ds as r,S as s,Es as t}

package/dist/components/{p-BA3c9Rom.js → p-C_j_jDM6.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as s,H as i,c as t,h as n}from"./p-~~JYlmcxBn~~.js";const a=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect")}disabled=!1;hasIcon=!1;bsSelect;onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.disabled\|\|this.bsSelect.emit()};render(){return n("button",{key:"~~02e1255e64ab0bd0b283927f1321fb5e660c78b6~~",type:"button",part:"item",role:"menuitem",class:"bs-menu-item "+(this.disabled?"bs-menu-item--disabled":""),disabled:this.disabled,"aria-disabled":this.disabled?"true":void 0,onClick:this.onClick},n("span",{key:"~~fb36594dd48bd601a26d9debda9fb1c9bde37f88~~",part:"icon",class:"bs-menu-item__icon "+(this.hasIcon?"bs-menu-item__icon--has-content":"")},n("slot",{key:"~~19049f5f1f79e6136cd9cc8bcb3669ff97d79c18~~",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"~~6ac351a3d3a07bea5bbb5f69bd58c1a7189283fe~~",part:"label",class:"bs-menu-item__label"},n("slot",{key:"~~04215578eb545d824c090cb72f1e493474dca409~~"})))}static get style(){return":host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container-hover);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-disabled-bg:var(--bs-surface-action-disabled);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-icon-color-disabled:var(--bs-icon-disabled);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-color-disabled:var(--bs-text-on-disabled);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item--disabled{background:var(--bs-menu-item-disabled-bg);color:var(--bs-menu-item-color-disabled);cursor:not-allowed}.bs-menu-item--disabled:hover,.bs-menu-item--disabled:active{background:var(--bs-menu-item-disabled-bg)}.bs-menu-item--disabled .bs-menu-item__icon{color:var(--bs-menu-item-icon-color-disabled)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}"}},[769,"bs-menu-item",{disabled:[4],hasIcon:[32]}]);function b(){"undefined"!=typeof customElements&&["bs-menu-item"].forEach((s=>{"bs-menu-item"===s&&(customElements.get(e(s))\|\|customElements.define(e(s),a))}))}b();export{a as B,b as d}
1	+ import{t as e,p as s,H as i,c as t,h as n}from"./p-CVrEuVFo.js";const a=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect")}disabled=!1;hasIcon=!1;bsSelect;onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.disabled\|\|this.bsSelect.emit()};render(){return n("button",{key:"419a5d4d35f47ea9cf72b02407a45a7d5645fc4b",type:"button",part:"item",role:"menuitem",class:"bs-menu-item "+(this.disabled?"bs-menu-item--disabled":""),disabled:this.disabled,"aria-disabled":this.disabled?"true":void 0,onClick:this.onClick},n("span",{key:"733f8e5f702496bbb2788cc4db84a9c7c128f1be",part:"icon",class:"bs-menu-item__icon "+(this.hasIcon?"bs-menu-item__icon--has-content":"")},n("slot",{key:"566ca7b7f011090efa131c6bf0fb74515db11fee",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"c717ab8efef92c338581953c60f617057f9eaadc",part:"label",class:"bs-menu-item__label"},n("slot",{key:"c0006ae3c36798eabfb2e001faade51ec4cc10c9"})))}static get style(){return":host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container-hover);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-disabled-bg:var(--bs-surface-action-disabled);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-icon-color-disabled:var(--bs-icon-disabled);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-color-disabled:var(--bs-text-on-disabled);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item--disabled{background:var(--bs-menu-item-disabled-bg);color:var(--bs-menu-item-color-disabled);cursor:not-allowed}.bs-menu-item--disabled:hover,.bs-menu-item--disabled:active{background:var(--bs-menu-item-disabled-bg)}.bs-menu-item--disabled .bs-menu-item__icon{color:var(--bs-menu-item-icon-color-disabled)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}"}},[769,"bs-menu-item",{disabled:[4],hasIcon:[32]}]);function b(){"undefined"!=typeof customElements&&["bs-menu-item"].forEach((s=>{"bs-menu-item"===s&&(customElements.get(e(s))\|\|customElements.define(e(s),a))}))}b();export{a as B,b as d}

package/dist/components/p-CbimDNGY.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t as r,p as e,H as s,h as a}from"./p-CVrEuVFo.js";const i=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get el(){return this}hasLabelContent=!1;type="determinate";size="large";value=0;showLabel=!0;ariaLabel=null;get clampedValue(){return Math.min(100,Math.max(0,this.value))}render(){const r="determinate"===this.type,e=this.clampedValue;return a("div",{key:"783f94f3ea320d9a8169c1d253037ae3631179e1",part:"container",class:"bs-progress-linear"},a("div",{key:"9b5e0c1f0a641683bf9e763b2e3ede0b814f26cf",part:"track",class:`bs-progress-linear__track bs-progress-linear__track--${this.size}`,role:"progressbar","aria-label":this.ariaLabel,"aria-valuemin":r?"0":void 0,"aria-valuemax":r?"100":void 0,"aria-valuenow":r?String(e):void 0,"aria-busy":r?void 0:"true"},a("div",r?{part:"fill",class:"bs-progress-linear__fill",style:{width:`${e}%`}}:{part:"fill",class:"bs-progress-linear__fill bs-progress-linear__fill--indeterminate"})),this.showLabel&&this.hasLabelContent&&a("span",{key:"bb81cebfe79bb6e722fe0fb3cd561318a5f06ac6",part:"label",class:"bs-progress-linear__label"},a("slot",{key:"df04863716047f5b1fa4c70f20744ac25713840b"})))}componentWillLoad(){this.updateLabelVisibility(),this.mutationObserver=new MutationObserver((()=>this.updateLabelVisibility())),this.mutationObserver.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}mutationObserver;updateLabelVisibility(){this.hasLabelContent=Array.from(this.el.childNodes).some((r=>r.nodeType===Node.TEXT_NODE?(r.textContent??"").trim().length>0:r.nodeType===Node.ELEMENT_NODE))}static get style(){return":host{display:flex;--bs-progress-linear-gap:var(--bs-spacing-100);--bs-progress-linear-track:var(--bs-surface-hover);--bs-progress-linear-fill:var(--bs-color-primary-default);--bs-progress-linear-radius:120px;--bs-progress-linear-height-sm:4px;--bs-progress-linear-height-lg:8px;--bs-progress-linear-label-color:var(--bs-text-default);--bs-progress-linear-label-font-size:var(--bs-fontsize-body-md);--bs-progress-linear-label-line-height:var(--bs-line-height-body-md);--bs-progress-linear-transition-duration:0.3s;--bs-progress-linear-slide-duration:1.6s}.bs-progress-linear{display:flex;flex-direction:column;width:100%;gap:var(--bs-progress-linear-gap);font-family:inherit}.bs-progress-linear__track{position:relative;width:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-track);overflow:hidden}.bs-progress-linear__track--small{height:var(--bs-progress-linear-height-sm)}.bs-progress-linear__track--large{height:var(--bs-progress-linear-height-lg)}.bs-progress-linear__fill{height:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-fill);transition:width var(--bs-progress-linear-transition-duration) ease}.bs-progress-linear__fill--indeterminate{position:absolute;top:0;left:0;width:24%;min-width:80px;background:linear-gradient(90deg, transparent 0%, var(--bs-progress-linear-fill) 50%, transparent 100%);animation:bs-progress-linear-slide var(--bs-progress-linear-slide-duration) ease-in-out infinite}@keyframes bs-progress-linear-slide{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion: reduce){.bs-progress-linear__fill--indeterminate{animation-duration:calc(var(--bs-progress-linear-slide-duration) * 4)}}.bs-progress-linear__label{color:var(--bs-progress-linear-label-color);font-size:var(--bs-progress-linear-label-font-size);line-height:calc(var(--bs-progress-linear-label-line-height) * 1px)}"}},[769,"bs-progress-linear",{type:[1],size:[1],value:[2],showLabel:[4,"show-label"],ariaLabel:[1,"aria-label"],hasLabelContent:[32]}]);function l(){"undefined"!=typeof customElements&&["bs-progress-linear"].forEach((e=>{"bs-progress-linear"===e&&(customElements.get(r(e))||customElements.define(r(e),i))}))}l();export{i as B,l as d}

package/dist/components/{p-Buly0d5G.js → p-CeUK3n7D.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{t as s,p as e,H as n,h as r}from"./p-~~JYlmcxBn~~.js";const a=e(class extends n{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}get el(){return this}onKeyDown(s){if(!["ArrowDown","ArrowUp","Home","End"].includes(s.key))return;const e=Array.from(this.el.querySelectorAll("bs-menu-item")).filter((s=>!s.disabled));if(0===e.length)return;const n=e.findIndex((e=>e===s.target\|\|e.contains(s.target)));let r;s.preventDefault(),r="Home"===s.key?0:"End"===s.key?e.length-1:"ArrowDown"===s.key?-1===n?0:(n+1)%e.length:-1===n?e.length-1:(n-1+e.length)%e.length,e[r].shadowRoot?.querySelector("button")?.focus()}render(){return r("div",{key:"~~4f2995d0f53f85656de8595fb6a9909833c6369d~~",part:"list",class:"bs-menu",role:"menu"},r("slot",{key:"~~0824f2a784eb4cfa28a2868f19c056570b56ba63~~"}))}static get style(){return":host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}@media (forced-colors: active){.bs-menu{border:1px solid CanvasText}}"}},[257,"bs-menu",void 0,[[0,"keydown","onKeyDown"]]]);function o(){"undefined"!=typeof customElements&&["bs-menu"].forEach((e=>{"bs-menu"===e&&(customElements.get(s(e))\|\|customElements.define(s(e),a))}))}o();export{a as B,o as d}
1	+ import{t as s,p as e,H as n,h as r}from"./p-CVrEuVFo.js";const a=e(class extends n{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}get el(){return this}onKeyDown(s){if(!["ArrowDown","ArrowUp","Home","End"].includes(s.key))return;const e=Array.from(this.el.querySelectorAll("bs-menu-item")).filter((s=>!s.disabled));if(0===e.length)return;const n=e.findIndex((e=>e===s.target\|\|e.contains(s.target)));let r;s.preventDefault(),r="Home"===s.key?0:"End"===s.key?e.length-1:"ArrowDown"===s.key?-1===n?0:(n+1)%e.length:-1===n?e.length-1:(n-1+e.length)%e.length,e[r].shadowRoot?.querySelector("button")?.focus()}render(){return r("div",{key:"ba99d3c35c0c7ab4427155ac13e89c434068ef49",part:"list",class:"bs-menu",role:"menu"},r("slot",{key:"817f29507503adcaad013a8035d35bc1f35ffdef"}))}static get style(){return":host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}@media (forced-colors: active){.bs-menu{border:1px solid CanvasText}}"}},[257,"bs-menu",void 0,[[0,"keydown","onKeyDown"]]]);function o(){"undefined"!=typeof customElements&&["bs-menu"].forEach((e=>{"bs-menu"===e&&(customElements.get(s(e))\|\|customElements.define(s(e),a))}))}o();export{a as B,o as d}

package/dist/components/p-CncySD_-.js ADDED Viewed

@@ -0,0 +1 @@

+ import{h as i,t as e,p as t,H as s}from"./p-CVrEuVFo.js";const o=t(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}size="sm";intent="default";label;hasCustomIcon=!1;hasText=!1;render(){const e=!!this.label;return[i("div",{key:"f23caf72680e3224fc8618cbebceac30590d36ce",part:"container",class:"bs-icon-tile",role:e?"img":void 0,"aria-label":e?this.label:void 0,"aria-hidden":e?void 0:"true"},i("span",{key:"944d594e4492b30544f935b217691ec7e53f398d",part:"icon",class:"bs-icon-tile__icon"},i("slot",{key:"cd62ccaf12a2ff398d506b865665eae42b2e43ff",onSlotchange:i=>this.hasCustomIcon=i.target.assignedNodes().some((i=>i.nodeType===Node.ELEMENT_NODE||i.nodeType===Node.TEXT_NODE&&!!i.textContent?.trim()))}),!this.hasCustomIcon&&(c[this.intent]??c.default))),i("span",{key:"f33a9fa50a2db0aee33fd8346681a5f56f22f685",part:"text",class:{"bs-icon-tile__text":!0,"bs-icon-tile__text--visible":this.hasText}},i("slot",{key:"cb79316ee18a13c4f8d0dcb1d2271a22a6e71471",name:"text",onSlotchange:i=>this.hasText=i.target.assignedNodes().length>0}))]}static get style(){return":host{display:inline-flex;align-items:center;gap:var(--bs-icon-tile-text-gap);vertical-align:middle;--bs-icon-tile-size:24px;--bs-icon-tile-radius:var(--bs-border-radius-50);--bs-icon-tile-icon-size:12px;--bs-icon-tile-text-color:var(--bs-text-default);--bs-icon-tile-text-gap:var(--bs-spacing-100);--bs-icon-tile-bg:var(--bs-color-neutral-container);--bs-icon-tile-color:var(--bs-icon-default)}:host([size='md']){--bs-icon-tile-size:32px;--bs-icon-tile-radius:calc(var(--bs-border-radius-100) * 2 / 3);--bs-icon-tile-icon-size:16px}:host([size='lg']){--bs-icon-tile-size:48px;--bs-icon-tile-radius:var(--bs-border-radius-100);--bs-icon-tile-icon-size:24px}:host([intent='success']){--bs-icon-tile-bg:var(--bs-icon-tile-success-bg, var(--bs-success-50));--bs-icon-tile-color:var(--bs-icon-tile-success-color, var(--bs-icon-success))}:host([intent='warning']){--bs-icon-tile-bg:var(--bs-icon-tile-warning-bg, var(--bs-color-warning-container));--bs-icon-tile-color:var(--bs-icon-tile-warning-color, var(--bs-icon-warning))}:host([intent='error']){--bs-icon-tile-bg:var(--bs-icon-tile-error-bg, var(--bs-color-error-container));--bs-icon-tile-color:var(--bs-icon-tile-error-color, var(--bs-icon-error))}:host([intent='brand']){--bs-icon-tile-bg:var(--bs-color-primary-container);--bs-icon-tile-color:var(--bs-icon-action)}:host([intent='information']){--bs-icon-tile-bg:var(--bs-icon-tile-information-bg, var(--bs-information-50));--bs-icon-tile-color:var(--bs-icon-tile-information-color, var(--bs-icon-info))}.bs-icon-tile{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;width:var(--bs-icon-tile-size);height:var(--bs-icon-tile-size);border-radius:var(--bs-icon-tile-radius);background:var(--bs-icon-tile-bg);color:var(--bs-icon-tile-color);overflow:hidden}.bs-icon-tile__icon{display:flex;align-items:center;justify-content:center;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size)}.bs-icon-tile__icon svg,::slotted(svg),::slotted(img){width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size)}.bs-icon-tile__text{display:none;color:var(--bs-icon-tile-text-color);font-size:var(--bs-font-size-md);line-height:24px}.bs-icon-tile__text--visible{display:block}:host([size='sm']) .bs-icon-tile__text{font-size:var(--bs-font-size-sm);line-height:20px}"}},[769,"bs-icon-tile",{size:[513],intent:[513],label:[1],hasCustomIcon:[32],hasText:[32]}]),n={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},c={default:i("svg",{...n},i("path",{d:"M4 10.5L12 3.5L20 10.5V19.5H4V10.5Z"})),success:i("svg",{...n},i("circle",{cx:"12",cy:"12",r:"9"}),i("path",{d:"M8 12.5L10.8 15.3L16 9.5"})),warning:i("svg",{...n},i("circle",{cx:"12",cy:"12",r:"9"}),i("path",{d:"M12 7.5V12.5"}),i("path",{d:"M12 16.2V16.3"})),error:i("svg",{...n},i("path",{d:"M5 5L19 19"}),i("path",{d:"M19 5L5 19"})),brand:i("svg",{...n},i("rect",{x:"4",y:"4",width:"6.5",height:"6.5",rx:"0.5"}),i("rect",{x:"13.5",y:"4",width:"6.5",height:"6.5",rx:"0.5"}),i("rect",{x:"4",y:"13.5",width:"6.5",height:"6.5",rx:"0.5"}),i("rect",{x:"13.5",y:"13.5",width:"6.5",height:"6.5",rx:"0.5"})),information:i("svg",{...n},i("circle",{cx:"12",cy:"12",r:"9"}),i("path",{d:"M12 11V16.5"}),i("path",{d:"M12 7.7V7.8"}))};function r(){"undefined"!=typeof customElements&&["bs-icon-tile"].forEach((i=>{"bs-icon-tile"===i&&(customElements.get(e(i))||customElements.define(e(i),o))}))}r();export{o as B,r as d}

package/dist/components/p-DE8K7fg0.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t,p as s,H as a,c as i,h as e}from"./p-CVrEuVFo.js";const n=s(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsChange=i(this,"bsChange")}get el(){return this}type="bs-tab";orientation="horizontal";value;bsChange;onTabSelect(t){const s=this.tabs();s.forEach((s=>{s.selected=s===t.target})),this.syncRovingTabindex();const a=s.findIndex((s=>s===t.target));if(-1===a)return;const i=this.tabValue(s[a],a);i!==this.value&&(this.value=i,this.bsChange.emit({value:i}))}componentDidLoad(){if(void 0!==this.value)this.applyValue();else{const t=this.tabs(),s=t.findIndex((t=>t.selected));-1!==s&&(this.value=this.tabValue(t[s],s))}this.syncRovingTabindex()}tabValue(t,s){return t.value??String(s)}applyValue(){this.tabs().forEach(((t,s)=>{t.selected=this.tabValue(t,s)===this.value})),this.syncRovingTabindex()}onValueChange(){this.applyValue()}syncRovingTabindex(){const t=this.tabs(),s=t.some((t=>t.selected)),a=t.find((t=>!t.disabled));t.forEach((t=>{t.tabbable=s?t.selected:t===a}))}tabs(){return Array.from(this.el.querySelectorAll(":scope > bs-tab, :scope > bs-inline-tab"))}onKeyDown(t){const s="vertical"===this.orientation,a="rtl"===getComputedStyle(this.el).direction,i=s?"ArrowUp":a?"ArrowRight":"ArrowLeft",e=s?"ArrowDown":a?"ArrowLeft":"ArrowRight";if(![i,e,"Home","End"].includes(t.key))return;const n=this.tabs().filter((t=>!t.disabled)),b=n.findIndex((s=>s===t.target||s.contains(t.target)));if(-1===b||0===n.length)return;t.preventDefault();let r=b;r=t.key===e?(b+1)%n.length:t.key===i?(b-1+n.length)%n.length:"Home"===t.key?0:n.length-1;const o=n[r],l=o.shadowRoot?.querySelector("button");l?.focus(),l?.click()}render(){return e("div",{key:"e7f42dc2b8504a99f03c35fa3617155ac430def0",part:"tablist",role:"tablist","aria-orientation":this.orientation,class:`bs-tabs bs-tabs--${this.type} ${"vertical"===this.orientation?"bs-tabs--vertical":""}`},e("slot",{key:"a9a96d3fca150110a8490b42d516db9609677903",onSlotchange:()=>this.syncRovingTabindex()}))}static get watchers(){return{value:[{onValueChange:0}],orientation:[{syncRovingTabindex:0}]}}static get style(){return":host{display:inline-block;--bs-tabs-tab-gap:var(--bs-spacing-100);--bs-tabs-inline-tab-bg:var(--bs-color-neutral-container);--bs-tabs-inline-tab-padding-x:var(--bs-spacing-50);--bs-tabs-inline-tab-radius:var(--bs-border-radius-full);--bs-tabs-inline-tab-gap:var(--bs-spacing-50)}.bs-tabs{display:inline-flex;align-items:center}.bs-tabs--vertical{display:flex;flex-direction:column;align-items:flex-start}.bs-tabs--bs-tab{gap:var(--bs-tabs-tab-gap)}.bs-tabs--bs-inline-tab{background:var(--bs-tabs-inline-tab-bg);padding:0 var(--bs-tabs-inline-tab-padding-x);border-radius:var(--bs-tabs-inline-tab-radius);gap:var(--bs-tabs-inline-tab-gap)}"}},[769,"bs-tabs",{type:[1],orientation:[1],value:[1537]},[[0,"bsSelect","onTabSelect"],[0,"keydown","onKeyDown"]],{value:[{onValueChange:0}],orientation:[{syncRovingTabindex:0}]}]);function b(){"undefined"!=typeof customElements&&["bs-tabs"].forEach((s=>{"bs-tabs"===s&&(customElements.get(t(s))||customElements.define(t(s),n))}))}b();export{n as B,b as d}

package/dist/components/p-Dr0Qk9Zc.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t as a,p as s,H as t,h as r}from"./p-CVrEuVFo.js";const i=s(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}type="icon";size="md";initials=null;src=null;alt=null;ariaLabel=null;disabled=!1;render(){const a=`bs-avatar bs-avatar--${this.type} bs-avatar--${this.size}`;return"image"===this.type?r("span",{part:"container",class:a},r("img",{part:"image",class:"bs-avatar__image",src:this.src??void 0,alt:this.alt??""})):r("span",{part:"container",class:a,role:"img","aria-label":this.ariaLabel??void 0},"initials"===this.type?r("span",{part:"initials",class:"bs-avatar__initials"},this.initials):r(e,null))}static get style(){return":host{display:inline-flex;vertical-align:middle;--bs-avatar-size-xs:24px;--bs-avatar-size-sm:32px;--bs-avatar-size-md:44px;--bs-avatar-size-lg:64px;--bs-avatar-size-xl:96px;--bs-avatar-size-xxl:128px;--bs-avatar-radius:var(--bs-border-radius-full);--bs-avatar-border-width:var(--bs-border-width-thin);--bs-avatar-border-width-xxl:1.333px}.bs-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--bs-avatar-radius);border:var(--bs-avatar-border-width) solid var(--bs-avatar-border-primary);background:var(--bs-avatar-bg-dafault);flex-shrink:0;user-select:none;-webkit-user-select:none}.bs-avatar--xs{width:var(--bs-avatar-size-xs);height:var(--bs-avatar-size-xs)}.bs-avatar--sm{width:var(--bs-avatar-size-sm);height:var(--bs-avatar-size-sm)}.bs-avatar--md{width:var(--bs-avatar-size-md);height:var(--bs-avatar-size-md)}.bs-avatar--lg{width:var(--bs-avatar-size-lg);height:var(--bs-avatar-size-lg)}.bs-avatar--xl{width:var(--bs-avatar-size-xl);height:var(--bs-avatar-size-xl)}.bs-avatar--xxl{width:var(--bs-avatar-size-xxl);height:var(--bs-avatar-size-xxl);border-width:var(--bs-avatar-border-width-xxl)}.bs-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.bs-avatar__icon{width:60%;height:60%;color:var(--bs-avatar-icon-primary)}.bs-avatar__initials{color:var(--bs-avatar-text-default);font-family:var(--bs-typography-font-family-body);font-weight:var(--bs-font-weight-medium);text-align:center;white-space:nowrap}.bs-avatar--xs .bs-avatar__initials,.bs-avatar--sm .bs-avatar__initials{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-avatar--md .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading);font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h6);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-avatar--lg .bs-avatar__initials{font-size:var(--bs-fontsize-body-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-avatar--xl .bs-avatar__initials,.bs-avatar--xxl .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading);font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h4);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}:host(:hover:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-hover);border-color:var(--bs-avatar-border-hover)}:host(:active:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-pressed);border-color:var(--bs-avatar-border-pressed)}:host(:focus-visible:not([disabled])){outline:none}:host(:focus-visible:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-focused);border-color:var(--bs-avatar-border-focused);box-shadow:0 0 0 3px var(--bs-avatar-border-focus)}:host([disabled]){opacity:0.5}"}},[513,"bs-avatar",{type:[1],size:[1],initials:[1],src:[1],alt:[1],ariaLabel:[1,"aria-label"],disabled:[516]}]),e=()=>r("svg",{part:"icon",class:"bs-avatar__icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("circle",{cx:"12",cy:"8",r:"4",fill:"currentColor"}),r("path",{d:"M4 20.5C4 16.634 7.582 13.5 12 13.5C16.418 13.5 20 16.634 20 20.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));function b(){"undefined"!=typeof customElements&&["bs-avatar"].forEach((s=>{"bs-avatar"===s&&(customElements.get(a(s))||customElements.define(a(s),i))}))}b();export{i as B,b as d}

package/dist/components/p-DuLL7Ouw.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t as i,p as e,H as s,h as a,d as n}from"./p-CVrEuVFo.js";const t=e(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}get el(){return this}color="neutral";size="lg";disabled=!1;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE&&e.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};render(){return a(n,{key:"ee5706f8c040b01f97e44b9dba4d74a3b023005c",class:`bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${this.hasIcon?"icon":"text"}`},a("span",{key:"611cc7bec3b22cc2e7de25fc8aa49e8d4eca3cba",part:"icon",class:"bs-chip-informative__icon "+(this.hasIcon?"bs-chip-informative__icon--visible":"")},a("slot",{key:"5945478d567c7b6a6e4ff602c2edd6465d3b7778",name:"icon",onSlotchange:this.onIconSlotchange})),a("span",{key:"7e78fb0f2e5cfc2d232aa04f0c9edf94044f8eca",part:"label",class:"bs-chip-informative__label"},a("slot",{key:"fcec1018222e0da3f0adc6da13e0699c0bad764b"})))}static get style(){return":host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-informative-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-weight:var(--bs-chip-informative-font-weight);white-space:nowrap;--bs-chip-informative-height-sm:var(--bs-spacing-250);--bs-chip-informative-height-md:var(--bs-spacing-300);--bs-chip-informative-height-lg:var(--bs-spacing-400);--bs-chip-informative-gap:var(--bs-spacing-50);--bs-chip-informative-icon-size:16px;--bs-chip-informative-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-informative-padding-right-icon-variant:var(--bs-spacing-150);--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-200);--bs-chip-informative-font-size-sm:var(--bs-font-size-xs);--bs-chip-informative-line-height-sm:var(--bs-line-height-caption-sm);--bs-chip-informative-font-size:var(--bs-font-size-sm);--bs-chip-informative-line-height:var(--bs-line-height-body-sm);--bs-chip-informative-font-weight:var(--bs-font-weight-regular)}:host(.bs-chip-informative--lg){height:var(--bs-chip-informative-height-lg);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--md){height:var(--bs-chip-informative-height-md);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--sm){height:var(--bs-chip-informative-height-sm);font-size:var(--bs-chip-informative-font-size-sm);line-height:calc(var(--bs-chip-informative-line-height-sm) * 1px)}:host(.bs-chip-informative--icon){padding-inline-start:var(--bs-chip-informative-padding-x-glyph-side);padding-inline-end:var(--bs-chip-informative-padding-right-icon-variant)}:host(.bs-chip-informative--text){padding-inline-start:var(--bs-chip-informative-padding-x-plain-side);padding-inline-end:var(--bs-chip-informative-padding-x-plain-side)}.bs-chip-informative__icon{display:none;flex-shrink:0;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-informative__icon ::slotted(*){display:block;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__label{display:flex;align-items:center}:host(.bs-chip-informative--neutral){background:var(--bs-chip-bg-neutral-container);color:var(--bs-chip-text-neutral)}:host(.bs-chip-informative--warning){background:var(--bs-chip-bg-warning-container);color:var(--bs-chip-text-warning)}:host(.bs-chip-informative--success){background:var(--bs-chip-bg-success-container);color:var(--bs-chip-text-success)}:host(.bs-chip-informative--info){background:var(--bs-chip-bg-info-container);color:var(--bs-chip-text-info)}:host(.bs-chip-informative--error){background:var(--bs-chip-bg-error-container);color:var(--bs-chip-text-error)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}"}},[769,"bs-chip-informative",{color:[1],size:[1],disabled:[516],hasIcon:[32]}]);function r(){"undefined"!=typeof customElements&&["bs-chip-informative"].forEach((e=>{"bs-chip-informative"===e&&(customElements.get(i(e))||customElements.define(i(e),t))}))}r();export{t as B,r as d}