[data-md-color-scheme="default"] {
  --md-primary-fg-color: rgb(243, 246, 253);
  --md-primary-bg-color: rgb(2, 81, 175);
  --md-primary-fg-color--dark: rgb(243, 246, 253);

  --md-accent-fg-color: rgb(2, 81, 175);

  --md-default-fg-color: rgb(28, 30, 33);
  --md-default-fg-color--light: rgb(28, 30, 33);
  --md-default-fg-color--lighter: #00000052;
  --md-default-fg-color--lightest: #00000012;

  --md-default-bg-color: rgb(239, 243, 252);
  --md-default-bg-color--light: #e8eefb;
  --md-default-bg-color--lighter: #eff3fc;
  --md-default-bg-color--lightest: #f5f8fd;

  --md-footer-fg-color: rgb(2, 81, 175);
  --md-footer-fg-color--light: rgb(28, 30, 33);
  --md-footer-fg-color--lighter: rgb(28, 30, 33);
  --md-footer-bg-color: rgb(232, 238, 251);
  --md-footer-bg-color--dark: #00000052;
  --md-typeset-a-color: rgb(2, 81, 175);

  --md-typeset-table-color--light: #e8eefb;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: rgb(3, 20, 43);
  --md-primary-bg-color: rgb(251, 175, 70);

  --md-accent-fg-color: rgb(251, 175, 70);

  --md-default-fg-color: rgb(227, 227, 227);
  --md-default-fg-color--light: rgb(227, 227, 227);
  --md-default-fg-color--lighter: rgb(237, 237, 237);
  --md-default-fg-color--lightest: rgb(3, 20, 43);

  --md-default-bg-color: rgb(3, 20, 43);
  --md-code-bg-color: rgb(0, 42, 77);
  --md-typeset-color: rgb(227, 227, 227);

  --md-footer-fg-color: rgb(251, 175, 70);
  --md-footer-fg-color--light: rgb(227, 227, 227);
  --md-footer-fg-color--lighter: rgb(227, 227, 227);
  --md-footer-bg-color: rgb(3, 20, 43);
  --md-footer-bg-color--dark: #00000052;
  --md-typeset-a-color: rgb(251, 175, 70) !important;
  --md-typeset-a-color--hover: rgb(251, 175, 70) !important;

  --md-footer-meta-bg-color: rgb(232, 238, 251);
  --md-typeset-table-color--light: rgb(0, 42, 77);
  --md-code-fg-color: rgb(248, 248, 242);
}

[data-md-color-primary="black"] .md-header {
  background-color: var(--md-primary-fg-color) !important;
}

[data-md-color-scheme="default"] .md-search__form {
  background-color: rgb(236, 237, 240);
  color: var(--md-primary-bg-color);
}

[data-md-color-scheme="default"] .md-search__form:hover {
  background-color: rgb(236, 237, 240);
}

[data-md-color-scheme="slate"] .md-search__form {
  background-color: rgb(0, 42, 77);
  color: var(--md-primary-bg-color) !important;
}

[data-md-color-scheme="slate"] .md-search__form:hover {
  background-color: rgb(0, 42, 77);
}

[data-md-color-scheme="default"] .md-search__input::placeholder {
  color: #9ea2a8;
}

[data-md-color-scheme="slate"] .md-search__input::placeholder {
  color: #59616b;
}

.md-footer {
  box-shadow: 0 0 0.2rem #0000001a, 0 0.2rem 0.4rem #0003;
  background-color: var(--md-footer-bg-color);
  color: var(--md-default-fg-color);
}

.md-footer-meta {
  background-color: var(--md-footer-bg-color);
}

.md-footer__link {
  color: var(--md-default-fg-color);
}

.md-footer__link:hover {
  color: var(--md-typeset-a-color);
}

html [data-md-color-primary="black"] .md-nav--primary .md-nav__title[for="__drawer"] {
  background-color: var(--md-default-bg-color);
}

[data-md-color-scheme="default"] .logo-dark {
  display: none !important;
}

[data-md-color-scheme="slate"] .logo-light {
  display: none !important;
}

.md-sidebar--primary .md-nav__link--active {
  font-weight: 700;
  border-radius: 0.25rem;
}

.md-sidebar--primary .md-nav__link {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link--active {
  background-color: rgb(220, 226, 238);
}

[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__link--active {
  background-color: rgb(12, 31, 54);
}

.md-nav__title {
  font-size: 0 !important;
}

.md-nav__title img {
  font-size: initial !important;
}

.md-header__ellipsis > :first-child {
  display: none !important;
}

[data-md-color-scheme="default"] code {
  background-color: rgb(246, 248, 250) !important;
}

.md-typeset .mermaid {
  text-align: center;
}

.md-typeset .mermaid svg {
  max-width: 100%;
}

.md-typeset .mermaid .label,
.md-typeset .mermaid .cluster-label,
.md-typeset .mermaid .edgeLabel,
.md-typeset .mermaid .nodeLabel,
.md-typeset .mermaid .messageText,
.md-typeset .mermaid .noteText,
.md-typeset .mermaid .loopText,
.md-typeset .mermaid .labelText,
.md-typeset .mermaid .actor > text,
.md-typeset .mermaid .sectionTitle,
.md-typeset .mermaid .taskText,
.md-typeset .mermaid .taskTextOutsideRight,
.md-typeset .mermaid .taskTextOutsideLeft {
  color: var(--md-default-fg-color) !important;
  fill: var(--md-default-fg-color) !important;
}

.md-typeset .mermaid .edgeLabel rect,
.md-typeset .mermaid .labelBox,
.md-typeset .mermaid .labelBkg,
.md-typeset .mermaid .loopText > tspan,
.md-typeset .mermaid .note,
.md-typeset .mermaid .note rect {
  fill: var(--md-default-bg-color) !important;
  opacity: 0.95;
}

.md-typeset .mermaid .node rect,
.md-typeset .mermaid .node polygon,
.md-typeset .mermaid .node circle,
.md-typeset .mermaid .node ellipse,
.md-typeset .mermaid .node path,
.md-typeset .mermaid .actor,
.md-typeset .mermaid .note,
.md-typeset .mermaid .label-container {
  fill: var(--md-footer-bg-color) !important;
  stroke: var(--md-typeset-a-color) !important;
  stroke-width: 1.1px !important;
}

.md-typeset .mermaid .cluster rect {
  fill: var(--md-footer-bg-color) !important;
  stroke: var(--md-typeset-a-color) !important;
  opacity: 0.6;
}

.md-typeset .mermaid .node rect,
.md-typeset .mermaid .node polygon,
.md-typeset .mermaid .node circle,
.md-typeset .mermaid .node path {
  rx: 8px;
  ry: 8px;
}

[data-md-color-scheme="slate"] .md-typeset .mermaid .label,
[data-md-color-scheme="slate"] .md-typeset .mermaid .cluster-label,
[data-md-color-scheme="slate"] .md-typeset .mermaid .edgeLabel,
[data-md-color-scheme="slate"] .md-typeset .mermaid .nodeLabel,
[data-md-color-scheme="slate"] .md-typeset .mermaid .messageText,
[data-md-color-scheme="slate"] .md-typeset .mermaid .noteText,
[data-md-color-scheme="slate"] .md-typeset .mermaid .loopText,
[data-md-color-scheme="slate"] .md-typeset .mermaid .labelText,
[data-md-color-scheme="slate"] .md-typeset .mermaid .sectionTitle,
[data-md-color-scheme="slate"] .md-typeset .mermaid .taskText,
[data-md-color-scheme="slate"] .md-typeset .mermaid .taskTextOutsideRight,
[data-md-color-scheme="slate"] .md-typeset .mermaid .taskTextOutsideLeft,
[data-md-color-scheme="slate"] .md-typeset .mermaid text,
[data-md-color-scheme="slate"] .md-typeset .mermaid tspan {
  color: var(--md-default-fg-color) !important;
  fill: var(--md-default-fg-color) !important;
}

[data-md-color-scheme="slate"] .md-typeset .mermaid .node rect,
[data-md-color-scheme="slate"] .md-typeset .mermaid .node polygon,
[data-md-color-scheme="slate"] .md-typeset .mermaid .node circle,
[data-md-color-scheme="slate"] .md-typeset .mermaid .node ellipse,
[data-md-color-scheme="slate"] .md-typeset .mermaid .node path,
[data-md-color-scheme="slate"] .md-typeset .mermaid .actor,
[data-md-color-scheme="slate"] .md-typeset .mermaid .note,
[data-md-color-scheme="slate"] .md-typeset .mermaid .label-container {
  fill: rgb(6, 48, 86) !important;
  stroke: var(--md-primary-bg-color) !important;
  stroke-width: 1.25px !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.18));
}

[data-md-color-scheme="slate"] .md-typeset .mermaid .cluster rect {
  fill: rgb(8, 25, 46) !important;
  stroke: var(--md-primary-bg-color) !important;
  stroke-width: 1.1px !important;
  opacity: 0.72;
}

[data-md-color-scheme="slate"] .md-typeset .mermaid .edgeLabel rect,
[data-md-color-scheme="slate"] .md-typeset .mermaid .labelBkg,
[data-md-color-scheme="slate"] .md-typeset .mermaid .labelBox,
[data-md-color-scheme="slate"] .md-typeset .mermaid .loopText > tspan,
[data-md-color-scheme="slate"] .md-typeset .mermaid .note,
[data-md-color-scheme="slate"] .md-typeset .mermaid .note rect,
[data-md-color-scheme="slate"] .md-typeset .mermaid .actor,
[data-md-color-scheme="slate"] .md-typeset .mermaid .actor rect {
  fill: rgb(3, 20, 43) !important;
  stroke: var(--md-primary-bg-color) !important;
}

[data-md-color-scheme="slate"] .md-typeset .mermaid .edgePath .path,
[data-md-color-scheme="slate"] .md-typeset .mermaid .flowchart-link,
[data-md-color-scheme="slate"] .md-typeset .mermaid .messageLine0,
[data-md-color-scheme="slate"] .md-typeset .mermaid .messageLine1,
[data-md-color-scheme="slate"] .md-typeset .mermaid .actor-line,
[data-md-color-scheme="slate"] .md-typeset .mermaid .loopLine {
  stroke: var(--md-primary-bg-color) !important;
}

[data-md-color-scheme="slate"] .md-typeset .mermaid marker path,
[data-md-color-scheme="slate"] .md-typeset .mermaid .arrowheadPath {
  fill: var(--md-primary-bg-color) !important;
  stroke: var(--md-primary-bg-color) !important;
}