:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
}
:root, body {
  --error-50: #FDF4F5;
  --error-100: #FFEDF1;
  --error-200: #FFC4CF;
  --error-400: #EB768B;
  --error-600: #DE1B3E;
  --error-800: #A90D29;
  --error-900: #8C0921;
  --error-1000: #27262C;

  --flaky-50: #F0E8FE;
  --flaky-200: #D6C6FC;
  --flaky-400: #BAA0FB;
  --flaky-600: #8257F8;
  --flaky-800: #6636F5;
  --flaky-900: #4429E6;

  --info-50: #EEF2FD;
  --info-100: #E7EAFE;
  --info-200: #C3C9FB;
  --info-400: #6683F7;
  --info-600: #0049F1;
  --info-800: #0035D9;
  --info-900: #0011B6;
  --info-1000: #1C2835;

  --neutral-0: #FFFFFF;
  --neutral-25: #F7F9FA;
  --neutral-50: #EEF2F5;
  --neutral-200: #CDD6E0;
  --neutral-300: #9FAEC3;
  --neutral-400: #798A9F;
  --neutral-500: #62778E;
  --neutral-600: #455566;
  --neutral-700: #364251;
  --neutral-800: #232F37;
  --neutral-900: #161F24;
  --neutral-1000: #000000;

  --primary-50: #E3F9FE;
  --primary-100: #CEF4FE;
  --primary-200: #BAF0FD;
  --primary-300: #A3EBFC;
  --primary-400: #8FE7FB;
  --primary-500: #66D9F4;
  --primary-600: #48CCEE;
  --primary-700: #41B9D6;
  --primary-800: #3AA6BE;
  --primary-900: #276F78;
  --primary-1000: #1D728D;

  --success-50: #F3FBF9;
  --success-100: #E9F8F4;
  --success-200: #B5E9DA;
  --success-400: #6BD4B5;
  --success-600: #08B883;
  --success-800: #008A55;
  --success-900: #005A32;
  --success-1000: #1D2D30;

  --warning-50: #FAF7F5;
  --warning-100: #FFF8EE;
  --warning-200: #FEE6C6;
  --warning-400: #FDCE8D;
  --warning-600: #FFC548;
  --warning-800: #F58734;
  --warning-900: #B8540A;
  --warning-1000: #282D2C;

  --chart-carrot-50: #FFF3E7;
  --chart-carrot-200: #F9CEA3;
  --chart-carrot-400: #FAAF66;
  --chart-carrot-600: #FF962E;
  --chart-carrot-800: #DF732C;
  --chart-carrot-900: #D55A26;

  --chart-pear-40: #F9FBE9;
  --chart-pear-200: #E7EDA5;
  --chart-pear-400: #E6EC84;
  --chart-pear-600: #D0DA31;
  --chart-pear-800: #B0B347;
  --chart-pear-900: #80762C;

  --chart-lavender-50: #F1E5F4;
  --chart-lavender-200: #DBBFE4;
  --chart-lavender-400: #D59CE8;
  --chart-lavender-600: #C457E3;
  --chart-lavender-800: #8331A4;
  --chart-lavender-900: #612694;

  --chart-malibu-50: #E6F2FC;
  --chart-malibu-200: #B7DCFF;
  --chart-malibu-400: #87C5FF;
  --chart-malibu-600: #4BA1FF;
  --chart-malibu-800: #4482E4;
  --chart-malibu-900: #1860D2;

  --chart-flamingo-50: #FFEAE9;
  --chart-flamingo-200: #FEB3A8;
  --chart-flamingo-400: #FF8064;
  --chart-flamingo-600: #F75A37;
  --chart-flamingo-800: #CE2C16;
  --chart-flamingo-900: #A7160D;

  --feature-50: #FFFECC;
  --feature-200: #FFFD97;
  --feature-400: #FFFD82;
  --feature-600: #EDEA2D;
  --feature-800: #D2CF22;
  --feature-900: #8E8C1B;

  --hex-success: var(--success-400);
  --hex-info: var(--info-400);
  --hex-error: var(--error-400);
  --hex-warning: var(--warning-400);
}
.dark {
  --hex-success: var(--success-600);
  --hex-info: var(--info-600);
  --hex-error: var(--error-600);
  --hex-warning: var(--warning-600);
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/my-engflow/Roboto-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/my-engflow/Roboto-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/my-engflow/Roboto-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/my-engflow/Roboto-BoldItalic.woff2') format('woff2');
}
/**
 * As defined in Figma
 * https://www.figma.com/design/6nhQPsbAl2UOuXrsXs7Nw5/%F0%9F%8E%A8--UI-Kit---Tactical-Build-UI-1.0?node-id=119-1037&t=MMnGHJRntR5oME8v-4
 */
:root {
  --font-size-1: 12px;
  --font-size-2: 14px;
  --font-size-3: 16px;
  --font-size-4: 18px;
  --font-size-5: 20px;
  --font-size-6: 24px;
  --font-size-7: 32px;
  --font-size-8: 46px;
  --font-size-9: 58px;

  /* --font-weight-light: <does not exist in figma>; */
  --font-weight-regular: 400;
  --font-weight-medium: 600; /* semi-bold in figma */
  --font-weight-bold: 700;

  /* TODO: line-height scale */
  /* TODO: letter-spacing scale */
}
/*
 * Files that use these variables:
 * Calendar.css
 * theme/variables.ts
 * theme/styles/default.ts
 */
/* Global variables */
:root, body {
  --col-divider: rgba(159, 174, 195, .24); /* NEUTRAL_300 */
  --col-header-bg: var(--neutral-800);
  --col-header-text: var(--neutral-0);
  --col-mask-bg: var(--neutral-1000);
  --col-switch: var(--neutral-0);
  --col-switch-off-bg: var(--neutral-300);
  --dim-border-radius-tiny: 2px;
  --dim-border-radius-smaller: 4px;
  --dim-border-radius-small: 8px;
  --dim-border-radius-medium: 16px;
  --dim-border-radius-large: 32px;
  --dim-outline-width-small: 4px;
  --dim-outline-width-medium: 5px;
  --dim-outline-width-large: 6px;
}
/* Light theme variables */
:root, body {
  --boxshadow-s: 0px 2px 8px rgba(35, 47, 55, 0.2);    /* NEUTRAL_800 */
  --boxshadow-ms: 0px 4px 4px rgba(35, 47, 55, 0.2);   /* NEUTRAL_800 */
  --boxshadow-m: 0px 6px 16px rgba(35, 47, 55, 0.2);   /* NEUTRAL_800 */
  --boxshadow-l: 0px 12px 24px rgba(35, 47, 55, 0.2);  /* NEUTRAL_800 */
  --boxshadow-xl: 0px 24px 40px rgba(35, 47, 55, 0.2); /* NEUTRAL_800 */
  --col-default-bg: var(--neutral-50);
  --col-raised-bg: var(--neutral-0);
  --col-banner-bg: var(--neutral-25);
  --col-border: var(--neutral-200);
  --col-analytics-capped-text: var(--neutral-300);
  --col-btn-primary-bg-disabled: var(--neutral-25);
  --col-btn-primary-bg-hover: var(--primary-400);
  --col-btn-primary-bg: var(--primary-600);
  --col-btn-primary-focus-outline: var(--primary-200);
  --col-btn-primary-text-disabled: var(--neutral-600);
  --col-btn-primary-text: var(--neutral-700);
  --col-btn-secondary-bg-hover: var(--neutral-200);
  --col-btn-secondary-bg: none;
  --col-btn-secondary-border-disabled: var(--neutral-200);
  --col-btn-secondary-border: var(--neutral-300);
  --col-btn-secondary-focus-outline: var(--neutral-50);
  --col-btn-secondary-text-disabled: var(--neutral-400);
  --col-btn-secondary-text: var(--neutral-700);
  --col-btn-tertiary-bg-hover: var(--neutral-200);
  --col-btn-tertiary-text: var(--primary-900);
  --col-btn-tertiary-text-disabled: var(--neutral-400);
  --col-btn-tertiary-text-hover: var(--primary-900);
  --col-chip-default-bg: var(--neutral-50);
  --col-chip-default-bg-hover: var(--neutral-200);
  --col-chip-default-bg-focus: var(--primary-900);
  --col-chip-default-bg-disabled: var(--neutral-50);
  --col-chip-default-text: var(--neutral-800);
  --col-chip-default-text-hover: var(--neutral-800);
  --col-chip-default-text-focus: var(--neutral-0);
  --col-chip-default-text-disabled: var(--neutral-400);
  --col-chip-paper-bg: var(--neutral-0);
  --col-chip-paper-bg-hover: var(--neutral-200);
  --col-chip-paper-bg-focus: var(--primary-900);
  --col-chip-paper-bg-disabled: var(--neutral-200);
  --col-chip-paper-text: var(--neutral-800);
  --col-chip-paper-text-hover: var(--neutral-800);
  --col-chip-paper-text-focus: var(--neutral-0);
  --col-chip-paper-text-disabled: var(--neutral-400);
  --col-comparison-bg-difference: var(--warning-100);
  --col-comparison-text-difference: var(--warning-900);
  --col-dark-mode-switch-bg: var(--neutral-50);
  --col-dark-mode-switch-bg-active: var(--neutral-0);
  --col-dark-mode-switch-bg-active-disabled: var(--neutral-50);
  --col-dark-mode-switch-bg-disabled: var(--neutral-200);
  --col-dark-mode-switch-bg-hover: var(--neutral-200);
  --col-dark-mode-switch-text: var(--neutral-300);
  --col-dark-mode-switch-text-active: var(--neutral-700);
  --col-dark-mode-switch-text-active-disabled: var(--neutral-300);
  --col-dark-mode-switch-text-disabled: var(--neutral-300);
  --col-drawer-bg: var(--neutral-0);
  --col-engflow-aqua: var(--primary-900);
  --col-engflow-cornflower: var(--info-600);
  --col-engflow-green: var(--success-600);
  --col-engflow-red: var(--error-600);
  --col-engflow-violet: var(--flaky-600);
  --col-engflow-yellow: var(--warning-600);
  --col-engflow-ui-error-bg: var(--neutral-0);
  --col-engflow-ui-error-border: var(--neutral-500);
  --col-feature-badge-default-bg: var(--neutral-200);
  --col-feature-badge-default-hover-bg: var(--neutral-300);
  --col-feature-badge-default-text: var(--neutral-800);
  --col-feature-badge-highlight-bg: var(--feature-600);
  --col-feature-badge-highlight-hover-bg: var(--feature-800);
  --col-feature-badge-highlight-text: var(--neutral-800);
  --col-help-mode-bg: var(--chart-carrot-400);
  --col-help-mode-dot: var(--chart-carrot-600);
  --col-help-mode-dot-halo: rgba(255, 150, 46, .6);    /* CHART_CARROT_600 */
  --col-help-mode-dot-visited: var(--chart-carrot-400);
  --col-help-mode-link-border: rgba(22, 31, 36, .24);  /* NEUTRAL_900 */
  --col-help-mode-text: var(--neutral-900);
  --col-alert-error-bg: var(--error-50);
  --col-alert-info-bg: var(--info-50);
  --col-alert-success-bg: var(--success-50);
  --col-alert-warning-bg: var(--warning-50);
  --col-code-bg: var(--neutral-50);
  --col-code-highlighted-bg: var(--neutral-200);
  --col-code-text: var(--neutral-600);
  --col-critical-path-local: var(--neutral-200);
  --col-critical-path-remote: var(--neutral-400);
  --col-icon-bg: var(--neutral-50);
  --col-icon-button-bg: var(--neutral-50);
  --col-icon-button-bg-disabled: var(--neutral-50);
  --col-icon-button-bg-focus: var(--primary-900);
  --col-icon-button-bg-hover: var(--neutral-200);
  --col-icon-button-help-bg-hover: var(--chart-carrot-200);
  --col-icon-button-help-text-disabled: var(--neutral-300);
  --col-icon-button-outlined-border: var(--neutral-300);
  --col-icon-button-outlined-border-disabled: var(--neutral-200);
  --col-icon-button-outlined-text: var(--neutral-700);
  --col-icon-button-text: var(--primary-900);
  --col-icon-button-text-disabled: var(--neutral-400);
  --col-icon-button-text-focus: var(--neutral-0);
  --col-input-bg-disabled: transparent;
  --col-input-bg-hover: var(--neutral-50);
  --col-link: var(--primary-900);
  --col-link-border: rgba(39, 111, 120, .24);          /* PRIMARY_900 */
  --col-login-button-bg: var(--neutral-0);
  --col-login-button-bg-hover: var(--neutral-50);
  --col-login-button-bg-active: var(--neutral-0);
  --col-login-button-bg-disabled: var(--neutral-50);
  --col-login-button-border: var(--neutral-300);
  --col-login-button-border-active: var(--primary-900);
  --col-login-button-text: var(--neutral-800);
  --col-login-button-text-disabled: var(--neutral-400);
  --col-nav-item-active-bg: var(--primary-900);
  --col-nav-item-active-text: var(--neutral-0);
  --col-nav-item-hover-bg: var(--neutral-50);
  --col-nav-item-hover-text: var(--neutral-800);
  --col-loading-progress-bg: var(--primary-900);
  --col-loading-total-bg: var(--neutral-200);
  --col-search-result-card-hover-bg: var(--neutral-25);
  --col-search-sort-bg: var(--neutral-0);
  --col-search-sort-option-hover-bg:  var(--neutral-200);
  --col-select-option-focus-bg:var(--primary-900);
  --col-select-option-focus-text:var(--neutral-0);
  --col-select-option-hover-bg:var(--neutral-200);
  --col-select-option-hover-text:var(--neutral-800);
  --col-shadow: rgba(35, 47, 55, 0.2);                 /* NEUTRAL_800 */
  --col-snackbar-bg: var(--neutral-200);
  --col-tooltip-bg: var(--neutral-600);
  --col-tooltip-link-border: rgba(255, 255, 255, .24); /* NEUTRAL_0 */
  --col-tooltip-text: var(--neutral-0);
  --col-scroll: var(--neutral-200);
  --col-scroll-track: var(--neutral-50);
  --col-switch-disabled: var(--neutral-50);
  --col-switch-disabled-bg: var(--neutral-200);
  --col-text: var(--neutral-600);
  --col-text-disabled: var(--neutral-400);
  --col-text-hint: var(--neutral-400);
  --col-text-faint: rgba(69, 85, 102, 0.6);            /* NEUTRAL_600 */
  --col-caret-disabled: var(--neutral-200);
  --col-toggle-button-bg: var(--neutral-50);
  --col-toggle-button-focus-outline: var(--neutral-300);
  --col-toggle-button-green-bg: var(--success-600);
  --col-toggle-button-green-focus-outline: var(--success-200);
  --col-toggle-button-green-text: var(--neutral-0);
  --col-toggle-button-red-bg: var(--error-600);
  --col-toggle-button-red-focus-outline: var(--error-200);
  --col-toggle-button-red-text: var(--neutral-0);
  --col-toggle-button-text: var(--primary-900);
  --col-toggle-button-text-disabled: var(--neutral-400);
  --col-trial-border: var(--primary-900);
  --col-privacy-text: var(--neutral-700);
  --col-privacy-title: var(--neutral-800);
  --col-bia-button-scroll-to-top-bg: var(--neutral-200);
  --col-bia-button-scroll-to-top-hover-text: var(--neutral-800);
  --col-bia-button-scroll-to-top-text: var(--neutral-600);
  --col-bia-feature-text: var(--primary-900);
  --col-bia-hero-bg: var(--primary-600);
  --col-bia-hero-feature-bg: var(--feature-600);
  --col-bia-hero-footer-bg: var(--primary-400);
  --col-bia-hero-hover-bg: rgba(255, 255, 255, 0.6);   /* NEUTRAL_0 */
  --col-bia-hero-hover-border: var(--primary-900);
  --col-bia-hero-hover-text: var(--neutral-700);
  --col-bia-hero-preheading-text: var(--neutral-600);
  --col-bia-hero-text: var(--neutral-800);
  --col-bia-howto-bg: var(--neutral-0);
  --col-bia-howto-divider: var(--neutral-200);
  --col-bia-howto-text: var(--neutral-800);
  --col-bia-howto-step-bg: var(--neutral-0);
  --col-bia-howto-step-text: var(--neutral-800);
  --col-bia-input-bg: var(--neutral-0);
  --col-bia-input-border: var(--neutral-700);
  --col-bia-input-privacy-notice-icon: var(--info-600);
  --col-bia-input-privacy-notice-text: var(--neutral-700);
  --col-bia-input-submit-bg: var(--primary-200);
  --col-bia-input-submit-disabled-bg: var(--neutral-300);
  --col-bia-input-submit-disabled-text: var(--neutral-50);
  --col-bia-input-submit-hover-bg: var(--neutral-900);
  --col-bia-input-submit-hover-text: var(--neutral-0);
  --col-bia-input-submit-text: var(--neutral-800);
  --col-bia-input-text: var(--neutral-800);
  --col-bia-speedometer-bg: var(--neutral-200);
  --col-bia-tab-bg-active: var(--neutral-200);
  --col-bia-tab-bg-inactive: transparent;
  --col-bia-tab-heading-text-active: var(--primary-900);
  --col-bia-tab-heading-text-inactive: var(--neutral-600);
  --col-bia-upload-progress-bar-bg: var(--neutral-50);

  --col-ansi-black: var(--neutral-800);
  --col-ansi-red: var(--error-800);
  --col-ansi-green: var(--success-800);
  --col-ansi-yellow: var(--warning-800);
  --col-ansi-blue: var(--info-800);
  --col-ansi-magenta: var(--flaky-800);
  --col-ansi-cyan: var(--primary-800);
  --col-ansi-white: var(--neutral-50);
  --col-ansi-bright-black: var(--neutral-800);
  --col-ansi-bright-red: var(--error-600);
  --col-ansi-bright-green: var(--success-600);
  --col-ansi-bright-yellow: var(--warning-600);
  --col-ansi-bright-blue: var(--info-600);
  --col-ansi-bright-magenta: var(--flaky-600);
  --col-ansi-bright-cyan: var(--primary-800);
  --col-ansi-bright-white: var(--neutral-0);


  --background-active: var(--neutral-25);
  --background-hovered: var(--neutral-50);
}
/* Dark theme variables */
body.dark {
  --boxshadow-s: 0px 2px 8px rgba(0, 0, 0, 0.4);       /* NEUTRAL_1000 */
  --boxshadow-ms: 0px 4px 4px rgba(0, 0, 0, 0.4);      /* NEUTRAL_1000 */
  --boxshadow-m: 0px 6px 16px rgba(0, 0, 0, 0.4);      /* NEUTRAL_1000 */
  --boxshadow-l: 0px 12px 24px rgba(0, 0, 0, 0.4);     /* NEUTRAL_1000 */
  --boxshadow-xl: 0px 24px 40px rgba(0, 0, 0, 0.4);    /* NEUTRAL_1000 */
  --col-default-bg: var(--neutral-900);
  --col-raised-bg: var(--neutral-800);
  --col-banner-bg: var(--neutral-700);
  --col-border: var(--neutral-600);
  --col-analytics-capped-text: var(--neutral-600);
  --col-btn-primary-bg-disabled: var(--neutral-700);
  --col-btn-primary-bg-hover: var(--primary-200);
  --col-btn-primary-bg: var(--primary-400);
  --col-btn-primary-focus-outline: var(--primary-800);
  --col-btn-primary-text-disabled: var(--neutral-50);
  --col-btn-primary-text: var(--neutral-700);
  --col-btn-secondary-bg-hover: var(--neutral-600);
  --col-btn-secondary-bg: none;
  --col-btn-secondary-border-disabled: var(--neutral-300);
  --col-btn-secondary-border: var(--neutral-300);
  --col-btn-secondary-focus-outline: var(--neutral-600);
  --col-btn-secondary-text-disabled: var(--neutral-300);
  --col-btn-secondary-text: var(--neutral-0);
  --col-btn-tertiary-bg-hover: var(--primary-50);
  --col-btn-tertiary-text: var(--primary-400);
  --col-btn-tertiary-text-disabled: var(--neutral-300);
  --col-btn-tertiary-text-hover: var(--neutral-800);
  --col-chip-default-bg: var(--neutral-900);
  --col-chip-default-bg-hover: var(--neutral-600);
  --col-chip-default-bg-focus: var(--primary-400);
  --col-chip-default-bg-disabled: var(--neutral-700);
  --col-chip-default-text: var(--neutral-0);
  --col-chip-default-text-hover: var(--neutral-0);
  --col-chip-default-text-focus: var(--neutral-800);
  --col-chip-default-text-disabled: var(--neutral-200);
  --col-chip-paper-bg: var(--neutral-800);
  --col-chip-paper-bg-hover: var(--neutral-600);
  --col-chip-paper-bg-focus: var(--primary-400);
  --col-chip-paper-bg-disabled: var(--neutral-700);
  --col-chip-paper-text: var(--neutral-0);
  --col-chip-paper-text-hover: var(--neutral-0);
  --col-chip-paper-text-focus: var(--neutral-800);
  --col-chip-paper-text-disabled: var(--neutral-200);
  --col-comparison-bg-difference: var(--warning-1000);
  --col-comparison-text-difference: var(--warning-100);
  --col-dark-mode-switch-bg: var(--neutral-900);
  --col-dark-mode-switch-bg-active: var(--neutral-700);
  --col-dark-mode-switch-bg-active-disabled: var(--neutral-800);
  --col-dark-mode-switch-bg-disabled: var(--neutral-900);
  --col-dark-mode-switch-bg-hover: var(--neutral-800);
  --col-dark-mode-switch-text: var(--neutral-600);
  --col-dark-mode-switch-text-active: var(--neutral-300);
  --col-dark-mode-switch-text-active-disabled: var(--neutral-600);
  --col-dark-mode-switch-text-disabled: var(--neutral-700);
  --col-drawer-bg: var(--neutral-800);
  --col-engflow-aqua: var(--primary-400);
  --col-engflow-cornflower: var(--info-400);
  --col-engflow-green: var(--success-400);
  --col-engflow-red: var(--error-400);
  --col-engflow-violet: var(--flaky-400);
  --col-engflow-yellow: var(--warning-400);
  --col-engflow-ui-error-bg: var(--neutral-800);
  --col-engflow-ui-error-border: var(--neutral-500);
  --col-feature-badge-default-bg: var(--neutral-200);
  --col-feature-badge-default-hover-bg: var(--neutral-50);
  --col-feature-badge-default-text: var(--neutral-800);
  --col-feature-badge-highlight-bg: var(--feature-400);
  --col-feature-badge-highlight-hover-bg: var(--feature-50);
  --col-feature-badge-highlight-text: var(--neutral-800);
  --col-help-mode-bg: var(--chart-carrot-200);
  --col-help-mode-dot: var(--chart-carrot-400);
  --col-help-mode-dot-halo: rgba(250, 175, 102, .6);   /* CHART_CARROT_400 */
  --col-help-mode-dot-visited: var(--chart-carrot-200);
  --col-help-mode-link-border: rgba(22, 31, 36, .24);  /* NEUTRAL_900 */
  --col-help-mode-text: var(--neutral-900);
  --col-alert-error-bg: var(--error-1000);
  --col-alert-info-bg: var(--info-1000);
  --col-alert-success-bg: var(--success-1000);
  --col-alert-warning-bg: var(--warning-1000);
  --col-code-bg: var(--neutral-900);
  --col-code-highlighted-bg: var(--neutral-700);
  --col-code-text: var(--neutral-0);
  --col-critical-path-local: var(--neutral-400);
  --col-critical-path-remote: var(--neutral-200);
  --col-icon-bg: rgba(54, 66, 81, .7);                 /* NEUTRAL_700 */
  --col-icon-button-bg: var(--neutral-900);
  --col-icon-button-bg-disabled: var(--neutral-700);
  --col-icon-button-bg-focus: var(--primary-400);
  --col-icon-button-bg-hover: var(--neutral-600);
  --col-icon-button-text: var(--primary-400);
  --col-icon-button-help-bg-hover: var(--chart-carrot-50);
  --col-icon-button-help-text-disabled: var(--neutral-400);
  --col-icon-button-outlined-border: var(--neutral-300);
  --col-icon-button-outlined-border-disabled: var(--neutral-400);
  --col-icon-button-outlined-text: var(--neutral-0);
  --col-icon-button-text-disabled: var(--neutral-200);
  --col-icon-button-text-focus: var(--neutral-800);
  --col-input-bg-disabled: transparent;
  --col-input-bg-hover: var(--neutral-600);
  --col-link: var(--primary-400);
  --col-link-border: rgba(143, 231, 251, .24);         /* PRIMARY_400 */
  --col-login-button-bg: var(--neutral-0);
  --col-login-button-bg-hover: var(--neutral-50);
  --col-login-button-bg-active: var(--neutral-0);
  --col-login-button-bg-disabled: var(--neutral-700);
  --col-login-button-border: transparent;
  --col-login-button-border-active: var(--primary-800);
  --col-login-button-text: var(--neutral-800);
  --col-login-button-text-disabled: var(--neutral-50);
  --col-nav-item-active-bg: var(--primary-400);
  --col-nav-item-active-text: var(--neutral-800);
  --col-nav-item-active-text-disabled: var(--neutral-0);
  --col-nav-item-hover-bg: var(--primary-50);
  --col-nav-item-hover-text: var(--neutral-800);
  --col-loading-progress-bg: var(--primary-400);
  --col-loading-total-bg: var(--neutral-500);
  --col-search-result-card-hover-bg: var(--neutral-700);
  --col-search-sort-bg: var(--neutral-700);
  --col-search-sort-option-hover-bg: var(--neutral-800);
  --col-select-option-focus-bg:var(--primary-400);
  --col-select-option-focus-text:var(--neutral-800);
  --col-select-option-hover-bg:var(--neutral-600);
  --col-select-option-hover-text:var(--neutral-0);
  --col-shadow: rgba(0, 0, 0, 0.4);                    /* NEUTRAL_1000 */
  --col-snackbar-bg: var(--neutral-600);
  --col-tooltip-bg: var(--neutral-300);
  --col-tooltip-link-border: rgba(22, 31, 36, .24);    /* NEUTRAL_900 */
  --col-tooltip-text: var(--neutral-900);
  --col-trial-border: var(--primary-800);
  --col-scroll: var(--neutral-400);
  --col-scroll-track: var(--neutral-900);
  --col-switch-disabled: var(--neutral-300);
  --col-switch-disabled-bg: var(--neutral-600);
  --col-text: var(--neutral-0);
  --col-text-disabled: var(--neutral-300);
  --col-text-hint: var(--neutral-300);
  --col-text-faint: rgba(255, 255, 255, 0.6);          /* NEUTRAL_0 */
  --col-caret-disabled: var(--neutral-600);
  --col-toggle-button-bg: var(--neutral-900);
  --col-toggle-button-focus-outline: var(--neutral-600);
  --col-toggle-button-green-bg: var(--success-400);
  --col-toggle-button-green-focus-outline: var(--success-800);
  --col-toggle-button-green-text: var(--neutral-800);
  --col-toggle-button-red-bg: var(--error-400);
  --col-toggle-button-red-focus-outline: var(--error-800);
  --col-toggle-button-red-text: var(--neutral-800);
  --col-toggle-button-text: var(--primary-400);
  --col-toggle-button-text-disabled: var(--neutral-400);
  --col-privacy-text: var(--neutral-50);
  --col-privacy-title: var(--neutral-0);
  --col-bia-button-scroll-to-top-bg: var(--neutral-600);
  --col-bia-button-scroll-to-top-hover-text: var(--neutral-0);
  --col-bia-button-scroll-to-top-text: var(--neutral-200);
  --col-bia-feature-text: var(--feature-400);
  --col-bia-hero-bg: var(--primary-600);
  --col-bia-hero-feature-bg: var(--feature-400);
  --col-bia-hero-footer-bg: var(--primary-50);
  --col-bia-hero-hover-bg: rgba(22, 31, 36, 0.6);      /* NEUTRAL_900 */
  --col-bia-hero-hover-border: var(--primary-400);
  --col-bia-hero-hover-text: var(--neutral-50);
  --col-bia-hero-preheading-text: var(--neutral-600);
  --col-bia-hero-text: var(--neutral-800);
  --col-bia-howto-bg: var(--neutral-700);
  --col-bia-howto-divider: var(--neutral-300);
  --col-bia-howto-text: var(--neutral-0);
  --col-bia-howto-step-bg: var(--neutral-0);
  --col-bia-howto-step-text: var(--neutral-800);
  --col-bia-input-bg: var(--neutral-0);
  --col-bia-input-border: var(--neutral-700);
  --col-bia-input-privacy-notice-icon: var(--info-400);
  --col-bia-input-privacy-notice-text: var(--neutral-700);
  --col-bia-input-submit-bg: var(--neutral-900);
  --col-bia-input-submit-disabled-bg: var(--neutral-300);
  --col-bia-input-submit-disabled-text: var(--neutral-50);
  --col-bia-input-submit-hover-bg: var(--neutral-0);
  --col-bia-input-submit-hover-text: var(--neutral-900);
  --col-bia-input-submit-text: var(--primary-400);
  --col-bia-input-text: var(--neutral-800);
  --col-bia-speedometer-bg: var(--neutral-700);
  --col-bia-tab-bg-active: var(--neutral-600);
  --col-bia-tab-bg-inactive: transparent;
  --col-bia-tab-heading-text-active: var(--feature-400);
  --col-bia-tab-heading-text-inactive: var(--neutral-200);
  --col-bia-upload-progress-bar-bg: var(--neutral-50);

  --col-ansi-black: var(--neutral-600);
  --col-ansi-red: var(--error-400);
  --col-ansi-green: var(--success-400);
  --col-ansi-yellow: var(--warning-400);
  --col-ansi-blue: var(--info-400);
  --col-ansi-magenta: var(--flaky-400);
  --col-ansi-cyan: var(--info-400);
  --col-ansi-white: var(--neutral-50);
  --col-ansi-bright-black: var(--neutral-200);
  --col-ansi-bright-red: var(--error-200);
  --col-ansi-bright-green: var(--success-200);
  --col-ansi-bright-yellow: var(--warning-200);
  --col-ansi-bright-blue: var(--info-200);
  --col-ansi-bright-magenta: var(--flaky-200);
  --col-ansi-bright-cyan: var(--primary-200);
  --col-ansi-bright-white: var(--neutral-0);

  --background-active: var(--neutral-700);
  --background-hovered: var(--neutral-600);
}
/* The following classes are used by the ANSI rendering library. */
.ansi-black-fg {
  color: var(--col-ansi-black);
}
.ansi-black-bg {
  background-color: var(--col-ansi-black);
}
.ansi-red-fg {
  color: var(--col-ansi-red);
}
.ansi-red-bg {
  background-color: var(--col-ansi-red);
}
.ansi-green-fg {
  color: var(--col-ansi-green);
}
.ansi-green-bg {
  background-color: var(--col-ansi-green);
}
.ansi-yellow-fg {
  color: var(--col-ansi-yellow);
}
.ansi-yellow-bg {
  background-color: var(--col-ansi-yellow);
}
.ansi-blue-fg {
  color: var(--col-ansi-blue);
}
.ansi-blue-bg {
  background-color: var(--col-ansi-blue);
}
.ansi-magenta-fg {
  color: var(--col-ansi-magenta);
}
.ansi-magenta-bg {
  background-color: var(--col-ansi-magenta);
}
.ansi-cyan-fg {
  color: var(--col-ansi-cyan);
}
.ansi-cyan-bg {
  background-color: var(--col-ansi-cyan);
}
.ansi-white-fg {
  color: var(--col-ansi-white);
}
.ansi-white-bg {
  background-color: var(--col-ansi-white);
}
.ansi-bright-black-fg {
  color: var(--col-ansi-bright-black);
}
.ansi-bright-red-fg {
  color: var(--col-ansi-bright-red);
}
.ansi-bright-green-fg {
  color: var(--col-ansi-bright-green);
}
.ansi-bright-yellow-fg {
  color: var(--col-ansi-bright-yellow);
}
.ansi-bright-blue-fg {
  color: var(--col-ansi-bright-blue);
}
.ansi-bright-magenta-fg {
  color: var(--col-ansi-bright-magenta);
}
.ansi-bright-cyan-fg {
  color: var(--col-ansi-bright-cyan);
}
.ansi-bright-white-fg {
  color: var(--col-ansi-bright-white);
}
body {
  background-color: var(--col-default-bg);
  color: var(--col-text);
  font-family: "Roboto";
}
.loading {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  font-size: 40px;
  gap: 16px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
/* Defaults to "primary" styles. */
._button_1x1zr_2 {
  --background: var(--col-btn-primary-bg);
  --border-color: var(--col-btn-primary-bg);
  --border-radius: var(--dim-border-radius-large);
  --color: var(--col-btn-primary-text);

  --disabled-background: var(--col-btn-primary-bg-disabled);
  --disabled-border-color: var(--col-btn-primary-bg-disabled);
  --disabled-color: var(--col-btn-primary-text-disabled);

  --hover-background: var(--col-btn-primary-bg-hover);
  --hover-border-color: var(--col-btn-primary-bg-hover);
  --hover-color: var(--color);

  --outline-color: var(--col-btn-primary-focus-outline);

  &._small_1x1zr_18 {
    --font-size: var(--font-size-1);
    --padding: 0 var(--space-5);
    --height: 40px;
    --outline-width: var(--dim-outline-width-small);
  }
  &._medium_1x1zr_24 {
    --font-size: var(--font-size-2);
    --padding: 0 var(--space-8);
    --height: 56px;
    --outline-width: var(--dim-outline-width-medium);
  }
  &._large_1x1zr_30 {
    --font-size: var(--font-size-3);
    --padding: 0 var(--space-9);
    --height: 64px;
    --outline-width: var(--dim-outline-width-large);
  }

  &._secondary_1x1zr_37 {
    --background: transparent;
    --border-color: var(--col-btn-secondary-border);
    --border-radius: var(--dim-border-radius-large);
    --color: var(--col-btn-secondary-text);

    --disabled-background: transparent;
    --disabled-border-color: var(--col-btn-secondary-border-disabled);
    --disabled-color: var(--col-btn-secondary-text-disabled);

    --hover-background: var(--col-btn-secondary-bg-hover);
    --hover-border-color: transparent;

    --outline-color: var(--col-btn-secondary-focus-outline);
  }
  &._tertiary_1x1zr_52 {
    --background: transparent;
    --border-color: transparent;
    --border-radius: var(--dim-border-radius-small);
    --box-shadow: none;
    --color: var(--col-btn-tertiary-text);
    --font-size: var(--font-size-2);
    --height: 28px;
    --padding: 0 var(--space-3);

    /* This ensures the :focus-visible outline is not cut off. */
    margin: 0 1px;

    --disabled-background: transparent;
    --disabled-border-color: transparent;
    --disabled-color: var(--col-btn-tertiary-text-disabled);

    --hover-background: var(--col-btn-tertiary-bg-hover);
    --hover-border-color: transparent;
    --hover-color: var(--col-btn-tertiary-text-hover);
    
    --outline-color: var(--col-btn-tertiary-text);
    --outline-width: 1px;
  }
}

._button_1x1zr_2 {
  align-items: center;
  background: var(--background);
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
  color: var(--color);
  cursor: pointer;
  display: flex;
  font-weight: var(--font-weight-medium);
  gap: var(--space-2);
  height: var(--height);
  justify-content: center;
  outline-color: var(--outline-color);
  outline-width: var(--outline-width);
  padding: var(--padding);
  text-transform: uppercase;
  white-space: nowrap;

  &:disabled {
    cursor: not-allowed;
    background: var(--disabled-background);
    border-color: var(--disabled-border-color);
    color: var(--disabled-color);
  }
  &:hover:not(:disabled) {
    background: var(--hover-background);
    border-color: var(--hover-border-color);
    color: var(--hover-color);
  }
  &:focus-visible:not(:disabled) {
    outline-style: solid;
    outline-color: var(--outline-color);
    outline-width: var(--outline-width);
  }
}
._link_1x1zr_113 {
  border: none;
}
._root_ygr2e_1 {
  --fill-color: var(--neutral-0);
  --background-color: var(--primary-900);
  --background-color-disabled: var(--neutral-50);
  --border-color: var(--neutral-300);
  --border-color-disabled: var(--neutral-300);
}
.dark ._root_ygr2e_1 {
  --fill-color: var(--neutral-800);
  --background-color: var(--primary-400);
  --background-color-disabled: var(--neutral-800);
  --border-color: var(--neutral-200);
  --border-color-disabled: var(--neutral-500);
}

._root_ygr2e_1 {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: var(--dim-border-radius-smaller);

  &[data-unchecked] {
    border: 1.5px solid var(--border-color);
  }

  &[data-checked] {
    background-color: var(--background-color);
  }

  &[data-disabled] {
    border: 1.5px solid var(--border-color-disabled);
    background-color: var(--background-color-disabled);
  }
}

._indicator_ygr2e_38 {
  display: flex;
  color: var(--fill-color);
}