:root {
  --alpha-50: 0.05;
  --alpha-100: 0.1;
  --alpha-200: 0.2;
  --alpha-300: 0.3;
  --alpha-400: 0.4;
  --alpha-500: 0.5;
  --alpha-600: 0.6;
  --alpha-700: 0.7;
  --alpha-800: 0.8;
  --alpha-900: 0.9;
  --alpha-invert-50: 0.95;
  --alpha-invert-100: 0.9;
  --alpha-invert-200: 0.8;
  --alpha-invert-300: 0.7;
  --alpha-invert-400: 0.6;
  --alpha-invert-500: 0.5;
  --alpha-invert-600: 0.4;
  --alpha-invert-700: 0.3;
  --alpha-invert-800: 0.2;
  --alpha-invert-900: 0.1;
  --button-color-bg-ghost-destructive-hover: var(
    --color-surface-interaction-minimal-destructive-hover
  );
  --button-color-bg-ghost-hover: var(--color-surface-interaction-minimal-hover);
  --button-color-bg-ghost-invert-hover: var(--elevation-alpha-invert-100);
  --button-color-bg-ghost-invert-pressed: var(--elevation-alpha-invert-200);
  --button-color-bg-ghost-neutral-hover: var(
    --color-surface-interaction-minimal-neutral-hover
  );
  --button-color-bg-primary-default: var(
    --color-surface-interaction-contrast-default
  );
  --button-color-bg-primary-destructive-default: var(
    --color-surface-interaction-contrast-destructive-default
  );
  --button-color-bg-primary-destructive-hover: var(
    --color-surface-interaction-contrast-destructive-hover
  );
  --button-color-bg-primary-destructive-pressed: var(
    --color-surface-interaction-contrast-destructive-pressed
  );
  --button-color-bg-primary-disabled: var(
    --color-surface-interaction-contrast-disabled
  );
  --button-color-bg-primary-hover: var(
    --color-surface-interaction-contrast-hover
  );
  --button-color-bg-primary-invert-default: var(
    --color-surface-interaction-minimal-default
  );
  --button-color-bg-primary-invert-hover: var(
    --color-surface-interaction-minimal-hover
  );
  --button-color-bg-primary-neutral-default: var(
    --color-surface-interaction-contrast-neutral-default
  );
  --button-color-bg-primary-neutral-hover: var(
    --color-surface-interaction-contrast-neutral-hover
  );
  --button-color-bg-primary-neutral-pressed: var(
    --color-surface-interaction-contrast-neutral-pressed
  );
  --button-color-bg-primary-pressed: var(
    --color-surface-interaction-contrast-pressed
  );
  --button-color-bg-secondary-destructive-hover: var(
    --color-surface-interaction-minimal-destructive-hover
  );
  --button-color-bg-secondary-hover: var(
    --color-surface-interaction-minimal-hover
  );
  --button-color-bg-secondary-invert-hover: var(--elevation-alpha-invert-100);
  --button-color-bg-secondary-invert-pressed: var(--elevation-alpha-invert-200);
  --button-color-bg-secondary-neutral-hover: var(
    --color-surface-interaction-minimal-neutral-hover
  );
  --button-color-border-default: var(--color-border-interaction-default);
  --button-color-border-destructive-default: var(
    --color-border-interaction-destructive-default
  );
  --button-color-border-destructive-hover: var(
    --color-border-interaction-destructive-hover
  );
  --button-color-border-destructive-pressed: var(
    --color-border-interaction-destructive-pressed
  );
  --button-color-border-disabled: var(--color-border-disabled);
  --button-color-border-focused: var(--color-border-focused);
  --button-color-border-hover: var(--color-border-interaction-hover);
  --button-color-border-invert: var(--color-border-invert);
  --button-color-border-neutral-default: var(--color-neutral-700);
  --button-color-border-neutral-hover: var(--color-neutral-800);
  --button-color-border-neutral-pressed: var(--color-neutral-900);
  --button-color-border-pressed: var(--color-border-interaction-pressed);
  --button-color-border-visited: var(--button-color-border-neutral-default);
  --button-color-icon-default: var(--color-icon-interaction-default);
  --button-color-icon-destructive-default: var(
    --color-icon-interaction-destructive-default
  );
  --button-color-icon-destructive-hover: var(
    --color-icon-interaction-destructive-hover
  );
  --button-color-icon-destructive-pressed: var(
    --color-icon-interaction-destructive-pressed
  );
  --button-color-icon-disabled: var(--color-icon-disabled);
  --button-color-icon-hover: var(--color-icon-interaction-hover);
  --button-color-icon-invert: var(--color-icon-invert);
  --button-color-icon-neutral-default: var(--color-neutral-700);
  --button-color-icon-neutral-hover: var(--color-neutral-800);
  --button-color-icon-neutral-pressed: var(--color-neutral-900);
  --button-color-icon-pressed: var(--color-icon-interaction-pressed);
  --button-color-icon-visited: var(--color-icon-heavy);
  --button-color-text-default: var(--color-text-interaction-default);
  --button-color-text-destructive-default: var(
    --color-text-interaction-destructive-default
  );
  --button-color-text-destructive-hover: var(
    --color-text-interaction-destructive-hover
  );
  --button-color-text-destructive-pressed: var(
    --color-text-interaction-destructive-pressed
  );
  --button-color-text-disabled: var(--color-text-disabled);
  --button-color-text-hover: var(--color-text-interaction-hover);
  --button-color-text-invert: var(--color-text-invert);
  --button-color-text-neutral-defaut: var(--color-neutral-700);
  --button-color-text-neutral-hover: var(--color-neutral-800);
  --button-color-text-neutral-pressed: var(--color-neutral-900);
  --button-color-text-pressed: var(--color-text-interaction-pressed);
  --color-base-black: #000000;
  --color-base-white: #ffffff;
  --color-blue-050: #e5f5fd;
  --color-blue-100: #b4dff0;
  --color-blue-200: #81cae5;
  --color-blue-300: #68bfe0;
  --color-blue-400: #0095b9;
  --color-blue-500: #007590;
  --color-blue-600: #006078;
  --color-blue-700: #004f63;
  --color-blue-800: #003f4f;
  --color-blue-900: #002f3a;
  --color-border-accent-blue: var(--color-blue-500);
  --color-border-accent-dark-green: var(--color-dark-green-500);
  --color-border-accent-light-green: var(--color-light-green-500);
  --color-border-accent-orange: var(--color-orange-500);
  --color-border-accent-purple: var(--color-purple-500);
  --color-border-accent-red: var(--color-red-500);
  --color-border-accent-teal: var(--color-teal-500);
  --color-border-accent-yellow: var(--color-yellow-500);
  --color-border-default: var(--color-neutral-400);
  --color-border-disabled: var(--color-neutral-300);
  --color-border-divider: var(--color-neutral-100);
  --color-border-error: var(--color-red-500);
  --color-border-focused: var(--color-dark-green-400);
  --color-border-hover: var(--color-neutral-500);
  --color-border-information: var(--color-info-information);
  --color-border-interaction-default: var(--color-main-green-500);
  --color-border-interaction-destructive-default: var(--color-red-500);
  --color-border-interaction-destructive-hover: var(--color-red-600);
  --color-border-interaction-destructive-pressed: var(--color-red-700);
  --color-border-interaction-hover: var(--color-main-green-600);
  --color-border-interaction-neutral-default: var(--color-neutral-700);
  --color-border-interaction-neutral-hover: var(--color-neutral-800);
  --color-border-interaction-neutral-pressed: var(--color-neutral-900);
  --color-border-interaction-pressed: var(--color-main-green-700);
  --color-border-invert: var(--color-base-white);
  --color-border-medium: var(--color-neutral-100);
  --color-border-success: var(--color-main-green-500);
  --color-border-warning: var(--color-orange-500);
  --color-dark-green-050: #eff4f2;
  --color-dark-green-100: #d6e3de;
  --color-dark-green-200: #bed3cb;
  --color-dark-green-300: #8eb2a4;
  --color-dark-green-400: #61917f;
  --color-dark-green-500: #154734;
  --color-dark-green-600: #103728;
  --color-dark-green-700: #0e2f23;
  --color-dark-green-800: #0b241a;
  --color-dark-green-900: #071811;
  --color-icon-accent-blue: var(--color-blue-500);
  --color-icon-accent-orange: var(--color-orange-800);
  --color-icon-accent-purple: var(--color-purple-500);
  --color-icon-accent-red: var(--color-red-500);
  --color-icon-accent-teal: var(--color-teal-500);
  --color-icon-accent-yellow: var(--color-yellow-800);
  --color-icon-brand-dark-green: var(--color-dark-green-500);
  --color-icon-brand-light-green: var(--color-light-green-600);
  --color-icon-brand-main-green: var(--color-main-green-500);
  --color-icon-default: var(--color-neutral-500);
  --color-icon-disabled: var(--color-neutral-300);
  --color-icon-error: var(--color-red-500);
  --color-icon-heavy: var(--color-neutral-700);
  --color-icon-information: var(--color-info-information);
  --color-icon-interaction-default: var(--color-main-green-500);
  --color-icon-interaction-destructive-default: var(--color-red-500);
  --color-icon-interaction-destructive-hover: var(--color-red-600);
  --color-icon-interaction-destructive-pressed: var(--color-red-700);
  --color-icon-interaction-hover: var(--color-main-green-600);
  --color-icon-interaction-pressed: var(--color-main-green-700);
  --color-icon-invert: var(--color-base-white);
  --color-icon-success: var(--color-main-green-500);
  --color-icon-warning: var(--color-orange-500);
  --color-info-information: #1068d0;
  --color-light-green-050: #f7fade;
  --color-light-green-100: #f2f6c8;
  --color-light-green-200: #edf3b2;
  --color-light-green-300: #e8ef9c;
  --color-light-green-400: #dee870;
  --color-light-green-500: #c4d600;
  --color-light-green-600: #a3b200;
  --color-light-green-700: #838f00;
  --color-light-green-800: #626b00;
  --color-light-green-900: #414700;
  --color-link-primary-default: var(--color-main-green-500);
  --color-link-primary-disabled: var(--color-neutral-300);
  --color-link-primary-hover: var(--color-main-green-600);
  --color-link-primary-pressed: var(--color-main-green-700);
  --color-link-primary-visited: var(--color-neutral-700);
  --color-link-secondary-default: var(--color-neutral-700);
  --color-link-secondary-disabled: var(--color-neutral-300);
  --color-link-secondary-hover: var(--color-main-green-500);
  --color-link-secondary-pressed: var(--color-main-green-700);
  --color-link-secondary-visited: var(--color-dark-green-500);
  --color-main-green-50: #eff8f0;
  --color-main-green-100: #c9e7ca;
  --color-main-green-200: #a6d8a9;
  --color-main-green-300: #83ca87;
  --color-main-green-400: #69b46c;
  --color-main-green-500: #268038;
  --color-main-green-600: #1d602a;
  --color-main-green-700: #185123;
  --color-main-green-800: #13411c;
  --color-main-green-900: #0f3116;
  --color-neutral-050: #f2f3f3;
  --color-neutral-100: #dcdee0;
  --color-neutral-200: #c7cacd;
  --color-neutral-300: #b1b5b9;
  --color-neutral-400: #6f757c;
  --color-neutral-500: #4b4f54;
  --color-neutral-600: #3a3d41;
  --color-neutral-700: #292c2e;
  --color-neutral-800: #181a1b;
  --color-neutral-900: #080809;
  --color-orange-050: #fef4e5;
  --color-orange-100: #fde9cd;
  --color-orange-200: #fcd39b;
  --color-orange-300: #fabe6a;
  --color-orange-400: #f9a838;
  --color-orange-500: #e78a08;
  --color-orange-600: #ce7b07;
  --color-orange-700: #a76305;
  --color-orange-800: #7f4c04;
  --color-orange-900: #623a03;
  --color-purple-050: #f6eef6;
  --color-purple-100: #efdbeb;
  --color-purple-200: #dfb8d8;
  --color-purple-300: #cf95c5;
  --color-purple-400: #bf71b1;
  --color-purple-500: #9d5190;
  --color-purple-600: #813a75;
  --color-purple-700: #652e5b;
  --color-purple-800: #492142;
  --color-purple-900: #3b1b35;
  --color-red-050: #fef2f4;
  --color-red-100: #fcdbe0;
  --color-red-200: #f8acb8;
  --color-red-300: #f57c90;
  --color-red-400: #ef3654;
  --color-red-500: #c8102e;
  --color-red-600: #a70d26;
  --color-red-700: #860b1f;
  --color-red-800: #650817;
  --color-red-900: #440510;
  --color-surface-accent-blue-contrast: var(--color-blue-500);
  --color-surface-accent-blue-heavy: var(--color-blue-800);
  --color-surface-accent-blue-medium: var(--color-blue-100);
  --color-surface-accent-blue-minimel: var(--color-blue-050);
  --color-surface-accent-orange-contrast: var(--color-orange-400);
  --color-surface-accent-orange-heavy: var(--color-orange-800);
  --color-surface-accent-orange-medium: var(--color-orange-100);
  --color-surface-accent-orange-minimal: var(--color-orange-050);
  --color-surface-accent-purple-contrast: var(--color-purple-500);
  --color-surface-accent-purple-heavy: var(--color-purple-800);
  --color-surface-accent-purple-medium: var(--color-purple-100);
  --color-surface-accent-purple-minimal: var(--color-purple-050);
  --color-surface-accent-red-contrast: var(--color-red-500);
  --color-surface-accent-red-heavy: var(--color-red-800);
  --color-surface-accent-red-light: var(--color-red-050);
  --color-surface-accent-red-medium: var(--color-red-100);
  --color-surface-accent-teal-contrast: var(--color-teal-500);
  --color-surface-accent-teal-heavy: var(--color-teal-800);
  --color-surface-accent-teal-medium: var(--color-teal-100);
  --color-surface-accent-teal-minimal: var(--color-teal-050);
  --color-surface-accent-yellow-contrast: var(--color-yellow-500);
  --color-surface-accent-yellow-heavy: var(--color-yellow-800);
  --color-surface-accent-yellow-medium: var(--color-yellow-100);
  --color-surface-accent-yellow-minimal: var(--color-yellow-050);
  --color-surface-brand-dark-green-contrast: var(--color-dark-green-500);
  --color-surface-brand-dark-green-heavy: var(--color-dark-green-800);
  --color-surface-brand-dark-green-medium: var(--color-dark-green-100);
  --color-surface-brand-dark-green-minimal: var(--color-dark-green-050);
  --color-surface-brand-light-green-contrast: var(--color-light-green-500);
  --color-surface-brand-light-green-heavy: var(--color-light-green-800);
  --color-surface-brand-light-green-medium: var(--color-light-green-100);
  --color-surface-brand-light-green-minimal: var(--color-light-green-050);
  --color-surface-brand-main-green-contrast: var(--color-main-green-500);
  --color-surface-brand-main-green-heavy: var(--color-main-green-800);
  --color-surface-brand-main-green-medium: var(--color-main-green-100);
  --color-surface-brand-main-green-minimal: var(--color-main-green-50);
  --color-surface-contrast: var(--color-neutral-500);
  --color-surface-disabled: var(--color-neutral-050);
  --color-surface-error-contrast: var(--color-red-500);
  --color-surface-error-medium: var(--color-red-100);
  --color-surface-error-minimal: var(--color-red-050);
  --color-surface-heavy: var(--color-neutral-700);
  --color-surface-information-contrast: var(--color-info-information);
  --color-surface-information-medium: var(--color-blue-100);
  --color-surface-information-minimal: var(--color-blue-050);
  --color-surface-interaction-contrast-default: var(--color-main-green-500);
  --color-surface-interaction-contrast-destructive-default: var(
    --color-red-500
  );
  --color-surface-interaction-contrast-destructive-hover: var(--color-red-600);
  --color-surface-interaction-contrast-destructive-pressed: var(
    --color-red-700
  );
  --color-surface-interaction-contrast-disabled: var(--color-neutral-300);
  --color-surface-interaction-contrast-hover: var(--color-main-green-600);
  --color-surface-interaction-contrast-invert: var(--color-base-white);
  --color-surface-interaction-contrast-neutral-default: var(
    --color-neutral-700
  );
  --color-surface-interaction-contrast-neutral-hover: var(--color-neutral-800);
  --color-surface-interaction-contrast-neutral-pressed: var(
    --color-neutral-900
  );
  --color-surface-interaction-contrast-pressed: var(--color-main-green-700);
  --color-surface-interaction-minimal-default: var(--color-base-white);
  --color-surface-interaction-minimal-destructive-default: var(
    --color-base-white
  );
  --color-surface-interaction-minimal-destructive-hover: var(--color-red-050);
  --color-surface-interaction-minimal-destructive-pressed: var(--color-red-050);
  --color-surface-interaction-minimal-disabled: var(--color-neutral-050);
  --color-surface-interaction-minimal-hover: var(--color-main-green-50);
  --color-surface-interaction-minimal-neutral-hover: var(--color-neutral-050);
  --color-surface-interaction-minimal-pressed: var(--color-main-green-50);
  --color-surface-interaction-minimal-readonly: var(--color-neutral-050);
  --color-surface-invert: var(--color-base-white);
  --color-surface-neutral-contrast: var(--color-neutral-500);
  --color-surface-neutral-medium: var(--color-neutral-100);
  --color-surface-neutral-minimal: var(--color-neutral-050);
  --color-surface-primary: var(--color-base-white);
  --color-surface-readonly: var(--color-neutral-050);
  --color-surface-secondary: var(--color-neutral-050);
  --color-surface-success-contrast: var(--color-main-green-500);
  --color-surface-success-medium: var(--color-main-green-100);
  --color-surface-success-minimal: var(--color-main-green-50);
  --color-surface-warning-contrast: var(--color-orange-400);
  --color-surface-warning-medium: var(--color-orange-100);
  --color-surface-warning-minimal: var(--color-orange-050);
  --color-teal-050: #e8f5f3;
  --color-teal-100: #cbeae9;
  --color-teal-200: #a6dbda;
  --color-teal-300: #70c5c3;
  --color-teal-400: #00a39c;
  --color-teal-500: #007a75;
  --color-teal-600: #006661;
  --color-teal-700: #00514e;
  --color-teal-800: #003d3a;
  --color-teal-900: #002827;
  --color-text-accent-blue: var(--color-blue-500);
  --color-text-accent-dark-green: var(--color-dark-green-500);
  --color-text-accent-orange: var(--color-orange-800);
  --color-text-accent-purple: var(--color-purple-500);
  --color-text-accent-red: var(--color-red-500);
  --color-text-accent-teal: var(--color-teal-500);
  --color-text-disabled: var(--color-neutral-300);
  --color-text-error: var(--color-red-500);
  --color-text-information: var(--color-blue-500);
  --color-text-interaction-default: var(--color-main-green-500);
  --color-text-interaction-destructive-default: var(--color-red-500);
  --color-text-interaction-destructive-hover: var(--color-red-600);
  --color-text-interaction-destructive-pressed: var(--color-red-700);
  --color-text-interaction-hover: var(--color-main-green-600);
  --color-text-interaction-invert: var(--color-base-white);
  --color-text-interaction-pressed: var(--color-main-green-700);
  --color-text-invert: var(--color-base-white);
  --color-text-placeholder: var(--color-neutral-300);
  --color-text-primary: var(--color-neutral-700);
  --color-text-secondary: var(--color-neutral-500);
  --color-text-success: var(--color-main-green-500);
  --color-text-warning: var(--color-orange-800);
  --color-yellow-050: #fffde1;
  --color-yellow-100: #fff3b1;
  --color-yellow-200: #ffec88;
  --color-yellow-300: #fedd5e;
  --color-yellow-400: #fed535;
  --color-yellow-500: #feca02;
  --color-yellow-600: #e0b201;
  --color-yellow-700: #c29a01;
  --color-yellow-800: #a48201;
  --color-yellow-900: #856a01;
  --elevation-alpha-50: var(--alpha-50);
  --elevation-alpha-100: var(--alpha-100);
  --elevation-alpha-200: var(--alpha-200);
  --elevation-alpha-300: var(--alpha-300);
  --elevation-alpha-400: var(--alpha-400);
  --elevation-alpha-500: var(--alpha-500);
  --elevation-alpha-600: var(--alpha-600);
  --elevation-alpha-700: var(--alpha-700);
  --elevation-alpha-800: var(--alpha-800);
  --elevation-alpha-900: var(--alpha-800);
  --elevation-alpha-invert-50: var(--alpha-invert-50);
  --elevation-alpha-invert-100: var(--alpha-invert-100);
  --elevation-alpha-invert-200: var(--alpha-invert-200);
  --elevation-alpha-invert-300: var(--alpha-invert-300);
  --elevation-alpha-invert-400: var(--alpha-invert-400);
  --elevation-alpha-invert-500: var(--alpha-invert-500);
  --elevation-alpha-invert-600: var(--alpha-invert-600);
  --elevation-alpha-invert-700: var(--alpha-invert-700);
  --elevation-alpha-invert-800: var(--alpha-invert-800);
  --elevation-alpha-invert-900: var(--alpha-invert-900);
  --elevation-shadow-beta: #ffffff;
  --elevation-surface-modal: var(--elevation-alpha-400);
  --icon-size-l: 40px;
  --icon-size-m: 32px;
  --icon-size-s: 24px;
  --icon-size-xl: 48px;
  --icon-size-xs: 20px;
  --icon-size-xxs: 16px;
  --radius-2xl: 40px;
  --radius-3xl: 48px;
  --radius-4xl: 56px;
  --radius-5xl: 64px;
  --radius-full: 100px;
  --radius-l: 24px;
  --radius-m: 16px;
  --radius-s: 12px;
  --radius-xl: 32px;
  --radius-xs: 8px;
  --radius-xxs: 4px;
  --shadow-blur-l: 48px;
  --shadow-blur-m: 24px;
  --shadow-blur-non: 0px;
  --shadow-blur-s: 16px;
  --shadow-blur-xl: 64px;
  --shadow-blur-xs: 4px;
  --shadow-positioning-2xl: 48px;
  --shadow-positioning-l: 32px;
  --shadow-positioning-m: 24px;
  --shadow-positioning-non: 0px;
  --shadow-positioning-s: 16px;
  --shadow-positioning-xs: 8px;
  --shadow-positioning-xxs: 4px;
  --shadow-positioning-xxxs: 2px;
  --shadow-spread-l: -16px;
  --shadow-spread-m: -12px;
  --shadow-spread-non: 0px;
  --shadow-spread-s: -8px;
  --shadow-spread-xl: -24px;
  --shadow-spread-xs: -4px;
  --sizing-2xl: 24px;
  --sizing-3xl: 32px;
  --sizing-4xl: 40px;
  --sizing-5xl: 48px;
  --sizing-l: 12px;
  --sizing-m: 8px;
  --sizing-s: 4px;
  --sizing-xl: 16px;
  --sizing-xs: 2px;
  --sizing-xxs: 1px;
  --spacing-2xl: 40px;
  --spacing-3xl: 48px;
  --spacing-l: 24px;
  --spacing-m: 16px;
  --spacing-s: 12px;
  --spacing-xl: 32px;
  --spacing-xs: 8px;
  --spacing-xxs: 4px;
  --width-border-2xl: var(--sizing-2xl);
  --width-border-l: var(--sizing-l);
  --width-border-m: var(--sizing-m);
  --width-border-s: var(--sizing-s);
  --width-border-xl: var(--sizing-xl);
  --width-border-xs: var(--sizing-xs);
  --width-border-xxs: var(--sizing-xxs);
}