@media (prefers-color-scheme: light) {
    :root {
        --text-color: #333;
        --code-color: #111;

        --outer-border-color: #9a0000;
        --inner-border-color: #9a0000;
        --content-border-color: #cdb0b0;
        --block-bg-color: #fff8f7;
        --block-header-color: #fcebe9;

        --faded-color: #777;
        --footnote-color: #666;
        --footer-color: #555;
        --marker-color: #555;

        --link-color: #9a0000;
        --link-hover-color: #d85100;

        --distant-bg-color: #fefefe;

        --callout-note-color: #714a4a;
        --callout-tip-color: #714a4a;
        --callout-important-color: #714a4a;
        --callout-warning-color: #9a0000;
        --callout-caution-color: #9a0000;
    }
}


@media (prefers-color-scheme: dark) {
    :root {
        --text-color: #eee;
        --code-color: #fff;

        --outer-border-color: #a7d2ff;
        --inner-border-color: #a7d2ff;
        --content-border-color: #333;
        --block-bg-color: #101015;
        --block-header-color: #222;

        --faded-color: #999;
        --footnote-color: #888;
        --footer-color: #999;
        --marker-color: #aaa;

        --link-color: #a7d2ff;
        --link-hover-color: #d4e9ff;

        --distant-bg-color: #0b0d10;

        --callout-note-color: #acbdce;
        --callout-tip-color: #acbdce;
        --callout-important-color: #acbdce;
        --callout-warning-color: #99caff;
        --callout-caution-color: #99caff;
    }
}
@font-face {
    font-family: 'Libertinus Sans';
    font-style: normal;
    font-weight: normal;
    src: local("Libertinus Sans"), url("../static/fonts/LibertinusSans-Regular.woff2") format("woff2");
    font-display: fallback;
}
@font-face {
    font-family: 'Libertinus Sans';
    font-style: normal;
    font-weight: bold;
    src: local("Libertinus Sans"), url("../static/fonts/LibertinusSans-Bold.woff2") format("woff2");
    font-display: fallback;
}
@font-face {
    font-family: 'Libertinus Sans';
    font-style: italic;
    font-weight: normal;
    src: local("Libertinus Sans"), url("../static/fonts/LibertinusSans-Italic.woff2") format("woff2");
    font-display: fallback;
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    src: local("JetBrains Mono"), url("../static/fonts/JetBrainsMono[wght].woff2") format("woff2");
    font-display: fallback;
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: italic;
    src: local("JetBrains Mono"), url("../static/fonts/JetBrainsMono-Italic[wght].woff2") format("woff2");
    font-display: fallback;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
}

body {
    line-height:1;
}

ol,ul {
    list-style:none;
}

blockquote,q {
    quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software:  you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not, see <http: //www.gnu.org/licenses/>.
 */
#site-header {
    left: 0;
    width: 216px;
    position: absolute;
    transition: margin-bottom .5s;
}

#site-header .header, #page-header .header {
    color: var(--text-color);
    text-decoration: none;
    display: block;
    font-size: 2.7rem;
    line-height: 0.8;
}

#site-header, #site-content {
    border-top: 3px solid var(--outer-border-color);
}

#site-header .header {
    padding-top: 1.35rem;
    min-height: 3.65rem;
}

#page-header {
    min-height: 5rem;
}

#page-header .header {
    padding-top: 1.35rem;
}

nav.references li {
    display: inline-block;
}

nav.references li + li::before {
    content: "•";
    padding: 0 0.5rem;
}

.content {
    padding-top : 20px;
}

.title {
    display: grid;
    grid-template-columns: 1fr min-content;
    grid-template-areas:
        "header date"
        "references date";
}

.title .header {
    grid-area: header;
}

.title time {
    grid-area: date;
    font-size: 1.2rem;
    line-height: 1.0;
    color: var(--faded-color);
    margin-left: 1rem;
    align-content: center;
}

.title time .date-separator {
    display: none;
}

.title time .date-year {
    display: block;
    font-weight: 400;
    letter-spacing: 0.1em;
}

.title .references {
    grid-area: references;
}

.title time .date-month::after {
    content: ".";
}

#site-content, #site-footer {
    width: 700px;
    position: relative;
    min-width: 310px;
    left: 240px;
}

#site-footer {
    margin: 10px;
    text-align: center;
    line-height: 1;
    color: var(--footer-color);
}

html, body {
    line-height: 1.5;
    background-color: var(--distant-bg-color);
    color: var(--text-color);
    font-family: "Libertinus Sans", "Open Sans", sans-serif;
}

body {
    position: relative;
    width: 940px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 120px;
    transition: margin .5s;
}

/* Hight adjustments */
@media (max-height: 600px) {
    body {
        /* Stick to the top */
        margin-top: 20px;
    }
}

/* Width adjustments */
@media (max-width: 1040px) {
    body {
        width: auto;
        margin-top: 40px;
        margin-left: 50px;
        margin-right: 290px;
    }
    #site-content, #site-footer {
        width: auto;
    }
}

@media (max-width: 750px) {
    /* reflow to vertical */
    #site-header {
        position: relative;
        margin-bottom: 20px;
        width: auto;
        min-width: 330px;
    }

    body {
        margin: 20px;
    }

    #site-content, #site-footer {
        left: 0;
    }
}

@media (max-width: 400px) {
    /* Drop the margins, add some padding */
    body {
        margin: 2px;
        width: auto;
    }

    #site-header {
        margin-bottom: 4px;
    }
}

#site-nav {
    white-space: nowrap;
    padding: 10px 0;
}

#site-nav a {
    line-height: 1.2;
    text-decoration: none;
    font-size: 1.5rem;
    color: var(--text-color);
    width: 100%;
    display: block;
}

#site-nav a + a {
    padding-top: 10px;
}

#site-header:not(:hover) a.active:after, #site-header:hover a:hover:after {
    content: "«";
    color: var(--marker-color);
    right: 5px;
    position: absolute;
}

a {
    text-decoration: none;
    color: var(--link-color);
}

a:hover {
    color: var(--link-hover-color);
}

a:focus, a:hover {
    text-decoration: underline;
}

a:focus {
    outline: none;
}

#site-nav a, .header {
    font-variant: small-caps;
    text-transform: lowercase;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software:  you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not, see <http: //www.gnu.org/licenses/>.
 */

#about {
    margin: 20px;
}

#about-name { font-weight: lighter }

#about-realname {
    font-size: 3.2em;
    line-height: 1;
}

#about-photo {
    margin-right: 20px;
    float: left;
}

#about-photo img {
    clip-path: inset(0% 0% 0% 0% round 5px);
    display: block;
    margin: 0;
    height: 124px;
    width: 124px;
}

#about-extra {
    font-size: .8em;
    text-align: left;
}

#about-extra th {
    padding-right: 1em;
    font-variant: small-caps;
}

#about-header { overflow: hidden }

#about-nicks {
    display: inline;
    color: var(--faded-color);
    font-size: 2.0em;
    line-height: 1.1;
}

#about-nicks li, #about-also li { display: inline }

#about-nicks > li + li:before, #about-also > li + li:before {
    content: ", ";
}

#about + #page-content {
    clear: both;
    padding-top: 0;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software:  you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not,  see <http: //www.gnu.org/licenses/>.
 */
.content th {
    text-align: left;
    text-decoration: underline;
    border: 1px solid var(--content-border-color);
    padding: 2px 4px;
}

.content td {
    border: 1px solid var(--content-border-color);
    padding: 2px 4px;
}

.content thead {
    font-weight: 700;
}

.content img {
    display: block;
    margin: 20px auto 10px;
    max-width: calc(100% - 10px);
    border: 1px solid var(--content-border-color);
}

.content ul > li {
    list-style: disc outside;
    margin-left: 2em;
}

.content ol > li {
    list-style: numeric outside;
    margin-left: 2em;
}

.content ul, .content ol { margin-bottom: 1ex }
.content em { font-style: italic }
.content strong { font-weight: 700 }

.content hr {
    border: 0;
    border-top: 2px dotted var(--content-border-color);
    width: 4em;
    margin: 10px auto;
}

.content pre, .content code {
    color: var(--code-color);
    font-family: "JetBrains Mono";
    font-size: 0.9em;
}

.content pre, .content blockquote {
    background-color: var(--block-bg-color);
    max-height: 30em;
    overflow: auto;
    padding: 0.5em;
    margin-top: 2ex;
    margin-bottom: 2ex;
    border: 1px solid var(--content-border-color);
}

.content blockquote {
    border-left-width: 4px;
}

.content blockquote.note::before {
    content: "note";
    color: var(--callout-note-color);
    text-decoration: dotted underline;
}

.content blockquote.tip::before {
    content: "tip";
    color: var(--callout-tip-color);
}

.content blockquote.important::before {
    content: "important";
    color: var(--callout-important-color);
    text-decoration: underline;
}

.content blockquote.warning::before {
    content: "WARNING";
    color: var(--callout-warning-color);
    text-decoration: double underline;
}

.content blockquote.caution::before {
    content: "CAUTION";
    color: var(--callout-caution-color);
    text-decoration: wavy underline;
}

.content blockquote.note::before,
.content blockquote.tip::before,
.content blockquote.important::before,
.content blockquote.warning::before,
.content blockquote.caution::before {
    font-weight: bold;
    font-variant: small-caps;
    background: var(--block-header-color);
    display: block;
    margin: -0.5em -0.5em 0.5em -0.5em;
    padding: 0.5em;
    line-height: 1;
}

.content pre {
    margin-left: 1em;
    margin-right: 1em;
}

.content p {
    text-align: justify;
}

.content p + p {
    margin-top: 2ex;
}

.content h1 { font-weight: 300 }

.content h1, .content h2, .content h3, .content h4, .content h5 {
    margin-bottom: 1ex;
    margin-top: 1ex;
    width: 100%;
}

.content h1 {
    font-size: 1.8rem;
    line-height: 1.6;
}

.content h2 {
    font-size: 1.6rem;
    line-height: 1.6;
}

.content h3 {
    font-size: 1.4rem;
    line-height: 1.6;
}

.content h4 {
    font-size: 1.2rem;
    line-height: 1.6;
}

.content h5 {
    font-size: 1.1rem;
    line-height: 1.6;
}

.content sup {
    vertical-align: super;
    font-size-adjust: .4;
}

.content .footnote-reference > a::after { content: "]" }
.content .footnote-reference > a::before { content: "[" }
.content .footnote {
    font-size: 0.8em;
    padding: 1ex;
    padding-left: 1ex;
    border-left: 4px solid var(--content-border-color);
    color: var(--footnote-color);
    line-height: 1.0;
}

.content .footnote > * {
    display: inline;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not, see <http://www.gnu.org/licenses/>.
 */

#page-index > article {
    position: relative;
    padding-top: 20px;
}
#page-index > article .title {
    line-height: 2.0;
    font-weight: 300;
}

#page-index > article .title h1 {
    line-height: 1.0;
}
#page-index h1 {
    font-size: 1.4rem;
    line-height: 1.8;
}

#page-index .title h1 {
    font-size: 2.0rem;
}
#page-index h2 {
    font-size: 1.4rem;
    line-height: 1.8;
}
#page-index h3 {
    font-size: 1.2rem;
    line-height: 1.8;
}
#page-index h4 {
    font-size: 1.1rem;
    line-height: 1.8;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not, see <http://www.gnu.org/licenses/>.
 */

#page-pagination {
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}
#page-pagination > div { display: inline-block }
#page-pagination > div > * {
    padding: 0.2em 1em;
    line-height: 1;
    text-decoration: none;
    border-left-width: 0;
}
#page-pagination > div > *:first-child {
    border-left-width: 1px;
}
@media (prefers-color-scheme: light) {
    .hl-attribute {
        color: #D75F00;
    }
    .hl-comment {
        color: #878787;
        font-style: italic;
    }
    .hl-comment.hl-block {
        color: #878787;
        font-style: italic;
    }
    .hl-comment.hl-block.hl-documentation {
        color: #878787;
        font-weight: bold;
    }
    .hl-comment.hl-line {
        color: #878787;
        font-style: italic;
    }
    .hl-constant {
        color: #D75F00;
    }
    .hl-constant.hl-builtin {
        color: #5F8700;
    }
    .hl-constant.hl-builtin.hl-boolean {
        color: #008700;
        font-weight: bold;
    }
    .hl-constant.hl-character {
        color: #5F8700;
    }
    .hl-constant.hl-character.hl-escape {
        color: #8700AF;
        font-weight: bold;
    }
    .hl-constant.hl-numeric {
        color: #D75F00;
    }
    .hl-constant.hl-numeric.hl-float {
        color: #D75F00;
    }
    .hl-constant.hl-numeric.hl-integer {
        color: #D75F00;
    }
    .hl-constructor {
        color: #444444;
    }
    .hl-diff.hl-delta {
        background-color: #FFD787;
    }
    .hl-diff.hl-delta.hl-moved {
        font-style: italic;
    }
    .hl-diff.hl-minus {
        color: #AF0000;
        background-color: #FFD7FF;
    }
    .hl-diff.hl-plus {
        color: #008700;
        background-color: #AFFFAF;
    }
    .hl-function {
        color: #444444;
    }
    .hl-function.hl-builtin {
        color: #005FAF;
    }
    .hl-function.hl-macro {
        color: #5F8700;
        font-weight: bold;
    }
    .hl-function.hl-method {
        color: #444444;
    }
    .hl-function.hl-special {
        color: #D75F00;
    }
    .hl-keyword {
        color: #D70087;
    }
    .hl-keyword.hl-control {
        color: #D70000;
    }
    .hl-keyword.hl-control.hl-conditional {
        color: #8700AF;
        font-weight: bold;
    }
    .hl-keyword.hl-control.hl-exception {
        color: #D70000;
    }
    .hl-keyword.hl-control.hl-import {
        color: #D70087;
    }
    .hl-keyword.hl-control.hl-repeat {
        color: #8700AF;
        font-weight: bold;
    }
    .hl-keyword.hl-control.hl-return {
        color: #D70087;
    }
    .hl-keyword.hl-directive {
        color: #0087AF;
    }
    .hl-keyword.hl-function {
        color: #D70087;
    }
    .hl-keyword.hl-operator {
        color: #0087AF;
        font-weight: bold;
    }
    .hl-keyword.hl-storage {
        color: #D70087;
    }
    .hl-keyword.hl-storage.hl-modifier {
        color: #005F87;
        font-weight: bold;
    }
    .hl-keyword.hl-storage.hl-type {
        color: #0087AF;
        font-weight: bold;
    }
    .hl-label {
        color: #0087AF;
        font-weight: bold;
        font-style: italic;
    }
    .hl-markup.hl-bold {
        color: #444444;
        font-weight: bold;
    }
    .hl-markup.hl-heading {
        color: #D75F00;
        font-weight: bold;
    }
    .hl-markup.hl-heading.hl-1 {
        color: #D70087;
        font-weight: bold;
    }
    .hl-markup.hl-heading.hl-2 {
        color: #D75F00;
        font-weight: bold;
    }
    .hl-markup.hl-heading.hl-3 {
        color: #8700AF;
        font-weight: bold;
    }
    .hl-markup.hl-heading.hl-4 {
        color: #D75F00;
        font-weight: bold;
    }
    .hl-markup.hl-heading.hl-5 {
        color: #D75F00;
        font-weight: bold;
    }
    .hl-markup.hl-heading.hl-6 {
        color: #D75F00;
        font-weight: bold;
    }
    .hl-markup.hl-heading.hl-marker {
        color: #D70087;
        font-weight: bold;
    }
    .hl-markup.hl-italic {
        font-style: italic;
    }
    .hl-markup.hl-link.hl-label {
        color: #008700;
        font-weight: bold;
    }
    .hl-markup.hl-link.hl-text {
        color: #D70087;
    }
    .hl-markup.hl-link.hl-url {
        color: #005FAF;
        text-decoration-line: underline;
        text-decoration-style: solid;
    }
    .hl-markup.hl-list {
        color: #0087AF;
    }
    .hl-markup.hl-list.hl-checked {
        color: #0087AF;
    }
    .hl-markup.hl-list.hl-numbered {
        color: #0087AF;
    }
    .hl-markup.hl-list.hl-unchecked {
        color: #0087AF;
    }
    .hl-markup.hl-list.hl-unnumbered {
        color: #0087AF;
    }
    .hl-markup.hl-quote {
        color: #0087AF;
    }
    .hl-markup.hl-raw {
        color: #5F8700;
    }
    .hl-markup.hl-raw.hl-block {
        color: #5F8700;
    }
    .hl-markup.hl-raw.hl-inline {
        color: #5F8700;
    }
    .hl-markup.hl-strikethrough {
        text-decoration-line: line-through;
    }
    .hl-namespace {
        color: #005FAF;
    }
    .hl-operator {
        color: #0087AF;
        font-weight: bold;
    }
    .hl-punctuation {
        color: #444444;
    }
    .hl-punctuation.hl-bracket {
        color: #444444;
    }
    .hl-punctuation.hl-delimiter {
        color: #0087AF;
        font-weight: bold;
    }
    .hl-punctuation.hl-special {
        color: #D70000;
        font-weight: bold;
    }
    .hl-special {
        color: #3E999F;
    }
    .hl-string {
        color: #5F8700;
    }
    .hl-string.hl-regexp {
        color: #8700AF;
    }
    .hl-string.hl-special {
        color: #5F8700;
    }
    .hl-string.hl-special.hl-path {
        color: #5F8700;
    }
    .hl-string.hl-special.hl-symbol {
        color: #5F8700;
    }
    .hl-string.hl-special.hl-url {
        color: #5F8700;
    }
    .hl-tag {
        color: #0087AF;
    }
    .hl-tag.hl-builtin {
        color: #0087AF;
    }
    .hl-type {
        color: #D70087;
        font-weight: bold;
    }
    .hl-type.hl-builtin {
        color: #D70087;
        font-weight: bold;
    }
    .hl-type.hl-enum {
        color: #444444;
    }
    .hl-type.hl-enum.hl-variant {
        color: #444444;
    }
    .hl-variable {
        color: #444444;
    }
    .hl-variable.hl-builtin {
        color: #D75F00;
    }
    .hl-variable.hl-other {
        color: #444444;
    }
    .hl-variable.hl-other.hl-member {
        color: #444444;
    }
    .hl-variable.hl-parameter {
        color: #444444;
    }
}
@media (prefers-color-scheme: dark) {
    .hl-attribute {
        color: #81A1C1;
    }
    .hl-comment {
        color: #616E88;
        font-style: italic;
    }
    .hl-comment.hl-block {
        color: #616E88;
        font-style: italic;
    }
    .hl-comment.hl-block.hl-documentation {
        color: #616E88;
        font-style: italic;
    }
    .hl-comment.hl-line {
        color: #616E88;
        font-style: italic;
    }
    .hl-constant {
        color: #D8DEE9;
    }
    .hl-constant.hl-builtin {
        color: #81A1C1;
    }
    .hl-constant.hl-builtin.hl-boolean {
        color: #81A1C1;
    }
    .hl-constant.hl-character {
        color: #D8DEE9;
    }
    .hl-constant.hl-character.hl-escape {
        color: #EBCB8B;
    }
    .hl-constant.hl-numeric {
        color: #B48EAD;
    }
    .hl-constant.hl-numeric.hl-float {
        color: #B48EAD;
    }
    .hl-constant.hl-numeric.hl-integer {
        color: #B48EAD;
    }
    .hl-constructor {
        color: #88C0D0;
    }
    .hl-diff.hl-delta {
        color: #EBCB8B;
    }
    .hl-diff.hl-delta.hl-moved {
        color: #EBCB8B;
    }
    .hl-diff.hl-minus {
        color: #BF616A;
    }
    .hl-diff.hl-plus {
        color: #A3BE8C;
    }
    .hl-function {
        color: #88C0D0;
    }
    .hl-function.hl-builtin {
        color: #8FBCBB;
    }
    .hl-function.hl-macro {
        color: #81A1C1;
    }
    .hl-function.hl-method {
        color: #88C0D0;
    }
    .hl-function.hl-special {
        color: #81A1C1;
    }
    .hl-keyword {
        color: #81A1C1;
    }
    .hl-keyword.hl-control {
        color: #81A1C1;
    }
    .hl-keyword.hl-control.hl-conditional {
        color: #81A1C1;
    }
    .hl-keyword.hl-control.hl-exception {
        color: #81A1C1;
    }
    .hl-keyword.hl-control.hl-import {
        color: #81A1C1;
    }
    .hl-keyword.hl-control.hl-repeat {
        color: #81A1C1;
    }
    .hl-keyword.hl-control.hl-return {
        color: #81A1C1;
    }
    .hl-keyword.hl-directive {
        color: #81A1C1;
    }
    .hl-keyword.hl-function {
        color: #81A1C1;
    }
    .hl-keyword.hl-operator {
        color: #81A1C1;
    }
    .hl-keyword.hl-storage {
        color: #81A1C1;
    }
    .hl-keyword.hl-storage.hl-modifier {
        color: #81A1C1;
    }
    .hl-keyword.hl-storage.hl-type {
        color: #81A1C1;
    }
    .hl-label {
        color: #8FBCBB;
    }
    .hl-markup.hl-bold {
        font-weight: bold;
    }
    .hl-markup.hl-heading {
        color: #88C0D0;
    }
    .hl-markup.hl-heading.hl-1 {
        color: #88C0D0;
    }
    .hl-markup.hl-heading.hl-2 {
        color: #88C0D0;
    }
    .hl-markup.hl-heading.hl-3 {
        color: #88C0D0;
    }
    .hl-markup.hl-heading.hl-4 {
        color: #88C0D0;
    }
    .hl-markup.hl-heading.hl-5 {
        color: #88C0D0;
    }
    .hl-markup.hl-heading.hl-6 {
        color: #88C0D0;
    }
    .hl-markup.hl-heading.hl-marker {
        color: #88C0D0;
    }
    .hl-markup.hl-italic {
        font-style: italic;
    }
    .hl-markup.hl-link.hl-text {
        color: #88C0D0;
    }
    .hl-markup.hl-list {
        color: #81A1C1;
    }
    .hl-markup.hl-list.hl-checked {
        color: #81A1C1;
    }
    .hl-markup.hl-list.hl-numbered {
        color: #81A1C1;
    }
    .hl-markup.hl-list.hl-unchecked {
        color: #81A1C1;
    }
    .hl-markup.hl-list.hl-unnumbered {
        color: #81A1C1;
    }
    .hl-markup.hl-raw {
        color: #8FBCBB;
    }
    .hl-markup.hl-raw.hl-block {
        color: #8FBCBB;
    }
    .hl-markup.hl-raw.hl-inline {
        color: #8FBCBB;
    }
    .hl-markup.hl-strikethrough {
        text-decoration-line: line-through;
    }
    .hl-namespace {
        color: #D8DEE9;
    }
    .hl-operator {
        color: #81A1C1;
    }
    .hl-punctuation {
        color: #ECEFF4;
    }
    .hl-punctuation.hl-bracket {
        color: #ECEFF4;
    }
    .hl-punctuation.hl-delimiter {
        color: #ECEFF4;
    }
    .hl-punctuation.hl-special {
        color: #81A1C1;
    }
    .hl-special {
        color: #81A1C1;
    }
    .hl-string {
        color: #A3BE8C;
    }
    .hl-string.hl-regexp {
        color: #A3BE8C;
    }
    .hl-string.hl-special {
        color: #EBCB8B;
    }
    .hl-string.hl-special.hl-path {
        color: #EBCB8B;
    }
    .hl-string.hl-special.hl-symbol {
        color: #EBCB8B;
    }
    .hl-string.hl-special.hl-url {
        color: #EBCB8B;
    }
    .hl-tag {
        color: #8FBCBB;
    }
    .hl-tag.hl-builtin {
        color: #8FBCBB;
    }
    .hl-type {
        color: #8FBCBB;
    }
    .hl-type.hl-builtin {
        color: #8FBCBB;
    }
    .hl-type.hl-enum {
        color: #8FBCBB;
    }
    .hl-type.hl-enum.hl-variant {
        color: #8FBCBB;
    }
    .hl-variable {
        color: #D8DEE9;
    }
    .hl-variable.hl-builtin {
        color: #81A1C1;
    }
    .hl-variable.hl-other {
        color: #D8DEE9;
    }
    .hl-variable.hl-other.hl-member {
        color: #D8DEE9;
    }
    .hl-variable.hl-parameter {
        color: #88C0D0;
    }
}