.code-figure{--code-copy-size:2.75rem;--code-chrome-edge:.45rem;--code-chrome-gap:.4rem;--code-chrome-step:calc(var(--code-chrome-edge) + var(--code-copy-size) + var(--code-chrome-gap));--code-chrome-inset:calc(var(--code-chrome-step) + 2.4rem);margin:0;position:relative}@media (min-width:40rem){.code-figure{--code-copy-size:2.25rem}}.prose-arc .code-figure>pre,.code-figure>.code-scroll{padding-right:var(--code-chrome-inset);margin:0}.code-figure .code-lang{z-index:1;border:1px solid var(--border);border-radius:var(--radius-pill);background-color:var(--surface-card);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);pointer-events:none;padding:.1rem .5rem;line-height:1.4;position:absolute;top:.5rem;right:.6rem}.code-figure .code-copy{top:var(--code-chrome-edge);right:var(--code-chrome-edge);z-index:2;position:absolute}.code-figure:has(.code-copy) .code-lang{right:var(--code-chrome-step)}@media (hover:hover) and (pointer:fine){.code-figure .code-copy{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.code-figure:hover .code-copy,.code-figure:focus-within .code-copy{opacity:1}}.prose-arc .code-figure [data-rehype-pretty-code-title]{border:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:var(--surface-card);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-faint);border-bottom:0;padding:.5rem 1.15rem}.prose-arc .code-figure [data-rehype-pretty-code-title]+pre{border-radius:0 0 var(--radius-md) var(--radius-md)}.docs-article{min-width:0}