* {box-sizing:border-box}
[hidden] {display:none !important}
[disabled] {pointer-events:none; opacity:0.3}
.horizontal {display:flex; flex-direction:row; justify-content:space-between}
.vertical {display:flex; flex-direction:column}
.center {justify-content:center; align-items:center}
.flex {flex:1}
button:focus:not(:focus-visible) { outline:none }
div {position:relative}
img {width:auto; height:auto}
html {
    font-family: "Roboto Mono", "RobotoMono Nerd Font", monospace;
}

pre.code,
pre.literal-block,
div.code {
    padding: 0.5rem 0.5rem;
    margin: 0 1rem;
    overflow: auto;
}
code { }

footer { text-align: left !important; margin-left: 0; font-size: 75% }

.codetable {
    border-spacing: 0;
}
.codetable a { text-decoration: none; }
code[data-line-number]::before { content: attr(data-line-number) }
td.linenos { vertical-align:top }
.codetable code { white-space: nowrap; }
li p { margin: 0 }

#content a[href^="http:"]:visited::before,
#content a[href^="https:"]:visited::before,
#content a[href^="http:"]::before,
#content a[href^="https:"]::before {
    display: inline-block;
    width: 1em;
}

html,
body {
}

#content a[href^="http:"]::before,
#content a[href^="https:"]::before {
    content: url("/assets/icons/external_link_dark.svg");
    width:1em;
}
#content a[href^="http:"]:visited::before,
#content a[href^="https:"]:visited::before {
    content: url("/assets/icons/external_link_dark_visited.svg");
}