:root {
    --neutral-50: rgba(248, 248, 248, 1);
    --neutral-800: rgba(35, 35, 35, 1);
    --neutral-600: rgba(58, 59, 59, 1);
    --base-00: rgba(255, 255, 255, 1);
    --neutral-400: rgba(110, 110, 110, 1);
    --light-green700: rgba(76, 122, 115, 1);
    --neutral-100: rgba(228, 228, 228, 1);
    --neutral-200: rgba(200, 200, 200, 1);
    --light-green500: rgba(102, 163, 153, 1);
    --Roboto-l-light-font-family: "Roboto Pro", Helvetica;
    --Roboto-l-light-font-weight: 300;
    --Roboto-l-light-font-size: 20px;
    --Roboto-l-light-letter-spacing: 0px;
    --Roboto-l-light-line-height: 32px;
    --Roboto-l-light-font-style: normal;
    --Roboto-3xl-medium-font-family: "Roboto Pro", Helvetica;
    --Roboto-3xl-medium-font-weight: 600;
    --Roboto-3xl-medium-font-size: 40px;
    --Roboto-3xl-medium-letter-spacing: 0px;
    --Roboto-3xl-medium-line-height: 48px;
    --Roboto-3xl-medium-font-style: normal;
    --Roboto-2xl-medium-font-family: "Roboto Pro", Helvetica;
    --Roboto-2xl-medium-font-weight: 600;
    --Roboto-2xl-medium-font-size: 32px;
    --Roboto-2xl-medium-letter-spacing: 0px;
    --Roboto-2xl-medium-line-height: 48px;
    --Roboto-2xl-medium-font-style: normal;
    --Roboto-m-regular-font-family: "Roboto", Helvetica;
    --Roboto-m-regular-font-weight: 400;
    --Roboto-m-regular-font-size: 16px;
    --Roboto-m-regular-letter-spacing: 0px;
    --Roboto-m-regular-line-height: 28px;
    --Roboto-m-regular-font-style: normal;
    --Roboto-s-regular-font-family: "Roboto", Helvetica;
    --Roboto-s-regular-font-weight: 400;
    --Roboto-s-regular-font-size: 14px;
    --Roboto-s-regular-letter-spacing: 0px;
    --Roboto-s-regular-line-height: 24px;
    --Roboto-s-regular-font-style: normal;
    --Roboto-XS-regular-font-family: "Roboto", Helvetica;
    --Roboto-XS-regular-font-weight: 400;
    --Roboto-XS-regular-font-size: 12px;
    --Roboto-XS-regular-letter-spacing: 0px;
    --Roboto-XS-regular-line-height: 18px;
    --Roboto-XS-regular-font-style: normal;
    --Roboto-m-medium-font-family: "Roboto Pro", Helvetica;
    --Roboto-m-medium-font-weight: 600;
    --Roboto-m-medium-font-size: 16px;
    --Roboto-m-medium-letter-spacing: 0px;
    --Roboto-m-medium-line-height: 28px;
    --Roboto-m-medium-font-style: normal;
    --Roboto-s-medium-font-family: "Roboto Pro", Helvetica;
    --Roboto-s-medium-font-weight: 600;
    --Roboto-s-medium-font-size: 14px;
    --Roboto-s-medium-letter-spacing: 0px;
    --Roboto-s-medium-line-height: 24px;
    --Roboto-s-medium-font-style: normal;

    --light-green50: rgba(244, 249, 249, 1);
    --neutral-900: rgba(27, 27, 27, 1);
    --neutral-500: rgba(62, 62, 62, 1);
    --neutral-700: rgba(46, 47, 47, 1);
    --neutral-100: rgba(228, 228, 228, 1);
    --neutral-300: rgba(150, 150, 150, 1);
    --light-green100: rgba(225, 242, 238, 1);
    --neutral-400: rgba(110, 110, 110, 1);
    --neutral-50: rgba(248, 248, 248, 1);
    --Roboto-s-regular-font-family: "Roboto", Helvetica;
    --Roboto-s-regular-font-weight: 400;
    --Roboto-s-regular-font-size: 14px;
    --Roboto-s-regular-letter-spacing: 0px;
    --Roboto-s-regular-line-height: 24px;
    --Roboto-s-regular-font-style: normal;
    --Roboto-XS-regular-font-family: "Roboto", Helvetica;
    --Roboto-XS-regular-font-weight: 400;
    --Roboto-XS-regular-font-size: 12px;
    --Roboto-XS-regular-letter-spacing: 0px;
    --Roboto-XS-regular-line-height: 18px;
    --Roboto-XS-regular-font-style: normal;
    --components-progress-indicator-bar-vertical-border-radius: var( --foundations-border-radius-xs );
    --components-progress-indicator-icon-border-radius: var( --foundations-border-radius-circle );
    --components-progress-indicator-icon-icon-color: var( --mode-icon-colors-default-tertiary );
    --components-progress-indicator-icon-hover-icon-color: var( --components-progress-indicator-icon-icon-color );
    --components-progress-indicator-icon-active-icon-color: var( --mode-icon-colors-active-primary );
    --components-progress-indicator-icon-active-hover-icon-color: var( --components-progress-indicator-icon-active-icon-color );
    --components-progress-indicator-icon-completed-bg-color: var( --mode-bg-colors-default-secondary );
    --components-progress-indicator-icon-completed-hover-bg-color: var( --mode-bg-colors-hover-secondary );
    --components-progress-indicator-icon-bg-color: var( --mode-bg-colors-default-secondary );
    --components-progress-indicator-icon-hover-bg-color: var( --mode-bg-colors-hover-secondary );
    --components-progress-indicator-icon-active-bg-color: var( --mode-bg-colors-active-tertiary );
    --components-progress-indicator-icon-active-hover-bg-color: var( --mode-bg-colors-hover-secondary );
    --foundations-border-radius-xs: 2px;
    --foundations-border-radius-circle: 200px;
    --foundations-color-base-neutral-200: rgba(195, 195, 203, 1);
    --foundations-color-base-neutral-900: rgba(46, 46, 56, 1);
    --foundations-color-base-neutral-50: rgba(243, 243, 245, 1);
    --foundations-color-base-neutral-75: rgba(230, 230, 233, 1);
    --foundations-color-base-neutral-700: rgba(78, 78, 93, 1);
    --foundations-color-base-neutral-100: rgba(222, 222, 226, 1);
    --mode-icon-colors-default-tertiary: var(--mode-theme-neutral-300);
    --mode-icon-colors-active-primary: var(--mode-theme-neutral-900);
    --mode-theme-neutral-300: var(--foundations-color-base-neutral-200);
    --mode-theme-neutral-900: var(--foundations-color-base-neutral-900);
    --mode-bg-colors-default-secondary: var(--mode-theme-neutral-50);
    --mode-bg-colors-hover-secondary: var(--mode-theme-neutral-100);
    --mode-theme-neutral-50: var(--foundations-color-base-neutral-50);
    --mode-theme-neutral-100: var(--foundations-color-base-neutral-75);
    --mode-bg-colors-active-tertiary: var(--mode-theme-neutral-50);

    --neutral-500: rgba(62, 62, 62, 1);
    --neutral-800: rgba(35, 35, 35, 1);
    --neutral-400: rgba(110, 110, 110, 1);
    --neutral-600: rgba(58, 59, 59, 1);
    --error-500: rgba(155, 46, 0, 1);
    --neutral-300: rgba(150, 150, 150, 1);
    --base-00: rgba(255, 255, 255, 1);
    --neutral-200: rgba(200, 200, 200, 1);
    --neutral-50: rgba(248, 248, 248, 1);
    --neutral-100: rgba(228, 228, 228, 1);
    --light-green500: rgba(102, 163, 153, 1);
    --light-green700: rgba(76, 122, 115, 1);
    --Roboto-s-medium-font-family: "Roboto Pro", Helvetica;
    --Roboto-s-medium-font-weight: 600;
    --Roboto-s-medium-font-size: 14px;
    --Roboto-s-medium-letter-spacing: 0px;
    --Roboto-s-medium-line-height: 24px;
    --Roboto-s-medium-font-style: normal;
    --Roboto-s-regular-font-family: "Roboto", Helvetica;
    --Roboto-s-regular-font-weight: 400;
    --Roboto-s-regular-font-size: 14px;
    --Roboto-s-regular-letter-spacing: 0px;
    --Roboto-s-regular-line-height: 24px;
    --Roboto-s-regular-font-style: normal;
    --Roboto-XS-medium-font-family: "Roboto Pro", Helvetica;
    --Roboto-XS-medium-font-weight: 600;
    --Roboto-XS-medium-font-size: 12px;
    --Roboto-XS-medium-letter-spacing: 0px;
    --Roboto-XS-medium-line-height: 18px;
    --Roboto-XS-medium-font-style: normal;
    --Roboto-XXS-regular-font-family: "Roboto", Helvetica;
    --Roboto-XXS-regular-font-weight: 400;
    --Roboto-XXS-regular-font-size: 10px;
    --Roboto-XXS-regular-letter-spacing: 0px;
    --Roboto-XXS-regular-line-height: 18px;
    --Roboto-XXS-regular-font-style: normal;
    --Roboto-XS-regular-font-family: "Roboto", Helvetica;
    --Roboto-XS-regular-font-weight: 400;
    --Roboto-XS-regular-font-size: 12px;
    --Roboto-XS-regular-letter-spacing: 0px;
    --Roboto-XS-regular-line-height: 18px;
    --Roboto-XS-regular-font-style: normal;
    --body-2-regular-font-family: "EYInterstate", Helvetica;
    --body-2-regular-font-weight: 400;
    --body-2-regular-font-size: 14px;
    --body-2-regular-letter-spacing: 0px;
    --body-2-regular-line-height: 19.999980926513672px;
    --body-2-regular-font-style: normal;
    --caption-regular-font-family: "EYInterstate", Helvetica;
    --caption-regular-font-weight: 400;
    --caption-regular-font-size: 11.998000144958496px;
    --caption-regular-letter-spacing: 0px;
    --caption-regular-line-height: 18.003999710083008px;
    --caption-regular-font-style: normal;
    --components-chip-color: var(--mode-text-colors-default-primary);
    --components-chip-border-radius: var(--foundations-border-radius-xl);
    --components-chip-bg-color: var(--mode-bg-colors-default-secondary);
    --components-chip-hover-bg-color: var(--mode-bg-colors-hover-secondary);
    --components-avatar-status-indicator-border-radius: var(
        --foundations-border-radius-circle
    );
    --components-avatar-photo-border-radius: var(
        --foundations-border-radius-circle
    );
    --components-avatar-status-online-bg-color: var(
        --mode-accent-success-secondary
    );
    --components-avatar-status-border-radius: var(
        --foundations-border-radius-circle
    );
    --components-avatar-border-radius: var(--foundations-border-radius-circle);
    --components-avatar-photo-hover-bg-color: var(--mode-bg-colors-hover-primary);
    --components-chip-tags-color: var(--mode-text-colors-default-primary);
    --components-chip-tags-btn-border-radius: var(--foundations-border-radius-xs);
    --components-chip-tags-border-radius: var(--foundations-border-radius-xs);
    --components-chip-tags-btn-hover-bg-color: var(
        --components-btn-ghost-hover-bg-color
    );
    --components-btn-ghost-hover-bg-color: var(--mode-bg-colors-hover-secondary);
    --components-btn-border-radius: var(--foundations-border-radius-sm);
    --components-btn-primary-alt-hover-bg-color: var(
        --mode-bg-colors-hover-secondary
    );
    --components-btn-primary-alt-bg-color: var(--mode-bg-colors-default-secondary);
    --mode-text-colors-default-primary: var(--mode-theme-neutral-900);
    --mode-theme-neutral-900: var(--foundations-color-base-neutral-900);
    --mode-bg-colors-default-secondary: var(--mode-theme-neutral-50);
    --mode-bg-colors-hover-secondary: var(--mode-theme-neutral-100);
    --mode-theme-neutral-50: var(--foundations-color-base-neutral-50);
    --mode-theme-neutral-100: var(--foundations-color-base-neutral-75);
    --mode-accent-success-secondary: var(--foundations-color-green-400);
    --mode-border-colors-default-extra-a: var(--mode-theme-neutral-0);
    --mode-theme-neutral-0: var(--foundations-color-base-neutral-0);
    --mode-theme-neutral-25: var(--foundations-color-base-neutral-25);
    --mode-bg-colors-hover-primary: var(--mode-theme-neutral-50);
    --mode-border-colors-default-secondary: var(--mode-theme-neutral-300);
    --mode-theme-neutral-300: var(--foundations-color-base-neutral-200);
    --foundations-border-radius-xl: 16px;
    --foundations-color-base-neutral-900: rgba(46, 46, 56, 1);
    --foundations-color-base-neutral-100: rgba(222, 222, 226, 1);
    --foundations-color-base-neutral-50: rgba(243, 243, 245, 1);
    --foundations-color-base-neutral-75: rgba(230, 230, 233, 1);
    --foundations-color-base-neutral-850: rgba(51, 51, 62, 1);
    --foundations-border-radius-circle: 200px;
    --foundations-color-green-400: rgba(38, 160, 75, 1);
    --foundations-color-base-neutral-0: rgba(255, 255, 255, 1);
    --foundations-color-base-neutral-25: rgba(249, 249, 250, 1);
    --foundations-color-base-neutral-1000: rgba(26, 26, 36, 1);
    --foundations-color-base-neutral-950: rgba(35, 35, 47, 1);
    --foundations-border-radius-xs: 2px;
    --foundations-color-base-neutral-200: rgba(195, 195, 203, 1);
    --foundations-color-base-neutral-700: rgba(78, 78, 93, 1);
    --foundations-border-radius-sm: 4px;
}