.arbgen-code{position:relative;padding:1.25em;border-radius:10px;border-color:rgba(0,0,0,.1);border-width:1px;font-size:.875em}.arbgen-code code{display:table;overflow-x:auto;counter-reset:line-number}.arbgen-code .line{display:table-row;counter-increment:line-number}.arbgen-code .ln{display:table-cell;text-align:right;padding-right:1em;padding-left:.75em;user-select:none;-webkit-user-select:none;min-width:2em;opacity:.5}.arbgen-code .ln::before{content:counter(line-number)}.arbgen-code .lc{display:table-cell;white-space:pre;padding-right:.75em}.dark .arbgen-code{border-color:rgba(255,255,255,.1)}.arbgen-code::before{content:attr(data-code-lang);position:absolute;top:-1px;right:-1px;font-size:.625rem;text-transform:uppercase;padding:.125rem .5rem;border-top-right-radius:10px;border-bottom-left-radius:5px;pointer-events:none;background-color:#64748b;color:#fff}.arbgen-code[data-code-lang=javascript]::before,.arbgen-code[data-code-lang=js]::before{background-color:#f7df1e;color:#000}.arbgen-code[data-code-lang=typescript]::before,.arbgen-code[data-code-lang=ts]::before{background-color:#3178c6;color:#fff}.arbgen-code[data-code-lang=rust]::before,.arbgen-code[data-code-lang=rs]::before{background-color:#dea584;color:#000}.arbgen-code .copy-button{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem;background:0 0;cursor:pointer;color:#64748b;transition:color .2s ease,opacity .15s ease background .2s ease;border-radius:5px}.arbgen-code .copy-button:hover{color:#334155;background:rgba(0,0,0,7%)}.arbgen-code .copy-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.arbgen-code .copy-button.copied{color:#22c55e;background:0 0}.dark .arbgen-code .copy-button{color:#94a3b8}.dark .arbgen-code .copy-button:hover{color:#e2e8f0;background:rgba(255,255,255,7%)}.dark .arbgen-code .copy-button.copied{color:#4ade80;background:0 0}.arbgen-code{background:#eff1f5;--bg:#eff1f5;--surface:#e3e5e9;color:#4c4f69;--fg:#4c4f69;--accent:#1e66f5;--muted:#9ca0b0;a-at { color: #df8e1d; } a-co { color: #fe640b; } a-cb { color: #fe640b; } a-fb { color: #04a5e5; } a-f { color: #1e66f5; } a-fm { color: #1e66f5; } a-k { color: #8839ef; } a-kc { color: #8839ef; } a-ko { color: #8839ef; } a-kd { color: #8839ef; } a-ke { color: #8839ef; } a-kf { color: #8839ef; } a-ki { color: #8839ef; } a-kp { color: #8839ef; } a-kr { color: #8839ef; } a-kt { color: #8839ef; } a-ky { color: #8839ef; } a-o { color: #179299; } a-pr { color: #1e66f5; } a-p { color: #7c7f93; } a-pb { color: #7c7f93; } a-pd { color: #7c7f93; } a-ps { color: #ea76cb; } a-s { color: #40a02b; } a-ss { color: #d20f39; } a-tg { color: #1e66f5; } a-td { color: #1e66f5; } a-te { color: #1e66f5; } a-t { color: #df8e1d; } a-tb { color: #df8e1d; } a-tq { color: #df8e1d; } a-v { color: #4c4f69; } a-vb { color: #d20f39; } a-vp { color: #fe640b; } a-c { color: #9ca0b0; } a-cd { color: #9ca0b0; } a-m { color: #179299; } a-l { color: #ea76cb; } a-n { color: #fe640b; } a-tl { color: #4c4f69; } a-em { font-style: italic; } a-st { font-weight: bold; } a-tu { color: #1e66f5; text-decoration: underline; } a-tr { color: #04a5e5; } a-se { color: #fe640b; } a-tt { color: #8839ef; font-weight: bold; } a-tx { text-decoration: line-through; } a-sp { color: #4c4f69; } a-in { color: #8839ef; } a-sc { color: #8839ef; } a-rp { color: #8839ef; } a-cn { color: #8839ef; } a-ex { color: #8839ef; } a-pp { color: #8839ef; } a-ch { color: #40a02b; } a-cs { color: #40a02b; } a-vm { color: #4c4f69; } a-fd { color: #1e66f5; } a-tf { color: #df8e1d; } a-fc { color: #1e66f5; } a-km { color: #8839ef; } a-dr { color: #8839ef; } a-rx { color: #40a02b; }}.dark .arbgen-code{background:#1a1b26;--bg:#1a1b26;--surface:#2c2d37;color:#a9b1d6;--fg:#a9b1d6;--accent:#7aa2f7;--muted:#565f89;a-at { color: #e0af68; } a-co { color: #ff9e64; } a-cb { color: #ff9e64; } a-fb { color: #7dcfff; } a-f { color: #7aa2f7; } a-fm { color: #7aa2f7; } a-k { color: #bb9af7; } a-kc { color: #bb9af7; } a-ko { color: #bb9af7; } a-kd { color: #bb9af7; } a-ke { color: #bb9af7; } a-kf { color: #bb9af7; } a-ki { color: #bb9af7; } a-kp { color: #bb9af7; } a-kr { color: #bb9af7; } a-kt { color: #bb9af7; } a-ky { color: #bb9af7; } a-o { color: #89ddff; } a-pr { color: #7aa2f7; } a-p { color: #a9b1d6; } a-pb { color: #a9b1d6; } a-pd { color: #a9b1d6; } a-ps { color: #89ddff; } a-s { color: #9ece6a; } a-ss { color: #f7768e; } a-tg { color: #f7768e; } a-td { color: #f7768e; } a-te { color: #f7768e; } a-t { color: #2ac3de; } a-tb { color: #2ac3de; } a-tq { color: #2ac3de; } a-v { color: #c0caf5; } a-vb { color: #f7768e; } a-vp { color: #e0af68; } a-c { color: #565f89; } a-cd { color: #565f89; } a-m { color: #7dcfff; } a-l { color: #ff9e64; } a-n { color: #ff9e64; } a-tl { color: #a9b1d6; } a-em { font-style: italic; } a-st { font-weight: bold; } a-tu { color: #7aa2f7; text-decoration: underline; } a-tr { color: #7dcfff; } a-se { color: #89ddff; } a-tt { color: #bb9af7; font-weight: bold; } a-tx { text-decoration: line-through; } a-sp { color: #a9b1d6; } a-in { color: #bb9af7; } a-sc { color: #bb9af7; } a-rp { color: #bb9af7; } a-cn { color: #bb9af7; } a-ex { color: #bb9af7; } a-pp { color: #bb9af7; } a-ch { color: #9ece6a; } a-cs { color: #9ece6a; } a-vm { color: #c0caf5; } a-fd { color: #7aa2f7; } a-tf { color: #2ac3de; } a-fc { color: #7aa2f7; } a-km { color: #bb9af7; } a-dr { color: #bb9af7; } a-rx { color: #9ece6a; }}