:root {
    --page--background: #fff;
    --page--color: #000;
    --footnote--color: oklch(70.5% .015 286.067 / .25);
    --footnote-index--color: oklch(37% .013 285.805);
    --link-internal--color: oklch(52.7% .154 150.069);
    --link-external--color: oklch(48.8% .243 264.376);
    --blockquote--background: oklch(70.5% .015 286.067 / .25);
    --blockquote--color: oklch(37% .013 285.805);
    --hr--border: oklch(52.7% .154 150.069 / .3);
    --tag--background: oklch(52.7% .154 150.069);
    --tag--background-hover: #000;
    --tag--color: #fff;
    --code--background: oklch(70.5% .015 286.067 / .25);
    --code--attribute-color: ;
    --code--comment-color: ;
    --code--constant-color: ;
    --code--keyword-color: ;
    --code--label-color: ;
    --code--builtin-color: ;
    --code--variable-color: ;
    --nav--background-hover: #000;
    --nav--color: #000;
    --nav--color-hover: #fff;
    --nav--active-background: oklch(52.7% .154 150.069);
    --nav--active-color: #fff;
    --nav-crumb--color: #000;
    --nav-crumb--color-hover: oklch(52.7% .154 150.069);
    --callback--quote-background: oklch(70.5% .015 286.067 / .25);
    --callback--quote-color: oklch(37% .013 285.805);
    --callback--example-background: oklch(82.7% .119 306.383 / .25);
    --callback--example-color: oklch(49.6% .265 301.924);
    --callback--abstract-background: oklch(85.5% .138 181.071 / .25);
    --callback--abstract-color: oklch(51.1% .096 186.391);
    --callback--info-background: oklch(80.9% .105 251.813 / .25);
    --callback--info-color: oklch(48.8% .243 264.376);
    --callback--success-background: oklch(87.1% .15 154.449 / .25);
    --callback--success-color: oklch(52.7% .154 150.069);
    --callback--question-background: oklch(90.5% .182 98.111 / .25);
    --callback--question-color: oklch(55.4% .135 66.442);
    --callback--failure-background: oklch(80.8% .114 19.571 / .25);
    --callback--failure-color: oklch(50.5% .213 27.518);
    --graph--background: #fff;
    --graph--connection: oklch(70.5% .015 286.067 / .25);
    --graph--node: oklch(52.7% .154 150.069);
    --graph--text: #000;
}

@media (prefers-color-scheme: dark) {
    :root {
        --page--background: #000;
        --page--color: #fff;
        --footnote--color: oklch(44.2% .017 285.786 / .25);
        --footnote-index--color: oklch(87.1% .006 286.286);
        --link-internal--color: oklch(79.2% .209 151.711);
        --link-external--color: oklch(70.7% .165 254.624);
        --blockquote--background: oklch(44.2% .017 285.786 / .25);
        --blockquote--color: oklch(87.1% .006 286.286);
        --hr--border: oklch(79.2% .209 151.711 / .3);
        --tag--background: oklch(79.2% .209 151.711);
        --tag--background-hover: #fff;
        --tag--color: #000;
        --code--background: oklch(44.2% .017 285.786 / .25);
        --code--attribute-color: oklch(70.7% .165 254.624);
        --code--comment-color: oklch(55.3% .013 58.071);
        --code--constant-color: oklch(85.2% .199 91.936);
        --code--keyword-color: oklch(76.9% .188 70.08);
        --code--label-color: oklch(69.6% .17 162.48);
        --code--builtin-color: oklch(71.4% .203 305.504);
        --code--variable-color: oklch(70.5% .213 47.604);
        --nav--background-hover: #fff;
        --nav--color: #fff;
        --nav--color-hover: #000;
        --nav--active-background: oklch(79.2% .209 151.711);
        --nav--active-color: #000;
        --nav-crumb--color: #fff;
        --nav-crumb--color-hover: oklch(79.2% .209 151.711);
        --callback--quote-background: oklch(44.2% .017 285.786 / .25);
        --callback--quote-color: oklch(87.1% .006 286.286);
        --callback--example-background: oklch(38.1% .176 304.987 / .25);
        --callback--example-color: oklch(82.7% .119 306.383);
        --callback--abstract-background: oklch(38.6% .063 188.416 / .25);
        --callback--abstract-color: oklch(85.5% .138 181.071);
        --callback--info-background: oklch(37.9% .146 265.522 / .25);
        --callback--info-color: oklch(80.9% .105 251.813);
        --callback--success-background: oklch(39.3% .095 152.535 / .25);
        --callback--success-color: oklch(87.1% .15 154.449);
        --callback--question-background: oklch(42.1% .095 57.708 / .25);
        --callback--question-color: oklch(90.5% .182 98.111);
        --callback--failure-background: oklch(39.6% .141 25.723 / .25);
        --callback--failure-color: oklch(80.8% .114 19.571);
        --graph--background: #000;
        --graph--connection: oklch(44.2% .017 285.786 / .25);
        --graph--node: oklch(79.2% .209 151.711);
        --graph--text: #fff;
    }
}

*, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}

::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}

html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    line-height: 1.5;
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}

abbr:where([title]) {
    text-decoration: underline dotted;
}

a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp, pre {
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}

:-moz-focusring {
    outline: auto;
}

progress {
    vertical-align: baseline;
}

summary {
    display: list-item;
}

ol, ul, menu {
    list-style: none;
}

img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
}

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

button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
}

::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
}

:where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
}

:where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
}

::file-selector-button {
    margin-inline-end: 4px;
}

::placeholder {
    opacity: 1;
}

textarea {
    resize: vertical;
}

::-webkit-search-decoration {
    -webkit-appearance: none;
}

:-moz-ui-invalid {
    box-shadow: none;
}

button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
}

::file-selector-button {
    appearance: button;
}

::-webkit-inner-spin-button {
    height: auto;
}

::-webkit-outer-spin-button {
    height: auto;
}

h1 {
    margin-block: .5rem;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.2;
}

h2 {
    margin-block: .5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.33333;
}

h3 {
    margin-block: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
}

h4, h5, h6 {
    margin-block: .5rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.55556;
}

a {
    border-color: #0000;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    transition-property: background-color, border-color, color;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

a:hover {
    cursor: pointer;
}

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

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

a[data-external], a[href*="//"] {
    color: var(--link-external--color);
}

a[data-external]:hover, a[href*="//"]:hover {
    border-color: var(--link-external--color);
}

a[data-tag] {
    border-style: none;
    margin-bottom: .25rem;
    padding-inline: .25rem;
    font-weight: 700;
    display: inline-block;
}

a[data-tag]:before {
    content: "#";
}

a[data-tag] {
    background-color: var(--tag--background);
    color: var(--tag--color);
}

a[data-tag]:hover {
    background-color: var(--tag--background-hover);
}

article > p {
    margin-block: 1rem;
}

article ul {
    margin-left: 1rem;
    list-style-type: disc;
    list-style-position: inside;
}

article ol {
    margin-left: 1rem;
    list-style-type: decimal;
    list-style-position: inside;
}

article table {
    width: 100%;
    margin-block: 1.5rem;
}

blockquote {
    background-color: var(--blockquote--background);
    flex-direction: column;
    gap: .5rem;
    margin-block: .5rem;
    padding: .5rem;
    display: flex;
}

blockquote p:first-child {
    color: var(--blockquote--color);
}

footer {
    text-align: center;
    margin-block: 1rem;
}

hr {
    border-style: solid;
    border-width: 2px;
    border-color: var(--hr--border);
    margin-block: 1rem;
}

main {
    flex-grow: 1;
    max-width: 42rem;
}

p {
    margin-block: .5rem;
}

th, td {
    padding-block: .25rem;
    padding-inline: .5rem;
}

ul {
    margin-block: .5rem;
    margin-left: 1rem;
}

li > p {
    display: inline;
}

pre {
    background-color: --code--background;
    flex-direction: column;
    gap: .5rem;
    margin-block: .5rem;
    padding: .5rem;
    display: flex;
    overflow: scroll;
}

pre code .block {
    display: initial;
}

pre code .attribute, pre code .constructor, pre code .function {
    color: var(--code--attribute-color);
}

pre code .comment, pre code .operator, pre code .punctuation {
    color: var(--code--comment-color);
}

pre code .constant, pre code .string {
    color: var(--code--constant-color);
}

pre code .keyword {
    color: var(--code--keyword-color);
}

pre code .label, pre code .tag, pre code .type {
    color: var(--code--label-color);
}

pre code .type.builtin {
    color: var(--code--builtin-color);
}

pre code .variable {
    color: var(--code--variable-color);
}

nav[data-main] {
    flex-direction: column;
    min-width: 12rem;
    display: flex;
}

@media (width >= 40rem) {
    nav[data-main] {
        width: 12rem;
    }
}

nav[data-main] h1 {
    letter-spacing: .1em;
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 1.33333;
}

nav[data-main] h2 {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.4;
}

nav[data-main] ul {
    margin: 0;
    margin-block: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: .5rem;
    margin-bottom: 1rem;
    display: grid;
}

@media (width >= 40rem) {
    nav[data-main] ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

nav[data-main] a {
    color: var(--nav--color);
    border-style: none;
    transition-property: background-color, color, padding;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    display: block;
}

nav[data-main] a:hover {
    background-color: var(--nav--background-hover);
    color: var(--nav--color-hover);
    padding-left: .5rem;
}

nav[data-main] a[data-active] {
    letter-spacing: .05em;
    background-color: var(--nav--active-background);
    color: var(--nav--active-color);
    padding-left: .5rem;
    font-weight: 700;
}

nav[data-breadcrumb] {
    margin-bottom: .5rem;
    display: block;
}

nav[data-breadcrumb] ol {
    column-gap: .25rem;
    display: flex;
}

nav[data-breadcrumb] a[data-active] {
    color: var(--nav-crumb--color);
}

nav[data-breadcrumb] a[data-active]:hover {
    color: var(--nav-crumb--color-hover);
}

[data-callout] {
    flex-direction: column;
    gap: .5rem;
    margin-block: .5rem;
    padding: .5rem;
    display: flex;
}

[data-callout] .callout-title {
    gap: .5rem;
    display: flex;
}

[data-callout] .callout-title:first-child {
    font-weight: 700;
}

[data-callout] .callout-title-inner {
    line-height: 1.625rem;
}

[data-callout] .callout-title-icon {
    width: 1.5rem;
    height: 1.5rem;
    mask-image: var(--callout-icon);
    vertical-align: middle;
    background-color: currentColor;
    display: inline-block;
    mask-size: contain;
    mask-repeat: no-repeat;
}

:is([data-callout="quote"], [data-callout="cite"]) {
    background-color: var(--callback--quote-background);
}

:is([data-callout="quote"], [data-callout="cite"]) .callout-title:first-child {
    color: var(--callback--quote-color);
}

[data-callout="example"] {
    background-color: var(--callback--example-background);
}

[data-callout="example"] .callout-title:first-child {
    color: var(--callback--example-color);
}

:is([data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"], [data-callout="tip"], [data-callout="hint"], [data-callout="important"]) {
    background-color: var(--callback--abstract-background);
}

:is([data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"], [data-callout="tip"], [data-callout="hint"], [data-callout="important"]) .callout-title:first-child {
    color: var(--callback--abstract-color);
}

:is([data-callout="info"], [data-callout="todo"]) {
    background-color: var(--callback--info-background);
}

:is([data-callout="info"], [data-callout="todo"]) .callout-title:first-child {
    color: var(--callback--info-color);
}

:is([data-callout="success"], [data-callout="check"], [data-callout="done"]) {
    background-color: var(--callback--success-background);
}

:is([data-callout="success"], [data-callout="check"], [data-callout="done"]) .callout-title:first-child {
    color: var(--callback--success-color);
}

:is([data-callout="question"], [data-callout="help"], [data-callout="faq"], [data-callout="warning"], [data-callout="caution"], [data-callout="attention"]) {
    background-color: var(--callback--question-background);
}

:is([data-callout="question"], [data-callout="help"], [data-callout="faq"], [data-callout="warning"], [data-callout="caution"], [data-callout="attention"]) .callout-title:first-child {
    color: var(--callback--question-color);
}

:is([data-callout="failure"], [data-callout="fail"], [data-callout="missing"], [data-callout="danger"], [data-callout="error"], [data-callout="bug"]) {
    background-color: var(--callback--failure-background);
}

:is([data-callout="failure"], [data-callout="fail"], [data-callout="missing"], [data-callout="danger"], [data-callout="error"], [data-callout="bug"]) .callout-title:first-child {
    color: var(--callback--failure-color);
}

[data-callout="bug"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M224,120H208V104h16a8,8,0,0,1,0,16ZM32,104a8,8,0,0,0,0,16H48V104Zm176,56c0,2.7-.14,5.37-.4,8H224a8,8,0,0,1,0,16H204.32a80,80,0,0,1-152.64,0H32a8,8,0,0,1,0-16H48.4c-.26-2.63-.4-5.3-.4-8v-8H32a8,8,0,0,1,0-16H48V120H208v16h16a8,8,0,0,1,0,16H208Zm-72-16a8,8,0,0,0-16,0v64a8,8,0,0,0,16,0ZM69.84,57.15A79.76,79.76,0,0,0,48.4,104H207.6a79.76,79.76,0,0,0-21.44-46.85l19.5-19.49a8,8,0,0,0-11.32-11.32l-20.29,20.3a79.74,79.74,0,0,0-92.1,0L61.66,26.34A8,8,0,0,0,50.34,37.66Z\"></path></svg>");
}

[data-callout="check"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z\"></path></svg>");
}

[data-callout="check-circle"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z\"></path></svg>");
}

[data-callout="clipboard"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M200,32H163.74a47.92,47.92,0,0,0-71.48,0H56A16,16,0,0,0,40,48V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm-72,0a32,32,0,0,1,32,32H96A32,32,0,0,1,128,32Zm32,128H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Z\"></path></svg>");
}

[data-callout="flame"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M173.79,51.48a221.25,221.25,0,0,0-41.67-34.34,8,8,0,0,0-8.24,0A221.25,221.25,0,0,0,82.21,51.48C54.59,80.48,40,112.47,40,144a88,88,0,0,0,176,0C216,112.47,201.41,80.48,173.79,51.48ZM96,184c0-27.67,22.53-47.28,32-54.3,9.48,7,32,26.63,32,54.3a32,32,0,0,1-64,0Z\"></path></svg>");
}

[data-callout="info"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z\"></path></svg>");
}

[data-callout="question"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M196,96c0,29.47-24.21,54.05-56,59.06V156a12,12,0,0,1-24,0V144a12,12,0,0,1,12-12c24.26,0,44-16.15,44-36s-19.74-36-44-36S84,76.15,84,96a12,12,0,0,1-24,0c0-33.08,30.5-60,68-60S196,62.92,196,96Zm-68,92a20,20,0,1,0,20,20A20,20,0,0,0,128,188Z\"></path></svg>");
}

[data-callout="question-circle"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,168a12,12,0,1,1,12-12A12,12,0,0,1,128,192Zm8-48.72V144a8,8,0,0,1-16,0v-8a8,8,0,0,1,8-8c13.23,0,24-9,24-20s-10.77-20-24-20-24,9-24,20v4a8,8,0,0,1-16,0v-4c0-19.85,17.94-36,40-36s40,16.15,40,36C168,125.38,154.24,139.93,136,143.28Z\"></path></svg>");
}

[data-callout="lightning"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z\"></path></svg>");
}

[data-callout="list-dashes"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M84,64A12,12,0,0,1,96,52H216a12,12,0,0,1,0,24H96A12,12,0,0,1,84,64Zm132,52H96a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Zm0,64H96a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24ZM56,52H40a12,12,0,0,0,0,24H56a12,12,0,0,0,0-24Zm0,64H40a12,12,0,0,0,0,24H56a12,12,0,0,0,0-24Zm0,64H40a12,12,0,0,0,0,24H56a12,12,0,0,0,0-24Z\"></path></svg>");
}

[data-callout="quote"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M116,72v88a48.05,48.05,0,0,1-48,48,8,8,0,0,1,0-16,32,32,0,0,0,32-32v-8H40a16,16,0,0,1-16-16V72A16,16,0,0,1,40,56h60A16,16,0,0,1,116,72ZM216,56H156a16,16,0,0,0-16,16v64a16,16,0,0,0,16,16h60v8a32,32,0,0,1-32,32,8,8,0,0,0,0,16,48.05,48.05,0,0,0,48-48V72A16,16,0,0,0,216,56Z\"></path></svg>");
}

[data-callout="warning"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z\"></path></svg>");
}

[data-callout="x"] {
    --callout-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z\"></path></svg>");
}

.sable-link-graph {
    background-color: var(--graph--background);
    width: 8rem;
    height: 8rem;
}

.sable-link-graph .note-connection {
    stroke: var(--graph--connection);
}

.sable-link-graph .note-container .note-node {
    cursor: pointer;
    fill: var(--graph--node);
}

.sable-link-graph .note-container .note-text {
    pointer-events: none;
    opacity: 0;
    fill: var(--graph--text);
    font-size: 2px;
    transition-property: opacity;
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.sable-link-graph .note-container:hover .note-text {
    opacity: 1;
}

body {
    background-color: var(--page--background);
    color: var(--page--color);
    flex-direction: column;
    gap: .5rem;
    padding: .5rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    display: flex;
}

@media (width >= 40rem) {
    body {
        flex-direction: row;
    }
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}

.footnote-definition {
    background-color: var(--footnote--color);
    gap: .5rem;
    margin: .5rem;
    padding-block: .5rem;
    padding-inline: .5rem;
    display: flex;
}

.footnote-definition-index {
    color: var(--footnote-index--color);
    font-weight: 700;
}

.footnote-definition-content p {
    margin: 0;
}

.table-align-left {
    text-align: left;
}

.table-align-center {
    text-align: center;
}

.table-align-right {
    text-align: right;
}