.fo-code-surface{--fo-code-accent:#8fa3b3;--fo-code-fg:#d7dee5;--fo-code-header-bg:#102a3a;--fo-code-token-comment:#8fa3b3;--fo-code-token-punctuation:#d7dee5;--fo-code-token-constant:#fb7185;--fo-code-token-string:#9ee6b7;--fo-code-token-operator:#67e8f9;--fo-code-token-keyword:#93c5fd;--fo-code-token-function:#facc15;--fo-code-token-variable:#fdba74}.fo-code-surface[data-language=astro]{--fo-code-accent:#ff8a3d;--fo-code-fg:#ffe5d2}.fo-code-surface[data-language=html]{--fo-code-accent:#f97316;--fo-code-fg:#ffedd5}.fo-code-surface[data-language=http]{--fo-code-accent:#38bdf8;--fo-code-fg:#e0f2fe}.fo-code-surface[data-language=js],.fo-code-surface[data-language=javascript]{--fo-code-accent:#facc15;--fo-code-fg:#fef9c3}.fo-code-surface[data-language=json]{--fo-code-accent:#c084fc;--fo-code-fg:#f3e8ff}.fo-code-surface[data-language=sh],.fo-code-surface[data-language=bash],.fo-code-surface[data-language=shell]{--fo-code-accent:#2dd4bf;--fo-code-fg:#ccfbf1}.fo-code-surface[data-language=ts],.fo-code-surface[data-language=typescript]{--fo-code-accent:#60a5fa;--fo-code-fg:#dbeafe}.fo-code-surface[data-language=tsx]{--fo-code-accent:#818cf8;--fo-code-fg:#e0e7ff}.fo-code-surface[data-language=text],.fo-code-surface[data-language=txt]{--fo-code-accent:#8fa3b3;--fo-code-fg:#d7dee5}.fo-code-block{border-radius:var(--fo-radius-md);color:#f8f6f0;background:#0a1f2e;border:1px solid #f8f6f01f;max-width:100%;margin:0;overflow:hidden}.fo-code-block figcaption{background:var(--fo-code-header-bg);box-shadow:inset 0 3px 0 var(--fo-code-accent);border-bottom:1px solid #f8f6f01f;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:.75rem 1rem;display:flex}.fo-code-block__language{color:var(--fo-code-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:750;line-height:1.2}.fo-code-block__dots{gap:.35rem;display:flex}.fo-code-block__dots i{background:#f8f6f05c;border-radius:999px;width:.48rem;height:.48rem;display:block}.fo-code-block__dots i:first-child{background:var(--fo-code-accent)}.fo-code-block pre{color:inherit;background:0 0;border-radius:0;max-width:100%;margin:0;padding:1rem;overflow-x:auto}.fo-code-block pre:focus-visible{outline:2px solid var(--fo-code-accent);outline-offset:-2px}.fo-code-block pre code{color:var(--fo-code-fg);font-family:var(--fo-font-mono);font-feature-settings:"liga" 0, "calt" 0;font-size:var(--fo-code-font-size,.9rem);font-variant-ligatures:none;tab-size:2;white-space:pre;background:0 0;padding:0;line-height:1.65;display:block}.fo-code-block--compact figcaption{padding:.5rem .8rem .4rem}.fo-code-block--compact pre{padding:.55rem .8rem}.fo-code-surface .token.comment,.fo-code-surface .token.block-comment,.fo-code-surface .token.prolog,.fo-code-surface .token.doctype,.fo-code-surface .token.cdata{color:var(--fo-code-token-comment)}.fo-code-surface .token.punctuation,.fo-code-surface .token.script-punctuation,.fo-code-surface .token.attr-equals,.fo-code-surface .token.plain-text{color:var(--fo-code-token-punctuation)}.fo-code-surface .token.property,.fo-code-surface .token.tag,.fo-code-surface .token.boolean,.fo-code-surface .token.number,.fo-code-surface .token.constant,.fo-code-surface .token.symbol,.fo-code-surface .token.deleted,.fo-code-surface .token.literal-property,.fo-code-surface .token.namespace{color:var(--fo-code-token-constant)}.fo-code-surface .token.selector,.fo-code-surface .token.attr-name,.fo-code-surface .token.string,.fo-code-surface .token.char,.fo-code-surface .token.builtin,.fo-code-surface .token.inserted,.fo-code-surface .token.attr-value{color:var(--fo-code-token-string)}.fo-code-surface .token.operator,.fo-code-surface .token.entity,.fo-code-surface .token.url,.fo-code-surface .language-css .token.string,.fo-code-surface .style .token.string{color:var(--fo-code-token-operator)}.fo-code-surface .token.atrule,.fo-code-surface .token.keyword,.fo-code-surface .token.template-punctuation,.fo-code-surface .token.interpolation-punctuation{color:var(--fo-code-token-keyword)}.fo-code-surface .token.function,.fo-code-surface .token.function-name,.fo-code-surface .token.class-name{color:var(--fo-code-token-function)}.fo-code-surface .token.regex,.fo-code-surface .token.important,.fo-code-surface .token.variable,.fo-code-surface .token.parameter{color:var(--fo-code-token-variable)}.fo-code-surface .token.bold,.fo-code-surface .token.important{font-weight:700}.fo-code-surface .token.italic{font-style:italic}