/*=============================================
Normalize
=============================================*/

*, :active, :before {
    box-sizing: border-box;
}

figure {
    margin: 0;
}

img, video {
    max-width: 100%;
    height: auto;
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
}

hr.divider {
    margin: 0;
    padding: 0;

    width: 100%;
    height: var(--box-size);

    background-image: url("/assets/header_backgrounds/bg_chevrons_down-2dba71ab.png");

    border: 0px;

    outline: solid var(--pink-400);
    outline-width: 0.5px;
}

/*=============================================
Variables
=============================================*/

:root {
    --box-size: 120px;

    --main-width: calc(var(--box-size) * 6);
    --aside-width: calc(var(--box-size) * 4);

    --section-margin: 120px;
    --section-padding: 12px;

    --box-margin: 12px;
    --box-padding: 12px;

    --background-grid-image: url("/assets/grid-120-864c892c.png");

    /* Colors */
    --slate-100: #f9fafb;
    --slate-200: #f4f5f7;
    --slate-300: #e5e7eb;
    --slate-400: #a0aec0;
    --slate-500: #6b7280;
    --slate-600: #4b5563;

    --beige-100: #f7f3f0;

    --sky-100: #e0f2fe;
    --sky-200: #bae6fd;
    --sky-400: #60a5fa;
    --sky-600: #3182ce;
    --sky-600-faded: #8099b2;
    --sky-800: #2c5282;

    --pink-100: #fff5f7;
    --pink-400: #f472b6;
    --pink-400-dark: #7D3659;

    --red-500: #e53e3e;
    --red-800: #9b2c2c;

    /* Typography */
    --text-sm: 0.75rem;
    --text-base: 1rem;
    --text-lg: 1.25rem;
    --text-xl: 2rem;

    /* Code Highlight */
    --highlight-base-3:   #002b36;
    --highlight-base-2:   #073642;
    --highlight-base-1:   #586e75;
    --highlight-base-0:   #657b83;
    --highlight-base-00:  #839496;
    --highlight-base-01:  #93a1a1;
    --highlight-base-02:  #eee8d5;
    --highlight-base-03:  #fdf6e3;
    --highlight-yellow:  #b58900;
    --highlight-orange:  #cb4b16;
    --highlight-red:     #dc322f;
    --highlight-magenta: #d33682;
    --highlight-violet:  #6c71c4;
    --highlight-blue:    #268bd2;
    --highlight-blue-dark: #265b92;
    --highlight-cyan:    #2aa198;
    --highlight-green:   #859900;
}

/*=============================================
Load Fonts
=============================================*/

@layer {

    /*=============================================
*   PillGothic300mg
*   =============================================*/
    @font-face {
        font-family: 'PillGothic300mg-Light';
        src: url("/assets/PillGothic300mg-Light-73487a5f.woff") format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'PillGothic300mg-LightObq';
        src: url("/assets/PillGothic300mg-LightObq-9da174ce.woff") format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'PillGothic300mg-Regular';
        src: url("/assets/PillGothic300mg-Regular-bd6fad6a.woff") format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'PillGothic300mg-Oblique';
        src: url("/assets/PillGothic300mg-Oblique-222caa59.woff") format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'PillGothic300mg-Semibd';
        src: url("/assets/PillGothic300mg-Semibd-805dca55.woff") format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    /*=============================================
*   PillGothic600mg
*   =============================================*/

    @font-face {
        font-family: 'PillGothic600mg-Light';
        src: url("/assets/PillGothic600mg-Light-449c94f6.woff") format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'PillGothic600mg-Regular';
        src: url("/assets/PillGothic600mg-Regular-9586b275.woff") format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'PillGothic600mg-Semibd';
        src: url("/assets/PillGothic600mg-Semibd-e1758248.woff") format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
}

/*=============================================
Layout
=============================================*/

.section {
    width: 100%;
    position: relative;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* flex-direction: column; */

    background-color: white;

    outline: solid var(--pink-400);
    outline-width: 0.5px;
    /* outline-offset: -0.5px; */
}

.section-flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.section-margin-top {
    margin-top: var(--box-size);
}
.section-margin-bottom {
    margin-bottom: var(--box-size);
}
.section-margin-left {
    margin-left: var(--box-size);
}
.section-width-full {
    width: auto !important;
}

.section-header {
    position: relative;

    width: 100%;
    height: var(--box-size);

    padding: var(--box-padding);

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    outline: solid var(--pink-400);
    outline-width: 0.5px;
    /* outline-offset: -0.5px; */

    h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
        font-family: "PillGothic300mg-Regular";
        font-size: var(--text-lg);
        text-shadow: white 0px 0px 2px;
    }

    nav {
        margin-top: var(--box-padding);
        /* padding: 0 var(--box-padding) var(--box-padding) var(--box-padding); */

        a {
            margin-right: var(--box-padding);
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }
        }
    }
}

.section-header-mini {
    width: 100%;
    padding: var(--box-padding);

    h1, h2, h3, h4, h5, h6 {
        font-size: var(--text-lg);
    }
}

.box {
    position: relative;
    min-width: var(--box-size);
    min-height: var(--box-size);
}

.box-min-height {
    min-height: var(--box-size);
}

.box-margin {
    margin: var(--box-size);
}
.box-margin-top {
    margin-top: var(--box-size);
}
.box-margin-bottom {
    margin-bottom: var(--box-size);
}
.box-margin-left {
    margin-left: var(--box-size);
}
.box-margin-right {
    margin-right: var(--box-size);
}

.box-padding {
    padding: var(--box-padding);
}
.box-padding-horizontal {
    padding-left: var(--box-padding);
    padding-right: var(--box-padding);
}

.box-background-chevrons-left {
    background-image: url("/assets/header_backgrounds/bg_chevrons_left-bf31b1c9.png");
}

.box-background-chevrons-right {
    background-image: url("/assets/header_backgrounds/bg_chevrons_right-fb2fe293.png");
}

.box-background-chevrons-up {
    background-image: url("/assets/header_backgrounds/bg_chevrons_up-62f151f2.png");
}

.box-background-chevrons-down {
    background-image: url("/assets/header_backgrounds/bg_chevrons_down-2dba71ab.png");
}

.box-background-backslash {
    background-image: url("/assets/header_backgrounds/bg_backslash-7258ff56.png");
}

.box-background-forwardslash {
    background-image: url("/assets/header_backgrounds/bg_forwardslash-51ca1931.png");
}

.box-outline {
    outline: solid blue;
    outline-width: 0.5px;
    outline-offset: -0.5px;
}

.box-outline-top {
    border-top: 1px solid green;
}

.box-divider {
    outline: solid var(--pink-400);
    outline-width: 0.5px;
}

/*=============================================
Responsive Layout
=============================================*/

@media screen and (min-width: 768px) {

    .main {
        margin-left: var(--box-size);
        width: calc(var(--box-size) * 6);

        display: flex;
        flex-wrap: wrap;
    }
    .main-full-width {
        margin-left: var(--box-size);
        width: 100%;

        display: flex;
        flex-wrap: wrap;
    }

    .section {
    }

    .aside {
        margin-top: calc(var(--box-size) * 2);
        margin-left: var(--box-size);
        width: calc(var(--box-size) * 4);
    }

    .box-1, .box-width-1 {
        width: calc(var(--box-size) / 2);
    }

    .box-2, .box-width-2 {
        width: var(--box-size);
    }

    .box-4, .box-width-4 {
        width: calc(var(--box-size) * 2);
    }

    .box-6, .box-width-6 {
        width: calc(var(--box-size) * 3);
    }

    .box-8, .box-width-8 {
        width: calc(var(--box-size) * 4);
    }

    .box-10, .box-width-10 {
        width: calc(var(--box-size) * 5);
    }

    .box-12, .box-width-12 {
        width: calc(var(--box-size) * 6);
    }

    .box-height-12 {
        height: calc(var(--box-size) * 6);
    }
}

/*=============================================
Base
=============================================*/

.image-link {
    margin: 0;
    padding: 0;

    img {
        margin: 0;
        padding: 0;
    }
}

html {
    font-family: ui-sans-serif, system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}

body {
    margin: 0;
    padding: 0;
    background-color: #f8f8f2;
    background-image: url("/assets/grid-120-864c892c.png");
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 2rem;
    font-family: 'PillGothic300mg-Light';
    font-weight: normal;

    a {
        display: block;
    }
}

h1 {
    font-size: var(--text-xl);
}

h2 {
    font-size: var(--text-lg);
    font-family: "PillGothic300mg-Semibd";
}

h3 {
    font-family: "PillGothic300mg-Semibd";
    font-size: var(--text-base);
    text-transform: uppercase;
}

p,
blockquote,
pre,
table,
td,
th,
label {
    margin-bottom: 1rem;

    &:last-child {
        margin-bottom: 0;
    }
}

blockquote {
    border-left: 3px solid var(--pink-400);
    margin-left: var(--box-padding);
    padding-left: var(--box-padding);

    color: var(--slate-600);
    font-style: italic;
}


/* Code Blocks in body text */
pre:has(code) {
    font-size: var(--text-sm);
    color: var(--slate-600);

    background-color: var(--slate-100);
    border: 1px solid var(--slate-200);
    padding: var(--box-padding);
}

a {
    color: var(--sky-600);
    -webkit-transition: 0.3s;
    transition: 0.3s;

    /* &:link { */
    /* } */

    &:visited {
        color: var(--sky-600-faded);
    }

    &:hover {
        color: var(--sky-800);
        /* text-decoration: underline; */
    }

    &:active {
        color: var(--pink-400);
    }
}


.icon {
    /* display: inline-block; */
    width: 1rem;
    height: 1rem;
}

.resource-link {
}

.resource-link-prefix {
    color: var(--slate-400);
    font-size: var(--text-sm);
    text-transform: uppercase;
}

.resource-link-meta {
    float: right;
    color: var(--slate-400);
    font-size: var(--text-sm);
    text-transform: uppercase;
}

/* .resource-link { */
/*     display: inline-block; */
/*     margin: 0; */
/*     padding: 0; */

/*     width: 100%; */
/*     height: 100%; */

/*     text-decoration: none; */

/*     &:hover { */
/*         text-decoration: none; */
/*     } */

/*     .resource-link-prefix { */
/*         color: var(--slate-400); */

/*         &:hover { */
/*             text-decoration: none; */
/*             color: var(--slate-400); */
/*         } */
/*     } */

/*     .resource-link-label { */
/*         text-decoration: underline; */
/*         &:hover { */
/*             text-decoration: none; */
/*         } */
/*     } */

/*     .resource-link-meta { */
/*         margin-left: 0.5rem; */
/*         color: var(--slate-400); */
/*         font-size: var(--text-sm); */
/*         text-transform: uppercase; */
/*         text-decoration: none; */

/*         &:hover { */
/*             text-decoration: none; */
/*             color: var(--slate-400); */
/*         } */
/*     } */
/* } */

ul.link-list {
    li.link-list-item {
        a.link-list-link {
            display: block;
            text-decoration: none;

            span.link-list-prefix {
                text-decoration: none;
            }
            span.link-list-label {
                text-decoration: underline;
            }
            span.link-list-meta {
                float: right;
                text-decoration: none;;
            }
        }
    }
}


/* ul.data-list {
margin: 0;
padding: 0;
list-style: none;

@apply border-b border-gray-300;
}

ul.data-list li {
padding: 5px 0px;

@apply border-t border-gray-300;
font-size: 1rem;

overflow: hidden;
white-space: nowrap;
}

ul.data-list a {
display: block;
it "dsvsvsd" do
expect(true).to eq(false)
end
}

dl.data-list {
margin: 0;
padding: 0;

@apply grid grid-cols-2;
@apply border-t border-gray-300;
}

dl.data-list dt,
dl.data-list dd {
padding: 5px 0px 6px;
@apply border-b border-gray-300;
} */

ul {
    margin-bottom: 1rem;
    padding: 0 30px;
    /* margin: 0px; */
    /* padding: 0px; */
    /* list-style: none; */

    li {
        margin-bottom: 0.5em;
        line-height: 1.5em;
        list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><rect x="1" y="1" width="22" height="22" fill="rgb(200, 200, 200)" stroke="rgb(244, 144, 182)" stroke-width="2"></rect></svg>');

    }

    li:last-child {
        margin-bottom: 0;
    }
}

.tag {
    margin-right: 8px;

    padding: 4px 8px;

    background-color: var(--slate-200);

    color: var(--slate-400);
    text-decoration: none;

    &:last {
        margin-right: 0;
    }

    &:hover {
        background-color: var(--slate-300);
        color: var(--slate-600);
        text-decoration: none;
    }


}

.meta {
    font-size: var(--text-sm);
    text-transform: uppercase;
}

.hidden {
    display: none;
}

.overflow-scroll {
    overflow: scroll;
}

.page-nav {
    margin: 0 auto 0 var(--section-margin);
    width: var(--main-width);
    height: var(--box-size);

    display: flex;
    align-items: center;

    a:first-child {
        margin: 0;
        padding: 0 0 0 calc(var(--box-size) / 10);
        flex-grow: 1;
        font-family: 'PillGothic600mg-Semibd';
    }
    a:last-child {
        width: 1rem;
    }
    a {
        margin: 0;
        padding: 0 calc(var(--box-size) / 10);
        flex: none;
        font-family: 'PillGothic600mg-Light';
        /* font-size: 1.2em; */
        text-decoration: none;
    }
    a:hover {
        text-decoration: underline;
    }
}

dialog:modal {
    background-color: white;
    border: 1px solid black;
    box-shadow: var(--pink-400) 10px 10px;
}

.search-dialog > form {
    display: flex;
    width: calc(var(--box-size) * 4);

    .button {
        margin-left: 10px;
    }
}

.page-footer {
    margin: 0 auto 0 var(--section-margin);
    width: var(--main-width);
    height: var(--box-size);

    display: flex;
    align-items: center;

    span {
        margin: 0;
        padding: var(--box-padding);
        flex: none;

        color: var(--slate-600);
        font-size: var(--text-sm);
        text-transform: uppercase;
    }

    a {
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }
}


.pagination {
    text-align: center;

    .current {
        border: 1px solid var(--pink-400);
        padding: 6px 14px;
    }

    .page, .first, .prev, .next, .last {
        display: inline-block;
        margin-right: 0.25rem;
    }

    a {
        display: block;
        padding: 0.4rem 0.8rem;
        border: 1px solid transparent;
        text-decoration: none;

        &:hover {
            border: 1px solid var(--slate-600);
        }
    }
}

/*=============================================
Posts
=============================================*/

.post-article {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

/*=============================================
Components
=============================================*/

/* .text-component {} */

.image-component {
    position: relative;

    outline: solid var(--pink-400);
    outline-width: 0.5px;
    outline-offset: -0.5px;
}

.image-component-image-link {
    display: block;
    margin: 0;
    padding: 0;

    &:hover {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0px;
    }
}

.image-component-img {
    width: 100%;
    display: block;
}

.image-component-figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;

    padding: 12px 20px;
    background-color: rgba(0, 0, 0, 0.6);

    color: rgba(255, 255, 255, 0.8);
    font-size: 0.8rem;
    text-transform: uppercase;
}

.map-location-component iframe {
    width: 100%;
    height: 300px;
}

/*=============================================
Bookmarks
=============================================*/

.bookmark-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

/*=============================================
Forms
=============================================*/

.field_with_errors {
    label {
        color: var(--red-500);
    }

    input {
        border-color: var(--red-500);
    }
}

.field {
    margin: 2px 0 --var(--box-padding) 0;
}

.form_label {
    text-transform: uppercase;
    font-size: var(--text-sm);
    color: var(--slate-600);
}

.form_input {
    padding: 0.5rem;
    width: 100%;
    border-width: 1px;
    border-style: inset;
    /* border: 1px solid var(--slate-300); */
    /* border-radius: 0.25rem; */
    /* box-shadow: 0 0 0 1px var(--slate-200); */
    font-size: 1rem;
}

.actions {
    padding: 1rem 0;
    a, form {
        display: inline-block;
    }
}

form.button_to {
    display:inline-block;
}

a.button, input.button, button.button {
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 2px 1rem;

    border-width: 1px;
    border-style: outset;
    /* border-radius: 1px; */
    border-color: var(--slate-300);

    cursor: pointer;

    color: var(--slate-600);
    background-color: var(--slate-200);

    text-decoration: none;
    font-size: var(--text-base);
    line-height: 1.5em;

    .button.button-small {
        padding: 1px 2px;
        font-size: --var(text-sm);
    }

    &:hover {
        color: var(--slate-600);
        background-color: var(--slate-300);
        text-decoration: none;
    }
    &:active {
        border-style: inset;
        background-color: var(--slate-300);
        text-decoration: none;
    }

    &.primary {
        outline: dashed var(--pink-400);
        outline-width: 1px;
        outline-offset: 2px;
    }
}

/* .button:hover { */
/*     color: --var(slate-600); */
/*     background-color: var(--slate-300); */
/*     text-decoration: none; */
/* } */


/* .button.primary:hover { */
/*     color: white; */
/*     background-color: var(--slate-800); */
/* } */

/* .button.danger { */
/*     background-color: var(--red-500); */
/* } */
/* .button.danger:hover { */
/*     color: white */
/*     background-color: var(--red-800); */
/* } */

/*=============================================
Stats
=============================================*/

.box-stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;

    height: var(--box-size);
}

.box-stat {

    margin: 0;
    padding: var(--box-padding);

    width: var(--box-size);
    height: var(--box-size);

    .box-stat-label {
        margin: 0;
        padding: 0;

        font-size: var(--text-sm);
        font-family: 'PillGothic300mg-Regular';
        text-transform: uppercase;
    }

    .box-stat-figure {
        margin: 0;
        padding: 0;

        font-size: var(--text-xl);
        font-family: 'PillGothic600mg-Light';
    }

    .box-stat-meta {
        margin: 0;
        padding: 0;

        font-size: var(--text-sm);
        font-family: 'PillGothic300mg-Regular';
        text-transform: uppercase;
    }

}

/*=============================================
D3
=============================================*/

.links line {
    stroke: #999;
    stroke-opacity: 0.6;
}

.node circle {
    stroke: #fff;
    stroke-width: 1px;
}

.node circle:hover {
    stroke: #fff;
    stroke-width: 2px;
    cursor: pointer;
}

.node text {
    font: 10px sans-serif;
    color: #aaa;
    fill: #aaa;
    visibility: hidden;
}
.node circle:hover + text {
    fill: #fff;
    color: #fff;
    visibility: visible;
}
.node text.tag {
    visibility: visible !important;
}

.background-canvas {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.background-white {
    background-color: green;
}

.bg-beige-100 {
    background-color: rgb(233, 232, 229);
}

.xAxis > path, .yAxis > path {
    visibility:hidden;
}

.tick line{
    visibility:hidden;
}

.admin-banner {
    position: fixed;
    top: 0;
    left: 0;
}

.calculated_number {
    font-family: monospace;
    /* font-size: ; */
    .calculated_number_unit {}
    .calculated_number_major {}
    .calculated_number_minor {
        color: var(--slate-400);
    }
}


.highlight .hll { background-color: var(--highlight-base-03) } /* Highlighted */
.highlight      { background: var(--highlight-base-03); color: var(--highlight-base-3) } /* Default */
.highlight .c   { color: var(--highlight-base-1) } /* Comment */
.highlight .err { color: var(--highlight-base-1); border: 1px solid var(--highlight-red) } /* Error */
.highlight .esc { color: var(--highlight-base-1) } /* Escape */
.highlight .g   { color: var(--highlight-base-1) } /* Generic */
.highlight .k   { color: var(--highlight-yellow) } /* Keyword */
.highlight .l   { color: var(--highlight-base-1) } /* Literal */
.highlight .n   { color: var(--highlight-base-1) } /* Name */
.highlight .o   { color: var(--highlight-violet) } /* Operator */
.highlight .x   { color: var(--highlight-base-1) } /* Other */
.highlight .p   { color: var(--highlight-base-1) } /* Punctuation */
.highlight .ch  { color: var(--highlight-base-1) } /* Comment.Hashbang */
.highlight .cm  { color: var(--highlight-base-1) } /* Comment.Multiline */
.highlight .cp  { color: var(--highlight-base-1) } /* Comment.Preproc */
.highlight .cpf { color: var(--highlight-base-1) } /* Comment.PreprocFile */
.highlight .c1  { color: var(--highlight-base-1) } /* Comment.Single */
.highlight .cs  { color: var(--highlight-base-1); font-weight: bold } /* Comment.Special */
.highlight .gd  { color: var(--highlight-red) } /* Generic.Deleted */
.highlight .ge  { color: var(--highlight-base-1); font-style: italic } /* Generic.Emph */
.highlight .gr  { color: var(--highlight-red) } /* Generic.Error */
.highlight .gh  { color: var(--highlight-blue-dark); font-weight: bold } /* Generic.Heading */
.highlight .gi  { color: var(--highlight-green) } /* Generic.Inserted */
.highlight .go  { color: var(--highlight-base-2) } /* Generic.Output */
.highlight .gp  { color: var(--highlight-blue-dark); font-weight: bold } /* Generic.Prompt */
.highlight .gs  { color: var(--highlight-base-1); font-weight: bold } /* Generic.Strong */
.highlight .gu  { color: var(--highlight-violet); font-weight: bold } /* Generic.Subheading */
.highlight .gt  { color: var(--highlight-blue-dark) } /* Generic.Traceback */
.highlight .kc  { color: var(--highlight-yellow) } /* Keyword.Constant */
.highlight .kd  { color: var(--highlight-orange) } /* Keyword.Declaration */
.highlight .kn  { color: var(--highlight-magenta) } /* Keyword.Namespace */
.highlight .kp  { color: var(--highlight-yellow) } /* Keyword.Pseudo */
.highlight .kr  { color: var(--highlight-yellow) } /* Keyword.Reserved */
.highlight .kt  { color: var(--highlight-orange) } /* Keyword.Type */
.highlight .ld  { color: var(--highlight-base-1) } /* Literal.Date */
.highlight .m   { color: var(--highlight-magenta) } /* Literal.Number */
.highlight .s   { color: var(--highlight-red) } /* Literal.String */
.highlight .na  { color: var(--highlight-base-1) } /* Name.Attribute */
.highlight .nb  { color: var(--highlight-blue-dark) } /* Name.Builtin */
.highlight .nc  { color: var(--highlight-blue) } /* Name.Class */
.highlight .no  { color: var(--highlight-base-1) } /* Name.Constant */
.highlight .nd  { color: var(--highlight-base-1) } /* Name.Decorator */
.highlight .ni  { color: var(--highlight-base-1) } /* Name.Entity */
.highlight .ne  { color: var(--highlight-violet); font-weight: bold } /* Name.Exception */
.highlight .nf  { color: var(--highlight-blue) } /* Name.Function */
.highlight .nl  { color: var(--highlight-yellow) } /* Name.Label */
.highlight .nn  { color: var(--highlight-yellow) } /* Name.Namespace */
.highlight .nx  { color: var(--highlight-yellow) } /* Name.Other */
.highlight .py  { color: var(--highlight-yellow) } /* Name.Property */
.highlight .nt  { color: var(--highlight-yellow) } /* Name.Tag */
.highlight .nv  { color: var(--highlight-blue) } /* Name.Variable */
.highlight .ow  { color: var(--highlight-yellow) } /* Operator.Word */
.highlight .w   { color: var(--highlight-base-1) } /* Text.Whitespace */
.highlight .mb  { color: var(--highlight-magenta) } /* Literal.Number.Bin */
.highlight .mf  { color: var(--highlight-magenta) } /* Literal.Number.Float */
.highlight .mh  { color: var(--highlight-magenta) } /* Literal.Number.Hex */
.highlight .mi  { color: var(--highlight-magenta) } /* Literal.Number.Integer */
.highlight .mo  { color: var(--highlight-magenta) } /* Literal.Number.Oct */
.highlight .sa  { color: var(--highlight-red) } /* Literal.String.Affix */
.highlight .sb  { color: var(--highlight-red) } /* Literal.String.Backtick */
.highlight .sc  { color: var(--highlight-red) } /* Literal.String.Char */
.highlight .dl  { color: var(--highlight-red) } /* Literal.String.Delimiter */
.highlight .sd  { color: var(--highlight-red) } /* Literal.String.Doc */
.highlight .s2  { color: var(--highlight-red) } /* Literal.String.Double */
.highlight .se  { color: var(--highlight-red) } /* Literal.String.Escape */
.highlight .sh  { color: var(--highlight-red) } /* Literal.String.Heredoc */
.highlight .si  { color: var(--highlight-red) } /* Literal.String.Interpol */
.highlight .sx  { color: var(--highlight-red) } /* Literal.String.Other */
.highlight .sr  { color: var(--highlight-red) } /* Literal.String.Regex */
.highlight .s1  { color: var(--highlight-red) } /* Literal.String.Single */
.highlight .ss  { color: var(--highlight-red) } /* Literal.String.Symbol */
.highlight .bp  { color: var(--highlight-magenta) } /* Name.Builtin.Pseudo */
.highlight .fm  { color: var(--highlight-base-1) } /* Name.Function.Magic */
.highlight .vc  { color: var(--highlight-blue) } /* Name.Variable.Class */
.highlight .vg  { color: var(--highlight-blue) } /* Name.Variable.Global */
.highlight .vi  { color: var(--highlight-blue) } /* Name.Variable.Instance */
.highlight .vm  { color: var(--highlight-blue) } /* Name.Variable.Magic */
.highlight .il  { color: var(--highlight-magenta) } /* Literal.Number.Integer.Long */