@font-face{font-family:'Obsidian Code';src:url('/assets/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.syntax-panel{min-width:0;background:#0b0d10;border-color:#282c33}
.syntax-panel .code-toolbar{font-family:Inter,'Segoe UI',Tahoma,Arial,sans-serif;font-size:12px;letter-spacing:normal;line-height:1.6;background:#12151a;padding-block:8px}
.syntax-panel .code-caption{min-width:0}
.syntax-panel pre.code-viewport{padding:20px;margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#424956 #101318;scrollbar-width:thin;text-align:left;direction:ltr;unicode-bidi:isolate;tab-size:4}
.syntax-panel pre.code-viewport,.syntax-panel pre.code-viewport code,.syntax-panel pre.code-viewport code *{font-family:'Obsidian Code',Consolas,monospace!important;font-size:12px;font-weight:400!important;font-style:normal;line-height:1.85;letter-spacing:0;text-transform:none!important;direction:ltr!important;white-space:pre;word-break:normal;overflow-wrap:normal;font-variant-ligatures:none}
.syntax-panel pre.code-viewport code{display:block;width:max-content;min-width:100%;color:#d6deeb}
#modal .syntax-panel pre.code-viewport{max-height:min(48vh,520px)}
.syntax-panel .hljs-comment,.syntax-panel .hljs-quote{color:#87949f}
.syntax-panel .hljs-keyword,.syntax-panel .hljs-selector-tag,.syntax-panel .hljs-literal{color:#c792ea}
.syntax-panel .hljs-string,.syntax-panel .hljs-regexp,.syntax-panel .hljs-doctag{color:#c3e88d}
.syntax-panel .hljs-number,.syntax-panel .hljs-symbol,.syntax-panel .hljs-bullet{color:#f78c6c}
.syntax-panel .hljs-title,.syntax-panel .hljs-section,.syntax-panel .hljs-title.function_{color:#82aaff}
.syntax-panel .hljs-type,.syntax-panel .hljs-built_in,.syntax-panel .hljs-title.class_{color:#ffcb6b}
.syntax-panel .hljs-attr,.syntax-panel .hljs-attribute,.syntax-panel .hljs-property{color:#89ddff}
.syntax-panel .hljs-meta,.syntax-panel .hljs-meta .hljs-keyword{color:#80cbc4}
.syntax-panel .hljs-variable,.syntax-panel .hljs-template-variable{color:#f07178}
.syntax-panel pre.code-viewport:focus-visible{outline:2px solid #82aaff;outline-offset:-3px}
@media(max-width:760px){.syntax-panel pre.code-viewport{padding:16px}.syntax-panel pre.code-viewport,.syntax-panel pre.code-viewport code,.syntax-panel pre.code-viewport code *{font-size:11px}#modal .syntax-panel pre.code-viewport{max-height:42vh}}