/*
 * Application colors
 */
/*
 * Theme colors
 */
/*
 * Alert colors
 */
/*
 * Tokens for developers
 */
/*
 * Default page background;
 * UI Shell base color
 */
/*
 * Container color on $background;
 * Secondary page background
 */
/*
Container color on $layer-01
 */
/*
Container color on $layer-02
 */
/*
Subtle border;
Tertiary background
 */
/**
Primary text;
Body copy;
Headers;
Hover text color for --text-secondary
 */
/**
 * Secondary text;
 * Input labels
 */
/**
 * Placeholder text
 */
/**
Text on interactive colors;
Text on button colors
 */
/**
Tertiary text;
Help text
 */
/**
Error message text
 */
/**
Inverse text color
 */
/*
Default input fields;
Fields on $backgrounds
 */
/*
Secondary input fields;
Fields on $layer-01
 */
/*
Secondary input fields;
Fields on $layer-02
 */
/*
Hover color for $field-01
 */
/*
Hover color for $field-02
 */
/*
Hover color for $field-03
 */
/*
Primary icons
 */
/*

Inverse icon color
 */
/*
Selected UI elements
 */
/**
* Disabled fields;
* Disabled backgrounds;
* Disabled border
*/
/**
* Disabled elements on $disabled-01;
* Disabled label;
* Disabled text on $disabled-01;
* Disabled icons;
* Disabled border
*/
/**
* Disabled text on $disabled-02;
* Disabled icons on $disabled-02
*/
/**
* Primary links;
* Ghost button
*/
/**
Secondary link color for lower contrast backgrounds
 */
/**
* Secondary link color for lower contrast backgrounds
*/
/*
Subtle borders paired with $background
 */
/*
Subtle borders paired with $background
 */
/*
Subtle borders paired with $layer-01
 */
/*
Subtle borders paired with $layer-02
 */
/*
Subtle borders paired with $layer-03
 */
/*
Medium contrast border;
Border-bottom paired with $field-01;
3:1 AA non-text contrast
 */
/*
Medium contrast border;
Border-bottom paired with $field-02;
3:1 AA non-text contrast
 */
/*
Medium contrast border;
Border-bottom paired with $field-03;
3:1 AA non-text contrast
 */
/*
 * There are two body styles for productive and expressive moments. Productive styles have a suffix of -01 and expressive styles have a suffix of -02
 */
/*
 * Application colors
 */
/*
 * Theme colors
 */
/*
 * Alert colors
 */
/*
 * Tokens for developers
 */
/*
 * Default page background;
 * UI Shell base color
 */
/*
 * Container color on $background;
 * Secondary page background
 */
/*
Container color on $layer-01
 */
/*
Container color on $layer-02
 */
/*
Subtle border;
Tertiary background
 */
/**
Primary text;
Body copy;
Headers;
Hover text color for --text-secondary
 */
/**
 * Secondary text;
 * Input labels
 */
/**
 * Placeholder text
 */
/**
Text on interactive colors;
Text on button colors
 */
/**
Tertiary text;
Help text
 */
/**
Error message text
 */
/**
Inverse text color
 */
/*
Default input fields;
Fields on $backgrounds
 */
/*
Secondary input fields;
Fields on $layer-01
 */
/*
Secondary input fields;
Fields on $layer-02
 */
/*
Hover color for $field-01
 */
/*
Hover color for $field-02
 */
/*
Hover color for $field-03
 */
/*
Primary icons
 */
/*

Inverse icon color
 */
/*
Selected UI elements
 */
/**
* Disabled fields;
* Disabled backgrounds;
* Disabled border
*/
/**
* Disabled elements on $disabled-01;
* Disabled label;
* Disabled text on $disabled-01;
* Disabled icons;
* Disabled border
*/
/**
* Disabled text on $disabled-02;
* Disabled icons on $disabled-02
*/
/**
* Primary links;
* Ghost button
*/
/**
Secondary link color for lower contrast backgrounds
 */
/**
* Secondary link color for lower contrast backgrounds
*/
/*
Subtle borders paired with $background
 */
/*
Subtle borders paired with $background
 */
/*
Subtle borders paired with $layer-01
 */
/*
Subtle borders paired with $layer-02
 */
/*
Subtle borders paired with $layer-03
 */
/*
Medium contrast border;
Border-bottom paired with $field-01;
3:1 AA non-text contrast
 */
/*
Medium contrast border;
Border-bottom paired with $field-02;
3:1 AA non-text contrast
 */
/*
Medium contrast border;
Border-bottom paired with $field-03;
3:1 AA non-text contrast
 */
/*
 * There are two body styles for productive and expressive moments. Productive styles have a suffix of -01 and expressive styles have a suffix of -02
 */
:root {
  font-size: 16px;
  --color-black-100: #000000;
  --color-blue-10: #edf5ff;
  --color-blue-20: #d0e2ff;
  --color-blue-30: #a6c8ff;
  --color-blue-40: #78a9ff;
  --color-blue-50: #4589ff;
  --color-blue-60: #0f62fe;
  --color-blue: #0f62fe;
  --color-blue-70: #0043ce;
  --color-blue-80: #002d9c;
  --color-blue-90: #001d6c;
  --color-blue-100: #001141;
  --color-cool-gray-10: #f2f4f8;
  --color-cool-gray-20: #dde1e6;
  --color-cool-gray-30: #c1c7cd;
  --color-cool-gray-40: #a2a9b0;
  --color-cool-gray-50: #878d96;
  --color-cool-gray-60: #697077;
  --color-cool-gray: #697077;
  --color-cool-gray-70: #4d5358;
  --color-cool-gray-80: #343a3f;
  --color-cool-gray-90: #21272a;
  --color-cool-gray-100: #121619;
  --color-coolGray-10: #f2f4f8;
  --color-coolGray-20: #dde1e6;
  --color-coolGray-30: #c1c7cd;
  --color-coolGray-40: #a2a9b0;
  --color-coolGray-50: #878d96;
  --color-coolGray-60: #697077;
  --color-coolGray: #697077;
  --color-coolGray-70: #4d5358;
  --color-coolGray-80: #343a3f;
  --color-coolGray-90: #21272a;
  --color-coolGray-100: #121619;
  --color-cyan-10: #e5f6ff;
  --color-cyan-20: #bae6ff;
  --color-cyan-30: #82cfff;
  --color-cyan-40: #33b1ff;
  --color-cyan-50: #1192e8;
  --color-cyan-60: #0072c3;
  --color-cyan: #0072c3;
  --color-cyan-70: #00539a;
  --color-cyan-80: #003a6d;
  --color-cyan-90: #012749;
  --color-cyan-100: #061727;
  --color-gray-10: #f4f4f4;
  --color-gray-20: #e0e0e0;
  --color-gray-30: #c6c6c6;
  --color-gray-40: #a8a8a8;
  --color-gray-50: #8d8d8d;
  --color-gray-60: #6f6f6f;
  --color-gray: #6f6f6f;
  --color-gray-70: #525252;
  --color-gray-80: #393939;
  --color-gray-90: #262626;
  --color-gray-100: #161616;
  --color-green-10: #defbe6;
  --color-green-20: #a7f0ba;
  --color-green-30: #6fdc8c;
  --color-green-40: #42be65;
  --color-green-50: #24a148;
  --color-green-60: #198038;
  --color-green: #198038;
  --color-green-70: #0e6027;
  --color-green-80: #044317;
  --color-green-90: #022d0d;
  --color-green-100: #071908;
  --color-magenta-10: #fff0f7;
  --color-magenta-20: #ffd6e8;
  --color-magenta-30: #ffafd2;
  --color-magenta-40: #ff7eb6;
  --color-magenta-50: #ee5396;
  --color-magenta-60: #d02670;
  --color-magenta: #d02670;
  --color-magenta-70: #9f1853;
  --color-magenta-80: #740937;
  --color-magenta-90: #510224;
  --color-magenta-100: #2a0a18;
  --color-orange-10: #fff2e8;
  --color-orange-20: #ffd9be;
  --color-orange-30: #ffb784;
  --color-orange-40: #ff832b;
  --color-orange-50: #eb6200;
  --color-orange-60: #ba4e00;
  --color-orange: #ba4e00;
  --color-orange-70: #8a3800;
  --color-orange-80: #5e2900;
  --color-orange-90: #3e1a00;
  --color-orange-100: #231000;
  --color-purple-10: #f6f2ff;
  --color-purple-20: #e8daff;
  --color-purple-30: #d4bbff;
  --color-purple-40: #be95ff;
  --color-purple-50: #a56eff;
  --color-purple-60: #8a3ffc;
  --color-purple: #8a3ffc;
  --color-purple-70: #6929c4;
  --color-purple-80: #491d8b;
  --color-purple-90: #31135e;
  --color-purple-100: #1c0f30;
  --color-red-10: #fff1f1;
  --color-red-20: #ffd7d9;
  --color-red-30: #ffb3b8;
  --color-red-40: #ff8389;
  --color-red-50: #fa4d56;
  --color-red-60: #da1e28;
  --color-red: #da1e28;
  --color-red-70: #a2191f;
  --color-red-80: #750e13;
  --color-red-90: #520408;
  --color-red-100: #2d0709;
  --color-teal-10: #d9fbfb;
  --color-teal-20: #9ef0f0;
  --color-teal-30: #3ddbd9;
  --color-teal-40: #08bdba;
  --color-teal-50: #009d9a;
  --color-teal-60: #007d79;
  --color-teal: #007d79;
  --color-teal-70: #005d5d;
  --color-teal-80: #004144;
  --color-teal-90: #022b30;
  --color-teal-100: #081a1c;
  --color-warm-gray-10: #f7f3f2;
  --color-warm-gray-20: #e5e0df;
  --color-warm-gray-30: #cac5c4;
  --color-warm-gray-40: #ada8a8;
  --color-warm-gray-50: #8f8b8b;
  --color-warm-gray-60: #726e6e;
  --color-warm-gray: #726e6e;
  --color-warm-gray-70: #565151;
  --color-warm-gray-80: #3c3838;
  --color-warm-gray-90: #272525;
  --color-warm-gray-100: #171414;
  --color-warmGray-10: #f7f3f2;
  --color-warmGray-20: #e5e0df;
  --color-warmGray-30: #cac5c4;
  --color-warmGray-40: #ada8a8;
  --color-warmGray-50: #8f8b8b;
  --color-warmGray-60: #726e6e;
  --color-warmGray: #726e6e;
  --color-warmGray-70: #565151;
  --color-warmGray-80: #3c3838;
  --color-warmGray-90: #272525;
  --color-warmGray-100: #171414;
  --color-white-0: #ffffff;
  --color-yellow-10: #fcf4d6;
  --color-yellow-20: #fddc69;
  --color-yellow-30: #f1c21b;
  --color-yellow-40: #d2a106;
  --color-yellow-50: #b28600;
  --color-yellow-60: #8e6a00;
  --color-yellow: #8e6a00;
  --color-yellow-70: #684e00;
  --color-yellow-80: #483700;
  --color-yellow-90: #302400;
  --color-yellow-100: #1c1500;
  --color-new-purple-10: #fff1f1;
  --color-new-purple-20: #F2CAFD;
  --color-new-purple-30: #E197FB;
  --color-new-purple-40: #C662F5;
  --color-new-purple-50: #A93BEC;
  --color-new-purple-60: #7F00E0;
  --color-new-purple: #7F00E0;
  --color-new-purple-70: #6200C0;
  --color-new-purple-80: #4900A1;
  --color-new-purple-90: #330081;
  --color-new-purple-100: #24006B;
  --color-new-teal-10: #F3FEFD;
  --color-new-teal-20: #EFFEFD;
  --color-new-teal-30: #E0FCFD;
  --color-new-teal-40: #CFF5F9;
  --color-new-teal-50: #C0EAF3;
  --color-new-teal-60: #AADCEC;
  --color-new-teal: #AADCEC;
  --color-new-teal-70: #7CB2CA;
  --color-new-teal-80: #5589A9;
  --color-new-teal-90: #366388;
  --color-new-teal-100: #204671;
  --color-neutral-10: #f4f4f4;
  --color-neutral-20: #e0e0e0;
  --color-neutral-30: #c6c6c6;
  --color-neutral-40: #a8a8a8;
  --color-neutral-50: #8d8d8d;
  --color-neutral-60: #6f6f6f;
  --color-neutral: #6f6f6f;
  --color-neutral-70: #525252;
  --color-neutral-80: #393939;
  --color-neutral-90: #262626;
  --color-neutral-100: #161616;
  --color-primary-10: #edf5ff;
  --color-primary-20: #d0e2ff;
  --color-primary-30: #a6c8ff;
  --color-primary-40: #78a9ff;
  --color-primary-50: #4589ff;
  --color-primary-60: #0f62fe;
  --color-primary: #0f62fe;
  --color-primary-70: #0043ce;
  --color-primary-80: #002d9c;
  --color-primary-90: #001d6c;
  --color-primary-100: #001141;
  --color-secondary-10: #f7f3f2;
  --color-secondary-20: #e5e0df;
  --color-secondary-30: #cac5c4;
  --color-secondary-40: #ada8a8;
  --color-secondary-50: #8f8b8b;
  --color-secondary-60: #726e6e;
  --color-secondary: #726e6e;
  --color-secondary-70: #565151;
  --color-secondary-80: #3c3838;
  --color-secondary-90: #272525;
  --color-secondary-100: #171414;
  --color-brand-primary-10: #edf5ff;
  --color-brand-primary-20: #d0e2ff;
  --color-brand-primary-30: #a6c8ff;
  --color-brand-primary-40: #78a9ff;
  --color-brand-primary-50: #4589ff;
  --color-brand-primary-60: #0f62fe;
  --color-brand-primary: #0f62fe;
  --color-brand-primary-70: #0043ce;
  --color-brand-primary-80: #002d9c;
  --color-brand-primary-90: #001d6c;
  --color-brand-primary-100: #001141;
  --color-brand-secondary-10: #f7f3f2;
  --color-brand-secondary-20: #e5e0df;
  --color-brand-secondary-30: #cac5c4;
  --color-brand-secondary-40: #ada8a8;
  --color-brand-secondary-50: #8f8b8b;
  --color-brand-secondary-60: #726e6e;
  --color-brand-secondary: #726e6e;
  --color-brand-secondary-70: #565151;
  --color-brand-secondary-80: #3c3838;
  --color-brand-secondary-90: #272525;
  --color-brand-secondary-100: #171414;
  --color-info-10: #edf5ff;
  --color-info-20: #d0e2ff;
  --color-info-30: #a6c8ff;
  --color-info-40: #78a9ff;
  --color-info-50: #4589ff;
  --color-info-60: #0f62fe;
  --color-info: #0f62fe;
  --color-info-70: #0043ce;
  --color-info-80: #002d9c;
  --color-info-90: #001d6c;
  --color-info-100: #001141;
  --color-success-10: #defbe6;
  --color-success-20: #a7f0ba;
  --color-success-30: #6fdc8c;
  --color-success-40: #42be65;
  --color-success-50: #24a148;
  --color-success-60: #198038;
  --color-success: #198038;
  --color-success-70: #0e6027;
  --color-success-80: #044317;
  --color-success-90: #022d0d;
  --color-success-100: #071908;
  --color-warning-10: #fcf4d6;
  --color-warning-20: #fddc69;
  --color-warning-30: #f1c21b;
  --color-warning-40: #d2a106;
  --color-warning-50: #b28600;
  --color-warning-60: #8e6a00;
  --color-warning: #8e6a00;
  --color-warning-70: #684e00;
  --color-warning-80: #483700;
  --color-warning-90: #302400;
  --color-warning-100: #1c1500;
  --color-error-10: #fff1f1;
  --color-error-20: #ffd7d9;
  --color-error-30: #ffb3b8;
  --color-error-40: #ff8389;
  --color-error-50: #fa4d56;
  --color-error-60: #da1e28;
  --color-error: #da1e28;
  --color-error-70: #a2191f;
  --color-error-80: #750e13;
  --color-error-90: #520408;
  --color-error-100: #2d0709;
  --color-white: white;
  --color-black: black;
  --color-dark: black;
  --color-light: white;
  --border-color: #8d8d8d;
  --background: white;
  --layer-01: #f4f4f4;
  --layer-02: white;
  --layer-03: #f4f4f4;
  --layer-accent-01: #e0e0e0;
  --border-inverse: #161616;
  --background-inverse: #393939;
  --layer-hover-01: #e8e8e8;
  --text-primary: #161616;
  --text-secondary: #525252;
  --text-placeholder: #a8a8a8;
  --text-on-color: white;
  --text-helper: #6f6f6f;
  --text-error: #da1e28;
  --text-inverse: white;
  --field-01: #f4f4f4;
  --field-02: white;
  --field-03: #f4f4f4;
  --field-hover-01: #f4f4f4;
  --field-hover-02: #f4f4f4;
  --field-hover-03: #f4f4f4;
  --icon-primary: #161616;
  --icon-inverse: white;
  --selected-ui: #e0e0e0;
  --disabled-01: #f4f4f4;
  --text-disabled: rgba(22, 22, 22, 0.25);
  --border-disabled: #c6c6c6;
  --disabled-03: #8d8d8d;
  --link-01: #0f62fe;
  --link-02: #78a9ff;
  --hover-primary: #0f62fe;
  --hover-primary-text: #0043ce;
  --visited-link: #8a3ffc;
  --icon-01: #161616;
  --icon-02: #525252;
  --hover-ui: #f4f4f4;
  --active-ui: #c6c6c6;
  --border-subtle-00: #e0e0e0;
  --border-interactive: #0f62fe;
  --border-subtle-01: #e0e0e0;
  --border-subtle-02: #e0e0e0;
  --border-subtle-03: #e0e0e0;
  --border-strong-01: #8d8d8d;
  --border-strong-02: #8d8d8d;
  --border-strong-03: #8d8d8d;
  --danger-01: #da1e28;
  --danger-02: #da1e28;
  --support-error: #da1e28;
  --support-success: #198038;
  --support-warning: #f1c21b;
  --support-info: #0043ce;
  --support-error-inverse: #fa4d56;
  --support-success-inverse: #42be65;
  --support-warning-inverse: #f1c21b;
  --support-info-inverse: #4589ff;
  --toggle-off: #8d8d8d;
  --button-disabled: #c6c6c6;
  --icon-on-color-disabled: #8d8d8d;
  --tag-background-gray: #e0e0e0;
  --tag-hover-gray: #c6c6c6;
  --tag-color-gray: #393939;
  --tag-background-blue: #d0e2ff;
  --tag-hover-blue: #a6c8ff;
  --tag-color-blue: #002d9c;
  --tag-background-green: #a7f0ba;
  --tag-hover-green: #6fdc8c;
  --tag-color-green: #044317;
  --tag-background-red: #ffd7d9;
  --tag-hover-red: #ffb3b8;
  --tag-color-red: #750e13;
  --tag-background-yellow: #fddc69;
  --tag-hover-yellow: #f1c21b;
  --tag-color-yellow: #483700;
  --tag-background-primary: #d0e2ff;
  --tag-hover-primary: #a6c8ff;
  --tag-color-primary: #002d9c;
  --tag-background-success: #a7f0ba;
  --tag-hover-success: #6fdc8c;
  --tag-color-success: #044317;
  --tag-background-info: #d0e2ff;
  --tag-hover-info: #a6c8ff;
  --tag-color-info: #002d9c;
  --tag-background-warning: #fddc69;
  --tag-hover-warning: #f1c21b;
  --tag-color-warning: #483700;
  --tag-background-error: #ffd7d9;
  --tag-hover-error: #ffb3b8;
  --tag-color-error: #750e13;
  --font-family-base: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --font-weight-regular: normal;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --text-xs-font-size: 0.75rem;
  --text-xs-line-height: 1.125rem;
  --text-xs-letter-spacing: 0rem;
  --text-sm-font-size: 0.875rem;
  --text-sm-line-height: 1.25rem;
  --text-sm-letter-spacing: 0rem;
  --text-md-font-size: 1rem;
  --text-md-line-height: 1.5rem;
  --text-md-letter-spacing: 0rem;
  --text-lg-font-size: 1.125rem;
  --text-lg-line-height: 1.75rem;
  --text-lg-letter-spacing: 0rem;
  --text-xl-font-size: 1.25rem;
  --text-xl-line-height: 1.875rem;
  --text-xl-letter-spacing: 0rem;
  --display-xs-font-size: 1.5rem;
  --display-xs-line-height: 2rem;
  --display-xs-letter-spacing: 0rem;
  --display-sm-font-size: 1.875rem;
  --display-sm-line-height: 2.375rem;
  --display-sm-letter-spacing: 0rem;
  --display-md-font-size: 2.25rem;
  --display-md-line-height: 2.75rem;
  --display-md-letter-spacing: 0rem;
  --display-lg-font-size: 3rem;
  --display-lg-line-height: 3.75rem;
  --display-lg-letter-spacing: -0.02rem;
  --display-xl-font-size: 3.75rem;
  --display-xl-line-height: 4.625rem;
  --display-xl-letter-spacing: -0.02rem;
  --code-01-font-family: IBM Plex Mono, Courier New, monospace;
  --code-01-font-size: 0.75rem;
  --code-01-line-height: 1rem;
  --code-01-font-weight: 400;
  --code-01-letter-spacing: 0.32px;
  --code-02-font-family: IBM Plex Mono, Courier New, monospace;
  --code-02-font-size: 0.875rem;
  --code-02-line-height: 1.25rem;
  --code-02-font-weight: 400;
  --code-02-letter-spacing: 0.32px;
  --label-01-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --label-01-font-size: 0.75rem;
  --label-01-line-height: 1rem;
  --label-01-font-weight: 400;
  --label-01-letter-spacing: 0.32px;
  --label-02-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --label-02-font-size: 0.875rem;
  --label-02-line-height: 1.125rem;
  --label-02-font-weight: 400;
  --label-02-letter-spacing: 0.16px;
  --helper-text-01-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --helper-text-01-font-size: 0.75rem;
  --helper-text-01-line-height: 1rem;
  --helper-text-01-font-weight: 400;
  --helper-text-01-letter-spacing: 0.32px;
  --helper-text-02-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --helper-text-02-font-size: 0.875rem;
  --helper-text-02-line-height: 1.125rem;
  --helper-text-02-font-weight: 400;
  --helper-text-02-letter-spacing: 0.16px;
  --legal-01-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --legal-01-font-size: 0.75rem;
  --legal-01-line-height: 1rem;
  --legal-01-font-weight: 400;
  --legal-01-letter-spacing: 0.32px;
  --legal-02-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --legal-02-font-size: 0.875rem;
  --legal-02-line-height: 1.125rem;
  --legal-02-font-weight: 400;
  --legal-02-letter-spacing: 0.16px;
  --body-01-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --body-01-font-size: 0.875rem;
  --body-01-line-height: 1.25rem;
  --body-01-font-weight: 400;
  --body-01-letter-spacing: 0.16px;
  --body-02-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --body-02-font-size: 1rem;
  --body-02-line-height: 1.5rem;
  --body-02-font-weight: 400;
  --body-02-letter-spacing: 0;
  --body-compact-01-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --body-compact-01-font-size: 0.875rem;
  --body-compact-01-line-height: 1.125rem;
  --body-compact-01-font-weight: 400;
  --body-compact-01-letter-spacing: 0.16px;
  --body-compact-02-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --body-compact-02-font-size: 1rem;
  --body-compact-02-line-height: 1.375rem;
  --body-compact-02-font-weight: 400;
  --body-compact-02-letter-spacing: 0;
  --heading-compact-01-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --heading-compact-01-font-size: 0.875rem;
  --heading-compact-01-line-height: 1.125rem;
  --heading-compact-01-font-weight: 600;
  --heading-compact-01-letter-spacing: 0.16px;
  --heading-compact-02-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --heading-compact-02-font-size: 0.875rem;
  --heading-compact-02-line-height: 1.375rem;
  --heading-compact-02-font-weight: 400;
  --heading-compact-02-letter-spacing: 0;
  --heading-01-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --heading-01-font-size: 0.875rem;
  --heading-01-line-height: 1.25rem;
  --heading-01-font-weight: 600;
  --heading-01-letter-spacing: 0.16px;
  --heading-02-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --heading-02-font-size: 1rem;
  --heading-02-line-height: 1.5rem;
  --heading-02-font-weight: 600;
  --heading-02-letter-spacing: 0;
  --heading-03-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --heading-03-font-size: 1.25rem;
  --heading-03-line-height: 1.75rem;
  --heading-03-font-weight: 400;
  --heading-03-letter-spacing: 0;
  --heading-04-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --heading-04-font-size: 1.75rem;
  --heading-04-line-height: 2.25rem;
  --heading-04-font-weight: 400;
  --heading-04-letter-spacing: 0;
  --heading-05-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --heading-05-font-size: 2rem;
  --heading-05-line-height: 2.5rem;
  --heading-05-font-weight: 400;
  --heading-05-letter-spacing: 0;
  --heading-06-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --heading-06-font-size: 2.625rem;
  --heading-06-line-height: 3.125rem;
  --heading-06-font-weight: 300;
  --heading-06-letter-spacing: 0;
  --heading-07-font-family: IBM Plex Sans, Helvetica Neue, Arial, sans-serif;
  --heading-07-font-size: 3.375rem;
  --heading-07-line-height: 4rem;
  --heading-07-font-weight: 300;
  --heading-07-letter-spacing: 0;
  --spacing-01: 0.125rem;
  --spacing-02: 0.25rem;
  --spacing-03: 0.5rem;
  --spacing-04: 0.75rem;
  --spacing-05: 1rem;
  --spacing-06: 1.5rem;
  --spacing-07: 2rem;
  --spacing-08: 2.5rem;
  --spacing-09: 3rem;
  --spacing-10: 4rem;
  --spacing-11: 5rem;
  --spacing-12: 6rem;
  --spacing-13: 10rem;
  --container-sm: 40rem;
  --container-md: 48rem;
  --container-lg: 64rem;
  --container-xl: 80rem;
  --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  --shadow-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
  --shadow-xxxl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
  --border-radius: 3px;
  --z-index-button: 0;
  --z-index-badge: 20;
  --z-index-table-header: 30;
  --z-index-dropdown-content: 40;
  --z-index-notification-manager: 100;
  --scrollbar-width: 0.75rem;
}

html {
  color: var(--text-primary);
}

p {
  font-family: var(--body-01-font-family, IBM Plex Sans, Helvetica Neue, Arial, sans-serif);
  font-size: var(--body-01-font-size, 0.875rem);
  font-weight: var(--body-01-font-weight, 400);
  line-height: var(--body-01-line-height, 1.25rem);
  letter-spacing: var(--body-01-letter-spacing, 0.16px);
}

[data-theme=dark] {
  --color-dark: white;
  --color-light: black;
  --background: #161616;
  --layer-01: #262626;
  --layer-02: #393939;
  --layer-03: #525252;
  --layer-accent-01: #393939;
  --border-inverse: #f4f4f4;
  --background-inverse: #f4f4f4;
  --layer-hover-01: #333333;
  --text-primary: #f4f4f4;
  --text-secondary: #c6c6c6;
  --text-placeholder: #6f6f6f;
  --text-on-color: white;
  --text-helper: #8d8d8d;
  --text-error: #ff8389;
  --text-inverse: #161616;
  --field-01: #262626;
  --field-02: #393939;
  --field-03: #525252;
  --field-hover-01: #262626;
  --field-hover-02: #393939;
  --field-hover-03: #525252;
  --icon-primary: #f4f4f4;
  --icon-inverse: #161616;
  --selected-ui: #393939;
  --disabled-01: #262626;
  --text-disabled: rgba(244, 244, 244, 0.25);
  --border-disabled: #525252;
  --disabled-03: #6f6f6f;
  --visited-link: #be95ff;
  --icon-01: #f4f4f4;
  --icon-02: #c6c6c6;
  --hover-ui: #262626;
  --active-ui: #c6c6c6;
  --border-subtle-00: #393939;
  --border-interactive: #4589ff;
  --border-subtle-01: #393939;
  --border-subtle-02: #525252;
  --border-subtle-03: #6f6f6f;
  --border-strong-01: #6f6f6f;
  --border-strong-02: #8d8d8d;
  --border-strong-03: #a8a8a8;
  --danger-02: #fa4d56;
  --support-error: #fa4d56;
  --support-success: #42be65;
  --support-warning: #f1c21b;
  --support-info: #4589ff;
  --support-error-inverse: #da1e28;
  --support-success-inverse: #24a148;
  --support-warning-inverse: #f1c21b;
  --support-info-inverse: #0043ce;
  --toggle-off: #6f6f6f;
  --button-disabled: #525252;
  --icon-on-color-disabled: white;
  --tag-background-gray: #393939;
  --tag-hover-gray: #525252;
  --tag-color-gray: #c6c6c6;
  --tag-background-blue: #002d9c;
  --tag-hover-blue: #0043ce;
  --tag-color-blue: #a6c8ff;
  --tag-background-green: #044317;
  --tag-hover-green: #0e6027;
  --tag-color-green: #6fdc8c;
  --tag-background-red: #750e13;
  --tag-hover-red: #a2191f;
  --tag-color-red: #ffb3b8;
  --tag-background-yellow: #483700;
  --tag-hover-yellow: #684e00;
  --tag-color-yellow: #f1c21b;
  --tag-background-primary: #002d9c;
  --tag-hover-primary: #0043ce;
  --tag-color-primary: #a6c8ff;
  --tag-background-success: #044317;
  --tag-hover-success: #0e6027;
  --tag-color-success: #6fdc8c;
  --tag-background-info: #002d9c;
  --tag-hover-info: #0043ce;
  --tag-color-info: #a6c8ff;
  --tag-background-warning: #483700;
  --tag-hover-warning: #684e00;
  --tag-color-warning: #f1c21b;
  --tag-background-error: #750e13;
  --tag-hover-error: #a2191f;
  --tag-color-error: #ffb3b8;
}

/*# sourceMappingURL=theme.css.map */