.embla {
  --slides-to-show:3;
  --slides-to-show-tablet:2;
  --slides-to-show-mobile:1;
  overflow:hidden
}
.embla__container {
  display:flex
}
.embla__slide {
  flex:0 0 calc(100%/var(--slides-to-show));
  min-width:0;
  padding:1rem
}
@media (max-width:1024px) {
  .embla__slide {
    flex:0 0 calc(100%/var(--slides-to-show-tablet))
  }
}
@media (max-width:600px) {
  .embla__slide {
    flex:0 0 calc(100%/var(--slides-to-show-mobile))
  }
}
.theme-light {
  --brand-primary:#2f70c1;
  --brand-secondary:#7461c3;
  --brand-alternative:#137886;
  --background-site:#f9f9f9;
  --background-code:#f4f4f4;
  --text-body:#36313d;
  --text-comment:#635e69;
  --text-high-contrast:#313131;
  --text-medium-contrast:#635e69;
  --text-low-contrast:#746d76;
  --detail-high-contrast:silver;
  --detail-medium-contrast:#eaeaea;
  --detail-low-contrast:#f0f0f2;
  --admonition-note:#2e6dbc;
  --admonition-warning:#ffc409;
  --admonition-danger:#dc2626;
  --brand-primary-rgb-value:47,112,193;
  --brand-secondary-rgb-value:116,97,195;
  --brand-alternative-rgb-value:19,120,134;
  --background-site-rgb-value:249,249,249;
  --background-code-rgb-value:244,244,244;
  --text-body-rgb-value:54,49,61;
  --text-comment-rgb-value:99,94,105;
  --text-high-contrast-rgb-value:49,49,49;
  --text-medium-contrast-rgb-value:99,94,105;
  --text-low-contrast-rgb-value:116,109,118;
  --detail-high-contrast-rgb-value:192,192,192;
  --detail-medium-contrast-rgb-value:234,234,234;
  --detail-low-contrast-rgb-value:240,240,242;
  --admonition-note-rgb-value:46,109,188;
  --admonition-warning-rgb-value:255,196,9;
  --admonition-danger-rgb-value:220,38,38
}
.theme-dark {
  --brand-primary:#8ab4f8;
  --brand-secondary:#c1a8e2;
  --brand-alternative:#88babf;
  --background-site:#000;
  --background-code:#0c0c0c;
  --text-body:#dedede;
  --text-comment:#aaa;
  --text-high-contrast:#e6e6e6;
  --text-medium-contrast:#cacaca;
  --text-low-contrast:#aaa;
  --detail-high-contrast:#656565;
  --detail-medium-contrast:#191919;
  --detail-low-contrast:#151515;
  --admonition-note:#8ab4f8;
  --admonition-warning:#fdba74;
  --admonition-danger:#dc2626;
  --brand-primary-rgb-value:138,180,248;
  --brand-secondary-rgb-value:193,168,226;
  --brand-alternative-rgb-value:136,186,191;
  --background-site-rgb-value:0,0,0;
  --background-code-rgb-value:12,12,12;
  --text-body-rgb-value:222,222,222;
  --text-comment-rgb-value:170,170,170;
  --text-high-contrast-rgb-value:230,230,230;
  --text-medium-contrast-rgb-value:202,202,202;
  --text-low-contrast-rgb-value:170,170,170;
  --detail-high-contrast-rgb-value:101,101,101;
  --detail-medium-contrast-rgb-value:25,25,25;
  --detail-low-contrast-rgb-value:21,21,21;
  --admonition-note-rgb-value:138,180,248;
  --admonition-warning-rgb-value:253,186,116;
  --admonition-danger-rgb-value:220,38,38
}
.embla__controls {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-top:1.8rem
}
.embla__buttons {
  align-items:center;
  display:flex;
  gap:.6rem
}
.embla__button {
  -webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);
  align-items:center;
  -webkit-appearance:none;
  appearance:none;
  background-color:transparent;
  border:0;
  border-radius:50%;
  box-shadow:inset 0 0 0 .2rem rgb(var(--detail-medium-contrast-rgb-value));
  color:var(--detail-low-contrast);
  cursor:pointer;
  display:inline-flex;
  display:flex;
  height:2.6rem;
  justify-content:center;
  margin:0;
  padding:0;
  text-decoration:none;
  touch-action:manipulation;
  width:2.6rem;
  z-index:1
}
.embla__button:disabled {
  color:var(--detail-high-contrast)
}
.embla__button__svg {
  height:35%;
  width:35%
}
.embla__dots {
  display:flex;
  flex-wrap:wrap;
  margin-right:-.6rem
}
.embla__dot,
.embla__dots {
  align-items:center;
  justify-content:center
}
.embla__dot {
  -webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);
  -webkit-appearance:none;
  appearance:none;
  background-color:transparent;
  border:0;
  cursor:pointer;
  display:inline-flex;
  height:1.6rem;
  margin:0;
  padding:0;
  text-decoration:none;
  touch-action:manipulation;
  width:1.6rem
}
.embla__dot,
.embla__dot:after {
  border-radius:50%;
  display:flex
}
.embla__dot:after {
  align-items:center;
  content:"";
  height:1.2rem;
  width:1.2rem
}
.embla__dot--selected:after,
.embla__dot:after {
  box-shadow:inset 0 0 0 .2rem var(--detail-low-contrast)
}
.embla__dot--selected:after {
  background-color:var(--detail-low-contrast)
}
