@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@font-face {
    font-family: 'DomaineText';
    font-weight: normal;
    font-style: normal;
    src: url("/static/DomaineTextWeb-Regular.woff2") format("woff2")
}

@font-face {
    font-family: 'DomaineDisplayNarrow';
    font-weight: bold;
    font-style: normal;
    src: url("/static/DomaineDisplayNarrowWeb-Semibold.woff2") format("woff2")
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

.brand-text {
    font-family: 'DomaineDisplayNarrow', Georgia, cursive;
    font-weight: 600;
    font-size: 1.2rem;
    color: #dcdcdc;
}

.navbar {
    background-color: #060609;
    --bs-border-width: 0;
    --bs-navbar-toggler-focus-width: 0;
}

.navbar-nav {
    font-size: 14px;
}

#theme-switcher-container {
    display: flex;
    align-items: center;
}

.theme-icon {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    vertical-align: -0.125em;
}

.theme-switcher {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background-color: rgba(255, 255, 255, .06);
    color: var(--bs-navbar-color);
    line-height: 1;
    padding: .25rem .6rem;
}

.theme-switcher.dropdown-toggle::after {
    align-self: center;
    margin-top: 0;
}

.theme-switcher:hover,
.theme-switcher:focus,
.theme-switcher.show,
.theme-switcher[aria-expanded="true"] {
    border-color: rgba(255, 255, 255, .22);
    background-color: rgba(255, 255, 255, .1);
    color: var(--bs-navbar-hover-color);
}

.theme-switcher .theme-icon,
.dropdown-item .theme-icon {
    width: 1.05rem;
    height: 1.05rem;
    stroke-width: 1.65;
}

.theme-switcher .theme-icon {
    color: #f7d774;
}

.dropdown-item.active .theme-icon {
    color: currentColor;
}

.title-text {
    font-family: 'DomaineDisplayNarrow', SuisseWorks, Georgia, Times, 'Times New Roman', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-weight: bold;
}

.describe-text {
    font-family: 'DomaineText', SuisseWorks, Georgia, Times, 'Times New Roman', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 1.2rem;
    line-height: 2rem;
}

.markdown-body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 50px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI","Noto Sans", Helvetica,Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word;
}

#markdown-toc {
    overflow-y: scroll;
    max-height: 100%;
    top: 60px;
    bottom: 30px;
    padding-right: 20px;
}

.toc-h2 {
    /*display: inline-flex;*/
    max-width: fit-content;
    min-width: 1ch;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #0969da;
    text-decoration: none;
    font-weight: 600;
}

.toc-h3 li {
    max-width: fit-content;
    min-width: 1ch;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #626262;
    text-decoration: none;
    font-size: 14px;
    padding-left: 10px;
}

.toc-h3 li:hover {
    color: #0969da;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.86, #C7C7C7), color-stop(0.62, #B1B1B1), color-stop(0.14, #C7C7C7));
}

.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.affix {
    position: fixed;
}

.MathJax {
    overflow-x: auto;
    overflow-y: hidden;
}

.slide-content {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

:root, [data-bs-theme="light"] {
    --bd-callout-link: 10, 88, 202;
    --bd-callout-code-color: #ab296a;
    --bd-pre-bg: var(--bs-tertiary-bg);
    --common-markdown-bg: var(--bs-body-bg);
    --common-markdown-table-bg: var(--bs-body-bg);
    --common-markdown-table-header-bg: var(--bs-tertiary-bg);
    --common-markdown-table-striped-bg: var(--bs-secondary-bg)
}

[data-bs-theme="dark"] {
    --bd-callout-link: 110, 168, 254;
    --bd-callout-code-color: #e685b5;
    --bd-pre-bg: #0d1117;
    --common-markdown-bg: var(--bs-body-bg);
    --common-markdown-table-bg: #1b2026;
    --common-markdown-table-header-bg: #252c35;
    --common-markdown-table-striped-bg: #20262d
}

body {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg)
}

.markdown-body {
    color: var(--bs-body-color);
    background-color: var(--common-markdown-bg)
}

.markdown-body img {
    background-color: transparent
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    color: var(--bs-emphasis-color)
}

.markdown-body blockquote,
.markdown-body table,
.markdown-body tr,
.markdown-body td,
.markdown-body th {
    color: var(--bs-body-color);
    border-color: var(--bs-border-color)
}

.markdown-body table tr {
    background-color: var(--common-markdown-table-bg)
}

.markdown-body table tr:nth-child(2n) {
    background-color: var(--common-markdown-table-striped-bg)
}

.markdown-body table th {
    color: var(--bs-emphasis-color);
    background-color: var(--common-markdown-table-header-bg)
}

.markdown-body table td {
    background-color: transparent
}

.markdown-body hr {
    background-color: var(--bs-border-color)
}

.markdown-body :not(pre) > code {
    color: var(--bs-code-color);
    background-color: var(--bs-tertiary-bg)
}

.markdown-body pre {
    background-color: var(--bd-pre-bg) !important
}

.markdown-body pre code,
.markdown-body pre code.hljs {
    color: #c9d1d9;
    background-color: transparent
}

.bd-callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: var(--bd-callout-color, inherit);
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout > :last-child {
    margin-bottom: 0
}

.bd-callout + .bd-callout {
    margin-top: -.25rem
}

.bd-callout .highlight {
    background-color: rgba(0, 0, 0, 0.05)
}

.bd-callout-info {
    --bd-callout-color: var(--bs-info-text-emphasis);
    --bd-callout-bg: var(--bs-info-bg-subtle);
    --bd-callout-border: var(--bs-info-border-subtle)
}

.bd-callout-warning {
    --bd-callout-color: var(--bs-warning-text-emphasis);
    --bd-callout-bg: var(--bs-warning-bg-subtle);
    --bd-callout-border: var(--bs-warning-border-subtle)
}

.bd-callout-danger {
    --bd-callout-color: var(--bs-danger-text-emphasis);
    --bd-callout-bg: var(--bs-danger-bg-subtle);
    --bd-callout-border: var(--bs-danger-border-subtle)
}

pre {
    border: solid var(--bs-border-color);
    border-width: 1px;
    border-radius: var(--bs-border-radius)
}

.hljs-comment {
    color: #DA924A;
}

.markdown-alert {
    padding: 1em;
    border-left: 0.25rem solid;
    padding-bottom: 0px;
    padding-top: 0px;
    border-color: var(--border-color);
}

.markdown-alert > span {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--border-color);
}

.markdown-alert .markdown-alert-icon {
    margin-right: 0.5em;
    fill: var(--border-color);
}

.markdown-alert.note {
    --border-color: #539BF5;
}

.markdown-alert.warning {
    --border-color: #C69026;
}

.markdown-alert.important {
    --border-color: #986EE2;
}

.markdown-alert.caution {
    --border-color: #E5534B;
}

.markdown-alert.tip {
    --border-color: #57AB5A;
}