.code-block-wrapper{position:relative;margin:1.5rem 0;border-radius:.5rem;background-color:#000!important;background:#000!important;box-shadow:0 4px 24px -4px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.2);overflow:hidden;color:#f8f8f2!important}.code-block-wrapper:hover{transform:translateY(-3px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 12px 20px -3px rgba(0,0,0,.06),inset 0 -1px 0 0 rgba(0,0,0,.05)}.code-block-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:.75rem;box-shadow:0 0 25px 2px rgba(56,189,248,.15);opacity:0;transition:opacity .3s ease}.code-block-wrapper:hover:after{opacity:1}.code-block-wrapper pre,.prose pre,:not(pre)>code[class*=language-],pre[class*=language-]{margin:0;padding:3rem 1.5rem 1.75rem;overflow-x:auto;background:#000!important;color:#f1f5f9!important;border-radius:.75rem;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;line-height:1.6;border:none!important;text-shadow:none!important;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent;letter-spacing:-.025em}.code-block-wrapper pre::-webkit-scrollbar{height:8px;width:8px}.code-block-wrapper pre::-webkit-scrollbar-track{background:rgba(15,23,42,.6);border-radius:4px}.code-block-wrapper pre::-webkit-scrollbar-thumb{background-color:rgba(148,163,184,.4);border-radius:4px;border:2px solid rgba(15,23,42,.6)}.code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background-color:rgba(148,163,184,.6)}.code-block-wrapper:before{bottom:0;background-color:#000!important;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:20px 20px;z-index:0;pointer-events:none}.prose code:not(pre code),:not(pre)>code[class*=language-]{background-color:#000!important;color:#f1f5f9!important;padding:.2rem .5rem;border-radius:.25rem;font-weight:500;white-space:normal;word-break:break-word;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em;border:1px solid hsla(0,0%,100%,.2)!important;box-shadow:0 1px 3px rgba(0,0,0,.3);text-shadow:none!important;letter-spacing:-.025em}.prose pre{padding:1.5rem!important;margin:1.5rem 0!important}.prose pre code,pre>code[class*=language-]{display:block;padding:0!important;color:#f8f8f2;background:transparent;font-family:inherit;font-size:inherit;white-space:pre;word-spacing:normal;word-break:normal;overflow-wrap:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#64748b!important;font-style:italic}.token.punctuation{color:#94a3b8!important}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#f472b6!important}.token.attr-name,.token.builtin,.token.char,.token.selector,.token.string{color:#34d399!important}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#a78bfa!important}.token.atrule,.token.attr-value,.token.keyword{color:#38bdf8!important}.token.class-name,.token.function{color:#fbbf24!important}.token.important,.token.regex{color:#fb923c!important}.token.parameter{color:#f472b6!important;font-style:italic}.token.namespace{opacity:.8}.token.class-name,.token.function,.token.keyword,.token.string{text-shadow:0 0 2px rgba(0,0,0,.3)}.token.cdata,.token.comment,.token.doctype,.token.prolog{opacity:.8}.code-block-wrapper button.copy-button{position:absolute;top:.75rem;right:.75rem;padding:.5rem .75rem;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:.375rem;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s ease;backdrop-filter:blur(4px);z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.2);opacity:.9}@keyframes subtle-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.code-block-wrapper:hover button.copy-button{opacity:1;animation:subtle-pulse 2s infinite}.code-block-wrapper button.copy-button:hover{background:hsla(0,0%,100%,.25);color:#fff;transform:scale(1.05);box-shadow:0 0 10px hsla(0,0%,100%,.3);animation:none}.code-block-wrapper button.copy-button:active{transform:translateY(0)}.code-block-wrapper button.copy-button svg{width:.875rem;height:.875rem}.code-block-wrapper button.copy-button.copied{background:rgba(72,187,120,.3);color:#48bb78}.code-block-wrapper button.copy-button:after{content:"Copy";display:inline-block;margin-left:.25rem;font-size:.75rem;font-weight:500}.code-block-wrapper button.copy-button.copied:after{content:"Copied!"}.code-block-wrapper:before{content:"";z-index:1}.code-block-wrapper .language-badge,.code-block-wrapper:before{position:absolute;top:0;left:0;right:0;height:2.5rem;background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.1)}.code-block-wrapper .language-badge{display:flex;align-items:center;padding:0 1rem;z-index:5;backdrop-filter:blur(8px)}.code-block-wrapper .language-badge:before{content:attr(data-language);color:#e2e8f0;font-size:.7rem;font-weight:600;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;text-transform:uppercase;letter-spacing:.05em}.code-block-wrapper pre{margin:0;padding:1rem 0;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.5;background:#000!important;background-image:url(/grid.svg);background-size:20px 20px;background-repeat:repeat;background-position:50%;color:#f8f8f2!important}.code-block-wrapper[data-language=javascript] .language-badge,.code-block-wrapper[data-language=js] .language-badge{border-bottom-color:rgba(247,223,30,.3)}.code-block-wrapper[data-language=javascript] .language-badge:before,.code-block-wrapper[data-language=js] .language-badge:before{color:#f7df1e}.code-block-wrapper[data-language=ts] .language-badge,.code-block-wrapper[data-language=typescript] .language-badge{border-bottom-color:rgba(49,120,198,.3)}.code-block-wrapper[data-language=ts] .language-badge:before,.code-block-wrapper[data-language=typescript] .language-badge:before{color:#3178c6}.code-block-wrapper[data-language=jsx] .language-badge,.code-block-wrapper[data-language=tsx] .language-badge{border-bottom-color:rgba(97,218,251,.3)}.code-block-wrapper[data-language=jsx] .language-badge:before,.code-block-wrapper[data-language=tsx] .language-badge:before{color:#61dafb}.code-block-wrapper[data-language=css] .language-badge{border-bottom-color:rgba(86,61,124,.3)}.code-block-wrapper[data-language=css] .language-badge:before{color:#563d7c}.code-block-wrapper[data-language=html] .language-badge{border-bottom-color:rgba(227,79,38,.3)}.code-block-wrapper[data-language=html] .language-badge:before{color:#e34f26}.code-block-wrapper[data-language=bash] .language-badge,.code-block-wrapper[data-language=shell] .language-badge{border-bottom-color:rgba(52,226,226,.3)}.code-block-wrapper[data-language=bash] .language-badge:before,.code-block-wrapper[data-language=shell] .language-badge:before{color:#34e2e2}.code-block-wrapper[data-language=json] .language-badge{border-bottom-color:rgba(251,191,36,.3)}.code-block-wrapper[data-language=json] .language-badge:before{color:#fbbf24}.code-block-wrapper[data-language=yaml] .language-badge{border-bottom-color:rgba(203,213,225,.3)}.code-block-wrapper[data-language=yaml] .language-badge:before{color:#cbd5e1}.code-block-wrapper[data-language=docker] .language-badge,.code-block-wrapper[data-language=dockerfile] .language-badge{border-bottom-color:rgba(13,110,253,.3)}.code-block-wrapper[data-language=docker] .language-badge:before,.code-block-wrapper[data-language=dockerfile] .language-badge:before{color:#0d6efd}pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:2.25rem;left:0;width:3.5em;letter-spacing:-1px;border-right:1px solid rgba(148,163,184,.15);user-select:none;font-size:.85rem;background-color:rgba(15,23,42,.4);height:calc(100% - 2.25rem)}.line-numbers-rows>span{display:block;counter-increment:linenumber;pointer-events:none;padding:0 .5rem;line-height:1.6}.line-numbers-rows>span:before{content:counter(linenumber);color:hsla(0,0%,100%,.3);display:block;padding-right:.8rem;text-align:right}.code-block-wrapper pre.line-numbers .line-numbers-rows>span:hover{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.5)}.code-block-wrapper pre.line-numbers .line-numbers-rows>span:hover:before{color:#94a3b8}.code-block-wrapper pre.line-numbers .line-numbers-rows>span:hover~code{background-color:rgba(51,65,85,.2)}.code-block-wrapper pre.line-numbers .highlight-line{background-color:rgba(56,189,248,.1);display:block;margin-right:-1.75rem;margin-left:-3.8em;padding-left:3.8em;border-left:3px solid #38bdf8}.code-block-wrapper pre.line-numbers+button.copy-button{top:.5rem;right:.75rem}@media (max-width:640px){pre.line-numbers{padding-left:3.2em}.line-numbers .line-numbers-rows{width:3em}.code-block-wrapper pre{font-size:.8rem}}