@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
/**
 * 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%;
          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 {
  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: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;
          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 {
      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: 1rem;
      height: 2rem;
      padding: 0 0.5rem 0 2.25rem;
      width: 12.5rem;
    }

.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 {
  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;
      width: max-content;
    }

.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
}
}

code .token.coord {
  font-weight: 700;
}

code .token.diff-highlight-deleted {
  background-color: rgba(255, 0, 0, 0.1);
}

code .token.diff-highlight-inserted {
  background-color: rgba(0, 255, 128, 0.1);
}

code .token.diff-highlight-deleted,
code .token.diff-highlight-inserted {
  display: inline-block;
}

/**
 * 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);
}

:root{--ifm-dark-value: 10%;--ifm-darker-value: 15%;--ifm-darkest-value: 30%;--ifm-light-value: 15%;--ifm-lighter-value: 30%;--ifm-lightest-value: 50%;--ifm-color-primary: #0068ff;--ifm-color-primary-dark: #005ee6;--ifm-color-primary-darker: #0058d9;--ifm-color-primary-darkest: #0049b3;--ifm-color-primary-light: #1a77ff;--ifm-color-primary-lighter: #267fff;--ifm-color-primary-lightest: #4d95ff;--ifm-color-secondary: #ebedf0;--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-success: #00a400;--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-info: #54c7ec;--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-warning: #f5832f;--ifm-color-warning-dark: #f47213;--ifm-color-warning-darker: #ed6b0b;--ifm-color-warning-darkest: #c35809;--ifm-color-warning-light: #f6944b;--ifm-color-warning-lighter: #ed6b0b;--ifm-color-warning-lightest: #c35809;--ifm-color-danger: #fa383e;--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-white: #fff;--ifm-color-black: #000;--ifm-color-neutral-300: #001a33;--ifm-color-neutral-500: #667685;--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);--ifm-color-content: var(--ifm-color-neutral-300);--ifm-color-content-inverse: var(--ifm-color-gray-0);--ifm-color-content-secondary: #606770;--ifm-background-color: #f7f7f9;--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);--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: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--ifm-font-family-monospace: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;--ifm-font-size-base: 100%;--ifm-font-size-sm: 14px;--ifm-font-size-base-markdown: 0.969rem;--ifm-font-size-code: 0.906rem;--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.15;--ifm-global-spacing: 1rem;--ifm-spacing-vertical: var(--ifm-global-spacing);--ifm-spacing-horizontal: var(--ifm-global-spacing);--ifm-transition-fast: 200ms;--ifm-transition-slow: 400ms;--ifm-transition-timing-default: cubic-bezier(0.08, 0.52, 0.52, 1);--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);--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-color: var(--ifm-color-emphasis-900);--ifm-code-font-size: 90%;--ifm-code-padding-horizontal: 0.3rem;--ifm-code-padding-vertical: 0.1rem;--ifm-pre-background: var(--ifm-color-emphasis-100);--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: inherit;--ifm-heading-font-weight: var(--ifm-font-weight-bold);--ifm-heading-line-height: 1.5;--ifm-h1-font-size: 1.25rem;--ifm-h2-font-size: 1.125rem;--ifm-h3-font-size: 1rem;--ifm-h4-font-size: 1rem;--ifm-h5-font-size: 0.875rem;--ifm-h6-font-size: 0.85rem;--ifm-p-font-size: 0.969rem;--ifm-h1-font-weight: 700;--ifm-image-alignment-padding: 1.25rem;--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: var(--ifm-color-emphasis-100);--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;--ifm-link-color: var(--ifm-color-primary);--ifm-link-decoration: none;--ifm-link-hover-color: var(--ifm-link-color);--ifm-link-hover-decoration: underline;--ifm-paragraph-margin-bottom: var(--ifm-leading);--ifm-blockquote-color: #b2b2b2;--ifm-blockquote-font-size: var(--ifm-font-size-base);--ifm-blockquote-padding-horizontal: 0.5rem;--ifm-blockquote-padding-vertical: 0.5rem;--ifm-hr-border-color: var(--ifm-color-emphasis-500);--ifm-hr-border-width: 1px;--ifm-hr-margin-vertical: 1.5rem;--ifm-alert-background-color: inherit;--ifm-alert-border-color: inherit;--ifm-alert-border-radius: var(--ifm-global-radius);--ifm-alert-border-width: var(--ifm-global-border-width);--ifm-alert-color: var(--ifm-font-color-base-inverse);--ifm-alert-padding-horizontal: var(--ifm-spacing-horizontal);--ifm-alert-padding-vertical: var(--ifm-spacing-vertical);--ifm-avatar-intro-margin: 1rem;--ifm-avatar-intro-alignment: inherit;--ifm-avatar-photo-size-sm: 2rem;--ifm-avatar-photo-size-md: 3rem;--ifm-avatar-photo-size-lg: 4rem;--ifm-avatar-photo-size-xl: 6rem;--ifm-badge-background-color: inherit;--ifm-badge-border-color: inherit;--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.0625rem;--ifm-breadcrumb-color-active: var(--ifm-color-primary);--ifm-breadcrumb-item-background-active: var(--ifm-hover-overlay);--ifm-breadcrumb-padding-horizontal: 1rem;--ifm-breadcrumb-padding-vertical: 0.5rem;--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-margin: 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-hero-background-color: var(--ifm-background-surface-color);--ifm-hero-text-color: var(--ifm-color-emphasis-800);--ifm-menu-color: var(--ifm-color-neutral-300);--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: 1rem;--ifm-menu-link-padding-vertical: 0.5rem;--ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="rgba(0,0,0,0.5)" d="M11.9496 9.61615C11.7934 9.77236 11.5401 9.77236 11.3839 9.61615L8.00006 6.23232L4.61626 9.61615C4.45999 9.77236 4.20673 9.77236 4.05053 9.61615C3.89433 9.45994 3.89433 9.20666 4.05053 9.05046L7.71719 5.38379C7.87339 5.22759 8.12666 5.22759 8.28293 5.38379L11.9496 9.05046C12.1058 9.20666 12.1058 9.45995 11.9496 9.61615Z"></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: 1rem;--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: calc(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: 80vw;--ifm-pagination-border-radius: calc( var(--ifm-global-radius) * var(--ifm-pagination-size-multiplier) );--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.0625rem;--ifm-pagination-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 1);--ifm-pagination-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);--ifm-pagination-size-multiplier: 1;--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.0625rem;--ifm-tabs-color: var(--ifm-font-color-secondary);--ifm-tabs-color-active: var(--ifm-color-primary);--ifm-tabs-padding-horizontal: 1rem;--ifm-tabs-padding-vertical: 1rem;--ifm-tabs-spacing: 0.0625rem;--ifm-scrollbar-size: 7px;--ifm-scrollbar-track-background-color: #f1f1f1;--ifm-scrollbar-thumb-background-color: #888;--ifm-scrollbar-thumb-hover-background-color: #555;--ifm-hr-height: 0.5px;--ifm-hr-background-color: #d6d9dc;font-family:Roboto,sans-serif}
body{font-size:.875rem;line-height:1.625rem;top:0px !important}
body::-webkit-scrollbar{display:none}
.img-container-not-bg{display:inline-flex;justify-content:center;align-items:center;margin:1rem;width:100%}
.img-container-not-bg img{box-shadow:0px -2px 8px rgba(0,0,0,.08);width:auto}
.img-container{display:inline-flex;justify-content:center;align-items:center;margin:1rem;width:100%}
.img-container img{padding:2rem;border-radius:2rem;background:var(--ifm-navbar-search-input-background-color) no-repeat .75rem center/1rem 1rem;box-shadow:0px -2px 8px rgba(0,0,0,.08);max-height:500px;width:auto}
.images-container{display:inline-flex;justify-content:center;align-items:center;margin:1rem;width:100%;gap:2rem}
.images-container img{max-height:500px;width:auto}
.docusaurus-highlight-code-line{background-color:#484d5b;display:block;margin:0 calc(-1*var(--ifm-pre-padding));padding:0 var(--ifm-pre-padding)}
.center{position:relative;margin:0 auto;padding-left:var(--ifm-navbar-padding-horizontal);padding-right:var(--ifm-navbar-padding-horizontal);box-sizing:border-box}
@media(max-width: 960px){.center{padding-left:var(--ifm-navbar-padding-horizontal);padding-right:var(--ifm-navbar-padding-horizontal)}}
@media(max-width: 800px){.center{padding-left:var(--ifm-navbar-padding-horizontal);padding-right:var(--ifm-navbar-padding-horizontal)}}
.button.button--secondary{color:#fff}
.ff3b30{background-color:#ff3b30;width:10px;height:10px}
.markdown{font-size:var(--ifm-font-size-base-markdown)}
.markdown h2{--ifm-h2-font-size: 1.125rem;--ifm-h2-font-weight: var(--ifm-font-weight-bold);--ifm-h2-line-height: 1.5rem;line-height:var(--ifm-h2-line-height);font-weight:var(--ifm-h2-font-weight);font-size:var(--ifm-h2-font-size);margin:1.5rem 0 1rem 0}
.markdown h4{--ifm-h4-font-size: 1rem;--ifm-h4-font-weight: var(--ifm-font-weight-semibold);--ifm-h4-line-height: 1.5rem;line-height:var(--ifm-h4-line-height);font-weight:var(--ifm-h4-font-weight);font-size:var(--ifm-h4-font-size);margin:1.5rem 0 1rem 0}
.markdown h3{--ifm-h3-font-size: 1rem;--ifm-h3-font-weight: var(--ifm-font-weight-semibold);--ifm-h3-line-height: 1.5rem;line-height:var(--ifm-h3-line-height);font-weight:var(--ifm-h3-font-weight);font-size:var(--ifm-h3-font-size);margin:1.5rem 0 1rem 0}
.markdown h1:first-child{--ifm-h1-font-size: 1.25rem;font-size:var(--ifm-h1-font-size)}
.markdown code{font-size:var(--ifm-font-size-code)}
.table-of-contents{font-size:.875rem;line-height:1.375rem}
.table-of-contents li:not(:last-child){margin-bottom:1.125rem}
.table-of-contents__link--active{position:relative;color:var(--ifm-color-neutral-300)}
.table-of-contents__link--active::before{content:"";border-left:solid 2px var(--ifm-color-primary);position:absolute;left:-17px;top:0px;height:100%;z-index:9}
.table-of-contents--child .table-of-contents__link--active::before{content:"";border-left:solid 2px var(--ifm-color-primary);position:absolute;left:-33px;top:0px;height:100%;z-index:9}
.table-of-contents--title{font-size:15px;line-height:22px;font-weight:500;width:100%}
.table-of-contents--toggler{right:24px;width:100%;justify-content:end;cursor:pointer;-webkit-user-select:none;user-select:none}
.table-of-contents--toggler.toggle-icons-container{display:flex;flex-direction:row}
.table-of-contents--toggler .toggle-icon{margin:0;padding:8px;display:flex;flex-direction:column;justify-content:center;width:24px;height:24px}
.table-of-contents.collapsed{height:40px;overflow:hidden;visibility:hidden}
.hidden{display:none}
.navbar-height-0{--ifm-navbar-height: 0px}
a[tabindex].menu__link:not(.menu__link--sublist){color:var(--ifm-color-neutral-500);font-size:var(--ifm-font-size-sm);font-weight:var(--ifm-font-weight-normal);line-height:18px}
.menu__link{line-height:1.375rem;font-size:1rem;font-weight:var(--ifm-font-weight-semibold);padding:.813rem 0}
.menu{--menu-font-weight: var(--ifm-font-weight-normal);font-weight:var(--menu-font-weight);padding:2rem !important}
.menu::-webkit-scrollbar{display:none}
.menu__link--active{color:var(--ifm-menu-color-active) !important;font-weight:700 !important}
.menu__list-item:not(:first-child){margin-top:.5rem}
.theme-doc-sidebar-item-link-level-2 .menu__link,.theme-doc-sidebar-item-category-level-2 .menu__link{font-size:.875rem;line-height:1.125rem;padding:.375rem 0}
.menu__link--sublist-caret:after{background:var(--ifm-menu-link-sublist-icon) 50%/1.8rem 2rem;min-width:.75rem;min-height:.75rem;height:.75rem;width:.75rem}
.qr{display:flex;justify-content:center;flex-direction:column;align-items:center}
.qr .desc{padding-top:1rem}
.navbar{padding:0 52px}
.container{width:100%;max-width:100vw !important;padding:0}
@media only screen and (max-width: 600px){#__docusaurus .container{padding:0 !important}#__docusaurus .container.padding-vert--lg{padding-left:0px !important}#__docusaurus .padding-vert--lg{padding-top:16px !important;padding-bottom:16px !important}}
@media(max-width: 640px){.navbar{padding:0 12px}.container{max-width:640px;padding:0}}
@media(max-width: 768px){.container{max-width:768px;padding:0}}
.icons-container{display:flex;flex-direction:row;flex-wrap:wrap}
@font-face{font-family:"ZMP Icons";font-style:normal;font-weight:400;src:url("https://h5.zdn.vn/static/fonts/ZMPIcons-Regular-v2.woff2");src:url("https://h5.zdn.vn/static/fonts/ZMPIcons-Regular-v2.woff2") format("woff2"),url("https://h5.zdn.vn/static/fonts/ZMPIcons-Regular-v2.woff") format("woff"),url("https://h5.zdn.vn/static/fonts/ZMPIcons-Regular-v2.ttf") format("truetype")}
@font-face{font-family:"zmp-core-icons";font-style:normal;font-weight:400;src:url("https://h5.zdn.vn/static/fonts/zmp-core-icons.woff2");src:url("https://h5.zdn.vn/static/fonts/zmp-core-icons.woff2") format("woff2"),url("https://h5.zdn.vn/static/fonts/zmp-core-icons.woff") format("woff"),url("https://h5.zdn.vn/static/fonts/zmp-core-icons.ttf") format("truetype")}
.icons-container{margin-left:1px}
.icons-container .icon{float:left;width:25%;margin-bottom:40px;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;border:solid 1px #e4e4e4;margin-left:-1px}
.zmp-icon,.icons-container .icon .zmp-icon{font-family:"ZMP Icons";font-weight:normal;font-style:normal;font-size:24px;width:24px;height:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";text-align:center}
.icons-container .icon span{margin-top:16px;font-size:12px;text-align:left}
@media(max-width: 800px){.icons-container .icon{width:50%}}
.color-example{display:inline-block;border:1px solid #eee;width:100px;height:44px}
.bg-color-red{background-color:#ff3b30}
.bg-color-green{background-color:#4cd964}
.bg-color-blue{background-color:#2196f3}
.bg-color-pink{background-color:#ff2d55}
.bg-color-yellow{background-color:#fc0}
.bg-color-orange{background-color:#ff9500}
.bg-color-purple{background-color:#9c27b0}
.bg-color-deeppurple{background-color:#673ab7}
.bg-color-lightblue{background-color:#5ac8fa}
.bg-color-teal{background-color:#009688}
.bg-color-lime{background-color:#cddc39}
.bg-color-deeporange{background-color:#ff6b22}
.bg-color-gray{background-color:#8e8e93}
.bg-color-white{background-color:#fff}
.bg-color-black{background-color:#000}
.bg-color-bd200{background-color:#81aded}
.bg-color-bd300{background-color:#4c8ae5}
.bg-color-bd400{background-color:#3d6eb7}
.bg-color-bd500{background-color:#2e5389}
.bg-color-bd600{background-color:#1e375c}
.bg-color-bd700{background-color:#132339}
.bg-color-bl200{background-color:#0043a6}
.bg-color-bl300{background-color:#0068ff}
.bg-color-bl400{background-color:#3386ff}
.bg-color-bl500{background-color:#66a4ff}
.bg-color-bl600{background-color:#99c3ff}
.bg-color-bl700{background-color:#cce1ff}
.bg-color-nd200{background-color:#dbdfe2}
.bg-color-nd300{background-color:#ccd1d6}
.bg-color-nd400{background-color:#8b8f92}
.bg-color-nd500{background-color:#4a4b4d}
.bg-color-nd600{background-color:#19191a}
.bg-color-nd700{background-color:#090909}
.bg-color-nl100{background-color:#050a19}
.bg-color-nl200{background-color:#001121}
.bg-color-nl300{background-color:#001a33}
.bg-color-nl400{background-color:#33485c}
.bg-color-nl500{background-color:#667685}
.bg-color-nl600{background-color:#99a3ad}
.bg-color-nl700{background-color:#bfc6cc}
.bg-color-gd300{background-color:#47bd8e}
.bg-color-gd400{background-color:#399772}
.bg-color-gd500{background-color:#2b7155}
.bg-color-gd600{background-color:#1c4c39}
.bg-color-gd700{background-color:#122f24}
.bg-color-gl300{background-color:#00c578}
.bg-color-gl400{background-color:#33d193}
.bg-color-gl500{background-color:#66dcae}
.bg-color-gl600{background-color:#99e8c9}
.bg-color-gl700{background-color:#ccf3e4}
.bg-color-rd300{background-color:#e1807d}
.bg-color-rd400{background-color:#b46664}
.bg-color-rd500{background-color:#874d4b}
.bg-color-rd600{background-color:#5a3332}
.bg-color-rd700{background-color:#38201f}
.bg-color-rl300{background-color:#ef4e49}
.bg-color-rl400{background-color:#f2716d}
.bg-color-rl500{background-color:#f59592}
.bg-color-rl600{background-color:#f9b8b6}
.bg-color-rl700{background-color:#fcdcdb}
.bg-color-w300{background-color:#fff}
.bg-color-w400{background-color:rgba(255,255,255,.75)}
.bg-color-w500{background-color:rgba(255,255,255,.5)}
.bg-color-w600{background-color:rgba(255,255,255,.25)}
.bg-color-w700{background-color:rgba(255,255,255,.1)}
.bg-color-dg300{background-color:#96a3ad}
.bg-color-dg400{background-color:#666f76}
.bg-color-dg500{background-color:#363b3e}
.bg-color-dg600{background-color:#121415}
.bg-color-dg700{background-color:#060707}
.bg-color-lg300{background-color:#778d9e}
.bg-color-lg400{background-color:#92a4b1}
.bg-color-lg500{background-color:#adbbc5}
.bg-color-lg600{background-color:#c9d1d8}
.bg-color-lg700{background-color:#e4e8ec}
.bg-color-bk300{background-color:#000}
.bg-color-bk400{background-color:rgba(0,0,0,.75)}
.bg-color-bk500{background-color:rgba(0,0,0,.5)}
.bg-color-bk600{background-color:rgba(0,0,0,.25)}
.bg-color-bk700{background-color:rgba(0,0,0,.15)}
.bg-color-ol300{background-color:#f5832f}
.bg-color-ol400{background-color:#f79c59}
.bg-color-ol500{background-color:#f9b582}
.bg-color-ol600{background-color:#fbcdac}
.bg-color-ol700{background-color:#fde6d5}
.bg-color-od300{background-color:#e39f6d}
.bg-color-od400{background-color:#b67f57}
.bg-color-od500{background-color:#885f41}
.bg-color-od600{background-color:#5b402c}
.bg-color-od700{background-color:#39281b}
.bg-color-yl300{background-color:#f8d15a}
.bg-color-yl400{background-color:#f9d97b}
.bg-color-yl500{background-color:#fbe39c}
.bg-color-yl600{background-color:#fcedbd}
.bg-color-yl700{background-color:#fef6de}
.bg-color-yd300{background-color:#e9d18b}
.bg-color-yd400{background-color:#baa76f}
.bg-color-yd500{background-color:#8c7d53}
.bg-color-yd600{background-color:#5d5438}
.bg-color-yd700{background-color:#3a3423}
.bg-color-tl300{background-color:#00adf4}
.bg-color-tl400{background-color:#33bcf6}
.bg-color-tl500{background-color:#66cef8}
.bg-color-tl600{background-color:#99defb}
.bg-color-tl700{background-color:#cceffd}
.bg-color-td300{background-color:#4bb2dd}
.bg-color-td400{background-color:#3c8eb1}
.bg-color-td500{background-color:#2d6b85}
.bg-color-td600{background-color:#1e4758}
.bg-color-td700{background-color:#132d37}
.bg-color-pul300{background-color:#7562d8}
.bg-color-pul400{background-color:#9181e0}
.bg-color-pul500{background-color:#aca1e8}
.bg-color-pul600{background-color:#c8c0ef}
.bg-color-pul700{background-color:#e3e0f7}
.bg-color-pud300{background-color:#998dd4}
.bg-color-pud400{background-color:#7a71aa}
.bg-color-pud500{background-color:#5c557f}
.bg-color-pud600{background-color:#3d3855}
.bg-color-pud700{background-color:#262335}
.bg-color-pkl300{background-color:#ea87ff}
.bg-color-pkl400{background-color:#ee9fff}
.bg-color-pkl500{background-color:#f2b7ff}
.bg-color-pkl600{background-color:#f7cfff}
.bg-color-pkl700{background-color:#fbe7ff}
.bg-color-pkd300{background-color:#e6abf3}
.bg-color-pkd400{background-color:#b889c2}
.bg-color-pkd500{background-color:#8a6792}
.bg-color-pkd600{background-color:#5c4461}
.bg-color-pkd700{background-color:#3a2b3d}
details.live-demo-details{width:100%;margin-bottom:24px}
details.live-demo-details .live-demo-summary{margin-bottom:16px;cursor:pointer;background-color:#0068ff;color:#fff;padding:8px;border-radius:8px;width:max-content;font-size:12px;padding-left:20px}
details.live-demo-details .live-demo-summary::before{left:8px;top:50%;bottom:50%;margin:auto}
details.live-demo-details .live-demo{width:100%}
details.live-demo-details .live-demo iframe{width:100%;height:auto;min-width:360px;min-height:640px}
.noBorder{border:none !important}
.framework-picker{display:flex;justify-content:space-evenly}
.framework-picker .framework{width:200px;height:200px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:16px}
.framework-picker img{width:80px}
.framework-picker h6{margin:8px}
.framework-picker .react{background-color:#0d0628}
.framework-picker .react h6{color:#fff}
.framework-picker .vue{background-color:#bfecd9}
.framework-picker .vue h6{color:#000}
.v-align{display:flex;align-items:center}
.plus{margin:0 8px;font-size:xx-large;color:gray}
.rounded{border-radius:8px}
.code-demo.with-preview{position:relative;display:flex;align-items:flex-start;min-height:420px}
.code-demo.with-preview .code-container{width:100%}
.code-demo.with-preview button.clean-btn{right:calc(var(--ifm-pre-padding) + 32.78px)}
.code-demo.with-sandbox button.clean-btn{right:calc(var(--ifm-pre-padding)*1.5 + 65.56px)}
.code-demo.with-tabs .phone-toggler,.code-demo.with-tabs .code-sandbox-ref{top:calc(var(--ifm-pre-padding)/2 + 69px)}
.code-demo .tabs{margin-bottom:24px;border-top:.5px solid #dbdfe2}
.code-demo .tabs .tabs__item{flex:1;justify-content:center;text-align:center;padding:8px 16px;border-bottom-width:2px;white-space:nowrap}
.thin-scrollbar::-webkit-scrollbar{width:4px}
.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--ifm-scrollbar-thumb-background-color);border-radius:10px}
.thin-scrollbar::-webkit-scrollbar-track{background:var(--ifm-scrollbar-track-background-color);border-radius:10px}
.sidebar-framework-picker{display:flex;justify-content:space-between;margin-top:32px;border-bottom:1px solid #e9ebed}
.sidebar-framework-picker>a{font-size:16px;flex:1;display:flex;justify-content:center;margin:0 24px;border-left:2px solid rgba(0,0,0,0);border-right:2px solid rgba(0,0,0,0);color:#99a3ad;padding:4px}
.sidebar-framework-picker>a:hover{color:#99a3ad;text-decoration:none}
.sidebar-framework-picker>a.active{color:#006af5;font-weight:700;border-bottom:2px solid #006af5}
.sidebar-framework-picker img{height:24px;padding:8px;box-sizing:content-box}
.download{display:flex;flex-direction:column;justify-content:center;align-items:center}
.download .logo{width:128px;height:128px}
.download h2{margin-top:0;margin-bottom:0}
.download .release-description{text-align:center;line-height:1.25}
.download .release-description ul{margin-top:8px;text-align:left;opacity:.5;font-size:.8rem}
.download .download-platforms{width:100%;display:grid;grid-auto-columns:minmax(0, 1fr);grid-auto-flow:column;justify-content:center;text-align:center;padding:32px 0;border:1px solid var(--ifm-color-emphasis-300);border-left:none;border-right:none}
@media(max-width: 1260px){.download .download-platforms{display:block}}
.download .download-platforms .platform .distributions{display:flex;justify-content:center;padding:8px}
.download .download-platforms .platform .distributions .distribution{display:flex;flex-direction:column;justify-content:center;align-items:center}
.download .download-platforms .platform a{width:fit-content;padding:12px 24px;white-space:no-wrap;border:none;border-radius:.25rem;color:#fff;background-color:#0068ff;display:flex;justify-content:center;align-items:center;border-radius:100px;margin:8px 4px}
.download .download-platforms .platform a:hover,.download .download-platforms .platform a:active{text-decoration:none;background-color:#1843ef}
.download .download-platforms .platform a.disabled{background-color:#767a7f;pointer-events:none}
.download .description{padding-left:16px;text-align:left;color:#767a7f;font-size:14px;line-height:18px;height:36px}
.download svg{margin-right:8px}
.token{font-style:normal !important}
.skiptranslate{display:none !important}
.skiptranslate~div h1 a,.skiptranslate~div h2 a,.skiptranslate~div h3 a,.skiptranslate~div h4 a,.skiptranslate~div h5 a{display:contents;color:var(--ifm-heading-color);pointer-events:none;cursor:default;text-decoration:none}
.skiptranslate~div h1 a::before,.skiptranslate~div h2 a::before,.skiptranslate~div h3 a::before,.skiptranslate~div h4 a::before,.skiptranslate~div h5 a::before{content:none}
ul.no-bullets{list-style-type:none}
table.no-striped>thead,table.no-striped>tbody,table.no-striped tr{background-color:#fff}
table.no-striped td{border:1px solid #d6d9dc}
.theme-doc-toc-mobile{border:1px solid #d6d9dc;margin-bottom:4px}
.theme-doc-toc-mobile .table-of-contents--toggler{border-top:1px solid #d6d9dc;padding:12px 12px 0}
.docHeader{border-bottom:.5px solid #d6d9dc;margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading));display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.docHeader h1{flex-grow:1;margin-bottom:0 !important;text-align:left}
.docFooter{border-top:.5px solid #d6d9dc;margin-top:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading));padding-top:24px}
.docHeader .pagination-nav,.docFooter .pagination-nav{min-width:fit-content;display:flex;margin-left:auto}
.docHeader .pagination-nav__link,.docFooter .pagination-nav__link{border:none;padding:.5rem 1rem}
.docHeader .pagination-nav__label,.docFooter .pagination-nav__label{color:#767a7f;font-weight:500;font-size:var(--ifm-h5-font-size)}
.docHeader .pagination-nav__link--prev .pagination-nav__label::before,.docFooter .pagination-nav__link--prev .pagination-nav__label::before{content:"";display:inline-block;background:var(--ifm-menu-link-sublist-icon) 50% 50%/1.6rem 1.6rem no-repeat;filter:var(--ifm-menu-link-sublist-icon-filter);height:.8rem;width:.8rem;transform:rotate(270deg);vertical-align:middle;margin-right:1rem}
.docHeader .pagination-nav__link--next .pagination-nav__label::after,.docFooter .pagination-nav__link--next .pagination-nav__label::after{content:"";display:inline-block;background:var(--ifm-menu-link-sublist-icon) 50% 50%/1.6rem 1.6rem no-repeat;filter:var(--ifm-menu-link-sublist-icon-filter);height:.8rem;width:.8rem;transform:rotate(90deg);vertical-align:middle;margin-left:1rem}
.flex-row-space-around{display:flex;justify-content:space-around;flex-direction:row;align-items:center;flex-wrap:wrap}
.sample-image{padding:100px;background-color:#f4f5f6}
.sample-image:not(:first-child){margin-top:16px}
.sample-image img{margin:auto;max-height:480px;width:auto;display:block}
@media screen and (max-width: 760px){.sample-image{padding:32px}.sample-image img{max-height:320px}}
.sample-image-large img{max-width:480px;max-height:unset;width:100%}
.mb-1{margin-bottom:1rem}
.block{display:block}
img[src$="#bordered"]{border:1px solid #ebebeb;border-radius:8px}
.red-policy{background-color:#fff2f2;white-space:pre-line}
.warning-policy{background-color:#fefaea;white-space:pre-line}
.valid-policy{background-color:#edfaf2;white-space:pre-line}
tr.top-left-align td{text-align:left;vertical-align:top}
.version-dropdown{margin-top:100px}
.demo-input{width:100%;max-width:328px;margin:1rem 0}
.demo-otp{width:100%;max-width:216px;margin:1rem 0}
.row-layout{display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:56px;row-gap:56px}
@media only screen and (max-width: 600px){.row-layout{flex-direction:column;margin-right:0}.row-layout:not(:last-child){margin-bottom:24px}}
.guideline-important-text{color:#dc1f18}
.guideline-highlight-text{color:#de640d}
.bg-color-secondary{padding:2.5rem 2rem;background-color:#f8f9fa;margin:2.5rem 0;border-radius:8px}
.center-item{margin:auto;display:block}
.img-w-full{width:100%;height:auto;display:block;margin-top:1rem;margin-bottom:1rem}
.two-col-images{width:100%;max-width:768px;margin:auto}
.bg-color-tertiary{padding:2.5rem 2rem;background-color:#f4f5f6;margin:2.5rem 0;border-radius:8px}
.bg-color-quaternary{padding:2.5rem 2rem;background-color:#e9ebed;margin:2.5rem 0;border-radius:8px}
.doc-version-container .navbar__item.dropdown{display:block;padding:0}
.doc-version-container .dropdown>.navbar__link:after{position:absolute;right:1rem;top:50%;border:none;background:var(--ifm-menu-link-sublist-icon) 50%/1.8rem 2rem;min-width:.75rem;min-height:.75rem;height:.75rem;width:.75rem;transform:translateY(-50%) rotate(180deg)}
.doc-version-container .dropdown__menu{width:calc(100% + 2rem);left:-1rem}
.theme-doc-version-banner{margin-top:1rem}
.medium-zoom-overlay,.medium-zoom-image--opened{z-index:999}
#zoom-container{position:absolute;width:100vw;height:100vh}
.prop-table{--ifm-paragraph-margin-bottom: 0;--ifm-list-margin: 0}
.prop-table code{display:inline-block;padding-top:0;padding-bottom:0}
.custom-tabs{margin-bottom:24px;border-top:.5px solid #dbdfe2}
.custom-tabs .tabs__item{flex:1;justify-content:center;text-align:center;padding:8px 16px;border-bottom-width:2px;white-space:nowrap}
.no-max-height *{max-height:100% !important}
.CensorshipPolicyTableWrapper{display:flex;flex-direction:column;justify-content:center;background-color:#f4f5f7;border-radius:12px}
.CensorshipPolicyTableCoreSection{display:flex;flex-direction:row;justify-content:space-between;gap:24px;padding:0px 24px}
.CensorshipPolicyTableBadgeSection{display:flex;flex-direction:row;justify-content:space-between;width:100%}
.BadgeSectionWrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:50%}
.DividerHorizontal{height:1px;background-color:#e0e3e5;flex-grow:1}
.DividerVertical{width:1px;background-color:#e0e3e5}
.CensorshipPolicyTableContent{display:flex;flex-direction:column;gap:8px;flex-grow:1;width:50%}
.CensorshipPolicyTableContentWrapper{padding:24px 16px}
.btn{border-width:0px;white-space:nowrap;border-radius:8px;background-color:rgba(244, 244, 245, var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;box-sizing:border-box;height:48px;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-weight:500}
.btn.btn-xs{height:24px;font-size:12px;font-weight:400;line-height:16px;border-radius:4px;padding:4px 8px}
.btn.btn-sm{height:34px;font-size:15px;font-weight:500;line-height:24px;border-radius:8px;padding:5px 12px}
.btn.btn-outline{border-width:1px;border-color:rgba(228, 232, 236, var(--tw-border-opacity, 1));background-color:rgba(255, 255, 255, var(--tw-bg-opacity, 1))}
.btn.btn-primary{background-color:rgba(0, 104, 255, var(--tw-bg-opacity, 1));color:rgba(255, 255, 255, var(--tw-text-opacity, 1))}
.btn.btn-primary.btn-outline{border-width:1px;border-color:rgba(0, 104, 255, var(--tw-border-opacity, 1));color:rgba(0, 104, 255, var(--tw-text-opacity, 1));background-color:rgba(0,0,0,0)}
.btn.btn-primary.btn-shadow-primary{box-shadow:15px 25px 30px rgba(20,116,255,.05),15px 25px 30px rgba(20,116,255,.05)}
.btn.btn-secondary{background-color:rgb(204, 225, 255, var(--tw-bg-opacity, 1));color:rgb(0, 104, 255, var(--tw-text-opacity, 1))}
.btn.btn-tertiary{border-width:1px;border-color:#e4e8ec;background-color:#f2f3f4}
.btn.btn-large{padding:16px 56px;font-size:20px;font-weight:500}
.btn.btn-disabled,.btn:disabled{background-color:#f4f5f6;color:#b9bdc1;cursor:not-allowed}
.btn .icon-wrapper:first-child:not(:last-child){margin-right:8px}
.btn .icon-wrapper:last-child:not(:first-child){margin-left:8px}
.btn .icon{display:inline-flex;justify-items:center;align-items:center}
*, ::before, ::after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  }
::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  }
.\!visible{visibility: visible !important}
.visible{visibility: visible}
.collapse{visibility: collapse}
.fixed{position: fixed}
.absolute{position: absolute}
.relative{position: relative}
.sticky{position: sticky}
.-left-2{left: -0.5rem}
.bottom-0{bottom: 0px}
.bottom-1{bottom: 0.25rem}
.bottom-24{bottom: 6rem}
.left-0{left: 0px}
.right-6{right: 1.5rem}
.start-0{inset-inline-start: 0px}
.start-1{inset-inline-start: 0.25rem}
.top-0{top: 0px}
.z-10{z-index: 10}
.z-20{z-index: 20}
.float-right{float: right}
.mx-14{margin-left: 3.5rem;margin-right: 3.5rem}
.my-4{margin-top: 1rem;margin-bottom: 1rem}
.my-8{margin-top: 2rem;margin-bottom: 2rem}
.mb-0{margin-bottom: 0px}
.mb-1{margin-bottom: 0.25rem}
.mb-3{margin-bottom: 0.75rem}
.mb-4{margin-bottom: 1rem}
.mb-\[50px\]{margin-bottom: 50px}
.me-0{margin-inline-end: 0px}
.me-1{margin-inline-end: 0.25rem}
.ml-4{margin-left: 1rem}
.mt-2\.5{margin-top: 0.625rem}
.mt-4{margin-top: 1rem}
.mt-6{margin-top: 1.5rem}
.mt-8{margin-top: 2rem}
.mt-\[58px\]{margin-top: 58px}
.box-border{box-sizing: border-box}
.block{display: block}
.inline-block{display: inline-block}
.inline{display: inline}
.flex{display: flex}
.inline-flex{display: inline-flex}
.table{display: table}
.grid{display: grid}
.contents{display: contents}
.\!hidden{display: none !important}
.hidden{display: none}
.h-40{height: 10rem}
.h-8{height: 2rem}
.h-\[132px\]{height: 132px}
.h-\[50px\]{height: 50px}
.h-\[86px\]{height: 86px}
.h-full{height: 100%}
.h-px{height: 1px}
.w-8{width: 2rem}
.w-\[105px\]{width: 105px}
.w-\[132px\]{width: 132px}
.w-\[3\/4\]{width: 3/4}
.w-\[36\.5\%\]{width: 36.5%}
.w-\[50px\]{width: 50px}
.w-\[80px\]{width: 80px}
.w-full{width: 100%}
.w-px{width: 1px}
.max-w-\[60\%\]{max-width: 60%}
.max-w-max{max-width: max-content}
.flex-1{flex: 1 1 0%}
.flex-shrink{flex-shrink: 1}
.flex-grow{flex-grow: 1}
.grow{flex-grow: 1}
.origin-\[unset\]{transform-origin: unset}
.origin-right{transform-origin: right}
.-translate-x-full{--tw-translate-x: -100%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes spin{
to{transform: rotate(360deg)}}
.animate-spin{animation: spin 1s linear infinite}
.cursor-pointer{cursor: pointer}
.resize-none{resize: none}
.resize-y{resize: vertical}
.resize{resize: both}
.grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr))}
.flex-row{flex-direction: row}
.flex-col{flex-direction: column}
.flex-col-reverse{flex-direction: column-reverse}
.flex-wrap{flex-wrap: wrap}
.items-start{align-items: flex-start}
.items-end{align-items: flex-end}
.items-center{align-items: center}
.justify-start{justify-content: flex-start}
.justify-end{justify-content: flex-end}
.justify-center{justify-content: center}
.justify-between{justify-content: space-between}
.gap-2{gap: 0.5rem}
.gap-4{gap: 1rem}
.gap-6{gap: 1.5rem}
.gap-8{gap: 2rem}
.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))}
.overflow-hidden{overflow: hidden}
.whitespace-nowrap{white-space: nowrap}
.rounded-2xl{border-radius: 1rem}
.rounded-\[24px\]{border-radius: 24px}
.rounded-full{border-radius: 9999px}
.rounded-lg{border-radius: 0.5rem}
.rounded-md{border-radius: 0.375rem}
.rounded-none{border-radius: 0px}
.border{border-width: 1px}
.border-0{border-width: 0px}
.border-4{border-width: 4px}
.border-\[0\.5px\]{border-width: 0.5px}
.border-b-0{border-bottom-width: 0px}
.border-l{border-left-width: 1px}
.border-r-0{border-right-width: 0px}
.border-t{border-top-width: 1px}
.border-solid{border-style: solid}
.\!border-\[\#EF4E48\]{--tw-border-opacity: 1 !important;border-color: rgb(239 78 72 / var(--tw-border-opacity)) !important}
.border-\[\#D6D9DC\]{--tw-border-opacity: 1;border-color: rgb(214 217 220 / var(--tw-border-opacity))}
.border-\[\#E5E7EB\]{--tw-border-opacity: 1;border-color: rgb(229 231 235 / var(--tw-border-opacity))}
.border-\[\#E9EBED\]{--tw-border-opacity: 1;border-color: rgb(233 235 237 / var(--tw-border-opacity))}
.border-blue-500{--tw-border-opacity: 1;border-color: rgb(59 130 246 / var(--tw-border-opacity))}
.border-gray-200{--tw-border-opacity: 1;border-color: rgb(229 231 235 / var(--tw-border-opacity))}
.border-gray-300{--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity))}
.border-t-transparent{border-top-color: transparent}
.bg-\[\#FFFFFF\]{--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-blue-300{--tw-bg-opacity: 1;background-color: rgb(0 104 255 / var(--tw-bg-opacity))}
.bg-blue-600{--tw-bg-opacity: 1;background-color: rgb(0 106 245 / var(--tw-bg-opacity))}
.bg-lg-300{--tw-bg-opacity: 1;background-color: rgb(119 141 158 / var(--tw-bg-opacity))}
.bg-white{--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
.p-0{padding: 0px}
.p-2{padding: 0.5rem}
.p-3{padding: 0.75rem}
.p-4{padding: 1rem}
.px-2{padding-left: 0.5rem;padding-right: 0.5rem}
.px-6{padding-left: 1.5rem;padding-right: 1.5rem}
.py-3{padding-top: 0.75rem;padding-bottom: 0.75rem}
.py-4{padding-top: 1rem;padding-bottom: 1rem}
.pb-4{padding-bottom: 1rem}
.pb-\[60px\]{padding-bottom: 60px}
.pl-8{padding-left: 2rem}
.pt-\[calc\(86px\/2-0\.5rem\)\]{padding-top: calc(86px / 2 - 0.5rem)}
.text-center{text-align: center}
.text-2xl{font-size: 1.5rem;line-height: 2rem}
.text-\[0\.7rem\]{font-size: 0.7rem}
.text-\[15px\]{font-size: 15px}
.text-\[18px\]{font-size: 18px}
.text-\[26px\]{font-size: 26px}
.text-base{font-size: 1rem;line-height: 1.5rem}
.text-lg{font-size: 1.125rem;line-height: 1.75rem}
.text-sm{font-size: 0.875rem;line-height: 1.25rem}
.font-bold{font-weight: 700}
.font-medium{font-weight: 500}
.font-normal{font-weight: 400}
.font-semibold{font-weight: 600}
.lowercase{text-transform: lowercase}
.capitalize{text-transform: capitalize}
.italic{font-style: italic}
.leading-\[22px\]{line-height: 22px}
.leading-\[24px\]{line-height: 24px}
.leading-\[30px\]{line-height: 30px}
.leading-normal{line-height: 1.5}
.text-\[\#020817\]{--tw-text-opacity: 1;color: rgb(2 8 23 / var(--tw-text-opacity))}
.text-\[\#090909\]{--tw-text-opacity: 1;color: rgb(9 9 9 / var(--tw-text-opacity))}
.text-\[\#455B6C\]{--tw-text-opacity: 1;color: rgb(69 91 108 / var(--tw-text-opacity))}
.text-\[\#5c6b77\]{--tw-text-opacity: 1;color: rgb(92 107 119 / var(--tw-text-opacity))}
.text-\[\#667685\]{--tw-text-opacity: 1;color: rgb(102 118 133 / var(--tw-text-opacity))}
.text-\[\#EF4E48\]{--tw-text-opacity: 1;color: rgb(239 78 72 / var(--tw-text-opacity))}
.text-black{--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity))}
.text-white{--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity))}
.no-underline{text-decoration-line: none}
.antialiased{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.opacity-0{opacity: 0}
.opacity-25{opacity: 0.25}
.opacity-75{opacity: 0.75}
.opacity-\[0\.4\]{opacity: 0.4}
.grayscale{--tw-grayscale: grayscale(100%);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.filter{filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.transition{transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.transition-all{transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.transition-transform{transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.duration-200{transition-duration: 200ms}
.duration-300{transition-duration: 300ms}
.first\:rounded-t-md:first-child{border-top-left-radius: 0.375rem;border-top-right-radius: 0.375rem}
.last\:rounded-b-md:last-child{border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem}
.hover\:-mt-\[10px\]:hover{margin-top: -10px}
.hover\:me-\[-8px\]:hover{margin-inline-end: -8px}
.hover\:h-\[96px\]:hover{height: 96px}
.hover\:rounded-r-md:hover{border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem}
.hover\:rounded-t-md:hover{border-top-left-radius: 0.375rem;border-top-right-radius: 0.375rem}
.hover\:font-bold:hover{font-weight: 700}
.hover\:text-black:hover{--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity))}
.hover\:text-white:hover{--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity))}
.hover\:no-underline:hover{text-decoration-line: none}
.focus\:\!border-gray-300:focus{--tw-border-opacity: 1 !important;border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important}
.focus\:outline-none:focus{outline: 2px solid transparent;outline-offset: 2px}
.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}
.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.disabled\:bg-\[\#FAFAFA\]:disabled{--tw-bg-opacity: 1;background-color: rgb(250 250 250 / var(--tw-bg-opacity))}
.group:hover .group-hover\:start-0{inset-inline-start: 0px}
.group:hover .group-hover\:bg-\[linear-gradient\(0deg\2c _\#005AE03D_0\%\2c _\#5CA0FF3D_100\%\)\]{background-image: linear-gradient(0deg, #005AE03D 0%, #5CA0FF3D 100%)}
.group:hover .group-hover\:pt-2{padding-top: 0.5rem}
.group:hover .group-hover\:opacity-70{opacity: 0.7}
@media (min-width: 768px){
.md\:mx-14{margin-left: 3.5rem;margin-right: 3.5rem}
.md\:block{display: block}
.md\:hidden{display: none}
.md\:w-auto{width: auto}
.md\:grid-cols-3{grid-template-columns: repeat(3, minmax(0, 1fr))}
.md\:flex-row{flex-direction: row}
.md\:justify-between{justify-content: space-between}}
@media (min-width: 1024px){
.lg\:flex{display: flex}
.lg\:flex-row{flex-direction: row}}
@media (min-width: 1280px){
.xl\:px-0{padding-left: 0px;padding-right: 0px}}
/**
 * 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.
 */

.closeButton_CVFx {
  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_knG7 {
  font-size: 85%;
  text-align: center;
  padding: 5px 0;
}

.content_knG7 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_mb4j {
  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_mb4j {
  display: none;
}

.announcementBarPlaceholder_vyr4 {
  flex: 0 0 10px;
}

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

.announcementBarContent_xLdY {
  flex: 1 1 auto;
}

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

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

  .announcementBarPlaceholder_vyr4,
  .announcementBarClose_gvF7 {
    flex-basis: 50px;
  }
}

/*
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_loeA {
  scroll-margin-top: calc(var(--ifm-navbar-height, 60px) + 0.5rem);
}
.anchorWithHideOnScrollNavbar_emO8 {
  scroll-margin-top: 0.5rem;
}
.hash-link {
  opacity: 0;
  padding-left: 0.5rem;
  transition: opacity var(--ifm-transition-fast);
  -webkit-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.
 */

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

.errorBoundaryFallback_VBag {
  color: red;
  padding: 0.55rem;
}

/**
 * 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_vylO {
  width: 2rem;
  height: 2rem;
}

.toggleButton_gllP {
  -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_gllP:hover {
  background: var(--ifm-color-emphasis-200);
}

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

.toggleButtonDisabled_aARS {
  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_X3D1: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.
 */

.themedComponent_mlkZ {
  display: none;
}

[data-theme='light'] .themedComponent--light_NVdE {
  display: initial;
}

[data-theme='dark'] .themedComponent--dark_xIcU {
  display: initial;
}

/*
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_NVdE {
  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_nPIU {
  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.
 */

.dropdownNavbarItemMobile_S0Fm {
  cursor: pointer;
}

/**
 * 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_nlXk {
  vertical-align: text-bottom;
  margin-right: 5px;
}

.searchBar_RVTs .dropdownMenu_qbY6 {
  left: auto !important;
  right: 0 !important;

  background: var(--search-local-modal-background, #f5f6f7);
  border-radius: 6px;
  box-shadow: var(
    --search-local-modal-shadow,
    inset 1px 1px 0 0 hsla(0, 0%, 100%, 0.5),
    0 3px 8px 0 #555a64
  );
  margin-top: 8px;
  width: var(--search-local-modal-width, 560px);
  position: relative;

  padding: var(--search-local-spacing, 12px);
}

@media not (max-width: 996px) {
  .searchBar_RVTs.searchBarLeft_MXDe .dropdownMenu_qbY6 {
    left: 0 !important;
    right: auto !important;
  }
}

@media (max-width: 576px) {
  .navbar__search-input:not(:focus) {
    width: 2rem;
  }

  .searchBar_RVTs .dropdownMenu_qbY6 {
    width: var(--search-local-modal-width-sm, 340px);
    max-width: calc(100vw - var(--ifm-navbar-padding-horizontal) * 2);
  }
}

html[data-theme="dark"] .searchBar_RVTs .dropdownMenu_qbY6 {
  background: var(--search-local-modal-background, var(--ifm-background-color));
  box-shadow: var(
    --search-local-modal-shadow,
    inset 1px 1px 0 0 #2c2e40,
    0 3px 8px 0 #000309
  );
}

.searchBar_RVTs .dropdownMenu_qbY6 .suggestion_fB_2 {
  cursor: pointer;
  background: var(--search-local-hit-background, #fff);
  border-radius: 4px;
  box-shadow: var(--search-local-hit-shadow, 0 1px 3px 0 #d4d9e1);
  padding: 0 var(--search-local-spacing, 12px);
  width: 100%;

  align-items: center;
  color: var(--search-local-hit-color, #444950);
  display: flex;
  flex-direction: row;
  height: var(--search-local-hit-height, 56px);
}

html[data-theme="dark"] .dropdownMenu_qbY6 .suggestion_fB_2 {
  background: var(--search-local-hit-background, var(--ifm-color-emphasis-100));
  box-shadow: var(--search-local-hit-shadow, none);
  color: var(--search-local-hit-color, var(--ifm-font-color-base));
}

.searchBar_RVTs .dropdownMenu_qbY6 .suggestion_fB_2:not(:last-child) {
  margin-bottom: 4px;
}

.searchBar_RVTs .dropdownMenu_qbY6 .suggestion_fB_2.cursor_eG29 {
  background-color: var(
    --search-local-highlight-color,
    var(--ifm-color-primary)
  );
}

.hitTree_kk6K,
.hitIcon_a7Zy,
.hitPath_ieM4,
.noResultsIcon_EBY5,
.hitFooter_E9YW a {
  color: var(--search-local-muted-color, #969faf);
}

html[data-theme="dark"] .hitTree_kk6K,
html[data-theme="dark"] .hitIcon_a7Zy,
html[data-theme="dark"] .hitPath_ieM4,
html[data-theme="dark"] .noResultsIcon_EBY5 {
  color: var(--search-local-muted-color, var(--ifm-color-secondary-darkest));
}

.hitTree_kk6K {
  display: flex;
  align-items: center;
}

.hitTree_kk6K > svg {
  height: var(--search-local-hit-height, 56px);
  opacity: 0.5;
  stroke-width: var(--search-local-icon-stroke-width, 1.4);
  width: 24px;
}

.hitIcon_a7Zy {
  stroke-width: var(--search-local-icon-stroke-width, 1.4);

  height: 20px;
  width: 20px;
}

.hitWrapper_sAK8 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  justify-content: center;
  margin: 0 8px;
  overflow-x: hidden;
  width: 80%;
}

.hitWrapper_sAK8 mark {
  background: none;
  color: var(--search-local-highlight-color, var(--ifm-color-primary));
}

.hitTitle_vyVt {
  font-size: 0.9em;
}

.hitPath_ieM4 {
  font-size: 0.75em;
}

.hitPath_ieM4,
.hitTitle_vyVt {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.hitAction_NqkB {
  height: 20px;
  width: 20px;
}

.hideAction_vcyE > svg {
  display: none;
}

.noResults_l6Q3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--search-local-spacing, 12px) 0;
}

.noResultsIcon_EBY5 {
  margin-bottom: var(--search-local-spacing, 12px);
}

.hitFooter_E9YW {
  text-align: center;
  margin-top: var(--search-local-spacing, 12px);
  font-size: 0.85em;
}

.hitFooter_E9YW a {
  text-decoration: underline;
}

.cursor_eG29 .hideAction_vcyE > svg {
  display: block;
}

.suggestion_fB_2.cursor_eG29,
.suggestion_fB_2.cursor_eG29 mark,
.suggestion_fB_2.cursor_eG29 .hitTree_kk6K,
.suggestion_fB_2.cursor_eG29 .hitIcon_a7Zy,
.suggestion_fB_2.cursor_eG29 .hitPath_ieM4 {
  color: var(
    --search-local-hit-active-color,
    var(--ifm-color-white)
  ) !important;
}

.suggestion_fB_2.cursor_eG29 mark {
  text-decoration: underline;
}

.searchBarContainer_NW3z {
  margin-left: 16px;
}

.searchBarContainer_NW3z .searchBarLoadingRing_YnHq {
  display: none;
  position: absolute;
  left: 10px;
  top: 6px;
}

.searchBarContainer_NW3z .searchClearButton_qk4g {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  background: none;
  border: none;
  line-height: 1rem;
}

.navbar__search {
  position: relative;
}

.searchIndexLoading_EJ1f .navbar__search-input {
  background-image: none;
}

.searchBarContainer_NW3z.searchIndexLoading_EJ1f .searchBarLoadingRing_YnHq {
  display: inline-block;
}

.searchHintContainer_Pkmr {
  position: absolute;
  right: 10px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  pointer-events: none;
  gap: 4px;
}

.searchHint_iIMx {
  color: var(--ifm-navbar-search-input-placeholder-color);
  background-color: var(--ifm-navbar-search-input-background-color);
  border: 1px solid var(--ifm-color-emphasis-500);
  box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-500);
}

@media (max-width: 576px) {
  .searchBarContainer_NW3z:not(.focused_OWtg) .searchClearButton_qk4g,
  .searchHintContainer_Pkmr {
    display: none;
  }
}

/* Manually make the search bar be LTR even if in RTL */

html[dir="rtl"] .searchHintContainer_Pkmr {
  right: auto;
  left: 10px;
}

html[dir="rtl"] .searchBarContainer_NW3z .searchClearButton_qk4g {
  right: auto;
  left: 0.8rem;
}

html[dir="rtl"] .searchBarContainer_NW3z .searchBarLoadingRing_YnHq {
  left: auto;
  right: 10px;
}

html[dir="rtl"] .navbar__search-input {
  padding: 0 2.25em 0 0.5em;
}

/* For autocomplete.js only. */

.input_FOTf {
}

.hint_URu1 {
}

.suggestions_X8XU {
}

.dataset_QiCy {
}

.empty_eITn {
}

/**/

/* https://loading.io/css/ */
.loadingRing_RJI3 {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  opacity: var(--search-local-loading-icon-opacity, 0.5);
}
.loadingRing_RJI3 div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 2px;
  border: 2px solid
    var(--search-load-loading-icon-color, var(--ifm-navbar-search-input-color));
  border-radius: 50%;
  animation: loading-ring_FB5o 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(
      --search-load-loading-icon-color,
      var(--ifm-navbar-search-input-color)
    )
    transparent transparent transparent;
}
.loadingRing_RJI3 div:nth-child(1) {
  animation-delay: -0.45s;
}
.loadingRing_RJI3 div:nth-child(2) {
  animation-delay: -0.3s;
}
.loadingRing_RJI3 div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loading-ring_FB5o {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/**
 * 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.
 */

/*
Workaround to avoid rendering empty search container
See https://github.com/facebook/docusaurus/pull/9385
*/

.navbarSearchContainer_Bca1:empty {
  display: none;
}

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

@media (min-width: 997px) {
  .navbarSearchContainer_Bca1 {
    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_m1mJ {
  transition: transform var(--ifm-transition-fast) ease;
}

.navbarHidden_jGov {
  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_DEke {
    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.
 */

.skipToContent_fXgn {
  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_fXgn:focus {
  left: 1rem;
  box-shadow: var(--ifm-global-shadow-md);
}

html,
body {
  height: 100%;
}

.mainWrapper_eExm {
  flex: 1 0 auto;
}

/* Docusaurus-specific utility class */

.docusaurus-mt-lg {
  margin-top: 3rem;
}

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

.spacingItemContainer_mU5r {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 16px 0;
  flex-basis: calc(100% / 5);
  min-width: 156px;
}

.spacingItem_n9mf {
  background-color: #f4f5f6;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spacingItemInner_A_Ta {
  background: #006af5;
}

.spacingItemInfo_n1w_ {
  margin-left: 16px;
  font-size: 14px;
  line-height: 18px;
}

.spacingSampleContainer_ZYQT {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.colorContainer_umLy {
  border: 1px solid #e4e4e4;
  padding: 1rem;
  display: block;
  margin-left: -1px;
  margin-top: -1px;
  max-width: fit-content;
}

.colorName_btD3 {
  text-transform: uppercase;
  color: #ffffff;
}

.colorDescription_nMbK {
  color: #212121;
}

.color_OGTZ {
  width: 100px;
  height: 100px;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.list_W0nq {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 1rem;
}

.sectionTitle_P6qw {
  color: #36383a;
  font-weight: 700;
  font-size: 1.125rem;
}

.sectionContainer_CaMG {
  margin-top: 1rem;
}

.colorTooltip_GsGI {
  top: 50%;
  color: white;
  width: max-content;
  z-index: 999;
  left: -2rem;
  position: absolute;
  background-color: rgb(0, 0, 0, 0.7);
  border-radius: 8px;
  padding: 8px 24px;
}

.verificationTable_dzJW {
  width: 100%;
  table th:first-of-type {
    width: 20%;
  }
  table th:nth-of-type(2) {
    width: 20%;
  }
  table th:nth-of-type(3) {
    width: 60%;
  }
}

/**
 * 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.
 */

.tabList__CuJ {
  margin-bottom: var(--ifm-leading);
}

.tabItem_LNqP {
  margin-top: 0 !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.
 */

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

.styledTabs_zIBo {
  width: 100%;
  position: relative;
}

.styledTabs_zIBo li.tabs__item {
  flex: 1;
  justify-content: center;
  text-align: center;
  padding: 8px 16px;
  border-bottom-width: 2px;
  white-space: nowrap;

  border-bottom: 0.5px solid #d6d9dc;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.styledTabs_zIBo li.tabs__item--active {
  border-bottom-width: 2px;
  border-bottom-color: var(--ifm-tabs-color-active-border);
}

.styledTabs_zIBo ul.tabs {
  position: relative;
  &::after {
    z-index: 0;
    background-color: #e9ebed;
    width: 100%;
    height: 0.5px;
    position: absolute;
    left: 0;
    bottom: 0px;
    content: "";
  }
}

.typographySampleContainer_rN7k {
  color: #767a7f;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1.5rem 0;
  position: relative;
  column-gap: 5rem;
}

.typographySampleContainer_rN7k > div:first-child {
  min-width: 170px;
}

.typographySampleContainer_rN7k::after {
  width: 100%;
  height: 0.5px;
  position: absolute;
  content: "";
  background: #d6d9dc;
  bottom: 0;
  left: 0;
}

.typographySampleContainer_rN7k::before {
  width: 100%;
  height: 0.5px;
  position: absolute;
  content: "";
  background: #d6d9dc;
  top: 0;
  left: 0;
}

.typographyTitle__M0P {
  color: #141415;
}

.textStyleContainer_fiHP {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.textStyleContainer_fiHP > div {
  margin-right: 40px;
}

.typoNameStyle__VYo {
  margin-top: 1rem;
}

.numberBullet_PS6Q {
  background-color: #f8bfec;
  color: rgba(169, 15, 138, 1);
  font-weight: bold;
  font-size: 12px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.listItemDecimal_U5Tz {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 0;
  .content_b1M3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
  }
}

.listItemDisc_lwT3 {
  list-style-type: disc;
  margin-left: 1rem;
  padding: 2px 0;
}

.icon_lAnZ {
  float: left;
  width: calc(25%);
  margin-bottom: 40px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border: solid 1px rgba(228, 228, 228, 1);
  margin-left: -1px;
}

.iconListContainer_RRJq {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: 1px;
}

.container_GIJV {
  margin: 2rem 0;
}

.iconCategoryName_pzYk {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}

.zmpIcon_RXBK {
  font-family: "ZMP Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  text-align: center;
}

@media (max-width: 800px) {
  .icon_lAnZ {
    width: 50%;
  }
}

.iconName_v4RV {
  margin-top: 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.
 */

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

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

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

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

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

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

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

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

.tagWithCount_h2kH 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_jXut {
  display: inline;
}

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

.radiusBox_nQKK {
  width: 64px;
  height: 64px;
  background: #b8d9ff;
  border: 1px solid #006af5;
}

.tableHeader_Jomf th {
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
  background-color: white;
  border: none;
  border-bottom: 1px solid #d6d9dc;
}

tr.tableHeader_Jomf {
  border-top: none;
}

.table_xfdz {
  border: none;
  background-color: white;
  margin-top: 2rem;
  max-width: 480px;
}

.tableRow_Ysb8 {
  border: none;

  background-color: white;
}

.tableRow_Ysb8 td {
  border: none;
  background-color: white;
}

.searchContextInput_mXoe,
.searchQueryInput_CFBF {
  border-radius: var(--ifm-global-radius);
  border: var(--ifm-global-border-width) solid
    var(--ifm-color-content-secondary);
  font-size: var(--ifm-font-size-base);
  padding: 0.5rem;
  width: 100%;
  background: var(--ifm-background-color);
  color: var(--ifm-font-color-base);
  margin-bottom: 1rem;
}

.searchResultItem_U687 {
  padding: 1rem 0px;
  border-bottom: 1px solid rgb(223, 227, 232);
}

.searchResultItem_U687 > h2 {
  margin-bottom: 0;
}

.searchResultItemPath_uIbk {
  color: var(--ifm-color-content-secondary);
  font-size: 0.8rem;
  margin: 0.5rem 0px 0px;
}

.searchResultItemSummary_oZHr {
  font-style: italic;
  margin: 0.5rem 0px 0px;
}

@media only screen and (max-width: 996px) {
  .searchQueryColumn_q7nx {
    max-width: 60% !important;
  }

  .searchContextColumn_oWAF {
    max-width: 40% !important;
  }
}

@media screen and (max-width: 576px) {
  .searchQueryColumn_q7nx {
    max-width: 100% !important;
  }

  .searchContextColumn_oWAF {
    max-width: 100% !important;
    padding-left: var(--ifm-spacing-horizontal) !important;
  }
}

.dropdownContainer_ad4K {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0;
  border: 1px solid #0000001a;
  border-radius: 8px;
  background-color: #f7f7f8;
  position: relative; /* Add this line */
  width: 100%;
}

.label_EyIW {
  flex: 1;
  padding: 0 12px;
  width: 100%;
}

.selectContainer_uhx9 {
  flex: 3;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.selectedOption_Sq0W {
  flex: 1;
  padding: 12px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 40px;
  width: 10px;
}

.arrow_YcQp {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  fill: #333;
}

.optionsContainer_x7eR {
  position: absolute;
  top: calc(100% - var(--ifm-navbar-item-padding-vertical) + 0.3rem);
  left: 0;
  right: 0;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 8px 8px;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  background-color: var(--ifm-dropdown-background-color);
  border-radius: var(--ifm-global-radius);
  box-shadow: var(--ifm-global-shadow-md);

  list-style: none;
  max-height: 80vh;
  min-width: 10rem;
  opacity: 0;
  overflow-y: auto;
  padding: 0.5rem;

  transform: translateY(-0.625rem);
  visibility: hidden;
  transition-property: opacity, transform, visibility;
  transition-duration: var(--ifm-transition-fast);
}

.option_lDMb {
  padding: 12px;
  cursor: pointer;
}

.option_lDMb:hover {
  background-color: #f1f1f1;
}

.container_cP4c {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 0;
  position: relative;
}

.top_ugpq {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 0.5px solid #d6d9dc;
}

.bottom_dFqi {
  flex: 3;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}

.panel_KEy0 {
  margin: 12px 0;
  flex: 1;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.panelTitle_wIUU {
  font-weight: 500;
  font-size: 16px;
}

.panelContent_aZGI {
  padding: 12px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  width: 100%;
  align-items: center;
}

.codeBlock_M15g {
  word-break: break-word;
  width: 100%;
  margin-bottom: 0 !important;
}

.codeBlock_M15g > div {
  background: aliceblue;
  border-radius: 0;
}

.codeBlockContainer_u1Bl {
  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);
}

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

.codeBlockTitle_pdte {
  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_btM0 {
  --ifm-pre-background: var(--prism-background-color);
  margin: 0;
  padding: 0;
}

.codeBlockTitle_pdte + .codeBlockContent__SAF .codeBlock_btM0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.codeBlockStandalone_gXNb {
  padding: 0;
}

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

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

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

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

.buttonGroup_GNd8 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_GNd8 button:focus-visible,
.buttonGroup_GNd8 button:hover {
  opacity: 1 !important;
}

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

/* 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_x0NS {
  display: table-row;
  counter-increment: line-count;
}
.codeLineNumber_XyHd {
  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_XyHd::before {
  content: counter(line-count);
  opacity: 0.4;
}
.theme-code-block-highlighted-line .codeLineNumber_XyHd::before {
  opacity: 0.8;
}
.codeLineContent_ysmz {
  padding-right: var(--ifm-pre-padding);
}

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

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

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

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

.copyButtonCopied_EXNt .copyButtonIcon_EsaU {
  transform: scale(0.33);
  opacity: 0;
}

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

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

.wordWrapButtonEnabled_a_W5 .wordWrapButtonIcon_dwgt {
  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.
 */

.backToTopButton_sjWU {
  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_sjWU::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_sjWU:hover {
    background-color: var(--ifm-color-emphasis-300);
  }
}

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

.docPage_NsH1, 
.docMainContainer_hjYf {
  position: relative; /* Added this line */
  display: flex;
  flex-flow: row wrap; /* Added this line */
  width: 100%;
  background-color: white; /* Added this line */
}

@media (min-width: 997px) {
  /* Changed this block */
  .docMainContainer_hjYf {
    display: block;
    flex: 0 0 80%;
    max-width: 80%;
  }

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

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

/* Added this block */

@media (min-width: 2600px) {
  .docMainContainer_hjYf {
    max-width: 80%;
  }
}

: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;
}

/**
 * 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.
 */

.menuExternalLink_NmtK {
  align-items: 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.
 */

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

.menu_Y1UP {
  height: 100vh;
  background-color: white;
}

@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);
  }
}

.docVersionDropdown_p1N5 {
  background: #fcfcfc;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem 0.75rem 0.75rem;
  color: #767a7f;
  margin-left: calc(-1 * var(--ifm-navbar-item-padding-horizontal, 1rem));
  border: 1px solid #e9ebed;
  font-weight: normal;
  font-size: 1rem;
  width: calc(100% + 2rem);
  display: inline-block;
  position: relative;
  height: 48px;
}

.docVersionDropdown_p1N5::after {
  margin-left: 2em !important;
}

.docVersionDropdownContainer_OeMw {
  margin-bottom: 1rem;
}

.docVersionDropdownContainer_OeMw .navbar__item_p46e.dropdown_t20h.dropdown--hoverable_fCRR {
  margin-bottom: 0.5rem;
}

@media (min-width: 997px) {
  .sidebar_mhZE {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: var(--ifm-navbar-height, 60px);
    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;
}

@media (min-width: 997px) {
  .expandButton_k9J9 {
    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_k9J9:hover,
  .expandButton_k9J9:focus {
    background-color: var(--docusaurus-collapse-button-bg-hover);
  }

  .expandButtonIcon_zpMS {
    transform: rotate(0);
  }

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

:root {
  --doc-sidebar-width: 100%; /* Changed this line */
  --doc-sidebar-hidden-width: 30px;
}

.docSidebarContainer_RSuS {
  display: none;
  background-color: #ffffff; /* Added this line */
}

@media (min-width: 997px) {
  /* Updated this block */
  .docSidebarContainer_RSuS {
    display: block;
    /* width: var(--doc-sidebar-width); */
    width: 20%;
    margin-top: calc(-1 * var(--ifm-navbar-height, 60px));
    will-change: width;
    transition: width var(--ifm-transition-fast) ease;
    clip-path: inset(0);
  }

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

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

/* Added this block */

@media (min-width: 2600px) {
  .docSidebarContainer_RSuS {
    width: 20%;
  }
}

.docRoot_cWv0 {
  display: flex;
  width: 100%;
  flex: 1 0;
  justify-content: center;
}

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

/* stylelint-disable docusaurus/copyright-header */

/**
 * CSS files with the .module.css suffix will be treated as CSS modules
 * and scoped locally.
 */

.heroBanner_qdFl {
  margin: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: var(--ifm-hero-background-color);
  height: 784px;
}

@media screen and (max-width: 966px) {
  .heroBanner_qdFl {
  }
}

.buttons_AeoN {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.button_JGCe.button--secondary_rQu6 {
  color: #ffffff;
}

/* stylelint-disable docusaurus/copyright-header */

.features_xdhU {
  display: flex;
  align-items: center;
  padding: 2rem 0;
  width: 70%;
  position: absolute;
  background-color: #fff;
  bottom: 40px;
  height: 152px;
  border-radius: 10px;
  right: -5px;
}

.featureSvg__8YW {
  height: 200px;
  width: 200px;
}

/**
 * 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_Ckt0 {
  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_biex {
  position: relative;
  /* rtl:ignore */
  direction: ltr;
  border-radius: inherit;
}

.codeBlockTitle_Ktv7 {
  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_bY9V {
  --ifm-pre-background: var(--prism-background-color);
  margin: 0;
  padding: 0;
}

.codeBlockTitle_Ktv7 + .codeBlockContent_biex .codeBlock_bY9V {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.codeBlockStandalone_MEMb {
  padding: 0;
}

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

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

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

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

.buttonGroup__atx 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__atx button:focus-visible,
.buttonGroup__atx button:hover {
  opacity: 1 !important;
}

.theme-code-block:hover .buttonGroup__atx 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_lJS_ {
  display: table-row;
  counter-increment: line-count;
}

.codeLineNumber_Tfdd {
  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_Tfdd::before {
  content: counter(line-count);
  opacity: 0.4;
}

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

.codeLineContent_feaV {
  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_obH4 {
  opacity: 1 !important;
}

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

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

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

.copyButtonCopied_obH4 .copyButtonIcon_y97N {
  transform: scale(0.33);
  opacity: 0;
}

.copyButtonCopied_obH4 .copyButtonSuccessIcon_LjdS {
  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.
 */

.iconEdit_Z9Sw {
  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.
 */

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

.wordWrapButtonEnabled_EoeP .wordWrapButtonIcon_Bwma {
  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.
 */

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

@media (min-width: 997px) {
  .lastUpdated_JAkA {
    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_TO0P {
  font-size: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.8rem;
  width: 100%;
}

.tocCollapsibleButton_TO0P::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_MG3E::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_ETCw {
  background-color: var(--ifm-menu-color-background-active);
  border-radius: var(--ifm-global-radius);
  margin: 1rem 0;
}

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

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

.tocCollapsibleContent_vkbj a {
  display: block;
}

.tocCollapsibleExpanded_sAul {
  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.
 */

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

@media print {
  .tocMobile_ITEo {
    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.
 */

/*
CSS variables, meant to be overridden by final theme
 */

.details_lb9f {
  --docusaurus-details-summary-arrow-size: 0.38rem;
  --docusaurus-details-transition: transform 200ms ease;
  --docusaurus-details-decoration-color: grey;
}

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

/* TODO: deprecation, need to remove this after Safari will support `::marker` */

.details_lb9f > summary::-webkit-details-marker {
  display: none;
}

.details_lb9f > 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_lb9f[open]:not(.isBrowser_bmU9) > summary::before,

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

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

.collapsibleContent_i85q p:last-child {
  margin-bottom: 0;
}

.details_lb9f > summary > p: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_b_Ee {
  --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_mC6p {
  list-style: none;
}

:not(.containsTaskList_mC6p > li) > .containsTaskList_mC6p {
  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.
 */

.tableOfContents_bqdL {
  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_bqdL {
    display: none;
  }

  .docItemContainer_F8PC {
    padding: 0 0.3rem;
  }
}

.docItemTocDesktop_NYbk {
  /* top: 0; */
  margin-left: 2rem;
  padding: 0;
  padding-right: 2rem;
  padding-top: 2rem;
  background-color: white;
  z-index: 10;
}

/**
 * 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_ev3q {
  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_xJq3 {
  margin-bottom: 1em;
}

.admonitionHeading_Gvgb {
  font: var(--ifm-heading-font-weight) var(--ifm-h5-font-size) /
    var(--ifm-heading-line-height) var(--ifm-heading-font-family);
  text-transform: uppercase;
}

/* Heading alone without content (does not handle fragment content) */

.admonitionHeading_Gvgb:not(:last-child) {
  margin-bottom: 0.3rem;
}

.admonitionHeading_Gvgb code {
  text-transform: none;
}

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

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

.admonitionContent_BuS1 > :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.
 */

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

.docItemCol_T5lb {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
}

@media (min-width: 1536px) {
  .docItemCol_T5lb {
    flex: 0 0 75%;
    max-width: 75%;
  }

  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
  .tocMobile_UTGG {
    display: none;
  }
}

.docLastUpdated_Ghpi {
  color: var(--ifm-color-neutral-500);
  font-size: var(--ifm-font-size-base);
  padding-left: 0.5rem;
}

.docLastUpdatedContainer_CqPR {
  display: flex;
  align-items: center;
  margin-bottom: var(--ifm-hr-margin-vertical);
}

.docVerionTagContainer_wpnm {
  display: flex;
  justify-content: flex-end;
}

.docTitle_fnzj {
  margin-bottom: 1.625rem;
}

.docItemWrapper_HiUO {
  display: flex;
  margin: 0;
  width: 100%;
}

.docItemContainer_StKy {
  background-color: white;
  min-height: 100vh;
  margin: 0 auto;
  padding: 2rem 4rem;
  border-right: 0.5px solid var(--ifm-toc-border-color);
  border-left: 0.5px solid var(--ifm-toc-border-color);
}

@media only screen and (max-width: 996px) {
  .docItemContainer_StKy {
    padding: 2rem 1rem;
  }

  .docItemWrapper_HiUO {
    width: 100%;
  }
}

.docItemToc_Dt2B {
  --ifm-spacing-horizontal: 2.5rem;
}

.docItemTocDesktop_PXzE {
  /* top: 0; */
  margin-left: 2rem;
  padding: 0;
  padding-right: 2rem;
  padding-top: calc(var(--ifm-navbar-height, 60px) + 2rem);
  background-color: #ffffff;
  z-index: 10;
}

/**
 * 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.
 */

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

.docItemCol_z5aJ {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
}

@media (min-width: 1536px) {
  .docItemCol_z5aJ {
    flex: 0 0 75%;
    max-width: 75%;
  }

  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
  .tocMobile_EDxc {
    display: none;
  }
}

.docItemWrapper_Jbac {
  display: flex;
  margin: 0;
  width: 100%;
}

.docItemContainer_c0TR {
  background-color: white;
  min-height: 100vh;
  margin: 0 auto;
  padding: 2rem 4rem 1.5rem;
  border-right: 0.5px solid var(--ifm-toc-border-color);
  border-left: 0.5px solid var(--ifm-toc-border-color);
}

@media only screen and (max-width: 996px) {
  .docItemContainer_c0TR {
    padding: 2rem 1rem;
  }

  .docItemWrapper_Jbac {
    width: 100%;
  }
}

@media only screen and (min-width: 996px) {
  table {
    display: table;
    width: 100%;
  }
}

.docItemToc_d0RO {
  --ifm-spacing-horizontal: 2.5rem;
  padding-left: 0;
  padding-right: 0;
}

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

@media (min-width: 2600px) {
  .docItemCol_z5aJ {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .docItemToc_d0RO {
    width: 20%;
  }
}

/**
 * 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.
 */

.mdxPageWrapper_j9I6 {
  justify-content: center;
}