:root{--code-text:#111;--code-comment:#94a3b8;--code-punctuation:#1f2937;--code-property:#2563eb;--code-boolean:#e11d48;--code-string:#059669;--code-operator:#0ea5e9;--code-function:#7c3aed;--code-keyword:#e11d48;--code-regex:#f97316;--code-parameter:#0f172a;--code-background:#f8fafc;--code-border:rgba(15,23,42,.07);--code-shadow:0 18px 30px -20px rgba(15,23,42,.3);--code-line-highlight:rgba(37,99,235,.08)}.dark{--code-text:#e5e7eb;--code-comment:#64748b;--code-punctuation:#cbd5f5;--code-property:#60a5fa;--code-boolean:#f472b6;--code-string:#34d399;--code-operator:#38bdf8;--code-function:#c084fc;--code-keyword:#f472b6;--code-regex:#fbbf24;--code-parameter:#fca5a5;--code-background:#0f172a;--code-border:rgba(148,163,184,.18);--code-shadow:0 18px 38px -18px rgba(15,23,42,.65);--code-line-highlight:rgba(96,165,250,.16)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-comment)}.token.punctuation{color:var(--code-punctuation)}.token.property,.token.tag,.token.constant,.token.symbol{color:var(--code-property)}.token.boolean,.token.number,.token.variable{color:var(--code-boolean)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:var(--code-string)}.token.operator,.token.entity,.token.url{color:var(--code-operator)}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:var(--code-function)}.token.keyword{color:var(--code-keyword)}.token.regex,.token.important{color:var(--code-regex)}.token.important{font-weight:700}.token.entity{cursor:help}.token.parameter{color:var(--code-parameter)}.line-highlight{background:var(--code-line-highlight);border-left:2px solid var(--code-property)}
.line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}.line-numbers>code{white-space:inherit;position:relative}.line-numbers .line-numbers-rows{pointer-events:none;letter-spacing:-1px;font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3em;font-size:100%;position:absolute;top:0;left:-3.8em}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{content:counter(linenumber);color:var(--color-ds-text-quaternary);text-align:right;padding-right:.8em;display:block}@media (max-width:640px){.line-numbers{padding-left:3em}.line-numbers .line-numbers-rows{width:2.5em;left:-3em}}@media print{.line-numbers .line-numbers-rows{border-right:1px solid #000}.line-numbers-rows>span:before{color:#000}}