/**
 * 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: #fef5e7;
  --color-amber-100: #fdecce;
  --color-amber-200: #fbd89d;
  --color-amber-300: #f9c56d;
  --color-amber-400: #f7b33c;
  --color-amber-500: #f59e0b;
  --color-amber-600: #c47e09;
  --color-amber-700: #895601;
  --color-amber-800: #623f04;
  --color-amber-900: #482f03;
  --color-amber-950: #312002;
  --color-blue-50: #e6f2f7;
  --color-blue-100: #cce5ef;
  --color-blue-200: #99cbe0;
  --color-blue-300: #66b2d0;
  --color-blue-400: #3398c1;
  --color-blue-500: #157ca5;
  --color-blue-600: #115f7e;
  --color-blue-700: #004c6a;
  --color-blue-800: #003247;
  --color-blue-900: #002332;
  --color-blue-950: #001923;
  --color-gray-50: #f3f6f8;
  --color-gray-100: #eaedef;
  --color-gray-150: #e0e3e7;
  --color-gray-200: #d7dade;
  --color-gray-300: #b7bbbf;
  --color-gray-400: #888b8f;
  --color-gray-500: #6b6e72;
  --color-gray-600: #56585c;
  --color-gray-700: #333437;
  --color-gray-800: #27292b;
  --color-gray-900: #1e1f21;
  --color-gray-950: #0d0e10;
  --color-green-50: #edf6f5;
  --color-green-100: #d9efec;
  --color-green-200: #b6e3dd;
  --color-green-300: #7dd4cb;
  --color-green-400: #37b9af;
  --color-green-500: #14857f;
  --color-green-600: #116e69;
  --color-green-700: #0d5a56;
  --color-green-800: #0b4a47;
  --color-green-900: #063430;
  --color-green-950: #022421;
  --color-instapro-50: #f2edf8;
  --color-instapro-100: #ece1f7;
  --color-instapro-200: #dccfea;
  --color-instapro-300: #cab7df;
  --color-instapro-400: #8865ae;
  --color-instapro-500: #5e257a;
  --color-instapro-600: #4f1e68;
  --color-instapro-700: #471b5e;
  --color-instapro-800: #3f1853;
  --color-instapro-900: #321242;
  --color-instapro-950: #270c34;
  --color-red-50: #fceeed;
  --color-red-100: #f9dbd8;
  --color-red-200: #f2c2bd;
  --color-red-300: #efa397;
  --color-red-400: #e87766;
  --color-red-500: #d4351c;
  --color-red-600: #a82117;
  --color-red-700: #9b1911;
  --color-red-800: #83150e;
  --color-red-900: #5e0c05;
  --color-red-950: #400800;
  --color-bg-overlay-default: #1e1e1f80;
  --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;
  --font-letter-spacing-tight: 0;
  --font-letter-spacing-normal: 0;
  --font-letter-spacing-loose: 0;
  --font-letter-spacing-looser: 0;
  --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-10: 0.625rem;
  --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-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-menu-width-sm: 10rem;
  --components-menu-width-md: 15rem;
  --components-menu-width-lg: 20rem;
  --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-500);
  --color-bg-danger-solid-hover: var(--color-red-600);
  --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-500);
  --color-bg-info-solid-hover: var(--color-blue-600);
  --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-instapro-500);
  --color-bg-primary-solid-disabled: var(--color-gray-50);
  --color-bg-primary-solid-hover: var(--color-instapro-600);
  --color-bg-primary-subtle-default: var(--color-instapro-100);
  --color-bg-primary-subtle-disabled: var(--color-gray-50);
  --color-bg-primary-subtle-hover: var(--color-instapro-200);
  --color-bg-section-neutral-subtle-default: var(--color-gray-50);
  --color-bg-section-primary-subtle-default: var(--color-instapro-100);
  --color-bg-section-white-default: var(--color-white);
  --color-bg-success-solid-default: var(--color-green-500);
  --color-bg-success-solid-hover: var(--color-green-600);
  --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-600);
  --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-instapro-500);
  --color-border-primary-solid-disabled: var(--color-gray-200);
  --color-border-primary-solid-hover: var(--color-instapro-600);
  --color-border-success-solid-default: var(--color-green-600);
  --color-border-warning-solid-default: var(--color-amber-700);
  --color-focus-default: var(--color-gray-800);
  --color-icon-danger-default: var(--color-red-600);
  --color-icon-danger-disabled: var(--color-gray-400);
  --color-icon-danger-hover: var(--color-red-700);
  --color-icon-info-default: var(--color-blue-600);
  --color-icon-info-disabled: var(--color-gray-400);
  --color-icon-info-hover: var(--color-blue-700);
  --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-instapro-500);
  --color-icon-primary-disabled: var(--color-gray-400);
  --color-icon-primary-hover: var(--color-instapro-600);
  --color-icon-success-default: var(--color-green-600);
  --color-icon-success-disabled: var(--color-gray-400);
  --color-icon-success-hover: var(--color-green-700);
  --color-icon-warning-default: var(--color-amber-700);
  --color-icon-warning-disabled: var(--color-gray-400);
  --color-icon-warning-hover: var(--color-amber-800);
  --color-text-danger-default: var(--color-red-600);
  --color-text-danger-disabled: var(--color-gray-400);
  --color-text-danger-hover: var(--color-red-700);
  --color-text-info-default: var(--color-blue-600);
  --color-text-info-disabled: var(--color-gray-400);
  --color-text-info-hover: var(--color-blue-700);
  --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-500);
  --color-text-primary-default: var(--color-instapro-500);
  --color-text-primary-disabled: var(--color-gray-400);
  --color-text-primary-hover: var(--color-instapro-600);
  --color-text-success-default: var(--color-green-600);
  --color-text-success-disabled: var(--color-gray-400);
  --color-text-success-hover: var(--color-green-700);
  --color-text-warning-default: var(--color-amber-700);
  --color-text-warning-disabled: var(--color-gray-400);
  --color-text-warning-hover: var(--color-amber-800);
  --font-family-body: var(--font-family-inter);
  --font-family-heading: var(--font-family-faktum);
  --font-weight-body: var(--font-weight-normal);
  --font-weight-body-heavy: var(--font-weight-semibold);
  --font-weight-heading: var(--font-weight-semibold);
  --font-weight-heading-slim: var(--font-weight-semibold);
  --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-600);
  --component-color-bg-danger-solid-default: var(--color-red-500);
  --component-color-bg-danger-solid-disabled: var(--color-gray-50);
  --component-color-bg-danger-solid-hover: var(--color-red-600);
  --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-100);
  --component-color-bg-info-outline-hover: var(--color-blue-100);
  --component-color-bg-info-solid-active: var(--color-blue-600);
  --component-color-bg-info-solid-default: var(--color-blue-500);
  --component-color-bg-info-solid-disabled: var(--color-gray-50);
  --component-color-bg-info-solid-hover: var(--color-blue-600);
  --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-100);
  --component-color-bg-primary-ghost-active: var(--color-instapro-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-instapro-50);
  --component-color-bg-primary-outline-active: var(--color-instapro-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-instapro-50);
  --component-color-bg-primary-solid-active: var(--color-instapro-600);
  --component-color-bg-primary-solid-default: var(--color-instapro-500);
  --component-color-bg-primary-solid-disabled: var(--color-gray-50);
  --component-color-bg-primary-solid-hover: var(--color-instapro-600);
  --component-color-bg-primary-subtle-active: var(--color-instapro-200);
  --component-color-bg-primary-subtle-default: var(--color-instapro-100);
  --component-color-bg-primary-subtle-disabled: var(--color-gray-50);
  --component-color-bg-primary-subtle-hover: var(--color-instapro-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-50);
  --component-color-bg-warning-outline-hover: var(--color-amber-100);
  --component-color-bg-warning-solid-active: var(--color-amber-300);
  --component-color-bg-warning-solid-default: var(--color-amber-200);
  --component-color-bg-warning-solid-disabled: var(--color-gray-50);
  --component-color-bg-warning-solid-hover: var(--color-amber-300);
  --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-600);
  --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-instapro-500);
  --component-color-border-primary-outline-disabled: var(--color-gray-200);
  --component-color-border-success-outline-default: var(--color-green-600);
  --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-600);
  --component-color-icon-danger-ghost-disabled: var(--color-gray-400);
  --component-color-icon-danger-outline-default: var(--color-red-600);
  --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-600);
  --component-color-icon-danger-subtle-disabled: var(--color-gray-400);
  --component-color-icon-info-ghost-default: var(--color-blue-600);
  --component-color-icon-info-ghost-disabled: var(--color-gray-400);
  --component-color-icon-info-outline-default: var(--color-blue-600);
  --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-700);
  --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-instapro-500);
  --component-color-icon-primary-ghost-disabled: var(--color-gray-400);
  --component-color-icon-primary-outline-default: var(--color-instapro-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-instapro-500);
  --component-color-icon-primary-subtle-disabled: var(--color-gray-400);
  --component-color-icon-success-ghost-default: var(--color-green-600);
  --component-color-icon-success-ghost-disabled: var(--color-gray-400);
  --component-color-icon-success-outline-default: var(--color-green-600);
  --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-700);
  --component-color-icon-success-subtle-disabled: var(--color-gray-400);
  --component-color-icon-warning-ghost-default: var(--color-amber-700);
  --component-color-icon-warning-ghost-disabled: var(--color-gray-400);
  --component-color-icon-warning-outline-default: var(--color-amber-700);
  --component-color-icon-warning-outline-disabled: var(--color-gray-400);
  --component-color-icon-warning-solid-default: var(--color-amber-700);
  --component-color-icon-warning-solid-disabled: var(--color-gray-400);
  --component-color-icon-warning-subtle-default: var(--color-amber-700);
  --component-color-icon-warning-subtle-disabled: var(--color-gray-400);
  --component-color-text-danger-ghost-default: var(--color-red-600);
  --component-color-text-danger-ghost-disabled: var(--color-gray-400);
  --component-color-text-danger-outline-default: var(--color-red-600);
  --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-600);
  --component-color-text-danger-subtle-disabled: var(--color-gray-400);
  --component-color-text-info-ghost-default: var(--color-blue-600);
  --component-color-text-info-ghost-disabled: var(--color-gray-400);
  --component-color-text-info-outline-default: var(--color-blue-600);
  --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-700);
  --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-instapro-500);
  --component-color-text-primary-ghost-disabled: var(--color-gray-400);
  --component-color-text-primary-outline-default: var(--color-instapro-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-instapro-500);
  --component-color-text-primary-subtle-disabled: var(--color-gray-400);
  --component-color-text-success-ghost-default: var(--color-green-600);
  --component-color-text-success-ghost-disabled: var(--color-gray-400);
  --component-color-text-success-outline-default: var(--color-green-600);
  --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-700);
  --component-color-text-success-subtle-disabled: var(--color-gray-400);
  --component-color-text-warning-ghost-default: var(--color-amber-700);
  --component-color-text-warning-ghost-disabled: var(--color-gray-400);
  --component-color-text-warning-outline-default: var(--color-amber-700);
  --component-color-text-warning-outline-disabled: var(--color-gray-400);
  --component-color-text-warning-solid-default: var(--color-amber-700);
  --component-color-text-warning-solid-disabled: var(--color-gray-400);
  --component-color-text-warning-subtle-default: var(--color-amber-700);
  --component-color-text-warning-subtle-disabled: var(--color-gray-400);
  --components-button-font-weight: var(--font-weight-semibold);
  --components-button-font-weight-small: var(--font-weight-semibold);
  --components-control-bg-read-only: var(--color-gray-500);
  --components-control-border-read-only: var(--color-gray-500);
  --components-control-icon-read-only: var(--color-gray-500);
  --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);
}