.v2j-code-example{border:1px solid var(--home-border);border-radius:var(--home-radius,8px);background:var(--card);min-width:0;overflow:hidden}.v2j-code-example__head{border-bottom:1px solid var(--home-border);font:500 .8125rem/1.5 var(--font-mono);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.875rem 1.25rem;display:flex}.v2j-code-example__scroll{overscroll-behavior-x:contain;scrollbar-color:var(--muted-foreground) transparent;scrollbar-width:thin;max-width:100%;overflow-x:auto}.v2j-code-example__scroll:focus-visible{outline:2px solid var(--foreground);outline-offset:-3px}.v2j-code-example pre{width:max-content;min-width:100%;margin:0;padding:1.25rem}.v2j-code-example pre,.v2j-code-example__line{font:.8125rem/1.8 var(--font-mono);tab-size:2}.v2j-code-example code{font:inherit;white-space:pre}.v2j-code-example__rows{padding-block:1.25rem}.v2j-code-example__line{gap:1rem;width:max-content;min-width:100%;padding-inline:1.25rem;display:flex}.v2j-code-example__number{color:var(--muted-foreground);-webkit-user-select:none;user-select:none;text-align:right;font-variant-numeric:tabular-nums;flex:0 0 2ch}.v2j-code-example__row[data-tone=bad] .v2j-code-example__line{background:color-mix(in oklab, var(--destructive) 5%, transparent)}.v2j-code-example .v2j-code-example__note{font:.8125rem/1.6 var(--font-sans);color:var(--muted-foreground);margin:.375rem 1.25rem .875rem calc(2.25rem + 2ch)}.v2j-code-example__row[data-tone=bad] .v2j-code-example__note{color:var(--destructive)}.v2j-code-example__row[data-tone=warn] .v2j-code-example__note{color:var(--v2j-warn-ink)}.v2j-code-example .v2j-code-example__caption{border-top:1px solid var(--home-border);color:var(--muted-foreground);margin:0;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.6}@media (max-width:700px){.v2j-code-example__head,.v2j-code-example pre,.v2j-code-example__line{padding-inline:1rem}.v2j-code-example .v2j-code-example__note{margin-inline:calc(2rem + 2ch) 1rem}}