@import "tailwindcss/theme.css" prefix(mf) source(none);
@import "tailwindcss/utilities.css" prefix(mf) source(none);

@source "./lib/components/react";

@theme inline {
  --*: initial;
  --color-base-black: var(--mf-sem-color-base-black);
  --color-base-white: var(--mf-sem-color-base-white);
  --color-base-transparent: var(--mf-sem-color-base-transparent);
  --color-base-background: var(--mf-sem-color-base-background);
  --color-neutral-surface-low: var(--mf-sem-color-neutral-surface-low);
  --color-neutral-on-surface-low: var(--mf-sem-color-neutral-on-surface-low);
  --color-neutral-surface-regular: var(--mf-sem-color-neutral-surface-regular);
  --color-neutral-on-surface-regular: var(--mf-sem-color-neutral-on-surface-regular);
  --color-neutral-on-surface-high: var(--mf-sem-color-neutral-on-surface-high);
  --color-neutral-text-main: var(--mf-sem-color-neutral-text-main);
  --color-neutral-text-inverted: var(--mf-sem-color-neutral-text-inverted);
  --color-neutral-text-secondary: var(--mf-sem-color-neutral-text-secondary);
  --color-neutral-text-tertiary: var(--mf-sem-color-neutral-text-tertiary);
  --color-neutral-text-disabled: var(--mf-sem-color-neutral-text-disabled);
  --color-neutral-text-placeholder: var(--mf-sem-color-neutral-text-placeholder);
  --color-neutral-text-subtle: var(--mf-sem-color-neutral-text-subtle);
  --color-neutral-surface-high: var(--mf-sem-color-neutral-surface-high);
  --color-neutral-surface-hover: var(--mf-sem-color-neutral-surface-hover);
  --color-neutral-surface-pressed: var(--mf-sem-color-neutral-surface-pressed);
  --color-neutral-foreground-main: var(--mf-sem-color-neutral-foreground-main);
  --color-neutral-foreground-inverted: var(--mf-sem-color-neutral-foreground-inverted);
  --color-neutral-foreground-secondary: var(--mf-sem-color-neutral-foreground-secondary);
  --color-neutral-foreground-tertiary: var(--mf-sem-color-neutral-foreground-tertiary);
  --color-neutral-foreground-disabled: var(--mf-sem-color-neutral-foreground-disabled);
  --color-neutral-foreground-subtle: var(--mf-sem-color-neutral-foreground-subtle);
  --color-neutral-border-low: var(--mf-sem-color-neutral-border-low);
  --color-neutral-border-regular: var(--mf-sem-color-neutral-border-regular);
  --color-primary-surface-low: var(--mf-sem-color-primary-surface-low);
  --color-primary-surface-regular: var(--mf-sem-color-primary-surface-regular);
  --color-primary-surface-high: var(--mf-sem-color-primary-surface-high);
  --color-primary-surface-hover: var(--mf-sem-color-primary-surface-hover);
  --color-primary-surface-pressed: var(--mf-sem-color-primary-surface-pressed);
  --color-primary-on-surface-low: var(--mf-sem-color-primary-on-surface-low);
  --color-primary-text-main: var(--mf-sem-color-primary-text-main);
  --color-primary-foreground-main: var(--mf-sem-color-primary-foreground-main);
  --color-primary-text-on-surface: var(--mf-sem-color-primary-text-on-surface);
  --color-primary-border-low: var(--mf-sem-color-primary-border-low);
  --color-primary-border-regular: var(--mf-sem-color-primary-border-regular);
  --color-primary-on-surface-regular: var(--mf-sem-color-primary-on-surface-regular);
  --color-primary-on-surface-high: var(--mf-sem-color-primary-on-surface-high);
  --color-secondary-surface-low: var(--mf-sem-color-secondary-surface-low);
  --color-secondary-surface-regular: var(--mf-sem-color-secondary-surface-regular);
  --color-secondary-surface-high: var(--mf-sem-color-secondary-surface-high);
  --color-secondary-on-surface-low: var(--mf-sem-color-secondary-on-surface-low);
  --color-secondary-text-main: var(--mf-sem-color-secondary-text-main);
  --color-secondary-text-on-surface: var(--mf-sem-color-secondary-text-on-surface);
  --color-secondary-foreground-main: var(--mf-sem-color-secondary-foreground-main);
  --color-secondary-border-low: var(--mf-sem-color-secondary-border-low);
  --color-secondary-border-regular: var(--mf-sem-color-secondary-border-regular);
  --color-secondary-on-surface-regular: var(--mf-sem-color-secondary-on-surface-regular);
  --color-secondary-on-surface-high: var(--mf-sem-color-secondary-on-surface-high);
  --color-success-surface-low: var(--mf-sem-color-success-surface-low);
  --color-success-surface-regular: var(--mf-sem-color-success-surface-regular);
  --color-success-surface-high: var(--mf-sem-color-success-surface-high);
  --color-success-surface-hover: var(--mf-sem-color-success-surface-hover);
  --color-success-on-surface-low: var(--mf-sem-color-success-on-surface-low);
  --color-success-surface-pressed: var(--mf-sem-color-success-surface-pressed);
  --color-success-on-surface-regular: var(--mf-sem-color-success-on-surface-regular);
  --color-success-on-surface-high: var(--mf-sem-color-success-on-surface-high);
  --color-warning-surface-low: var(--mf-sem-color-warning-surface-low);
  --color-warning-surface-regular: var(--mf-sem-color-warning-surface-regular);
  --color-warning-surface-high: var(--mf-sem-color-warning-surface-high);
  --color-warning-surface-hover: var(--mf-sem-color-warning-surface-hover);
  --color-warning-surface-pressed: var(--mf-sem-color-warning-surface-pressed);
  --color-warning-on-surface-low: var(--mf-sem-color-warning-on-surface-low);
  --color-warning-text-main: var(--mf-sem-color-warning-text-main);
  --color-warning-text-on-surface: var(--mf-sem-color-warning-text-on-surface);
  --color-warning-foreground-main: var(--mf-sem-color-warning-foreground-main);
  --color-warning-border-low: var(--mf-sem-color-warning-border-low);
  --color-warning-border-regular: var(--mf-sem-color-warning-border-regular);
  --color-warning-on-surface-regular: var(--mf-sem-color-warning-on-surface-regular);
  --color-warning-on-surface-high: var(--mf-sem-color-warning-on-surface-high);
  --color-error-surface-low: var(--mf-sem-color-error-surface-low);
  --color-error-surface-regular: var(--mf-sem-color-error-surface-regular);
  --color-error-surface-high: var(--mf-sem-color-error-surface-high);
  --color-error-surface-hover: var(--mf-sem-color-error-surface-hover);
  --color-error-surface-pressed: var(--mf-sem-color-error-surface-pressed);
  --color-error-on-surface-low: var(--mf-sem-color-error-on-surface-low);
  --color-error-text-main: var(--mf-sem-color-error-text-main);
  --color-error-text-on-surface: var(--mf-sem-color-error-text-on-surface);
  --color-error-foreground-main: var(--mf-sem-color-error-foreground-main);
  --color-error-border-low: var(--mf-sem-color-error-border-low);
  --color-error-border-regular: var(--mf-sem-color-error-border-regular);
  --color-error-on-surface-regular: var(--mf-sem-color-error-on-surface-regular);
  --color-error-on-surface-high: var(--mf-sem-color-error-on-surface-high);
  --color-secondary-surface-hover: var(--mf-sem-color-secondary-surface-hover);
  --color-secondary-surface-pressed: var(--mf-sem-color-secondary-surface-pressed);
  --text-display-sm: var(--mf-sem-text-display-sm-size);
  --font-weight-display-sm: var(--mf-sem-text-display-sm-weight);
  --leading-display-sm: var(--mf-sem-text-display-sm-line-height);
  --tracking-display-sm: var(--mf-sem-text-display-sm-spacing);
  --text-display-md: var(--mf-sem-text-display-md-size);
  --font-weight-display-md: var(--mf-sem-text-display-md-weight);
  --leading-display-md: var(--mf-sem-text-display-md-line-height);
  --tracking-display-md: var(--mf-sem-text-display-md-spacing);
  --text-display-lg: var(--mf-sem-text-display-lg-size);
  --font-weight-display-lg: var(--mf-sem-text-display-lg-weight);
  --leading-display-lg: var(--mf-sem-text-display-lg-line-height);
  --tracking-display-lg: var(--mf-sem-text-display-lg-spacing);
  --text-display-xl: var(--mf-sem-text-display-xl-size);
  --font-weight-display-xl: var(--mf-sem-text-display-xl-weight);
  --leading-display-xl: var(--mf-sem-text-display-xl-line-height);
  --color-info-surface-low: var(--mf-sem-color-info-surface-low);
  --color-info-surface-regular: var(--mf-sem-color-info-surface-regular);
  --color-info-surface-high: var(--mf-sem-color-info-surface-high);
  --color-info-on-surface-low: var(--mf-sem-color-info-on-surface-low);
  --color-info-on-surface-regular: var(--mf-sem-color-info-on-surface-regular);
  --color-info-on-surface-high: var(--mf-sem-color-info-on-surface-high);
  --color-info-text-main: var(--mf-sem-color-info-text-main);
  --color-info-text-on-surface: var(--mf-sem-color-info-text-on-surface);
  --color-info-foreground-main: var(--mf-sem-color-info-foreground-main);
  --color-info-border-low: var(--mf-sem-color-info-border-low);
  --color-info-border-regular: var(--mf-sem-color-info-border-regular);
  --color-alpha-low-5: var(--mf-sem-color-alpha-low-5);
  --color-alpha-low-10: var(--mf-sem-color-alpha-low-10);
  --color-alpha-low-20: var(--mf-sem-color-alpha-low-20);
  --color-alpha-low-30: var(--mf-sem-color-alpha-low-30);
  --color-alpha-low-40: var(--mf-sem-color-alpha-low-40);
  --color-alpha-low-50: var(--mf-sem-color-alpha-low-50);
  --color-alpha-low-60: var(--mf-sem-color-alpha-low-60);
  --color-alpha-low-70: var(--mf-sem-color-alpha-low-70);
  --color-alpha-low-80: var(--mf-sem-color-alpha-low-80);
  --color-alpha-low-90: var(--mf-sem-color-alpha-low-90);
  --color-alpha-low-95: var(--mf-sem-color-alpha-low-95);
  --font-display: var(--mf-sem-text-display-font);
  --tracking-display-xl: var(--mf-sem-text-display-xl-spacing);
  --text-display-font-arabic: var(--mf-sem-text-display-font-arabic);
  --font-display-mobile: var(--mf-sem-text-display-mobile-font);
  --text-display-mobile-font-arabic: var(--mf-sem-text-display-mobile-font-arabic);
  --text-display-mobile-sm: var(--mf-sem-text-display-mobile-sm-size);
  --font-weight-display-mobile-sm: var(--mf-sem-text-display-mobile-sm-weight);
  --leading-display-mobile-sm: var(--mf-sem-text-display-mobile-sm-line-height);
  --tracking-display-mobile-sm: var(--mf-sem-text-display-mobile-sm-spacing);
  --text-display-mobile-md: var(--mf-sem-text-display-mobile-md-size);
  --font-weight-display-mobile-md: var(--mf-sem-text-display-mobile-md-weight);
  --leading-display-mobile-md: var(--mf-sem-text-display-mobile-md-line-height);
  --tracking-display-mobile-md: var(--mf-sem-text-display-mobile-md-spacing);
  --text-display-mobile-lg: var(--mf-sem-text-display-mobile-lg-size);
  --font-weight-display-mobile-lg: var(--mf-sem-text-display-mobile-lg-weight);
  --leading-display-mobile-lg: var(--mf-sem-text-display-mobile-lg-line-height);
  --tracking-display-mobile-lg: var(--mf-sem-text-display-mobile-lg-spacing);
  --text-display-mobile-xl: var(--mf-sem-text-display-mobile-xl-size);
  --font-weight-display-mobile-xl: var(--mf-sem-text-display-mobile-xl-weight);
  --leading-display-mobile-xl: var(--mf-sem-text-display-mobile-xl-line-height);
  --tracking-display-mobile-xl: var(--mf-sem-text-display-mobile-xl-spacing);
  --font-heading: var(--mf-sem-text-heading-font);
  --text-heading-font-arabic: var(--mf-sem-text-heading-font-arabic);
  --font-heading-mobile: var(--mf-sem-text-heading-mobile-font);
  --text-heading-mobile-font-arabic: var(--mf-sem-text-heading-mobile-font-arabic);
  --text-heading-mobile-sm: var(--mf-sem-text-heading-mobile-sm-size);
  --font-weight-heading-mobile-sm: var(--mf-sem-text-heading-mobile-sm-weight);
  --leading-heading-mobile-sm: var(--mf-sem-text-heading-mobile-sm-line-height);
  --tracking-heading-mobile-sm: var(--mf-sem-text-heading-mobile-sm-spacing);
  --text-heading-mobile-md: var(--mf-sem-text-heading-mobile-md-size);
  --font-weight-heading-mobile-md: var(--mf-sem-text-heading-mobile-md-weight);
  --leading-heading-mobile-md: var(--mf-sem-text-heading-mobile-md-line-height);
  --tracking-heading-mobile-md: var(--mf-sem-text-heading-mobile-md-spacing);
  --text-heading-mobile-lg: var(--mf-sem-text-heading-mobile-lg-size);
  --font-weight-heading-mobile-lg: var(--mf-sem-text-heading-mobile-lg-weight);
  --leading-heading-mobile-lg: var(--mf-sem-text-heading-mobile-lg-line-height);
  --tracking-heading-mobile-lg: var(--mf-sem-text-heading-mobile-lg-spacing);
  --text-heading-mobile-xl: var(--mf-sem-text-heading-mobile-xl-size);
  --font-weight-heading-mobile-xl: var(--mf-sem-text-heading-mobile-xl-weight);
  --leading-heading-mobile-xl: var(--mf-sem-text-heading-mobile-xl-line-height);
  --tracking-heading-mobile-xl: var(--mf-sem-text-heading-mobile-xl-spacing);
  --font-paragraph: var(--mf-sem-text-paragraph-font);
  --text-paragraph-font-arabic: var(--mf-sem-text-paragraph-font-arabic);
  --font-interactive: var(--mf-sem-text-interactive-font);
  --text-interactive-font-arabic: var(--mf-sem-text-interactive-font-arabic);
  --font-label: var(--mf-sem-text-label-font);
  --text-label-font-arabic: var(--mf-sem-text-label-font-arabic);
  --text-heading-sm: var(--mf-sem-text-heading-sm-size);
  --font-weight-heading-sm: var(--mf-sem-text-heading-sm-weight);
  --leading-heading-sm: var(--mf-sem-text-heading-sm-line-height);
  --tracking-heading-sm: var(--mf-sem-text-heading-sm-spacing);
  --text-heading-md: var(--mf-sem-text-heading-md-size);
  --font-weight-heading-md: var(--mf-sem-text-heading-md-weight);
  --leading-heading-md: var(--mf-sem-text-heading-md-line-height);
  --tracking-heading-md: var(--mf-sem-text-heading-md-spacing);
  --text-heading-lg: var(--mf-sem-text-heading-lg-size);
  --font-weight-heading-lg: var(--mf-sem-text-heading-lg-weight);
  --leading-heading-lg: var(--mf-sem-text-heading-lg-line-height);
  --tracking-heading-lg: var(--mf-sem-text-heading-lg-spacing);
  --text-heading-xl: var(--mf-sem-text-heading-xl-size);
  --font-weight-heading-xl: var(--mf-sem-text-heading-xl-weight);
  --leading-heading-xl: var(--mf-sem-text-heading-xl-line-height);
  --tracking-heading-xl: var(--mf-sem-text-heading-xl-spacing);
  --text-paragraph-xs: var(--mf-sem-text-paragraph-xs-size);
  --font-weight-paragraph-xs: var(--mf-sem-text-paragraph-xs-weight);
  --leading-paragraph-xs: var(--mf-sem-text-paragraph-xs-line-height);
  --tracking-paragraph-xs: var(--mf-sem-text-paragraph-xs-spacing);
  --text-paragraph-sm: var(--mf-sem-text-paragraph-sm-size);
  --font-weight-paragraph-sm: var(--mf-sem-text-paragraph-sm-weight);
  --leading-paragraph-sm: var(--mf-sem-text-paragraph-sm-line-height);
  --tracking-paragraph-sm: var(--mf-sem-text-paragraph-sm-spacing);
  --text-paragraph-md: var(--mf-sem-text-paragraph-md-size);
  --font-weight-paragraph-md: var(--mf-sem-text-paragraph-md-weight);
  --leading-paragraph-md: var(--mf-sem-text-paragraph-md-line-height);
  --tracking-paragraph-md: var(--mf-sem-text-paragraph-md-spacing);
  --text-paragraph-lg: var(--mf-sem-text-paragraph-lg-size);
  --font-weight-paragraph-lg: var(--mf-sem-text-paragraph-lg-weight);
  --leading-paragraph-lg: var(--mf-sem-text-paragraph-lg-line-height);
  --tracking-paragraph-lg: var(--mf-sem-text-paragraph-lg-spacing);
  --text-interactive-sm: var(--mf-sem-text-interactive-sm-size);
  --font-weight-interactive-sm: var(--mf-sem-text-interactive-sm-weight);
  --leading-interactive-sm: var(--mf-sem-text-interactive-sm-line-height);
  --tracking-interactive-sm: var(--mf-sem-text-interactive-sm-spacing);
  --text-interactive-md: var(--mf-sem-text-interactive-md-size);
  --font-weight-interactive-md: var(--mf-sem-text-interactive-md-weight);
  --leading-interactive-md: var(--mf-sem-text-interactive-md-line-height);
  --tracking-interactive-md: var(--mf-sem-text-interactive-md-spacing);
  --text-interactive-lg: var(--mf-sem-text-interactive-lg-size);
  --font-weight-interactive-lg: var(--mf-sem-text-interactive-lg-weight);
  --leading-interactive-lg: var(--mf-sem-text-interactive-lg-line-height);
  --tracking-interactive-lg: var(--mf-sem-text-interactive-lg-spacing);
  --text-label-xs: var(--mf-sem-text-label-xs-size);
  --font-weight-label-xs: var(--mf-sem-text-label-xs-weight);
  --leading-label-xs: var(--mf-sem-text-label-xs-line-height);
  --tracking-label-xs: var(--mf-sem-text-label-xs-spacing);
  --text-label-sm: var(--mf-sem-text-label-sm-size);
  --font-weight-label-sm: var(--mf-sem-text-label-sm-weight);
  --leading-label-sm: var(--mf-sem-text-label-sm-line-height);
  --tracking-label-sm: var(--mf-sem-text-label-sm-spacing);
  --spacing-gap-zero: var(--mf-sem-spacing-gap-zero);
  --spacing-gap-xxs: var(--mf-sem-spacing-gap-xxs);
  --spacing-gap-xs: var(--mf-sem-spacing-gap-xs);
  --spacing-gap-sm: var(--mf-sem-spacing-gap-sm);
  --spacing-gap-md: var(--mf-sem-spacing-gap-md);
  --spacing-gap-lg: var(--mf-sem-spacing-gap-lg);
  --spacing-gap-xl: var(--mf-sem-spacing-gap-xl);
  --spacing-gap-2xl: var(--mf-sem-spacing-gap-2xl);
  --spacing-gap-3xl: var(--mf-sem-spacing-gap-3xl);
  --spacing-gap-4xl: var(--mf-sem-spacing-gap-4xl);
  --spacing-gap-5xl: var(--mf-sem-spacing-gap-5xl);
  --spacing-gap-6xl: var(--mf-sem-spacing-gap-6xl);
  --spacing-gap-7xl: var(--mf-sem-spacing-gap-7xl);
  --spacing-padding-zero: var(--mf-sem-spacing-padding-zero);
  --spacing-padding-xxs: var(--mf-sem-spacing-padding-xxs);
  --spacing-padding-xs: var(--mf-sem-spacing-padding-xs);
  --spacing-padding-sm: var(--mf-sem-spacing-padding-sm);
  --spacing-padding-md: var(--mf-sem-spacing-padding-md);
  --spacing-padding-lg: var(--mf-sem-spacing-padding-lg);
  --spacing-padding-xl: var(--mf-sem-spacing-padding-xl);
  --spacing-padding-2xl: var(--mf-sem-spacing-padding-2xl);
  --spacing-padding-3xl: var(--mf-sem-spacing-padding-3xl);
  --spacing-padding-4xl: var(--mf-sem-spacing-padding-4xl);
  --spacing-padding-5xl: var(--mf-sem-spacing-padding-5xl);
  --spacing-padding-6xl: var(--mf-sem-spacing-padding-6xl);
  --spacing-padding-7xl: var(--mf-sem-spacing-padding-7xl);
  --breakpoint-mobile: 0px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1280px;
  --spacing-fields-xs: var(--mf-sem-size-fields-xs);
  --spacing-fields-sm: var(--mf-sem-size-fields-sm);
  --spacing-fields-md: var(--mf-sem-size-fields-md);
  --spacing-fields-lg: var(--mf-sem-size-fields-lg);
  --spacing-fields-xl: var(--mf-sem-size-fields-xl);
  --spacing-fields-2xl: var(--mf-sem-size-fields-2xl);
  --spacing-fields-3xl: var(--mf-sem-size-fields-3xl);
  --spacing-fields-4xl: var(--mf-sem-size-fields-4xl);
  --spacing-fields-5xl: var(--mf-sem-size-fields-5xl);
  --spacing-border-zero: var(--mf-sem-border-zero);
  --spacing-border-thin: var(--mf-sem-border-thin);
  --spacing-border-regular: var(--mf-sem-border-regular);
  --spacing-border-semibold: var(--mf-sem-border-semibold);
  --spacing-border-bold: var(--mf-sem-border-bold);
  --spacing-border-selector: var(--mf-sem-border-selector);
  --spacing-border-field: var(--mf-sem-border-field);
  --spacing-border-box: var(--mf-sem-border-box);
  --radius-zero: var(--mf-sem-radius-zero);
  --radius-sm: var(--mf-sem-radius-sm);
  --radius-md: var(--mf-sem-radius-md);
  --radius-lg: var(--mf-sem-radius-lg);
  --radius-xl: var(--mf-sem-radius-xl);
  --radius-2xl: var(--mf-sem-radius-2xl);
  --radius-circle: var(--mf-sem-radius-circle);
  --radius-selectors-sm: var(--mf-sem-radius-selectors-sm);
  --color-alpha-high-5: var(--mf-sem-color-alpha-high-5);
  --color-alpha-high-5-2: var(--mf-sem-color-alpha-high-5-2);
  --color-alpha-high-10: var(--mf-sem-color-alpha-high-10);
  --color-alpha-high-20: var(--mf-sem-color-alpha-high-20);
  --color-alpha-high-30: var(--mf-sem-color-alpha-high-30);
  --color-alpha-high-40: var(--mf-sem-color-alpha-high-40);
  --color-alpha-high-50: var(--mf-sem-color-alpha-high-50);
  --color-alpha-high-60: var(--mf-sem-color-alpha-high-60);
  --color-alpha-high-70: var(--mf-sem-color-alpha-high-70);
  --color-alpha-high-80: var(--mf-sem-color-alpha-high-80);
  --color-alpha-high-90: var(--mf-sem-color-alpha-high-90);
  --color-alpha-high-95: var(--mf-sem-color-alpha-high-95);
  --radius-selectors-md: var(--mf-sem-radius-selectors-md);
  --radius-selectors-lg: var(--mf-sem-radius-selectors-lg);
  --radius-fields-sm: var(--mf-sem-radius-fields-sm);
  --radius-fields-md: var(--mf-sem-radius-fields-md);
  --radius-fields-lg: var(--mf-sem-radius-fields-lg);
  --spacing-shadow-sm-blur: var(--mf-sem-shadow-sm-blur);
  --spacing-shadow-sm-spread: var(--mf-sem-shadow-sm-spread);
  --spacing-shadow-sm-x: var(--mf-sem-shadow-sm-x);
  --spacing-shadow-sm-y: var(--mf-sem-shadow-sm-y);
  --spacing-shadow-sm-color: var(--mf-sem-shadow-sm-color);
  --spacing-shadow-md-blur: var(--mf-sem-shadow-md-blur);
  --spacing-shadow-md-spread: var(--mf-sem-shadow-md-spread);
  --spacing-shadow-md-x: var(--mf-sem-shadow-md-x);
  --spacing-shadow-md-y: var(--mf-sem-shadow-md-y);
  --spacing-shadow-md-color: var(--mf-sem-shadow-md-color);
  --spacing-shadow-lg-blur: var(--mf-sem-shadow-lg-blur);
  --spacing-shadow-lg-spread: var(--mf-sem-shadow-lg-spread);
  --spacing-shadow-lg-x: var(--mf-sem-shadow-lg-x);
  --spacing-shadow-lg-y: var(--mf-sem-shadow-lg-y);
  --spacing-shadow-lg-color: var(--mf-sem-shadow-lg-color);
  --spacing-selectors-xs: var(--mf-sem-size-selectors-xs);
  --spacing-selectors-sm: var(--mf-sem-size-selectors-sm);
  --spacing-selectors-md: var(--mf-sem-size-selectors-md);
  --spacing-selectors-lg: var(--mf-sem-size-selectors-lg);
  --spacing-selectors-xl: var(--mf-sem-size-selectors-xl);
  --spacing-selectors-2xl: var(--mf-sem-size-selectors-2xl);
  --radius-boxes-sm: var(--mf-sem-radius-boxes-sm);
  --radius-boxes-md: var(--mf-sem-radius-boxes-md);
  --radius-boxes-lg: var(--mf-sem-radius-boxes-lg);
  --color-success-text-main: var(--mf-sem-color-success-text-main);
  --color-success-foreground-main: var(--mf-sem-color-success-foreground-main);
  --color-success-text-on-surface: var(--mf-sem-color-success-text-on-surface);
  --color-success-border-low: var(--mf-sem-color-success-border-low);
  --color-success-border-regular: var(--mf-sem-color-success-border-regular);
  --spacing-elements-2xs: var(--mf-sem-size-elements-2xs);
  --spacing-elements-xxs: var(--mf-sem-size-elements-xxs);
  --spacing-elements-xs: var(--mf-sem-size-elements-xs);
  --spacing-elements-sm: var(--mf-sem-size-elements-sm);
  --spacing-elements-md: var(--mf-sem-size-elements-md);
  --spacing-elements-lg: var(--mf-sem-size-elements-lg);
  --spacing-elements-xl: var(--mf-sem-size-elements-xl);
  --spacing-elements-2xl: var(--mf-sem-size-elements-2xl);
  --spacing-elements-3xl: var(--mf-sem-size-elements-3xl);
  --spacing-elements-4xl: var(--mf-sem-size-elements-4xl);
  --spacing-elements-5xl: var(--mf-sem-size-elements-5xl);
  --spacing-elements-6xl: var(--mf-sem-size-elements-6xl);
  --spacing-elements-7xl: var(--mf-sem-size-elements-7xl);
  --spacing-elements-8xl: var(--mf-sem-size-elements-8xl);
  --spacing-elements-9xl: var(--mf-sem-size-elements-9xl);
  --spacing-elements-10xl: var(--mf-sem-size-elements-10xl);
  --spacing-elements-11xl: var(--mf-sem-size-elements-11xl);
  --spacing-elements-12xl: var(--mf-sem-size-elements-12xl);
  --text-display-sm-arabic: var(--mf-sem-text-display-sm-arabic-size);
  --font-weight-display-sm-arabic: var(--mf-sem-text-display-sm-arabic-weight);
  --leading-display-sm-arabic: var(--mf-sem-text-display-sm-arabic-line-height);
  --tracking-display-sm-arabic: var(--mf-sem-text-display-sm-arabic-spacing);
  --text-display-md-arabic: var(--mf-sem-text-display-md-arabic-size);
  --font-weight-display-md-arabic: var(--mf-sem-text-display-md-arabic-weight);
  --leading-display-md-arabic: var(--mf-sem-text-display-md-arabic-line-height);
  --tracking-display-md-arabic: var(--mf-sem-text-display-md-arabic-spacing);
  --text-display-lg-arabic: var(--mf-sem-text-display-lg-arabic-size);
  --font-weight-display-lg-arabic: var(--mf-sem-text-display-lg-arabic-weight);
  --leading-display-lg-arabic: var(--mf-sem-text-display-lg-arabic-line-height);
  --tracking-display-lg-arabic: var(--mf-sem-text-display-lg-arabic-spacing);
  --text-display-xl-arabic: var(--mf-sem-text-display-xl-arabic-size);
  --font-weight-display-xl-arabic: var(--mf-sem-text-display-xl-arabic-weight);
  --leading-display-xl-arabic: var(--mf-sem-text-display-xl-arabic-line-height);
  --tracking-display-xl-arabic: var(--mf-sem-text-display-xl-arabic-spacing);
  --text-display-mobile-sm-arabic: var(--mf-sem-text-display-mobile-sm-arabic-size);
  --font-weight-display-mobile-sm-arabic: var(--mf-sem-text-display-mobile-sm-arabic-weight);
  --leading-display-mobile-sm-arabic: var(--mf-sem-text-display-mobile-sm-arabic-line-height);
  --tracking-display-mobile-sm-arabic: var(--mf-sem-text-display-mobile-sm-arabic-spacing);
  --text-display-mobile-md-arabic: var(--mf-sem-text-display-mobile-md-arabic-size);
  --font-weight-display-mobile-md-arabic: var(--mf-sem-text-display-mobile-md-arabic-weight);
  --leading-display-mobile-md-arabic: var(--mf-sem-text-display-mobile-md-arabic-line-height);
  --tracking-display-mobile-md-arabic: var(--mf-sem-text-display-mobile-md-arabic-spacing);
  --text-display-mobile-lg-arabic: var(--mf-sem-text-display-mobile-lg-arabic-size);
  --font-weight-display-mobile-lg-arabic: var(--mf-sem-text-display-mobile-lg-arabic-weight);
  --leading-display-mobile-lg-arabic: var(--mf-sem-text-display-mobile-lg-arabic-line-height);
  --tracking-display-mobile-lg-arabic: var(--mf-sem-text-display-mobile-lg-arabic-spacing);
  --text-display-mobile-xl-arabic: var(--mf-sem-text-display-mobile-xl-arabic-size);
  --font-weight-display-mobile-xl-arabic: var(--mf-sem-text-display-mobile-xl-arabic-weight);
  --leading-display-mobile-xl-arabic: var(--mf-sem-text-display-mobile-xl-arabic-line-height);
  --tracking-display-mobile-xl-arabic: var(--mf-sem-text-display-mobile-xl-arabic-spacing);
  --text-heading-sm-arabic: var(--mf-sem-text-heading-sm-arabic-size);
  --font-weight-heading-sm-arabic: var(--mf-sem-text-heading-sm-arabic-weight);
  --leading-heading-sm-arabic: var(--mf-sem-text-heading-sm-arabic-line-height);
  --tracking-heading-sm-arabic: var(--mf-sem-text-heading-sm-arabic-spacing);
  --text-heading-md-arabic: var(--mf-sem-text-heading-md-arabic-size);
  --font-weight-heading-md-arabic: var(--mf-sem-text-heading-md-arabic-weight);
  --leading-heading-md-arabic: var(--mf-sem-text-heading-md-arabic-line-height);
  --tracking-heading-md-arabic: var(--mf-sem-text-heading-md-arabic-spacing);
  --text-heading-lg-arabic: var(--mf-sem-text-heading-lg-arabic-size);
  --font-weight-heading-lg-arabic: var(--mf-sem-text-heading-lg-arabic-weight);
  --leading-heading-lg-arabic: var(--mf-sem-text-heading-lg-arabic-line-height);
  --tracking-heading-lg-arabic: var(--mf-sem-text-heading-lg-arabic-spacing);
  --text-heading-xl-arabic: var(--mf-sem-text-heading-xl-arabic-size);
  --font-weight-heading-xl-arabic: var(--mf-sem-text-heading-xl-arabic-weight);
  --leading-heading-xl-arabic: var(--mf-sem-text-heading-xl-arabic-line-height);
  --tracking-heading-xl-arabic: var(--mf-sem-text-heading-xl-arabic-spacing);
  --text-heading-mobile-sm-arabic: var(--mf-sem-text-heading-mobile-sm-arabic-size);
  --font-weight-heading-mobile-sm-arabic: var(--mf-sem-text-heading-mobile-sm-arabic-weight);
  --leading-heading-mobile-sm-arabic: var(--mf-sem-text-heading-mobile-sm-arabic-line-height);
  --tracking-heading-mobile-sm-arabic: var(--mf-sem-text-heading-mobile-sm-arabic-spacing);
  --text-heading-mobile-md-arabic: var(--mf-sem-text-heading-mobile-md-arabic-size);
  --font-weight-heading-mobile-md-arabic: var(--mf-sem-text-heading-mobile-md-arabic-weight);
  --leading-heading-mobile-md-arabic: var(--mf-sem-text-heading-mobile-md-arabic-line-height);
  --tracking-heading-mobile-md-arabic: var(--mf-sem-text-heading-mobile-md-arabic-spacing);
  --text-heading-mobile-lg-arabic: var(--mf-sem-text-heading-mobile-lg-arabic-size);
  --font-weight-heading-mobile-lg-arabic: var(--mf-sem-text-heading-mobile-lg-arabic-weight);
  --leading-heading-mobile-lg-arabic: var(--mf-sem-text-heading-mobile-lg-arabic-line-height);
  --tracking-heading-mobile-lg-arabic: var(--mf-sem-text-heading-mobile-lg-arabic-spacing);
  --text-heading-mobile-xl-arabic: var(--mf-sem-text-heading-mobile-xl-arabic-size);
  --font-weight-heading-mobile-xl-arabic: var(--mf-sem-text-heading-mobile-xl-arabic-weight);
  --leading-heading-mobile-xl-arabic: var(--mf-sem-text-heading-mobile-xl-arabic-line-height);
  --tracking-heading-mobile-xl-arabic: var(--mf-sem-text-heading-mobile-xl-arabic-spacing);
  --text-paragraph-xs-arabic: var(--mf-sem-text-paragraph-xs-arabic-size);
  --font-weight-paragraph-xs-arabic: var(--mf-sem-text-paragraph-xs-arabic-weight);
  --leading-paragraph-xs-arabic: var(--mf-sem-text-paragraph-xs-arabic-line-height);
  --tracking-paragraph-xs-arabic: var(--mf-sem-text-paragraph-xs-arabic-spacing);
  --text-paragraph-sm-arabic: var(--mf-sem-text-paragraph-sm-arabic-size);
  --font-weight-paragraph-sm-arabic: var(--mf-sem-text-paragraph-sm-arabic-weight);
  --leading-paragraph-sm-arabic: var(--mf-sem-text-paragraph-sm-arabic-line-height);
  --tracking-paragraph-sm-arabic: var(--mf-sem-text-paragraph-sm-arabic-spacing);
  --text-paragraph-md-arabic: var(--mf-sem-text-paragraph-md-arabic-size);
  --font-weight-paragraph-md-arabic: var(--mf-sem-text-paragraph-md-arabic-weight);
  --leading-paragraph-md-arabic: var(--mf-sem-text-paragraph-md-arabic-line-height);
  --tracking-paragraph-md-arabic: var(--mf-sem-text-paragraph-md-arabic-spacing);
  --text-paragraph-lg-arabic: var(--mf-sem-text-paragraph-lg-arabic-size);
  --font-weight-paragraph-lg-arabic: var(--mf-sem-text-paragraph-lg-arabic-weight);
  --leading-paragraph-lg-arabic: var(--mf-sem-text-paragraph-lg-arabic-line-height);
  --tracking-paragraph-lg-arabic: var(--mf-sem-text-paragraph-lg-arabic-spacing);
  --text-interactive-sm-arabic: var(--mf-sem-text-interactive-sm-arabic-size);
  --font-weight-interactive-sm-arabic: var(--mf-sem-text-interactive-sm-arabic-weight);
  --leading-interactive-sm-arabic: var(--mf-sem-text-interactive-sm-arabic-line-height);
  --tracking-interactive-sm-arabic: var(--mf-sem-text-interactive-sm-arabic-spacing);
  --text-interactive-md-arabic: var(--mf-sem-text-interactive-md-arabic-size);
  --font-weight-interactive-md-arabic: var(--mf-sem-text-interactive-md-arabic-weight);
  --leading-interactive-md-arabic: var(--mf-sem-text-interactive-md-arabic-line-height);
  --tracking-interactive-md-arabic: var(--mf-sem-text-interactive-md-arabic-spacing);
  --text-interactive-lg-arabic: var(--mf-sem-text-interactive-lg-arabic-size);
  --font-weight-interactive-lg-arabic: var(--mf-sem-text-interactive-lg-arabic-weight);
  --leading-interactive-lg-arabic: var(--mf-sem-text-interactive-lg-arabic-line-height);
  --tracking-interactive-lg-arabic: var(--mf-sem-text-interactive-lg-arabic-spacing);
  --text-label-xs-arabic: var(--mf-sem-text-label-xs-arabic-size);
  --font-weight-label-xs-arabic: var(--mf-sem-text-label-xs-arabic-weight);
  --leading-label-xs-arabic: var(--mf-sem-text-label-xs-arabic-line-height);
  --tracking-label-xs-arabic: var(--mf-sem-text-label-xs-arabic-spacing);
  --text-label-sm-arabic: var(--mf-sem-text-label-sm-arabic-size);
  --font-weight-label-sm-arabic: var(--mf-sem-text-label-sm-arabic-weight);
  --leading-label-sm-arabic: var(--mf-sem-text-label-sm-arabic-line-height);
  --tracking-label-sm-arabic: var(--mf-sem-text-label-sm-arabic-spacing);
}

:root {
  --mf-prim-color-black: hsl(0, 0%, 0%);
  --mf-prim-color-white: hsl(0, 0%, 100%);
  --mf-prim-color-transparent: hsla(0, 0%, 100%, 0);
  --mf-prim-color-default-gray-50: hsl(0, 0%, 97%);
  --mf-prim-color-default-gray-100: hsl(0, 0%, 96%);
  --mf-prim-color-default-gray-200: hsl(0, 0%, 90%);
  --mf-prim-color-default-gray-300: hsl(0, 0%, 84%);
  --mf-prim-color-default-gray-400: hsl(0, 0%, 64%);
  --mf-prim-color-default-gray-500: hsl(0, 0%, 45%);
  --mf-prim-color-default-gray-600: hsl(0, 0%, 32%);
  --mf-prim-color-default-gray-700: hsl(0, 0%, 26%);
  --mf-prim-color-default-gray-800: hsl(0, 0%, 16%);
  --mf-prim-color-default-gray-900: hsl(0, 0%, 8%);
  --mf-prim-color-default-gray-950: hsl(0, 0%, 6%);
  --mf-prim-color-default-red-50: hsl(5, 86%, 97%);
  --mf-prim-color-default-red-100: hsl(4, 93%, 94%);
  --mf-prim-color-default-red-200: hsl(3, 96%, 89%);
  --mf-prim-color-default-red-300: hsl(4, 96%, 80%);
  --mf-prim-color-default-red-400: hsl(4, 92%, 69%);
  --mf-prim-color-default-red-500: hsl(4, 86%, 58%);
  --mf-prim-color-default-red-600: hsl(4, 74%, 49%);
  --mf-prim-color-default-red-700: hsl(4, 76%, 40%);
  --mf-prim-color-default-red-800: hsl(4, 72%, 33%);
  --mf-prim-color-default-red-900: hsl(8, 65%, 29%);
  --mf-prim-color-default-red-950: hsl(8, 75%, 19%);
  --mf-prim-color-default-teal-50: hsl(162, 76%, 97%);
  --mf-prim-color-default-teal-100: hsl(165, 85%, 89%);
  --mf-prim-color-default-teal-200: hsl(166, 84%, 78%);
  --mf-prim-color-default-teal-300: hsl(169, 76%, 64%);
  --mf-prim-color-default-teal-400: hsl(170, 65%, 50%);
  --mf-prim-color-default-teal-500: hsl(171, 79%, 40%);
  --mf-prim-color-default-teal-600: hsl(173, 83%, 32%);
  --mf-prim-color-default-teal-700: hsl(173, 76%, 26%);
  --mf-prim-color-default-teal-800: hsl(174, 68%, 22%);
  --mf-prim-color-default-teal-900: hsl(174, 61%, 19%);
  --mf-prim-color-default-teal-950: hsl(174, 61%, 10%);
  --mf-prim-color-default-white-a5: hsla(0, 0%, 100%, 0.05000000074505806);
  --mf-prim-color-default-white-a10: hsla(0, 0%, 100%, 0.10000000149011612);
  --mf-prim-color-default-white-a20: hsla(0, 0%, 100%, 0.20000000298023224);
  --mf-prim-color-default-white-a30: hsla(0, 0%, 100%, 0.30000001192092896);
  --mf-prim-color-default-white-a40: hsla(0, 0%, 100%, 0.4000000059604645);
  --mf-prim-color-default-white-a50: hsla(0, 0%, 100%, 0.5);
  --mf-prim-color-default-white-a60: hsla(0, 0%, 100%, 0.6000000238418579);
  --mf-prim-color-default-white-a70: hsla(0, 0%, 100%, 0.699999988079071);
  --mf-prim-color-default-white-a80: hsla(0, 0%, 100%, 0.800000011920929);
  --mf-prim-color-default-white-a90: hsla(0, 0%, 100%, 0.8999999761581421);
  --mf-prim-color-default-white-a95: hsla(0, 0%, 100%, 0.949999988079071);
  --mf-prim-color-default-black-a5: hsla(0, 0%, 0%, 0.05000000074505806);
  --mf-prim-color-default-black-a10: hsla(0, 0%, 0%, 0.10000000149011612);
  --mf-prim-color-default-black-a20: hsla(0, 0%, 0%, 0.20000000298023224);
  --mf-prim-color-default-black-a30: hsla(0, 0%, 0%, 0.30000001192092896);
  --mf-prim-color-default-black-a40: hsla(0, 0%, 0%, 0.4000000059604645);
  --mf-prim-color-default-black-a50: hsla(0, 0%, 0%, 0.5);
  --mf-prim-color-default-black-a60: hsla(0, 0%, 0%, 0.6000000238418579);
  --mf-prim-color-default-black-a70: hsla(0, 0%, 0%, 0.699999988079071);
  --mf-prim-color-default-black-a80: hsla(0, 0%, 0%, 0.800000011920929);
  --mf-prim-color-default-black-a90: hsla(0, 0%, 0%, 0.8999999761581421);
  --mf-prim-color-default-black-a95: hsla(0, 0%, 0%, 0.949999988079071);
  --mf-prim-color-default-orange-50: hsl(45, 100%, 96%);
  --mf-prim-color-default-orange-100: hsl(45, 96%, 89%);
  --mf-prim-color-default-orange-200: hsl(44, 98%, 77%);
  --mf-prim-color-default-orange-300: hsl(42, 99%, 65%);
  --mf-prim-color-default-orange-400: hsl(39, 98%, 56%);
  --mf-prim-color-default-orange-500: hsl(34, 94%, 50%);
  --mf-prim-color-default-orange-600: hsl(28, 97%, 44%);
  --mf-prim-color-default-orange-700: hsl(22, 92%, 37%);
  --mf-prim-color-default-orange-800: hsl(19, 84%, 31%);
  --mf-prim-color-default-orange-900: hsl(18, 79%, 27%);
  --mf-prim-color-default-orange-950: hsl(17, 79%, 17%);
  --mf-prim-color-default-green-50: hsl(145, 81%, 96%);
  --mf-prim-color-default-green-100: hsl(140, 75%, 92%);
  --mf-prim-color-default-green-200: hsl(144, 68%, 80%);
  --mf-prim-color-default-green-300: hsl(148, 63%, 67%);
  --mf-prim-color-default-green-400: hsl(150, 57%, 54%);
  --mf-prim-color-default-green-500: hsl(152, 77%, 39%);
  --mf-prim-color-default-green-600: hsl(153, 91%, 30%);
  --mf-prim-color-default-green-700: hsl(155, 90%, 24%);
  --mf-prim-color-default-green-800: hsl(155, 84%, 20%);
  --mf-prim-color-default-green-900: hsl(156, 83%, 16%);
  --mf-prim-color-default-green-950: hsl(157, 82%, 11%);
  --mf-prim-color-default-blue-50: hsl(221, 100%, 97%);
  --mf-prim-color-default-blue-100: hsl(220, 100%, 91%);
  --mf-prim-color-default-blue-200: hsl(220, 100%, 85%);
  --mf-prim-color-default-blue-300: hsl(220, 100%, 76%);
  --mf-prim-color-default-blue-400: hsl(220, 100%, 66%);
  --mf-prim-color-default-blue-500: hsl(220, 100%, 58%);
  --mf-prim-color-default-blue-600: hsl(220, 87%, 51%);
  --mf-prim-color-default-blue-700: hsl(220, 100%, 46%);
  --mf-prim-color-default-blue-800: hsl(220, 100%, 38%);
  --mf-prim-color-default-blue-900: hsl(220, 100%, 31%);
  --mf-prim-color-default-blue-950: hsl(220, 100%, 20%);
  --mf-prim-color-default-purple-50: hsl(245, 100%, 98%);
  --mf-prim-color-default-purple-100: hsl(246, 91%, 95%);
  --mf-prim-color-default-purple-200: hsl(245, 95%, 92%);
  --mf-prim-color-default-purple-300: hsl(247, 97%, 85%);
  --mf-prim-color-default-purple-400: hsl(249, 93%, 76%);
  --mf-prim-color-default-purple-500: hsl(252, 92%, 66%);
  --mf-prim-color-default-purple-600: hsl(256, 85%, 58%);
  --mf-prim-color-default-purple-700: hsl(257, 72%, 50%);
  --mf-prim-color-default-purple-800: hsl(257, 71%, 42%);
  --mf-prim-color-default-purple-900: hsl(257, 69%, 35%);
  --mf-prim-color-default-purple-950: hsl(257, 70%, 22%);
  --mf-prim-color-default-yellow-50: hsl(52, 92%, 95%);
  --mf-prim-color-default-yellow-100: hsl(53, 97%, 88%);
  --mf-prim-color-default-yellow-200: hsl(51, 98%, 79%);
  --mf-prim-color-default-yellow-300: hsl(48, 97%, 72%);
  --mf-prim-color-default-yellow-400: hsl(46, 96%, 53%);
  --mf-prim-color-default-yellow-500: hsl(43, 93%, 47%);
  --mf-prim-color-default-yellow-600: hsl(39, 96%, 40%);
  --mf-prim-color-default-yellow-700: hsl(33, 92%, 33%);
  --mf-prim-color-default-yellow-800: hsl(30, 81%, 29%);
  --mf-prim-color-default-yellow-900: hsl(26, 73%, 26%);
  --mf-prim-color-default-yellow-950: hsl(26, 73%, 19%);
  --mf-prim-color-maf-warm-grey-50: hsl(20, 16%, 96%);
  --mf-prim-color-maf-warm-grey-100: hsl(23, 17%, 91%);
  --mf-prim-color-maf-warm-grey-200: hsl(20, 15%, 81%);
  --mf-prim-color-maf-warm-grey-300: hsl(20, 16%, 71%);
  --mf-prim-color-maf-warm-grey-400: hsl(19, 16%, 61%);
  --mf-prim-color-maf-warm-grey-500: hsl(19, 16%, 51%);
  --mf-prim-color-maf-warm-grey-600: hsl(20, 16%, 41%);
  --mf-prim-color-maf-warm-grey-700: hsl(19, 16%, 30%);
  --mf-prim-color-maf-warm-grey-800: hsl(19, 16%, 20%);
  --mf-prim-color-maf-warm-grey-900: hsl(20, 18%, 10%);
  --mf-prim-color-maf-warm-grey-950: hsl(15, 15%, 5%);
  --mf-prim-color-maf-dark-brown-50: hsl(30, 8%, 95%);
  --mf-prim-color-maf-dark-brown-100: hsl(30, 9%, 91%);
  --mf-prim-color-maf-dark-brown-200: hsl(27, 11%, 81%);
  --mf-prim-color-maf-dark-brown-300: hsl(29, 15%, 72%);
  --mf-prim-color-maf-dark-brown-400: hsl(26, 16%, 62%);
  --mf-prim-color-maf-dark-brown-500: hsl(27, 18%, 53%);
  --mf-prim-color-maf-dark-brown-600: hsl(27, 21%, 44%);
  --mf-prim-color-maf-dark-brown-700: hsl(28, 21%, 34%);
  --mf-prim-color-maf-dark-brown-800: hsl(26, 23%, 25%);
  --mf-prim-color-maf-dark-brown-900: hsl(27, 26%, 15%);
  --mf-prim-color-maf-dark-brown-950: hsl(27, 22%, 8%);
  --mf-prim-color-maf-burgundy-50: hsl(351, 88%, 97%);
  --mf-prim-color-maf-burgundy-100: hsl(352, 83%, 93%);
  --mf-prim-color-maf-burgundy-200: hsl(350, 84%, 86%);
  --mf-prim-color-maf-burgundy-300: hsl(350, 87%, 79%);
  --mf-prim-color-maf-burgundy-400: hsl(348, 88%, 71%);
  --mf-prim-color-maf-burgundy-500: hsl(344, 89%, 60%);
  --mf-prim-color-maf-burgundy-600: hsl(342, 69%, 49%);
  --mf-prim-color-maf-burgundy-700: hsl(342, 71%, 40%);
  --mf-prim-color-maf-burgundy-800: hsl(342, 74%, 31%);
  --mf-prim-color-maf-burgundy-900: hsl(342, 82%, 17%);
  --mf-prim-color-maf-burgundy-950: hsl(345, 89%, 10%);
  --mf-prim-color-maf-gold-50: hsl(44, 35%, 94%);
  --mf-prim-color-maf-gold-100: hsl(39, 38%, 88%);
  --mf-prim-color-maf-gold-200: hsl(40, 38%, 76%);
  --mf-prim-color-maf-gold-300: hsl(41, 37%, 65%);
  --mf-prim-color-maf-gold-400: hsl(41, 38%, 53%);
  --mf-prim-color-maf-gold-500: hsl(41, 37%, 44%);
  --mf-prim-color-maf-gold-600: hsl(40, 37%, 35%);
  --mf-prim-color-maf-gold-700: hsl(41, 38%, 26%);
  --mf-prim-color-maf-gold-800: hsl(41, 37%, 18%);
  --mf-prim-color-maf-gold-900: hsl(40, 39%, 9%);
  --mf-prim-color-maf-gold-950: hsl(45, 40%, 4%);
  --mf-prim-color-share-burgundy-50: hsl(336, 71%, 96%);
  --mf-prim-color-share-burgundy-100: hsl(337, 69%, 90%);
  --mf-prim-color-share-burgundy-200: hsl(336, 72%, 85%);
  --mf-prim-color-share-burgundy-300: hsl(337, 80%, 80%);
  --mf-prim-color-share-burgundy-400: hsl(337, 70%, 64%);
  --mf-prim-color-share-burgundy-500: hsl(337, 74%, 49%);
  --mf-prim-color-share-burgundy-600: hsl(337, 74%, 39%);
  --mf-prim-color-share-burgundy-700: hsl(337, 81%, 31%);
  --mf-prim-color-share-burgundy-800: hsl(337, 81%, 21%);
  --mf-prim-color-share-burgundy-900: hsl(337, 80%, 10%);
  --mf-prim-color-share-burgundy-950: hsl(337, 84%, 5%);
  --mf-prim-color-share-gray-50: hsl(0, 0%, 95%);
  --mf-prim-color-share-gray-100: hsl(0, 0%, 91%);
  --mf-prim-color-share-gray-200: hsl(0, 0%, 82%);
  --mf-prim-color-share-gray-300: hsl(0, 0%, 74%);
  --mf-prim-color-share-gray-400: hsl(0, 0%, 58%);
  --mf-prim-color-share-gray-500: hsl(0, 0%, 51%);
  --mf-prim-color-share-gray-600: hsl(0, 0%, 43%);
  --mf-prim-color-share-gray-700: hsl(0, 0%, 35%);
  --mf-prim-color-share-gray-800: hsl(0, 0%, 27%);
  --mf-prim-color-share-gray-900: hsl(0, 0%, 19%);
  --mf-prim-color-share-gray-950: hsl(0, 0%, 11%);
  --mf-prim-color-share-gray-1000: hsl(0, 0%, 5%);
  --mf-prim-color-share-gold-50: hsl(36, 60%, 95%);
  --mf-prim-color-share-gold-100: hsl(42, 29%, 87%);
  --mf-prim-color-share-gold-200: hsl(38, 32%, 74%);
  --mf-prim-color-share-gold-300: hsl(40, 31%, 66%);
  --mf-prim-color-share-gold-400: hsl(39, 31%, 60%);
  --mf-prim-color-share-gold-500: hsl(40, 31%, 52%);
  --mf-prim-color-share-gold-600: hsl(40, 35%, 47%);
  --mf-prim-color-share-gold-700: hsl(39, 35%, 37%);
  --mf-prim-color-share-gold-800: hsl(38, 59%, 21%);
  --mf-prim-color-share-gold-900: hsl(38, 57%, 11%);
  --mf-prim-color-share-gold-950: hsl(40, 60%, 5%);
  --mf-prim-color-share-green-50: hsl(150, 41%, 93%);
  --mf-prim-color-share-green-100: hsl(150, 41%, 89%);
  --mf-prim-color-share-green-200: hsl(149, 43%, 80%);
  --mf-prim-color-share-green-300: hsl(149, 43%, 66%);
  --mf-prim-color-share-green-400: hsl(149, 44%, 61%);
  --mf-prim-color-share-green-500: hsl(149, 42%, 53%);
  --mf-prim-color-share-green-600: hsl(148, 58%, 42%);
  --mf-prim-color-share-green-700: hsl(148, 86%, 33%);
  --mf-prim-color-share-green-800: hsl(148, 71%, 27%);
  --mf-prim-color-share-green-900: hsl(148, 71%, 16%);
  --mf-prim-color-share-green-950: hsl(148, 65%, 11%);
  --mf-prim-text-font-marselis-pro: "Marselis Pro";
  --mf-prim-text-font-inter: Inter;
  --mf-prim-text-font-klarheit-kurrent: "ES Klarheit Kurrent";
  --mf-prim-text-font-aktiv-grotesk: "Aktiv Grotesk";
  --mf-prim-text-font-forced-square: "FORCED SQUARE";
  --mf-prim-text-font-geist-mono: "Geist Mono";
  --mf-prim-text-font-larken: Larken;
  --mf-prim-text-font-futura: Futura;
  --mf-prim-text-font-montserrat: Montserrat;
  --mf-prim-text-font-parkinsans: Parkinsans;
  --mf-prim-text-font-tajawal: Tajawal;
  --mf-prim-text-size-10: 10px;
  --mf-prim-text-font-vazirmatn: Vazirmatn;
  --mf-prim-text-size-12: 12px;
  --mf-prim-text-size-14: 14px;
  --mf-prim-text-size-16: 16px;
  --mf-prim-text-size-18: 18px;
  --mf-prim-text-size-20: 20px;
  --mf-prim-text-size-24: 24px;
  --mf-prim-text-size-28: 28px;
  --mf-prim-text-size-30: 30px;
  --mf-prim-text-size-32: 32px;
  --mf-prim-text-size-36: 36px;
  --mf-prim-text-size-40: 40px;
  --mf-prim-text-size-48: 48px;
  --mf-prim-text-size-60: 60px;
  --mf-prim-text-size-72: 72px;
  --mf-prim-text-size-96: 96px;
  --mf-prim-text-size-128: 128px;
  --mf-prim-text-size-256: 256px;
  --mf-prim-text-weight-300: 300;
  --mf-prim-text-weight-400: 400;
  --mf-prim-text-weight-500: 500;
  --mf-prim-text-weight-600: 600;
  --mf-prim-text-line-height-10: 10px;
  --mf-prim-text-weight-700: 700;
  --mf-prim-text-line-height-12: 12px;
  --mf-prim-text-line-height-14: 14px;
  --mf-prim-text-line-height-18: 18px;
  --mf-prim-text-line-height-20: 20px;
  --mf-prim-text-line-height-24: 24px;
  --mf-prim-text-line-height-28: 28px;
  --mf-prim-text-line-height-32: 32px;
  --mf-prim-text-line-height-36: 36px;
  --mf-prim-text-line-height-40: 40px;
  --mf-prim-text-line-height-48: 48px;
  --mf-prim-text-line-height-60: 60px;
  --mf-prim-text-line-height-72: 72px;
  --mf-prim-text-line-height-96: 96px;
  --mf-prim-text-line-height-128: 128px;
  --mf-prim-text-line-height-256: 256px;
  --mf-prim-text-spacing--4: -4px;
  --mf-prim-text-spacing--3: -3px;
  --mf-prim-text-spacing--2: -2px;
  --mf-prim-text-spacing--1: -1px;
  --mf-prim-text-spacing-0: 0px;
  --mf-prim-text-spacing-1_5: 1.5px;
  --mf-prim-text-spacing-3: 3px;
  --mf-prim-spacing-0: 0px;
  --mf-prim-spacing-2: 2px;
  --mf-prim-spacing-4: 4px;
  --mf-prim-spacing-6: 6px;
  --mf-prim-spacing-8: 8px;
  --mf-prim-spacing-10: 10px;
  --mf-prim-spacing-12: 12px;
  --mf-prim-spacing-14: 14px;
  --mf-prim-spacing-16: 16px;
  --mf-prim-spacing-18: 18px;
  --mf-prim-size-0: 0px;
  --mf-prim-size-2: 2px;
  --mf-prim-size-4: 4px;
  --mf-prim-size-6: 6px;
  --mf-prim-size-8: 8px;
  --mf-prim-size-10: 10px;
  --mf-prim-size-12: 12px;
  --mf-prim-size-14: 14px;
  --mf-prim-size-16: 16px;
  --mf-prim-size-18: 18px;
  --mf-prim-size-20: 20px;
  --mf-prim-size-22: 22px;
  --mf-prim-size-24: 24px;
  --mf-prim-size-28: 28px;
  --mf-prim-size-32: 32px;
  --mf-prim-size-40: 40px;
  --mf-prim-size-48: 48px;
  --mf-prim-size-56: 56px;
  --mf-prim-size-64: 64px;
  --mf-prim-size-80: 80px;
  --mf-prim-size-96: 96px;
  --mf-prim-size-128: 128px;
  --mf-prim-size-160: 160px;
  --mf-prim-size-192: 192px;
  --mf-prim-size-256: 256px;
  --mf-prim-size-320: 320px;
  --mf-prim-size-768: 768px;
  --mf-prim-size-1280: 1280px;
  --mf-prim-border-0: 0px;
  --mf-prim-border-0_5: 0.5px;
  --mf-prim-border-1: 1px;
  --mf-prim-border-1_5: 1.5px;
  --mf-prim-border-2: 2px;
  --mf-prim-border-2_5: 2.5px;
  --mf-prim-border-3: 3px;
  --mf-prim-border-3_5: 3.5px;
  --mf-prim-border-4: 4px;
  --mf-prim-border-4_5: 4.5px;
  --mf-prim-border-5: 5px;
  --mf-prim-radius-0: 0px;
  --mf-prim-radius-2: 2px;
  --mf-prim-radius-4: 4px;
  --mf-prim-radius-6: 6px;
  --mf-prim-radius-8: 8px;
  --mf-prim-radius-10: 10px;
  --mf-prim-radius-12: 12px;
  --mf-prim-radius-14: 14px;
  --mf-prim-radius-16: 16px;
  --mf-prim-radius-18: 18px;
  --mf-prim-radius-20: 20px;
  --mf-prim-radius-22: 22px;
  --mf-prim-radius-24: 24px;
  --mf-prim-radius-32: 32px;
  --mf-prim-radius-1000: 1000px;
  --mf-prim-spacing-20: 20px;
  --mf-prim-spacing-22: 22px;
  --mf-prim-spacing-24: 24px;
  --mf-prim-spacing-32: 32px;
  --mf-prim-spacing-40: 40px;
  --mf-prim-spacing-48: 48px;
  --mf-prim-spacing-64: 64px;
  --mf-prim-spacing-80: 80px;
  --mf-prim-spacing-96: 96px;
  --mf-prim-spacing-128: 128px;
  --mf-prim-spacing-160: 160px;
  --mf-prim-spacing-192: 192px;
  --mf-prim-spacing-256: 256px;
  --mf-prim-spacing-320: 320px;
  --mf-prim-shadow-x-0: 0px;
  --mf-prim-backdrop-blur-0: 0px;
  --mf-prim-backdrop-blur-1: 1px;
  --mf-prim-backdrop-blur-2: 2px;
  --mf-prim-backdrop-blur-4: 4px;
  --mf-prim-backdrop-blur-6: 6px;
  --mf-prim-backdrop-blur-8: 8px;
  --mf-prim-backdrop-blur-10: 10px;
  --mf-prim-backdrop-blur-12: 12px;
  --mf-prim-backdrop-blur-16: 16px;
  --mf-prim-backdrop-blur-20: 20px;
  --mf-prim-backdrop-blur-24: 24px;
  --mf-prim-shadow-x-1: 1px;
  --mf-prim-shadow-x-2: 2px;
  --mf-prim-shadow-x-4: 4px;
  --mf-prim-shadow-x-6: 6px;
  --mf-prim-shadow-x-8: 8px;
  --mf-prim-shadow-x-10: 10px;
  --mf-prim-shadow-x-12: 12px;
  --mf-prim-shadow-x-16: 16px;
  --mf-prim-shadow-x-20: 20px;
  --mf-prim-shadow-x-24: 24px;
  --mf-prim-shadow-x-32: 32px;
  --mf-prim-shadow-x-48: 48px;
  --mf-prim-shadow-x-64: 64px;
  --mf-prim-shadow-x-96: 96px;
  --mf-prim-shadow-y-offset-2: 2px;
  --mf-prim-shadow-y-0: 0px;
  --mf-prim-shadow-y-1: 1px;
  --mf-prim-shadow-y-2: 2px;
  --mf-prim-shadow-y-4: 4px;
  --mf-prim-shadow-y-6: 6px;
  --mf-prim-shadow-y-8: 8px;
  --mf-prim-shadow-y-10: 10px;
  --mf-prim-shadow-y-12: 12px;
  --mf-prim-shadow-y-16: 16px;
  --mf-prim-shadow-y-20: 20px;
  --mf-prim-shadow-y-24: 24px;
  --mf-prim-shadow-y-32: 32px;
  --mf-prim-shadow-y-48: 48px;
  --mf-prim-shadow-y-64: 64px;
  --mf-prim-shadow-y-96: 96px;
  --mf-prim-shadow-blur-0: 0px;
  --mf-prim-shadow-blur-1: 1px;
  --mf-prim-shadow-blur-2: 2px;
  --mf-prim-shadow-blur-4: 4px;
  --mf-prim-shadow-blur-6: 6px;
  --mf-prim-shadow-blur-8: 8px;
  --mf-prim-shadow-blur-10: 10px;
  --mf-prim-shadow-blur-12: 12px;
  --mf-prim-shadow-blur-16: 16px;
  --mf-prim-shadow-blur-20: 20px;
  --mf-prim-shadow-blur-24: 24px;
  --mf-prim-shadow-blur-32: 32px;
  --mf-prim-shadow-blur-48: 48px;
  --mf-prim-shadow-blur-64: 64px;
  --mf-prim-shadow-blur-96: 96px;
  --mf-prim-shadow-spread--10: -10px;
  --mf-prim-shadow-spread--9: -9px;
  --mf-prim-shadow-spread--8: -8px;
  --mf-prim-shadow-spread--7: -7px;
  --mf-prim-shadow-spread--6: -6px;
  --mf-prim-shadow-spread--5: -5px;
  --mf-prim-shadow-spread--4: -4px;
  --mf-prim-shadow-spread--3: -3px;
  --mf-prim-shadow-spread--2: -2px;
  --mf-prim-shadow-spread--1: -1px;
  --mf-prim-shadow-spread-0: 0px;
  --mf-prim-shadow-spread-1: 1px;
  --mf-prim-shadow-spread-2: 2px;
  --mf-prim-shadow-spread-3: 3px;
  --mf-prim-shadow-spread-4: 4px;
  --mf-prim-shadow-spread-5: 5px;
  --mf-prim-shadow-spread-6: 6px;
  --mf-prim-shadow-spread-7: 7px;
  --mf-prim-shadow-spread-8: 8px;
  --mf-prim-shadow-spread-9: 9px;
  --mf-prim-shadow-spread-10: 10px;
  --mf-prim-color-that-yellow-50: hsl(46, 100%, 94%);
  --mf-prim-color-that-yellow-100: hsl(46, 100%, 89%);
  --mf-prim-color-that-yellow-200: hsl(46, 100%, 77%);
  --mf-prim-color-that-yellow-300: hsl(46, 100%, 66%);
  --mf-prim-color-that-yellow-400: hsl(46, 100%, 55%);
  --mf-prim-color-that-yellow-500: hsl(46, 100%, 46%);
  --mf-prim-color-that-yellow-600: hsl(46, 100%, 37%);
  --mf-prim-color-that-yellow-700: hsl(46, 100%, 27%);
  --mf-prim-color-that-yellow-800: hsl(46, 100%, 18%);
  --mf-prim-color-that-yellow-900: hsl(46, 100%, 9%);
  --mf-prim-color-that-yellow-950: hsl(44, 100%, 5%);
  --mf-prim-color-mallof-red-50: hsl(0, 100%, 97%);
  --mf-prim-color-cc-blue-50: hsl(193, 100%, 94%);
  --mf-prim-color-cc-blue-100: hsl(192, 100%, 88%);
  --mf-prim-color-cc-blue-200: hsl(189, 99%, 71%);
  --mf-prim-color-cc-blue-300: hsl(187, 84%, 52%);
  --mf-prim-color-cc-blue-400: hsl(187, 78%, 47%);
  --mf-prim-color-cc-blue-500: hsl(187, 80%, 38%);
  --mf-prim-color-cc-blue-600: hsl(187, 83%, 29%);
  --mf-prim-color-cc-blue-700: hsl(187, 88%, 22%);
  --mf-prim-color-cc-blue-800: hsl(187, 92%, 15%);
  --mf-prim-color-cc-blue-900: hsl(187, 95%, 8%);
  --mf-prim-color-cc-blue-950: hsl(190, 93%, 5%);
  --mf-prim-color-cc-orange-50: hsl(8, 88%, 97%);
  --mf-prim-color-cc-orange-100: hsl(5, 89%, 93%);
  --mf-prim-color-cc-orange-200: hsl(6, 92%, 86%);
  --mf-prim-color-cc-orange-300: hsl(7, 93%, 78%);
  --mf-prim-color-cc-orange-400: hsl(9, 94%, 68%);
  --mf-prim-color-cc-orange-500: hsl(14, 87%, 54%);
  --mf-prim-color-cc-orange-600: hsl(14, 77%, 42%);
  --mf-prim-color-cc-orange-700: hsl(14, 79%, 32%);
  --mf-prim-color-cc-orange-800: hsl(14, 84%, 22%);
  --mf-prim-color-cc-orange-900: hsl(12, 90%, 12%);
  --mf-prim-color-cc-orange-950: hsl(9, 95%, 8%);
  --mf-prim-color-cc-yolk-50: hsl(24, 86%, 94%);
  --mf-prim-color-cc-yolk-100: hsl(25, 89%, 89%);
  --mf-prim-color-cc-yolk-200: hsl(29, 91%, 75%);
  --mf-prim-color-cc-yolk-300: hsl(34, 82%, 59%);
  --mf-prim-color-cc-yolk-400: hsl(34, 58%, 50%);
  --mf-prim-color-cc-yolk-500: hsl(34, 60%, 40%);
  --mf-prim-color-cc-yolk-600: hsl(34, 62%, 32%);
  --mf-prim-color-cc-yolk-700: hsl(34, 64%, 24%);
  --mf-prim-color-cc-yolk-800: hsl(34, 71%, 16%);
  --mf-prim-color-cc-yolk-900: hsl(33, 82%, 9%);
  --mf-prim-color-cc-yolk-950: hsl(30, 86%, 5%);
  --mf-prim-color-cc-pink-50: hsl(305, 76%, 97%);
  --mf-prim-color-cc-pink-100: hsl(304, 77%, 93%);
  --mf-prim-color-cc-pink-200: hsl(302, 76%, 87%);
  --mf-prim-color-cc-pink-300: hsl(304, 79%, 80%);
  --mf-prim-color-cc-pink-400: hsl(303, 79%, 73%);
  --mf-prim-color-cc-pink-500: hsl(302, 74%, 58%);
  --mf-prim-color-cc-pink-600: hsl(302, 54%, 47%);
  --mf-prim-color-cc-pink-700: hsl(302, 56%, 35%);
  --mf-prim-color-cc-pink-800: hsl(303, 59%, 23%);
  --mf-prim-color-cc-pink-900: hsl(301, 68%, 13%);
  --mf-prim-color-cc-pink-950: hsl(302, 77%, 8%);
  --mf-prim-color-cc-violet-50: hsl(254, 100%, 97%);
  --mf-prim-color-cc-violet-100: hsl(252, 100%, 95%);
  --mf-prim-color-cc-violet-200: hsl(254, 100%, 89%);
  --mf-prim-color-cc-violet-300: hsl(255, 100%, 84%);
  --mf-prim-color-cc-violet-400: hsl(256, 100%, 78%);
  --mf-prim-color-cc-violet-500: hsl(258, 100%, 72%);
  --mf-prim-color-cc-violet-600: hsl(262, 100%, 65%);
  --mf-prim-color-cc-violet-700: hsl(269, 100%, 50%);
  --mf-prim-color-cc-violet-800: hsl(269, 100%, 35%);
  --mf-prim-color-cc-violet-900: hsl(267, 100%, 21%);
  --mf-prim-color-cc-violet-950: hsl(265, 100%, 14%);
  --mf-prim-color-cc-moss-50: hsl(131, 100%, 88%);
  --mf-prim-color-cc-moss-100: hsl(135, 100%, 70%);
  --mf-prim-color-cc-moss-200: hsl(146, 100%, 45%);
  --mf-prim-color-cc-moss-300: hsl(145, 100%, 39%);
  --mf-prim-color-cc-moss-400: hsl(145, 100%, 34%);
  --mf-prim-color-cc-moss-500: hsl(144, 100%, 28%);
  --mf-prim-color-cc-moss-600: hsl(144, 100%, 22%);
  --mf-prim-color-cc-moss-700: hsl(143, 100%, 17%);
  --mf-prim-color-cc-moss-800: hsl(140, 100%, 11%);
  --mf-prim-color-cc-moss-900: hsl(135, 100%, 6%);
  --mf-prim-color-cc-moss-950: hsl(131, 100%, 4%);
  --mf-prim-color-cc-brown-50: hsl(16, 52%, 96%);
  --mf-prim-color-cc-brown-100: hsl(19, 51%, 90%);
  --mf-prim-color-cc-brown-200: hsl(19, 54%, 82%);
  --mf-prim-color-cc-brown-300: hsl(21, 60%, 72%);
  --mf-prim-color-cc-brown-400: hsl(22, 48%, 61%);
  --mf-prim-color-cc-brown-500: hsl(22, 35%, 53%);
  --mf-prim-color-cc-brown-600: hsl(22, 32%, 44%);
  --mf-prim-color-cc-brown-700: hsl(23, 32%, 36%);
  --mf-prim-color-cc-brown-800: hsl(23, 33%, 28%);
  --mf-prim-color-cc-brown-900: hsl(23, 35%, 21%);
  --mf-prim-color-cc-brown-950: hsl(23, 37%, 17%);
  --mf-prim-color-cc-cream-20: hsl(46, 100%, 98%);
  --mf-prim-color-cc-cream-50: hsl(48, 79%, 93%);
  --mf-prim-color-cc-cream-100: hsl(50, 84%, 78%);
  --mf-prim-color-cc-cream-200: hsl(50, 54%, 68%);
  --mf-prim-color-cc-cream-300: hsl(50, 36%, 58%);
  --mf-prim-color-cc-cream-400: hsl(50, 27%, 49%);
  --mf-prim-color-cc-cream-500: hsl(50, 27%, 40%);
  --mf-prim-color-cc-cream-600: hsl(50, 28%, 32%);
  --mf-prim-color-cc-cream-700: hsl(50, 29%, 23%);
  --mf-prim-color-cc-cream-800: hsl(51, 33%, 16%);
  --mf-prim-color-cc-cream-900: hsl(53, 40%, 8%);
  --mf-prim-color-cc-cream-950: hsl(50, 46%, 5%);
  --mf-prim-color-mallof-red-100: hsl(0, 100%, 93%);
  --mf-prim-color-mallof-red-200: hsl(0, 67%, 82%);
  --mf-prim-color-mallof-red-300: hsl(0, 64%, 76%);
  --mf-prim-color-mallof-red-400: hsl(0, 61%, 71%);
  --mf-prim-color-mallof-red-500: hsl(0, 58%, 59%);
  --mf-prim-color-mallof-red-600: hsl(0, 63%, 47%);
  --mf-prim-color-mallof-red-700: hsl(0, 100%, 36%);
  --mf-prim-color-mallof-red-800: hsl(0, 100%, 29%);
  --mf-prim-color-mallof-red-900: hsl(0, 100%, 21%);
  --mf-prim-color-mallof-red-950: hsl(0, 100%, 14%);
  --mf-prim-color-mallof-black-50: hsl(0, 0%, 92%);
  --mf-prim-color-mallof-black-100: hsl(0, 0%, 85%);
  --mf-prim-color-mallof-black-200: hsl(0, 0%, 71%);
  --mf-prim-color-mallof-black-300: hsl(0, 0%, 58%);
  --mf-prim-color-mallof-black-400: hsl(0, 0%, 45%);
  --mf-prim-color-mallof-black-500: hsl(0, 0%, 31%);
  --mf-prim-color-mallof-black-600: hsl(0, 0%, 20%);
  --mf-prim-color-mallof-black-700: hsl(0, 0%, 9%);
  --mf-prim-color-mallof-black-800: hsl(0, 0%, 7%);
  --mf-prim-color-mallof-black-900: hsl(0, 0%, 4%);
  --mf-prim-color-mallof-black-950: hsl(0, 0%, 2%);
  --mf-prim-color-mallof-green-50: hsl(156, 94%, 88%);
  --mf-prim-color-mallof-green-100: hsl(161, 96%, 69%);
  --mf-prim-color-mallof-green-200: hsl(162, 68%, 58%);
  --mf-prim-color-mallof-green-300: hsl(162, 50%, 49%);
  --mf-prim-color-mallof-green-400: hsl(162, 51%, 41%);
  --mf-prim-color-mallof-green-500: hsl(162, 52%, 34%);
  --mf-prim-color-mallof-green-600: hsl(162, 54%, 26%);
  --mf-prim-color-mallof-green-700: hsl(162, 57%, 19%);
  --mf-prim-color-mallof-green-800: hsl(162, 64%, 13%);
  --mf-prim-color-mallof-green-900: hsl(160, 73%, 7%);
  --mf-prim-color-mallof-green-950: hsl(160, 82%, 4%);
  --mf-prim-color-mallof-orange-50: hsl(9, 78%, 96%);
  --mf-prim-color-mallof-orange-100: hsl(9, 78%, 93%);
  --mf-prim-color-mallof-orange-200: hsl(8, 82%, 85%);
  --mf-prim-color-mallof-orange-300: hsl(9, 83%, 77%);
  --mf-prim-color-mallof-orange-400: hsl(11, 85%, 69%);
  --mf-prim-color-mallof-orange-500: hsl(14, 79%, 57%);
  --mf-prim-color-mallof-orange-600: hsl(14, 62%, 45%);
  --mf-prim-color-mallof-orange-700: hsl(14, 64%, 33%);
  --mf-prim-color-mallof-orange-800: hsl(14, 68%, 22%);
  --mf-prim-color-mallof-orange-900: hsl(14, 79%, 13%);
  --mf-prim-color-mallof-orange-950: hsl(12, 86%, 8%);
  --mf-prim-color-mallof-error-50: hsl(356, 80%, 96%);
  --mf-prim-color-mallof-error-100: hsl(358, 78%, 93%);
  --mf-prim-color-mallof-error-200: hsl(358, 79%, 85%);
  --mf-prim-color-mallof-error-300: hsl(358, 81%, 77%);
  --mf-prim-color-mallof-error-400: hsl(357, 84%, 68%);
  --mf-prim-color-mallof-error-500: hsl(355, 84%, 56%);
  --mf-prim-color-mallof-error-600: hsl(355, 67%, 45%);
  --mf-prim-color-mallof-error-700: hsl(355, 69%, 34%);
  --mf-prim-color-mallof-error-800: hsl(355, 73%, 23%);
  --mf-prim-color-mallof-error-900: hsl(355, 83%, 14%);
  --mf-prim-color-mallof-error-950: hsl(357, 87%, 9%);
  --mf-prim-color-share-amber-50: hsl(32, 100%, 94%);
  --mf-prim-color-share-amber-100: hsl(32, 89%, 89%);
  --mf-prim-color-share-amber-200: hsl(32, 95%, 84%);
  --mf-prim-color-share-amber-300: hsl(32, 90%, 77%);
  --mf-prim-color-share-amber-400: hsl(32, 89%, 73%);
  --mf-prim-color-share-amber-500: hsl(32, 90%, 66%);
  --mf-prim-color-share-amber-600: hsl(32, 90%, 55%);
  --mf-prim-color-share-amber-700: hsl(32, 75%, 49%);
  --mf-prim-color-share-amber-800: hsl(32, 80%, 37%);
  --mf-prim-color-share-amber-900: hsl(32, 91%, 26%);
  --mf-prim-color-share-amber-950: hsl(32, 96%, 20%);
  --mf-prim-color-share-red-50: hsl(0, 45%, 94%);
  --mf-prim-color-share-red-100: hsl(0, 67%, 92%);
  --mf-prim-color-share-red-200: hsl(0, 75%, 89%);
  --mf-prim-color-share-red-300: hsl(0, 76%, 77%);
  --mf-prim-color-share-red-400: hsl(0, 74%, 70%);
  --mf-prim-color-share-red-500: hsl(0, 75%, 66%);
  --mf-prim-color-share-red-600: hsl(0, 74%, 61%);
  --mf-prim-color-share-red-700: hsl(0, 75%, 55%);
  --mf-prim-color-share-red-800: hsl(0, 62%, 43%);
  --mf-prim-color-share-red-900: hsl(0, 60%, 31%);
  --mf-prim-color-share-red-950: hsl(0, 57%, 23%);
  --mf-prim-text-font-din-next-lt-arabic: "DIN Next LT Arabic";
  --mf-prim-text-font-el-messiri: "El Messiri";
}

[data-theme="mall-of"] {
  --mf-sem-color-base-black: var(--mf-prim-color-black);
  --mf-sem-color-base-white: var(--mf-prim-color-white);
  --mf-sem-color-base-transparent: hsla(0, 0%, 100%, 0);
  --mf-sem-color-base-background: var(--mf-prim-color-white);
  --mf-sem-color-neutral-surface-low: var(--mf-prim-color-default-gray-100);
  --mf-sem-color-neutral-on-surface-low: var(--mf-prim-color-black);
  --mf-sem-color-neutral-surface-regular: var(--mf-prim-color-default-gray-200);
  --mf-sem-color-neutral-on-surface-regular: var(--mf-prim-color-black);
  --mf-sem-color-neutral-on-surface-high: var(--mf-prim-color-black);
  --mf-sem-color-neutral-text-main: var(--mf-prim-color-black);
  --mf-sem-color-neutral-text-inverted: var(--mf-prim-color-white);
  --mf-sem-color-neutral-text-secondary: var(--mf-prim-color-default-gray-800);
  --mf-sem-color-neutral-text-tertiary: var(--mf-prim-color-default-gray-500);
  --mf-sem-color-neutral-text-disabled: var(--mf-prim-color-default-gray-400);
  --mf-sem-color-neutral-text-placeholder: var(--mf-prim-color-default-gray-400);
  --mf-sem-color-neutral-text-subtle: var(--mf-prim-color-default-gray-200);
  --mf-sem-color-neutral-surface-high: var(--mf-prim-color-default-gray-300);
  --mf-sem-color-neutral-surface-hover: var(--mf-prim-color-default-gray-200);
  --mf-sem-color-neutral-surface-pressed: var(--mf-prim-color-default-gray-300);
  --mf-sem-color-neutral-foreground-main: var(--mf-prim-color-black);
  --mf-sem-color-neutral-foreground-inverted: var(--mf-prim-color-white);
  --mf-sem-color-neutral-foreground-secondary: var(--mf-prim-color-default-gray-800);
  --mf-sem-color-neutral-foreground-tertiary: var(--mf-prim-color-default-gray-500);
  --mf-sem-color-neutral-foreground-disabled: var(--mf-prim-color-default-gray-400);
  --mf-sem-color-neutral-foreground-subtle: var(--mf-prim-color-default-gray-200);
  --mf-sem-color-neutral-border-low: var(--mf-prim-color-default-gray-300);
  --mf-sem-color-neutral-border-regular: var(--mf-prim-color-default-gray-700);
  --mf-sem-color-primary-surface-low: var(--mf-prim-color-mallof-black-50);
  --mf-sem-color-primary-surface-regular: var(--mf-prim-color-mallof-black-700);
  --mf-sem-color-primary-surface-high: var(--mf-prim-color-mallof-black-900);
  --mf-sem-color-primary-surface-hover: var(--mf-prim-color-mallof-black-500);
  --mf-sem-color-primary-surface-pressed: var(--mf-prim-color-mallof-black-900);
  --mf-sem-color-primary-on-surface-low: var(--mf-prim-color-black);
  --mf-sem-color-primary-text-main: var(--mf-prim-color-mallof-black-700);
  --mf-sem-color-primary-foreground-main: var(--mf-prim-color-mallof-black-700);
  --mf-sem-color-primary-text-on-surface: var(--mf-prim-color-white);
  --mf-sem-color-primary-border-low: var(--mf-prim-color-mallof-black-500);
  --mf-sem-color-primary-border-regular: var(--mf-prim-color-mallof-black-700);
  --mf-sem-color-primary-on-surface-regular: var(--mf-prim-color-white);
  --mf-sem-color-primary-on-surface-high: var(--mf-prim-color-white);
  --mf-sem-color-secondary-surface-low: var(--mf-prim-color-white);
  --mf-sem-color-secondary-surface-regular: var(--mf-prim-color-mallof-black-700);
  --mf-sem-color-secondary-surface-high: var(--mf-prim-color-mallof-black-900);
  --mf-sem-color-secondary-on-surface-low: var(--mf-prim-color-black);
  --mf-sem-color-secondary-text-main: var(--mf-prim-color-mallof-black-700);
  --mf-sem-color-secondary-text-on-surface: var(--mf-prim-color-white);
  --mf-sem-color-secondary-foreground-main: var(--mf-prim-color-white);
  --mf-sem-color-secondary-border-low: var(--mf-prim-color-mallof-black-400);
  --mf-sem-color-secondary-border-regular: var(--mf-prim-color-mallof-black-700);
  --mf-sem-color-secondary-on-surface-regular: var(--mf-prim-color-white);
  --mf-sem-color-secondary-on-surface-high: var(--mf-prim-color-white);
  --mf-sem-color-success-surface-low: var(--mf-prim-color-mallof-green-50);
  --mf-sem-color-success-surface-regular: var(--mf-prim-color-mallof-green-500);
  --mf-sem-color-success-surface-high: var(--mf-prim-color-mallof-green-700);
  --mf-sem-color-success-surface-hover: var(--mf-prim-color-mallof-green-300);
  --mf-sem-color-success-on-surface-low: var(--mf-prim-color-black);
  --mf-sem-color-success-surface-pressed: var(--mf-prim-color-mallof-green-600);
  --mf-sem-color-success-on-surface-regular: var(--mf-prim-color-white);
  --mf-sem-color-success-on-surface-high: var(--mf-prim-color-white);
  --mf-sem-color-warning-surface-low: var(--mf-prim-color-mallof-orange-50);
  --mf-sem-color-warning-surface-regular: var(--mf-prim-color-mallof-orange-500);
  --mf-sem-color-warning-surface-high: var(--mf-prim-color-mallof-orange-800);
  --mf-sem-color-warning-surface-hover: var(--mf-prim-color-mallof-orange-400);
  --mf-sem-color-warning-surface-pressed: var(--mf-prim-color-mallof-orange-300);
  --mf-sem-color-warning-on-surface-low: var(--mf-prim-color-black);
  --mf-sem-color-warning-text-main: var(--mf-prim-color-mallof-orange-500);
  --mf-sem-color-warning-text-on-surface: var(--mf-prim-color-black);
  --mf-sem-color-warning-foreground-main: var(--mf-prim-color-mallof-orange-500);
  --mf-sem-color-warning-border-low: var(--mf-prim-color-mallof-orange-300);
  --mf-sem-color-warning-border-regular: var(--mf-prim-color-mallof-orange-500);
  --mf-sem-color-warning-on-surface-regular: var(--mf-prim-color-black);
  --mf-sem-color-warning-on-surface-high: var(--mf-prim-color-white);
  --mf-sem-color-error-surface-low: var(--mf-prim-color-mallof-error-50);
  --mf-sem-color-error-surface-regular: var(--mf-prim-color-mallof-error-500);
  --mf-sem-color-error-surface-high: var(--mf-prim-color-mallof-error-900);
  --mf-sem-color-error-surface-hover: var(--mf-prim-color-mallof-error-700);
  --mf-sem-color-error-surface-pressed: var(--mf-prim-color-mallof-error-800);
  --mf-sem-color-error-on-surface-low: var(--mf-prim-color-black);
  --mf-sem-color-error-text-main: var(--mf-prim-color-mallof-error-500);
  --mf-sem-color-error-text-on-surface: var(--mf-prim-color-white);
  --mf-sem-color-error-foreground-main: var(--mf-prim-color-mallof-error-500);
  --mf-sem-color-error-border-low: var(--mf-prim-color-mallof-error-200);
  --mf-sem-color-error-border-regular: var(--mf-prim-color-mallof-error-500);
  --mf-sem-color-error-on-surface-regular: var(--mf-prim-color-white);
  --mf-sem-color-error-on-surface-high: var(--mf-prim-color-white);
  --mf-sem-color-secondary-surface-hover: var(--mf-prim-color-mallof-black-500);
  --mf-sem-color-secondary-surface-pressed: var(--mf-prim-color-mallof-black-600);
  --mf-sem-text-display-sm-size: var(--mf-prim-text-size-60);
  --mf-sem-text-display-sm-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-sm-line-height: var(--mf-prim-text-line-height-60);
  --mf-sem-text-display-sm-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-md-size: var(--mf-prim-text-size-72);
  --mf-sem-text-display-md-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-md-line-height: var(--mf-prim-text-line-height-72);
  --mf-sem-text-display-md-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-lg-size: var(--mf-prim-text-size-96);
  --mf-sem-text-display-lg-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-lg-line-height: var(--mf-prim-text-line-height-96);
  --mf-sem-text-display-lg-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-xl-size: var(--mf-prim-text-size-128);
  --mf-sem-text-display-xl-weight: var(--mf-prim-text-weight-700);
  --mf-sem-text-display-xl-line-height: var(--mf-prim-text-line-height-128);
  --mf-sem-color-info-surface-low: var(--mf-prim-color-default-blue-50);
  --mf-sem-color-info-surface-regular: var(--mf-prim-color-default-blue-500);
  --mf-sem-color-info-surface-high: var(--mf-prim-color-default-blue-900);
  --mf-sem-color-info-on-surface-low: var(--mf-prim-color-black);
  --mf-sem-color-info-on-surface-regular: var(--mf-prim-color-white);
  --mf-sem-color-info-on-surface-high: var(--mf-prim-color-white);
  --mf-sem-color-info-text-main: var(--mf-prim-color-default-blue-600);
  --mf-sem-color-info-text-on-surface: var(--mf-prim-color-white);
  --mf-sem-color-info-foreground-main: var(--mf-prim-color-default-blue-600);
  --mf-sem-color-info-border-low: var(--mf-prim-color-default-blue-300);
  --mf-sem-color-info-border-regular: var(--mf-prim-color-default-blue-500);
  --mf-sem-color-alpha-low-5: var(--mf-prim-color-default-white-a5);
  --mf-sem-color-alpha-low-10: var(--mf-prim-color-default-white-a10);
  --mf-sem-color-alpha-low-20: var(--mf-prim-color-default-white-a20);
  --mf-sem-color-alpha-low-30: var(--mf-prim-color-default-white-a30);
  --mf-sem-color-alpha-low-40: var(--mf-prim-color-default-white-a40);
  --mf-sem-color-alpha-low-50: var(--mf-prim-color-default-white-a50);
  --mf-sem-color-alpha-low-60: var(--mf-prim-color-default-white-a60);
  --mf-sem-color-alpha-low-70: var(--mf-prim-color-default-white-a70);
  --mf-sem-color-alpha-low-80: var(--mf-prim-color-default-white-a80);
  --mf-sem-color-alpha-low-90: var(--mf-prim-color-default-white-a90);
  --mf-sem-color-alpha-low-95: var(--mf-prim-color-default-white-a95);
  --mf-sem-text-display-font: var(--mf-prim-text-font-larken);
  --mf-sem-text-display-xl-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-font-arabic: var(--mf-prim-text-font-el-messiri);
  --mf-sem-text-display-mobile-font: var(--mf-prim-text-font-larken);
  --mf-sem-text-display-mobile-font-arabic: var(--mf-prim-text-font-el-messiri);
  --mf-sem-text-display-mobile-sm-size: var(--mf-prim-text-size-24);
  --mf-sem-text-display-mobile-sm-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-mobile-sm-line-height: var(--mf-prim-text-line-height-32);
  --mf-sem-text-display-mobile-sm-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-mobile-md-size: var(--mf-prim-text-size-32);
  --mf-sem-text-display-mobile-md-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-mobile-md-line-height: var(--mf-prim-text-line-height-40);
  --mf-sem-text-display-mobile-md-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-mobile-lg-size: var(--mf-prim-text-size-40);
  --mf-sem-text-display-mobile-lg-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-mobile-lg-line-height: var(--mf-prim-text-line-height-48);
  --mf-sem-text-display-mobile-lg-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-mobile-xl-size: var(--mf-prim-text-size-48);
  --mf-sem-text-display-mobile-xl-weight: var(--mf-prim-text-weight-700);
  --mf-sem-text-display-mobile-xl-line-height: var(--mf-prim-text-line-height-48);
  --mf-sem-text-display-mobile-xl-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-font: var(--mf-prim-text-font-larken);
  --mf-sem-text-heading-font-arabic: var(--mf-prim-text-font-el-messiri);
  --mf-sem-text-heading-mobile-font: var(--mf-prim-text-font-larken);
  --mf-sem-text-heading-mobile-font-arabic: var(--mf-prim-text-font-el-messiri);
  --mf-sem-text-heading-mobile-sm-size: var(--mf-prim-text-size-18);
  --mf-sem-text-heading-mobile-sm-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-heading-mobile-sm-line-height: var(--mf-prim-text-line-height-28);
  --mf-sem-text-heading-mobile-sm-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-mobile-md-size: var(--mf-prim-text-size-24);
  --mf-sem-text-heading-mobile-md-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-heading-mobile-md-line-height: var(--mf-prim-text-line-height-32);
  --mf-sem-text-heading-mobile-md-spacing: var(--mf-prim-text-spacing--1);
  --mf-sem-text-heading-mobile-lg-size: var(--mf-prim-text-size-32);
  --mf-sem-text-heading-mobile-lg-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-heading-mobile-lg-line-height: var(--mf-prim-text-line-height-36);
  --mf-sem-text-heading-mobile-lg-spacing: var(--mf-prim-text-spacing--1);
  --mf-sem-text-heading-mobile-xl-size: var(--mf-prim-text-size-36);
  --mf-sem-text-heading-mobile-xl-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-heading-mobile-xl-line-height: var(--mf-prim-text-line-height-40);
  --mf-sem-text-heading-mobile-xl-spacing: var(--mf-prim-text-spacing--1);
  --mf-sem-text-paragraph-font: var(--mf-prim-text-font-futura);
  --mf-sem-text-paragraph-font-arabic: var(--mf-prim-text-font-din-next-lt-arabic);
  --mf-sem-text-interactive-font: var(--mf-prim-text-font-futura);
  --mf-sem-text-interactive-font-arabic: var(--mf-prim-text-font-din-next-lt-arabic);
  --mf-sem-text-label-font: var(--mf-prim-text-font-futura);
  --mf-sem-text-label-font-arabic: var(--mf-prim-text-font-din-next-lt-arabic);
  --mf-sem-text-heading-sm-size: var(--mf-prim-text-size-24);
  --mf-sem-text-heading-sm-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-heading-sm-line-height: var(--mf-prim-text-line-height-32);
  --mf-sem-text-heading-sm-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-md-size: var(--mf-prim-text-size-30);
  --mf-sem-text-heading-md-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-heading-md-line-height: var(--mf-prim-text-line-height-36);
  --mf-sem-text-heading-md-spacing: var(--mf-prim-text-spacing--1);
  --mf-sem-text-heading-lg-size: var(--mf-prim-text-size-36);
  --mf-sem-text-heading-lg-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-heading-lg-line-height: var(--mf-prim-text-line-height-40);
  --mf-sem-text-heading-lg-spacing: var(--mf-prim-text-spacing--1);
  --mf-sem-text-heading-xl-size: var(--mf-prim-text-size-48);
  --mf-sem-text-heading-xl-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-heading-xl-line-height: var(--mf-prim-text-line-height-48);
  --mf-sem-text-heading-xl-spacing: var(--mf-prim-text-spacing--2);
  --mf-sem-text-paragraph-xs-size: var(--mf-prim-text-size-12);
  --mf-sem-text-paragraph-xs-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-paragraph-xs-line-height: var(--mf-prim-text-line-height-18);
  --mf-sem-text-paragraph-xs-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-paragraph-sm-size: var(--mf-prim-text-size-14);
  --mf-sem-text-paragraph-sm-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-paragraph-sm-line-height: var(--mf-prim-text-line-height-20);
  --mf-sem-text-paragraph-sm-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-paragraph-md-size: var(--mf-prim-text-size-16);
  --mf-sem-text-paragraph-md-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-paragraph-md-line-height: var(--mf-prim-text-line-height-24);
  --mf-sem-text-paragraph-md-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-paragraph-lg-size: var(--mf-prim-text-size-18);
  --mf-sem-text-paragraph-lg-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-paragraph-lg-line-height: var(--mf-prim-text-line-height-28);
  --mf-sem-text-paragraph-lg-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-interactive-sm-size: var(--mf-prim-text-size-14);
  --mf-sem-text-interactive-sm-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-interactive-sm-line-height: var(--mf-prim-text-line-height-20);
  --mf-sem-text-interactive-sm-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-interactive-md-size: var(--mf-prim-text-size-16);
  --mf-sem-text-interactive-md-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-interactive-md-line-height: var(--mf-prim-text-line-height-24);
  --mf-sem-text-interactive-md-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-interactive-lg-size: var(--mf-prim-text-size-18);
  --mf-sem-text-interactive-lg-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-interactive-lg-line-height: var(--mf-prim-text-line-height-28);
  --mf-sem-text-interactive-lg-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-label-xs-size: var(--mf-prim-text-size-12);
  --mf-sem-text-label-xs-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-label-xs-line-height: var(--mf-prim-text-line-height-18);
  --mf-sem-text-label-xs-spacing: var(--mf-prim-text-spacing-1_5);
  --mf-sem-text-label-sm-size: var(--mf-prim-text-size-14);
  --mf-sem-text-label-sm-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-label-sm-line-height: var(--mf-prim-text-line-height-20);
  --mf-sem-text-label-sm-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-spacing-gap-zero: var(--mf-prim-spacing-0);
  --mf-sem-spacing-gap-xxs: var(--mf-prim-spacing-2);
  --mf-sem-spacing-gap-xs: var(--mf-prim-spacing-4);
  --mf-sem-spacing-gap-sm: var(--mf-prim-spacing-6);
  --mf-sem-spacing-gap-md: var(--mf-prim-spacing-8);
  --mf-sem-spacing-gap-lg: var(--mf-prim-spacing-10);
  --mf-sem-spacing-gap-xl: var(--mf-prim-spacing-12);
  --mf-sem-spacing-gap-2xl: var(--mf-prim-spacing-16);
  --mf-sem-spacing-gap-3xl: var(--mf-prim-spacing-24);
  --mf-sem-spacing-gap-4xl: var(--mf-prim-spacing-32);
  --mf-sem-spacing-gap-5xl: var(--mf-prim-spacing-48);
  --mf-sem-spacing-gap-6xl: var(--mf-prim-spacing-64);
  --mf-sem-spacing-gap-7xl: var(--mf-prim-spacing-128);
  --mf-sem-spacing-padding-zero: var(--mf-prim-spacing-0);
  --mf-sem-spacing-padding-xxs: var(--mf-prim-spacing-2);
  --mf-sem-spacing-padding-xs: var(--mf-prim-spacing-4);
  --mf-sem-spacing-padding-sm: var(--mf-prim-spacing-6);
  --mf-sem-spacing-padding-md: var(--mf-prim-spacing-8);
  --mf-sem-spacing-padding-lg: var(--mf-prim-spacing-10);
  --mf-sem-spacing-padding-xl: var(--mf-prim-spacing-12);
  --mf-sem-spacing-padding-2xl: var(--mf-prim-spacing-16);
  --mf-sem-spacing-padding-3xl: var(--mf-prim-spacing-24);
  --mf-sem-spacing-padding-4xl: var(--mf-prim-spacing-32);
  --mf-sem-spacing-padding-5xl: var(--mf-prim-spacing-48);
  --mf-sem-spacing-padding-6xl: var(--mf-prim-spacing-64);
  --mf-sem-spacing-padding-7xl: var(--mf-prim-spacing-128);
  --mf-sem-size-breakpoints-mobile: var(--mf-prim-size-0);
  --mf-sem-size-breakpoints-tablet: var(--mf-prim-size-768);
  --mf-sem-size-breakpoints-desktop: var(--mf-prim-size-1280);
  --mf-sem-size-fields-xs: var(--mf-prim-size-24);
  --mf-sem-size-fields-sm: var(--mf-prim-size-32);
  --mf-sem-size-fields-md: var(--mf-prim-size-40);
  --mf-sem-size-fields-lg: var(--mf-prim-size-48);
  --mf-sem-size-fields-xl: var(--mf-prim-size-56);
  --mf-sem-size-fields-2xl: var(--mf-prim-size-64);
  --mf-sem-size-fields-3xl: var(--mf-prim-size-80);
  --mf-sem-size-fields-4xl: var(--mf-prim-size-96);
  --mf-sem-size-fields-5xl: var(--mf-prim-size-128);
  --mf-sem-border-zero: var(--mf-prim-border-0);
  --mf-sem-border-thin: var(--mf-prim-border-0_5);
  --mf-sem-border-regular: var(--mf-prim-border-1);
  --mf-sem-border-semibold: var(--mf-prim-border-2);
  --mf-sem-border-bold: var(--mf-prim-border-4);
  --mf-sem-border-selector: var(--mf-prim-border-1);
  --mf-sem-border-field: var(--mf-prim-border-1);
  --mf-sem-border-box: var(--mf-prim-border-1);
  --mf-sem-radius-zero: var(--mf-prim-radius-0);
  --mf-sem-radius-sm: var(--mf-prim-radius-4);
  --mf-sem-radius-md: var(--mf-prim-radius-8);
  --mf-sem-radius-lg: var(--mf-prim-radius-12);
  --mf-sem-radius-xl: var(--mf-prim-radius-16);
  --mf-sem-radius-2xl: var(--mf-prim-radius-24);
  --mf-sem-radius-circle: var(--mf-prim-radius-1000);
  --mf-sem-radius-selectors-sm: var(--mf-prim-radius-2);
  --mf-sem-color-alpha-high-5: var(--mf-prim-color-default-black-a5);
  --mf-sem-color-alpha-high-5-2: var(--mf-prim-color-default-black-a5);
  --mf-sem-color-alpha-high-10: var(--mf-prim-color-default-black-a10);
  --mf-sem-color-alpha-high-20: var(--mf-prim-color-default-black-a20);
  --mf-sem-color-alpha-high-30: var(--mf-prim-color-default-black-a30);
  --mf-sem-color-alpha-high-40: var(--mf-prim-color-default-black-a40);
  --mf-sem-color-alpha-high-50: var(--mf-prim-color-default-black-a50);
  --mf-sem-color-alpha-high-60: var(--mf-prim-color-default-black-a60);
  --mf-sem-color-alpha-high-70: var(--mf-prim-color-default-black-a70);
  --mf-sem-color-alpha-high-80: var(--mf-prim-color-default-black-a80);
  --mf-sem-color-alpha-high-90: var(--mf-prim-color-default-black-a90);
  --mf-sem-color-alpha-high-95: var(--mf-prim-color-default-black-a95);
  --mf-sem-radius-selectors-md: var(--mf-prim-radius-4);
  --mf-sem-radius-selectors-lg: var(--mf-prim-radius-6);
  --mf-sem-radius-fields-sm: var(--mf-prim-radius-2);
  --mf-sem-radius-fields-md: var(--mf-prim-radius-4);
  --mf-sem-radius-fields-lg: var(--mf-prim-radius-6);
  --mf-sem-shadow-sm-blur: var(--mf-prim-shadow-blur-0);
  --mf-sem-shadow-sm-spread: var(--mf-prim-shadow-spread-0);
  --mf-sem-shadow-sm-x: var(--mf-prim-shadow-x-0);
  --mf-sem-shadow-sm-y: var(--mf-prim-shadow-y-0);
  --mf-sem-shadow-sm-color: var(--mf-prim-color-default-black-a20);
  --mf-sem-shadow-md-blur: var(--mf-prim-shadow-blur-0);
  --mf-sem-shadow-md-spread: var(--mf-prim-shadow-spread-0);
  --mf-sem-shadow-md-x: var(--mf-prim-shadow-x-0);
  --mf-sem-shadow-md-y: var(--mf-prim-shadow-y-0);
  --mf-sem-shadow-md-color: var(--mf-prim-color-default-black-a20);
  --mf-sem-shadow-lg-blur: var(--mf-prim-shadow-blur-0);
  --mf-sem-shadow-lg-spread: var(--mf-prim-shadow-spread-0);
  --mf-sem-shadow-lg-x: var(--mf-prim-shadow-x-0);
  --mf-sem-shadow-lg-y: var(--mf-prim-shadow-y-0);
  --mf-sem-shadow-lg-color: var(--mf-prim-color-default-black-a20);
  --mf-sem-size-selectors-xs: var(--mf-prim-size-16);
  --mf-sem-size-selectors-sm: var(--mf-prim-size-20);
  --mf-sem-size-selectors-md: var(--mf-prim-size-24);
  --mf-sem-size-selectors-lg: var(--mf-prim-size-28);
  --mf-sem-size-selectors-xl: var(--mf-prim-size-32);
  --mf-sem-size-selectors-2xl: var(--mf-prim-size-40);
  --mf-sem-radius-boxes-sm: var(--mf-prim-radius-2);
  --mf-sem-radius-boxes-md: var(--mf-prim-radius-4);
  --mf-sem-radius-boxes-lg: var(--mf-prim-radius-6);
  --mf-sem-color-success-text-main: var(--mf-prim-color-mallof-green-500);
  --mf-sem-color-success-foreground-main: var(--mf-prim-color-mallof-green-500);
  --mf-sem-color-success-text-on-surface: var(--mf-prim-color-white);
  --mf-sem-color-success-border-low: var(--mf-prim-color-mallof-green-300);
  --mf-sem-color-success-border-regular: var(--mf-prim-color-mallof-green-500);
  --mf-sem-size-elements-2xs: var(--mf-prim-size-8);
  --mf-sem-size-elements-xxs: var(--mf-prim-size-12);
  --mf-sem-size-elements-xs: var(--mf-prim-size-16);
  --mf-sem-size-elements-sm: var(--mf-prim-size-20);
  --mf-sem-size-elements-md: var(--mf-prim-size-24);
  --mf-sem-size-elements-lg: var(--mf-prim-size-28);
  --mf-sem-size-elements-xl: var(--mf-prim-size-32);
  --mf-sem-size-elements-2xl: var(--mf-prim-size-40);
  --mf-sem-size-elements-3xl: var(--mf-prim-size-48);
  --mf-sem-size-elements-4xl: var(--mf-prim-size-56);
  --mf-sem-size-elements-5xl: var(--mf-prim-size-64);
  --mf-sem-size-elements-6xl: var(--mf-prim-size-80);
  --mf-sem-size-elements-7xl: var(--mf-prim-size-96);
  --mf-sem-size-elements-8xl: var(--mf-prim-size-128);
  --mf-sem-size-elements-9xl: var(--mf-prim-size-160);
  --mf-sem-size-elements-10xl: var(--mf-prim-size-192);
  --mf-sem-size-elements-11xl: var(--mf-prim-size-256);
  --mf-sem-size-elements-12xl: var(--mf-prim-size-320);
  --mf-sem-text-display-sm-arabic-size: var(--mf-prim-text-size-60);
  --mf-sem-text-display-sm-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-display-sm-arabic-line-height: var(--mf-prim-text-line-height-60);
  --mf-sem-text-display-sm-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-md-arabic-size: var(--mf-prim-text-size-72);
  --mf-sem-text-display-md-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-display-md-arabic-line-height: var(--mf-prim-text-line-height-72);
  --mf-sem-text-display-md-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-lg-arabic-size: var(--mf-prim-text-size-96);
  --mf-sem-text-display-lg-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-display-lg-arabic-line-height: var(--mf-prim-text-line-height-96);
  --mf-sem-text-display-lg-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-xl-arabic-size: var(--mf-prim-text-size-128);
  --mf-sem-text-display-xl-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-display-xl-arabic-line-height: var(--mf-prim-text-line-height-128);
  --mf-sem-text-display-xl-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-mobile-sm-arabic-size: var(--mf-prim-text-size-24);
  --mf-sem-text-display-mobile-sm-arabic-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-mobile-sm-arabic-line-height: var(--mf-prim-text-line-height-32);
  --mf-sem-text-display-mobile-sm-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-mobile-md-arabic-size: var(--mf-prim-text-size-32);
  --mf-sem-text-display-mobile-md-arabic-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-mobile-md-arabic-line-height: var(--mf-prim-text-line-height-40);
  --mf-sem-text-display-mobile-md-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-mobile-lg-arabic-size: var(--mf-prim-text-size-40);
  --mf-sem-text-display-mobile-lg-arabic-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-mobile-lg-arabic-line-height: var(--mf-prim-text-line-height-48);
  --mf-sem-text-display-mobile-lg-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-display-mobile-xl-arabic-size: var(--mf-prim-text-size-48);
  --mf-sem-text-display-mobile-xl-arabic-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-display-mobile-xl-arabic-line-height: var(--mf-prim-text-line-height-48);
  --mf-sem-text-display-mobile-xl-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-sm-arabic-size: var(--mf-prim-text-size-24);
  --mf-sem-text-heading-sm-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-heading-sm-arabic-line-height: var(--mf-prim-text-line-height-32);
  --mf-sem-text-heading-sm-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-md-arabic-size: var(--mf-prim-text-size-30);
  --mf-sem-text-heading-md-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-heading-md-arabic-line-height: var(--mf-prim-text-line-height-36);
  --mf-sem-text-heading-md-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-lg-arabic-size: var(--mf-prim-text-size-36);
  --mf-sem-text-heading-lg-arabic-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-heading-lg-arabic-line-height: var(--mf-prim-text-line-height-40);
  --mf-sem-text-heading-lg-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-xl-arabic-size: var(--mf-prim-text-size-48);
  --mf-sem-text-heading-xl-arabic-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-heading-xl-arabic-line-height: var(--mf-prim-text-line-height-48);
  --mf-sem-text-heading-xl-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-mobile-sm-arabic-size: var(--mf-prim-text-size-18);
  --mf-sem-text-heading-mobile-sm-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-heading-mobile-sm-arabic-line-height: var(--mf-prim-text-line-height-28);
  --mf-sem-text-heading-mobile-sm-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-mobile-md-arabic-size: var(--mf-prim-text-size-24);
  --mf-sem-text-heading-mobile-md-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-heading-mobile-md-arabic-line-height: var(--mf-prim-text-line-height-32);
  --mf-sem-text-heading-mobile-md-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-mobile-lg-arabic-size: var(--mf-prim-text-size-32);
  --mf-sem-text-heading-mobile-lg-arabic-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-heading-mobile-lg-arabic-line-height: var(--mf-prim-text-line-height-36);
  --mf-sem-text-heading-mobile-lg-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-heading-mobile-xl-arabic-size: var(--mf-prim-text-size-36);
  --mf-sem-text-heading-mobile-xl-arabic-weight: var(--mf-prim-text-weight-600);
  --mf-sem-text-heading-mobile-xl-arabic-line-height: var(--mf-prim-text-line-height-40);
  --mf-sem-text-heading-mobile-xl-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-paragraph-xs-arabic-size: var(--mf-prim-text-size-12);
  --mf-sem-text-paragraph-xs-arabic-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-paragraph-xs-arabic-line-height: var(--mf-prim-text-line-height-18);
  --mf-sem-text-paragraph-xs-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-paragraph-sm-arabic-size: var(--mf-prim-text-size-14);
  --mf-sem-text-paragraph-sm-arabic-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-paragraph-sm-arabic-line-height: var(--mf-prim-text-line-height-20);
  --mf-sem-text-paragraph-sm-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-paragraph-md-arabic-size: var(--mf-prim-text-size-16);
  --mf-sem-text-paragraph-md-arabic-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-paragraph-md-arabic-line-height: var(--mf-prim-text-line-height-24);
  --mf-sem-text-paragraph-md-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-paragraph-lg-arabic-size: var(--mf-prim-text-size-18);
  --mf-sem-text-paragraph-lg-arabic-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-paragraph-lg-arabic-line-height: var(--mf-prim-text-line-height-28);
  --mf-sem-text-paragraph-lg-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-interactive-sm-arabic-size: var(--mf-prim-text-size-14);
  --mf-sem-text-interactive-sm-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-interactive-sm-arabic-line-height: var(--mf-prim-text-line-height-20);
  --mf-sem-text-interactive-sm-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-interactive-md-arabic-size: var(--mf-prim-text-size-16);
  --mf-sem-text-interactive-md-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-interactive-md-arabic-line-height: var(--mf-prim-text-line-height-24);
  --mf-sem-text-interactive-md-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-interactive-lg-arabic-size: var(--mf-prim-text-size-18);
  --mf-sem-text-interactive-lg-arabic-weight: var(--mf-prim-text-weight-500);
  --mf-sem-text-interactive-lg-arabic-line-height: var(--mf-prim-text-line-height-28);
  --mf-sem-text-interactive-lg-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-label-xs-arabic-size: var(--mf-prim-text-size-12);
  --mf-sem-text-label-xs-arabic-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-label-xs-arabic-line-height: var(--mf-prim-text-line-height-18);
  --mf-sem-text-label-xs-arabic-spacing: var(--mf-prim-text-spacing-0);
  --mf-sem-text-label-sm-arabic-size: var(--mf-prim-text-size-14);
  --mf-sem-text-label-sm-arabic-weight: var(--mf-prim-text-weight-400);
  --mf-sem-text-label-sm-arabic-line-height: var(--mf-prim-text-line-height-20);
  --mf-sem-text-label-sm-arabic-spacing: var(--mf-prim-text-spacing-0);
}