:root {
    font-size: 13px;
    font-weight: 400;
    --shift-bg: #fff;
    --contrast-bg: #eee;
    --border-color: #ccc;
    --text-color: #000000;
    --heading-color: #000000;
    --link-color: var(--color-crocus);
    --accent: var(--color-crocus);
    --th-bg: #eee;
    --note: var(--color-midnight);
    --caution: var(--color-crocus);
    --danger: var(--color-rose);
    --footer-bg: #000;
    --codeblock: rgba(var(--color-fog-rgb), .4);
    --codeblock-border: none;
    --admonition-bg: white;
    --table-bg: rgba(var(--color-fog-rgb), .2);
    --table-border: none;
    --table-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --dropdown-link-hover: rgba(var(--color-fog-rgb), .6);
    --editable-vars-bg: #CAEDFC;
    --editable-vars-edit-bg: #fff9d7;
    text-rendering: optimizeLegibility;
    --bold-weight: 500;
    --form-group-bg: rgb(240, 240, 240);
}

html {
    color-scheme: light dark;
    line-height: 1.75;
}

:root[data-theme="dark"] {
    font-weight: 300;
    --shift-bg: rgb(30, 30, 30);
    --contrast-bg: #444;
    --border-color: #555;
    --text-color: #fff;
    --heading-color: #fff;
    --link-color: #ddd;
    --th-bg: #333;
    --accent: #999;
    --note: var(--color-crocus);
    --caution: yellow;
    --danger: red;
    --footer-bg: #000;
    --codeblock: #000;
    --codeblock-border: 1px solid var(--border-color);
    --table-bg: var(--shift-bg);
    --table-border: 1px solid var(--border-color);
    --table-box-shadow: none;
    --admonition-bg: #333;
    --dropdown-link-hover: var(--contrast-bg);
    --editable-vars-bg: var(--contrast-bg);
    --editable-vars-edit-bg: var(--contrast-bg);
    -webkit-font-smoothing: antialiased;
    /* For WebKit browsers (Chrome, Safari) */
    -moz-osx-font-smoothing: grayscale;
    /* For Firefox on macOS */
    scrollbar-color: black #999;
    --bold-weight: 500;
    --form-group-bg: black;
}

body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
}

.wrapper {
    background-color: var(--shift-bg);
}

.header-logo-img {
    max-height: 2rem;
}

.header {
    box-shadow: none;
    border-bottom: 1px solid var(--border-color);
    background-color: var(--shift-bg);
}

.dropdown-toggle,
.header-menu-item {
    color: var(--text-color);
    background-color: var(--shift-bg);
}

.dropdown-toggle:hover,
.dropdown-toggle:active,
.dropdown-toggle.toggled,
.header-menu-item:hover {
    background-color: var(--contrast-bg);
}

.dropdown-content {
    background-color: var(--shift-bg);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}

.dropdown-item {
    color: var(--text-color);
}

.dropdown-item.active {
    background-color: var(--contrast-bg);
}

.dropdown-link:hover {
    background-color: var(--dropdown-link-hover);
}

.nav {
    scrollbar-gutter: auto;
}

.doc {
    padding: 0;
    border-right: 1px solid var(--border-color);
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: hidden;
}

.breadcrumbs {
    position: fixed;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: 99;
    border-bottom: 1px solid var(--border-color);
    background-color: var(--shift-bg);
}

.breadcrumb {
    color: var(--text-color);
}

.breadcrumb:hover {
    background-color: var(--contrast-bg);
}

.nav-viewport {
    padding-top: 6rem;
    background-color: var(--shift-bg);
}

.nav-toggle {
    color: var(--text-color);
    background-color: var(--contrast-bg);
}

.nav-toggle:hover {
    background-color: var(--color-crocus);
}

.heading,
h1,
.article h1,
h2,
.article h2,
h3,
.article h3,
h4,
.article h4,
h5,
.article h5,
h6,
.article h6 {
    font-weight: 500;
    margin-top: .5rem;
    margin-bottom: .5rem;
    letter-spacing: -.04rem;
    color: var(--heading-color);
}


.heading {
    margin: 1rem;
    padding-top: 4rem;
}

h1,
.heading {
    font-size: 2.1rem;
    color: var(--heading-color);
}

h2 {
    font-size: 1.7rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.3rem;
}

h5,
h6 {
    font-size: 1.1rem;
}

h6 {
    font-size: 1rem;
}

p {
    color: var(--text-color);
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.article {
    line-height: 1.75;
    color: var(--text-color);
    margin: 0 1rem;
    margin-top: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid var(--border-color);
}

.article h2:not(.article > h2:first-child) {
    border-top: 1px solid var(--border-color);
    margin-top: 1.5rem;
    padding-top: 1rem;
}

.article ol,
.article ul {
    padding: 0 0 0 1rem;
    margin: 0;
}

.nav-group {
    margin-left: 1.15rem;
}

.nav-group-root {
    margin: 0;
}

.nav-footer {
    border-color: var(--contrast-bg);
    color: var(--text-color);
}

.nav-toggle-viewport {
    border-right-color: var(--border-color);
    background-color: var(--shift-bg);
}

.create-pdf {
    background-color: var(--color-crocus);
    color: white;
    cursor: pointer;
}

.create-pdf-text {
    color: white;
    font-weight: normal;
}

.nav-parent-toggle {
    margin-right: .1rem;
    color: var(--text-color);
}

.nav-parent-toggle:hover {
    background-color: var(--color-crocus);
}

.nav-item {
    margin: 0;
    padding: .2rem;
    border-radius: 0;
}

.nav-item:hover {
    background-color: var(--contrast-bg);
}

.nav-item.nav-item-active {
    background-color: var(--contrast-bg);
    color: var(--text-color);
}

.nav-item:not([data-is-parent])>.nav-text {
    padding-left: 1.7rem;
}

.nav-text {
    order: 2;
    color: var(--text-color);
}

.updated {
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0 1rem;
    color: var(--text-color);
}

.toc-wrapper {
    width: var(--toc-width);
    flex: 0 0 auto;
}

.toc-viewport {
    top: 6rem;
    width: auto;
    max-width: none;
    max-height: calc(100vh - 6rem);
}

.toc {
    width: auto;
    color: var(--text-color);
    margin-right: .6rem;
}

.toc>ul {
    padding: 0;
    padding-left: 1rem;
    border-left: none;
}

.toc a:hover,
.toc a.active {
    background-color: var(--contrast-bg);
}

.table.table.table-bordered {
    width: fit-content;
}

.quick-feedback {
    width: 100%;
    max-width: none;
}

b,
strong,
.article b,
.article strong {
    font-weight: 500;
    color: var(--text-color);
}

.nav-show .content {
    width: calc(100vw - var(--nav-width) - var(--toc-width));
}

.code-container {
    margin-bottom: 0;
}

.variable-input.var-level-block,
.code-container pre,
.code-container pre.highlight {
    color: var(--text-color);
    background-color: var(--codeblock);
    border: var(--codeblock-border);
}

.editable {
    margin: 0;
    padding: .5rem 1rem;
    background-color: var(--contrast-bg);
    color: var(--text-color);
    box-shadow: var(--table-box-shadow) !important;
}

.variable-input.var-level-original,
.var-level-original {
    color: var(--text-color);
    background-color: var(--editable-vars-bg);
}

.variable-input.var-level-block,
.var-level-block {
    color: var(--text-color);
    background-color: var(--editable-vars-edit-bg);
}


.breadcrumb-delim {
    color: var(--text-color);
}

.article .heading-anchor {
    color: var(--accent);
}

.quick-feedback {
    background-color: var(--shift-bg);
}

.quick-feedback-toggle {
    background-color: var(--contrast-bg);
    color: var(--text-color);
    border: none;
}

.quick-feedback-comment-form {
    background-color: var(--shift-bg);
}

.quick-feedback-comment {
    background-color: var(--shift-bg);
    color: var(--text-color);
}

.quick-feedback-submit {
    background-color: var(--contrast-bg);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}

.nav-filter-btn {
    border-color: var(--border-color);
    color: var(--text-color);
    background-color: var(--contrast-bg);
}

.nav-title-search-dropdown {
    background-color: var(--shift-bg);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}

.nav-title-search {
    margin: .5rem;
}

.nav-title-search-form {
    border-color: var(--border-color);
}

.nav-title-search-input {
    background-color: var(--shift-bg);
    color: var(--text-color);
}

.nav-title-search-icon {
    color: var(--accent);
}

.nav-title-search-reset {
    color: var(--text-color);
}

.nav-title-search-reset:hover {
    color: var(--accent);
}

.nav-title-search-results a {
    color: var(--text-color);
    font-weight: normal;
}

.nav-title-search-results li:hover,
.nav-title-search-results .search-link {
    background-color: var(--contrast-bg);
    color: var(--text-color);
}

.article pre {
    background-color: var(--codeblock);
    border: var(--codeblock-border);
}

.article pre>code {
    color: var(--text-color);
}

.article .admonition-title {
    color: var(--heading-color);
    font-weight: 500;
}

.article .admonition {
    color: var(--text-color);
    background-color: var(--admonition-bg);
}

.article code {
    background-color: var(--contrast-bg);
    color: var(--text-color);
    border: none;
}

.article table,
.table {
    background-color: var(--table-bg);
    box-shadow: var(--table-box-shadow);
    border: var(--table-border);
}

.article th,
.table th {
    color: var(--text-color);
    background-color: var(--th-bg);
    font-weight: 500;
    white-space: nowrap;
}

.article .admonition {
    border-color: var(--note);
    border-top: 1px solid var(--note);
    border-right: 1px solid var(--note);
    border-bottom: 1px solid var(--note);
    border-left: 10px solid var(--note);
}

.article .admonition.note {
    border-color: var(--note);
    background: var(--shift-bg);
}

.article .admonition.caution {
    border-color: var(--caution);
    background-color: var(--contrast-bg);
}

.article .admonition.danger {
    border-color: var(--danger);
    background-color: var(--contrast-bg);
}

.article .admonition.video,
.article .admonition.tutorial {
    border-color: var(--note);
    background-color: var(--admonition-bg);
}

.header-menu-item.icon-only {
    padding: 0 .6rem;
    min-width: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-menu-item.icon-only i {
    font-size: 1.15rem;
    line-height: 1;
}

.footer {
    background-color: var(--footer-bg);
    border-top: 1px solid var(--border-color);
}

.article td,
.article th,
.table td,
.table.th {
    border: 1px solid var(--border-color);
}

.article pre .code-copy-btn,
.code-container pre .code-copy-btn {
    background-color: var(--contrast-bg);
    color: var(--text-color);
}

.article pre .code-copy-btn:hover,
.code-container pre .code-copy-btn:hover,
.article pre .code-copy-btn:focus,
.code-container pre .code-copy-btn:focus {
    background-color: var(--color-crocus) !important;
}

.variable-input::placeholder {
    color: var(--text-color) !important;
}

.toc-header {
    font-size: 1.1rem;
    margin-left: 1.2rem;
    margin-bottom: 0;
    margin-top: 1rem;
    padding: 0;
}

.nav-filters-heading {
    background-color: var(--shift-bg);
    color: var(--text-color);
}

.nav-filter {
    background-color: var(--shift-bg);
    color: var(--text-color);
}

.nav-filter>summary {
    color: var(--text-color);
    background-color: var(--contrast-bg);
}

.goog-te-gadget,
.goog-te-gadget>span>a {
    color: var(--text-color) !important;
}

.error-frame {
    background-color: var(--shift-bg);
    color: var(--text-color);
}

.error-message {
    color: var(--text-color);
}

.error-dismiss-btn {
    color: var(--text-color);
    background-color: var(--shift-bg);
}

.error-dismiss-btn:hover {
    color: white;
    background-color: var(--color-crocus);
}

.doc.doc-main {
    border: none;
}

.article.feedback-form {
    border: none;
}

.form__label {
    color: var(--text-color);
}

.form__input {
    color: var(--text-color);
    background-color: transparent;
}

.form__group {
    background-color: var(--form-group-bg);
}

.form__group:focus-within {
    outline: 2px solid var(--color-crocus);
}

.form__button--submit {
    background-color: var(--color-crocus);
    color: white;
}

.form__input--radio:checked+.form__label--radio {
    font-weight: var(--bold-weight);
}

/* Example CSS to override autofill styles */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--text-color);
    background-color: transparent !important;
}

.CoveoSearchbox {
    margin-top: -.3rem;
}

.CoveoSearchbox .magic-box .magic-box-input>input {
    background: var(--shift-bg);
    color: var(--text-color);
}

.coveo-search-button-svg {
    color: var(--color-crocus) !important;
}

.CoveoSearchButton,
.magic-box-clear,
.magic-box-clear-svg {
    background-color: var(--shift-bg) !important;
    color: var(--color-crocus) !important;
}

.magic-box-clear:hover,
.magic-box-clear-svg:hover {
    color: var(--text-color) !important;
}

.CoveoSearchButton:hover {
    color: white;
    background-color: var(--color-crocus) !important;
}

.magic-box-suggestion {
    background-color: var(--shift-bg) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border-color);
}

.magic-box-suggestion:hover {
    background-color: var(--contrast-bg) !important;
}


.editor-toolbar a {
    color: var(--text-color) !important;
}

.editor-toolbar a:hover {
    color: white !important;
    background: var(--color-crocus);
}

.src-path {
    color: var(--text-color);
    word-break: break-all;

}

.CodeMirror {
    background: var(--shift-bg);
}

.CodeMirror-code {
    background: var(--shift-bg);
    color: var(--text-color);
}

.CodeMirror-cursor {
    border-left: 1px solid var(--color-crocus) !important;
}

span.CodeMirror-selectedtext {
    color: black;
}

.modal * {
    background: var(--shift-bg);
    color: var(--text-color);
}

.arlie-search-page-content a {
    color: var(--link-color);
}

.CoveoDynamicFacet {
    background: var(--shift-bg) !important;
}

.coveo-dynamic-facet-header *,
.coveo-checkbox-span-label {
    color: var(--text-color)
}

.coveo-tab-section {
    background: var(--shift-bg) !important;
    color: var(--text-color) !important;
}

.coveo-tab-section * {
    color: var(--text-color) !important;
}


.CoveoSearchbox .magic-box .magic-box-input>input {
    color: var(--text-color) !important;
}

.magic-box-suggestions * {
    color: var(--text-color) !important;
}

.coveo-result-cell,
.CoveoResultLink {
    color: var(--text-color);
}

.CoveoResult a.CoveoResultLink {
    color: var(--text-color) !important;
}

.coveo-summary-section *,
.coveo-sort-section *,
.coveo-result-cell * {
    color: var(--text-color) !important;
}

.result-badge {
    background: var(--contrast-bg);
}

.result-badge>span,
.result-badge {
    color: var(--text-color) !important;
}

.CoveoResultsPerPage {
    color: var(--text-color);
}

.arlie {
    background: var(--shift-bg);
    color: var(--text-color);
}

.arlie-header {
    background: var(--contrast-bg);
}

.arlie-message-text {
    background: var(--contrast-bg);
    color: var(--text-color);
}

.arlie-querybox .arlie-icon {
    color: var(--color-crocus);
}

.arlie-querybox input {
    background: var(--contrast-bg);
    color: var(--text-color);
}

.article summary {
    background: var(--codeblock);
}

.article summary:hover {
    background: var(--contrast-bg);
}

.CoveoSort.coveo-selected {
    border-bottom-color: var(--color-crocus) !important;
}

.CoveoSearchInterface.coveo-small-facets .coveo-facet-dropdown-header {
    background: var(--contrast-bg) !important;
}

.coveo-pager-list-item.coveo-active,
.coveo-pager-list-item:hover {
    color: white !important;
    background: var(--color-crocus) !important;
}

.coveo-pager-list-item {
    color: var(--text-color) !important;
    border-color: var(--color-crocus) !important;
}

.coveo-pager-next-icon-svg,
.coveo-pager-previous-icon-svg {
    color: var(--color-crocus) !important;
}

.coveo-pager-next-icon-svg:hover,
.coveo-pager-previous-icon-svg:hover {
    color: white !important;
    background: var(--color-crocus) !important;
}

.coveo-results-per-page-list-item,
.coveo-results-per-page-list-item {
    color: var(--text-color) !important;
}

.coveo-results-per-page-list-item.coveo-active,
.coveo-results-per-page-list-item:hover {
    background: var(--color-crocus) !important;
    color: white !important;
}

.arlie-modal-header {
    color: var(--text-color);
    background: var(--contrast-bg);
}

.arlie-modal-body,
.arlie-modal-footer {
    background: var(--shift-bg);
    color: var(--text-color);
}

.arlie-modal-footer .btn-primary {
    background-color: var(--color-crocus);
}

.arlie-modal-footer .btn-primary:hover {
    background-color: var(--contrast-bg);
    color: var(--text-color);
}

.feedback-reason {
    background: var(--codeblock);
    color: var(--text-color) !important;
}

.coveo-trigger-notify {
    color: var(--text-color);
}

.coveo-small-tabs .coveo-tab-list {
    background: var(--shift-bg) !important;
}

.coveo-dynamic-facet-show-more {
    color: var(--text-color) !important;
}

.dropdown-item a {
    color: var(--text-color);
}

.child-links-title {
    font-size: 1.5rem;
    font-weight: 500;
}