.codeblock{border:1px solid var(--border);background:var(--bg-subtle);border-radius:8px;margin:0;overflow:hidden}.codeblock__bar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem .35rem .8rem;display:flex}.codeblock__lang{font-family:var(--sl-mono,monospace);letter-spacing:.06em;color:var(--ink-faint);font-size:11px}.codeblock__copy{border:1px solid var(--border);background:var(--surface);font:inherit;color:var(--ink-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:12px;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.codeblock__copy:hover{color:var(--ink);border-color:var(--border-strong)}.codeblock__ico-done{display:none}.codeblock__copy.is-done{color:var(--severity-low);border-color:color-mix(in srgb, var(--severity-low) 40%, var(--border))}.codeblock__copy.is-done .codeblock__ico-copy{display:none}.codeblock__copy.is-done .codeblock__ico-done{display:inline}.codeblock__pre{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;font-family:var(--sl-mono,monospace);color:var(--ink);tab-size:2;margin:0;padding:.7rem .9rem .75rem 0;font-size:12.5px;line-height:1.6;overflow-x:auto}.codeblock__pre code{min-width:max-content;display:block}.codeblock__line{white-space:pre;padding-left:3rem;display:block;position:relative}.codeblock__line:before{content:attr(data-n);text-align:right;width:2.2rem;color:var(--ink-faint);user-select:none;position:absolute;left:0}.codeblock--nolines .codeblock__line{padding-left:.9rem}.codeblock--nolines .codeblock__line:before{content:none}