/**
 * Do not edit directly, this file was auto-generated.
 */

[data-brand="fixture"][data-theme="light"] {
  --bigbang-color-surface-default: #f7f7f7;
  --bigbang-color-surface-layer-1: #f5f5f5;
  --bigbang-color-surface-layer-2: #ededed;
  --bigbang-color-surface-layer-3: #e5e5e5;
  --bigbang-color-surface-raised: #ffffff;
  --bigbang-color-surface-sunken: #f5f5f5;
  --bigbang-color-surface-hovered: #f5f5f5;
  --bigbang-color-surface-selected: #ededed;
  --bigbang-color-surface-disabled: #f5f5f5;
  --bigbang-color-surface-inverse: #171717;
  --bigbang-color-surface-brand: #171717;
  --bigbang-color-surface-translucent: rgba(252, 252, 252, 0.8509803921568627);
  --bigbang-color-surface-checker: #fafafa;
  --bigbang-color-surface-scrim: rgba(0, 0, 0, 0.3215686274509804);
  --bigbang-color-text-default: #171717;
  --bigbang-color-text-subtle: #404040;
  --bigbang-color-text-subtlest: #525252;
  --bigbang-color-text-placeholder: #737373;
  --bigbang-color-text-disabled: #a1a1a1;
  --bigbang-color-text-inverse: #ffffff;
  --bigbang-color-text-on-brand: #fafafa;
  --bigbang-color-text-link: #171717;
  --bigbang-color-text-link-hovered: #404040;
  --bigbang-color-text-danger: #a6383c;
  --bigbang-color-text-success: #0e7644;
  --bigbang-color-text-warning: #8a5600;
  --bigbang-color-text-info: #0068a5;
  --bigbang-color-icon-default: #262626;
  --bigbang-color-icon-subtle: #737373;
  --bigbang-color-icon-disabled: #a1a1a1;
  --bigbang-color-icon-inverse: #ffffff;
  --bigbang-color-icon-brand: #9a451c;
  --bigbang-color-icon-danger: #c14347;
  --bigbang-color-icon-success: #138a50;
  --bigbang-color-icon-warning: #a16600;
  --bigbang-color-icon-info: #007ac1;
  --bigbang-color-border-default: #e5e5e5;
  --bigbang-color-border-subtle: #ededed;
  --bigbang-color-border-strong: #8c8c8c;
  --bigbang-color-border-input: #8c8c8c;
  --bigbang-color-border-focus: #171717;
  --bigbang-color-border-selected: #171717;
  --bigbang-color-border-danger: #c14347;
  --bigbang-color-border-disabled: #e5e5e5;
  --bigbang-color-border-overlay: #ededed; /** Hairline ring around floating surfaces: popovers, menus, dialogs, drawers, toasts. */
  --bigbang-color-focus-ring: #737373;
  --bigbang-color-action-primary-default: #171717;
  --bigbang-color-action-primary-hovered: #262626;
  --bigbang-color-action-primary-pressed: #404040;
  --bigbang-color-action-on-primary-default: #fafafa;
  --bigbang-color-action-secondary-default: #ffffff;
  --bigbang-color-action-secondary-hovered: #fafafa;
  --bigbang-color-action-secondary-pressed: #f5f5f5;
  --bigbang-color-action-on-secondary-default: #171717;
  --bigbang-color-action-subtle-hovered: #f5f5f5;
  --bigbang-color-action-subtle-pressed: #ededed;
  --bigbang-color-action-danger-default: #a6383c;
  --bigbang-color-action-danger-hovered: #822b2e;
  --bigbang-color-action-danger-pressed: #4c1d1d;
  --bigbang-color-action-danger-subtle-hovered: #fff4f3;
  --bigbang-color-action-danger-subtle-pressed: #ffe8e7;
  --bigbang-color-action-on-danger-subtle-default: #a6383c;
  --bigbang-color-action-on-danger-default: #ffffff;
  --bigbang-color-action-disabled-default: #f5f5f5;
  --bigbang-color-action-on-disabled-default: #a1a1a1;
  --bigbang-color-status-neutral-background: #f5f5f5;
  --bigbang-color-status-neutral-foreground: #404040;
  --bigbang-color-status-neutral-emphasis: #737373;
  --bigbang-color-status-neutral-border: #e5e5e5;
  --bigbang-color-status-neutral-on-emphasis: #ffffff;
  --bigbang-color-status-brand-background: #fcf1ec;
  --bigbang-color-status-brand-foreground: #7b3717;
  --bigbang-color-status-brand-emphasis: #9a451c;
  --bigbang-color-status-brand-border: #fad9cc;
  --bigbang-color-status-brand-on-emphasis: #ffffff;
  --bigbang-color-status-info-background: #e1f1ff;
  --bigbang-color-status-info-foreground: #015182;
  --bigbang-color-status-info-emphasis: #2193e0;
  --bigbang-color-status-info-border: #c8e5ff;
  --bigbang-color-status-info-on-emphasis: #072033;
  --bigbang-color-status-success-background: #def6e5;
  --bigbang-color-status-success-foreground: #0d5c34;
  --bigbang-color-status-success-emphasis: #2da264;
  --bigbang-color-status-success-border: #c3eed1;
  --bigbang-color-status-success-on-emphasis: #092414;
  --bigbang-color-status-warning-background: #ffebd5;
  --bigbang-color-status-warning-foreground: #6c4300;
  --bigbang-color-status-warning-emphasis: #c17a00;
  --bigbang-color-status-warning-border: #fddbb4;
  --bigbang-color-status-warning-on-emphasis: #2c1902;
  --bigbang-color-status-danger-background: #ffe8e7;
  --bigbang-color-status-danger-foreground: #822b2e;
  --bigbang-color-status-danger-emphasis: #e1595b;
  --bigbang-color-status-danger-border: #ffd6d4;
  --bigbang-color-status-danger-on-emphasis: #331212;
  --bigbang-color-data-positive: #0e7644;
  --bigbang-color-data-negative: #a6383c;
  --bigbang-color-illustration-ink: #262626; /** All outlines and small solid marks. */
  --bigbang-color-illustration-surface: #ffffff; /** Paper and object faces, highlights. */
  --bigbang-color-illustration-neutral-1: #f5f5f5; /** Shaded face of a surface, ground ellipse. */
  --bigbang-color-illustration-neutral-2: #e5e5e5; /** Secondary objects, low-fi UI bars. */
  --bigbang-color-illustration-neutral-3: #a1a1a1; /** Tertiary detail, abstract figure. */
  --bigbang-color-illustration-primary-strong: #7b3717; /** Shaded face of brand objects, key detail. */
  --bigbang-color-illustration-primary: #bb5727; /** Main brand object body. */
  --bigbang-color-illustration-primary-soft: #fad9cc; /** Large soft brand areas, card faces. */
  --bigbang-color-illustration-accent: #4f74cb; /** One secondary hue object. */
  --bigbang-color-illustration-accent-soft: #d5e2fc; /** Soft accent area. */
  --bigbang-color-illustration-backdrop: #fcf1ec; /** Optional shape behind the composition. */
  --bigbang-color-illustration-success: #138a50; /** Success mark only. */
  --bigbang-color-illustration-warning: #a16600; /** Warning or pending mark only. */
  --bigbang-color-illustration-danger: #c14347; /** Error mark only. */
  --bigbang-color-chart-categorical-1: #0068a5;
  --bigbang-color-chart-categorical-2: #0a9f9a;
  --bigbang-color-chart-categorical-3: #8a5600;
  --bigbang-color-chart-categorical-4: #9575e2;
  --bigbang-color-chart-categorical-5: #b34881;
  --bigbang-color-chart-categorical-6: #138a50;
  --bigbang-color-chart-categorical-7: #e1595b;
  --bigbang-color-chart-categorical-8: #525252;
  --bigbang-color-chart-soft-1: #c8e5ff;
  --bigbang-color-chart-soft-2: #bfece8;
  --bigbang-color-chart-soft-3: #fddbb4;
  --bigbang-color-chart-soft-4: #e3dcff;
  --bigbang-color-chart-soft-5: #ffd3e6;
  --bigbang-color-chart-soft-6: #c3eed1;
  --bigbang-color-chart-soft-7: #ffd6d4;
  --bigbang-color-chart-soft-8: #e5e5e5;
  --bigbang-color-chart-grid: #ededed; /** Horizontal split lines. */
  --bigbang-color-chart-axis: #525252; /** Axis labels. */
  --bigbang-color-chart-cursor: #f5f5f5; /** Hover band behind a bar. */
  --bigbang-color-tag-red-background: #ffe8e7;
  --bigbang-color-tag-red-foreground: #822b2e;
  --bigbang-color-tag-red-border: #ffd6d4;
  --bigbang-color-tag-orange-background: #ffebd5;
  --bigbang-color-tag-orange-foreground: #6c4300;
  --bigbang-color-tag-orange-border: #fddbb4;
  --bigbang-color-tag-green-background: #def6e5;
  --bigbang-color-tag-green-foreground: #0d5c34;
  --bigbang-color-tag-green-border: #c3eed1;
  --bigbang-color-tag-blue-background: #e1f1ff;
  --bigbang-color-tag-blue-foreground: #015182;
  --bigbang-color-tag-blue-border: #c8e5ff;
  --bigbang-color-tag-violet-background: #efebff;
  --bigbang-color-tag-violet-foreground: #523e83;
  --bigbang-color-tag-violet-border: #e3dcff;
  --bigbang-color-tag-teal-background: #dcf5f2;
  --bigbang-color-tag-teal-foreground: #005956;
  --bigbang-color-tag-teal-border: #bfece8;
  --bigbang-color-tag-pink-background: #ffe7f1;
  --bigbang-color-tag-pink-foreground: #782f56;
  --bigbang-color-tag-pink-border: #ffd3e6;
  --bigbang-color-material-glass-regular: rgba(255, 255, 255, 0.8); /** Glass tint of chrome surfaces: top bar, popups, toasts, toolbars. text-default, text-subtle and text-subtlest stay at 4.5:1 over any backdrop. */
  --bigbang-color-material-glass-regular-contrast: rgba(255, 255, 255, 0.9215686274509803); /** Denser glass tint for short confirm dialogs. */
  --bigbang-color-material-glass-clear: rgba(255, 255, 255, 0.2784313725490196); /** Clear glass for icon-only controls over media; never carries text. */
  --bigbang-color-material-glass-dim: rgba(0, 0, 0, 0.34901960784313724); /** Dimming layer under clear glass over bright media. */
  --bigbang-color-material-glass-rim: rgba(255, 255, 255, 0.7019607843137254); /** 1 px inset top highlight (rim light). */
  --bigbang-color-material-glass-edge: rgba(0, 0, 0, 0.058823529411764705); /** Hairline all round a glass surface. */
  --bigbang-color-material-glass-shade: rgba(0, 0, 0, 0.0392156862745098); /** 1 px inset bottom shade. */
  --bigbang-color-material-glass-specular: rgba(255, 255, 255, 0.5490196078431373); /** Top-lit radial highlight that follows the shape. */
  --bigbang-space-none: 0px;
  --bigbang-space-xxs: 2px;
  --bigbang-space-xs: 4px;
  --bigbang-space-sm: 6px;
  --bigbang-space-md: 8px;
  --bigbang-space-lg: 12px;
  --bigbang-space-xl: 16px;
  --bigbang-space-2xl: 20px;
  --bigbang-space-3xl: 24px;
  --bigbang-space-4xl: 32px;
  --bigbang-space-5xl: 40px;
  --bigbang-space-6xl: 48px;
  --bigbang-space-7xl: 56px;
  --bigbang-radius-none: 0px;
  --bigbang-radius-base: 10px;
  --bigbang-radius-2xs: 2px;
  --bigbang-radius-xs: 4px;
  --bigbang-radius-sm: 6px;
  --bigbang-radius-md: 8px;
  --bigbang-radius-lg: 10px;
  --bigbang-radius-xl: 14px;
  --bigbang-radius-2xl: 18px;
  --bigbang-radius-3xl: 22px;
  --bigbang-radius-full: 9999px;
  --bigbang-border-width-default: 1px;
  --bigbang-border-width-focus: 2px;
  --bigbang-duration-instant: 0.07s;
  --bigbang-duration-fast: 0.11s;
  --bigbang-duration-normal: 0.15s;
  --bigbang-duration-slow: 0.24s;
  --bigbang-duration-slower: 0.4s;
  --bigbang-easing-productive: cubic-bezier(0.2, 0, 0.38, 0.9);
  --bigbang-easing-expressive: cubic-bezier(0.4, 0.14, 0.3, 1);
  --bigbang-easing-exit: cubic-bezier(0.2, 0, 1, 0.9); /** Alias of easing.productive-exit, kept for existing consumers. */
  --bigbang-easing-productive-enter: cubic-bezier(0, 0, 0.38, 0.9); /** Element appears or moves in. */
  --bigbang-easing-productive-exit: cubic-bezier(0.2, 0, 1, 0.9); /** Element leaves permanently. */
  --bigbang-easing-expressive-enter: cubic-bezier(0, 0, 0.3, 1); /** Brand moments only; never in money flows. */
  --bigbang-easing-expressive-exit: cubic-bezier(0.4, 0.14, 1, 1); /** Brand moments only; never in money flows. */
  --bigbang-easing-linear: cubic-bezier(0, 0, 1, 1); /** Loops and determinate progress only. */
  --bigbang-text-display: 600 40px/48px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-heading-xl: 600 32px/40px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-heading-lg: 600 24px/32px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-heading-md: 600 20px/28px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-heading-sm: 500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-title-sm: 500 16px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; /** Dialog title: 16 px medium; the 20 px line keeps Turkish descenders (ğ, ş, ç) clear. */
  --bigbang-text-body-lg: 400 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-body-md: 400 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-body-sm: 400 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-label-lg: 500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-label-md: 500 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-label-sm: 500 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bigbang-text-code-md: 400 14px/20px 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --bigbang-focus-offset: 2px; /** Gap between a control edge and its focus outline. */
  --bigbang-blur-surface-scrim: 4px; /** Backdrop blur behind a modal scrim. */
  --bigbang-blur-surface-glass: 16px; /** Backdrop blur of the regular glass material. */
  --bigbang-blur-surface-glass-clear: 6px; /** Backdrop blur of the clear glass material. */
  --bigbang-letter-spacing-display: -0.02em;
  --bigbang-letter-spacing-heading-xl: -0.02em;
  --bigbang-letter-spacing-heading-lg: -0.015em;
  --bigbang-letter-spacing-heading-md: -0.01em;
  --bigbang-letter-spacing-heading-sm: -0.01em;
  --bigbang-spring-productive-fast: 0.23s; /** Critically damped. Switch thumb, press release, drag settle. */
  --bigbang-spring-productive-base: 0.31s; /** Critically damped. Tab indicator, list reorder, toast stack. */
  --bigbang-spring-productive-slow: 0.4s; /** Critically damped. Drawer and sheet enter. */
  --bigbang-spring-expressive-base: 0.33s; /** Slight overshoot. Brand moments only; never in money flows. */
  --bigbang-period-spinner: 1s;
  --bigbang-period-shimmer: 1.5s; /** Skeleton shimmer; runs three times (4.5 s) and stops. */
  --bigbang-period-indeterminate: 1.5s; /** Indeterminate progress bar. */
  --bigbang-period-caret-blink: 1s; /** Drawn text caret of an empty OtpInput slot; blinks five times (5 s, SC 2.2.2) and then stays. */
  --bigbang-state-layer-hovered: 0.08;
  --bigbang-state-layer-focused: 0.1;
  --bigbang-state-layer-pressed: 0.1;
  --bigbang-state-layer-dragged: 0.16;
  --bigbang-motion-press-duration: 0.07s;
  --bigbang-motion-press-easing: cubic-bezier(0.2, 0, 0.38, 0.9);
  --bigbang-motion-press-scale: 0.97;
  --bigbang-motion-release-duration: 0.23s;
  --bigbang-motion-glass-press-scale: 1.02; /** Glass controls swell while pressed; solid controls keep the 0.97 press. */
  --bigbang-motion-hover-duration: 0.11s;
  --bigbang-motion-hover-easing: cubic-bezier(0.2, 0, 0.38, 0.9);
  --bigbang-motion-hover-lift: -2px; /** Raise of an interactive card. Not used on buttons. */
  --bigbang-motion-focus-duration: 0.11s;
  --bigbang-motion-focus-easing: cubic-bezier(0.2, 0, 0.38, 0.9);
  --bigbang-motion-feedback-duration: 0.24s; /** Success mark entering after an action completes. */
  --bigbang-motion-feedback-easing: cubic-bezier(0, 0, 0.38, 0.9);
  --bigbang-motion-feedback-scale: 0.6; /** Start scale of the success mark. */
  --bigbang-motion-feedback-hold: 2s; /** How long a success state stays before the control returns to rest. */
  --bigbang-motion-selection-duration: 0.11s;
  --bigbang-motion-selection-easing: cubic-bezier(0, 0, 0.38, 0.9);
  --bigbang-motion-selection-scale: 0.6; /** Start scale of a check mark or radio dot. */
  --bigbang-motion-switch-duration: 0.23s;
  --bigbang-motion-popover-enter-duration: 0.15s;
  --bigbang-motion-popover-exit-duration: 0.11s;
  --bigbang-motion-popover-enter-easing: cubic-bezier(0, 0, 0.38, 0.9);
  --bigbang-motion-popover-exit-easing: cubic-bezier(0.2, 0, 1, 0.9);
  --bigbang-motion-popover-scale: 0.96;
  --bigbang-motion-popover-distance: 4px;
  --bigbang-motion-tooltip-delay: 0.4s; /** Hover intent before the first tooltip opens. */
  --bigbang-motion-tooltip-enter-duration: 0.11s;
  --bigbang-motion-tooltip-exit-duration: 0.07s;
  --bigbang-motion-tooltip-distance: 2px;
  --bigbang-motion-dialog-enter-duration: 0.24s;
  --bigbang-motion-dialog-exit-duration: 0.15s;
  --bigbang-motion-dialog-enter-easing: cubic-bezier(0, 0, 0.38, 0.9);
  --bigbang-motion-dialog-exit-easing: cubic-bezier(0.2, 0, 1, 0.9);
  --bigbang-motion-dialog-scale: 0.96;
  --bigbang-motion-dialog-distance: 8px;
  --bigbang-motion-drawer-enter-duration: 0.4s;
  --bigbang-motion-drawer-exit-duration: 0.24s;
  --bigbang-motion-drawer-exit-easing: cubic-bezier(0.2, 0, 1, 0.9);
  --bigbang-motion-drawer-distance: 100%; /** Share of its own width the drawer travels. */
  --bigbang-motion-toast-enter-duration: 0.24s;
  --bigbang-motion-toast-exit-duration: 0.15s;
  --bigbang-motion-toast-enter-easing: cubic-bezier(0, 0, 0.38, 0.9);
  --bigbang-motion-toast-exit-easing: cubic-bezier(0.2, 0, 1, 0.9);
  --bigbang-motion-toast-distance: 8px;
  --bigbang-motion-collapsible-duration: 0.15s;
  --bigbang-motion-collapsible-easing: cubic-bezier(0, 0, 0.38, 0.9);
  --bigbang-motion-collapsible-distance: 4px;
  --bigbang-motion-collapsible-icon-duration: 0.15s;
  --bigbang-motion-indicator-duration: 0.31s; /** Tabs and segmented-control indicator. */
  --bigbang-motion-skeleton-reveal-duration: 0.11s; /** Cross-fade from skeleton to content. */
  --bigbang-motion-route-enter-duration: 0.15s;
  --bigbang-motion-route-exit-duration: 0.11s;
  --bigbang-motion-route-shared-duration: 0.24s; /** Shared element between a list row and its detail page. */
  --bigbang-motion-list-enter-duration: 0.15s;
  --bigbang-motion-list-exit-duration: 0.11s;
  --bigbang-motion-list-move-duration: 0.31s;
  --bigbang-motion-list-distance: 4px;
  --bigbang-motion-list-stagger: 0.03s; /** Delay between items of one stagger group; at most 3 groups, 400 ms in total. */
  --bigbang-motion-value-duration: 0.11s; /** Cross-fade of a changed number. Amounts never count or roll. */
  --bigbang-motion-progress-duration: 0.15s;
  --bigbang-motion-chart-enter-duration: 0.4s;
  --bigbang-motion-chart-update-duration: 0.24s;
  --bigbang-easing-spring-productive-fast: linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.514, 0.597, 0.669, 0.73, 0.781, 0.824, 0.859, 0.887, 0.91, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 1); /** Pair with --bigbang-spring-productive-fast as the duration. */
  --bigbang-easing-spring-productive-base: linear(0, 0.034, 0.114, 0.215, 0.32, 0.422, 0.515, 0.598, 0.669, 0.73, 0.781, 0.823, 0.858, 0.886, 0.909, 0.928, 0.943, 0.955, 0.964, 0.972, 0.978, 0.983, 0.986, 0.989, 1); /** Pair with --bigbang-spring-productive-base as the duration. */
  --bigbang-easing-spring-productive-slow: linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.513, 0.596, 0.667, 0.728, 0.779, 0.821, 0.856, 0.884, 0.907, 0.926, 0.941, 0.953, 0.963, 0.971, 0.977, 0.982, 0.986, 0.989, 1); /** Pair with --bigbang-spring-productive-slow as the duration. */
  --bigbang-easing-spring-expressive-base: linear(0, 0.031, 0.108, 0.21, 0.322, 0.435, 0.542, 0.638, 0.722, 0.793, 0.851, 0.898, 0.934, 0.962, 0.982, 0.997, 1.006, 1.012, 1.015, 1.016, 1.016, 1.015, 1.013, 1.012, 1); /** Pair with --bigbang-spring-expressive-base as the duration. */
  --bigbang-shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744); /** Inputs and secondary buttons. */
  --bigbang-shadow-raised: 0px 1px 3px 0px rgba(0, 0, 0, 0.10196078431372549), 0px 1px 2px -1px rgba(0, 0, 0, 0.10196078431372549);
  --bigbang-shadow-overlay: 0px 20px 25px -5px rgba(0, 0, 0, 0.10196078431372549), 0px 8px 10px -6px rgba(0, 0, 0, 0.10196078431372549);
  --bigbang-shadow-popup: 0px 4px 6px -1px rgba(0, 0, 0, 0.10196078431372549), 0px 2px 4px -2px rgba(0, 0, 0, 0.10196078431372549); /** Anchored popups: popover, menu, command list. */
  --bigbang-shadow-panel: 0px 10px 15px -3px rgba(0, 0, 0, 0.10196078431372549), 0px 4px 6px -4px rgba(0, 0, 0, 0.10196078431372549); /** Side drawer at the inline end. */
  --bigbang-shadow-glass: 0px 8px 32px -8px rgba(0, 0, 0, 0.1607843137254902), 0px 2px 6px -2px rgba(0, 0, 0, 0.10196078431372549); /** Glass surfaces: a wide soft shadow, in dark mode with a 0.5 px light edge. */
  --bigbang-material-glass-saturate: 1.8; /** saturate() factor of the glass backdrop; carries the backdrop colour into the tint. */
  --bigbang-material-glass-brightness: 1.04; /** brightness() factor of the glass backdrop. */
  --bigbang-material-glass-refraction-scale: 18; /** feDisplacementMap scale in px for the edge lens. */
  --bigbang-material-glass-refraction-band: 12px; /** Width of the refracting edge band in the displacement map. */
  --bigbang-material-glass-scroll-edge: 24px; /** Height of the scroll edge effect under a glass bar. */
  --bigbang-material-glass-prominent-tint: 90%; /** Share of action-primary in the tint of a prominent glass button (color-mix with transparent). */
  --bigbang-button-radius: 10px;
  --bigbang-button-height-xs: 24px;
  --bigbang-button-height-sm: 32px;
  --bigbang-button-height-md: 36px; /** 36 px; 44 px under a coarse pointer. */
  --bigbang-button-height-lg: 40px; /** 40 px; 48 px under a coarse pointer, so it stays above md. */
  --bigbang-button-padding-inline-xs: 8px;
  --bigbang-button-padding-inline-sm: 12px;
  --bigbang-button-padding-inline-md: 12px;
  --bigbang-button-padding-inline-lg: 16px;
  --bigbang-button-icon-size-xs: 12px;
  --bigbang-button-icon-size-sm: 16px;
  --bigbang-button-icon-size-md: 16px;
  --bigbang-button-icon-size-lg: 20px;
  --bigbang-button-icon-inset: 2px; /** Taken off the inline padding on the side of a start or end icon, so the icon and the label look evenly placed. */
  --bigbang-input-radius: 10px;
  --bigbang-input-height-sm: 32px;
  --bigbang-input-height-md: 36px; /** 36 px; 44 px under a coarse pointer. */
  --bigbang-input-height-lg: 40px; /** 40 px; 48 px under a coarse pointer, so it stays above md. */
  --bigbang-input-padding-inline: 12px;
  --bigbang-input-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744);
  --bigbang-badge-radius: 9999px;
  --bigbang-badge-height-sm: 16px;
  --bigbang-badge-height-md: 20px;
  --bigbang-badge-padding-inline-sm: 6px;
  --bigbang-badge-padding-inline-md: 8px;
  --bigbang-badge-icon-size: 12px;
  --bigbang-badge-padding-inline-icon-sm: 4px;
  --bigbang-badge-padding-inline-icon-md: 6px;
  --bigbang-badge-dot-size: 8px; /** Diameter of a dot badge, a status mark without text. */
  --bigbang-container-max-width-sm: 720px;
  --bigbang-container-max-width-md: 1104px;
  --bigbang-container-max-width-lg: 1440px;
  --bigbang-container-padding-inline-base: 16px;
  --bigbang-container-padding-inline-md: 24px;
  --bigbang-icon-size-xs: 12px;
  --bigbang-icon-size-sm: 16px;
  --bigbang-icon-size-md: 20px;
  --bigbang-icon-size-lg: 24px;
  --bigbang-icon-size-xl: 32px;
  --bigbang-checkbox-size: 16px;
  --bigbang-checkbox-radius: 4px;
  --bigbang-checkbox-mark-size: 14px; /** Check and dash inside the box. */
  --bigbang-radio-size: 16px;
  --bigbang-switch-width-sm: 24px;
  --bigbang-switch-width-md: 32px;
  --bigbang-switch-height-sm: 14px;
  --bigbang-switch-height-md: 18px;
  --bigbang-switch-thumb-sm: 12px;
  --bigbang-switch-thumb-md: 16px;
  --bigbang-tooltip-max-width: 240px; /** Widest a tooltip grows before its text wraps. */
  --bigbang-tooltip-arrow-size: 10px; /** Edge of the rotated square that forms the tooltip arrow. */
  --bigbang-tag-radius: 8px;
  --bigbang-tag-height-sm: 24px;
  --bigbang-tag-height-md: 32px;
  --bigbang-tag-padding-inline-sm: 8px;
  --bigbang-tag-padding-inline-md: 12px;
  --bigbang-avatar-size-xs: 24px;
  --bigbang-avatar-size-sm: 32px;
  --bigbang-avatar-size-md: 40px;
  --bigbang-avatar-size-lg: 48px;
  --bigbang-avatar-size-xl: 64px;
  --bigbang-avatar-status-size-xs: 8px;
  --bigbang-avatar-status-size-sm: 8px;
  --bigbang-avatar-status-size-md: 12px;
  --bigbang-avatar-status-size-lg: 12px;
  --bigbang-avatar-status-size-xl: 16px;
  --bigbang-chart-series-1: #0068a5;
  --bigbang-chart-series-2: #0a9f9a;
  --bigbang-chart-series-3: #8a5600;
  --bigbang-chart-series-4: #9575e2;
  --bigbang-chart-series-5: #b34881;
  --bigbang-chart-series-6: #138a50;
  --bigbang-chart-series-7: #e1595b;
  --bigbang-chart-series-8: #525252;
  --bigbang-chart-height-sm: 160px;
  --bigbang-chart-height-md: 240px;
  --bigbang-chart-height-lg: 320px;
  --bigbang-chart-sparkline-height: 32px;
  --bigbang-chart-bar-radius: 4px;
  --bigbang-chart-line-width: 2px;
  --bigbang-table-header-background: rgba(0, 0, 0, 0);
  --bigbang-table-header-foreground: #404040;
  --bigbang-table-header-border: #e5e5e5; /** Rule under the header row; stronger than the row dividers. */
  --bigbang-table-header-height: 40px; /** Height of the header row at the standard density. */
  --bigbang-table-row-height-compact: 32px;
  --bigbang-table-row-height-standard: 40px;
  --bigbang-table-row-height-comfortable: 48px;
  --bigbang-table-row-background-hovered: #f5f5f5;
  --bigbang-table-row-background-selected: #ededed;
  --bigbang-table-row-background-striped: #f5f5f5;
  --bigbang-table-border: #ededed;
  --bigbang-table-cell-padding-inline: 8px;
  --bigbang-table-cell-padding-block-compact: 4px;
  --bigbang-table-cell-padding-block-standard: 8px;
  --bigbang-table-cell-padding-block-comfortable: 12px;
  --bigbang-meter-height-sm: 4px;
  --bigbang-meter-height-md: 8px;
  --bigbang-meter-radius: 9999px;
  --bigbang-tab-radius: 10px;
  --bigbang-tab-height-sm: 32px;
  --bigbang-tab-height-md: 36px; /** 36 px; 44 px under a coarse pointer. */
  --bigbang-tab-padding-inline-sm: 6px;
  --bigbang-tab-padding-inline-md: 8px;
  --bigbang-tab-indicator-thickness: 2px;
  --bigbang-dialog-width-sm: 400px;
  --bigbang-dialog-width-md: 560px;
  --bigbang-dialog-width-lg: 720px;
  --bigbang-dialog-width-xl: 960px;
  --bigbang-dialog-radius: 14px;
  --bigbang-dialog-padding-sm: 16px;
  --bigbang-dialog-padding-md: 24px;
  --bigbang-dialog-margin: 16px; /** Space kept between the panel and the viewport edge. */
  --bigbang-dialog-backdrop-blur: 4px; /** Blur behind the scrim of a dialog, drawer or command dialog, where the browser supports it. */
  --bigbang-dialog-media: 40px; /** Icon tile beside the title of an alert dialog. */
  --bigbang-drawer-width-sm: 360px;
  --bigbang-drawer-width-md: 480px;
  --bigbang-drawer-width-lg: 640px;
  --bigbang-drawer-handle-width: 96px;
  --bigbang-drawer-handle-height: 4px;
  --bigbang-drawer-sheet-offset: 96px; /** Space a bottom sheet leaves above it at its full height. */
  --bigbang-drawer-stack-peek: 16px;
  --bigbang-drawer-stack-step: 0.05;
  --bigbang-drawer-sheet-height-sm: 320px;
  --bigbang-drawer-sheet-height-md: 560px;
  --bigbang-popover-width-sm: 240px;
  --bigbang-popover-width-md: 320px;
  --bigbang-popover-width-lg: 400px;
  --bigbang-popover-padding: 10px;
  --bigbang-popover-gap: 10px; /** Space between the header and the body of a popover. */
  --bigbang-popover-radius: 10px;
  --bigbang-popup-offset: 4px; /** Gap between an anchored popup (menu, select list, popover, tooltip, date picker) and its trigger. */
  --bigbang-menu-min-width: 192px; /** Narrowest a menu gets; it grows with its longest item. */
  --bigbang-menu-max-width: 320px;
  --bigbang-menu-item-height: 32px; /** Minimum height of a menu item; items with a description grow. */
  --bigbang-menu-radius: 10px;
  --bigbang-menu-item-radius: 6px; /** Concentric with the popup: menu radius minus the 4 px inset. */
  --bigbang-menu-item-padding-inline: 8px;
  --bigbang-menu-item-padding-block: 4px;
  --bigbang-menu-item-gap: 8px;
  --bigbang-menu-inset: 4px; /** Padding between a popup edge and its option rows. */
  --bigbang-command-width: 560px; /** Width of a command dialog; it never grows wider than the viewport minus its margin. */
  --bigbang-command-offset-top: 12dvh; /** Distance of a command dialog from the top of the viewport; the list grows down, so results stay above an on-screen keyboard. */
  --bigbang-command-search-height: 32px; /** Height of the filled search field at the top of a command list. */
  --bigbang-toast-width: 360px; /** Width of a toast from 640 px up; below that toasts span the viewport minus its margin. */
  --bigbang-toast-gap: 8px; /** Space between expanded toasts. */
  --bigbang-toast-peek: 8px; /** How much of each collapsed toast shows behind the frontmost one. */
  --bigbang-toast-margin: 16px; /** Distance of the toast region from the viewport edges. */
  --bigbang-toast-radius: 14px;
  --bigbang-empty-state-text-width: 440px; /** Widest the title and description of an empty or result state get, for a comfortable line length. */
  --bigbang-empty-state-media-sm: 40px;
  --bigbang-empty-state-media-md: 64px;
  --bigbang-empty-state-actions-gap: 10px; /** Space between the actions of an empty state. */
  --bigbang-progress-height-sm: 4px;
  --bigbang-progress-height-md: 8px;
  --bigbang-combobox-list-max-height: 252px; /** Tallest the option list of a Combobox grows before it scrolls. */
  --bigbang-input-group-button-size: 24px; /** Height of InputGroup.Button, and the width of an icon-only one; the 24 px minimum target. */
  --bigbang-input-action-size-sm: 24px;
  --bigbang-input-action-size-md: 28px;
  --bigbang-input-action-size-lg: 32px;
  --bigbang-calendar-cell-size: 40px;
  --bigbang-slider-track-height: 4px;
  --bigbang-slider-thumb-size: 20px;
  --bigbang-slider-hit-size: 40px; /** Pointer and touch target around the thumb. */
  --bigbang-slider-vertical-min-height: 160px; /** Shortest track of a vertical slider. */
  --bigbang-stepper-marker-size: 24px;
  --bigbang-stepper-track-thickness: 2px;
  --bigbang-timeline-marker-size: 24px;
  --bigbang-timeline-rail-thickness: 2px;
  --bigbang-countdown-timer-ring-size: 40px;
  --bigbang-consent-block-max-height: 240px;
  --bigbang-accordion-padding-block-sm: 10px;
  --bigbang-accordion-padding-block-md: 12px;
  --bigbang-app-shell-sidebar-width: 256px; /** Width of the open sidebar from 1024 px. */
  --bigbang-app-shell-sidebar-width-collapsed: 48px; /** Width of the sidebar narrowed to icons: a 32 px item with 8 px on each side. */
  --bigbang-app-shell-drawer-width: 288px; /** Width of the menu drawer below 1024 px; it never grows wider than 85% of the viewport. */
  --bigbang-app-shell-item-height: 32px; /** Height of a navigation item and a group heading. */
  --bigbang-app-shell-rail-width: 16px; /** Hit zone at the sidebar edge that narrows or widens it. */
  --bigbang-list-item-gap-sm: 8px;
  --bigbang-list-item-gap-md: 10px;
  --bigbang-list-item-gap-lg: 10px;
  --bigbang-list-item-media-size-sm: 32px;
  --bigbang-list-item-media-size-md: 40px;
  --bigbang-list-item-media-size-lg: 48px;
  --bigbang-scroll-area-track-size: 10px; /** Thickness of the scrollbar track; the thumb fills it inside a 1 px inset (8 px). */
  --bigbang-kbd-radius: 6px;
  --bigbang-kbd-size-sm: 20px;
  --bigbang-kbd-size-md: 24px;
  --bigbang-card-radius: 14px;
  --bigbang-qr-foreground: #000000;
  --bigbang-qr-background: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
  [data-brand="fixture"][data-theme="light"] {
    --bigbang-motion-press-scale: 1;
    --bigbang-motion-glass-press-scale: 1;
    --bigbang-motion-hover-lift: 0px;
    --bigbang-motion-feedback-duration: var(--bigbang-duration-fast);
    --bigbang-motion-feedback-scale: 1;
    --bigbang-motion-selection-scale: 1;
    --bigbang-motion-switch-duration: 1ms;
    --bigbang-motion-popover-enter-duration: var(--bigbang-duration-fast);
    --bigbang-motion-popover-scale: 1;
    --bigbang-motion-popover-distance: 0px;
    --bigbang-motion-tooltip-distance: 0px;
    --bigbang-motion-dialog-enter-duration: var(--bigbang-duration-fast);
    --bigbang-motion-dialog-exit-duration: var(--bigbang-duration-fast);
    --bigbang-motion-dialog-scale: 1;
    --bigbang-motion-dialog-distance: 0px;
    --bigbang-motion-drawer-enter-duration: var(--bigbang-duration-fast);
    --bigbang-motion-drawer-exit-duration: var(--bigbang-duration-fast);
    --bigbang-motion-drawer-distance: 0%;
    --bigbang-motion-toast-enter-duration: var(--bigbang-duration-fast);
    --bigbang-motion-toast-distance: 0px;
    --bigbang-motion-collapsible-distance: 0px;
    --bigbang-motion-collapsible-icon-duration: 1ms;
    --bigbang-motion-indicator-duration: 1ms;
    --bigbang-motion-route-shared-duration: 1ms;
    --bigbang-motion-list-move-duration: 1ms;
    --bigbang-motion-list-distance: 0px;
    --bigbang-motion-list-stagger: 0ms;
    --bigbang-motion-chart-enter-duration: 0ms;
    --bigbang-motion-chart-update-duration: 0ms;
  }
}

[data-brand="fixture"][data-theme="light"][data-motion="reduce"],
[data-brand="fixture"][data-theme="light"] [data-motion="reduce"] {
  --bigbang-motion-press-scale: 1;
  --bigbang-motion-glass-press-scale: 1;
  --bigbang-motion-hover-lift: 0px;
  --bigbang-motion-feedback-duration: var(--bigbang-duration-fast);
  --bigbang-motion-feedback-scale: 1;
  --bigbang-motion-selection-scale: 1;
  --bigbang-motion-switch-duration: 1ms;
  --bigbang-motion-popover-enter-duration: var(--bigbang-duration-fast);
  --bigbang-motion-popover-scale: 1;
  --bigbang-motion-popover-distance: 0px;
  --bigbang-motion-tooltip-distance: 0px;
  --bigbang-motion-dialog-enter-duration: var(--bigbang-duration-fast);
  --bigbang-motion-dialog-exit-duration: var(--bigbang-duration-fast);
  --bigbang-motion-dialog-scale: 1;
  --bigbang-motion-dialog-distance: 0px;
  --bigbang-motion-drawer-enter-duration: var(--bigbang-duration-fast);
  --bigbang-motion-drawer-exit-duration: var(--bigbang-duration-fast);
  --bigbang-motion-drawer-distance: 0%;
  --bigbang-motion-toast-enter-duration: var(--bigbang-duration-fast);
  --bigbang-motion-toast-distance: 0px;
  --bigbang-motion-collapsible-distance: 0px;
  --bigbang-motion-collapsible-icon-duration: 1ms;
  --bigbang-motion-indicator-duration: 1ms;
  --bigbang-motion-route-shared-duration: 1ms;
  --bigbang-motion-list-move-duration: 1ms;
  --bigbang-motion-list-distance: 0px;
  --bigbang-motion-list-stagger: 0ms;
  --bigbang-motion-chart-enter-duration: 0ms;
  --bigbang-motion-chart-update-duration: 0ms;
}
@media (pointer: coarse) {
  [data-brand="fixture"][data-theme="light"] {
    --bigbang-button-height-md: 44px;
    --bigbang-button-height-lg: 48px;
    --bigbang-input-height-md: 44px;
    --bigbang-input-height-lg: 48px;
    --bigbang-tab-height-md: 44px;
  }
}

[data-brand="fixture"] [data-backdrop="light"] {
  --bigbang-color-surface-default: #f7f7f7;
  --bigbang-color-surface-layer-1: #f5f5f5;
  --bigbang-color-surface-layer-2: #ededed;
  --bigbang-color-surface-layer-3: #e5e5e5;
  --bigbang-color-surface-raised: #ffffff;
  --bigbang-color-surface-sunken: #f5f5f5;
  --bigbang-color-surface-hovered: #f5f5f5;
  --bigbang-color-surface-selected: #ededed;
  --bigbang-color-surface-disabled: #f5f5f5;
  --bigbang-color-surface-inverse: #171717;
  --bigbang-color-surface-brand: #171717;
  --bigbang-color-surface-translucent: rgba(252, 252, 252, 0.8509803921568627);
  --bigbang-color-surface-checker: #fafafa;
  --bigbang-color-surface-scrim: rgba(0, 0, 0, 0.3215686274509804);
  --bigbang-color-text-default: #171717;
  --bigbang-color-text-subtle: #404040;
  --bigbang-color-text-subtlest: #525252;
  --bigbang-color-text-placeholder: #737373;
  --bigbang-color-text-disabled: #a1a1a1;
  --bigbang-color-text-inverse: #ffffff;
  --bigbang-color-text-on-brand: #fafafa;
  --bigbang-color-text-link: #171717;
  --bigbang-color-text-link-hovered: #404040;
  --bigbang-color-text-danger: #a6383c;
  --bigbang-color-text-success: #0e7644;
  --bigbang-color-text-warning: #8a5600;
  --bigbang-color-text-info: #0068a5;
  --bigbang-color-icon-default: #262626;
  --bigbang-color-icon-subtle: #737373;
  --bigbang-color-icon-disabled: #a1a1a1;
  --bigbang-color-icon-inverse: #ffffff;
  --bigbang-color-icon-brand: #9a451c;
  --bigbang-color-icon-danger: #c14347;
  --bigbang-color-icon-success: #138a50;
  --bigbang-color-icon-warning: #a16600;
  --bigbang-color-icon-info: #007ac1;
  --bigbang-color-border-default: #e5e5e5;
  --bigbang-color-border-subtle: #ededed;
  --bigbang-color-border-input: #8c8c8c;
  --bigbang-color-border-focus: #171717;
  --bigbang-color-border-selected: #171717;
  --bigbang-color-border-danger: #c14347;
  --bigbang-color-border-disabled: #e5e5e5;
  --bigbang-color-border-overlay: #ededed;
  --bigbang-color-focus-ring: #737373;
  --bigbang-color-action-primary-default: #171717;
  --bigbang-color-action-primary-hovered: #262626;
  --bigbang-color-action-primary-pressed: #404040;
  --bigbang-color-action-on-primary-default: #fafafa;
  --bigbang-color-action-secondary-default: #ffffff;
  --bigbang-color-action-secondary-hovered: #fafafa;
  --bigbang-color-action-secondary-pressed: #f5f5f5;
  --bigbang-color-action-on-secondary-default: #171717;
  --bigbang-color-action-subtle-hovered: #f5f5f5;
  --bigbang-color-action-subtle-pressed: #ededed;
  --bigbang-color-action-danger-default: #a6383c;
  --bigbang-color-action-danger-hovered: #822b2e;
  --bigbang-color-action-danger-pressed: #4c1d1d;
  --bigbang-color-action-danger-subtle-hovered: #fff4f3;
  --bigbang-color-action-danger-subtle-pressed: #ffe8e7;
  --bigbang-color-action-on-danger-subtle-default: #a6383c;
  --bigbang-color-action-on-danger-default: #ffffff;
  --bigbang-color-action-disabled-default: #f5f5f5;
  --bigbang-color-action-on-disabled-default: #a1a1a1;
  --bigbang-color-status-neutral-background: #f5f5f5;
  --bigbang-color-status-neutral-foreground: #404040;
  --bigbang-color-status-neutral-emphasis: #737373;
  --bigbang-color-status-neutral-border: #e5e5e5;
  --bigbang-color-status-neutral-on-emphasis: #ffffff;
  --bigbang-color-status-brand-background: #fcf1ec;
  --bigbang-color-status-brand-foreground: #7b3717;
  --bigbang-color-status-brand-emphasis: #9a451c;
  --bigbang-color-status-brand-border: #fad9cc;
  --bigbang-color-status-brand-on-emphasis: #ffffff;
  --bigbang-color-status-info-background: #e1f1ff;
  --bigbang-color-status-info-foreground: #015182;
  --bigbang-color-status-info-emphasis: #2193e0;
  --bigbang-color-status-info-border: #c8e5ff;
  --bigbang-color-status-success-background: #def6e5;
  --bigbang-color-status-success-foreground: #0d5c34;
  --bigbang-color-status-success-emphasis: #2da264;
  --bigbang-color-status-success-border: #c3eed1;
  --bigbang-color-status-warning-background: #ffebd5;
  --bigbang-color-status-warning-foreground: #6c4300;
  --bigbang-color-status-warning-emphasis: #c17a00;
  --bigbang-color-status-warning-border: #fddbb4;
  --bigbang-color-status-danger-background: #ffe8e7;
  --bigbang-color-status-danger-foreground: #822b2e;
  --bigbang-color-status-danger-emphasis: #e1595b;
  --bigbang-color-status-danger-border: #ffd6d4;
  --bigbang-color-data-positive: #0e7644;
  --bigbang-color-data-negative: #a6383c;
  --bigbang-color-illustration-ink: #262626;
  --bigbang-color-illustration-surface: #ffffff;
  --bigbang-color-illustration-neutral-1: #f5f5f5;
  --bigbang-color-illustration-neutral-2: #e5e5e5;
  --bigbang-color-illustration-neutral-3: #a1a1a1;
  --bigbang-color-illustration-primary-strong: #7b3717;
  --bigbang-color-illustration-primary: #bb5727;
  --bigbang-color-illustration-primary-soft: #fad9cc;
  --bigbang-color-illustration-accent: #4f74cb;
  --bigbang-color-illustration-accent-soft: #d5e2fc;
  --bigbang-color-illustration-backdrop: #fcf1ec;
  --bigbang-color-illustration-success: #138a50;
  --bigbang-color-illustration-warning: #a16600;
  --bigbang-color-illustration-danger: #c14347;
  --bigbang-color-chart-categorical-1: #0068a5;
  --bigbang-color-chart-categorical-2: #0a9f9a;
  --bigbang-color-chart-categorical-3: #8a5600;
  --bigbang-color-chart-categorical-5: #b34881;
  --bigbang-color-chart-categorical-6: #138a50;
  --bigbang-color-chart-categorical-7: #e1595b;
  --bigbang-color-chart-categorical-8: #525252;
  --bigbang-color-chart-soft-1: #c8e5ff;
  --bigbang-color-chart-soft-2: #bfece8;
  --bigbang-color-chart-soft-3: #fddbb4;
  --bigbang-color-chart-soft-4: #e3dcff;
  --bigbang-color-chart-soft-5: #ffd3e6;
  --bigbang-color-chart-soft-6: #c3eed1;
  --bigbang-color-chart-soft-7: #ffd6d4;
  --bigbang-color-chart-soft-8: #e5e5e5;
  --bigbang-color-chart-grid: #ededed;
  --bigbang-color-chart-axis: #525252;
  --bigbang-color-chart-cursor: #f5f5f5;
  --bigbang-color-tag-red-background: #ffe8e7;
  --bigbang-color-tag-red-foreground: #822b2e;
  --bigbang-color-tag-red-border: #ffd6d4;
  --bigbang-color-tag-orange-background: #ffebd5;
  --bigbang-color-tag-orange-foreground: #6c4300;
  --bigbang-color-tag-orange-border: #fddbb4;
  --bigbang-color-tag-green-background: #def6e5;
  --bigbang-color-tag-green-foreground: #0d5c34;
  --bigbang-color-tag-green-border: #c3eed1;
  --bigbang-color-tag-blue-background: #e1f1ff;
  --bigbang-color-tag-blue-foreground: #015182;
  --bigbang-color-tag-blue-border: #c8e5ff;
  --bigbang-color-tag-violet-background: #efebff;
  --bigbang-color-tag-violet-foreground: #523e83;
  --bigbang-color-tag-violet-border: #e3dcff;
  --bigbang-color-tag-teal-background: #dcf5f2;
  --bigbang-color-tag-teal-foreground: #005956;
  --bigbang-color-tag-teal-border: #bfece8;
  --bigbang-color-tag-pink-background: #ffe7f1;
  --bigbang-color-tag-pink-foreground: #782f56;
  --bigbang-color-tag-pink-border: #ffd3e6;
  --bigbang-color-material-glass-regular: rgba(255, 255, 255, 0.8);
  --bigbang-color-material-glass-regular-contrast: rgba(255, 255, 255, 0.9215686274509803);
  --bigbang-color-material-glass-clear: rgba(255, 255, 255, 0.2784313725490196);
  --bigbang-color-material-glass-rim: rgba(255, 255, 255, 0.7019607843137254);
  --bigbang-color-material-glass-edge: rgba(0, 0, 0, 0.058823529411764705);
  --bigbang-color-material-glass-shade: rgba(0, 0, 0, 0.0392156862745098);
  --bigbang-color-material-glass-specular: rgba(255, 255, 255, 0.5490196078431373);
  --bigbang-blur-surface-glass: 16px;
  --bigbang-blur-surface-glass-clear: 6px;
  --bigbang-shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744);
  --bigbang-shadow-raised: 0px 1px 3px 0px rgba(0, 0, 0, 0.10196078431372549), 0px 1px 2px -1px rgba(0, 0, 0, 0.10196078431372549);
  --bigbang-shadow-overlay: 0px 20px 25px -5px rgba(0, 0, 0, 0.10196078431372549), 0px 8px 10px -6px rgba(0, 0, 0, 0.10196078431372549);
  --bigbang-shadow-popup: 0px 4px 6px -1px rgba(0, 0, 0, 0.10196078431372549), 0px 2px 4px -2px rgba(0, 0, 0, 0.10196078431372549);
  --bigbang-shadow-panel: 0px 10px 15px -3px rgba(0, 0, 0, 0.10196078431372549), 0px 4px 6px -4px rgba(0, 0, 0, 0.10196078431372549);
  --bigbang-shadow-glass: 0px 8px 32px -8px rgba(0, 0, 0, 0.1607843137254902), 0px 2px 6px -2px rgba(0, 0, 0, 0.10196078431372549);
  --bigbang-material-glass-saturate: 1.8;
  --bigbang-material-glass-brightness: 1.04;
  --bigbang-input-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744);
  --bigbang-chart-series-1: #0068a5;
  --bigbang-chart-series-2: #0a9f9a;
  --bigbang-chart-series-3: #8a5600;
  --bigbang-chart-series-5: #b34881;
  --bigbang-chart-series-6: #138a50;
  --bigbang-chart-series-7: #e1595b;
  --bigbang-chart-series-8: #525252;
  --bigbang-table-header-foreground: #404040;
  --bigbang-table-header-border: #e5e5e5;
  --bigbang-table-row-background-hovered: #f5f5f5;
  --bigbang-table-row-background-selected: #ededed;
  --bigbang-table-row-background-striped: #f5f5f5;
  --bigbang-table-border: #ededed;
}