@theme {
	--font-sans: var(--ds-font-family);
	--spacing-0: var(--mtds-0);
	--spacing-1: var(--mtds-1);
	--spacing-2: var(--mtds-2);
	--spacing-3: var(--mtds-3);
	--spacing-4: var(--mtds-4);
	--spacing-5: var(--mtds-5);
	--spacing-6: var(--mtds-6);
	--spacing-7: var(--mtds-7);
	--spacing-8: var(--mtds-8);
	--spacing-9: var(--mtds-9);
	--spacing-10: var(--mtds-10);
	--spacing-11: var(--mtds-11);
	--spacing-12: var(--mtds-12);
	--spacing-13: var(--mtds-13);
	--spacing-14: var(--mtds-14);
	--spacing-15: var(--mtds-15);
	--spacing-18: var(--mtds-18);
	--spacing-22: var(--mtds-22);
	--spacing-26: var(--mtds-26);
	--spacing-30: var(--mtds-30);
	--text-lg: var(--mtds-body-lg-font-size);
	--text-md: var(--mtds-body-md-font-size);
	--text-sm: var(--mtds-body-sm-font-size);
	--text-xl: var(--mtds-body-xl-font-size);
	--text-xs: var(--mtds-body-xs-font-size);
	--radius-lg: var(--mtds-border-radius-lg);
	--radius-md: var(--mtds-border-radius-md);
	--radius-sm: var(--mtds-border-radius-sm);
	--radius-xl: var(--mtds-border-radius-xl);
	--color-background-default: var(--mtds-color-background-default);
	--color-background-tinted: var(--mtds-color-background-tinted);
	--color-base-active: var(--mtds-color-base-active);
	--color-base-contrast-default: var(--mtds-color-base-contrast-default);
	--color-base-contrast-subtle: var(--mtds-color-base-contrast-subtle);
	--color-base-default: var(--mtds-color-base-default);
	--color-base-hover: var(--mtds-color-base-hover);
	--color-border-default: var(--mtds-color-border-default);
	--color-border-strong: var(--mtds-color-border-strong);
	--color-border-subtle: var(--mtds-color-border-subtle);
	--color-charts-chart-a: var(--mtds-color-charts-chart-a);
	--color-charts-chart-b: var(--mtds-color-charts-chart-b);
	--color-charts-chart-c: var(--mtds-color-charts-chart-c);
	--color-charts-chart-d: var(--mtds-color-charts-chart-d);
	--color-charts-chart-e: var(--mtds-color-charts-chart-e);
	--color-danger-background-default: var(--mtds-color-danger-background-default);
	--color-danger-background-tinted: var(--mtds-color-danger-background-tinted);
	--color-danger-base-active: var(--mtds-color-danger-base-active);
	--color-danger-base-contrast-default: var(--mtds-color-danger-base-contrast-default);
	--color-danger-base-contrast-subtle: var(--mtds-color-danger-base-contrast-subtle);
	--color-danger-base-default: var(--mtds-color-danger-base-default);
	--color-danger-base-hover: var(--mtds-color-danger-base-hover);
	--color-danger-border-default: var(--mtds-color-danger-border-default);
	--color-danger-border-strong: var(--mtds-color-danger-border-strong);
	--color-danger-border-subtle: var(--mtds-color-danger-border-subtle);
	--color-danger-surface-active: var(--mtds-color-danger-surface-active);
	--color-danger-surface-default: var(--mtds-color-danger-surface-default);
	--color-danger-surface-hover: var(--mtds-color-danger-surface-hover);
	--color-danger-surface-tinted: var(--mtds-color-danger-surface-tinted);
	--color-danger-text-default: var(--mtds-color-danger-text-default);
	--color-danger-text-subtle: var(--mtds-color-danger-text-subtle);
	--color-info-background-default: var(--mtds-color-info-background-default);
	--color-info-background-tinted: var(--mtds-color-info-background-tinted);
	--color-info-base-active: var(--mtds-color-info-base-active);
	--color-info-base-contrast-default: var(--mtds-color-info-base-contrast-default);
	--color-info-base-contrast-subtle: var(--mtds-color-info-base-contrast-subtle);
	--color-info-base-default: var(--mtds-color-info-base-default);
	--color-info-base-hover: var(--mtds-color-info-base-hover);
	--color-info-border-default: var(--mtds-color-info-border-default);
	--color-info-border-strong: var(--mtds-color-info-border-strong);
	--color-info-border-subtle: var(--mtds-color-info-border-subtle);
	--color-info-surface-active: var(--mtds-color-info-surface-active);
	--color-info-surface-default: var(--mtds-color-info-surface-default);
	--color-info-surface-hover: var(--mtds-color-info-surface-hover);
	--color-info-surface-tinted: var(--mtds-color-info-surface-tinted);
	--color-info-text-default: var(--mtds-color-info-text-default);
	--color-info-text-subtle: var(--mtds-color-info-text-subtle);
	--color-inverted-background-default: var(--mtds-color-inverted-background-default);
	--color-inverted-background-tinted: var(--mtds-color-inverted-background-tinted);
	--color-inverted-base-active: var(--mtds-color-inverted-base-active);
	--color-inverted-base-contrast-default: var(--mtds-color-inverted-base-contrast-default);
	--color-inverted-base-contrast-subtle: var(--mtds-color-inverted-base-contrast-subtle);
	--color-inverted-base-default: var(--mtds-color-inverted-base-default);
	--color-inverted-base-hover: var(--mtds-color-inverted-base-hover);
	--color-inverted-border-default: var(--mtds-color-inverted-border-default);
	--color-inverted-border-strong: var(--mtds-color-inverted-border-strong);
	--color-inverted-border-subtle: var(--mtds-color-inverted-border-subtle);
	--color-inverted-surface-active: var(--mtds-color-inverted-surface-active);
	--color-inverted-surface-default: var(--mtds-color-inverted-surface-default);
	--color-inverted-surface-hover: var(--mtds-color-inverted-surface-hover);
	--color-inverted-surface-tinted: var(--mtds-color-inverted-surface-tinted);
	--color-inverted-text-default: var(--mtds-color-inverted-text-default);
	--color-inverted-text-subtle: var(--mtds-color-inverted-text-subtle);
	--color-main-background-default: var(--mtds-color-main-background-default);
	--color-main-background-tinted: var(--mtds-color-main-background-tinted);
	--color-main-base-active: var(--mtds-color-main-base-active);
	--color-main-base-contrast-default: var(--mtds-color-main-base-contrast-default);
	--color-main-base-contrast-subtle: var(--mtds-color-main-base-contrast-subtle);
	--color-main-base-default: var(--mtds-color-main-base-default);
	--color-main-base-hover: var(--mtds-color-main-base-hover);
	--color-main-border-default: var(--mtds-color-main-border-default);
	--color-main-border-strong: var(--mtds-color-main-border-strong);
	--color-main-border-subtle: var(--mtds-color-main-border-subtle);
	--color-main-surface-active: var(--mtds-color-main-surface-active);
	--color-main-surface-default: var(--mtds-color-main-surface-default);
	--color-main-surface-hover: var(--mtds-color-main-surface-hover);
	--color-main-surface-tinted: var(--mtds-color-main-surface-tinted);
	--color-main-text-default: var(--mtds-color-main-text-default);
	--color-main-text-subtle: var(--mtds-color-main-text-subtle);
	--color-neutral-background-default: var(--mtds-color-neutral-background-default);
	--color-neutral-background-tinted: var(--mtds-color-neutral-background-tinted);
	--color-neutral-base-active: var(--mtds-color-neutral-base-active);
	--color-neutral-base-contrast-default: var(--mtds-color-neutral-base-contrast-default);
	--color-neutral-base-contrast-subtle: var(--mtds-color-neutral-base-contrast-subtle);
	--color-neutral-base-default: var(--mtds-color-neutral-base-default);
	--color-neutral-base-hover: var(--mtds-color-neutral-base-hover);
	--color-neutral-border-default: var(--mtds-color-neutral-border-default);
	--color-neutral-border-strong: var(--mtds-color-neutral-border-strong);
	--color-neutral-border-subtle: var(--mtds-color-neutral-border-subtle);
	--color-neutral-surface-active: var(--mtds-color-neutral-surface-active);
	--color-neutral-surface-default: var(--mtds-color-neutral-surface-default);
	--color-neutral-surface-hover: var(--mtds-color-neutral-surface-hover);
	--color-neutral-surface-tinted: var(--mtds-color-neutral-surface-tinted);
	--color-neutral-text-default: var(--mtds-color-neutral-text-default);
	--color-neutral-text-subtle: var(--mtds-color-neutral-text-subtle);
	--color-success-background-default: var(--mtds-color-success-background-default);
	--color-success-background-tinted: var(--mtds-color-success-background-tinted);
	--color-success-base-active: var(--mtds-color-success-base-active);
	--color-success-base-contrast-default: var(--mtds-color-success-base-contrast-default);
	--color-success-base-contrast-subtle: var(--mtds-color-success-base-contrast-subtle);
	--color-success-base-default: var(--mtds-color-success-base-default);
	--color-success-base-hover: var(--mtds-color-success-base-hover);
	--color-success-border-default: var(--mtds-color-success-border-default);
	--color-success-border-strong: var(--mtds-color-success-border-strong);
	--color-success-border-subtle: var(--mtds-color-success-border-subtle);
	--color-success-surface-active: var(--mtds-color-success-surface-active);
	--color-success-surface-default: var(--mtds-color-success-surface-default);
	--color-success-surface-hover: var(--mtds-color-success-surface-hover);
	--color-success-surface-tinted: var(--mtds-color-success-surface-tinted);
	--color-success-text-default: var(--mtds-color-success-text-default);
	--color-success-text-subtle: var(--mtds-color-success-text-subtle);
	--color-surface-active: var(--mtds-color-surface-active);
	--color-surface-default: var(--mtds-color-surface-default);
	--color-surface-hover: var(--mtds-color-surface-hover);
	--color-surface-tinted: var(--mtds-color-surface-tinted);
	--color-text-default: var(--mtds-color-text-default);
	--color-text-subtle: var(--mtds-color-text-subtle);
	--color-warning-background-default: var(--mtds-color-warning-background-default);
	--color-warning-background-tinted: var(--mtds-color-warning-background-tinted);
	--color-warning-base-active: var(--mtds-color-warning-base-active);
	--color-warning-base-contrast-default: var(--mtds-color-warning-base-contrast-default);
	--color-warning-base-contrast-subtle: var(--mtds-color-warning-base-contrast-subtle);
	--color-warning-base-default: var(--mtds-color-warning-base-default);
	--color-warning-base-hover: var(--mtds-color-warning-base-hover);
	--color-warning-border-default: var(--mtds-color-warning-border-default);
	--color-warning-border-strong: var(--mtds-color-warning-border-strong);
	--color-warning-border-subtle: var(--mtds-color-warning-border-subtle);
	--color-warning-surface-active: var(--mtds-color-warning-surface-active);
	--color-warning-surface-default: var(--mtds-color-warning-surface-default);
	--color-warning-surface-hover: var(--mtds-color-warning-surface-hover);
	--color-warning-surface-tinted: var(--mtds-color-warning-surface-tinted);
	--color-warning-text-default: var(--mtds-color-warning-text-default);
	--color-warning-text-subtle: var(--mtds-color-warning-text-subtle);
	--font-weight-bold: var(--mtds-font-weight-bold);
	--font-weight-italic-style: var(--mtds-font-weight-italic-style);
	--font-weight-italic-weight: var(--mtds-font-weight-italic-weight);
	--font-weight-medium: var(--mtds-font-weight-medium);
	--font-weight-normal: var(--mtds-font-weight-regular);
	--font-weight-regular: var(--mtds-font-weight-regular);
	--font-weight-semibold: var(--mtds-font-weight-semibold);
	--text-heading-2xl: var(--mtds-heading-2xl-font-size);
	--text-heading-2xs: var(--mtds-heading-2xs-font-size);
	--text-heading-lg: var(--mtds-heading-lg-font-size);
	--text-heading-md: var(--mtds-heading-md-font-size);
	--text-heading-sm: var(--mtds-heading-sm-font-size);
	--text-heading-xl: var(--mtds-heading-xl-font-size);
	--text-heading-xs: var(--mtds-heading-xs-font-size);
}
[data-color] {
      --color-background-default: var(--mtds-color-background-default);
      --color-background-tinted: var(--mtds-color-background-tinted);
      --color-surface-default: var(--mtds-color-surface-default);
      --color-surface-tinted: var(--mtds-color-surface-tinted);
      --color-surface-hover: var(--mtds-color-surface-hover);
      --color-surface-active: var(--mtds-color-surface-active);
      --color-border-subtle: var(--mtds-color-border-subtle);
      --color-border-default: var(--mtds-color-border-default);
      --color-border-strong: var(--mtds-color-border-strong);
      --color-text-subtle: var(--mtds-color-text-subtle);
      --color-text-default: var(--mtds-color-text-default);
      --color-base-default: var(--mtds-color-base-default);
      --color-base-hover: var(--mtds-color-base-hover);
      --color-base-active: var(--mtds-color-base-active);
      --color-base-contrast-subtle: var(--mtds-color-base-contrast-subtle);
      --color-base-contrast-default: var(--mtds-color-base-contrast-default);
    }