/**
 * Do not edit directly, this file was auto-generated.
 */

:root, :host {
  --border-radius-none: 0;
  --border-radius-sm: 0.125rem;
  --border-radius-default: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.5rem;
  --border-radius-full: 9999px;
  --border-width-1: 0.0625rem;
  --border-width-2: 0.125rem;
  --border-width-4: 0.25rem;
  --border-width-8: 0.5rem;
  --border-width-none: 0;
  --breakpoints-2xs: 20rem;
  --breakpoints-xs: 23.5rem;
  --breakpoints-sm: 40rem;
  --breakpoints-md: 48rem;
  --breakpoints-lg: 64rem;
  --breakpoints-xl: 80rem;
  --breakpoints-2xl: 96rem;
  --color-black: #000000;
  --color-transparent: transparent;
  --color-white: #ffffff;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fff5c6;
  --color-amber-200: #ffe788;
  --color-amber-300: #ffd44a;
  --color-amber-400: #ffc020;
  --color-amber-500: #f99e0a;
  --color-amber-600: #de7702;
  --color-amber-700: #b85206;
  --color-amber-800: #943f0d;
  --color-amber-900: #7b340e;
  --color-amber-950: #461a02;
  --color-angi-heart-50: #fff2f1;
  --color-angi-heart-100: #ffe3e0;
  --color-angi-heart-200: #ffcbc7;
  --color-angi-heart-300: #ffa79f;
  --color-angi-heart-400: #ff7467;
  --color-angi-heart-500: #fc5647;
  --color-angi-heart-600: #ea2a18;
  --color-angi-heart-700: #c51f10;
  --color-angi-heart-800: #a21f11;
  --color-angi-heart-900: #7b123c;
  --color-angi-heart-950: #490b06;
  --color-angi-spring-50: #ebfff7;
  --color-angi-spring-100: #c5fce3;
  --color-angi-spring-200: #a3f8d5;
  --color-angi-spring-300: #68eec1;
  --color-angi-spring-400: #29dda6;
  --color-angi-spring-500: #0cc390;
  --color-angi-spring-600: #009f75;
  --color-angi-spring-700: #027f61;
  --color-angi-spring-800: #01654e;
  --color-angi-spring-900: #005242;
  --color-angi-spring-950: #002f26;
  --color-blue-50: #f3f8fc;
  --color-blue-100: #e6f1f8;
  --color-blue-200: #c8e1f0;
  --color-blue-300: #98c9e2;
  --color-blue-400: #61acd1;
  --color-blue-500: #3c92bb;
  --color-blue-600: #2b759e;
  --color-blue-700: #245e80;
  --color-blue-800: #22506b;
  --color-blue-900: #20445a;
  --color-blue-950: #162c3b;
  --color-gray-50: #f5f5f2;
  --color-gray-100: #ecece9;
  --color-gray-150: #e3e2de;
  --color-gray-200: #dbd9d5;
  --color-gray-300: #bdb9b5;
  --color-gray-400: #8d8987;
  --color-gray-500: #6d6d6d;
  --color-gray-600: #585755;
  --color-gray-700: #343432;
  --color-gray-800: #282827;
  --color-gray-900: #1f1f1e;
  --color-gray-950: #0e0e0e;
  --color-green-50: #f1fcf1;
  --color-green-100: #dffadf;
  --color-green-200: #bff3c1;
  --color-green-300: #8de893;
  --color-green-400: #69db70;
  --color-green-500: #39a73f;
  --color-green-600: #318736;
  --color-green-700: #1f7023;
  --color-green-800: #1a6020;
  --color-green-900: #184f1d;
  --color-green-950: #072b0b;
  --color-red-50: #fff2f1;
  --color-red-100: #ffe0dd;
  --color-red-200: #ffc6c1;
  --color-red-300: #ff9d95;
  --color-red-400: #ff6659;
  --color-red-500: #ff3726;
  --color-red-600: #e22c1d;
  --color-red-700: #d21605;
  --color-red-800: #af1205;
  --color-red-900: #90160c;
  --color-red-950: #500600;
  --color-bg-overlay-default: #28282780;
  --color-text-link-inverted-visited: #f0e3f0;
  --color-text-link-neutral-visited: #800080;
  --focus-default: 0px 0px 0px 2px #282827ff, 0px 0px 0px 4px #ffffffff, 0px 0px 0px 6px #282827ff;
  --focus-input: 0px 0px 0px 2px #282827ff, 0px 0px 0px 4px #ffffffff;
  --font-family-faktum: "RB Faktum Neue";
  --font-family-inter: "Inter";
  --font-family-national: "National 2";
  --font-family-sharp-sans: "Sharp Sans";
  --font-size-2xs: 0.625rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.5rem;
  --font-size-7xl: 4.5rem;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --font-letter-spacing-tighter: -0.046875rem;
  --font-letter-spacing-tight: -0.03125rem;
  --font-letter-spacing-normal: 0;
  --font-letter-spacing-loose: 0.0625rem;
  --font-letter-spacing-looser: 0.125rem;
  --shadow-base: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --shadow-lg: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a;
  --shadow-md: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;
  --shadow-negative-base: 0px -2px 4px -2px #0000001a, 0px -4px 6px -1px #0000001a;
  --shadow-negative-lg: 0px -8px 10px -6px #0000001a, 0px -20px 25px -5px #0000001a;
  --shadow-negative-md: 0px -4px 6px -4px #0000001a, 0px -10px 15px -3px #0000001a;
  --shadow-negative-xl: 0px -8px 10px -6px #0000001a, 0px -20px 25px -5px #0000001a;
  --shadow-xl: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a;
  --size-container-max-width: 90rem;
  --spacing-0: 0;
  --spacing-2: 0.125rem;
  --spacing-4: 0.25rem;
  --spacing-6: 0.375rem;
  --spacing-8: 0.5rem;
  --spacing-12: 0.75rem;
  --spacing-16: 1rem;
  --spacing-20: 1.25rem;
  --spacing-24: 1.5rem;
  --spacing-28: 1.75rem;
  --spacing-32: 2rem;
  --spacing-36: 2.25rem;
  --spacing-40: 2.5rem;
  --spacing-44: 2.75rem;
  --spacing-48: 3rem;
  --spacing-56: 3.5rem;
  --spacing-60: 3.75rem;
  --spacing-64: 4rem;
  --spacing-72: 4.5rem;
  --spacing-80: 5rem;
  --spacing-96: 6rem;
  --spacing-128: 8rem;
  --spacing-160: 10rem;
  --component-color-bg-inverted-ghost-active: #ffffff0f;
  --component-color-bg-inverted-ghost-hover: #ffffff0f;
  --component-color-bg-inverted-outline-active: #ffffff0f;
  --component-color-bg-inverted-outline-hover: #ffffff0f;
  --component-color-bg-inverted-subtle-active: #ffffff12;
  --component-color-bg-inverted-subtle-default: #ffffff0f;
  --component-color-bg-inverted-subtle-hover: #ffffff12;
  --components-button-banner-min-width: 1.5rem;
  --components-button-min-width: 3.75rem;
  --components-global-banner-max-width: 42.5rem;
  --components-input-height-small: 2rem;
  --components-input-height-medium: 3rem;
  --components-input-height-large: 3.5rem;
  --components-input-width-small: 1.75rem;
  --components-input-width-medium: 2.5rem;
  --components-input-width-large: 3rem;
  --components-modal-max-height-sm: 20rem;
  --components-modal-max-height-md: 30rem;
  --components-modal-max-height-lg: 40rem;
  --components-modal-max-height-xl: 50rem;
  --components-modal-min-width: 20rem;
  --components-modal-width-sm: 25rem;
  --components-modal-width-md: 31.25rem;
  --components-modal-width-lg: 37.5rem;
  --components-textarea-min-height: 11.25rem;
  --components-toast-width-sm: 21.4375rem;
  --components-toast-width-md: 32.25rem;
  --text-body-2xs-heavy-line-height: 1.4;
  --text-body-2xs-heavy-text-decoration: none;
  --text-body-2xs-heavy-text-transform: none;
  --text-body-2xs-normal-line-height: 1.4;
  --text-body-2xs-normal-text-decoration: none;
  --text-body-2xs-normal-text-transform: none;
  --text-body-base-heavy-line-height: 1.5;
  --text-body-base-heavy-text-decoration: none;
  --text-body-base-heavy-text-transform: none;
  --text-body-base-normal-line-height: 1.5;
  --text-body-base-normal-text-decoration: none;
  --text-body-base-normal-text-transform: none;
  --text-body-lg-heavy-line-height: 1.444444;
  --text-body-lg-heavy-text-decoration: none;
  --text-body-lg-heavy-text-transform: none;
  --text-body-lg-normal-line-height: 1.444444;
  --text-body-lg-normal-text-decoration: none;
  --text-body-lg-normal-text-transform: none;
  --text-body-sm-heavy-line-height: 1.428571;
  --text-body-sm-heavy-text-decoration: none;
  --text-body-sm-heavy-text-transform: none;
  --text-body-sm-normal-line-height: 1.428571;
  --text-body-sm-normal-text-decoration: none;
  --text-body-sm-normal-text-transform: none;
  --text-body-xs-heavy-line-height: 1.333333;
  --text-body-xs-heavy-text-decoration: none;
  --text-body-xs-heavy-text-transform: none;
  --text-body-xs-normal-line-height: 1.333333;
  --text-body-xs-normal-text-decoration: none;
  --text-body-xs-normal-text-transform: none;
  --text-heading-2xl-line-height: 1.333333;
  --text-heading-2xl-text-decoration: none;
  --text-heading-2xl-text-transform: none;
  --text-heading-3xl-line-height: 1.1875;
  --text-heading-3xl-text-decoration: none;
  --text-heading-3xl-text-transform: none;
  --text-heading-4xl-line-height: 1.1;
  --text-heading-4xl-text-decoration: none;
  --text-heading-4xl-text-transform: none;
  --text-heading-5xl-line-height: 1.166667;
  --text-heading-5xl-text-decoration: none;
  --text-heading-5xl-text-transform: none;
  --text-heading-6xl-line-height: 1.214286;
  --text-heading-6xl-text-decoration: none;
  --text-heading-6xl-text-transform: none;
  --text-heading-7xl-line-height: 1.111111;
  --text-heading-7xl-text-decoration: none;
  --text-heading-7xl-text-transform: none;
  --text-heading-base-line-height: 1.5;
  --text-heading-base-text-decoration: none;
  --text-heading-base-text-transform: none;
  --text-heading-lg-line-height: 1.444444;
  --text-heading-lg-text-decoration: none;
  --text-heading-lg-text-transform: none;
  --text-heading-xl-heavy-line-height: 1.4;
  --text-heading-xl-heavy-text-decoration: none;
  --text-heading-xl-heavy-text-transform: none;
  --text-heading-xl-slim-line-height: 1.4;
  --text-heading-xl-slim-text-decoration: none;
  --text-heading-xl-slim-text-transform: none;
  --text-link-base-default-line-height: 1.5;
  --text-link-base-default-text-decoration: underline;
  --text-link-base-default-text-transform: none;
  --text-link-base-hover-line-height: 1.5;
  --text-link-base-hover-text-decoration: none;
  --text-link-base-hover-text-transform: none;
  --text-link-sm-default-line-height: 1.428571;
  --text-link-sm-default-text-decoration: underline;
  --text-link-sm-default-text-transform: none;
  --text-link-sm-hover-line-height: 1.428571;
  --text-link-sm-hover-text-decoration: none;
  --text-link-sm-hover-text-transform: none;
  --text-list-base-normal-line-height: 1.5;
  --text-list-base-normal-text-decoration: none;
  --text-list-base-normal-text-transform: none;
  --text-list-sm-normal-line-height: 1.428571;
  --text-list-sm-normal-text-decoration: none;
  --text-list-sm-normal-text-transform: none;
  --color-bg-base-active: var(--color-gray-50);
  --color-bg-base-default: var(--color-white);
  --color-bg-base-disabled: var(--color-gray-50);
  --color-bg-base-hover: var(--color-gray-50);
  --color-bg-base-readonly: var(--color-gray-50);
  --color-bg-checked-default: var(--color-gray-900);
  --color-bg-checked-hover: var(--color-gray-950);
  --color-bg-danger-solid-default: var(--color-red-600);
  --color-bg-danger-solid-hover: var(--color-red-700);
  --color-bg-danger-subtle-default: var(--color-red-100);
  --color-bg-danger-subtle-hover: var(--color-red-200);
  --color-bg-info-solid-default: var(--color-blue-600);
  --color-bg-info-solid-hover: var(--color-blue-700);
  --color-bg-info-subtle-default: var(--color-blue-100);
  --color-bg-info-subtle-hover: var(--color-blue-200);
  --color-bg-neutral-solid-default: var(--color-gray-800);
  --color-bg-neutral-solid-hover: var(--color-gray-900);
  --color-bg-neutral-subtle-active: var(--color-gray-200);
  --color-bg-neutral-subtle-default: var(--color-gray-100);
  --color-bg-neutral-subtle-hover: var(--color-gray-200);
  --color-bg-page-default: var(--color-white);
  --color-bg-primary-solid-default: var(--color-angi-heart-500);
  --color-bg-primary-solid-disabled: var(--color-gray-50);
  --color-bg-primary-solid-hover: var(--color-angi-heart-600);
  --color-bg-primary-subtle-default: var(--color-angi-heart-100);
  --color-bg-primary-subtle-disabled: var(--color-gray-50);
  --color-bg-primary-subtle-hover: var(--color-angi-heart-200);
  --color-bg-secondary-solid-default: var(--color-angi-heart-500);
  --color-bg-secondary-solid-hover: var(--color-angi-heart-600);
  --color-bg-secondary-subtle-default: var(--color-angi-heart-100);
  --color-bg-secondary-subtle-hover: var(--color-angi-heart-200);
  --color-bg-section-neutral-subtle-default: var(--color-gray-50);
  --color-bg-section-primary-subtle-default: var(--color-angi-heart-100);
  --color-bg-section-white-default: var(--color-white);
  --color-bg-success-solid-default: var(--color-green-600);
  --color-bg-success-solid-hover: var(--color-green-700);
  --color-bg-success-subtle-default: var(--color-green-100);
  --color-bg-success-subtle-hover: var(--color-green-200);
  --color-bg-warning-solid-default: var(--color-amber-400);
  --color-bg-warning-solid-hover: var(--color-amber-500);
  --color-bg-warning-subtle-default: var(--color-amber-100);
  --color-bg-warning-subtle-hover: var(--color-amber-200);
  --color-border-checked-default: var(--color-gray-900);
  --color-border-danger-solid-default: var(--color-red-800);
  --color-border-info-solid-default: var(--color-blue-600);
  --color-border-neutral-solid-default: var(--color-gray-500);
  --color-border-neutral-solid-disabled: var(--color-gray-200);
  --color-border-neutral-subtle-default: var(--color-gray-200);
  --color-border-primary-solid-default: var(--color-angi-heart-500);
  --color-border-primary-solid-disabled: var(--color-gray-200);
  --color-border-primary-solid-hover: var(--color-angi-heart-600);
  --color-border-success-solid-default: var(--color-green-800);
  --color-border-warning-solid-default: var(--color-amber-700);
  --color-focus-default: var(--color-gray-800);
  --color-icon-danger-default: var(--color-red-800);
  --color-icon-danger-disabled: var(--color-gray-400);
  --color-icon-danger-hover: var(--color-red-900);
  --color-icon-info-default: var(--color-blue-800);
  --color-icon-info-disabled: var(--color-gray-400);
  --color-icon-info-hover: var(--color-blue-900);
  --color-icon-inverted-default: var(--color-white);
  --color-icon-neutral-default: var(--color-gray-800);
  --color-icon-neutral-disabled: var(--color-gray-400);
  --color-icon-neutral-hover: var(--color-gray-900);
  --color-icon-primary-default: var(--color-angi-heart-800);
  --color-icon-primary-disabled: var(--color-gray-400);
  --color-icon-primary-hover: var(--color-angi-heart-900);
  --color-icon-secondary-default: var(--color-angi-heart-800);
  --color-icon-secondary-disabled: var(--color-gray-400);
  --color-icon-secondary-hover: var(--color-angi-heart-900);
  --color-icon-success-default: var(--color-green-800);
  --color-icon-success-disabled: var(--color-gray-400);
  --color-icon-success-hover: var(--color-green-900);
  --color-icon-warning-default: var(--color-amber-800);
  --color-icon-warning-disabled: var(--color-gray-400);
  --color-icon-warning-hover: var(--color-amber-900);
  --color-text-danger-default: var(--color-red-800);
  --color-text-danger-disabled: var(--color-red-300);
  --color-text-danger-hover: var(--color-red-900);
  --color-text-info-default: var(--color-blue-800);
  --color-text-info-disabled: var(--color-gray-400);
  --color-text-info-hover: var(--color-blue-900);
  --color-text-inverted-default: var(--color-white);
  --color-text-link-inverted-active: var(--color-gray-50);
  --color-text-link-inverted-default: var(--color-white);
  --color-text-link-inverted-hover: var(--color-gray-50);
  --color-text-link-neutral-active: var(--color-gray-500);
  --color-text-link-neutral-default: var(--color-gray-900);
  --color-text-link-neutral-hover: var(--color-gray-500);
  --color-text-neutral-default: var(--color-gray-900);
  --color-text-neutral-disabled: var(--color-gray-400);
  --color-text-neutral-placeholder: var(--color-gray-400);
  --color-text-neutral-subtle: var(--color-gray-600);
  --color-text-primary-default: var(--color-angi-heart-800);
  --color-text-primary-disabled: var(--color-gray-400);
  --color-text-primary-hover: var(--color-angi-heart-900);
  --color-text-secondary-default: var(--color-angi-heart-800);
  --color-text-secondary-disabled: var(--color-gray-400);
  --color-text-secondary-hover: var(--color-angi-heart-900);
  --color-text-success-default: var(--color-green-800);
  --color-text-success-disabled: var(--color-gray-400);
  --color-text-success-hover: var(--color-green-900);
  --color-text-warning-default: var(--color-amber-800);
  --color-text-warning-disabled: var(--color-gray-400);
  --color-text-warning-hover: var(--color-amber-900);
  --font-family-body: var(--font-family-national);
  --font-family-heading: var(--font-family-national);
  --font-weight-body: var(--font-weight-normal);
  --font-weight-body-heavy: var(--font-weight-medium);
  --font-weight-heading: var(--font-weight-bold);
  --font-weight-heading-slim: var(--font-weight-medium);
  --component-color-bg-danger-ghost-active: var(--color-red-50);
  --component-color-bg-danger-ghost-default: var(--color-transparent);
  --component-color-bg-danger-ghost-disabled: var(--color-gray-50);
  --component-color-bg-danger-ghost-hover: var(--color-red-50);
  --component-color-bg-danger-outline-active: var(--color-red-50);
  --component-color-bg-danger-outline-default: var(--color-transparent);
  --component-color-bg-danger-outline-disabled: var(--color-gray-50);
  --component-color-bg-danger-outline-hover: var(--color-red-50);
  --component-color-bg-danger-solid-active: var(--color-red-700);
  --component-color-bg-danger-solid-default: var(--color-red-600);
  --component-color-bg-danger-solid-disabled: var(--color-gray-50);
  --component-color-bg-danger-solid-hover: var(--color-red-700);
  --component-color-bg-danger-subtle-active: var(--color-red-200);
  --component-color-bg-danger-subtle-default: var(--color-red-100);
  --component-color-bg-danger-subtle-disabled: var(--color-gray-50);
  --component-color-bg-danger-subtle-hover: var(--color-red-200);
  --component-color-bg-info-ghost-active: var(--color-blue-100);
  --component-color-bg-info-ghost-default: var(--color-transparent);
  --component-color-bg-info-ghost-disabled: var(--color-gray-50);
  --component-color-bg-info-ghost-hover: var(--color-blue-100);
  --component-color-bg-info-outline-active: var(--color-blue-100);
  --component-color-bg-info-outline-default: var(--color-transparent);
  --component-color-bg-info-outline-disabled: var(--color-gray-50);
  --component-color-bg-info-outline-hover: var(--color-blue-100);
  --component-color-bg-info-solid-active: var(--color-blue-700);
  --component-color-bg-info-solid-default: var(--color-blue-600);
  --component-color-bg-info-solid-disabled: var(--color-gray-50);
  --component-color-bg-info-solid-hover: var(--color-blue-700);
  --component-color-bg-info-subtle-active: var(--color-blue-200);
  --component-color-bg-info-subtle-default: var(--color-blue-100);
  --component-color-bg-info-subtle-disabled: var(--color-gray-50);
  --component-color-bg-info-subtle-hover: var(--color-blue-200);
  --component-color-bg-inverted-ghost-default: var(--color-transparent);
  --component-color-bg-inverted-ghost-disabled: var(--color-gray-50);
  --component-color-bg-inverted-outline-default: var(--color-transparent);
  --component-color-bg-inverted-outline-disabled: var(--color-gray-50);
  --component-color-bg-inverted-solid-active: var(--color-gray-50);
  --component-color-bg-inverted-solid-default: var(--color-white);
  --component-color-bg-inverted-solid-disabled: var(--color-gray-50);
  --component-color-bg-inverted-solid-hover: var(--color-gray-50);
  --component-color-bg-inverted-subtle-disabled: var(--color-gray-50);
  --component-color-bg-neutral-ghost-active: var(--color-gray-50);
  --component-color-bg-neutral-ghost-default: var(--color-transparent);
  --component-color-bg-neutral-ghost-disabled: var(--color-gray-50);
  --component-color-bg-neutral-ghost-hover: var(--color-gray-50);
  --component-color-bg-neutral-outline-active: var(--color-gray-50);
  --component-color-bg-neutral-outline-default: var(--color-transparent);
  --component-color-bg-neutral-outline-disabled: var(--color-gray-50);
  --component-color-bg-neutral-outline-hover: var(--color-gray-50);
  --component-color-bg-neutral-solid-active: var(--color-gray-900);
  --component-color-bg-neutral-solid-default: var(--color-gray-800);
  --component-color-bg-neutral-solid-disabled: var(--color-gray-50);
  --component-color-bg-neutral-solid-hover: var(--color-gray-900);
  --component-color-bg-neutral-subtle-active: var(--color-gray-200);
  --component-color-bg-neutral-subtle-default: var(--color-gray-100);
  --component-color-bg-neutral-subtle-disabled: var(--color-gray-50);
  --component-color-bg-neutral-subtle-hover: var(--color-gray-200);
  --component-color-bg-primary-ghost-active: var(--color-angi-heart-50);
  --component-color-bg-primary-ghost-default: var(--color-transparent);
  --component-color-bg-primary-ghost-disabled: var(--color-gray-50);
  --component-color-bg-primary-ghost-hover: var(--color-angi-heart-50);
  --component-color-bg-primary-outline-active: var(--color-angi-heart-50);
  --component-color-bg-primary-outline-default: var(--color-transparent);
  --component-color-bg-primary-outline-disabled: var(--color-gray-50);
  --component-color-bg-primary-outline-hover: var(--color-angi-heart-50);
  --component-color-bg-primary-solid-active: var(--color-angi-heart-600);
  --component-color-bg-primary-solid-default: var(--color-angi-heart-500);
  --component-color-bg-primary-solid-disabled: var(--color-gray-50);
  --component-color-bg-primary-solid-hover: var(--color-angi-heart-600);
  --component-color-bg-primary-subtle-active: var(--color-angi-heart-200);
  --component-color-bg-primary-subtle-default: var(--color-angi-heart-100);
  --component-color-bg-primary-subtle-disabled: var(--color-gray-50);
  --component-color-bg-primary-subtle-hover: var(--color-angi-heart-200);
  --component-color-bg-success-ghost-active: var(--color-green-100);
  --component-color-bg-success-ghost-default: var(--color-transparent);
  --component-color-bg-success-ghost-disabled: var(--color-gray-50);
  --component-color-bg-success-ghost-hover: var(--color-green-100);
  --component-color-bg-success-outline-active: var(--color-green-100);
  --component-color-bg-success-outline-default: var(--color-transparent);
  --component-color-bg-success-outline-disabled: var(--color-gray-50);
  --component-color-bg-success-outline-hover: var(--color-green-100);
  --component-color-bg-success-solid-active: var(--color-green-700);
  --component-color-bg-success-solid-default: var(--color-green-600);
  --component-color-bg-success-solid-disabled: var(--color-gray-50);
  --component-color-bg-success-solid-hover: var(--color-green-700);
  --component-color-bg-success-subtle-active: var(--color-green-200);
  --component-color-bg-success-subtle-default: var(--color-green-100);
  --component-color-bg-success-subtle-disabled: var(--color-gray-50);
  --component-color-bg-success-subtle-hover: var(--color-green-200);
  --component-color-bg-warning-ghost-active: var(--color-amber-100);
  --component-color-bg-warning-ghost-default: var(--color-transparent);
  --component-color-bg-warning-ghost-disabled: var(--color-gray-50);
  --component-color-bg-warning-ghost-hover: var(--color-amber-100);
  --component-color-bg-warning-outline-active: var(--color-amber-100);
  --component-color-bg-warning-outline-default: var(--color-transparent);
  --component-color-bg-warning-outline-disabled: var(--color-gray-200);
  --component-color-bg-warning-outline-hover: var(--color-amber-100);
  --component-color-bg-warning-solid-active: var(--color-amber-400);
  --component-color-bg-warning-solid-default: var(--color-amber-300);
  --component-color-bg-warning-solid-disabled: var(--color-gray-50);
  --component-color-bg-warning-solid-hover: var(--color-amber-400);
  --component-color-bg-warning-subtle-active: var(--color-amber-200);
  --component-color-bg-warning-subtle-default: var(--color-amber-100);
  --component-color-bg-warning-subtle-disabled: var(--color-gray-50);
  --component-color-bg-warning-subtle-hover: var(--color-amber-200);
  --component-color-border-danger-outline-default: var(--color-red-800);
  --component-color-border-danger-outline-disabled: var(--color-gray-200);
  --component-color-border-info-outline-default: var(--color-blue-600);
  --component-color-border-info-outline-disabled: var(--color-gray-200);
  --component-color-border-inverted-outline-default: var(--color-white);
  --component-color-border-inverted-outline-disabled: var(--color-gray-200);
  --component-color-border-neutral-outline-default: var(--color-gray-500);
  --component-color-border-neutral-outline-disabled: var(--color-gray-200);
  --component-color-border-primary-outline-default: var(--color-angi-heart-500);
  --component-color-border-primary-outline-disabled: var(--color-gray-200);
  --component-color-border-success-outline-default: var(--color-green-700);
  --component-color-border-success-outline-disabled: var(--color-gray-200);
  --component-color-border-warning-outline-default: var(--color-amber-700);
  --component-color-border-warning-outline-disabled: var(--color-gray-200);
  --component-color-icon-danger-ghost-default: var(--color-red-800);
  --component-color-icon-danger-ghost-disabled: var(--color-gray-400);
  --component-color-icon-danger-outline-default: var(--color-red-800);
  --component-color-icon-danger-outline-disabled: var(--color-gray-400);
  --component-color-icon-danger-solid-default: var(--color-white);
  --component-color-icon-danger-solid-disabled: var(--color-gray-400);
  --component-color-icon-danger-subtle-default: var(--color-red-800);
  --component-color-icon-danger-subtle-disabled: var(--color-gray-400);
  --component-color-icon-info-ghost-default: var(--color-blue-800);
  --component-color-icon-info-ghost-disabled: var(--color-gray-400);
  --component-color-icon-info-outline-default: var(--color-blue-800);
  --component-color-icon-info-outline-disabled: var(--color-gray-400);
  --component-color-icon-info-solid-default: var(--color-white);
  --component-color-icon-info-solid-disabled: var(--color-gray-400);
  --component-color-icon-info-subtle-default: var(--color-blue-800);
  --component-color-icon-info-subtle-disabled: var(--color-gray-400);
  --component-color-icon-inverted-ghost-default: var(--color-white);
  --component-color-icon-inverted-ghost-disabled: var(--color-gray-400);
  --component-color-icon-inverted-outline-default: var(--color-white);
  --component-color-icon-inverted-outline-disabled: var(--color-gray-400);
  --component-color-icon-inverted-solid-default: var(--color-gray-800);
  --component-color-icon-inverted-solid-disabled: var(--color-gray-400);
  --component-color-icon-inverted-subtle-default: var(--color-white);
  --component-color-icon-inverted-subtle-disabled: var(--color-gray-400);
  --component-color-icon-neutral-ghost-default: var(--color-gray-800);
  --component-color-icon-neutral-ghost-disabled: var(--color-gray-400);
  --component-color-icon-neutral-outline-default: var(--color-gray-800);
  --component-color-icon-neutral-outline-disabled: var(--color-gray-400);
  --component-color-icon-neutral-solid-default: var(--color-white);
  --component-color-icon-neutral-solid-disabled: var(--color-gray-400);
  --component-color-icon-neutral-subtle-default: var(--color-gray-800);
  --component-color-icon-neutral-subtle-disabled: var(--color-gray-400);
  --component-color-icon-primary-ghost-default: var(--color-angi-heart-800);
  --component-color-icon-primary-ghost-disabled: var(--color-gray-400);
  --component-color-icon-primary-outline-default: var(--color-angi-heart-500);
  --component-color-icon-primary-outline-disabled: var(--color-gray-400);
  --component-color-icon-primary-solid-default: var(--color-white);
  --component-color-icon-primary-solid-disabled: var(--color-gray-400);
  --component-color-icon-primary-subtle-default: var(--color-angi-heart-800);
  --component-color-icon-primary-subtle-disabled: var(--color-gray-400);
  --component-color-icon-success-ghost-default: var(--color-green-800);
  --component-color-icon-success-ghost-disabled: var(--color-gray-400);
  --component-color-icon-success-outline-default: var(--color-green-800);
  --component-color-icon-success-outline-disabled: var(--color-gray-400);
  --component-color-icon-success-solid-default: var(--color-white);
  --component-color-icon-success-solid-disabled: var(--color-gray-400);
  --component-color-icon-success-subtle-default: var(--color-green-800);
  --component-color-icon-success-subtle-disabled: var(--color-gray-400);
  --component-color-icon-warning-ghost-default: var(--color-amber-800);
  --component-color-icon-warning-ghost-disabled: var(--color-gray-400);
  --component-color-icon-warning-outline-default: var(--color-amber-800);
  --component-color-icon-warning-outline-disabled: var(--color-gray-400);
  --component-color-icon-warning-solid-default: var(--color-amber-800);
  --component-color-icon-warning-solid-disabled: var(--color-gray-400);
  --component-color-icon-warning-subtle-default: var(--color-amber-800);
  --component-color-icon-warning-subtle-disabled: var(--color-gray-400);
  --component-color-text-danger-ghost-default: var(--color-red-800);
  --component-color-text-danger-ghost-disabled: var(--color-gray-400);
  --component-color-text-danger-outline-default: var(--color-red-800);
  --component-color-text-danger-outline-disabled: var(--color-gray-400);
  --component-color-text-danger-solid-default: var(--color-white);
  --component-color-text-danger-solid-disabled: var(--color-gray-400);
  --component-color-text-danger-subtle-default: var(--color-red-800);
  --component-color-text-danger-subtle-disabled: var(--color-gray-400);
  --component-color-text-info-ghost-default: var(--color-blue-800);
  --component-color-text-info-ghost-disabled: var(--color-gray-400);
  --component-color-text-info-outline-default: var(--color-blue-800);
  --component-color-text-info-outline-disabled: var(--color-gray-400);
  --component-color-text-info-solid-default: var(--color-white);
  --component-color-text-info-solid-disabled: var(--color-gray-400);
  --component-color-text-info-subtle-default: var(--color-blue-800);
  --component-color-text-info-subtle-disabled: var(--color-gray-400);
  --component-color-text-inverted-ghost-default: var(--color-white);
  --component-color-text-inverted-ghost-disabled: var(--color-gray-400);
  --component-color-text-inverted-outline-default: var(--color-white);
  --component-color-text-inverted-outline-disabled: var(--color-gray-400);
  --component-color-text-inverted-solid-default: var(--color-gray-800);
  --component-color-text-inverted-solid-disabled: var(--color-gray-400);
  --component-color-text-inverted-subtle-default: var(--color-white);
  --component-color-text-inverted-subtle-disabled: var(--color-gray-400);
  --component-color-text-neutral-ghost-default: var(--color-gray-800);
  --component-color-text-neutral-ghost-disabled: var(--color-gray-400);
  --component-color-text-neutral-outline-default: var(--color-gray-800);
  --component-color-text-neutral-outline-disabled: var(--color-gray-400);
  --component-color-text-neutral-solid-default: var(--color-white);
  --component-color-text-neutral-solid-disabled: var(--color-gray-400);
  --component-color-text-neutral-subtle-default: var(--color-gray-800);
  --component-color-text-neutral-subtle-disabled: var(--color-gray-400);
  --component-color-text-primary-ghost-default: var(--color-angi-heart-800);
  --component-color-text-primary-ghost-disabled: var(--color-gray-400);
  --component-color-text-primary-outline-default: var(--color-angi-heart-500);
  --component-color-text-primary-outline-disabled: var(--color-gray-400);
  --component-color-text-primary-solid-default: var(--color-white);
  --component-color-text-primary-solid-disabled: var(--color-gray-400);
  --component-color-text-primary-subtle-default: var(--color-angi-heart-800);
  --component-color-text-primary-subtle-disabled: var(--color-gray-400);
  --component-color-text-success-ghost-default: var(--color-green-800);
  --component-color-text-success-ghost-disabled: var(--color-gray-400);
  --component-color-text-success-outline-default: var(--color-green-800);
  --component-color-text-success-outline-disabled: var(--color-gray-400);
  --component-color-text-success-solid-default: var(--color-white);
  --component-color-text-success-solid-disabled: var(--color-gray-400);
  --component-color-text-success-subtle-default: var(--color-green-800);
  --component-color-text-success-subtle-disabled: var(--color-gray-400);
  --component-color-text-warning-ghost-default: var(--color-amber-800);
  --component-color-text-warning-ghost-disabled: var(--color-gray-400);
  --component-color-text-warning-outline-default: var(--color-amber-800);
  --component-color-text-warning-outline-disabled: var(--color-gray-400);
  --component-color-text-warning-solid-default: var(--color-amber-900);
  --component-color-text-warning-solid-disabled: var(--color-gray-400);
  --component-color-text-warning-subtle-default: var(--color-amber-800);
  --component-color-text-warning-subtle-disabled: var(--color-gray-400);
  --components-button-font-weight: var(--font-weight-bold);
  --components-button-font-weight-small: var(--font-weight-medium);
  --components-divider-color-default: var(--color-gray-150);
  --text-body-2xs-heavy-font-size: var(--font-size-2xs);
  --text-body-2xs-heavy-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-2xs-normal-font-size: var(--font-size-2xs);
  --text-body-2xs-normal-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-base-heavy-font-size: var(--font-size-base);
  --text-body-base-heavy-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-base-normal-font-size: var(--font-size-base);
  --text-body-base-normal-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-lg-heavy-font-size: var(--font-size-lg);
  --text-body-lg-heavy-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-lg-normal-font-size: var(--font-size-lg);
  --text-body-lg-normal-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-sm-heavy-font-size: var(--font-size-sm);
  --text-body-sm-heavy-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-sm-normal-font-size: var(--font-size-sm);
  --text-body-sm-normal-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-xs-heavy-font-size: var(--font-size-xs);
  --text-body-xs-heavy-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-xs-normal-font-size: var(--font-size-xs);
  --text-body-xs-normal-letter-spacing: var(--font-letter-spacing-normal);
  --text-heading-2xl-font-size: var(--font-size-2xl);
  --text-heading-2xl-letter-spacing: var(--font-letter-spacing-tighter);
  --text-heading-3xl-font-size: var(--font-size-3xl);
  --text-heading-3xl-letter-spacing: var(--font-letter-spacing-tighter);
  --text-heading-4xl-font-size: var(--font-size-4xl);
  --text-heading-4xl-letter-spacing: var(--font-letter-spacing-tighter);
  --text-heading-5xl-font-size: var(--font-size-5xl);
  --text-heading-5xl-letter-spacing: var(--font-letter-spacing-tighter);
  --text-heading-6xl-font-size: var(--font-size-6xl);
  --text-heading-6xl-letter-spacing: var(--font-letter-spacing-tighter);
  --text-heading-7xl-font-size: var(--font-size-7xl);
  --text-heading-7xl-letter-spacing: var(--font-letter-spacing-tighter);
  --text-heading-base-font-size: var(--font-size-base);
  --text-heading-base-letter-spacing: var(--font-letter-spacing-tight);
  --text-heading-lg-font-size: var(--font-size-lg);
  --text-heading-lg-letter-spacing: var(--font-letter-spacing-tight);
  --text-heading-xl-heavy-font-size: var(--font-size-xl);
  --text-heading-xl-heavy-letter-spacing: var(--font-letter-spacing-tight);
  --text-heading-xl-slim-font-size: var(--font-size-xl);
  --text-heading-xl-slim-letter-spacing: var(--font-letter-spacing-tight);
  --text-link-base-default-font-size: var(--font-size-base);
  --text-link-base-default-letter-spacing: var(--font-letter-spacing-normal);
  --text-link-base-hover-font-size: var(--font-size-base);
  --text-link-base-hover-letter-spacing: var(--font-letter-spacing-normal);
  --text-link-sm-default-font-size: var(--font-size-sm);
  --text-link-sm-default-letter-spacing: var(--font-letter-spacing-normal);
  --text-link-sm-hover-font-size: var(--font-size-sm);
  --text-link-sm-hover-letter-spacing: var(--font-letter-spacing-normal);
  --text-list-base-normal-font-size: var(--font-size-base);
  --text-list-base-normal-letter-spacing: var(--font-letter-spacing-normal);
  --text-list-sm-normal-font-size: var(--font-size-sm);
  --text-list-sm-normal-letter-spacing: var(--font-letter-spacing-normal);
  --text-body-2xs-heavy-font-family: var(--font-family-body);
  --text-body-2xs-heavy-font-weight: var(--font-weight-body-heavy);
  --text-body-2xs-normal-font-family: var(--font-family-body);
  --text-body-2xs-normal-font-weight: var(--font-weight-body);
  --text-body-base-heavy-font-family: var(--font-family-body);
  --text-body-base-heavy-font-weight: var(--font-weight-body-heavy);
  --text-body-base-normal-font-family: var(--font-family-body);
  --text-body-base-normal-font-weight: var(--font-weight-body);
  --text-body-lg-heavy-font-family: var(--font-family-body);
  --text-body-lg-heavy-font-weight: var(--font-weight-body-heavy);
  --text-body-lg-normal-font-family: var(--font-family-body);
  --text-body-lg-normal-font-weight: var(--font-weight-body);
  --text-body-sm-heavy-font-family: var(--font-family-body);
  --text-body-sm-heavy-font-weight: var(--font-weight-body-heavy);
  --text-body-sm-normal-font-family: var(--font-family-body);
  --text-body-sm-normal-font-weight: var(--font-weight-body);
  --text-body-xs-heavy-font-family: var(--font-family-body);
  --text-body-xs-heavy-font-weight: var(--font-weight-body-heavy);
  --text-body-xs-normal-font-family: var(--font-family-body);
  --text-body-xs-normal-font-weight: var(--font-weight-body);
  --text-heading-2xl-font-family: var(--font-family-heading);
  --text-heading-2xl-font-weight: var(--font-weight-heading);
  --text-heading-3xl-font-family: var(--font-family-heading);
  --text-heading-3xl-font-weight: var(--font-weight-heading);
  --text-heading-4xl-font-family: var(--font-family-heading);
  --text-heading-4xl-font-weight: var(--font-weight-heading);
  --text-heading-5xl-font-family: var(--font-family-heading);
  --text-heading-5xl-font-weight: var(--font-weight-heading);
  --text-heading-6xl-font-family: var(--font-family-heading);
  --text-heading-6xl-font-weight: var(--font-weight-heading);
  --text-heading-7xl-font-family: var(--font-family-heading);
  --text-heading-7xl-font-weight: var(--font-weight-heading);
  --text-heading-base-font-family: var(--font-family-heading);
  --text-heading-base-font-weight: var(--font-weight-heading-slim);
  --text-heading-lg-font-family: var(--font-family-heading);
  --text-heading-lg-font-weight: var(--font-weight-heading);
  --text-heading-xl-heavy-font-family: var(--font-family-heading);
  --text-heading-xl-heavy-font-weight: var(--font-weight-heading);
  --text-heading-xl-slim-font-family: var(--font-family-heading);
  --text-heading-xl-slim-font-weight: var(--font-weight-heading-slim);
  --text-link-base-default-font-family: var(--font-family-body);
  --text-link-base-default-font-weight: var(--font-weight-body-heavy);
  --text-link-base-hover-font-family: var(--font-family-body);
  --text-link-base-hover-font-weight: var(--font-weight-body-heavy);
  --text-link-sm-default-font-family: var(--font-family-body);
  --text-link-sm-default-font-weight: var(--font-weight-body-heavy);
  --text-link-sm-hover-font-family: var(--font-family-body);
  --text-link-sm-hover-font-weight: var(--font-weight-body-heavy);
  --text-list-base-normal-font-family: var(--font-family-body);
  --text-list-base-normal-font-weight: var(--font-weight-body);
  --text-list-sm-normal-font-family: var(--font-family-body);
  --text-list-sm-normal-font-weight: var(--font-weight-body);
}