@media screen and (min-width: 76.25em) {
  .md-main__inner {
    max-width: 67rem;
  }
}

:root {
  --six-transition-duration: 196ms;
  --six-default-ease: cubic-bezier(0.85, 0.09, 0.15, 0.91);
  --six-border-radius: 1em;
  --six-bg-noise: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' xmlns:xlink='http://www.w3.org/1999/xlink'><filter id='noice'><feTurbulence type='fractalNoise' baseFrequency='1.24' numOctaves='4' stitchTiles='stitch'></feTurbulence><feColorMatrix type='saturate' values='0'></feColorMatrix><feComponentTransfer><feFuncR type='linear' slope='0.46'></feFuncR><feFuncG type='linear' slope='0.46'></feFuncG><feFuncB type='linear' slope='0.46'></feFuncB><feFuncA type='linear' slope='0.56'></feFuncA></feComponentTransfer><feComponentTransfer><feFuncR type='linear' slope='1.47' intercept='-0.23' /><feFuncG type='linear' slope='1.47' intercept='-0.23' /><feFuncB type='linear' slope='1.47' intercept='-0.23' /></feComponentTransfer></filter><rect width='50' height='50' filter='url(#noice)'></rect></svg>");
}

[data-md-color-scheme="default"] {
  --six-text-color: rgb(10 10 10 / 0.97);
  --six-inverse-text-color: rgb(245 245 245 / 0.95);
  --six-card-color: #dfdee9;
  --six-shadow-color: #0f0f0f3f;
  --six-highlight-color: color-mix(
    in srgb,
    var(--six-text-color),
    var(--md-primary-fg-color) 50%
  );
  --six-noise-card-color: color-mix(
    in srgb,
    var(--six-card-color),
    transparent 23%
  );
  --six-noise-background-color: color-mix(
    in srgb,
    var(--md-default-bg-color),
    transparent 18%
  );

  --md-primary-fg-color: #7e3ddf;
  --md-primary-fg-color--light: #7e3ddf;
  --md-primary-fg-color--dark: #7e3ddf;
  --md-accent-fg-color: #7e3ddf;
  --md-default-bg-color: #f8f7fa;
}

[data-md-color-scheme="slate"] {
  --six-text-color: rgb(245 245 245 / 0.95);
  --six-inverse-text-color: rgb(10 10 10 / 0.97);
  --six-card-color: #1d1b22;
  --six-shadow-color: #0e0e0ea1;
  --six-highlight-color: color-mix(
    in srgb,
    var(--md-primary-fg-color),
    var(--six-text-color) 60%
  );
  --six-noise-card-color: color-mix(
    in srgb,
    var(--six-card-color),
    transparent 12%
  );
  --six-noise-background-color: color-mix(
    in srgb,
    var(--md-default-bg-color),
    transparent 7%
  );

  --md-primary-fg-color: #8d54e2;
  --md-primary-fg-color--light: #8d54e2;
  --md-primary-fg-color--dark: #8d54e2;
  --md-accent-fg-color: #8d54e2;
  --md-default-bg-color: #0c0d13;
}

[data-md-color-scheme] {
  --six-text-muted: color-mix(
    in srgb,
    var(--six-text-color),
    var(--six-inverse-text-color) 20%
  );
  --six-card-background-noise:
    linear-gradient(var(--six-noise-card-color), var(--six-noise-card-color)),
    var(--six-bg-noise);

  --md-primary-bg-color: var(--six-text-color);
  --md-primary-bg-color--light: var(--six-text-muted);
  --md-default-fg-color: var(--six-text-color);
  --md-typeset-a-color: var(--six-highlight-color);
  --md-code-bg-color: color-mix(
    in srgb,
    var(--six-card-color),
    transparent 75%
  );
  --md-footer-fg-color: var(--six-text-color);
  --md-footer-fg-color--light: var(--six-text-muted);
  --md-footer-fg-color--lighter: var(--six-text-muted);
  --md-footer-bg-color: var(--six-card-color);
  --md-footer-bg-color--dark: transparent;
}

body {
  background-image:
    linear-gradient(
      var(--six-noise-background-color),
      var(--six-noise-background-color)
    ),
    var(--six-bg-noise);
}

header[data-md-component="header"],
nav[data-md-component="tabs"],
footer {
  background-color: var(--six-card-color);
  background-image: var(--six-card-background-noise);
  color: var(--six-text-color);
}

nav[data-md-component="tabs"],
footer {
  position: relative;
  box-shadow: 0 0 0.25em var(--six-shadow-color);
}

nav[data-md-component="tabs"] a {
  font-weight: bold;
  opacity: 1;
}

header[data-md-component="header"] :is(a, label):is(:hover, :focus-visible),
nav[data-md-component="tabs"] a:is(:hover, :focus-visible),
footer a:is(:hover, :focus-visible) {
  color: var(--md-primary-fg-color);
  opacity: 1;
}

form[name="search"] {
  border-radius: 0.5rem;
}

input[data-md-component="search-query"] {
  border: thin solid color-mix(in srgb, var(--six-text-color), transparent 90%);
  border-radius: 0.5rem;
  box-shadow: 0 0 0.25em 0 rgb(0 0 0 / 0.25);
  outline: thin solid transparent;
  transition: all var(--six-transition-duration) var(--six-default-ease);
}

input[data-md-component="search-query"]:is(:hover, :focus-visible) {
  outline: medium solid var(--md-primary-fg-color);
}

.md-typeset a {
  position: relative;
  transition: color var(--six-transition-duration) var(--six-default-ease);
}

.md-typeset a:is(:hover, :focus-visible) {
  color: color-mix(
    in srgb,
    var(--md-primary-fg-color),
    var(--six-text-color) 75%
  );
}

.md-typeset a:not(.md-button)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: thin solid currentColor;
  scale: 0 1;
  transition: scale var(--six-transition-duration) var(--six-default-ease);
}

.md-typeset a:not(.md-button):is(:hover, :focus-visible)::after {
  scale: 1 1;
}

.md-typeset .md-button {
  border: none;
  border-radius: 100vw;
  color: var(--six-text-color);
  background-color: color-mix(
    in srgb,
    var(--md-primary-fg-color),
    transparent 80%
  );
  box-shadow: 0 0 0.25em 0 rgb(0 0 0 / 0.25);
  outline: thin solid transparent;
  transition: all var(--six-transition-duration) var(--six-default-ease);
}

.md-typeset .md-button:is(:hover, :focus) {
  border: none;
  outline: medium solid var(--md-primary-fg-color);
  box-shadow: 0 0 1.3em -0.4em var(--md-primary-fg-color);
  color: var(--md-primary-fg-color);
  background-color: color-mix(
    in srgb,
    var(--md-primary-fg-color),
    transparent 60%
  );
}

.md-typeset .six-download-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  width: fit-content;
  margin: 1em auto;
  padding: 0.5em 1.5em;
  font-size: 1.6em;
  font-weight: bold;
  background-color: color-mix(
    in srgb,
    var(--md-primary-fg-color),
    transparent 30%
  );
}

.md-typeset .six-download-button:is(:hover, :focus-visible) {
  background-color: color-mix(
    in srgb,
    var(--six-inverse-text-color),
    transparent 60%
  );
}

.md-typeset .six-download-button svg {
  height: 1em;
  fill: currentColor;
}

.md-typeset .six-download-button em {
  font-size: 0.8em;
  opacity: 0.75;
}

.md-typeset code {
  border: thin solid color-mix(in srgb, var(--six-text-color), transparent 75%);
  border-radius: 0.5em;
  box-shadow: inset 0 0 0.4em 0
    color-mix(in srgb, var(--six-shadow-color), transparent 80%);
}

.md-typeset pre > code {
  padding: 1em;
}

.md-typeset :is(.admonition, details) {
  border-radius: var(--six-border-radius);
  background-color: var(--six-card-color);
  background-image: var(--six-card-background-noise);
  box-shadow: 0 0.25em 0.5em 0 var(--six-shadow-color);
}

.md-typeset table:not([class]) {
  border: thin solid color-mix(in srgb, var(--six-text-color), transparent 75%);
  border-radius: 0.5em;
}

.md-typeset table:not([class]) th {
  background-color: color-mix(in srgb, var(--six-text-color), transparent 90%);
}

.md-typeset table:not([class]) tbody tr:nth-child(even) {
  background-color: color-mix(in srgb, var(--six-text-color), transparent 95%);
}

.md-typeset blockquote {
  border-left: medium solid
    color-mix(in srgb, var(--md-primary-fg-color), transparent 50%);
  border-radius: 0 0.5em 0.5em 0;
  width: fit-content;
  margin-left: 1em;
  background-color: var(--md-admonition-bg-color);
  padding: 0 1em;
}
