code{counter-reset:line}code>[data-line]:before{counter-increment:line;content:attr(data-line-number);display:inline-block;width:1rem;margin-right:2rem;text-align:right;color:#e73e3e}code[data-line-numbers-max-digits="2"]>[data-line]:before{width:2rem}code[data-line-numbers-max-digits="3"]>[data-line]:before{width:3rem}[data-highlighted-line-id=add]{background-color:#5de64a63!important;padding:0 1rem}code>[data-line][data-highlighted-line-id=add]:before{content:"+";display:inline-block;width:1rem;margin-right:.5rem;color:#22c55e;font-weight:700}[data-highlighted-line-id=del]{background-color:#f56b6b70!important;text-decoration:line-through;padding:0 1rem}code>[data-line][data-highlighted-line-id=del]:before{content:"-";display:inline-block;width:1rem;margin-right:.5rem;color:#f56b6b;font-weight:700}[data-highlighted-line-id=tip]{background-color:#6bbef56d!important;padding:0 1rem}[data-highlighted-line-id=w]{background-color:#f5d96b70!important;padding:0 1rem}pre code:has([data-highlighted-line-id=focuse]) span:not([data-highlighted-line-id=focuse]){filter:blur(2px);transition:filter .3s ease}pre code span[data-highlighted-line-id=focuse],pre code span[data-highlighted-line-id=focuse] *{filter:none!important}figure:hover,pre:hover,pre code:hover{filter:none!important}figure:hover *,pre:hover *,pre code:hover *{filter:none!important}span[data-chars-id=b]{color:red!important;background-color:#f0f0f0!important;font-weight:700;border:1px solid #000;padding:2px 4px}.line.highlighted span[data-chars-id=b]{color:red!important;background-color:#f0f0f0!important}[data-line]{padding:0 1rem}pre[data-language]:before{font-family:fantasy}pre[data-language]{position:relative;padding-top:2.25rem;border-radius:.5rem;overflow:hidden}pre[data-language=js]:before{content:"JavaScript"}pre[data-language=ts]:before{content:"TypeScript"}pre[data-language=tsx]:before{content:"React (TSX)"}pre[data-language=jsx]:before{content:"React (JSX)"}pre[data-language=py]:before{content:"Python"}pre[data-language=html]:before{content:"HTML"}pre[data-language=css]:before{content:"CSS"}pre[data-language=json]:before{content:"JSON"}.code-copy-btn{position:absolute;top:.4rem;right:.75rem;font-size:.75rem;background:#e5e7eb;color:#111;border:none;border-radius:4px;padding:2px 8px;cursor:pointer;transition:.2s}pre[data-language]{position:relative;padding-top:1.25rem;padding-bottom:1.25rem;border-radius:.5rem;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb;transition:background .2s}pre[data-language]:before{content:attr(data-language);font-family:Fira Code,Cascadia Code,monospace!important;font:solid;position:absolute;top:.4rem;right:.75rem;font-size:.7rem;font-family:monospace;text-transform:uppercase;color:#666;background:#eaeef2;padding:2px 6px;border-radius:6px;transition:opacity .2s}pre[data-language]:hover:before{opacity:0}.code-copy-btn{font-family:Fira Code,Cascadia Code,monospace!important;position:absolute;top:.35rem;right:.6rem;font-size:.75rem;background:#e5e7eb;color:#111;border:none;border-radius:4px;padding:2px 8px;padding:.35rem;cursor:pointer;opacity:0;transition:opacity .25s,background .2s}pre[data-language]:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:#d1d5db}span[data-rehype-pretty-code-figure]{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;background:#ae82e42c;border:1px solid #e5e7eb;color:#111827;font-family:Fira Code,JetBrains Mono,Cascadia Code,monospace!important;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;padding:.5rem;transition:background .2s ease,border-color .2s ease}span[data-rehype-pretty-code-figure]:hover{background:#22212354;border-color:#d1d5db}span[data-rehype-pretty-code-figure] code{background:transparent!important;font-family:inherit!important;color:inherit!important;padding:0!important;border:none!important}span[data-rehype-pretty-code-figure] code:after{content:none!important}span[data-rehype-pretty-code-figure] code:before{content:none!important}span[data-rehype-pretty-code-figure] code>[data-line]{background:transparent!important;font-family:Fira Code,JetBrains Mono,Cascadia Code,monospace!important;padding:0!important;margin:0!important;border:none!important}span[data-rehype-pretty-code-figure] code>[data-line]:before{display:none!important}.prose pre{max-width:100%;overflow-x:auto}.prose p,.prose code{overflow-wrap:break-word}pre .diff.add{background-color:#00ff001a}pre .diff.remove{background-color:#ff00001a;text-decoration:line-through}pre .diff.add:before{margin-left:.2rem}pre .diff.remove:before{margin-left:.2rem}pre .tab,pre .space{position:relative}pre .tab:before{content:"⇥";position:absolute;opacity:.3}pre .space:before{content:"·";position:absolute;opacity:.3}[data-rehype-pretty-code-figure]{position:relative}[data-rehype-pretty-code-title]{position:absolute;top:-.65rem;left:0rem;font-weight:700;font-size:.85rem;color:#e06c75;background:none;z-index:10;padding:2px;padding:.45rem 1rem;border-bottom:3px solid #f1b3b3;border-right:1px solid #f1b3b3;border-bottom-left-radius:-99px;border-bottom-right-radius:999px;box-shadow:0 -1px 3px #0000000d inset}[data-rehype-pretty-code-figure] pre{border:2px solid #f1b3b3}figure[data-rehype-pretty-code-figure]:has(figcaption[data-rehype-pretty-code-title]) pre{padding-top:2.5rem!important;border-radius:6px}figure[data-rehype-pretty-code-figure] pre{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#f2e043be #f1f1f1}figure[data-rehype-pretty-code-figure] pre::-webkit-scrollbar,.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}figure[data-rehype-pretty-code-figure] pre::-webkit-scrollbar-track,.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:4px}figure[data-rehype-pretty-code-figure] pre::-webkit-scrollbar-thumb,.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .3s}figure[data-rehype-pretty-code-figure] pre::-webkit-scrollbar-thumb:hover,.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}