.chroma{background-color:#282c34;border-radius:8px;margin:1.5em 0;padding:1em;overflow:auto;font-family:fira code,consolas,monaco,monospace;font-size:.9em;line-height:1.5;box-shadow:0 4px 6px rgba(0,0,0,.1)}.chroma .lnt{color:#7d7d7d;margin-right:1em;user-select:none}.chroma .ln{color:#abb2bf}.chroma .k{color:#c678dd}.chroma .n{color:#e06c75}.chroma .o{color:#56b6c2}.chroma .p{color:#abb2bf}.chroma .s{color:#98c379}.chroma .c{color:#5c6370;font-style:italic}.chroma .l{color:#d19a66}.chroma .m{color:#d19a66}.chroma .f{color:#61afef}.chroma .g{color:#abb2bf}.chroma .x{color:#abb2bf}.code-copy-btn{position:absolute;right:8px;top:8px;background:rgba(255,255,255,.1);border:none;border-radius:4px;color:#abb2bf;cursor:pointer;padding:4px 8px;font-size:.8em;transition:all .2s}.code-copy-btn:hover{background:rgba(255,255,255,.2);color:#fff}[data-theme=light] .code-copy-btn{background:rgba(0,0,0,.1);color:#475569}[data-theme=light] .code-copy-btn:hover{background:rgba(0,0,0,.2);color:#1e293b}