:root{--code-block-bg:236, 235, 232;--code-block-bar:240, 239, 235;--code-block-border:221, 220, 216;--code-block-text:51, 51, 47;--code-block-text-dim:111, 109, 101;--code-block-line-num:158, 156, 148;--code-traffic-red:255, 95, 86;--code-traffic-yellow:255, 189, 46;--code-traffic-green:39, 201, 63}.code-toolbar-wrapper{position:relative;margin:1.5em 0;border-radius:10px;overflow:hidden;background:rgb(var(--code-block-bg));border:1px solid rgb(var(--code-block-border));box-shadow:0 1px 3px rgba(0,0,0,5%)}.code-toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgb(var(--code-block-bar));border-bottom:1px solid rgb(var(--code-block-border));user-select:none}.code-traffic-lights{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.code-traffic-light{width:12px;height:12px;border-radius:50%;display:inline-block}.code-traffic-light.red{background:rgb(var(--code-traffic-red))}.code-traffic-light.yellow{background:rgb(var(--code-traffic-yellow))}.code-traffic-light.green{background:rgb(var(--code-traffic-green))}.code-lang{font-size:.7rem;font-weight:500;color:rgb(var(--code-block-text-dim));text-transform:uppercase;letter-spacing:.05em;user-select:none;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:0 0;border:1px solid rgb(var(--code-block-border));border-radius:4px;cursor:pointer;color:rgb(var(--code-block-text-dim));font-size:.7rem;transition:all .2s ease;line-height:1;flex-shrink:0}.code-copy-btn:hover{background:rgba(51,51,47,6%);border-color:rgba(51,51,47,.25);color:rgb(var(--code-block-text))}.code-copy-icon{display:inline-flex;align-items:center}.code-copy-icon svg{width:14px;height:14px;display:block;transition:transform .2s ease}.code-copy-btn:hover .code-copy-icon svg{transform:scale(1.1)}.code-copy-btn.copied,.code-copy-btn.copied:hover{background:rgba(var(--code-traffic-green),.15)!important;border-color:rgba(var(--code-traffic-green),.5)!important;color:#1a7f37!important}.code-copy-text{font-size:.65rem;max-width:0;overflow:hidden;transition:max-width .2s ease,opacity .2s ease;white-space:nowrap;opacity:0}.code-copy-btn.copied .code-copy-text{max-width:50px;opacity:1}.code-toolbar-wrapper>pre,.code-toolbar-wrapper>.highlight,.code-toolbar-wrapper>.highlight>pre{margin:0!important;padding:0!important;border:none!important;border-radius:0 0 9px 9px;background-color:rgb(var(--code-block-bg))!important;color:rgb(var(--code-block-text))!important;overflow-x:auto;overflow-y:hidden}.code-toolbar-wrapper>pre::before,.code-toolbar-wrapper>.highlight>pre::before{display:none!important}.code-toolbar-wrapper pre code{display:block;padding:12px 0!important;color:rgb(var(--code-block-text))!important;background:0 0!important;font-size:.85rem;line-height:1.6}.code-toolbar-wrapper .chroma{background-color:initial!important;color:rgb(var(--code-block-text))!important}.code-toolbar-wrapper .code-line{position:relative;padding-left:52px;min-height:1.6em}.code-toolbar-wrapper .code-line-num{position:absolute;left:0;top:0;width:40px;padding-right:12px;text-align:right;color:rgb(var(--code-block-line-num));font-size:inherit;line-height:inherit;user-select:none;border-right:1px solid rgba(221,220,216,.7);background:rgb(var(--code-block-bg))}.code-toolbar-wrapper pre code span[style*="color:#75715e"]{color:#6a737d!important}.code-toolbar-wrapper pre code span[style*="color:#f92672"]{color:#b3413a!important}.code-toolbar-wrapper pre code span[style*="color:#a6e22e"]{color:#4a6d8c!important}.code-toolbar-wrapper pre code span[style*="color:#e6db74"]{color:#7a6a2b!important}.code-toolbar-wrapper pre code span[style*="color:#ae81ff"]{color:#7a5c9e!important}.code-toolbar-wrapper pre code span[style*="color:#66d9ef"]{color:#8a6d4f!important}.code-toolbar-wrapper pre code span[style*="color:#fd971f"]{color:#8a5d3d!important}.code-toolbar-wrapper pre code span[style*="color:#f8f8f2"]{color:rgb(var(--code-block-text))!important}.code-toolbar-wrapper pre code span[style*="background-color:#1e0010"]{background:0 0!important;color:rgb(var(--code-block-text))!important}.code-toolbar-wrapper pre::-webkit-scrollbar{height:8px;width:8px}.code-toolbar-wrapper pre::-webkit-scrollbar-track{background:0 0;border-radius:0 0 9px 9px}.code-toolbar-wrapper pre::-webkit-scrollbar-thumb{background:#d0cec8;border-radius:4px}.code-toolbar-wrapper pre::-webkit-scrollbar-thumb:hover{background:#b5b2aa}.code-toolbar-wrapper pre{scrollbar-width:thin;scrollbar-color:#d0cec8 transparent}@media screen and (max-width:768px){.code-toolbar{padding:7px 10px;gap:8px}.code-traffic-lights{gap:6px}.code-traffic-light{width:10px;height:10px}.code-lang{font-size:.65rem}.code-copy-btn{padding:2px 6px;font-size:.65rem}.code-toolbar-wrapper pre code{padding:10px 0!important}.code-toolbar-wrapper .code-line{padding-left:46px}.code-toolbar-wrapper .code-line-num{width:34px}}