@import url(//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/vs2015.min.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);
@import url(https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.16.0/cdn/themes/dark.css);
/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/* Common */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

:root {
  --ifm-color-scheme: light;

  /* Colors. */
  --ifm-dark-value: 10%;
  --ifm-darker-value: 15%;
  --ifm-darkest-value: 30%;
  --ifm-light-value: 15%;
  --ifm-lighter-value: 30%;
  --ifm-lightest-value: 50%;

  /*
  This seems like a lot, but we want to ensure enough contrast.
  Goal is to have a min score of 3 on https://www.myndex.com/APCA/fullmatrix
  For fontWeight 400 + score 3, the cell must show a value < 16px (fontsize we use in places like alerts)
  See also https://github.com/facebookincubator/infima/issues/55#issuecomment-884023075
   */
  --ifm-contrast-background-value: 90%;
  --ifm-contrast-foreground-value: 70%;
  /* Using slightly different values for dark mode */
  --ifm-contrast-background-dark-value: 70%;
  --ifm-contrast-foreground-dark-value: 90%;

  --ifm-color-primary: #3578e5;
  --ifm-color-secondary: #ebedf0;
  --ifm-color-success: #00a400;
  --ifm-color-info: #54c7ec;
  --ifm-color-warning: #ffba00;
  --ifm-color-danger: #fa383e;
    --ifm-color-primary-dark: rgb(48, 108, 206);
    --ifm-color-primary-darker: rgb(45, 102, 195);
    --ifm-color-primary-darkest: rgb(37, 84, 160);
    --ifm-color-primary-light: rgb(83, 140, 233);
    --ifm-color-primary-lighter: rgb(114, 161, 237);
    --ifm-color-primary-lightest: rgb(154, 188, 242);
    --ifm-color-primary-contrast-background: rgb(235, 242, 252);
    --ifm-color-primary-contrast-foreground: rgb(16, 36, 69);
    --ifm-color-secondary-dark: rgb(212, 213, 216);
    --ifm-color-secondary-darker: rgb(200, 201, 204);
    --ifm-color-secondary-darkest: rgb(164, 166, 168);
    --ifm-color-secondary-light: rgb(238, 240, 242);
    --ifm-color-secondary-lighter: rgb(241, 242, 245);
    --ifm-color-secondary-lightest: rgb(245, 246, 248);
    --ifm-color-secondary-contrast-background: rgb(253, 253, 254);
    --ifm-color-secondary-contrast-foreground: rgb(71, 71, 72);
    --ifm-color-success-dark: rgb(0, 148, 0);
    --ifm-color-success-darker: rgb(0, 139, 0);
    --ifm-color-success-darkest: rgb(0, 115, 0);
    --ifm-color-success-light: rgb(38, 178, 38);
    --ifm-color-success-lighter: rgb(77, 191, 77);
    --ifm-color-success-lightest: rgb(128, 210, 128);
    --ifm-color-success-contrast-background: rgb(230, 246, 230);
    --ifm-color-success-contrast-foreground: rgb(0, 49, 0);
    --ifm-color-info-dark: rgb(76, 179, 212);
    --ifm-color-info-darker: rgb(71, 169, 201);
    --ifm-color-info-darkest: rgb(59, 139, 165);
    --ifm-color-info-light: rgb(110, 207, 239);
    --ifm-color-info-lighter: rgb(135, 216, 242);
    --ifm-color-info-lightest: rgb(170, 227, 246);
    --ifm-color-info-contrast-background: rgb(238, 249, 253);
    --ifm-color-info-contrast-foreground: rgb(25, 60, 71);
    --ifm-color-warning-dark: rgb(230, 167, 0);
    --ifm-color-warning-darker: rgb(217, 158, 0);
    --ifm-color-warning-darkest: rgb(179, 130, 0);
    --ifm-color-warning-light: rgb(255, 196, 38);
    --ifm-color-warning-lighter: rgb(255, 207, 77);
    --ifm-color-warning-lightest: rgb(255, 221, 128);
    --ifm-color-warning-contrast-background: rgb(255, 248, 230);
    --ifm-color-warning-contrast-foreground: rgb(77, 56, 0);
    --ifm-color-danger-dark: rgb(225, 50, 56);
    --ifm-color-danger-darker: rgb(213, 48, 53);
    --ifm-color-danger-darkest: rgb(175, 39, 43);
    --ifm-color-danger-light: rgb(251, 86, 91);
    --ifm-color-danger-lighter: rgb(251, 116, 120);
    --ifm-color-danger-lightest: rgb(253, 156, 159);
    --ifm-color-danger-contrast-background: rgb(255, 235, 236);
    --ifm-color-danger-contrast-foreground: rgb(75, 17, 19);

  --ifm-color-white: #fff;
  --ifm-color-black: #000;

  --ifm-color-gray-0: var(--ifm-color-white);
  --ifm-color-gray-100: #f5f6f7;
  --ifm-color-gray-200: #ebedf0;
  --ifm-color-gray-300: #dadde1;
  --ifm-color-gray-400: #ccd0d5;
  --ifm-color-gray-500: #bec3c9;
  --ifm-color-gray-600: #8d949e;
  --ifm-color-gray-700: #606770;
  --ifm-color-gray-800: #444950;
  --ifm-color-gray-900: #1c1e21;
  --ifm-color-gray-1000: var(--ifm-color-black);

  --ifm-color-emphasis-0: var(--ifm-color-gray-0);
  --ifm-color-emphasis-100: var(--ifm-color-gray-100);
  --ifm-color-emphasis-200: var(--ifm-color-gray-200);
  --ifm-color-emphasis-300: var(--ifm-color-gray-300);
  --ifm-color-emphasis-400: var(--ifm-color-gray-400);
  --ifm-color-emphasis-500: var(--ifm-color-gray-500);
  --ifm-color-emphasis-600: var(--ifm-color-gray-600);
  --ifm-color-emphasis-700: var(--ifm-color-gray-700);
  --ifm-color-emphasis-800: var(--ifm-color-gray-800);
  --ifm-color-emphasis-900: var(--ifm-color-gray-900);
  --ifm-color-emphasis-1000: var(--ifm-color-gray-1000);

  /* Base. */
  --ifm-color-content: var(--ifm-color-emphasis-900);
  --ifm-color-content-inverse: var(--ifm-color-emphasis-0);
  --ifm-color-content-secondary: #525860;

  --ifm-background-color: transparent; /* Body's background. */
  --ifm-background-surface-color: var(--ifm-color-content-inverse);
  --ifm-global-border-width: 1px;
  --ifm-global-radius: 0.4rem;

  --ifm-hover-overlay: rgba(0, 0, 0, 0.05);

  /* Typography. */
  --ifm-font-color-base: var(--ifm-color-content);
  --ifm-font-color-base-inverse: var(--ifm-color-content-inverse);
  --ifm-font-color-secondary: var(--ifm-color-content-secondary);
  --ifm-font-family-base: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont,
    'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
  --ifm-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
  --ifm-font-size-base: 100%;

  --ifm-font-weight-light: 300;
  --ifm-font-weight-normal: 400;
  --ifm-font-weight-semibold: 500;
  --ifm-font-weight-bold: 700;

  --ifm-font-weight-base: var(--ifm-font-weight-normal);
  --ifm-line-height-base: 1.65;

  /* Spacing. */
  --ifm-global-spacing: 1rem;
  --ifm-spacing-vertical: var(--ifm-global-spacing);
  --ifm-spacing-horizontal: var(--ifm-global-spacing);

  /* Transitions. */
  --ifm-transition-fast: 200ms;
  --ifm-transition-slow: 400ms;
  --ifm-transition-timing-default: cubic-bezier(0.08, 0.52, 0.52, 1);

  /* Shadows. */
  --ifm-global-shadow-lw: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  --ifm-global-shadow-md: 0 5px 40px rgba(0, 0, 0, 0.2);
  --ifm-global-shadow-tl: 0 12px 28px 0 rgba(0, 0, 0, 0.2),
    0 2px 4px 0 rgba(0, 0, 0, 0.1);

  /* Z-index. */
  --ifm-z-index-dropdown: 100;
  --ifm-z-index-fixed: 200;
  --ifm-z-index-overlay: 400;
  --ifm-container-width: 1140px;
  --ifm-container-width-xl: 1320px;
  --ifm-code-background: rgb(246, 247, 248);
  --ifm-code-border-radius: var(--ifm-global-radius);
  --ifm-code-font-size: 90%;
  --ifm-code-padding-horizontal: 0.1rem;
  --ifm-code-padding-vertical: 0.1rem;

  --ifm-pre-background: var(--ifm-code-background);
  --ifm-pre-border-radius: var(--ifm-code-border-radius);
  --ifm-pre-color: inherit;
  --ifm-pre-line-height: 1.45;
  --ifm-pre-padding: 1rem;
  --ifm-heading-color: inherit;
  --ifm-heading-margin-top: 0;
  --ifm-heading-margin-bottom: var(--ifm-spacing-vertical);
  --ifm-heading-font-family: var(--ifm-font-family-base);
  --ifm-heading-font-weight: var(--ifm-font-weight-bold);
  --ifm-heading-line-height: 1.25;

  --ifm-h1-font-size: 2rem;
  --ifm-h2-font-size: 1.5rem;
  --ifm-h3-font-size: 1.25rem;
  --ifm-h4-font-size: 1rem;
  --ifm-h5-font-size: 0.875rem;
  --ifm-h6-font-size: 0.85rem;
  --ifm-image-alignment-padding: 1.25rem;
  /* Leading is the distance between two baselines */
  /* TODO: add appropriate mobile leading */
  --ifm-leading-desktop: 1.25;
  --ifm-leading: calc(var(--ifm-leading-desktop) * 1rem);
  --ifm-list-left-padding: 2rem;
  --ifm-list-margin: 1rem;
  --ifm-list-item-margin: 0.25rem;
  --ifm-list-paragraph-margin: 1rem;
  --ifm-table-cell-padding: 0.75rem;

  --ifm-table-background: transparent;
  --ifm-table-stripe-background: rgba(0, 0, 0, 0.03);

  --ifm-table-border-width: 1px;
  --ifm-table-border-color: var(--ifm-color-emphasis-300);

  --ifm-table-head-background: inherit;
  --ifm-table-head-color: inherit;
  --ifm-table-head-font-weight: var(--ifm-font-weight-bold);

  --ifm-table-cell-color: inherit;
  /* Links. */
  --ifm-link-color: var(--ifm-color-primary);
  --ifm-link-decoration: none;
  --ifm-link-hover-color: var(--ifm-link-color);
  --ifm-link-hover-decoration: underline;

  /* Paragraphs. */
  --ifm-paragraph-margin-bottom: var(--ifm-leading);

  /* Blockquotes. */
  --ifm-blockquote-font-size: var(--ifm-font-size-base);
  --ifm-blockquote-border-left-width: 2px;
  --ifm-blockquote-padding-horizontal: var(--ifm-spacing-horizontal);
  --ifm-blockquote-padding-vertical: 0;
  --ifm-blockquote-shadow: none;
  --ifm-blockquote-color: var(--ifm-color-emphasis-800);
  --ifm-blockquote-border-color: var(--ifm-color-emphasis-300);

  /* Horizontal Rules. */
  --ifm-hr-background-color: var(--ifm-color-emphasis-500);
  --ifm-hr-height: 1px;
  --ifm-hr-margin-vertical: 1.5rem;
  --ifm-scrollbar-size: 7px;
  --ifm-scrollbar-track-background-color: #f1f1f1;
  --ifm-scrollbar-thumb-background-color: #c0c0c0;
  --ifm-scrollbar-thumb-hover-background-color: #a7a7a7;
  --ifm-alert-background-color: inherit; /* Set a default which will be overridden later. */
  --ifm-alert-border-color: inherit; /* Set a default which will be overridden later. */
  --ifm-alert-border-radius: var(--ifm-global-radius);
  --ifm-alert-border-width: 0px; /* For users that want to easily add a border */
  --ifm-alert-border-left-width: 5px;
  --ifm-alert-color: var(--ifm-font-color-base);
  --ifm-alert-padding-horizontal: var(--ifm-spacing-horizontal);
  --ifm-alert-padding-vertical: var(--ifm-spacing-vertical);
  --ifm-alert-shadow: var(--ifm-global-shadow-lw);
  --ifm-avatar-intro-margin: 1rem;
  --ifm-avatar-intro-alignment: inherit;
  --ifm-avatar-photo-size: 3rem;
  --ifm-badge-background-color: inherit; /* Set a default which will be overridden later. */
  --ifm-badge-border-color: inherit; /* Set a default which will be overridden later. */
  --ifm-badge-border-radius: var(--ifm-global-radius);
  --ifm-badge-border-width: var(--ifm-global-border-width);
  --ifm-badge-color: var(--ifm-color-white);
  --ifm-badge-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 0.5);
  --ifm-badge-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);
  --ifm-breadcrumb-border-radius: 1.5rem;
  --ifm-breadcrumb-spacing: 0.5rem;
  --ifm-breadcrumb-color-active: var(--ifm-color-primary);
  --ifm-breadcrumb-item-background-active: var(--ifm-hover-overlay);
  --ifm-breadcrumb-padding-horizontal: 0.8rem;
  --ifm-breadcrumb-padding-vertical: 0.4rem;
  --ifm-breadcrumb-size-multiplier: 1;
  --ifm-breadcrumb-separator: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
  --ifm-breadcrumb-separator-filter: none;
  --ifm-breadcrumb-separator-size: 0.5rem;
  --ifm-breadcrumb-separator-size-multiplier: 1.25;
  --ifm-button-background-color: inherit;
  --ifm-button-border-color: var(--ifm-button-background-color);
  --ifm-button-border-width: var(--ifm-global-border-width);
  --ifm-button-color: var(--ifm-font-color-base-inverse);
  --ifm-button-font-weight: var(--ifm-font-weight-bold);
  --ifm-button-padding-horizontal: 1.5rem;
  --ifm-button-padding-vertical: 0.375rem;
  --ifm-button-size-multiplier: 1;
  --ifm-button-transition-duration: var(--ifm-transition-fast);
  --ifm-button-border-radius: calc(
    var(--ifm-global-radius) * var(--ifm-button-size-multiplier)
  );
  --ifm-button-group-spacing: 2px;
  --ifm-card-background-color: var(--ifm-background-surface-color);
  --ifm-card-border-radius: calc(var(--ifm-global-radius) * 2);
  --ifm-card-horizontal-spacing: var(--ifm-global-spacing);
  --ifm-card-vertical-spacing: var(--ifm-global-spacing);
  --ifm-toc-border-color: var(--ifm-color-emphasis-300);
  --ifm-toc-link-color: var(--ifm-color-content-secondary);
  --ifm-toc-padding-vertical: 0.5rem;
  --ifm-toc-padding-horizontal: 0.5rem;
  --ifm-dropdown-background-color: var(--ifm-background-surface-color);
  --ifm-dropdown-font-weight: var(--ifm-font-weight-semibold);
  --ifm-dropdown-link-color: var(--ifm-font-color-base);
  --ifm-dropdown-hover-background-color: var(--ifm-hover-overlay);
  --ifm-footer-background-color: var(--ifm-color-emphasis-100);
  --ifm-footer-color: inherit;
  --ifm-footer-link-color: var(--ifm-color-emphasis-700);
  --ifm-footer-link-hover-color: var(--ifm-color-primary);
  --ifm-footer-link-horizontal-spacing: 0.5rem;
  --ifm-footer-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 2);
  --ifm-footer-padding-vertical: calc(var(--ifm-spacing-vertical) * 2);
  --ifm-footer-title-color: inherit;
  --ifm-footer-logo-max-width: min(30rem, 90vw);
  --ifm-hero-background-color: var(--ifm-background-surface-color);
  --ifm-hero-text-color: var(--ifm-color-emphasis-800);
  --ifm-menu-color: var(--ifm-color-emphasis-700);
  --ifm-menu-color-active: var(--ifm-color-primary);
  --ifm-menu-color-background-active: var(--ifm-hover-overlay);
  --ifm-menu-color-background-hover: var(--ifm-hover-overlay);
  --ifm-menu-link-padding-horizontal: 0.75rem;
  --ifm-menu-link-padding-vertical: 0.375rem;
  --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
  --ifm-menu-link-sublist-icon-filter: none;
  --ifm-navbar-background-color: var(--ifm-background-surface-color);
  --ifm-navbar-height: 3.75rem;
  --ifm-navbar-item-padding-horizontal: 0.75rem;
  --ifm-navbar-item-padding-vertical: 0.25rem;
  --ifm-navbar-link-color: var(--ifm-font-color-base);
  --ifm-navbar-link-hover-color: var(--ifm-color-primary);
  --ifm-navbar-link-active-color: var(--ifm-link-color);
  --ifm-navbar-padding-horizontal: var(--ifm-spacing-horizontal);
  --ifm-navbar-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.5);
  --ifm-navbar-shadow: var(--ifm-global-shadow-lw);
  --ifm-navbar-search-input-background-color: var(--ifm-color-emphasis-200);
  --ifm-navbar-search-input-color: var(--ifm-color-emphasis-800);
  --ifm-navbar-search-input-placeholder-color: var(--ifm-color-emphasis-500);
  --ifm-navbar-search-input-icon: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');
  --ifm-navbar-sidebar-width: 83vw;
  --ifm-pagination-border-radius: var(--ifm-global-radius);
  --ifm-pagination-color-active: var(--ifm-color-primary);
  --ifm-pagination-font-size: 1rem;
  --ifm-pagination-item-active-background: var(--ifm-hover-overlay);
  --ifm-pagination-page-spacing: 0.2em;
  --ifm-pagination-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 1);
  --ifm-pagination-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);
  --ifm-pagination-nav-border-radius: var(--ifm-global-radius);
  --ifm-pagination-nav-color-hover: var(--ifm-color-primary);
  --ifm-pills-color-active: var(--ifm-color-primary);
  --ifm-pills-color-background-active: var(--ifm-hover-overlay);
  --ifm-pills-spacing: 0.125rem;
  --ifm-tabs-color: var(--ifm-font-color-secondary);
  --ifm-tabs-color-active: var(--ifm-color-primary);
  --ifm-tabs-color-active-border: var(--ifm-tabs-color-active);
  --ifm-tabs-padding-horizontal: 1rem;
  --ifm-tabs-padding-vertical: 1rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

* {
  box-sizing: border-box;
}

html {
  background-color: var(--ifm-background-color);
  color: var(--ifm-font-color-base);
  color-scheme: var(--ifm-color-scheme);
  font: var(--ifm-font-size-base) / var(--ifm-line-height-base)
    var(--ifm-font-family-base);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  margin: 0;
  word-wrap: break-word;
}

iframe {
  border: 0;
  color-scheme: auto;
}

/* Layout */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.container {
  margin: 0 auto;
  max-width: var(--ifm-container-width);
  padding: 0 var(--ifm-spacing-horizontal);
  width: 100%;
}

.container--fluid {
    max-width: inherit;
  }

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--ifm-spacing-horizontal) * -1);
}

.row--no-gutters {
    margin-left: 0;
    margin-right: 0;
  }

.row--no-gutters > .col {
      padding-left: 0;
      padding-right: 0;
    }

.row--align-top {
    align-items: flex-start;
  }

.row--align-bottom {
    align-items: flex-end;
  }

.row--align-center {
    align-items: center;
  }

.row--align-stretch {
    align-items: stretch;
  }

.row--align-baseline {
    align-items: baseline;
  }

.col {
  --ifm-col-width: 100%;

  flex: 1 0;
  margin-left: 0;
  max-width: var(--ifm-col-width);
  padding: 0 var(--ifm-spacing-horizontal);
  width: 100%;
}

.col[class*='col--'] {
    flex: 0 0 var(--ifm-col-width);
  }

.col--1 {
      --ifm-col-width: calc(1 / 12 * 100%);
    }

.col--offset-1 {
      margin-left: calc(1 / 12 * 100%);
    }

.col--2 {
      --ifm-col-width: calc(2 / 12 * 100%);
    }

.col--offset-2 {
      margin-left: calc(2 / 12 * 100%);
    }

.col--3 {
      --ifm-col-width: calc(3 / 12 * 100%);
    }

.col--offset-3 {
      margin-left: calc(3 / 12 * 100%);
    }

.col--4 {
      --ifm-col-width: calc(4 / 12 * 100%);
    }

.col--offset-4 {
      margin-left: calc(4 / 12 * 100%);
    }

.col--5 {
      --ifm-col-width: calc(5 / 12 * 100%);
    }

.col--offset-5 {
      margin-left: calc(5 / 12 * 100%);
    }

.col--6 {
      --ifm-col-width: calc(6 / 12 * 100%);
    }

.col--offset-6 {
      margin-left: calc(6 / 12 * 100%);
    }

.col--7 {
      --ifm-col-width: calc(7 / 12 * 100%);
    }

.col--offset-7 {
      margin-left: calc(7 / 12 * 100%);
    }

.col--8 {
      --ifm-col-width: calc(8 / 12 * 100%);
    }

.col--offset-8 {
      margin-left: calc(8 / 12 * 100%);
    }

.col--9 {
      --ifm-col-width: calc(9 / 12 * 100%);
    }

.col--offset-9 {
      margin-left: calc(9 / 12 * 100%);
    }

.col--10 {
      --ifm-col-width: calc(10 / 12 * 100%);
    }

.col--offset-10 {
      margin-left: calc(10 / 12 * 100%);
    }

.col--11 {
      --ifm-col-width: calc(11 / 12 * 100%);
    }

.col--offset-11 {
      margin-left: calc(11 / 12 * 100%);
    }

.col--12 {
      --ifm-col-width: calc(12 / 12 * 100%);
    }

.col--offset-12 {
      margin-left: calc(12 / 12 * 100%);
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.margin--none {
      margin: 0 !important;
    }

.margin-top--none {
        margin-top: 0 !important;
      }

.margin-left--none {
        margin-left: 0 !important;
      }

.margin-bottom--none {
        margin-bottom: 0 !important;
      }

.margin-right--none {
        margin-right: 0 !important;
      }

.margin-vert--none {
      margin-bottom: 0 !important;
      margin-top: 0 !important;
    }

.margin-horiz--none {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

.margin--xs {
      margin: 0.25rem !important;
    }

.margin-top--xs {
        margin-top: 0.25rem !important;
      }

.margin-left--xs {
        margin-left: 0.25rem !important;
      }

.margin-bottom--xs {
        margin-bottom: 0.25rem !important;
      }

.margin-right--xs {
        margin-right: 0.25rem !important;
      }

.margin-vert--xs {
      margin-bottom: 0.25rem !important;
      margin-top: 0.25rem !important;
    }

.margin-horiz--xs {
      margin-left: 0.25rem !important;
      margin-right: 0.25rem !important;
    }

.margin--sm {
      margin: 0.5rem !important;
    }

.margin-top--sm {
        margin-top: 0.5rem !important;
      }

.margin-left--sm {
        margin-left: 0.5rem !important;
      }

.margin-bottom--sm {
        margin-bottom: 0.5rem !important;
      }

.margin-right--sm {
        margin-right: 0.5rem !important;
      }

.margin-vert--sm {
      margin-bottom: 0.5rem !important;
      margin-top: 0.5rem !important;
    }

.margin-horiz--sm {
      margin-left: 0.5rem !important;
      margin-right: 0.5rem !important;
    }

.margin--md {
      margin: 1rem !important;
    }

.margin-top--md {
        margin-top: 1rem !important;
      }

.margin-left--md {
        margin-left: 1rem !important;
      }

.margin-bottom--md {
        margin-bottom: 1rem !important;
      }

.margin-right--md {
        margin-right: 1rem !important;
      }

.margin-vert--md {
      margin-bottom: 1rem !important;
      margin-top: 1rem !important;
    }

.margin-horiz--md {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
    }

.margin--lg {
      margin: 2rem !important;
    }

.margin-top--lg {
        margin-top: 2rem !important;
      }

.margin-left--lg {
        margin-left: 2rem !important;
      }

.margin-bottom--lg {
        margin-bottom: 2rem !important;
      }

.margin-right--lg {
        margin-right: 2rem !important;
      }

.margin-vert--lg {
      margin-bottom: 2rem !important;
      margin-top: 2rem !important;
    }

.margin-horiz--lg {
      margin-left: 2rem !important;
      margin-right: 2rem !important;
    }

.margin--xl {
      margin: 5rem !important;
    }

.margin-top--xl {
        margin-top: 5rem !important;
      }

.margin-left--xl {
        margin-left: 5rem !important;
      }

.margin-bottom--xl {
        margin-bottom: 5rem !important;
      }

.margin-right--xl {
        margin-right: 5rem !important;
      }

.margin-vert--xl {
      margin-bottom: 5rem !important;
      margin-top: 5rem !important;
    }

.margin-horiz--xl {
      margin-left: 5rem !important;
      margin-right: 5rem !important;
    }

.padding--none {
      padding: 0 !important;
    }

.padding-top--none {
        padding-top: 0 !important;
      }

.padding-left--none {
        padding-left: 0 !important;
      }

.padding-bottom--none {
        padding-bottom: 0 !important;
      }

.padding-right--none {
        padding-right: 0 !important;
      }

.padding-vert--none {
      padding-bottom: 0 !important;
      padding-top: 0 !important;
    }

.padding-horiz--none {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

.padding--xs {
      padding: 0.25rem !important;
    }

.padding-top--xs {
        padding-top: 0.25rem !important;
      }

.padding-left--xs {
        padding-left: 0.25rem !important;
      }

.padding-bottom--xs {
        padding-bottom: 0.25rem !important;
      }

.padding-right--xs {
        padding-right: 0.25rem !important;
      }

.padding-vert--xs {
      padding-bottom: 0.25rem !important;
      padding-top: 0.25rem !important;
    }

.padding-horiz--xs {
      padding-left: 0.25rem !important;
      padding-right: 0.25rem !important;
    }

.padding--sm {
      padding: 0.5rem !important;
    }

.padding-top--sm {
        padding-top: 0.5rem !important;
      }

.padding-left--sm {
        padding-left: 0.5rem !important;
      }

.padding-bottom--sm {
        padding-bottom: 0.5rem !important;
      }

.padding-right--sm {
        padding-right: 0.5rem !important;
      }

.padding-vert--sm {
      padding-bottom: 0.5rem !important;
      padding-top: 0.5rem !important;
    }

.padding-horiz--sm {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
    }

.padding--md {
      padding: 1rem !important;
    }

.padding-top--md {
        padding-top: 1rem !important;
      }

.padding-left--md {
        padding-left: 1rem !important;
      }

.padding-bottom--md {
        padding-bottom: 1rem !important;
      }

.padding-right--md {
        padding-right: 1rem !important;
      }

.padding-vert--md {
      padding-bottom: 1rem !important;
      padding-top: 1rem !important;
    }

.padding-horiz--md {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }

.padding--lg {
      padding: 2rem !important;
    }

.padding-top--lg {
        padding-top: 2rem !important;
      }

.padding-left--lg {
        padding-left: 2rem !important;
      }

.padding-bottom--lg {
        padding-bottom: 2rem !important;
      }

.padding-right--lg {
        padding-right: 2rem !important;
      }

.padding-vert--lg {
      padding-bottom: 2rem !important;
      padding-top: 2rem !important;
    }

.padding-horiz--lg {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }

.padding--xl {
      padding: 5rem !important;
    }

.padding-top--xl {
        padding-top: 5rem !important;
      }

.padding-left--xl {
        padding-left: 5rem !important;
      }

.padding-bottom--xl {
        padding-bottom: 5rem !important;
      }

.padding-right--xl {
        padding-right: 5rem !important;
      }

.padding-vert--xl {
      padding-bottom: 5rem !important;
      padding-top: 5rem !important;
    }

.padding-horiz--xl {
      padding-left: 5rem !important;
      padding-right: 5rem !important;
    }

/* Content */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

code {
  background-color: var(--ifm-code-background);
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
  border-radius: var(--ifm-code-border-radius);
  font-family: var(--ifm-font-family-monospace);
  font-size: var(--ifm-code-font-size);
  padding: var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal);
  vertical-align: middle;
}

a code {
  color: inherit;
}

pre {
  background-color: var(--ifm-pre-background);
  border-radius: var(--ifm-pre-border-radius);
  color: var(--ifm-pre-color);
  font: var(--ifm-code-font-size) / var(--ifm-pre-line-height)
    var(--ifm-font-family-monospace);
  margin: 0 0 var(--ifm-spacing-vertical);
  overflow: auto;
  padding: var(--ifm-pre-padding);
}

pre code {
    background-color: transparent;
    border: none;
    font-size: 100%;
    line-height: inherit;
    padding: 0;
  }

kbd {
  background-color: var(--ifm-color-emphasis-0);
  border: 1px solid var(--ifm-color-emphasis-400);
  border-radius: 0.2rem;
  box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-400);
  color: var(--ifm-color-emphasis-800);
  font: 80% var(--ifm-font-family-monospace);
  padding: 0.15rem 0.3rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--ifm-heading-color);
  font-family: var(--ifm-heading-font-family);
  font-weight: var(--ifm-heading-font-weight);
  line-height: var(--ifm-heading-line-height);
  margin: var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0;
}

h1 {
    font-size: var(--ifm-h1-font-size);
  }

h2 {
    font-size: var(--ifm-h2-font-size);
  }

h3 {
    font-size: var(--ifm-h3-font-size);
  }

h4 {
    font-size: var(--ifm-h4-font-size);
  }

h5 {
    font-size: var(--ifm-h5-font-size);
  }

h6 {
    font-size: var(--ifm-h6-font-size);
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

img {
  max-width: 100%;
}

img[align='right'] {
  padding-left: var(--image-alignment-padding);
}

img[align='left'] {
  padding-right: var(--image-alignment-padding);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.markdown {
  --ifm-h1-vertical-rhythm-top: 3;
  --ifm-h2-vertical-rhythm-top: 2;
  --ifm-h3-vertical-rhythm-top: 1.5;
  --ifm-heading-vertical-rhythm-top: 1.25;

  --ifm-h1-vertical-rhythm-bottom: 1.25;
  --ifm-heading-vertical-rhythm-bottom: 1;
}

.markdown:before {
    content: '';
    display: table;
  }

.markdown:after {
    clear: both;
    content: '';
    display: table;
  }

.markdown > *:last-child {
    margin-bottom: 0 !important;
  }

.markdown h1:first-child {
    --ifm-h1-font-size: 3rem;

    margin-bottom: calc(
      var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading)
    );
  }

.markdown > h2 {
    --ifm-h2-font-size: 2rem;

    margin-bottom: calc(
      var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
    );
    margin-top: calc(var(--ifm-h2-vertical-rhythm-top) * var(--ifm-leading));
  }

.markdown > h3 {
    --ifm-h3-font-size: 1.5rem;

    margin-bottom: calc(
      var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
    );
    margin-top: calc(var(--ifm-h3-vertical-rhythm-top) * var(--ifm-leading));
  }

.markdown > h4,
  .markdown > h5,
  .markdown > h6 {
    margin-bottom: calc(
      var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
    );
    margin-top: calc(
      var(--ifm-heading-vertical-rhythm-top) * var(--ifm-leading)
    );
  }

/* Consistent spacing between content paragraphs. */

.markdown > pre,
  .markdown > ul,
  .markdown > p {
    margin-bottom: var(--ifm-leading);
  }

.markdown li {
    word-wrap: break-word;
  }

.markdown li > p {
      margin-top: var(--ifm-list-paragraph-margin);
    }

.markdown li + li {
      margin-top: var(--ifm-list-item-margin);
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/* Lists */

ul,
ol {
  margin: 0 0 var(--ifm-list-margin);
  padding-left: var(--ifm-list-left-padding);
}

ol ol,
ul ol {
  list-style-type: lower-roman;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0;
}

ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
  list-style-type: lower-alpha;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

table {
  border-collapse: collapse;
  display: block;
  margin-bottom: var(--ifm-spacing-vertical);
  overflow: auto;
}

table thead tr {
    border-bottom: 2px solid var(--ifm-table-border-color);
  }

table thead {
    background-color: var(--ifm-table-stripe-background);
  }

table tr {
    background-color: var(--ifm-table-background);
    border-top: var(--ifm-table-border-width) solid
      var(--ifm-table-border-color);
  }

table tr:nth-child(2n) {
    background-color: var(--ifm-table-stripe-background);
  }

table th,
  table td {
    border: var(--ifm-table-border-width) solid var(--ifm-table-border-color);
    padding: var(--ifm-table-cell-padding);
  }

table th {
    background-color: var(--ifm-table-head-background);
    color: var(--ifm-table-head-color);
    font-weight: var(--ifm-table-head-font-weight);
  }

table td {
    color: var(--ifm-table-cell-color);
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

strong {
  font-weight: var(--ifm-font-weight-bold);
}

/* Links */

a {
  color: var(--ifm-link-color);
  /* autoprefixer: ignore next */
  text-decoration: var(--ifm-link-decoration);
  transition: color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}

a:hover {
    color: var(--ifm-link-hover-color);
    /* autoprefixer: ignore next */
    text-decoration: var(--ifm-link-hover-decoration);
  }

a:not([href]) {
    text-decoration: none;
  }

/* Paragraphs */

p {
  margin: 0 0 var(--ifm-paragraph-margin-bottom);
}

/* Blockquotes */

blockquote {
  border-left: var(--ifm-blockquote-border-left-width) solid
    var(--ifm-blockquote-border-color);
  box-shadow: var(--ifm-blockquote-shadow);
  color: var(--ifm-blockquote-color);
  font-size: var(--ifm-blockquote-font-size);
  margin: 0 0 var(--ifm-spacing-vertical);
  padding: var(--ifm-blockquote-padding-vertical)
    var(--ifm-blockquote-padding-horizontal);
}

blockquote > :first-child {
    margin-top: 0;
  }

blockquote > :last-child {
    margin-bottom: 0;
  }

/* Horizontal Rules */

hr {
  background-color: var(--ifm-hr-background-color);
  border: 0;
  height: var(--ifm-hr-height);
  margin: var(--ifm-hr-margin-vertical) 0;
}

/* Utilities */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.shadow--lw {
    box-shadow: var(--ifm-global-shadow-lw) !important;
  }

.shadow--md {
    box-shadow: var(--ifm-global-shadow-md) !important;
  }

.shadow--tl {
    box-shadow: var(--ifm-global-shadow-tl) !important;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.text--primary {
    color: var(--ifm-color-primary);
  }

.text--secondary {
    color: var(--ifm-color-secondary);
  }

.text--success {
    color: var(--ifm-color-success);
  }

.text--info {
    color: var(--ifm-color-info);
  }

.text--warning {
    color: var(--ifm-color-warning);
  }

.text--danger {
    color: var(--ifm-color-danger);
  }

.text--center {
    text-align: center;
  }

.text--left {
    text-align: left;
  }

.text--justify {
    text-align: justify;
  }

.text--right {
    text-align: right;
  }

.text--capitalize {
    text-transform: capitalize;
  }

.text--lowercase {
    text-transform: lowercase;
  }

.text--uppercase {
    text-transform: uppercase;
  }

.text--light {
    font-weight: var(--ifm-font-weight-light);
  }

.text--normal {
    font-weight: var(--ifm-font-weight-normal);
  }

.text--semibold {
    font-weight: var(--ifm-font-weight-semibold);
  }

.text--bold {
    font-weight: var(--ifm-font-weight-bold);
  }

.text--italic {
  font-style: italic;
}

.text--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text--break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text--no-decoration,
  .text--no-decoration:hover {
    text-decoration: none;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.clean-btn {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
}

.clean-list {
  list-style: none;
  padding-left: 0;
}

/* Components */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.alert--primary {
      --ifm-alert-background-color: var(
        --ifm-color-primary-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(53, 120, 229, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-primary-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-primary-dark);
    }

.alert--secondary {
      --ifm-alert-background-color: var(
        --ifm-color-secondary-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(235, 237, 240, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-secondary-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-secondary-dark);
    }

.alert--success {
      --ifm-alert-background-color: var(
        --ifm-color-success-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(0, 164, 0, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-success-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-success-dark);
    }

.alert--info {
      --ifm-alert-background-color: var(
        --ifm-color-info-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(84, 199, 236, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-info-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-info-dark);
    }

.alert--warning {
      --ifm-alert-background-color: var(
        --ifm-color-warning-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(255, 186, 0, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-warning-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-warning-dark);
    }

.alert--danger {
      --ifm-alert-background-color: var(
        --ifm-color-danger-contrast-background
      );
      --ifm-alert-background-color-highlight: rgba(250, 56, 62, 0.15);
      --ifm-alert-foreground-color: var(
        --ifm-color-danger-contrast-foreground
      );
      --ifm-alert-border-color: var(--ifm-color-danger-dark);
    }

.alert {

  --ifm-code-background: var(--ifm-alert-background-color-highlight);
  --ifm-link-color: var(--ifm-alert-foreground-color);
  --ifm-link-hover-color: var(--ifm-alert-foreground-color);
  --ifm-link-decoration: underline;
  --ifm-tabs-color: var(--ifm-alert-foreground-color);
  --ifm-tabs-color-active: var(--ifm-alert-foreground-color);
  --ifm-tabs-color-active-border: var(--ifm-alert-border-color);

  background-color: var(--ifm-alert-background-color);
  border: var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);
  border-left-width: var(--ifm-alert-border-left-width);
  border-radius: var(--ifm-alert-border-radius);
  box-shadow: var(--ifm-alert-shadow);
  color: var(--ifm-alert-foreground-color);
  padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
}

.alert__heading {
    align-items: center;
    display: flex;
    font: bold var(--ifm-h5-font-size) / var(--ifm-heading-line-height)
      var(--ifm-heading-font-family);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
  }

.alert__icon {
    display: inline-flex;
    margin-right: 0.4em;
  }

.alert__icon svg {
      fill: var(--ifm-alert-foreground-color);
      stroke: var(--ifm-alert-foreground-color);
      stroke-width: 0;
    }

.alert .close {
    color: var(--ifm-alert-foreground-color);
    margin: calc(var(--ifm-alert-padding-vertical) * -1)
      calc(var(--ifm-alert-padding-horizontal) * -1) 0 0;

    opacity: 0.75;
  }

.alert .close:hover,
    .alert .close:focus {
      opacity: 1;
    }

.alert a {
    text-decoration-color: var(--ifm-alert-border-color);
  }

.alert a:hover {
      text-decoration-thickness: 2px;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.avatar {
  -moz-column-gap: var(--ifm-avatar-intro-margin);
       column-gap: var(--ifm-avatar-intro-margin);
  display: flex;
}

.avatar__photo {
    border-radius: 50%;
    display: block;
    height: var(--ifm-avatar-photo-size);
    overflow: hidden;
    width: var(--ifm-avatar-photo-size);
  }

.avatar__photo--sm {
      --ifm-avatar-photo-size: 2rem;
    }

.avatar__photo--lg {
      --ifm-avatar-photo-size: 4rem;
    }

.avatar__photo--xl {
      --ifm-avatar-photo-size: 6rem;
    }

.avatar__intro {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    text-align: var(--ifm-avatar-intro-alignment);
  }

.avatar__name {
    font: bold var(--ifm-h4-font-size) / var(--ifm-heading-line-height)
      var(--ifm-font-family-base);
  }

.avatar__subtitle {
    margin-top: 0.25rem;
  }

.avatar--vertical {
    --ifm-avatar-intro-alignment: center;
    --ifm-avatar-intro-margin: 0.5rem;

    align-items: center;
    flex-direction: column;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.badge {
  background-color: var(--ifm-badge-background-color);
  border: var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);
  border-radius: var(--ifm-badge-border-radius);
  color: var(--ifm-badge-color);
  display: inline-block;
  font-size: 75%;
  font-weight: var(--ifm-font-weight-bold);
  line-height: 1;
  padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal);
}

.badge--primary {
      --ifm-badge-background-color: var(--ifm-color-primary);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

.badge--secondary {
      --ifm-badge-background-color: var(--ifm-color-secondary);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    color: var(--ifm-color-black);
    }

.badge--success {
      --ifm-badge-background-color: var(--ifm-color-success);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

.badge--info {
      --ifm-badge-background-color: var(--ifm-color-info);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

.badge--warning {
      --ifm-badge-background-color: var(--ifm-color-warning);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

.badge--danger {
      --ifm-badge-background-color: var(--ifm-color-danger);
      --ifm-badge-border-color: var(--ifm-badge-background-color);
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.breadcrumbs {
  margin-bottom: 0;
  padding-left: 0;
}

.breadcrumbs__item {
    display: inline-block;
  }

.breadcrumbs__item:not(:last-child):after {
      background: var(--ifm-breadcrumb-separator) center;
      content: ' ';
      display: inline-block;
      filter: var(--ifm-breadcrumb-separator-filter);
      height: calc(
        var(--ifm-breadcrumb-separator-size) *
          var(--ifm-breadcrumb-size-multiplier) *
          var(--ifm-breadcrumb-separator-size-multiplier)
      );
      margin: 0 var(--ifm-breadcrumb-spacing);
      opacity: 0.5;
      width: calc(
        var(--ifm-breadcrumb-separator-size) *
          var(--ifm-breadcrumb-size-multiplier) *
          var(--ifm-breadcrumb-separator-size-multiplier)
      );
      /*rtl:raw:
      transform: rotate(180deg);
      */
    }

.breadcrumbs__item--active .breadcrumbs__link {
        background: var(--ifm-breadcrumb-item-background-active);
        color: var(--ifm-breadcrumb-color-active);
      }

.breadcrumbs__link {
    border-radius: var(--ifm-breadcrumb-border-radius);
    color: var(--ifm-font-color-base);
    display: inline-block;
    font-size: calc(1rem * var(--ifm-breadcrumb-size-multiplier));
    padding: calc(
        var(--ifm-breadcrumb-padding-vertical) *
          var(--ifm-breadcrumb-size-multiplier)
      )
      calc(
        var(--ifm-breadcrumb-padding-horizontal) *
          var(--ifm-breadcrumb-size-multiplier)
      );
    transition-property: background, color;
    transition-duration: var(--ifm-transition-fast);
    transition-timing-function: var(--ifm-transition-timing-default);
  }

.breadcrumbs__link:link:hover, .breadcrumbs__link:visited:hover, area[href].breadcrumbs__link:hover {
      background: var(--ifm-breadcrumb-item-background-active);
      text-decoration: none;
    }

.breadcrumbs__link:-moz-any-link:hover {
      background: var(--ifm-breadcrumb-item-background-active);
      text-decoration: none;
    }

.breadcrumbs__link:any-link:hover {
      background: var(--ifm-breadcrumb-item-background-active);
      text-decoration: none;
    }

.breadcrumbs--sm {
    --ifm-breadcrumb-size-multiplier: 0.8;
  }

.breadcrumbs--lg {
    --ifm-breadcrumb-size-multiplier: 1.2;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.button {
  background-color: var(--ifm-button-background-color);
  border: var(--ifm-button-border-width) solid var(--ifm-button-border-color);
  border-radius: var(--ifm-button-border-radius);
  color: var(--ifm-button-color);
  cursor: pointer;
  display: inline-block;
  font-size: calc(0.875rem * var(--ifm-button-size-multiplier));
  font-weight: var(--ifm-button-font-weight);
  line-height: 1.5;
  padding: calc(
      var(--ifm-button-padding-vertical) * var(--ifm-button-size-multiplier)
    )
    calc(
      var(--ifm-button-padding-horizontal) * var(--ifm-button-size-multiplier)
    );
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transition-property: color, background, border-color;
  transition-duration: var(--ifm-button-transition-duration);
  transition-timing-function: var(--ifm-transition-timing-default);
}

.button:hover {
    color: var(--ifm-button-color); /* Override for button links. */
    text-decoration: none;
  }

.button--outline {
    --ifm-button-background-color: transparent;
    --ifm-button-color: var(--ifm-button-border-color);
  }

.button--outline:hover {
      --ifm-button-background-color: var(--ifm-button-border-color);
    }

.button--outline:hover,
    .button--outline:active,
    .button--outline.button--active {
      --ifm-button-color: var(--ifm-font-color-base-inverse);
    }

.button--link {
    --ifm-button-background-color: transparent;
    --ifm-button-border-color: transparent;

    color: var(--ifm-link-color);
    /* autoprefixer: ignore next */
    text-decoration: var(--ifm-link-decoration);
  }

.button--link:hover,
    .button--link:active,
    .button--link.button--active {
      color: var(--ifm-link-hover-color);
      /* autoprefixer: ignore next */
      text-decoration: var(--ifm-link-hover-decoration);
    }

.button.disabled,
  .button:disabled,
  .button[disabled] {
    opacity: 0.65;
    pointer-events: none;
  }

.button--sm {
    --ifm-button-size-multiplier: 0.8;
  }

.button--lg {
    --ifm-button-size-multiplier: 1.35;
  }

.button--block {
    display: block;
    width: 100%;
  }

.button.button--secondary {
    color: var(--ifm-color-gray-900);
  }

.button.button--secondary.button--outline:not(.button--active):not(:hover) {
      color: var(--ifm-font-color-base);
    }

:where(.button--primary) {
      --ifm-button-background-color: var(--ifm-color-primary);
      --ifm-button-border-color: var(--ifm-color-primary);
    }

:where(.button--primary):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-primary-dark);
        --ifm-button-border-color: var(--ifm-color-primary-dark);
      }

.button--primary:active,
      .button--primary.button--active {
        --ifm-button-background-color: var(--ifm-color-primary-darker);
        --ifm-button-border-color: var(--ifm-color-primary-darker);
      }

:where(.button--secondary) {
      --ifm-button-background-color: var(--ifm-color-secondary);
      --ifm-button-border-color: var(--ifm-color-secondary);
    }

:where(.button--secondary):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-secondary-dark);
        --ifm-button-border-color: var(--ifm-color-secondary-dark);
      }

.button--secondary:active,
      .button--secondary.button--active {
        --ifm-button-background-color: var(--ifm-color-secondary-darker);
        --ifm-button-border-color: var(--ifm-color-secondary-darker);
      }

:where(.button--success) {
      --ifm-button-background-color: var(--ifm-color-success);
      --ifm-button-border-color: var(--ifm-color-success);
    }

:where(.button--success):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-success-dark);
        --ifm-button-border-color: var(--ifm-color-success-dark);
      }

.button--success:active,
      .button--success.button--active {
        --ifm-button-background-color: var(--ifm-color-success-darker);
        --ifm-button-border-color: var(--ifm-color-success-darker);
      }

:where(.button--info) {
      --ifm-button-background-color: var(--ifm-color-info);
      --ifm-button-border-color: var(--ifm-color-info);
    }

:where(.button--info):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-info-dark);
        --ifm-button-border-color: var(--ifm-color-info-dark);
      }

.button--info:active,
      .button--info.button--active {
        --ifm-button-background-color: var(--ifm-color-info-darker);
        --ifm-button-border-color: var(--ifm-color-info-darker);
      }

:where(.button--warning) {
      --ifm-button-background-color: var(--ifm-color-warning);
      --ifm-button-border-color: var(--ifm-color-warning);
    }

:where(.button--warning):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-warning-dark);
        --ifm-button-border-color: var(--ifm-color-warning-dark);
      }

.button--warning:active,
      .button--warning.button--active {
        --ifm-button-background-color: var(--ifm-color-warning-darker);
        --ifm-button-border-color: var(--ifm-color-warning-darker);
      }

:where(.button--danger) {
      --ifm-button-background-color: var(--ifm-color-danger);
      --ifm-button-border-color: var(--ifm-color-danger);
    }

:where(.button--danger):not(.button--outline):hover {
        --ifm-button-background-color: var(--ifm-color-danger-dark);
        --ifm-button-border-color: var(--ifm-color-danger-dark);
      }

.button--danger:active,
      .button--danger.button--active {
        --ifm-button-background-color: var(--ifm-color-danger-darker);
        --ifm-button-border-color: var(--ifm-color-danger-darker);
      }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.button-group {
  display: inline-flex;
  gap: var(--ifm-button-group-spacing);
}

.button-group > .button:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }

.button-group > .button:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }

.button-group--block {
    display: flex;
    justify-content: stretch;
  }

.button-group--block > .button {
      flex-grow: 1;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.card {
  background-color: var(--ifm-card-background-color);
  border-radius: var(--ifm-card-border-radius);
  box-shadow: var(--ifm-global-shadow-lw);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Because of border-radius. */

.card--full-height {
    height: 100%;
  }

.card__image {
    padding-top: var(--ifm-card-vertical-spacing);
  }

.card__image:first-child {
      padding-top: 0;
    }

.card__header,
  .card__body,
  .card__footer {
    padding: var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing);
  }

.card__header:not(:last-child), .card__body:not(:last-child), .card__footer:not(:last-child) {
      padding-bottom: 0;
    }

.card__header > :last-child, .card__body > :last-child, .card__footer > :last-child {
      margin-bottom: 0;
    }

.card__footer {
    margin-top: auto; /* Pushes the footer to the bottom of the card. */
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.table-of-contents {
  font-size: 0.8rem;
  margin-bottom: 0;
  padding: var(--ifm-toc-padding-vertical) 0;
}

.table-of-contents,
  .table-of-contents ul {
    list-style: none;
    padding-left: var(--ifm-toc-padding-horizontal);
  }

.table-of-contents li {
    margin: var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal);
  }

.table-of-contents__left-border {
    border-left: 1px solid var(--ifm-toc-border-color);
  }

.table-of-contents__link {
    color: var(--ifm-toc-link-color);
    display: block;
  }

.table-of-contents__link:hover,
    .table-of-contents__link:hover code,
    .table-of-contents__link--active,
    .table-of-contents__link--active code {
      color: var(--ifm-color-primary);
      text-decoration: none;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.close {
  color: var(--ifm-color-black);
  float: right;
  font-size: 1.5rem;
  font-weight: var(--ifm-font-weight-bold);
  line-height: 1;
  opacity: 0.5;
  padding: 1rem;
  transition: opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}

.close:hover {
    opacity: 0.7;
  }

.close:focus {
    opacity: 0.8;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.dropdown {
  display: inline-flex;
  font-weight: var(--ifm-dropdown-font-weight);
  position: relative;
  vertical-align: top;
}

.dropdown--hoverable:hover .dropdown__menu, .dropdown--show .dropdown__menu {
      opacity: 1;
      pointer-events: all;
      transform: translateY(-1px);
      visibility: visible;
    }

.dropdown--right .dropdown__menu {
      left: inherit;
      right: 0;
    }

.dropdown--nocaret .navbar__link:after {
    content: none !important;
  }

.dropdown__menu {
    background-color: var(--ifm-dropdown-background-color);
    border-radius: var(--ifm-global-radius);
    box-shadow: var(--ifm-global-shadow-md);
    left: 0;
    list-style: none;
    max-height: 80vh;
    min-width: 10rem;
    opacity: 0;
    overflow-y: auto;
    padding: 0.5rem;
    pointer-events: none;
    position: absolute;
    top: calc(100% - var(--ifm-navbar-item-padding-vertical) + 0.3rem);
    transform: translateY(-0.625rem);
    visibility: hidden;
    z-index: var(--ifm-z-index-dropdown);
    transition-property: opacity, transform, visibility;
    transition-duration: var(--ifm-transition-fast);
    transition-timing-function: var(--ifm-transition-timing-default);
  }

.dropdown__link {
    border-radius: 0.25rem;
    color: var(--ifm-dropdown-link-color);
    display: block;
    font-size: 0.875rem;
    margin-top: 0.2rem;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
  }

.dropdown__link:hover,
    .dropdown__link--active {
      background-color: var(--ifm-dropdown-hover-background-color);
      color: var(--ifm-dropdown-link-color);
      text-decoration: none;
    }

.dropdown__link--active,
    .dropdown__link--active:hover {
      --ifm-dropdown-link-color: var(--ifm-link-color);
    }

.dropdown > .navbar__link:after {
    border-color: currentColor transparent;
    border-style: solid;
    border-width: 0.4em 0.4em 0;
    content: '';
    display: inline-block;
    margin-left: 0.3em;
    position: relative;
    top: 2px;
    transform: translateY(-50%);
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.footer {
  background-color: var(--ifm-footer-background-color);
  color: var(--ifm-footer-color);
  padding: var(--ifm-footer-padding-vertical)
    var(--ifm-footer-padding-horizontal);
}

.footer--dark {
    --ifm-footer-background-color: #303846;
    --ifm-footer-color: var(--ifm-footer-link-color);
    --ifm-footer-link-color: var(--ifm-color-secondary);
    --ifm-footer-title-color: var(--ifm-color-white);
  }

.footer__links {
    margin-bottom: 1rem;
  }

.footer__link-item {
    color: var(--ifm-footer-link-color);
    line-height: 2;
  }

.footer__link-item:hover {
      color: var(--ifm-footer-link-hover-color);
    }

.footer__link-separator {
    margin: 0 var(--ifm-footer-link-horizontal-spacing);
  }

.footer__logo {
    margin-top: 1rem;
    max-width: var(--ifm-footer-logo-max-width);
  }

.footer__title {
    color: var(--ifm-footer-title-color);
    font: bold var(--ifm-h4-font-size) / var(--ifm-heading-line-height)
      var(--ifm-font-family-base);
    margin-bottom: var(--ifm-heading-margin-bottom);
  }

.footer__item {
    margin-top: 0;
  }

.footer__items {
    margin-bottom: 0;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

[type='checkbox'] {
  padding: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.hero {
  align-items: center;
  background-color: var(--ifm-hero-background-color);
  color: var(--ifm-hero-text-color);
  display: flex;
  padding: 4rem 2rem;
}

.hero--primary {
    --ifm-hero-background-color: var(--ifm-color-primary);
    --ifm-hero-text-color: var(--ifm-font-color-base-inverse);
  }

.hero--dark {
    --ifm-hero-background-color: #303846;
    --ifm-hero-text-color: var(--ifm-color-white);
  }

.hero__title {
    font-size: 3rem;
  }

.hero__subtitle {
    font-size: 1.5rem;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.menu {
  font-weight: var(--ifm-font-weight-semibold);
  overflow-x: hidden;
}

.menu__list {
    list-style: none;
    margin: 0;
    padding-left: 0;
  }

/* Non-top level menus */

.menu__list .menu__list {
      flex: 0 0 100%;
      margin-top: 0.25rem;
      padding-left: var(--ifm-menu-link-padding-horizontal);
    }

.menu__list-item:not(:first-child) {
      margin-top: 0.25rem;
    }

.menu__list-item--collapsed .menu__list {
        height: 0;
        overflow: hidden;
      }

.menu__list-item--collapsed .menu__link--sublist:after,
      .menu__list-item--collapsed .menu__caret:before {
        transform: rotateZ(90deg);
      }

.menu__list-item-collapsible {
      flex-wrap: wrap;
      position: relative;
      border-radius: 0.25rem;
      display: flex;
      transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
    }

.menu__list-item-collapsible:hover {
    background: var(--ifm-menu-color-background-hover);
  }

.menu__list-item-collapsible--active {
        background: var(--ifm-menu-color-background-hover);
      }

.menu__list-item-collapsible .menu__link:hover,
        .menu__list-item-collapsible .menu__link--active {
          background: none !important;
        }

.menu__link,
  .menu__caret {
    align-items: center;
    border-radius: 0.25rem;
    display: flex;
    transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.menu__link:hover, .menu__caret:hover {
    background: var(--ifm-menu-color-background-hover);
  }

.menu__link {
    color: var(--ifm-menu-color);
    flex: 1;
    line-height: 1.25;
    padding: var(--ifm-menu-link-padding-vertical)
      var(--ifm-menu-link-padding-horizontal);
  }

.menu__link:hover {
      text-decoration: none;
      color: var(--ifm-menu-color);
      transition: color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
    }

.menu__link--sublist-caret:after {
      content: '';
      margin-left: auto;
      min-width: 1.25rem;
      background: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem;
      filter: var(--ifm-menu-link-sublist-icon-filter);
      height: 1.25rem;
      transform: rotate(180deg);
      width: 1.25rem;
      transition: transform var(--ifm-transition-fast) linear;
    }

.menu__link--active {
      color: var(--ifm-menu-color-active);
    }

.menu__link--active:hover {
        color: var(--ifm-menu-color-active);
      }

.menu__link--active:not(.menu__link--sublist) {
        background-color: var(--ifm-menu-color-background-active);
      }

.menu__caret {
    padding: var(--ifm-menu-link-padding-vertical)
      var(--ifm-menu-link-padding-horizontal);
  }

.menu__caret:before {
      content: '';
      background: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem;
      filter: var(--ifm-menu-link-sublist-icon-filter);
      height: 1.25rem;
      transform: rotate(180deg);
      width: 1.25rem;
      transition: transform var(--ifm-transition-fast) linear;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

html[data-theme='dark'],
.navbar--dark {
  --ifm-menu-link-sublist-icon-filter: invert(100%) sepia(94%) saturate(17%)
    hue-rotate(223deg) brightness(104%) contrast(98%);
}

.navbar {
  background-color: var(--ifm-navbar-background-color);
  box-shadow: var(--ifm-navbar-shadow);
  display: flex;
  height: var(--ifm-navbar-height);
  padding: var(--ifm-navbar-padding-vertical)
    var(--ifm-navbar-padding-horizontal);
}

.navbar > .container,
  .navbar > .container-fluid {
    display: flex;
  }

.navbar--fixed-top {
    position: sticky;
    top: 0;
    z-index: var(--ifm-z-index-fixed);
  }

.navbar__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

.navbar__brand {
    align-items: center;
    color: var(--ifm-navbar-link-color);
    display: flex;
    margin-right: 1rem;
    min-width: 0;
  }

.navbar__brand:hover {
      color: var(--ifm-navbar-link-hover-color);
      text-decoration: none;
    }

.navbar__title {
    flex: 1 1 auto;
  }

.navbar__toggle {
    display: none;
    margin-right: 0.5rem;
  }

.navbar__logo {
    flex: 0 0 auto;
    height: 2rem;
    margin-right: 0.5rem;
  }

.navbar__logo img {
      height: 100%;
    }

.navbar__items {
    align-items: center;
    display: flex;
    flex: 1;
    min-width: 0;
  }

.navbar__items--center {
      flex: 0 0 auto;
    }

.navbar__items--center .navbar__brand {
        margin: 0;
      }

.navbar__items--center + .navbar__items--right {
        flex: 1;
      }

.navbar__items--right {
      flex: 0 0 auto;
      justify-content: flex-end;
    }

.navbar__items--right > :last-child {
        padding-right: 0;
      }

.navbar__item {
    display: inline-block;
    padding: var(--ifm-navbar-item-padding-vertical)
      var(--ifm-navbar-item-padding-horizontal);
  }

.navbar__item.dropdown .navbar__link:not([href]) {
        pointer-events: none;
      }

.navbar__link {
    color: var(--ifm-navbar-link-color);
    font-weight: var(--ifm-font-weight-semibold);
  }

.navbar__link:hover,
    .navbar__link--active {
      color: var(--ifm-navbar-link-hover-color);
      text-decoration: none;
    }

.navbar--dark,
  .navbar--primary {
    --ifm-menu-color: var(--ifm-color-gray-300);
    --ifm-navbar-link-color: var(--ifm-color-gray-100);
    --ifm-navbar-search-input-background-color: rgba(255, 255, 255, 0.1);
    --ifm-navbar-search-input-placeholder-color: rgba(255, 255, 255, 0.5);

    color: var(--ifm-color-white);
  }

.navbar--dark {
    --ifm-navbar-background-color: #242526;
    --ifm-navbar-link-hover-color: var(--ifm-color-primary);
    --ifm-menu-color-background-active: rgba(255, 255, 255, 0.05);
    --ifm-navbar-search-input-color: var(--ifm-color-white);
  }

.navbar--primary {
    --ifm-navbar-background-color: var(--ifm-color-primary);
    --ifm-navbar-link-hover-color: var(--ifm-color-white);
    --ifm-menu-color-active: var(--ifm-color-white);
    --ifm-navbar-search-input-color: var(--ifm-color-emphasis-500);
  }

.navbar__search-input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; /* Algolia will add type="search" to the input in Safari and Safari's styling will override the styling here. */
      background: var(--ifm-navbar-search-input-background-color)
        var(--ifm-navbar-search-input-icon) no-repeat 0.75rem center / 1rem 1rem;
      border: none;
      border-radius: 2rem;
      color: var(--ifm-navbar-search-input-color);
      cursor: text;
      display: inline-block;
      font-size: 0.9rem;
      height: 2rem;
      padding: 0 0.5rem 0 2.25rem;
      width: 12.5rem;
    }

.navbar__search-input::-moz-placeholder {
        color: var(--ifm-navbar-search-input-placeholder-color);
      }

.navbar__search-input::placeholder {
        color: var(--ifm-navbar-search-input-placeholder-color);
      }

.navbar-sidebar {
    background-color: var(--ifm-navbar-background-color);
    bottom: 0;
    box-shadow: var(--ifm-global-shadow-md);
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    transform: translate3d(-100%, 0, 0);
    visibility: hidden;
    width: var(--ifm-navbar-sidebar-width);
    transition-property: opacity, visibility, transform;
    transition-duration: var(--ifm-transition-fast);
    transition-timing-function: ease-in-out;
  }

.navbar-sidebar--show .navbar-sidebar,
      .navbar-sidebar--show .navbar-sidebar__backdrop {
        opacity: 1;
        visibility: visible;
      }

.navbar-sidebar--show .navbar-sidebar {
        transform: translate3d(0, 0, 0);
      }

.navbar-sidebar__backdrop {
      background-color: rgba(0, 0, 0, 0.6);
      bottom: 0;
      left: 0;
      opacity: 0;
      position: fixed;
      right: 0;
      top: 0;
      visibility: hidden;
      transition-property: opacity, visibility;
      transition-duration: var(--ifm-transition-fast);
      transition-timing-function: ease-in-out;
    }

.navbar-sidebar__brand {
      align-items: center;
      box-shadow: var(--ifm-navbar-shadow);
      display: flex;
      flex: 1;
      height: var(--ifm-navbar-height);
      padding: var(--ifm-navbar-padding-vertical)
        var(--ifm-navbar-padding-horizontal);
    }

.navbar-sidebar__items {
      display: flex;
      height: calc(100% - var(--ifm-navbar-height));
      transform: translateZ(0);
      transition: transform var(--ifm-transition-fast) ease-in-out;
    }

.navbar-sidebar__items--show-secondary {
        transform: translate3d(
          calc((var(--ifm-navbar-sidebar-width)) * -1),
          0,
          0
        );
      }

.navbar-sidebar__item {
      flex-shrink: 0;
      padding: 0.5rem;
      width: calc(var(--ifm-navbar-sidebar-width));
    }

.navbar-sidebar__back {
      background: var(--ifm-menu-color-background-active);
      font-size: 15px;
      font-weight: var(--ifm-button-font-weight);
      margin: 0 0 0.2rem -0.5rem;
      padding: 0.6rem 1.5rem;
      position: relative;
      text-align: left;
      top: -0.5rem;
      width: calc(100% + 1rem);
    }

.navbar-sidebar__close {
      display: flex;
      margin-left: auto;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.pagination {
  -moz-column-gap: var(--ifm-pagination-page-spacing);
       column-gap: var(--ifm-pagination-page-spacing);
  display: flex;
  font-size: var(--ifm-pagination-font-size);
  padding-left: 0;
}

.pagination--sm {
    --ifm-pagination-font-size: 0.8rem;
    --ifm-pagination-padding-horizontal: 0.8rem;
    --ifm-pagination-padding-vertical: 0.2rem;
  }

.pagination--lg {
    --ifm-pagination-font-size: 1.2rem;
    --ifm-pagination-padding-horizontal: 1.2rem;
    --ifm-pagination-padding-vertical: 0.3rem;
  }

.pagination__item {
    display: inline-flex;
  }

.pagination__item > span {
      padding: var(--ifm-pagination-padding-vertical);
    }

.pagination__item--active .pagination__link {
        background: var(--ifm-pagination-item-active-background);
        color: var(--ifm-pagination-color-active);
      }

.pagination__item:not(.pagination__item--active):hover .pagination__link {
        background: var(--ifm-pagination-item-active-background);
      }

.pagination__item--disabled,
    .pagination__item[disabled] {
      opacity: 0.25;
      pointer-events: none;
    }

.pagination__link {
    border-radius: var(--ifm-pagination-border-radius);
    color: var(--ifm-font-color-base);
    display: inline-block;
    padding: var(--ifm-pagination-padding-vertical)
      var(--ifm-pagination-padding-horizontal);
    transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.pagination__link:hover {
      text-decoration: none;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.pagination-nav {
  display: grid;
  grid-gap: var(--ifm-spacing-horizontal);
  gap: var(--ifm-spacing-horizontal);
  grid-template-columns: repeat(2, 1fr);
}

.pagination-nav__link {
    border: 1px solid var(--ifm-color-emphasis-300);
    border-radius: var(--ifm-pagination-nav-border-radius);
    display: block;
    height: 100%;
    line-height: var(--ifm-heading-line-height);
    padding: var(--ifm-global-spacing);
    transition: border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.pagination-nav__link:hover {
      border-color: var(--ifm-pagination-nav-color-hover);
      text-decoration: none;
    }

.pagination-nav__link--next {
      grid-column: 2/3;
      text-align: right;
    }

.pagination-nav__label {
    font-size: var(--ifm-h4-font-size);
    font-weight: var(--ifm-heading-font-weight);
    word-break: break-word;
  }

.pagination-nav__link--prev .pagination-nav__label::before {
      content: '« ';
    }

.pagination-nav__link--next .pagination-nav__label::after {
      content: ' »';
    }

.pagination-nav__sublabel {
    color: var(--ifm-color-content-secondary);
    font-size: var(--ifm-h5-font-size);
    font-weight: var(--ifm-font-weight-semibold);
    margin-bottom: 0.25rem;
  }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.pills {
  display: flex;
  gap: var(--ifm-pills-spacing);
  padding-left: 0;
}

.pills__item {
    border-radius: 0.5rem;
    cursor: pointer;
    display: inline-block;
    font-weight: var(--ifm-font-weight-bold);
    padding: 0.25rem 1rem;
    transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.pills__item--active {
      background: var(--ifm-pills-color-background-active);
      color: var(--ifm-pills-color-active);
    }

.pills__item:not(.pills__item--active):hover {
      background: var(--ifm-pills-color-background-active);
    }

.pills--block {
    justify-content: stretch;
  }

.pills--block .pills__item {
      flex-grow: 1;
      text-align: center;
    }

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tabs {
  color: var(--ifm-tabs-color);
  display: flex;
  font-weight: var(--ifm-font-weight-bold);
  margin-bottom: 0;
  overflow-x: auto;
  padding-left: 0;
}

.tabs__item {
    border-bottom: 3px solid transparent;
    border-radius: var(--ifm-global-radius);
    cursor: pointer;
    display: inline-flex;
    padding: var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);
    transition: background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
  }

.tabs__item--active {
      border-bottom-color: var(--ifm-tabs-color-active-border);
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      color: var(--ifm-tabs-color-active);
    }

.tabs__item:hover {
      background-color: var(--ifm-hover-overlay);
    }

.tabs--block {
    justify-content: stretch;
  }

.tabs--block .tabs__item {
      flex-grow: 1;
      justify-content: center;
    }

/* Mode */

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

html[data-theme='dark'] {
  --ifm-color-scheme: dark;

  --ifm-color-emphasis-0: var(--ifm-color-gray-1000);
  --ifm-color-emphasis-100: var(--ifm-color-gray-900);
  --ifm-color-emphasis-200: var(--ifm-color-gray-800);
  --ifm-color-emphasis-300: var(--ifm-color-gray-700);
  --ifm-color-emphasis-400: var(--ifm-color-gray-600);
  --ifm-color-emphasis-500: var(--ifm-color-gray-500);
  --ifm-color-emphasis-600: var(--ifm-color-gray-400);
  --ifm-color-emphasis-700: var(--ifm-color-gray-300);
  --ifm-color-emphasis-800: var(--ifm-color-gray-200);
  --ifm-color-emphasis-900: var(--ifm-color-gray-100);
  --ifm-color-emphasis-1000: var(--ifm-color-gray-0);

  --ifm-background-color: #1b1b1d;
  --ifm-background-surface-color: #242526;

  --ifm-hover-overlay: rgba(255, 255, 255, 0.05);

  --ifm-color-content: #e3e3e3;
  --ifm-color-content-secondary: rgba(255, 255, 255, 1);

  --ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%)
    hue-rotate(149deg) brightness(99%) contrast(95%);

  --ifm-code-background: rgba(255, 255, 255, 0.1);

  --ifm-scrollbar-track-background-color: #444444;
  --ifm-scrollbar-thumb-background-color: #686868;
  --ifm-scrollbar-thumb-hover-background-color: #7a7a7a;

  --ifm-table-stripe-background: rgba(255, 255, 255, 0.07);

  --ifm-toc-border-color: var(--ifm-color-emphasis-200);
    --ifm-color-primary-contrast-background: rgb(16, 36, 69);
    --ifm-color-primary-contrast-foreground: rgb(235, 242, 252);
    --ifm-color-secondary-contrast-background: rgb(71, 71, 72);
    --ifm-color-secondary-contrast-foreground: rgb(253, 253, 254);
    --ifm-color-success-contrast-background: rgb(0, 49, 0);
    --ifm-color-success-contrast-foreground: rgb(230, 246, 230);
    --ifm-color-info-contrast-background: rgb(25, 60, 71);
    --ifm-color-info-contrast-foreground: rgb(238, 249, 253);
    --ifm-color-warning-contrast-background: rgb(77, 56, 0);
    --ifm-color-warning-contrast-foreground: rgb(255, 248, 230);
    --ifm-color-danger-contrast-background: rgb(75, 17, 19);
    --ifm-color-danger-contrast-foreground: rgb(255, 235, 236)
}

@media (min-width: 1440px) {
    .container {
      max-width: var(--ifm-container-width-xl);
    }
}

@media (max-width: 996px) {
    .col {
      --ifm-col-width: 100%;
      flex-basis: var(--ifm-col-width);
      margin-left: 0;
    }

.footer {
    --ifm-footer-padding-horizontal: 0
}

    .footer__link-separator {
      display: none;
    }

    .footer__col {
      margin-bottom: calc(var(--ifm-spacing-vertical) * 3);
    }

    .footer__link-item {
      display: block;
    }

.hero {
    padding-left: 0;
    padding-right: 0
}

.navbar > .container,
  .navbar > .container-fluid {
      padding: 0
  }

.navbar__toggle {
      display: inherit
  }

.navbar__item {
      display: none
  }

.navbar__search-input {
        width: 9rem
    }

.pills--block {
      flex-direction: column
  }

.tabs--block {
      flex-direction: column
  }
}

@media (max-width: 576px) {
    .markdown h1:first-child {
      --ifm-h1-font-size: 2rem;
    }
    .markdown > h2 {
      --ifm-h2-font-size: 1.5rem;
    }
    .markdown > h3 {
      --ifm-h3-font-size: 1.25rem;
    }
}

@media (pointer: fine) {
  .thin-scrollbar {
    scrollbar-width: thin;
  }
  .thin-scrollbar::-webkit-scrollbar {
    height: var(--ifm-scrollbar-size);
    width: var(--ifm-scrollbar-size);
  }
  .thin-scrollbar::-webkit-scrollbar-track {
    background: var(--ifm-scrollbar-track-background-color);
    border-radius: 10px;
  }
  .thin-scrollbar::-webkit-scrollbar-thumb {
    background: var(--ifm-scrollbar-thumb-background-color);
    border-radius: 10px;
  }
  .thin-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--ifm-scrollbar-thumb-hover-background-color);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ifm-transition-fast: 0ms;
    --ifm-transition-slow: 0ms;
  }
}

@media print {

.table-of-contents {
    display: none
}

.footer {
    display: none
}

.menu {
    display: none
}

.navbar {
    display: none
}

.pagination-nav {
    display: none
}

.tabs {
    page-break-inside: avoid
}
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/**
 * Styles for NProgress
 * Copied over to remove unused styles for the spinner.
 * https://github.com/rstacruz/nprogress/blob/master/nprogress.css
 */

:root {
  --docusaurus-progress-bar-color: var(--ifm-color-primary);
}

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: var(--docusaurus-progress-bar-color);
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

#nprogress .peg {
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px var(--docusaurus-progress-bar-color),
    0 0 5px var(--docusaurus-progress-bar-color);
  opacity: 1;
  transform: rotate(3deg) translate(0, -4px);
}


/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.iconEdit_OPjY {
  margin-right: 0.3em;
  vertical-align: sub;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

:root {
  --docusaurus-tag-list-border: var(--ifm-color-emphasis-300);
}

.tag_Bwbz {
  border: 1px solid var(--docusaurus-tag-list-border);
  transition: border var(--ifm-transition-fast);
}

.tag_Bwbz:hover {
  --docusaurus-tag-list-border: var(--ifm-link-color);
  text-decoration: none;
}

.tagRegular_Feak {
  border-radius: var(--ifm-global-radius);
  padding: 0.2rem 0.5rem 0.3rem;
  font-size: 90%;
}

.tagWithCount_FJ_G {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0.5rem 0 1rem;
  border-left: 0;
}

.tagWithCount_FJ_G::before,
.tagWithCount_FJ_G::after {
  content: '';
  position: absolute;
  top: 50%;
  border: 1px solid var(--docusaurus-tag-list-border);
  transition: inherit;
}

.tagWithCount_FJ_G::before {
  right: 100%;
  transform: translate(50%, -50%) rotate(-45deg);
  width: 1.18rem;
  height: 1.18rem;
  border-right: 0;
  border-bottom: 0;
}

.tagWithCount_FJ_G::after {
  left: 0;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.tagWithCount_FJ_G span {
  background: var(--ifm-color-secondary);
  color: var(--ifm-color-black);
  font-size: 0.7rem;
  line-height: 1.2;
  border-radius: var(--ifm-global-radius);
  padding: 0.1rem 0.4rem;
  margin-left: 0.3rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tags_HVAd {
  display: inline;
}

.tag_gylO {
  margin: 0 0.4rem 0.5rem 0;
  display: inline-block;
}

.lastUpdated_VsjB {
  margin-top: 0.2rem;
  font-style: italic;
  font-size: smaller;
}

@media (min-width: 997px) {
  .lastUpdated_VsjB {
    text-align: right;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tocCollapsibleButton_oQ1m {
  font-size: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.8rem;
  width: 100%;
}

.tocCollapsibleButton_oQ1m::after {
  content: '';
  background: var(--ifm-menu-link-sublist-icon) 50% 50% / 2rem 2rem no-repeat;
  filter: var(--ifm-menu-link-sublist-icon-filter);
  height: 1.25rem;
  width: 1.25rem;
  transform: rotate(180deg);
  transition: transform var(--ifm-transition-fast);
}

.tocCollapsibleButtonExpanded_dD9r::after {
  transform: none;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tocCollapsible_IeVX {
  background-color: var(--ifm-menu-color-background-active);
  border-radius: var(--ifm-global-radius);
  margin: 1rem 0;
}

.tocCollapsibleContent_g_2O > ul {
  border-left: none;
  border-top: 1px solid var(--ifm-color-emphasis-300);
  padding: 0.2rem 0;
  font-size: 15px;
}

.tocCollapsibleContent_g_2O ul li {
  margin: 0.4rem 0.8rem;
}

.tocCollapsibleContent_g_2O a {
  display: block;
}

.tocCollapsibleExpanded_keWV {
  transform: none;
}

@media (min-width: 997px) {
  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
  .tocMobile_bxCs {
    display: none;
  }
}

@media print {
  .tocMobile_bxCs {
    display: none;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tableOfContents_xXhp {
  max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
  overflow-y: auto;
  position: sticky;
  top: calc(var(--ifm-navbar-height) + 1rem);
}

@media (max-width: 996px) {
  .tableOfContents_xXhp {
    display: none;
  }

  .docItemContainer_tVU8 {
    padding: 0 0.3rem;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/*
When the navbar is sticky, ensure that on anchor click,
the browser does not scroll that anchor behind the navbar
See https://twitter.com/JoshWComeau/status/1332015868725891076
 */
.anchorWithStickyNavbar_mAk_ {
  scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
}

.anchorWithHideOnScrollNavbar_BGBb {
  scroll-margin-top: 0.5rem;
}

.hash-link {
  opacity: 0;
  padding-left: 0.5rem;
  transition: opacity var(--ifm-transition-fast);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.hash-link::before {
  content: '#';
}

.hash-link:focus,
*:hover > .hash-link {
  opacity: 1;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.codeBlockContainer_wFIw {
  background: var(--prism-background-color);
  color: var(--prism-color);
  margin-bottom: var(--ifm-leading);
  box-shadow: var(--ifm-global-shadow-lw);
  border-radius: var(--ifm-code-border-radius);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.codeBlockContent_hJ5K {
  position: relative;
  /* rtl:ignore */
  direction: ltr;
  border-radius: inherit;
}

.codeBlockTitle_MdEY {
  border-bottom: 1px solid var(--ifm-color-emphasis-300);
  font-size: var(--ifm-code-font-size);
  font-weight: 500;
  padding: 0.75rem var(--ifm-pre-padding);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.codeBlock_qEk7 {
  --ifm-pre-background: var(--prism-background-color);
  margin: 0;
  padding: 0;
}

.codeBlockTitle_MdEY + .codeBlockContent_hJ5K .codeBlock_qEk7 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.codeBlockStandalone_CHZG {
  padding: 0;
}

.codeBlockLines_HvQJ {
  font: inherit;
  /* rtl:ignore */
  float: left;
  min-width: 100%;
  padding: var(--ifm-pre-padding);
}

.codeBlockLinesWithNumbering_Nn_E {
  display: table;
  padding: var(--ifm-pre-padding) 0;
}

@media print {
  .codeBlockLines_HvQJ {
    white-space: pre-wrap;
  }
}

.buttonGroup_sFKY {
  display: flex;
  -moz-column-gap: 0.2rem;
       column-gap: 0.2rem;
  position: absolute;
  /* rtl:ignore */
  right: calc(var(--ifm-pre-padding) / 2);
  top: calc(var(--ifm-pre-padding) / 2);
}

.buttonGroup_sFKY button {
  display: flex;
  align-items: center;
  background: var(--prism-background-color);
  color: var(--prism-color);
  border: 1px solid var(--ifm-color-emphasis-300);
  border-radius: var(--ifm-global-radius);
  padding: 0.4rem;
  line-height: 0;
  transition: opacity var(--ifm-transition-fast) ease-in-out;
  opacity: 0;
}

.buttonGroup_sFKY button:focus-visible,
.buttonGroup_sFKY button:hover {
  opacity: 1 !important;
}

.theme-code-block:hover .buttonGroup_sFKY button {
  opacity: 0.4;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/* Intentionally has zero specificity, so that to be able to override
the background in custom CSS file due bug https://github.com/facebook/docusaurus/issues/3678 */
:where(:root) {
  --docusaurus-highlighted-code-line-bg: rgb(72 77 91);
}

:where([data-theme='dark']) {
  --docusaurus-highlighted-code-line-bg: rgb(100 100 100);
}

.theme-code-block-highlighted-line {
  background-color: var(--docusaurus-highlighted-code-line-bg);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

.codeLine_bMZM {
  display: table-row;
  counter-increment: line-count;
}

.codeLineNumber_JILY {
  display: table-cell;
  text-align: right;
  width: 1%;
  position: sticky;
  left: 0;
  padding: 0 var(--ifm-pre-padding);
  background: var(--ifm-pre-background);
  overflow-wrap: normal;
}

.codeLineNumber_JILY::before {
  content: counter(line-count);
  opacity: 0.4;
}

.theme-code-block-highlighted-line .codeLineNumber_JILY::before {
  opacity: 0.8;
}

.codeLineContent__0M5 {
  padding-right: var(--ifm-pre-padding);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.theme-code-block:hover .copyButtonCopied_Rbjx {
  opacity: 1 !important;
}

.copyButtonIcons_krsM {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
}

.copyButtonIcon_udGy,
.copyButtonSuccessIcon_B2Rx {
  position: absolute;
  top: 0;
  left: 0;
  fill: currentColor;
  opacity: inherit;
  width: inherit;
  height: inherit;
  transition: all var(--ifm-transition-fast) ease;
}

.copyButtonSuccessIcon_B2Rx {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.33);
  opacity: 0;
  color: #00d600;
}

.copyButtonCopied_Rbjx .copyButtonIcon_udGy {
  transform: scale(0.33);
  opacity: 0;
}

.copyButtonCopied_Rbjx .copyButtonSuccessIcon_B2Rx {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition-delay: 0.075s;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.wordWrapButtonIcon_b6nN {
  width: 1.2rem;
  height: 1.2rem;
}

.wordWrapButtonEnabled_QNPs .wordWrapButtonIcon_b6nN {
  color: var(--ifm-color-primary);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/*
CSS variables, meant to be overridden by final theme
 */
.details_T81C {
  --docusaurus-details-summary-arrow-size: 0.38rem;
  --docusaurus-details-transition: transform 200ms ease;
  --docusaurus-details-decoration-color: grey;
}

.details_T81C > summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  padding-left: 1rem;
}

/* TODO: deprecation, need to remove this after Safari will support `::marker` */
.details_T81C > summary::-webkit-details-marker {
  display: none;
}

.details_T81C > summary::before {
  position: absolute;
  top: 0.45rem;
  left: 0;

  /* CSS-only Arrow */
  content: '';
  border-width: var(--docusaurus-details-summary-arrow-size);
  border-style: solid;
  border-color: transparent transparent transparent
    var(--docusaurus-details-decoration-color);

  /* Arrow rotation anim */
  transform: rotate(0deg);
  transition: var(--docusaurus-details-transition);
  transform-origin: calc(var(--docusaurus-details-summary-arrow-size) / 2) 50%;
}

/* When JS disabled/failed to load: we use the open property for arrow animation: */
.details_T81C[open]:not(.isBrowser_Vhaf) > summary::before,

.details_T81C[data-collapsed='false'].isBrowser_Vhaf > summary::before {
  transform: rotate(90deg);
}

.collapsibleContent_ErLa {
  margin-top: 1rem;
  border-top: 1px solid var(--docusaurus-details-decoration-color);
  padding-top: 1rem;
}

.collapsibleContent_ErLa > *:last-child {
  margin-bottom: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.details_SzjO {
  --docusaurus-details-decoration-color: var(--ifm-alert-border-color);
  --docusaurus-details-transition: transform var(--ifm-transition-fast) ease;
  margin: 0 0 var(--ifm-spacing-vertical);
  border: 1px solid var(--ifm-alert-border-color);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.containsTaskList_UxWm {
  list-style: none;
}

:not(.containsTaskList_UxWm > li) > .containsTaskList_UxWm {
  padding-left: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.img_G9YA {
  height: auto;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.admonition_B9R4 {
  margin-bottom: 1em;
}

.admonitionHeading_JYEH {
  font: var(--ifm-heading-font-weight) var(--ifm-h5-font-size) /
    var(--ifm-heading-line-height) var(--ifm-heading-font-family);
  text-transform: uppercase;
  margin-bottom: 0.3rem;
}

.admonitionHeading_JYEH code {
  text-transform: none;
}

.admonitionIcon_V6x6 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
}

.admonitionIcon_V6x6 svg {
  display: inline-block;
  height: 1.6em;
  width: 1.6em;
  fill: var(--ifm-alert-foreground-color);
}

.admonitionContent_X5B3 > :last-child {
  margin-bottom: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.container_UrRh {
  max-width: 100%;
}

.container_UrRh > svg {
  max-width: 100%;
}

ds-onboard-get-name {
  margin-top: 30px;
  display: block;
}
ds-onboard-get-name [ds-button] {
  margin-bottom: 10px;
}
ds-onboard-get-name input {
  margin-bottom: 10px !important;
}
ds-onboard-get-name .error-text {
  font-size: 12px;
  color: var(--ds-orange-lighter-1);
  min-height: 24px;
  margin-bottom: 5px;
  margin-top: 5px;
}
ds-onboard-get-name sl-switch {
  font-family: "Martel Sans", sans-serif;
  display: flex;
  margin-bottom: 30px;
  margin-left: 5px;
  font-size: 12px;
  align-self: center;
  align-items: center;
}
ds-onboard-get-name sl-switch::part(label) {
  padding-left: 10px;
}
ds-onboard-get-name #request-access-btn {
  margin-left: 20px;
}

ds-onboard-get-password [ds-button] {
  margin-bottom: 10px;
}
ds-onboard-get-password .error-text {
  font-size: 12px;
  color: var(--ds-orange-lighter-1);
  min-height: 24px;
  margin-bottom: 5px;
  margin-top: 5px;
}
ds-onboard-get-password .ds-checkbox-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
ds-onboard-get-password .ds-checkbox-container input[type="checkbox"] {
  height: 26px;
  width: 26px;
  opacity: 0.6;
}
ds-onboard-get-password .ds-checkbox-container label[for="password-reveal"],
ds-onboard-get-password .ds-checkbox-container label[for="usage-policy"] {
  font-family: "Martel Sans", sans-serif;
  margin-left: 5px;
  cursor: pointer;
  font-size: 11px;
  vertical-align: middle;
}

ds-onboard-get-name [ds-button] {
  margin-bottom: 10px;
}

ds-onboard-get-name [ds-button] {
  margin-bottom: 10px;
}


[ds-shimmer-background-until-click] {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
  background-size: 200%;
  background-repeat: no-repeat;
  animation: light 2s infinite linear;
}
@keyframes light {
  0%,
  40% {
    background-position: 400%;
  }
  50% {
    background-position: 100%;
  }
  60%,
  100% {
    background-position: -200%;
  }
}
[ds-shimmer-border-until-click] {
  position: relative;
  padding: 1px;
  overflow: hidden;
}
[ds-shimmer-border-until-click]:before {
  content: "";
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: center;
  background-image: conic-gradient(transparent, #d4d4d4, transparent 30%);
  animation: rotate 4s linear infinite;
  z-index: -2;
}
[ds-shimmer-border-until-click]:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #000000;
  pointer-events: none;
  z-index: -1;
  animation: opacityChange 2s infinite linear;
}
@keyframes opacityChange {
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

.ds-auth-buttons {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
}
.ds-authenticate-form .authenticate-section {
  display: block;
  margin: auto;
  max-width: 290px;
  margin-top: 20px;
}
.ds-authenticate-form .authenticate-section sl-tab-panel {
  padding: 20px 5px;
}
.ds-authenticate-form .authenticate-section sl-tab {
  opacity: 0.6;
}
.ds-authenticate-form .authenticate-section sl-tab::part(base) {
  font-family: "Martel Sans", sans-serif;
  font-size: 14px;
}
.ds-authenticate-form .authenticate-section sl-tab[active] {
  opacity: 1;
}
.ds-authenticate-form .authenticate-section .tab-group__body {
  overflow: hidden !important;
}
.ds-authenticate-form .authenticate-section sl-tab-group {
  --indicator-color: #fff;
}
.ds-authenticate-form .authenticate-section sl-tab-group::part(body) {
  overflow: hidden !important;
}
.ds-authenticate-form .authenticate-section sl-alert {
  margin-bottom: 20px;
}
.ds-authenticate-form .authenticate-section .error-message {
  color: #ff9595;
  opacity: 0.6;
  margin-top: 20px;
}
.ds-authenticate-form .authenticate-section .muted {
  opacity: 0.8;
}
.ds-authenticate-form .authenticate-section .extra-muted {
  opacity: 0.5;
}
.ds-authenticate-form .authenticate-section .learn-more-button {
  width: 115px;
  margin-left: 7px;
  float: right;
}
.ds-authenticate-form .authenticate-section .sign-in-button {
  float: right;
  margin-bottom: 20px;
}
.ds-authenticate-form .details-group-example sl-details {
  opacity: 0.6;
  font-size: 11px;
}
.ds-authenticate-form .details-group-example sl-details:hover {
  opacity: 1;
}
.ds-authenticate-form .lp-header {
  text-align: center;
  font-family: "Martel Sans", sans-serif;
  opacity: 0.8;
  margin-top: 40px;
}
.ds-authenticate-form ds-lanes {
  margin-top: 40px;
  display: block;
}
.ds-authenticate-form ds-lanes .content-panel {
  background-color: transparent;
}
.ds-authenticate-form ds-lanes .agent-label {
  font-family: "Fira Code", monospace;
  font-weight: 600;
}
.ds-authenticate-form ds-lanes .agent-properties {
  font-family: "Martel Sans", sans-serif;
  text-align: center;
  font-size: 16px;
}
.ds-authenticate-form ds-lanes .agent-properties > p {
  margin: 20px;
}
.ds-authenticate-form sl-button::part(base) {
  font-family: "Martel Sans", sans-serif;
  line-height: 40px;
  font-size: 14px;
  font-weight: 700;
}
.ds-authenticate-form sl-button:not(.learn-more-button)::part(base) {
  transition: all 0.1s ease-in-out;
  background-color: hsl(268, 63%, 69%);
  border: none;
}
.ds-authenticate-form sl-button:not(.learn-more-button)::part(base):hover {
  background-color: var(--ds-purple-darker-1);
}

ds-blinking-cursor {
  display: inline-block;
  width: 0;
  height: 0;
  padding: 0;
}
ds-blinking-cursor::before {
  content: "";
  display: inline-block;
  width: 1ch;
  height: 0.9em;
  background-color: var(--ds-document-text-color);
  animation: flicker 0.8s infinite;
}
@keyframes flicker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


ds-buttons {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: -1;
}


ds-agenda > div {
  padding: 15px !important;
}
ds-agenda > div > .today-primary-header {
  font-size: 20px;
  font-weight: 600;
  color: var(--ds-document-text-bolded-color);
  margin-bottom: 5px;
  text-align: center;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner .ritual-list-item {
  position: relative;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner .ritual-list-item .ritual-editor {
  position: absolute;
  right: 0px;
  top: 5px;
  z-index: 3;
  border: 0px;
  opacity: 0.05;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner .ritual-list-item .ritual-editor:hover {
  opacity: 1 !important;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner .ritual-list-item .target-time {
  opacity: 0.3;
  padding-left: 10px;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner .ritual-list-item sl-checkbox {
  height: 48px !important;
  padding-left: 20px;
  flex-basis: unset !important;
  flex-grow: unset !important;
  align-items: center;
  justify-content: center;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner .ritual-list-item sl-checkbox::part(control) {
  border-color: var(--ds-section-divider-color);
  border-radius: 20px;
  outline-offset: 2px;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner .ritual-list-item sl-checkbox::part(label) {
  font-size: 13px !important;
  font-weight: 600 !important;
  height: 48px !important;
  align-items: baseline !important;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner .ritual-list-item sl-checkbox::part(checked-icon) {
  width: 30px;
  height: 30px;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner .ritual-list-item:hover .ritual-editor {
  background-color: transparent !important;
  opacity: 0.5;
}
ds-agenda > div > div > div.ds-list > div.ds-list-inner > .ritual-list-item > .ritual-list-item sl-checkbox::part(control) {
  margin-left: 40px;
}
ds-agenda > div > ds-calendar > div > section {
  padding-top: 30px;
}
ds-agenda > div > ds-calendar .week-day-calendar-container {
  max-height: calc(100dvh - 370px) !important;
}

.message-id {
  font-size: 11px;
  opacity: 0.5;
  position: absolute;
  top: 20px;
  left: 20px;
}
@media screen and (max-width: 500px) {
  #chat-messages .message {
    padding-left: 20px !important;
  }
  #chat-messages .message .avatar {
    left: 10px !important;
    top: 19px !important;
    opacity: 0.5 !important;
  }
  #chat-messages .message .key-breadcrumbs-bar {
    padding-left: 50px;
  }
  #chat-messages .message .content-bar {
    padding-bottom: 0px !important;
  }
  #chat-messages .my-message .avatar {
    opacity: 0 !important;
  }
}
:root {
  --daisy-chat-input-div-min-height: 110px;
}
.uppercase {
  text-transform: uppercase;
}
:not(:defined) {
  visibility: hidden;
  display: none;
}
#protocol-explorer-modal::part(panel) {
  padding: 10px;
}
#daisy-request-access-modal sl-input,
#daisy-request-access-modal sl-textarea {
  margin-bottom: 20px;
}
#splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ds-background-color);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
dl[data-bind="expandableDetails"] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 8px;
}
dl[data-bind="expandableDetails"] > div.metadata-item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: 16px 0px;
  border-bottom: 1px dashed var(--ds-section-divider-color);
}
dl[data-bind="expandableDetails"] > div.metadata-item > dt {
  font-weight: bold;
  padding-right: 10px;
}
dl[data-bind="expandableDetails"] > div.metadata-item > dd {
  text-align: right;
  color: var(--ds-blue-lighter-0);
}
dl[data-bind="expandableDetails"] > div.metadata-item > dd > .ds-badge {
  cursor: pointer;
}
dl[data-bind="expandableDetails"] > div.metadata-item > dd > .ds-badge:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
dl[data-bind="expandableDetails"] > div.metadata-item > div.metadata-details {
  grid-column: 1 / -1;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  margin-top: 8px;
  margin-bottom: 8px;
}
dl[data-bind="expandableDetails"] > div.metadata-item > div.metadata-details dl[data-bind="expandableDetails"] {
  margin: 0;
  padding: 5px 15px 5px 20px;
}
dl[data-bind="expandableDetails"] > div.metadata-item > div.metadata-details dl[data-bind="expandableDetails"] > div.metadata-item > dt {
  font-size: 12px;
}
dl[data-bind="expandableDetails"] > div.metadata-item > div.metadata-details dl[data-bind="expandableDetails"] > div.metadata-item > dd > .ds-badge {
  font-size: 10px;
}
dl[data-bind="expandableDetails"] > div.metadata-item > div.metadata-details > .text-details {
  display: block;
  padding: 20px;
  font-size: 12px;
}
dl[data-bind="expandableDetails"] > div.metadata-item > div.metadata-details > .text-details p {
  margin: 0;
}
dl[data-bind="expandableDetails"] > div.metadata-item[data-expanded] > div.metadata-details {
  display: block;
}
dl[data-bind="expandableDetails"] > div.metadata-item:last-child {
  border-bottom: none;
}
ds-agent {
  width: 100%;
  margin: auto;
  display: block;
}
ds-agent #main-chat-container {
  height: 100dvh;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  position: relative;
}
ds-agent #main-chat-container::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-agent #main-chat-container::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-agent #main-chat-container::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-agent #main-chat-container::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-agent #main-chat-container .daisy-chat {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 700px;
  margin: auto;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages {
  flex: 1;
  overflow-y: auto;
  overflow-y: visible;
  vertical-align: top;
  align-items: flex-start;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages .top-menu-button {
  transition: all 0.1s ease-in-out;
  box-sizing: border-box;
  display: block;
  border-bottom: 1px solid rgba(80, 80, 80, 0.1);
  padding: 13px 20px 10px 20px;
  position: relative;
  overflow: hidden;
  background-color: var(--ds-badge-background-color);
  font-size: 12px;
  font-weight: 600;
  max-width: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0px;
  text-align: left;
  font-family: "Martel Sans", sans-serif !important;
  line-height: 24px;
  border: 1px solid rgba(80, 80, 80, 0.1);
  border-radius: 7px;
  border-radius: 0px;
  text-align: center;
  text-transform: uppercase;
  opacity: 0.7;
  color: var(--ds-blue-lighter-0);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages .top-menu-button:hover {
  opacity: 1;
  background-color: var(--ds-badge-background-color-hover);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple {
  position: relative;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple .generative-component {
  padding-top: 20px;
  padding-bottom: 10px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple .generative-component ds-button {
  margin-bottom: 10px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple[daisy-message-id="-1"] .key-breadcrumbs-bar {
  opacity: 0 !important;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple[daisy-message-id="-1"] .key-breadcrumbs-bar .ds-badge {
  display: none !important;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message {
  display: block;
  position: relative;
  overflow: visible;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  min-height: 75px;
  padding-right: 20px;
  padding-left: 60px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > .avatar {
  transition: all 0.1s ease-in-out;
  display: block;
  position: absolute;
  left: 13px;
  opacity: 0.8;
  z-index: 1;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > .avatar > span {
  font-size: 21px;
  margin: 5px;
  text-align: center;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > .avatar:hover {
  opacity: 1;
  background-color: var(--ds-badge-background-color-hover);
  cursor: pointer;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.my-message {
  padding-top: 60px;
  padding-bottom: 20px;
  background-color: var(--ds-badge-background-color);
  border-radius: 7px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.my-message > .avatar > i {
  color: var(--ds-amber-lighter-1);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.my-message > .avatar {
  top: calc(60px - calc(21px / 2 - 2px));
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.my-message > section > .content-bar {
  white-space: pre-line;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message {
  padding-top: calc(60px - 25px - 10px);
  padding-bottom: 30px;
  background-color: rgba(10, 10, 10, 0);
  border: none;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > .avatar {
  top: calc((60px + 12px) - calc(21px / 2 - 2px));
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > .avatar:hover {
  background-color: var(--ds-badge-background-color-hover);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section {
  position: relative;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar {
  transition: all 0.1s ease-in-out;
  display: flex;
  height: 25px;
  margin-bottom: 10px;
  margin-left: -15px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar > span {
  transition: all 0.1s ease-in-out;
  opacity: 0;
  display: inline-block;
  text-align: center;
  max-width: 0;
  transition: max-width 500ms ease, opacity 100ms ease-in-out;
  height: 25px;
  vertical-align: center;
  line-height: calc(25px - 2px);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar > span:hover {
  cursor: pointer;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar > span.ds-badge-arrow {
  color: var(--ds-document-text-color) !important;
  opacity: 0;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar > span.opaque-badge {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  opacity: 1;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar > span.opaque-badge.ds-badge-arrow {
  max-width: 30px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar > span:last-child {
  margin-right: 0;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar.transparent-breadcrumbs-bar > span.opaque-badge {
  opacity: 0;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar.transparent-breadcrumbs-bar > span.opaque-badge:hover {
  opacity: 1;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar.transparent-breadcrumbs-bar:hover > span.opaque-badge {
  opacity: 0.8;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar.transparent-breadcrumbs-bar:hover > span.opaque-badge:hover {
  opacity: 1;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar.opaque-key-breadcrumbs-bar > span.opaque-badge {
  opacity: 0.8;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar:hover > span.opaque-badge {
  opacity: 0.8;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.key-breadcrumbs-bar:hover > span.opaque-badge:hover {
  opacity: 1;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section ds-solar-system-diagram {
  width: auto;
  display: block;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section ds-solar-system-diagram .solar-system-container {
  width: auto;
  display: block;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section ds-solar-system-diagram > section {
  padding: 0;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.content-bar {
  transition: all 0.1s ease-in-out;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.content-bar ds-blinking-cursor {
  position: relative;
  top: 2px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar {
  display: block;
  padding-bottom: 0 !important;
  color: var(--ds-document-text-color);
  font-size: var(--document-body-font-size);
  font-weight: 600;
  font-family: "Martel Sans", sans-serif !important;
  line-height: 24px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h1,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h1,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h2,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h2,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h3,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h3,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h4,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h4,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h5,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h5,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h6,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h6 {
  margin-top: 80px;
  margin-bottom: var(--margin-below-blocks);
  padding-bottom: 7px;
  border-bottom: 2px solid rgba(100, 100, 100, 0.15);
  opacity: 0.95;
  font-weight: 700;
  vertical-align: middle;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h1 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h1 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h2 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h2 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h3 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h3 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h4 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h4 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h5 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h5 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h6 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h6 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h1 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h1 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h2 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h2 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h3 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h3 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h4 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h4 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h5 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h5 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h6 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h6 > span.material-outline {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 3px;
  padding-right: 5px;
  font-size: 20px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h1,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h1 {
  font-size: var(--h1-font-size);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h2,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h2 {
  font-size: var(--h2-font-size);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h3,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h3 {
  font-size: var(--h3-font-size);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h4,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h4,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h5,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h5,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > h6,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > h6 {
  font-size: var(--h4-font-size);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > p,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > p {
  margin-bottom: var(--margin-below-blocks);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > p:last-child,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > p:last-child {
  margin-bottom: 0;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ol {
  margin-top: 20px;
  margin-bottom: var(--margin-below-blocks);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ul ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ul ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ol ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ol ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ul ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ul ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ol ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ol ol {
  padding-left: 20px;
  margin-top: 10px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ul li,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ul li,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ol li,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ol li {
  position: relative;
  margin-top: 8px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ul li > p,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ul li > p,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ol li > p,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ol li > p {
  margin: 0;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ul li::before,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ul li::before,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ol li::before,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ol li::before {
  display: inline-block;
  width: 1em;
  opacity: 0.5;
  margin-left: -2em;
  margin-right: 1em;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ol {
  list-style-type: decimal;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ol li::marker,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ol li::marker {
  font-weight: 700;
  font-family: "Fira Code", monospace;
  display: inline-block;
  opacity: 0.5;
  color: #777;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ul {
  list-style-type: disc;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ul li::marker,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ul li::marker {
  color: #777;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > pre,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > pre {
  background-color: rgba(0, 0, 0, 0.4);
  margin-bottom: var(--margin-below-blocks);
  font-family: "Fira Code", monospace;
  font-size: 15px;
  padding: 30px 30px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar code,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar code {
  padding: 4px 7px;
  font-size: 13px;
  background-color: var(--ds-badge-background-color);
  border-width: 0px;
  color: var(--ds-document-text-color);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar p .wtf strong.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar p .wtf strong.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar p .wtf strong.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar p .wtf strong.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar p .wtf span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar p .wtf span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar p .wtf span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar p .wtf span.material-solid {
  display: inline-table;
  padding: 1px;
  background-color: var(--ds-badge-background-color);
  font-size: 15px;
  width: 20px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar p .wtf strong.material-outline:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar p .wtf strong.material-outline:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar p .wtf strong.material-solid:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar p .wtf strong.material-solid:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar p .wtf span.material-outline:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar p .wtf span.material-outline:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar p .wtf span.material-solid:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar p .wtf span.material-solid:hover {
  cursor: not-allowed;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar sl-alert,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar sl-alert {
  margin: auto;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar sl-alert::part(base),
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar sl-alert::part(base) {
  max-width: 500px;
  margin: auto;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar strong,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar strong {
  font-weight: 800;
}
@media (max-width: 500px) {
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ul,
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ul,
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar > ol,
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar > ol {
    padding-left: 15px;
  }
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text {
  color: var(--ds-document-text-color);
  font-size: var(--document-body-font-size);
  font-weight: 600;
  font-family: "Martel Sans", sans-serif !important;
  line-height: 24px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h1,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h1,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h2,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h2,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h3,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h3,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h4,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h4,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h5,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h5,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h6,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h6 {
  margin-top: 80px;
  margin-bottom: var(--margin-below-blocks);
  padding-bottom: 7px;
  border-bottom: 2px solid rgba(100, 100, 100, 0.15);
  opacity: 0.95;
  font-weight: 700;
  vertical-align: middle;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h1 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h1 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h2 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h2 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h3 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h3 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h4 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h4 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h5 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h5 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h6 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h6 > span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h1 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h1 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h2 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h2 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h3 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h3 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h4 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h4 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h5 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h5 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h6 > span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h6 > span.material-outline {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 3px;
  padding-right: 5px;
  font-size: 20px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h1,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h1 {
  font-size: var(--h1-font-size);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h2,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h2 {
  font-size: var(--h2-font-size);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h3,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h3 {
  font-size: var(--h3-font-size);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h4,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h4,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h5,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h5,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > h6,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > h6 {
  font-size: var(--h4-font-size);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > p,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > p {
  margin-bottom: var(--margin-below-blocks);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > p:last-child,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > p:last-child {
  margin-bottom: 0;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ol {
  margin-top: 20px;
  margin-bottom: var(--margin-below-blocks);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ul ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ul ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ol ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ol ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ul ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ul ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ol ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ol ol {
  padding-left: 20px;
  margin-top: 10px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ul li,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ul li,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ol li,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ol li {
  position: relative;
  margin-top: 8px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ul li > p,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ul li > p,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ol li > p,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ol li > p {
  margin: 0;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ul li::before,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ul li::before,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ol li::before,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ol li::before {
  display: inline-block;
  width: 1em;
  opacity: 0.5;
  margin-left: -2em;
  margin-right: 1em;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ol,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ol {
  list-style-type: decimal;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ol li::marker,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ol li::marker {
  font-weight: 700;
  font-family: "Fira Code", monospace;
  display: inline-block;
  opacity: 0.5;
  color: #777;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ul,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ul {
  list-style-type: disc;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ul li::marker,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ul li::marker {
  color: #777;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > pre,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > pre {
  background-color: rgba(0, 0, 0, 0.4);
  margin-bottom: var(--margin-below-blocks);
  font-family: "Fira Code", monospace;
  font-size: 15px;
  padding: 30px 30px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text code,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text code {
  padding: 4px 7px;
  font-size: 13px;
  background-color: var(--ds-badge-background-color);
  border-width: 0px;
  color: var(--ds-document-text-color);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text p .wtf strong.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text p .wtf strong.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text p .wtf strong.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text p .wtf strong.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text p .wtf span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text p .wtf span.material-outline,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text p .wtf span.material-solid,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text p .wtf span.material-solid {
  display: inline-table;
  padding: 1px;
  background-color: var(--ds-badge-background-color);
  font-size: 15px;
  width: 20px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text p .wtf strong.material-outline:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text p .wtf strong.material-outline:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text p .wtf strong.material-solid:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text p .wtf strong.material-solid:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text p .wtf span.material-outline:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text p .wtf span.material-outline:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text p .wtf span.material-solid:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text p .wtf span.material-solid:hover {
  cursor: not-allowed;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text sl-alert,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text sl-alert {
  margin: auto;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text sl-alert::part(base),
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text sl-alert::part(base) {
  max-width: 500px;
  margin: auto;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text strong,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text strong {
  font-weight: 800;
}
@media (max-width: 500px) {
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ul,
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ul,
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > .content-bar section.generative-text > ol,
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar section.generative-text > ol {
    padding-left: 15px;
  }
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > section.controls-bar,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.controls-bar {
  display: block;
  pointer-events: all;
  height: 35px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > section.controls-bar > .training-controls,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.controls-bar > .training-controls {
  margin-top: 10px;
  display: flex;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > section.controls-bar > .training-controls > a,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.controls-bar > .training-controls > a {
  transition: all 0.1s ease-in-out;
  background-color: var(--ds-badge-background-color);
  border: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  opacity: 0;
  border-radius: 5px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > section.controls-bar > .training-controls > a:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.controls-bar > .training-controls > a:hover {
  opacity: 0.85 !important;
  cursor: pointer;
  background-color: var(--ds-badge-background-color-hover);
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > section.controls-bar > .training-controls > a.highlight,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.controls-bar > .training-controls > a.highlight {
  opacity: 0.7;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > section.controls-bar > .training-controls > a.highlight-and-spin,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.controls-bar > .training-controls > a.highlight-and-spin {
  opacity: 0.7;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > section.controls-bar > .training-controls > a.highlight-and-spin i,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.controls-bar > .training-controls > a.highlight-and-spin i {
  animation: rotation 1s infinite linear reverse;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > section.controls-bar > .training-controls > a > i,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.controls-bar > .training-controls > a > i {
  transition: all 0.1s ease-in-out;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message > section > section.controls-bar.hidden-controls-bar,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > section.controls-bar.hidden-controls-bar {
  opacity: 0;
  pointer-events: none;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message > section > .content-bar {
  padding-top: 10px;
  padding-bottom: 20px;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message:hover > section > section.key-breadcrumbs-bar > span.opaque-badge,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message:hover > section > section.key-breadcrumbs-bar > span.opaque-badge {
  opacity: 0.2;
}
@media (max-width: 500px) {
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message:hover > section > section.key-breadcrumbs-bar > span.opaque-badge,
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message:hover > section > section.key-breadcrumbs-bar > span.opaque-badge {
    opacity: 0.2;
  }
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message:hover > section > section.controls-bar > .training-controls > a:not(.highlight),
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message:hover > section > section.controls-bar > .training-controls > a:not(.highlight) {
  opacity: 0.15;
}
@media (max-width: 500px) {
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message:hover > section > section.controls-bar > .training-controls > a:not(.highlight),
  ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple > .message.daisy-message:hover > section > section.controls-bar > .training-controls > a:not(.highlight) {
    opacity: 0.3;
  }
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple:not(:last-child) [ds-proceed-button] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple:not(:last-child) [ds-proceed-button] > a,
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple:not(:last-child) [ds-proceed-button] > a span {
  color: var(--ds-disabled-button-text-color) !important;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages > .messages-index > section.message-tuple:not(:last-child) [ds-proceed-button]:hover {
  cursor: not-allowed;
}
ds-agent #main-chat-container .daisy-chat > #chat-messages .load-more-messages:hover,
ds-agent #main-chat-container .daisy-chat > #chat-messages .sign-out:hover {
  cursor: pointer;
}
ds-agent #main-chat-container .daisy-chat-input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, var(--ifm-background-color) 0%, var(--ifm-background-color) 20px, var(--ifm-background-color) 100%);
  z-index: 4;
  max-height: 300px;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper {
  display: flex;
  flex-direction: row;
  max-width: calc(800px - 40px);
  width: 100%;
  align-items: center;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.protocol-explorer-button,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.protocol-explorer-button,
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.send-message-button,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.send-message-button {
  transition: all 0.1s ease-in-out;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ds-button-background-color);
  border: 1px solid var(--ds-button-border-color);
  color: var(--ds-document-text-color);
  cursor: pointer;
  font-size: 14px;
  border-radius: 3px;
  opacity: 0.8;
  min-height: 80px;
  box-sizing: border-box;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.protocol-explorer-button:hover,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.protocol-explorer-button:hover,
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.send-message-button:hover,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.send-message-button:hover {
  border: 1px solid var(--ds-button-border-color-hover);
  background-color: var(--ds-button-background-color-hover);
  opacity: 0.9;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.protocol-explorer-button.disabled,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.protocol-explorer-button.disabled,
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.send-message-button.disabled,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.send-message-button.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.protocol-explorer-button.disabled:hover,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.protocol-explorer-button.disabled:hover,
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.send-message-button.disabled:hover,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.send-message-button.disabled:hover {
  border: 1px solid var(--ds-disabled-button-border-color);
  background-color: var(--ds-disabled-button-background-color);
  opacity: 0.3;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.protocol-explorer-button[disabled],
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.protocol-explorer-button[disabled],
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.send-message-button[disabled],
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.send-message-button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.protocol-explorer-button[disabled] > a,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.protocol-explorer-button[disabled] > a,
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.send-message-button[disabled] > a,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.send-message-button[disabled] > a,
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.protocol-explorer-button[disabled] > a span,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.protocol-explorer-button[disabled] > a span,
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.send-message-button[disabled] > a span,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.send-message-button[disabled] > a span {
  color: var(--ds-disabled-button-text-color) !important;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.protocol-explorer-button[disabled]:hover,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.protocol-explorer-button[disabled]:hover,
ds-agent #main-chat-container .daisy-chat-input .config-bar > a.send-message-button[disabled]:hover,
ds-agent #main-chat-container .daisy-chat-input .input-wrapper > a.send-message-button[disabled]:hover {
  cursor: not-allowed;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar {
  align-items: flex-end;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 8px;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar .agent-breadcrumbs-container {
  display: flex;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar .agent-breadcrumb {
  transition: all 0.1s ease-in-out;
  display: block;
  padding: 9px 20px 10px 20px;
  border-radius: 5px;
  background-color: rgba(100, 100, 100, 0.1);
  color: #ccc;
  font-weight: 600;
  margin-right: 10px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar .agent-breadcrumb:hover {
  opacity: 1;
  cursor: pointer;
}
ds-agent #main-chat-container .daisy-chat-input .config-bar .agent-breadcrumb {
  text-transform: uppercase;
  opacity: 0.2;
  font-family: "Fira Code", monospace;
  letter-spacing: 0.2ch;
  font-size: 11px;
  height: 40px;
}
ds-agent #main-chat-container .daisy-chat-input .input-wrapper {
  align-items: center;
}
ds-agent #main-chat-container .daisy-chat-input .input-wrapper textarea {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  flex: 1;
  margin: 0px 10px 0px 10px;
  min-height: 80px;
  max-width: 100%;
  max-height: 300px !important;
  overflow-y: auto;
}
ds-agent #main-chat-container .daisy-chat-input .input-wrapper textarea::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-agent #main-chat-container .daisy-chat-input .input-wrapper textarea::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-agent #main-chat-container .daisy-chat-input .input-wrapper textarea::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-agent #main-chat-container .daisy-chat-input .input-wrapper textarea::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-agent #main-chat-container #toolbar-opener {
  position: sticky;
  top: 20px;
  left: calc(100% - 70px);
  z-index: 5;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  overflow: visible;
}
ds-agent #main-chat-container #toolbar-opener.hidden {
  visibility: hidden;
}
ds-agent #right-toolbar-container {
  max-width: 100%;
  width: auto;
  overflow: hidden;
}
body,
.daisy-chat,
.daisy-chat-conversation,
.daisy-chat-input textarea,
.daisy-chat-message {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
}
iframe#webpack-dev-server-client-overlay {
  display: none !important;
}
@media (max-width: 995px) {
  main > .container > .row > .col {
    padding: 0 !important;
  }
  main > .container > .row > .col .daisy-chat-input input,
  main > .container > .row > .col .daisy-chat-input textarea {
    font-size: 13px !important;
  }
  main > .container > .row > .col .daisy-chat-input > .input-wrapper,
  main > .container > .row > .col .daisy-chat-input > .config-bar {
    padding: 0 15px;
  }
  .theme-back-to-top-button {
    display: none;
  }
}
@media (max-width: 500px) {
  .send-message-button {
    border-bottom-right-radius: 13px !important;
  }
  .agent-breadcrumbs-container > a {
    display: none !important;
    padding: 8px 10px !important;
    font-size: 10px !important;
  }
  .daisy-chat-input {
    padding: 10px 5px 25px 5px !important;
  }
  .daisy-chat-input .input-wrapper {
    padding: 0px 7px !important;
  }
  .daisy-chat-input #chat-input {
    padding: 13px 10px !important;
  }
  .protocol-explorer-button {
    border-bottom-left-radius: 13px !important;
  }
}

ds-settings {
  display: block;
}
ds-settings .OLD .grid {
  display: grid;
  grid-template-rows: auto;
  gap: 0px;
  text-align: center;
  grid-template-columns: repeat(3, 160px);
  max-width: calc(3 * 160px + 2 * 0px + 80px);
  margin-top: 30px;
}
ds-settings .OLD .grid .agent-panel {
  flex-direction: column;
  text-align: center;
  height: 200px;
  overflow: hidden;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  background-color: rgba(50, 50, 50, 0.1);
  border: 1px solid #292929;
}
ds-settings .OLD .grid .agent-panel .img-container {
  width: 80%;
  min-width: 80%;
  font-size: 30px;
  height: 80px;
  transition: all 0.1s ease-in-out;
  justify-content: center;
  align-items: center;
  display: flex;
}
ds-settings .OLD .grid .agent-panel .toggle-container {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100px;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  position: relative;
}
ds-settings .OLD .grid .agent-panel .description-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ds-settings .OLD .grid .agent-panel .description-container p.agent-badge {
  transition: all 0.1s ease-in-out;
  font-family: "Fira Code", monospace;
  white-space: wrap;
  margin: 0;
  padding: 0;
  font-weight: bold;
  border-radius: 5px;
  background-color: var(--ds-badge-background-color);
  font-size: 12px;
  padding: 6px 10px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  margin: auto;
}
ds-settings .OLD .grid .agent-panel .description-container .agent-description {
  transition: all 0.1s ease-in-out;
  display: none;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  padding-left: 6px;
  max-height: 100px;
  margin-top: 5px;
}
ds-settings .OLD .grid .agent-panel .description-container .agent-description.shrunk {
  margin-top: 0px;
  max-height: 0;
  overflow: hidden;
}
ds-settings .OLD .grid > .grid {
  max-height: 2000px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
ds-settings .OLD .grid > .grid.collapsed {
  max-height: 0px;
}

ds-engine {
  position: relative;
}
ds-engine h1 {
  margin-top: 50px;
}
ds-engine h1 > span.secondary {
  font-size: 14px;
  opacity: 0.5;
  padding-left: 10px;
}
ds-engine h2 {
  margin-top: 50px;
}
ds-engine .edit-button {
  position: absolute;
  top: 0px;
  right: 10px;
}
ds-engine p {
  white-space: pre-wrap;
}


#component-explorer {
  margin-top: 40px;
}
ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  overflow-y: auto;
  max-height: 400px;
}
ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}




ds-engine-selector {
  display: block;
  margin-bottom: 0px;
}
ds-engine-selector .ds-list {
  margin-bottom: 0;
  padding: 20px;
}

ds-toolbar {
  --size: 85vw;
  --active-tab-background-color: var(--ds-badge-background-color-hover);
  --inactive-tab-bottom-border-color: var(--ds-badge-border-color);
  --sidebar-width: 240px;
  --shrunk-sidebar-width: 0px;
  --expanded-sidebar-width: 100vw;
  background-color: var(--ds-background-color);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 100%;
  margin: auto;
  overflow: visible;
}
ds-toolbar::part(header) {
  display: none;
}
ds-toolbar::part(body) {
  padding: 0px;
}
ds-toolbar div.right-panel {
  container-type: inline-size;
}
ds-toolbar div.right-panel > div.tool-panel {
  padding: 40px;
  margin: auto;
  border-radius: 5px;
  max-width: 100%;
  margin-top: 40px;
  text-align: left;
}
ds-toolbar div.right-panel > div.tool-panel > .inner-tool-panel {
  transition: all 0.1s ease-in-out;
  max-width: 750px;
  margin: auto;
}
ds-toolbar div.right-panel > div.tool-panel > .inner-tool-panel[expanded-horizontally] {
  max-width: 100%;
}
ds-toolbar div.right-panel > div.tool-panel h1 {
  font-family: "Martel Sans", sans-serif;
  font-size: 22px !important;
  margin-bottom: 2px !important;
  line-height: 35px;
  font-weight: 600;
}
ds-toolbar div.right-panel > div.tool-panel h2.usage {
  opacity: 1;
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 0px;
  border-bottom: 0;
}
ds-toolbar div.right-panel > div.tool-panel h2.usage ds-code-snippet {
  border: none;
  background-color: transparent;
  padding-left: 0;
}
ds-toolbar div.right-panel > div.tool-panel h2.usage ds-code-snippet > code {
  padding-left: 0;
}
ds-toolbar div.right-panel > div.tool-panel h2,
ds-toolbar div.right-panel > div.tool-panel h3 {
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
ds-toolbar div.right-panel > div.tool-panel h2 {
  font-size: 18px;
  opacity: 0.9;
  border-bottom: 1px solid rgba(100, 100, 100, 0.3);
}
ds-toolbar div.right-panel > div.tool-panel h3 {
  font-size: 16px;
  opacity: 0.8;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}
ds-toolbar div.right-panel > div.tool-panel p.tool-description {
  font-size: 16px;
}
ds-toolbar div.right-panel > div.tool-panel .badges {
  margin-bottom: 20px;
  padding-top: 6px;
}
ds-toolbar div.right-panel > div.tool-panel .badges sl-badge::part(base) {
  font-weight: 600;
  font-size: 10px;
  font-family: "Fira Code", monospace;
  padding: 7px 14px;
  background-color: transparent;
  border: 1px solid var(--ds-amber-lighter-0);
  color: var(--ds-amber-lighter-0);
}
ds-toolbar div.right-panel > div.tool-panel .badges sl-badge[variant="primary"]::part(base) {
  border-color: var(--ds-blue-lighter-0);
  color: var(--ds-blue-lighter-0);
}
ds-toolbar div.right-panel > div.tool-panel .badges sl-badge {
  transition: all 0.1s ease-in-out;
  opacity: 0.65;
}
ds-toolbar div.right-panel > div.tool-panel .badges sl-badge:hover {
  opacity: 1;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group::part(body) {
  overflow: hidden;
  display: block !important;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel {
  background-color: rgba(20, 20, 20);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid var(--ds-badge-border-color);
  border-bottom: 0;
  position: relative;
  max-width: 100%;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel ds-code-snippet[block] {
  margin: 0;
  border: 0;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel::part(base) {
  padding: 0;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel ds-agent > section {
  display: block;
  position: relative;
  border: 1px solid rgba(100, 100, 100, 0.2);
  background-color: var(--ds-background-color);
  border-radius: 7px;
  resize: none;
  overflow-y: none;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel ds-agent .daisy-message {
  border-radius: 0;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel ds-agent .daisy-chat-input {
  position: sticky !important;
  padding: 5px 9px 5px 7px;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel ds-agent .daisy-chat-input .input-wrapper textarea {
  border-radius: 0;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel ds-agent .daisy-chat-input .input-wrapper a {
  border-radius: 0;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"] > sl-tab-group > sl-tab-panel:first-of-type {
  padding: 40px;
}
ds-toolbar div.right-panel > div.tool-panel ds-tabs[type="demo"][name="Agent"] > sl-tab-group > sl-tab-panel:first-of-type {
  padding: 0;
}
ds-toolbar .toolbar-container {
  position: relative;
  text-align: center;
}
ds-toolbar .toolbar-container .toolbar-controls {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: var(--ds-background-color);
  z-index: var(--z-index-toolbar-controls);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
ds-toolbar .toolbar-container .toolbar-controls a {
  transition: all 0.1s ease-in-out;
  padding: 10px !important;
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
ds-toolbar .toolbar-container .toolbar-controls a > span.tool-label {
  font-size: 14px;
  padding: 0 !important;
  margin: 0 !important;
}
ds-toolbar .toolbar-container .toolbar-controls a > span[ds-badge] {
  transition: all 0.1s ease-in-out;
  margin-left: 15px;
  opacity: 0.4;
}
ds-toolbar .toolbar-container .toolbar-controls a > span[ds-badge]:hover {
  opacity: 1;
}
ds-toolbar .toolbar-container .toolbar-controls a:hover {
  opacity: 1;
}
ds-toolbar .toolbar-container .toolbar-controls a.highlighted > span {
  color: var(--ds-teal-lighter-0);
}
ds-toolbar .toolbar-container .toolbar-controls a.chat-toggler {
  order: 0;
  margin-right: 10px;
  opacity: 0.4;
}
ds-toolbar .toolbar-container .toolbar-controls a.left-sidebar-toggler {
  overflow: visible;
  order: 1;
  z-index: var(--z-index-toggle-left-sidebar-button);
  position: relative;
}
ds-toolbar .toolbar-container .toolbar-controls a.tool-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--ds-document-text-color);
  margin-left: 8px;
  white-space: nowrap;
  order: 1;
  margin-right: auto;
  line-height: 17px;
}
ds-toolbar .toolbar-container .toolbar-controls a.tool-expander > span {
  font-size: 15px;
}
ds-toolbar .toolbar-container .toolbar-controls a.tool-editor,
ds-toolbar .toolbar-container .toolbar-controls a.tool-expander,
ds-toolbar .toolbar-container .toolbar-controls a.tool-closer,
ds-toolbar .toolbar-container .toolbar-controls a.tool-favoriter {
  order: 3;
  opacity: 0.7;
  margin-left: 10px;
  color: var(--ds-document-text-color);
}
ds-toolbar .toolbar-container .toolbar-controls a > span {
  margin-top: -1px !important;
}
ds-toolbar .toolbar-container .left-sidebar-container {
  transition: all 0.1s ease-in-out;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100dvh;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: var(--sidebar-width);
  border-right: 1px solid var(--ds-badge-border-color);
  background-color: var(--ds-background-color);
  z-index: var(--z-index-left-sidebar);
}
ds-toolbar .toolbar-container #pinned-sidebar-tree {
  border-bottom: 1px solid var(--ds-gray-darker-3);
  margin-bottom: 15px;
}
ds-toolbar .toolbar-container #pinned-sidebar-tree #chat-tree-item::part(item) {
  background-color: unset !important;
}
ds-toolbar .toolbar-container #pinned-sidebar-tree sl-tree-item[selected]::part(item--selected) {
  background-color: var(--ds-background-color-minus-1);
  color: white;
}
ds-toolbar .toolbar-container #pinned-sidebar-tree sl-tree-item[selected]::part(label) {
  color: white;
}
ds-toolbar .toolbar-container #pinned-sidebar-tree sl-tree-item:last-of-type {
  margin-bottom: 15px;
}
ds-toolbar .toolbar-container sl-drawer {
  --size: var(--sidebar-width);
  --body-spacing: 0;
}
ds-toolbar .toolbar-container sl-drawer::part(panel) {
  overflow: hidden;
  z-index: var(--z-index-left-sidebar);
}
ds-toolbar .toolbar-container sl-drawer::part(body) {
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
}
ds-toolbar .toolbar-container sl-drawer::part(body)::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-toolbar .toolbar-container sl-drawer::part(body)::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-toolbar .toolbar-container sl-drawer::part(body)::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-toolbar .toolbar-container sl-drawer::part(body)::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-toolbar .toolbar-container .left-sidebar {
  transition: all 0.1s ease-in-out;
  width: var(--sidebar-width);
  z-index: var(--z-index-left-sidebar);
}
ds-toolbar .toolbar-container .left-sidebar .sidebar-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 10px;
  background-color: var(--ds-background-color-plus-1);
  margin-bottom: 20px;
}
ds-toolbar .toolbar-container .left-sidebar .sidebar-header a.drawer-closer,
ds-toolbar .toolbar-container .left-sidebar .sidebar-header a.sign-outer {
  transition: all 0.1s ease-in-out;
  position: absolute;
  top: 10px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
ds-toolbar .toolbar-container .left-sidebar .sidebar-header a.drawer-closer {
  right: 10px;
}
ds-toolbar .toolbar-container .left-sidebar .sidebar-header a.sign-outer {
  right: 60px;
  opacity: 0.6;
}
ds-toolbar .toolbar-container .left-sidebar .sidebar-header ds-os-name {
  display: block;
  padding: 20px 20px 5px 20px;
}
ds-toolbar .toolbar-container .left-sidebar > sl-tree#root-sidebar-tree {
  margin-bottom: 60px;
}
ds-toolbar .toolbar-container .left-sidebar > sl-tree#root-sidebar-tree sl-tree-item > sl-tree-item:first-of-type {
  opacity: 0.4;
}
ds-toolbar .toolbar-container .left-sidebar > sl-tree#root-sidebar-tree sl-tree-item > sl-tree-item:hover {
  opacity: 1;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item {
  transition: all 0.1s ease-in-out;
  position: relative;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item .item-icon {
  font-size: 14px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  width: 20px;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item .item-name {
  padding-top: 4px;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item.locked::part(label) {
  color: #888;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item.locked .item-icon {
  color: #888;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item.locked .item-lock {
  color: #555;
  position: absolute;
  right: 15px;
  font-size: 11px;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item[ds-notification-dot]::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--ds-deepblue-lighter-1);
  transform-origin: center;
  animation: pulse 1.5s infinite ease-in-out;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item[ds-notification-dot]::after {
  top: 10px !important;
  right: 15px !important;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item::part(item) {
  border-inline-start-color: transparent;
  border-inline-start: 0px;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item[muted="true"] {
  opacity: 0.1;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item[muted="true"]:hover {
  opacity: 0.9;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item::part(label) {
  font-family: "Martel Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  vertical-align: middle;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item::part(expand-button) {
  transition: all 0.1s ease-in-out;
  background-color: var(--ds-transparent);
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item[aria-expanded]::part(expand-button) {
  font-size: 10px;
  color: var(--ds-document-text-color);
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item[aria-expanded]::part(expand-button):hover {
  background-color: var(--ds-badge-background-color-hover);
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item:hover,
ds-toolbar .toolbar-container .left-sidebar sl-tree-item[expanded] {
  background-color: var(--ds-badge-background-color);
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item::part(indentation) {
  width: 8px;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item[aria-expanded]::part(expand-button) {
  color: #888;
  font-size: 9px;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item sl-tree-item::part(indentation) {
  width: 35px;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item sl-tree-item::part(label) {
  font-size: 12px;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item sl-tree-item::part(item--selected) {
  background-color: var(--ds-background-color-minus-1);
  color: white;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item sl-tree-item[aria-selected]:not([aria-expanded]):hover {
  background-color: var(--ds-background-color-minus-1);
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item sl-tree-item[aria-selected]:not([aria-expanded]):hover::part(label) {
  color: white;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item::part(item--selected) {
  background-color: var(--ds-background-color-minus-1);
  color: white;
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item[aria-selected]:not([aria-expanded]):hover {
  background-color: var(--ds-background-color-minus-1);
}
ds-toolbar .toolbar-container .left-sidebar sl-tree-item sl-tree-item[aria-selected]:not([aria-expanded]):hover::part(label) {
  color: white;
}
ds-toolbar .toolbar-container .right-panel {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  overflow-x: auto;
  overflow-y: auto;
  height: 100dvh;
  background-color: var(--ds-background-color-minus-05);
}
ds-toolbar .toolbar-container .right-panel::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-toolbar .toolbar-container .right-panel::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-toolbar .toolbar-container .right-panel::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-toolbar .toolbar-container .right-panel::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
@media (max-width: 700px) {
  ds-toolbar > section > div.toolbar-container > div.right-panel {
    padding-top: 40px;
    margin-left: var(--shrunk-sidebar-width) !important;
  }
  ds-toolbar > section > div.toolbar-container > div.right-panel > div.tool-panel {
    padding: 0;
  }
  #right-toolbar {
    --size: 100vw !important;
  }
  .left-sidebar-container {
    width: var(--shrunk-sidebar-width) !important;
  }
  .left-sidebar-container[expanded] {
    width: var(--expanded-sidebar-width) !important;
  }
  .left-sidebar-container[expanded] .left-sidebar {
    width: var(--expanded-sidebar-width) !important;
  }
  .toolbar-controls a.left-sidebar-toggler {
    display: inline-flex !important;
  }
  .toolbar-controls a.tool-expander {
    display: none !important;
  }
  .close-toolbar-button {
    display: none !important;
  }
}
/* Target .tool-panel when it is inside a container under 500px wide */
@container (max-width: 500px) {
  div.tool-panel {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

/* Styles.less */
ds-calendar {
  display: block;
  position: relative;
}
ds-calendar > div > section {
  padding: 65px 0 0 0;
}
ds-calendar > div > section.mobile {
  padding-top: 60px;
}
ds-calendar > div > section.mobile .calendar-controls {
  grid-template-columns: 1fr 1fr;
  height: 130px;
}
ds-calendar > div > section.mobile .calendar-controls #period-selector {
  padding-right: 10px;
}
ds-calendar .calendar-controls {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 15px;
  margin-bottom: 0px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-index-calendar-controls);
  background: var(--ds-calendar-chrome-background-color);
  border-bottom: 1px dotted var(--ds-calendar-chrome-border-color);
  padding: 10px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 65px;
}
ds-calendar .calendar-controls .ds-button {
  transition: all 0.1s ease-in-out;
  height: 42px;
  width: 42px;
  border-radius: 20px;
  background: var(--ds-background-color-plus-2);
  display: flex;
  justify-content: center;
  align-items: center;
}
ds-calendar .calendar-controls .ds-button > span.material-solid {
  font-size: 14px;
}
ds-calendar .calendar-controls .ds-button:hover {
  background: var(--ds-background-color-plus-3);
}
ds-calendar .calendar-controls .calendar-view {
  padding-left: 10px;
}
ds-calendar .calendar-controls .nav-controls {
  justify-self: left;
  display: flex;
}
ds-calendar .calendar-controls .nav-controls a {
  margin-left: 10px;
}
ds-calendar .calendar-controls > a.add-button {
  justify-self: end;
  margin-right: 10px;
}
ds-calendar .calendar-controls #period-selector {
  width: 180px;
}
ds-calendar .calendar-controls #period-selector::part(listbox) {
  z-index: var(--z-index-calendar-period-selector-dropdown);
}
ds-calendar .week-day-calendar-container {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  overflow: auto;
  position: relative;
  max-height: calc(100vh - 220px);
  background: var(--ds-calendar-body-background-color);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
ds-calendar .week-day-calendar-container::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-calendar .week-day-calendar-container::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-calendar .week-day-calendar-container::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-calendar .week-day-calendar-container::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-calendar .week-day-calendar-container .days-container {
  display: grid;
  /* time col is always 80px wide => now use the var */
  grid-template-columns: var(--ds-time-column-width);
  /* each day col is 200px wide in week view => now use the var */
  grid-auto-columns: var(--ds-day-column-width);
  grid-auto-flow: column;
  /* replaced 1920px with the var: */
  min-height: var(--ds-day-column-height);
  /* replaced 1460px with the var: */
  min-width: var(--ds-min-weeks-container-width);
  padding-bottom: 0px;
}
ds-calendar .week-day-calendar-container .days-container.single-day {
  /*
                  For day view, override the forced min-width 
                  so we fill available space and not cause a big horizontal scroll
                */
  min-width: 100% !important;
  grid-auto-columns: 1fr !important;
  /* The day column takes the remaining space */
}
ds-calendar .week-day-calendar-container .days-container .time-column {
  position: sticky;
  left: 0;
  z-index: var(--z-index-time-column);
  background: var(--ds-calendar-chrome-background-color);
  padding-top: 90px;
  padding-bottom: 4px;
}
ds-calendar .week-day-calendar-container .days-container .time-column .time-labels {
  position: relative;
  /* replaced 1920px with the var: */
  height: var(--ds-day-column-height);
}
ds-calendar .week-day-calendar-container .days-container .time-column .time-labels .time-label {
  position: absolute;
  font-size: 12px;
  color: var(--ds-document-text-color);
  opacity: 0.6;
  width: 100%;
  padding-right: 5px;
  text-align: right;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
ds-calendar .week-day-calendar-container .days-container .day-column {
  position: relative;
  background: var(--ds-calendar-body-background-color);
  border-radius: 8px;
  padding: 4px;
  /* replaced 2000px with something that ensures we have
                   enough vertical space. We'll keep it or tie it to the dayColumnHeight: 
                   We'll continue using a large number or 
                   rely on .time-slots with an explicit height. */
  height: calc(var(--ds-day-column-height) + 100px);
}
ds-calendar .week-day-calendar-container .days-container .day-column.current-day {
  background-color: var(--ds-calendar-today-body-background-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column.current-day::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px dotted var(--ds-green);
  border-radius: 8px;
  pointer-events: none;
  opacity: 0.2;
}
ds-calendar .week-day-calendar-container .days-container .day-column .day-header {
  position: sticky;
  top: 0;
  background-color: var(--ds-calendar-chrome-background-color);
  z-index: var(--z-index-calendar-day-header);
  text-align: center;
  padding: 10px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Ensures spacing from top to bottom */
  align-items: center;
  /* Centers the items horizontally */
}
ds-calendar .week-day-calendar-container .days-container .day-column .day-header .day-of-week {
  opacity: 0.3;
  font-weight: 600;
  font-size: 12px;
  color: var(--ds-document-text-color);
  text-transform: uppercase;
}
ds-calendar .week-day-calendar-container .days-container .day-column .day-header .day-of-month {
  font-size: 22px;
  font-weight: 500;
  height: 20px;
  color: var(--ds-document-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .day-header sl-progress-bar {
  opacity: 0.2;
  width: 100%;
  /* Ensures it spans the full width */
  margin-top: auto;
  /* Pushes it to the bottom */
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles {
  font-family: "Martel Sans", sans-serif;
  transition: all 0.1s ease-in-out;
  position: absolute;
  left: 4px;
  right: 4px;
  background: var(--ds-timed-activity-background-color);
  border-left: 4px solid var(--ds-timed-activity-border-color);
  border-radius: 2px;
  padding: 5px 8px;
  overflow: hidden;
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles::after,
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles::before {
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.2;
  position: absolute;
  right: 4px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles.recurring::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles.public:not(.recurring)::after {
  content: "public";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles.public.recurring::before {
  content: "public";
  top: 20px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles.recurring.public::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--ds-timed-activity-text-color, #0d47a1);
  display: block;
  padding-right: 5px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles .location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  opacity: 0.5;
  position: relative;
  padding-left: 14px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles .location::before {
  content: "location_on";
  /* Material Icons name */
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.4;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .activity-block-styles:hover {
  cursor: pointer;
  background: var(--ds-timed-activity-hover-background-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events {
  min-height: var(--ds-px-per-interval);
  padding: 4px;
  position: absolute;
  top: 100px;
  width: calc(100% - 8px);
  z-index: var(--z-index-calendar-all-day-events);
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity {
  font-family: "Martel Sans", sans-serif;
  transition: all 0.1s ease-in-out;
  position: absolute;
  left: 4px;
  right: 4px;
  background: var(--ds-timed-activity-background-color);
  border-left: 4px solid var(--ds-timed-activity-border-color);
  border-radius: 2px;
  padding: 5px 8px;
  overflow: hidden;
  z-index: var(--z-index-calendar-all-day-activity);
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity::after,
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity::before {
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.2;
  position: absolute;
  right: 4px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity.recurring::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity.public:not(.recurring)::after {
  content: "public";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity.public.recurring::before {
  content: "public";
  top: 20px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity.recurring.public::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--ds-timed-activity-text-color, #0d47a1);
  display: block;
  padding-right: 5px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity .location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  opacity: 0.5;
  position: relative;
  padding-left: 14px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity .location::before {
  content: "location_on";
  /* Material Icons name */
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.4;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity:hover {
  cursor: pointer;
  background: var(--ds-timed-activity-hover-background-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity span.title {
  opacity: 0.6;
}
ds-calendar .week-day-calendar-container .days-container .day-column .all-day-events .calendar-activity.all-day-activity:hover span.title {
  opacity: 1;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots {
  position: relative;
  height: var(--ds-day-column-height);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity {
  font-family: "Martel Sans", sans-serif;
  transition: all 0.1s ease-in-out;
  position: absolute;
  left: 4px;
  right: 4px;
  background: var(--ds-timed-activity-background-color);
  border-left: 4px solid var(--ds-timed-activity-border-color);
  border-radius: 2px;
  padding: 5px 8px;
  overflow: hidden;
  z-index: var(--z-index-calendar-activities);
  pointer-events: auto;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity::after,
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity::before {
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.2;
  position: absolute;
  right: 4px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity.recurring::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity.public:not(.recurring)::after {
  content: "public";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity.public.recurring::before {
  content: "public";
  top: 20px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity.recurring.public::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--ds-timed-activity-text-color, #0d47a1);
  display: block;
  padding-right: 5px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity .location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  opacity: 0.5;
  position: relative;
  padding-left: 14px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity .location::before {
  content: "location_on";
  /* Material Icons name */
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.4;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .calendar-activity.timed-activity:hover {
  cursor: pointer;
  background: var(--ds-timed-activity-hover-background-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity {
  font-family: "Martel Sans", sans-serif;
  transition: all 0.1s ease-in-out;
  position: absolute;
  left: 4px;
  right: 4px;
  border-left: 4px solid var(--ds-timed-activity-border-color);
  border-radius: 2px;
  padding: 5px 8px;
  overflow: hidden;
  opacity: 0.3;
  pointer-events: none;
  background: var(--ds-timed-activity-background-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity::after,
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity::before {
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.2;
  position: absolute;
  right: 4px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity.recurring::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity.public:not(.recurring)::after {
  content: "public";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity.public.recurring::before {
  content: "public";
  top: 20px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity.recurring.public::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--ds-timed-activity-text-color, #0d47a1);
  display: block;
  padding-right: 5px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity .location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  opacity: 0.5;
  position: relative;
  padding-left: 14px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity .location::before {
  content: "location_on";
  /* Material Icons name */
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.4;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .prep-activity:hover {
  cursor: pointer;
  background: var(--ds-timed-activity-hover-background-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity {
  font-family: "Martel Sans", sans-serif;
  transition: all 0.1s ease-in-out;
  position: absolute;
  left: 4px;
  right: 4px;
  background: var(--ds-timed-activity-background-color);
  border-left: 4px solid var(--ds-timed-activity-border-color);
  border-radius: 2px;
  padding: 5px 8px;
  overflow: hidden;
  opacity: 0.4;
  pointer-events: none;
  /* Ensure clicks go through to main event */
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity::after,
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity::before {
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.2;
  position: absolute;
  right: 4px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity.recurring::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity.public:not(.recurring)::after {
  content: "public";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity.public.recurring::before {
  content: "public";
  top: 20px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity.recurring.public::after {
  content: "autorenew";
  top: 4px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--ds-timed-activity-text-color, #0d47a1);
  display: block;
  padding-right: 5px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity .location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  opacity: 0.5;
  position: relative;
  padding-left: 14px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity .location::before {
  content: "location_on";
  /* Material Icons name */
  font-family: "Material Icons";
  /* Ensure this is loaded */
  font-size: 12px;
  opacity: 0.4;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: var(--ds-text-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .timed-activities-container .commute-activity:hover {
  cursor: pointer;
  background: var(--ds-timed-activity-hover-background-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .time-slot {
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px dotted var(--ds-calendar-chrome-border-color-lighter);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .time-slot.hour-mark {
  border-bottom-color: var(--ds-calendar-chrome-border-color);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .time-slot:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .time-slot .activity-groups {
  flex: 1;
  display: flex;
  gap: 4px;
  padding-left: 8px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .time-slot .activity-groups .activity-group {
  display: flex;
  gap: 2px;
  max-width: 100%;
  overflow: hidden;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .time-slot .activity-groups .activity-group .material-solid {
  font-size: 16px;
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .current-time-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--ds-green);
  pointer-events: none;
  z-index: var(--z-index-current-time-indicator);
}
ds-calendar .week-day-calendar-container .days-container .day-column .time-slots .current-time-indicator::before {
  content: "";
  position: absolute;
  left: -10px;
  top: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ds-green);
}
ds-calendar .month-calendar-container {
  background: var(--ds-calendar-body-background-color);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
ds-calendar .month-calendar-container .month-grid-header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  background: var(--ds-calendar-chrome-background-color);
  border-bottom: 1px dotted var(--ds-calendar-chrome-border-color);
  text-align: center;
}
ds-calendar .month-calendar-container .month-grid-header div {
  padding: 10px 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--ds-document-text-color);
  opacity: 0.7;
  text-transform: uppercase;
}
ds-calendar .month-calendar-container .month-grid-body {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  /* replaced "grid-auto-rows: 120px" with the var: */
  grid-auto-rows: var(--ds-min-month-cell-height);
}
ds-calendar .month-calendar-container .month-cell {
  position: relative;
  border: 1px dotted var(--ds-calendar-month-cell-border-color);
  padding: 4px;
}
ds-calendar .month-calendar-container .month-cell.current-day {
  background-color: var(--ds-calendar-today-body-background-color);
}
ds-calendar .month-calendar-container .month-cell.current-day::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px dotted var(--ds-green);
  pointer-events: none;
  opacity: 0.3;
}
ds-calendar .month-calendar-container .month-cell.current-day sl-progress-bar {
  opacity: 1;
}
ds-calendar .month-calendar-container .month-cell .day-number {
  font-size: 14px;
  font-weight: 600;
  color: var(--ds-document-text-color);
  margin-bottom: 4px;
}
ds-calendar .month-calendar-container .month-cell .month-activities {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
ds-calendar .month-calendar-container .month-cell .month-activities .calendar-activity.month-activity {
  background: var(--ds-all-day-background-color, #e3f2fd);
  border: 1px solid var(--ds-all-day-border-color, #90caf9);
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 12px;
  color: var(--ds-document-text-color);
}
ds-calendar .month-calendar-container .month-cell sl-progress-bar {
  opacity: 0.6;
  width: 100%;
  margin-top: auto;
}
ds-calendar[chromeless] .calendar-controls {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
ds-calendar[no-date-headers] .day-header {
  display: none !important;
}
ds-calendar[no-date-headers] .day-column {
  height: var(--ds-day-column-height) !important;
}
ds-calendar[no-date-headers] .time-column {
  padding-top: 0 !important;
}
ds-calendar[view="day"] .current-day::after {
  display: none;
}
ds-calendar[view="day"] .day-header {
  margin-left: -80px;
}
ds-calendar[view="week"] .day-header {
  z-index: var(--z-index-calendar-day-header-week-mode) !important;
}

ds-code-snippet,
[ds-code-snippet] {
  font-family: "JetBrains Mono", monospace;
  background-color: transparent;
  border: none !important;
  padding: 0;
  margin: 0;
}
ds-code-snippet pre,
[ds-code-snippet] pre,
ds-code-snippet code,
[ds-code-snippet] code {
  background-color: transparent !important;
  border: none !important;
  padding: 0;
  margin: 0;
}
ds-code-snippet[inline],
[ds-code-snippet][inline] {
  display: inline;
  border: 1px solid var(--ds-badge-border-color);
  border-radius: 5px;
  font-size: 90%;
}
ds-code-snippet[block],
[ds-code-snippet][block] {
  display: block;
  margin: 20px 0;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px;
  overflow: auto;
}
ds-code-snippet[block] code,
[ds-code-snippet][block] code {
  background: none !important;
  width: auto;
}
ds-code-snippet[block] .hljs,
[ds-code-snippet][block] .hljs {
  font-family: "Fira Code", monospace;
  font-weight: 500;
}

ds-activities {
  font-family: "Martel Sans", sans-serif;
  display: block;
  padding: 20px;
}
ds-activities .activities-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
ds-activities .activities-controls sl-select,
ds-activities .advanced-filters sl-select {
  height: auto;
  padding: 0;
}
ds-activities .activities-controls sl-select::part(form-control-label),
ds-activities .advanced-filters sl-select::part(form-control-label),
ds-activities .activities-controls sl-input::part(form-control-label),
ds-activities .advanced-filters sl-input::part(form-control-label) {
  font-size: 12px;
  opacity: 0.7;
}
ds-activities .activities-controls sl-select::part(display-input),
ds-activities .advanced-filters sl-select::part(display-input),
ds-activities .activities-controls sl-option::part(label),
ds-activities .advanced-filters sl-option::part(label) {
  font-family: "Martel Sans", sans-serif;
  text-transform: none;
}
ds-activities .activities-controls label,
ds-activities .advanced-filters label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
ds-activities .activities-controls label input,
ds-activities .advanced-filters label input {
  margin: 0;
}
ds-activities .activities-controls .advanced-toggle,
ds-activities .advanced-filters .advanced-toggle,
ds-activities .activities-controls .add-activity-btn,
ds-activities .advanced-filters .add-activity-btn {
  padding-left: 10px;
  padding-right: 10px;
  align-self: flex-end;
}
ds-activities .activities-controls .spacer,
ds-activities .advanced-filters .spacer {
  flex: 1;
}
ds-activities .advanced-filters {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 10px;
  padding-bottom: 40px;
}
@media (max-width: 600px) {
  ds-activities .advanced-filters {
    grid-template-columns: 1fr;
  }
}
ds-activities .activities {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
ds-activities .activities .activity-item {
  display: flex;
  align-items: center;
  background-color: var(--ds-background-color-plus-1);
  border-radius: 6px;
  padding: 15px 25px 15px 10px;
  transition: box-shadow 0.2s ease;
}
ds-activities .activities .activity-item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
ds-activities .activities .activity-item .activity-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-right: 10px;
  flex-shrink: 0;
  background-color: var(--ds-background-color-plus-1);
}
ds-activities .activities .activity-item .activity-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
ds-activities .activities .activity-item .activity-icon span.material-solid {
  font-size: 28px;
  color: var(--ds-document-text-color);
  opacity: 0.6;
}
ds-activities .activities .activity-item .activity-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ds-activities .activities .activity-item .activity-details h3 {
  margin: 0;
  font-size: 16px;
  border-bottom: 0;
  opacity: 1;
}
ds-activities .activities .activity-item .activity-details h3 > a.activity-title {
  cursor: pointer;
  color: var(--ds-text-color);
}
ds-activities .activities .activity-item .activity-details h3 > a.activity-title:hover {
  text-decoration: underline;
  color: white;
}
ds-activities .activities .activity-item .activity-details p {
  margin: 0;
  font-size: 13px;
  color: var(--ds-text-color);
}
ds-activities .activities .activity-item .activity-details p > span.material-outline {
  display: inline-block;
  padding-right: 5px;
  opacity: 0.3;
  vertical-align: middle;
}
ds-activities .activities .activity-item .activity-details p > span:not(.material-outline) {
  vertical-align: text-bottom;
  opacity: 0.8;
}
ds-activities .activities .activity-item .activity-details p .tag-badge {
  display: inline-block;
  opacity: 0.5;
}
ds-activities .activities .activity-item .activity-actions .ds-button {
  border-radius: 50px;
  border: none;
  font-size: 20px;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  opacity: 0.6;
}
ds-activities .activities .activity-item .activity-actions .ds-button > span {
  font-size: 15px;
}
ds-activities .pagination-controls {
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.annotated-diagram {
  --current-annotation-text-color: var(--ds-document-text-color);
  --current-annotation-index-color: var(--primary-color);
  --annotation-text-color-highlight: var(--primary-color-lighter-0);
  --annotation-index-color-hover-and-highlight: var(--primary-color);
  --node-animating-skinny-border-color: var(--primary-color-darker-1);
  --node-animating-thick-border-color: var(--primary-color);
  --current-node-pointer-color: var(--primary-color);
  --current-node-text-color: var(--primary-color-lighter-0);
  --node-hover-fill-and-stroke-color: var(--primary-color);
}
ds-top-down-flow-diagram {
  display: flex;
}
ds-top-down-flow-diagram > span {
  flex-grow: 1;
}
ds-top-down-flow-diagram h3 {
  font-family: "Fira Code", monospace;
  text-align: center;
  font-size: 16px !important;
  margin-top: 0 !important;
}
ds-top-down-flow-diagram .annotated-diagram {
  transition: all 0.1s ease-in-out;
  display: flex;
  flex-wrap: wrap;
  min-height: 100px;
}
ds-top-down-flow-diagram .annotated-diagram > div {
  flex: 1 1 50%;
  box-sizing: border-box;
}
ds-top-down-flow-diagram .annotated-diagram > div.diagram-container {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 15px;
  padding-left: 5px;
}
ds-top-down-flow-diagram .annotated-diagram > div.diagram-container::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-top-down-flow-diagram .annotated-diagram > div.diagram-container::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-top-down-flow-diagram .annotated-diagram > div.diagram-container::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-top-down-flow-diagram .annotated-diagram > div.diagram-container::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div {
  font-family: "Martel Sans", sans-serif;
  transition: all 0.1s ease-in-out;
  padding: 15px 15px 15px 15px;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0);
  font-size: 11.5px;
  line-height: 1.5em;
  background-color: var(--ds-badge-background-color);
  position: relative;
  margin-bottom: 0;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container > span.annotation-index,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div > span.annotation-index {
  transition-delay: 0.05s;
  font-weight: bold;
  font-family: "Fira Code", monospace;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container.current-annotation,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.current-annotation {
  color: var(--current-annotation-text-color);
  background-color: var(--ds-badge-background-color-hover);
  border: 1px solid var(--primary-color-darker-1);
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container.completed-annotation,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.completed-annotation {
  color: rgba(150, 150, 150, 0.9);
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container.hidden-annotation,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.hidden-annotation {
  display: none;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container.highlight-annotation,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.highlight-annotation {
  background-color: var(--ds-badge-background-color-hover-plus);
  opacity: 1;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container.highlight-annotation > span.annotation-index,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.highlight-annotation > span.annotation-index {
  color: var(--annotation-index-color-hover-and-highlight);
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container:hover,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div:hover {
  background-color: var(--ds-badge-background-color-hover);
  opacity: 1;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container:hover > span.annotation-index,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div:hover > span.annotation-index {
  color: var(--annotation-index-color-hover-and-highlight);
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container:hover.highlight-annotation,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div:hover.highlight-annotation {
  background-color: var(--ds-badge-background-color-hover);
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container:hover.current-annotation,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div:hover.current-annotation {
  background-color: var(--ds-badge-background-color-hover-plus);
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container > span.protocol-user-intent,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div > span.protocol-user-intent {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Fira Code", monospace;
  font-size: 10px;
  color: rgba(180, 180, 180, 0.7);
  font-weight: 400;
  text-align: center;
  display: block;
  margin-bottom: 0;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container > span.stage-title,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div > span.stage-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Fira Code", monospace;
  font-size: 11px;
  color: rgba(180, 180, 180, 0.9);
  font-weight: 400;
  text-align: center;
  display: block;
  margin-top: 2px;
  margin-bottom: 15px;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container .stage-checkbox-container,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div .stage-checkbox-container {
  margin-bottom: 9px;
  display: flex;
  align-items: center;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container .stage-checkbox-container .checkbox-label,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div .stage-checkbox-container .checkbox-label {
  display: inline-block;
  margin-left: 3px;
  line-height: 14px;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container .stage-checkbox-container .checkbox-label.current,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div .stage-checkbox-container .checkbox-label.current {
  color: var(--current-node-text-color);
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container .stage-checkbox-container .checkbox-label.current::after,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div .stage-checkbox-container .checkbox-label.current::after {
  content: "⏴";
  padding-left: 5px;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container .stage-checkbox-container .checkbox-label.complete,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div .stage-checkbox-container .checkbox-label.complete {
  color: hsl(0, 0%, 53%);
  text-decoration: line-through;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container .stage-checkbox-container input[type="checkbox"],
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div .stage-checkbox-container input[type="checkbox"] {
  pointer-events: none;
  margin-top: 0;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container .stage-checkbox-container sl-progress-ring,
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div .stage-checkbox-container sl-progress-ring {
  margin-right: 5px;
  --size: 18px;
  --track-width: 2px;
  --indicator-width: 2px;
  --indicator-color: hsl(143, 49%, 61%);
  opacity: 0.8;
}
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div.annotation-container .stage-checkbox-container sl-progress-ring::part(label),
ds-top-down-flow-diagram .annotated-diagram > div.annotation-container > div .stage-checkbox-container sl-progress-ring::part(label) {
  color: hsl(143, 49%, 61%);
  top: 2px;
  font-size: 9px;
}
ds-top-down-flow-diagram .mermaid-diagram {
  width: 100%;
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
ds-top-down-flow-diagram .mermaid-diagram > svg {
  overflow: visible;
}
ds-top-down-flow-diagram .mermaid-diagram > svg .edgePaths {
  stroke: var(--ds-document-text-color);
}
ds-top-down-flow-diagram .mermaid-diagram > svg path {
  stroke: var(--ds-document-text-color);
  stroke-width: 0.5px;
  fill: var(--ds-document-text-color);
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node text,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node text {
  text-anchor: middle;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node > circle {
  transition: all 0.1s ease-in-out;
  stroke: var(--ds-document-text-color);
  stroke-width: 0.15px;
  min-width: 30px;
  min-height: 30px;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node > circle {
  fill: var(--ds-badge-background-color-hover);
  stroke: var(--ds-gray-lighter-1);
  stroke-width: 2;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node > g.label,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node > g.label {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node > g.label > foreignObject,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node > g.label > foreignObject {
  display: flex;
  align-items: center;
  justify-content: center;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node > g.label > foreignObject > div,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node > g.label > foreignObject > div {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node > g.label > foreignObject > div span.nodeLabel,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node > g.label > foreignObject > div span.nodeLabel {
  font-family: "Fira Code", monospace;
  font-size: 14px;
  color: var(--ds-document-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.completed-node:not(.entry-node):not(.current-node) > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.completed-node:not(.entry-node):not(.current-node) > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.completed-node:not(.entry-node):not(.current-node) > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.completed-node:not(.entry-node):not(.current-node) > circle {
  fill: var(--ds-gray-darker-3);
  opacity: 0.3;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.completed-node:not(.entry-node):not(.current-node) > g.label > foreignObject,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.completed-node:not(.entry-node):not(.current-node) > g.label > foreignObject {
  opacity: 0.3;
  overflow: visible;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.completed-node:not(.entry-node):not(.current-node) > g.label > foreignObject::after,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.completed-node:not(.entry-node):not(.current-node) > g.label > foreignObject::after {
  display: none;
  content: "🗸";
  position: absolute;
  right: -10px;
  top: -5px;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: bolder;
  color: var(--ds-guavagreen-lighter-0);
  line-height: 1;
  z-index: 200;
  opacity: 0.8;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.completed-node:not(.entry-node):not(.current-node) > g.label > div > span.nodeLabel,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.completed-node:not(.entry-node):not(.current-node) > g.label > div > span.nodeLabel {
  color: var(--ds-document-text-color);
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.current-node > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.current-node > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.current-node > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.current-node > circle {
  animation: pulseBorderSvgAnimation 1.5s infinite ease-in-out;
}
@keyframes pulseBorderSvgAnimation {
  0%,
  100% {
    stroke: var(--node-animating-skinny-border-color);
    stroke-width: 1px;
  }
  50% {
    stroke: var(--node-animating-thick-border-color);
    stroke-width: 2px;
  }
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.current-node > g.label foreignObject,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.current-node > g.label foreignObject {
  overflow: visible;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.current-node > g.label foreignObject::after,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.current-node > g.label foreignObject::after {
  content: "⏴";
  position: absolute;
  left: 45px;
  top: 0px;
  transform: translateY(-80%) rotate(-35deg);
  font-size: 18px;
  font-weight: bolder;
  width: auto;
  color: var(--current-node-pointer-color);
  line-height: 1;
  z-index: 200;
  overflow: visible;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node:hover:not(.entry-node),
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node:hover:not(.entry-node),
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.entry-node:hover,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.entry-node:hover,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.hover-node:not(.entry-node),
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.hover-node:not(.entry-node),
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.entry-node.hover-node,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.entry-node.hover-node {
  opacity: 1;
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node:hover:not(.entry-node) > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node:hover:not(.entry-node) > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.entry-node:hover > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.entry-node:hover > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.hover-node:not(.entry-node) > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.hover-node:not(.entry-node) > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.entry-node.hover-node > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.entry-node.hover-node > rect,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node:hover:not(.entry-node) > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node:hover:not(.entry-node) > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.entry-node:hover > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.entry-node:hover > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.hover-node:not(.entry-node) > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.hover-node:not(.entry-node) > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node.entry-node.hover-node > circle,
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node.entry-node.hover-node > circle {
  fill: var(--ds-badge-background-color-hover-plus);
  stroke: var(--node-hover-fill-and-stroke-color);
}
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node[data-node-id="in"],
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node[data-node-id="in"],
ds-top-down-flow-diagram .mermaid-diagram > svg g.root > g.nodes > g.node[data-node-id="out"],
ds-top-down-flow-diagram .mermaid-diagram > svg g.block > g.node[data-node-id="out"] {
  opacity: 0.7;
}
ds-top-down-flow-diagram .old .subtle-code-span {
  box-shadow: 0 0 0 0.5px rgba(150, 150, 150, 0.3);
  padding: 3px 6px;
  font-size: calc(100% - 20%);
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.9);
}
ds-top-down-flow-diagram .old .subtle-code-span:hover {
  box-shadow: 0 0 0 1px rgba(150, 150, 150, 0.3);
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.8);
}
ds-top-down-flow-diagram .old .annotation-list {
  flex: 1;
  list-style: none;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
}
ds-top-down-flow-diagram .old .annotation-list .annotation {
  transition: all 0.1s ease-in-out;
  padding: 13px 13px;
  border-radius: 5px;
  margin-bottom: 3px;
  margin-top: 3px;
  font-size: 12px;
  position: relative;
}
ds-top-down-flow-diagram .old .annotation-list .annotation code {
  box-shadow: 0 0 0 0.5px rgba(150, 150, 150, 0.3);
  padding: 3px 6px;
  font-size: calc(100% - 20%);
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px !important;
  color: #e8b8ff !important;
}
ds-top-down-flow-diagram .old .annotation-list .annotation code:hover {
  box-shadow: 0 0 0 1px rgba(150, 150, 150, 0.3);
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.8);
}
ds-top-down-flow-diagram .old .annotation-list .annotation:hover,
ds-top-down-flow-diagram .old .annotation-list .annotation.highlight {
  background-color: rgba(0, 0, 0, 0.5);
}
ds-top-down-flow-diagram .old .annotation-list .annotation[data-index]:hover::before {
  content: attr(data-index);
  position: absolute;
  left: 0;
  transform: translateX(-100%);
  margin-right: 5px;
  opacity: 0;
}
ds-top-down-flow-diagram .old .mermaid-chart {
  font-family: "Fira Code", monospace !important;
}
ds-top-down-flow-diagram .old .edgeLabels .edgeLabel {
  font-family: "Fira Code", monospace;
  color: #888 !important;
  fill: none !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  padding: 2px 5px;
  font-size: 11px;
}
ds-top-down-flow-diagram .old .edgeLabels .edgeLabel:empty {
  display: none;
}
ds-top-down-flow-diagram .old .flowchartTitleText {
  fill: #888 !important;
}
@media (max-width: 500px) {
  .annotated-diagram > div {
    flex-basis: 100% !important;
  }
}

ds-knock {
  font-family: "Martel Sans", sans-serif;
  display: block;
  margin-top: 70px;
  text-align: center;
}
ds-knock .locked-icon {
  font-size: 60px;
  opacity: 0.8;
}
ds-knock .locked-description {
  margin-top: 10px;
  margin-bottom: 50px;
  color: rgba(255, 255, 255, 0.8);
}
ds-knock .locked-description strong {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}
ds-knock .locked-description > span.status {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
ds-knock .locked-description > span.muted {
  display: block;
  opacity: 0.6;
  font-size: 12px;
}
ds-knock .ds-button {
  margin: auto;
}

ds-games {
  display: block;
  color: var(--ds-document-color);
  padding: 20px;
  /* Fixed sl-select positioned at the top center */
  /* The sl-select part styling can remain as-is (or be refined) */
  /* Navigation buttons positioned fixed to the top left/right of the container */
}
ds-games #game-explorer {
  max-width: 960px;
  margin: 0 auto;
}
ds-games #game-container {
  overflow: hidden;
  position: relative;
}
ds-games #game-container .fixed-select {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
ds-games .fixed-select sl-select::part(form-control-input) {
  font-family: "Roboto", sans-serif;
  width: 400px;
  max-width: 100%;
  margin: auto;
}
ds-games .fixed-select sl-select::part(display-input) {
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-size: 24px;
}
ds-games .fixed-select sl-select::part(combobox) {
  background-color: rgba(10, 10, 10, 0.01) !important;
}
ds-games .fixed-select sl-select::part(expand-icon) {
  opacity: 0.1;
  display: none;
}
ds-games .fixed-select sl-select:hover::part(combobox) {
  background-color: rgba(10, 10, 10, 0.5) !important;
}
ds-games .fixed-select sl-select:hover::part(expand-icon) {
  opacity: 0.5;
}
ds-games .fixed-select sl-select sl-option::part(label) {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  opacity: 0.7;
}
ds-games .fixed-select sl-select sl-option::part(suffix) {
  margin-left: 0;
}
ds-games .fixed-select sl-select sl-option span[slot="suffix"] > span {
  color: var(--ds-gray-darker-1);
}
ds-games .game-pages {
  display: flex;
  transition: transform 0.5s ease;
  /* Add a top margin to ensure the fixed select doesn't overlap */
  margin-top: 60px;
}
ds-games .game-page {
  font-family: "Martel Sans", sans-serif;
  flex: 0 0 100%;
  border-radius: 8px;
  position: relative;
}
ds-games .game-page > .game-content {
  color: var(--ds-document-text-color);
  font-size: var(--document-body-font-size);
  font-weight: 600;
  font-family: "Martel Sans", sans-serif !important;
  line-height: 24px;
  padding: 0px;
  /* We removed h1.game-title as the select is now outside the sliding content */
}
ds-games .game-page > .game-content > h1,
ds-games .game-page > .game-content > h2,
ds-games .game-page > .game-content > h3,
ds-games .game-page > .game-content > h4,
ds-games .game-page > .game-content > h5,
ds-games .game-page > .game-content > h6 {
  margin-top: 80px;
  margin-bottom: var(--margin-below-blocks);
  padding-bottom: 7px;
  border-bottom: 2px solid rgba(100, 100, 100, 0.15);
  opacity: 0.95;
  font-weight: 700;
  vertical-align: middle;
}
ds-games .game-page > .game-content > h1 > span.material-solid,
ds-games .game-page > .game-content > h2 > span.material-solid,
ds-games .game-page > .game-content > h3 > span.material-solid,
ds-games .game-page > .game-content > h4 > span.material-solid,
ds-games .game-page > .game-content > h5 > span.material-solid,
ds-games .game-page > .game-content > h6 > span.material-solid,
ds-games .game-page > .game-content > h1 > span.material-outline,
ds-games .game-page > .game-content > h2 > span.material-outline,
ds-games .game-page > .game-content > h3 > span.material-outline,
ds-games .game-page > .game-content > h4 > span.material-outline,
ds-games .game-page > .game-content > h5 > span.material-outline,
ds-games .game-page > .game-content > h6 > span.material-outline {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 3px;
  padding-right: 5px;
  font-size: 20px;
}
ds-games .game-page > .game-content > h1 {
  font-size: var(--h1-font-size);
}
ds-games .game-page > .game-content > h2 {
  font-size: var(--h2-font-size);
}
ds-games .game-page > .game-content > h3 {
  font-size: var(--h3-font-size);
}
ds-games .game-page > .game-content > h4,
ds-games .game-page > .game-content > h5,
ds-games .game-page > .game-content > h6 {
  font-size: var(--h4-font-size);
}
ds-games .game-page > .game-content > p {
  margin-bottom: var(--margin-below-blocks);
}
ds-games .game-page > .game-content > p:last-child {
  margin-bottom: 0;
}
ds-games .game-page > .game-content > ul,
ds-games .game-page > .game-content > ol {
  margin-top: 20px;
  margin-bottom: var(--margin-below-blocks);
}
ds-games .game-page > .game-content > ul ul,
ds-games .game-page > .game-content > ol ul,
ds-games .game-page > .game-content > ul ol,
ds-games .game-page > .game-content > ol ol {
  padding-left: 20px;
  margin-top: 10px;
}
ds-games .game-page > .game-content > ul li,
ds-games .game-page > .game-content > ol li {
  position: relative;
  margin-top: 8px;
}
ds-games .game-page > .game-content > ul li > p,
ds-games .game-page > .game-content > ol li > p {
  margin: 0;
}
ds-games .game-page > .game-content > ul li::before,
ds-games .game-page > .game-content > ol li::before {
  display: inline-block;
  width: 1em;
  opacity: 0.5;
  margin-left: -2em;
  margin-right: 1em;
}
ds-games .game-page > .game-content > ol {
  list-style-type: decimal;
}
ds-games .game-page > .game-content > ol li::marker {
  font-weight: 700;
  font-family: "Fira Code", monospace;
  display: inline-block;
  opacity: 0.5;
  color: #777;
}
ds-games .game-page > .game-content > ul {
  list-style-type: disc;
}
ds-games .game-page > .game-content > ul li::marker {
  color: #777;
}
ds-games .game-page > .game-content > pre {
  background-color: rgba(0, 0, 0, 0.4);
  margin-bottom: var(--margin-below-blocks);
  font-family: "Fira Code", monospace;
  font-size: 15px;
  padding: 30px 30px;
}
ds-games .game-page > .game-content code {
  padding: 4px 7px;
  font-size: 13px;
  background-color: var(--ds-badge-background-color);
  border-width: 0px;
  color: var(--ds-document-text-color);
}
ds-games .game-page > .game-content p .wtf strong.material-outline,
ds-games .game-page > .game-content p .wtf strong.material-solid,
ds-games .game-page > .game-content p .wtf span.material-outline,
ds-games .game-page > .game-content p .wtf span.material-solid {
  display: inline-table;
  padding: 1px;
  background-color: var(--ds-badge-background-color);
  font-size: 15px;
  width: 20px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
ds-games .game-page > .game-content p .wtf strong.material-outline:hover,
ds-games .game-page > .game-content p .wtf strong.material-solid:hover,
ds-games .game-page > .game-content p .wtf span.material-outline:hover,
ds-games .game-page > .game-content p .wtf span.material-solid:hover {
  cursor: not-allowed;
}
ds-games .game-page > .game-content sl-alert {
  margin: auto;
}
ds-games .game-page > .game-content sl-alert::part(base) {
  max-width: 500px;
  margin: auto;
}
ds-games .game-page > .game-content strong {
  font-weight: 800;
}
@media (max-width: 500px) {
  ds-games .game-page > .game-content > ul,
  ds-games .game-page > .game-content > ol {
    padding-left: 15px;
  }
}
ds-games .game-page > .game-content h2.game-tagline {
  font-family: "Fira Code", monospace;
  text-align: center;
  margin-top: 10px;
  opacity: 1;
  border-bottom: 0;
  margin-bottom: 15px;
  color: var(--ds-purple-lighter-1);
  font-size: 16px !important;
}
ds-games .game-page > .game-content h2.game-tagline.fade-out {
  opacity: 0;
  transition: opacity 0.5s;
}
ds-games .game-page > .game-content h2.game-tagline.fade-in {
  opacity: 1;
  transition: opacity 0.5s;
}
ds-games .game-page > .game-content .game-tags {
  text-align: center;
  margin-bottom: 20px;
}
ds-games .game-page > .game-content .game-tags > span {
  opacity: 0.4;
}
ds-games .game-page > .game-content .game-tags > span:hover {
  opacity: 1;
}
ds-games .game-page > .game-content .game-banner {
  text-align: center;
  margin-bottom: 20px;
  max-width: 500px;
  border-radius: 10px;
  display: block;
  margin: auto;
  height: auto;
  margin-bottom: 40px;
}
ds-games .game-page > .game-content .game-description {
  color: var(--ds-document-text-color);
  font-size: var(--document-body-font-size);
  font-weight: 600;
  font-family: "Martel Sans", sans-serif !important;
  line-height: 24px;
  font-size: 14px;
  line-height: 1.6;
}
ds-games .game-page > .game-content .game-description > h1,
ds-games .game-page > .game-content .game-description > h2,
ds-games .game-page > .game-content .game-description > h3,
ds-games .game-page > .game-content .game-description > h4,
ds-games .game-page > .game-content .game-description > h5,
ds-games .game-page > .game-content .game-description > h6 {
  margin-top: 80px;
  margin-bottom: var(--margin-below-blocks);
  padding-bottom: 7px;
  border-bottom: 2px solid rgba(100, 100, 100, 0.15);
  opacity: 0.95;
  font-weight: 700;
  vertical-align: middle;
}
ds-games .game-page > .game-content .game-description > h1 > span.material-solid,
ds-games .game-page > .game-content .game-description > h2 > span.material-solid,
ds-games .game-page > .game-content .game-description > h3 > span.material-solid,
ds-games .game-page > .game-content .game-description > h4 > span.material-solid,
ds-games .game-page > .game-content .game-description > h5 > span.material-solid,
ds-games .game-page > .game-content .game-description > h6 > span.material-solid,
ds-games .game-page > .game-content .game-description > h1 > span.material-outline,
ds-games .game-page > .game-content .game-description > h2 > span.material-outline,
ds-games .game-page > .game-content .game-description > h3 > span.material-outline,
ds-games .game-page > .game-content .game-description > h4 > span.material-outline,
ds-games .game-page > .game-content .game-description > h5 > span.material-outline,
ds-games .game-page > .game-content .game-description > h6 > span.material-outline {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 3px;
  padding-right: 5px;
  font-size: 20px;
}
ds-games .game-page > .game-content .game-description > h1 {
  font-size: var(--h1-font-size);
}
ds-games .game-page > .game-content .game-description > h2 {
  font-size: var(--h2-font-size);
}
ds-games .game-page > .game-content .game-description > h3 {
  font-size: var(--h3-font-size);
}
ds-games .game-page > .game-content .game-description > h4,
ds-games .game-page > .game-content .game-description > h5,
ds-games .game-page > .game-content .game-description > h6 {
  font-size: var(--h4-font-size);
}
ds-games .game-page > .game-content .game-description > p {
  margin-bottom: var(--margin-below-blocks);
}
ds-games .game-page > .game-content .game-description > p:last-child {
  margin-bottom: 0;
}
ds-games .game-page > .game-content .game-description > ul,
ds-games .game-page > .game-content .game-description > ol {
  margin-top: 20px;
  margin-bottom: var(--margin-below-blocks);
}
ds-games .game-page > .game-content .game-description > ul ul,
ds-games .game-page > .game-content .game-description > ol ul,
ds-games .game-page > .game-content .game-description > ul ol,
ds-games .game-page > .game-content .game-description > ol ol {
  padding-left: 20px;
  margin-top: 10px;
}
ds-games .game-page > .game-content .game-description > ul li,
ds-games .game-page > .game-content .game-description > ol li {
  position: relative;
  margin-top: 8px;
}
ds-games .game-page > .game-content .game-description > ul li > p,
ds-games .game-page > .game-content .game-description > ol li > p {
  margin: 0;
}
ds-games .game-page > .game-content .game-description > ul li::before,
ds-games .game-page > .game-content .game-description > ol li::before {
  display: inline-block;
  width: 1em;
  opacity: 0.5;
  margin-left: -2em;
  margin-right: 1em;
}
ds-games .game-page > .game-content .game-description > ol {
  list-style-type: decimal;
}
ds-games .game-page > .game-content .game-description > ol li::marker {
  font-weight: 700;
  font-family: "Fira Code", monospace;
  display: inline-block;
  opacity: 0.5;
  color: #777;
}
ds-games .game-page > .game-content .game-description > ul {
  list-style-type: disc;
}
ds-games .game-page > .game-content .game-description > ul li::marker {
  color: #777;
}
ds-games .game-page > .game-content .game-description > pre {
  background-color: rgba(0, 0, 0, 0.4);
  margin-bottom: var(--margin-below-blocks);
  font-family: "Fira Code", monospace;
  font-size: 15px;
  padding: 30px 30px;
}
ds-games .game-page > .game-content .game-description code {
  padding: 4px 7px;
  font-size: 13px;
  background-color: var(--ds-badge-background-color);
  border-width: 0px;
  color: var(--ds-document-text-color);
}
ds-games .game-page > .game-content .game-description p .wtf strong.material-outline,
ds-games .game-page > .game-content .game-description p .wtf strong.material-solid,
ds-games .game-page > .game-content .game-description p .wtf span.material-outline,
ds-games .game-page > .game-content .game-description p .wtf span.material-solid {
  display: inline-table;
  padding: 1px;
  background-color: var(--ds-badge-background-color);
  font-size: 15px;
  width: 20px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
ds-games .game-page > .game-content .game-description p .wtf strong.material-outline:hover,
ds-games .game-page > .game-content .game-description p .wtf strong.material-solid:hover,
ds-games .game-page > .game-content .game-description p .wtf span.material-outline:hover,
ds-games .game-page > .game-content .game-description p .wtf span.material-solid:hover {
  cursor: not-allowed;
}
ds-games .game-page > .game-content .game-description sl-alert {
  margin: auto;
}
ds-games .game-page > .game-content .game-description sl-alert::part(base) {
  max-width: 500px;
  margin: auto;
}
ds-games .game-page > .game-content .game-description strong {
  font-weight: 800;
}
@media (max-width: 500px) {
  ds-games .game-page > .game-content .game-description > ul,
  ds-games .game-page > .game-content .game-description > ol {
    padding-left: 15px;
  }
}
ds-games .game-page > .game-content h3.section-label {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  margin-top: 50px;
  font-size: 16px;
  letter-spacing: 1px;
  color: var(--ds-gray-lighter-1);
}
ds-games .game-page > .game-content sl-tab::part(base) {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}
ds-games #game-container .prev-button,
ds-games #game-container .next-button {
  position: absolute;
  top: 15px;
  opacity: 0.3;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 24px;
}
ds-games #game-container .prev-button:hover,
ds-games #game-container .next-button:hover {
  opacity: 0.8;
}
ds-games #game-container .prev-button {
  left: 15px;
}
ds-games #game-container .next-button {
  right: 15px;
}

ds-glossary-image {
  text-align: center;
}
ds-glossary-image .cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  height: 100%;
  align-content: stretch;
}
ds-glossary-image .cards-container > sl-card {
  /* Let each card stretch to match the tallest one in its row */
  display: flex;
  flex: 1;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  margin: 0;
  max-width: 400px;
  width: 100%;
  flex-grow: 1;
}
ds-glossary-image .cards-container > sl-card::part(base) {
  display: flex;
  height: 100%;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  flex-grow: 1;
}
ds-glossary-image .cards-container > sl-card.tool-card {
  max-width: 300px;
  text-align: center;
}
ds-glossary-image .cards-container > sl-card .definition {
  flex: 1;
  padding: 10px;
  font-size: 12px;
}
ds-glossary-image .cards-container > sl-card > span.material-solid {
  display: block;
  text-align: center;
  font-size: 50px;
  margin: auto;
  padding-top: 15px;
  color: var(--ds-purple-lighter-1);
}
ds-glossary-image .cards-container > sl-card p.tool-label {
  margin-bottom: 5px;
  font-size: 14px;
}
ds-glossary-image .cards-container > sl-card p:last-child {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  ds-glossary-image .cards-container > sl-card {
    max-width: 100%;
  }
}

ds-wod .constrained-width {
  max-width: 300px;
  margin-bottom: 20px;
}
ds-wod > section {
  background-color: transparent !important;
  text-align: left;
  padding: 0 20px;
  border-color: rgba(0, 0, 0, 0);
}
ds-wod > section #wod-select {
  max-width: 300px;
  text-align: left;
  margin-bottom: 20px;
}
ds-wod > section sl-option[aria-selected="false"]::part(base) {
  color: var(--ds-grey-lighter-1);
  text-align: left;
}
ds-wod > section .wod-group-recency {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  opacity: 0.5;
}
ds-wod > section .wod-group-recency.today {
  color: var(--ds-green-lighter-1) !important;
  opacity: 0.9;
}
ds-wod > section #exercise-table {
  margin: auto;
}
ds-wod > section #exercise-table .highlight-cell {
  box-shadow: 0 0 0 2px var(--ds-magenta-lighter-1) inset;
}
ds-wod > section > h3.exercise-label {
  opacity: 1 !important;
  margin-top: 30px !important;
  padding-bottom: 5px;
  border-bottom: 0px !important;
  margin-bottom: 0 !important;
}
ds-wod > section > h3.exercise-label > span.label {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
}
ds-wod > section > h3.exercise-label > span.exercise-stat {
  display: block;
  padding-left: 20px;
  text-align: left;
  font-size: 12px;
  color: var(--ds-gray);
  min-height: 20px;
}
ds-wod > section > h3.exercise-label > span.exercise-stat > span {
  color: var(--ds-gray);
  padding: 3px;
  font-size: 12px;
  display: inline-block;
}
ds-wod > section sl-textarea {
  max-width: 300px;
  margin-bottom: 20px;
}
ds-wod > section a.update-button {
  margin-bottom: 20px;
}
ds-wod > section .bottom-exercise-buttons {
  display: inline-flex;
  padding: 20px;
  margin: auto;
  margin-bottom: 30px;
}
ds-wod > section .bottom-exercise-buttons .prev-button {
  margin-right: 20px;
}
ds-wod .raw-work {
  font-weight: bold;
}
ds-wod .dimmed-text {
  opacity: 0.4;
}
ds-wod .percent-change {
  opacity: 0.6;
}
ds-wod .tabulator-cell {
  position: relative;
}
ds-wod .tabulator-cell.ds-amber {
  color: var(--ds-amber-lighter-1);
}
ds-wod .tabulator-cell.ds-amber::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: linear-gradient(to right, var(--ds-amber) 0%, transparent 90%);
  opacity: var(--ds-alpha, 0.1);
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
ds-wod .tabulator-cell.ds-babyblue {
  color: var(--ds-babyblue-lighter-1);
}
ds-wod .tabulator-cell.ds-babyblue::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: linear-gradient(to right, var(--ds-babyblue) 0%, transparent 90%);
  opacity: var(--ds-alpha, 0.1);
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
ds-wod .tabulator-cell.ds-yellow {
  color: var(--ds-yellow-lighter-1);
}
ds-wod .tabulator-cell.ds-yellow::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: linear-gradient(to right, var(--ds-yellow) 0%, transparent 90%);
  opacity: var(--ds-alpha, 0.1);
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
ds-wod .tabulator-cell.ds-spearmint {
  color: var(--ds-spearmint-lighter-1);
}
ds-wod .tabulator-cell.ds-spearmint::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: linear-gradient(to right, var(--ds-spearmint) 0%, transparent 90%);
  opacity: var(--ds-alpha, 0.1);
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}

.brutally-stretched {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
:root {
  --solar-system-sun-color: #ffd700;
  --solar-system-planet-color: #b19cd9;
  --annotation-background-color: #f9f9f9;
  --annotation-border-color: #ccc;
  --annotation-text-color: #333;
  --annotation-highlight-background-color: #e0f7fa;
  --annotation-current-background-color: #d1c4e9;
  --annotation-completed-background-color: #c5e1a5;
  --annotation-highlight-text-color: #004d40;
}
[data-theme="light"] {
  --solar-system-sun-color: #ffd700;
  --solar-system-planet-color: #d1c4e9;
  --annotation-background-color: #f0f0f0;
  --annotation-border-color: #bdbdbd;
  --annotation-text-color: #212121;
  --annotation-highlight-background-color: #b3e5fc;
  --annotation-current-background-color: #dce775;
  --annotation-completed-background-color: #a5d6a7;
  --annotation-highlight-text-color: #004d40;
}
[data-theme="dark"] {
  --solar-system-sun-color: #ffa726;
  --solar-system-planet-color: #ce93d8;
  --annotation-background-color: #424242;
  --annotation-border-color: #757575;
  --annotation-text-color: #e0e0e0;
  --annotation-highlight-background-color: #004d40;
  --annotation-current-background-color: #81c784;
  --annotation-completed-background-color: #66bb6a;
  --annotation-highlight-text-color: #e0f7fa;
}
ds-solar-system-diagram {
  container-type: inline-size;
  contain: layout inline-size;
  position: relative;
  display: flex;
  justify-content: stretch;
  flex-direction: column;
  min-height: 300px;
}
ds-solar-system-diagram .solar-system {
  transition: all 0.1s ease-in-out;
  flex: 1 1 100%;
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--ds-background-color);
  min-height: 300px;
}
ds-solar-system-diagram .solar-system > svg {
  transition: all 0.1s ease-in-out;
  height: 100%;
  min-height: 300px;
}
ds-solar-system-diagram .solar-system .planet {
  transition: all 0.1s ease-in-out;
  position: absolute;
  border-radius: 50%;
  transition: opacity 0.3s ease;
  opacity: 0.5;
}
ds-solar-system-diagram .solar-system .planet.highlight-planet {
  opacity: 1;
}
ds-solar-system-diagram .solar-system .planet:hover {
  opacity: 1;
}
ds-solar-system-diagram .solar-system > .sun {
  position: absolute;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0.8;
}
ds-solar-system-diagram .solar-system > .sun > .sun-icon {
  font-size: 20px;
  position: relative;
  top: 1px;
  color: rgba(0, 0, 0, 0.5);
}
ds-solar-system-diagram .solar-system > .sun > .sun-icon i {
  line-height: unset !important;
}
ds-solar-system-diagram .solar-system > .sun[visible] {
  background-color: #ffd700;
}
ds-solar-system-diagram .solar-system > .sun[hidden] {
  opacity: 0;
}
ds-solar-system-diagram .solar-system-annotation-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: auto;
  max-height: 300px;
  margin: auto;
}
ds-solar-system-diagram .solar-system-annotation-container .solar-system {
  max-height: 300px;
  flex: 1 1 50%;
}
ds-solar-system-diagram .solar-system-annotation-container .solar-system svg {
  height: 100%;
  min-height: 300px;
}
ds-solar-system-diagram .solar-system-annotation-container .annotations {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  max-width: 100%;
  max-height: 100%;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 50%;
  padding: 20px 15px;
  overflow: auto;
  box-sizing: border-box;
  background-color: var(--ds-background-color-plus-1);
}
ds-solar-system-diagram .solar-system-annotation-container .annotations::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-solar-system-diagram .solar-system-annotation-container .annotations::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-solar-system-diagram .solar-system-annotation-container .annotations::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-solar-system-diagram .solar-system-annotation-container .annotations::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-solar-system-diagram .solar-system-annotation-container .annotations .annotation {
  font-family: "Martel Sans", sans-serif;
  transition: all 0.1s ease-in-out;
  padding: 15px;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0);
  font-size: 11.5px;
  line-height: 1.5em;
  background-color: var(--ds-badge-background-color);
  position: relative;
  margin-bottom: 10px;
  opacity: 0.5;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
ds-solar-system-diagram .solar-system-annotation-container .annotations .annotation.highlight-annotation {
  background-color: var(--ds-badge-background-color-hover-plus);
  opacity: 1;
}
ds-solar-system-diagram .solar-system-annotation-container .annotations .annotation:hover {
  background-color: var(--ds-badge-background-color-hover);
  opacity: 1;
}
ds-solar-system-diagram .solar-system-annotation-container .annotations .annotation:last-of-type {
  margin-bottom: 0;
}
.solar-system-container {
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  max-height: 100%;
  z-index: 3;
  position: relative;
}
.solar-system-container .solar-system,
.solar-system-container .hp-board {
  box-sizing: border-box;
}
@media (max-width: 400px) {
  .solar-system-container .solar-system,
  .solar-system-container .hp-board {
    flex-basis: 100%;
  }
}
.solar-system-container .solar-system {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.solar-system-container .hp-board {
  display: flex;
  flex-direction: column;
  padding: 20px;
  flex: 1;
  align-items: center;
}
.solar-system-container .hp-board .agent-group {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.solar-system-container .hp-board .agent-group.my-group > .agent-hp:first-of-type {
  border-top: 1px solid #333;
  padding-top: 20px;
}
.solar-system-container .hp-board .agent-group > .agent-hp:first-of-type {
  margin-top: 20px;
}
.solar-system-container .hp-board .agent-group:first-of-type {
  margin-top: 0px;
  padding-top: 0px;
}
.solar-system-container .hp-board .agent-group:first-of-type .agent-hp:first-of-type {
  margin-top: 0px;
  padding-top: 0px;
}
.solar-system-container .hp-board .agent-hp,
.solar-system-container .hp-board .me-hp {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
}
.solar-system-container .hp-board .agent-hp .name,
.solar-system-container .hp-board .me-hp .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Fira Code", monospace;
  flex: 2;
  font-weight: bold;
  margin-bottom: 0;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: left;
  font-size: 11px;
  padding-right: 10px;
}
.solar-system-container .hp-board .agent-hp .hp-bar,
.solar-system-container .hp-board .me-hp .hp-bar {
  flex: 5;
  display: flex;
  align-items: center;
  position: relative;
}
.solar-system-container .hp-board .agent-hp .hp-bar sl-progress-bar,
.solar-system-container .hp-board .me-hp .hp-bar sl-progress-bar {
  --height: 6px;
  width: 100%;
  transition: width 0.5s;
}
.solar-system-container .hp-board .agent-hp .value,
.solar-system-container .hp-board .me-hp .value {
  font-family: "Fira Code", monospace;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  text-align: right;
  color: white;
  font-size: 12px;
  padding-left: 10px;
}
@media screen and (max-width: 550px) {
  .solar-system-annotation-container {
    flex-direction: column;
    max-height: 580px !important;
    max-width: 400px !important;
  }
}
@container (max-width: 550px) {
  .solar-system-annotation-container {
    flex-direction: column;
    max-height: 580px !important;
    max-width: 400px !important;
  }
}

ds-preset-responses a {
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  justify-content: center;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  width: auto;
  white-space: nowrap;
  font-family: "Martel Sans", sans-serif;
  margin: 5px;
  text-transform: lowercase;
  opacity: 0.3;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
ds-preset-responses a:not([small-button]) {
  font-weight: 800;
  height: 40px;
  font-size: 12px;
  padding-right: 15px;
  padding-left: 15px;
  letter-spacing: 0.4px;
  line-height: 24px;
}
ds-preset-responses a:not([small-button]) i.fas,
ds-preset-responses a:not([small-button]) span.fas,
ds-preset-responses a:not([small-button]) span.material-outline,
ds-preset-responses a:not([small-button]) span.material-solid {
  font-size: 13px;
  margin-top: -3px;
}
ds-preset-responses a:not([small-button]) i.fas.left-side-icon,
ds-preset-responses a:not([small-button]) span.fas.left-side-icon {
  margin-right: 0.5rem;
}
ds-preset-responses a:not([small-button]) i.fas.right-side-icon,
ds-preset-responses a:not([small-button]) span.fas.right-side-icon {
  margin-left: 0.5rem;
}
ds-preset-responses a[small-button] {
  font-size: 10px;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  letter-spacing: 0.5px;
}
ds-preset-responses a[small-button] i.fas,
ds-preset-responses a[small-button] span.fas,
ds-preset-responses a[small-button] span.material-outline,
ds-preset-responses a[small-button] span.material-solid {
  font-size: 0.875rem;
}
ds-preset-responses a[small-button] i.fas.left-side-icon,
ds-preset-responses a[small-button] span.fas.left-side-icon {
  margin-right: 0.5rem;
}
ds-preset-responses a[small-button] i.fas.right-side-icon,
ds-preset-responses a[small-button] span.fas.right-side-icon {
  margin-left: 0.5rem;
}
ds-preset-responses a[affirmative] {
  background-color: var(--ds-affirmative-button-background-color);
  border-color: var(--ds-affirmative-button-border-color);
  color: var(--ds-affirmative-button-text-color);
}
ds-preset-responses a[dark-affirmative] {
  background-color: var(--ds-badge-background-color);
  border-color: var(--ds-button-border-color);
  color: var(--ds-green);
}
ds-preset-responses a[cta],
ds-preset-responses a.cta {
  background-color: var(--ds-deepblue);
  border-color: var(--ds-deepblue);
  color: white;
}
ds-preset-responses a[negative] {
  background-color: var(--ds-negative-button-background-color);
  border-color: var(--ds-negative-button-border-color);
  color: var(--ds-negative-button-text-color);
  opacity: 0.5;
}
ds-preset-responses a:not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]) {
  background-color: var(--ds-badge-background-color);
  border-color: var(--ds-button-border-color);
  color: var(--ds-button-text-color);
}
ds-preset-responses a[circular] {
  border-radius: 50%;
  padding: 0;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
}
ds-preset-responses a.disabled,
ds-preset-responses a[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
ds-preset-responses a.disabled > a,
ds-preset-responses a[disabled] > a,
ds-preset-responses a.disabled > a span,
ds-preset-responses a[disabled] > a span {
  color: var(--ds-disabled-button-text-color) !important;
}
ds-preset-responses a.disabled:hover,
ds-preset-responses a[disabled]:hover {
  cursor: not-allowed;
}
ds-preset-responses a:hover:not([disabled]) {
  text-decoration: none;
  opacity: 1;
}
ds-preset-responses a:hover:not([disabled]):not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]) {
  background-color: var(--ds-badge-background-color-hover);
  color: var(--ds-button-text-color-hover);
}
ds-preset-responses a:hover:not([disabled])[affirmative] {
  background-color: var(--ds-affirmative-button-background-color-hover);
  color: var(--ds-affirmative-button-text-color-hover);
}
ds-preset-responses a:hover:not([disabled])[negative] {
  opacity: 1;
  background-color: var(--ds-negative-button-background-color-hover);
  color: var(--ds-negative-button-text-color-hover);
}
ds-preset-responses a:hover:not([disabled])[dark-affirmative] {
  background-color: var(--ds-badge-background-color-hover);
  color: var(--ds-green);
}
ds-preset-responses a:hover:not([disabled])[cta],
ds-preset-responses a:hover:not([disabled]).cta {
  background-color: var(--ds-deepblue-darker-1);
  color: white;
}

ds-places {
  font-family: "Martel Sans", sans-serif;
  display: block;
  padding: 20px;
}
ds-places .places-list-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
ds-places .places-list-controls sl-input {
  width: 250px;
}
ds-places .places-list-controls sl-select {
  width: 250px;
  height: auto;
  padding: 0px;
}
ds-places .places-list-controls sl-select::part(form-control-label),
ds-places .places-list-controls sl-input::part(form-control-label) {
  font-size: 12px;
  opacity: 0.7;
}
ds-places .places-list-controls sl-select::part(display-input),
ds-places .places-list-controls sl-option::part(label) {
  font-family: "Martel Sans", sans-serif;
  text-transform: none;
}
ds-places .places-list-controls label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
ds-places .places-list-controls label input {
  margin: 0;
}
ds-places .places-list-controls .advanced-toggle,
ds-places .places-list-controls .toggle-map-btn {
  padding-left: 10px;
  padding-right: 10px;
  align-self: flex-end;
}
ds-places .places-list-controls .advanced-toggle > span.material-solid,
ds-places .places-list-controls .toggle-map-btn > span.material-solid {
  font-size: 16px;
}
ds-places .places-list-controls .spacer {
  flex: 1;
}
ds-places .places-list-controls .add-place-btn {
  padding-left: 10px;
  padding-right: 10px;
  align-self: flex-end;
}
ds-places .advanced-filters {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 10px;
  padding-bottom: 40px;
}
ds-places .advanced-filters sl-select::part(form-control-label),
ds-places .advanced-filters sl-input::part(form-control-label) {
  font-size: 12px;
  opacity: 0.7;
}
ds-places .advanced-filters sl-select::part(display-input),
ds-places .advanced-filters sl-option::part(label) {
  font-family: "Martel Sans", sans-serif;
  text-transform: none;
}
@media (max-width: 600px) {
  ds-places .advanced-filters {
    grid-template-columns: 1fr;
  }
  ds-places .places-list-controls sl-input {
    width: 150px;
  }
  ds-places div.places-list > div.place-item {
    padding: 20px;
  }
  ds-places div.places-list > div.place-item > div.place-icon {
    display: none;
  }
  ds-places div.places-list > div.place-item .place-details > h3 {
    font-size: 14px;
  }
  ds-places div.places-list > div.place-item .place-details > p > span.material-solid {
    display: none;
  }
}
ds-places .leaflet-map {
  margin-top: 20px;
  width: 100%;
  height: 40vh;
  border-radius: 6px;
  overflow: hidden;
  z-index: 1;
}
ds-places .leaflet-map .leaflet-bottom.leaflet-right {
  display: none !important;
}
ds-places .places-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
ds-places .places-list .place-item {
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  background-color: var(--ds-background-color-plus-1);
  border-radius: 6px;
  padding: 15px 25px 15px 10px;
  transition: box-shadow 0.2s ease;
  opacity: 0.7;
}
ds-places .places-list .place-item:hover {
  opacity: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
ds-places .places-list .place-item.pinned {
  opacity: 1;
}
ds-places .places-list .place-item .place-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-right: 10px;
  flex-shrink: 0;
  background-color: var(--ds-background-color-plus-1);
}
ds-places .places-list .place-item .place-icon span.material-solid {
  font-size: 28px;
  color: var(--ds-document-text-color);
  opacity: 0.6;
}
ds-places .places-list .place-item .place-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ds-places .places-list .place-item .place-details h3 {
  margin: 0;
  font-size: 16px;
  border-bottom: 0;
  opacity: 1;
}
ds-places .places-list .place-item .place-details h3 > a {
  cursor: pointer;
  color: var(--ds-text-color);
}
ds-places .places-list .place-item .place-details h3 > a:hover {
  text-decoration: underline;
  color: white;
}
ds-places .places-list .place-item .place-details p {
  margin: 0;
  font-size: 13px;
  color: var(--ds-text-color);
}
ds-places .places-list .place-item .place-details p > span {
  display: inline-block;
  padding-right: 5px;
  opacity: 0.3;
  vertical-align: middle;
}
ds-places .places-list .place-item .place-actions .ds-button {
  border-radius: 50px;
  border: none;
  font-size: 20px;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  opacity: 0.6;
}
ds-places .places-list .place-item .place-actions .ds-button > span {
  font-size: 15px;
}
ds-places .pagination-controls {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  font-size: 12px;
  opacity: 0.7;
  align-items: center;
}



ds-place-lookup {
  font-family: "Martel Sans", sans-serif;
  width: 100%;
  position: relative;
}
ds-place-lookup input {
  width: 100%;
}
ds-place-lookup a.ds-button {
  position: absolute;
  right: 4px;
  top: 3px;
  bottom: 2px;
  width: 30px;
}
ds-place-lookup .ds-place-lookup-results {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  position: absolute;
  top: calc(100% + 5px);
  left: 1px;
  right: 1px;
  z-index: 10;
  max-height: 150px;
  overflow-y: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px dashed var(--ds-section-divider-color);
}
ds-place-lookup .ds-place-lookup-results::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-place-lookup .ds-place-lookup-results::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-place-lookup .ds-place-lookup-results::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-place-lookup .ds-place-lookup-results::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-place-lookup .ds-place-lookup-results ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ds-place-lookup .ds-place-lookup-results ul li.ds-place-lookup-result {
  transition: all 0.1s ease-in-out;
  background: var(--ds-background-color);
  padding: 12px 8px;
  margin: 0;
  cursor: pointer;
  border-bottom: 1px dashed var(--ds-section-divider-color);
}
ds-place-lookup .ds-place-lookup-results ul li.ds-place-lookup-result .business-name {
  font-weight: 600;
  display: block;
  font-size: 13px;
}
ds-place-lookup .ds-place-lookup-results ul li.ds-place-lookup-result .business-address {
  display: block;
  font-size: 11px;
  opacity: 0.6;
}
ds-place-lookup .ds-place-lookup-results ul li.ds-place-lookup-result:hover {
  background: var(--ds-background-color-minus-1);
}

.gently-animated {
  transition: all 0.1s ease-in-out;
}
ds-progressively-render {
  transition: all 0.1s ease-in-out;
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column: 1;
  grid-row: 1;
  padding-top: 0px;
}
ds-progressively-render > section[is-clone-of-canonical-node] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: grid;
  grid-column: 1;
  grid-row: 1;
}
ds-progressively-render > section[is-clone-of-canonical-node] blinking-cursor {
  margin-left: -1ch;
}
ds-progressively-render > *:not(section[is-clone-of-canonical-node]) {
  opacity: 0;
}
ds-progressively-render[is-rendering-node] > *:not(section[is-clone-of-canonical-node]) {
  opacity: 0 !important;
}
ds-progressively-render[is-rendering-node] > section[is-clone-of-canonical-node] {
  z-index: 2 !important;
  opacity: 1;
}
ds-progressively-render[is-rendering-node] > section[is-clone-of-canonical-node][is-rendering-node] {
  opacity: 0 !important;
}
ds-progressively-render[is-rendered-node] > *:not(section[is-clone-of-canonical-node]) {
  opacity: 1;
  pointer-events: all;
}
ds-progressively-render[ephemera] {
  transition: opacity 4s ease-in-out;
  font-family: "Indie Flower", cursive;
  text-align: center;
}
ds-progressively-render[ephemera]::before {
  text-align: center;
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.4) 80%);
  filter: blur(8px);
  border-radius: 10px;
  z-index: -1;
}

ds-tabs::part(tab-group) {
  display: block;
}



dst-today .habit-frequency {
  font-family: "Martel Sans", sans-serif;
  font-size: 15px;
  padding: 30px 30px 0px 30px;
  margin-bottom: 0;
}

:root {
  --header-os-name-font-size: 25px;
  --header-os-icon-font-size: 50px;
}
ds-landing-page-header .page-headers {
  padding: 15px;
  margin-bottom: 50px;
  margin-top: -20px;
}
ds-landing-page-header .page-headers ds-authenticate > span {
  opacity: 0.2;
}
ds-landing-page-header .page-headers > h1 {
  color: var(--ds-purple);
  text-align: center;
  font-size: var(--header-os-icon-font-size);
  margin-bottom: 0 !important;
}
ds-landing-page-header .page-headers > h2.product-name {
  font-family: "Pacifico", cursive;
  color: var(--ds-purple);
  font-size: var(--header-os-name-font-size);
  text-align: center;
  font-weight: 300;
  display: block;
  margin-bottom: 20px;
  margin-top: 0;
}
ds-landing-page-header .page-headers > h3.product-description {
  font-family: "Fira Code", monospace;
  color: #555;
  font-size: 14px;
  text-align: center;
  display: block;
}
ds-landing-page-header .page-headers > h3.product-tagline {
  font-family: "Segoe UI", sans-serif;
  color: #777;
  font-size: 16px;
  text-align: center;
  display: block;
  margin-top: 10px;
}
ds-landing-page-header .page-headers > h3.product-subtagline {
  font-family: "Segoe UI", sans-serif;
  color: #555;
  opacity: 0.8;
  font-size: 13px;
  text-align: center;
  display: block;
  margin-top: 10px;
}
ds-landing-page-header .page-headers p#daisy-description {
  transition: all 0.1s ease-in-out;
  font-family: "Martel Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
  margin: 35px 20px 30px 20px;
}
ds-landing-page-header .page-headers p#daisy-description:hover {
  opacity: 1;
}
ds-landing-page-header .page-headers p#daisy-description strong {
  opacity: 1;
  color: var(--ds-purple);
}
div#daisy-agents-glimmer {
  text-align: center;
  margin-bottom: 20px;
}
div#daisy-agents-glimmer > span {
  transition: all 0.1s ease-in-out;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px;
  text-align: center;
  opacity: 0.4;
}
@keyframes highlight {
  0%,
  100% {
    opacity: 0.4;
  }
  40%,
  60% {
    opacity: 1;
  }
}
div#daisy-agents-glimmer > span:nth-child(8) {
  animation: highlight 6s infinite;
  animation-delay: 7s;
}
div#daisy-agents-glimmer > span:nth-child(7) {
  animation: highlight 6s infinite;
  animation-delay: 6s;
}
div#daisy-agents-glimmer > span:nth-child(6) {
  animation: highlight 6s infinite;
  animation-delay: 5s;
}
div#daisy-agents-glimmer > span:nth-child(5) {
  animation: highlight 6s infinite;
  animation-delay: 4s;
}
div#daisy-agents-glimmer > span:nth-child(4) {
  animation: highlight 6s infinite;
  animation-delay: 3s;
}
div#daisy-agents-glimmer > span:nth-child(3) {
  animation: highlight 6s infinite;
  animation-delay: 2s;
}
div#daisy-agents-glimmer > span:nth-child(2) {
  animation: highlight 6s infinite;
  animation-delay: 1s;
}
div#daisy-agents-glimmer > span:nth-child(1) {
  animation: highlight 6s infinite;
  animation-delay: 0s;
}
div#daisy-agents-glimmer > span:last-child {
  margin-right: 0;
}
div#daisy-agents-glimmer > span:hover {
  opacity: 1;
}
@media screen and (max-width: 500px) {
  :root {
    --header-os-icon-font-size: 40px;
    --header-os-name-font-size: 30px;
  }
}
/*

   
    > h1 {
        margin-top: 0px;
        margin-bottom: 5px !important;
        font-size: 50px;

        > .material-outline {
            font-size: 60px;
            text-align: center;
            max-width: 100px;
            overflow: hidden;
            display: inline-block;
        }
    }

    > h2 {
        
    }

    

    > h4 {
        color: #555;
        font-size: 14px;
        text-align: center;
        display: block;
    }

    .product-name {
        .apply-pacifico-font;
    }

    &.os-headers {
        sup {
            opacity: 0.4 !important;
            font-size: 28px;
        }
    }

    &.product-headers {
        > h1 {
            margin-bottom: 0px !important;
        }
        > h2 {
            font-size: 24px;
        }
    }

    
}

*/

ds-landing-page-footer .meet-your-agents {
  margin-top: 120px;
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(100, 100, 100, 0.1);
  font-size: 20px;
  opacity: 0.9;
  text-align: center;
}
ds-landing-page-footer .built-with-love {
  font-family: "Martel Sans", sans-serif;
  margin-top: 150px;
  margin-bottom: 2px;
  text-align: center;
  font-size: 12px;
}
ds-landing-page-footer .secured-by-ethereum {
  font-family: "Martel Sans", sans-serif;
  text-align: center;
  margin-bottom: 0px;
  font-size: 10px;
  opacity: 0.7;
}
ds-landing-page-footer .email {
  font-family: "Martel Sans", sans-serif;
  text-align: center;
  margin-bottom: 0px;
  font-size: 10px;
  opacity: 0.7;
}
ds-landing-page-footer > section {
  padding: 15px;
}

ds-document-old {
  padding-bottom: 200px;
}
ds-document-old p {
  margin-bottom: 20px;
  margin-top: 20px;
}
ds-document-old p.muted {
  opacity: 0.7 !important;
  font-size: 13px;
}
ds-document-old input,
ds-document-old textarea {
  display: block;
  max-width: 90%;
  width: 250px;
  padding: 15px 20px;
  border: 1px solid rgba(200, 200, 200, 0.4);
  border-radius: 3px;
  background-color: rgba(50, 50, 50, 0.5);
  font-family: "JetBrains Mono";
  font-weight: 500;
  text-align: center;
  margin: 25px auto;
  color: white;
}
ds-document-old code {
  padding: 4px 7px;
  font-size: 11px;
  font-family: "JetBrains Mono";
  background-color: var(--ds-badge-background-color);
  border-color: var(--ds-badge-border-color);
  color: var(--ds-document-text-color);
  border-width: 1px;
  border-style: solid;
}
ds-document-old table {
  --border-color: var(--ds-badge-border-color);
  --cell-padding: 15px 25px;
  --font-size: 13px;
  --line-height: 24px;
  --radius: 5px;
  --font-family: "JetBrains Mono";
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  box-sizing: border-box;
  color: var(--ds-document-text-color);
  color-scheme: dark;
  display: table;
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  margin: 50px auto 0;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  background-clip: padding-box;
}
ds-document-old table thead th,
ds-document-old table tbody tr th,
ds-document-old table thead td,
ds-document-old table tbody tr td {
  padding: var(--cell-padding);
  font-family: var(--font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  opacity: 0.8 !important;
  background: none;
  box-sizing: border-box;
  white-space: nowrap;
  text-align: left;
  border: 0;
}
ds-document-old table thead th {
  opacity: 0.5 !important;
}
ds-document-old table thead th:first-child {
  border-top-left-radius: var(--radius);
}
ds-document-old table thead th:last-child {
  border-top-right-radius: var(--radius);
}
ds-document-old table tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--radius);
}
ds-document-old table tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--radius);
}
ds-document .skeleton-paragraphs {
  margin-top: 2rem;
}
ds-document .skeleton-paragraphs sl-skeleton {
  margin: 1rem;
}
ds-document .skeleton-paragraphs sl-skeleton:nth-child(2) {
  width: 95%;
}
ds-document .skeleton-paragraphs sl-skeleton:nth-child(4) {
  width: 90%;
}
ds-document .skeleton-paragraphs sl-skeleton:last-child {
  width: 50%;
}

ds-inspector sl-select {
  margin-bottom: 20px;
  max-width: 200px;
}
ds-inspector sl-select::part(form-control-label) {
  font-size: 14px;
  opacity: 0.5;
  font-weight: 500;
  color: var(--ds-text-color);
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%,
  100% {
    transform: scale(0.8);
    filter: brightness(0.6);
  }
  50% {
    transform: scale(1.1);
    filter: brightness(1.5);
  }
}
.ds-notification-dot::after,
a[ds-notification-dot]::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--ds-deepblue-lighter-1);
  transform-origin: center;
  animation: pulse 1.5s infinite ease-in-out;
}
.ds-notification-dot-inner::after {
  top: 10px !important;
  right: 15px !important;
}
ds-document[app="true"] > p {
  margin-bottom: 0;
}
div.main-wrapper > div {
  overflow: hidden;
  height: 100dvh;
  width: 100vw;
  margin: 0 !important;
}
div.main-wrapper > div > main > div.container {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100%;
  height: 100dvh;
}
:root {
  --z-index-day-column: 1;
  --z-index-calendar-events: 2;
  --z-index-calendar-all-day-events: 3;
  --z-index-current-time-indicator: 4;
  --z-index-calendar-controls: 5;
  --z-index-calendar-day-header-week-mode: 5;
  --z-index-calendar-period-selector-dropdown: 6;
  --z-index-time-column: 7;
  --z-index-calendar-day-header: 8;
  --z-index-map: 8;
  --z-index-map-bar: 9;
  --z-index-toolbar-controls: 10;
  --z-index-right-drawer: 12;
  --z-index-close-drawer-button: 13;
  --z-index-left-sidebar: 14;
  --z-index-toggle-left-sidebar-button: 15;
}
/*

    *BUTTON STYLES*

    - Legacy buttons were ds-button web components with anchors and spans inside
    - This was complex because data-binding web components was not possible due to a limitation in the custom framework we're using
    - We're moving to a simpler `<a ds-button>` approach that supports direct data binding and loading attributes oob
    - This is a work in progress and will be updated as we move forward
    
*/
.disabled-button {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.disabled-button > a,
.disabled-button > a span {
  color: var(--ds-disabled-button-text-color) !important;
}
.disabled-button:hover {
  cursor: not-allowed;
}
.message-controls-button {
  transition: all 0.1s ease-in-out;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ds-button-background-color);
  border: 1px solid var(--ds-button-border-color);
  color: var(--ds-document-text-color);
  cursor: pointer;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 3px;
  opacity: 0.8;
}
.message-controls-button:hover {
  border: 1px solid var(--ds-button-border-color-hover);
  background-color: var(--ds-button-background-color-hover);
  opacity: 0.9;
}
.message-controls-button.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.message-controls-button.disabled:hover {
  border: 1px solid var(--ds-disabled-button-border-color);
  background-color: var(--ds-disabled-button-background-color);
  opacity: 0.3;
}
.button-styles {
  font-family: "Martel Sans", sans-serif;
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  justify-content: center;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  width: auto;
  white-space: nowrap;
}
.button-styles:not([small-button]) {
  font-weight: 800;
  height: 40px;
  font-size: 12px;
  padding-right: 15px;
  padding-left: 15px;
  letter-spacing: 0.4px;
  line-height: 24px;
}
.button-styles:not([small-button]) i.fas,
.button-styles:not([small-button]) span.fas,
.button-styles:not([small-button]) span.material-outline,
.button-styles:not([small-button]) span.material-solid {
  font-size: 13px;
  margin-top: -3px;
}
.button-styles:not([small-button]) i.fas.left-side-icon,
.button-styles:not([small-button]) span.fas.left-side-icon {
  margin-right: 0.5rem;
}
.button-styles:not([small-button]) i.fas.right-side-icon,
.button-styles:not([small-button]) span.fas.right-side-icon {
  margin-left: 0.5rem;
}
.button-styles[small-button] {
  font-size: 10px;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  letter-spacing: 0.5px;
}
.button-styles[small-button] i.fas,
.button-styles[small-button] span.fas,
.button-styles[small-button] span.material-outline,
.button-styles[small-button] span.material-solid {
  font-size: 0.875rem;
}
.button-styles[small-button] i.fas.left-side-icon,
.button-styles[small-button] span.fas.left-side-icon {
  margin-right: 0.5rem;
}
.button-styles[small-button] i.fas.right-side-icon,
.button-styles[small-button] span.fas.right-side-icon {
  margin-left: 0.5rem;
}
.button-styles[affirmative] {
  background-color: var(--ds-affirmative-button-background-color);
  border-color: var(--ds-affirmative-button-border-color);
  color: var(--ds-affirmative-button-text-color);
}
.button-styles[dark-affirmative] {
  background-color: var(--ds-badge-background-color);
  border-color: var(--ds-button-border-color);
  color: var(--ds-green);
}
.button-styles[cta],
.button-styles.cta {
  background-color: var(--ds-deepblue);
  border-color: var(--ds-deepblue);
  color: white;
}
.button-styles[negative] {
  background-color: var(--ds-negative-button-background-color);
  border-color: var(--ds-negative-button-border-color);
  color: var(--ds-negative-button-text-color);
  opacity: 0.5;
}
.button-styles:not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]) {
  background-color: var(--ds-badge-background-color);
  border-color: var(--ds-button-border-color);
  color: var(--ds-button-text-color);
}
.button-styles[circular] {
  border-radius: 50%;
  padding: 0;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
}
.button-styles.disabled,
.button-styles[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.button-styles.disabled > a,
.button-styles[disabled] > a,
.button-styles.disabled > a span,
.button-styles[disabled] > a span {
  color: var(--ds-disabled-button-text-color) !important;
}
.button-styles.disabled:hover,
.button-styles[disabled]:hover {
  cursor: not-allowed;
}
.button-styles:hover:not([disabled]) {
  text-decoration: none;
  opacity: 1;
}
.button-styles:hover:not([disabled]):not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]) {
  background-color: var(--ds-badge-background-color-hover);
  color: var(--ds-button-text-color-hover);
}
.button-styles:hover:not([disabled])[affirmative] {
  background-color: var(--ds-affirmative-button-background-color-hover);
  color: var(--ds-affirmative-button-text-color-hover);
}
.button-styles:hover:not([disabled])[negative] {
  opacity: 1;
  background-color: var(--ds-negative-button-background-color-hover);
  color: var(--ds-negative-button-text-color-hover);
}
.button-styles:hover:not([disabled])[dark-affirmative] {
  background-color: var(--ds-badge-background-color-hover);
  color: var(--ds-green);
}
.button-styles:hover:not([disabled])[cta],
.button-styles:hover:not([disabled]).cta {
  background-color: var(--ds-deepblue-darker-1);
  color: white;
}
ds-button,
.ds-button,
[ds-button] {
  font-family: "Martel Sans", sans-serif;
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  justify-content: center;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  width: auto;
  white-space: nowrap;
}
ds-button:not([small-button]),
.ds-button:not([small-button]),
[ds-button]:not([small-button]) {
  font-weight: 800;
  height: 40px;
  font-size: 12px;
  padding-right: 15px;
  padding-left: 15px;
  letter-spacing: 0.4px;
  line-height: 24px;
}
ds-button:not([small-button]) i.fas,
.ds-button:not([small-button]) i.fas,
[ds-button]:not([small-button]) i.fas,
ds-button:not([small-button]) span.fas,
.ds-button:not([small-button]) span.fas,
[ds-button]:not([small-button]) span.fas,
ds-button:not([small-button]) span.material-outline,
.ds-button:not([small-button]) span.material-outline,
[ds-button]:not([small-button]) span.material-outline,
ds-button:not([small-button]) span.material-solid,
.ds-button:not([small-button]) span.material-solid,
[ds-button]:not([small-button]) span.material-solid {
  font-size: 13px;
  margin-top: -3px;
}
ds-button:not([small-button]) i.fas.left-side-icon,
.ds-button:not([small-button]) i.fas.left-side-icon,
[ds-button]:not([small-button]) i.fas.left-side-icon,
ds-button:not([small-button]) span.fas.left-side-icon,
.ds-button:not([small-button]) span.fas.left-side-icon,
[ds-button]:not([small-button]) span.fas.left-side-icon {
  margin-right: 0.5rem;
}
ds-button:not([small-button]) i.fas.right-side-icon,
.ds-button:not([small-button]) i.fas.right-side-icon,
[ds-button]:not([small-button]) i.fas.right-side-icon,
ds-button:not([small-button]) span.fas.right-side-icon,
.ds-button:not([small-button]) span.fas.right-side-icon,
[ds-button]:not([small-button]) span.fas.right-side-icon {
  margin-left: 0.5rem;
}
ds-button[small-button],
.ds-button[small-button],
[ds-button][small-button] {
  font-size: 10px;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  letter-spacing: 0.5px;
}
ds-button[small-button] i.fas,
.ds-button[small-button] i.fas,
[ds-button][small-button] i.fas,
ds-button[small-button] span.fas,
.ds-button[small-button] span.fas,
[ds-button][small-button] span.fas,
ds-button[small-button] span.material-outline,
.ds-button[small-button] span.material-outline,
[ds-button][small-button] span.material-outline,
ds-button[small-button] span.material-solid,
.ds-button[small-button] span.material-solid,
[ds-button][small-button] span.material-solid {
  font-size: 0.875rem;
}
ds-button[small-button] i.fas.left-side-icon,
.ds-button[small-button] i.fas.left-side-icon,
[ds-button][small-button] i.fas.left-side-icon,
ds-button[small-button] span.fas.left-side-icon,
.ds-button[small-button] span.fas.left-side-icon,
[ds-button][small-button] span.fas.left-side-icon {
  margin-right: 0.5rem;
}
ds-button[small-button] i.fas.right-side-icon,
.ds-button[small-button] i.fas.right-side-icon,
[ds-button][small-button] i.fas.right-side-icon,
ds-button[small-button] span.fas.right-side-icon,
.ds-button[small-button] span.fas.right-side-icon,
[ds-button][small-button] span.fas.right-side-icon {
  margin-left: 0.5rem;
}
ds-button[affirmative],
.ds-button[affirmative],
[ds-button][affirmative] {
  background-color: var(--ds-affirmative-button-background-color);
  border-color: var(--ds-affirmative-button-border-color);
  color: var(--ds-affirmative-button-text-color);
}
ds-button[dark-affirmative],
.ds-button[dark-affirmative],
[ds-button][dark-affirmative] {
  background-color: var(--ds-badge-background-color);
  border-color: var(--ds-button-border-color);
  color: var(--ds-green);
}
ds-button[cta],
.ds-button[cta],
[ds-button][cta],
ds-button.cta,
.ds-button.cta,
[ds-button].cta {
  background-color: var(--ds-deepblue);
  border-color: var(--ds-deepblue);
  color: white;
}
ds-button[negative],
.ds-button[negative],
[ds-button][negative] {
  background-color: var(--ds-negative-button-background-color);
  border-color: var(--ds-negative-button-border-color);
  color: var(--ds-negative-button-text-color);
  opacity: 0.5;
}
ds-button:not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]),
.ds-button:not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]),
[ds-button]:not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]) {
  background-color: var(--ds-badge-background-color);
  border-color: var(--ds-button-border-color);
  color: var(--ds-button-text-color);
}
ds-button[circular],
.ds-button[circular],
[ds-button][circular] {
  border-radius: 50%;
  padding: 0;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
}
ds-button.disabled,
.ds-button.disabled,
[ds-button].disabled,
ds-button[disabled],
.ds-button[disabled],
[ds-button][disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
ds-button.disabled > a,
.ds-button.disabled > a,
[ds-button].disabled > a,
ds-button[disabled] > a,
.ds-button[disabled] > a,
[ds-button][disabled] > a,
ds-button.disabled > a span,
.ds-button.disabled > a span,
[ds-button].disabled > a span,
ds-button[disabled] > a span,
.ds-button[disabled] > a span,
[ds-button][disabled] > a span {
  color: var(--ds-disabled-button-text-color) !important;
}
ds-button.disabled:hover,
.ds-button.disabled:hover,
[ds-button].disabled:hover,
ds-button[disabled]:hover,
.ds-button[disabled]:hover,
[ds-button][disabled]:hover {
  cursor: not-allowed;
}
ds-button:hover:not([disabled]),
.ds-button:hover:not([disabled]),
[ds-button]:hover:not([disabled]) {
  text-decoration: none;
  opacity: 1;
}
ds-button:hover:not([disabled]):not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]),
.ds-button:hover:not([disabled]):not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]),
[ds-button]:hover:not([disabled]):not([affirmative]):not([negative]):not([cta]):not([dark-affirmative]) {
  background-color: var(--ds-badge-background-color-hover);
  color: var(--ds-button-text-color-hover);
}
ds-button:hover:not([disabled])[affirmative],
.ds-button:hover:not([disabled])[affirmative],
[ds-button]:hover:not([disabled])[affirmative] {
  background-color: var(--ds-affirmative-button-background-color-hover);
  color: var(--ds-affirmative-button-text-color-hover);
}
ds-button:hover:not([disabled])[negative],
.ds-button:hover:not([disabled])[negative],
[ds-button]:hover:not([disabled])[negative] {
  opacity: 1;
  background-color: var(--ds-negative-button-background-color-hover);
  color: var(--ds-negative-button-text-color-hover);
}
ds-button:hover:not([disabled])[dark-affirmative],
.ds-button:hover:not([disabled])[dark-affirmative],
[ds-button]:hover:not([disabled])[dark-affirmative] {
  background-color: var(--ds-badge-background-color-hover);
  color: var(--ds-green);
}
ds-button:hover:not([disabled])[cta],
.ds-button:hover:not([disabled])[cta],
[ds-button]:hover:not([disabled])[cta],
ds-button:hover:not([disabled]).cta,
.ds-button:hover:not([disabled]).cta,
[ds-button]:hover:not([disabled]).cta {
  background-color: var(--ds-deepblue-darker-1);
  color: white;
}
[ds-button-group] {
  display: flex;
  gap: 0;
}
[ds-button-group] > label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  color: var(--ds-document-text-color);
}
[ds-button-group] > a {
  width: 46px;
  height: 42px;
  border-radius: 20px;
  background: var(--ds-background-color-plus-2);
  display: flex;
  justify-content: center;
  align-items: center;
}
[ds-button-group] > a > span.material-solid {
  font-size: 16px;
}
[ds-button-group] > a:first-of-type {
  padding-left: 18px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[ds-button-group] > a.week-view-button {
  margin-left: -1px;
  border-radius: 0;
}
[ds-button-group] > a:last-of-type {
  margin-left: -1px;
  padding-right: 18px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[ds-button-group] > a.selected {
  background-color: var(--ds-calendar-active-button-background-color);
}
[ds-button-group] > a.selected > span {
  color: var(--ds-green);
}
[ds-proceed-button] {
  margin-bottom: 10px;
  border-color: var(--ds-badge-border-color);
}
.ds-badge,
ds-badge,
[ds-badge] {
  font-family: "Fira Code", monospace;
  font-size: 10px;
  text-transform: uppercase;
  background-color: var(--ds-badge-background-color);
  border: 0.5px solid var(--ds-badge-border-color);
  border-radius: 5px;
  padding: 0 15px;
  margin-right: 2px;
  font-weight: 600;
  font-size: 10.5px;
  vertical-align: middle;
}
.ds-badge[large-badge],
ds-badge[large-badge],
[ds-badge][large-badge],
.ds-badge.large-badge,
ds-badge.large-badge,
[ds-badge].large-badge {
  font-size: 11px;
  padding: 5px 15px;
}
.ds-badge[med-badge],
ds-badge[med-badge],
[ds-badge][med-badge],
.ds-badge.med-badge,
ds-badge.med-badge,
[ds-badge].med-badge {
  font-size: 10px;
  padding: 3px 10px;
}
.tabulator-cell .ds-badge,
.tabulator-cell ds-badge,
.tabulator-cell [ds-badge] {
  max-height: 20px;
  line-height: 20px;
}
:root {
  --ds-day-range: 6;
  --ds-week-range: 6;
  --ds-month-range: 6;
  --ds-hours-in-day: 24;
  --ds-intervals-per-hour: 2;
  --ds-px-per-interval: 40px;
  --ds-px-per-hour: calc(var(--ds-px-per-interval) * var(--ds-intervals-per-hour));
  --ds-time-column-width: 80px;
  --ds-day-column-width: 200px;
  --ds-day-column-height: calc(var(--ds-px-per-hour) * var(--ds-hours-in-day) + var(--ds-px-per-interval));
  --ds-min-weeks-container-width: 1460px;
  --ds-days-in-week: 7;
  --ds-max-rows-in-month-view: 6;
  --ds-min-week-grid-width: 1460px;
  --ds-min-month-cell-height: 120px;
}
:root {
  --ifm-h3-font-size: var(--h3-font-size, 18px);
  --margin-below-blocks: 20px;
  --document-body-font-size: 14.5px;
  --h1-font-size: 20px;
  --h2-font-size: 19px;
  --h3-font-size: 18px;
  --h4-font-size: 17px;
  --h5-font-size: 16px;
  --font-size: 11px;
  --opacity: 0.9;
}
.ds-document {
  color: var(--ds-document-text-color);
  font-size: var(--document-body-font-size);
  font-weight: 600;
  font-family: "Martel Sans", sans-serif !important;
  line-height: 24px;
}
.ds-document > h1,
.ds-document > h2,
.ds-document > h3,
.ds-document > h4,
.ds-document > h5,
.ds-document > h6 {
  margin-top: 80px;
  margin-bottom: var(--margin-below-blocks);
  padding-bottom: 7px;
  border-bottom: 2px solid rgba(100, 100, 100, 0.15);
  opacity: 0.95;
  font-weight: 700;
  vertical-align: middle;
}
.ds-document > h1 > span.material-solid,
.ds-document > h2 > span.material-solid,
.ds-document > h3 > span.material-solid,
.ds-document > h4 > span.material-solid,
.ds-document > h5 > span.material-solid,
.ds-document > h6 > span.material-solid,
.ds-document > h1 > span.material-outline,
.ds-document > h2 > span.material-outline,
.ds-document > h3 > span.material-outline,
.ds-document > h4 > span.material-outline,
.ds-document > h5 > span.material-outline,
.ds-document > h6 > span.material-outline {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 3px;
  padding-right: 5px;
  font-size: 20px;
}
.ds-document > h1 {
  font-size: var(--h1-font-size);
}
.ds-document > h2 {
  font-size: var(--h2-font-size);
}
.ds-document > h3 {
  font-size: var(--h3-font-size);
}
.ds-document > h4,
.ds-document > h5,
.ds-document > h6 {
  font-size: var(--h4-font-size);
}
.ds-document > p {
  margin-bottom: var(--margin-below-blocks);
}
.ds-document > p:last-child {
  margin-bottom: 0;
}
.ds-document > ul,
.ds-document > ol {
  margin-top: 20px;
  margin-bottom: var(--margin-below-blocks);
}
.ds-document > ul ul,
.ds-document > ol ul,
.ds-document > ul ol,
.ds-document > ol ol {
  padding-left: 20px;
  margin-top: 10px;
}
.ds-document > ul li,
.ds-document > ol li {
  position: relative;
  margin-top: 8px;
}
.ds-document > ul li > p,
.ds-document > ol li > p {
  margin: 0;
}
.ds-document > ul li::before,
.ds-document > ol li::before {
  display: inline-block;
  width: 1em;
  opacity: 0.5;
  margin-left: -2em;
  margin-right: 1em;
}
.ds-document > ol {
  list-style-type: decimal;
}
.ds-document > ol li::marker {
  font-weight: 700;
  font-family: "Fira Code", monospace;
  display: inline-block;
  opacity: 0.5;
  color: #777;
}
.ds-document > ul {
  list-style-type: disc;
}
.ds-document > ul li::marker {
  color: #777;
}
.ds-document > pre {
  background-color: rgba(0, 0, 0, 0.4);
  margin-bottom: var(--margin-below-blocks);
  font-family: "Fira Code", monospace;
  font-size: 15px;
  padding: 30px 30px;
}
.ds-document code {
  padding: 4px 7px;
  font-size: 13px;
  background-color: var(--ds-badge-background-color);
  border-width: 0px;
  color: var(--ds-document-text-color);
}
.ds-document p .wtf strong.material-outline,
.ds-document p .wtf strong.material-solid,
.ds-document p .wtf span.material-outline,
.ds-document p .wtf span.material-solid {
  display: inline-table;
  padding: 1px;
  background-color: var(--ds-badge-background-color);
  font-size: 15px;
  width: 20px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.ds-document p .wtf strong.material-outline:hover,
.ds-document p .wtf strong.material-solid:hover,
.ds-document p .wtf span.material-outline:hover,
.ds-document p .wtf span.material-solid:hover {
  cursor: not-allowed;
}
.ds-document sl-alert {
  margin: auto;
}
.ds-document sl-alert::part(base) {
  max-width: 500px;
  margin: auto;
}
.ds-document strong {
  font-weight: 800;
}
@media (max-width: 500px) {
  .ds-document > ul,
  .ds-document > ol {
    padding-left: 15px;
  }
}
ds-document {
  color: var(--ds-document-text-color);
  font-size: var(--document-body-font-size);
  font-weight: 600;
  font-family: "Martel Sans", sans-serif !important;
  line-height: 24px;
}
ds-document > h1,
ds-document > h2,
ds-document > h3,
ds-document > h4,
ds-document > h5,
ds-document > h6 {
  margin-top: 80px;
  margin-bottom: var(--margin-below-blocks);
  padding-bottom: 7px;
  border-bottom: 2px solid rgba(100, 100, 100, 0.15);
  opacity: 0.95;
  font-weight: 700;
  vertical-align: middle;
}
ds-document > h1 > span.material-solid,
ds-document > h2 > span.material-solid,
ds-document > h3 > span.material-solid,
ds-document > h4 > span.material-solid,
ds-document > h5 > span.material-solid,
ds-document > h6 > span.material-solid,
ds-document > h1 > span.material-outline,
ds-document > h2 > span.material-outline,
ds-document > h3 > span.material-outline,
ds-document > h4 > span.material-outline,
ds-document > h5 > span.material-outline,
ds-document > h6 > span.material-outline {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 3px;
  padding-right: 5px;
  font-size: 20px;
}
ds-document > h1 {
  font-size: var(--h1-font-size);
}
ds-document > h2 {
  font-size: var(--h2-font-size);
}
ds-document > h3 {
  font-size: var(--h3-font-size);
}
ds-document > h4,
ds-document > h5,
ds-document > h6 {
  font-size: var(--h4-font-size);
}
ds-document > p {
  margin-bottom: var(--margin-below-blocks);
}
ds-document > p:last-child {
  margin-bottom: 0;
}
ds-document > ul,
ds-document > ol {
  margin-top: 20px;
  margin-bottom: var(--margin-below-blocks);
}
ds-document > ul ul,
ds-document > ol ul,
ds-document > ul ol,
ds-document > ol ol {
  padding-left: 20px;
  margin-top: 10px;
}
ds-document > ul li,
ds-document > ol li {
  position: relative;
  margin-top: 8px;
}
ds-document > ul li > p,
ds-document > ol li > p {
  margin: 0;
}
ds-document > ul li::before,
ds-document > ol li::before {
  display: inline-block;
  width: 1em;
  opacity: 0.5;
  margin-left: -2em;
  margin-right: 1em;
}
ds-document > ol {
  list-style-type: decimal;
}
ds-document > ol li::marker {
  font-weight: 700;
  font-family: "Fira Code", monospace;
  display: inline-block;
  opacity: 0.5;
  color: #777;
}
ds-document > ul {
  list-style-type: disc;
}
ds-document > ul li::marker {
  color: #777;
}
ds-document > pre {
  background-color: rgba(0, 0, 0, 0.4);
  margin-bottom: var(--margin-below-blocks);
  font-family: "Fira Code", monospace;
  font-size: 15px;
  padding: 30px 30px;
}
ds-document code {
  padding: 4px 7px;
  font-size: 13px;
  background-color: var(--ds-badge-background-color);
  border-width: 0px;
  color: var(--ds-document-text-color);
}
ds-document p .wtf strong.material-outline,
ds-document p .wtf strong.material-solid,
ds-document p .wtf span.material-outline,
ds-document p .wtf span.material-solid {
  display: inline-table;
  padding: 1px;
  background-color: var(--ds-badge-background-color);
  font-size: 15px;
  width: 20px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
ds-document p .wtf strong.material-outline:hover,
ds-document p .wtf strong.material-solid:hover,
ds-document p .wtf span.material-outline:hover,
ds-document p .wtf span.material-solid:hover {
  cursor: not-allowed;
}
ds-document sl-alert {
  margin: auto;
}
ds-document sl-alert::part(base) {
  max-width: 500px;
  margin: auto;
}
ds-document strong {
  font-weight: 800;
}
@media (max-width: 500px) {
  ds-document > ul,
  ds-document > ol {
    padding-left: 15px;
  }
}
@media (max-width: 500px) {
  :root {
    --document-body-font-size: 12px;
  }
}
.navbar,
.theme-doc-sidebar-container {
  display: none !important;
}
.lp-paragraph {
  font-family: "Martel Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
ds-document[docid="chat"] h2 {
  font-family: "Martel Sans", sans-serif;
}
footer {
  display: none !important;
}
article {
  margin-top: 0px;
  padding-bottom: 0px;
  max-height: 100dvh;
}
.theme-doc-markdown {
  max-height: 100dvh;
}
.theme-doc-markdown header {
  display: none;
}
.theme-doc-markdown.markdown:before {
  display: none;
}
.theme-doc-breadcrumbs {
  display: none;
  text-align: left;
}
.theme-doc-breadcrumbs .breadcrumbs {
  font-family: "JetBrains Mono", monospace;
  text-transform: uppercase;
  margin: auto;
}
.docs-doc-id-os-todo .breadcrumbs {
  display: none;
}
.docs-doc-id-os-todo .breadcrumbs li:not(:first-child) {
  display: none;
}
.docs-doc-id-os-todo .breadcrumbs li::after {
  content: none !important;
}
.docs-doc-id-user-TODO .breadcrumbs li:last-child {
  display: none;
}
.docs-doc-id-user-TODO .breadcrumbs li:nth-child(2)::after {
  content: none !important;
}
.docs-doc-id-user-TODO .breadcrumbs li:nth-child(2) {
  background: var(--ifm-breadcrumb-item-background-active);
  border-radius: var(--ifm-breadcrumb-border-radius);
}
.docs-doc-id-user-TODO .breadcrumbs li:nth-child(2) > span {
  color: var(--ifm-breadcrumb-color-active) !important;
}
.pagination-nav {
  display: none;
}
main > .container > .row > div:nth-child(2) {
  display: none;
}
main {
  max-width: 100% !important;
}
main > .container > .row > div:nth-child(1) {
  max-width: unset !important;
}
@media (min-width: 997px) {
  main > .container > .row > div:nth-child(1) {
    max-width: unset !important;
  }
}
main > .container > .row {
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 100dvh;
}
main > .container > .row > .col {
  padding: 0 !important;
  max-height: 100dvh;
}
html,
body {
  background-color: var(--ds-background-color);
}
/* Optional: adapt content for system dark mode preference */
@media (prefers-color-scheme: dark) {
  html,
  body {
    background-color: var(--ds-background-color);
  }
}
.OLD .locked {
  opacity: 0.3 !important;
}
.OLD .locked::after {
  content: "\f023";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  opacity: 0.6 !important;
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 14px;
}
@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
}
.OLD .hint::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 8px;
  color: #4973ff;
  animation: blink 1s infinite;
  height: 15px;
  width: 15px;
  display: block;
  text-align: center;
}
.OLD .hint.below-bottom-center-hint::after {
  right: calc(50% - 4px);
  bottom: -45px;
  top: unset;
}
button.button--secondary {
  display: none !important;
  opacity: 0.3;
  height: 30px;
  padding: 2px;
}
button.button--secondary svg {
  transform: scale(0.5) rotate(180deg);
}
/* OLD

// we inject a collapsible DocSidebarItem and fill it with all available sites - this targets the injected multi-site selector category toggle
            > li:first-child { 
                padding-top: 5px;
                padding-bottom: 10px;
                margin-bottom: 10px;
    
                
            }

// this styles the injected collapsible category item's inner anchor that lightens on hover
                > div > a { 
                    @include gently-animated;
                    vertical-align: middle;
                    padding-left: 10px !important;
                    
                    .site-selector-icon {
                        opacity: 0.7;
                        height: 25px;
                        width: 25px;
                        vertical-align: middle;
                    }
        
                    .site-selector-label {
                        opacity: 0.7;
                        vertical-align: middle;
                        font-size: 11px !important;
                        padding-left: 5px;
                    }
        
                    &:hover{
                        .site-selector-label, .site-selector-icon {
                            opacity: 1 !important;
                        }
                    }
                }


*/
.daisy-modal,
sl-dialog {
  font-family: "Martel Sans", sans-serif;
  font-size: 14px;
  position: relative;
}
.daisy-modal sl-input::part(form-control-label),
sl-dialog sl-input::part(form-control-label),
.daisy-modal sl-textarea::part(form-control-label),
sl-dialog sl-textarea::part(form-control-label) {
  font-size: 12px;
  font-family: "Segoe UI", sans-serif;
  font-weight: 400;
  opacity: 0.5;
}
.daisy-modal > ds-os-name,
sl-dialog > ds-os-name {
  font-family: "Pacifico", cursive;
  font-size: 30px;
}
.daisy-modal > h3,
sl-dialog > h3 {
  font-size: 16px;
  margin-bottom: 5px;
}
.daisy-modal > h3:not(:first-of-type),
sl-dialog > h3:not(:first-of-type) {
  margin-top: 40px;
}
.daisy-modal > p,
sl-dialog > p {
  font-size: 12px;
  color: #999;
  margin-bottom: 5px;
}
.daisy-modal .sublabel,
sl-dialog .sublabel {
  font-size: 12px;
  opacity: 0.4;
  display: block;
  margin-bottom: 20px;
}
.daisy-modal hr,
sl-dialog hr {
  border: 1px solid rgba(100, 100, 100, 0.2) !important;
  margin: 40px;
  background-color: rgba(0, 0, 0, 0);
}
.daisy-modal textarea,
sl-dialog textarea,
.daisy-modal select,
sl-dialog select {
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--ds-input-border-color);
  background-color: var(--ds-input-background-color);
  color: #ccc;
  font-size: 13px;
  font-weight: 600;
  font-family: "Martel Sans", sans-serif;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.daisy-modal textarea:disabled,
sl-dialog textarea:disabled,
.daisy-modal select:disabled,
sl-dialog select:disabled {
  opacity: 0.3;
}
.daisy-modal textarea,
sl-dialog textarea {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  padding: 18px 15px;
  border-radius: 5px;
  min-height: 40px;
  min-height: 100px;
  max-height: 300px;
  margin-top: 0;
  overflow-y: auto;
  line-height: 20px;
  margin-bottom: 5px;
}
.daisy-modal textarea::-webkit-scrollbar,
sl-dialog textarea::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.daisy-modal textarea::-webkit-scrollbar-track,
sl-dialog textarea::-webkit-scrollbar-track {
  background: #3a3a3a;
}
.daisy-modal textarea::-webkit-scrollbar-thumb,
sl-dialog textarea::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
.daisy-modal textarea::-webkit-scrollbar-thumb:hover,
sl-dialog textarea::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
.daisy-modal select,
sl-dialog select {
  padding: 8px 15px 8px 10px;
  margin-bottom: 5px;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 1em;
}
.daisy-modal select option,
sl-dialog select option {
  border-radius: 0 !important;
  padding: 8px 15px 8px 10px;
  background-color: #333;
  color: #eee;
}
.daisy-modal select::-webkit-dropdown-menu,
sl-dialog select::-webkit-dropdown-menu {
  border-radius: 0 !important;
  /* Attempt to style the dropdown in webkit browsers */
}
.daisy-modal label,
sl-dialog label {
  font-size: 13px;
  padding-left: 4px;
}
.daisy-modal::part(title),
sl-dialog::part(title) {
  font-size: 14px;
  opacity: 0.6;
  font-weight: bold;
}
.daisy-modal::part(footer),
sl-dialog::part(footer) {
  position: relative;
  padding-top: 50px;
}
.daisy-modal::part(body),
sl-dialog::part(body) {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
}
.daisy-modal::part(body)::-webkit-scrollbar,
sl-dialog::part(body)::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.daisy-modal::part(body)::-webkit-scrollbar-track,
sl-dialog::part(body)::-webkit-scrollbar-track {
  background: #3a3a3a;
}
.daisy-modal::part(body)::-webkit-scrollbar-thumb,
sl-dialog::part(body)::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
.daisy-modal::part(body)::-webkit-scrollbar-thumb:hover,
sl-dialog::part(body)::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
.daisy-modal::part(panel),
sl-dialog::part(panel) {
  background-color: var(--ds-background-color);
}
.daisy-modal div.bottom-left-links[slot="footer"],
sl-dialog div.bottom-left-links[slot="footer"] {
  vertical-align: bottom;
  float: left;
  position: relative;
  top: 16px;
}
.daisy-modal div.bottom-left-links[slot="footer"] sl-button,
sl-dialog div.bottom-left-links[slot="footer"] sl-button {
  opacity: 0.2;
  display: inline-block;
  vertical-align: bottom;
}
.daisy-modal div.bottom-left-links[slot="footer"] sl-button::part(label),
sl-dialog div.bottom-left-links[slot="footer"] sl-button::part(label) {
  font-family: "Fira Code", monospace;
  text-transform: uppercase;
}
.daisy-modal div.bottom-left-links[slot="footer"] sl-button:hover,
sl-dialog div.bottom-left-links[slot="footer"] sl-button:hover {
  opacity: 1;
}
.daisy-modal div.ds-button[slot="footer"],
sl-dialog div.ds-button[slot="footer"] {
  vertical-align: bottom;
  float: right;
}
#feedback-modal {
  opacity: 0;
}
#feedback-modal .feedback-guidance {
  font-size: 12px;
  opacity: 0.4;
  margin-bottom: 5px;
}
#feedback-modal .feedback-guidance > span {
  font-style: italic;
}
.duet-date__dialog {
  border: 1px solid var(--ds-calendar-chrome-border-color);
  background-color: var(--ds-calendar-chrome-background-color);
  z-index: 10;
}
.duet-date__dialog table td {
  padding: 0;
}
.duet-date__dialog table {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 0;
}
.duet-date__dialog table::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.duet-date__dialog table::-webkit-scrollbar-track {
  background: #3a3a3a;
}
.duet-date__dialog table::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
.duet-date__dialog table::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
.duet-date__dialog table .duet-date__cell,
.duet-date__dialog table th,
.duet-date__dialog table td {
  width: 40px;
  height: 30px;
  padding: 0;
}
.duet-date__dialog table .duet-date__day {
  transition: all 0.1s ease-in-out;
  border-radius: 0;
  width: 100%;
}
.duet-date__dialog table .duet-date__day.is-today {
  color: var(--ds-green) !important;
  font-weight: bolder;
}
.duet-date__dialog table .duet-date__day[aria-pressed="true"] {
  color: white;
  font-weight: bolder;
  border: 2px solid var(--ds-green);
  animation: pulseBorderDivAnimation 1.5s infinite ease-in-out;
}
@keyframes pulseBorderDivAnimation {
  0%,
  100% {
    border-color: var(--ds-green);
    border-width: 2px;
  }
  50% {
    border-color: var(--ds-green-darker-2);
    border-width: 2px;
  }
}
.duet-date__dialog table .duet-date__day:hover {
  background-color: var(--ds-calendar-cell-hover-background-color);
}
.duet-date__toggle {
  transition: all 0.1s ease-in-out;
  border-left: 1px solid var(--ds-calendar-chrome-border-color);
  background-color: var(--ds-calendar-chrome-background-color);
  opacity: 0.7;
}
.duet-date__toggle:hover {
  opacity: 1;
}
.duet-date__input::-webkit-input-placeholder {
  opacity: 0.4;
}
.duet-date__input {
  font-family: "Martel Sans", sans-serif;
  font-size: 13px;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.duet-date__select {
  font-family: "Fira Code", monospace;
  text-transform: uppercase;
}
.duet-date__select .duet-date__select-label {
  font-size: 14px;
}
.duet-date__dialog-content {
  max-width: unset;
}
dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
}
dl dt {
  grid-column: 1;
}
dl dd {
  grid-column: 2;
  min-width: 150px;
  margin-inline-start: 0;
}
dl dd label {
  line-height: 16px;
}
.label-styles {
  font-size: 12px;
  font-family: "Segoe UI", sans-serif;
  font-weight: 400;
  opacity: 0.5;
}
._input-styles {
  margin-bottom: 20px;
  background-color: var(--ds-input-background-color);
  padding: 10px 15px;
  border: 1px solid var(--ds-input-border-color);
  border-radius: 5px;
  display: flex;
  width: 100%;
  max-width: 300px;
  font-family: "Martel Sans", sans-serif;
  box-sizing: border-box;
}
._input-styles:focus,
._input-styles:active,
._input-styles:focus-visible {
  border-color: rgba(150, 150, 150, 0.8);
  outline: none;
}
._input-styles[disabled] {
  cursor: not-allowed;
}
._placeholder-styles {
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: 7px;
}
input.ds-input,
input[ds-input],
textarea.ds-textarea,
textarea[ds-textarea] {
  margin-bottom: 20px;
  background-color: var(--ds-input-background-color);
  padding: 10px 15px;
  border: 1px solid var(--ds-input-border-color);
  border-radius: 5px;
  display: flex;
  width: 100%;
  max-width: 300px;
  font-family: "Martel Sans", sans-serif;
  box-sizing: border-box;
}
input.ds-input:focus,
input[ds-input]:focus,
textarea.ds-textarea:focus,
textarea[ds-textarea]:focus,
input.ds-input:active,
input[ds-input]:active,
textarea.ds-textarea:active,
textarea[ds-textarea]:active,
input.ds-input:focus-visible,
input[ds-input]:focus-visible,
textarea.ds-textarea:focus-visible,
textarea[ds-textarea]:focus-visible {
  border-color: rgba(150, 150, 150, 0.8);
  outline: none;
}
input.ds-input[disabled],
input[ds-input][disabled],
textarea.ds-textarea[disabled],
textarea[ds-textarea][disabled] {
  cursor: not-allowed;
}
sl-input.ds-input::part(input) {
  margin-bottom: 20px;
  background-color: var(--ds-input-background-color);
  padding: 10px 15px;
  border: 1px solid var(--ds-input-border-color);
  border-radius: 5px;
  display: flex;
  width: 100%;
  max-width: 300px;
  font-family: "Martel Sans", sans-serif;
  box-sizing: border-box;
}
sl-input.ds-input::part(input):focus,
sl-input.ds-input::part(input):active,
sl-input.ds-input::part(input):focus-visible {
  border-color: rgba(150, 150, 150, 0.8);
  outline: none;
}
sl-input.ds-input::part(input)[disabled] {
  cursor: not-allowed;
}
sl-input.ds-input::part(base) {
  border: 1px solid var(--ds-input-border-color);
}
sl-input[size="large"]::part(input) {
  font-size: 13px;
  padding-bottom: 8px;
}
.ds-checkbox {
  height: 20px;
  width: 20px;
}
.ds-label-sm,
[ds-label] {
  display: block;
  margin: 0;
  font-size: 12px;
  opacity: 0.8;
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_GNsFVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sFVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_A9sFVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_ONrFVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firacode/v26/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_NprFVc.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO_VflOQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO-LflOQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO-5flOQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO9VeVOQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO9seVOQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDba2o-flEEny0FZhsfKu5WU4xD-IQ-PuZJJXxfpAO8LeVOQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8lqxjPQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8-qxjPQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8FqtjPQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8L6tjPQ.ttf) format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v23/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKtjPQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/martelsans/v13/h0GxssGi7VdzDgKjM-4d8hBz5cuH.ttf) format('truetype');
}
@font-face {
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/martelsans/v13/h0GsssGi7VdzDgKjM-4d8ijf.ttf) format('truetype');
}
@font-face {
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/martelsans/v13/h0GxssGi7VdzDgKjM-4d8hAH48uH.ttf) format('truetype');
}
@font-face {
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/martelsans/v13/h0GxssGi7VdzDgKjM-4d8hBj4suH.ttf) format('truetype');
}
@font-face {
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/martelsans/v13/h0GxssGi7VdzDgKjM-4d8hB_4cuH.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ96A.ttf) format('truetype');
}
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/indieflower/v23/m8JVjfNVeKWVnh3QMuKkFcZlbg.ttf) format('truetype');
}
.apply-pacifico-font {
  font-family: "Pacifico", cursive;
}
.apply-fira-font {
  font-family: "Fira Code", monospace;
}
.apply-jetbrains-font {
  font-family: "JetBrains Mono", monospace;
}
.apply-martel-font {
  font-family: "Martel Sans", sans-serif;
}
.apply-roboto-font {
  font-family: "Roboto", sans-serif;
}
.apply-indieflower-font {
  font-family: "Indie Flower", cursive;
}
.apply-segoe-font {
  font-family: "Segoe UI", sans-serif;
}
.material-outline {
  font-family: "Material Symbols Outlined", sans-serif;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "GRAD" 0;
  font-style: normal;
}
.material-solid {
  font-family: "Material Symbols Outlined", sans-serif;
  font-weight: 400;
  font-variation-settings: "FILL" 1, "GRAD" 0;
  font-style: normal;
}
/*

[1] CONSISTENT PLACEHOLDERS
 
*/
sl-textarea::part(textarea)::-moz-placeholder {
  font-size: 12px;
}
sl-textarea::part(textarea)::placeholder {
  font-size: 12px;
}
sl-input::part(input)::-moz-placeholder {
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: 7px;
}
sl-input::part(input)::placeholder {
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: 7px;
}
/* 

[2] CONSISTENT BORDERS AND BACKGROUNDS

*/
sl-select::part(combobox),
sl-input::part(input),
sl-textarea::part(textarea) {
  background-color: var(--ds-input-background-color);
  border: 1px solid var(--ds-input-border-color);
  border-radius: 5px;
}
sl-input::part(base),
sl-textarea::part(base) {
  border: 1px solid var(--ds-input-border-color);
}
/*

[3] CONSISTENT SL-DETAILS

*/
sl-details.ds-minimal-details {
  margin-bottom: 40px;
  overflow: visible;
}
sl-details.ds-minimal-details::part(header) {
  color: var(--ds-gray);
  font-size: 14px;
  padding: 0;
  background-color: transparent;
  border: 0;
  opacity: 0.6;
  font-weight: 500;
}
sl-details.ds-minimal-details::part(header):first-of-type {
  margin-top: 0;
}
sl-details.ds-minimal-details::part(header):hover {
  opacity: 1;
}
sl-details.ds-minimal-details::part(content),
sl-details.ds-minimal-details::part(base) {
  padding: 0;
  background-color: transparent;
  border: 0;
  overflow: visible;
}
sl-details.ds-minimal-details::part(content) {
  padding: 3px;
}
sl-details.ds-minimal-details span.sl-details-label {
  padding-left: 10px;
  text-align: top;
  vertical-align: top;
}
sl-details.ds-minimal-details span.material-solid {
  display: inline-flex;
  padding-top: 1px;
}
sl-details.ds-minimal-details:first-of-type {
  margin-top: 20px;
}
/*

[4] CONSISTENT SL-SWITCHES

*/
sl-switch::part(thumb) {
  border-width: 3px;
}
sl-switch::part(label) {
  transition: all 0.1s ease-in-out;
  font-weight: 600;
}
sl-switch:not([checked])::part(control) {
  background-color: var(--ds-gray-darker-1);
  border-color: var(--ds-gray-darker-0);
}
sl-switch:not([checked])::part(thumb) {
  border-color: var(--ds-gray-darker-0);
}
sl-switch:not([checked])::part(label) {
  opacity: 0.8;
}
sl-switch > span {
  display: flex;
}
sl-switch > span > span.material-solid {
  display: inline-flex;
  font-size: 22px;
  margin-right: 15px;
  opacity: 0.8;
  align-items: flex-start;
  margin-top: -2px;
}
/*

To organize

*/
sl-select::part(display-input),
sl-option::part(label) {
  font-size: 13px;
  font-weight: 600;
  opacity: 1;
}
sl-select[multiple]::part(display-input) {
  opacity: 0;
}
sl-select::part(prefix) {
  font-size: 16px;
}
sl-select::part(listbox) {
  transition: all 0.1s ease-in-out;
  background-color: var(--ds-badge-background-color) !important;
}
sl-select::part(form-control-input):focus-visible,
sl-select::part(form-control):focus-visible {
  outline: none !important;
}
sl-select:focus-visible {
  outline: none !important;
}
sl-select::part(combobox):hover {
  background-color: var(--ds-badge-background-color-hover-plus) !important;
}
sl-option::part(base) {
  transition: all 0.1s ease-in-out;
}
sl-option::part(listbox) {
  transition: all 0.1s ease-in-out;
  background-color: var(--ds-badge-background-color-hover) !important;
}
sl-option[aria-selected="true"]::part(base) {
  background-color: var(--ds-badge-background-color-hover) !important;
  color: var(--ds-document-text-color) !important;
}
sl-option[aria-selected="false"]::part(base) {
  background-color: var(--ds-badge-background-color) !important;
  color: var(--ds-document-text-color) !important;
}
sl-option .option--current {
  background-color: var(--ds-badge-background-color-hover) !important;
  color: var(--ds-document-text-color) !important;
}
sl-option::part(base):hover {
  background-color: var(--ds-badge-background-color-hover-plus) !important;
}
sl-option::part(prefix) {
  margin-right: 8px;
  padding-top: 1px;
}
sl-option.muted::part(base) {
  opacity: 0.3;
}
.gently-animated {
  transition: all 0.1s ease-in-out;
}
.ds-select {
  transition: all 0.1s ease-in-out;
  font-family: "Fira Code", monospace;
  border: 1px solid var(--ds-cell-border-color);
  padding: 10px 8px;
  z-index: 3;
  border-radius: 3px;
  background-color: var(--ds-table-selector-background-color);
  font-size: 12px;
  border-radius: 0px;
}
.ds-select option {
  line-height: 1.5em;
  /* Adjust the line height */
}
.ds-select:focus-visible {
  border: 1px solid var(--ds-selected-cell-border-color);
  outline: none;
}
.ds-select:hover {
  cursor: pointer;
  background-color: var(--ds-table-selector-background-color-hover);
}
.bold {
  font-weight: 800;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.subtle-code-span {
  box-shadow: 0 0 0 0.5px rgba(150, 150, 150, 0.1);
  padding: 3px 6px;
  font-size: calc(100% - 20%);
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.9);
}
.subtle-code-span:hover {
  box-shadow: 0 0 0 1px rgba(150, 150, 150, 0.1);
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.8);
}
.daisy-badge {
  transition: all 0.1s ease-in-out;
  font-family: "Fira Code", monospace;
  text-transform: lowercase;
  opacity: 0.2;
  display: inline-block;
  padding: 5px 10px;
  background: var(--ds-badge-background-color);
  color: var(--ds-badge-text-color);
  border-radius: 3px;
  font-size: 11px;
  margin-right: 5px;
}
.daisy-badge:hover {
  opacity: 1;
  background: var(--ds-badge-background-color-hover);
  color: var(--ds-badge-text-color-hover);
  text-decoration: none;
}
.make-container-queryable {
  container-type: inline-size;
  contain: layout inline-size;
}
.small-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
}
.small-scrollbar::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.small-scrollbar::-webkit-scrollbar-track {
  background: #3a3a3a;
}
.small-scrollbar::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
.small-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
:root {
  --ifm-background-color: #191919 !important;
  --ifm-link-color: #69bcff;
  --ds-link-color: var(--ifm-link-color);
  --ds-transparent: rgba(0, 0, 0, 0);
  --ds-notification-dot-color: var(--ifm-link-color);
  --ds-background-color: #191919;
  --ds-background-color-plus-05: #1b1b1b;
  --ds-background-color-plus-1: #1d1d1d;
  --ds-background-color-plus-15: #202020;
  --ds-background-color-plus-2: #242424;
  --ds-background-color-plus-25: #333;
  --ds-background-color-minus-05: #161616;
  --ds-background-color-minus-1: #141414;
  --ds-badge-background-color: #1d1d1d;
  --ds-badge-text-color: #e5e5e5;
  --ds-badge-border-color: #262626;
  --ds-selected-badge-border-color: #333;
  --ds-badge-text-color-hover: #fff;
  --ds-badge-background-color-hover: #292929;
  --ds-badge-background-color-hover-plus: #2d2d2d;
  --ds-select-background-color-hover: #1d1d1d;
  --ds-document-text-color: #e5e5e5;
  --ds-document-text-bolded-color: #eee;
  --ds-text-color: var(--ds-document-text-color);
  --ds-section-divider-color: #252525;
  --ds-input-border-color: #25252554;
  --ds-input-background-color: #1d1d1d;
  --ds-input-background-color-disabled: #222;
  --ds-button-border-color: var(--ds-gray-darker-3);
  --ds-button-background-color: #222;
  --ds-button-text-color: var(--ds-gray-lighter-0);
  --ds-button-text-color-hover: var(--ds-gray-lighter-1);
  --ds-affirmative-button-background-color: var(--ds-deepblue-darker-1);
  --ds-affirmative-button-border-color: color-mix(in srgb, var(--ds-deepblue-darker-2) 33%, transparent);
  --ds-affirmative-button-text-color: var(--ds-document-text-color);
  --ds-negative-button-background-color: var(--ds-red-darker-3);
  --ds-negative-button-border-color: var(--ds-red-darker-2);
  --ds-negative-button-text-color: var(--ds-document-text-color);
  --ds-button-border-color-hover: #292929;
  --ds-button-background-color-hover: #292929;
  --ds-affirmative-button-background-color-hover: var(--ds-deepblue-darker-2);
  --ds-affirmative-button-border-color-hover: var(--ds-deepblue-darker-2);
  --ds-affirmative-button-text-color-hover: var(--ds-document-text-bolded-color);
  --ds-negative-button-background-color-hover: var(--ds-red-darker-2);
  --ds-negative-button-border-color-hover: var(--ds-red-darker-2);
  --ds-negative-button-text-color-hover: var(--ds-document-text-bolded-color);
  --ds-disabled-button-text-color: #999;
  --ds-disabled-button-border-color: #292929;
  --ds-disabled-button-background-color: #1d1d1d;
  --ds-section-divider-color: var(--ds-gray-darker-3);
  --ds-section-divider-color-lighter-1: var(--ds-gray-darker-2);
  --ds-calendar-chrome-background-color: var(--ds-background-color-plus-1);
  --ds-calendar-chrome-border-color: var(--ds-section-divider-color);
  --ds-calendar-body-background-color: var(--ds-background-color-plus-05);
  --ds-calendar-today-body-background-color: var(--ds-background-color-plus-1);
  --ds-calendar-chrome-border-color-lighter: var(--ds-section-divider-color-lighter-1);
  --ds-calendar-month-cell-border-color: var(--ds-section-divider-color);
  --ds-calendar-active-button-background-color: var(--ds-background-color-minus-1);
  --ds-calendar-active-button-text-color: var(--ds-green);
  --ds-calendar-cell-hover-background-color: var(--ds-background-color-plus-2);
  --ds-timed-activity-background-color: var(--ds-background-color-minus-1);
  --ds-timed-activity-hover-background-color: var(--ds-background-color-minus-05);
  --ds-timed-activity-border-color: var(--ds-guavagreen-lighter-1);
  --ds-timed-activity-text-color: var(--ds-document-text-color);
  --ds-cell-border-color: #222;
  --ds-table-selector-background-color: var(--ds-background-color);
  --ds-table-selector-background-color-hover: var(--ds-background-color-plus-2);
  --ds-selected-cell-border-color: var(--ds-selected-badge-border-color);
  --ds-table-row-background-color: rgba(18, 18, 18);
  --ds-table-row-background-color-hover: #0e0e0e;
  --ds-table-header-background-color: var(--ds-background-color-plus-1);
  --ds-table-header-background-color-hover: var(--ds-background-color-plus-2);
  --ds-table-cell-background-color-hover: var(--ds-background-color-plus-2);
  --ds-table-header-background-color-disabled: var(--ds-background-color-minus-1);
  --ds-table-text-color: var(--ds-document-text-bolded-color);
  --ds-table-row-height: 35px;
  --ds-table-font-family: "Martel Sans", sans-serif;
  --ds-table-header-font-size: 11px;
  --ds-table-cell-font-size: 12px;
  --ds-kanban-gutter-label-background-color: var(--ds-background-color);
  --ds-kanban-gutter-label-text-color: var(--ds-document-text-color);
  --ds-kanban-gutter-content-background-color: var(--ds-background-color);
  --ds-kanban-card-background-color: var(--ds-background-color-plus-2);
  --ds-kanban-card-background-color-hover: var(--ds-background-color-plus-25);
  --ds-kanban-card-shadow-color: rgba(0, 0, 0, 0.2);
  --ds-kanban-card-subtitle-color: #999;
  --ifm-color-primary: #25c2a0;
  --ifm-color-primary-dark: #21af90;
  --ifm-color-primary-darker: #1fa588;
  --ifm-color-primary-darkest: #1a8870;
  --ifm-color-primary-light: #29d5b0;
  --ifm-color-primary-lighter: #32d8b4;
  --ifm-color-primary-lightest: #4fddbf;
  --operator-color: white;
  --class-name-color: white;
  --method-color: white;
  --method-variable-color: white;
  --parameter-color: white;
  --maybe-class-name-color: #000;
  --code-literal-property-color: #8cd5ba;
  --code-string-color: #e4aa71;
  --code-punctuation-color: #8e8e8e;
  --code-comment-color: #7ebc6b;
  --code-keyword-color: #47addc;
  --code-plain-color: #f0fbff;
  --code-property-access-color: #76d7fa;
  --code-number-color: #dd9aff;
  --code-function-color: #e7d490;
  --code-control-flow-color: #dd9aff;
  --code-constant-color: #76d7fa;
  --code-boolean-color: #47addc;
  --ifm-color-primary: #91cff8;
  --ifm-color-primary-dark: #2182af;
  --ifm-color-primary-darker: #1f7fa5;
  --ifm-color-primary-darkest: #1a6c88;
  --ifm-color-primary-light: #29b0d5;
  --ifm-color-primary-lighter: #32b4d8;
  --ifm-color-primary-lightest: #4fbcdd;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
  --ifm-table-stripe-background: var(--ds-table-row-background-color);
  --ifm-background-color-lighter-2: #1d1d1d !important;
  --ifm-background-color-lighter: #1a1a1a !important;
  --ifm-background-color-darker: #171717 !important;
}
[data-theme="light"] {
  --ifm-background-color: #dcd8cf !important;
  --ifm-link-color: #347db9;
  --ds-background-color: var(--ifm-background-color);
  --ds-background-color-plus-2: #eae3da;
  --ds-background-color-plus-1: #e5ded5;
  --ds-background-color-minus-1: #cac3b9;
  --ds-badge-background-color: #d8d4ca;
  --ds-badge-text-color: #252525;
  --ds-badge-border-color: #cac3b9;
  --ds-badge-text-color-hover: #111;
  --ds-badge-background-color-hover: #cec8c0;
  --ds-badge-background-color-hover-plus: #cac3ba;
  --ds-document-text-color: #142c0e;
  --ds-text-color: var(--ds-document-text-color);
  --ds-kanban-gutter-label-background-color: #f0f0f0;
  --ds-kanban-gutter-label-text-color: #252525;
  --ds-kanban-gutter-content-background-color: #e0e0e0;
  --ds-kanban-card-background-color: #fff;
  --ds-kanban-card-shadow-color: rgba(0, 0, 0, 0.1);
  --ds-kanban-card-subtitle-color: #666;
  --ds-input-border-color: #c2b9af;
  --ds-input-background-color: #e5ded5;
  --ds-button-border-color: #c2b9af;
  --ds-button-background-color: #d8d4ca;
  --ds-button-border-color-hover: #c2b9af;
  --ds-button-background-color-hover: #cec8c0;
  --ds-disabled-button-text-color: #999;
  --ds-disabled-button-border-color: #c2b9af;
  --ds-disabled-button-background-color: #d3c9bc;
  --sl-panel-background-color: #dcd8cf !important;
}
:root {
  --ds-pink: hsl(340, 75%, 73%);
  --ds-pink-lighter-0: hsl(340, 97.5%, 76.24%);
  --ds-pink-lighter-1: hsl(340, 67.5%, 77.05%);
  --ds-pink-lighter-2: hsl(340, 67.5%, 89.2%);
  --ds-pink-lighter-3: hsl(340, 67.5%, 97.3%);
  --ds-pink-darker-0: hsl(340, 78.75%, 67.525%);
  --ds-pink-darker-1: hsl(340, 60%, 56.575%);
  --ds-pink-darker-2: hsl(340, 52.5%, 40.15%);
  --ds-pink-darker-3: hsl(340, 45%, 23.725%);
}
[data-theme="light"] {
  --ds-pink: hsl(340, 60%, 56.575%);
  --ds-pink-lighter-1: hsl(340, 52.5%, 40.15%);
  --ds-pink-lighter-0: hsl(340, 52.5%, 40.15%);
  --ds-pink-darker-1: hsl(340, 67.5%, 77.05%);
  --ds-pink-darker-2: hsl(340, 67.5%, 89.2%);
  --ds-pink-darker-3: hsl(340, 67.5%, 97.3%);
  --ds-pink-darker-0: hsl(340, 97.5%, 76.24%);
}
[data-theme="light"] .ds-pink::part(label),
[data-theme="light"] .pink::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-pink,
strong.pink,
label.ds-pink,
label.pink,
.row-label.ds-pink {
  color: var(--ds-pink);
}
[ds-badge].ds-pink {
  color: var(--ds-pink-lighter-0);
}
sl-switch.ds-pink[checked]::part(control),
sl-switch.pink[checked]::part(control) {
  background-color: var(--ds-pink);
  border-color: var(--ds-pink);
}
sl-switch.ds-pink[checked]::part(label),
sl-switch.pink[checked]::part(label) {
  color: var(--ds-pink);
}
sl-switch.ds-pink[checked]::part(thumb),
sl-switch.pink[checked]::part(thumb) {
  border-color: var(--ds-pink);
}
sl-select.ds-pink::part(display-input) {
  color: var(--ds-pink);
}
sl-select::part(tag__content__ds-pink) {
  color: var(--ds-pink);
}
sl-option.ds-pink::part(label) {
  color: var(--ds-pink);
}
.tabulator-cell.ds-pink,
.ds-button.ds-pink,
section.ds-pink,
span.ds-pink,
span.pink,
p.ds-pink,
p.pink,
i.pink {
  color: var(--ds-pink);
}
#connection-table .tabulator-cell.ds-pink {
  position: relative;
}
#connection-table .tabulator-cell.ds-pink::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-pink) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-pink::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-pink-lighter-0,
.pink-lighter-0 {
  color: var(--ds-pink-lighter-0);
}
.ds-pink-lighter-1,
.pink-lighter-1 {
  color: var(--ds-pink-lighter-1);
}
.ds-pink-lighter-2,
.pink-lighter-2 {
  color: var(--ds-pink-lighter-2);
}
.ds-pink-lighter-3,
.pink-lighter-3 {
  color: var(--ds-pink-lighter-3);
}
.ds-pink-darker-0,
.pink-darker-0 {
  color: var(--ds-pink-darker-0);
}
.ds-pink-darker-1,
.pink-darker-1 {
  color: var(--ds-pink-darker-1);
}
.ds-pink-darker-2,
.pink-darker-2 {
  color: var(--ds-pink-darker-2);
}
.ds-pink-darker-3,
.pink-darker-3 {
  color: var(--ds-pink-darker-3);
}
.ds-pink-background,
.pink-background {
  background-color: var(--ds-pink);
}
.ds-pink-background-darker,
.pink-background-darker {
  background-color: var(--ds-pink-darker-0);
}
.ds-pink-box-shadow,
.pink-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-pink-darker-0);
}
.ds-pink-border {
  border-color: var(--ds-pink);
}
.hp-board > div.agent-group.ds-pink sl-progress-bar {
  --indicator-color: var(--ds-pink);
}
.hp-board > div.agent-group.ds-pink .name {
  color: var(--ds-pink);
}
.ds-pink-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-pink-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-pink-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-pink:hover::part(base),
sl-tab.ds-pink[aria-selected="true"]::part(base) {
  color: var(--ds-pink);
}
sl-tree-item.ds-pink::part(base) {
  color: var(--ds-pink);
}
sl-checkbox.ds-pink::part(control) {
  border-color: var(--ds-pink);
}
sl-checkbox.ds-pink::part(label) {
  color: initial;
}
sl-checkbox.ds-pink[checked]::part(control) {
  background: var(--ds-pink-lighter-0);
}
sl-switch.ds-pink::part(thumb) {
  border-color: var(--ds-pink);
}
sl-switch.ds-pink::part(label) {
  color: initial;
}
sl-switch.ds-pink[checked]::part(control) {
  background: var(--ds-pink-lighter-0);
  border-color: var(--ds-pink);
}
.annotated-diagram.theme-pink {
  --primary-color: var(--ds-pink);
  --primary-color-darker-0: var(--ds-pink-darker-0);
  --primary-color-darker-1: var(--ds-pink-darker-1);
  --primary-color-lighter-0: var(--ds-pink-lighter-0);
}
:root {
  --ds-yellow: hsl(51, 77%, 67%);
  --ds-yellow-lighter-0: hsl(51, 100%, 70.96%);
  --ds-yellow-lighter-1: hsl(51, 69.3%, 71.95%);
  --ds-yellow-lighter-2: hsl(51, 69.3%, 86.8%);
  --ds-yellow-lighter-3: hsl(51, 69.3%, 96.7%);
  --ds-yellow-darker-0: hsl(51, 80.85%, 61.975%);
  --ds-yellow-darker-1: hsl(51, 61.6%, 51.925%);
  --ds-yellow-darker-2: hsl(51, 53.9%, 36.85%);
  --ds-yellow-darker-3: hsl(51, 46.2%, 21.775%);
}
[data-theme="light"] {
  --ds-yellow: hsl(51, 61.6%, 51.925%);
  --ds-yellow-lighter-1: hsl(51, 53.9%, 36.85%);
  --ds-yellow-lighter-0: hsl(51, 53.9%, 36.85%);
  --ds-yellow-darker-1: hsl(51, 69.3%, 71.95%);
  --ds-yellow-darker-2: hsl(51, 69.3%, 86.8%);
  --ds-yellow-darker-3: hsl(51, 69.3%, 96.7%);
  --ds-yellow-darker-0: hsl(51, 100%, 70.96%);
}
[data-theme="light"] .ds-yellow::part(label),
[data-theme="light"] .yellow::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-yellow,
strong.yellow,
label.ds-yellow,
label.yellow,
.row-label.ds-yellow {
  color: var(--ds-yellow);
}
[ds-badge].ds-yellow {
  color: var(--ds-yellow-lighter-0);
}
sl-switch.ds-yellow[checked]::part(control),
sl-switch.yellow[checked]::part(control) {
  background-color: var(--ds-yellow);
  border-color: var(--ds-yellow);
}
sl-switch.ds-yellow[checked]::part(label),
sl-switch.yellow[checked]::part(label) {
  color: var(--ds-yellow);
}
sl-switch.ds-yellow[checked]::part(thumb),
sl-switch.yellow[checked]::part(thumb) {
  border-color: var(--ds-yellow);
}
sl-select.ds-yellow::part(display-input) {
  color: var(--ds-yellow);
}
sl-select::part(tag__content__ds-yellow) {
  color: var(--ds-yellow);
}
sl-option.ds-yellow::part(label) {
  color: var(--ds-yellow);
}
.tabulator-cell.ds-yellow,
.ds-button.ds-yellow,
section.ds-yellow,
span.ds-yellow,
span.yellow,
p.ds-yellow,
p.yellow,
i.yellow {
  color: var(--ds-yellow);
}
#connection-table .tabulator-cell.ds-yellow {
  position: relative;
}
#connection-table .tabulator-cell.ds-yellow::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-yellow) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-yellow::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-yellow-lighter-0,
.yellow-lighter-0 {
  color: var(--ds-yellow-lighter-0);
}
.ds-yellow-lighter-1,
.yellow-lighter-1 {
  color: var(--ds-yellow-lighter-1);
}
.ds-yellow-lighter-2,
.yellow-lighter-2 {
  color: var(--ds-yellow-lighter-2);
}
.ds-yellow-lighter-3,
.yellow-lighter-3 {
  color: var(--ds-yellow-lighter-3);
}
.ds-yellow-darker-0,
.yellow-darker-0 {
  color: var(--ds-yellow-darker-0);
}
.ds-yellow-darker-1,
.yellow-darker-1 {
  color: var(--ds-yellow-darker-1);
}
.ds-yellow-darker-2,
.yellow-darker-2 {
  color: var(--ds-yellow-darker-2);
}
.ds-yellow-darker-3,
.yellow-darker-3 {
  color: var(--ds-yellow-darker-3);
}
.ds-yellow-background,
.yellow-background {
  background-color: var(--ds-yellow);
}
.ds-yellow-background-darker,
.yellow-background-darker {
  background-color: var(--ds-yellow-darker-0);
}
.ds-yellow-box-shadow,
.yellow-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-yellow-darker-0);
}
.ds-yellow-border {
  border-color: var(--ds-yellow);
}
.hp-board > div.agent-group.ds-yellow sl-progress-bar {
  --indicator-color: var(--ds-yellow);
}
.hp-board > div.agent-group.ds-yellow .name {
  color: var(--ds-yellow);
}
.ds-yellow-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-yellow-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-yellow-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-yellow:hover::part(base),
sl-tab.ds-yellow[aria-selected="true"]::part(base) {
  color: var(--ds-yellow);
}
sl-tree-item.ds-yellow::part(base) {
  color: var(--ds-yellow);
}
sl-checkbox.ds-yellow::part(control) {
  border-color: var(--ds-yellow);
}
sl-checkbox.ds-yellow::part(label) {
  color: initial;
}
sl-checkbox.ds-yellow[checked]::part(control) {
  background: var(--ds-yellow-lighter-0);
}
sl-switch.ds-yellow::part(thumb) {
  border-color: var(--ds-yellow);
}
sl-switch.ds-yellow::part(label) {
  color: initial;
}
sl-switch.ds-yellow[checked]::part(control) {
  background: var(--ds-yellow-lighter-0);
  border-color: var(--ds-yellow);
}
.annotated-diagram.theme-yellow {
  --primary-color: var(--ds-yellow);
  --primary-color-darker-0: var(--ds-yellow-darker-0);
  --primary-color-darker-1: var(--ds-yellow-darker-1);
  --primary-color-lighter-0: var(--ds-yellow-lighter-0);
}
:root {
  --ds-white: hsl(0, 0%, 100%);
  --ds-white-lighter-0: hsl(0, 0%, 100%);
  --ds-white-lighter-1: hsl(0, 0%, 100%);
  --ds-white-lighter-2: hsl(0, 0%, 100%);
  --ds-white-lighter-3: hsl(0, 0%, 100%);
  --ds-white-darker-0: hsl(0, 0%, 92.5%);
  --ds-white-darker-1: hsl(0, 0%, 77.5%);
  --ds-white-darker-2: hsl(0, 0%, 55%);
  --ds-white-darker-3: hsl(0, 0%, 32.5%);
}
[data-theme="light"] {
  --ds-white: hsl(0, 0%, 77.5%);
  --ds-white-lighter-1: hsl(0, 0%, 55%);
  --ds-white-lighter-0: hsl(0, 0%, 55%);
  --ds-white-darker-1: hsl(0, 0%, 100%);
  --ds-white-darker-2: hsl(0, 0%, 100%);
  --ds-white-darker-3: hsl(0, 0%, 100%);
  --ds-white-darker-0: hsl(0, 0%, 100%);
}
[data-theme="light"] .ds-white::part(label),
[data-theme="light"] .white::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-white,
strong.white,
label.ds-white,
label.white,
.row-label.ds-white {
  color: var(--ds-white);
}
[ds-badge].ds-white {
  color: var(--ds-white-lighter-0);
}
sl-switch.ds-white[checked]::part(control),
sl-switch.white[checked]::part(control) {
  background-color: var(--ds-white);
  border-color: var(--ds-white);
}
sl-switch.ds-white[checked]::part(label),
sl-switch.white[checked]::part(label) {
  color: var(--ds-white);
}
sl-switch.ds-white[checked]::part(thumb),
sl-switch.white[checked]::part(thumb) {
  border-color: var(--ds-white);
}
sl-select.ds-white::part(display-input) {
  color: var(--ds-white);
}
sl-select::part(tag__content__ds-white) {
  color: var(--ds-white);
}
sl-option.ds-white::part(label) {
  color: var(--ds-white);
}
.tabulator-cell.ds-white,
.ds-button.ds-white,
section.ds-white,
span.ds-white,
span.white,
p.ds-white,
p.white,
i.white {
  color: var(--ds-white);
}
#connection-table .tabulator-cell.ds-white {
  position: relative;
}
#connection-table .tabulator-cell.ds-white::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-white) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-white::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-white-lighter-0,
.white-lighter-0 {
  color: var(--ds-white-lighter-0);
}
.ds-white-lighter-1,
.white-lighter-1 {
  color: var(--ds-white-lighter-1);
}
.ds-white-lighter-2,
.white-lighter-2 {
  color: var(--ds-white-lighter-2);
}
.ds-white-lighter-3,
.white-lighter-3 {
  color: var(--ds-white-lighter-3);
}
.ds-white-darker-0,
.white-darker-0 {
  color: var(--ds-white-darker-0);
}
.ds-white-darker-1,
.white-darker-1 {
  color: var(--ds-white-darker-1);
}
.ds-white-darker-2,
.white-darker-2 {
  color: var(--ds-white-darker-2);
}
.ds-white-darker-3,
.white-darker-3 {
  color: var(--ds-white-darker-3);
}
.ds-white-background,
.white-background {
  background-color: var(--ds-white);
}
.ds-white-background-darker,
.white-background-darker {
  background-color: var(--ds-white-darker-0);
}
.ds-white-box-shadow,
.white-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-white-darker-0);
}
.ds-white-border {
  border-color: var(--ds-white);
}
.hp-board > div.agent-group.ds-white sl-progress-bar {
  --indicator-color: var(--ds-white);
}
.hp-board > div.agent-group.ds-white .name {
  color: var(--ds-white);
}
.ds-white-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-white-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-white-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-white:hover::part(base),
sl-tab.ds-white[aria-selected="true"]::part(base) {
  color: var(--ds-white);
}
sl-tree-item.ds-white::part(base) {
  color: var(--ds-white);
}
sl-checkbox.ds-white::part(control) {
  border-color: var(--ds-white);
}
sl-checkbox.ds-white::part(label) {
  color: initial;
}
sl-checkbox.ds-white[checked]::part(control) {
  background: var(--ds-white-lighter-0);
}
sl-switch.ds-white::part(thumb) {
  border-color: var(--ds-white);
}
sl-switch.ds-white::part(label) {
  color: initial;
}
sl-switch.ds-white[checked]::part(control) {
  background: var(--ds-white-lighter-0);
  border-color: var(--ds-white);
}
.annotated-diagram.theme-white {
  --primary-color: var(--ds-white);
  --primary-color-darker-0: var(--ds-white-darker-0);
  --primary-color-darker-1: var(--ds-white-darker-1);
  --primary-color-lighter-0: var(--ds-white-lighter-0);
}
:root {
  --ds-turquoise: hsl(184, 59%, 62%);
  --ds-turquoise-lighter-0: hsl(184, 76.7%, 66.56%);
  --ds-turquoise-lighter-1: hsl(184, 53.1%, 67.7%);
  --ds-turquoise-lighter-2: hsl(184, 53.1%, 84.8%);
  --ds-turquoise-lighter-3: hsl(184, 53.1%, 96.2%);
  --ds-turquoise-darker-0: hsl(184, 61.95%, 57.35%);
  --ds-turquoise-darker-1: hsl(184, 47.2%, 48.05%);
  --ds-turquoise-darker-2: hsl(184, 41.3%, 34.1%);
  --ds-turquoise-darker-3: hsl(184, 35.4%, 20.15%);
}
[data-theme="light"] {
  --ds-turquoise: hsl(184, 47.2%, 48.05%);
  --ds-turquoise-lighter-1: hsl(184, 41.3%, 34.1%);
  --ds-turquoise-lighter-0: hsl(184, 41.3%, 34.1%);
  --ds-turquoise-darker-1: hsl(184, 53.1%, 67.7%);
  --ds-turquoise-darker-2: hsl(184, 53.1%, 84.8%);
  --ds-turquoise-darker-3: hsl(184, 53.1%, 96.2%);
  --ds-turquoise-darker-0: hsl(184, 76.7%, 66.56%);
}
[data-theme="light"] .ds-turquoise::part(label),
[data-theme="light"] .turquoise::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-turquoise,
strong.turquoise,
label.ds-turquoise,
label.turquoise,
.row-label.ds-turquoise {
  color: var(--ds-turquoise);
}
[ds-badge].ds-turquoise {
  color: var(--ds-turquoise-lighter-0);
}
sl-switch.ds-turquoise[checked]::part(control),
sl-switch.turquoise[checked]::part(control) {
  background-color: var(--ds-turquoise);
  border-color: var(--ds-turquoise);
}
sl-switch.ds-turquoise[checked]::part(label),
sl-switch.turquoise[checked]::part(label) {
  color: var(--ds-turquoise);
}
sl-switch.ds-turquoise[checked]::part(thumb),
sl-switch.turquoise[checked]::part(thumb) {
  border-color: var(--ds-turquoise);
}
sl-select.ds-turquoise::part(display-input) {
  color: var(--ds-turquoise);
}
sl-select::part(tag__content__ds-turquoise) {
  color: var(--ds-turquoise);
}
sl-option.ds-turquoise::part(label) {
  color: var(--ds-turquoise);
}
.tabulator-cell.ds-turquoise,
.ds-button.ds-turquoise,
section.ds-turquoise,
span.ds-turquoise,
span.turquoise,
p.ds-turquoise,
p.turquoise,
i.turquoise {
  color: var(--ds-turquoise);
}
#connection-table .tabulator-cell.ds-turquoise {
  position: relative;
}
#connection-table .tabulator-cell.ds-turquoise::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-turquoise) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-turquoise::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-turquoise-lighter-0,
.turquoise-lighter-0 {
  color: var(--ds-turquoise-lighter-0);
}
.ds-turquoise-lighter-1,
.turquoise-lighter-1 {
  color: var(--ds-turquoise-lighter-1);
}
.ds-turquoise-lighter-2,
.turquoise-lighter-2 {
  color: var(--ds-turquoise-lighter-2);
}
.ds-turquoise-lighter-3,
.turquoise-lighter-3 {
  color: var(--ds-turquoise-lighter-3);
}
.ds-turquoise-darker-0,
.turquoise-darker-0 {
  color: var(--ds-turquoise-darker-0);
}
.ds-turquoise-darker-1,
.turquoise-darker-1 {
  color: var(--ds-turquoise-darker-1);
}
.ds-turquoise-darker-2,
.turquoise-darker-2 {
  color: var(--ds-turquoise-darker-2);
}
.ds-turquoise-darker-3,
.turquoise-darker-3 {
  color: var(--ds-turquoise-darker-3);
}
.ds-turquoise-background,
.turquoise-background {
  background-color: var(--ds-turquoise);
}
.ds-turquoise-background-darker,
.turquoise-background-darker {
  background-color: var(--ds-turquoise-darker-0);
}
.ds-turquoise-box-shadow,
.turquoise-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-turquoise-darker-0);
}
.ds-turquoise-border {
  border-color: var(--ds-turquoise);
}
.hp-board > div.agent-group.ds-turquoise sl-progress-bar {
  --indicator-color: var(--ds-turquoise);
}
.hp-board > div.agent-group.ds-turquoise .name {
  color: var(--ds-turquoise);
}
.ds-turquoise-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-turquoise-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-turquoise-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-turquoise:hover::part(base),
sl-tab.ds-turquoise[aria-selected="true"]::part(base) {
  color: var(--ds-turquoise);
}
sl-tree-item.ds-turquoise::part(base) {
  color: var(--ds-turquoise);
}
sl-checkbox.ds-turquoise::part(control) {
  border-color: var(--ds-turquoise);
}
sl-checkbox.ds-turquoise::part(label) {
  color: initial;
}
sl-checkbox.ds-turquoise[checked]::part(control) {
  background: var(--ds-turquoise-lighter-0);
}
sl-switch.ds-turquoise::part(thumb) {
  border-color: var(--ds-turquoise);
}
sl-switch.ds-turquoise::part(label) {
  color: initial;
}
sl-switch.ds-turquoise[checked]::part(control) {
  background: var(--ds-turquoise-lighter-0);
  border-color: var(--ds-turquoise);
}
.annotated-diagram.theme-turquoise {
  --primary-color: var(--ds-turquoise);
  --primary-color-darker-0: var(--ds-turquoise-darker-0);
  --primary-color-darker-1: var(--ds-turquoise-darker-1);
  --primary-color-lighter-0: var(--ds-turquoise-lighter-0);
}
:root {
  --ds-teal: hsl(167, 40%, 54%);
  --ds-teal-lighter-0: hsl(167, 52%, 59.52%);
  --ds-teal-lighter-1: hsl(167, 36%, 60.9%);
  --ds-teal-lighter-2: hsl(167, 36%, 81.6%);
  --ds-teal-lighter-3: hsl(167, 36%, 95.4%);
  --ds-teal-darker-0: hsl(167, 42%, 49.95%);
  --ds-teal-darker-1: hsl(167, 32%, 41.85%);
  --ds-teal-darker-2: hsl(167, 28%, 29.7%);
  --ds-teal-darker-3: hsl(167, 24%, 17.55%);
}
[data-theme="light"] {
  --ds-teal: hsl(167, 32%, 41.85%);
  --ds-teal-lighter-1: hsl(167, 28%, 29.7%);
  --ds-teal-lighter-0: hsl(167, 28%, 29.7%);
  --ds-teal-darker-1: hsl(167, 36%, 60.9%);
  --ds-teal-darker-2: hsl(167, 36%, 81.6%);
  --ds-teal-darker-3: hsl(167, 36%, 95.4%);
  --ds-teal-darker-0: hsl(167, 52%, 59.52%);
}
[data-theme="light"] .ds-teal::part(label),
[data-theme="light"] .teal::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-teal,
strong.teal,
label.ds-teal,
label.teal,
.row-label.ds-teal {
  color: var(--ds-teal);
}
[ds-badge].ds-teal {
  color: var(--ds-teal-lighter-0);
}
sl-switch.ds-teal[checked]::part(control),
sl-switch.teal[checked]::part(control) {
  background-color: var(--ds-teal);
  border-color: var(--ds-teal);
}
sl-switch.ds-teal[checked]::part(label),
sl-switch.teal[checked]::part(label) {
  color: var(--ds-teal);
}
sl-switch.ds-teal[checked]::part(thumb),
sl-switch.teal[checked]::part(thumb) {
  border-color: var(--ds-teal);
}
sl-select.ds-teal::part(display-input) {
  color: var(--ds-teal);
}
sl-select::part(tag__content__ds-teal) {
  color: var(--ds-teal);
}
sl-option.ds-teal::part(label) {
  color: var(--ds-teal);
}
.tabulator-cell.ds-teal,
.ds-button.ds-teal,
section.ds-teal,
span.ds-teal,
span.teal,
p.ds-teal,
p.teal,
i.teal {
  color: var(--ds-teal);
}
#connection-table .tabulator-cell.ds-teal {
  position: relative;
}
#connection-table .tabulator-cell.ds-teal::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-teal) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-teal::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-teal-lighter-0,
.teal-lighter-0 {
  color: var(--ds-teal-lighter-0);
}
.ds-teal-lighter-1,
.teal-lighter-1 {
  color: var(--ds-teal-lighter-1);
}
.ds-teal-lighter-2,
.teal-lighter-2 {
  color: var(--ds-teal-lighter-2);
}
.ds-teal-lighter-3,
.teal-lighter-3 {
  color: var(--ds-teal-lighter-3);
}
.ds-teal-darker-0,
.teal-darker-0 {
  color: var(--ds-teal-darker-0);
}
.ds-teal-darker-1,
.teal-darker-1 {
  color: var(--ds-teal-darker-1);
}
.ds-teal-darker-2,
.teal-darker-2 {
  color: var(--ds-teal-darker-2);
}
.ds-teal-darker-3,
.teal-darker-3 {
  color: var(--ds-teal-darker-3);
}
.ds-teal-background,
.teal-background {
  background-color: var(--ds-teal);
}
.ds-teal-background-darker,
.teal-background-darker {
  background-color: var(--ds-teal-darker-0);
}
.ds-teal-box-shadow,
.teal-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-teal-darker-0);
}
.ds-teal-border {
  border-color: var(--ds-teal);
}
.hp-board > div.agent-group.ds-teal sl-progress-bar {
  --indicator-color: var(--ds-teal);
}
.hp-board > div.agent-group.ds-teal .name {
  color: var(--ds-teal);
}
.ds-teal-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-teal-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-teal-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-teal:hover::part(base),
sl-tab.ds-teal[aria-selected="true"]::part(base) {
  color: var(--ds-teal);
}
sl-tree-item.ds-teal::part(base) {
  color: var(--ds-teal);
}
sl-checkbox.ds-teal::part(control) {
  border-color: var(--ds-teal);
}
sl-checkbox.ds-teal::part(label) {
  color: initial;
}
sl-checkbox.ds-teal[checked]::part(control) {
  background: var(--ds-teal-lighter-0);
}
sl-switch.ds-teal::part(thumb) {
  border-color: var(--ds-teal);
}
sl-switch.ds-teal::part(label) {
  color: initial;
}
sl-switch.ds-teal[checked]::part(control) {
  background: var(--ds-teal-lighter-0);
  border-color: var(--ds-teal);
}
.annotated-diagram.theme-teal {
  --primary-color: var(--ds-teal);
  --primary-color-darker-0: var(--ds-teal-darker-0);
  --primary-color-darker-1: var(--ds-teal-darker-1);
  --primary-color-lighter-0: var(--ds-teal-lighter-0);
}
:root {
  --ds-spearmint: hsl(164, 82%, 49%);
  --ds-spearmint-lighter-0: hsl(164, 100%, 55.12%);
  --ds-spearmint-lighter-1: hsl(164, 73.8%, 56.65%);
  --ds-spearmint-lighter-2: hsl(164, 73.8%, 79.6%);
  --ds-spearmint-lighter-3: hsl(164, 73.8%, 94.9%);
  --ds-spearmint-darker-0: hsl(164, 86.1%, 45.325%);
  --ds-spearmint-darker-1: hsl(164, 65.6%, 37.975%);
  --ds-spearmint-darker-2: hsl(164, 57.4%, 26.95%);
  --ds-spearmint-darker-3: hsl(164, 49.2%, 15.925%);
}
[data-theme="light"] {
  --ds-spearmint: hsl(164, 65.6%, 37.975%);
  --ds-spearmint-lighter-1: hsl(164, 57.4%, 26.95%);
  --ds-spearmint-lighter-0: hsl(164, 57.4%, 26.95%);
  --ds-spearmint-darker-1: hsl(164, 73.8%, 56.65%);
  --ds-spearmint-darker-2: hsl(164, 73.8%, 79.6%);
  --ds-spearmint-darker-3: hsl(164, 73.8%, 94.9%);
  --ds-spearmint-darker-0: hsl(164, 100%, 55.12%);
}
[data-theme="light"] .ds-spearmint::part(label),
[data-theme="light"] .spearmint::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-spearmint,
strong.spearmint,
label.ds-spearmint,
label.spearmint,
.row-label.ds-spearmint {
  color: var(--ds-spearmint);
}
[ds-badge].ds-spearmint {
  color: var(--ds-spearmint-lighter-0);
}
sl-switch.ds-spearmint[checked]::part(control),
sl-switch.spearmint[checked]::part(control) {
  background-color: var(--ds-spearmint);
  border-color: var(--ds-spearmint);
}
sl-switch.ds-spearmint[checked]::part(label),
sl-switch.spearmint[checked]::part(label) {
  color: var(--ds-spearmint);
}
sl-switch.ds-spearmint[checked]::part(thumb),
sl-switch.spearmint[checked]::part(thumb) {
  border-color: var(--ds-spearmint);
}
sl-select.ds-spearmint::part(display-input) {
  color: var(--ds-spearmint);
}
sl-select::part(tag__content__ds-spearmint) {
  color: var(--ds-spearmint);
}
sl-option.ds-spearmint::part(label) {
  color: var(--ds-spearmint);
}
.tabulator-cell.ds-spearmint,
.ds-button.ds-spearmint,
section.ds-spearmint,
span.ds-spearmint,
span.spearmint,
p.ds-spearmint,
p.spearmint,
i.spearmint {
  color: var(--ds-spearmint);
}
#connection-table .tabulator-cell.ds-spearmint {
  position: relative;
}
#connection-table .tabulator-cell.ds-spearmint::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-spearmint) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-spearmint::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-spearmint-lighter-0,
.spearmint-lighter-0 {
  color: var(--ds-spearmint-lighter-0);
}
.ds-spearmint-lighter-1,
.spearmint-lighter-1 {
  color: var(--ds-spearmint-lighter-1);
}
.ds-spearmint-lighter-2,
.spearmint-lighter-2 {
  color: var(--ds-spearmint-lighter-2);
}
.ds-spearmint-lighter-3,
.spearmint-lighter-3 {
  color: var(--ds-spearmint-lighter-3);
}
.ds-spearmint-darker-0,
.spearmint-darker-0 {
  color: var(--ds-spearmint-darker-0);
}
.ds-spearmint-darker-1,
.spearmint-darker-1 {
  color: var(--ds-spearmint-darker-1);
}
.ds-spearmint-darker-2,
.spearmint-darker-2 {
  color: var(--ds-spearmint-darker-2);
}
.ds-spearmint-darker-3,
.spearmint-darker-3 {
  color: var(--ds-spearmint-darker-3);
}
.ds-spearmint-background,
.spearmint-background {
  background-color: var(--ds-spearmint);
}
.ds-spearmint-background-darker,
.spearmint-background-darker {
  background-color: var(--ds-spearmint-darker-0);
}
.ds-spearmint-box-shadow,
.spearmint-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-spearmint-darker-0);
}
.ds-spearmint-border {
  border-color: var(--ds-spearmint);
}
.hp-board > div.agent-group.ds-spearmint sl-progress-bar {
  --indicator-color: var(--ds-spearmint);
}
.hp-board > div.agent-group.ds-spearmint .name {
  color: var(--ds-spearmint);
}
.ds-spearmint-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-spearmint-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-spearmint-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-spearmint:hover::part(base),
sl-tab.ds-spearmint[aria-selected="true"]::part(base) {
  color: var(--ds-spearmint);
}
sl-tree-item.ds-spearmint::part(base) {
  color: var(--ds-spearmint);
}
sl-checkbox.ds-spearmint::part(control) {
  border-color: var(--ds-spearmint);
}
sl-checkbox.ds-spearmint::part(label) {
  color: initial;
}
sl-checkbox.ds-spearmint[checked]::part(control) {
  background: var(--ds-spearmint-lighter-0);
}
sl-switch.ds-spearmint::part(thumb) {
  border-color: var(--ds-spearmint);
}
sl-switch.ds-spearmint::part(label) {
  color: initial;
}
sl-switch.ds-spearmint[checked]::part(control) {
  background: var(--ds-spearmint-lighter-0);
  border-color: var(--ds-spearmint);
}
.annotated-diagram.theme-spearmint {
  --primary-color: var(--ds-spearmint);
  --primary-color-darker-0: var(--ds-spearmint-darker-0);
  --primary-color-darker-1: var(--ds-spearmint-darker-1);
  --primary-color-lighter-0: var(--ds-spearmint-lighter-0);
}
:root {
  --ds-red: hsl(0, 70%, 63%);
  --ds-red-lighter-0: hsl(0, 91%, 67.44%);
  --ds-red-lighter-1: hsl(0, 63%, 68.55%);
  --ds-red-lighter-2: hsl(0, 63%, 85.2%);
  --ds-red-lighter-3: hsl(0, 63%, 96.3%);
  --ds-red-darker-0: hsl(0, 73.5%, 58.275%);
  --ds-red-darker-1: hsl(0, 56%, 48.825%);
  --ds-red-darker-2: hsl(0, 49%, 34.65%);
  --ds-red-darker-3: hsl(0, 42%, 20.475%);
}
[data-theme="light"] {
  --ds-red: hsl(0, 56%, 48.825%);
  --ds-red-lighter-1: hsl(0, 49%, 34.65%);
  --ds-red-lighter-0: hsl(0, 49%, 34.65%);
  --ds-red-darker-1: hsl(0, 63%, 68.55%);
  --ds-red-darker-2: hsl(0, 63%, 85.2%);
  --ds-red-darker-3: hsl(0, 63%, 96.3%);
  --ds-red-darker-0: hsl(0, 91%, 67.44%);
}
[data-theme="light"] .ds-red::part(label),
[data-theme="light"] .red::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-red,
strong.red,
label.ds-red,
label.red,
.row-label.ds-red {
  color: var(--ds-red);
}
[ds-badge].ds-red {
  color: var(--ds-red-lighter-0);
}
sl-switch.ds-red[checked]::part(control),
sl-switch.red[checked]::part(control) {
  background-color: var(--ds-red);
  border-color: var(--ds-red);
}
sl-switch.ds-red[checked]::part(label),
sl-switch.red[checked]::part(label) {
  color: var(--ds-red);
}
sl-switch.ds-red[checked]::part(thumb),
sl-switch.red[checked]::part(thumb) {
  border-color: var(--ds-red);
}
sl-select.ds-red::part(display-input) {
  color: var(--ds-red);
}
sl-select::part(tag__content__ds-red) {
  color: var(--ds-red);
}
sl-option.ds-red::part(label) {
  color: var(--ds-red);
}
.tabulator-cell.ds-red,
.ds-button.ds-red,
section.ds-red,
span.ds-red,
span.red,
p.ds-red,
p.red,
i.red {
  color: var(--ds-red);
}
#connection-table .tabulator-cell.ds-red {
  position: relative;
}
#connection-table .tabulator-cell.ds-red::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-red) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-red::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-red-lighter-0,
.red-lighter-0 {
  color: var(--ds-red-lighter-0);
}
.ds-red-lighter-1,
.red-lighter-1 {
  color: var(--ds-red-lighter-1);
}
.ds-red-lighter-2,
.red-lighter-2 {
  color: var(--ds-red-lighter-2);
}
.ds-red-lighter-3,
.red-lighter-3 {
  color: var(--ds-red-lighter-3);
}
.ds-red-darker-0,
.red-darker-0 {
  color: var(--ds-red-darker-0);
}
.ds-red-darker-1,
.red-darker-1 {
  color: var(--ds-red-darker-1);
}
.ds-red-darker-2,
.red-darker-2 {
  color: var(--ds-red-darker-2);
}
.ds-red-darker-3,
.red-darker-3 {
  color: var(--ds-red-darker-3);
}
.ds-red-background,
.red-background {
  background-color: var(--ds-red);
}
.ds-red-background-darker,
.red-background-darker {
  background-color: var(--ds-red-darker-0);
}
.ds-red-box-shadow,
.red-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-red-darker-0);
}
.ds-red-border {
  border-color: var(--ds-red);
}
.hp-board > div.agent-group.ds-red sl-progress-bar {
  --indicator-color: var(--ds-red);
}
.hp-board > div.agent-group.ds-red .name {
  color: var(--ds-red);
}
.ds-red-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-red-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-red-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-red:hover::part(base),
sl-tab.ds-red[aria-selected="true"]::part(base) {
  color: var(--ds-red);
}
sl-tree-item.ds-red::part(base) {
  color: var(--ds-red);
}
sl-checkbox.ds-red::part(control) {
  border-color: var(--ds-red);
}
sl-checkbox.ds-red::part(label) {
  color: initial;
}
sl-checkbox.ds-red[checked]::part(control) {
  background: var(--ds-red-lighter-0);
}
sl-switch.ds-red::part(thumb) {
  border-color: var(--ds-red);
}
sl-switch.ds-red::part(label) {
  color: initial;
}
sl-switch.ds-red[checked]::part(control) {
  background: var(--ds-red-lighter-0);
  border-color: var(--ds-red);
}
.annotated-diagram.theme-red {
  --primary-color: var(--ds-red);
  --primary-color-darker-0: var(--ds-red-darker-0);
  --primary-color-darker-1: var(--ds-red-darker-1);
  --primary-color-lighter-0: var(--ds-red-lighter-0);
}
:root {
  --ds-purple: hsl(268, 63%, 69%);
  --ds-purple-lighter-0: hsl(268, 81.9%, 72.72%);
  --ds-purple-lighter-1: hsl(268, 56.7%, 73.65%);
  --ds-purple-lighter-2: hsl(268, 56.7%, 87.6%);
  --ds-purple-lighter-3: hsl(268, 56.7%, 96.9%);
  --ds-purple-darker-0: hsl(268, 66.15%, 63.825%);
  --ds-purple-darker-1: hsl(268, 50.4%, 53.475%);
  --ds-purple-darker-2: hsl(268, 44.1%, 37.95%);
  --ds-purple-darker-3: hsl(268, 37.8%, 22.425%);
}
[data-theme="light"] {
  --ds-purple: hsl(268, 50.4%, 53.475%);
  --ds-purple-lighter-1: hsl(268, 44.1%, 37.95%);
  --ds-purple-lighter-0: hsl(268, 44.1%, 37.95%);
  --ds-purple-darker-1: hsl(268, 56.7%, 73.65%);
  --ds-purple-darker-2: hsl(268, 56.7%, 87.6%);
  --ds-purple-darker-3: hsl(268, 56.7%, 96.9%);
  --ds-purple-darker-0: hsl(268, 81.9%, 72.72%);
}
[data-theme="light"] .ds-purple::part(label),
[data-theme="light"] .purple::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-purple,
strong.purple,
label.ds-purple,
label.purple,
.row-label.ds-purple {
  color: var(--ds-purple);
}
[ds-badge].ds-purple {
  color: var(--ds-purple-lighter-0);
}
sl-switch.ds-purple[checked]::part(control),
sl-switch.purple[checked]::part(control) {
  background-color: var(--ds-purple);
  border-color: var(--ds-purple);
}
sl-switch.ds-purple[checked]::part(label),
sl-switch.purple[checked]::part(label) {
  color: var(--ds-purple);
}
sl-switch.ds-purple[checked]::part(thumb),
sl-switch.purple[checked]::part(thumb) {
  border-color: var(--ds-purple);
}
sl-select.ds-purple::part(display-input) {
  color: var(--ds-purple);
}
sl-select::part(tag__content__ds-purple) {
  color: var(--ds-purple);
}
sl-option.ds-purple::part(label) {
  color: var(--ds-purple);
}
.tabulator-cell.ds-purple,
.ds-button.ds-purple,
section.ds-purple,
span.ds-purple,
span.purple,
p.ds-purple,
p.purple,
i.purple {
  color: var(--ds-purple);
}
#connection-table .tabulator-cell.ds-purple {
  position: relative;
}
#connection-table .tabulator-cell.ds-purple::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-purple) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-purple::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-purple-lighter-0,
.purple-lighter-0 {
  color: var(--ds-purple-lighter-0);
}
.ds-purple-lighter-1,
.purple-lighter-1 {
  color: var(--ds-purple-lighter-1);
}
.ds-purple-lighter-2,
.purple-lighter-2 {
  color: var(--ds-purple-lighter-2);
}
.ds-purple-lighter-3,
.purple-lighter-3 {
  color: var(--ds-purple-lighter-3);
}
.ds-purple-darker-0,
.purple-darker-0 {
  color: var(--ds-purple-darker-0);
}
.ds-purple-darker-1,
.purple-darker-1 {
  color: var(--ds-purple-darker-1);
}
.ds-purple-darker-2,
.purple-darker-2 {
  color: var(--ds-purple-darker-2);
}
.ds-purple-darker-3,
.purple-darker-3 {
  color: var(--ds-purple-darker-3);
}
.ds-purple-background,
.purple-background {
  background-color: var(--ds-purple);
}
.ds-purple-background-darker,
.purple-background-darker {
  background-color: var(--ds-purple-darker-0);
}
.ds-purple-box-shadow,
.purple-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-purple-darker-0);
}
.ds-purple-border {
  border-color: var(--ds-purple);
}
.hp-board > div.agent-group.ds-purple sl-progress-bar {
  --indicator-color: var(--ds-purple);
}
.hp-board > div.agent-group.ds-purple .name {
  color: var(--ds-purple);
}
.ds-purple-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-purple-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-purple-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-purple:hover::part(base),
sl-tab.ds-purple[aria-selected="true"]::part(base) {
  color: var(--ds-purple);
}
sl-tree-item.ds-purple::part(base) {
  color: var(--ds-purple);
}
sl-checkbox.ds-purple::part(control) {
  border-color: var(--ds-purple);
}
sl-checkbox.ds-purple::part(label) {
  color: initial;
}
sl-checkbox.ds-purple[checked]::part(control) {
  background: var(--ds-purple-lighter-0);
}
sl-switch.ds-purple::part(thumb) {
  border-color: var(--ds-purple);
}
sl-switch.ds-purple::part(label) {
  color: initial;
}
sl-switch.ds-purple[checked]::part(control) {
  background: var(--ds-purple-lighter-0);
  border-color: var(--ds-purple);
}
.annotated-diagram.theme-purple {
  --primary-color: var(--ds-purple);
  --primary-color-darker-0: var(--ds-purple-darker-0);
  --primary-color-darker-1: var(--ds-purple-darker-1);
  --primary-color-lighter-0: var(--ds-purple-lighter-0);
}
:root {
  --ds-orange: #d47509;
  --ds-orange-lighter-0: hsl(31.92118227, 100%, 50.13333333%);
  --ds-orange-lighter-1: hsl(31.92118227, 82.66968326%, 51.83333333%);
  --ds-orange-lighter-2: hsl(31.92118227, 82.66968326%, 77.33333333%);
  --ds-orange-lighter-3: hsl(31.92118227, 82.66968326%, 94.33333333%);
  --ds-orange-darker-0: hsl(31.92118227, 96.4479638%, 40.08333333%);
  --ds-orange-darker-1: hsl(31.92118227, 73.4841629%, 33.58333333%);
  --ds-orange-darker-2: hsl(31.92118227, 64.29864253%, 23.83333333%);
  --ds-orange-darker-3: hsl(31.92118227, 55.11312217%, 14.08333333%);
}
[data-theme="light"] {
  --ds-orange: hsl(31.92118227, 73.4841629%, 33.58333333%);
  --ds-orange-lighter-1: hsl(31.92118227, 64.29864253%, 23.83333333%);
  --ds-orange-lighter-0: hsl(31.92118227, 64.29864253%, 23.83333333%);
  --ds-orange-darker-1: hsl(31.92118227, 82.66968326%, 51.83333333%);
  --ds-orange-darker-2: hsl(31.92118227, 82.66968326%, 77.33333333%);
  --ds-orange-darker-3: hsl(31.92118227, 82.66968326%, 94.33333333%);
  --ds-orange-darker-0: hsl(31.92118227, 100%, 50.13333333%);
}
[data-theme="light"] .ds-orange::part(label),
[data-theme="light"] .orange::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-orange,
strong.orange,
label.ds-orange,
label.orange,
.row-label.ds-orange {
  color: var(--ds-orange);
}
[ds-badge].ds-orange {
  color: var(--ds-orange-lighter-0);
}
sl-switch.ds-orange[checked]::part(control),
sl-switch.orange[checked]::part(control) {
  background-color: var(--ds-orange);
  border-color: var(--ds-orange);
}
sl-switch.ds-orange[checked]::part(label),
sl-switch.orange[checked]::part(label) {
  color: var(--ds-orange);
}
sl-switch.ds-orange[checked]::part(thumb),
sl-switch.orange[checked]::part(thumb) {
  border-color: var(--ds-orange);
}
sl-select.ds-orange::part(display-input) {
  color: var(--ds-orange);
}
sl-select::part(tag__content__ds-orange) {
  color: var(--ds-orange);
}
sl-option.ds-orange::part(label) {
  color: var(--ds-orange);
}
.tabulator-cell.ds-orange,
.ds-button.ds-orange,
section.ds-orange,
span.ds-orange,
span.orange,
p.ds-orange,
p.orange,
i.orange {
  color: var(--ds-orange);
}
#connection-table .tabulator-cell.ds-orange {
  position: relative;
}
#connection-table .tabulator-cell.ds-orange::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-orange) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-orange::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-orange-lighter-0,
.orange-lighter-0 {
  color: var(--ds-orange-lighter-0);
}
.ds-orange-lighter-1,
.orange-lighter-1 {
  color: var(--ds-orange-lighter-1);
}
.ds-orange-lighter-2,
.orange-lighter-2 {
  color: var(--ds-orange-lighter-2);
}
.ds-orange-lighter-3,
.orange-lighter-3 {
  color: var(--ds-orange-lighter-3);
}
.ds-orange-darker-0,
.orange-darker-0 {
  color: var(--ds-orange-darker-0);
}
.ds-orange-darker-1,
.orange-darker-1 {
  color: var(--ds-orange-darker-1);
}
.ds-orange-darker-2,
.orange-darker-2 {
  color: var(--ds-orange-darker-2);
}
.ds-orange-darker-3,
.orange-darker-3 {
  color: var(--ds-orange-darker-3);
}
.ds-orange-background,
.orange-background {
  background-color: var(--ds-orange);
}
.ds-orange-background-darker,
.orange-background-darker {
  background-color: var(--ds-orange-darker-0);
}
.ds-orange-box-shadow,
.orange-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-orange-darker-0);
}
.ds-orange-border {
  border-color: var(--ds-orange);
}
.hp-board > div.agent-group.ds-orange sl-progress-bar {
  --indicator-color: var(--ds-orange);
}
.hp-board > div.agent-group.ds-orange .name {
  color: var(--ds-orange);
}
.ds-orange-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-orange-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-orange-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-orange:hover::part(base),
sl-tab.ds-orange[aria-selected="true"]::part(base) {
  color: var(--ds-orange);
}
sl-tree-item.ds-orange::part(base) {
  color: var(--ds-orange);
}
sl-checkbox.ds-orange::part(control) {
  border-color: var(--ds-orange);
}
sl-checkbox.ds-orange::part(label) {
  color: initial;
}
sl-checkbox.ds-orange[checked]::part(control) {
  background: var(--ds-orange-lighter-0);
}
sl-switch.ds-orange::part(thumb) {
  border-color: var(--ds-orange);
}
sl-switch.ds-orange::part(label) {
  color: initial;
}
sl-switch.ds-orange[checked]::part(control) {
  background: var(--ds-orange-lighter-0);
  border-color: var(--ds-orange);
}
.annotated-diagram.theme-orange {
  --primary-color: var(--ds-orange);
  --primary-color-darker-0: var(--ds-orange-darker-0);
  --primary-color-darker-1: var(--ds-orange-darker-1);
  --primary-color-lighter-0: var(--ds-orange-lighter-0);
}
:root {
  --ds-neutral: hsl(0, 0%, 94%);
  --ds-neutral-lighter-0: hsl(0, 0%, 94.72%);
  --ds-neutral-lighter-1: hsl(0, 0%, 94.9%);
  --ds-neutral-lighter-2: hsl(0, 0%, 97.6%);
  --ds-neutral-lighter-3: hsl(0, 0%, 99.4%);
  --ds-neutral-darker-0: hsl(0, 0%, 86.95%);
  --ds-neutral-darker-1: hsl(0, 0%, 72.85%);
  --ds-neutral-darker-2: hsl(0, 0%, 51.7%);
  --ds-neutral-darker-3: hsl(0, 0%, 30.55%);
}
[data-theme="light"] {
  --ds-neutral: hsl(0, 0%, 72.85%);
  --ds-neutral-lighter-1: hsl(0, 0%, 51.7%);
  --ds-neutral-lighter-0: hsl(0, 0%, 51.7%);
  --ds-neutral-darker-1: hsl(0, 0%, 94.9%);
  --ds-neutral-darker-2: hsl(0, 0%, 97.6%);
  --ds-neutral-darker-3: hsl(0, 0%, 99.4%);
  --ds-neutral-darker-0: hsl(0, 0%, 94.72%);
}
[data-theme="light"] .ds-neutral::part(label),
[data-theme="light"] .neutral::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-neutral,
strong.neutral,
label.ds-neutral,
label.neutral,
.row-label.ds-neutral {
  color: var(--ds-neutral);
}
[ds-badge].ds-neutral {
  color: var(--ds-neutral-lighter-0);
}
sl-switch.ds-neutral[checked]::part(control),
sl-switch.neutral[checked]::part(control) {
  background-color: var(--ds-neutral);
  border-color: var(--ds-neutral);
}
sl-switch.ds-neutral[checked]::part(label),
sl-switch.neutral[checked]::part(label) {
  color: var(--ds-neutral);
}
sl-switch.ds-neutral[checked]::part(thumb),
sl-switch.neutral[checked]::part(thumb) {
  border-color: var(--ds-neutral);
}
sl-select.ds-neutral::part(display-input) {
  color: var(--ds-neutral);
}
sl-select::part(tag__content__ds-neutral) {
  color: var(--ds-neutral);
}
sl-option.ds-neutral::part(label) {
  color: var(--ds-neutral);
}
.tabulator-cell.ds-neutral,
.ds-button.ds-neutral,
section.ds-neutral,
span.ds-neutral,
span.neutral,
p.ds-neutral,
p.neutral,
i.neutral {
  color: var(--ds-neutral);
}
#connection-table .tabulator-cell.ds-neutral {
  position: relative;
}
#connection-table .tabulator-cell.ds-neutral::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-neutral) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-neutral::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-neutral-lighter-0,
.neutral-lighter-0 {
  color: var(--ds-neutral-lighter-0);
}
.ds-neutral-lighter-1,
.neutral-lighter-1 {
  color: var(--ds-neutral-lighter-1);
}
.ds-neutral-lighter-2,
.neutral-lighter-2 {
  color: var(--ds-neutral-lighter-2);
}
.ds-neutral-lighter-3,
.neutral-lighter-3 {
  color: var(--ds-neutral-lighter-3);
}
.ds-neutral-darker-0,
.neutral-darker-0 {
  color: var(--ds-neutral-darker-0);
}
.ds-neutral-darker-1,
.neutral-darker-1 {
  color: var(--ds-neutral-darker-1);
}
.ds-neutral-darker-2,
.neutral-darker-2 {
  color: var(--ds-neutral-darker-2);
}
.ds-neutral-darker-3,
.neutral-darker-3 {
  color: var(--ds-neutral-darker-3);
}
.ds-neutral-background,
.neutral-background {
  background-color: var(--ds-neutral);
}
.ds-neutral-background-darker,
.neutral-background-darker {
  background-color: var(--ds-neutral-darker-0);
}
.ds-neutral-box-shadow,
.neutral-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-neutral-darker-0);
}
.ds-neutral-border {
  border-color: var(--ds-neutral);
}
.hp-board > div.agent-group.ds-neutral sl-progress-bar {
  --indicator-color: var(--ds-neutral);
}
.hp-board > div.agent-group.ds-neutral .name {
  color: var(--ds-neutral);
}
.ds-neutral-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-neutral-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-neutral-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-neutral:hover::part(base),
sl-tab.ds-neutral[aria-selected="true"]::part(base) {
  color: var(--ds-neutral);
}
sl-tree-item.ds-neutral::part(base) {
  color: var(--ds-neutral);
}
sl-checkbox.ds-neutral::part(control) {
  border-color: var(--ds-neutral);
}
sl-checkbox.ds-neutral::part(label) {
  color: initial;
}
sl-checkbox.ds-neutral[checked]::part(control) {
  background: var(--ds-neutral-lighter-0);
}
sl-switch.ds-neutral::part(thumb) {
  border-color: var(--ds-neutral);
}
sl-switch.ds-neutral::part(label) {
  color: initial;
}
sl-switch.ds-neutral[checked]::part(control) {
  background: var(--ds-neutral-lighter-0);
  border-color: var(--ds-neutral);
}
.annotated-diagram.theme-neutral {
  --primary-color: var(--ds-neutral);
  --primary-color-darker-0: var(--ds-neutral-darker-0);
  --primary-color-darker-1: var(--ds-neutral-darker-1);
  --primary-color-lighter-0: var(--ds-neutral-lighter-0);
}
:root {
  --ds-neongreen: hsl(125, 55%, 58%);
  --ds-neongreen-lighter-0: hsl(125, 71.5%, 63.04%);
  --ds-neongreen-lighter-1: hsl(125, 49.5%, 64.3%);
  --ds-neongreen-lighter-2: hsl(125, 49.5%, 83.2%);
  --ds-neongreen-lighter-3: hsl(125, 49.5%, 95.8%);
  --ds-neongreen-darker-0: hsl(125, 57.75%, 53.65%);
  --ds-neongreen-darker-1: hsl(125, 44%, 44.95%);
  --ds-neongreen-darker-2: hsl(125, 38.5%, 31.9%);
  --ds-neongreen-darker-3: hsl(125, 33%, 18.85%);
}
[data-theme="light"] {
  --ds-neongreen: hsl(125, 44%, 44.95%);
  --ds-neongreen-lighter-1: hsl(125, 38.5%, 31.9%);
  --ds-neongreen-lighter-0: hsl(125, 38.5%, 31.9%);
  --ds-neongreen-darker-1: hsl(125, 49.5%, 64.3%);
  --ds-neongreen-darker-2: hsl(125, 49.5%, 83.2%);
  --ds-neongreen-darker-3: hsl(125, 49.5%, 95.8%);
  --ds-neongreen-darker-0: hsl(125, 71.5%, 63.04%);
}
[data-theme="light"] .ds-neongreen::part(label),
[data-theme="light"] .neongreen::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-neongreen,
strong.neongreen,
label.ds-neongreen,
label.neongreen,
.row-label.ds-neongreen {
  color: var(--ds-neongreen);
}
[ds-badge].ds-neongreen {
  color: var(--ds-neongreen-lighter-0);
}
sl-switch.ds-neongreen[checked]::part(control),
sl-switch.neongreen[checked]::part(control) {
  background-color: var(--ds-neongreen);
  border-color: var(--ds-neongreen);
}
sl-switch.ds-neongreen[checked]::part(label),
sl-switch.neongreen[checked]::part(label) {
  color: var(--ds-neongreen);
}
sl-switch.ds-neongreen[checked]::part(thumb),
sl-switch.neongreen[checked]::part(thumb) {
  border-color: var(--ds-neongreen);
}
sl-select.ds-neongreen::part(display-input) {
  color: var(--ds-neongreen);
}
sl-select::part(tag__content__ds-neongreen) {
  color: var(--ds-neongreen);
}
sl-option.ds-neongreen::part(label) {
  color: var(--ds-neongreen);
}
.tabulator-cell.ds-neongreen,
.ds-button.ds-neongreen,
section.ds-neongreen,
span.ds-neongreen,
span.neongreen,
p.ds-neongreen,
p.neongreen,
i.neongreen {
  color: var(--ds-neongreen);
}
#connection-table .tabulator-cell.ds-neongreen {
  position: relative;
}
#connection-table .tabulator-cell.ds-neongreen::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-neongreen) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-neongreen::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-neongreen-lighter-0,
.neongreen-lighter-0 {
  color: var(--ds-neongreen-lighter-0);
}
.ds-neongreen-lighter-1,
.neongreen-lighter-1 {
  color: var(--ds-neongreen-lighter-1);
}
.ds-neongreen-lighter-2,
.neongreen-lighter-2 {
  color: var(--ds-neongreen-lighter-2);
}
.ds-neongreen-lighter-3,
.neongreen-lighter-3 {
  color: var(--ds-neongreen-lighter-3);
}
.ds-neongreen-darker-0,
.neongreen-darker-0 {
  color: var(--ds-neongreen-darker-0);
}
.ds-neongreen-darker-1,
.neongreen-darker-1 {
  color: var(--ds-neongreen-darker-1);
}
.ds-neongreen-darker-2,
.neongreen-darker-2 {
  color: var(--ds-neongreen-darker-2);
}
.ds-neongreen-darker-3,
.neongreen-darker-3 {
  color: var(--ds-neongreen-darker-3);
}
.ds-neongreen-background,
.neongreen-background {
  background-color: var(--ds-neongreen);
}
.ds-neongreen-background-darker,
.neongreen-background-darker {
  background-color: var(--ds-neongreen-darker-0);
}
.ds-neongreen-box-shadow,
.neongreen-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-neongreen-darker-0);
}
.ds-neongreen-border {
  border-color: var(--ds-neongreen);
}
.hp-board > div.agent-group.ds-neongreen sl-progress-bar {
  --indicator-color: var(--ds-neongreen);
}
.hp-board > div.agent-group.ds-neongreen .name {
  color: var(--ds-neongreen);
}
.ds-neongreen-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-neongreen-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-neongreen-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-neongreen:hover::part(base),
sl-tab.ds-neongreen[aria-selected="true"]::part(base) {
  color: var(--ds-neongreen);
}
sl-tree-item.ds-neongreen::part(base) {
  color: var(--ds-neongreen);
}
sl-checkbox.ds-neongreen::part(control) {
  border-color: var(--ds-neongreen);
}
sl-checkbox.ds-neongreen::part(label) {
  color: initial;
}
sl-checkbox.ds-neongreen[checked]::part(control) {
  background: var(--ds-neongreen-lighter-0);
}
sl-switch.ds-neongreen::part(thumb) {
  border-color: var(--ds-neongreen);
}
sl-switch.ds-neongreen::part(label) {
  color: initial;
}
sl-switch.ds-neongreen[checked]::part(control) {
  background: var(--ds-neongreen-lighter-0);
  border-color: var(--ds-neongreen);
}
.annotated-diagram.theme-neongreen {
  --primary-color: var(--ds-neongreen);
  --primary-color-darker-0: var(--ds-neongreen-darker-0);
  --primary-color-darker-1: var(--ds-neongreen-darker-1);
  --primary-color-lighter-0: var(--ds-neongreen-lighter-0);
}
:root {
  --ds-moneygreen: hsl(165, 100%, 33%);
  --ds-moneygreen-lighter-0: hsl(165, 100%, 41.04%);
  --ds-moneygreen-lighter-1: hsl(165, 90%, 43.05%);
  --ds-moneygreen-lighter-2: hsl(165, 90%, 73.2%);
  --ds-moneygreen-lighter-3: hsl(165, 90%, 93.3%);
  --ds-moneygreen-darker-0: hsl(165, 100%, 30.525%);
  --ds-moneygreen-darker-1: hsl(165, 80%, 25.575%);
  --ds-moneygreen-darker-2: hsl(165, 70%, 18.15%);
  --ds-moneygreen-darker-3: hsl(165, 60%, 10.725%);
}
[data-theme="light"] {
  --ds-moneygreen: hsl(165, 80%, 25.575%);
  --ds-moneygreen-lighter-1: hsl(165, 70%, 18.15%);
  --ds-moneygreen-lighter-0: hsl(165, 70%, 18.15%);
  --ds-moneygreen-darker-1: hsl(165, 90%, 43.05%);
  --ds-moneygreen-darker-2: hsl(165, 90%, 73.2%);
  --ds-moneygreen-darker-3: hsl(165, 90%, 93.3%);
  --ds-moneygreen-darker-0: hsl(165, 100%, 41.04%);
}
[data-theme="light"] .ds-moneygreen::part(label),
[data-theme="light"] .moneygreen::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-moneygreen,
strong.moneygreen,
label.ds-moneygreen,
label.moneygreen,
.row-label.ds-moneygreen {
  color: var(--ds-moneygreen);
}
[ds-badge].ds-moneygreen {
  color: var(--ds-moneygreen-lighter-0);
}
sl-switch.ds-moneygreen[checked]::part(control),
sl-switch.moneygreen[checked]::part(control) {
  background-color: var(--ds-moneygreen);
  border-color: var(--ds-moneygreen);
}
sl-switch.ds-moneygreen[checked]::part(label),
sl-switch.moneygreen[checked]::part(label) {
  color: var(--ds-moneygreen);
}
sl-switch.ds-moneygreen[checked]::part(thumb),
sl-switch.moneygreen[checked]::part(thumb) {
  border-color: var(--ds-moneygreen);
}
sl-select.ds-moneygreen::part(display-input) {
  color: var(--ds-moneygreen);
}
sl-select::part(tag__content__ds-moneygreen) {
  color: var(--ds-moneygreen);
}
sl-option.ds-moneygreen::part(label) {
  color: var(--ds-moneygreen);
}
.tabulator-cell.ds-moneygreen,
.ds-button.ds-moneygreen,
section.ds-moneygreen,
span.ds-moneygreen,
span.moneygreen,
p.ds-moneygreen,
p.moneygreen,
i.moneygreen {
  color: var(--ds-moneygreen);
}
#connection-table .tabulator-cell.ds-moneygreen {
  position: relative;
}
#connection-table .tabulator-cell.ds-moneygreen::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-moneygreen) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-moneygreen::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-moneygreen-lighter-0,
.moneygreen-lighter-0 {
  color: var(--ds-moneygreen-lighter-0);
}
.ds-moneygreen-lighter-1,
.moneygreen-lighter-1 {
  color: var(--ds-moneygreen-lighter-1);
}
.ds-moneygreen-lighter-2,
.moneygreen-lighter-2 {
  color: var(--ds-moneygreen-lighter-2);
}
.ds-moneygreen-lighter-3,
.moneygreen-lighter-3 {
  color: var(--ds-moneygreen-lighter-3);
}
.ds-moneygreen-darker-0,
.moneygreen-darker-0 {
  color: var(--ds-moneygreen-darker-0);
}
.ds-moneygreen-darker-1,
.moneygreen-darker-1 {
  color: var(--ds-moneygreen-darker-1);
}
.ds-moneygreen-darker-2,
.moneygreen-darker-2 {
  color: var(--ds-moneygreen-darker-2);
}
.ds-moneygreen-darker-3,
.moneygreen-darker-3 {
  color: var(--ds-moneygreen-darker-3);
}
.ds-moneygreen-background,
.moneygreen-background {
  background-color: var(--ds-moneygreen);
}
.ds-moneygreen-background-darker,
.moneygreen-background-darker {
  background-color: var(--ds-moneygreen-darker-0);
}
.ds-moneygreen-box-shadow,
.moneygreen-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-moneygreen-darker-0);
}
.ds-moneygreen-border {
  border-color: var(--ds-moneygreen);
}
.hp-board > div.agent-group.ds-moneygreen sl-progress-bar {
  --indicator-color: var(--ds-moneygreen);
}
.hp-board > div.agent-group.ds-moneygreen .name {
  color: var(--ds-moneygreen);
}
.ds-moneygreen-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-moneygreen-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-moneygreen-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-moneygreen:hover::part(base),
sl-tab.ds-moneygreen[aria-selected="true"]::part(base) {
  color: var(--ds-moneygreen);
}
sl-tree-item.ds-moneygreen::part(base) {
  color: var(--ds-moneygreen);
}
sl-checkbox.ds-moneygreen::part(control) {
  border-color: var(--ds-moneygreen);
}
sl-checkbox.ds-moneygreen::part(label) {
  color: initial;
}
sl-checkbox.ds-moneygreen[checked]::part(control) {
  background: var(--ds-moneygreen-lighter-0);
}
sl-switch.ds-moneygreen::part(thumb) {
  border-color: var(--ds-moneygreen);
}
sl-switch.ds-moneygreen::part(label) {
  color: initial;
}
sl-switch.ds-moneygreen[checked]::part(control) {
  background: var(--ds-moneygreen-lighter-0);
  border-color: var(--ds-moneygreen);
}
.annotated-diagram.theme-moneygreen {
  --primary-color: var(--ds-moneygreen);
  --primary-color-darker-0: var(--ds-moneygreen-darker-0);
  --primary-color-darker-1: var(--ds-moneygreen-darker-1);
  --primary-color-lighter-0: var(--ds-moneygreen-lighter-0);
}
:root {
  --ds-magenta: hsl(340, 83%, 73%);
  --ds-magenta-lighter-0: hsl(340, 100%, 76.24%);
  --ds-magenta-lighter-1: hsl(340, 74.7%, 77.05%);
  --ds-magenta-lighter-2: hsl(340, 74.7%, 89.2%);
  --ds-magenta-lighter-3: hsl(340, 74.7%, 97.3%);
  --ds-magenta-darker-0: hsl(340, 87.15%, 67.525%);
  --ds-magenta-darker-1: hsl(340, 66.4%, 56.575%);
  --ds-magenta-darker-2: hsl(340, 58.1%, 40.15%);
  --ds-magenta-darker-3: hsl(340, 49.8%, 23.725%);
}
[data-theme="light"] {
  --ds-magenta: hsl(340, 66.4%, 56.575%);
  --ds-magenta-lighter-1: hsl(340, 58.1%, 40.15%);
  --ds-magenta-lighter-0: hsl(340, 58.1%, 40.15%);
  --ds-magenta-darker-1: hsl(340, 74.7%, 77.05%);
  --ds-magenta-darker-2: hsl(340, 74.7%, 89.2%);
  --ds-magenta-darker-3: hsl(340, 74.7%, 97.3%);
  --ds-magenta-darker-0: hsl(340, 100%, 76.24%);
}
[data-theme="light"] .ds-magenta::part(label),
[data-theme="light"] .magenta::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-magenta,
strong.magenta,
label.ds-magenta,
label.magenta,
.row-label.ds-magenta {
  color: var(--ds-magenta);
}
[ds-badge].ds-magenta {
  color: var(--ds-magenta-lighter-0);
}
sl-switch.ds-magenta[checked]::part(control),
sl-switch.magenta[checked]::part(control) {
  background-color: var(--ds-magenta);
  border-color: var(--ds-magenta);
}
sl-switch.ds-magenta[checked]::part(label),
sl-switch.magenta[checked]::part(label) {
  color: var(--ds-magenta);
}
sl-switch.ds-magenta[checked]::part(thumb),
sl-switch.magenta[checked]::part(thumb) {
  border-color: var(--ds-magenta);
}
sl-select.ds-magenta::part(display-input) {
  color: var(--ds-magenta);
}
sl-select::part(tag__content__ds-magenta) {
  color: var(--ds-magenta);
}
sl-option.ds-magenta::part(label) {
  color: var(--ds-magenta);
}
.tabulator-cell.ds-magenta,
.ds-button.ds-magenta,
section.ds-magenta,
span.ds-magenta,
span.magenta,
p.ds-magenta,
p.magenta,
i.magenta {
  color: var(--ds-magenta);
}
#connection-table .tabulator-cell.ds-magenta {
  position: relative;
}
#connection-table .tabulator-cell.ds-magenta::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-magenta) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-magenta::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-magenta-lighter-0,
.magenta-lighter-0 {
  color: var(--ds-magenta-lighter-0);
}
.ds-magenta-lighter-1,
.magenta-lighter-1 {
  color: var(--ds-magenta-lighter-1);
}
.ds-magenta-lighter-2,
.magenta-lighter-2 {
  color: var(--ds-magenta-lighter-2);
}
.ds-magenta-lighter-3,
.magenta-lighter-3 {
  color: var(--ds-magenta-lighter-3);
}
.ds-magenta-darker-0,
.magenta-darker-0 {
  color: var(--ds-magenta-darker-0);
}
.ds-magenta-darker-1,
.magenta-darker-1 {
  color: var(--ds-magenta-darker-1);
}
.ds-magenta-darker-2,
.magenta-darker-2 {
  color: var(--ds-magenta-darker-2);
}
.ds-magenta-darker-3,
.magenta-darker-3 {
  color: var(--ds-magenta-darker-3);
}
.ds-magenta-background,
.magenta-background {
  background-color: var(--ds-magenta);
}
.ds-magenta-background-darker,
.magenta-background-darker {
  background-color: var(--ds-magenta-darker-0);
}
.ds-magenta-box-shadow,
.magenta-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-magenta-darker-0);
}
.ds-magenta-border {
  border-color: var(--ds-magenta);
}
.hp-board > div.agent-group.ds-magenta sl-progress-bar {
  --indicator-color: var(--ds-magenta);
}
.hp-board > div.agent-group.ds-magenta .name {
  color: var(--ds-magenta);
}
.ds-magenta-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-magenta-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-magenta-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-magenta:hover::part(base),
sl-tab.ds-magenta[aria-selected="true"]::part(base) {
  color: var(--ds-magenta);
}
sl-tree-item.ds-magenta::part(base) {
  color: var(--ds-magenta);
}
sl-checkbox.ds-magenta::part(control) {
  border-color: var(--ds-magenta);
}
sl-checkbox.ds-magenta::part(label) {
  color: initial;
}
sl-checkbox.ds-magenta[checked]::part(control) {
  background: var(--ds-magenta-lighter-0);
}
sl-switch.ds-magenta::part(thumb) {
  border-color: var(--ds-magenta);
}
sl-switch.ds-magenta::part(label) {
  color: initial;
}
sl-switch.ds-magenta[checked]::part(control) {
  background: var(--ds-magenta-lighter-0);
  border-color: var(--ds-magenta);
}
.annotated-diagram.theme-magenta {
  --primary-color: var(--ds-magenta);
  --primary-color-darker-0: var(--ds-magenta-darker-0);
  --primary-color-darker-1: var(--ds-magenta-darker-1);
  --primary-color-lighter-0: var(--ds-magenta-lighter-0);
}
:root {
  --ds-guavagreen: hsl(143, 60%, 53%);
  --ds-guavagreen-lighter-0: hsl(143, 78%, 58.64%);
  --ds-guavagreen-lighter-1: hsl(143, 54%, 60.05%);
  --ds-guavagreen-lighter-2: hsl(143, 54%, 81.2%);
  --ds-guavagreen-lighter-3: hsl(143, 54%, 95.3%);
  --ds-guavagreen-darker-0: hsl(143, 63%, 49.025%);
  --ds-guavagreen-darker-1: hsl(143, 48%, 41.075%);
  --ds-guavagreen-darker-2: hsl(143, 42%, 29.15%);
  --ds-guavagreen-darker-3: hsl(143, 36%, 17.225%);
}
[data-theme="light"] {
  --ds-guavagreen: hsl(143, 48%, 41.075%);
  --ds-guavagreen-lighter-1: hsl(143, 42%, 29.15%);
  --ds-guavagreen-lighter-0: hsl(143, 42%, 29.15%);
  --ds-guavagreen-darker-1: hsl(143, 54%, 60.05%);
  --ds-guavagreen-darker-2: hsl(143, 54%, 81.2%);
  --ds-guavagreen-darker-3: hsl(143, 54%, 95.3%);
  --ds-guavagreen-darker-0: hsl(143, 78%, 58.64%);
}
[data-theme="light"] .ds-guavagreen::part(label),
[data-theme="light"] .guavagreen::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-guavagreen,
strong.guavagreen,
label.ds-guavagreen,
label.guavagreen,
.row-label.ds-guavagreen {
  color: var(--ds-guavagreen);
}
[ds-badge].ds-guavagreen {
  color: var(--ds-guavagreen-lighter-0);
}
sl-switch.ds-guavagreen[checked]::part(control),
sl-switch.guavagreen[checked]::part(control) {
  background-color: var(--ds-guavagreen);
  border-color: var(--ds-guavagreen);
}
sl-switch.ds-guavagreen[checked]::part(label),
sl-switch.guavagreen[checked]::part(label) {
  color: var(--ds-guavagreen);
}
sl-switch.ds-guavagreen[checked]::part(thumb),
sl-switch.guavagreen[checked]::part(thumb) {
  border-color: var(--ds-guavagreen);
}
sl-select.ds-guavagreen::part(display-input) {
  color: var(--ds-guavagreen);
}
sl-select::part(tag__content__ds-guavagreen) {
  color: var(--ds-guavagreen);
}
sl-option.ds-guavagreen::part(label) {
  color: var(--ds-guavagreen);
}
.tabulator-cell.ds-guavagreen,
.ds-button.ds-guavagreen,
section.ds-guavagreen,
span.ds-guavagreen,
span.guavagreen,
p.ds-guavagreen,
p.guavagreen,
i.guavagreen {
  color: var(--ds-guavagreen);
}
#connection-table .tabulator-cell.ds-guavagreen {
  position: relative;
}
#connection-table .tabulator-cell.ds-guavagreen::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-guavagreen) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-guavagreen::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-guavagreen-lighter-0,
.guavagreen-lighter-0 {
  color: var(--ds-guavagreen-lighter-0);
}
.ds-guavagreen-lighter-1,
.guavagreen-lighter-1 {
  color: var(--ds-guavagreen-lighter-1);
}
.ds-guavagreen-lighter-2,
.guavagreen-lighter-2 {
  color: var(--ds-guavagreen-lighter-2);
}
.ds-guavagreen-lighter-3,
.guavagreen-lighter-3 {
  color: var(--ds-guavagreen-lighter-3);
}
.ds-guavagreen-darker-0,
.guavagreen-darker-0 {
  color: var(--ds-guavagreen-darker-0);
}
.ds-guavagreen-darker-1,
.guavagreen-darker-1 {
  color: var(--ds-guavagreen-darker-1);
}
.ds-guavagreen-darker-2,
.guavagreen-darker-2 {
  color: var(--ds-guavagreen-darker-2);
}
.ds-guavagreen-darker-3,
.guavagreen-darker-3 {
  color: var(--ds-guavagreen-darker-3);
}
.ds-guavagreen-background,
.guavagreen-background {
  background-color: var(--ds-guavagreen);
}
.ds-guavagreen-background-darker,
.guavagreen-background-darker {
  background-color: var(--ds-guavagreen-darker-0);
}
.ds-guavagreen-box-shadow,
.guavagreen-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-guavagreen-darker-0);
}
.ds-guavagreen-border {
  border-color: var(--ds-guavagreen);
}
.hp-board > div.agent-group.ds-guavagreen sl-progress-bar {
  --indicator-color: var(--ds-guavagreen);
}
.hp-board > div.agent-group.ds-guavagreen .name {
  color: var(--ds-guavagreen);
}
.ds-guavagreen-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-guavagreen-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-guavagreen-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-guavagreen:hover::part(base),
sl-tab.ds-guavagreen[aria-selected="true"]::part(base) {
  color: var(--ds-guavagreen);
}
sl-tree-item.ds-guavagreen::part(base) {
  color: var(--ds-guavagreen);
}
sl-checkbox.ds-guavagreen::part(control) {
  border-color: var(--ds-guavagreen);
}
sl-checkbox.ds-guavagreen::part(label) {
  color: initial;
}
sl-checkbox.ds-guavagreen[checked]::part(control) {
  background: var(--ds-guavagreen-lighter-0);
}
sl-switch.ds-guavagreen::part(thumb) {
  border-color: var(--ds-guavagreen);
}
sl-switch.ds-guavagreen::part(label) {
  color: initial;
}
sl-switch.ds-guavagreen[checked]::part(control) {
  background: var(--ds-guavagreen-lighter-0);
  border-color: var(--ds-guavagreen);
}
.annotated-diagram.theme-guavagreen {
  --primary-color: var(--ds-guavagreen);
  --primary-color-darker-0: var(--ds-guavagreen-darker-0);
  --primary-color-darker-1: var(--ds-guavagreen-darker-1);
  --primary-color-lighter-0: var(--ds-guavagreen-lighter-0);
}
:root {
  --ds-gray: hsl(0, 0%, 53%);
  --ds-gray-lighter-0: hsl(0, 0%, 58.64%);
  --ds-gray-lighter-1: hsl(0, 0%, 60.05%);
  --ds-gray-lighter-2: hsl(0, 0%, 81.2%);
  --ds-gray-lighter-3: hsl(0, 0%, 95.3%);
  --ds-gray-darker-0: hsl(0, 0%, 49.025%);
  --ds-gray-darker-1: hsl(0, 0%, 41.075%);
  --ds-gray-darker-2: hsl(0, 0%, 29.15%);
  --ds-gray-darker-3: hsl(0, 0%, 17.225%);
}
[data-theme="light"] {
  --ds-gray: hsl(0, 0%, 41.075%);
  --ds-gray-lighter-1: hsl(0, 0%, 29.15%);
  --ds-gray-lighter-0: hsl(0, 0%, 29.15%);
  --ds-gray-darker-1: hsl(0, 0%, 60.05%);
  --ds-gray-darker-2: hsl(0, 0%, 81.2%);
  --ds-gray-darker-3: hsl(0, 0%, 95.3%);
  --ds-gray-darker-0: hsl(0, 0%, 58.64%);
}
[data-theme="light"] .ds-gray::part(label),
[data-theme="light"] .gray::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-gray,
strong.gray,
label.ds-gray,
label.gray,
.row-label.ds-gray {
  color: var(--ds-gray);
}
[ds-badge].ds-gray {
  color: var(--ds-gray-lighter-0);
}
sl-switch.ds-gray[checked]::part(control),
sl-switch.gray[checked]::part(control) {
  background-color: var(--ds-gray);
  border-color: var(--ds-gray);
}
sl-switch.ds-gray[checked]::part(label),
sl-switch.gray[checked]::part(label) {
  color: var(--ds-gray);
}
sl-switch.ds-gray[checked]::part(thumb),
sl-switch.gray[checked]::part(thumb) {
  border-color: var(--ds-gray);
}
sl-select.ds-gray::part(display-input) {
  color: var(--ds-gray);
}
sl-select::part(tag__content__ds-gray) {
  color: var(--ds-gray);
}
sl-option.ds-gray::part(label) {
  color: var(--ds-gray);
}
.tabulator-cell.ds-gray,
.ds-button.ds-gray,
section.ds-gray,
span.ds-gray,
span.gray,
p.ds-gray,
p.gray,
i.gray {
  color: var(--ds-gray);
}
#connection-table .tabulator-cell.ds-gray {
  position: relative;
}
#connection-table .tabulator-cell.ds-gray::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-gray) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-gray::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-gray-lighter-0,
.gray-lighter-0 {
  color: var(--ds-gray-lighter-0);
}
.ds-gray-lighter-1,
.gray-lighter-1 {
  color: var(--ds-gray-lighter-1);
}
.ds-gray-lighter-2,
.gray-lighter-2 {
  color: var(--ds-gray-lighter-2);
}
.ds-gray-lighter-3,
.gray-lighter-3 {
  color: var(--ds-gray-lighter-3);
}
.ds-gray-darker-0,
.gray-darker-0 {
  color: var(--ds-gray-darker-0);
}
.ds-gray-darker-1,
.gray-darker-1 {
  color: var(--ds-gray-darker-1);
}
.ds-gray-darker-2,
.gray-darker-2 {
  color: var(--ds-gray-darker-2);
}
.ds-gray-darker-3,
.gray-darker-3 {
  color: var(--ds-gray-darker-3);
}
.ds-gray-background,
.gray-background {
  background-color: var(--ds-gray);
}
.ds-gray-background-darker,
.gray-background-darker {
  background-color: var(--ds-gray-darker-0);
}
.ds-gray-box-shadow,
.gray-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-gray-darker-0);
}
.ds-gray-border {
  border-color: var(--ds-gray);
}
.hp-board > div.agent-group.ds-gray sl-progress-bar {
  --indicator-color: var(--ds-gray);
}
.hp-board > div.agent-group.ds-gray .name {
  color: var(--ds-gray);
}
.ds-gray-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-gray-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-gray-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-gray:hover::part(base),
sl-tab.ds-gray[aria-selected="true"]::part(base) {
  color: var(--ds-gray);
}
sl-tree-item.ds-gray::part(base) {
  color: var(--ds-gray);
}
sl-checkbox.ds-gray::part(control) {
  border-color: var(--ds-gray);
}
sl-checkbox.ds-gray::part(label) {
  color: initial;
}
sl-checkbox.ds-gray[checked]::part(control) {
  background: var(--ds-gray-lighter-0);
}
sl-switch.ds-gray::part(thumb) {
  border-color: var(--ds-gray);
}
sl-switch.ds-gray::part(label) {
  color: initial;
}
sl-switch.ds-gray[checked]::part(control) {
  background: var(--ds-gray-lighter-0);
  border-color: var(--ds-gray);
}
.annotated-diagram.theme-gray {
  --primary-color: var(--ds-gray);
  --primary-color-darker-0: var(--ds-gray-darker-0);
  --primary-color-darker-1: var(--ds-gray-darker-1);
  --primary-color-lighter-0: var(--ds-gray-lighter-0);
}
:root {
  --ds-green: hsl(143, 49%, 61%);
  --ds-green-lighter-0: hsl(143, 63.7%, 65.68%);
  --ds-green-lighter-1: hsl(143, 44.1%, 66.85%);
  --ds-green-lighter-2: hsl(143, 44.1%, 84.4%);
  --ds-green-lighter-3: hsl(143, 44.1%, 96.1%);
  --ds-green-darker-0: hsl(143, 51.45%, 56.425%);
  --ds-green-darker-1: hsl(143, 39.2%, 47.275%);
  --ds-green-darker-2: hsl(143, 34.3%, 33.55%);
  --ds-green-darker-3: hsl(143, 29.4%, 19.825%);
}
[data-theme="light"] {
  --ds-green: hsl(143, 39.2%, 47.275%);
  --ds-green-lighter-1: hsl(143, 34.3%, 33.55%);
  --ds-green-lighter-0: hsl(143, 34.3%, 33.55%);
  --ds-green-darker-1: hsl(143, 44.1%, 66.85%);
  --ds-green-darker-2: hsl(143, 44.1%, 84.4%);
  --ds-green-darker-3: hsl(143, 44.1%, 96.1%);
  --ds-green-darker-0: hsl(143, 63.7%, 65.68%);
}
[data-theme="light"] .ds-green::part(label),
[data-theme="light"] .green::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-green,
strong.green,
label.ds-green,
label.green,
.row-label.ds-green {
  color: var(--ds-green);
}
[ds-badge].ds-green {
  color: var(--ds-green-lighter-0);
}
sl-switch.ds-green[checked]::part(control),
sl-switch.green[checked]::part(control) {
  background-color: var(--ds-green);
  border-color: var(--ds-green);
}
sl-switch.ds-green[checked]::part(label),
sl-switch.green[checked]::part(label) {
  color: var(--ds-green);
}
sl-switch.ds-green[checked]::part(thumb),
sl-switch.green[checked]::part(thumb) {
  border-color: var(--ds-green);
}
sl-select.ds-green::part(display-input) {
  color: var(--ds-green);
}
sl-select::part(tag__content__ds-green) {
  color: var(--ds-green);
}
sl-option.ds-green::part(label) {
  color: var(--ds-green);
}
.tabulator-cell.ds-green,
.ds-button.ds-green,
section.ds-green,
span.ds-green,
span.green,
p.ds-green,
p.green,
i.green {
  color: var(--ds-green);
}
#connection-table .tabulator-cell.ds-green {
  position: relative;
}
#connection-table .tabulator-cell.ds-green::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-green) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-green::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-green-lighter-0,
.green-lighter-0 {
  color: var(--ds-green-lighter-0);
}
.ds-green-lighter-1,
.green-lighter-1 {
  color: var(--ds-green-lighter-1);
}
.ds-green-lighter-2,
.green-lighter-2 {
  color: var(--ds-green-lighter-2);
}
.ds-green-lighter-3,
.green-lighter-3 {
  color: var(--ds-green-lighter-3);
}
.ds-green-darker-0,
.green-darker-0 {
  color: var(--ds-green-darker-0);
}
.ds-green-darker-1,
.green-darker-1 {
  color: var(--ds-green-darker-1);
}
.ds-green-darker-2,
.green-darker-2 {
  color: var(--ds-green-darker-2);
}
.ds-green-darker-3,
.green-darker-3 {
  color: var(--ds-green-darker-3);
}
.ds-green-background,
.green-background {
  background-color: var(--ds-green);
}
.ds-green-background-darker,
.green-background-darker {
  background-color: var(--ds-green-darker-0);
}
.ds-green-box-shadow,
.green-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-green-darker-0);
}
.ds-green-border {
  border-color: var(--ds-green);
}
.hp-board > div.agent-group.ds-green sl-progress-bar {
  --indicator-color: var(--ds-green);
}
.hp-board > div.agent-group.ds-green .name {
  color: var(--ds-green);
}
.ds-green-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-green-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-green-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-green:hover::part(base),
sl-tab.ds-green[aria-selected="true"]::part(base) {
  color: var(--ds-green);
}
sl-tree-item.ds-green::part(base) {
  color: var(--ds-green);
}
sl-checkbox.ds-green::part(control) {
  border-color: var(--ds-green);
}
sl-checkbox.ds-green::part(label) {
  color: initial;
}
sl-checkbox.ds-green[checked]::part(control) {
  background: var(--ds-green-lighter-0);
}
sl-switch.ds-green::part(thumb) {
  border-color: var(--ds-green);
}
sl-switch.ds-green::part(label) {
  color: initial;
}
sl-switch.ds-green[checked]::part(control) {
  background: var(--ds-green-lighter-0);
  border-color: var(--ds-green);
}
.annotated-diagram.theme-green {
  --primary-color: var(--ds-green);
  --primary-color-darker-0: var(--ds-green-darker-0);
  --primary-color-darker-1: var(--ds-green-darker-1);
  --primary-color-lighter-0: var(--ds-green-lighter-0);
}
:root {
  --ds-deepblue: hsl(211, 100%, 50%);
  --ds-deepblue-lighter-0: hsl(211, 100%, 56%);
  --ds-deepblue-lighter-1: hsl(211, 90%, 57.5%);
  --ds-deepblue-lighter-2: hsl(211, 90%, 80%);
  --ds-deepblue-lighter-3: hsl(211, 90%, 95%);
  --ds-deepblue-darker-0: hsl(211, 100%, 46.25%);
  --ds-deepblue-darker-1: hsl(211, 80%, 38.75%);
  --ds-deepblue-darker-2: hsl(211, 70%, 27.5%);
  --ds-deepblue-darker-3: hsl(211, 60%, 16.25%);
}
[data-theme="light"] {
  --ds-deepblue: hsl(211, 80%, 38.75%);
  --ds-deepblue-lighter-1: hsl(211, 70%, 27.5%);
  --ds-deepblue-lighter-0: hsl(211, 70%, 27.5%);
  --ds-deepblue-darker-1: hsl(211, 90%, 57.5%);
  --ds-deepblue-darker-2: hsl(211, 90%, 80%);
  --ds-deepblue-darker-3: hsl(211, 90%, 95%);
  --ds-deepblue-darker-0: hsl(211, 100%, 56%);
}
[data-theme="light"] .ds-deepblue::part(label),
[data-theme="light"] .deepblue::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-deepblue,
strong.deepblue,
label.ds-deepblue,
label.deepblue,
.row-label.ds-deepblue {
  color: var(--ds-deepblue);
}
[ds-badge].ds-deepblue {
  color: var(--ds-deepblue-lighter-0);
}
sl-switch.ds-deepblue[checked]::part(control),
sl-switch.deepblue[checked]::part(control) {
  background-color: var(--ds-deepblue);
  border-color: var(--ds-deepblue);
}
sl-switch.ds-deepblue[checked]::part(label),
sl-switch.deepblue[checked]::part(label) {
  color: var(--ds-deepblue);
}
sl-switch.ds-deepblue[checked]::part(thumb),
sl-switch.deepblue[checked]::part(thumb) {
  border-color: var(--ds-deepblue);
}
sl-select.ds-deepblue::part(display-input) {
  color: var(--ds-deepblue);
}
sl-select::part(tag__content__ds-deepblue) {
  color: var(--ds-deepblue);
}
sl-option.ds-deepblue::part(label) {
  color: var(--ds-deepblue);
}
.tabulator-cell.ds-deepblue,
.ds-button.ds-deepblue,
section.ds-deepblue,
span.ds-deepblue,
span.deepblue,
p.ds-deepblue,
p.deepblue,
i.deepblue {
  color: var(--ds-deepblue);
}
#connection-table .tabulator-cell.ds-deepblue {
  position: relative;
}
#connection-table .tabulator-cell.ds-deepblue::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-deepblue) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-deepblue::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-deepblue-lighter-0,
.deepblue-lighter-0 {
  color: var(--ds-deepblue-lighter-0);
}
.ds-deepblue-lighter-1,
.deepblue-lighter-1 {
  color: var(--ds-deepblue-lighter-1);
}
.ds-deepblue-lighter-2,
.deepblue-lighter-2 {
  color: var(--ds-deepblue-lighter-2);
}
.ds-deepblue-lighter-3,
.deepblue-lighter-3 {
  color: var(--ds-deepblue-lighter-3);
}
.ds-deepblue-darker-0,
.deepblue-darker-0 {
  color: var(--ds-deepblue-darker-0);
}
.ds-deepblue-darker-1,
.deepblue-darker-1 {
  color: var(--ds-deepblue-darker-1);
}
.ds-deepblue-darker-2,
.deepblue-darker-2 {
  color: var(--ds-deepblue-darker-2);
}
.ds-deepblue-darker-3,
.deepblue-darker-3 {
  color: var(--ds-deepblue-darker-3);
}
.ds-deepblue-background,
.deepblue-background {
  background-color: var(--ds-deepblue);
}
.ds-deepblue-background-darker,
.deepblue-background-darker {
  background-color: var(--ds-deepblue-darker-0);
}
.ds-deepblue-box-shadow,
.deepblue-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-deepblue-darker-0);
}
.ds-deepblue-border {
  border-color: var(--ds-deepblue);
}
.hp-board > div.agent-group.ds-deepblue sl-progress-bar {
  --indicator-color: var(--ds-deepblue);
}
.hp-board > div.agent-group.ds-deepblue .name {
  color: var(--ds-deepblue);
}
.ds-deepblue-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-deepblue-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-deepblue-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-deepblue:hover::part(base),
sl-tab.ds-deepblue[aria-selected="true"]::part(base) {
  color: var(--ds-deepblue);
}
sl-tree-item.ds-deepblue::part(base) {
  color: var(--ds-deepblue);
}
sl-checkbox.ds-deepblue::part(control) {
  border-color: var(--ds-deepblue);
}
sl-checkbox.ds-deepblue::part(label) {
  color: initial;
}
sl-checkbox.ds-deepblue[checked]::part(control) {
  background: var(--ds-deepblue-lighter-0);
}
sl-switch.ds-deepblue::part(thumb) {
  border-color: var(--ds-deepblue);
}
sl-switch.ds-deepblue::part(label) {
  color: initial;
}
sl-switch.ds-deepblue[checked]::part(control) {
  background: var(--ds-deepblue-lighter-0);
  border-color: var(--ds-deepblue);
}
.annotated-diagram.theme-deepblue {
  --primary-color: var(--ds-deepblue);
  --primary-color-darker-0: var(--ds-deepblue-darker-0);
  --primary-color-darker-1: var(--ds-deepblue-darker-1);
  --primary-color-lighter-0: var(--ds-deepblue-lighter-0);
}
:root {
  --ds-blue: hsl(214, 88%, 69%);
  --ds-blue-lighter-0: hsl(214, 100%, 72.72%);
  --ds-blue-lighter-1: hsl(214, 79.2%, 73.65%);
  --ds-blue-lighter-2: hsl(214, 79.2%, 87.6%);
  --ds-blue-lighter-3: hsl(214, 79.2%, 96.9%);
  --ds-blue-darker-0: hsl(214, 92.4%, 63.825%);
  --ds-blue-darker-1: hsl(214, 70.4%, 53.475%);
  --ds-blue-darker-2: hsl(214, 61.6%, 37.95%);
  --ds-blue-darker-3: hsl(214, 52.8%, 22.425%);
}
[data-theme="light"] {
  --ds-blue: hsl(214, 70.4%, 53.475%);
  --ds-blue-lighter-1: hsl(214, 61.6%, 37.95%);
  --ds-blue-lighter-0: hsl(214, 61.6%, 37.95%);
  --ds-blue-darker-1: hsl(214, 79.2%, 73.65%);
  --ds-blue-darker-2: hsl(214, 79.2%, 87.6%);
  --ds-blue-darker-3: hsl(214, 79.2%, 96.9%);
  --ds-blue-darker-0: hsl(214, 100%, 72.72%);
}
[data-theme="light"] .ds-blue::part(label),
[data-theme="light"] .blue::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-blue,
strong.blue,
label.ds-blue,
label.blue,
.row-label.ds-blue {
  color: var(--ds-blue);
}
[ds-badge].ds-blue {
  color: var(--ds-blue-lighter-0);
}
sl-switch.ds-blue[checked]::part(control),
sl-switch.blue[checked]::part(control) {
  background-color: var(--ds-blue);
  border-color: var(--ds-blue);
}
sl-switch.ds-blue[checked]::part(label),
sl-switch.blue[checked]::part(label) {
  color: var(--ds-blue);
}
sl-switch.ds-blue[checked]::part(thumb),
sl-switch.blue[checked]::part(thumb) {
  border-color: var(--ds-blue);
}
sl-select.ds-blue::part(display-input) {
  color: var(--ds-blue);
}
sl-select::part(tag__content__ds-blue) {
  color: var(--ds-blue);
}
sl-option.ds-blue::part(label) {
  color: var(--ds-blue);
}
.tabulator-cell.ds-blue,
.ds-button.ds-blue,
section.ds-blue,
span.ds-blue,
span.blue,
p.ds-blue,
p.blue,
i.blue {
  color: var(--ds-blue);
}
#connection-table .tabulator-cell.ds-blue {
  position: relative;
}
#connection-table .tabulator-cell.ds-blue::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-blue) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-blue::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-blue-lighter-0,
.blue-lighter-0 {
  color: var(--ds-blue-lighter-0);
}
.ds-blue-lighter-1,
.blue-lighter-1 {
  color: var(--ds-blue-lighter-1);
}
.ds-blue-lighter-2,
.blue-lighter-2 {
  color: var(--ds-blue-lighter-2);
}
.ds-blue-lighter-3,
.blue-lighter-3 {
  color: var(--ds-blue-lighter-3);
}
.ds-blue-darker-0,
.blue-darker-0 {
  color: var(--ds-blue-darker-0);
}
.ds-blue-darker-1,
.blue-darker-1 {
  color: var(--ds-blue-darker-1);
}
.ds-blue-darker-2,
.blue-darker-2 {
  color: var(--ds-blue-darker-2);
}
.ds-blue-darker-3,
.blue-darker-3 {
  color: var(--ds-blue-darker-3);
}
.ds-blue-background,
.blue-background {
  background-color: var(--ds-blue);
}
.ds-blue-background-darker,
.blue-background-darker {
  background-color: var(--ds-blue-darker-0);
}
.ds-blue-box-shadow,
.blue-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-blue-darker-0);
}
.ds-blue-border {
  border-color: var(--ds-blue);
}
.hp-board > div.agent-group.ds-blue sl-progress-bar {
  --indicator-color: var(--ds-blue);
}
.hp-board > div.agent-group.ds-blue .name {
  color: var(--ds-blue);
}
.ds-blue-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-blue-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-blue-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-blue:hover::part(base),
sl-tab.ds-blue[aria-selected="true"]::part(base) {
  color: var(--ds-blue);
}
sl-tree-item.ds-blue::part(base) {
  color: var(--ds-blue);
}
sl-checkbox.ds-blue::part(control) {
  border-color: var(--ds-blue);
}
sl-checkbox.ds-blue::part(label) {
  color: initial;
}
sl-checkbox.ds-blue[checked]::part(control) {
  background: var(--ds-blue-lighter-0);
}
sl-switch.ds-blue::part(thumb) {
  border-color: var(--ds-blue);
}
sl-switch.ds-blue::part(label) {
  color: initial;
}
sl-switch.ds-blue[checked]::part(control) {
  background: var(--ds-blue-lighter-0);
  border-color: var(--ds-blue);
}
.annotated-diagram.theme-blue {
  --primary-color: var(--ds-blue);
  --primary-color-darker-0: var(--ds-blue-darker-0);
  --primary-color-darker-1: var(--ds-blue-darker-1);
  --primary-color-lighter-0: var(--ds-blue-lighter-0);
}
:root {
  --ds-babyblue: hsl(197, 73%, 64%);
  --ds-babyblue-lighter-0: hsl(197, 94.9%, 68.32%);
  --ds-babyblue-lighter-1: hsl(197, 65.7%, 69.4%);
  --ds-babyblue-lighter-2: hsl(197, 65.7%, 85.6%);
  --ds-babyblue-lighter-3: hsl(197, 65.7%, 96.4%);
  --ds-babyblue-darker-0: hsl(197, 76.65%, 59.2%);
  --ds-babyblue-darker-1: hsl(197, 58.4%, 49.6%);
  --ds-babyblue-darker-2: hsl(197, 51.1%, 35.2%);
  --ds-babyblue-darker-3: hsl(197, 43.8%, 20.8%);
}
[data-theme="light"] {
  --ds-babyblue: hsl(197, 58.4%, 49.6%);
  --ds-babyblue-lighter-1: hsl(197, 51.1%, 35.2%);
  --ds-babyblue-lighter-0: hsl(197, 51.1%, 35.2%);
  --ds-babyblue-darker-1: hsl(197, 65.7%, 69.4%);
  --ds-babyblue-darker-2: hsl(197, 65.7%, 85.6%);
  --ds-babyblue-darker-3: hsl(197, 65.7%, 96.4%);
  --ds-babyblue-darker-0: hsl(197, 94.9%, 68.32%);
}
[data-theme="light"] .ds-babyblue::part(label),
[data-theme="light"] .babyblue::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-babyblue,
strong.babyblue,
label.ds-babyblue,
label.babyblue,
.row-label.ds-babyblue {
  color: var(--ds-babyblue);
}
[ds-badge].ds-babyblue {
  color: var(--ds-babyblue-lighter-0);
}
sl-switch.ds-babyblue[checked]::part(control),
sl-switch.babyblue[checked]::part(control) {
  background-color: var(--ds-babyblue);
  border-color: var(--ds-babyblue);
}
sl-switch.ds-babyblue[checked]::part(label),
sl-switch.babyblue[checked]::part(label) {
  color: var(--ds-babyblue);
}
sl-switch.ds-babyblue[checked]::part(thumb),
sl-switch.babyblue[checked]::part(thumb) {
  border-color: var(--ds-babyblue);
}
sl-select.ds-babyblue::part(display-input) {
  color: var(--ds-babyblue);
}
sl-select::part(tag__content__ds-babyblue) {
  color: var(--ds-babyblue);
}
sl-option.ds-babyblue::part(label) {
  color: var(--ds-babyblue);
}
.tabulator-cell.ds-babyblue,
.ds-button.ds-babyblue,
section.ds-babyblue,
span.ds-babyblue,
span.babyblue,
p.ds-babyblue,
p.babyblue,
i.babyblue {
  color: var(--ds-babyblue);
}
#connection-table .tabulator-cell.ds-babyblue {
  position: relative;
}
#connection-table .tabulator-cell.ds-babyblue::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-babyblue) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-babyblue::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-babyblue-lighter-0,
.babyblue-lighter-0 {
  color: var(--ds-babyblue-lighter-0);
}
.ds-babyblue-lighter-1,
.babyblue-lighter-1 {
  color: var(--ds-babyblue-lighter-1);
}
.ds-babyblue-lighter-2,
.babyblue-lighter-2 {
  color: var(--ds-babyblue-lighter-2);
}
.ds-babyblue-lighter-3,
.babyblue-lighter-3 {
  color: var(--ds-babyblue-lighter-3);
}
.ds-babyblue-darker-0,
.babyblue-darker-0 {
  color: var(--ds-babyblue-darker-0);
}
.ds-babyblue-darker-1,
.babyblue-darker-1 {
  color: var(--ds-babyblue-darker-1);
}
.ds-babyblue-darker-2,
.babyblue-darker-2 {
  color: var(--ds-babyblue-darker-2);
}
.ds-babyblue-darker-3,
.babyblue-darker-3 {
  color: var(--ds-babyblue-darker-3);
}
.ds-babyblue-background,
.babyblue-background {
  background-color: var(--ds-babyblue);
}
.ds-babyblue-background-darker,
.babyblue-background-darker {
  background-color: var(--ds-babyblue-darker-0);
}
.ds-babyblue-box-shadow,
.babyblue-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-babyblue-darker-0);
}
.ds-babyblue-border {
  border-color: var(--ds-babyblue);
}
.hp-board > div.agent-group.ds-babyblue sl-progress-bar {
  --indicator-color: var(--ds-babyblue);
}
.hp-board > div.agent-group.ds-babyblue .name {
  color: var(--ds-babyblue);
}
.ds-babyblue-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-babyblue-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-babyblue-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-babyblue:hover::part(base),
sl-tab.ds-babyblue[aria-selected="true"]::part(base) {
  color: var(--ds-babyblue);
}
sl-tree-item.ds-babyblue::part(base) {
  color: var(--ds-babyblue);
}
sl-checkbox.ds-babyblue::part(control) {
  border-color: var(--ds-babyblue);
}
sl-checkbox.ds-babyblue::part(label) {
  color: initial;
}
sl-checkbox.ds-babyblue[checked]::part(control) {
  background: var(--ds-babyblue-lighter-0);
}
sl-switch.ds-babyblue::part(thumb) {
  border-color: var(--ds-babyblue);
}
sl-switch.ds-babyblue::part(label) {
  color: initial;
}
sl-switch.ds-babyblue[checked]::part(control) {
  background: var(--ds-babyblue-lighter-0);
  border-color: var(--ds-babyblue);
}
.annotated-diagram.theme-babyblue {
  --primary-color: var(--ds-babyblue);
  --primary-color-darker-0: var(--ds-babyblue-darker-0);
  --primary-color-darker-1: var(--ds-babyblue-darker-1);
  --primary-color-lighter-0: var(--ds-babyblue-lighter-0);
}
:root {
  --ds-amber: hsl(27, 100%, 69%);
  --ds-amber-lighter-0: hsl(27, 100%, 72.72%);
  --ds-amber-lighter-1: hsl(27, 90%, 73.65%);
  --ds-amber-lighter-2: hsl(27, 90%, 87.6%);
  --ds-amber-lighter-3: hsl(27, 90%, 96.9%);
  --ds-amber-darker-0: hsl(27, 100%, 63.825%);
  --ds-amber-darker-1: hsl(27, 80%, 53.475%);
  --ds-amber-darker-2: hsl(27, 70%, 37.95%);
  --ds-amber-darker-3: hsl(27, 60%, 22.425%);
}
[data-theme="light"] {
  --ds-amber: hsl(27, 80%, 53.475%);
  --ds-amber-lighter-1: hsl(27, 70%, 37.95%);
  --ds-amber-lighter-0: hsl(27, 70%, 37.95%);
  --ds-amber-darker-1: hsl(27, 90%, 73.65%);
  --ds-amber-darker-2: hsl(27, 90%, 87.6%);
  --ds-amber-darker-3: hsl(27, 90%, 96.9%);
  --ds-amber-darker-0: hsl(27, 100%, 72.72%);
}
[data-theme="light"] .ds-amber::part(label),
[data-theme="light"] .amber::part(label) {
  color: var(--ds-document-text-color);
}
strong.ds-amber,
strong.amber,
label.ds-amber,
label.amber,
.row-label.ds-amber {
  color: var(--ds-amber);
}
[ds-badge].ds-amber {
  color: var(--ds-amber-lighter-0);
}
sl-switch.ds-amber[checked]::part(control),
sl-switch.amber[checked]::part(control) {
  background-color: var(--ds-amber);
  border-color: var(--ds-amber);
}
sl-switch.ds-amber[checked]::part(label),
sl-switch.amber[checked]::part(label) {
  color: var(--ds-amber);
}
sl-switch.ds-amber[checked]::part(thumb),
sl-switch.amber[checked]::part(thumb) {
  border-color: var(--ds-amber);
}
sl-select.ds-amber::part(display-input) {
  color: var(--ds-amber);
}
sl-select::part(tag__content__ds-amber) {
  color: var(--ds-amber);
}
sl-option.ds-amber::part(label) {
  color: var(--ds-amber);
}
.tabulator-cell.ds-amber,
.ds-button.ds-amber,
section.ds-amber,
span.ds-amber,
span.amber,
p.ds-amber,
p.amber,
i.amber {
  color: var(--ds-amber);
}
#connection-table .tabulator-cell.ds-amber {
  position: relative;
}
#connection-table .tabulator-cell.ds-amber::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: radial-gradient(circle at center, var(--ds-amber) 0%, transparent 90%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  mix-blend-mode: screen;
}
[data-theme="light"] #connection-table .tabulator-cell.ds-amber::after {
  opacity: 0.12;
  mix-blend-mode: multiply;
}
.ds-amber-lighter-0,
.amber-lighter-0 {
  color: var(--ds-amber-lighter-0);
}
.ds-amber-lighter-1,
.amber-lighter-1 {
  color: var(--ds-amber-lighter-1);
}
.ds-amber-lighter-2,
.amber-lighter-2 {
  color: var(--ds-amber-lighter-2);
}
.ds-amber-lighter-3,
.amber-lighter-3 {
  color: var(--ds-amber-lighter-3);
}
.ds-amber-darker-0,
.amber-darker-0 {
  color: var(--ds-amber-darker-0);
}
.ds-amber-darker-1,
.amber-darker-1 {
  color: var(--ds-amber-darker-1);
}
.ds-amber-darker-2,
.amber-darker-2 {
  color: var(--ds-amber-darker-2);
}
.ds-amber-darker-3,
.amber-darker-3 {
  color: var(--ds-amber-darker-3);
}
.ds-amber-background,
.amber-background {
  background-color: var(--ds-amber);
}
.ds-amber-background-darker,
.amber-background-darker {
  background-color: var(--ds-amber-darker-0);
}
.ds-amber-box-shadow,
.amber-box-shadow {
  box-shadow: 0 0 4px 1px var(--ds-amber-darker-0);
}
.ds-amber-border {
  border-color: var(--ds-amber);
}
.hp-board > div.agent-group.ds-amber sl-progress-bar {
  --indicator-color: var(--ds-amber);
}
.hp-board > div.agent-group.ds-amber .name {
  color: var(--ds-amber);
}
.ds-amber-tool-icon {
  position: relative;
  overflow: hidden;
}
.ds-amber-tool-icon::after {
  transition: all 0.1s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ds-amber-lighter-0);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
sl-tab.ds-amber:hover::part(base),
sl-tab.ds-amber[aria-selected="true"]::part(base) {
  color: var(--ds-amber);
}
sl-tree-item.ds-amber::part(base) {
  color: var(--ds-amber);
}
sl-checkbox.ds-amber::part(control) {
  border-color: var(--ds-amber);
}
sl-checkbox.ds-amber::part(label) {
  color: initial;
}
sl-checkbox.ds-amber[checked]::part(control) {
  background: var(--ds-amber-lighter-0);
}
sl-switch.ds-amber::part(thumb) {
  border-color: var(--ds-amber);
}
sl-switch.ds-amber::part(label) {
  color: initial;
}
sl-switch.ds-amber[checked]::part(control) {
  background: var(--ds-amber-lighter-0);
  border-color: var(--ds-amber);
}
.annotated-diagram.theme-amber {
  --primary-color: var(--ds-amber);
  --primary-color-darker-0: var(--ds-amber-darker-0);
  --primary-color-darker-1: var(--ds-amber-darker-1);
  --primary-color-lighter-0: var(--ds-amber-lighter-0);
}
:root {
  --ifm-color-primary: #2e8555;
  --ifm-color-primary-dark: #29784c;
  --ifm-color-primary-darker: #277148;
  --ifm-color-primary-darkest: #205d3b;
  --ifm-color-primary-light: #33925d;
  --ifm-color-primary-lighter: #359962;
  --ifm-color-primary-lightest: #3cad6e;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

ds-tool-banner {
  display: block;
}
ds-tool-banner .ds-tool-banner {
  display: flex;
  align-items: center;
  padding: 20px;
  background-color: var(--ds-background-color-plus-1);
  border-radius: 6px;
  overflow: hidden;
  max-width: 500px;
  margin: auto;
  border: 1px dotted var(--ds-section-divider-color);
}
ds-tool-banner .ds-tool-banner .ds-tool-banner-icon {
  flex: 0 0 auto;
  width: 40px;
  margin-right: 15px;
  font-size: 24px;
  text-align: center;
  color: var(--ds-purple-lighter-1);
}
ds-tool-banner .ds-tool-banner .ds-tool-banner-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ds-tool-banner .ds-tool-banner .ds-tool-banner-content .ds-tool-banner-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
ds-tool-banner .ds-tool-banner .ds-tool-banner-content .ds-tool-banner-description {
  font-size: 12px;
}
ds-tool-banner .ds-tool-banner .ds-tool-banner-open {
  flex: 0 0 auto;
  margin-left: 15px;
}

ds-document-miner .constrained-width {
  max-width: 300px;
  margin-bottom: 20px;
}
ds-document-miner .mining-panels {
  padding-top: 50px;
}
ds-document-miner sl-details::part(base) {
  border: none;
  border-radius: 0;
  border-bottom: 1px dashed var(--ds-section-divider-color);
}
ds-document-miner sl-details span[slot="summary"] {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}
ds-document-miner sl-details span.miner-step-icon {
  opacity: 0.6 !important;
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
ds-document-miner sl-details > label {
  font-size: 13px;
  opacity: 0.7;
  display: block;
  padding-bottom: 5px;
}
ds-document-miner .split-controls,
ds-document-miner .mining-controls {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}
ds-document-miner .split-controls sl-select,
ds-document-miner .mining-controls sl-select {
  flex-grow: 1;
  min-width: 130px;
  max-width: 150px;
}
ds-document-miner .split-controls .ds-button,
ds-document-miner .mining-controls .ds-button {
  flex-shrink: 0;
  white-space: nowrap;
}
ds-document-miner .split-controls sl-switch,
ds-document-miner .mining-controls sl-switch {
  transition: all 0.1s ease-in-out;
  opacity: 0.1;
}
ds-document-miner .split-controls sl-switch:hover,
ds-document-miner .mining-controls sl-switch:hover {
  opacity: 1;
}
ds-document-miner .processing-section > label {
  font-size: 13px;
  opacity: 0.7;
  display: block;
  padding-bottom: 5px;
}
ds-document-miner .mining-input {
  display: block;
  padding: 20px;
  border: 1px dashed var(--ds-magenta-lighter-1);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
}
ds-document-miner #source-documents-table {
  margin-bottom: 40px;
}
ds-document-miner #source-documents-table sl-progress-bar {
  margin-top: 12px;
}
ds-document-miner h3 {
  margin-top: 70px;
}

.tabulator {
  background-color: #888;
  border: 1px solid #999;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  text-align: left;
  transform: translateZ(0);
}
.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table {
  min-width: 100%;
}
.tabulator[tabulator-layout=fitDataTable] {
  display: inline-block;
}
.tabulator.tabulator-block-select,
.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing) {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tabulator .tabulator-header {
  background-color: #e6e6e6;
  border-bottom: 1px solid #999;
  box-sizing: border-box;
  color: #555;
  font-weight: 700;
  outline: none;
  overflow: hidden;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  white-space: nowrap;
  width: 100%;
}
.tabulator .tabulator-header.tabulator-header-hidden {
  display: none;
}
.tabulator .tabulator-header .tabulator-header-contents {
  overflow: hidden;
  position: relative;
}
.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
  display: inline-block;
}
.tabulator .tabulator-header .tabulator-col {
  background: #e6e6e6;
  border-right: 1px solid #aaa;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  text-align: left;
  vertical-align: bottom;
}
.tabulator .tabulator-header .tabulator-col.tabulator-moving {
  background: #cdcdcd;
  border: 1px solid #999;
  pointer-events: none;
  position: absolute;
}
.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight {
  background-color: #d6d6d6;
  color: #000;
}
.tabulator .tabulator-header .tabulator-col.tabulator-range-selected {
  background-color: #3876ca;
  color: #fff;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  box-sizing: border-box;
  padding: 4px;
  position: relative;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
  padding: 0 8px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
  cursor: pointer;
  opacity: 0.6;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  position: relative;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  width: 100%;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap {
  text-overflow: clip;
  white-space: normal;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  background: #fff;
  border: 1px solid #999;
  box-sizing: border-box;
  padding: 1px;
  width: 100%;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button + .tabulator-title-editor {
  width: calc(100% - 22px);
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  align-items: center;
  bottom: 0;
  display: flex;
  position: absolute;
  right: 4px;
  top: 0;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-bottom: 6px solid #bbb;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  height: 0;
  width: 0;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  border-top: 1px solid #aaa;
  display: flex;
  margin-right: -1px;
  overflow: hidden;
  position: relative;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  box-sizing: border-box;
  margin-top: 2px;
  position: relative;
  text-align: center;
  width: 100%;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  height: auto !important;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  margin-top: 3px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  height: 0;
  width: 0;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 25px;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
    background-color: #cdcdcd;
    cursor: pointer;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
  color: #bbb;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    border-bottom: 6px solid #555;
    cursor: pointer;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-bottom: 6px solid #bbb;
  border-top: none;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter {
  color: #666;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    border-bottom: 6px solid #555;
    cursor: pointer;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-bottom: 6px solid #666;
  border-top: none;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter {
  color: #666;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    border-top: 6px solid #555;
    cursor: pointer;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-bottom: none;
  border-top: 6px solid #666;
  color: #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  align-items: center;
  display: flex;
  justify-content: center;
  text-orientation: mixed;
  writing-mode: vertical-rl;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  transform: rotate(180deg);
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-top: 20px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  padding-bottom: 20px;
  padding-right: 0;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
  bottom: auto;
  justify-content: center;
  left: 0;
  right: 0;
  top: 4px;
}
.tabulator .tabulator-header .tabulator-frozen {
  left: 0;
  position: sticky;
  z-index: 11;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #aaa;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #aaa;
}
.tabulator .tabulator-header .tabulator-calcs-holder {
  background: #f3f3f3 !important;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  box-sizing: border-box;
  display: inline-block;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  background: #f3f3f3 !important;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-header .tabulator-frozen-rows-holder {
  display: inline-block;
}
.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  display: none;
}
.tabulator .tabulator-tableholder {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.tabulator .tabulator-tableholder:focus {
  outline: none;
}
.tabulator .tabulator-tableholder .tabulator-placeholder {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  min-width: 100%;
  width: 100%;
}
.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual] {
  min-height: 100%;
}
.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
  color: #ccc;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  white-space: normal;
}
.tabulator .tabulator-tableholder .tabulator-table {
  background-color: #fff;
  color: #333;
  display: inline-block;
  overflow: visible;
  position: relative;
  white-space: nowrap;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
  background: #e2e2e2 !important;
  font-weight: 700;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  border-bottom: 2px solid #aaa;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  border-top: 2px solid #aaa;
}
.tabulator .tabulator-tableholder .tabulator-range-overlay {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 10;
}
.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range {
  border: 1px solid #2975dd;
  box-sizing: border-box;
  position: absolute;
}
.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after {
  background-color: #2975dd;
  border-radius: 999px;
  bottom: -3px;
  content: "";
  height: 6px;
  position: absolute;
  right: -3px;
  width: 6px;
}
.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active {
  border: 2px solid #2975dd;
  box-sizing: border-box;
  position: absolute;
}
.tabulator .tabulator-footer {
  background-color: #e6e6e6;
  border-top: 1px solid #999;
  color: #555;
  font-weight: 700;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  white-space: nowrap;
}
.tabulator .tabulator-footer .tabulator-footer-contents {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px 10px;
}
.tabulator .tabulator-footer .tabulator-footer-contents:empty {
  display: none;
}
.tabulator .tabulator-footer .tabulator-spreadsheet-tabs {
  margin-top: -5px;
  overflow-x: auto;
}
.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab {
  border: 1px solid #999;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none;
  display: inline-block;
  font-size: 0.9em;
  padding: 5px;
}
.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover {
  cursor: pointer;
  opacity: 0.7;
}
.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
  background: #fff;
}
.tabulator .tabulator-footer .tabulator-calcs-holder {
  background: #f3f3f3 !important;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  background: #f3f3f3 !important;
  display: inline-block;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  border-bottom: none;
  margin-bottom: -5px;
}
.tabulator .tabulator-footer > * + .tabulator-page-counter {
  margin-left: 10px;
}
.tabulator .tabulator-footer .tabulator-page-counter {
  font-weight: 400;
}
.tabulator .tabulator-footer .tabulator-paginator {
  color: #555;
  flex: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: right;
}
.tabulator .tabulator-footer .tabulator-page-size {
  border: 1px solid #aaa;
  border-radius: 3px;
  display: inline-block;
  margin: 0 5px;
  padding: 2px 5px;
}
.tabulator .tabulator-footer .tabulator-pages {
  margin: 0 7px;
}
.tabulator .tabulator-footer .tabulator-page {
  background: hsla(0, 0%, 100%, 0.2);
  border: 1px solid #aaa;
  border-radius: 3px;
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
}
.tabulator .tabulator-footer .tabulator-page.active {
  color: #d00;
}
.tabulator .tabulator-footer .tabulator-page:disabled {
  opacity: 0.5;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-footer .tabulator-page:not(disabled):hover {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
  }
}
.tabulator .tabulator-col-resize-handle {
  display: inline-block;
  margin-left: -3px;
  margin-right: -3px;
  position: relative;
  vertical-align: middle;
  width: 6px;
  z-index: 11;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-col-resize-handle:hover {
    cursor: ew-resize;
  }
}
.tabulator .tabulator-col-resize-handle:last-of-type {
  margin-right: 0;
  width: 3px;
}
.tabulator .tabulator-col-resize-guide {
  background-color: #999;
  height: 100%;
  margin-left: -0.5px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 4px;
}
.tabulator .tabulator-row-resize-guide {
  background-color: #999;
  height: 4px;
  left: 0;
  margin-top: -0.5px;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}
.tabulator .tabulator-alert {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100;
}
.tabulator .tabulator-alert .tabulator-alert-msg {
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto;
  padding: 10px 20px;
}
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
  border: 4px solid #333;
  color: #000;
}
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
  border: 4px solid #d00;
  color: #590000;
}
.tabulator-row {
  background-color: #fff;
  box-sizing: border-box;
  min-height: 22px;
  position: relative;
}
.tabulator-row.tabulator-row-even {
  background-color: #efefef;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-selectable:hover {
    background-color: #bbb;
    cursor: pointer;
  }
}
.tabulator-row.tabulator-selected {
  background-color: #9abcea;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-selected:hover {
    background-color: #769bcc;
    cursor: pointer;
  }
}
.tabulator-row.tabulator-row-moving {
  background: #fff;
  border: 1px solid #000;
}
.tabulator-row.tabulator-moving {
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  pointer-events: none;
  position: absolute;
  z-index: 15;
}
.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header {
  background-color: #d6d6d6;
  color: #000;
}
.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header,
.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
  background-color: #3876ca;
  color: #fff;
}
.tabulator-row .tabulator-row-resize-handle {
  bottom: 0;
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
}
.tabulator-row .tabulator-row-resize-handle.prev {
  bottom: auto;
  top: 0;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-row-resize-handle:hover {
    cursor: ns-resize;
  }
}
.tabulator-row .tabulator-responsive-collapse {
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  box-sizing: border-box;
  padding: 5px;
}
.tabulator-row .tabulator-responsive-collapse:empty {
  display: none;
}
.tabulator-row .tabulator-responsive-collapse table {
  font-size: 14px;
}
.tabulator-row .tabulator-responsive-collapse table tr td {
  position: relative;
}
.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  padding-right: 10px;
}
.tabulator-row .tabulator-cell {
  border-right: 1px solid #aaa;
  box-sizing: border-box;
  display: inline-block;
  outline: none;
  overflow: hidden;
  padding: 4px;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.tabulator-row .tabulator-cell.tabulator-row-header {
  background: #e6e6e6;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #999;
}
.tabulator-row .tabulator-cell.tabulator-frozen {
  background-color: inherit;
  display: inline-block;
  left: 0;
  position: sticky;
  z-index: 11;
}
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #aaa;
}
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #aaa;
}
.tabulator-row .tabulator-cell.tabulator-editing {
  border: 1px solid #1d68cd;
  outline: none;
  padding: 0;
}
.tabulator-row .tabulator-cell.tabulator-editing input,
.tabulator-row .tabulator-cell.tabulator-editing select {
  background: transparent;
  border: 1px;
  outline: none;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail {
  border: 1px solid #d00;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail input,
.tabulator-row .tabulator-cell.tabulator-validation-fail select {
  background: transparent;
  border: 1px;
  color: #d00;
}
.tabulator-row .tabulator-cell.tabulator-row-handle {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  width: 80%;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  background: #666;
  height: 3px;
  margin-top: 2px;
  width: 100%;
}
.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header) {
  background-color: #9abcea;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {
  display: inline-block;
  width: 7px;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  border-bottom: 2px solid #aaa;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #aaa;
  display: inline-block;
  height: 9px;
  margin-right: 5px;
  margin-top: -9px;
  vertical-align: middle;
  width: 7px;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control {
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #333;
  border-radius: 2px;
  display: inline-flex;
  height: 11px;
  justify-content: center;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
  width: 11px;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  background: transparent;
  display: inline-block;
  height: 7px;
  position: relative;
  width: 1px;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  background: #333;
  content: "";
  height: 1px;
  left: -3px;
  position: absolute;
  top: 3px;
  width: 7px;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  background: #333;
  display: inline-block;
  height: 7px;
  position: relative;
  width: 1px;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  background: #333;
  content: "";
  height: 1px;
  left: -3px;
  position: absolute;
  top: 3px;
  width: 7px;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  align-items: center;
  background: #666;
  border-radius: 20px;
  color: #fff;
  display: inline-flex;
  font-size: 1.1em;
  font-weight: 700;
  height: 15px;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  width: 15px;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  display: initial;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
  stroke: #fff;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-traffic-light {
  border-radius: 14px;
  display: inline-block;
  height: 14px;
  width: 14px;
}
.tabulator-row.tabulator-group {
  background: #ccc;
  border-bottom: 1px solid #999;
  border-right: 1px solid #aaa;
  border-top: 1px solid #999;
  box-sizing: border-box;
  font-weight: 700;
  min-width: 100%;
  padding: 5px 5px 5px 10px;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-group:hover {
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
  }
}
.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  border-bottom: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  margin-right: 10px;
}
.tabulator-row.tabulator-group.tabulator-group-level-1 {
  padding-left: 30px;
}
.tabulator-row.tabulator-group.tabulator-group-level-2 {
  padding-left: 50px;
}
.tabulator-row.tabulator-group.tabulator-group-level-3 {
  padding-left: 70px;
}
.tabulator-row.tabulator-group.tabulator-group-level-4 {
  padding-left: 90px;
}
.tabulator-row.tabulator-group.tabulator-group-level-5 {
  padding-left: 110px;
}
.tabulator-row.tabulator-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-row.tabulator-group .tabulator-arrow {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #666;
  border-right: 0;
  border-top: 6px solid transparent;
  display: inline-block;
  height: 0;
  margin-right: 16px;
  vertical-align: middle;
  width: 0;
}
.tabulator-row.tabulator-group span {
  color: #d00;
  margin-left: 10px;
}
.tabulator-toggle {
  background: #dcdcdc;
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.tabulator-toggle.tabulator-toggle-on {
  background: #1c6cc2;
}
.tabulator-toggle .tabulator-toggle-switch {
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.tabulator-popup-container {
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #aaa;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  overflow-y: auto;
  position: absolute;
  z-index: 10000;
}
.tabulator-popup {
  border-radius: 3px;
  padding: 5px;
}
.tabulator-tooltip {
  border-radius: 2px;
  box-shadow: none;
  font-size: 12px;
  max-width: Min(500px, 100%);
  padding: 3px 5px;
  pointer-events: none;
}
.tabulator-menu .tabulator-menu-item {
  box-sizing: border-box;
  padding: 5px 10px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  opacity: 0.5;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
    background: #efefef;
    cursor: pointer;
  }
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
  padding-right: 25px;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after {
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  height: 7px;
  position: absolute;
  right: 10px;
  top: calc(5px + 0.4em);
  transform: rotate(45deg);
  vertical-align: top;
  width: 7px;
}
.tabulator-menu .tabulator-menu-separator {
  border-top: 1px solid #aaa;
}
.tabulator-edit-list {
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  max-height: 200px;
  overflow-y: auto;
}
.tabulator-edit-list .tabulator-edit-list-item {
  color: #333;
  outline: none;
  padding: 4px;
}
.tabulator-edit-list .tabulator-edit-list-item.active {
  background: #1d68cd;
  color: #fff;
}
.tabulator-edit-list .tabulator-edit-list-item.active.focused {
  outline: 1px solid hsla(0, 0%, 100%, 0.5);
}
.tabulator-edit-list .tabulator-edit-list-item.focused {
  outline: 1px solid #1d68cd;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-edit-list .tabulator-edit-list-item:hover {
    background: #1d68cd;
    color: #fff;
    cursor: pointer;
  }
}
.tabulator-edit-list .tabulator-edit-list-placeholder {
  color: #333;
  padding: 4px;
  text-align: center;
}
.tabulator-edit-list .tabulator-edit-list-group {
  border-bottom: 1px solid #aaa;
  color: #333;
  font-weight: 700;
  padding: 6px 4px 4px;
}
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2,
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2 {
  padding-left: 12px;
}
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3,
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3 {
  padding-left: 20px;
}
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4,
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4 {
  padding-left: 28px;
}
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5,
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5 {
  padding-left: 36px;
}
.tabulator.tabulator-ltr {
  direction: ltr;
}
.tabulator.tabulator-rtl {
  direction: rtl;
  text-align: initial;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  border-left: 1px solid #aaa;
  border-right: initial;
  text-align: initial;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  margin-left: -1px;
  margin-right: 0;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-left: 25px;
  padding-right: 0;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  left: 8px;
  right: auto;
}
.tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after {
  background-color: #2975dd;
  border-radius: 999px;
  bottom: -3px;
  content: "";
  height: 6px;
  left: -3px;
  position: absolute;
  right: auto;
  width: 6px;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  border-left: 1px solid #aaa;
  border-right: initial;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 1px;
  border-left: initial;
  border-right: 2px solid #aaa;
  margin-left: 5px;
  margin-right: 0;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  margin-left: 5px;
  margin-right: 0;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  border-left: 2px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  border-right: 2px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {
  margin-left: 0;
  margin-right: -3px;
  width: 3px;
}
.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
  text-align: initial;
}
.tabulator-print-fullscreen {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10000;
}
body.tabulator-print-fullscreen-hide > :not(.tabulator-print-fullscreen) {
  display: none !important;
}
.tabulator-print-table {
  border-collapse: collapse;
}
.tabulator-print-table .tabulator-data-tree-branch {
  border-bottom: 2px solid #aaa;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #aaa;
  display: inline-block;
  height: 9px;
  margin-right: 5px;
  margin-top: -9px;
  vertical-align: middle;
  width: 7px;
}
.tabulator-print-table .tabulator-print-table-group {
  background: #ccc;
  border-bottom: 1px solid #999;
  border-right: 1px solid #aaa;
  border-top: 1px solid #999;
  box-sizing: border-box;
  font-weight: 700;
  min-width: 100%;
  padding: 5px 5px 5px 10px;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-print-table .tabulator-print-table-group:hover {
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
  }
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  border-bottom: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  margin-right: 10px;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  padding-left: 30px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  padding-left: 50px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  padding-left: 70px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  padding-left: 90px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  padding-left: 110px !important;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #666;
  border-right: 0;
  border-top: 6px solid transparent;
  display: inline-block;
  height: 0;
  margin-right: 16px;
  vertical-align: middle;
  width: 0;
}
.tabulator-print-table .tabulator-print-table-group span {
  color: #d00;
  margin-left: 10px;
}
.tabulator-print-table .tabulator-data-tree-control {
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #333;
  border-radius: 2px;
  display: inline-flex;
  height: 11px;
  justify-content: center;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
  width: 11px;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-print-table .tabulator-data-tree-control:hover {
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  background: transparent;
  display: inline-block;
  height: 7px;
  position: relative;
  width: 1px;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  background: #333;
  content: "";
  height: 1px;
  left: -3px;
  position: absolute;
  top: 3px;
  width: 7px;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  background: #333;
  display: inline-block;
  height: 7px;
  position: relative;
  width: 1px;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  background: #333;
  content: "";
  height: 1px;
  left: -3px;
  position: absolute;
  top: 3px;
  width: 7px;
}
.tabulator {
  margin-top: 10px;
  border-color: var(--ds-cell-border-color);
  font-size: 11px;
  position: relative;
}
.tabulator .tabulator-headers .tabulator-col {
  transition: all 0.1s ease-in-out;
  background-color: var(--ds-table-header-background-color);
  border-color: var(--ds-cell-border-color);
  height: var(--ds-table-row-height) !important;
}
.tabulator .tabulator-headers .tabulator-col:hover {
  background-color: var(--ds-table-header-background-color-hover) !important;
  border-color: var(--ds-cell-border-color) !important;
}
.tabulator .tabulator-headers .tabulator-col[aria-sort="none"] .tabulator-arrow {
  opacity: 0.2 !important;
}
.tabulator .tabulator-headers .tabulator-col[aria-sort]:not([aria-sort="none"]) .tabulator-col-sorter {
  color: var(--ds-table-text-color) !important;
  opacity: 1 !important;
}
.tabulator .tabulator-headers .tabulator-col[aria-sort]:not([aria-sort="none"]) .tabulator-col-sorter .tabulator-arrow {
  opacity: 1 !important;
  color: var(--ds-table-text-color) !important;
}
.tabulator .tabulator-headers .tabulator-col-content {
  height: var(--ds-table-row-height) !important;
  display: flex;
  padding: 0 8px !important;
  align-items: center;
}
.tabulator .tabulator-headers .tabulator-col-title-holder {
  height: var(--ds-table-row-height) !important;
  display: flex;
}
.tabulator .tabulator-headers .tabulator-col-title {
  font-family: var(--ds-table-font-family);
  font-size: var(--ds-table-header-font-size);
  font-weight: 800;
  align-items: center;
  display: flex;
  color: var(--ds-table-text-color);
}
.tabulator .tabulator-headers .tabulator-col-title .column-type {
  opacity: 0.5;
  margin-left: 5px;
}
.tabulator .tabulator-col-sorter {
  right: 0px !important;
  padding-bottom: 2px;
}
.tabulator .tabulator-arrow {
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
  opacity: 0.5;
}
.tabulator .highlight-row {
  box-shadow: 0 0 0 2px var(--ds-magenta-lighter-1) inset;
}
.tabulator .highlight-row .tabulator-cell {
  border-bottom: 0 !important;
}
.tabulator .tabulator-col-title-holder {
  display: flex;
  align-items: center;
  width: 100%;
}
.tabulator .tabulator-header {
  border-color: var(--ds-cell-border-color);
}
.tabulator .tabulator-header-contents {
  border-color: var(--ds-cell-border-color);
  background-color: var(--ds-table-header-background-color);
}
.tabulator .tabulator-row {
  transition: all 0.1s ease-in-out;
  background-color: var(--ds-table-row-background-color);
  border-color: var(--ds-cell-border-color);
  color: var(--ds-table-text-color);
}
.tabulator .tabulator-row:hover {
  background-color: var(--ds-table-row-background-color-hover) !important;
}
.tabulator .tabulator-row.tabulator-range-highlight {
  background-color: var(--ds-table-row-background-color) !important;
}
.tabulator .tabulator-row .tabulator-cell {
  border-bottom: 1px solid var(--ds-cell-border-color);
  line-height: calc(var(--ds-table-row-height) - 2px);
}
.tabulator .tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header {
  background-color: var(--ds-table-row-background-color-hover) !important;
  color: var(--ds-table-text-color) !important;
}
.tabulator .tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header) {
  background-color: var(--ds-table-row-background-color-hover) !important;
}
.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight {
  background-color: var(--ds-table-header-background-color);
  color: var(--ds-table-text-color) !important;
}
.tabulator .tabulator-row:last-child .tabulator-cell {
  border-bottom: none;
}
.tabulator .tabulator-cell {
  height: var(--ds-table-row-height) !important;
  line-height: var(--ds-table-row-height) !important;
  border-color: var(--ds-cell-border-color);
  font-family: var(--ds-table-font-family);
  font-size: var(--ds-table-cell-font-size);
  padding: 1px 8px 0px 8px !important;
  text-overflow: clip;
}
.tabulator .tabulator-cell:hover {
  opacity: 1;
}
.tabulator .tabulator-cell ul {
  padding: 0px 0px 0px 20px;
  line-height: 20px;
  margin-bottom: 0;
}
.tabulator .tabulator-cell ul li::marker {
  color: var(--ds-gray-lighter-1);
}
.tabulator .tabulator-cell ul ul {
  margin-top: 5px;
}
.tabulator .tabulator-cell .list-label {
  font-family: "Fira Code", monospace;
  font-size: 11px;
  color: var(--ds-gray);
  display: block;
  margin-top: 5px;
}
.tabulator .tabulator-cell > span {
  display: inline-block;
  white-space: normal;
}
.tabulator .tabulator-frozen-left {
  border-right: 1px solid var(--ds-cell-border-color) !important;
}
.tabulator .tabulator-tableholder {
  background-color: var(--ds-table-row-background-color);
  border-color: var(--ds-cell-border-color);
}
.tabulator .tabulator-footer {
  background-color: var(--ds-table-header-background-color-disabled) !important;
  border-color: var(--ds-cell-border-color);
}
.tabulator .tabulator-footer .tabulator-footer-contents {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 100% !important;
  vertical-align: middle;
  height: 40px !important;
}
.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-page-counter {
  padding-top: 3px;
  font-family: var(--ds-table-font-family);
  font-size: var(--ds-table-cell-font-size);
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 100% !important;
  vertical-align: middle;
}
.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-page-counter span {
  vertical-align: middle;
}
.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-page {
  transition: all 0.1s ease-in-out;
  font-family: var(--ds-table-font-family);
  font-size: var(--ds-table-header-font-size);
  font-weight: 800;
  color: var(--ds-table-text-color);
  border-color: var(--ds-cell-border-color);
  background-color: var(--ds-table-header-background-color);
  padding: 0 8px !important;
}
.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-page:hover {
  background-color: var(--ds-table-header-background-color-hover);
}
.document-table {
  font-family: "Martel Sans", sans-serif;
  font-size: 11px;
  background-color: #1a1a1a;
  color: #e6e6e6;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
  margin-top: 20px;
}
.document-table th,
.document-table td {
  padding: 8px;
  border: 1px solid #333;
  text-align: left;
}
.document-table th {
  background-color: #242424;
}
.document-table tr.hover:not([no-hover]) {
  background-color: #2a2a2a;
}
.document-table p {
  margin-bottom: 0;
}
.old table {
  border-collapse: separate;
  display: table;
  border-bottom: 1px solid var(--ds-cell-border-color) !important;
}
.old table th,
.old table td,
.old table tr {
  border: none;
  white-space: nowrap !important;
}
.old table > tr,
.old table > tbody > tr {
  background-color: var(--ds-table-row-background-color) !important;
  height: var(--ds-table-row-height) !important;
  max-height: var(--ds-table-row-height) !important;
}
.old table > tr td,
.old table > tbody > tr td {
  height: var(--ds-table-row-height) !important;
  max-height: var(--ds-table-row-height) !important;
  overflow: hidden;
  /* this is what fixes the expansion */
  text-overflow: ellipsis;
  /* not supported in all browsers, but I accepted the tradeoff */
  white-space: nowrap;
  overflow-wrap: break-word;
  box-sizing: border-box;
  /* Include padding and border in the height */
}
.old .table-error {
  font-size: 12px;
}
.old tbody {
  font-size: 12px;
}
.old tbody td {
  color: var(--ds-table-text-color);
  text-align: left !important;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.old tbody td.dt-empty,
.old tbody tr:last-child > td {
  border-bottom: 1px solid var(--ds-cell-border-color);
}
.old .table-selector {
  transition: all 0.1s ease-in-out;
  font-family: "Fira Code", monospace;
  border: 1px solid var(--ds-cell-border-color);
  padding: 10px 8px;
  z-index: 3;
  border-radius: 3px;
  background-color: var(--ds-table-selector-background-color);
  font-size: 12px;
  border-radius: 0px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.old .table-selector option {
  line-height: 1.5em;
  /* Adjust the line height */
}
.old .table-selector:focus-visible {
  border: 1px solid var(--ds-selected-cell-border-color);
  outline: none;
}
.old .table-selector:hover {
  cursor: pointer;
  background-color: var(--ds-table-selector-background-color-hover);
}
.old div.dt-container .dt-search > .dt-input {
  float: right;
  border: 1px solid var(--ds-cell-border-color);
  padding: 10px 8px;
}
.old div.dt-container .dt-search > .dt-input:focus-visible {
  border: 1px solid var(--ds-selected-cell-border-color);
  outline: none;
}
.old div.dt-container .dt-layout-row > .dt-start > .dt-info {
  transition: all 0.1s ease-in-out;
  font-size: 12px;
  color: var(--ds-table-text-color);
}
.old div.dt-container .dt-layout-row > .dt-start > .dt-info:hover {
  color: var(--ds-table-text-color);
}
.old div.dt-container .dt-paging .ellipsis {
  color: var(--ds-table-text-color);
}
.old div.dt-container .dt-paging button.dt-paging-button {
  transition: all 0.1s ease-in-out;
  font-family: "Fira Code", monospace;
}
.old div.dt-container .dt-paging button.dt-paging-button.current {
  background: var(--ds-table-selector-background-color);
  color: var(--ds-table-text-color);
}
.old div.dt-container .dt-paging button.dt-paging-button.current:hover {
  background: var(--ds-table-selector-background-color);
}
.old div.dt-container .dt-paging button.dt-paging-button:not(.current) {
  background: var(--ds-table-selector-background-color);
  color: var(--ds-table-text-color);
  font-weight: bold;
}
.old div.dt-container .dt-paging button.dt-paging-button:not(.current):hover {
  background: var(--ds-table-selector-background-color);
}
.old div.dt-container .dt-paging button.dt-paging-button.first,
.old div.dt-container .dt-paging button.dt-paging-button.previous,
.old div.dt-container .dt-paging button.dt-paging-button.next,
.old div.dt-container .dt-paging button.dt-paging-button.last {
  display: none;
}
.old table.dataTable {
  table-layout: fixed;
}
.old table.dataTable thead {
  font-family: "Fira Code", monospace;
}
.old table.dataTable thead tr th {
  transition: all 0.1s ease-in-out;
  border-top: 1px solid var(--ds-cell-border-color);
  border-bottom: 0px;
  border-right: 1px solid var(--ds-cell-border-color);
  background-color: var(--ds-table-header-background-color);
  outline: none !important;
  text-align: left !important;
}
.old table.dataTable thead tr th:first-child {
  border-left: 1px solid var(--ds-cell-border-color);
}
.old table.dataTable thead tr th:hover {
  background-color: var(--ds-background-color-plus-1);
}
.old table.dataTable thead tr th > .dt-column-title {
  color: var(--ds-table-text-color);
  display: inline-block;
  max-width: calc(100% + 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.old table.dataTable thead tr th > .dt-column-title .column-type {
  opacity: 0.4;
}
.old table.dataTable thead tr th > .dt-column-order {
  display: none;
  font-size: 14px;
  right: 3px !important;
}
ds-data-table[table-selector-enabled] > div {
  padding-top: 50px;
}
ds-data-table:not([table-selector-enabled]) > div {
  padding-top: 0px;
}
ds-data-table .tabulator-placeholder {
  align-items: center !important;
  justify-content: left !important;
}
ds-data-table .tabulator-placeholder .tabulator-placeholder-contents {
  font-size: 13px !important;
  font-weight: 400 !important;
}
ds-data-table[first-column-is-button] .tabulator-headers .tabulator-col:first-of-type {
  background-color: var(--ds-table-header-background-color-disabled) !important;
}
ds-data-table[first-column-is-button] .tabulator-headers .tabulator-col:first-of-type .tabulator-col-sorter {
  display: none !important;
}
ds-data-table[first-column-is-button] .tabulator-cell:first-of-type {
  transition: all 0.1s ease-in-out;
  text-align: center;
  opacity: 0.8;
}
ds-data-table[variable-height-rows] .tabulator .tabulator-cell {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
ds-data-table:not([variable-height-rows]) .tabulator-cell {
  height: var(--ds-table-row-height) !important;
  line-height: var(--ds-table-row-height) !important;
}
ds-data-table .tabulator {
  margin-top: 0;
}
ds-data-table .edit-row-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  opacity: 0.8;
}
ds-data-table .edit-row-btn:hover {
  opacity: 1;
  cursor: pointer;
}
ds-data-table .edit-column > div.tabulator-col-content:first-child {
  padding: 0 !important;
  text-align: center;
}
ds-data-table .add-row-btn {
  text-align: center;
  background-color: transparent;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
}
ds-data-table .add-row-btn:hover {
  cursor: pointer;
}
ds-data-table > div {
  position: relative;
}
ds-data-table > div .loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  font-size: 30px;
}



ds-quicklooks {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: -1;
}
.tippy-box {
  background-color: var(--ds-background-color);
}
.tippy-box > .tippy-content {
  font-family: "Martel Sans", sans-serif;
  background-color: var(--ds-background-color);
  border: 2px solid var(--ds-badge-border-color);
  box-shadow: 0 0 10px var(--ds-badge-border-color);
  font-size: 12px;
  padding: 10px;
  color: var(--ds-document-text-color);
}
.tippy-box > .tippy-content > img {
  display: block;
  height: auto;
  width: auto;
  margin: auto;
  margin-top: 5px;
  border-radius: 10px;
  max-width: 90%;
  max-height: 200px;
  margin-bottom: 20px;
}
.tippy-box > .tippy-content > a[ds-button] {
  margin-top: 20px;
}
.tippy-box > .tippy-content > p:last-child {
  margin-bottom: 0;
}
[ds-quicklook] {
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  position: relative;
}
[ds-quicklook]:hover {
  opacity: 0.8;
}
strong[ds-quicklook] {
  color: var(--ds-purple-lighter-0);
  -webkit-text-decoration: underline var(--ds-purple-darker-0);
          text-decoration: underline var(--ds-purple-darker-0);
}
strong[ds-quicklook]:hover {
  color: var(--ds-purple);
}


ds-os-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ds-os-name[styled] {
  font-family: "Pacifico", cursive;
  color: var(--ds-purple);
}

ds-sidebar-toggler {
  position: fixed;
  top: 13px;
  left: 10px;
  z-index: 300;
}
ds-sidebar-toggler a {
  transition: all 0.1s ease-in-out;
  font-size: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  text-align: center;
  opacity: 0.4;
}
ds-sidebar-toggler a:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.main-wrapper > div > main {
  position: relative;
}
.docs-wrapper[data-doc-id="chat"] ds-sidebar-toggler {
  display: none !important;
}

ds-protocol-explorer {
  overflow: hidden;
}
ds-protocol-explorer > span > div {
  overflow: hidden;
}
ds-protocol-explorer > span > div > h3:not(:first-of-type) {
  margin-top: 20px;
}
ds-protocol-explorer > span > div > h3 {
  opacity: 0.8;
}
ds-protocol-explorer > span > div a[ds-button] {
  margin-left: auto;
  margin-top: 20px;
  float: right;
}
ds-protocol-explorer > span > div a[ds-button] a {
  font-weight: bold;
  text-transform: uppercase;
}
ds-protocol-explorer .protocol-steps-html {
  margin-top: 30px;
  display: block;
  min-height: 200px;
  margin-bottom: 15px;
}
ds-protocol-explorer .something-new-emerging {
  display: block;
  font-style: italic;
  font-size: 12px;
  color: #8c8c8c;
  padding: 10px;
  margin: auto;
  text-align: center;
}
.old ds-goals {
  display: block;
  margin: auto;
  margin-bottom: 0;
}
.old ds-goals ds-protocol-explorer > span > div {
  padding: 40px;
}
.old ds-goals .old table {
  font-family: "Martel Sans", sans-serif;
  font-size: 11px;
  background-color: #1a1a1a;
  color: #e6e6e6;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
  margin-top: 20px;
  margin-top: 0;
  margin-bottom: 0;
  counter-reset: contentCounter;
  display: table;
  opacity: 1;
}
.old ds-goals .old table th,
.old ds-goals .old table td {
  padding: 8px;
  border: 1px solid #333;
  text-align: left;
}
.old ds-goals .old table th {
  background-color: #242424;
}
.old ds-goals .old table tr.hover:not([no-hover]) {
  background-color: #2a2a2a;
}
.old ds-goals .old table p {
  margin-bottom: 0;
}
.old ds-goals .old table thead > tr > th,
.old ds-goals .old table tr.assessment-row > td {
  padding: 14px 10px 10px 10px !important;
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
}
.old ds-goals .old table thead > tr > th:not(:first-of-type),
.old ds-goals .old table tr.assessment-row > td:not(:first-of-type) {
  text-align: center !important;
}
.old ds-goals .old table tr {
  counter-increment: contentCounter;
  vertical-align: middle;
  /* Style for checkboxes */
}
.old ds-goals .old table tr td,
.old ds-goals .old table tr th {
  position: relative;
}
.old ds-goals .old table tr:not(.subscribed):not(:hover) > td:first-child > p {
  color: #d9d9d9;
}
.old ds-goals .old table tr.obfuscated td,
.old ds-goals .old table tr.obfuscated th {
  position: relative;
  overflow: hidden;
  /* Ensure text and other content are positioned within the stacking context */
}
.old ds-goals .old table tr.obfuscated td:after,
.old ds-goals .old table tr.obfuscated th:after {
  content: attr(data-content);
  /* Use a data attribute to duplicate text content */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  /* Ensures clicks go through this layer */
  z-index: 2;
  /* Above the obfuscating layer */
}
.old ds-goals .old table tr.obfuscated td::before,
.old ds-goals .old table tr.obfuscated th::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(24, 24, 24, 0.8);
  /* Stronger white to enhance the frosted effect */
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  /* Increase blur for more pronounced effect */
  z-index: 1;
  /* Below the text layer */
}
.old ds-goals .old table tr [ds-button] {
  font-size: 11px;
  min-width: 80px;
}
.old ds-goals .old table tr [ds-button][ds-shimmer-background-until-click] {
  box-shadow: 0 0 10px 1px #d9d9d922;
}
.old ds-goals .old table tr input[type="checkbox"] {
  transition: all 0.1s ease-in-out;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 25px;
  /* Width of the checkbox */
  height: 25px;
  /* Height of the checkbox */
  border: 1px solid;
  color: #bdbdbd;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  /* Centering horizontally in case of flex or grid layout in the cell */
  position: relative;
  overflow: hidden;
  /* Focus state to show accessibility features */
}
.old ds-goals .old table tr input[type="checkbox"]:checked {
  color: #fff;
}
.old ds-goals .old table tr input[type="checkbox"]:checked:after {
  font-family: "Fira Code", monospace;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  line-height: 24px;
}
.old ds-goals .old table tr input[type="checkbox"]:checked:hover {
  cursor: pointer;
  opacity: 0.9;
}
.old ds-goals .old table tr input[type="checkbox"]:not(:checked) {
  width: 25px;
  background-color: #141414;
  border-color: #333;
  box-shadow: 0 0 0px 0px #141414;
}
.old ds-goals .old table tr input[type="checkbox"]:not(:checked):after {
  font-family: "Fira Code", monospace;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
}
.old ds-goals .old table tr input[type="checkbox"]:not(:checked):hover {
  cursor: pointer;
  opacity: 0.8;
  border-width: 2px;
}
.old ds-goals .old table tr input[type="checkbox"]:focus {
  outline: none;
  /* Removes default focus outline */
}
.old ds-goals .old table tr input[subscribe-labels] {
  position: relative;
}
.old ds-goals .old table tr input[subscribe-labels]:not(:checked):after {
  content: "";
}
.old ds-goals .old table tr input[subscribe-labels]:checked {
  width: 60px;
}
.old ds-goals .old table tr input[subscribe-labels]:checked:after {
  position: absolute;
  white-space: nowrap;
  font-weight: 400;
}
.old ds-goals .old table tr input[subscribe-labels][disabled]:after {
  content: "🔒";
}
.old ds-goals .old table tr:nth-of-type(3n + 1) input[subscribe-labels]:checked:after {
  content: "✔" !important;
}
.old ds-goals .old table tr:nth-of-type(3n + 2) input[subscribe-labels]:checked:after {
  content: "✔" !important;
}
.old ds-goals .old table tr:nth-of-type(3n + 3) input[subscribe-labels]:checked:after {
  content: "✔" !important;
}
.old ds-goals .old table th {
  min-width: 120px;
}

ds-knock {
  font-family: "Martel Sans", sans-serif;
  display: block;
  margin-top: 70px;
  text-align: center;
}
ds-knock .locked-icon {
  font-size: 60px;
  opacity: 0.8;
}
ds-knock .locked-description {
  margin-top: 10px;
  margin-bottom: 50px;
  color: rgba(255, 255, 255, 0.8);
}
ds-knock .locked-description strong {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
  color: var(--ds-orange);
}
ds-knock .locked-description strong::part(control) {
  background-color: var(--ds-orange);
  border-color: var(--ds-orange);
}
ds-knock .locked-description strong::part(thumb) {
  border-color: var(--ds-orange);
}
ds-knock .locked-description > span.status {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
ds-knock .locked-description > span.muted {
  display: block;
  opacity: 0.6;
  font-size: 12px;
}
ds-knock .ds-button {
  margin: auto;
}


.ds-list {
  margin-bottom: 30px;
}
.ds-list .ds-list-inner {
  font-family: "Martel Sans", sans-serif;
  display: table;
  padding: 0px;
  border-radius: 5px;
  width: 100%;
  max-width: 500px;
  margin: auto;
}
.ds-list .ds-list-inner div.ds-list-item {
  transition: all 0.1s ease-in-out;
  background-color: rgba(0, 0, 0, 0);
  display: flex !important;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select,
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox,
.ds-list .ds-list-inner div.ds-list-item > sl-switch {
  transition: all 0.1s ease-in-out;
  width: 100%;
  align-items: center;
  flex-direction: row;
  flex-basis: 100%;
  flex-grow: 1;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select::part(label),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox::part(label),
.ds-list .ds-list-inner div.ds-list-item > sl-switch::part(label),
.ds-list .ds-list-inner div.ds-list-item > sl-select::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-switch::part(form-control-label) {
  font-size: 12px;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  flex-basis: 100%;
  flex-grow: 1;
  flex-direction: row;
  padding: 15px;
  padding-top: 16px;
  font-family: "Martel Sans", sans-serif;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select::part(label),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox::part(label),
.ds-list .ds-list-inner div.ds-list-item > sl-switch::part(label) {
  display: flex;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-switch::part(form-control-label) {
  display: flex !important;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select::part(base),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox::part(base),
.ds-list .ds-list-inner div.ds-list-item > sl-switch::part(base) {
  display: flex !important;
  align-items: center;
  width: 100%;
  flex-basis: 100%;
  flex-grow: 1;
  flex-direction: row;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select::part(form-control),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox::part(form-control),
.ds-list .ds-list-inner div.ds-list-item > sl-switch::part(form-control),
.ds-list .ds-list-inner div.ds-list-item > sl-select::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-switch::part(form-control-label) {
  display: flex !important;
  align-items: center;
  width: 100%;
  flex-basis: 100%;
  flex-grow: 1;
  flex-direction: row;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-switch::part(form-control-label) {
  opacity: 0.9;
  font-size: 12px;
  color: white;
  margin-bottom: 0;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select::part(form-control-input),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox::part(form-control-input),
.ds-list .ds-list-inner div.ds-list-item > sl-switch::part(form-control-input) {
  margin-right: 15px;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select:hover,
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox:hover,
.ds-list .ds-list-inner div.ds-list-item > sl-switch:hover {
  cursor: pointer !important;
  background-color: var(--ds-select-background-color-hover);
}
.ds-list .ds-list-inner div.ds-list-item > sl-select[value="disabled"]::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox[value="disabled"]::part(form-control-label),
.ds-list .ds-list-inner div.ds-list-item > sl-switch[value="disabled"]::part(form-control-label) {
  transition: all 0.1s ease-in-out;
  opacity: 0.6 !important;
}
.ds-list .ds-list-inner div.ds-list-item > sl-select[value="disabled"]::part(combobox),
.ds-list .ds-list-inner div.ds-list-item > sl-checkbox[value="disabled"]::part(combobox),
.ds-list .ds-list-inner div.ds-list-item > sl-switch[value="disabled"]::part(combobox) {
  transition: all 0.1s ease-in-out;
  opacity: 0.7 !important;
}
.ds-list .ds-list-inner div.ds-list-item sl-checkbox[checked]::part(label) {
  text-decoration: line-through;
  opacity: 0.5;
}
.ds-list .ds-list-inner div.ds-list-item sl-switch {
  position: relative;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
}
.ds-list .ds-list-inner div.ds-list-item sl-switch::part(label) {
  margin-left: 0;
}
.ds-list .ds-list-inner div.ds-list-item sl-switch::part(base) {
  flex-direction: row-reverse;
}
.ds-list .ds-list-inner div.ds-list-item sl-switch::part(control) {
  margin-right: 20px;
}
.ds-list .ds-list-inner div.ds-list-item sl-switch[checked]::part(label) {
  opacity: 1;
}
.ds-list .ds-list-inner div.ds-list-item sl-switch a.info-toggle {
  opacity: 0.7;
  position: absolute;
  right: 65px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.ds-list .ds-list-inner div.ds-list-item sl-switch a.info-toggle > span {
  font-size: 16px;
}
.ds-list .ds-list-inner div.ds-list-item sl-switch a.info-toggle:hover {
  opacity: 1;
  cursor: pointer;
}
.ds-list .ds-list-inner div.ds-list-item sl-switch span.img-container {
  display: flex !important;
  font-size: 21px;
  margin-right: 10px;
}
.generative-component .ds-list {
  padding-top: 0px;
}
.generative-component .ds-list-inner {
  margin-right: auto;
  margin-left: 0;
}
.ds-television {
  width: 100%;
  border: 0.5px solid var(--ds-badge-border-color);
  overflow: hidden;
  border-radius: 5px;
  margin: auto;
}
.ds-television .screen {
  background-color: var(--ds-background-color-plus-2);
  border-bottom: 0.5px solid var(--ds-badge-border-color);
}
.ds-television .content {
  background-color: var(--ds-background-color-plus-1);
}
@media screen and (max-width: 500px) {
  .ds-list .ds-list-inner {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}




ds-rituals {
  display: block;
  margin: auto;
  margin-bottom: 0;
  padding: 0px;
}
ds-rituals .ds-list > .ds-list-inner {
  padding-top: 0;
  margin: auto;
}
ds-rituals .ritual-label {
  font-size: 14px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 10px;
}
ds-rituals .target-time-container {
  display: flex;
  padding-right: 15px;
  margin-bottom: 10px;
}
ds-rituals .target-time-container .target-time-input {
  width: 155px;
  margin-left: auto;
  box-sizing: border-box;
}
ds-rituals .target-time-container .target-time-input::part(base) {
  border: 0px;
}
@media (max-width: 500px) {
  ds-rituals {
    padding: 0px !important;
  }
}



ds-knock {
  font-family: "Martel Sans", sans-serif;
  display: block;
  margin-top: 70px;
  text-align: center;
}
ds-knock .locked-icon {
  font-size: 60px;
  opacity: 0.8;
}
ds-knock .locked-description {
  margin-top: 10px;
  margin-bottom: 50px;
  color: rgba(255, 255, 255, 0.8);
}
ds-knock .locked-description strong {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
  color: var(--ds-orange);
}
ds-knock .locked-description strong::part(control) {
  background-color: var(--ds-orange);
  border-color: var(--ds-orange);
}
ds-knock .locked-description strong::part(thumb) {
  border-color: var(--ds-orange);
}
ds-knock .locked-description > span.status {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
ds-knock .locked-description > span.muted {
  display: block;
  opacity: 0.6;
  font-size: 12px;
}
ds-knock .ds-button {
  margin: auto;
}

ds-kanban-board .kanban-groupby-selector {
  transition: all 0.1s ease-in-out;
  padding-left: 20px;
  padding-bottom: 10px;
  opacity: 0.5;
}
ds-kanban-board .kanban-groupby-selector sl-select {
  max-width: 200px;
}
ds-kanban-board .kanban-groupby-selector:hover {
  opacity: 1;
}
ds-kanban-board .kanban-board {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  margin-bottom: 0;
  max-height: calc(100dvh - 120px);
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  height: 100%;
  padding: 0 20px;
}
ds-kanban-board .kanban-board::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-kanban-board .kanban-board::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-kanban-board .kanban-board::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-kanban-board .kanban-board::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-kanban-board .kanban-board .vertical-gutter {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 240px;
  margin-right: 16px;
  min-height: 300px;
  max-height: 800px;
  border-radius: 10px;
  overflow: hidden;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-header {
  font-family: "Martel Sans", sans-serif;
  padding: 12px;
  font-weight: bold;
  background-color: var(--ds-kanban-gutter-label-background-color);
  color: var(--ds-kanban-gutter-label-text-color);
  text-align: left;
  display: flex;
  justify-content: start;
  align-items: center;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-header .gutter-label {
  background-color: var(--ds-kanban-card-background-color);
  border-radius: 20px;
  padding: 8px 14px 8px 10px;
  font-size: 11px;
  line-height: 14px;
  display: inline-flex;
  justify-content: start;
  align-items: center;
  max-width: calc(100% - 50px);
  overflow: hidden;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-header .gutter-label .gutter-label-dot {
  opacity: 0.5;
  display: inline-block;
  padding-right: 5px;
  font-size: 16px;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-header .gutter-button {
  transition: all 0.1s ease-in-out;
  margin-left: auto;
  font-size: 14px;
  color: var(--ds-kanban-gutter-button-text-color);
  background-color: var(--ds-kanban-card-background-color);
  height: 30px;
  padding: 0 10px;
  opacity: 0.1;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-header .gutter-button:hover {
  opacity: 1;
  background-color: var(--ds-kanban-card-background-color-hover);
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  flex-grow: 1;
  overflow-y: auto;
  background-color: var(--ds-kanban-gutter-content-background-color);
  padding: 8px;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card {
  transition: all 0.1s ease-in-out;
  background-color: var(--ds-kanban-card-background-color);
  border-radius: 4px;
  box-shadow: 0 1px 3px var(--ds-kanban-card-shadow-color);
  margin-bottom: 8px;
  padding: 12px;
  position: relative;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card .card-header .card-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 5px;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card .card-header .card-subtitle {
  font-family: "Martel Sans", sans-serif;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 10px 0 0 0;
  font-size: 11px;
  line-height: 14px;
  color: var(--ds-kanban-card-subtitle-color);
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card dl.displayed-metadata {
  margin: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  grid-gap: 5px;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card dl.displayed-metadata dt {
  font-family: "Fira Code", monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  display: flex;
  justify-content: start;
  align-items: center;
  opacity: 0.5;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card dl.displayed-metadata dd {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: unset;
  padding-top: 0;
  display: flex;
  justify-content: start;
  align-items: center;
  opacity: 0.7;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card dl.displayed-metadata dd > span {
  font-size: 10px;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card dl.displayed-metadata dd a[dark-affirmative] {
  transition: all 0.1s ease-in-out;
  margin-left: auto;
  margin-top: 5px;
  opacity: 0.3;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card dl.displayed-metadata dd a[dark-affirmative]:hover {
  opacity: 1;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card.sortable-chosen {
  opacity: 0.7;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card.sortable-ghost {
  opacity: 0.3;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card:hover {
  background-color: var(--ds-kanban-card-background-color-hover);
  cursor: pointer;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card .card-spinner,
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card .card-success,
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card .card-error {
  position: absolute;
  top: 2px;
  right: 6px;
  font-size: 18px;
  z-index: 1;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card .card-success,
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card .card-error {
  opacity: 0;
  transition: opacity 0.3s;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card [data-bind*="isSuccess"] {
  opacity: 1 !important;
}
ds-kanban-board .kanban-board .vertical-gutter .gutter-content .kanban-card [data-bind*="isError"] {
  opacity: 1 !important;
}
ds-kanban-board .kanban-board .vertical-gutter:hover .gutter-button {
  opacity: 0.3;
}

.row-editor-drawer {
  --size: 45vw;
  --active-tab-background-color: var(--ds-badge-background-color-hover);
  --inactive-tab-bottom-border-color: var(--ds-badge-border-color);
  --sidebar-width: 240px;
  --shrunk-sidebar-width: 0px;
  --expanded-sidebar-width: 100vw;
  --form-input-background-color: var(--ds-input-background-color);
  background-color: var(--ds-background-color);
}
.row-editor-drawer::part(header) {
  display: none;
}
.row-editor-drawer::part(body) {
  padding: 0px;
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
}
.row-editor-drawer::part(body)::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.row-editor-drawer::part(body)::-webkit-scrollbar-track {
  background: #3a3a3a;
}
.row-editor-drawer::part(body)::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
.row-editor-drawer::part(body)::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-row-editor {
  background-color: var(--ds-background-color);
  display: block;
}
.editor-container {
  overflow-x: hidden;
  padding: 60px;
  position: relative;
  color: var(--ds-text-color);
}
.editor-container .editor-controls {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
}
.editor-container .editor-controls a {
  transition: all 0.1s ease-in-out;
  opacity: 0.7;
  padding: 10px !important;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin-left: auto;
  z-index: var(--z-index-close-drawer-button);
}
.editor-container .editor-controls a span {
  font-size: 14px;
  color: var(--ds-document-text-color);
  padding: 0 !important;
  margin: 0 !important;
}
.editor-container .editor-controls a:hover {
  opacity: 1;
}
.editor-container h3 {
  display: flex;
  align-items: center;
  margin: 0 0 40px 0;
}
.editor-container h3 > span {
  margin-right: 6px;
}
.editor-container h3 .material-solid {
  opacity: 0.7;
}
.editor-container .editor-form {
  display: flex;
  flex-direction: column;
  position: relative;
}
.editor-container .editor-field {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
  margin-top: 20px;
}
.editor-container .editor-field .field-label {
  font-weight: bold;
  font-size: 13px;
  padding-top: 6px;
  padding-bottom: 6px;
  min-width: 0;
}
.editor-container .editor-field .field-label label {
  font-weight: bold;
}
.editor-container .editor-field .field-label small {
  font-weight: normal;
  display: inline-block;
  margin-left: 6px;
}
.editor-container .editor-field .field-label small.data-type {
  opacity: 0.3;
}
.editor-container .editor-field .field-label small.validation-error {
  color: var(--ds-red);
  font-weight: bold;
}
.editor-container .editor-field .field-input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.editor-container .editor-field .field-input duet-date-picker {
  width: 100%;
}
.editor-container .editor-field .field-input sl-input,
.editor-container .editor-field .field-input sl-textarea,
.editor-container .editor-field .field-input input,
.editor-container .editor-field .field-input select,
.editor-container .editor-field .field-input textarea {
  width: 100%;
  margin-bottom: 0px;
  background-color: var(--form-input-background-color);
  border: 1px solid var(--ds-input-border-color);
}
.editor-container .editor-field .field-input sl-input[disabled],
.editor-container .editor-field .field-input sl-textarea[disabled],
.editor-container .editor-field .field-input input[disabled],
.editor-container .editor-field .field-input select[disabled],
.editor-container .editor-field .field-input textarea[disabled] {
  background-color: var(--ds-input-background-color-disabled);
  cursor: not-allowed;
}
.editor-container .editor-field .field-input sl-input::part(base),
.editor-container .editor-field .field-input sl-textarea::part(base),
.editor-container .editor-field .field-input input::part(base),
.editor-container .editor-field .field-input select::part(base),
.editor-container .editor-field .field-input textarea::part(base) {
  border: 0px;
}
.editor-container .editor-field .field-input input {
  padding: 10px;
  line-height: 26px;
  height: 46px;
}
.editor-container .form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0px;
  padding-top: 40px;
  border-top: 1px solid var(--ds-section-divider-color);
}
.editor-container .form-actions a[ds-button] {
  margin-left: 10px;
}
.editor-container .form-actions a#cancel-editor {
  margin-right: auto;
}
@media (max-width: 600px) {
  .row-editor-drawer {
    --size: 100vw !important;
  }
  .row-editor-drawer .editor-container {
    padding: 20px;
  }
  .editor-field {
    grid-template-columns: 1fr;
    grid-gap: 0.5em;
  }
  .editor-field .field-input {
    justify-content: flex-start;
  }
}

ds-textareas {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: -1;
}
textarea[ds-textarea] {
  box-sizing: border-box;
  padding: 18px 15px;
  border-radius: 5px;
  border: 1px solid var(--ds-input-border-color);
  transition: height 0.2s ease-out;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Martel Sans", sans-serif;
  background-color: var(--ds-input-background-color);
  color: var(--ds-document-text-color);
  resize: none;
}
textarea[ds-textarea]:focus {
  border: 1px solid rgba(150, 150, 150, 0.8);
}
textarea[ds-textarea].disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

ds-selects {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: -1;
}
select[ds-select] {
  box-sizing: border-box;
  padding: 10px 8px;
  border-radius: 5px;
  border: 1px solid var(--ds-input-border-color);
  transition: height 0.2s ease-out;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Martel Sans", sans-serif;
  background-color: var(--ds-input-background-color);
  color: var(--ds-document-text-color);
  resize: none;
}
select[ds-select]:focus {
  border: 1px solid rgba(150, 150, 150, 0.8);
}
select[ds-select].disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

ds-text-editor {
  display: block;
  min-height: 5px;
  min-width: 5px;
  margin-top: 0;
  padding: 2px;
  width: 100%;
}
ds-text-editor .cm-cursor {
  display: block !important;
}
ds-text-editor .code-editor-container .cm-editor {
  background-color: var(--ds-input-background-color);
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  text-align: left;
}
ds-text-editor .code-editor-container .cm-editor .cm-gutters {
  background-color: unset !important;
}
ds-text-editor .code-editor-container .cm-editor .cm-scroller {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  /* For Webkit browsers like Chrome/Safari */
}
ds-text-editor .code-editor-container .cm-editor .cm-scroller::-webkit-scrollbar {
  width: 0;
  height: 0;
}
ds-text-editor .code-editor-container .cm-editor .cm-activeLine {
  background-color: unset !important;
  box-shadow: 0 -2px 0 0 rgba(80, 80, 80, 0.1), 0 2px 0 0 rgba(80, 80, 80, 0.1);
  /* Adjust color as needed */
}
ds-text-editor .code-editor-container .cm-editor .cm-line {
  font-family: "Fira Code", monospace;
  font-size: 12px;
  font-weight: 400;
  color: #d6dbe3;
}
ds-text-editor .code-editor-container .cm-editor .cm-activeLineGutter {
  box-shadow: 0 -2px 0 0 rgba(80, 80, 80, 0.2), 0 2px 0 0 rgba(80, 80, 80, 0.2);
}
ds-text-editor .code-editor-container .cm-editor .cm-gutterElement {
  font-size: 11px;
  opacity: 0.8;
  line-height: 15px;
}
ds-text-editor .code-editor-container .cm-editor .cm-gutterElement span[title="Fold line"],
ds-text-editor .code-editor-container .cm-editor .cm-gutterElement span[title="Unfold line"] {
  transition: all 0.1s ease-in-out;
  vertical-align: middle;
  opacity: 0.2;
  margin-top: -8px;
  display: inline-block;
}
ds-text-editor .code-editor-container .cm-editor .cm-gutterElement span[title="Fold line"]:hover,
ds-text-editor .code-editor-container .cm-editor .cm-gutterElement span[title="Unfold line"]:hover {
  opacity: 1;
}
ds-text-editor .code-editor-container .cm-editor .cm-content {
  padding: 10px;
}
ds-text-editor .code-editor-container .cm-editor .cm-cursorLayer {
  transition: all 0.1s ease-in-out;
  animation-duration: 1s !important;
  animation-iteration-count: infinite !important;
}
ds-text-editor .code-editor-container .cm-editor .cm-cursorLayer .cm-cursor {
  transition: all 0.1s ease-in-out !important;
  border-left-width: 2px !important;
}
ds-text-editor .code-editor-container .cm-editor:not(.cm-focused) .cm-cursorLayer .cm-cursor {
  opacity: 0.6;
}
ds-text-editor textarea {
  width: 100%;
  height: 100%;
}
ds-text-editor.readonly .cm-editor {
  background-color: rgba(150, 150, 150, 0.15);
}

ds-recurrence-rule-setter .form-group label {
  font-family: "Martel Sans", sans-serif;
  font-size: 13px;
  color: var(--ds-document-text-color);
  display: block;
  margin-top: 10px;
  padding-left: 2px;
}

ds-inbox {
  font-family: "Martel Sans", sans-serif;
  display: flex;
  width: 100%;
  flex-grow: 1;
  height: calc(100vh - 120px);
  background: #1a1a1a;
  color: #ffffff;
}
ds-inbox > section {
  display: block;
  width: 100%;
  flex-grow: 1;
  height: 100%;
}
ds-inbox > section > .inbox-container {
  display: flex;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}
ds-inbox > section > .inbox-container.loading {
  justify-content: center;
  align-items: center;
}
ds-inbox > section > .inbox-container > .sidebar {
  display: none;
  transition: all 0.1s ease-in-out;
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  max-width: 260px;
  min-width: 260px;
  height: 100%;
  overflow-y: auto;
  border-right: 1px solid var(--ds-section-divider-color);
}
ds-inbox > section > .inbox-container > .sidebar::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-inbox > section > .inbox-container > .sidebar::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-inbox > section > .inbox-container > .sidebar::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-inbox > section > .inbox-container > .sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-inbox > section > .inbox-container > .sidebar.show {
  max-width: 260px;
  min-width: 260px;
}
ds-inbox > section > .inbox-container > .sidebar > .inbox-controls {
  padding-bottom: 10px;
}
ds-inbox > section > .inbox-container > .sidebar > .inbox-controls a[affirmative] {
  display: none;
}
ds-inbox > section > .inbox-container > .sidebar > .inbox-controls sl-select {
  display: block;
  opacity: 0.4;
}
ds-inbox > section > .inbox-container > .sidebar > .inbox-controls sl-select sl-option::part(prefix),
ds-inbox > section > .inbox-container > .sidebar > .inbox-controls sl-select sl-option::part(suffix) {
  opacity: 0.4;
}
ds-inbox > section > .inbox-container > .sidebar > .inbox-controls sl-select sl-option::part(label) {
  font-size: 12px;
}
ds-inbox > section > .inbox-container > .sidebar > .inbox-controls sl-select sl-option sl-icon[name="robot"]::part(svg) {
  color: var(--ds-purple);
}
ds-inbox > section > .inbox-container > .sidebar > .inbox-controls sl-select sl-option sl-icon:not([name="robot"])::part(svg) {
  color: var(--ds-blue);
}
ds-inbox > section > .inbox-container > .sidebar > .inbox-controls sl-select:hover {
  opacity: 1;
}
ds-inbox > section > .inbox-container > .sidebar .subject-card {
  padding: 1rem;
  border-bottom: 1px solid var(--ds-section-divider-color);
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}
ds-inbox > section > .inbox-container > .sidebar .subject-card:hover {
  background: #3d3d3d;
}
ds-inbox > section > .inbox-container > .sidebar .subject-card.active {
  background: var(--ds-deepblue-darker-3);
}
ds-inbox > section > .inbox-container > .sidebar .subject-card .subject-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
ds-inbox > section > .inbox-container > .sidebar .subject-card .subject-header h3 {
  margin: 0;
  font-size: 16px;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
}
ds-inbox > section > .inbox-container > .sidebar .subject-card .subject-header .timestamp {
  font-size: 11px;
  opacity: 0.4;
}
ds-inbox > section > .inbox-container > .sidebar .subject-card .preview {
  margin: 0;
  font-size: 13px;
  opacity: 0.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
ds-inbox > section > .inbox-container > .sidebar .subject-card .notification-dot {
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--ds-deepblue);
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
ds-inbox > section > .inbox-container > .message-pane {
  max-width: 0px;
  flex: 1;
  border-radius: 8px;
  position: relative;
}
ds-inbox > section > .inbox-container > .message-pane.show {
  max-width: 100%;
}
ds-inbox > section > .inbox-container > .message-pane .message-pane-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px;
  border-bottom: 1px solid var(--ds-section-divider-color);
}
ds-inbox > section > .inbox-container > .message-pane .message-pane-header > a.back-to-threads {
  position: absolute;
  left: 25px;
  display: none;
  align-items: center;
  gap: 5px;
  text-decoration: none;
}
ds-inbox > section > .inbox-container > .message-pane .message-pane-header > span.thread-title {
  font-family: "Martel Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ds-inbox > section > .inbox-container > .message-pane .empty-state {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  opacity: 0.6;
  width: 100%;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  overflow-y: auto;
  margin-bottom: 115px;
  max-height: calc(100% - 115px);
  padding-top: 15px;
  padding-bottom: 30px;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message {
  border-radius: 8px;
  padding: 1rem;
  transition: all 0.2s;
  position: relative;
  margin-bottom: 10px;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message > div.message-header {
  position: absolute;
  bottom: -20px;
  right: 6px;
  justify-content: space-between;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message > div.message-header .timestamp {
  color: #888888;
  font-size: 11px;
  opacity: 0.2;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message > div.content {
  color: #cccccc;
  white-space: pre-wrap;
  font-size: 14px;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message > span.read-status {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 13px;
  opacity: 0.4;
  color: var(--ds-document-text-color);
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message.read > span.read-status {
  opacity: 1;
  color: var(--ds-green);
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message.mine {
  margin-left: 60px;
  margin-right: 15px;
  background: var(--ds-deepblue-darker-3);
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message.mine:hover {
  background: var(--ds-deepblue-darker-2);
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message:not(.mine) {
  margin-right: 60px;
  margin-left: 15px;
  background: var(--ds-background-color-plus-2);
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message:not(.mine):hover {
  background: var(--ds-background-color-plus-1);
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message:not(.mine) .read-status {
  display: none;
}
ds-inbox > section > .inbox-container > .message-pane > .messages-container .messages .message:last-child {
  margin-bottom: 20px;
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  height: 100px;
  display: flex;
  background-color: var(--ds-background-color);
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container > textarea.message-input {
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  flex: 1;
  margin: 0px 15px 0px 0px;
  overflow-y: auto;
  min-height: 100%;
  max-height: 100%;
  min-width: calc(100% - 55px);
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container > textarea.message-input::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container > textarea.message-input::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container > textarea.message-input::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container > textarea.message-input::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container > a#send-inbox-message {
  transition: all 0.1s ease-in-out;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ds-button-background-color);
  border: 1px solid var(--ds-button-border-color);
  color: var(--ds-document-text-color);
  cursor: pointer;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 3px;
  opacity: 0.8;
  width: 40px;
  flex: 0 0 40px;
  margin-right: 0px;
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container > a#send-inbox-message:hover {
  border: 1px solid var(--ds-button-border-color-hover);
  background-color: var(--ds-button-background-color-hover);
  opacity: 0.9;
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container > a#send-inbox-message.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
ds-inbox > section > .inbox-container > .message-pane .message-input-container > a#send-inbox-message.disabled:hover {
  border: 1px solid var(--ds-disabled-button-border-color);
  background-color: var(--ds-disabled-button-background-color);
  opacity: 0.3;
}
@media (max-width: 768px) {
  ds-inbox > section > .inbox-container {
    width: 100%;
  }
  ds-inbox > section > .inbox-container > div.sidebar {
    padding: 0px;
    max-width: 0px;
    min-width: 0px;
  }
  ds-inbox > section > .inbox-container > div.sidebar.show {
    max-width: 100%;
    min-width: 100%;
  }
  ds-inbox > section > .inbox-container > div.message-pane {
    width: 100%;
  }
  ds-inbox > section > .inbox-container > div.message-pane > div.message-input-container {
    left: 15px;
  }
  ds-inbox > section > .inbox-container > div.message-pane > div.message-pane-header > a.back-to-threads {
    display: inline-block !important;
  }
  ds-inbox > section > .inbox-container > div.message-pane.show {
    max-width: 100%;
  }
}


ds-connections .constrained-width {
  max-width: 500px;
  margin-bottom: 20px;
}
ds-connections > section {
  background-color: transparent !important;
  text-align: left;
  padding: 0 20px;
  border-color: rgba(0, 0, 0, 0);
}
ds-connections > section #connection-table {
  margin: auto;
  margin-bottom: 20px;
}
ds-connections > section #connection-table .highlight-cell {
  box-shadow: 0 0 0 2px var(--ds-magenta-lighter-1) inset;
}
ds-connections > section #connection-table .tabulator-cell,
ds-connections > section #connection-table .tabulator-col-title {
  font-weight: 700;
  text-align: center;
  justify-content: center;
}
ds-connections > section .connection-editor {
  max-width: 500px;
  margin-bottom: 20px;
  margin: auto;
  margin-bottom: 50px;
}
ds-connections > section .connection-editor sl-input::part(form-control-label),
ds-connections > section .connection-editor sl-select::part(form-control-label),
ds-connections > section .connection-editor sl-textarea::part(form-control-label) {
  font-size: 13px;
  opacity: 0.8;
  margin-top: 10px;
}
ds-connections > section .connection-editor sl-select::part(display-input),
ds-connections > section .connection-editor sl-option::part(label) {
  font-family: "Martel Sans", sans-serif;
  text-transform: none;
}
ds-connections > section .connection-editor a.update-button {
  margin-top: 20px;
}
ds-connections > section .connection-editor sl-details {
  margin-top: 20px;
  opacity: 1;
}
ds-connections > section .connection-editor sl-details::part(base) {
  border: none;
}
ds-connections > section .connection-editor sl-details::part(summary) {
  font-size: 13px;
}
ds-connections > section .connection-editor sl-details::part(content) {
  padding-top: 0px;
}
ds-connections > section .connection-editor sl-details:hover {
  opacity: 1;
}
ds-connections > section a.update-button {
  margin-bottom: 20px;
}
ds-connections .non-selectable-cell {
  opacity: 0.5;
  background-color: rgba(100, 100, 100, 0.05);
  cursor: not-allowed;
}
ds-connections .selectable-cell {
  cursor: pointer;
}
ds-connections .highlight-cell {
  box-shadow: 0 0 0 2px var(--ds-magenta-lighter-1) inset;
}
ds-connections .archived-cell {
  text-decoration: line-through;
  opacity: 0.4;
}
ds-connections .archived-cell::after {
  display: none;
}



:root {
  --ds-row-label-col-width: 120px;
  --ds-grid-cell-width: 40px;
  --ds-grid-cell-gap: 3px;
  --ds-grid-cell-height: 40px;
  --ds-color-loading-text: #666;
  --ds-color-border: #ddd;
  --ds-color-today-text: #fff;
  --ds-color-weekend-text: #aaa;
  --ds-color-row-label-text: #333;
  --ds-color-cell-empty: #e1e4e8;
  --ds-color-group-label-bg: #f5f5f5;
  --ds-color-group-label-text: #444;
  --ds-grid-chrome-background-color: var(--ds-background-color-minus-05);
  /* exposed as RGB for pulse shadow */
  --ds-color-today-text-rgb: 255, 255, 255;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ds-color-loading-text: #aaa;
    --ds-color-border: #444;
    --ds-color-today-text: #58a6ffaa;
    --ds-color-row-label-text: #ccc;
    --ds-color-cell-empty: #1b1b1b;
    --ds-color-group-label-bg: #3a3f47;
    --ds-color-group-label-text: #ddd;
    --ds-color-today-text-rgb: 88, 166, 255;
  }
}
ds-grid {
  display: block;
  font-family: sans-serif;
}
ds-grid sl-select {
  transition: all 0.1s ease-in-out;
  max-width: 300px;
  opacity: 0.6;
  z-index: 10;
}
ds-grid sl-select::part(form-control-label) {
  font-size: 13px;
  color: var(--ds-color-row-label-text);
}
ds-grid sl-select:hover {
  opacity: 1;
}
ds-grid .loading {
  text-align: center;
  padding: 16px;
  font-size: 1rem;
  color: var(--ds-color-loading-text);
}
ds-grid .wrapper {
  position: relative;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--ds-badge-background-color-hover) var(--ds-badge-background-color);
  scrollbar-height: thin;
  max-height: 80vh;
}
ds-grid .wrapper::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
ds-grid .wrapper::-webkit-scrollbar-track {
  background: #3a3a3a;
}
ds-grid .wrapper::-webkit-scrollbar-thumb {
  background-color: #575a5c;
  border-radius: 6px;
  border: 3px solid #3a3a3a;
}
ds-grid .wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
ds-grid .wrapper .cells-canvas {
  position: absolute;
  /* header‐cell height (40px) + gap (3px) + border-bottom of header-cell (1px) */
  top: calc(var(--ds-grid-cell-height) + var(--ds-grid-cell-gap) + 1px);
  left: 0;
  z-index: 0;
  pointer-events: none;
}
ds-grid .wrapper .header {
  display: grid;
  /* first (corner) column is still the row-label width… */
  grid-template-columns: var(--ds-row-label-col-width);
  /* …and every subsequent (implicit) column is exactly a cell’s width */
  grid-auto-columns: var(--ds-grid-cell-width);
  grid-auto-flow: column;
  -moz-column-gap: var(--ds-grid-cell-gap);
       column-gap: var(--ds-grid-cell-gap);
  align-items: center;
  margin-bottom: 4px;
  gap: var(--ds-grid-cell-gap);
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--ds-grid-chrome-background-color);
}
ds-grid .wrapper .header .corner {
  width: var(--ds-row-label-col-width);
  position: sticky;
  top: 0;
  left: 0;
  height: var(--ds-grid-cell-height);
  background: var(--ds-grid-chrome-background-color);
}
ds-grid .wrapper .header .header-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--ds-grid-cell-height);
  width: var(--ds-grid-cell-width);
  font-size: 0.75rem;
  padding: 2px 0;
  border-bottom: 1px solid var(--ds-color-border);
  background: var(--ds-grid-chrome-background-color);
}
ds-grid .wrapper .header .header-cell.today {
  color: var(--ds-color-today-text);
  font-weight: bolder;
  font-size: 15px;
}
ds-grid .wrapper .header .header-cell.weekend:not(.today) {
  color: var(--ds-color-weekend-text);
}
ds-grid .wrapper .body {
  display: grid;
  grid-template-columns: var(--ds-row-label-col-width);
  gap: 0;
}
ds-grid .wrapper .body .row {
  display: contents;
}
ds-grid .wrapper .body .row .row-label {
  padding-right: 8px;
  text-align: right;
  font-size: 0.75rem;
  height: calc(var(--ds-grid-cell-height) + var(--ds-grid-cell-gap));
  width: var(--ds-row-label-col-width);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: sticky;
  left: 0;
  z-index: 2;
  padding-top: 6px;
  background: var(--ds-grid-chrome-background-color);
}
ds-grid .wrapper .body .row.group-label-row .row-label {
  display: inline-block;
  font-weight: bold;
  color: var(--ds-color-group-label-text);
  padding-top: 10px;
}
ds-grid[size="small"] {
  --ds-grid-cell-width: 10px;
  --ds-grid-cell-height: 10px;
  --ds-grid-cell-gap: 0.75px;
}
ds-grid[size="small"] .header-cell,
ds-grid[size="small"] .corner,
ds-grid[size="small"] .row:not(.group-label-row) .row-label {
  visibility: hidden;
  height: 0 !important;
}
ds-grid[size="small"] .row:not(.group-label-row) .row-label {
  width: 0 !important;
}
ds-grid[size="small"] .group-label-row .row-label {
  visibility: visible;
  height: calc(var(--ds-grid-cell-height) + var(--ds-grid-cell-gap)) !important;
  line-height: calc(var(--ds-grid-cell-height) + var(--ds-grid-cell-gap)) !important;
  padding-top: 0 !important;
  position: absolute;
  left: 0;
  top: 0;
  width: var(--ds-row-label-col-width);
}
@keyframes ds-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--ds-color-today-text-rgb), 0.2);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(var(--ds-color-today-text-rgb), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--ds-color-today-text-rgb), 0);
  }
}
.today-highlight {
  opacity: 0.6;
  position: absolute;
  pointer-events: none;
  border-left: 1px dotted var(--ds-color-today-text);
  border-right: 1px dotted var(--ds-color-today-text);
  border-radius: 0;
  animation: ds-pulse 2s ease-out infinite;
  z-index: 1;
}
.grid-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 120px;
  padding-bottom: 20px;
}
@media (max-width: 600px) {
  .grid-controls {
    padding-left: 20px;
  }
}








ds-journal #journal-entry-editor {
  margin-bottom: 30px;
  padding: 10px;
}
ds-journal .constrained-width {
  max-width: 600px;
  margin: auto;
  margin-bottom: 40px;
}
ds-journal .journal-label {
  font-size: 12px;
  opacity: 0.5;
  margin-top: 20px;
}
ds-journal sl-input::part(form-control-label),
ds-journal sl-select::part(form-control-label),
ds-journal sl-textarea::part(form-control-label) {
  font-size: 12px;
  opacity: 0.5;
  margin-top: 20px;
}
ds-journal sl-textarea {
  margin-bottom: 20px;
}

ds-postmortems sl-select,
ds-postmortems sl-input,
ds-postmortems sl-textarea {
  margin-bottom: 20px;
}
ds-postmortems sl-input::part(form-control-label),
ds-postmortems sl-textarea::part(form-control-label) {
  font-size: 12px;
  font-family: "Segoe UI", sans-serif;
  font-weight: 400;
  opacity: 0.5;
}
ds-postmortems div.constrained-width {
  max-width: 500px;
  margin: auto;
  overflow: hidden;
  padding: 4px;
}
ds-postmortems div.constrained-width > a.save-postmortem {
  margin-left: auto;
  float: right;
}
ds-postmortems div.constrained-width a.edit-postmortem {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 20px;
  opacity: 0.6;
  font-size: 12px;
  font-family: "Segoe UI", sans-serif;
  font-weight: 400;
  opacity: 0.5;
  text-align: center;
}
ds-postmortems div.constrained-width a.edit-postmortem:hover {
  opacity: 1;
  cursor: pointer;
}
ds-postmortems div.constrained-width p.postmortem-summary {
  text-align: center;
  font-size: 12px;
  font-family: "Segoe UI", sans-serif;
  font-weight: 400;
  opacity: 0.5;
  font-size: 14px;
  margin-bottom: 0px;
}


ds-tool-selector {
  display: block;
  padding-top: 20px;
}
ds-tool-selector sl-details.ds-minimal-details {
  max-width: 500px;
  margin: auto;
  margin-bottom: 20px;
}
ds-tool-selector sl-details.ds-minimal-details::part(content) {
  padding-top: 15px;
}
ds-tool-selector sl-details.ds-minimal-details::part(header) {
  opacity: 0.8;
}
ds-tool-selector sl-details.ds-minimal-details .sl-details-header.dimmed {
  opacity: 0.3;
}

ds-question-asker > section {
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
ds-question-asker .engine-label {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 40px;
}
ds-question-asker .question-text {
  opacity: 0.8;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 14px;
}


ds-user-admin .constrained-width {
  max-width: 600px;
  margin: 0 auto;
}
ds-user-admin .constrained-width sl-select {
  margin-bottom: 20px;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.breadcrumbHomeIcon_R48O {
  position: relative;
  top: 1px;
  vertical-align: top;
  height: 1.1rem;
  width: 1.1rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.breadcrumbsContainer_U1kF {
  --ifm-breadcrumb-size-multiplier: 0.8;
  margin-bottom: 0.8rem;
}

.docItemContainer_c0TR header + *,
.docItemContainer_c0TR article > *:first-child {
  margin-top: 0;
}

@media (min-width: 997px) {
  .docItemCol_z5aJ {
    max-width: 75% !important;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.skipToContent_PguP {
  position: fixed;
  top: 1rem;
  left: 100%;
  z-index: calc(var(--ifm-z-index-fixed) + 1);
  padding: calc(var(--ifm-global-spacing) / 2) var(--ifm-global-spacing);
  color: var(--ifm-color-emphasis-900);
  background-color: var(--ifm-background-surface-color);
}

.skipToContent_PguP:focus {
  left: 1rem;
  box-shadow: var(--ifm-global-shadow-md);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.closeButton_Jjh0 {
  padding: 0;
  line-height: 0;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.content_RcZL {
  font-size: 85%;
  text-align: center;
  padding: 5px 0;
}

.content_RcZL a {
  color: inherit;
  text-decoration: underline;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

:root {
  --docusaurus-announcement-bar-height: auto;
}

.announcementBar_llpR {
  display: flex;
  align-items: center;
  height: var(--docusaurus-announcement-bar-height);
  background-color: var(--ifm-color-white);
  color: var(--ifm-color-black);

  /*
  Unfortunately we can't make announcement bar render above the navbar
  IE need to use border-bottom instead of shadow
  See https://github.com/facebookincubator/infima/issues/275

  box-shadow: var(--ifm-global-shadow-lw);
  z-index: calc(var(--ifm-z-index-fixed) + 1);
  */
  border-bottom: 1px solid var(--ifm-color-emphasis-100);
}

html[data-announcement-bar-initially-dismissed='true'] .announcementBar_llpR {
  display: none;
}

.announcementBarPlaceholder_xVdu {
  flex: 0 0 10px;
}

.announcementBarClose_nsQ1 {
  flex: 0 0 30px;
  align-self: stretch;
}

.announcementBarContent_NNix {
  flex: 1 1 auto;
}

@media print {
  .announcementBar_llpR {
    display: none;
  }
}

@media (min-width: 997px) {
  :root {
    --docusaurus-announcement-bar-height: 30px;
  }

  .announcementBarPlaceholder_xVdu,
  .announcementBarClose_nsQ1 {
    flex-basis: 50px;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.toggle_GMOt {
  width: 2rem;
  height: 2rem;
}

.toggleButton_LxXo {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: background var(--ifm-transition-fast);
}

.toggleButton_LxXo:hover {
  background: var(--ifm-color-emphasis-200);
}

[data-theme='light'] .darkToggleIcon_ByDZ,
[data-theme='dark'] .lightToggleIcon_L5HL {
  display: none;
}

.toggleButtonDisabled_GmWp {
  cursor: not-allowed;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.darkNavbarColorModeToggle_GhZj:hover {
  background: var(--ifm-color-gray-800);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.themedImage_BA3X {
  display: none;
}

[data-theme='light'] .themedImage--light_UwiN {
  display: initial;
}

[data-theme='dark'] .themedImage--dark_ebMv {
  display: initial;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.iconExternalLink_vt91 {
  margin-left: 0.3rem;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.iconLanguage_MjZd {
  vertical-align: text-bottom;
  margin-right: 5px;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@media (max-width: 996px) {
  .searchBox_HEfx {
    position: absolute;
    right: var(--ifm-navbar-padding-horizontal);
  }
}

@media (min-width: 997px) {
  .searchBox_HEfx {
    padding: var(--ifm-navbar-item-padding-vertical)
      var(--ifm-navbar-item-padding-horizontal);
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.navbarHideable_kvxp {
  transition: transform var(--ifm-transition-fast) ease;
}

.navbarHidden_mNOc {
  transform: translate3d(0, calc(-100% - 2px), 0);
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/*
Hide color mode toggle in small viewports
 */
@media (max-width: 996px) {
  .colorModeToggle_Hy89 {
    display: none;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.errorBoundaryError__7u8 {
  white-space: pre-wrap;
  color: red;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

body:not(.navigation-with-keyboard) *:not(input):focus {
  outline: none;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

#__docusaurus-base-url-issue-banner-container {
  display: none;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.footerLogoLink_Bt7M {
  opacity: 0.5;
  transition: opacity var(--ifm-transition-fast)
    var(--ifm-transition-timing-default);
}

.footerLogoLink_Bt7M:hover {
  opacity: 1;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

html,
body {
  height: 100%;
}

.mainWrapper_RZ1C {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

/* Docusaurus-specific utility class */
.docusaurus-mt-lg {
  margin-top: 3rem;
}

#__docusaurus {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.backToTopButton_i4Sw {
  position: fixed;
  right: 1.3rem;
  bottom: 1.3rem;
  border-radius: 50%;
  background-color: var(--ifm-color-emphasis-200);
  width: 3rem;
  height: 3rem;
  z-index: calc(var(--ifm-z-index-fixed) - 1);
  box-shadow: var(--ifm-global-shadow-lw);
  transition: all var(--ifm-transition-fast)
    var(--ifm-transition-timing-default);
  opacity: 0;
  transform: scale(0);
  visibility: hidden;
}

.backToTopButton_i4Sw::after {
  content: ' ';
  display: inline-block;
  -webkit-mask: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem no-repeat;
          mask: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem no-repeat;
  background-color: var(--ifm-color-emphasis-1000);
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .backToTopButton_i4Sw:hover {
    background-color: var(--ifm-color-emphasis-300);
  }
}

.backToTopButtonShow_xQ1A {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

:root {
  --docusaurus-collapse-button-bg: transparent;
  --docusaurus-collapse-button-bg-hover: rgb(0 0 0 / 10%);
}

[data-theme='dark']:root {
  --docusaurus-collapse-button-bg: rgb(255 255 255 / 5%);
  --docusaurus-collapse-button-bg-hover: rgb(255 255 255 / 10%);
}

@media (min-width: 997px) {
  .collapseSidebarButton_JQG6 {
    display: block !important;
    background-color: var(--docusaurus-collapse-button-bg);
    height: 40px;
    position: sticky;
    bottom: 0;
    border-radius: 0;
    border: 1px solid var(--ifm-toc-border-color);
  }

  .collapseSidebarButtonIcon_Iseg {
    transform: rotate(180deg);
    margin-top: 4px;
  }

  [dir='rtl'] .collapseSidebarButtonIcon_Iseg {
    transform: rotate(0);
  }

  .collapseSidebarButton_JQG6:hover,
  .collapseSidebarButton_JQG6:focus {
    background-color: var(--docusaurus-collapse-button-bg-hover);
  }
}

.collapseSidebarButton_JQG6 {
  display: none;
  margin: 0;
}

.menuExternalLink_NnFM {
  align-items: center;
}

@media (min-width: 997px) {
  .menuHtmlItem_PEWV {
    padding: var(--ifm-menu-link-padding-vertical)
      var(--ifm-menu-link-padding-horizontal);
  }
}

@media (min-width: 997px) {
  .menu_Y1UP {
    flex-grow: 1;
    padding: 0.5rem;
  }
  @supports (scrollbar-gutter: stable) {
    .menu_Y1UP {
      padding: 0.5rem 0 0.5rem 0.5rem;
      scrollbar-gutter: stable;
    }
  }

  .menuWithAnnouncementBar_fPny {
    margin-bottom: var(--docusaurus-announcement-bar-height);
  }
}

@media (min-width: 997px) {
  .sidebar_mhZE {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: var(--ifm-navbar-height);
    width: var(--doc-sidebar-width);
  }

  .sidebarWithHideableNavbar__6UL {
    padding-top: 0;
  }

  .sidebarHidden__LRd {
    opacity: 0;
    visibility: hidden;
  }

  .sidebarLogo_F_0z {
    display: flex !important;
    align-items: center;
    margin: 0 var(--ifm-navbar-padding-horizontal);
    min-height: var(--ifm-navbar-height);
    max-height: var(--ifm-navbar-height);
    color: inherit !important;
    text-decoration: none !important;
  }

  .sidebarLogo_F_0z img {
    margin-right: 0.5rem;
    height: 2rem;
  }
}

.sidebarLogo_F_0z {
  display: none;
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@media (min-width: 997px) {
  .expandButton_yXQW {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color var(--ifm-transition-fast) ease;
    background-color: var(--docusaurus-collapse-button-bg);
  }

  .expandButton_yXQW:hover,
  .expandButton_yXQW:focus {
    background-color: var(--docusaurus-collapse-button-bg-hover);
  }

  .expandButtonIcon_GCQ_ {
    transform: rotate(0);
  }

  [dir='rtl'] .expandButtonIcon_GCQ_ {
    transform: rotate(180deg);
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

:root {
  --doc-sidebar-width: 300px;
  --doc-sidebar-hidden-width: 30px;
}

.docSidebarContainer_pEnL {
  display: none;
}

@media (min-width: 997px) {
  .docSidebarContainer_pEnL {
    display: block;
    width: var(--doc-sidebar-width);
    margin-top: calc(-1 * var(--ifm-navbar-height));
    border-right: 1px solid var(--ifm-toc-border-color);
    will-change: width;
    transition: width var(--ifm-transition-fast) ease;
    clip-path: inset(0);
  }

  .docSidebarContainerHidden_IAAi {
    width: var(--doc-sidebar-hidden-width);
    cursor: pointer;
  }

  .sidebarViewport_U2yW {
    top: 0;
    position: sticky;
    height: 100%;
    max-height: 100vh;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.docMainContainer_uDaL {
  display: flex;
  width: 100%;
}

@media (min-width: 997px) {
  .docMainContainer_uDaL {
    flex-grow: 1;
    max-width: calc(100% - var(--doc-sidebar-width));
  }

  .docMainContainerEnhanced_tXrx {
    max-width: calc(100% - var(--doc-sidebar-hidden-width));
  }

  .docItemWrapperEnhanced_FP1Q {
    max-width: calc(
      var(--ifm-container-width) + var(--doc-sidebar-width)
    ) !important;
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.docPage_huIM {
  display: flex;
  width: 100%;
  flex: 1 0;
}

.docsWrapper_Q9Wt {
  display: flex;
  flex: 1 0 auto;
}

/*
JS disabled??? Show light version by default => better than showing nothing
TODO bad, but we currently always show light mode when there's no data-theme
 */
html:not([data-theme]) .themedComponent--light_SFFc {
  display: initial;
}