/* node_modules/@tellent/design-tokens/lib/global/sizing/sizing.css */
:host,
:root {
  --size-10: 1rem;
  --size-12: 1.2rem;
  --size-16: 1.6rem;
  --size-18: 1.8rem;
  --size-20: 2rem;
  --size-24: 2.4rem;
  --size-28: 2.8rem;
  --size-32: 3.2rem;
  --size-36: 3.6rem;
  --size-40: 4rem;
  --size-44: 4.4rem;
  --size-48: 4.8rem;
  --size-56: 5.6rem;
  --size-64: 6.4rem;
  --size-72: 7.2rem;
  --size-80: 8rem;
  --size-88: 8.8rem;
  --size-96: 9.6rem;
  --size-104: 10.4rem;
  --size-112: 11.2rem;
  --size-120: 12rem;
  --size-128: 12.8rem;
  --size-160: 16rem;
  --size-218: 21.8rem;
  --size-420: 42rem;
  --size-540: 54rem;
  --size-600: 60rem;
  --size-640: 64rem;
  --size-860: 86rem;
  --size-1080: 108rem;
  --size-1224: 122.4rem;
  --button-size-small: var(--size-28);
  --button-size-default: var(--size-36);
  --button-size-large: var(--size-44);
  --button-size-xlarge: var(--size-48);
  --icon-size-xsmall: var(--size-12);
  --icon-size-small: var(--size-16);
  --icon-size-default: var(--size-18);
  --icon-size-large: var(--size-24);
  --input-size-small: var(--size-28);
  --input-size-default: var(--size-36);
  --input-size-large: var(--size-44);
}

/* node_modules/@tellent/design-tokens/lib/global/spacing/spacing.css */
:host,
:root {
  --space-0: 0rem;
  --space-2: 0.2rem;
  --space-4: 0.4rem;
  --space-7: 0.7rem;
  --space-8: 0.8rem;
  --space-12: 1.2rem;
  --space-16: 1.6rem;
  --space-20: 2rem;
  --space-24: 2.4rem;
  --space-28: 2.8rem;
  --space-32: 3.2rem;
  --space-36: 3.6rem;
  --space-40: 4rem;
  --space-48: 4.8rem;
  --space-56: 5.6rem;
  --space-64: 6.4rem;
  --space-72: 7.2rem;
  --space-80: 8rem;
  --space-88: 8.8rem;
  --space-96: 9.6rem;
  --space-104: 10.4rem;
  --space-112: 11.2rem;
  --space-120: 12rem;
  --space-128: 12.8rem;
  --button-padding-default: var(--space-8);
  --button-padding-small: var(--space-4);
  --infobox-padding-default: var(--space-20);
  --card-padding-xsmall: var(--space-12);
  --card-padding-small: var(--space-16);
  --card-padding-default: var(--space-20);
  --card-padding-large: var(--space-24);
  --card-padding-xlarge: var(--space-32);
  --tooltip-padding-default: var(--space-8);
  --gs-trigger-padding-vertical-default: var(--space-8);
  --gs-trigger-padding-horizontal-default: var(--space-7);
  --gs-trigger-padding-inline-default: var(--space-8);
  --gs-task-padding-default: var(--space-16);
  --gs-task-stack-default: var(--space-12);
  --gs-walktrough-padding-default: var(--space-16);
  --padding-stack-xsmall: var(--space-4);
  --padding-stack-small: var(--space-8);
  --padding-stack-default: var(--space-12);
  --padding-stack-large: var(--space-16);
  --padding-stack-xlarge: var(--space-20);
  --padding-inline-xsmall: var(--space-4);
  --padding-inline-small: var(--space-8);
  --padding-inline-default: var(--space-12);
  --padding-inline-large: var(--space-16);
  --padding-inline-xlarge: var(--space-20);
}

/* node_modules/@tellent/design-tokens/lib/global/radii/radii.css */
:host,
:root {
  --radii-0: 0rem;
  --radii-2: 0.2rem;
  --radii-4: 0.4rem;
  --radii-6: 0.6rem;
  --radii-8: 0.8rem;
  --radii-12: 1.2rem;
  --radii-16: 1.6rem;
  --radii-9999: 9999rem;
  --radius-none: var(--radii-0);
  --checkbox-radius-default: var(--radii-4);
  --checkbox-radius-top-left-and-bottom-right: var(--radii-8) var(--radii-0) var(--radii-8) var(--radii-0);
  --badge-radius-default: var(--radii-4);
  --ribbon-radius-default: var(--radii-4) var(--radii-4) var(--radii-4) var(--radii-0);
  --hotkey-radius-default: var(--radii-4);
  --placeloader-radius-default: var(--radii-4);
  --button-radius-default: var(--radii-8);
  --button-radius-right: var(--radii-0) var(--radii-8) var(--radii-8) var(--radii-0);
  --button-radius-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-8);
  --button-radius-top: var(--radii-8) var(--radii-8) var(--radii-0) var(--radii-0);
  --button-radius-bottom: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-8);
  --fab-radius-default: var(--radii-8);
  --new-button-radius-default: var(--radii-9999);
  --segmented-radius-default: var(--radii-8);
  --active-segmented-radius-default: var(--radii-6);
  --tab-radius-top: var(--radii-4) var(--radii-4) var(--radii-0) var(--radii-0);
  --tag-radius-default: var(--radii-8);
  --input-radius-default: var(--radii-8);
  --input-radius-top: var(--radii-8) var(--radii-8) var(--radii-0) var(--radii-0);
  --input-radius-bottom: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-8);
  --input-radius-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-8);
  --input-radius-right: var(--radii-0) var(--radii-8) var(--radii-8) var(--radii-0);
  --input-radius-top-right: var(--radii-0) var(--radii-8) var(--radii-0) var(--radii-0);
  --input-radius-top-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-0);
  --input-radius-bottom-left: var(--radii-0) var(--radii-0) var(--radii-0) var(--radii-8);
  --input-radius-bottom-right: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-0);
  --event-radius-default: var(--radii-8);
  --card-radius-default: var(--radii-8);
  --card-radius-top: var(--radii-8) var(--radii-8) var(--radii-0) var(--radii-0);
  --card-radius-top-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-0);
  --card-radius-bottom-left: var(--radii-0) var(--radii-0) var(--radii-0) var(--radii-8);
  --card-radius-top-right-and-bottom: var(--radii-0) var(--radii-8) var(--radii-8) var(--radii-8);
  --card-radius-top-right: var(--radii-0) var(--radii-8) var(--radii-0) var(--radii-0);
  --card-radius-bottom-right: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-0);
  --card-radius-bottom: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-8);
  --card-radius-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-8);
  --card-radius-right: var(--radii-0) var(--radii-8) var(--radii-8) var(--radii-0);
  --wysiwyg-radius-default: var(--radii-8);
  --wysiwyg-radius-top: var(--radii-8) var(--radii-8) var(--radii-0) var(--radii-0);
  --wysiwyg-radius-bottom: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-8);
  --scrollbar-radius-default: var(--radii-8);
  --chart-radius-default: var(--radii-8);
  --chart-radius-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-8);
  --chart-radius-right: var(--radii-0) var(--radii-8) var(--radii-8) var(--radii-0);
  --table-radius-default: var(--radii-8);
  --table-radius-top-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-0);
  --table-radius-top-right: var(--radii-0) var(--radii-8) var(--radii-0) var(--radii-0);
  --table-radius-bottom-right: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-0);
  --table-radius-bottom-left: var(--radii-0) var(--radii-0) var(--radii-0) var(--radii-8);
  --sidebar-radius-default: var(--radii-8);
  --drag-and-drop-radius-default: var(--radii-8);
  --dropdown-radius-default: var(--radii-8);
  --dropdown-radius-top: var(--radii-8) var(--radii-8) var(--radii-0) var(--radii-0);
  --dropdown-radius-bottom: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-8);
  --toast-radius-default: var(--radii-8);
  --tooltip-radius-default: var(--radii-8);
  --infobox-radius-default: var(--radii-8);
  --dialog-radius-default: var(--radii-8);
  --dialog-radius-right: var(--radii-0) var(--radii-8) var(--radii-8) var(--radii-0);
  --dialog-radius-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-8);
  --dialog-radius-top-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-0);
  --dialog-radius-top-right: var(--radii-0) var(--radii-8) var(--radii-0) var(--radii-0);
  --dialog-radius-bottom-right: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-0);
  --dialog-radius-bottom-left: var(--radii-0) var(--radii-0) var(--radii-0) var(--radii-8);
  --dialog-radius-top: var(--radii-8) var(--radii-8) var(--radii-0) var(--radii-0);
  --dialog-radius-bottom: var(--radii-0) var(--radii-0) var(--radii-8) var(--radii-8);
  --logo-radius-default: var(--radii-8);
  --navigation-radius-default: var(--radii-8);
  --page-radius-top-left: var(--radii-16) var(--radii-0) var(--radii-0) var(--radii-0);
  --drawer-radius-top-left: var(--radii-8) var(--radii-0) var(--radii-0) var(--radii-0);
  --avatar-radius-default: var(--radii-9999);
  --circular-radius-default: var(--radii-9999);
  --chips-radius-default: var(--radii-9999);
  --company-avatar-radius-default: var(--radii-8);
  --billing-avatar-radius-default: var(--radii-12);
  --status-radius-default: var(--radii-9999);
  --dot-radius-default: var(--radii-9999);
  --range-radius-default: var(--radii-9999);
  --range-radius-left: var(--radii-9999) var(--radii-0) var(--radii-0) var(--radii-9999);
  --range-radius-right: var(--radii-0) var(--radii-9999) var(--radii-9999) var(--radii-0);
  --square-radius-default: var(--radii-4);
  --picker-radius-default: var(--radii-9999);
  --picker-radius-left: var(--radii-9999) var(--radii-0) var(--radii-0) var(--radii-9999);
  --picker-radius-right: var(--radii-0) var(--radii-9999) var(--radii-9999) var(--radii-0);
  --progress-radius-default: var(--radii-9999) var(--radii-9999) var(--radii-9999) var(--radii-9999);
  --progress-radius-top: var(--radii-9999) var(--radii-9999) var(--radii-0) var(--radii-0);
  --progress-radius-right: var(--radii-0) var(--radii-9999) var(--radii-9999) var(--radii-0);
  --progress-radius-bottom: var(--radii-0) var(--radii-0) var(--radii-9999) var(--radii-9999);
  --progress-radius-left: var(--radii-9999) var(--radii-0) var(--radii-0) var(--radii-9999);
  --pipeline-radius-default: var(--radii-8);
  --stage-radius-default: var(--radii-9999);
  --toggle-radius-default: var(--radii-9999);
  --radio-radius-default: var(--radii-9999);
}

/* node_modules/@tellent/design-tokens/lib/global/typography/typography.css */
:host,
:root {
  --pro-text: "SF Pro Text";
  --pro-display: "SF Pro Display";
  --font-size-8: 0.8rem;
  --font-size-10: 1rem;
  --font-size-11: 1.1rem;
  --font-size-12: 1.2rem;
  --font-size-13: 1.3rem;
  --font-size-14: 1.4rem;
  --font-size-16: 1.6rem;
  --font-size-18: 1.8rem;
  --font-size-20: 2rem;
  --font-size-24: 2.4rem;
  --font-size-28: 2.8rem;
  --font-size-32: 3.2rem;
  --font-size-36: 3.6rem;
  --font-size-40: 4rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --text-case-none: none;
  --text-case-uppercase: uppercase;
  --text-case-lowercase: lowercase;
  --text-case-capitalize: capitalize;
  --text-decoration-none: none;
  --text-decoration-underline: underline;
  --text-decoration-line-through: line-through;
  --line-height-12: 1.2rem;
  --line-height-14: 1.4rem;
  --line-height-16: 1.6rem;
  --line-height-20: 2rem;
  --line-height-24: 2.4rem;
  --line-height-32: 3.2rem;
  --line-height-40: 4rem;
  --font-heading-small: var(--font-weight-bold) var(--font-size-14)/var(--line-height-24) var(--pro-text);
  --font-heading-medium: var(--font-weight-bold) var(--font-size-16)/var(--line-height-24) var(--pro-text);
  --font-heading-default: var(--font-weight-bold) var(--font-size-18)/var(--line-height-24) var(--pro-text);
  --font-heading-large: var(--font-weight-bold) var(--font-size-20)/var(--line-height-24) var(--pro-text);
  --font-heading-xlarge: var(--font-weight-bold) var(--font-size-24)/var(--line-height-24) var(--pro-text);
  --font-text-medium: var(--font-weight-regular) var(--font-size-13)/var(--line-height-20) var(--pro-display);
  --font-text-default: var(--font-weight-regular) var(--font-size-14)/var(--line-height-20) var(--pro-display);
  --button-font-label-default: var(--font-weight-semibold) var(--font-size-14)/var(--line-height-20) var(--pro-display);
  --gs-trigger-label-default: var(--font-weight-semibold) var(--font-size-14)/var(--line-height-14) var(--pro-display);
  --tooltip-font-label-default: var(--font-weight-bold) var(--font-size-14)/var(--line-height-20) var(--pro-display);
}

/* node_modules/@tellent/design-tokens/lib/theme/dark/dark.css */
:host([data-theme="dark"]),
[data-theme=dark] {
  --base-steel-50: #38393d;
  --base-steel-100: #313235;
  --base-steel-200: #494b50;
  --base-steel-300: #57585c;
  --base-steel-400: #95989d;
  --base-steel-500: #c9cbcf;
  --base-steel-600: #d1d3d6;
  --base-steel-700: #dfe0e2;
  --base-steel-800: #f7f8f9;
  --base-steel-900: #ffffff;
  --base-gray-50: #070708;
  --base-gray-100: #0e0e0f;
  --base-gray-200: #2b2b2e;
  --base-gray-300: #1b1c1e;
  --base-gray-400: #2e2f33;
  --base-gray-500: #36353b;
  --base-gray-600: #414045;
  --base-gray-700: #504f54;
  --base-gray-800: #6f6e74;
  --base-gray-900: #838288;
  --base-blue-50: #000b19;
  --base-blue-100: #152e51;
  --base-blue-200: #1d3a63;
  --base-blue-300: #3663a1;
  --base-blue-400: #4880cf;
  --base-blue-500: #5a9dfc;
  --base-blue-600: #7bb1fd;
  --base-blue-700: #9cc4fd;
  --base-blue-800: #bdd8fe;
  --base-blue-900: #deebfe;
  --base-green-50: #03110b;
  --base-green-100: #0b412b;
  --base-green-200: #0f5235;
  --base-green-300: #16784f;
  --base-green-400: #1d9b66;
  --base-green-500: #23bd7d;
  --base-green-600: #41c890;
  --base-green-700: #5fd2a3;
  --base-green-800: #7eddb5;
  --base-green-900: #abedd2;
  --base-red-50: #230001;
  --base-red-100: #4f1618;
  --base-red-200: #7b2d2f;
  --base-red-300: #a74345;
  --base-red-400: #d35a5c;
  --base-red-500: #ff7073;
  --base-red-600: #ff8d8f;
  --base-red-700: #ffa9ab;
  --base-red-800: #ffc6c7;
  --base-red-900: #ffe2e3;
  --base-yellow-50: #1c0f03;
  --base-yellow-100: #512f10;
  --base-yellow-200: #603915;
  --base-yellow-300: #995d25;
  --base-yellow-400: #c37730;
  --base-yellow-500: #ed913b;
  --base-yellow-600: #f1a762;
  --base-yellow-700: #f4bd89;
  --base-yellow-800: #f8d3b1;
  --base-yellow-900: #fbe9d8;
  --base-magenta-50: #220012;
  --base-magenta-100: #4e1432;
  --base-magenta-200: #7a2751;
  --base-magenta-300: #a53b71;
  --base-magenta-400: #d14e90;
  --base-magenta-500: #fd62b0;
  --base-magenta-600: #fd81c0;
  --base-magenta-700: #fea1d0;
  --base-magenta-800: #fec0df;
  --base-magenta-900: #fed0e7;
  --background-view-edit: #322447;
  --background-view-appshell: #1b1c1e;
  --background-system-info-light: #012032;
  --background-private-default: #2d2c23;
  --background-private-light: #25241d;
  --background-private-dark: #343228;
  --background-gradient-brand:
    linear-gradient(
      270deg,
      #078FE4 0%,
      #163EA2 100%);
  --background-gradient-neutral:
    linear-gradient(
      180deg,
      #222326 0%,
      #1d1d20 100%);
  --background-gradient-lead:
    linear-gradient(
      45deg,
      #174298 0%,
      #7148bd 50%,
      #af7ee6 100%);
  --background-gradient-scale:
    linear-gradient(
      45deg,
      #117cba 0%,
      #31bd95 50%,
      #9be398 100%);
  --background-gradient-launch:
    linear-gradient(
      45deg,
      #215ab7 0%,
      #1999e3 50%,
      #7cccfa 100%);
  --background-gradient-purple:
    linear-gradient(
      -90deg,
      #C177D5 30%,
      #653EAC 70%);
  --background-gradient-orange:
    linear-gradient(
      90deg,
      #C45A03 27.46%,
      #EEAF0C 100%);
  --background-gradient-red:
    linear-gradient(
      90deg,
      #F9062B 27.46%,
      #FFDBD4 100%);
  --background-gradient-light-blue:
    linear-gradient(
      45deg,
      #0789D9 0%,
      #62C2F9 100%);
  --background-gradient-video:
    linear-gradient(
      70.48deg,
      rgba(23,66,152,0.6) 3.87%,
      rgba(113,72,189,0.6) 53.52%,
      rgba(175,126,230,0.6) 94.89%);
  --background-gradient-video-overlay:
    linear-gradient(
      45deg,
      rgba(23, 66, 152, 0.7) 0%,
      rgba(113, 72, 189, 0.7) 52%,
      rgba(175, 126, 230, 0.7) 100%);
  --background-gradient-find-time-gray:
    repeating-linear-gradient(
      135deg,
      #303236,
      #303236 6px,
      #484A51 6px,
      #484A51 12px);
  --background-gradient-find-time-blue:
    repeating-linear-gradient(
      135deg,
      #362252,
      #362252 6px,
      #4B336F 6px,
      #4B336F 12px);
  --background-gradient-find-time-violet:
    repeating-linear-gradient(
      135deg,
      #6c75c2,
      #6c75c2 6px,
      #616ab6 6px,
      #616ab6 12px);
  --background-gradient-mask:
    linear-gradient(
      -60deg,
      #e8198a 30%,
      #e8198a5,
      #e8198a 70%) right/300% 100%;
  --background-gradient-rainbow:
    linear-gradient(
      90deg,
      rgb(90, 55, 154) 0%,
      rgb(184, 99, 207) 7%,
      rgb(20, 121, 179) 14%,
      rgb(73, 184, 248) 21%,
      rgb(85, 199, 82) 27%,
      rgb(39, 150, 118) 33.33%,
      rgb(104, 205, 101) 36%,
      rgb(98, 194, 249) 42%,
      rgb(22, 136, 202) 47%,
      rgb(193, 119, 213) 53%,
      rgb(101, 62, 172) 60%,
      rgb(22, 136, 202) 66.66%,
      rgb(98, 194, 249) 100%);
  --background-gradient-gray-to-transparent:
    linear-gradient(
      to bottom,
      rgba(29, 30, 32, 1) 0%,
      rgba(29, 30, 32, 0) 100%);
  --background-gradient-tellent-default:
    linear-gradient(
      90deg,
      #681D74 0%,
      #230AC0 100%);
  --background-gradient-tellent-pink:
    linear-gradient(
      90deg,
      #af80f4 0%,
      #fd62b0 100%);
  --background-gradient-tellent-light-purple:
    linear-gradient(
      90deg,
      #48257D 0%,
      #3B2F4E 100%);
  --background-gradient-ai-light-purple:
    linear-gradient(
      90deg,
      #48257D 0%,
      #3B2F4E 100%);
  --background-gradient-ai-light-purple-magenta:
    linear-gradient(
      -90deg,
      #F8F2FF 0%,
      #FCEEF5 100%);
  --background-gradient-ai-purple-magenta:
    linear-gradient(
      -90deg,
      #E9E0F5 0%,
      #FFD3E9 100%);
  --background-gradient-ai-dark-purple-magenta:
    linear-gradient(
      -90deg,
      #5A1CB7 0%,
      #D91C7A 100%);
  --background-gradient-grow-default:
    linear-gradient(
      90deg,
      #BDA4E2 0%,
      #36116E 100%);
  --background-gradient-workflows-default:
    linear-gradient(
      180deg,
      rgba(255, 153, 85, 1) 0%,
      rgba(253, 98, 176, 1) 50%,
      rgba(175, 128, 244, 1) 100%);
  --background-gradient-workflows-light:
    linear-gradient(
      180deg,
      rgba(255, 153, 85, 0.2) 0%,
      rgba(253, 98, 176, 0.2) 50%,
      rgba(175, 128, 244, 0.2) 100%);
  --background-gradient-promote:
    linear-gradient(
      90deg,
      #48257D 0.33%,
      #452871 25.18%,
      #43296B 37.61%,
      #422A68 43.82%,
      #422B66 50.04%,
      #402C60 62.46%,
      #3E2D5A 74.89%,
      #3D2F54 87.32%,
      #3B304E 99.75%);
  --border-neutral-transparent: rgba(255, 255, 255, 0.3);
  --misc-special-personal: #b26d00;
  --misc-special-violet: #6473c6;
  --misc-special-orange: #db6300;
  --misc-special-orange-light: #1d1a18;
  --misc-special-yellow: #d19804;
  --misc-special-indigo: #0a2463;
  --misc-special-dark-yellow: #444336;
  --misc-special-dark-blue: #0c285e;
  --misc-special-lime: #709f00;
  --misc-special-gray-dark: #8997a9;
  --misc-special-gray-light: #35363b;
  --misc-special-turquoise: #00c1cc;
  --misc-special-turquoise-light: #003a3d;
  --misc-special-purple: #af7fe6;
  --misc-special-purple-low: #551d95;
  --misc-special-purple-light: #432468;
  --misc-special-brown: #b38f7f;
  --misc-special-brown-light: #402e26;
  --misc-social-facebook: #1877f2;
  --misc-social-twitter: #3dacf0;
  --misc-social-google-plus: #d34836;
  --misc-social-linkedin: #2187ec;
  --misc-social-x: #c4c4c4;
  --misc-public-default: #219475;
  --misc-public-hover: #239e7d;
  --misc-public-subdued: #0d3a31;
  --pricing-scale-default: #fd62b0;
  --pricing-scale-hover: #fd7cbd;
  --pricing-scale-subdued: #220012;
  --pricing-lead-default: #a77ef3;
  --pricing-lead-hover: #b694f5;
  --pricing-lead-subdued: #23153d;
  --pricing-optimize-default: #a77ef3;
  --pricing-optimize-hover: #b694f5;
  --pricing-optimize-subdued: #23153d;
  --pricing-grow-default: #fd62b0;
  --pricing-grow-hover: #fd7cbd;
  --pricing-grow-subdued: #220012;
  --white: #ffffff;
  --black: #000000;
  --color-bg-default: #222326;
  --color-bg-overlay-default: rgba(0, 0, 0, 0.8);
  --color-bg-onoverlay-hover: rgba(255, 255, 255, 0.1);
  --color-bg-onoverlay-pressed: rgba(255, 255, 255, 0.2);
  --color-bg-ghost-hover: rgba(255, 255, 255, 0.1);
  --color-bg-ghost-pressed: rgba(255, 255, 255, 0.2);
  --color-bg-tint-default: rgba(255, 255, 255, 0.3);
  --color-bg-loading-default: rgba(255, 255, 255, 0.15);
  --color-bg-offer-hover: #bc94ea;
  --color-bg-offer-pressed: #caaaee;
  --color-bg-evaluation-hover: #00d0db;
  --color-bg-evaluation-pressed: #00deeb;
  --color-bg-chart-default: rgba(116, 39, 248, 0.1);
  --color-bg-versatile-secondary-strong-default: #45454a;
  --color-bg-versatile-secondary-strong-hover: #313135;
  --color-bg-versatile-secondary-strong-pressed: #484c5b;
  --color-bg-versatile-secondary-strong-active: #3b3b40;
  --color-bg-versatile-secondary-default: #5a5f72;
  --color-bg-versatile-secondary-hover: #484c5b;
  --color-bg-versatile-secondary-medium-default: #313135;
  --color-bg-versatile-secondary-medium-hover: #404045;
  --color-bg-versatile-secondary-medium-active: #62626a;
  --color-bg-skeleton-default: #303236;
  --color-bg-oncomponent-default: #3e3d42;
  --color-bg-oncomponent-hover: #3e3d42;
  --color-bg-oncomponent-active: #3e3d42;
  --color-bg-applied-hover: #98a4b4;
  --color-bg-applied-pressed: #a7b1be;
  --color-bg-notype-hover: #bd9d8f;
  --color-bg-notype-pressed: #c6ab9f;
  --color-bg-kiwi-default: #00853e;
  --color-bg-kiwi-hover: #6fb688;
  --color-bg-kiwi-pressed: #92c8a5;
  --color-bg-kiwi-subdued-hover: #1a402c;
  --color-bg-recruitee-default: #078fe4;
  --color-bg-impact-default: #a060ff;
  --color-bg-impact-low-pressed: #7552a7;
  --color-bg-impact-subdued-default: #4c376c;
  --color-bg-impact-subdued-hover: #683aab;
  --color-bg-quote-default: #bb89e0;
  --color-bg-ai-subdued-default: #241434;
  --color-bg-ai-strong-default: #901c9d;
  --color-bg-promote-default: #5018a5;
  --color-bg-promote-default-copy: #5719b3;
  --color-text-onneutral-disabled: #6d6b70;
  --color-text-recruitee-default: #078fe4;
  --color-text-recruitee-strong-default: #429ed7;
  --color-text-kiwi-default: #00853e;
  --color-text-kiwi-strong-default: #6fb688;
  --color-text-impact-default: #a060ff;
  --color-text-impact-hover: #ccabff;
  --color-text-impact-pressed: #ccabff;
  --color-icon-onneutral-disabled: #6d6b70;
  --color-icon-ai-strong-default: #901c9d;
  --color-icon-recruitee-default: #078fe4;
  --color-icon-kiwi-default: #00853e;
  --color-icon-impact-default: #a060ff;
  --color-icon-impact-hover: #ccabff;
  --color-icon-impact-pressed: #ccabff;
  --color-border-ai-default: #423450;
  --color-border-oncomponent-default: #222326;
  --color-border-versatile-secondary-default: #57565d;
  --color-border-impact-default: #7552a7;
  --color-border-impact-hover: #7552a7;
  --color-border-impact-pressed: #7552a7;
  --color-gradient-truncate: rgba(232, 25, 138, 0);
  --color-tooltip-feature-light: #0988de;
  --color-separator-transparent: rgba(0, 0, 0, 0.2);
  --color-logo-typography-default: #b57fef;
  --color-logo-typography-strong-default: #ece0f5;
  --color-logo-sign-subdued-default: #3d2c56;
  --color-logo-sign-primary-default: #b57fef;
  --color-logo-sign-accent-default: #ee5fb2;
  --color-scrollbar-thumb-default: #5a5a5a;
  --color-scrollbar-thumb-hover: #737373;
  --color-scrollbar-track-default: #2e2f30;
  --color-marketplace-logo: #ffffff;
  --color-nav-bg-primary-subdued-default: #3f2961;
  --shadow-base-100: 0 2px 5px 0 rgba(0,0,0,0.16), 0 1px 1px 0 rgba(0,0,0,0.18);
  --shadow-nav-switcher-hover: 0 2px 5px 0 rgba(0,0,0,0.16), 0 1px 1px 0 rgba(0,0,0,0.18);
  --shadow-interaction-200: 0 2px 5px 0 rgba(0,0,0,0.10), 0 1px 2px 0 rgba(0,0,0,0.10);
  --shadow-nav-switcher-active: 0 2px 5px 0 rgba(0,0,0,0.10), 0 1px 2px 0 rgba(0,0,0,0.10);
  --shadow-wysiwig-toolbar-top: 0 -2px 5px 0 rgba(0,0,0,0.10), 0 -1px 2px 0 rgba(0,0,0,0.10);
  --shadow-toast-300:
    0 5px 5px 0 rgba(0,0,0,0.10),
    0 5px 9px 0 rgba(0,0,0,0.10),
    0 3px 3px 0 rgba(0,0,0,0.10),
    0 0 1px 0 rgba(0,0,0,0.10);
  --shadow-dropdown-400:
    0 26px 10px 0 rgba(0,0,0,0.08),
    0 15px 9px 0 rgba(0,0,0,0.10),
    0 7px 7px 0 rgba(0,0,0,0.10),
    0 2px 12px 0 rgba(0,0,0,0.10);
  --shadow-float-500: 0 4px 28px 0 rgba(0,0,0,0.26);
  --shadow-dialog-600: 0 0 32px 0 rgba(0,0,0,0.50);
  --shadow-nav-hovered: 0 3px 30px 0 rgba(0,0,0,0.50);
  --shadow-border-form-focus-default: 0 0 0 3px rgba(175,128,244,0.3);
  --tellent-shadow-border-form-focus-default: 0 0 0 3px rgba(175,128,244,0.3);
  --kiwi-shadow-border-form-focus-default: 0 0 0 2px rgba(0,133,62,0.2);
  --shadow-border-card-active: 0 0 0 4px rgba(175,128,244,0.3);
  --shadow-border-step-active: 0 0 0 4px rgba(175,128,244,0.3);
  --tellent-shadow-border-card-active: 0 0 0 4px rgba(175,128,244,0.3);
  --kiwi-shadow-border-card-active: 0 0 0 4px rgba(175,128,244,0.3);
  --shadow-border-card-hover: 0 0 0 2px rgba(116,39,248);
  --tellent-shadow-border-card-hover: 0 0 0 2px rgba(232,51,147,1);
  --kiwi-shadow-border-card-hover: 0 0 0 2px rgba(0,120,56,1);
  --shadow-border-form-focus-translate: 0 0 0 1px rgba(181,117,0,1);
  --shadow-border-card-onboarding: 0 0 0 1px rgba(20,136,17,1);
  --shadow-border-avatar-private: 0 0 0 2px rgba(253,245,231,1);
  --shadow-border-avatar-admin: 0 0 0 2px #333436;
  --shadow-border-form-hover-critical: 0 0 0 1px #DA4538;
  --shadow-inner-card-pressed: inset 0 2px 2px 0 rgba(0,0,0,0.22);
  --shadow-inner-content-top: inset 0 4px 4px 0 rgba(0,0,0,0.16);
  --shadow-inner-content-bottom: inset 0 -4px 4px 0 rgba(0,0,0,0.16);
  --shadow-inner-content-left: inset 4px 0 4px 0 rgba(0,0,0,0.16);
  --shadow-inner-content-right: inset -4px 0 4px 0 rgba(0,0,0,0.16);
  --avatar-steel-lighter: #ad94e0;
  --avatar-steel-dark: #61636b;
  --avatar-green: #4cc99f;
  --avatar-blue-dark: #bd6bb3;
  --avatar-pink: #9a4cb6;
  --chart-brand-default: #8659ca;
  --chart-sky-default: #f47174;
  --chart-ocean-default: #008ee5;
  --chart-orchid-default: #e566a5;
  --chart-lavender-default: #03ad9c;
  --chart-steel-default: #a6a2af;
  --chart-emerald-default: #45c2d1;
  --chart-mint-default: #cd75bc;
  --chart-cobalt-default: #ffd76f;
  --chart-sunflower-default: #feb07b;
  --chart-lemon-default: #6871ee;
  --chart-pumpkin-default: #b2a1f7;
  --candidates-bg-brand-default: #8659ca;
  --candidates-bg-rainforest-default: #1a8e68;
  --candidates-bg-fire-default: #c45a03;
  --candidates-bg-gold-default: #f2b10d;
  --candidates-bg-jungle-default: #2caa86;
  --candidates-bg-navy-default: #0c6090;
  --candidates-bg-eggplant-default: #512fa2;
  --candidates-bg-grass-default: #46af0e;
  --candidates-bg-denim-default: #083f5e;
  --candidates-bg-lilac-default: #8c44a7;
  --candidates-border-brand-default: #8659ca;
  --candidates-border-rainforest-default: #1a8e68;
  --candidates-border-fire-default: #c45a03;
  --candidates-border-gold-default: #f2b10d;
  --candidates-border-jungle-default: #2caa86;
  --candidates-border-navy-default: #0c6090;
  --candidates-border-eggplant-default: #512fa2;
  --candidates-border-grass-default: #46af0e;
  --candidates-border-denim-default: #083f5e;
  --candidates-border-lilac-default: #8c44a7;
  --product-recruitee-50: #322447;
  --product-recruitee-100: #3d2c56;
  --product-recruitee-200: #543680;
  --product-recruitee-300: #724ea7;
  --product-recruitee-400: #9167cd;
  --product-recruitee-500: #af80f4;
  --product-recruitee-600: #bf99f6;
  --product-recruitee-700: #cfb3f8;
  --product-recruitee-800: #dfccfb;
  --product-recruitee-900: #e7d9fc;
  --product-kiwi-50: #0f2115;
  --product-kiwi-100: #1a402c;
  --product-kiwi-200: #1e422b;
  --product-kiwi-300: #2e6240;
  --product-kiwi-400: #3d8356;
  --product-kiwi-500: #00853e;
  --product-kiwi-600: #009e4a;
  --product-kiwi-700: #00b856;
  --product-kiwi-800: #00d162;
  --product-kiwi-900: #00eb6d;
  --product-javelo-50: #2a0f01;
  --product-javelo-100: #5f240b;
  --product-javelo-200: #541d02;
  --product-javelo-300: #7d2c03;
  --product-javelo-400: #a73a04;
  --product-javelo-500: #d14905;
  --product-javelo-600: #da6931;
  --product-javelo-700: #e38a5d;
  --product-javelo-800: #ecaa89;
  --product-javelo-900: #f0ba9f;
  --product-tellent-50: #260016;
  --product-tellent-100: #420027;
  --product-tellent-200: #5e0b37;
  --product-tellent-300: #951b5c;
  --product-tellent-400: #cc287f;
  --product-tellent-500: #e83393;
  --product-tellent-600: #ec53a4;
  --product-tellent-700: #ef73b5;
  --product-tellent-800: #f6b3d7;
  --product-tellent-900: #fce3f0;
  --onboarding-background-default: #922584;
  --onboarding-background-loader: #481741;
  --onboarding-background-low: #5b1c52;
  --onboarding-background-subdued: #3d1e39;
  --onboarding-text-default: #ffffff;
  --onboarding-text-low: #e7d1eb;
  --onboarding-icon-default: #922584;
  --onboarding-icon-low: #e7d1eb;
  --article-ocean-default: #009199;
  --article-ocean-subdued-default: #003a3d;
  --article-orchid-default: #863eda;
  --article-orchid-subdued-default: #3c156b;
  --billing-pink: #f65978;
  --billing-pink-light: #ffedf5;
  --billing-orange: #ffaa45;
  --billing-orange-light: #fff3e5;
  --billing-blue: #61a5ff;
  --billing-blue-light: #e9f3ff;
  --billing-turquoise: #34d0d7;
  --billing-turquoise-light: #ebfafb;
  --billing-purple: #c746cb;
  --billing-purple-light: #f7e6f8;
  --billing-navy: #0e0bc7;
  --billing-navy-light: #e6e6f4;
  --billing-green: #56d586;
  --billing-green-light: #e8f9ee;
  --base-brand-50: var(--product-recruitee-50);
  --base-brand-100: var(--product-recruitee-100);
  --base-brand-200: var(--product-recruitee-200);
  --base-brand-300: var(--product-recruitee-300);
  --base-brand-400: var(--product-recruitee-400);
  --base-brand-500: var(--product-recruitee-500);
  --base-brand-600: var(--product-recruitee-600);
  --base-brand-700: var(--product-recruitee-700);
  --base-brand-800: var(--product-recruitee-800);
  --base-brand-900: var(--product-recruitee-900);
  --interactive-success-default: var(--base-green-500);
  --interactive-success-hover: var(--base-green-600);
  --interactive-success-pressed: var(--base-green-700);
  --interactive-success-active: var(--base-green-700);
  --interactive-success-disabled: var(--base-green-300);
  --interactive-warning-default: var(--base-yellow-500);
  --interactive-warning-hover: var(--base-yellow-600);
  --interactive-warning-pressed: var(--base-yellow-700);
  --interactive-warning-disabled: var(--base-yellow-300);
  --interactive-critical-default: var(--base-red-500);
  --interactive-critical-hover: var(--base-red-600);
  --interactive-critical-pressed: var(--base-red-700);
  --interactive-critical-disabled: var(--base-red-300);
  --interactive-info-default: var(--base-blue-500);
  --interactive-info-hover: var(--base-blue-600);
  --interactive-info-pressed: var(--base-blue-700);
  --interactive-info-disabled: var(--base-blue-300);
  --interactive-neutral-default: var(--base-gray-400);
  --interactive-neutral-hover: var(--base-gray-500);
  --interactive-neutral-pressed: var(--base-gray-600);
  --interactive-neutral-disabled: var(--base-gray-700);
  --background-view-darker: var(--base-steel-50);
  --background-view-lighter: var(--base-gray-100);
  --background-view-light: var(--base-gray-200);
  --background-view-app: var(--base-gray-300);
  --background-view-hover: var(--base-gray-400);
  --background-view-navi: var(--base-gray-500);
  --background-system-info-default: var(--base-blue-100);
  --background-system-critcal: var(--base-red-100);
  --background-system-warning: var(--base-yellow-100);
  --background-system-success: var(--base-green-100);
  --border-neutral-default: var(--base-gray-600);
  --border-neutral-dark: var(--base-gray-700);
  --border-neutral-disabled: var(--base-gray-500);
  --border-system-info: var(--base-blue-500);
  --border-system-success: var(--base-green-500);
  --border-system-critical: var(--base-red-500);
  --border-system-warning: var(--base-yellow-500);
  --text-system-info: var(--base-blue-600);
  --text-system-success: var(--base-green-600);
  --text-system-warning: var(--base-yellow-600);
  --text-system-critical: var(--base-red-600);
  --text-main-default: var(--base-steel-900);
  --text-main-subdued: var(--base-steel-500);
  --text-main-disabled: var(--base-steel-300);
  --text-onpromote-default: var(--white);
  --icon-system-info: var(--base-blue-500);
  --icon-system-success: var(--base-green-500);
  --icon-system-warning: var(--base-yellow-500);
  --icon-system-critical: var(--base-red-500);
  --icon-main-default: var(--base-steel-900);
  --icon-main-subdued: var(--base-steel-500);
  --icon-main-disabled: var(--base-steel-300);
  --icon-main-active: var(--base-blue-600);
  --pricing-start-default: var(--white);
  --pricing-start-hover: var(--base-steel-700);
  --color-bg-disabled: var(--base-gray-600);
  --color-bg-primary-subdued-hover: var(--background-view-edit);
  --color-bg-primary-subdued-active: var(--background-view-edit);
  --color-bg-neutral-hover: var(--base-gray-500);
  --color-bg-neutral-selected: var(--base-gray-400);
  --color-bg-neutral-strong-default: var(--base-gray-600);
  --color-bg-neutral-strong-hover: var(--base-gray-700);
  --color-bg-success-subdued-default: var(--base-green-100);
  --color-bg-success-subdued-hover: var(--base-green-200);
  --color-bg-success-subdued-pressed: var(--base-green-300);
  --color-bg-critical-strong-default: var(--base-red-600);
  --color-bg-critical-strong-active: var(--base-red-700);
  --color-bg-critical-subdued-default: var(--base-red-50);
  --color-bg-critical-subdued-hover: var(--base-red-200);
  --color-bg-critical-subdued-pressed: var(--base-red-300);
  --color-bg-warning-subdued-default: var(--base-yellow-100);
  --color-bg-warning-subdued-hover: var(--base-yellow-200);
  --color-bg-warning-subdued-pressed: var(--base-yellow-300);
  --color-bg-scale-default: var(--pricing-scale-default);
  --color-bg-scale-hover: var(--pricing-scale-hover);
  --color-bg-scale-subdued-default: var(--pricing-scale-subdued);
  --color-bg-lead-default: var(--pricing-lead-default);
  --color-bg-lead-hover: var(--pricing-lead-hover);
  --color-bg-lead-subdued-default: var(--pricing-lead-subdued);
  --color-bg-private-default: var(--background-private-default);
  --color-bg-private-hover: var(--background-private-dark);
  --color-bg-private-strong-default: var(--background-private-dark);
  --color-bg-private-low-default: var(--background-private-light);
  --color-bg-gradient-subdued: var(--background-gradient-neutral);
  --color-bg-secondary-default: var(--base-steel-500);
  --color-bg-secondary-strong-default: var(--base-steel-900);
  --color-bg-secondary-strong-hover: var(--base-steel-700);
  --color-bg-secondary-strong-pressed: var(--base-steel-600);
  --color-bg-secondary-strong-active: var(--base-steel-800);
  --color-bg-secondary-subdued-default: var(--base-steel-100);
  --color-bg-secondary-low-default: var(--base-steel-400);
  --color-bg-secondary-low-disabled: var(--base-steel-300);
  --color-bg-info-default: var(--base-blue-500);
  --color-bg-info-hover: var(--base-blue-600);
  --color-bg-info-pressed: var(--base-blue-700);
  --color-bg-info-strong-default: var(--base-blue-600);
  --color-bg-overdue-default: var(--misc-special-orange);
  --color-bg-overdue-low-default: var(--misc-special-orange-light);
  --color-bg-noconsent-default: var(--misc-special-orange-light);
  --color-bg-nodata-default: var(--misc-special-orange-light);
  --color-bg-team-default: var(--misc-special-violet);
  --color-bg-personal-default: var(--misc-special-personal);
  --color-bg-offer-default: var(--misc-special-purple);
  --color-bg-offer-low-default: var(--misc-special-purple-light);
  --color-bg-offer-low-hover: var(--misc-special-purple-light);
  --color-bg-requisition-subdued-default: var(--misc-special-purple-light);
  --color-bg-screening-default: var(--base-blue-600);
  --color-bg-screening-hover: var(--base-blue-700);
  --color-bg-screening-pressed: var(--base-blue-800);
  --color-bg-screening-low-default: var(--base-blue-100);
  --color-bg-interview-default: var(--base-blue-500);
  --color-bg-interview-hover: var(--base-blue-600);
  --color-bg-interview-pressed: var(--base-blue-700);
  --color-bg-evaluation-default: var(--misc-special-turquoise);
  --color-bg-evaluation-low-default: var(--misc-special-turquoise-light);
  --color-bg-evaluation-low-hover: var(--misc-special-turquoise-light);
  --color-bg-job-subdued-default: var(--misc-special-turquoise-light);
  --color-bg-hired-default: var(--base-green-500);
  --color-bg-hired-hover: var(--base-green-600);
  --color-bg-hired-pressed: var(--base-green-700);
  --color-bg-translate-default: var(--base-yellow-500);
  --color-bg-optimize-default: var(--pricing-optimize-default);
  --color-bg-optimize-hover: var(--pricing-optimize-hover);
  --color-bg-optimize-subdued-default: var(--pricing-optimize-subdued);
  --color-bg-grow-default: var(--pricing-grow-default);
  --color-bg-grow-hover: var(--pricing-grow-default);
  --color-bg-grow-subdued-default: var(--pricing-grow-subdued);
  --color-bg-onboarding-default: var(--onboarding-background-default);
  --color-bg-onboarding-hover: var(--onboarding-background-default);
  --color-bg-onboarding-low-default: var(--onboarding-background-low);
  --color-bg-onboarding-low-active: var(--onboarding-background-loader);
  --color-bg-onboarding-subdued-default: var(--onboarding-background-subdued);
  --color-bg-tellent-default: var(--product-tellent-500);
  --color-bg-tellent-hover: var(--product-tellent-600);
  --color-bg-tellent-pressed: var(--product-tellent-700);
  --color-bg-tellent-active: var(--product-tellent-100);
  --color-bg-applied-default: var(--misc-special-gray-dark);
  --color-bg-applied-low-default: var(--misc-special-gray-light);
  --color-bg-notype-default: var(--misc-special-brown);
  --color-bg-notype-low-default: var(--misc-special-brown-light);
  --color-bg-javelo-default: var(--product-javelo-500);
  --color-bg-javelo-hover: var(--product-javelo-100);
  --color-bg-public-subdued-default: var(--misc-public-subdued);
  --color-bg-article-turquoise-subdued-default: var(--article-ocean-subdued-default);
  --color-bg-article-purple-subdued-default: var(--article-orchid-subdued-default);
  --color-bg-accent-default: var(--base-magenta-500);
  --color-bg-accent-hover: var(--base-magenta-500);
  --color-bg-accent-pressed: var(--base-magenta-600);
  --color-bg-accent-active: var(--base-magenta-500);
  --color-bg-accent-subdued-default: var(--base-magenta-100);
  --color-bg-accent-subdued-hover: var(--base-magenta-100);
  --color-bg-accent-subdued-pressed: var(--base-magenta-100);
  --color-bg-accent-strong-default: var(--base-magenta-600);
  --color-bg-attendance-subdued-default: var(--billing-pink-light);
  --color-bg-employees-subdued-default: var(--billing-orange-light);
  --color-bg-timeoff-subdued-default: var(--billing-blue-light);
  --color-bg-company-subdued-default: var(--billing-turquoise-light);
  --color-bg-payroll-subdued-default: var(--billing-purple-light);
  --color-bg-expenses-subdued-default: var(--billing-navy-light);
  --color-bg-reports-subdued-default: var(--billing-green-light);
  --color-bg-workflows-default: var(--background-gradient-workflows-light);
  --color-bg-workflows-hover: var(--background-gradient-workflows-light);
  --color-text-low-default: var(--base-steel-400);
  --color-text-onprimary-default: var(--black);
  --color-text-onprimary-hover: var(--black);
  --color-text-onprimary-pressed: var(--black);
  --color-text-onprimary-disabled: var(--black);
  --color-text-onprimary-selected: var(--black);
  --color-text-onsuccess-default: var(--black);
  --color-text-onsuccess-hover: var(--black);
  --color-text-onsuccess-pressed: var(--black);
  --color-text-oncritical-default: var(--black);
  --color-text-oncritical-hover: var(--black);
  --color-text-oncritical-pressed: var(--black);
  --color-text-onwarning-default: var(--black);
  --color-text-onwarning-hover: var(--black);
  --color-text-onwarning-pressed: var(--black);
  --color-text-success-strong-hover: var(--base-green-700);
  --color-text-success-strong-pressed: var(--base-green-800);
  --color-text-critical-strong-hover: var(--base-red-700);
  --color-text-critical-strong-pressed: var(--base-red-800);
  --color-text-warning-strong-hover: var(--base-yellow-700);
  --color-text-warning-strong-pressed: var(--base-yellow-800);
  --color-text-onscale-default: var(--black);
  --color-text-onscale-hover: var(--black);
  --color-text-onlead-default: var(--black);
  --color-text-onlead-hover: var(--black);
  --color-text-scale-default: var(--pricing-scale-default);
  --color-text-scale-hover: var(--pricing-scale-hover);
  --color-text-ongradient-default: var(--black);
  --color-text-lead-default: var(--pricing-lead-default);
  --color-text-onsecondary-default: var(--white);
  --color-text-onsecondary-strong-default: var(--white);
  --color-text-onsecondary-strong-hover: var(--white);
  --color-text-onsecondary-strong-pressed: var(--white);
  --color-text-oninfo-strong-default: var(--black);
  --color-text-oninfo-default: var(--black);
  --color-text-oninfo-hover: var(--black);
  --color-text-oninfo-pressed: var(--black);
  --color-text-overdue-default: var(--misc-special-orange);
  --color-text-onoverdue-default: var(--white);
  --color-text-noconsent-default: var(--misc-special-orange);
  --color-text-nodata-default: var(--misc-special-orange);
  --color-text-onoverlay-default: var(--white);
  --color-text-onoverlay-hover: var(--white);
  --color-text-onoverlay-pressed: var(--white);
  --color-text-onoverlay-disabled: var(--base-steel-400);
  --color-text-onoverlay-low-default: var(--base-gray-500);
  --color-text-onghost-default: var(--white);
  --color-text-onghost-hover: var(--white);
  --color-text-onghost-pressed: var(--white);
  --color-text-onghost-disabled: var(--base-steel-400);
  --color-text-onteam-default: var(--white);
  --color-text-oncomponent-default: var(--white);
  --color-text-onoptimize-default: var(--black);
  --color-text-onoptimize-hover: var(--black);
  --color-text-optimize-default: var(--pricing-optimize-default);
  --color-text-optimize-hover: var(--pricing-optimize-hover);
  --color-text-ongrow-default: var(--black);
  --color-text-ongrow-hover: var(--black);
  --color-text-grow-default: var(--pricing-grow-default);
  --color-text-grow-hover: var(--pricing-grow-hover);
  --color-text-onstart-default: var(--base-gray-100);
  --color-text-onstart-hover: var(--base-gray-100);
  --color-text-onboarding-low-default: var(--onboarding-text-low);
  --color-text-onboarding-default: var(--onboarding-text-default);
  --color-text-ononboarding-default: var(--white);
  --color-text-ononboarding-hover: var(--white);
  --color-text-ontellent-default: var(--white);
  --color-text-ontellent-hover: var(--white);
  --color-text-ontellent-pressed: var(--white);
  --color-text-onapplied-default: var(--black);
  --color-text-onapplied-hover: var(--black);
  --color-text-onapplied-pressed: var(--black);
  --color-text-onscreening-default: var(--black);
  --color-text-onscreening-hover: var(--black);
  --color-text-onscreening-pressed: var(--black);
  --color-text-oninterview-default: var(--black);
  --color-text-oninterview-hover: var(--black);
  --color-text-oninterview-pressed: var(--black);
  --color-text-onevaluation-default: var(--black);
  --color-text-onevaluation-hover: var(--black);
  --color-text-onevaluation-pressed: var(--black);
  --color-text-onoffer-default: var(--black);
  --color-text-onoffer-hover: var(--black);
  --color-text-onoffer-pressed: var(--black);
  --color-text-onhired-default: var(--black);
  --color-text-onhired-hover: var(--black);
  --color-text-onhired-pressed: var(--black);
  --color-text-onnotype-default: var(--black);
  --color-text-onnotype-hover: var(--black);
  --color-text-onnotype-pressed: var(--black);
  --color-text-onkiwi-default: var(--white);
  --color-text-onkiwi-hover: var(--white);
  --color-text-onkiwi-pressed: var(--white);
  --color-text-onjavelo-default: var(--white);
  --color-text-onrecruitee-default: var(--white);
  --color-text-accent-default: var(--base-magenta-500);
  --color-text-accent-hover: var(--base-magenta-600);
  --color-text-accent-pressed: var(--base-magenta-600);
  --color-text-onaccent-default: var(--black);
  --color-text-onaccent-hover: var(--black);
  --color-text-onaccent-pressed: var(--black);
  --color-text-ai-default: var(--background-gradient-ai-dark-purple-magenta);
  --color-text-offer-default: var(--misc-special-purple);
  --color-icon-hover: var(--base-steel-900);
  --color-icon-pressed: var(--base-steel-900);
  --color-icon-strong-default: var(--base-steel-900);
  --color-icon-onprimary-default: var(--black);
  --color-icon-onprimary-hover: var(--black);
  --color-icon-onprimary-pressed: var(--black);
  --color-icon-onprimary-disabled: var(--black);
  --color-icon-onsuccess-default: var(--black);
  --color-icon-onsuccess-hover: var(--black);
  --color-icon-onsuccess-pressed: var(--black);
  --color-icon-onsuccess-disabled: var(--black);
  --color-icon-oncritical-default: var(--black);
  --color-icon-oncritical-hover: var(--black);
  --color-icon-oncritical-pressed: var(--black);
  --color-icon-onwarning-default: var(--black);
  --color-icon-onwarning-hover: var(--black);
  --color-icon-onwarning-pressed: var(--black);
  --color-icon-success-strong-default: var(--base-green-600);
  --color-icon-success-strong-hover: var(--base-green-700);
  --color-icon-success-strong-pressed: var(--base-green-800);
  --color-icon-critical-strong-default: var(--base-red-600);
  --color-icon-critical-strong-hover: var(--base-red-700);
  --color-icon-critical-strong-pressed: var(--base-red-800);
  --color-icon-info-strong-default: var(--base-blue-600);
  --color-icon-warning-strong-default: var(--base-yellow-600);
  --color-icon-warning-strong-hover: var(--base-yellow-700);
  --color-icon-warning-strong-pressed: var(--base-yellow-800);
  --color-icon-scale-default: var(--pricing-scale-default);
  --color-icon-scale-hover: var(--pricing-scale-hover);
  --color-icon-ongradient-default: var(--black);
  --color-icon-onscale-default: var(--black);
  --color-icon-onscale-hover: var(--black);
  --color-icon-lead-default: var(--pricing-lead-default);
  --color-icon-onlead-default: var(--black);
  --color-icon-onlead-hover: var(--black);
  --color-icon-onsecondary-default: var(--white);
  --color-icon-onsecondary-strong-default: var(--white);
  --color-icon-onsecondary-strong-hover: var(--white);
  --color-icon-oninfo-strong-default: var(--black);
  --color-icon-oninfo-default: var(--black);
  --color-icon-oninfo-hover: var(--black);
  --color-icon-oninfo-pressed: var(--black);
  --color-icon-overdue-default: var(--misc-special-orange);
  --color-icon-onoverdue-default: var(--white);
  --color-icon-noconsent-default: var(--misc-special-orange);
  --color-icon-nodata-default: var(--misc-special-orange);
  --color-icon-onoverlay-default: var(--white);
  --color-icon-onoverlay-hover: var(--white);
  --color-icon-onoverlay-pressed: var(--white);
  --color-icon-onoverlay-disabled: var(--base-steel-400);
  --color-icon-onghost-default: var(--white);
  --color-icon-onghost-hover: var(--white);
  --color-icon-onghost-pressed: var(--white);
  --color-icon-onghost-disabled: var(--base-steel-400);
  --color-icon-low-default: var(--base-steel-400);
  --color-icon-low-disabled: var(--base-gray-700);
  --color-icon-subdued-default: var(--base-steel-100);
  --color-icon-oncomponent-default: var(--white);
  --color-icon-ai-default: var(--background-gradient-ai-dark-purple-magenta);
  --color-icon-optimize-default: var(--pricing-optimize-default);
  --color-icon-optimize-hover: var(--pricing-optimize-hover);
  --color-icon-onoptimize-default: var(--black);
  --color-icon-onoptimize-hover: var(--black);
  --color-icon-grow-default: var(--pricing-grow-default);
  --color-icon-grow-hover: var(--pricing-grow-hover);
  --color-icon-ongrow-default: var(--black);
  --color-icon-ongrow-hover: var(--black);
  --color-icon-onboarding-default: var(--onboarding-icon-default);
  --color-icon-onboarding-low-default: var(--onboarding-icon-low);
  --color-icon-ononboarding-default: var(--white);
  --color-icon-ononboarding-hover: var(--white);
  --color-icon-onhired-default: var(--black);
  --color-icon-onhired-hover: var(--black);
  --color-icon-onhired-pressed: var(--black);
  --color-icon-onkiwi-default: var(--white);
  --color-icon-onkiwi-hover: var(--white);
  --color-icon-onkiwi-pressed: var(--white);
  --color-icon-onjavelo-default: var(--white);
  --color-icon-onapplied-default: var(--black);
  --color-icon-onapplied-hover: var(--black);
  --color-icon-onapplied-pressed: var(--black);
  --color-icon-onscreening-default: var(--black);
  --color-icon-onscreening-hover: var(--black);
  --color-icon-onscreening-pressed: var(--black);
  --color-icon-oninterview-default: var(--black);
  --color-icon-oninterview-hover: var(--black);
  --color-icon-oninterview-pressed: var(--black);
  --color-icon-onnotype-default: var(--black);
  --color-icon-onnotype-hover: var(--black);
  --color-icon-onnotype-pressed: var(--black);
  --color-icon-onevaluation-default: var(--black);
  --color-icon-onevaluation-hover: var(--black);
  --color-icon-onevaluation-pressed: var(--black);
  --color-icon-onoffer-default: var(--black);
  --color-icon-onoffer-hover: var(--black);
  --color-icon-onoffer-pressed: var(--black);
  --color-icon-ontellent-default: var(--white);
  --color-icon-ontellent-hover: var(--white);
  --color-icon-ontellent-pressed: var(--white);
  --color-icon-tellent-default: var(--product-tellent-500);
  --color-icon-tellent-active: var(--product-tellent-500);
  --color-icon-offer-default: var(--misc-special-purple);
  --color-icon-evaluation-default: var(--misc-special-turquoise);
  --color-icon-public-default: var(--misc-public-default);
  --color-icon-requisition-default: var(--misc-special-purple);
  --color-icon-job-default: var(--misc-special-turquoise);
  --color-icon-article-turquoise-default: var(--article-ocean-default);
  --color-icon-article-purple-default: var(--article-orchid-default);
  --color-icon-accent-default: var(--base-magenta-500);
  --color-icon-accent-hover: var(--base-magenta-500);
  --color-icon-accent-pressed: var(--base-magenta-600);
  --color-icon-onaccent-default: var(--white);
  --color-icon-onaccent-hover: var(--white);
  --color-icon-onaccent-pressed: var(--white);
  --color-icon-attendance-default: var(--billing-pink);
  --color-icon-employees-default: var(--billing-orange);
  --color-icon-timeoff-default: var(--billing-blue);
  --color-icon-company-default: var(--billing-turquoise);
  --color-icon-payroll-default: var(--billing-purple);
  --color-icon-expenses-default: var(--billing-navy);
  --color-icon-reports-default: var(--billing-green);
  --color-border-success-subdued-default: var(--base-green-200);
  --color-border-success-low-default: var(--base-green-400);
  --color-border-critical-low-default: var(--base-red-300);
  --color-border-critical-subdued-default: var(--base-red-200);
  --color-border-info-subdued-default: var(--base-blue-200);
  --color-border-warning-subdued-default: var(--base-yellow-200);
  --color-border-neutral-disabled: var(--base-gray-300);
  --color-border-secondary-default: var(--base-steel-500);
  --color-border-secondary-hover: var(--base-steel-900);
  --color-border-secondary-disabled: var(--base-steel-300);
  --color-border-secondary-low-default: var(--base-steel-400);
  --color-border-secondary-low-disabled: var(--base-steel-200);
  --color-border-secondary-strong-default: var(--base-steel-700);
  --color-border-translate-default: var(--base-yellow-500);
  --color-border-onghost-default: var(--white);
  --color-border-onghost-hover: var(--white);
  --color-border-onghost-pressed: var(--white);
  --color-border-onghost-disabled: var(--base-steel-400);
  --color-border-private-default: var(--misc-special-dark-yellow);
  --color-border-low-default: var(--base-gray-500);
  --color-border-low-hover: var(--base-steel-100);
  --color-border-team-default: var(--misc-special-violet);
  --color-border-tint-default: var(--border-neutral-transparent);
  --color-border-accent-default: var(--base-magenta-500);
  --color-border-accent-hover: var(--base-magenta-500);
  --color-border-accent-pressed: var(--base-magenta-600);
  --color-border-accent-subdued-default: var(--base-magenta-200);
  --color-border-onprimary-default: var(--black);
  --color-border-onprimary-hover: var(--black);
  --color-border-onprimary-pressed: var(--black);
  --color-border-offer-subdued-default: var(--misc-special-purple-low);
  --color-gradient-primary: var(--background-gradient-brand);
  --color-gradient-launch: var(--background-gradient-launch);
  --color-gradient-scale: var(--background-gradient-scale);
  --color-gradient-lead: var(--background-gradient-lead);
  --color-gradient-purple: var(--background-gradient-purple);
  --color-gradient-orange: var(--background-gradient-orange);
  --color-gradient-red: var(--background-gradient-red);
  --color-gradient-light-blue: var(--background-gradient-light-blue);
  --color-gradient-video: var(--background-gradient-video);
  --color-gradient-video-overlay: var(--background-gradient-video-overlay);
  --color-gradient-find-time-neutral: var(--background-gradient-find-time-gray);
  --color-gradient-find-time-primary: var(--background-gradient-find-time-blue);
  --color-gradient-find-time-violet: var(--background-gradient-find-time-violet);
  --color-gradient-shimmer: var(--background-gradient-mask);
  --color-gradient-rainbow: var(--background-gradient-rainbow);
  --color-gradient-neutral-to-transparent: var(--background-gradient-gray-to-transparent);
  --color-gradient-tellent: var(--background-gradient-tellent-default);
  --color-gradient-pink: var(--background-gradient-tellent-pink);
  --color-gradient-impact: var(--background-gradient-tellent-light-purple);
  --color-gradient-ai-default: var(--background-gradient-ai-purple-magenta);
  --color-gradient-ai-subdued-default: var(--background-gradient-ai-light-purple-magenta);
  --color-gradient-ai-strong-default: var(--background-gradient-ai-dark-purple-magenta);
  --color-gradient-grow: var(--background-gradient-grow-default);
  --color-gradient-workflows: var(--background-gradient-workflows-default);
  --color-gradient-workflows-light: var(--background-gradient-workflows-light);
  --color-gradient-promote: var(--background-gradient-promote);
  --color-tooltip-feature: var(--misc-special-dark-blue);
  --color-avatar-steel-lighter: var(--avatar-steel-lighter);
  --color-avatar-steel-dark: var(--avatar-steel-dark);
  --color-avatar-green: var(--avatar-green);
  --color-avatar-blue-dark: var(--avatar-blue-dark);
  --color-avatar-pink: var(--avatar-pink);
  --color-chart-primary-default: var(--chart-brand-default);
  --color-chart-blue-default: var(--chart-sky-default);
  --color-chart-turquoise-default: var(--chart-ocean-default);
  --color-chart-purple-default: var(--chart-orchid-default);
  --color-chart-purple-subdued-default: var(--chart-lavender-default);
  --color-chart-gray-default: var(--chart-steel-default);
  --color-chart-green-default: var(--chart-emerald-default);
  --color-chart-green-subdued-default: var(--chart-mint-default);
  --color-chart-blue-strong-default: var(--chart-cobalt-default);
  --color-chart-yellow-default: var(--chart-sunflower-default);
  --color-chart-yellow-subdued-default: var(--chart-lemon-default);
  --color-chart-orange-default: var(--chart-pumpkin-default);
  --color-candidates-bg-primary-default: var(--candidates-bg-brand-default);
  --color-candidates-bg-green-strong-default: var(--candidates-bg-rainforest-default);
  --color-candidates-bg-orange-default: var(--candidates-bg-fire-default);
  --color-candidates-bg-yellow-default: var(--candidates-bg-gold-default);
  --color-candidates-bg-green-subdued-default: var(--candidates-bg-jungle-default);
  --color-candidates-bg-blue-default: var(--candidates-bg-navy-default);
  --color-candidates-bg-violet-default: var(--candidates-bg-eggplant-default);
  --color-candidates-bg-green-default: var(--candidates-bg-grass-default);
  --color-candidates-bg-blue-strong-default: var(--candidates-bg-denim-default);
  --color-candidates-bg-purple-default: var(--candidates-bg-lilac-default);
  --color-candidates-border-primary-default: var(--candidates-border-brand-default);
  --color-candidates-border-green-strong-default: var(--candidates-border-rainforest-default);
  --color-candidates-border-orange-default: var(--candidates-border-fire-default);
  --color-candidates-border-yellow-default: var(--candidates-border-gold-default);
  --color-candidates-border-green-subdued-default: var(--candidates-border-jungle-default);
  --color-candidates-border-blue-default: var(--candidates-border-navy-default);
  --color-candidates-border-violet-default: var(--candidates-border-eggplant-default);
  --color-candidates-border-green-default: var(--candidates-border-grass-default);
  --color-candidates-border-blue-strong-default: var(--candidates-border-denim-default);
  --color-candidates-border-purple-default: var(--candidates-border-lilac-default);
  --color-marketplace-ribbon: var(--base-green-300);
  --color-versatile-default: var(--white);
  --color-facebook-default: var(--misc-social-facebook);
  --color-linkedin-default: var(--misc-social-linkedin);
  --color-googleplus-default: var(--misc-social-google-plus);
  --color-x-default: var(--misc-social-x);
  --color-nav-bg-neutral-default: var(--background-view-appshell);
  --color-nav-bg-neutral-low-hover: var(--base-gray-500);
  --color-nav-text-low-default: var(--base-steel-400);
  --avatar-steel-light: var(--base-steel-100);
  --avatar-gray-light: var(--base-gray-600);
  --avatar-gray-dark: var(--base-gray-900);
  --avatar-blue-light: var(--base-blue-500);
  --avatar-purple: var(--pricing-lead-hover);
  --avatar-yellow: var(--base-yellow-500);
  --avatar-orange: var(--misc-special-orange);
  --avatar-skeleton: var(--base-gray-400);
  --ai-default: var(--background-gradient-ai-purple-magenta);
  --ai-subdued-default: var(--background-gradient-ai-light-purple-magenta);
  --ai-strong-default: var(--background-gradient-ai-dark-purple-magenta);
  --interactive-primary-default: var(--base-brand-500);
  --interactive-primary-active: var(--base-brand-500);
  --interactive-primary-hover: var(--base-brand-600);
  --interactive-primary-pressed: var(--base-brand-700);
  --interactive-primary-disabled: var(--base-brand-300);
  --background-view-hover-background: var(--base-brand-50);
  --border-main-primary: var(--base-brand-500);
  --border-main-active: var(--base-brand-300);
  --text-system-primary: var(--base-brand-500);
  --text-system-primary-dark: var(--base-brand-600);
  --text-main-active: var(--base-brand-600);
  --icon-system-primary: var(--base-brand-500);
  --icon-system-primary-dark: var(--base-brand-600);
  --icon-main-brand: var(--base-brand-500);
  --color-bg-hover: var(--background-view-hover);
  --color-bg-active: var(--base-brand-100);
  --color-bg-selected: var(--base-brand-100);
  --color-bg-primary-strong-default: var(--base-brand-600);
  --color-bg-primary-low-default: var(--base-brand-100);
  --color-bg-primary-low-hover: var(--base-brand-100);
  --color-bg-primary-low-pressed: var(--base-brand-200);
  --color-bg-neutral-default: var(--background-view-app);
  --color-bg-neutral-pressed: var(--interactive-neutral-pressed);
  --color-bg-neutral-disabled: var(--interactive-neutral-disabled);
  --color-bg-neutral-low-default: var(--background-view-light);
  --color-bg-neutral-low-hover: var(--background-view-darker);
  --color-bg-neutral-low-disabled: var(--background-view-app);
  --color-bg-success-default: var(--interactive-success-default);
  --color-bg-success-hover: var(--interactive-success-hover);
  --color-bg-success-pressed: var(--interactive-success-pressed);
  --color-bg-success-disabled: var(--interactive-success-disabled);
  --color-bg-success-low-default: var(--background-system-success);
  --color-bg-success-low-hover: var(--background-system-success);
  --color-bg-success-low-pressed: var(--background-system-success);
  --color-bg-critical-default: var(--interactive-critical-default);
  --color-bg-critical-hover: var(--interactive-critical-hover);
  --color-bg-critical-pressed: var(--interactive-critical-pressed);
  --color-bg-critical-disabled: var(--interactive-critical-disabled);
  --color-bg-critical-low-default: var(--background-system-critcal);
  --color-bg-critical-low-hover: var(--background-system-critcal);
  --color-bg-critical-low-pressed: var(--background-system-critcal);
  --color-bg-warning-default: var(--interactive-warning-default);
  --color-bg-warning-hover: var(--interactive-warning-hover);
  --color-bg-warning-pressed: var(--interactive-warning-pressed);
  --color-bg-warning-disabled: var(--interactive-warning-disabled);
  --color-bg-warning-low-default: var(--background-system-warning);
  --color-bg-warning-low-hover: var(--background-system-warning);
  --color-bg-warning-low-pressed: var(--background-system-warning);
  --color-bg-secondary-disabled: var(--background-view-darker);
  --color-bg-info-disabled: var(--interactive-info-disabled);
  --color-bg-info-low-default: var(--background-system-info-default);
  --color-bg-info-low-hover: var(--background-system-info-default);
  --color-bg-info-low-pressed: var(--background-system-info-default);
  --color-bg-interview-low-default: var(--background-system-info-default);
  --color-bg-hired-low-default: var(--background-system-success);
  --color-bg-start-default: var(--pricing-start-default);
  --color-bg-start-hover: var(--pricing-start-hover);
  --color-text-default: var(--text-main-subdued);
  --color-text-hover: var(--text-main-default);
  --color-text-pressed: var(--text-main-default);
  --color-text-disabled: var(--text-main-disabled);
  --color-text-strong-default: var(--text-main-default);
  --color-text-strong-hover: var(--text-main-default);
  --color-text-strong-selected: var(--text-main-default);
  --color-text-success-default: var(--interactive-success-default);
  --color-text-success-hover: var(--interactive-success-default);
  --color-text-success-pressed: var(--text-system-success);
  --color-text-success-strong-default: var(--text-system-success);
  --color-text-critical-default: var(--interactive-critical-default);
  --color-text-critical-hover: var(--interactive-critical-default);
  --color-text-critical-pressed: var(--text-system-critical);
  --color-text-critical-strong-default: var(--text-system-critical);
  --color-text-info-default: var(--interactive-info-default);
  --color-text-info-hover: var(--interactive-info-default);
  --color-text-info-pressed: var(--text-system-info);
  --color-text-info-strong-default: var(--text-system-info);
  --color-text-warning-default: var(--interactive-warning-default);
  --color-text-warning-hover: var(--interactive-warning-default);
  --color-text-warning-pressed: var(--text-system-warning);
  --color-text-warning-strong-default: var(--text-system-warning);
  --color-text-primary-pressed: var(--base-brand-600);
  --color-text-primary-strong-default: var(--base-brand-600);
  --color-text-primary-strong-active: var(--base-brand-600);
  --color-icon-default: var(--icon-main-subdued);
  --color-icon-disabled: var(--icon-main-disabled);
  --color-icon-active: var(--icon-main-active);
  --color-icon-success-default: var(--icon-system-success);
  --color-icon-success-hover: var(--icon-system-success);
  --color-icon-success-pressed: var(--interactive-success-hover);
  --color-icon-success-active: var(--interactive-success-active);
  --color-icon-critical-default: var(--icon-system-critical);
  --color-icon-critical-hover: var(--icon-system-critical);
  --color-icon-critical-pressed: var(--interactive-critical-hover);
  --color-icon-info-default: var(--icon-system-info);
  --color-icon-info-hover: var(--icon-system-info);
  --color-icon-info-pressed: var(--interactive-info-hover);
  --color-icon-warning-default: var(--icon-system-warning);
  --color-icon-warning-hover: var(--icon-system-warning);
  --color-icon-warning-pressed: var(--interactive-warning-hover);
  --color-icon-primary-strong-default: var(--base-brand-600);
  --color-icon-primary-strong-pressed: var(--base-brand-600);
  --color-icon-workflows-default: var(--color-gradient-workflows);
  --color-border-default: var(--border-neutral-default);
  --color-border-hover: var(--border-neutral-default);
  --color-border-pressed: var(--border-neutral-default);
  --color-border-disabled: var(--border-neutral-disabled);
  --color-border-selected: var(--border-neutral-default);
  --color-border-success-default: var(--border-system-success);
  --color-border-success-hover: var(--border-system-success);
  --color-border-success-pressed: var(--interactive-success-hover);
  --color-border-critical-default: var(--border-system-critical);
  --color-border-critical-hover: var(--border-system-critical);
  --color-border-critical-pressed: var(--interactive-critical-hover);
  --color-border-info-default: var(--border-system-info);
  --color-border-info-hover: var(--border-system-info);
  --color-border-info-pressed: var(--interactive-info-hover);
  --color-border-warning-default: var(--border-system-warning);
  --color-border-warning-hover: var(--border-system-warning);
  --color-border-warning-pressed: var(--interactive-warning-hover);
  --color-border-warning-disabled: var(--interactive-warning-disabled);
  --color-border-neutral-hover: var(--border-neutral-dark);
  --color-border-primary-strong-default: var(--base-brand-600);
  --color-border-primary-subdued-default: var(--base-brand-200);
  --color-border-primary-low-default: var(--base-brand-400);
  --color-border-strong-default: var(--border-neutral-dark);
  --color-border-strong-disabled: var(--border-neutral-dark);
  --color-avatar-steel-light: var(--avatar-steel-light);
  --color-avatar-gray-light: var(--avatar-gray-light);
  --color-avatar-gray-dark: var(--avatar-gray-dark);
  --color-avatar-blue-light: var(--avatar-blue-light);
  --color-avatar-purple: var(--avatar-purple);
  --color-avatar-yellow: var(--avatar-yellow);
  --color-avatar-orange: var(--avatar-orange);
  --color-avatar-skeleton: var(--avatar-skeleton);
  --color-nav-bg-active: var(--base-brand-100);
  --color-nav-text-default: var(--text-main-subdued);
  --color-nav-text-strong-default: var(--text-main-default);
  --color-nav-icon-default: var(--icon-main-subdued);
  --color-nav-icon-strong-default: var(--icon-main-default);
  --color-nav-icon-disabled: var(--icon-main-disabled);
  --color-nav-border-default: var(--border-neutral-default);
  --avatar-blue-darker: var(--base-brand-800);
  --color-bg-primary-default: var(--interactive-primary-default);
  --color-bg-primary-hover: var(--interactive-primary-hover);
  --color-bg-primary-pressed: var(--interactive-primary-pressed);
  --color-bg-primary-selected: var(--interactive-primary-default);
  --color-bg-primary-disabled: var(--interactive-primary-disabled);
  --color-bg-primary-subdued-default: var(--background-view-hover-background);
  --color-bg-primary-subdued-selected: var(--background-view-hover-background);
  --color-text-active: var(--text-main-active);
  --color-text-primary-default: var(--interactive-primary-default);
  --color-text-primary-active: var(--interactive-primary-active);
  --color-text-primary-hover: var(--interactive-primary-hover);
  --color-text-link-default: var(--text-system-primary);
  --color-text-link-hover: var(--text-system-primary-dark);
  --color-icon-primary-default: var(--interactive-primary-default);
  --color-icon-primary-hover: var(--interactive-primary-hover);
  --color-icon-primary-pressed: var(--interactive-primary-default);
  --color-icon-translate-default: var(--color-icon-warning-default);
  --color-icon-link-default: var(--icon-system-primary);
  --color-icon-link-hover: var(--icon-system-primary-dark);
  --color-border-active: var(--border-main-active);
  --color-border-primary-default: var(--interactive-primary-default);
  --color-border-primary-hover: var(--interactive-primary-hover);
  --color-avatar-blue-darker: var(--avatar-blue-darker);
  --color-nav-text-primary-active: var(--interactive-primary-active);
  --color-nav-icon-primary-default: var(--interactive-primary-default);
  --shadow-border-card-default: 0 0 0 1px var(--color-border-default);
}

/* node_modules/@tellent/design-tokens/lib/theme/light/light.css */
:host([data-theme="light"]),
[data-theme=light] {
  --base-steel-50: #e5e3e8;
  --base-steel-100: #dad7de;
  --base-steel-200: #cac7d0;
  --base-steel-300: #b3afbb;
  --base-steel-400: #7e788b;
  --base-steel-500: #5d566c;
  --base-steel-600: #4d465a;
  --base-steel-700: #3a3543;
  --base-steel-800: #28242e;
  --base-steel-900: #141217;
  --base-gray-50: #fcfcfd;
  --base-gray-100: #fbfbfc;
  --base-gray-200: #faf9fb;
  --base-gray-300: #f6f5fa;
  --base-gray-400: #f1eef6;
  --base-gray-500: #ece8f3;
  --base-gray-600: #dcd8e4;
  --base-gray-700: #c4bcc8;
  --base-gray-800: #a9a2b3;
  --base-gray-900: #8a8198;
  --base-blue-50: #f1f6fd;
  --base-blue-100: #e1ecfe;
  --base-blue-200: #bed9fd;
  --base-blue-300: #72a5ee;
  --base-blue-400: #3881e7;
  --base-blue-500: #0661e1;
  --base-blue-600: #0551bd;
  --base-blue-700: #044095;
  --base-blue-800: #032d68;
  --base-blue-900: #021e46;
  --base-green-50: #f4fbf8;
  --base-green-100: #d5fbe2;
  --base-green-200: #c3ead7;
  --base-green-300: #75c7a1;
  --base-green-400: #36b579;
  --base-green-500: #00a357;
  --base-green-600: #008546;
  --base-green-700: #006b39;
  --base-green-800: #00522b;
  --base-green-900: #00381e;
  --base-red-50: #fce9ea;
  --base-red-100: #fae0e3;
  --base-red-200: #f4c7cc;
  --base-red-300: #e87d88;
  --base-red-400: #dd4151;
  --base-red-500: #d10015;
  --base-red-600: #b20012;
  --base-red-700: #8f000e;
  --base-red-800: #66000a;
  --base-red-900: #420007;
  --base-yellow-50: #fdf7f2;
  --base-yellow-100: #ffeddb;
  --base-yellow-200: #ffddbd;
  --base-yellow-300: #ebae75;
  --base-yellow-400: #e18733;
  --base-yellow-500: #da6900;
  --base-yellow-600: #b85800;
  --base-yellow-700: #944700;
  --base-yellow-800: #6b3400;
  --base-yellow-900: #3d1e00;
  --base-magenta-50: #fefbfd;
  --base-magenta-100: #fcebf4;
  --base-magenta-200: #f6cbe0;
  --base-magenta-300: #f0a8cc;
  --base-magenta-400: #e566a5;
  --base-magenta-500: #d91c7a;
  --base-magenta-600: #b61666;
  --base-magenta-700: #8c124f;
  --base-magenta-800: #640c38;
  --base-magenta-900: #430925;
  --background-view-edit: #f5f0fa;
  --background-view-appshell: #faf9fc;
  --background-system-info-light: #e8f5fc;
  --background-private-default: #fff8d1;
  --background-private-light: #fffbe5;
  --background-private-dark: #eae2b8;
  --background-gradient-brand:
    linear-gradient(
      270deg,
      #1999E3 0%,
      #102F7A 100%);
  --background-gradient-grow-default:
    linear-gradient(
      90deg,
      #BDA4E2 0%,
      #36116E 100%);
  --background-gradient-neutral:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F5F8F9 100%);
  --background-gradient-lead:
    linear-gradient(
      45deg,
      #174298 0%,
      #7148bd 50%,
      #af7ee6 100%);
  --background-gradient-scale:
    linear-gradient(
      45deg,
      #117cba 0%,
      #31bd95 50%,
      #9be398 100%);
  --background-gradient-launch:
    linear-gradient(
      45deg,
      #215ab7 0%,
      #1999e3 50%,
      #7cccfa 100%);
  --background-gradient-purple:
    linear-gradient(
      -90deg,
      #ca8bdb 30%,
      #7148bd 70%);
  --background-gradient-orange:
    linear-gradient(
      90deg,
      #de6603 27.46%,
      #f4bb26 100%);
  --background-gradient-red:
    linear-gradient(
      90deg,
      #FA2D4C 27.46%,
      #FFDBD4 100%);
  --background-gradient-light-blue:
    linear-gradient(
      45deg,
      #1999E3 0%,
      #7cccfa 100%);
  --background-gradient-video:
    linear-gradient(
      70.48deg,
      rgba(23,66,152,0.6) 3.87%,
      rgba(113,72,189,0.6) 53.52%,
      rgba(175,126,230,0.6) 94.89%);
  --background-gradient-video-overlay:
    linear-gradient(
      45deg,
      rgba(23, 66, 152, 0.7) 0%,
      rgba(113, 72, 189, 0.7) 52%,
      rgba(175, 126, 230, 0.7) 100%);
  --background-gradient-find-time-gray:
    repeating-linear-gradient(
      135deg,
      #E8EDF1,
      #E8EDF1 6px,
      #C7D0D7 6px,
      #C7D0D7 12px);
  --background-gradient-find-time-blue:
    repeating-linear-gradient(
      135deg,
      #E9E0F5,
      #E9E0F5 6px,
      #BDA4E2 6px,
      #BDA4E2 12px);
  --background-gradient-find-time-violet:
    repeating-linear-gradient(
      135deg,
      #6c75c2,
      #6c75c2 6px,
      #616ab6 6px,
      #616ab6 12px);
  --background-gradient-mask:
    linear-gradient(
      -60deg,
      #000 30%,
      #0005,
      #000 70%) right/300% 100%;
  --background-gradient-rainbow:
    linear-gradient(
      90deg,
      rgb(113, 72, 189) 0%,
      rgb(202, 139, 219) 7%,
      rgb(25, 153, 227) 14%,
      rgb(124, 204, 250) 21%,
      rgb(125, 212, 122) 27%,
      rgb(49, 189, 149) 33.33%,
      rgb(125, 212, 122) 36%,
      rgb(124, 204, 250) 42%,
      rgb(25, 153, 227) 47%,
      rgb(202, 139, 219) 53%,
      rgb(113, 72, 189) 60%,
      rgb(25, 153, 227) 66.66%,
      rgb(123, 204, 250) 100%);
  --background-gradient-gray-to-transparent:
    linear-gradient(
      to bottom,
      rgba(240, 244, 247, 1) 0%,
      rgba(240, 244, 247, 0) 100%);
  --background-gradient-tellent-default:
    linear-gradient(
      90deg,
      #681D74 0%,
      #230AC0 100%);
  --background-gradient-tellent-pink:
    linear-gradient(
      90deg,
      #5A1CB7 0%,
      #D91C7A 100%);
  --background-gradient-tellent-light-purple:
    linear-gradient(
      90deg,
      #F7F4FF 0%,
      #DED3F2 100%);
  --background-gradient-ai-light-purple:
    linear-gradient(
      87.33deg,
      #F7F4FF 3.03%,
      #DED3F2 98.6%);
  --background-gradient-ai-light-purple-magenta:
    linear-gradient(
      -90deg,
      #F8F2FF 0%,
      #FCEEF5 100%);
  --background-gradient-ai-purple-magenta:
    linear-gradient(
      -90deg,
      #E9E0F5 0%,
      #FFD3E9 100%);
  --background-gradient-ai-dark-purple-magenta:
    linear-gradient(
      -90deg,
      #5A1CB7 0%,
      #D91C7A 100%);
  --background-gradient-workflows-default:
    linear-gradient(
      180deg,
      rgba(255, 141, 65, 1) 0%,
      rgba(217, 28, 122, 1) 50%,
      rgba(90, 28, 183, 1) 100%);
  --background-gradient-workflows-light:
    linear-gradient(
      180deg,
      rgba(255, 141, 65, 0.1) 0%,
      rgba(217, 28, 122, 0.1) 50%,
      rgba(90, 28, 183, 0.1) 100%);
  --background-gradient-promote:
    linear-gradient(
      90deg,
      #F7F3FF 3%,
      #F4F1FE 12%,
      #E9DDF4 35%,
      #E9DDF4 45%,
      #E9DDF4 68.75%,
      #E1D2EF 75%,
      #DACAEB 81.25%,
      #D3C0E6 87.5%,
      #CFBCE4 93.75%,
      #CDB8E2 100%);
  --border-neutral-transparent: rgba(255, 255, 255, 0.3);
  --text-system-primary: #7627e0;
  --icon-system-primary: #7627e0;
  --misc-special-personal: #f09300;
  --misc-special-violet: #7986cb;
  --misc-special-orange: #b25000;
  --misc-special-orange-light: #fae8d9;
  --misc-special-yellow: #f4bb26;
  --misc-special-indigo: #102f7a;
  --misc-special-dark-yellow: #dadabe;
  --misc-special-dark-blue: #113883;
  --misc-special-lime: #9de000;
  --misc-special-gray-dark: #6d6976;
  --misc-special-gray-light: #ece9f2;
  --misc-special-turquoise: #00a4ad;
  --misc-special-turquoise-light: #dcf2f4;
  --misc-special-purple: #995ce0;
  --misc-special-purple-low: #dbcff8;
  --misc-special-purple-light: #eae5fa;
  --misc-special-brown: #946a57;
  --misc-special-brown-light: #f5f1ef;
  --misc-social-facebook: #1877f2;
  --misc-social-twitter: #3dacf0;
  --misc-social-google-plus: #d34836;
  --misc-social-linkedin: #0a66c2;
  --misc-social-x: #000000;
  --misc-public-default: #31bd95;
  --misc-public-hover: #239e7d;
  --misc-public-subdued: #eaf8f4;
  --pricing-scale-default: #d91c7a;
  --pricing-scale-hover: #ac1660;
  --pricing-scale-subdued: #fcebf4;
  --pricing-lead-default: #7148bd;
  --pricing-lead-hover: #512fa2;
  --pricing-lead-subdued: #f0ecf8;
  --pricing-optimize-default: #7148bd;
  --pricing-optimize-hover: #512fa2;
  --pricing-optimize-subdued: #f0ecf8;
  --pricing-grow-default: #d91c7a;
  --pricing-grow-hover: #ac1660;
  --pricing-grow-subdued: #fcebf4;
  --white: #ffffff;
  --black: #000000;
  --color-bg-overlay-default: rgba(36, 38, 46, 0.7);
  --color-bg-onoverlay-hover: rgba(255, 255, 255, 0.1);
  --color-bg-onoverlay-pressed: rgba(255, 255, 255, 0.2);
  --color-bg-ghost-hover: rgba(255, 255, 255, 0.1);
  --color-bg-ghost-pressed: rgba(255, 255, 255, 0.2);
  --color-bg-tint-default: rgba(255, 255, 255, 0.3);
  --color-bg-loading-default: rgba(255, 255, 255, 0.15);
  --color-bg-offer-hover: #7d43c3;
  --color-bg-offer-pressed: #602d9f;
  --color-bg-evaluation-hover: #00858c;
  --color-bg-evaluation-pressed: #006a70;
  --color-bg-chart-default: rgba(90, 28, 183, 0.1);
  --color-bg-versatile-secondary-strong-default: #1e1b22;
  --color-bg-versatile-secondary-strong-hover: #393542;
  --color-bg-versatile-secondary-strong-pressed: #4c4659;
  --color-bg-versatile-secondary-strong-active: #27242d;
  --color-bg-versatile-secondary-default: #5c566a;
  --color-bg-versatile-secondary-hover: #4c4659;
  --color-bg-versatile-secondary-medium-default: #393542;
  --color-bg-versatile-secondary-medium-hover: #4c4659;
  --color-bg-versatile-secondary-medium-active: #5c566a;
  --color-bg-skeleton-default: #f1eef6;
  --color-bg-applied-hover: #55515c;
  --color-bg-applied-pressed: #37353b;
  --color-bg-notype-hover: #7c5442;
  --color-bg-notype-pressed: #5f3e30;
  --color-bg-kiwi-default: #007838;
  --color-bg-kiwi-hover: #00602d;
  --color-bg-kiwi-pressed: #004822;
  --color-bg-kiwi-subdued-hover: #d9ebe1;
  --color-bg-recruitee-default: #5a1cb7;
  --color-bg-impact-default: #5a1cb7;
  --color-bg-impact-low-pressed: #b19cd8;
  --color-bg-impact-subdued-default: #e9e2f6;
  --color-bg-impact-subdued-hover: #eee9f8;
  --color-bg-quote-default: #bb89e0;
  --color-bg-promote-default: #591cb5;
  --color-bg-promote-hover: #531aa8;
  --color-bg-ai-subdued-default: #f7f1fd;
  --color-bg-ai-strong-default: #901c9d;
  --color-text-recruitee-default: #5a1cb7;
  --color-text-recruitee-strong-default: #481692;
  --color-text-kiwi-strong-default: #007838;
  --color-text-kiwi-default: #007838;
  --color-text-impact-default: #5a1cb7;
  --color-text-impact-hover: #481692;
  --color-text-impact-pressed: #481692;
  --color-icon-ai-strong-default: #901c9d;
  --color-icon-recruitee-default: #5a1cb7;
  --color-icon-kiwi-default: #007838;
  --color-icon-impact-default: #5a1cb7;
  --color-icon-impact-hover: #481692;
  --color-icon-impact-pressed: #481692;
  --color-border-ai-default: #e0d1f0;
  --color-border-versatile-secondary-default: #5c566a;
  --color-border-impact-default: #b19cd8;
  --color-border-impact-hover: #b19cd8;
  --color-border-impact-pressed: #b19cd8;
  --color-gradient-truncate: rgba(255, 255, 255, 0);
  --color-tooltip-feature-light: #198fd9;
  --color-separator-transparent: rgba(255, 255, 255, 0.3);
  --color-logo-typography-strong-default: #330066;
  --color-logo-sign-subdued-default: #ece0f5;
  --color-logo-sign-accent-default: #e23393;
  --color-scrollbar-thumb-default: #c7c7c7;
  --color-scrollbar-thumb-hover: #878787;
  --color-scrollbar-track-default: #fafafa;
  --color-marketplace-logo: #f1f4f7;
  --color-nav-bg-primary-subdued-default: #ece0f5;
  --shadow-base-100: 0 2px 5px 0 rgba(0,0,0,0.02), 0 1px 1px 0 rgba(0,0,0,0.08);
  --shadow-nav-switcher-hover: 0 2px 5px 0 rgba(0,0,0,0.02), 0 1px 1px 0 rgba(0,0,0,0.08);
  --shadow-interaction-200: 0 2px 5px 0 rgba(0,0,0,0.08), 0 1px 2px 0 rgba(0,0,0,0.08);
  --shadow-nav-switcher-active: 0 2px 5px 0 rgba(0,0,0,0.08), 0 1px 2px 0 rgba(0,0,0,0.08);
  --shadow-wysiwig-toolbar-top: 0 -2px 5px 0 rgba(0,0,0,0.08), 0 -1px 2px 0 rgba(0,0,0,0.08);
  --shadow-toast-300:
    0 4px 4px 0 rgba(0,0,0,0.02),
    0 4px 8px 0 rgba(0,0,0,0.04),
    0 2px 2px 0 rgba(0,0,0,0.04),
    0 0 1px 0 rgba(0,0,0,0.04);
  --shadow-dropdown-400:
    0 26px 10px 0 rgba(0,0,0,0.01),
    0 15px 9px 0 rgba(0,0,0,0.02),
    0 7px 7px 0 rgba(0,0,0,0.03),
    0 2px 12px 0 rgba(0,0,0,0.08);
  --shadow-float-500: 0 4px 28px 0 rgba(0,0,0,0.16);
  --shadow-dialog-600: 0 0 32px 0 rgba(0,0,0,0.50);
  --shadow-nav-hovered: 0 3px 30px 0 rgba(0,0,0,0.15);
  --shadow-border-form-focus-default: 0 0 0 3px rgba(115,38,248,0.2);
  --tellent-shadow-border-form-focus-default: 0 0 0 3px rgba(90,28,183,0.2);
  --kiwi-shadow-border-form-focus-default: 0 0 0 2px rgba(0,120,56,0.2);
  --shadow-border-card-active: 0 0 0 4px rgba(90,28,183,0.2);
  --shadow-border-step-active: 0 0 0 4px rgba(90,28,183,0.2);
  --tellent-shadow-border-card-active: 0 0 0 4px rgba(90,28,183,0.2);
  --kiwi-shadow-border-card-active: 0 0 0 4px rgba(90,28,183,0.2);
  --shadow-border-card-hover: 0 0 0 2px rgba(90,28,183);
  --tellent-shadow-border-card-hover: 0 0 0 2px rgba(90,28,183,1);
  --kiwi-shadow-border-card-hover: 0 0 0 2px rgba(0,120,56,1);
  --shadow-border-card-onboarding: 0 0 0 1px rgba(26,182,22,1);
  --shadow-border-form-focus-translate: 0 0 0 1px rgba(240,154,15,1);
  --shadow-border-avatar-private: 0 0 0 2px rgba(253,245,231,1);
  --shadow-border-avatar-admin: 0 0 0 2px #F0F4F7;
  --shadow-border-form-hover-critical: 0 0 0 1px #e50101;
  --shadow-inner-card-pressed: inset 0 2px 2px 0 rgba(0,0,0,0.12);
  --shadow-inner-content-top: inset 0 4px 4px 0 rgba(0,0,0,0.8);
  --shadow-inner-content-bottom: inset 0 -4px 4px 0 rgba(0,0,0,0.8);
  --shadow-inner-content-left: inset 4px 0 4px 0 rgba(0,0,0,0.8);
  --shadow-inner-content-right: inset -4px 0 4px 0 rgba(0,0,0,0.8);
  --avatar-steel-lighter: #7055aa;
  --avatar-green: #048b5d;
  --avatar-blue-light: #147ab6;
  --avatar-blue-dark: #b7427c;
  --avatar-pink: #9a4cb6;
  --chart-brand-default: #8659ca;
  --chart-sky-default: #f47174;
  --chart-ocean-default: #008ee5;
  --chart-orchid-default: #e566a5;
  --chart-lavender-default: #03ad9c;
  --chart-steel-default: #a6a2af;
  --chart-emerald-default: #45c2d1;
  --chart-mint-default: #cd75bc;
  --chart-cobalt-default: #ffd76f;
  --chart-sunflower-default: #feb07b;
  --chart-lemon-default: #6871ee;
  --chart-pumpkin-default: #b2a1f7;
  --candidates-bg-brand-default: #8659ca;
  --candidates-bg-rainforest-default: #1ea275;
  --candidates-bg-fire-default: #de6603;
  --candidates-bg-gold-default: #f4bb26;
  --candidates-bg-jungle-default: #31bd95;
  --candidates-bg-navy-default: #0c6090;
  --candidates-bg-eggplant-default: #512fa2;
  --candidates-bg-grass-default: #4fc510;
  --candidates-bg-denim-default: #083f5e;
  --candidates-bg-lilac-default: #9a4cb6;
  --candidates-border-brand-default: #8659ca;
  --candidates-border-rainforest-default: #1ea275;
  --candidates-border-fire-default: #de6603;
  --candidates-border-gold-default: #f4bb26;
  --candidates-border-jungle-default: #31bd95;
  --candidates-border-navy-default: #0c6090;
  --candidates-border-eggplant-default: #512fa2;
  --candidates-border-grass-default: #4fc510;
  --candidates-border-denim-default: #083f5e;
  --candidates-border-lilac-default: #9a4cb6;
  --product-recruitee-50: #f0e8f7;
  --product-recruitee-100: #e9e0f5;
  --product-recruitee-200: #bda4e2;
  --product-recruitee-300: #9c77d4;
  --product-recruitee-400: #7b49c5;
  --product-recruitee-500: #5a1cb7;
  --product-recruitee-600: #481692;
  --product-recruitee-700: #3f157f;
  --product-recruitee-800: #300f61;
  --product-recruitee-900: #1a0835;
  --product-kiwi-50: #f8fffb;
  --product-kiwi-100: #d9ebe1;
  --product-kiwi-200: #95c9ad;
  --product-kiwi-300: #63ae86;
  --product-kiwi-400: #32935f;
  --product-kiwi-500: #007838;
  --product-kiwi-600: #00602d;
  --product-kiwi-700: #004822;
  --product-kiwi-800: #003016;
  --product-kiwi-900: #002411;
  --product-javelo-50: #fff5f0;
  --product-javelo-100: #f8e4da;
  --product-javelo-200: #ecaa89;
  --product-javelo-300: #e38a5d;
  --product-javelo-400: #da6931;
  --product-javelo-500: #d14905;
  --product-javelo-600: #a73a04;
  --product-javelo-700: #7d2c03;
  --product-javelo-800: #541d02;
  --product-javelo-900: #3f1602;
  --product-tellent-50: #fdebf4;
  --product-tellent-100: #fce3f0;
  --product-tellent-200: #f6b3d7;
  --product-tellent-300: #ef73b5;
  --product-tellent-400: #ec53a4;
  --product-tellent-500: #e83393;
  --product-tellent-600: #cc287f;
  --product-tellent-700: #951b5c;
  --product-tellent-800: #5e0b37;
  --product-tellent-900: #420027;
  --onboarding-background-default: #a2008c;
  --onboarding-background-loader: #edafe5;
  --onboarding-background-low: #ffd7fa;
  --onboarding-background-subdued: #ffe3fb;
  --onboarding-text-default: #57054c;
  --onboarding-text-low: #edcfe9;
  --onboarding-icon-default: #a2008c;
  --onboarding-icon-low: #edcfe9;
  --article-ocean-default: #00a4ad;
  --article-ocean-subdued-default: #dcf2f4;
  --article-orchid-default: #995ce0;
  --article-orchid-subdued-default: #eae5fa;
  --billing-pink: #f65978;
  --billing-pink-light: #ffedf5;
  --billing-orange: #ffaa45;
  --billing-orange-light: #fff3e5;
  --billing-blue: #61a5ff;
  --billing-blue-light: #e9f3ff;
  --billing-turquoise: #34d0d7;
  --billing-turquoise-light: #ebfafb;
  --billing-purple: #c746cb;
  --billing-purple-light: #f7e6f8;
  --billing-navy: #0e0bc7;
  --billing-navy-light: #e6e6f4;
  --billing-green: #56d586;
  --billing-green-light: #e8f9ee;
  --base-brand-50: var(--product-recruitee-50);
  --base-brand-100: var(--product-recruitee-100);
  --base-brand-200: var(--product-recruitee-200);
  --base-brand-300: var(--product-recruitee-300);
  --base-brand-400: var(--product-recruitee-400);
  --base-brand-500: var(--product-recruitee-500);
  --base-brand-600: var(--product-recruitee-600);
  --base-brand-700: var(--product-recruitee-700);
  --base-brand-800: var(--product-recruitee-800);
  --base-brand-900: var(--product-recruitee-900);
  --interactive-success-default: var(--base-green-500);
  --interactive-success-hover: var(--base-green-600);
  --interactive-success-pressed: var(--base-green-700);
  --interactive-success-active: var(--base-green-700);
  --interactive-success-disabled: var(--base-green-300);
  --interactive-warning-default: var(--base-yellow-500);
  --interactive-warning-hover: var(--base-yellow-600);
  --interactive-warning-pressed: var(--base-yellow-700);
  --interactive-warning-disabled: var(--base-yellow-300);
  --interactive-critical-default: var(--base-red-500);
  --interactive-critical-hover: var(--base-red-600);
  --interactive-critical-pressed: var(--base-red-700);
  --interactive-critical-disabled: var(--base-red-300);
  --interactive-info-default: var(--base-blue-500);
  --interactive-info-hover: var(--base-blue-600);
  --interactive-info-pressed: var(--base-blue-700);
  --interactive-info-disabled: var(--base-blue-300);
  --interactive-neutral-default: var(--base-gray-400);
  --interactive-neutral-hover: var(--base-gray-500);
  --interactive-neutral-pressed: var(--base-gray-600);
  --interactive-neutral-disabled: var(--base-gray-700);
  --background-view-darker: var(--base-steel-50);
  --background-view-lighter: var(--base-gray-100);
  --background-view-light: var(--base-gray-200);
  --background-view-app: var(--base-gray-300);
  --background-view-hover: var(--base-gray-400);
  --background-view-navi: var(--base-gray-500);
  --background-system-info-default: var(--base-blue-100);
  --background-system-critcal: var(--base-red-100);
  --background-system-warning: var(--base-yellow-100);
  --background-system-success: var(--base-green-100);
  --border-neutral-default: var(--base-gray-600);
  --border-neutral-dark: var(--base-gray-700);
  --border-neutral-disabled: var(--base-gray-500);
  --border-system-info: var(--base-blue-500);
  --border-system-success: var(--base-green-500);
  --border-system-critical: var(--base-red-500);
  --border-system-warning: var(--base-yellow-500);
  --text-system-info: var(--base-blue-600);
  --text-system-success: var(--base-green-600);
  --text-system-warning: var(--base-yellow-600);
  --text-system-critical: var(--base-red-600);
  --text-main-default: var(--base-steel-900);
  --text-main-subdued: var(--base-steel-500);
  --text-main-disabled: var(--base-steel-300);
  --text-onpromote-default: var(--white);
  --icon-system-info: var(--base-blue-500);
  --icon-system-success: var(--base-green-500);
  --icon-system-warning: var(--base-yellow-500);
  --icon-system-critical: var(--base-red-500);
  --icon-main-default: var(--base-steel-900);
  --icon-main-subdued: var(--base-steel-500);
  --icon-main-disabled: var(--base-steel-300);
  --pricing-start-default: var(--base-steel-900);
  --pricing-start-hover: var(--base-steel-800);
  --color-bg-default: var(--white);
  --color-bg-disabled: var(--base-gray-600);
  --color-bg-primary-subdued-hover: var(--background-view-edit);
  --color-bg-primary-subdued-active: var(--background-view-edit);
  --color-bg-neutral-hover: var(--base-gray-500);
  --color-bg-neutral-selected: var(--base-gray-400);
  --color-bg-neutral-strong-default: var(--base-gray-600);
  --color-bg-neutral-strong-hover: var(--base-gray-700);
  --color-bg-success-subdued-default: var(--base-green-100);
  --color-bg-success-subdued-hover: var(--base-green-200);
  --color-bg-success-subdued-pressed: var(--base-green-300);
  --color-bg-critical-strong-default: var(--base-red-600);
  --color-bg-critical-strong-active: var(--base-red-700);
  --color-bg-critical-subdued-default: var(--base-red-50);
  --color-bg-critical-subdued-hover: var(--base-red-200);
  --color-bg-critical-subdued-pressed: var(--base-red-300);
  --color-bg-warning-subdued-default: var(--base-yellow-100);
  --color-bg-warning-subdued-hover: var(--base-yellow-200);
  --color-bg-warning-subdued-pressed: var(--base-yellow-300);
  --color-bg-scale-default: var(--pricing-scale-default);
  --color-bg-scale-hover: var(--pricing-scale-hover);
  --color-bg-scale-subdued-default: var(--pricing-scale-subdued);
  --color-bg-lead-default: var(--pricing-lead-default);
  --color-bg-lead-hover: var(--pricing-lead-hover);
  --color-bg-lead-subdued-default: var(--pricing-lead-subdued);
  --color-bg-private-default: var(--background-private-default);
  --color-bg-private-hover: var(--background-private-dark);
  --color-bg-private-strong-default: var(--background-private-dark);
  --color-bg-private-low-default: var(--background-private-light);
  --color-bg-gradient-subdued: var(--background-gradient-neutral);
  --color-bg-secondary-default: var(--base-steel-500);
  --color-bg-secondary-strong-default: var(--base-steel-900);
  --color-bg-secondary-strong-hover: var(--base-steel-700);
  --color-bg-secondary-strong-pressed: var(--base-steel-600);
  --color-bg-secondary-strong-active: var(--base-steel-800);
  --color-bg-secondary-subdued-default: var(--base-steel-100);
  --color-bg-secondary-low-default: var(--base-steel-400);
  --color-bg-secondary-low-disabled: var(--base-steel-300);
  --color-bg-info-default: var(--base-blue-500);
  --color-bg-info-hover: var(--base-blue-600);
  --color-bg-info-pressed: var(--base-blue-700);
  --color-bg-info-strong-default: var(--base-blue-600);
  --color-bg-overdue-default: var(--misc-special-orange);
  --color-bg-overdue-low-default: var(--misc-special-orange-light);
  --color-bg-noconsent-default: var(--misc-special-orange-light);
  --color-bg-nodata-default: var(--misc-special-orange-light);
  --color-bg-team-default: var(--misc-special-violet);
  --color-bg-personal-default: var(--misc-special-personal);
  --color-bg-offer-default: var(--misc-special-purple);
  --color-bg-offer-low-default: var(--misc-special-purple-light);
  --color-bg-offer-low-hover: var(--misc-special-purple-light);
  --color-bg-requisition-subdued-default: var(--misc-special-purple-light);
  --color-bg-screening-default: var(--base-blue-600);
  --color-bg-screening-hover: var(--base-blue-700);
  --color-bg-screening-pressed: var(--base-blue-800);
  --color-bg-screening-low-default: var(--base-blue-100);
  --color-bg-interview-default: var(--base-blue-500);
  --color-bg-interview-hover: var(--base-blue-600);
  --color-bg-interview-pressed: var(--base-blue-700);
  --color-bg-evaluation-default: var(--misc-special-turquoise);
  --color-bg-evaluation-low-default: var(--misc-special-turquoise-light);
  --color-bg-evaluation-low-hover: var(--misc-special-turquoise-light);
  --color-bg-job-subdued-default: var(--misc-special-turquoise-light);
  --color-bg-hired-default: var(--base-green-500);
  --color-bg-hired-hover: var(--base-green-600);
  --color-bg-hired-pressed: var(--base-green-700);
  --color-bg-translate-default: var(--base-yellow-500);
  --color-bg-oncomponent-default: var(--white);
  --color-bg-oncomponent-hover: var(--white);
  --color-bg-oncomponent-active: var(--white);
  --color-bg-optimize-default: var(--pricing-optimize-default);
  --color-bg-optimize-hover: var(--pricing-optimize-hover);
  --color-bg-optimize-subdued-default: var(--pricing-optimize-subdued);
  --color-bg-grow-default: var(--pricing-grow-default);
  --color-bg-grow-hover: var(--pricing-grow-hover);
  --color-bg-grow-subdued-default: var(--pricing-grow-subdued);
  --color-bg-onboarding-default: var(--onboarding-background-default);
  --color-bg-onboarding-hover: var(--onboarding-background-default);
  --color-bg-onboarding-low-default: var(--onboarding-background-low);
  --color-bg-onboarding-low-active: var(--onboarding-background-loader);
  --color-bg-onboarding-subdued-default: var(--onboarding-background-subdued);
  --color-bg-tellent-default: var(--product-tellent-500);
  --color-bg-tellent-hover: var(--product-tellent-600);
  --color-bg-tellent-pressed: var(--product-tellent-700);
  --color-bg-tellent-active: var(--product-tellent-100);
  --color-bg-applied-default: var(--misc-special-gray-dark);
  --color-bg-applied-low-default: var(--misc-special-gray-light);
  --color-bg-notype-default: var(--misc-special-brown);
  --color-bg-notype-low-default: var(--misc-special-brown-light);
  --color-bg-javelo-default: var(--product-javelo-500);
  --color-bg-javelo-hover: var(--product-javelo-100);
  --color-bg-public-subdued-default: var(--misc-public-subdued);
  --color-bg-article-turquoise-subdued-default: var(--article-ocean-subdued-default);
  --color-bg-article-purple-subdued-default: var(--article-orchid-subdued-default);
  --color-bg-accent-default: var(--base-magenta-500);
  --color-bg-accent-hover: var(--base-magenta-500);
  --color-bg-accent-pressed: var(--base-magenta-600);
  --color-bg-accent-active: var(--base-magenta-500);
  --color-bg-accent-subdued-default: var(--base-magenta-100);
  --color-bg-accent-subdued-hover: var(--base-magenta-100);
  --color-bg-accent-subdued-pressed: var(--base-magenta-100);
  --color-bg-accent-strong-default: var(--base-magenta-600);
  --color-bg-attendance-subdued-default: var(--billing-pink-light);
  --color-bg-employees-subdued-default: var(--billing-orange-light);
  --color-bg-timeoff-subdued-default: var(--billing-blue-light);
  --color-bg-company-subdued-default: var(--billing-turquoise-light);
  --color-bg-payroll-subdued-default: var(--billing-purple-light);
  --color-bg-expenses-subdued-default: var(--billing-navy-light);
  --color-bg-reports-subdued-default: var(--billing-green-light);
  --color-bg-workflows-default: var(--background-gradient-workflows-light);
  --color-bg-workflows-hover: var(--background-gradient-workflows-light);
  --color-text-low-default: var(--base-steel-400);
  --color-text-onprimary-default: var(--white);
  --color-text-onprimary-hover: var(--white);
  --color-text-onprimary-pressed: var(--white);
  --color-text-onprimary-disabled: var(--white);
  --color-text-onprimary-selected: var(--white);
  --color-text-onneutral-disabled: var(--white);
  --color-text-onsuccess-default: var(--white);
  --color-text-onsuccess-hover: var(--white);
  --color-text-onsuccess-pressed: var(--white);
  --color-text-oncritical-default: var(--white);
  --color-text-oncritical-hover: var(--white);
  --color-text-oncritical-pressed: var(--white);
  --color-text-onwarning-default: var(--white);
  --color-text-onwarning-hover: var(--white);
  --color-text-onwarning-pressed: var(--white);
  --color-text-success-strong-hover: var(--base-green-700);
  --color-text-success-strong-pressed: var(--base-green-800);
  --color-text-critical-strong-hover: var(--base-red-700);
  --color-text-critical-strong-pressed: var(--base-red-800);
  --color-text-warning-strong-hover: var(--base-yellow-700);
  --color-text-warning-strong-pressed: var(--base-yellow-800);
  --color-text-onscale-default: var(--white);
  --color-text-onscale-hover: var(--white);
  --color-text-onlead-default: var(--white);
  --color-text-onlead-hover: var(--white);
  --color-text-scale-default: var(--pricing-scale-default);
  --color-text-scale-hover: var(--pricing-scale-hover);
  --color-text-ongradient-default: var(--white);
  --color-text-lead-default: var(--pricing-lead-default);
  --color-text-onsecondary-default: var(--white);
  --color-text-onsecondary-strong-default: var(--white);
  --color-text-onsecondary-strong-hover: var(--white);
  --color-text-onsecondary-strong-pressed: var(--white);
  --color-text-oninfo-strong-default: var(--white);
  --color-text-oninfo-default: var(--white);
  --color-text-oninfo-hover: var(--white);
  --color-text-oninfo-pressed: var(--white);
  --color-text-overdue-default: var(--misc-special-orange);
  --color-text-onoverdue-default: var(--white);
  --color-text-noconsent-default: var(--misc-special-orange);
  --color-text-nodata-default: var(--misc-special-orange);
  --color-text-onoverlay-default: var(--white);
  --color-text-onoverlay-hover: var(--white);
  --color-text-onoverlay-pressed: var(--white);
  --color-text-onoverlay-disabled: var(--base-steel-400);
  --color-text-onoverlay-low-default: var(--base-gray-500);
  --color-text-onghost-default: var(--white);
  --color-text-onghost-hover: var(--white);
  --color-text-onghost-pressed: var(--white);
  --color-text-onghost-disabled: var(--base-steel-400);
  --color-text-onteam-default: var(--white);
  --color-text-oncomponent-default: var(--white);
  --color-text-onoptimize-default: var(--white);
  --color-text-onoptimize-hover: var(--white);
  --color-text-optimize-default: var(--pricing-optimize-default);
  --color-text-optimize-hover: var(--pricing-optimize-hover);
  --color-text-ongrow-default: var(--white);
  --color-text-ongrow-hover: var(--white);
  --color-text-grow-default: var(--pricing-grow-default);
  --color-text-grow-hover: var(--pricing-grow-hover);
  --color-text-onstart-default: var(--white);
  --color-text-onstart-hover: var(--white);
  --color-text-onboarding-low-default: var(--onboarding-text-low);
  --color-text-onboarding-default: var(--onboarding-text-default);
  --color-text-ononboarding-default: var(--white);
  --color-text-ononboarding-hover: var(--white);
  --color-text-ontellent-default: var(--white);
  --color-text-ontellent-hover: var(--white);
  --color-text-ontellent-pressed: var(--white);
  --color-text-onapplied-default: var(--white);
  --color-text-onapplied-hover: var(--white);
  --color-text-onapplied-pressed: var(--white);
  --color-text-onscreening-default: var(--white);
  --color-text-onscreening-hover: var(--white);
  --color-text-onscreening-pressed: var(--white);
  --color-text-oninterview-default: var(--white);
  --color-text-oninterview-hover: var(--white);
  --color-text-oninterview-pressed: var(--white);
  --color-text-onevaluation-default: var(--white);
  --color-text-onevaluation-hover: var(--white);
  --color-text-onevaluation-pressed: var(--white);
  --color-text-onoffer-default: var(--white);
  --color-text-onoffer-hover: var(--white);
  --color-text-onoffer-pressed: var(--white);
  --color-text-onhired-default: var(--white);
  --color-text-onhired-hover: var(--white);
  --color-text-onhired-pressed: var(--white);
  --color-text-onnotype-default: var(--white);
  --color-text-onnotype-hover: var(--white);
  --color-text-onnotype-pressed: var(--white);
  --color-text-onkiwi-default: var(--white);
  --color-text-onkiwi-hover: var(--white);
  --color-text-onkiwi-pressed: var(--white);
  --color-text-onjavelo-default: var(--white);
  --color-text-onrecruitee-default: var(--white);
  --color-text-accent-default: var(--base-magenta-500);
  --color-text-accent-hover: var(--base-magenta-600);
  --color-text-accent-pressed: var(--base-magenta-600);
  --color-text-onaccent-default: var(--white);
  --color-text-onaccent-hover: var(--white);
  --color-text-onaccent-pressed: var(--white);
  --color-text-link-default: var(--text-system-primary);
  --color-text-offer-default: var(--misc-special-purple);
  --color-icon-hover: var(--base-steel-900);
  --color-icon-pressed: var(--base-steel-900);
  --color-icon-strong-default: var(--base-steel-900);
  --color-icon-onprimary-default: var(--white);
  --color-icon-onprimary-hover: var(--white);
  --color-icon-onprimary-pressed: var(--white);
  --color-icon-onprimary-disabled: var(--white);
  --color-icon-onneutral-disabled: var(--white);
  --color-icon-onsuccess-default: var(--white);
  --color-icon-onsuccess-hover: var(--white);
  --color-icon-onsuccess-pressed: var(--white);
  --color-icon-onsuccess-disabled: var(--white);
  --color-icon-oncritical-default: var(--white);
  --color-icon-oncritical-hover: var(--white);
  --color-icon-oncritical-pressed: var(--white);
  --color-icon-onwarning-default: var(--white);
  --color-icon-onwarning-hover: var(--white);
  --color-icon-onwarning-pressed: var(--white);
  --color-icon-success-strong-default: var(--base-green-600);
  --color-icon-success-strong-hover: var(--base-green-700);
  --color-icon-success-strong-pressed: var(--base-green-800);
  --color-icon-critical-strong-default: var(--base-red-600);
  --color-icon-critical-strong-hover: var(--base-red-700);
  --color-icon-critical-strong-pressed: var(--base-red-800);
  --color-icon-info-strong-default: var(--base-blue-600);
  --color-icon-warning-strong-default: var(--base-yellow-600);
  --color-icon-warning-strong-hover: var(--base-yellow-700);
  --color-icon-warning-strong-pressed: var(--base-yellow-800);
  --color-icon-scale-default: var(--pricing-scale-default);
  --color-icon-scale-hover: var(--pricing-scale-hover);
  --color-icon-ongradient-default: var(--white);
  --color-icon-onscale-default: var(--white);
  --color-icon-onscale-hover: var(--white);
  --color-icon-lead-default: var(--pricing-lead-default);
  --color-icon-onlead-default: var(--white);
  --color-icon-onlead-hover: var(--white);
  --color-icon-onsecondary-default: var(--white);
  --color-icon-onsecondary-strong-default: var(--white);
  --color-icon-onsecondary-strong-hover: var(--white);
  --color-icon-oninfo-strong-default: var(--white);
  --color-icon-oninfo-default: var(--white);
  --color-icon-oninfo-hover: var(--white);
  --color-icon-oninfo-pressed: var(--white);
  --color-icon-overdue-default: var(--misc-special-orange);
  --color-icon-onoverdue-default: var(--white);
  --color-icon-noconsent-default: var(--misc-special-orange);
  --color-icon-nodata-default: var(--misc-special-orange);
  --color-icon-onoverlay-default: var(--white);
  --color-icon-onoverlay-hover: var(--white);
  --color-icon-onoverlay-pressed: var(--white);
  --color-icon-onoverlay-disabled: var(--base-steel-400);
  --color-icon-onghost-default: var(--white);
  --color-icon-onghost-hover: var(--white);
  --color-icon-onghost-pressed: var(--white);
  --color-icon-onghost-disabled: var(--base-steel-400);
  --color-icon-low-default: var(--base-steel-400);
  --color-icon-low-hover: var(--base-steel-500);
  --color-icon-low-disabled: var(--base-gray-700);
  --color-icon-subdued-default: var(--base-steel-100);
  --color-icon-oncomponent-default: var(--white);
  --color-icon-optimize-default: var(--pricing-optimize-default);
  --color-icon-optimize-hover: var(--pricing-optimize-hover);
  --color-icon-onoptimize-default: var(--white);
  --color-icon-onoptimize-hover: var(--white);
  --color-icon-grow-default: var(--pricing-grow-default);
  --color-icon-grow-hover: var(--pricing-grow-hover);
  --color-icon-ongrow-default: var(--white);
  --color-icon-ongrow-hover: var(--white);
  --color-icon-onboarding-default: var(--onboarding-icon-default);
  --color-icon-onboarding-low-default: var(--onboarding-icon-low);
  --color-icon-ononboarding-default: var(--white);
  --color-icon-ononboarding-hover: var(--white);
  --color-icon-onhired-default: var(--white);
  --color-icon-onhired-hover: var(--white);
  --color-icon-onhired-pressed: var(--white);
  --color-icon-onkiwi-default: var(--white);
  --color-icon-onkiwi-hover: var(--white);
  --color-icon-onkiwi-pressed: var(--white);
  --color-icon-onjavelo-default: var(--white);
  --color-icon-onapplied-default: var(--white);
  --color-icon-onapplied-hover: var(--white);
  --color-icon-onapplied-pressed: var(--white);
  --color-icon-onscreening-default: var(--white);
  --color-icon-onscreening-hover: var(--white);
  --color-icon-onscreening-pressed: var(--white);
  --color-icon-oninterview-default: var(--white);
  --color-icon-oninterview-hover: var(--white);
  --color-icon-oninterview-pressed: var(--white);
  --color-icon-onevaluation-default: var(--white);
  --color-icon-onevaluation-hover: var(--white);
  --color-icon-onevaluation-pressed: var(--white);
  --color-icon-onoffer-default: var(--white);
  --color-icon-onoffer-hover: var(--white);
  --color-icon-onoffer-pressed: var(--white);
  --color-icon-onnotype-default: var(--white);
  --color-icon-onnotype-hover: var(--white);
  --color-icon-onnotype-pressed: var(--white);
  --color-icon-ontellent-default: var(--white);
  --color-icon-ontellent-hover: var(--white);
  --color-icon-ontellent-pressed: var(--white);
  --color-icon-tellent-default: var(--product-tellent-500);
  --color-icon-tellent-active: var(--product-tellent-500);
  --color-icon-offer-default: var(--misc-special-purple);
  --color-icon-evaluation-default: var(--misc-special-turquoise);
  --color-icon-public-default: var(--misc-public-default);
  --color-icon-requisition-default: var(--misc-special-purple);
  --color-icon-job-default: var(--misc-special-turquoise);
  --color-icon-article-turquoise-default: var(--article-ocean-default);
  --color-icon-article-purple-default: var(--article-orchid-default);
  --color-icon-accent-default: var(--base-magenta-500);
  --color-icon-accent-hover: var(--base-magenta-600);
  --color-icon-accent-pressed: var(--base-magenta-600);
  --color-icon-onaccent-default: var(--white);
  --color-icon-onaccent-hover: var(--white);
  --color-icon-onaccent-pressed: var(--white);
  --color-icon-attendance-default: var(--billing-pink);
  --color-icon-timeoff-default: var(--billing-blue);
  --color-icon-employees-default: var(--billing-orange);
  --color-icon-company-default: var(--billing-turquoise);
  --color-icon-payroll-default: var(--billing-purple);
  --color-icon-expenses-default: var(--billing-navy);
  --color-icon-reports-default: var(--billing-green);
  --color-icon-link-default: var(--icon-system-primary);
  --color-icon-workflows-default: var(--background-gradient-workflows-default);
  --color-border-success-subdued-default: var(--base-green-200);
  --color-border-success-low-default: var(--base-green-400);
  --color-border-critical-low-default: var(--base-red-300);
  --color-border-critical-subdued-default: var(--base-red-200);
  --color-border-info-subdued-default: var(--base-blue-200);
  --color-border-warning-subdued-default: var(--base-yellow-200);
  --color-border-neutral-disabled: var(--base-gray-300);
  --color-border-oncomponent-default: var(--white);
  --color-border-secondary-default: var(--base-steel-500);
  --color-border-secondary-hover: var(--base-steel-900);
  --color-border-secondary-disabled: var(--base-steel-300);
  --color-border-secondary-low-default: var(--base-steel-400);
  --color-border-secondary-low-disabled: var(--base-steel-200);
  --color-border-secondary-strong-default: var(--base-steel-700);
  --color-border-translate-default: var(--base-yellow-500);
  --color-border-onghost-default: var(--white);
  --color-border-onghost-hover: var(--white);
  --color-border-onghost-pressed: var(--white);
  --color-border-onghost-disabled: var(--base-steel-400);
  --color-border-private-default: var(--misc-special-dark-yellow);
  --color-border-low-default: var(--base-gray-500);
  --color-border-low-hover: var(--base-steel-100);
  --color-border-team-default: var(--misc-special-violet);
  --color-border-tint-default: var(--border-neutral-transparent);
  --color-border-accent-default: var(--base-magenta-500);
  --color-border-accent-hover: var(--base-magenta-600);
  --color-border-accent-pressed: var(--base-magenta-600);
  --color-border-accent-subdued-default: var(--base-magenta-200);
  --color-border-onprimary-default: var(--white);
  --color-border-onprimary-hover: var(--white);
  --color-border-onprimary-pressed: var(--white);
  --color-border-offer-subdued-default: var(--misc-special-purple-low);
  --color-gradient-primary: var(--background-gradient-brand);
  --color-gradient-launch: var(--background-gradient-launch);
  --color-gradient-scale: var(--background-gradient-scale);
  --color-gradient-lead: var(--background-gradient-lead);
  --color-gradient-purple: var(--background-gradient-purple);
  --color-gradient-orange: var(--background-gradient-orange);
  --color-gradient-red: var(--background-gradient-red);
  --color-gradient-light-blue: var(--background-gradient-light-blue);
  --color-gradient-video: var(--background-gradient-video);
  --color-gradient-video-overlay: var(--background-gradient-video-overlay);
  --color-gradient-find-time-neutral: var(--background-gradient-find-time-gray);
  --color-gradient-find-time-primary: var(--background-gradient-find-time-blue);
  --color-gradient-find-time-violet: var(--background-gradient-find-time-violet);
  --color-gradient-shimmer: var(--background-gradient-mask);
  --color-gradient-rainbow: var(--background-gradient-rainbow);
  --color-gradient-neutral-to-transparent: var(--background-gradient-gray-to-transparent);
  --color-gradient-tellent: var(--background-gradient-tellent-default);
  --color-gradient-pink: var(--background-gradient-tellent-pink);
  --color-gradient-impact: var(--background-gradient-tellent-light-purple);
  --color-gradient-ai-default: var(--background-gradient-ai-purple-magenta);
  --color-gradient-ai-subdued-default: var(--background-gradient-ai-light-purple-magenta);
  --color-gradient-ai-strong-default: var(--background-gradient-ai-dark-purple-magenta);
  --color-gradient-grow: var(--background-gradient-grow-default);
  --color-gradient-workflows: var(--background-gradient-workflows-default);
  --color-gradient-workflows-light: var(--background-gradient-workflows-light);
  --color-gradient-promote: var(--background-gradient-promote);
  --color-tooltip-feature: var(--misc-special-dark-blue);
  --color-avatar-steel-lighter: var(--avatar-steel-lighter);
  --color-avatar-green: var(--avatar-green);
  --color-avatar-blue-light: var(--avatar-blue-light);
  --color-avatar-blue-dark: var(--avatar-blue-dark);
  --color-avatar-pink: var(--avatar-pink);
  --color-chart-primary-default: var(--chart-brand-default);
  --color-chart-blue-default: var(--chart-sky-default);
  --color-chart-turquoise-default: var(--chart-ocean-default);
  --color-chart-purple-default: var(--chart-orchid-default);
  --color-chart-purple-subdued-default: var(--chart-lavender-default);
  --color-chart-gray-default: var(--chart-steel-default);
  --color-chart-green-default: var(--chart-emerald-default);
  --color-chart-green-subdued-default: var(--chart-mint-default);
  --color-chart-blue-strong-default: var(--chart-cobalt-default);
  --color-chart-yellow-default: var(--chart-sunflower-default);
  --color-chart-yellow-subdued-default: var(--chart-lemon-default);
  --color-chart-orange-default: var(--chart-pumpkin-default);
  --color-candidates-bg-primary-default: var(--candidates-bg-brand-default);
  --color-candidates-bg-green-strong-default: var(--candidates-bg-rainforest-default);
  --color-candidates-bg-orange-default: var(--candidates-bg-fire-default);
  --color-candidates-bg-yellow-default: var(--candidates-bg-gold-default);
  --color-candidates-bg-green-subdued-default: var(--candidates-bg-jungle-default);
  --color-candidates-bg-blue-default: var(--candidates-bg-navy-default);
  --color-candidates-bg-violet-default: var(--candidates-bg-eggplant-default);
  --color-candidates-bg-green-default: var(--candidates-bg-grass-default);
  --color-candidates-bg-blue-strong-default: var(--candidates-bg-denim-default);
  --color-candidates-bg-purple-default: var(--candidates-bg-lilac-default);
  --color-candidates-border-primary-default: var(--candidates-border-brand-default);
  --color-candidates-border-green-strong-default: var(--candidates-border-rainforest-default);
  --color-candidates-border-orange-default: var(--candidates-border-fire-default);
  --color-candidates-border-yellow-default: var(--candidates-border-gold-default);
  --color-candidates-border-green-subdued-default: var(--candidates-border-jungle-default);
  --color-candidates-border-blue-default: var(--candidates-border-navy-default);
  --color-candidates-border-violet-default: var(--candidates-border-eggplant-default);
  --color-candidates-border-green-default: var(--candidates-border-grass-default);
  --color-candidates-border-blue-strong-default: var(--candidates-border-denim-default);
  --color-candidates-border-purple-default: var(--candidates-border-lilac-default);
  --color-marketplace-ribbon: var(--base-green-700);
  --color-versatile-default: var(--white);
  --color-facebook-default: var(--misc-social-facebook);
  --color-x-default: var(--misc-social-x);
  --color-googleplus-default: var(--misc-social-google-plus);
  --color-linkedin-default: var(--misc-social-linkedin);
  --color-nav-bg-neutral-default: var(--background-view-appshell);
  --color-nav-bg-neutral-low-hover: var(--base-gray-500);
  --color-nav-text-low-default: var(--base-steel-400);
  --avatar-steel-light: var(--base-steel-100);
  --avatar-steel-dark: var(--base-steel-500);
  --avatar-gray-light: var(--base-gray-500);
  --avatar-gray-dark: var(--base-gray-900);
  --avatar-purple: var(--pricing-lead-hover);
  --avatar-yellow: var(--base-yellow-500);
  --avatar-orange: var(--misc-special-orange);
  --avatar-skeleton: var(--base-gray-400);
  --ai-default: var(--background-gradient-ai-purple-magenta);
  --ai-strong-default: var(--background-gradient-ai-dark-purple-magenta);
  --ai-subdued-default: var(--background-gradient-ai-light-purple-magenta);
  --interactive-primary-default: var(--base-brand-500);
  --interactive-primary-active: var(--base-brand-500);
  --interactive-primary-hover: var(--base-brand-600);
  --interactive-primary-pressed: var(--base-brand-700);
  --interactive-primary-disabled: var(--base-brand-300);
  --background-view-hover-background: var(--base-brand-50);
  --border-main-primary: var(--base-brand-500);
  --border-main-active: var(--base-brand-200);
  --text-system-primary-dark: var(--base-brand-500);
  --text-main-active: var(--base-brand-600);
  --icon-system-primary-dark: var(--base-brand-500);
  --icon-main-brand: var(--base-brand-500);
  --icon-main-active: var(--base-brand-600);
  --color-bg-hover: var(--background-view-hover);
  --color-bg-active: var(--base-brand-100);
  --color-bg-selected: var(--base-brand-100);
  --color-bg-primary-strong-default: var(--base-brand-600);
  --color-bg-primary-low-default: var(--base-brand-100);
  --color-bg-primary-low-hover: var(--base-brand-100);
  --color-bg-primary-low-pressed: var(--base-brand-200);
  --color-bg-neutral-default: var(--background-view-app);
  --color-bg-neutral-pressed: var(--interactive-neutral-pressed);
  --color-bg-neutral-disabled: var(--interactive-neutral-disabled);
  --color-bg-neutral-low-default: var(--background-view-light);
  --color-bg-neutral-low-hover: var(--background-view-darker);
  --color-bg-neutral-low-disabled: var(--background-view-app);
  --color-bg-success-default: var(--interactive-success-default);
  --color-bg-success-hover: var(--interactive-success-hover);
  --color-bg-success-pressed: var(--interactive-success-pressed);
  --color-bg-success-disabled: var(--interactive-success-disabled);
  --color-bg-success-low-default: var(--background-system-success);
  --color-bg-success-low-hover: var(--background-system-success);
  --color-bg-success-low-pressed: var(--background-system-success);
  --color-bg-critical-default: var(--interactive-critical-default);
  --color-bg-critical-hover: var(--interactive-critical-hover);
  --color-bg-critical-pressed: var(--interactive-critical-pressed);
  --color-bg-critical-disabled: var(--interactive-critical-disabled);
  --color-bg-critical-low-default: var(--background-system-critcal);
  --color-bg-critical-low-hover: var(--background-system-critcal);
  --color-bg-critical-low-pressed: var(--background-system-critcal);
  --color-bg-warning-default: var(--interactive-warning-default);
  --color-bg-warning-hover: var(--interactive-warning-hover);
  --color-bg-warning-pressed: var(--interactive-warning-pressed);
  --color-bg-warning-disabled: var(--interactive-warning-disabled);
  --color-bg-warning-low-default: var(--background-system-warning);
  --color-bg-warning-low-hover: var(--background-system-warning);
  --color-bg-warning-low-pressed: var(--background-system-warning);
  --color-bg-secondary-disabled: var(--background-view-darker);
  --color-bg-info-disabled: var(--interactive-info-disabled);
  --color-bg-info-low-default: var(--background-system-info-default);
  --color-bg-info-low-hover: var(--background-system-info-default);
  --color-bg-info-low-pressed: var(--background-system-info-default);
  --color-bg-interview-low-default: var(--background-system-info-default);
  --color-bg-hired-low-default: var(--background-system-success);
  --color-bg-start-default: var(--pricing-start-default);
  --color-bg-start-hover: var(--pricing-start-hover);
  --color-text-default: var(--text-main-subdued);
  --color-text-hover: var(--text-main-default);
  --color-text-pressed: var(--text-main-default);
  --color-text-disabled: var(--text-main-disabled);
  --color-text-strong-default: var(--text-main-default);
  --color-text-strong-hover: var(--text-main-default);
  --color-text-strong-selected: var(--text-main-default);
  --color-text-success-default: var(--interactive-success-default);
  --color-text-success-hover: var(--interactive-success-default);
  --color-text-success-pressed: var(--text-system-success);
  --color-text-success-strong-default: var(--text-system-success);
  --color-text-critical-default: var(--interactive-critical-default);
  --color-text-critical-hover: var(--interactive-critical-default);
  --color-text-critical-pressed: var(--text-system-critical);
  --color-text-critical-strong-default: var(--text-system-critical);
  --color-text-info-default: var(--interactive-info-default);
  --color-text-info-hover: var(--interactive-info-default);
  --color-text-info-pressed: var(--text-system-info);
  --color-text-info-strong-default: var(--text-system-info);
  --color-text-warning-default: var(--interactive-warning-default);
  --color-text-warning-hover: var(--interactive-warning-default);
  --color-text-warning-pressed: var(--text-system-warning);
  --color-text-warning-strong-default: var(--text-system-warning);
  --color-text-primary-pressed: var(--base-brand-600);
  --color-text-primary-strong-default: var(--base-brand-600);
  --color-text-primary-strong-active: var(--base-brand-600);
  --color-text-ai-default: var(--ai-strong-default);
  --color-icon-default: var(--icon-main-subdued);
  --color-icon-disabled: var(--icon-main-disabled);
  --color-icon-success-default: var(--icon-system-success);
  --color-icon-success-hover: var(--icon-system-success);
  --color-icon-success-pressed: var(--interactive-success-hover);
  --color-icon-success-active: var(--interactive-success-active);
  --color-icon-critical-default: var(--icon-system-critical);
  --color-icon-critical-hover: var(--icon-system-critical);
  --color-icon-critical-pressed: var(--interactive-critical-hover);
  --color-icon-info-default: var(--icon-system-info);
  --color-icon-info-hover: var(--icon-system-info);
  --color-icon-info-pressed: var(--interactive-info-hover);
  --color-icon-warning-default: var(--icon-system-warning);
  --color-icon-warning-hover: var(--icon-system-warning);
  --color-icon-warning-pressed: var(--interactive-warning-hover);
  --color-icon-primary-strong-default: var(--base-brand-600);
  --color-icon-primary-strong-pressed: var(--base-brand-600);
  --color-icon-ai-default: var(--ai-strong-default);
  --color-border-default: var(--border-neutral-default);
  --color-border-hover: var(--border-neutral-default);
  --color-border-pressed: var(--border-neutral-default);
  --color-border-disabled: var(--border-neutral-disabled);
  --color-border-selected: var(--border-neutral-default);
  --color-border-success-default: var(--border-system-success);
  --color-border-success-hover: var(--border-system-success);
  --color-border-success-pressed: var(--interactive-success-hover);
  --color-border-critical-default: var(--border-system-critical);
  --color-border-critical-hover: var(--border-system-critical);
  --color-border-critical-pressed: var(--interactive-critical-hover);
  --color-border-info-default: var(--border-system-info);
  --color-border-info-hover: var(--border-system-info);
  --color-border-info-pressed: var(--interactive-info-hover);
  --color-border-warning-default: var(--border-system-warning);
  --color-border-warning-hover: var(--border-system-warning);
  --color-border-warning-pressed: var(--interactive-warning-hover);
  --color-border-warning-disabled: var(--interactive-warning-disabled);
  --color-border-neutral-hover: var(--border-neutral-dark);
  --color-border-primary-strong-default: var(--base-brand-600);
  --color-border-primary-subdued-default: var(--base-brand-200);
  --color-border-primary-low-default: var(--base-brand-400);
  --color-border-strong-default: var(--border-neutral-dark);
  --color-border-strong-disabled: var(--border-neutral-dark);
  --color-avatar-steel-light: var(--avatar-steel-light);
  --color-avatar-steel-dark: var(--avatar-steel-dark);
  --color-avatar-gray-light: var(--avatar-gray-light);
  --color-avatar-gray-dark: var(--avatar-gray-dark);
  --color-avatar-purple: var(--avatar-purple);
  --color-avatar-yellow: var(--avatar-yellow);
  --color-avatar-orange: var(--avatar-orange);
  --color-avatar-skeleton: var(--avatar-skeleton);
  --color-logo-typography-default: var(--base-brand-500);
  --color-logo-sign-primary-default: var(--base-brand-500);
  --color-nav-bg-active: var(--base-brand-100);
  --color-nav-text-default: var(--text-main-subdued);
  --color-nav-text-strong-default: var(--text-main-default);
  --color-nav-icon-default: var(--icon-main-subdued);
  --color-nav-icon-strong-default: var(--icon-main-default);
  --color-nav-icon-disabled: var(--icon-main-disabled);
  --color-nav-border-default: var(--border-neutral-default);
  --avatar-blue-darker: var(--base-brand-800);
  --color-bg-primary-default: var(--interactive-primary-default);
  --color-bg-primary-hover: var(--interactive-primary-hover);
  --color-bg-primary-pressed: var(--interactive-primary-pressed);
  --color-bg-primary-selected: var(--interactive-primary-default);
  --color-bg-primary-disabled: var(--interactive-primary-disabled);
  --color-bg-primary-subdued-default: var(--background-view-hover-background);
  --color-bg-primary-subdued-selected: var(--background-view-hover-background);
  --color-text-active: var(--text-main-active);
  --color-text-primary-default: var(--interactive-primary-default);
  --color-text-primary-hover: var(--interactive-primary-hover);
  --color-text-primary-active: var(--interactive-primary-active);
  --color-text-link-hover: var(--text-system-primary-dark);
  --color-icon-active: var(--icon-main-active);
  --color-icon-primary-default: var(--interactive-primary-default);
  --color-icon-primary-hover: var(--interactive-primary-hover);
  --color-icon-primary-pressed: var(--interactive-primary-default);
  --color-icon-translate-default: var(--color-icon-warning-default);
  --color-icon-link-hover: var(--icon-system-primary-dark);
  --color-border-active: var(--border-main-active);
  --color-border-primary-default: var(--interactive-primary-default);
  --color-border-primary-hover: var(--interactive-primary-hover);
  --color-avatar-blue-darker: var(--avatar-blue-darker);
  --color-nav-text-primary-active: var(--interactive-primary-active);
  --color-nav-icon-primary-default: var(--interactive-primary-default);
  --shadow-border-card-default: 0 0 0 1px var(--color-border-default);
}

/* node_modules/@tellent/design-tokens/lib/index.css */

/* angular:styles/global:design-tokens */