/**
 * This file is generated. Do not edit.
 * Generated on Wed Oct 22 2025 11:31:08 AM
 */

.shared {
  --global-borderWidth-none: var(--shared-global-borderWidth-none);
  --global-borderWidth-thick: var(--shared-global-borderWidth-thick);
  --global-borderWidth-thin: var(--shared-global-borderWidth-thin);
  --global-boxShadow-high: var(--shared-global-boxShadow-high);
  --global-boxShadow-low: var(--shared-global-boxShadow-low);
  --global-boxShadow-mid: var(--shared-global-boxShadow-mid);
  --global-boxShadow-subtle: var(--shared-global-boxShadow-subtle);
  --global-brand-discord: var(--shared-global-brand-discord);
  --global-brand-facebook: var(--shared-global-brand-facebook);
  --global-brand-google: var(--shared-global-brand-google);
  --global-brand-memberful: var(--shared-global-brand-memberful);
  --global-brand-patreon: var(--shared-global-brand-patreon);
  --global-brand-pinterest: var(--shared-global-brand-pinterest);
  --global-brand-reddit: var(--shared-global-brand-reddit);
  --global-brand-spotify: var(--shared-global-brand-spotify);
  --global-brand-tumblr: var(--shared-global-brand-tumblr);
  --global-brand-twitch: var(--shared-global-brand-twitch);
  --global-brand-twitter: var(--shared-global-brand-twitter);
  --global-brand-youtube: var(--shared-global-brand-youtube);
  --global-brand-youtubeBlack: var(--shared-global-brand-youtubeBlack);
  --global-constant-black-default: var(--shared-global-constant-black-default);
  --global-constant-black-hover: var(--shared-global-constant-black-hover);
  --global-constant-black-pressed: var(--shared-global-constant-black-pressed);
  --global-constant-blackMuted-default: var(--shared-global-constant-blackMuted-default);
  --global-constant-blackMuted-hover: var(--shared-global-constant-blackMuted-hover);
  --global-constant-blackMuted-pressed: var(--shared-global-constant-blackMuted-pressed);
  --global-constant-blackSubtle-default: var(--shared-global-constant-blackSubtle-default);
  --global-constant-blackSubtle-hover: var(--shared-global-constant-blackSubtle-hover);
  --global-constant-blackSubtle-pressed: var(--shared-global-constant-blackSubtle-pressed);
  --global-constant-white-default: var(--shared-global-constant-white-default);
  --global-constant-white-hover: var(--shared-global-constant-white-hover);
  --global-constant-white-pressed: var(--shared-global-constant-white-pressed);
  --global-constant-whiteMuted-default: var(--shared-global-constant-whiteMuted-default);
  --global-constant-whiteMuted-hover: var(--shared-global-constant-whiteMuted-hover);
  --global-constant-whiteMuted-pressed: var(--shared-global-constant-whiteMuted-pressed);
  --global-constant-whiteSubtle-default: var(--shared-global-constant-whiteSubtle-default);
  --global-constant-whiteSubtle-hover: var(--shared-global-constant-whiteSubtle-hover);
  --global-constant-whiteSubtle-pressed: var(--shared-global-constant-whiteSubtle-pressed);
  --global-effects-lg: var(--shared-global-effects-lg);
  --global-effects-md: var(--shared-global-effects-md);
  --global-effects-sm: var(--shared-global-effects-sm);
  --global-icon-lg: var(--shared-global-icon-lg);
  --global-icon-md: var(--shared-global-icon-md);
  --global-icon-sm: var(--shared-global-icon-sm);
  --global-icon-xl: var(--shared-global-icon-xl);
  --global-icon-xs: var(--shared-global-icon-xs);
  --global-layer-z0: var(--shared-global-layer-z0);
  --global-layer-z1: var(--shared-global-layer-z1);
  --global-layer-z10: var(--shared-global-layer-z10);
  --global-layer-z11: var(--shared-global-layer-z11);
  --global-layer-z12: var(--shared-global-layer-z12);
  --global-layer-z2: var(--shared-global-layer-z2);
  --global-layer-z20: var(--shared-global-layer-z20);
  --global-layer-z3: var(--shared-global-layer-z3);
  --global-layer-z4: var(--shared-global-layer-z4);
  --global-layer-z5: var(--shared-global-layer-z5);
  --global-layer-z6: var(--shared-global-layer-z6);
  --global-layer-z7: var(--shared-global-layer-z7);
  --global-layer-z8: var(--shared-global-layer-z8);
  --global-layer-z9: var(--shared-global-layer-z9);
  --global-nonSemantic-blueberry: var(--shared-global-nonSemantic-blueberry);
  --global-nonSemantic-holly: var(--shared-global-nonSemantic-holly);
  --global-nonSemantic-honeycomb: var(--shared-global-nonSemantic-honeycomb);
  --global-nonSemantic-jasper: var(--shared-global-nonSemantic-jasper);
  --global-nonSemantic-lavender: var(--shared-global-nonSemantic-lavender);
  --global-nonSemantic-lollipop: var(--shared-global-nonSemantic-lollipop);
  --global-nonSemantic-moonshade: var(--shared-global-nonSemantic-moonshade);
  --global-nonSemantic-ocean: var(--shared-global-nonSemantic-ocean);
  --global-nonSemantic-pumpkin: var(--shared-global-nonSemantic-pumpkin);
  --global-nonSemantic-raspberry: var(--shared-global-nonSemantic-raspberry);
  --global-opacity-disabled: var(--shared-global-opacity-disabled);
  --global-opacity-enabled: var(--shared-global-opacity-enabled);
  --global-radius-circle: var(--shared-global-radius-circle);
  --global-radius-lg: var(--shared-global-radius-lg);
  --global-radius-md: var(--shared-global-radius-md);
  --global-radius-none: var(--shared-global-radius-none);
  --global-radius-pill: var(--shared-global-radius-pill);
  --global-radius-sm: var(--shared-global-radius-sm);
  --global-radius-smMd: var(--shared-global-radius-smMd);
  --global-radius-xl: var(--shared-global-radius-xl);
  --global-space-x0: var(--shared-global-space-x0);
  --global-space-x12: var(--shared-global-space-x12);
  --global-space-x16: var(--shared-global-space-x16);
  --global-space-x20: var(--shared-global-space-x20);
  --global-space-x24: var(--shared-global-space-x24);
  --global-space-x32: var(--shared-global-space-x32);
  --global-space-x4: var(--shared-global-space-x4);
  --global-space-x40: var(--shared-global-space-x40);
  --global-space-x48: var(--shared-global-space-x48);
  --global-space-x56: var(--shared-global-space-x56);
  --global-space-x8: var(--shared-global-space-x8);
  --global-transition-fast-duration: var(--shared-global-transition-fast-duration);
  --global-transition-fast-easing: var(--shared-global-transition-fast-easing);
  --global-transition-regular-duration: var(--shared-global-transition-regular-duration);
  --global-transition-regular-easing: var(--shared-global-transition-regular-easing);
  --global-transition-slow-duration: var(--shared-global-transition-slow-duration);
  --global-transition-slow-easing: var(--shared-global-transition-slow-easing);
}

.colorAuto {
  color-scheme: light dark;

  --global-bg-base-default: var(--light-global-bg-base-default);
  --global-bg-base-hover: var(--light-global-bg-base-hover);
  --global-bg-base-pressed: var(--light-global-bg-base-pressed);
  --global-bg-baseAlt-default: var(--light-global-bg-baseAlt-default);
  --global-bg-baseAlt-hover: var(--light-global-bg-baseAlt-hover);
  --global-bg-baseAlt-pressed: var(--light-global-bg-baseAlt-pressed);
  --global-bg-elevated-default: var(--light-global-bg-elevated-default);
  --global-bg-elevated-hover: var(--light-global-bg-elevated-hover);
  --global-bg-elevated-pressed: var(--light-global-bg-elevated-pressed);
  --global-bg-page-default: var(--light-global-bg-page-default);
  --global-bg-page-hover: var(--light-global-bg-page-hover);
  --global-bg-page-pressed: var(--light-global-bg-page-pressed);
  --global-bg-pageAlt-default: var(--light-global-bg-pageAlt-default);
  --global-bg-pageAlt-hover: var(--light-global-bg-pageAlt-hover);
  --global-bg-pageAlt-pressed: var(--light-global-bg-pageAlt-pressed);
  --global-border-action-default: var(--light-global-border-action-default);
  --global-border-action-hover: var(--light-global-border-action-hover);
  --global-border-action-pressed: var(--light-global-border-action-pressed);
  --global-border-muted-default: var(--light-global-border-muted-default);
  --global-border-muted-hover: var(--light-global-border-muted-hover);
  --global-border-muted-pressed: var(--light-global-border-muted-pressed);
  --global-border-strong-default: var(--light-global-border-strong-default);
  --global-border-strong-hover: var(--light-global-border-strong-hover);
  --global-border-strong-pressed: var(--light-global-border-strong-pressed);
  --global-content-critical-default: var(--light-global-content-critical-default);
  --global-content-critical-hover: var(--light-global-content-critical-hover);
  --global-content-critical-pressed: var(--light-global-content-critical-pressed);
  --global-content-decorative-default: var(--light-global-content-decorative-default);
  --global-content-decorative-hover: var(--light-global-content-decorative-hover);
  --global-content-decorative-pressed: var(--light-global-content-decorative-pressed);
  --global-content-muted-default: var(--light-global-content-muted-default);
  --global-content-muted-hover: var(--light-global-content-muted-hover);
  --global-content-muted-pressed: var(--light-global-content-muted-pressed);
  --global-content-primary-default: var(--light-global-content-primary-default);
  --global-content-primary-hover: var(--light-global-content-primary-hover);
  --global-content-primary-pressed: var(--light-global-content-primary-pressed);
  --global-content-regular-default: var(--light-global-content-regular-default);
  --global-content-regular-hover: var(--light-global-content-regular-hover);
  --global-content-regular-pressed: var(--light-global-content-regular-pressed);
  --global-content-success-default: var(--light-global-content-success-default);
  --global-content-success-hover: var(--light-global-content-success-hover);
  --global-content-success-pressed: var(--light-global-content-success-pressed);
  --global-content-warning-default: var(--light-global-content-warning-default);
  --global-content-warning-hover: var(--light-global-content-warning-hover);
  --global-content-warning-pressed: var(--light-global-content-warning-pressed);
  --global-control-action-default: var(--light-global-control-action-default);
  --global-control-action-hover: var(--light-global-control-action-hover);
  --global-control-action-pressed: var(--light-global-control-action-pressed);
  --global-control-surface-default: var(--light-global-control-surface-default);
  --global-control-surface-hover: var(--light-global-control-surface-hover);
  --global-control-surface-pressed: var(--light-global-control-surface-pressed);
  --global-critical-onSurface-default: var(--light-global-critical-onSurface-default);
  --global-critical-onSurface-hover: var(--light-global-critical-onSurface-hover);
  --global-critical-onSurface-pressed: var(--light-global-critical-onSurface-pressed);
  --global-critical-onSurfaceMuted-default: var(--light-global-critical-onSurfaceMuted-default);
  --global-critical-onSurfaceMuted-hover: var(--light-global-critical-onSurfaceMuted-hover);
  --global-critical-onSurfaceMuted-pressed: var(--light-global-critical-onSurfaceMuted-pressed);
  --global-critical-surface-default: var(--light-global-critical-surface-default);
  --global-critical-surface-hover: var(--light-global-critical-surface-hover);
  --global-critical-surface-pressed: var(--light-global-critical-surface-pressed);
  --global-critical-surfaceMuted-default: var(--light-global-critical-surfaceMuted-default);
  --global-critical-surfaceMuted-hover: var(--light-global-critical-surfaceMuted-hover);
  --global-critical-surfaceMuted-pressed: var(--light-global-critical-surfaceMuted-pressed);
  --global-inverted-decorative-default: var(--light-global-inverted-decorative-default);
  --global-inverted-decorative-hover: var(--light-global-inverted-decorative-hover);
  --global-inverted-decorative-pressed: var(--light-global-inverted-decorative-pressed);
  --global-inverted-muted-default: var(--light-global-inverted-muted-default);
  --global-inverted-muted-hover: var(--light-global-inverted-muted-hover);
  --global-inverted-muted-pressed: var(--light-global-inverted-muted-pressed);
  --global-inverted-regular-default: var(--light-global-inverted-regular-default);
  --global-inverted-regular-hover: var(--light-global-inverted-regular-hover);
  --global-inverted-regular-pressed: var(--light-global-inverted-regular-pressed);
  --global-inverted-surface-default: var(--light-global-inverted-surface-default);
  --global-inverted-surface-hover: var(--light-global-inverted-surface-hover);
  --global-inverted-surface-pressed: var(--light-global-inverted-surface-pressed);
  --global-primary-onSurface-default: var(--light-global-primary-onSurface-default);
  --global-primary-onSurface-hover: var(--light-global-primary-onSurface-hover);
  --global-primary-onSurface-pressed: var(--light-global-primary-onSurface-pressed);
  --global-primary-onSurfaceMuted-default: var(--light-global-primary-onSurfaceMuted-default);
  --global-primary-onSurfaceMuted-hover: var(--light-global-primary-onSurfaceMuted-hover);
  --global-primary-onSurfaceMuted-pressed: var(--light-global-primary-onSurfaceMuted-pressed);
  --global-primary-onSurfaceSubtle-default: var(--light-global-primary-onSurfaceSubtle-default);
  --global-primary-onSurfaceSubtle-hover: var(--light-global-primary-onSurfaceSubtle-hover);
  --global-primary-onSurfaceSubtle-pressed: var(--light-global-primary-onSurfaceSubtle-pressed);
  --global-primary-surface-default: var(--light-global-primary-surface-default);
  --global-primary-surface-hover: var(--light-global-primary-surface-hover);
  --global-primary-surface-pressed: var(--light-global-primary-surface-pressed);
  --global-primary-surfaceMuted-default: var(--light-global-primary-surfaceMuted-default);
  --global-primary-surfaceMuted-hover: var(--light-global-primary-surfaceMuted-hover);
  --global-primary-surfaceMuted-pressed: var(--light-global-primary-surfaceMuted-pressed);
  --global-primary-surfaceSubtle-default: var(--light-global-primary-surfaceSubtle-default);
  --global-primary-surfaceSubtle-hover: var(--light-global-primary-surfaceSubtle-hover);
  --global-primary-surfaceSubtle-pressed: var(--light-global-primary-surfaceSubtle-pressed);
  --global-rich-action-default: var(--light-global-rich-action-default);
  --global-rich-action-hover: var(--light-global-rich-action-hover);
  --global-rich-action-pressed: var(--light-global-rich-action-pressed);
  --global-rich-muted-default: var(--light-global-rich-muted-default);
  --global-rich-muted-hover: var(--light-global-rich-muted-hover);
  --global-rich-muted-pressed: var(--light-global-rich-muted-pressed);
  --global-rich-regular-default: var(--light-global-rich-regular-default);
  --global-rich-regular-hover: var(--light-global-rich-regular-hover);
  --global-rich-regular-pressed: var(--light-global-rich-regular-pressed);
  --global-rich-surface-default: var(--light-global-rich-surface-default);
  --global-rich-surface-hover: var(--light-global-rich-surface-hover);
  --global-rich-surface-pressed: var(--light-global-rich-surface-pressed);
  --global-rich-surfaceAlt-default: var(--light-global-rich-surfaceAlt-default);
  --global-rich-surfaceAlt-hover: var(--light-global-rich-surfaceAlt-hover);
  --global-rich-surfaceAlt-pressed: var(--light-global-rich-surfaceAlt-pressed);
  --global-success-onSurface-default: var(--light-global-success-onSurface-default);
  --global-success-onSurface-hover: var(--light-global-success-onSurface-hover);
  --global-success-onSurface-pressed: var(--light-global-success-onSurface-pressed);
  --global-success-onSurfaceMuted-default: var(--light-global-success-onSurfaceMuted-default);
  --global-success-onSurfaceMuted-hover: var(--light-global-success-onSurfaceMuted-hover);
  --global-success-onSurfaceMuted-pressed: var(--light-global-success-onSurfaceMuted-pressed);
  --global-success-surface-default: var(--light-global-success-surface-default);
  --global-success-surface-hover: var(--light-global-success-surface-hover);
  --global-success-surface-pressed: var(--light-global-success-surface-pressed);
  --global-success-surfaceMuted-default: var(--light-global-success-surfaceMuted-default);
  --global-success-surfaceMuted-hover: var(--light-global-success-surfaceMuted-hover);
  --global-success-surfaceMuted-pressed: var(--light-global-success-surfaceMuted-pressed);
  --global-warning-onSurface-default: var(--light-global-warning-onSurface-default);
  --global-warning-onSurface-hover: var(--light-global-warning-onSurface-hover);
  --global-warning-onSurface-pressed: var(--light-global-warning-onSurface-pressed);
  --global-warning-onSurfaceMuted-default: var(--light-global-warning-onSurfaceMuted-default);
  --global-warning-onSurfaceMuted-hover: var(--light-global-warning-onSurfaceMuted-hover);
  --global-warning-onSurfaceMuted-pressed: var(--light-global-warning-onSurfaceMuted-pressed);
  --global-warning-surface-default: var(--light-global-warning-surface-default);
  --global-warning-surface-hover: var(--light-global-warning-surface-hover);
  --global-warning-surface-pressed: var(--light-global-warning-surface-pressed);
  --global-warning-surfaceMuted-default: var(--light-global-warning-surfaceMuted-default);
  --global-warning-surfaceMuted-hover: var(--light-global-warning-surfaceMuted-hover);
  --global-warning-surfaceMuted-pressed: var(--light-global-warning-surfaceMuted-pressed);
}

.colorLight {
  color-scheme: light;

  --global-bg-base-default: var(--light-global-bg-base-default);
  --global-bg-base-hover: var(--light-global-bg-base-hover);
  --global-bg-base-pressed: var(--light-global-bg-base-pressed);
  --global-bg-baseAlt-default: var(--light-global-bg-baseAlt-default);
  --global-bg-baseAlt-hover: var(--light-global-bg-baseAlt-hover);
  --global-bg-baseAlt-pressed: var(--light-global-bg-baseAlt-pressed);
  --global-bg-elevated-default: var(--light-global-bg-elevated-default);
  --global-bg-elevated-hover: var(--light-global-bg-elevated-hover);
  --global-bg-elevated-pressed: var(--light-global-bg-elevated-pressed);
  --global-bg-page-default: var(--light-global-bg-page-default);
  --global-bg-page-hover: var(--light-global-bg-page-hover);
  --global-bg-page-pressed: var(--light-global-bg-page-pressed);
  --global-bg-pageAlt-default: var(--light-global-bg-pageAlt-default);
  --global-bg-pageAlt-hover: var(--light-global-bg-pageAlt-hover);
  --global-bg-pageAlt-pressed: var(--light-global-bg-pageAlt-pressed);
  --global-border-action-default: var(--light-global-border-action-default);
  --global-border-action-hover: var(--light-global-border-action-hover);
  --global-border-action-pressed: var(--light-global-border-action-pressed);
  --global-border-muted-default: var(--light-global-border-muted-default);
  --global-border-muted-hover: var(--light-global-border-muted-hover);
  --global-border-muted-pressed: var(--light-global-border-muted-pressed);
  --global-border-strong-default: var(--light-global-border-strong-default);
  --global-border-strong-hover: var(--light-global-border-strong-hover);
  --global-border-strong-pressed: var(--light-global-border-strong-pressed);
  --global-content-critical-default: var(--light-global-content-critical-default);
  --global-content-critical-hover: var(--light-global-content-critical-hover);
  --global-content-critical-pressed: var(--light-global-content-critical-pressed);
  --global-content-decorative-default: var(--light-global-content-decorative-default);
  --global-content-decorative-hover: var(--light-global-content-decorative-hover);
  --global-content-decorative-pressed: var(--light-global-content-decorative-pressed);
  --global-content-muted-default: var(--light-global-content-muted-default);
  --global-content-muted-hover: var(--light-global-content-muted-hover);
  --global-content-muted-pressed: var(--light-global-content-muted-pressed);
  --global-content-primary-default: var(--light-global-content-primary-default);
  --global-content-primary-hover: var(--light-global-content-primary-hover);
  --global-content-primary-pressed: var(--light-global-content-primary-pressed);
  --global-content-regular-default: var(--light-global-content-regular-default);
  --global-content-regular-hover: var(--light-global-content-regular-hover);
  --global-content-regular-pressed: var(--light-global-content-regular-pressed);
  --global-content-success-default: var(--light-global-content-success-default);
  --global-content-success-hover: var(--light-global-content-success-hover);
  --global-content-success-pressed: var(--light-global-content-success-pressed);
  --global-content-warning-default: var(--light-global-content-warning-default);
  --global-content-warning-hover: var(--light-global-content-warning-hover);
  --global-content-warning-pressed: var(--light-global-content-warning-pressed);
  --global-control-action-default: var(--light-global-control-action-default);
  --global-control-action-hover: var(--light-global-control-action-hover);
  --global-control-action-pressed: var(--light-global-control-action-pressed);
  --global-control-surface-default: var(--light-global-control-surface-default);
  --global-control-surface-hover: var(--light-global-control-surface-hover);
  --global-control-surface-pressed: var(--light-global-control-surface-pressed);
  --global-critical-onSurface-default: var(--light-global-critical-onSurface-default);
  --global-critical-onSurface-hover: var(--light-global-critical-onSurface-hover);
  --global-critical-onSurface-pressed: var(--light-global-critical-onSurface-pressed);
  --global-critical-onSurfaceMuted-default: var(--light-global-critical-onSurfaceMuted-default);
  --global-critical-onSurfaceMuted-hover: var(--light-global-critical-onSurfaceMuted-hover);
  --global-critical-onSurfaceMuted-pressed: var(--light-global-critical-onSurfaceMuted-pressed);
  --global-critical-surface-default: var(--light-global-critical-surface-default);
  --global-critical-surface-hover: var(--light-global-critical-surface-hover);
  --global-critical-surface-pressed: var(--light-global-critical-surface-pressed);
  --global-critical-surfaceMuted-default: var(--light-global-critical-surfaceMuted-default);
  --global-critical-surfaceMuted-hover: var(--light-global-critical-surfaceMuted-hover);
  --global-critical-surfaceMuted-pressed: var(--light-global-critical-surfaceMuted-pressed);
  --global-inverted-decorative-default: var(--light-global-inverted-decorative-default);
  --global-inverted-decorative-hover: var(--light-global-inverted-decorative-hover);
  --global-inverted-decorative-pressed: var(--light-global-inverted-decorative-pressed);
  --global-inverted-muted-default: var(--light-global-inverted-muted-default);
  --global-inverted-muted-hover: var(--light-global-inverted-muted-hover);
  --global-inverted-muted-pressed: var(--light-global-inverted-muted-pressed);
  --global-inverted-regular-default: var(--light-global-inverted-regular-default);
  --global-inverted-regular-hover: var(--light-global-inverted-regular-hover);
  --global-inverted-regular-pressed: var(--light-global-inverted-regular-pressed);
  --global-inverted-surface-default: var(--light-global-inverted-surface-default);
  --global-inverted-surface-hover: var(--light-global-inverted-surface-hover);
  --global-inverted-surface-pressed: var(--light-global-inverted-surface-pressed);
  --global-primary-onSurface-default: var(--light-global-primary-onSurface-default);
  --global-primary-onSurface-hover: var(--light-global-primary-onSurface-hover);
  --global-primary-onSurface-pressed: var(--light-global-primary-onSurface-pressed);
  --global-primary-onSurfaceMuted-default: var(--light-global-primary-onSurfaceMuted-default);
  --global-primary-onSurfaceMuted-hover: var(--light-global-primary-onSurfaceMuted-hover);
  --global-primary-onSurfaceMuted-pressed: var(--light-global-primary-onSurfaceMuted-pressed);
  --global-primary-onSurfaceSubtle-default: var(--light-global-primary-onSurfaceSubtle-default);
  --global-primary-onSurfaceSubtle-hover: var(--light-global-primary-onSurfaceSubtle-hover);
  --global-primary-onSurfaceSubtle-pressed: var(--light-global-primary-onSurfaceSubtle-pressed);
  --global-primary-surface-default: var(--light-global-primary-surface-default);
  --global-primary-surface-hover: var(--light-global-primary-surface-hover);
  --global-primary-surface-pressed: var(--light-global-primary-surface-pressed);
  --global-primary-surfaceMuted-default: var(--light-global-primary-surfaceMuted-default);
  --global-primary-surfaceMuted-hover: var(--light-global-primary-surfaceMuted-hover);
  --global-primary-surfaceMuted-pressed: var(--light-global-primary-surfaceMuted-pressed);
  --global-primary-surfaceSubtle-default: var(--light-global-primary-surfaceSubtle-default);
  --global-primary-surfaceSubtle-hover: var(--light-global-primary-surfaceSubtle-hover);
  --global-primary-surfaceSubtle-pressed: var(--light-global-primary-surfaceSubtle-pressed);
  --global-rich-action-default: var(--light-global-rich-action-default);
  --global-rich-action-hover: var(--light-global-rich-action-hover);
  --global-rich-action-pressed: var(--light-global-rich-action-pressed);
  --global-rich-muted-default: var(--light-global-rich-muted-default);
  --global-rich-muted-hover: var(--light-global-rich-muted-hover);
  --global-rich-muted-pressed: var(--light-global-rich-muted-pressed);
  --global-rich-regular-default: var(--light-global-rich-regular-default);
  --global-rich-regular-hover: var(--light-global-rich-regular-hover);
  --global-rich-regular-pressed: var(--light-global-rich-regular-pressed);
  --global-rich-surface-default: var(--light-global-rich-surface-default);
  --global-rich-surface-hover: var(--light-global-rich-surface-hover);
  --global-rich-surface-pressed: var(--light-global-rich-surface-pressed);
  --global-rich-surfaceAlt-default: var(--light-global-rich-surfaceAlt-default);
  --global-rich-surfaceAlt-hover: var(--light-global-rich-surfaceAlt-hover);
  --global-rich-surfaceAlt-pressed: var(--light-global-rich-surfaceAlt-pressed);
  --global-success-onSurface-default: var(--light-global-success-onSurface-default);
  --global-success-onSurface-hover: var(--light-global-success-onSurface-hover);
  --global-success-onSurface-pressed: var(--light-global-success-onSurface-pressed);
  --global-success-onSurfaceMuted-default: var(--light-global-success-onSurfaceMuted-default);
  --global-success-onSurfaceMuted-hover: var(--light-global-success-onSurfaceMuted-hover);
  --global-success-onSurfaceMuted-pressed: var(--light-global-success-onSurfaceMuted-pressed);
  --global-success-surface-default: var(--light-global-success-surface-default);
  --global-success-surface-hover: var(--light-global-success-surface-hover);
  --global-success-surface-pressed: var(--light-global-success-surface-pressed);
  --global-success-surfaceMuted-default: var(--light-global-success-surfaceMuted-default);
  --global-success-surfaceMuted-hover: var(--light-global-success-surfaceMuted-hover);
  --global-success-surfaceMuted-pressed: var(--light-global-success-surfaceMuted-pressed);
  --global-warning-onSurface-default: var(--light-global-warning-onSurface-default);
  --global-warning-onSurface-hover: var(--light-global-warning-onSurface-hover);
  --global-warning-onSurface-pressed: var(--light-global-warning-onSurface-pressed);
  --global-warning-onSurfaceMuted-default: var(--light-global-warning-onSurfaceMuted-default);
  --global-warning-onSurfaceMuted-hover: var(--light-global-warning-onSurfaceMuted-hover);
  --global-warning-onSurfaceMuted-pressed: var(--light-global-warning-onSurfaceMuted-pressed);
  --global-warning-surface-default: var(--light-global-warning-surface-default);
  --global-warning-surface-hover: var(--light-global-warning-surface-hover);
  --global-warning-surface-pressed: var(--light-global-warning-surface-pressed);
  --global-warning-surfaceMuted-default: var(--light-global-warning-surfaceMuted-default);
  --global-warning-surfaceMuted-hover: var(--light-global-warning-surfaceMuted-hover);
  --global-warning-surfaceMuted-pressed: var(--light-global-warning-surfaceMuted-pressed);
}

.colorDark {
  color-scheme: dark;

  --global-bg-base-default: var(--dark-global-bg-base-default);
  --global-bg-base-hover: var(--dark-global-bg-base-hover);
  --global-bg-base-pressed: var(--dark-global-bg-base-pressed);
  --global-bg-baseAlt-default: var(--dark-global-bg-baseAlt-default);
  --global-bg-baseAlt-hover: var(--dark-global-bg-baseAlt-hover);
  --global-bg-baseAlt-pressed: var(--dark-global-bg-baseAlt-pressed);
  --global-bg-elevated-default: var(--dark-global-bg-elevated-default);
  --global-bg-elevated-hover: var(--dark-global-bg-elevated-hover);
  --global-bg-elevated-pressed: var(--dark-global-bg-elevated-pressed);
  --global-bg-page-default: var(--dark-global-bg-page-default);
  --global-bg-page-hover: var(--dark-global-bg-page-hover);
  --global-bg-page-pressed: var(--dark-global-bg-page-pressed);
  --global-bg-pageAlt-default: var(--dark-global-bg-pageAlt-default);
  --global-bg-pageAlt-hover: var(--dark-global-bg-pageAlt-hover);
  --global-bg-pageAlt-pressed: var(--dark-global-bg-pageAlt-pressed);
  --global-border-action-default: var(--dark-global-border-action-default);
  --global-border-action-hover: var(--dark-global-border-action-hover);
  --global-border-action-pressed: var(--dark-global-border-action-pressed);
  --global-border-muted-default: var(--dark-global-border-muted-default);
  --global-border-muted-hover: var(--dark-global-border-muted-hover);
  --global-border-muted-pressed: var(--dark-global-border-muted-pressed);
  --global-border-strong-default: var(--dark-global-border-strong-default);
  --global-border-strong-hover: var(--dark-global-border-strong-hover);
  --global-border-strong-pressed: var(--dark-global-border-strong-pressed);
  --global-content-critical-default: var(--dark-global-content-critical-default);
  --global-content-critical-hover: var(--dark-global-content-critical-hover);
  --global-content-critical-pressed: var(--dark-global-content-critical-pressed);
  --global-content-decorative-default: var(--dark-global-content-decorative-default);
  --global-content-decorative-hover: var(--dark-global-content-decorative-hover);
  --global-content-decorative-pressed: var(--dark-global-content-decorative-pressed);
  --global-content-muted-default: var(--dark-global-content-muted-default);
  --global-content-muted-hover: var(--dark-global-content-muted-hover);
  --global-content-muted-pressed: var(--dark-global-content-muted-pressed);
  --global-content-primary-default: var(--dark-global-content-primary-default);
  --global-content-primary-hover: var(--dark-global-content-primary-hover);
  --global-content-primary-pressed: var(--dark-global-content-primary-pressed);
  --global-content-regular-default: var(--dark-global-content-regular-default);
  --global-content-regular-hover: var(--dark-global-content-regular-hover);
  --global-content-regular-pressed: var(--dark-global-content-regular-pressed);
  --global-content-success-default: var(--dark-global-content-success-default);
  --global-content-success-hover: var(--dark-global-content-success-hover);
  --global-content-success-pressed: var(--dark-global-content-success-pressed);
  --global-content-warning-default: var(--dark-global-content-warning-default);
  --global-content-warning-hover: var(--dark-global-content-warning-hover);
  --global-content-warning-pressed: var(--dark-global-content-warning-pressed);
  --global-control-action-default: var(--dark-global-control-action-default);
  --global-control-action-hover: var(--dark-global-control-action-hover);
  --global-control-action-pressed: var(--dark-global-control-action-pressed);
  --global-control-surface-default: var(--dark-global-control-surface-default);
  --global-control-surface-hover: var(--dark-global-control-surface-hover);
  --global-control-surface-pressed: var(--dark-global-control-surface-pressed);
  --global-critical-onSurface-default: var(--dark-global-critical-onSurface-default);
  --global-critical-onSurface-hover: var(--dark-global-critical-onSurface-hover);
  --global-critical-onSurface-pressed: var(--dark-global-critical-onSurface-pressed);
  --global-critical-onSurfaceMuted-default: var(--dark-global-critical-onSurfaceMuted-default);
  --global-critical-onSurfaceMuted-hover: var(--dark-global-critical-onSurfaceMuted-hover);
  --global-critical-onSurfaceMuted-pressed: var(--dark-global-critical-onSurfaceMuted-pressed);
  --global-critical-surface-default: var(--dark-global-critical-surface-default);
  --global-critical-surface-hover: var(--dark-global-critical-surface-hover);
  --global-critical-surface-pressed: var(--dark-global-critical-surface-pressed);
  --global-critical-surfaceMuted-default: var(--dark-global-critical-surfaceMuted-default);
  --global-critical-surfaceMuted-hover: var(--dark-global-critical-surfaceMuted-hover);
  --global-critical-surfaceMuted-pressed: var(--dark-global-critical-surfaceMuted-pressed);
  --global-inverted-decorative-default: var(--dark-global-inverted-decorative-default);
  --global-inverted-decorative-hover: var(--dark-global-inverted-decorative-hover);
  --global-inverted-decorative-pressed: var(--dark-global-inverted-decorative-pressed);
  --global-inverted-muted-default: var(--dark-global-inverted-muted-default);
  --global-inverted-muted-hover: var(--dark-global-inverted-muted-hover);
  --global-inverted-muted-pressed: var(--dark-global-inverted-muted-pressed);
  --global-inverted-regular-default: var(--dark-global-inverted-regular-default);
  --global-inverted-regular-hover: var(--dark-global-inverted-regular-hover);
  --global-inverted-regular-pressed: var(--dark-global-inverted-regular-pressed);
  --global-inverted-surface-default: var(--dark-global-inverted-surface-default);
  --global-inverted-surface-hover: var(--dark-global-inverted-surface-hover);
  --global-inverted-surface-pressed: var(--dark-global-inverted-surface-pressed);
  --global-primary-onSurface-default: var(--dark-global-primary-onSurface-default);
  --global-primary-onSurface-hover: var(--dark-global-primary-onSurface-hover);
  --global-primary-onSurface-pressed: var(--dark-global-primary-onSurface-pressed);
  --global-primary-onSurfaceMuted-default: var(--dark-global-primary-onSurfaceMuted-default);
  --global-primary-onSurfaceMuted-hover: var(--dark-global-primary-onSurfaceMuted-hover);
  --global-primary-onSurfaceMuted-pressed: var(--dark-global-primary-onSurfaceMuted-pressed);
  --global-primary-onSurfaceSubtle-default: var(--dark-global-primary-onSurfaceSubtle-default);
  --global-primary-onSurfaceSubtle-hover: var(--dark-global-primary-onSurfaceSubtle-hover);
  --global-primary-onSurfaceSubtle-pressed: var(--dark-global-primary-onSurfaceSubtle-pressed);
  --global-primary-surface-default: var(--dark-global-primary-surface-default);
  --global-primary-surface-hover: var(--dark-global-primary-surface-hover);
  --global-primary-surface-pressed: var(--dark-global-primary-surface-pressed);
  --global-primary-surfaceMuted-default: var(--dark-global-primary-surfaceMuted-default);
  --global-primary-surfaceMuted-hover: var(--dark-global-primary-surfaceMuted-hover);
  --global-primary-surfaceMuted-pressed: var(--dark-global-primary-surfaceMuted-pressed);
  --global-primary-surfaceSubtle-default: var(--dark-global-primary-surfaceSubtle-default);
  --global-primary-surfaceSubtle-hover: var(--dark-global-primary-surfaceSubtle-hover);
  --global-primary-surfaceSubtle-pressed: var(--dark-global-primary-surfaceSubtle-pressed);
  --global-rich-action-default: var(--dark-global-rich-action-default);
  --global-rich-action-hover: var(--dark-global-rich-action-hover);
  --global-rich-action-pressed: var(--dark-global-rich-action-pressed);
  --global-rich-muted-default: var(--dark-global-rich-muted-default);
  --global-rich-muted-hover: var(--dark-global-rich-muted-hover);
  --global-rich-muted-pressed: var(--dark-global-rich-muted-pressed);
  --global-rich-regular-default: var(--dark-global-rich-regular-default);
  --global-rich-regular-hover: var(--dark-global-rich-regular-hover);
  --global-rich-regular-pressed: var(--dark-global-rich-regular-pressed);
  --global-rich-surface-default: var(--dark-global-rich-surface-default);
  --global-rich-surface-hover: var(--dark-global-rich-surface-hover);
  --global-rich-surface-pressed: var(--dark-global-rich-surface-pressed);
  --global-rich-surfaceAlt-default: var(--dark-global-rich-surfaceAlt-default);
  --global-rich-surfaceAlt-hover: var(--dark-global-rich-surfaceAlt-hover);
  --global-rich-surfaceAlt-pressed: var(--dark-global-rich-surfaceAlt-pressed);
  --global-success-onSurface-default: var(--dark-global-success-onSurface-default);
  --global-success-onSurface-hover: var(--dark-global-success-onSurface-hover);
  --global-success-onSurface-pressed: var(--dark-global-success-onSurface-pressed);
  --global-success-onSurfaceMuted-default: var(--dark-global-success-onSurfaceMuted-default);
  --global-success-onSurfaceMuted-hover: var(--dark-global-success-onSurfaceMuted-hover);
  --global-success-onSurfaceMuted-pressed: var(--dark-global-success-onSurfaceMuted-pressed);
  --global-success-surface-default: var(--dark-global-success-surface-default);
  --global-success-surface-hover: var(--dark-global-success-surface-hover);
  --global-success-surface-pressed: var(--dark-global-success-surface-pressed);
  --global-success-surfaceMuted-default: var(--dark-global-success-surfaceMuted-default);
  --global-success-surfaceMuted-hover: var(--dark-global-success-surfaceMuted-hover);
  --global-success-surfaceMuted-pressed: var(--dark-global-success-surfaceMuted-pressed);
  --global-warning-onSurface-default: var(--dark-global-warning-onSurface-default);
  --global-warning-onSurface-hover: var(--dark-global-warning-onSurface-hover);
  --global-warning-onSurface-pressed: var(--dark-global-warning-onSurface-pressed);
  --global-warning-onSurfaceMuted-default: var(--dark-global-warning-onSurfaceMuted-default);
  --global-warning-onSurfaceMuted-hover: var(--dark-global-warning-onSurfaceMuted-hover);
  --global-warning-onSurfaceMuted-pressed: var(--dark-global-warning-onSurfaceMuted-pressed);
  --global-warning-surface-default: var(--dark-global-warning-surface-default);
  --global-warning-surface-hover: var(--dark-global-warning-surface-hover);
  --global-warning-surface-pressed: var(--dark-global-warning-surface-pressed);
  --global-warning-surfaceMuted-default: var(--dark-global-warning-surfaceMuted-default);
  --global-warning-surfaceMuted-hover: var(--dark-global-warning-surfaceMuted-hover);
  --global-warning-surfaceMuted-pressed: var(--dark-global-warning-surfaceMuted-pressed);
}

.screenAuto {
  --type-body-fontSizes-lg: var(--mobile-type-body-fontSizes-lg);
  --type-body-fontSizes-md: var(--mobile-type-body-fontSizes-md);
  --type-body-fontSizes-sm: var(--mobile-type-body-fontSizes-sm);
  --type-body-fontSizes-xs: var(--mobile-type-body-fontSizes-xs);
  --type-body-fontStack: var(--mobile-type-body-fontStack);
  --type-body-fontWeights-bold: var(--mobile-type-body-fontWeights-bold);
  --type-body-fontWeights-normal: var(--mobile-type-body-fontWeights-normal);
  --type-body-letterSpacing: var(--mobile-type-body-letterSpacing);
  --type-body-lineHeight: var(--mobile-type-body-lineHeight);
  --type-dataBody-fontSizes-lg: var(--mobile-type-dataBody-fontSizes-lg);
  --type-dataBody-fontSizes-md: var(--mobile-type-dataBody-fontSizes-md);
  --type-dataBody-fontSizes-sm: var(--mobile-type-dataBody-fontSizes-sm);
  --type-dataBody-fontSizes-xs: var(--mobile-type-dataBody-fontSizes-xs);
  --type-dataBody-fontStack: var(--mobile-type-dataBody-fontStack);
  --type-dataBody-fontWeights-bold: var(--mobile-type-dataBody-fontWeights-bold);
  --type-dataBody-fontWeights-normal: var(--mobile-type-dataBody-fontWeights-normal);
  --type-dataBody-fontWidth: var(--mobile-type-dataBody-fontWidth);
  --type-dataBody-letterSpacing: var(--mobile-type-dataBody-letterSpacing);
  --type-dataBody-lineHeight: var(--mobile-type-dataBody-lineHeight);
  --type-dataDisplay-fontSizes-lg: var(--mobile-type-dataDisplay-fontSizes-lg);
  --type-dataDisplay-fontSizes-md: var(--mobile-type-dataDisplay-fontSizes-md);
  --type-dataDisplay-fontSizes-xl: var(--mobile-type-dataDisplay-fontSizes-xl);
  --type-dataDisplay-fontSizes-xxl: var(--mobile-type-dataDisplay-fontSizes-xxl);
  --type-dataDisplay-fontSizes-xxxl: var(--mobile-type-dataDisplay-fontSizes-xxxl);
  --type-dataDisplay-fontStack: var(--mobile-type-dataDisplay-fontStack);
  --type-dataDisplay-fontWeights-light: var(--mobile-type-dataDisplay-fontWeights-light);
  --type-dataDisplay-fontWeights-medium: var(--mobile-type-dataDisplay-fontWeights-medium);
  --type-dataDisplay-fontWeights-normal: var(--mobile-type-dataDisplay-fontWeights-normal);
  --type-dataDisplay-fontWidth: var(--mobile-type-dataDisplay-fontWidth);
  --type-dataDisplay-letterSpacing: var(--mobile-type-dataDisplay-letterSpacing);
  --type-dataDisplay-lineHeight: var(--mobile-type-dataDisplay-lineHeight);
  --type-dataHeading-fontSizes-lg: var(--mobile-type-dataHeading-fontSizes-lg);
  --type-dataHeading-fontSizes-md: var(--mobile-type-dataHeading-fontSizes-md);
  --type-dataHeading-fontSizes-sm: var(--mobile-type-dataHeading-fontSizes-sm);
  --type-dataHeading-fontSizes-xl: var(--mobile-type-dataHeading-fontSizes-xl);
  --type-dataHeading-fontSizes-xs: var(--mobile-type-dataHeading-fontSizes-xs);
  --type-dataHeading-fontStack: var(--mobile-type-dataHeading-fontStack);
  --type-dataHeading-fontWeights-light: var(--mobile-type-dataHeading-fontWeights-light);
  --type-dataHeading-fontWeights-medium: var(--mobile-type-dataHeading-fontWeights-medium);
  --type-dataHeading-fontWeights-normal: var(--mobile-type-dataHeading-fontWeights-normal);
  --type-dataHeading-fontWidth: var(--mobile-type-dataHeading-fontWidth);
  --type-dataHeading-letterSpacing: var(--mobile-type-dataHeading-letterSpacing);
  --type-dataHeading-lineHeight: var(--mobile-type-dataHeading-lineHeight);
  --type-display-fontSizes-lg: var(--mobile-type-display-fontSizes-lg);
  --type-display-fontSizes-md: var(--mobile-type-display-fontSizes-md);
  --type-display-fontSizes-xl: var(--mobile-type-display-fontSizes-xl);
  --type-display-fontSizes-xxl: var(--mobile-type-display-fontSizes-xxl);
  --type-display-fontSizes-xxxl: var(--mobile-type-display-fontSizes-xxxl);
  --type-display-fontStack: var(--mobile-type-display-fontStack);
  --type-display-fontWeights-light: var(--mobile-type-display-fontWeights-light);
  --type-display-fontWeights-medium: var(--mobile-type-display-fontWeights-medium);
  --type-display-fontWeights-normal: var(--mobile-type-display-fontWeights-normal);
  --type-display-letterSpacing: var(--mobile-type-display-letterSpacing);
  --type-display-lineHeight: var(--mobile-type-display-lineHeight);
  --type-heading-fontSizes-lg: var(--mobile-type-heading-fontSizes-lg);
  --type-heading-fontSizes-md: var(--mobile-type-heading-fontSizes-md);
  --type-heading-fontSizes-sm: var(--mobile-type-heading-fontSizes-sm);
  --type-heading-fontSizes-xl: var(--mobile-type-heading-fontSizes-xl);
  --type-heading-fontSizes-xs: var(--mobile-type-heading-fontSizes-xs);
  --type-heading-fontStack: var(--mobile-type-heading-fontStack);
  --type-heading-fontWeights-light: var(--mobile-type-heading-fontWeights-light);
  --type-heading-fontWeights-medium: var(--mobile-type-heading-fontWeights-medium);
  --type-heading-fontWeights-normal: var(--mobile-type-heading-fontWeights-normal);
  --type-heading-letterSpacing: var(--mobile-type-heading-letterSpacing);
  --type-heading-lineHeight: var(--mobile-type-heading-lineHeight);
}

.screenMobile {
  --type-body-fontSizes-lg: var(--mobile-type-body-fontSizes-lg);
  --type-body-fontSizes-md: var(--mobile-type-body-fontSizes-md);
  --type-body-fontSizes-sm: var(--mobile-type-body-fontSizes-sm);
  --type-body-fontSizes-xs: var(--mobile-type-body-fontSizes-xs);
  --type-body-fontStack: var(--mobile-type-body-fontStack);
  --type-body-fontWeights-bold: var(--mobile-type-body-fontWeights-bold);
  --type-body-fontWeights-normal: var(--mobile-type-body-fontWeights-normal);
  --type-body-letterSpacing: var(--mobile-type-body-letterSpacing);
  --type-body-lineHeight: var(--mobile-type-body-lineHeight);
  --type-dataBody-fontSizes-lg: var(--mobile-type-dataBody-fontSizes-lg);
  --type-dataBody-fontSizes-md: var(--mobile-type-dataBody-fontSizes-md);
  --type-dataBody-fontSizes-sm: var(--mobile-type-dataBody-fontSizes-sm);
  --type-dataBody-fontSizes-xs: var(--mobile-type-dataBody-fontSizes-xs);
  --type-dataBody-fontStack: var(--mobile-type-dataBody-fontStack);
  --type-dataBody-fontWeights-bold: var(--mobile-type-dataBody-fontWeights-bold);
  --type-dataBody-fontWeights-normal: var(--mobile-type-dataBody-fontWeights-normal);
  --type-dataBody-fontWidth: var(--mobile-type-dataBody-fontWidth);
  --type-dataBody-letterSpacing: var(--mobile-type-dataBody-letterSpacing);
  --type-dataBody-lineHeight: var(--mobile-type-dataBody-lineHeight);
  --type-dataDisplay-fontSizes-lg: var(--mobile-type-dataDisplay-fontSizes-lg);
  --type-dataDisplay-fontSizes-md: var(--mobile-type-dataDisplay-fontSizes-md);
  --type-dataDisplay-fontSizes-xl: var(--mobile-type-dataDisplay-fontSizes-xl);
  --type-dataDisplay-fontSizes-xxl: var(--mobile-type-dataDisplay-fontSizes-xxl);
  --type-dataDisplay-fontSizes-xxxl: var(--mobile-type-dataDisplay-fontSizes-xxxl);
  --type-dataDisplay-fontStack: var(--mobile-type-dataDisplay-fontStack);
  --type-dataDisplay-fontWeights-light: var(--mobile-type-dataDisplay-fontWeights-light);
  --type-dataDisplay-fontWeights-medium: var(--mobile-type-dataDisplay-fontWeights-medium);
  --type-dataDisplay-fontWeights-normal: var(--mobile-type-dataDisplay-fontWeights-normal);
  --type-dataDisplay-fontWidth: var(--mobile-type-dataDisplay-fontWidth);
  --type-dataDisplay-letterSpacing: var(--mobile-type-dataDisplay-letterSpacing);
  --type-dataDisplay-lineHeight: var(--mobile-type-dataDisplay-lineHeight);
  --type-dataHeading-fontSizes-lg: var(--mobile-type-dataHeading-fontSizes-lg);
  --type-dataHeading-fontSizes-md: var(--mobile-type-dataHeading-fontSizes-md);
  --type-dataHeading-fontSizes-sm: var(--mobile-type-dataHeading-fontSizes-sm);
  --type-dataHeading-fontSizes-xl: var(--mobile-type-dataHeading-fontSizes-xl);
  --type-dataHeading-fontSizes-xs: var(--mobile-type-dataHeading-fontSizes-xs);
  --type-dataHeading-fontStack: var(--mobile-type-dataHeading-fontStack);
  --type-dataHeading-fontWeights-light: var(--mobile-type-dataHeading-fontWeights-light);
  --type-dataHeading-fontWeights-medium: var(--mobile-type-dataHeading-fontWeights-medium);
  --type-dataHeading-fontWeights-normal: var(--mobile-type-dataHeading-fontWeights-normal);
  --type-dataHeading-fontWidth: var(--mobile-type-dataHeading-fontWidth);
  --type-dataHeading-letterSpacing: var(--mobile-type-dataHeading-letterSpacing);
  --type-dataHeading-lineHeight: var(--mobile-type-dataHeading-lineHeight);
  --type-display-fontSizes-lg: var(--mobile-type-display-fontSizes-lg);
  --type-display-fontSizes-md: var(--mobile-type-display-fontSizes-md);
  --type-display-fontSizes-xl: var(--mobile-type-display-fontSizes-xl);
  --type-display-fontSizes-xxl: var(--mobile-type-display-fontSizes-xxl);
  --type-display-fontSizes-xxxl: var(--mobile-type-display-fontSizes-xxxl);
  --type-display-fontStack: var(--mobile-type-display-fontStack);
  --type-display-fontWeights-light: var(--mobile-type-display-fontWeights-light);
  --type-display-fontWeights-medium: var(--mobile-type-display-fontWeights-medium);
  --type-display-fontWeights-normal: var(--mobile-type-display-fontWeights-normal);
  --type-display-letterSpacing: var(--mobile-type-display-letterSpacing);
  --type-display-lineHeight: var(--mobile-type-display-lineHeight);
  --type-heading-fontSizes-lg: var(--mobile-type-heading-fontSizes-lg);
  --type-heading-fontSizes-md: var(--mobile-type-heading-fontSizes-md);
  --type-heading-fontSizes-sm: var(--mobile-type-heading-fontSizes-sm);
  --type-heading-fontSizes-xl: var(--mobile-type-heading-fontSizes-xl);
  --type-heading-fontSizes-xs: var(--mobile-type-heading-fontSizes-xs);
  --type-heading-fontStack: var(--mobile-type-heading-fontStack);
  --type-heading-fontWeights-light: var(--mobile-type-heading-fontWeights-light);
  --type-heading-fontWeights-medium: var(--mobile-type-heading-fontWeights-medium);
  --type-heading-fontWeights-normal: var(--mobile-type-heading-fontWeights-normal);
  --type-heading-letterSpacing: var(--mobile-type-heading-letterSpacing);
  --type-heading-lineHeight: var(--mobile-type-heading-lineHeight);
}

.screenDesktop {
  --type-body-fontSizes-lg: var(--desktop-type-body-fontSizes-lg);
  --type-body-fontSizes-md: var(--desktop-type-body-fontSizes-md);
  --type-body-fontSizes-sm: var(--desktop-type-body-fontSizes-sm);
  --type-body-fontSizes-xs: var(--desktop-type-body-fontSizes-xs);
  --type-body-fontStack: var(--desktop-type-body-fontStack);
  --type-body-fontWeights-bold: var(--desktop-type-body-fontWeights-bold);
  --type-body-fontWeights-normal: var(--desktop-type-body-fontWeights-normal);
  --type-body-letterSpacing: var(--desktop-type-body-letterSpacing);
  --type-body-lineHeight: var(--desktop-type-body-lineHeight);
  --type-dataBody-fontSizes-lg: var(--desktop-type-dataBody-fontSizes-lg);
  --type-dataBody-fontSizes-md: var(--desktop-type-dataBody-fontSizes-md);
  --type-dataBody-fontSizes-sm: var(--desktop-type-dataBody-fontSizes-sm);
  --type-dataBody-fontSizes-xs: var(--desktop-type-dataBody-fontSizes-xs);
  --type-dataBody-fontStack: var(--desktop-type-dataBody-fontStack);
  --type-dataBody-fontWeights-bold: var(--desktop-type-dataBody-fontWeights-bold);
  --type-dataBody-fontWeights-normal: var(--desktop-type-dataBody-fontWeights-normal);
  --type-dataBody-fontWidth: var(--desktop-type-dataBody-fontWidth);
  --type-dataBody-letterSpacing: var(--desktop-type-dataBody-letterSpacing);
  --type-dataBody-lineHeight: var(--desktop-type-dataBody-lineHeight);
  --type-dataDisplay-fontSizes-lg: var(--desktop-type-dataDisplay-fontSizes-lg);
  --type-dataDisplay-fontSizes-md: var(--desktop-type-dataDisplay-fontSizes-md);
  --type-dataDisplay-fontSizes-xl: var(--desktop-type-dataDisplay-fontSizes-xl);
  --type-dataDisplay-fontSizes-xxl: var(--desktop-type-dataDisplay-fontSizes-xxl);
  --type-dataDisplay-fontSizes-xxxl: var(--desktop-type-dataDisplay-fontSizes-xxxl);
  --type-dataDisplay-fontStack: var(--desktop-type-dataDisplay-fontStack);
  --type-dataDisplay-fontWeights-light: var(--desktop-type-dataDisplay-fontWeights-light);
  --type-dataDisplay-fontWeights-medium: var(--desktop-type-dataDisplay-fontWeights-medium);
  --type-dataDisplay-fontWeights-normal: var(--desktop-type-dataDisplay-fontWeights-normal);
  --type-dataDisplay-fontWidth: var(--desktop-type-dataDisplay-fontWidth);
  --type-dataDisplay-letterSpacing: var(--desktop-type-dataDisplay-letterSpacing);
  --type-dataDisplay-lineHeight: var(--desktop-type-dataDisplay-lineHeight);
  --type-dataHeading-fontSizes-lg: var(--desktop-type-dataHeading-fontSizes-lg);
  --type-dataHeading-fontSizes-md: var(--desktop-type-dataHeading-fontSizes-md);
  --type-dataHeading-fontSizes-sm: var(--desktop-type-dataHeading-fontSizes-sm);
  --type-dataHeading-fontSizes-xl: var(--desktop-type-dataHeading-fontSizes-xl);
  --type-dataHeading-fontSizes-xs: var(--desktop-type-dataHeading-fontSizes-xs);
  --type-dataHeading-fontStack: var(--desktop-type-dataHeading-fontStack);
  --type-dataHeading-fontWeights-light: var(--desktop-type-dataHeading-fontWeights-light);
  --type-dataHeading-fontWeights-medium: var(--desktop-type-dataHeading-fontWeights-medium);
  --type-dataHeading-fontWeights-normal: var(--desktop-type-dataHeading-fontWeights-normal);
  --type-dataHeading-fontWidth: var(--desktop-type-dataHeading-fontWidth);
  --type-dataHeading-letterSpacing: var(--desktop-type-dataHeading-letterSpacing);
  --type-dataHeading-lineHeight: var(--desktop-type-dataHeading-lineHeight);
  --type-display-fontSizes-lg: var(--desktop-type-display-fontSizes-lg);
  --type-display-fontSizes-md: var(--desktop-type-display-fontSizes-md);
  --type-display-fontSizes-xl: var(--desktop-type-display-fontSizes-xl);
  --type-display-fontSizes-xxl: var(--desktop-type-display-fontSizes-xxl);
  --type-display-fontSizes-xxxl: var(--desktop-type-display-fontSizes-xxxl);
  --type-display-fontStack: var(--desktop-type-display-fontStack);
  --type-display-fontWeights-light: var(--desktop-type-display-fontWeights-light);
  --type-display-fontWeights-medium: var(--desktop-type-display-fontWeights-medium);
  --type-display-fontWeights-normal: var(--desktop-type-display-fontWeights-normal);
  --type-display-letterSpacing: var(--desktop-type-display-letterSpacing);
  --type-display-lineHeight: var(--desktop-type-display-lineHeight);
  --type-heading-fontSizes-lg: var(--desktop-type-heading-fontSizes-lg);
  --type-heading-fontSizes-md: var(--desktop-type-heading-fontSizes-md);
  --type-heading-fontSizes-sm: var(--desktop-type-heading-fontSizes-sm);
  --type-heading-fontSizes-xl: var(--desktop-type-heading-fontSizes-xl);
  --type-heading-fontSizes-xs: var(--desktop-type-heading-fontSizes-xs);
  --type-heading-fontStack: var(--desktop-type-heading-fontStack);
  --type-heading-fontWeights-light: var(--desktop-type-heading-fontWeights-light);
  --type-heading-fontWeights-medium: var(--desktop-type-heading-fontWeights-medium);
  --type-heading-fontWeights-normal: var(--desktop-type-heading-fontWeights-normal);
  --type-heading-letterSpacing: var(--desktop-type-heading-letterSpacing);
  --type-heading-lineHeight: var(--desktop-type-heading-lineHeight);
}

@media (min-width: 588px) {

.screenAuto {
    --type-body-fontSizes-lg: var(--desktop-type-body-fontSizes-lg);
    --type-body-fontSizes-md: var(--desktop-type-body-fontSizes-md);
    --type-body-fontSizes-sm: var(--desktop-type-body-fontSizes-sm);
    --type-body-fontSizes-xs: var(--desktop-type-body-fontSizes-xs);
    --type-body-fontStack: var(--desktop-type-body-fontStack);
    --type-body-fontWeights-bold: var(--desktop-type-body-fontWeights-bold);
    --type-body-fontWeights-normal: var(--desktop-type-body-fontWeights-normal);
    --type-body-letterSpacing: var(--desktop-type-body-letterSpacing);
    --type-body-lineHeight: var(--desktop-type-body-lineHeight);
    --type-dataBody-fontSizes-lg: var(--desktop-type-dataBody-fontSizes-lg);
    --type-dataBody-fontSizes-md: var(--desktop-type-dataBody-fontSizes-md);
    --type-dataBody-fontSizes-sm: var(--desktop-type-dataBody-fontSizes-sm);
    --type-dataBody-fontSizes-xs: var(--desktop-type-dataBody-fontSizes-xs);
    --type-dataBody-fontStack: var(--desktop-type-dataBody-fontStack);
    --type-dataBody-fontWeights-bold: var(--desktop-type-dataBody-fontWeights-bold);
    --type-dataBody-fontWeights-normal: var(--desktop-type-dataBody-fontWeights-normal);
    --type-dataBody-fontWidth: var(--desktop-type-dataBody-fontWidth);
    --type-dataBody-letterSpacing: var(--desktop-type-dataBody-letterSpacing);
    --type-dataBody-lineHeight: var(--desktop-type-dataBody-lineHeight);
    --type-dataDisplay-fontSizes-lg: var(--desktop-type-dataDisplay-fontSizes-lg);
    --type-dataDisplay-fontSizes-md: var(--desktop-type-dataDisplay-fontSizes-md);
    --type-dataDisplay-fontSizes-xl: var(--desktop-type-dataDisplay-fontSizes-xl);
    --type-dataDisplay-fontSizes-xxl: var(--desktop-type-dataDisplay-fontSizes-xxl);
    --type-dataDisplay-fontSizes-xxxl: var(--desktop-type-dataDisplay-fontSizes-xxxl);
    --type-dataDisplay-fontStack: var(--desktop-type-dataDisplay-fontStack);
    --type-dataDisplay-fontWeights-light: var(--desktop-type-dataDisplay-fontWeights-light);
    --type-dataDisplay-fontWeights-medium: var(--desktop-type-dataDisplay-fontWeights-medium);
    --type-dataDisplay-fontWeights-normal: var(--desktop-type-dataDisplay-fontWeights-normal);
    --type-dataDisplay-fontWidth: var(--desktop-type-dataDisplay-fontWidth);
    --type-dataDisplay-letterSpacing: var(--desktop-type-dataDisplay-letterSpacing);
    --type-dataDisplay-lineHeight: var(--desktop-type-dataDisplay-lineHeight);
    --type-dataHeading-fontSizes-lg: var(--desktop-type-dataHeading-fontSizes-lg);
    --type-dataHeading-fontSizes-md: var(--desktop-type-dataHeading-fontSizes-md);
    --type-dataHeading-fontSizes-sm: var(--desktop-type-dataHeading-fontSizes-sm);
    --type-dataHeading-fontSizes-xl: var(--desktop-type-dataHeading-fontSizes-xl);
    --type-dataHeading-fontSizes-xs: var(--desktop-type-dataHeading-fontSizes-xs);
    --type-dataHeading-fontStack: var(--desktop-type-dataHeading-fontStack);
    --type-dataHeading-fontWeights-light: var(--desktop-type-dataHeading-fontWeights-light);
    --type-dataHeading-fontWeights-medium: var(--desktop-type-dataHeading-fontWeights-medium);
    --type-dataHeading-fontWeights-normal: var(--desktop-type-dataHeading-fontWeights-normal);
    --type-dataHeading-fontWidth: var(--desktop-type-dataHeading-fontWidth);
    --type-dataHeading-letterSpacing: var(--desktop-type-dataHeading-letterSpacing);
    --type-dataHeading-lineHeight: var(--desktop-type-dataHeading-lineHeight);
    --type-display-fontSizes-lg: var(--desktop-type-display-fontSizes-lg);
    --type-display-fontSizes-md: var(--desktop-type-display-fontSizes-md);
    --type-display-fontSizes-xl: var(--desktop-type-display-fontSizes-xl);
    --type-display-fontSizes-xxl: var(--desktop-type-display-fontSizes-xxl);
    --type-display-fontSizes-xxxl: var(--desktop-type-display-fontSizes-xxxl);
    --type-display-fontStack: var(--desktop-type-display-fontStack);
    --type-display-fontWeights-light: var(--desktop-type-display-fontWeights-light);
    --type-display-fontWeights-medium: var(--desktop-type-display-fontWeights-medium);
    --type-display-fontWeights-normal: var(--desktop-type-display-fontWeights-normal);
    --type-display-letterSpacing: var(--desktop-type-display-letterSpacing);
    --type-display-lineHeight: var(--desktop-type-display-lineHeight);
    --type-heading-fontSizes-lg: var(--desktop-type-heading-fontSizes-lg);
    --type-heading-fontSizes-md: var(--desktop-type-heading-fontSizes-md);
    --type-heading-fontSizes-sm: var(--desktop-type-heading-fontSizes-sm);
    --type-heading-fontSizes-xl: var(--desktop-type-heading-fontSizes-xl);
    --type-heading-fontSizes-xs: var(--desktop-type-heading-fontSizes-xs);
    --type-heading-fontStack: var(--desktop-type-heading-fontStack);
    --type-heading-fontWeights-light: var(--desktop-type-heading-fontWeights-light);
    --type-heading-fontWeights-medium: var(--desktop-type-heading-fontWeights-medium);
    --type-heading-fontWeights-normal: var(--desktop-type-heading-fontWeights-normal);
    --type-heading-letterSpacing: var(--desktop-type-heading-letterSpacing);
    --type-heading-lineHeight: var(--desktop-type-heading-lineHeight);
}

.screenMobile {
    --type-body-fontSizes-lg: var(--mobile-type-body-fontSizes-lg);
    --type-body-fontSizes-md: var(--mobile-type-body-fontSizes-md);
    --type-body-fontSizes-sm: var(--mobile-type-body-fontSizes-sm);
    --type-body-fontSizes-xs: var(--mobile-type-body-fontSizes-xs);
    --type-body-fontStack: var(--mobile-type-body-fontStack);
    --type-body-fontWeights-bold: var(--mobile-type-body-fontWeights-bold);
    --type-body-fontWeights-normal: var(--mobile-type-body-fontWeights-normal);
    --type-body-letterSpacing: var(--mobile-type-body-letterSpacing);
    --type-body-lineHeight: var(--mobile-type-body-lineHeight);
    --type-dataBody-fontSizes-lg: var(--mobile-type-dataBody-fontSizes-lg);
    --type-dataBody-fontSizes-md: var(--mobile-type-dataBody-fontSizes-md);
    --type-dataBody-fontSizes-sm: var(--mobile-type-dataBody-fontSizes-sm);
    --type-dataBody-fontSizes-xs: var(--mobile-type-dataBody-fontSizes-xs);
    --type-dataBody-fontStack: var(--mobile-type-dataBody-fontStack);
    --type-dataBody-fontWeights-bold: var(--mobile-type-dataBody-fontWeights-bold);
    --type-dataBody-fontWeights-normal: var(--mobile-type-dataBody-fontWeights-normal);
    --type-dataBody-fontWidth: var(--mobile-type-dataBody-fontWidth);
    --type-dataBody-letterSpacing: var(--mobile-type-dataBody-letterSpacing);
    --type-dataBody-lineHeight: var(--mobile-type-dataBody-lineHeight);
    --type-dataDisplay-fontSizes-lg: var(--mobile-type-dataDisplay-fontSizes-lg);
    --type-dataDisplay-fontSizes-md: var(--mobile-type-dataDisplay-fontSizes-md);
    --type-dataDisplay-fontSizes-xl: var(--mobile-type-dataDisplay-fontSizes-xl);
    --type-dataDisplay-fontSizes-xxl: var(--mobile-type-dataDisplay-fontSizes-xxl);
    --type-dataDisplay-fontSizes-xxxl: var(--mobile-type-dataDisplay-fontSizes-xxxl);
    --type-dataDisplay-fontStack: var(--mobile-type-dataDisplay-fontStack);
    --type-dataDisplay-fontWeights-light: var(--mobile-type-dataDisplay-fontWeights-light);
    --type-dataDisplay-fontWeights-medium: var(--mobile-type-dataDisplay-fontWeights-medium);
    --type-dataDisplay-fontWeights-normal: var(--mobile-type-dataDisplay-fontWeights-normal);
    --type-dataDisplay-fontWidth: var(--mobile-type-dataDisplay-fontWidth);
    --type-dataDisplay-letterSpacing: var(--mobile-type-dataDisplay-letterSpacing);
    --type-dataDisplay-lineHeight: var(--mobile-type-dataDisplay-lineHeight);
    --type-dataHeading-fontSizes-lg: var(--mobile-type-dataHeading-fontSizes-lg);
    --type-dataHeading-fontSizes-md: var(--mobile-type-dataHeading-fontSizes-md);
    --type-dataHeading-fontSizes-sm: var(--mobile-type-dataHeading-fontSizes-sm);
    --type-dataHeading-fontSizes-xl: var(--mobile-type-dataHeading-fontSizes-xl);
    --type-dataHeading-fontSizes-xs: var(--mobile-type-dataHeading-fontSizes-xs);
    --type-dataHeading-fontStack: var(--mobile-type-dataHeading-fontStack);
    --type-dataHeading-fontWeights-light: var(--mobile-type-dataHeading-fontWeights-light);
    --type-dataHeading-fontWeights-medium: var(--mobile-type-dataHeading-fontWeights-medium);
    --type-dataHeading-fontWeights-normal: var(--mobile-type-dataHeading-fontWeights-normal);
    --type-dataHeading-fontWidth: var(--mobile-type-dataHeading-fontWidth);
    --type-dataHeading-letterSpacing: var(--mobile-type-dataHeading-letterSpacing);
    --type-dataHeading-lineHeight: var(--mobile-type-dataHeading-lineHeight);
    --type-display-fontSizes-lg: var(--mobile-type-display-fontSizes-lg);
    --type-display-fontSizes-md: var(--mobile-type-display-fontSizes-md);
    --type-display-fontSizes-xl: var(--mobile-type-display-fontSizes-xl);
    --type-display-fontSizes-xxl: var(--mobile-type-display-fontSizes-xxl);
    --type-display-fontSizes-xxxl: var(--mobile-type-display-fontSizes-xxxl);
    --type-display-fontStack: var(--mobile-type-display-fontStack);
    --type-display-fontWeights-light: var(--mobile-type-display-fontWeights-light);
    --type-display-fontWeights-medium: var(--mobile-type-display-fontWeights-medium);
    --type-display-fontWeights-normal: var(--mobile-type-display-fontWeights-normal);
    --type-display-letterSpacing: var(--mobile-type-display-letterSpacing);
    --type-display-lineHeight: var(--mobile-type-display-lineHeight);
    --type-heading-fontSizes-lg: var(--mobile-type-heading-fontSizes-lg);
    --type-heading-fontSizes-md: var(--mobile-type-heading-fontSizes-md);
    --type-heading-fontSizes-sm: var(--mobile-type-heading-fontSizes-sm);
    --type-heading-fontSizes-xl: var(--mobile-type-heading-fontSizes-xl);
    --type-heading-fontSizes-xs: var(--mobile-type-heading-fontSizes-xs);
    --type-heading-fontStack: var(--mobile-type-heading-fontStack);
    --type-heading-fontWeights-light: var(--mobile-type-heading-fontWeights-light);
    --type-heading-fontWeights-medium: var(--mobile-type-heading-fontWeights-medium);
    --type-heading-fontWeights-normal: var(--mobile-type-heading-fontWeights-normal);
    --type-heading-letterSpacing: var(--mobile-type-heading-letterSpacing);
    --type-heading-lineHeight: var(--mobile-type-heading-lineHeight);
}

.screenDesktop {
    --type-body-fontSizes-lg: var(--desktop-type-body-fontSizes-lg);
    --type-body-fontSizes-md: var(--desktop-type-body-fontSizes-md);
    --type-body-fontSizes-sm: var(--desktop-type-body-fontSizes-sm);
    --type-body-fontSizes-xs: var(--desktop-type-body-fontSizes-xs);
    --type-body-fontStack: var(--desktop-type-body-fontStack);
    --type-body-fontWeights-bold: var(--desktop-type-body-fontWeights-bold);
    --type-body-fontWeights-normal: var(--desktop-type-body-fontWeights-normal);
    --type-body-letterSpacing: var(--desktop-type-body-letterSpacing);
    --type-body-lineHeight: var(--desktop-type-body-lineHeight);
    --type-dataBody-fontSizes-lg: var(--desktop-type-dataBody-fontSizes-lg);
    --type-dataBody-fontSizes-md: var(--desktop-type-dataBody-fontSizes-md);
    --type-dataBody-fontSizes-sm: var(--desktop-type-dataBody-fontSizes-sm);
    --type-dataBody-fontSizes-xs: var(--desktop-type-dataBody-fontSizes-xs);
    --type-dataBody-fontStack: var(--desktop-type-dataBody-fontStack);
    --type-dataBody-fontWeights-bold: var(--desktop-type-dataBody-fontWeights-bold);
    --type-dataBody-fontWeights-normal: var(--desktop-type-dataBody-fontWeights-normal);
    --type-dataBody-fontWidth: var(--desktop-type-dataBody-fontWidth);
    --type-dataBody-letterSpacing: var(--desktop-type-dataBody-letterSpacing);
    --type-dataBody-lineHeight: var(--desktop-type-dataBody-lineHeight);
    --type-dataDisplay-fontSizes-lg: var(--desktop-type-dataDisplay-fontSizes-lg);
    --type-dataDisplay-fontSizes-md: var(--desktop-type-dataDisplay-fontSizes-md);
    --type-dataDisplay-fontSizes-xl: var(--desktop-type-dataDisplay-fontSizes-xl);
    --type-dataDisplay-fontSizes-xxl: var(--desktop-type-dataDisplay-fontSizes-xxl);
    --type-dataDisplay-fontSizes-xxxl: var(--desktop-type-dataDisplay-fontSizes-xxxl);
    --type-dataDisplay-fontStack: var(--desktop-type-dataDisplay-fontStack);
    --type-dataDisplay-fontWeights-light: var(--desktop-type-dataDisplay-fontWeights-light);
    --type-dataDisplay-fontWeights-medium: var(--desktop-type-dataDisplay-fontWeights-medium);
    --type-dataDisplay-fontWeights-normal: var(--desktop-type-dataDisplay-fontWeights-normal);
    --type-dataDisplay-fontWidth: var(--desktop-type-dataDisplay-fontWidth);
    --type-dataDisplay-letterSpacing: var(--desktop-type-dataDisplay-letterSpacing);
    --type-dataDisplay-lineHeight: var(--desktop-type-dataDisplay-lineHeight);
    --type-dataHeading-fontSizes-lg: var(--desktop-type-dataHeading-fontSizes-lg);
    --type-dataHeading-fontSizes-md: var(--desktop-type-dataHeading-fontSizes-md);
    --type-dataHeading-fontSizes-sm: var(--desktop-type-dataHeading-fontSizes-sm);
    --type-dataHeading-fontSizes-xl: var(--desktop-type-dataHeading-fontSizes-xl);
    --type-dataHeading-fontSizes-xs: var(--desktop-type-dataHeading-fontSizes-xs);
    --type-dataHeading-fontStack: var(--desktop-type-dataHeading-fontStack);
    --type-dataHeading-fontWeights-light: var(--desktop-type-dataHeading-fontWeights-light);
    --type-dataHeading-fontWeights-medium: var(--desktop-type-dataHeading-fontWeights-medium);
    --type-dataHeading-fontWeights-normal: var(--desktop-type-dataHeading-fontWeights-normal);
    --type-dataHeading-fontWidth: var(--desktop-type-dataHeading-fontWidth);
    --type-dataHeading-letterSpacing: var(--desktop-type-dataHeading-letterSpacing);
    --type-dataHeading-lineHeight: var(--desktop-type-dataHeading-lineHeight);
    --type-display-fontSizes-lg: var(--desktop-type-display-fontSizes-lg);
    --type-display-fontSizes-md: var(--desktop-type-display-fontSizes-md);
    --type-display-fontSizes-xl: var(--desktop-type-display-fontSizes-xl);
    --type-display-fontSizes-xxl: var(--desktop-type-display-fontSizes-xxl);
    --type-display-fontSizes-xxxl: var(--desktop-type-display-fontSizes-xxxl);
    --type-display-fontStack: var(--desktop-type-display-fontStack);
    --type-display-fontWeights-light: var(--desktop-type-display-fontWeights-light);
    --type-display-fontWeights-medium: var(--desktop-type-display-fontWeights-medium);
    --type-display-fontWeights-normal: var(--desktop-type-display-fontWeights-normal);
    --type-display-letterSpacing: var(--desktop-type-display-letterSpacing);
    --type-display-lineHeight: var(--desktop-type-display-lineHeight);
    --type-heading-fontSizes-lg: var(--desktop-type-heading-fontSizes-lg);
    --type-heading-fontSizes-md: var(--desktop-type-heading-fontSizes-md);
    --type-heading-fontSizes-sm: var(--desktop-type-heading-fontSizes-sm);
    --type-heading-fontSizes-xl: var(--desktop-type-heading-fontSizes-xl);
    --type-heading-fontSizes-xs: var(--desktop-type-heading-fontSizes-xs);
    --type-heading-fontStack: var(--desktop-type-heading-fontStack);
    --type-heading-fontWeights-light: var(--desktop-type-heading-fontWeights-light);
    --type-heading-fontWeights-medium: var(--desktop-type-heading-fontWeights-medium);
    --type-heading-fontWeights-normal: var(--desktop-type-heading-fontWeights-normal);
    --type-heading-letterSpacing: var(--desktop-type-heading-letterSpacing);
    --type-heading-lineHeight: var(--desktop-type-heading-lineHeight);
}
}

@media (prefers-color-scheme: dark) {

.colorAuto {
    --global-bg-base-default: var(--dark-global-bg-base-default);
    --global-bg-base-hover: var(--dark-global-bg-base-hover);
    --global-bg-base-pressed: var(--dark-global-bg-base-pressed);
    --global-bg-baseAlt-default: var(--dark-global-bg-baseAlt-default);
    --global-bg-baseAlt-hover: var(--dark-global-bg-baseAlt-hover);
    --global-bg-baseAlt-pressed: var(--dark-global-bg-baseAlt-pressed);
    --global-bg-elevated-default: var(--dark-global-bg-elevated-default);
    --global-bg-elevated-hover: var(--dark-global-bg-elevated-hover);
    --global-bg-elevated-pressed: var(--dark-global-bg-elevated-pressed);
    --global-bg-page-default: var(--dark-global-bg-page-default);
    --global-bg-page-hover: var(--dark-global-bg-page-hover);
    --global-bg-page-pressed: var(--dark-global-bg-page-pressed);
    --global-bg-pageAlt-default: var(--dark-global-bg-pageAlt-default);
    --global-bg-pageAlt-hover: var(--dark-global-bg-pageAlt-hover);
    --global-bg-pageAlt-pressed: var(--dark-global-bg-pageAlt-pressed);
    --global-border-action-default: var(--dark-global-border-action-default);
    --global-border-action-hover: var(--dark-global-border-action-hover);
    --global-border-action-pressed: var(--dark-global-border-action-pressed);
    --global-border-muted-default: var(--dark-global-border-muted-default);
    --global-border-muted-hover: var(--dark-global-border-muted-hover);
    --global-border-muted-pressed: var(--dark-global-border-muted-pressed);
    --global-border-strong-default: var(--dark-global-border-strong-default);
    --global-border-strong-hover: var(--dark-global-border-strong-hover);
    --global-border-strong-pressed: var(--dark-global-border-strong-pressed);
    --global-content-critical-default: var(--dark-global-content-critical-default);
    --global-content-critical-hover: var(--dark-global-content-critical-hover);
    --global-content-critical-pressed: var(--dark-global-content-critical-pressed);
    --global-content-decorative-default: var(--dark-global-content-decorative-default);
    --global-content-decorative-hover: var(--dark-global-content-decorative-hover);
    --global-content-decorative-pressed: var(--dark-global-content-decorative-pressed);
    --global-content-muted-default: var(--dark-global-content-muted-default);
    --global-content-muted-hover: var(--dark-global-content-muted-hover);
    --global-content-muted-pressed: var(--dark-global-content-muted-pressed);
    --global-content-primary-default: var(--dark-global-content-primary-default);
    --global-content-primary-hover: var(--dark-global-content-primary-hover);
    --global-content-primary-pressed: var(--dark-global-content-primary-pressed);
    --global-content-regular-default: var(--dark-global-content-regular-default);
    --global-content-regular-hover: var(--dark-global-content-regular-hover);
    --global-content-regular-pressed: var(--dark-global-content-regular-pressed);
    --global-content-success-default: var(--dark-global-content-success-default);
    --global-content-success-hover: var(--dark-global-content-success-hover);
    --global-content-success-pressed: var(--dark-global-content-success-pressed);
    --global-content-warning-default: var(--dark-global-content-warning-default);
    --global-content-warning-hover: var(--dark-global-content-warning-hover);
    --global-content-warning-pressed: var(--dark-global-content-warning-pressed);
    --global-control-action-default: var(--dark-global-control-action-default);
    --global-control-action-hover: var(--dark-global-control-action-hover);
    --global-control-action-pressed: var(--dark-global-control-action-pressed);
    --global-control-surface-default: var(--dark-global-control-surface-default);
    --global-control-surface-hover: var(--dark-global-control-surface-hover);
    --global-control-surface-pressed: var(--dark-global-control-surface-pressed);
    --global-critical-onSurface-default: var(--dark-global-critical-onSurface-default);
    --global-critical-onSurface-hover: var(--dark-global-critical-onSurface-hover);
    --global-critical-onSurface-pressed: var(--dark-global-critical-onSurface-pressed);
    --global-critical-onSurfaceMuted-default: var(--dark-global-critical-onSurfaceMuted-default);
    --global-critical-onSurfaceMuted-hover: var(--dark-global-critical-onSurfaceMuted-hover);
    --global-critical-onSurfaceMuted-pressed: var(--dark-global-critical-onSurfaceMuted-pressed);
    --global-critical-surface-default: var(--dark-global-critical-surface-default);
    --global-critical-surface-hover: var(--dark-global-critical-surface-hover);
    --global-critical-surface-pressed: var(--dark-global-critical-surface-pressed);
    --global-critical-surfaceMuted-default: var(--dark-global-critical-surfaceMuted-default);
    --global-critical-surfaceMuted-hover: var(--dark-global-critical-surfaceMuted-hover);
    --global-critical-surfaceMuted-pressed: var(--dark-global-critical-surfaceMuted-pressed);
    --global-inverted-decorative-default: var(--dark-global-inverted-decorative-default);
    --global-inverted-decorative-hover: var(--dark-global-inverted-decorative-hover);
    --global-inverted-decorative-pressed: var(--dark-global-inverted-decorative-pressed);
    --global-inverted-muted-default: var(--dark-global-inverted-muted-default);
    --global-inverted-muted-hover: var(--dark-global-inverted-muted-hover);
    --global-inverted-muted-pressed: var(--dark-global-inverted-muted-pressed);
    --global-inverted-regular-default: var(--dark-global-inverted-regular-default);
    --global-inverted-regular-hover: var(--dark-global-inverted-regular-hover);
    --global-inverted-regular-pressed: var(--dark-global-inverted-regular-pressed);
    --global-inverted-surface-default: var(--dark-global-inverted-surface-default);
    --global-inverted-surface-hover: var(--dark-global-inverted-surface-hover);
    --global-inverted-surface-pressed: var(--dark-global-inverted-surface-pressed);
    --global-primary-onSurface-default: var(--dark-global-primary-onSurface-default);
    --global-primary-onSurface-hover: var(--dark-global-primary-onSurface-hover);
    --global-primary-onSurface-pressed: var(--dark-global-primary-onSurface-pressed);
    --global-primary-onSurfaceMuted-default: var(--dark-global-primary-onSurfaceMuted-default);
    --global-primary-onSurfaceMuted-hover: var(--dark-global-primary-onSurfaceMuted-hover);
    --global-primary-onSurfaceMuted-pressed: var(--dark-global-primary-onSurfaceMuted-pressed);
    --global-primary-onSurfaceSubtle-default: var(--dark-global-primary-onSurfaceSubtle-default);
    --global-primary-onSurfaceSubtle-hover: var(--dark-global-primary-onSurfaceSubtle-hover);
    --global-primary-onSurfaceSubtle-pressed: var(--dark-global-primary-onSurfaceSubtle-pressed);
    --global-primary-surface-default: var(--dark-global-primary-surface-default);
    --global-primary-surface-hover: var(--dark-global-primary-surface-hover);
    --global-primary-surface-pressed: var(--dark-global-primary-surface-pressed);
    --global-primary-surfaceMuted-default: var(--dark-global-primary-surfaceMuted-default);
    --global-primary-surfaceMuted-hover: var(--dark-global-primary-surfaceMuted-hover);
    --global-primary-surfaceMuted-pressed: var(--dark-global-primary-surfaceMuted-pressed);
    --global-primary-surfaceSubtle-default: var(--dark-global-primary-surfaceSubtle-default);
    --global-primary-surfaceSubtle-hover: var(--dark-global-primary-surfaceSubtle-hover);
    --global-primary-surfaceSubtle-pressed: var(--dark-global-primary-surfaceSubtle-pressed);
    --global-rich-action-default: var(--dark-global-rich-action-default);
    --global-rich-action-hover: var(--dark-global-rich-action-hover);
    --global-rich-action-pressed: var(--dark-global-rich-action-pressed);
    --global-rich-muted-default: var(--dark-global-rich-muted-default);
    --global-rich-muted-hover: var(--dark-global-rich-muted-hover);
    --global-rich-muted-pressed: var(--dark-global-rich-muted-pressed);
    --global-rich-regular-default: var(--dark-global-rich-regular-default);
    --global-rich-regular-hover: var(--dark-global-rich-regular-hover);
    --global-rich-regular-pressed: var(--dark-global-rich-regular-pressed);
    --global-rich-surface-default: var(--dark-global-rich-surface-default);
    --global-rich-surface-hover: var(--dark-global-rich-surface-hover);
    --global-rich-surface-pressed: var(--dark-global-rich-surface-pressed);
    --global-rich-surfaceAlt-default: var(--dark-global-rich-surfaceAlt-default);
    --global-rich-surfaceAlt-hover: var(--dark-global-rich-surfaceAlt-hover);
    --global-rich-surfaceAlt-pressed: var(--dark-global-rich-surfaceAlt-pressed);
    --global-success-onSurface-default: var(--dark-global-success-onSurface-default);
    --global-success-onSurface-hover: var(--dark-global-success-onSurface-hover);
    --global-success-onSurface-pressed: var(--dark-global-success-onSurface-pressed);
    --global-success-onSurfaceMuted-default: var(--dark-global-success-onSurfaceMuted-default);
    --global-success-onSurfaceMuted-hover: var(--dark-global-success-onSurfaceMuted-hover);
    --global-success-onSurfaceMuted-pressed: var(--dark-global-success-onSurfaceMuted-pressed);
    --global-success-surface-default: var(--dark-global-success-surface-default);
    --global-success-surface-hover: var(--dark-global-success-surface-hover);
    --global-success-surface-pressed: var(--dark-global-success-surface-pressed);
    --global-success-surfaceMuted-default: var(--dark-global-success-surfaceMuted-default);
    --global-success-surfaceMuted-hover: var(--dark-global-success-surfaceMuted-hover);
    --global-success-surfaceMuted-pressed: var(--dark-global-success-surfaceMuted-pressed);
    --global-warning-onSurface-default: var(--dark-global-warning-onSurface-default);
    --global-warning-onSurface-hover: var(--dark-global-warning-onSurface-hover);
    --global-warning-onSurface-pressed: var(--dark-global-warning-onSurface-pressed);
    --global-warning-onSurfaceMuted-default: var(--dark-global-warning-onSurfaceMuted-default);
    --global-warning-onSurfaceMuted-hover: var(--dark-global-warning-onSurfaceMuted-hover);
    --global-warning-onSurfaceMuted-pressed: var(--dark-global-warning-onSurfaceMuted-pressed);
    --global-warning-surface-default: var(--dark-global-warning-surface-default);
    --global-warning-surface-hover: var(--dark-global-warning-surface-hover);
    --global-warning-surface-pressed: var(--dark-global-warning-surface-pressed);
    --global-warning-surfaceMuted-default: var(--dark-global-warning-surfaceMuted-default);
    --global-warning-surfaceMuted-hover: var(--dark-global-warning-surfaceMuted-hover);
    --global-warning-surfaceMuted-pressed: var(--dark-global-warning-surfaceMuted-pressed);
}

.colorLight {
    --global-bg-base-default: var(--light-global-bg-base-default);
    --global-bg-base-hover: var(--light-global-bg-base-hover);
    --global-bg-base-pressed: var(--light-global-bg-base-pressed);
    --global-bg-baseAlt-default: var(--light-global-bg-baseAlt-default);
    --global-bg-baseAlt-hover: var(--light-global-bg-baseAlt-hover);
    --global-bg-baseAlt-pressed: var(--light-global-bg-baseAlt-pressed);
    --global-bg-elevated-default: var(--light-global-bg-elevated-default);
    --global-bg-elevated-hover: var(--light-global-bg-elevated-hover);
    --global-bg-elevated-pressed: var(--light-global-bg-elevated-pressed);
    --global-bg-page-default: var(--light-global-bg-page-default);
    --global-bg-page-hover: var(--light-global-bg-page-hover);
    --global-bg-page-pressed: var(--light-global-bg-page-pressed);
    --global-bg-pageAlt-default: var(--light-global-bg-pageAlt-default);
    --global-bg-pageAlt-hover: var(--light-global-bg-pageAlt-hover);
    --global-bg-pageAlt-pressed: var(--light-global-bg-pageAlt-pressed);
    --global-border-action-default: var(--light-global-border-action-default);
    --global-border-action-hover: var(--light-global-border-action-hover);
    --global-border-action-pressed: var(--light-global-border-action-pressed);
    --global-border-muted-default: var(--light-global-border-muted-default);
    --global-border-muted-hover: var(--light-global-border-muted-hover);
    --global-border-muted-pressed: var(--light-global-border-muted-pressed);
    --global-border-strong-default: var(--light-global-border-strong-default);
    --global-border-strong-hover: var(--light-global-border-strong-hover);
    --global-border-strong-pressed: var(--light-global-border-strong-pressed);
    --global-content-critical-default: var(--light-global-content-critical-default);
    --global-content-critical-hover: var(--light-global-content-critical-hover);
    --global-content-critical-pressed: var(--light-global-content-critical-pressed);
    --global-content-decorative-default: var(--light-global-content-decorative-default);
    --global-content-decorative-hover: var(--light-global-content-decorative-hover);
    --global-content-decorative-pressed: var(--light-global-content-decorative-pressed);
    --global-content-muted-default: var(--light-global-content-muted-default);
    --global-content-muted-hover: var(--light-global-content-muted-hover);
    --global-content-muted-pressed: var(--light-global-content-muted-pressed);
    --global-content-primary-default: var(--light-global-content-primary-default);
    --global-content-primary-hover: var(--light-global-content-primary-hover);
    --global-content-primary-pressed: var(--light-global-content-primary-pressed);
    --global-content-regular-default: var(--light-global-content-regular-default);
    --global-content-regular-hover: var(--light-global-content-regular-hover);
    --global-content-regular-pressed: var(--light-global-content-regular-pressed);
    --global-content-success-default: var(--light-global-content-success-default);
    --global-content-success-hover: var(--light-global-content-success-hover);
    --global-content-success-pressed: var(--light-global-content-success-pressed);
    --global-content-warning-default: var(--light-global-content-warning-default);
    --global-content-warning-hover: var(--light-global-content-warning-hover);
    --global-content-warning-pressed: var(--light-global-content-warning-pressed);
    --global-control-action-default: var(--light-global-control-action-default);
    --global-control-action-hover: var(--light-global-control-action-hover);
    --global-control-action-pressed: var(--light-global-control-action-pressed);
    --global-control-surface-default: var(--light-global-control-surface-default);
    --global-control-surface-hover: var(--light-global-control-surface-hover);
    --global-control-surface-pressed: var(--light-global-control-surface-pressed);
    --global-critical-onSurface-default: var(--light-global-critical-onSurface-default);
    --global-critical-onSurface-hover: var(--light-global-critical-onSurface-hover);
    --global-critical-onSurface-pressed: var(--light-global-critical-onSurface-pressed);
    --global-critical-onSurfaceMuted-default: var(--light-global-critical-onSurfaceMuted-default);
    --global-critical-onSurfaceMuted-hover: var(--light-global-critical-onSurfaceMuted-hover);
    --global-critical-onSurfaceMuted-pressed: var(--light-global-critical-onSurfaceMuted-pressed);
    --global-critical-surface-default: var(--light-global-critical-surface-default);
    --global-critical-surface-hover: var(--light-global-critical-surface-hover);
    --global-critical-surface-pressed: var(--light-global-critical-surface-pressed);
    --global-critical-surfaceMuted-default: var(--light-global-critical-surfaceMuted-default);
    --global-critical-surfaceMuted-hover: var(--light-global-critical-surfaceMuted-hover);
    --global-critical-surfaceMuted-pressed: var(--light-global-critical-surfaceMuted-pressed);
    --global-inverted-decorative-default: var(--light-global-inverted-decorative-default);
    --global-inverted-decorative-hover: var(--light-global-inverted-decorative-hover);
    --global-inverted-decorative-pressed: var(--light-global-inverted-decorative-pressed);
    --global-inverted-muted-default: var(--light-global-inverted-muted-default);
    --global-inverted-muted-hover: var(--light-global-inverted-muted-hover);
    --global-inverted-muted-pressed: var(--light-global-inverted-muted-pressed);
    --global-inverted-regular-default: var(--light-global-inverted-regular-default);
    --global-inverted-regular-hover: var(--light-global-inverted-regular-hover);
    --global-inverted-regular-pressed: var(--light-global-inverted-regular-pressed);
    --global-inverted-surface-default: var(--light-global-inverted-surface-default);
    --global-inverted-surface-hover: var(--light-global-inverted-surface-hover);
    --global-inverted-surface-pressed: var(--light-global-inverted-surface-pressed);
    --global-primary-onSurface-default: var(--light-global-primary-onSurface-default);
    --global-primary-onSurface-hover: var(--light-global-primary-onSurface-hover);
    --global-primary-onSurface-pressed: var(--light-global-primary-onSurface-pressed);
    --global-primary-onSurfaceMuted-default: var(--light-global-primary-onSurfaceMuted-default);
    --global-primary-onSurfaceMuted-hover: var(--light-global-primary-onSurfaceMuted-hover);
    --global-primary-onSurfaceMuted-pressed: var(--light-global-primary-onSurfaceMuted-pressed);
    --global-primary-onSurfaceSubtle-default: var(--light-global-primary-onSurfaceSubtle-default);
    --global-primary-onSurfaceSubtle-hover: var(--light-global-primary-onSurfaceSubtle-hover);
    --global-primary-onSurfaceSubtle-pressed: var(--light-global-primary-onSurfaceSubtle-pressed);
    --global-primary-surface-default: var(--light-global-primary-surface-default);
    --global-primary-surface-hover: var(--light-global-primary-surface-hover);
    --global-primary-surface-pressed: var(--light-global-primary-surface-pressed);
    --global-primary-surfaceMuted-default: var(--light-global-primary-surfaceMuted-default);
    --global-primary-surfaceMuted-hover: var(--light-global-primary-surfaceMuted-hover);
    --global-primary-surfaceMuted-pressed: var(--light-global-primary-surfaceMuted-pressed);
    --global-primary-surfaceSubtle-default: var(--light-global-primary-surfaceSubtle-default);
    --global-primary-surfaceSubtle-hover: var(--light-global-primary-surfaceSubtle-hover);
    --global-primary-surfaceSubtle-pressed: var(--light-global-primary-surfaceSubtle-pressed);
    --global-rich-action-default: var(--light-global-rich-action-default);
    --global-rich-action-hover: var(--light-global-rich-action-hover);
    --global-rich-action-pressed: var(--light-global-rich-action-pressed);
    --global-rich-muted-default: var(--light-global-rich-muted-default);
    --global-rich-muted-hover: var(--light-global-rich-muted-hover);
    --global-rich-muted-pressed: var(--light-global-rich-muted-pressed);
    --global-rich-regular-default: var(--light-global-rich-regular-default);
    --global-rich-regular-hover: var(--light-global-rich-regular-hover);
    --global-rich-regular-pressed: var(--light-global-rich-regular-pressed);
    --global-rich-surface-default: var(--light-global-rich-surface-default);
    --global-rich-surface-hover: var(--light-global-rich-surface-hover);
    --global-rich-surface-pressed: var(--light-global-rich-surface-pressed);
    --global-rich-surfaceAlt-default: var(--light-global-rich-surfaceAlt-default);
    --global-rich-surfaceAlt-hover: var(--light-global-rich-surfaceAlt-hover);
    --global-rich-surfaceAlt-pressed: var(--light-global-rich-surfaceAlt-pressed);
    --global-success-onSurface-default: var(--light-global-success-onSurface-default);
    --global-success-onSurface-hover: var(--light-global-success-onSurface-hover);
    --global-success-onSurface-pressed: var(--light-global-success-onSurface-pressed);
    --global-success-onSurfaceMuted-default: var(--light-global-success-onSurfaceMuted-default);
    --global-success-onSurfaceMuted-hover: var(--light-global-success-onSurfaceMuted-hover);
    --global-success-onSurfaceMuted-pressed: var(--light-global-success-onSurfaceMuted-pressed);
    --global-success-surface-default: var(--light-global-success-surface-default);
    --global-success-surface-hover: var(--light-global-success-surface-hover);
    --global-success-surface-pressed: var(--light-global-success-surface-pressed);
    --global-success-surfaceMuted-default: var(--light-global-success-surfaceMuted-default);
    --global-success-surfaceMuted-hover: var(--light-global-success-surfaceMuted-hover);
    --global-success-surfaceMuted-pressed: var(--light-global-success-surfaceMuted-pressed);
    --global-warning-onSurface-default: var(--light-global-warning-onSurface-default);
    --global-warning-onSurface-hover: var(--light-global-warning-onSurface-hover);
    --global-warning-onSurface-pressed: var(--light-global-warning-onSurface-pressed);
    --global-warning-onSurfaceMuted-default: var(--light-global-warning-onSurfaceMuted-default);
    --global-warning-onSurfaceMuted-hover: var(--light-global-warning-onSurfaceMuted-hover);
    --global-warning-onSurfaceMuted-pressed: var(--light-global-warning-onSurfaceMuted-pressed);
    --global-warning-surface-default: var(--light-global-warning-surface-default);
    --global-warning-surface-hover: var(--light-global-warning-surface-hover);
    --global-warning-surface-pressed: var(--light-global-warning-surface-pressed);
    --global-warning-surfaceMuted-default: var(--light-global-warning-surfaceMuted-default);
    --global-warning-surfaceMuted-hover: var(--light-global-warning-surfaceMuted-hover);
    --global-warning-surfaceMuted-pressed: var(--light-global-warning-surfaceMuted-pressed);
}

.colorDark {
    --global-bg-base-default: var(--dark-global-bg-base-default);
    --global-bg-base-hover: var(--dark-global-bg-base-hover);
    --global-bg-base-pressed: var(--dark-global-bg-base-pressed);
    --global-bg-baseAlt-default: var(--dark-global-bg-baseAlt-default);
    --global-bg-baseAlt-hover: var(--dark-global-bg-baseAlt-hover);
    --global-bg-baseAlt-pressed: var(--dark-global-bg-baseAlt-pressed);
    --global-bg-elevated-default: var(--dark-global-bg-elevated-default);
    --global-bg-elevated-hover: var(--dark-global-bg-elevated-hover);
    --global-bg-elevated-pressed: var(--dark-global-bg-elevated-pressed);
    --global-bg-page-default: var(--dark-global-bg-page-default);
    --global-bg-page-hover: var(--dark-global-bg-page-hover);
    --global-bg-page-pressed: var(--dark-global-bg-page-pressed);
    --global-bg-pageAlt-default: var(--dark-global-bg-pageAlt-default);
    --global-bg-pageAlt-hover: var(--dark-global-bg-pageAlt-hover);
    --global-bg-pageAlt-pressed: var(--dark-global-bg-pageAlt-pressed);
    --global-border-action-default: var(--dark-global-border-action-default);
    --global-border-action-hover: var(--dark-global-border-action-hover);
    --global-border-action-pressed: var(--dark-global-border-action-pressed);
    --global-border-muted-default: var(--dark-global-border-muted-default);
    --global-border-muted-hover: var(--dark-global-border-muted-hover);
    --global-border-muted-pressed: var(--dark-global-border-muted-pressed);
    --global-border-strong-default: var(--dark-global-border-strong-default);
    --global-border-strong-hover: var(--dark-global-border-strong-hover);
    --global-border-strong-pressed: var(--dark-global-border-strong-pressed);
    --global-content-critical-default: var(--dark-global-content-critical-default);
    --global-content-critical-hover: var(--dark-global-content-critical-hover);
    --global-content-critical-pressed: var(--dark-global-content-critical-pressed);
    --global-content-decorative-default: var(--dark-global-content-decorative-default);
    --global-content-decorative-hover: var(--dark-global-content-decorative-hover);
    --global-content-decorative-pressed: var(--dark-global-content-decorative-pressed);
    --global-content-muted-default: var(--dark-global-content-muted-default);
    --global-content-muted-hover: var(--dark-global-content-muted-hover);
    --global-content-muted-pressed: var(--dark-global-content-muted-pressed);
    --global-content-primary-default: var(--dark-global-content-primary-default);
    --global-content-primary-hover: var(--dark-global-content-primary-hover);
    --global-content-primary-pressed: var(--dark-global-content-primary-pressed);
    --global-content-regular-default: var(--dark-global-content-regular-default);
    --global-content-regular-hover: var(--dark-global-content-regular-hover);
    --global-content-regular-pressed: var(--dark-global-content-regular-pressed);
    --global-content-success-default: var(--dark-global-content-success-default);
    --global-content-success-hover: var(--dark-global-content-success-hover);
    --global-content-success-pressed: var(--dark-global-content-success-pressed);
    --global-content-warning-default: var(--dark-global-content-warning-default);
    --global-content-warning-hover: var(--dark-global-content-warning-hover);
    --global-content-warning-pressed: var(--dark-global-content-warning-pressed);
    --global-control-action-default: var(--dark-global-control-action-default);
    --global-control-action-hover: var(--dark-global-control-action-hover);
    --global-control-action-pressed: var(--dark-global-control-action-pressed);
    --global-control-surface-default: var(--dark-global-control-surface-default);
    --global-control-surface-hover: var(--dark-global-control-surface-hover);
    --global-control-surface-pressed: var(--dark-global-control-surface-pressed);
    --global-critical-onSurface-default: var(--dark-global-critical-onSurface-default);
    --global-critical-onSurface-hover: var(--dark-global-critical-onSurface-hover);
    --global-critical-onSurface-pressed: var(--dark-global-critical-onSurface-pressed);
    --global-critical-onSurfaceMuted-default: var(--dark-global-critical-onSurfaceMuted-default);
    --global-critical-onSurfaceMuted-hover: var(--dark-global-critical-onSurfaceMuted-hover);
    --global-critical-onSurfaceMuted-pressed: var(--dark-global-critical-onSurfaceMuted-pressed);
    --global-critical-surface-default: var(--dark-global-critical-surface-default);
    --global-critical-surface-hover: var(--dark-global-critical-surface-hover);
    --global-critical-surface-pressed: var(--dark-global-critical-surface-pressed);
    --global-critical-surfaceMuted-default: var(--dark-global-critical-surfaceMuted-default);
    --global-critical-surfaceMuted-hover: var(--dark-global-critical-surfaceMuted-hover);
    --global-critical-surfaceMuted-pressed: var(--dark-global-critical-surfaceMuted-pressed);
    --global-inverted-decorative-default: var(--dark-global-inverted-decorative-default);
    --global-inverted-decorative-hover: var(--dark-global-inverted-decorative-hover);
    --global-inverted-decorative-pressed: var(--dark-global-inverted-decorative-pressed);
    --global-inverted-muted-default: var(--dark-global-inverted-muted-default);
    --global-inverted-muted-hover: var(--dark-global-inverted-muted-hover);
    --global-inverted-muted-pressed: var(--dark-global-inverted-muted-pressed);
    --global-inverted-regular-default: var(--dark-global-inverted-regular-default);
    --global-inverted-regular-hover: var(--dark-global-inverted-regular-hover);
    --global-inverted-regular-pressed: var(--dark-global-inverted-regular-pressed);
    --global-inverted-surface-default: var(--dark-global-inverted-surface-default);
    --global-inverted-surface-hover: var(--dark-global-inverted-surface-hover);
    --global-inverted-surface-pressed: var(--dark-global-inverted-surface-pressed);
    --global-primary-onSurface-default: var(--dark-global-primary-onSurface-default);
    --global-primary-onSurface-hover: var(--dark-global-primary-onSurface-hover);
    --global-primary-onSurface-pressed: var(--dark-global-primary-onSurface-pressed);
    --global-primary-onSurfaceMuted-default: var(--dark-global-primary-onSurfaceMuted-default);
    --global-primary-onSurfaceMuted-hover: var(--dark-global-primary-onSurfaceMuted-hover);
    --global-primary-onSurfaceMuted-pressed: var(--dark-global-primary-onSurfaceMuted-pressed);
    --global-primary-onSurfaceSubtle-default: var(--dark-global-primary-onSurfaceSubtle-default);
    --global-primary-onSurfaceSubtle-hover: var(--dark-global-primary-onSurfaceSubtle-hover);
    --global-primary-onSurfaceSubtle-pressed: var(--dark-global-primary-onSurfaceSubtle-pressed);
    --global-primary-surface-default: var(--dark-global-primary-surface-default);
    --global-primary-surface-hover: var(--dark-global-primary-surface-hover);
    --global-primary-surface-pressed: var(--dark-global-primary-surface-pressed);
    --global-primary-surfaceMuted-default: var(--dark-global-primary-surfaceMuted-default);
    --global-primary-surfaceMuted-hover: var(--dark-global-primary-surfaceMuted-hover);
    --global-primary-surfaceMuted-pressed: var(--dark-global-primary-surfaceMuted-pressed);
    --global-primary-surfaceSubtle-default: var(--dark-global-primary-surfaceSubtle-default);
    --global-primary-surfaceSubtle-hover: var(--dark-global-primary-surfaceSubtle-hover);
    --global-primary-surfaceSubtle-pressed: var(--dark-global-primary-surfaceSubtle-pressed);
    --global-rich-action-default: var(--dark-global-rich-action-default);
    --global-rich-action-hover: var(--dark-global-rich-action-hover);
    --global-rich-action-pressed: var(--dark-global-rich-action-pressed);
    --global-rich-muted-default: var(--dark-global-rich-muted-default);
    --global-rich-muted-hover: var(--dark-global-rich-muted-hover);
    --global-rich-muted-pressed: var(--dark-global-rich-muted-pressed);
    --global-rich-regular-default: var(--dark-global-rich-regular-default);
    --global-rich-regular-hover: var(--dark-global-rich-regular-hover);
    --global-rich-regular-pressed: var(--dark-global-rich-regular-pressed);
    --global-rich-surface-default: var(--dark-global-rich-surface-default);
    --global-rich-surface-hover: var(--dark-global-rich-surface-hover);
    --global-rich-surface-pressed: var(--dark-global-rich-surface-pressed);
    --global-rich-surfaceAlt-default: var(--dark-global-rich-surfaceAlt-default);
    --global-rich-surfaceAlt-hover: var(--dark-global-rich-surfaceAlt-hover);
    --global-rich-surfaceAlt-pressed: var(--dark-global-rich-surfaceAlt-pressed);
    --global-success-onSurface-default: var(--dark-global-success-onSurface-default);
    --global-success-onSurface-hover: var(--dark-global-success-onSurface-hover);
    --global-success-onSurface-pressed: var(--dark-global-success-onSurface-pressed);
    --global-success-onSurfaceMuted-default: var(--dark-global-success-onSurfaceMuted-default);
    --global-success-onSurfaceMuted-hover: var(--dark-global-success-onSurfaceMuted-hover);
    --global-success-onSurfaceMuted-pressed: var(--dark-global-success-onSurfaceMuted-pressed);
    --global-success-surface-default: var(--dark-global-success-surface-default);
    --global-success-surface-hover: var(--dark-global-success-surface-hover);
    --global-success-surface-pressed: var(--dark-global-success-surface-pressed);
    --global-success-surfaceMuted-default: var(--dark-global-success-surfaceMuted-default);
    --global-success-surfaceMuted-hover: var(--dark-global-success-surfaceMuted-hover);
    --global-success-surfaceMuted-pressed: var(--dark-global-success-surfaceMuted-pressed);
    --global-warning-onSurface-default: var(--dark-global-warning-onSurface-default);
    --global-warning-onSurface-hover: var(--dark-global-warning-onSurface-hover);
    --global-warning-onSurface-pressed: var(--dark-global-warning-onSurface-pressed);
    --global-warning-onSurfaceMuted-default: var(--dark-global-warning-onSurfaceMuted-default);
    --global-warning-onSurfaceMuted-hover: var(--dark-global-warning-onSurfaceMuted-hover);
    --global-warning-onSurfaceMuted-pressed: var(--dark-global-warning-onSurfaceMuted-pressed);
    --global-warning-surface-default: var(--dark-global-warning-surface-default);
    --global-warning-surface-hover: var(--dark-global-warning-surface-hover);
    --global-warning-surface-pressed: var(--dark-global-warning-surface-pressed);
    --global-warning-surfaceMuted-default: var(--dark-global-warning-surfaceMuted-default);
    --global-warning-surfaceMuted-hover: var(--dark-global-warning-surfaceMuted-hover);
    --global-warning-surfaceMuted-pressed: var(--dark-global-warning-surfaceMuted-pressed);
}
}