:root {
    --syntax_normal: #1b1e23;
    --syntax_comment: #a9b0bc;
    --syntax_number: #20a5ba;
    --syntax_keyword: #c30771;
    --syntax_atom: #10a778;
    --syntax_string: #008ec4;
    --syntax_error: #ffbedc;
    --syntax_unknown_variable: #838383;
    --syntax_known_variable: #005f87;
    --syntax_matchbracket: #20bbfc;
    --syntax_key: #6636b4;
    --mono_fonts: 82%/1.5 Menlo, Consolas, monospace;
}

.observablehq--collapsed,
.observablehq--expanded,
.observablehq--function,
.observablehq--gray,
.observablehq--import,
.observablehq--string:after,
.observablehq--string:before {
    color: var(--syntax_normal);
}

.observablehq--collapsed,
.observablehq--inspect a {
    cursor: pointer;
}

.observablehq--field {
    text-indent: -1em;
    margin-left: 1em;
}

.observablehq--empty {
    color: var(--syntax_comment);
}

.observablehq--blue,
.observablehq--keyword {
    color: #3182bd;
}

.observablehq--forbidden,
.observablehq--pink {
    color: #e377c2;
}

.observablehq--orange {
    color: #e6550d;
}

.observablehq--boolean,
.observablehq--null,
.observablehq--undefined {
    color: var(--syntax_atom);
}

.observablehq--bigint,
.observablehq--date,
.observablehq--green,
.observablehq--number,
.observablehq--regexp,
.observablehq--symbol {
    color: var(--syntax_number);
}

.observablehq--index,
.observablehq--key {
    color: var(--syntax_key);
}

.observablehq--prototype-key {
    color: #aaa;
}

.observablehq--empty {
    font-style: oblique;
}

.observablehq--purple,
.observablehq--string {
    color: var(--syntax_string);
}

.observablehq--error,
.observablehq--red {
    color: #e7040f;
}

.observablehq--inspect {
    font: var(--mono_fonts);
    overflow-x: auto;
    display: none;
    white-space: pre;
}

.observablehq--error .observablehq--inspect {
    word-break: break-all;
    white-space: pre-wrap;
}

#vis-module {
        margin: 20px;
        padding: 20px;
        border: 2px solid #ddd;
        border-radius: 5px;
    }