/* Self-hosted so that reading the docs contacts nothing but this site. */
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-600.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 400; font-display: swap; src: url("../fonts/jetbrains-mono-latin-400.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 700; font-display: swap; src: url("../fonts/jetbrains-mono-latin-700.woff2") format("woff2"); }

html[data-dark-mode] {
  --dark: #0e0e0e;
  --dark-alt: #161616;
  --dark-secondary: #1c1c1c;
  --text-light: #d4d4d4;
  --text-muted: #8f8f8f;
  --primary: #e6e6e6;
  --primary-50: #f5f5f5;
  --primary-100: #e6e6e6;
  --primary-200: #d4d4d4;
  --primary-300: #e6e6e6;
  --primary-400: #bdbdbd;
  --primary-800: #333333;
  --primary-hsl: 0, 0%, 80%;
  --sidebar-bg: #0e0e0e;
  --sidebar-border-color: #222222;
  --sidebar-text-color: #a8a8a8;
  --sidebar-dropdown-hover-bg: #1c1c1c;
  --sidebar-menu-active-bg: #1c1c1c;
  --top-header-bg: #0e0e0e;
  --code-block-bg: #161616;
  --inline-code-bg: #1c1c1c;
  --inline-code-border: none;
}

html[data-dark-mode] body { font-family: Inter, sans-serif; }
html[data-dark-mode] h1, html[data-dark-mode] h2, html[data-dark-mode] h3, html[data-dark-mode] h4,
html[data-dark-mode] h5, html[data-dark-mode] h6, html[data-dark-mode] code, html[data-dark-mode] pre,
html[data-dark-mode] kbd, html[data-dark-mode] #sidebar *:not(.material-icons) {
  font-family: "JetBrains Mono", monospace;
}
html[data-dark-mode] #sidebar a, html[data-dark-mode] #sidebar button { font-size: .95rem; }

html[data-dark-mode] .docs-content .main-content { font-size: 1rem; line-height: 1.7; max-width: 44rem; }
html[data-dark-mode] .docs-content .main-content p { line-height: 1.7; margin-bottom: 1.25rem; }
html[data-dark-mode] .docs-content .main-content li { margin-bottom: .5rem; }
html[data-dark-mode] .docs-content .content-title { font-size: 1.75rem; font-weight: 700; margin-bottom: 2rem !important; }
html[data-dark-mode] .docs-content .main-content h2 { font-size: 1.2rem; font-weight: 700; margin: 3rem 0 1rem; }
html[data-dark-mode] .docs-content .main-content h3 { font-size: 1rem; font-weight: 700; margin: 2.25rem 0 .75rem; }
html[data-dark-mode] .docs-content .main-content h2 code, html[data-dark-mode] .docs-content .main-content h3 code { font-size: .95em; }
html[data-dark-mode] .docs-content .main-content div.highlight { margin: 0; padding: 0; }
html[data-dark-mode] .docs-content .main-content pre { margin: 1.25rem 0 1.5rem; padding: 1rem 4.5rem 1rem 1.25rem; background: var(--code-block-bg); }
html[data-dark-mode] .docs-content .main-content pre code { font-size: .95rem; padding: 0; background: none; white-space: pre-wrap; overflow-wrap: anywhere; overflow-x: hidden; }
html[data-dark-mode] .docs-content .main-content table { margin: 1.25rem 0 1.75rem; }
html[data-dark-mode] .docs-content .main-content th, html[data-dark-mode] .docs-content .main-content td { padding: .6rem .75rem; }

#mode { display: none; }
.shadow, .shadow-sm { box-shadow: none !important; }
#content a { text-decoration: underline; text-underline-offset: 3px; }

.code-block { position: relative; }
#content pre:focus { outline: none; }
.copy-code {
  position: absolute; top: .75rem; right: .75rem; display: flex; padding: .3rem;
  color: #a8a8a8;
  background: #1c1c1c; border: 1px solid #333333; border-radius: 4px; cursor: pointer;
}
.copy-code:hover, .copy-code:focus-visible { color: #e6e6e6; border-color: #8f8f8f; }

html[data-dark-mode] .top-link {
  margin-left: 1.25rem; color: #a8a8a8; text-decoration: none;
  font: 400 .8rem "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase;
}
html[data-dark-mode] .top-link:hover { color: #e6e6e6; }
@media (max-width: 991.98px) { html[data-dark-mode] .top-link.wide { display: none; } }