:root {
  --docs-text: #1e1e22;
  --docs-muted: #66666f;
  --docs-border: #dedee3;
  --docs-surface: #f7f7f9;
  --docs-header: #27282c;
  --docs-accent: #8051ff;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--docs-accent);
  --md-primary-fg-color--dark: #6939e8;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: var(--docs-muted);
  --md-accent-fg-color: var(--docs-accent);
  --md-typeset-a-color: #6840d8;
  --md-code-bg-color: #f4f4f6;
  --md-code-fg-color: #292932;
}

body {
  color: var(--docs-text);
  font-family: system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif;
}

.md-header,
.md-tabs {
  background: var(--docs-header);
  color: #fff;
}

.md-header {
  box-shadow: none;
}

.md-header__button,
.md-header__topic,
.md-header__source,
.md-tabs__link {
  color: #f3f3f5;
}

.md-header__button:hover,
.md-header__topic:hover,
.md-header__source:hover,
.md-tabs__link:hover {
  color: #fff;
}

.md-tabs__link--active,
.md-tabs__link--active:hover {
  color: #fff;
  border-bottom: 2px solid var(--docs-accent);
}

.md-main {
  background: #fff;
}

.md-grid {
  max-width: 92rem;
}

.md-sidebar {
  border-color: var(--docs-border);
}

.md-sidebar--primary {
  border-right: 1px solid var(--docs-border);
}

.md-sidebar--secondary {
  border-left: 1px solid var(--docs-border);
}

.md-nav__title {
  color: var(--docs-text);
  font-weight: 600;
}

.md-nav__link {
  color: #34343b;
  line-height: 1.55;
}

.md-nav__link:hover {
  color: var(--docs-accent);
}

.md-nav--primary .md-nav__link--active {
  margin-inline: -.6rem;
  padding: .5rem .6rem .5rem 1.2rem;
  background: var(--docs-accent);
  color: #fff;
  font-weight: 600;
}

.md-nav--primary .md-nav__link--active:hover {
  color: #fff;
}

.md-nav--secondary > .md-nav__list {
  border-left: 1px solid var(--docs-border);
}

.md-nav--secondary .md-nav__link--active {
  border-left: 2px solid var(--docs-accent);
  margin-left: -1px;
  color: var(--docs-text);
  font-weight: 500;
}

.md-content__inner {
  max-width: 54rem;
  padding: 1.5rem 2rem 4rem;
  margin-inline: auto;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--docs-text);
  letter-spacing: -.025em;
}

.md-typeset h1 {
  margin-bottom: 1.5rem;
  font-size: 2.4rem;
  font-weight: 650;
  line-height: 1.2;
}

.md-typeset h2 {
  margin-top: 3rem;
  font-size: 1.8rem;
  font-weight: 620;
}

.md-typeset h3 {
  margin-top: 2rem;
  font-size: 1.2rem;
  font-weight: 600;
}

.md-typeset {
  font-size: .92rem;
  line-height: 1.7;
}

.md-typeset a:not(.md-button):not(.headerlink) {
  text-underline-offset: .2em;
}

.md-typeset a:not(.md-button):not(.headerlink):hover {
  color: var(--docs-accent);
}

.md-typeset hr {
  border-bottom-color: var(--docs-border);
}

.md-typeset pre > code,
.md-typeset .highlight > pre {
  border: 1px solid var(--docs-border);
  border-radius: .3rem;
}

.md-typeset table:not([class]) {
  border-color: var(--docs-border);
  border-radius: .3rem;
}

.md-typeset .admonition,
.md-typeset details {
  background: var(--docs-surface);
  border-color: #c9c4d8;
}

.md-typeset .grid.cards > ul > li {
  background: #fff;
  border-color: var(--docs-border);
  border-radius: .3rem;
  box-shadow: none;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: #b6a1ff;
  box-shadow: 0 2px 10px #27282c12;
}

.md-typeset .grid.cards hr {
  border-color: var(--docs-border);
}

:focus-visible {
  outline: 2px solid var(--docs-accent);
  outline-offset: 3px;
}

@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    width: 16rem;
  }

  .md-sidebar--secondary {
    width: 14rem;
  }
}

@media screen and (max-width: 59.9375em) {
  .md-content__inner {
    padding: 1rem 1.2rem 3rem;
  }

  .md-typeset h1 {
    font-size: 2rem;
  }
}
