:root {
  color-scheme: light;
  --cc-brand-static: #1a73e8;
  --cc-brand-on: #ffffff;
  --cc-brand-deep: #0b3a8c;
  --cc-brand-deeper: #0f2c63;
  --cc-brand-strong: #0b57d0;
  --cc-brand-tint: #7cacf8;
  --cc-brand-shadow: #061a3a;
  --cc-font-sans: "Google Sans Flex", "Google Sans", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cc-font-mono: "Google Sans Code", "Roboto Mono", ui-monospace, "SF Mono", monospace;
  --cc-radius-xs: 4px;
  --cc-radius-sm: 8px;
  --cc-radius-md: 12px;
  --cc-radius-lg: 16px;
  --cc-radius-xl: 20px;
  --cc-radius-xl2: 20px;
  --cc-radius-2xl: 28px;
  --cc-radius-3xl: 32px;
  --cc-radius-pill: 999px;
  --cc-focus-width: 2px;
  --cc-focus-offset: 2px;
  --cc-focus-color: var(--cc-color-primary);
  --cc-state-hover: 8%;
  --cc-state-focus: 10%;
  --cc-state-pressed: 10%;
  --cc-state-dragged: 16%;
  --cc-state-disabled: 38%;
  --cc-state-disabled-container: 12%;
  --cc-blur-sm: 4px;
  --cc-blur-md: 12px;
  --cc-blur-lg: 24px;
  --cc-glass-blur: 12px;
  --cc-glass-bg-opaque: var(--cc-color-surface-1);
  --cc-glass-inverse: color-mix(in srgb, var(--cc-color-inverse-surface) 85%, transparent);
  --cc-hairline-gradient: linear-gradient(var(--cc-motif-angle, 135deg), var(--cc-hairline-from), var(--cc-hairline-to));
  --cc-motif-angle: 135deg;
  --cc-motif-arrow: polygon(0% 0%, 42% 0%, 100% 50%, 42% 100%, 0% 100%, 58% 50%);
  --cc-space-0: 0;
  --cc-space-1: 4px;
  --cc-space-2: 8px;
  --cc-space-3: 12px;
  --cc-space-4: 16px;
  --cc-space-5: 20px;
  --cc-space-6: 24px;
  --cc-space-7: 32px;
  --cc-space-8: 40px;
  --cc-space-9: 48px;
  --cc-space-10: 64px;
  --cc-space-11: 80px;
  --cc-space-12: 96px;
  --cc-space-05: 2px;
  --cc-nav-height: 64px;
  --cc-topbar-height: 64px;
  --cc-sidebar-width: 264px;
  --cc-sidebar-width-collapsed: 76px;
  --cc-type-display-lg-size: 3.5rem;
  --cc-type-display-lg-line: 4rem;
  --cc-type-display-lg-weight: 400;
  --cc-type-display-lg-tracking: -0.025em;
  --cc-type-display-lg-emphasized-size: 3.5rem;
  --cc-type-display-lg-emphasized-line: 4rem;
  --cc-type-display-lg-emphasized-weight: 700;
  --cc-type-display-lg-emphasized-tracking: -0.03em;
  --cc-type-display-md-size: 2.8125rem;
  --cc-type-display-md-line: 3.25rem;
  --cc-type-display-md-weight: 400;
  --cc-type-display-md-tracking: -0.01em;
  --cc-type-display-md-emphasized-size: 2.8125rem;
  --cc-type-display-md-emphasized-line: 3.25rem;
  --cc-type-display-md-emphasized-weight: 700;
  --cc-type-display-md-emphasized-tracking: -0.015em;
  --cc-type-display-sm-size: 2.25rem;
  --cc-type-display-sm-line: 2.75rem;
  --cc-type-display-sm-weight: 400;
  --cc-type-display-sm-tracking: -0.01em;
  --cc-type-display-sm-emphasized-size: 2.25rem;
  --cc-type-display-sm-emphasized-line: 2.75rem;
  --cc-type-display-sm-emphasized-weight: 700;
  --cc-type-display-sm-emphasized-tracking: -0.015em;
  --cc-type-headline-lg-size: 2rem;
  --cc-type-headline-lg-line: 2.5rem;
  --cc-type-headline-lg-weight: 500;
  --cc-type-headline-lg-tracking: -0.01em;
  --cc-type-headline-lg-emphasized-size: 2rem;
  --cc-type-headline-lg-emphasized-line: 2.5rem;
  --cc-type-headline-lg-emphasized-weight: 700;
  --cc-type-headline-lg-emphasized-tracking: -0.015em;
  --cc-type-headline-md-size: 1.75rem;
  --cc-type-headline-md-line: 2.25rem;
  --cc-type-headline-md-weight: 500;
  --cc-type-headline-md-tracking: -0.005em;
  --cc-type-headline-md-emphasized-size: 1.75rem;
  --cc-type-headline-md-emphasized-line: 2.25rem;
  --cc-type-headline-md-emphasized-weight: 700;
  --cc-type-headline-md-emphasized-tracking: -0.01em;
  --cc-type-headline-sm-size: 1.5rem;
  --cc-type-headline-sm-line: 2rem;
  --cc-type-headline-sm-weight: 500;
  --cc-type-headline-sm-tracking: 0;
  --cc-type-headline-sm-emphasized-size: 1.5rem;
  --cc-type-headline-sm-emphasized-line: 2rem;
  --cc-type-headline-sm-emphasized-weight: 700;
  --cc-type-headline-sm-emphasized-tracking: -0.005em;
  --cc-type-title-lg-size: 1.375rem;
  --cc-type-title-lg-line: 1.75rem;
  --cc-type-title-lg-weight: 500;
  --cc-type-title-lg-tracking: 0;
  --cc-type-title-lg-emphasized-size: 1.375rem;
  --cc-type-title-lg-emphasized-line: 1.75rem;
  --cc-type-title-lg-emphasized-weight: 700;
  --cc-type-title-lg-emphasized-tracking: -0.004em;
  --cc-type-title-md-size: 1rem;
  --cc-type-title-md-line: 1.5rem;
  --cc-type-title-md-weight: 500;
  --cc-type-title-md-tracking: 0.005em;
  --cc-type-title-md-emphasized-size: 1rem;
  --cc-type-title-md-emphasized-line: 1.5rem;
  --cc-type-title-md-emphasized-weight: 700;
  --cc-type-title-md-emphasized-tracking: 0.002em;
  --cc-type-title-sm-size: 0.875rem;
  --cc-type-title-sm-line: 1.25rem;
  --cc-type-title-sm-weight: 500;
  --cc-type-title-sm-tracking: 0.006em;
  --cc-type-title-sm-emphasized-size: 0.875rem;
  --cc-type-title-sm-emphasized-line: 1.25rem;
  --cc-type-title-sm-emphasized-weight: 700;
  --cc-type-title-sm-emphasized-tracking: 0.003em;
  --cc-type-body-lg-size: 1rem;
  --cc-type-body-lg-line: 1.5rem;
  --cc-type-body-lg-weight: 400;
  --cc-type-body-lg-tracking: 0.003em;
  --cc-type-body-lg-emphasized-size: 1rem;
  --cc-type-body-lg-emphasized-line: 1.5rem;
  --cc-type-body-lg-emphasized-weight: 700;
  --cc-type-body-lg-emphasized-tracking: 0;
  --cc-type-body-md-size: 0.875rem;
  --cc-type-body-md-line: 1.25rem;
  --cc-type-body-md-weight: 400;
  --cc-type-body-md-tracking: 0.016em;
  --cc-type-body-md-emphasized-size: 0.875rem;
  --cc-type-body-md-emphasized-line: 1.25rem;
  --cc-type-body-md-emphasized-weight: 700;
  --cc-type-body-md-emphasized-tracking: 0.012em;
  --cc-type-body-sm-size: 0.75rem;
  --cc-type-body-sm-line: 1rem;
  --cc-type-body-sm-weight: 400;
  --cc-type-body-sm-tracking: 0.03em;
  --cc-type-body-sm-emphasized-size: 0.75rem;
  --cc-type-body-sm-emphasized-line: 1rem;
  --cc-type-body-sm-emphasized-weight: 700;
  --cc-type-body-sm-emphasized-tracking: 0.025em;
  --cc-type-label-lg-size: 0.875rem;
  --cc-type-label-lg-line: 1.25rem;
  --cc-type-label-lg-weight: 500;
  --cc-type-label-lg-tracking: 0.006em;
  --cc-type-label-lg-emphasized-size: 0.875rem;
  --cc-type-label-lg-emphasized-line: 1.25rem;
  --cc-type-label-lg-emphasized-weight: 700;
  --cc-type-label-lg-emphasized-tracking: 0.003em;
  --cc-type-label-md-size: 0.75rem;
  --cc-type-label-md-line: 1rem;
  --cc-type-label-md-weight: 500;
  --cc-type-label-md-tracking: 0.03em;
  --cc-type-label-md-emphasized-size: 0.75rem;
  --cc-type-label-md-emphasized-line: 1rem;
  --cc-type-label-md-emphasized-weight: 700;
  --cc-type-label-md-emphasized-tracking: 0.025em;
  --cc-type-label-sm-size: 0.6875rem;
  --cc-type-label-sm-line: 1rem;
  --cc-type-label-sm-weight: 500;
  --cc-type-label-sm-tracking: 0.03em;
  --cc-type-label-sm-emphasized-size: 0.6875rem;
  --cc-type-label-sm-emphasized-line: 1rem;
  --cc-type-label-sm-emphasized-weight: 700;
  --cc-type-label-sm-emphasized-tracking: 0.025em;
  --cc-motion-dur-1: 50ms;
  --cc-motion-dur-2: 100ms;
  --cc-motion-dur-3: 150ms;
  --cc-motion-dur-4: 200ms;
  --cc-motion-dur-5: 250ms;
  --cc-motion-dur-6: 300ms;
  --cc-motion-dur-7: 400ms;
  --cc-motion-dur-8: 500ms;
  --cc-motion-dur-9: 700ms;
  --cc-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --cc-motion-ease-decel: cubic-bezier(0, 0, 0, 1);
  --cc-motion-ease-accel: cubic-bezier(0.3, 0, 1, 1);
  --cc-motion-ease-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1);
  --cc-motion-ease-overshoot: cubic-bezier(0.2, 0.9, 0.3, 1.2);
  --cc-motion-ease-spring: cubic-bezier(0.2, 0.9, 0.3, 1.2);
  --cc-spring-spatial-fast: linear(0, 0.242, 0.594, 0.8343, 0.9549, 1.0005, 1.011, 1.0091, 1.0051, 1.0022, 1.0007, 1, 0.9999, 0.9999, 0.9999, 1, 1, 1, 1);
  --cc-spring-spatial-default: linear(0, 0.0972, 0.2998, 0.5176, 0.705, 0.8454, 0.9392, 0.9945, 1.0218, 1.031, 1.0301, 1.0244, 1.0175, 1.0112, 1.0062, 1.0028, 1.0007, 0.9995, 0.9991, 0.999, 0.9992, 0.9994, 0.9996, 0.9998, 1);
  --cc-spring-spatial-slow: linear(0, 0.0392, 0.1357, 0.2633, 0.4022, 0.5384, 0.6628, 0.7703, 0.8586, 0.9277, 0.979, 1.0146, 1.0372, 1.0495, 1.0541, 1.0531, 1.0486, 1.042, 1.0346, 1.0271, 1.0201, 1.014, 1.0089, 1.0049, 1.0018, 0.9997, 0.9983, 0.9975, 0.9971, 0.9971, 1);
  --cc-breakpoint-sm: 600px;
  --cc-breakpoint-md: 840px;
  --cc-breakpoint-lg: 1200px;
  --cc-breakpoint-xl: 1600px;
  --cc-z-base: 0;
  --cc-z-sticky: 1020;
  --cc-z-fab: 1030;
  --cc-z-drawer: 1040;
  --cc-z-backdrop: 1050;
  --cc-z-modal: 1060;
  --cc-z-dropdown: 1065;
  --cc-z-menu: 1065;
  --cc-z-popover: 1070;
  --cc-z-toast: 1080;
  --cc-z-tooltip: 1090;
  --cc-z-screenshot: 1100;
  --cc-print-bg: #ffffff;
  --cc-print-fg: #000000;
  --cc-print-rule: #999999;

  --cc-color-primary: #1a73e8;
  --cc-color-primary-text: #0b57d0;
  --cc-color-on-primary: #ffffff;
  --cc-color-primary-container: #ddebfb;
  --cc-color-on-primary-container: #0f2c63;
  --cc-color-on-primary-container-variant: color-mix(in srgb, var(--cc-color-on-primary-container) 94%, var(--cc-color-primary-container));
  --cc-color-on-primary-container-muted: color-mix(in srgb, var(--cc-color-on-primary-container) 86%, var(--cc-color-primary-container));
  --cc-color-primary-hover: #1552b0;
  --cc-color-secondary: #52606f;
  --cc-color-on-secondary: #ffffff;
  --cc-color-secondary-container: #d9e2ee;
  --cc-color-on-secondary-container: #26303b;
  --cc-color-background: #ffffff;
  --cc-color-surface: #ffffff;
  --cc-color-surface-1: #f8f9fc;
  --cc-color-surface-2: #f1f3f9;
  --cc-color-surface-3: #e9ecf4;
  --cc-color-surface-variant: #f1f3f9;
  --cc-color-on-surface: #1a1c20;
  --cc-color-on-surface-variant: #44474f;
  --cc-color-on-surface-muted: #5f6368;
  --cc-color-outline: #74777f;
  --cc-color-outline-variant: #e1e3ea;
  --cc-color-inverse-surface: #1a1c20;
  --cc-color-inverse-on-surface: #f8f9fc;
  --cc-color-inverse-primary: #93bef4;
  --cc-color-tertiary: #00796b;
  --cc-color-on-tertiary: #ffffff;
  --cc-color-tertiary-container: #d0f5ef;
  --cc-color-on-tertiary-container: #00332c;
  --cc-color-success: #188038;
  --cc-color-on-success: #ffffff;
  --cc-color-success-container: #e6f4ea;
  --cc-color-on-success-container: #0b5522;
  --cc-color-warning: #f9ab00;
  --cc-color-warning-text: #8a5a00;
  --cc-color-on-warning: #1a1c20;
  --cc-color-warning-container: #fef3d7;
  --cc-color-on-warning-container: #6b4a00;
  --cc-color-error: #d93025;
  --cc-color-on-error: #ffffff;
  --cc-color-error-container: #fce8e6;
  --cc-color-on-error-container: #7a140c;
  --cc-color-info: #0076b0;
  --cc-color-on-info: #ffffff;
  --cc-color-info-container: #cbeaf5;
  --cc-color-on-info-container: #06364a;
  --cc-color-link: #0b57d0;
  --cc-color-link-hover: #0f2c63;
  --cc-color-scrim: rgba(0, 0, 0, 0.4);
  --cc-code-key: #1552b0;
  --cc-code-str: #00796b;
  --cc-code-num: #036696;
  --cc-code-fn: #0b57d0;
  --cc-code-punct: #44474f;
  --cc-code-com: #5f6368;
  --cc-dataviz-1: #1a73e8;
  --cc-dataviz-2: #079e88;
  --cc-dataviz-3: #036696;
  --cc-dataviz-4: #0ca5a7;
  --cc-dataviz-5: #2b50c6;
  --cc-dataviz-6: #0a8d83;
  --cc-dataviz-7: #035798;
  --cc-dataviz-8: #0092a2;
  --cc-glass-surface: color-mix(in srgb, var(--cc-color-surface-1) 78%, transparent);
  --cc-glass-surface-strong: color-mix(in srgb, var(--cc-color-surface-1) 85%, transparent);
  --cc-glass-border: color-mix(in srgb, var(--cc-color-primary) 28%, transparent);
  --cc-elevation-0: none;
  --cc-elevation-1: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.08);
  --cc-elevation-2: 0 2px 4px rgba(16, 24, 40, 0.06), 0 4px 8px rgba(16, 24, 40, 0.08);
  --cc-elevation-3: 0 4px 8px rgba(16, 24, 40, 0.06), 0 8px 16px rgba(16, 24, 40, 0.10);
  --cc-elevation-4: 0 8px 16px rgba(16, 24, 40, 0.08), 0 16px 32px rgba(16, 24, 40, 0.12);
  --cc-elevation-5: 0 12px 24px rgba(16, 24, 40, 0.10), 0 24px 48px rgba(16, 24, 40, 0.16);
  --cc-hairline-from: color-mix(in srgb, var(--cc-color-primary) 78%, #000);
  --cc-hairline-to: color-mix(in srgb, var(--cc-color-primary) 35%, #fff);

  --cc-medal-gold: #f9ab00;
  --cc-medal-gold-on: #3a2a00;
  --cc-medal-silver: #c4c7cc;
  --cc-medal-silver-border: #9aa0a6;
  --cc-medal-silver-on: #26282c;
  --cc-medal-bronze: #dda15e;
  --cc-medal-bronze-border: #cd7f32;
  --cc-medal-bronze-on: #3a2400;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --cc-color-primary: #93bef4;
  --cc-color-primary-text: #93bef4;
  --cc-color-on-primary: #0f2c63;
  --cc-color-primary-container: #1552b0;
  --cc-color-on-primary-container: #ddebfb;
  --cc-color-on-primary-container-variant: color-mix(in srgb, var(--cc-color-on-primary-container) 94%, var(--cc-color-primary-container));
  --cc-color-on-primary-container-muted: color-mix(in srgb, var(--cc-color-on-primary-container) 86%, var(--cc-color-primary-container));
  --cc-color-primary-hover: #bbd6f8;
  --cc-color-secondary: #bcc8d8;
  --cc-color-on-secondary: #26303b;
  --cc-color-secondary-container: #3b4756;
  --cc-color-on-secondary-container: #d9e2ee;
  --cc-color-background: #121316;
  --cc-color-surface: #121316;
  --cc-color-surface-1: #1e1f24;
  --cc-color-surface-2: #24262b;
  --cc-color-surface-3: #2a2c32;
  --cc-color-surface-variant: #303237;
  --cc-color-on-surface: #e1e3ea;
  --cc-color-on-surface-variant: #c4c6cf;
  --cc-color-on-surface-muted: #9ea1a9;
  --cc-color-outline: #74777f;
  --cc-color-outline-variant: #44474f;
  --cc-color-inverse-surface: #e1e3ea;
  --cc-color-inverse-on-surface: #1a1c20;
  --cc-color-inverse-primary: #1552b0;
  --cc-color-tertiary: #77d9cb;
  --cc-color-on-tertiary: #00332c;
  --cc-color-tertiary-container: #00332c;
  --cc-color-on-tertiary-container: #d0f5ef;
  --cc-color-success: #a8d5b5;
  --cc-color-on-success: #0b5522;
  --cc-color-success-container: #0b5522;
  --cc-color-on-success-container: #e6f4ea;
  --cc-color-warning: #f5d573;
  --cc-color-warning-text: #f5d573;
  --cc-color-on-warning: #6b4a00;
  --cc-color-warning-container: #6b4a00;
  --cc-color-on-warning-container: #fef3d7;
  --cc-color-error: #f2a9a3;
  --cc-color-on-error: #7a140c;
  --cc-color-error-container: #7a140c;
  --cc-color-on-error-container: #fce8e6;
  --cc-color-info: #6fc3dc;
  --cc-color-on-info: #06364a;
  --cc-color-info-container: #0e5a76;
  --cc-color-on-info-container: #cbeaf5;
  --cc-color-link: #93bef4;
  --cc-color-link-hover: #bbd6f8;
  --cc-color-scrim: rgba(0, 0, 0, 0.6);
  --cc-code-key: #8ab4f8;
  --cc-code-str: #77d9cb;
  --cc-code-num: #30b4ff;
  --cc-code-fn: #93bef4;
  --cc-code-punct: #c4c6cf;
  --cc-code-com: #9ea1a9;
  --cc-dataviz-1: #0a72f0;
  --cc-dataviz-2: #0ca38c;
  --cc-dataviz-3: #30b4ff;
  --cc-dataviz-4: #099192;
  --cc-dataviz-5: #608cff;
  --cc-dataviz-6: #04cabc;
  --cc-dataviz-7: #0574c7;
  --cc-dataviz-8: #0eadbf;
  --cc-glass-surface: color-mix(in srgb, var(--cc-color-surface-1) 82%, transparent);
  --cc-glass-surface-strong: color-mix(in srgb, var(--cc-color-surface-1) 85%, transparent);
  --cc-glass-border: color-mix(in srgb, var(--cc-color-primary) 28%, transparent);
  --cc-elevation-0: none;
  --cc-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.30), 0 1px 3px rgba(0, 0, 0, 0.36);
  --cc-elevation-2: 0 2px 4px rgba(0, 0, 0, 0.32), 0 4px 8px rgba(0, 0, 0, 0.40);
  --cc-elevation-3: 0 4px 8px rgba(0, 0, 0, 0.34), 0 8px 16px rgba(0, 0, 0, 0.44);
  --cc-elevation-4: 0 8px 16px rgba(0, 0, 0, 0.38), 0 16px 32px rgba(0, 0, 0, 0.48);
  --cc-elevation-5: 0 12px 24px rgba(0, 0, 0, 0.42), 0 24px 48px rgba(0, 0, 0, 0.54);
  --cc-hairline-from: color-mix(in srgb, var(--cc-color-primary) 30%, transparent);
  --cc-hairline-to: color-mix(in srgb, var(--cc-color-primary) 85%, transparent);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --cc-color-primary: #93bef4;
    --cc-color-primary-text: #93bef4;
    --cc-color-on-primary: #0f2c63;
    --cc-color-primary-container: #1552b0;
    --cc-color-on-primary-container: #ddebfb;
    --cc-color-on-primary-container-variant: color-mix(in srgb, var(--cc-color-on-primary-container) 94%, var(--cc-color-primary-container));
    --cc-color-on-primary-container-muted: color-mix(in srgb, var(--cc-color-on-primary-container) 86%, var(--cc-color-primary-container));
    --cc-color-primary-hover: #bbd6f8;
    --cc-color-secondary: #bcc8d8;
    --cc-color-on-secondary: #26303b;
    --cc-color-secondary-container: #3b4756;
    --cc-color-on-secondary-container: #d9e2ee;
    --cc-color-background: #121316;
    --cc-color-surface: #121316;
    --cc-color-surface-1: #1e1f24;
    --cc-color-surface-2: #24262b;
    --cc-color-surface-3: #2a2c32;
    --cc-color-surface-variant: #303237;
    --cc-color-on-surface: #e1e3ea;
    --cc-color-on-surface-variant: #c4c6cf;
    --cc-color-on-surface-muted: #9ea1a9;
    --cc-color-outline: #74777f;
    --cc-color-outline-variant: #44474f;
    --cc-color-inverse-surface: #e1e3ea;
    --cc-color-inverse-on-surface: #1a1c20;
    --cc-color-inverse-primary: #1552b0;
    --cc-color-tertiary: #77d9cb;
    --cc-color-on-tertiary: #00332c;
    --cc-color-tertiary-container: #00332c;
    --cc-color-on-tertiary-container: #d0f5ef;
    --cc-color-success: #a8d5b5;
    --cc-color-on-success: #0b5522;
    --cc-color-success-container: #0b5522;
    --cc-color-on-success-container: #e6f4ea;
    --cc-color-warning: #f5d573;
    --cc-color-warning-text: #f5d573;
    --cc-color-on-warning: #6b4a00;
    --cc-color-warning-container: #6b4a00;
    --cc-color-on-warning-container: #fef3d7;
    --cc-color-error: #f2a9a3;
    --cc-color-on-error: #7a140c;
    --cc-color-error-container: #7a140c;
    --cc-color-on-error-container: #fce8e6;
    --cc-color-info: #6fc3dc;
    --cc-color-on-info: #06364a;
    --cc-color-info-container: #0e5a76;
    --cc-color-on-info-container: #cbeaf5;
    --cc-color-link: #93bef4;
    --cc-color-link-hover: #bbd6f8;
    --cc-color-scrim: rgba(0, 0, 0, 0.6);
    --cc-code-key: #8ab4f8;
    --cc-code-str: #77d9cb;
    --cc-code-num: #30b4ff;
    --cc-code-fn: #93bef4;
    --cc-code-punct: #c4c6cf;
    --cc-code-com: #9ea1a9;
    --cc-dataviz-1: #0a72f0;
    --cc-dataviz-2: #0ca38c;
    --cc-dataviz-3: #30b4ff;
    --cc-dataviz-4: #099192;
    --cc-dataviz-5: #608cff;
    --cc-dataviz-6: #04cabc;
    --cc-dataviz-7: #0574c7;
    --cc-dataviz-8: #0eadbf;
    --cc-glass-surface: color-mix(in srgb, var(--cc-color-surface-1) 82%, transparent);
    --cc-glass-surface-strong: color-mix(in srgb, var(--cc-color-surface-1) 85%, transparent);
    --cc-glass-border: color-mix(in srgb, var(--cc-color-primary) 28%, transparent);
    --cc-elevation-0: none;
    --cc-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.30), 0 1px 3px rgba(0, 0, 0, 0.36);
    --cc-elevation-2: 0 2px 4px rgba(0, 0, 0, 0.32), 0 4px 8px rgba(0, 0, 0, 0.40);
    --cc-elevation-3: 0 4px 8px rgba(0, 0, 0, 0.34), 0 8px 16px rgba(0, 0, 0, 0.44);
    --cc-elevation-4: 0 8px 16px rgba(0, 0, 0, 0.38), 0 16px 32px rgba(0, 0, 0, 0.48);
    --cc-elevation-5: 0 12px 24px rgba(0, 0, 0, 0.42), 0 24px 48px rgba(0, 0, 0, 0.54);
    --cc-hairline-from: color-mix(in srgb, var(--cc-color-primary) 30%, transparent);
    --cc-hairline-to: color-mix(in srgb, var(--cc-color-primary) 85%, transparent);
  }
}