:root {
    --dark-code-background: #323233;
}

:root[data-theme='light'] {
    --hl-0: var(--dark-hl-0);
    --hl-1: var(--dark-hl-1);
    --hl-2: var(--dark-hl-2);
    --hl-3: var(--dark-hl-3);
    --hl-4: var(--dark-hl-4);
    --hl-5: var(--dark-hl-5);
    --hl-6: var(--dark-hl-6);
    --hl-7: var(--dark-hl-7);
    --hl-8: var(--dark-hl-8);
    --hl-9: var(--dark-hl-9);
    --hl-10: var(--dark-hl-10);
    --hl-11: var(--dark-hl-11);
    --hl-12: var(--dark-hl-12);
    --hl-13: var(--dark-hl-13);
    --code-background: var(--dark-code-background);
}
p > code,
a > code,
li > code,
h2 > code,
h3 > code,
h4 > code,
h5 > code,
h6 > code,
td > code,
th > code,
em > code,
strong > code,
span > code {
    background: transparent !important;
    font-weight: 700 !important;
}

pre {
    position: relative;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 10px;
    border: 5px solid var(--color-accent);
    margin-bottom: 8px;
    border-radius: 10px;
}
.tsd-page-toolbar {
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #d1d1d1 !important;
}
.container-main {
    background-color: #f9fafb !important;
    margin: 20px auto;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    padding-top: 20px;
}
.col-content {
    padding-left: 20px;
}
body {
    background: transparent;
}

@media (min-width: 770px) {
    .container-main {
        border-radius: 0px;
        border-left: 0px;
        border-right: 0px;
    }
}
@media (min-width: 1200px) {
    .container-main {
        border-radius: 0px;
        border-left: 0px;
        border-right: 0px;
    }
}

@media (min-width: 1800px) {
    .container-main {
        border-radius: 10px;
        border-left: 1px solid #d1d5db;
        border-right: 1px solid #d1d5db;
    }
}

/* Adjust text and link colors in the top nav bar */
.tsd-page-toolbar .tsd-breadcrumb a {
    color: #0366d6 !important;
}

.tsd-page-toolbar .tsd-breadcrumb span {
    color: #24292e !important;
}

/* Adjust search icon color */
.tsd-page-toolbar .tsd-widget svg {
    fill: #24292e !important;
}

/* Light theme for our custom header */
.custom-header {
    background-color: #f6f8fa;
    color: #24292e;
    padding: 1em 2em;
    border-bottom: 1px solid #eaecef;
    text-align: center;
}

.custom-header h1 {
    margin: 0;
    font-size: 1.5em;
    font-weight: 600;
    color: #24292e;
}

.custom-header p {
    margin: 0.5em 0 0;
    font-size: 1em;
    color: #586069;
}

/* Hide the settings panel */
.tsd-navigation.settings {
    display: none !important;
}

/**************************************/

/* Remove borders from the navigation icons by targeting the SVG stroke */
.tsd-navigation .tsd-kind-icon svg,
.tsd-navigation .tsd-kind-icon svg rect {
    stroke: transparent !important;
}

/*CSS for injected menu from docusorus */

.header-submenu {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10;
}

.header-submenu-container {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin: 0 auto;
    max-width: var(--ifm-container-width-xl);
    padding: 0.5rem 1rem;
}

.menu-bar {
    align-items: center;
    display: flex;
    grid-column: 2;
}

.menu-bar ul {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.hitTree_kk6K,
.menu-bar li {
    align-items: center;
    display: flex;
}

.menu-bar a {
    align-items: center;
    color: #333;
    display: inline-flex;
    font-size: 0.925rem;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.menu-bar a svg {
    margin-right: 6px;
    stroke-width: 1.2;
}

.menu-bar a:hover {
    color: #007acc;
}

.menu-bar a.active {
    border-bottom: 2px solid #3c89f9;
    padding-bottom: 4px;
}

.header-submenu-search {
    grid-column: 3;
    justify-self: end;
}

.header-submenu-search .DocSearch-Button {
    font-size: 0.875rem;
    height: 32px;
}
