@layer components{.code-block[data-v-9f44ab0f]{border:1px solid var(--bp-line-strong);background-color:var(--color-bg-subtle);min-inline-size:0;margin:0;overflow:clip}@media (prefers-contrast:more){.code-block[data-v-9f44ab0f]{border-color:currentColor}}.code-block-bar[data-v-9f44ab0f]{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border-block-end:1px solid var(--bp-line-strong);display:flex}@media (prefers-contrast:more){.code-block-bar[data-v-9f44ab0f]{border-color:currentColor}}.code-block-lang[data-v-9f44ab0f]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bp-accent);font-size:.6875rem}.code-block-copy[data-v-9f44ab0f]{min-block-size:32px;padding:var(--space-1) var(--space-3);border:1px solid var(--bp-line-strong);background-color:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);cursor:pointer}@media (hover:hover) and (pointer:fine){.code-block-copy[data-v-9f44ab0f]:hover{background-color:var(--color-bg-subtle)}}.code-block-copy[data-v-9f44ab0f]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:more){.code-block-copy[data-v-9f44ab0f]{border-color:currentColor}}.code-block-pre[data-v-9f44ab0f]{min-inline-size:0;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);tab-size:2;margin:0;overflow-x:auto}.code-block-pre[data-v-9f44ab0f]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.code-block-pre[data-v-9f44ab0f] .code-comment{color:var(--color-text-subtle);font-style:italic}}