.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(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.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:#000000!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 rgba(255,255,255,.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:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:#ffffff;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:rgba(255,255,255,.25);color:white;transform:scale(1.05);box-shadow:0 0 10px rgba(255,255,255,.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:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.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:rgba(255,255,255,.3);display:block;padding-right:.8rem;text-align:right}.code-block-wrapper pre.line-numbers .line-numbers-rows>span:hover{background:rgba(255,255,255,.05);color:rgba(255,255,255,.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}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}