@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300..700&display=swap');

@font-face {
  font-family: "Suisse Intl Mono";
  src: url("https://cdn.jsdelivr.net/gh/Pmejna/font-host/SuisseIntlMono-Regular.otf") format("opentype");
}

:root {
  --color-extropic-orange: #ff6a13;
  --color-extropic-orange-bright: #D67516;
  --color-extropic-orange-highlight: rgba(255, 106, 19, 0.15);
  --color-extropic-gray: #707473;
  --color-extropic-gray-dark: #757A79;
  color-scheme: dark;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0a0a0a;
  --md-default-fg-color: #f0f0f0;
  --md-typeset-color: #e8e8e8;
}

[data-md-color-scheme="default"] {
    --md-typeset-a-color: var(--color-extropic-orange) !important;
}
[data-md-color-scheme="slate"] {
    --md-typeset-a-color: var(--color-extropic-orange) !important;
}

html {
    scroll-padding-top: 50px;
}

div.md-header__source {
    width: revert;
    max-width: revert;
}

a.md-source {
    display: inline-block;
}

.md-source__repository {
    max-width: 100%;
}

nav.md-nav {
  padding-left: 5px;
}

nav.md-nav--secondary {
    border-left: revert !important;
}

.md-nav__title {
  font-size: 0.9rem;
  font-family: "Suisse Intl Mono", monospace;
}

.md-nav__item--section > .md-nav__link {
  font-size: 0.9rem;
  font-family: "Suisse Intl Mono", monospace;
}

.md-nav__link:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

div.doc-contents {
  padding-left: 25px;
  border-left: 4px solid rgba(230, 230, 230);
}

[data-md-color-scheme="default"] .md-typeset hr {
    border-bottom-color: rgb(0, 0, 0);
    border-bottom-width: 1pt;
}

[data-md-color-scheme="slate"] .md-typeset hr {
    border-bottom-color: rgb(230, 230, 230);
}

.md-main__inner {
  margin-bottom: 1.5rem;
}

.md-footer__inner {
    display: none;
}

html {
    font-size: 110%;
}

.md-typeset code, .md-typeset pre, .md-typeset kbd {
    font-family: "Suisse Intl Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.md-typeset h1 {
    font-family: "Cormorant", serif;
    font-weight: 500;
    letter-spacing: -0.5px;
    font-size: 1.8rem;
}

.md-typeset .admonition {
    font-size: 100% !important;
}

.md-typeset details {
    font-size: 100% !important;
}

.md-typeset h2 {
    font-family: "Cormorant", serif;
    font-weight: 400;
    letter-spacing: -0.3px;
    font-size: 1.5rem;
}

.md-typeset h3 {
    font-size: 1.3rem;
    color: var(--color-extropic-gray);
}

.md-typeset h4 {
    font-size: 1.1rem;
}

.md-typeset h5 {
    font-size: 0.9rem;
}

.md-typeset h6 {
    font-size: 0.8rem;
}

.md-typeset details .mkdocstrings > h4 {
    display: none;
}

.md-typeset details .mkdocstrings > h5 {
    display: none;
}

[data-md-color-scheme="default"] {
    --doc-heading-color: #DDD;
    --doc-heading-border-color: #CCC;
    --doc-heading-color-alt: #F0F0F0;
}
[data-md-color-scheme="slate"] {
    --doc-heading-color: rgb(25,25,33);
    --doc-heading-border-color: rgb(25,25,33);
    --doc-heading-color-alt: rgb(33,33,44);
    --md-code-bg-color: #1a1a1a;
}

h4.doc-heading {
    background-color: var(--doc-heading-color);
    border: solid var(--doc-heading-border-color);
    border-width: 1.5pt;
    border-radius: 2pt;
    padding: 0pt 5pt 2pt 5pt;
}
h5.doc-heading, h6.heading {
    background-color: var(--doc-heading-color-alt);
    border-radius: 2pt;
    padding: 0pt 5pt 2pt 5pt;
}

.output_error > pre {
    overflow: auto;
}

.md-footer {
  position: relative;
  overflow: visible;
  min-height: 120px;
}

.md-footer .footer-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  height: 120px;
}

.md-footer .footer-video video {
  width: 100%;
  height: 120px;
  object-fit: cover;
  object-position: center;
  opacity: 0.25;
}

.md-footer > * {
  position: relative;
  z-index: 1;
}

.md-typeset :not(pre) > code {
  background-color: rgba(144, 48, 1, 0.3) !important;
  color: #ffb400 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-family: "Suisse Intl Mono", monospace !important;
  font-weight: 500;
  border: none !important;
}

.md-typeset pre > code {
  font-family: "Suisse Intl Mono", monospace;
  background-color: #1a1a1a !important;
  color: #ff8400 !important;
  border-radius: 6px;
}

.highlight .hll, .codehilite .hll { background-color: rgba(255, 180, 0, 0.2) }
.highlight .c, .codehilite .c { color: #ff8400 }
.highlight .err, .codehilite .err { color: #ff8400 }
.highlight .k, .codehilite .k { color: #ffb400 }
.highlight .o, .codehilite .o { color: #ff8400 }
.highlight .ch, .codehilite .ch { color: #ff8400 }
.highlight .cm, .codehilite .cm { color: #ff8400 }
.highlight .cp, .codehilite .cp { color: #ff8400 }
.highlight .cpf, .codehilite .cpf { color: #ff8400 }
.highlight .c1, .codehilite .c1 { color: #ff8400 }
.highlight .cs, .codehilite .cs { color: #ff8400 }
.highlight .gd, .codehilite .gd { color: #903001 }
.highlight .gr, .codehilite .gr { color: #ff8400 }
.highlight .gh, .codehilite .gh { color: #ffb400 }
.highlight .gi, .codehilite .gi { color: #fff1c8 }
.highlight .go, .codehilite .go { color: #ff8400 }
.highlight .gp, .codehilite .gp { color: #ff8400 }
.highlight .gu, .codehilite .gu { color: #ffb400 }
.highlight .gt, .codehilite .gt { color: #ff8400 }
.highlight .kc, .codehilite .kc { color: #ffb400 }
.highlight .kd, .codehilite .kd { color: #ffb400 }
.highlight .kn, .codehilite .kn { color: #ff8400 }
.highlight .kp, .codehilite .kp { color: #ffb400 }
.highlight .kr, .codehilite .kr { color: #ffb400 }
.highlight .kt, .codehilite .kt { color: #fff1c8 }
.highlight .m, .codehilite .m { color: #fff1c8 }
.highlight .s, .codehilite .s { color: #fff1c8 }
.highlight .na, .codehilite .na { color: #ff8400 }
.highlight .nb, .codehilite .nb { color: #ffb400 }
.highlight .nc, .codehilite .nc { color: #ffb400 }
.highlight .no, .codehilite .no { color: #ff8400 }
.highlight .nd, .codehilite .nd { color: #ffb400 }
.highlight .ni, .codehilite .ni { color: #fff1c8 }
.highlight .ne, .codehilite .ne { color: #ff8400 }
.highlight .nf, .codehilite .nf { color: #ffb400 }
.highlight .nl, .codehilite .nl { color: #fff1c8 }
.highlight .nn, .codehilite .nn { color: #ffb400 }
.highlight .nt, .codehilite .nt { color: #ff8400 }
.highlight .nv, .codehilite .nv { color: #fff1c8 }
.highlight .ow, .codehilite .ow { color: #ffb400 }
.highlight .mb, .codehilite .mb { color: #fff1c8 }
.highlight .mf, .codehilite .mf { color: #fff1c8 }
.highlight .mh, .codehilite .mh { color: #fff1c8 }
.highlight .mi, .codehilite .mi { color: #fff1c8 }
.highlight .mo, .codehilite .mo { color: #fff1c8 }
.highlight .sa, .codehilite .sa { color: #fff1c8 }
.highlight .sb, .codehilite .sb { color: #fff1c8 }
.highlight .sc, .codehilite .sc { color: #fff1c8 }
.highlight .dl, .codehilite .dl { color: #fff1c8 }
.highlight .sd, .codehilite .sd { color: #ff8400 }
.highlight .s2, .codehilite .s2 { color: #fff1c8 }
.highlight .se, .codehilite .se { color: #ff8400 }
.highlight .sh, .codehilite .sh { color: #fff1c8 }
.highlight .si, .codehilite .si { color: #ff8400 }
.highlight .sx, .codehilite .sx { color: #fff1c8 }
.highlight .sr, .codehilite .sr { color: #ff8400 }
.highlight .s1, .codehilite .s1 { color: #fff1c8 }
.highlight .ss, .codehilite .ss { color: #fff1c8 }
.highlight .bp, .codehilite .bp { color: #ffb400 }
.highlight .fm, .codehilite .fm { color: #ffb400 }
.highlight .vc, .codehilite .vc { color: #fff1c8 }
.highlight .vg, .codehilite .vg { color: #fff1c8 }
.highlight .vi, .codehilite .vi { color: #fff1c8 }
.highlight .vm, .codehilite .vm { color: #fff1c8 }
.highlight .il, .codehilite .il { color: #fff1c8 }
.highlight, .codehilite { color: #ff8400 }
.highlight pre, .codehilite pre { color: #ff8400 }

.md-typeset p {
  color: #e0e0e0;
  line-height: 1.7;
}

.md-typeset blockquote {
  border-left: 4px solid var(--color-extropic-orange);
  background-color: rgba(255, 106, 19, 0.08);
  padding: 1rem 1.5rem;
  border-radius: 0 6px 6px 0;
}

@media (prefers-reduced-motion: reduce) {
  .md-footer .footer-video {
    display: none;
  }
}