:root{--code-snippet-purple:#bd93f9;--code-snippet-pink:#ff79c6;--code-snippet-red:#f55;--code-snippet-green:#50fa7b;--code-snippet-yellow:#f1fa8c;--code-snippet-cyan:#8be9fd;--code-snippet-orange:#ffb86c;--code-snippet-comment:#6272a4;--code-snippet-foreground:#f8f8f2;--code-snippet-background:#282a36}.code-snippet,.code-toolbar{max-height:80vh}.code-snippet{background-color:var(--code-snippet-background);border-radius:var(--big-border-radius);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:11.85px;font-weight:400;min-width:550px;overflow:hidden;position:sticky;top:calc(var(--header-height) + 3rem);width:550px}.code-snippet .code-toolbar{--scrollbar-color-thumb:var(--color-white);--scrollbar-color-track:var(--color-black);--scrollbar-width:thin;--scrollbar-width-legacy:10px;display:flex;flex-direction:column-reverse;overflow:auto;width:100%}.code-snippet .token.atrule,.code-snippet .token.builtin,.code-snippet .token.important,.code-snippet .token.keyword,.code-snippet .token.selector{color:var(--code-snippet-pink)}.code-snippet .token.boolean,.code-snippet .token.number{color:var(--code-snippet-purple)}.code-snippet .token.function{color:var(--code-snippet-green)}.code-snippet .token.attr-value,.code-snippet .token.char,.code-snippet .token.regex,.code-snippet .token.string,.code-snippet .token.variable{color:var(--code-snippet-yellow)}.code-snippet .token.class-name,.code-snippet .token.constant,.code-snippet .token.property,.code-snippet .token.symbol{color:var(--code-snippet-cyan)}.code-snippet .token.block-comment,.code-snippet .token.cdata,.code-snippet .token.comment,.code-snippet .token.doctype,.code-snippet .token.prolog{color:var(--code-snippet-comment)}.code-snippet .token.parameter,.code-snippet .token.property{color:var(--code-snippet-orange)}@supports (scrollbar-width:auto){.code-snippet .code-toolbar{scrollbar-color:var(--scrollbar-color-thumb) var(--scrollbar-color-track);scrollbar-width:var(--scrollbar-width)}}@supports selector(::-webkit-scrollbar){.code-snippet .code-toolbar::-webkit-scrollbar-thumb{background:var(--scrollbar-color-thumb)}.code-snippet .code-toolbar::-webkit-scrollbar-track{background:var(--scrollbar-color-track)}.code-snippet .code-toolbar::-webkit-scrollbar{height:var(--scrollbar-width-legacy);width:var(--scrollbar-width-legacy)}}.code-snippet :not(pre)>code[class*=language-],.code-snippet pre[class*=language-]{background:var(--code-snippet-background)}.code-snippet code[class*=language-],.code-snippet pre[class*=language-]{color:var(--code-snippet-foreground)}.code-snippet pre[class*=language-]{margin:0;padding-top:0}.code-snippet .code-toolbar>.toolbar{all:unset;display:flex;font-size:var(--font-size-body);justify-content:flex-end;opacity:1;padding:.8rem;position:relative}.code-snippet .code-toolbar>.toolbar>.toolbar-item>button{padding:.5rem 1rem;transition:var(--default-transition)}.code-snippet .code-toolbar>.toolbar>.toolbar-item>button:focus{color:var(--color-grey-light)}.code-snippet .code-toolbar>.toolbar>.toolbar-item>button:hover{color:var(--color-white)}.code-snippet pre[class*=language-].line-numbers{padding-top:0}.code-snippet .line-numbers .line-numbers-rows{border-right:0;left:-4rem;line-height:1.55;margin:-3px 0 0;width:unset}@media(max-width:989px){.code-snippet{min-width:100%;width:100%}}