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

.navbar__search-input::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;
    }

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

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

.navbar__toggle {
      display: inherit
  }

.navbar__item {
      display: none
  }

.navbar__search-input {
        width: 9rem
    }

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

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

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

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

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

@media print {

.table-of-contents {
    display: none
}

.footer {
    display: none
}

.menu {
    display: none
}

.navbar {
    display: none
}

.pagination-nav {
    display: none
}

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

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

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

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

#nprogress {
  pointer-events: none;
}

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

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

: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:-moz-fit-content;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}.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{margin-bottom:1rem !important}.docHeader .pagination-nav{min-width:-moz-fit-content;min-width:fit-content;display:flex}.docHeader .pagination-nav__link{border:none}.docHeader .pagination-nav__label{color:#767a7f;font-weight:500;font-size:var(--ifm-h5-font-size)}.docHeader .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{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}
/**
 * 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.
 */

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

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

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

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

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

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

.footerLogoLink_BH7S:hover {
  opacity: 1;
}

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

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

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

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

.numberBullet_PS6Q {
  background-color: #f8bfec;
  color: rgba(169, 15, 138, 1);
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  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;
}

.colorContainer_umLy {
  border: 1px solid #e4e4e4;
  padding: 1rem;
  display: block;
  margin-left: -1px;
  margin-top: -1px;
  max-width: -moz-fit-content;
  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;
}

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

: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);
    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));
    will-change: width;
    transition: width var(--ifm-transition-fast) ease;
    -webkit-clip-path: inset(0);
            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%;
  }
}

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

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

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