@layer reset,tokens,base,layout;@layer components{.code-block{max-inline-size:var(--width-content);background-color:var(--color-code-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.code-block__caption{gap:var(--space-2);min-block-size:2rem;padding:0 var(--space-1) 0 var(--space-4);font-family:var(--font-label);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-caps);border-block-end:var(--border-width) solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.code-block__copy-button{padding:var(--space-1) var(--space-2);font-family:var(--font-label);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:normal;border-radius:var(--radius-sm);background:0 0;border:0}.code-block__copy-button:hover{color:var(--color-text);background-color:var(--color-surface)}.code-block__pre{padding:var(--space-4);font-size:var(--font-size-sm)}.code-block__pre:focus-visible{outline-offset:calc(var(--focus-ring-width) * -1)}.code-block--wrap .code-block__pre{white-space:pre-wrap;overflow-wrap:anywhere}.code-block__code{font-size:inherit}.code-block__token--comment{color:var(--color-syntax-comment)}.code-block__token--selector{font-weight:var(--font-weight-semibold)}.code-block__token--keyword{color:var(--color-syntax-keyword)}.code-block__token--property{color:var(--color-syntax-property)}.code-block__token--value{color:var(--color-syntax-value)}.code-block__token--string{color:var(--color-syntax-string)}.code-block__token--punctuation{color:var(--color-syntax-punctuation)}@media (forced-colors:active){.code-block{border-color:canvastext}}}@layer utilities,overrides;