:root{--color-primary: var(--mds-color-primary);--color-primary-surface: var(--mds-color-primary-surface);--color-on-primary-surface: var(--mds-color-on-primary-surface);--color-primary-container: var(--mds-color-primary-container);--color-on-primary-container: var(--mds-color-on-primary-container);--color-primary-text: var(--mds-color-primary-text);--color-primary-outline: var(--mds-color-primary-outline);--color-primary-hover: var(--mds-color-primary-hover);--color-primary-focus: var(--mds-color-primary-focus);--color-primary-active: var(--mds-color-primary-active);--color-secondary: var(--mds-color-secondary);--color-secondary-surface: var(--mds-color-secondary-surface);--color-on-secondary-surface: var(--mds-color-on-secondary-surface);--color-secondary-container: var(--mds-color-secondary-container);--color-on-secondary-container: var(--mds-color-on-secondary-container);--color-secondary-text: var(--mds-color-secondary-text);--color-secondary-outline: var(--mds-color-secondary-outline);--color-secondary-hover: var(--mds-color-secondary-hover);--color-secondary-focus: var(--mds-color-secondary-focus);--color-secondary-active: var(--mds-color-secondary-active);--color-outline: var(--mds-color-outline);--color-outline-hover: var(--mds-color-outline-hover);--color-outline-focus: var(--mds-color-outline-focus);--color-outline-active: var(--mds-color-outline-active);--color-surface-0: var(--mds-color-surface-0);--color-surface-1: var(--mds-color-surface-1);--color-surface-2: var(--mds-color-surface-2);--color-surface-3: var(--mds-color-surface-3);--color-default-text: var(--mds-color-default-text);--color-default-text-on-accent: var(--mds-color-default-text-on-accent);--color-default-background: var(--mds-color-default-background);--color-default-border: var(--mds-color-default-border);--color-default-border-hover: var(--mds-color-default-border-hover);--color-emphasis-text: var(--mds-color-emphasis-text);--color-emphasis-background: var(--mds-color-emphasis-background);--color-emphasis-border: var(--mds-color-emphasis-border);--color-disabled-text: var(--mds-color-disabled-text);--color-disabled-background: var(--mds-color-disabled-background);--color-disabled-border: var(--mds-color-disabled-border);--color-subtle-text: var(--mds-color-subtle-text);--color-subtle-background: var(--mds-color-subtle-background);--color-subtle-border: var(--mds-color-subtle-border);--color-neutral: var(--mds-color-neutral);--color-neutral-surface: var(--mds-color-neutral-surface);--color-on-neutral-surface: var(--mds-color-on-neutral-surface);--color-neutral-container: var(--mds-color-neutral-container);--color-on-neutral-container: var(--mds-color-on-neutral-container);--color-neutral-text: var(--mds-color-neutral-text);--color-neutral-outline: var(--mds-color-neutral-outline);--color-neutral-hover: var(--mds-color-neutral-hover);--color-neutral-focus: var(--mds-color-neutral-focus);--color-neutral-active: var(--mds-color-neutral-active);--color-success: var(--mds-color-success);--color-success-surface: var(--mds-color-success-surface);--color-on-success-surface: var(--mds-color-on-success-surface);--color-success-container: var(--mds-color-success-container);--color-on-success-container: var(--mds-color-on-success-container);--color-success-text: var(--mds-color-success-text);--color-success-outline: var(--mds-color-success-outline);--color-success-hover: var(--mds-color-success-hover);--color-success-focus: var(--mds-color-success-focus);--color-success-active: var(--mds-color-success-active);--color-error: var(--mds-color-error);--color-error-surface: var(--mds-color-error-surface);--color-on-error-surface: var(--mds-color-on-error-surface);--color-error-container: var(--mds-color-error-container);--color-on-error-container: var(--mds-color-on-error-container);--color-error-text: var(--mds-color-error-text);--color-error-outline: var(--mds-color-error-outline);--color-error-hover: var(--mds-color-error-hover);--color-error-focus: var(--mds-color-error-focus);--color-error-active: var(--mds-color-error-active);--color-warning: var(--mds-color-warning);--color-warning-surface: var(--mds-color-warning-surface);--color-on-warning-surface: var(--mds-color-on-warning-surface);--color-warning-container: var(--mds-color-warning-container);--color-on-warning-container: var(--mds-color-on-warning-container);--color-warning-text: var(--mds-color-warning-text);--color-warning-outline: var(--mds-color-warning-outline);--color-warning-hover: var(--mds-color-warning-hover);--color-warning-focus: var(--mds-color-warning-focus);--color-warning-active: var(--mds-color-warning-active);--color-waiting: var(--mds-color-waiting);--color-waiting-surface: var(--mds-color-waiting-surface);--color-on-waiting-surface: var(--mds-color-on-waiting-surface);--color-waiting-container: var(--mds-color-waiting-container);--color-on-waiting-container: var(--mds-color-on-waiting-container);--color-waiting-text: var(--mds-color-waiting-text);--color-waiting-outline: var(--mds-color-waiting-outline);--color-waiting-hover: var(--mds-color-waiting-hover);--color-waiting-focus: var(--mds-color-waiting-focus);--color-waiting-active: var(--mds-color-waiting-active);--color-info: var(--mds-color-info);--color-info-surface: var(--mds-color-info-surface);--color-on-info-surface: var(--mds-color-on-info-surface);--color-info-container: var(--mds-color-info-container);--color-on-info-container: var(--mds-color-on-info-container);--color-info-text: var(--mds-color-info-text);--color-info-outline: var(--mds-color-info-outline);--color-info-hover: var(--mds-color-info-hover);--color-info-focus: var(--mds-color-info-focus);--color-info-active: var(--mds-color-info-active);--color-studio: var(--mds-color-studio);--color-studio-surface: var(--mds-color-studio-surface);--color-on-studio-surface: var(--mds-color-on-studio-surface);--color-studio-container: var(--mds-color-studio-container);--color-on-studio-container: var(--mds-color-on-studio-container);--color-studio-text: var(--mds-color-studio-text);--color-studio-outline: var(--mds-color-studio-outline);--color-studio-hover: var(--mds-color-studio-hover);--color-studio-focus: var(--mds-color-studio-focus);--color-studio-active: var(--mds-color-studio-active);--color-tech: var(--mds-color-tech);--color-tech-surface: var(--mds-color-tech-surface);--color-on-tech-surface: var(--mds-color-on-tech-surface);--color-tech-container: var(--mds-color-tech-container);--color-on-tech-container: var(--mds-color-on-tech-container);--color-tech-text: var(--mds-color-tech-text);--color-tech-outline: var(--mds-color-tech-outline);--color-tech-hover: var(--mds-color-tech-hover);--color-tech-focus: var(--mds-color-tech-focus);--color-tech-active: var(--mds-color-tech-active);--font-family-base: var(--mds-font-family-sans-serif);--font-family-mono: var(--mds-font-family-mono);--font-weight-base: var(--mds-font-weight-light);--font-weight-bold: var(--mds-font-weight-bold);--font-size-2xs: var(--mds-font-size-2xs);--font-size-xs: var(--mds-font-size-xs);--font-size-sm: var(--mds-font-size-sm);--font-size-md: var(--mds-font-size-md);--font-size-lg: var(--mds-font-size-lg);--font-size-xl: var(--mds-font-size-xl);--font-size-2xl: var(--mds-font-size-2xl);--font-size-h1: var(--mds-font-size-h1);--font-size-h2: var(--mds-font-size-h2);--font-size-h3: var(--mds-font-size-h3);--font-size-h4: var(--mds-font-size-h4);--font-size-h5: var(--mds-font-size-h5);--font-size-h6: var(--mds-font-size-h6);--line-height-body: var(--mds-line-height-body);--line-height-heading: var(--mds-line-height-heading);--breakpoint-sm: var(--mds-breakpoint-sm);--breakpoint-md: var(--mds-breakpoint-md);--breakpoint-lg: var(--mds-breakpoint-lg);--layout-max-width: var(--mds-layout-max-width);--spacing-px: var(--mds-spacing-px);--spacing-2xs: var(--mds-spacing-2xs);--spacing-xs: var(--mds-spacing-xs);--spacing-sm: var(--mds-spacing-sm);--spacing-md: var(--mds-spacing-md);--spacing-lg: var(--mds-spacing-lg);--spacing-xl: var(--mds-spacing-xl);--spacing-2xl: var(--mds-spacing-2xl);--spacing-3xl: var(--mds-spacing-3xl);--border-single: var(--mds-border-single);--border-double: var(--mds-border-double);--size-px: var(--mds-size-px);--size-2xs: var(--mds-size-2xs);--size-xs: var(--mds-size-xs);--size-sm: var(--mds-size-sm);--size-md: var(--mds-size-md);--size-lg: var(--mds-size-lg);--size-xl: var(--mds-size-xl);--size-2xl: var(--mds-size-2xl);--size-3xl: var(--mds-size-3xl);--size-4xl: var(--mds-size-4xl);--border-radius-base: var(--mds-border-radius-base);--radius-sm: var(--mds-radius-sm);--radius-md: var(--mds-radius-md);--radius-lg: var(--mds-radius-lg);--radius-full: var(--mds-radius-full);--shadow-sm: var(--mds-shadow-sm);--shadow-md: var(--mds-shadow-md);--shadow-lg: var(--mds-shadow-lg);--shadow-xl: var(--mds-shadow-xl);--shadow-inset-sm: var(--mds-shadow-inset-sm);--shadow-inset-md: var(--mds-shadow-inset-md);--shadow-inset-lg: var(--mds-shadow-inset-lg);--focus-ring-shadow: var(--mds-focus-ring-shadow);--z-index-dropdown: var(--mds-z-index-dropdown);--z-index-sticky: var(--mds-z-index-sticky);--z-index-modal: var(--mds-z-index-modal);--z-index-notification: var(--mds-z-index-notification);--duration-fast: var(--mds-duration-fast);--duration-standard: var(--mds-duration-standard);--easing-standard: var(--mds-easing-standard);--pattern-bg-error: var(--mds-pattern-bg-error);--pattern-bg-warning: var(--mds-pattern-bg-warning);--color-field-text: var(--color-default-text);--color-field-background: var(--color-default-background);--color-field-background-focus: var(--color-neutral-container);--color-field-border: var(--color-default-border);--color-field-border-hover: var(--color-default-border-hover);--color-field-accent: var(--color-primary-surface);--color-field-accent-hover: var(--color-primary-container);--color-field-check: var(--color-on-primary-surface);--color-field-subtle-text: var(--color-subtle-text);--color-field-subtle-background: var(--color-subtle-background);--color-field-subtle-border: var(--color-subtle-border);--color-field-track-background: var(--color-neutral-surface);--color-field-track-accent: var(--color-secondary-surface);--color-field-error-text: var(--color-error-text);--color-field-error-background: var(--color-error-container);--color-field-error-border: var(--color-error-surface);--color-field-info-text: var(--color-info-text);--color-field-info-border: var(--color-info-surface);--color-field-success-text: var(--color-success-text);--color-field-success-background: var(--color-success-container);--color-field-success-border: var(--color-success-surface);--color-field-disabled-text: var(--color-disabled-text);--color-field-disabled-backgound: var(--color-disabled-background);--color-field-disabled-border: var(--color-disabled-border);--size-field-check: 18px;--size-switch-track: 48px;--size-switch-check: 16px;--size-switch-label: 14px}