@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
:root {
--ifm-color-primary: #5b5cf0;
--ifm-color-primary-dark: #4446ed;
--ifm-color-primary-darker: #393be9;
--ifm-color-primary-darkest: #1719cb;
--ifm-color-primary-light: #7272f3;
--ifm-color-primary-lighter: #7d7df4;
--ifm-color-primary-lightest: #9e9ef8;
--ifm-background-color: #f7f8fb;
--ifm-background-surface-color: rgba(255, 255, 255, 0.94);
--ifm-navbar-background-color: rgba(247, 248, 251, 0.8);
--ifm-footer-background-color: #101218;
--ifm-heading-color: #0f1115;
--ifm-font-color-base: #2e3440;
--ifm-link-color: #4143d8;
--ifm-link-hover-color: #2d2fc5;
--ifm-menu-color-active: var(--ifm-color-primary);
--ifm-font-family-base: 'IBM Plex Sans', 'Avenir Next', 'Segoe UI', sans-serif;
--ifm-font-family-monospace: 'IBM Plex Mono', monospace;
--ifm-heading-font-family: 'IBM Plex Sans', 'Avenir Next', 'Segoe UI', sans-serif;
--ifm-code-font-size: 95%;
--ifm-global-radius: 18px;
--ifm-border-color: rgba(46, 52, 64, 0.12);
--docusaurus-highlighted-code-line-bg: rgba(91, 92, 240, 0.08);
--hen-shadow-sm: 0 10px 30px rgba(15, 17, 21, 0.06);
--hen-shadow-md: 0 22px 60px rgba(15, 17, 21, 0.12);
--hen-accent-ring: 0 0 0 3px rgba(91, 92, 240, 0.18);
}
[data-theme='dark'] {
--ifm-color-primary: #8d90ff;
--ifm-color-primary-dark: #7275ff;
--ifm-color-primary-darker: #6569ff;
--ifm-color-primary-darkest: #3d43ff;
--ifm-color-primary-light: #a8abff;
--ifm-color-primary-lighter: #b5b8ff;
--ifm-color-primary-lightest: #dde0ff;
--ifm-background-color: #0b0d11;
--ifm-background-surface-color: rgba(18, 21, 28, 0.92);
--ifm-navbar-background-color: rgba(11, 13, 17, 0.82);
--ifm-heading-color: #f4f7fb;
--ifm-font-color-base: #d7deea;
--ifm-link-color: #a8abff;
--ifm-link-hover-color: #c3c6ff;
--ifm-border-color: rgba(215, 222, 234, 0.1);
--docusaurus-highlighted-code-line-bg: rgba(141, 144, 255, 0.14);
--hen-shadow-sm: 0 12px 32px rgba(0, 0, 0, 0.28);
--hen-shadow-md: 0 28px 80px rgba(0, 0, 0, 0.38);
--hen-accent-ring: 0 0 0 3px rgba(141, 144, 255, 0.2);
}
html {
scroll-behavior: smooth;
}
body {
background:
radial-gradient(circle at top right, rgba(91, 92, 240, 0.08), transparent 28%),
radial-gradient(circle at top left, rgba(15, 17, 21, 0.05), transparent 24%),
var(--ifm-background-color);
}
.navbar {
backdrop-filter: blur(16px);
border-bottom: 1px solid var(--ifm-border-color);
box-shadow: var(--hen-shadow-sm);
}
.footer {
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.theme-doc-sidebar-container {
border-right: 1px solid var(--ifm-border-color);
}
.theme-code-block,
.prism-code {
border: 1px solid var(--ifm-border-color);
border-radius: 20px;
box-shadow: var(--hen-shadow-sm);
}
.table-of-contents {
border-left: 1px solid var(--ifm-border-color);
}
.pagination-nav__link {
border-radius: 20px;
border-color: var(--ifm-border-color);
box-shadow: var(--hen-shadow-sm);
}
.DocSearch {
--docsearch-primary-color: var(--ifm-color-primary) !important;
--docsearch-modal-background: var(--ifm-background-surface-color) !important;
--docsearch-searchbox-background: rgba(255, 255, 255, 0.86) !important;
--docsearch-searchbox-focus-background: rgba(255, 255, 255, 0.98) !important;
--docsearch-hit-background: rgba(255, 255, 255, 0.7) !important;
--docsearch-muted-color: #697386 !important;
--docsearch-text-color: var(--ifm-font-color-base) !important;
--docsearch-key-gradient: transparent !important;
--docsearch-key-shadow: inset 0 0 0 1px rgba(46, 52, 64, 0.16) !important;
--docsearch-key-pressed-shadow: inset 0 0 0 1px rgba(46, 52, 64, 0.24) !important;
}
[data-theme='dark'] .DocSearch {
--docsearch-searchbox-background: rgba(12, 14, 19, 0.9) !important;
--docsearch-searchbox-focus-background: rgba(12, 14, 19, 0.98) !important;
--docsearch-hit-background: rgba(18, 21, 28, 0.84) !important;
--docsearch-muted-color: #9ba7ba !important;
--docsearch-key-shadow: inset 0 0 0 1px rgba(215, 222, 234, 0.14) !important;
--docsearch-key-pressed-shadow: inset 0 0 0 1px rgba(215, 222, 234, 0.22) !important;
}
.markdown h1,
.markdown h2,
.markdown h3 {
letter-spacing: -0.02em;
}
.markdown blockquote {
border-left-color: var(--ifm-color-primary);
background: rgba(91, 92, 240, 0.04);
}
[data-theme='dark'] .markdown blockquote {
background: rgba(141, 144, 255, 0.08);
}
.theme-doc-markdown pre code {
font-size: 0.9rem;
}
.navbar__title {
font-weight: 700;
letter-spacing: -0.02em;
}
.menu__link--active:not(.menu__link--sublist) {
background: rgba(91, 92, 240, 0.1);
color: var(--ifm-color-primary);
}
.menu__link,
.navbar__link,
.pagination-nav__label {
font-weight: 500;
}
.navbar__logo img {
border-radius: 12px;
box-shadow: var(--hen-shadow-sm);
}
.theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible > .menu__link,
.theme-doc-sidebar-item-link-level-1 > .menu__link {
font-weight: 600;
}
.table-of-contents__link--active,
.navbar__link:hover,
.menu__link:hover {
color: var(--ifm-color-primary);
}
.DocSearch-Button {
min-width: 13.5rem;
padding: 0.28rem 0.45rem;
border: 1px solid rgba(91, 92, 240, 0.28);
border-radius: 18px;
background: rgba(255, 255, 255, 0.72);
box-shadow: var(--hen-shadow-sm);
}
.DocSearch-Button:hover,
.DocSearch-Button:focus {
border-color: rgba(91, 92, 240, 0.45);
box-shadow: var(--hen-shadow-sm), var(--hen-accent-ring);
}
[data-theme='dark'] .DocSearch-Button {
background: rgba(18, 21, 28, 0.88);
border-color: rgba(141, 144, 255, 0.24);
}
.DocSearch-Search-Icon {
color: var(--ifm-color-primary);
}
.DocSearch-Button-Placeholder {
font-weight: 500;
}
.DocSearch-Modal {
border: 1px solid var(--ifm-border-color);
border-radius: 28px;
box-shadow: var(--hen-shadow-md);
}
.DocSearch-Form {
border: 2px solid rgba(91, 92, 240, 0.6);
border-radius: 22px;
box-shadow: none;
}
[data-theme='dark'] .DocSearch-Form {
border-color: rgba(141, 144, 255, 0.7);
}
.DocSearch-Input {
font-size: 1.05rem;
}
.DocSearch-Hit a,
.DocSearch-Footer,
.DocSearch-Commands,
.DocSearch-Prefill,
.DocSearch-NoResults,
.DocSearch-StartScreen {
border-radius: 18px;
}
.DocSearch-Hit[aria-selected='true'] a,
.DocSearch-Hit a:hover {
box-shadow: var(--hen-accent-ring);
}
.theme-doc-markdown table {
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.theme-doc-markdown table th,
.theme-doc-markdown table td {
border-color: var(--ifm-border-color);
}
.theme-doc-markdown table th {
background: rgba(91, 92, 240, 0.06);
}
[data-theme='dark'] .theme-doc-markdown table th {
background: rgba(141, 144, 255, 0.08);
}