html {
  /*****************************************************************************
  * Overall Layout Variables
  */
  --pst-header-height: 4rem;
  --pst-header-article-height: calc(var(--pst-header-height) * 2 / 3);
  --pst-sidebar-secondary: 17rem;
}

/*******************************************************************************
* Breakpoints that trigger UI changes
*
* Note that media-breakpoint-down begins at the next highest level!
* So we should choose a media-breakpoint-down one *lower* than when we want to start
* example: media-breakpoint-up(md) and media-breakpoint-down(sm) trigger at the same time
* ref: https://github.com/twbs/bootstrap/issues/31214
*/
/*******************************************************************************
* Define the animation behaviour
*/
/*******************************************************************************
* UI shaping and padding
*/
html {
  /*****************************************************************************
  * Font features used in this theme
  */
  --pst-font-size-base: 1rem;
  --pst-font-size-h1: 2.5rem;
  --pst-font-size-h2: 2rem;
  --pst-font-size-h3: 1.75rem;
  --pst-font-size-h4: 1.5rem;
  --pst-font-size-h5: 1.25rem;
  --pst-font-size-h6: 1.1rem;
  --pst-font-size-milli: 0.9rem;
  --pst-sidebar-font-size: 0.9rem;
  --pst-sidebar-font-size-mobile: 1.1rem;
  --pst-sidebar-header-font-size: 1.2rem;
  --pst-sidebar-header-font-weight: 600;
  --pst-admonition-font-weight-heading: 600;
  --pst-font-weight-caption: 300;
  --pst-font-weight-heading: 400;
  --pst-font-family-base-system: -apple-system, BlinkMacSystemFont, Segoe UI,
    "Helvetica Neue", Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol;
  --pst-font-family-monospace-system: "SFMono-Regular", Menlo, Consolas, Monaco,
    Liberation Mono, Lucida Console, monospace;
  --pst-font-family-base: var(--pst-font-family-base-system);
  --pst-font-family-heading: var(--pst-font-family-base-system);
  --pst-font-family-monospace: var(--pst-font-family-monospace-system);
}

html {
  /*****************************************************************************
  * Icon
  */
  --pst-font-size-icon: 1.5rem;
  --pst-icon-check-circle: "";
  --pst-icon-info-circle: "";
  --pst-icon-exclamation-triangle: "";
  --pst-icon-exclamation-circle: "";
  --pst-icon-times-circle: "";
  --pst-icon-lightbulb: "";
  --pst-icon-download: "";
  --pst-icon-angle-left: "";
  --pst-icon-angle-right: "";
  --pst-icon-external-link: "";
  --pst-icon-search-minus: "";
  --pst-icon-github: "";
  --pst-icon-gitlab: "";
  --pst-icon-share: "";
  --pst-icon-bell: "";
  --pst-icon-pencil: "";
  --pst-breadcrumb-divider: "";
}

html {
  /*****************************************************************************
  * Admonitions
  **/
  --pst-icon-admonition-default: var(--pst-icon-bell);
  --pst-icon-admonition-note: var(--pst-icon-info-circle);
  --pst-icon-admonition-attention: var(--pst-icon-exclamation-circle);
  --pst-icon-admonition-caution: var(--pst-icon-exclamation-triangle);
  --pst-icon-admonition-warning: var(--pst-icon-exclamation-triangle);
  --pst-icon-admonition-danger: var(--pst-icon-exclamation-triangle);
  --pst-icon-admonition-error: var(--pst-icon-times-circle);
  --pst-icon-admonition-hint: var(--pst-icon-lightbulb);
  --pst-icon-admonition-tip: var(--pst-icon-lightbulb);
  --pst-icon-admonition-important: var(--pst-icon-exclamation-circle);
  --pst-icon-admonition-seealso: var(--pst-icon-share);
  --pst-icon-admonition-todo: var(--pst-icon-pencil);
}

/*******************************************************************************
* master color map. Only the colors that actually differ between light and dark
* themes are specified separately.
*
* To see the full list of colors see https://www.figma.com/file/rUrrHGhUBBIAAjQ82x6pz9/PyData-Design-system---proposal-for-implementation-(2)?node-id=1234%3A765&t=ifcFT1JtnrSshGfi-1
*/
/**
* Function to get items from nested maps
*/
/* Assign base colors for the PyData theme */
:root {
  --pst-teal-50: #f4fbfc;
  --pst-teal-100: #e9f6f8;
  --pst-teal-200: #d0ecf1;
  --pst-teal-300: #abdde6;
  --pst-teal-400: #3fb1c5;
  --pst-teal-500: #0a7d91;
  --pst-teal-600: #085d6c;
  --pst-teal-700: #064752;
  --pst-teal-800: #042c33;
  --pst-teal-900: #021b1f;
  --pst-violet-50: #f4eefb;
  --pst-violet-100: #e0c7ff;
  --pst-violet-200: #d5b4fd;
  --pst-violet-300: #b780ff;
  --pst-violet-400: #9c5ffd;
  --pst-violet-500: #8045e5;
  --pst-violet-600: #6432bd;
  --pst-violet-700: #4b258f;
  --pst-violet-800: #341a61;
  --pst-violet-900: #1e0e39;
  --pst-gray-50: #f9f9fa;
  --pst-gray-100: #f3f4f5;
  --pst-gray-200: #e5e7ea;
  --pst-gray-300: #d1d5da;
  --pst-gray-400: #9ca4af;
  --pst-gray-500: #677384;
  --pst-gray-600: #48566b;
  --pst-gray-700: #29313d;
  --pst-gray-800: #222832;
  --pst-gray-900: #14181e;
  --pst-pink-50: #fcf8fd;
  --pst-pink-100: #fcf0fa;
  --pst-pink-200: #f8dff5;
  --pst-pink-300: #f3c7ee;
  --pst-pink-400: #e47fd7;
  --pst-pink-500: #c132af;
  --pst-pink-600: #912583;
  --pst-pink-700: #6e1c64;
  --pst-pink-800: #46123f;
  --pst-pink-900: #2b0b27;
  --pst-foundation-white: #ffffff;
  --pst-foundation-black: #14181e;
}

/*******************************************************************************
* write the color rules for each theme (light/dark)
*/
/* NOTE:
 * Mixins enable us to reuse the same definitions for the different modes
 * https://sass-lang.com/documentation/at-rules/mixin
 * something inserts a variable into a CSS selector or property name
 * https://sass-lang.com/documentation/interpolation
 */
/* Defaults to light mode if data-theme is not set */
html:not([data-theme]) {
  --pst-color-primary: #0a7d91;
  --pst-color-primary-bg: #d0ecf1;
  --pst-color-secondary: #8045e5;
  --pst-color-secondary-bg: #e0c7ff;
  --pst-color-accent: #c132af;
  --pst-color-accent-bg: #f8dff5;
  --pst-color-info: #276be9;
  --pst-color-info-bg: #dce7fc;
  --pst-color-warning: #f66a0a;
  --pst-color-warning-bg: #f8e3d0;
  --pst-color-success: #00843f;
  --pst-color-success-bg: #d6ece1;
  --pst-color-attention: var(--pst-color-warning);
  --pst-color-attention-bg: var(--pst-color-warning-bg);
  --pst-color-danger: #d72d47;
  --pst-color-danger-bg: #f9e1e4;
  --pst-color-text-base: #222832;
  --pst-color-text-muted: #48566b;
  --pst-color-heading-color: #ffffff;
  --pst-color-shadow: rgba(0, 0, 0, 0.1);
  --pst-color-border: #d1d5da;
  --pst-color-border-muted: rgba(23, 23, 26, 0.2);
  --pst-color-inline-code: #912583;
  --pst-color-inline-code-links: #085d6c;
  --pst-color-target: #f3cf95;
  --pst-color-background: #ffffff;
  --pst-color-on-background: #ffffff;
  --pst-color-surface: #f3f4f5;
  --pst-color-on-surface: #222832;
}
html:not([data-theme]) {
  --pst-color-link: var(--pst-color-primary);
  --pst-color-link-hover: var(--pst-color-secondary);
}
html:not([data-theme]) .only-dark,
html:not([data-theme]) .only-dark ~ figcaption {
  display: none !important;
}

/* NOTE: @each {...} is like a for-loop
 * https://sass-lang.com/documentation/at-rules/control/each
 */
html[data-theme=light] {
  --pst-color-primary: #0a7d91;
  --pst-color-primary-bg: #d0ecf1;
  --pst-color-secondary: #8045e5;
  --pst-color-secondary-bg: #e0c7ff;
  --pst-color-accent: #c132af;
  --pst-color-accent-bg: #f8dff5;
  --pst-color-info: #276be9;
  --pst-color-info-bg: #dce7fc;
  --pst-color-warning: #f66a0a;
  --pst-color-warning-bg: #f8e3d0;
  --pst-color-success: #00843f;
  --pst-color-success-bg: #d6ece1;
  --pst-color-attention: var(--pst-color-warning);
  --pst-color-attention-bg: var(--pst-color-warning-bg);
  --pst-color-danger: #d72d47;
  --pst-color-danger-bg: #f9e1e4;
  --pst-color-text-base: #222832;
  --pst-color-text-muted: #48566b;
  --pst-color-heading-color: #ffffff;
  --pst-color-shadow: rgba(0, 0, 0, 0.1);
  --pst-color-border: #d1d5da;
  --pst-color-border-muted: rgba(23, 23, 26, 0.2);
  --pst-color-inline-code: #912583;
  --pst-color-inline-code-links: #085d6c;
  --pst-color-target: #f3cf95;
  --pst-color-background: #ffffff;
  --pst-color-on-background: #ffffff;
  --pst-color-surface: #f3f4f5;
  --pst-color-on-surface: #222832;
  color-scheme: light;
}
html[data-theme=light] {
  --pst-color-link: var(--pst-color-primary);
  --pst-color-link-hover: var(--pst-color-secondary);
}
html[data-theme=light] .only-dark,
html[data-theme=light] .only-dark ~ figcaption {
  display: none !important;
}

html[data-theme=dark] {
  --pst-color-primary: #3fb1c5;
  --pst-color-primary-bg: #042c33;
  --pst-color-secondary: #9c5ffd;
  --pst-color-secondary-bg: #341a61;
  --pst-color-accent: #e47fd7;
  --pst-color-accent-bg: #46123f;
  --pst-color-info: #79a3f2;
  --pst-color-info-bg: #06245d;
  --pst-color-warning: #ff9245;
  --pst-color-warning-bg: #652a02;
  --pst-color-success: #5fb488;
  --pst-color-success-bg: #002f17;
  --pst-color-attention: var(--pst-color-warning);
  --pst-color-attention-bg: var(--pst-color-warning-bg);
  --pst-color-danger: #e78894;
  --pst-color-danger-bg: #4e111b;
  --pst-color-text-base: #ced6dd;
  --pst-color-text-muted: #9ca4af;
  --pst-color-heading-color: #14181e;
  --pst-color-shadow: rgba(0, 0, 0, 0.2);
  --pst-color-border: #48566b;
  --pst-color-border-muted: #29313d;
  --pst-color-inline-code: #f3c7ee;
  --pst-color-inline-code-links: #3fb1c5;
  --pst-color-target: #675c04;
  --pst-color-background: #14181e;
  --pst-color-on-background: #222832;
  --pst-color-surface: #29313d;
  --pst-color-on-surface: #f3f4f5;
  /* Adjust images in dark mode (unless they have class .only-dark or
   * .dark-light, in which case assume they're already optimized for dark
   * mode).
   */
  /* Give images a light background in dark mode in case they have
  *  transparency and black text (unless they have class .only-dark or .dark-light, in
  *  which case assume they're already optimized for dark mode).
  */
  color-scheme: dark;
}
html[data-theme=dark] {
  --pst-color-link: var(--pst-color-primary);
  --pst-color-link-hover: var(--pst-color-secondary);
}
html[data-theme=dark] .only-light,
html[data-theme=dark] .only-light ~ figcaption {
  display: none !important;
}
html[data-theme=dark] img:not(.only-dark):not(.dark-light) {
  filter: brightness(0.8) contrast(1.2);
}
html[data-theme=dark] .bd-content img:not(.only-dark):not(.dark-light) {
  background: rgb(255, 255, 255);
  border-radius: 0.25rem;
}
html[data-theme=dark] .MathJax_SVG * {
  fill: var(--pst-color-text-base);
}

.pst-color-primary {
  color: var(--pst-color-primary);
}

.pst-color-secondary {
  color: var(--pst-color-secondary);
}

.pst-color-accent {
  color: var(--pst-color-accent);
}

.pst-color-info {
  color: var(--pst-color-info);
}

.pst-color-warning {
  color: var(--pst-color-warning);
}

.pst-color-success {
  color: var(--pst-color-success);
}

.pst-color-attention {
  color: var(--pst-color-attention);
}

.pst-color-danger {
  color: var(--pst-color-danger);
}

.pst-color-text-base {
  color: var(--pst-color-text-base);
}

.pst-color-text-muted {
  color: var(--pst-color-text-muted);
}

.pst-color-heading-color {
  color: var(--pst-color-heading-color);
}

.pst-color-shadow {
  color: var(--pst-color-shadow);
}

.pst-color-border {
  color: var(--pst-color-border);
}

.pst-color-border-muted {
  color: var(--pst-color-border-muted);
}

.pst-color-inline-code {
  color: var(--pst-color-inline-code);
}

.pst-color-inline-code-links {
  color: var(--pst-color-inline-code-links);
}

.pst-color-target {
  color: var(--pst-color-target);
}

.pst-color-background {
  color: var(--pst-color-background);
}

.pst-color-on-background {
  color: var(--pst-color-on-background);
}

.pst-color-surface {
  color: var(--pst-color-surface);
}

.pst-color-on-surface {
  color: var(--pst-color-on-surface);
}

/**
* Get color combinations that meet a minimum contrast ratio as per WCAG 2
*/
/**
 * Miscellaneous color functions and mixins
**/
/**
* Function to get items from nested maps
*/
/**
  * Function to check if the color needs converting to a "color" type
  * if it is a string we cannot use other color manipulation functions
  * It is used to create the sphinx-design colours as these are often interpolated
  */
/**
  * Function to convert the string representation of a color to a color type (hex)
  */
/*********************************************
* SASS Mixins
*********************************************/
/**
 * A consistent box shadow style we apply across elements.
 */
/**
   * Set background of some cell outputs to white-ish to make sure colors work
   * This is because many libraries make output that only looks good on white
   */
/**
 * Consistent styling for links
 **/
html {
  font-size: var(--pst-font-size-base);
  scroll-padding-top: calc(var(--pst-header-height) + 1rem);
}

body {
  background-color: var(--pst-color-background);
  font-family: var(--pst-font-family-base);
  font-weight: 400;
  line-height: 1.65;
  color: var(--pst-color-text-base);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body::-webkit-scrollbar-track {
  background: var(--pst-color-background);
}

p {
  margin-bottom: 1.15rem;
  font-size: 1em;
  color: var(--pst-color-text-base);
  /* section header in docstring pages */
}
p.rubric {
  border-bottom: 1px solid var(--pst-color-border);
}
p.centered {
  text-align: center;
}

a {
  word-wrap: break-word;
  color: var(--pst-color-link);
  text-decoration: underline;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: 0.1578em;
}
a:hover {
  color: var(--pst-color-link-hover);
  text-decoration-thickness: max(3px, .1875rem, .12em);
  text-decoration-skip-ink: none;
  text-decoration-skip: none;
}
a:active {
  color: var(--pst-color-link);
}
a:visited {
  color: var(--pst-color-link);
}
a:visited:hover {
  color: var(--pst-color-link-hover);
}
a:focus-visible {
  outline: 2px solid var(--pst-color-accent);
}
a.headerlink {
  color: var(--pst-color-secondary);
  opacity: 0.7;
  font-size: 0.8em;
  padding: 0 4px 0 4px;
  margin-left: 0.2em;
  text-decoration: none;
  transition: all 0.2s ease-out;
  user-select: none;
}
a.headerlink:hover {
  opacity: 1;
}
a.github::before, a.gitlab::before {
  color: var(--pst-color-text-muted);
  font: var(--fa-font-brands);
  margin-right: 0.25rem;
}
a.github::before {
  content: var(--pst-icon-github);
}
a.gitlab::before {
  content: var(--pst-icon-gitlab);
}

.heading-style, h6, h5, h4, h3, h2, h1 {
  margin: 2.75rem 0 1.05rem;
  font-family: var(--pst-font-family-heading);
  font-weight: var(--pst-font-weight-heading);
  line-height: 1.15;
}

h1 {
  margin-top: 0;
  font-size: var(--pst-font-size-h1);
  color: var(--pst-heading-color);
}

h2 {
  font-size: var(--pst-font-size-h2);
  color: var(--pst-heading-color);
}

h3 {
  font-size: var(--pst-font-size-h3);
  color: var(--pst-heading-color);
}

h4 {
  font-size: var(--pst-font-size-h4);
  color: var(--pst-heading-color);
}

h5 {
  font-size: var(--pst-font-size-h5);
  color: var(--pst-color-text-base);
}

h6 {
  font-size: var(--pst-font-size-h6);
  color: var(--pst-color-text-base);
}

small,
.text_small {
  font-size: var(--pst-font-size-milli);
}

hr {
  border: 0;
  border-top: 1px solid var(--pst-color-border);
}

pre,
code,
kbd,
samp {
  font-family: var(--pst-font-family-monospace);
}

kbd {
  background-color: var(--pst-color-on-background);
  color: var(--pst-color-text-muted);
}
kbd:not(.compound) {
  border: 1px solid var(--pst-color-border);
  margin: 0 0.1rem;
  padding: 0.1rem 0.4rem;
  box-shadow: 1px 1px 1px var(--pst-color-shadow);
}

code {
  color: var(--pst-color-inline-code);
}

pre {
  margin: 1.5em 0 1.5em 0;
  padding: 1rem;
  background-color: var(--pst-color-surface);
  color: var(--pst-color-text-base);
  line-height: 1.2em;
  border: 1px solid var(--pst-color-border);
  border-radius: 0.25rem;
}
pre .linenos {
  opacity: 0.8;
  padding-right: 10px;
}

/**
 * Breadcrumbs for parent pages meant for the article header
 */
ul.bd-breadcrumbs {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
}
ul.bd-breadcrumbs li.breadcrumb-item {
  display: flex;
  align-items: center;
  font-weight: bold;
}
ul.bd-breadcrumbs li.breadcrumb-item a {
  color: var(--pst-color-text-muted);
  text-decoration: none;
}
ul.bd-breadcrumbs li.breadcrumb-item a:hover {
  color: var(--pst-color-link-hover);
  text-decoration: underline;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: 0.1578em;
  text-decoration-thickness: max(3px, .1875rem, .12em);
  text-decoration-skip-ink: none;
  text-decoration-skip: none;
}
ul.bd-breadcrumbs li.breadcrumb-item a:focus-visible {
  outline: 2px solid var(--pst-color-accent);
}
ul.bd-breadcrumbs li.breadcrumb-item:not(.breadcrumb-home):before {
  font: var(--fa-font-solid);
  font-size: 0.8rem;
  content: var(--pst-breadcrumb-divider);
  color: var(--pst-color-text-muted);
  padding: 0 0.5rem;
}

/**
 * Admonitions and blocks of styled content.
 * Admonitions CSS originally inspired by https://squidfunk.github.io/mkdocs-material/getting-started/
 */
div.admonition,
.admonition {
  margin: 1.5625em auto;
  padding: 0 0.6rem 0.8rem 0.6rem;
  overflow: hidden;
  page-break-inside: avoid;
  border-left: 0.2rem solid;
  border-color: var(--pst-color-info);
  border-radius: 0.25rem;
  background-color: var(--pst-color-on-background);
  box-shadow: 0 0.2rem 0.5rem var(--pst-color-shadow), 0 0 0.0625rem var(--pst-color-shadow) !important;
  /**
   * Special-case for a `sidebar` class that makes the admonition float to
   * the right like the {sidebar} directive.
   */
}
div.admonition *:last-child,
.admonition *:last-child {
  margin-bottom: 0;
}
div.admonition p.admonition-title ~ *,
.admonition p.admonition-title ~ * {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
}
div.admonition > ol,
div.admonition > ul,
.admonition > ol,
.admonition > ul {
  margin-left: 1em;
}
div.admonition > .admonition-title,
.admonition > .admonition-title {
  margin: 0 -0.6rem;
  padding: 0.4rem 0.6rem 0.4rem 2rem;
  font-weight: var(--pst-admonition-font-weight-heading);
  position: relative;
  background-color: var(--pst-color-info-bg);
  z-index: 1;
}
div.admonition > .admonition-title:before,
.admonition > .admonition-title:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
}
div.admonition > .admonition-title:after,
.admonition > .admonition-title:after {
  position: absolute;
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
  color: var(--pst-color-info);
  font: var(--fa-font-solid);
  line-height: inherit;
  content: var(--pst-icon-admonition-default);
  opacity: 1;
}
div.admonition > .admonition-title + *,
.admonition > .admonition-title + * {
  margin-top: 0.4em;
}
div.admonition.attention,
.admonition.attention {
  border-color: var(--pst-color-attention);
}
div.admonition.attention > .admonition-title,
.admonition.attention > .admonition-title {
  background-color: var(--pst-color-attention-bg);
}
div.admonition.attention > .admonition-title:after,
.admonition.attention > .admonition-title:after {
  color: var(--pst-color-attention);
  content: var(--pst-icon-admonition-attention);
}
div.admonition.caution,
.admonition.caution {
  border-color: var(--pst-color-warning);
}
div.admonition.caution > .admonition-title,
.admonition.caution > .admonition-title {
  background-color: var(--pst-color-warning-bg);
}
div.admonition.caution > .admonition-title:after,
.admonition.caution > .admonition-title:after {
  color: var(--pst-color-warning);
  content: var(--pst-icon-admonition-caution);
}
div.admonition.warning,
.admonition.warning {
  border-color: var(--pst-color-warning);
}
div.admonition.warning > .admonition-title,
.admonition.warning > .admonition-title {
  background-color: var(--pst-color-warning-bg);
}
div.admonition.warning > .admonition-title:after,
.admonition.warning > .admonition-title:after {
  color: var(--pst-color-warning);
  content: var(--pst-icon-admonition-warning);
}
div.admonition.danger,
.admonition.danger {
  border-color: var(--pst-color-danger);
}
div.admonition.danger > .admonition-title,
.admonition.danger > .admonition-title {
  background-color: var(--pst-color-danger-bg);
}
div.admonition.danger > .admonition-title:after,
.admonition.danger > .admonition-title:after {
  color: var(--pst-color-danger);
  content: var(--pst-icon-admonition-danger);
}
div.admonition.error,
.admonition.error {
  border-color: var(--pst-color-danger);
}
div.admonition.error > .admonition-title,
.admonition.error > .admonition-title {
  background-color: var(--pst-color-danger-bg);
}
div.admonition.error > .admonition-title:after,
.admonition.error > .admonition-title:after {
  color: var(--pst-color-danger);
  content: var(--pst-icon-admonition-error);
}
div.admonition.hint,
.admonition.hint {
  border-color: var(--pst-color-success);
}
div.admonition.hint > .admonition-title,
.admonition.hint > .admonition-title {
  background-color: var(--pst-color-success-bg);
}
div.admonition.hint > .admonition-title:after,
.admonition.hint > .admonition-title:after {
  color: var(--pst-color-success);
  content: var(--pst-icon-admonition-hint);
}
div.admonition.tip,
.admonition.tip {
  border-color: var(--pst-color-success);
}
div.admonition.tip > .admonition-title,
.admonition.tip > .admonition-title {
  background-color: var(--pst-color-success-bg);
}
div.admonition.tip > .admonition-title:after,
.admonition.tip > .admonition-title:after {
  color: var(--pst-color-success);
  content: var(--pst-icon-admonition-tip);
}
div.admonition.important,
.admonition.important {
  border-color: var(--pst-color-attention);
}
div.admonition.important > .admonition-title,
.admonition.important > .admonition-title {
  background-color: var(--pst-color-attention-bg);
}
div.admonition.important > .admonition-title:after,
.admonition.important > .admonition-title:after {
  color: var(--pst-color-attention);
  content: var(--pst-icon-admonition-important);
}
div.admonition.note,
.admonition.note {
  border-color: var(--pst-color-info);
}
div.admonition.note > .admonition-title,
.admonition.note > .admonition-title {
  background-color: var(--pst-color-info-bg);
}
div.admonition.note > .admonition-title:after,
.admonition.note > .admonition-title:after {
  color: var(--pst-color-info);
  content: var(--pst-icon-admonition-note);
}
div.admonition.seealso,
.admonition.seealso {
  border-color: var(--pst-color-success);
}
div.admonition.seealso > .admonition-title,
.admonition.seealso > .admonition-title {
  background-color: var(--pst-color-success-bg);
}
div.admonition.seealso > .admonition-title:after,
.admonition.seealso > .admonition-title:after {
  color: var(--pst-color-success);
  content: var(--pst-icon-admonition-seealso);
}
div.admonition.admonition-todo,
.admonition.admonition-todo {
  border-color: var(--pst-color-secondary);
}
div.admonition.admonition-todo > .admonition-title,
.admonition.admonition-todo > .admonition-title {
  background-color: var(--pst-color-secondary-bg);
}
div.admonition.admonition-todo > .admonition-title:after,
.admonition.admonition-todo > .admonition-title:after {
  color: var(--pst-color-secondary);
  content: var(--pst-icon-admonition-todo);
}
div.admonition.sidebar,
.admonition.sidebar {
  max-width: 40%;
  float: right;
  clear: both;
  margin-left: 0.5rem;
  margin-top: 0;
  border-width: 0 0 0 0.2rem;
}
div.admonition.sidebar.attention, div.admonition.sidebar.important,
.admonition.sidebar.attention,
.admonition.sidebar.important {
  border-color: var(--pst-color-attention);
}
div.admonition.sidebar.caution, div.admonition.sidebar.warning,
.admonition.sidebar.caution,
.admonition.sidebar.warning {
  border-color: var(--pst-color-warning);
}
div.admonition.sidebar.danger, div.admonition.sidebar.error,
.admonition.sidebar.danger,
.admonition.sidebar.error {
  border-color: var(--pst-color-danger);
}
div.admonition.sidebar.hint, div.admonition.sidebar.tip, div.admonition.sidebar.seealso,
.admonition.sidebar.hint,
.admonition.sidebar.tip,
.admonition.sidebar.seealso {
  border-color: var(--pst-color-success);
}
div.admonition.sidebar.note, div.admonition.sidebar.todo,
.admonition.sidebar.note,
.admonition.sidebar.todo {
  border-color: var(--pst-color-info);
}
div.admonition.sidebar p.admonition-title ~ *,
.admonition.sidebar p.admonition-title ~ * {
  margin-left: 0rem;
  margin-right: 0rem;
}

/**************************************************************
 * Similar content blocks that are not technically admonitions.
 */
/**
 * Topics and the {contents} directive
 */
div.topic,
div.topic.contents,
nav.contents,
aside.topic {
  display: flex;
  flex-direction: column;
  background-color: var(--pst-color-surface);
  border-color: var(--pst-color-border);
  border-radius: 0.25rem;
  padding: 1rem 1.25rem;
  box-shadow: 0 0.2rem 0.5rem var(--pst-color-shadow), 0 0 0.0625rem var(--pst-color-shadow) !important;
}
div.topic .topic-title,
div.topic.contents .topic-title,
nav.contents .topic-title,
aside.topic .topic-title {
  margin: 0 0 0.5rem 0;
}
div.topic p,
div.topic.contents p,
nav.contents p,
aside.topic p {
  color: var(--pst-color-on-surface) !important;
}
div.topic ul.simple,
div.topic.contents ul.simple,
nav.contents ul.simple,
aside.topic ul.simple {
  padding-left: 1rem;
}
div.topic ul.simple ul,
div.topic.contents ul.simple ul,
nav.contents ul.simple ul,
aside.topic ul.simple ul {
  padding-left: 2em;
}

/**
 * Sidebar directive
 */
aside.sidebar {
  border: 1px solid var(--pst-color-border);
  background-color: var(--pst-color-surface);
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  padding: 0;
}
aside.sidebar > *:last-child {
  padding-bottom: 1rem;
}
aside.sidebar p.sidebar-title {
  position: relative;
  margin-bottom: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--pst-color-border);
  font-family: var(--pst-font-family-heading);
  font-weight: var(--pst-admonition-font-weight-heading);
}
aside.sidebar > *:not(.sidebar-title):first-child,
aside.sidebar > p.sidebar-title + * {
  margin-top: 1rem;
}
aside.sidebar > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

/**
 * Rubrics look kind of like section headers
 */
p.rubric {
  display: flex;
  flex-direction: column;
}

/**
 * Seealso is kind of like a vertically-collapsed admonition
 */
.seealso dd {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * Code block styling
 * Note that we inherit a lot of styling from Bootstrap so not many rules here.
 */
div[class*=highlight-],
div.highlight,
div.literal-block-wrapper {
  display: flex;
  flex-direction: column;
  width: unset;
  border-radius: 0.25rem;
}

div.literal-block-wrapper {
  border: 1px solid var(--pst-color-border);
  border-radius: 0.25rem;
}
div.literal-block-wrapper div.code-block-caption {
  margin: 0;
  border-bottom: 1px solid var(--pst-color-border);
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: var(--pst-font-weight-caption);
}
div.literal-block-wrapper div.code-block-caption a.headerlink {
  font-size: inherit;
}
div.literal-block-wrapper div[class*=highlight-] {
  margin: 0;
  border-radius: 0;
}
div.literal-block-wrapper div[class*=highlight-] pre {
  border: none;
  box-shadow: none;
}

/**
 * In-line code
 */
code.literal {
  padding: 0.1rem 0.25rem;
  background-color: var(--pst-color-surface);
  border: 1px solid var(--pst-color-border);
  border-radius: 0.25rem;
}

a > code {
  color: var(--pst-color-inline-code-links);
}

html[data-theme=light] .highlight .nf {
  color: #0078a1 !important;
}

span.linenos {
  opacity: 0.8 !important;
}

figure a.headerlink {
  position: absolute;
  font-size: inherit;
}
figure:hover a.headerlink {
  visibility: visible;
}
figure figcaption {
  font-family: var(--pst-font-family-heading);
  font-weight: var(--pst-font-weight-caption);
  color: var(--pst-color-text-muted);
  margin-left: auto;
  margin-right: auto;
}
figure figcaption table.table {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

dd {
  margin-top: 3px;
  margin-bottom: 10px;
  margin-left: 30px;
}

ol,
ul {
  padding-inline-start: 2rem;
}
ol li > p:first-child,
ul li > p:first-child {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

blockquote {
  padding: 1em 1em;
  color: var(--pst-color-text-muted);
  border-left: 0.25em solid var(--pst-color-border);
  border-radius: 0.25rem;
  position: relative;
  background-color: var(--pst-color-surface);
}
blockquote p {
  color: var(--pst-color-text-base);
}
blockquote .line-block {
  margin: 0 0;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
}
blockquote:before {
  z-index: -1;
}

/**
 * Tables
 */
table {
  display: table;
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
}
table.table-right {
  margin-right: 0;
}
table.table-left {
  margin-left: 0;
}

table caption {
  text-align: center;
  caption-side: top;
  color: var(--pst-color-text-muted);
}

th.text-align\:left,
td.text-align\:left {
  text-align: left;
}
th.text-align\:right,
td.text-align\:right {
  text-align: right;
}
th.text-align\:center,
td.text-align\:center {
  text-align: center;
}

.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(
    --pst-color-text-base
  );
}

/**
 * Style the toctree component in pages (avoid modifying the navbars)
 */
.toctree-wrapper p.caption {
  font-size: 1.5em;
  margin-bottom: 0em;
}
.toctree-wrapper > ul {
  padding-left: 0;
}
.toctree-wrapper li[class^=toctree-l] {
  list-style: none;
  margin-bottom: 0.2em;
}
.toctree-wrapper li[class^=toctree-l] > a {
  list-style: none;
  font-size: 1.1em;
}
.toctree-wrapper li[class^=toctree-l] > ul {
  list-style: none;
  padding-inline-start: 1.5em;
}
.toctree-wrapper .toctree-l1 > a {
  font-size: 1.3em;
}

div.topic.contents ul.simple,
nav.contents ul.simple {
  list-style: none;
  padding-left: 0;
}

/*******************************************************************************
* master color map. Only the colors that actually differ between light and dark
* themes are specified separately.
*
* To see the full list of colors see https://www.figma.com/file/rUrrHGhUBBIAAjQ82x6pz9/PyData-Design-system---proposal-for-implementation-(2)?node-id=1234%3A765&t=ifcFT1JtnrSshGfi-1
*/
/**
* Function to get items from nested maps
*/
/* Assign base colors for the PyData theme */
:root {
  --pst-teal-50: #f4fbfc;
  --pst-teal-100: #e9f6f8;
  --pst-teal-200: #d0ecf1;
  --pst-teal-300: #abdde6;
  --pst-teal-400: #3fb1c5;
  --pst-teal-500: #0a7d91;
  --pst-teal-600: #085d6c;
  --pst-teal-700: #064752;
  --pst-teal-800: #042c33;
  --pst-teal-900: #021b1f;
  --pst-violet-50: #f4eefb;
  --pst-violet-100: #e0c7ff;
  --pst-violet-200: #d5b4fd;
  --pst-violet-300: #b780ff;
  --pst-violet-400: #9c5ffd;
  --pst-violet-500: #8045e5;
  --pst-violet-600: #6432bd;
  --pst-violet-700: #4b258f;
  --pst-violet-800: #341a61;
  --pst-violet-900: #1e0e39;
  --pst-gray-50: #f9f9fa;
  --pst-gray-100: #f3f4f5;
  --pst-gray-200: #e5e7ea;
  --pst-gray-300: #d1d5da;
  --pst-gray-400: #9ca4af;
  --pst-gray-500: #677384;
  --pst-gray-600: #48566b;
  --pst-gray-700: #29313d;
  --pst-gray-800: #222832;
  --pst-gray-900: #14181e;
  --pst-pink-50: #fcf8fd;
  --pst-pink-100: #fcf0fa;
  --pst-pink-200: #f8dff5;
  --pst-pink-300: #f3c7ee;
  --pst-pink-400: #e47fd7;
  --pst-pink-500: #c132af;
  --pst-pink-600: #912583;
  --pst-pink-700: #6e1c64;
  --pst-pink-800: #46123f;
  --pst-pink-900: #2b0b27;
  --pst-foundation-white: #ffffff;
  --pst-foundation-black: #14181e;
}

/*******************************************************************************
* write the color rules for each theme (light/dark)
*/
/* NOTE:
 * Mixins enable us to reuse the same definitions for the different modes
 * https://sass-lang.com/documentation/at-rules/mixin
 * something inserts a variable into a CSS selector or property name
 * https://sass-lang.com/documentation/interpolation
 */
/* Defaults to light mode if data-theme is not set */
html:not([data-theme]) {
  --pst-color-primary: #0a7d91;
  --pst-color-primary-bg: #d0ecf1;
  --pst-color-secondary: #8045e5;
  --pst-color-secondary-bg: #e0c7ff;
  --pst-color-accent: #c132af;
  --pst-color-accent-bg: #f8dff5;
  --pst-color-info: #276be9;
  --pst-color-info-bg: #dce7fc;
  --pst-color-warning: #f66a0a;
  --pst-color-warning-bg: #f8e3d0;
  --pst-color-success: #00843f;
  --pst-color-success-bg: #d6ece1;
  --pst-color-attention: var(--pst-color-warning);
  --pst-color-attention-bg: var(--pst-color-warning-bg);
  --pst-color-danger: #d72d47;
  --pst-color-danger-bg: #f9e1e4;
  --pst-color-text-base: #222832;
  --pst-color-text-muted: #48566b;
  --pst-color-heading-color: #ffffff;
  --pst-color-shadow: rgba(0, 0, 0, 0.1);
  --pst-color-border: #d1d5da;
  --pst-color-border-muted: rgba(23, 23, 26, 0.2);
  --pst-color-inline-code: #912583;
  --pst-color-inline-code-links: #085d6c;
  --pst-color-target: #f3cf95;
  --pst-color-background: #ffffff;
  --pst-color-on-background: #ffffff;
  --pst-color-surface: #f3f4f5;
  --pst-color-on-surface: #222832;
}

html:not([data-theme]) {
  --pst-color-link: var(--pst-color-primary);
  --pst-color-link-hover: var(--pst-color-secondary);
}

html:not([data-theme]) .only-dark,
html:not([data-theme]) .only-dark ~ figcaption {
  display: none !important;
}

/* NOTE: @each {...} is like a for-loop
 * https://sass-lang.com/documentation/at-rules/control/each
 */
html[data-theme=light] {
  --pst-color-primary: #0a7d91;
  --pst-color-primary-bg: #d0ecf1;
  --pst-color-secondary: #8045e5;
  --pst-color-secondary-bg: #e0c7ff;
  --pst-color-accent: #c132af;
  --pst-color-accent-bg: #f8dff5;
  --pst-color-info: #276be9;
  --pst-color-info-bg: #dce7fc;
  --pst-color-warning: #f66a0a;
  --pst-color-warning-bg: #f8e3d0;
  --pst-color-success: #00843f;
  --pst-color-success-bg: #d6ece1;
  --pst-color-attention: var(--pst-color-warning);
  --pst-color-attention-bg: var(--pst-color-warning-bg);
  --pst-color-danger: #d72d47;
  --pst-color-danger-bg: #f9e1e4;
  --pst-color-text-base: #222832;
  --pst-color-text-muted: #48566b;
  --pst-color-heading-color: #ffffff;
  --pst-color-shadow: rgba(0, 0, 0, 0.1);
  --pst-color-border: #d1d5da;
  --pst-color-border-muted: rgba(23, 23, 26, 0.2);
  --pst-color-inline-code: #912583;
  --pst-color-inline-code-links: #085d6c;
  --pst-color-target: #f3cf95;
  --pst-color-background: #ffffff;
  --pst-color-on-background: #ffffff;
  --pst-color-surface: #f3f4f5;
  --pst-color-on-surface: #222832;
  color-scheme: light;
}

html[data-theme=light] {
  --pst-color-link: var(--pst-color-primary);
  --pst-color-link-hover: var(--pst-color-secondary);
}

html[data-theme=light] .only-dark,
html[data-theme=light] .only-dark ~ figcaption {
  display: none !important;
}

html[data-theme=dark] {
  --pst-color-primary: #3fb1c5;
  --pst-color-primary-bg: #042c33;
  --pst-color-secondary: #9c5ffd;
  --pst-color-secondary-bg: #341a61;
  --pst-color-accent: #e47fd7;
  --pst-color-accent-bg: #46123f;
  --pst-color-info: #79a3f2;
  --pst-color-info-bg: #06245d;
  --pst-color-warning: #ff9245;
  --pst-color-warning-bg: #652a02;
  --pst-color-success: #5fb488;
  --pst-color-success-bg: #002f17;
  --pst-color-attention: var(--pst-color-warning);
  --pst-color-attention-bg: var(--pst-color-warning-bg);
  --pst-color-danger: #e78894;
  --pst-color-danger-bg: #4e111b;
  --pst-color-text-base: #ced6dd;
  --pst-color-text-muted: #9ca4af;
  --pst-color-heading-color: #14181e;
  --pst-color-shadow: rgba(0, 0, 0, 0.2);
  --pst-color-border: #48566b;
  --pst-color-border-muted: #29313d;
  --pst-color-inline-code: #f3c7ee;
  --pst-color-inline-code-links: #3fb1c5;
  --pst-color-target: #675c04;
  --pst-color-background: #14181e;
  --pst-color-on-background: #222832;
  --pst-color-surface: #29313d;
  --pst-color-on-surface: #f3f4f5;
  /* Adjust images in dark mode (unless they have class .only-dark or
   * .dark-light, in which case assume they're already optimized for dark
   * mode).
   */
  /* Give images a light background in dark mode in case they have
  *  transparency and black text (unless they have class .only-dark or .dark-light, in
  *  which case assume they're already optimized for dark mode).
  */
  color-scheme: dark;
}

html[data-theme=dark] {
  --pst-color-link: var(--pst-color-primary);
  --pst-color-link-hover: var(--pst-color-secondary);
}

html[data-theme=dark] .only-light,
html[data-theme=dark] .only-light ~ figcaption {
  display: none !important;
}

html[data-theme=dark] img:not(.only-dark):not(.dark-light) {
  filter: brightness(0.8) contrast(1.2);
}

html[data-theme=dark] .bd-content img:not(.only-dark):not(.dark-light) {
  background: rgb(255, 255, 255);
  border-radius: 0.25rem;
}

html[data-theme=dark] .MathJax_SVG * {
  fill: var(--pst-color-text-base);
}

.pst-color-primary {
  color: var(--pst-color-primary);
}

.pst-color-secondary {
  color: var(--pst-color-secondary);
}

.pst-color-accent {
  color: var(--pst-color-accent);
}

.pst-color-info {
  color: var(--pst-color-info);
}

.pst-color-warning {
  color: var(--pst-color-warning);
}

.pst-color-success {
  color: var(--pst-color-success);
}

.pst-color-attention {
  color: var(--pst-color-attention);
}

.pst-color-danger {
  color: var(--pst-color-danger);
}

.pst-color-text-base {
  color: var(--pst-color-text-base);
}

.pst-color-text-muted {
  color: var(--pst-color-text-muted);
}

.pst-color-heading-color {
  color: var(--pst-color-heading-color);
}

.pst-color-shadow {
  color: var(--pst-color-shadow);
}

.pst-color-border {
  color: var(--pst-color-border);
}

.pst-color-border-muted {
  color: var(--pst-color-border-muted);
}

.pst-color-inline-code {
  color: var(--pst-color-inline-code);
}

.pst-color-inline-code-links {
  color: var(--pst-color-inline-code-links);
}

.pst-color-target {
  color: var(--pst-color-target);
}

.pst-color-background {
  color: var(--pst-color-background);
}

.pst-color-on-background {
  color: var(--pst-color-on-background);
}

.pst-color-surface {
  color: var(--pst-color-surface);
}

.pst-color-on-surface {
  color: var(--pst-color-on-surface);
}

/*******************************************************************************
  * Color and variables
  *
  * This is a list of the semantic color names from sphinx-design (we only
  * need to override variables that sphinx-design has actually defined).
  * https://github.com/executablebooks/sphinx-design/blob/9226a12a/style/_colors.scss#L31-L43
  */
/**
  * Here we create some extra --pst-color-* variables and use
  * them to override the value of the corresponding sphinx-design variables.
  * This is easier than re-writing the sphinx-design rules. Even easier would be
  * directly assigning our values to the --sd-color-* variables, but then our
  * downstream users couldn't override *our* colors and have it affect buttons
  * and badges.
  *
  * First, define the extra keys needed to cover the full range of semantic
  * color names used in sphinx-design, then merge them with the names we
  * already define for our own needs.
  * see https://sphinx-design.readthedocs.io/en/latest/css_variables.html
  */
html[data-theme=light] {
  --pst-color-primary: rgb(10, 125, 145);
  --pst-color-primary-text: #ffffff;
  --pst-color-primary-highlight: #053f49;
  --sd-color-primary: var(--pst-color-primary);
  --sd-color-primary-text: var(--pst-color-primary-text);
  --sd-color-primary-highlight: var(--pst-color-primary-highlight);
  --sd-color-primary-bg: #d0ecf1;
  --sd-color-primary-bg-text: #14181e;
  --pst-color-secondary: rgb(128, 69, 229);
  --pst-color-secondary-text: #ffffff;
  --pst-color-secondary-highlight: #591bc2;
  --sd-color-secondary: var(--pst-color-secondary);
  --sd-color-secondary-text: var(--pst-color-secondary-text);
  --sd-color-secondary-highlight: var(--pst-color-secondary-highlight);
  --sd-color-secondary-bg: #e0c7ff;
  --sd-color-secondary-bg-text: #14181e;
  --pst-color-success: #00843f;
  --pst-color-success-text: #ffffff;
  --pst-color-success-highlight: #00381a;
  --sd-color-success: var(--pst-color-success);
  --sd-color-success-text: var(--pst-color-success-text);
  --sd-color-success-highlight: var(--pst-color-success-highlight);
  --sd-color-success-bg: #d6ece1;
  --sd-color-success-bg-text: #14181e;
  --pst-color-info: #276be9;
  --pst-color-info-text: #ffffff;
  --pst-color-info-highlight: #124ab1;
  --sd-color-info: var(--pst-color-info);
  --sd-color-info-text: var(--pst-color-info-text);
  --sd-color-info-highlight: var(--pst-color-info-highlight);
  --sd-color-info-bg: #dce7fc;
  --sd-color-info-bg-text: #14181e;
  --pst-color-warning: #f66a0a;
  --pst-color-warning-text: #14181e;
  --pst-color-warning-highlight: #ad4a06;
  --sd-color-warning: var(--pst-color-warning);
  --sd-color-warning-text: var(--pst-color-warning-text);
  --sd-color-warning-highlight: var(--pst-color-warning-highlight);
  --sd-color-warning-bg: #f8e3d0;
  --sd-color-warning-bg-text: #14181e;
  --pst-color-danger: #d72d47;
  --pst-color-danger-text: #ffffff;
  --pst-color-danger-highlight: #9a1d30;
  --sd-color-danger: var(--pst-color-danger);
  --sd-color-danger-text: var(--pst-color-danger-text);
  --sd-color-danger-highlight: var(--pst-color-danger-highlight);
  --sd-color-danger-bg: #f9e1e4;
  --sd-color-danger-bg-text: #14181e;
  --pst-color-light: #f3f4f5;
  --pst-color-light-text: #14181e;
  --pst-color-light-highlight: #c9ced2;
  --sd-color-light: var(--pst-color-light);
  --sd-color-light-text: var(--pst-color-light-text);
  --sd-color-light-highlight: var(--pst-color-light-highlight);
  --sd-color-light-bg: #f7f7f8;
  --sd-color-light-bg-text: #14181e;
  --pst-color-muted: #29313d;
  --pst-color-muted-text: #ffffff;
  --pst-color-muted-highlight: #0a0c0f;
  --sd-color-muted: var(--pst-color-muted);
  --sd-color-muted-text: var(--pst-color-muted-text);
  --sd-color-muted-highlight: var(--pst-color-muted-highlight);
  --sd-color-muted-bg: #5a6c86;
  --sd-color-muted-bg-text: #ffffff;
  --pst-color-dark: #222832;
  --pst-color-dark-text: #ffffff;
  --pst-color-dark-highlight: #030404;
  --sd-color-dark: var(--pst-color-dark);
  --sd-color-dark-text: var(--pst-color-dark-text);
  --sd-color-dark-highlight: var(--pst-color-dark-highlight);
  --pst-color-black: #14181e;
  --pst-color-black-text: #ffffff;
  --pst-color-black-highlight: black;
  --sd-color-black: var(--pst-color-black);
  --sd-color-black-text: var(--pst-color-black-text);
  --sd-color-black-highlight: var(--pst-color-black-highlight);
  --pst-color-white: #ffffff;
  --pst-color-white-text: #14181e;
  --pst-color-white-highlight: #d9d9d9;
  --sd-color-white: var(--pst-color-white);
  --sd-color-white-text: var(--pst-color-white-text);
  --sd-color-white-highlight: var(--pst-color-white-highlight);
}

html[data-theme=dark] {
  --pst-color-primary: rgb(63, 177, 197);
  --pst-color-primary-text: #14181e;
  --pst-color-primary-highlight: #2b7e8d;
  --sd-color-primary: var(--pst-color-primary);
  --sd-color-primary-text: var(--pst-color-primary-text);
  --sd-color-primary-highlight: var(--pst-color-primary-highlight);
  --sd-color-primary-bg: #042c33;
  --sd-color-primary-bg-text: #ffffff;
  --pst-color-secondary: rgb(156, 95, 253);
  --pst-color-secondary-text: #14181e;
  --pst-color-secondary-highlight: #6d13fc;
  --sd-color-secondary: var(--pst-color-secondary);
  --sd-color-secondary-text: var(--pst-color-secondary-text);
  --sd-color-secondary-highlight: var(--pst-color-secondary-highlight);
  --sd-color-secondary-bg: #341a61;
  --sd-color-secondary-bg-text: #ffffff;
  --pst-color-success: #5fb488;
  --pst-color-success-text: #14181e;
  --pst-color-success-highlight: #3f8762;
  --sd-color-success: var(--pst-color-success);
  --sd-color-success-text: var(--pst-color-success-text);
  --sd-color-success-highlight: var(--pst-color-success-highlight);
  --sd-color-success-bg: #002f17;
  --sd-color-success-bg-text: #ffffff;
  --pst-color-info: #79a3f2;
  --pst-color-info-text: #14181e;
  --pst-color-info-highlight: #3373eb;
  --sd-color-info: var(--pst-color-info);
  --sd-color-info-text: var(--pst-color-info-text);
  --sd-color-info-highlight: var(--pst-color-info-highlight);
  --sd-color-info-bg: #06245d;
  --sd-color-info-bg-text: #ffffff;
  --pst-color-warning: #ff9245;
  --pst-color-warning-text: #14181e;
  --pst-color-warning-highlight: #f86600;
  --sd-color-warning: var(--pst-color-warning);
  --sd-color-warning-text: var(--pst-color-warning-text);
  --sd-color-warning-highlight: var(--pst-color-warning-highlight);
  --sd-color-warning-bg: #652a02;
  --sd-color-warning-bg-text: #ffffff;
  --pst-color-danger: #e78894;
  --pst-color-danger-text: #14181e;
  --pst-color-danger-highlight: #da485b;
  --sd-color-danger: var(--pst-color-danger);
  --sd-color-danger-text: var(--pst-color-danger-text);
  --sd-color-danger-highlight: var(--pst-color-danger-highlight);
  --sd-color-danger-bg: #4e111b;
  --sd-color-danger-bg-text: #ffffff;
  --pst-color-light: #f3f4f5;
  --pst-color-light-text: #14181e;
  --pst-color-light-highlight: #c9ced2;
  --sd-color-light: var(--pst-color-light);
  --sd-color-light-text: var(--pst-color-light-text);
  --sd-color-light-highlight: var(--pst-color-light-highlight);
  --sd-color-light-bg: #a3abb2;
  --sd-color-light-bg-text: #14181e;
  --pst-color-muted: #f3f4f5;
  --pst-color-muted-text: #14181e;
  --pst-color-muted-highlight: #c9ced2;
  --sd-color-muted: var(--pst-color-muted);
  --sd-color-muted-text: var(--pst-color-muted-text);
  --sd-color-muted-highlight: var(--pst-color-muted-highlight);
  --sd-color-muted-bg: #1d222b;
  --sd-color-muted-bg-text: #ffffff;
  --pst-color-dark: #222832;
  --pst-color-dark-text: #ffffff;
  --pst-color-dark-highlight: #030404;
  --sd-color-dark: var(--pst-color-dark);
  --sd-color-dark-text: var(--pst-color-dark-text);
  --sd-color-dark-highlight: var(--pst-color-dark-highlight);
  --pst-color-black: #14181e;
  --pst-color-black-text: #ffffff;
  --pst-color-black-highlight: black;
  --sd-color-black: var(--pst-color-black);
  --sd-color-black-text: var(--pst-color-black-text);
  --sd-color-black-highlight: var(--pst-color-black-highlight);
  --pst-color-white: #ffffff;
  --pst-color-white-text: #14181e;
  --pst-color-white-highlight: #d9d9d9;
  --sd-color-white: var(--pst-color-white);
  --sd-color-white-text: var(--pst-color-white-text);
  --sd-color-white-highlight: var(--pst-color-white-highlight);
}

html[data-theme=light] {
  --sd-color-card-border: var(--pst-color-border);
}

html[data-theme=dark] {
  --sd-color-card-border: var(--pst-color-border);
}

/*******************************************************************************
  * shadows
  */
html[data-theme=light] .sd-shadow-xs,
html[data-theme=light] .sd-shadow-sm,
html[data-theme=light] .sd-shadow-md,
html[data-theme=light] .sd-shadow-lg {
  box-shadow: 0 0.2rem 0.5rem var(--pst-color-shadow), 0 0 0.0625rem var(--pst-color-shadow) !important;
}

/*******************************************************************************
  * cards
  */
.bd-content .sd-card {
  border: 1px solid var(--pst-color-border);
}
.bd-content .sd-card .sd-card-header {
  background-color: var(--pst-color-panel-background);
  border-bottom: 1px solid var(--pst-color-border);
}
.bd-content .sd-card .sd-card-footer {
  background-color: var(--pst-color-panel-background);
  border-top: 1px solid var(--pst-color-border);
}
.bd-content .sd-card .sd-card-body {
  background-color: var(--pst-color-panel-background);
}

/*******************************************************************************
  * tabs
  */
.bd-content .sd-tab-set > input:checked + label {
  border-color: transparent transparent var(--pst-color-primary);
  color: var(--pst-color-primary);
}
.bd-content .sd-tab-set > input:not(:checked) + label:hover {
  border-color: var(--pst-color-secondary);
  color: var(--pst-color-secondary);
}
.bd-content .sd-tab-set > label {
  color: var(--pst-color-text-muted);
  border-top: 0.125rem solid transparent;
  padding-top: 0.5em;
}
html .bd-content .sd-tab-set > label:hover {
  color: var(--pst-color-secondary);
  border-color: var(--pst-color-secondary);
}

/*******************************************************************************
* Dropdowns
*/
details.sd-dropdown {
  border: 0px !important;
  box-shadow: 0 0.2rem 0.5rem var(--pst-color-shadow), 0 0 0.0625rem var(--pst-color-shadow) !important;
}
details.sd-dropdown summary.sd-card-header {
  border: 0 !important;
}
details.sd-dropdown summary.sd-card-header + div.sd-summary-content {
  border: 0;
}
details.sd-dropdown summary.sd-card-header {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 600;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --pst-sd-dropdown-color: var(--pst-gray-500);
  --pst-sd-dropdown-bg-color: var(--pst-color-surface);
  background-color: var(--pst-sd-dropdown-bg-color) !important;
  border-left: 0.2rem solid var(--pst-sd-dropdown-color) !important;
}
details.sd-dropdown summary.sd-card-header + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-card-border);
}
details.sd-dropdown summary.sd-card-header.sd-bg-primary {
  --pst-sd-dropdown-color: var(--sd-color-primary);
  --pst-sd-dropdown-bg-color: var(--sd-color-primary-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-primary + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-primary);
  --pst-sd-dropdown-bg-color: var(--sd-color-primary-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-primary {
  color: var(--sd-color-primary-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-secondary {
  --pst-sd-dropdown-color: var(--sd-color-secondary);
  --pst-sd-dropdown-bg-color: var(--sd-color-secondary-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-secondary + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-secondary);
  --pst-sd-dropdown-bg-color: var(--sd-color-secondary-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-secondary {
  color: var(--sd-color-secondary-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-success {
  --pst-sd-dropdown-color: var(--sd-color-success);
  --pst-sd-dropdown-bg-color: var(--sd-color-success-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-success + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-success);
  --pst-sd-dropdown-bg-color: var(--sd-color-success-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-success {
  color: var(--sd-color-success-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-info {
  --pst-sd-dropdown-color: var(--sd-color-info);
  --pst-sd-dropdown-bg-color: var(--sd-color-info-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-info + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-info);
  --pst-sd-dropdown-bg-color: var(--sd-color-info-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-info {
  color: var(--sd-color-info-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-warning {
  --pst-sd-dropdown-color: var(--sd-color-warning);
  --pst-sd-dropdown-bg-color: var(--sd-color-warning-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-warning + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-warning);
  --pst-sd-dropdown-bg-color: var(--sd-color-warning-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-warning {
  color: var(--sd-color-warning-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-danger {
  --pst-sd-dropdown-color: var(--sd-color-danger);
  --pst-sd-dropdown-bg-color: var(--sd-color-danger-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-danger + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-danger);
  --pst-sd-dropdown-bg-color: var(--sd-color-danger-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-danger {
  color: var(--sd-color-danger-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-light {
  --pst-sd-dropdown-color: var(--sd-color-light);
  --pst-sd-dropdown-bg-color: var(--sd-color-light-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-light + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-light);
  --pst-sd-dropdown-bg-color: var(--sd-color-light-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-light {
  color: var(--sd-color-light-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-muted {
  --pst-sd-dropdown-color: var(--sd-color-muted);
  --pst-sd-dropdown-bg-color: var(--sd-color-muted-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-muted + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-muted);
  --pst-sd-dropdown-bg-color: var(--sd-color-muted-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-muted {
  color: var(--sd-color-muted-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-dark {
  --pst-sd-dropdown-color: var(--sd-color-dark);
  --pst-sd-dropdown-bg-color: var(--sd-color-dark-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-dark + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-dark);
  --pst-sd-dropdown-bg-color: var(--sd-color-dark-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-dark {
  color: var(--sd-color-dark-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-black {
  --pst-sd-dropdown-color: var(--sd-color-black);
  --pst-sd-dropdown-bg-color: var(--sd-color-black-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-black + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-black);
  --pst-sd-dropdown-bg-color: var(--sd-color-black-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-black {
  color: var(--sd-color-black-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header.sd-bg-white {
  --pst-sd-dropdown-color: var(--sd-color-white);
  --pst-sd-dropdown-bg-color: var(--sd-color-white-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-white + div.sd-summary-content {
  --pst-sd-dropdown-color: var(--sd-color-white);
  --pst-sd-dropdown-bg-color: var(--sd-color-white-bg);
}
details.sd-dropdown summary.sd-card-header.sd-bg-text-white {
  color: var(--sd-color-white-bg-text) !important;
}
details.sd-dropdown summary.sd-card-header:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
}
details.sd-dropdown summary.sd-card-header + div.sd-summary-content {
  border-left: 0.2rem solid var(--pst-sd-dropdown-color) !important;
  border-bottom-left-radius: calc(0.25rem - 1px);
  background-color: var(--pst-color-on-background);
}
details.sd-dropdown summary.sd-card-header span.sd-summary-icon {
  display: inline-flex;
  align-items: center;
  color: var(--pst-sd-dropdown-color) !important;
}
details.sd-dropdown summary.sd-card-header span.sd-summary-icon svg {
  opacity: 1;
}
details.sd-dropdown summary.sd-card-header .sd-summary-up,
details.sd-dropdown summary.sd-card-header .sd-summary-down {
  top: 0.7rem;
}

/**
 * Sphinx togglebutton
 */
.bd-content .admonition button.toggle-button {
  color: inherit;
}
.bd-content details.toggle-details summary {
  border-left: 3px solid var(--pst-color-primary);
}

/*# sourceMappingURL=pydata-sphinx-theme.scss.css.map */