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