.dx{--dx-top:64px;--dx-side:272px;--dx-surface:var(--site-surface);--dx-soft:var(--site-surface-soft);--dx-text:var(--ink);--dx-code-bg:var(--site-surface-soft);--dx-note:var(--tone-blue);--dx-note-soft:var(--tone-blue-soft);--dx-tip:var(--tone-green);--dx-tip-soft:var(--tone-green-soft);--dx-warn:var(--tone-amber);--dx-warn-soft:var(--tone-amber-soft);--dx-no:var(--tone-red);--dx-write:var(--tone-amber);--dx-block-bg:#121212;--dx-block-fg:#f4f4f4;--dx-block-muted:#a6a6a6;--dx-block-line:#2c2c2c;--dx-tok-string:#8fe3ad;--dx-tok-key:#ffd60a;--dx-tok-keyword:#c8b6ff;--dx-tok-number:#ffb07a}.dark .dx{--dx-block-bg:#050505;--dx-block-line:#262626}@media (max-width:900px){.dx{--dx-side:0px}}.dx-steps{counter-reset:step}.dx-steps>li{counter-increment:step}.dx-steps>li:before{content:counter(step)}.dx-flow{counter-reset:flow}.dx-flow>li{counter-increment:flow}.dx-flow>li:before{content:counter(flow)}