:root{--code-block-focus-ring-style:solid;--code-block-font-family:var(--font-family-mono);--code-block-header-gap:var(--spacing-2);--code-block-token-keyword-color:var(--color-chart-sequential-700);--code-block-token-string-color:var(--color-green);--code-block-token-number-color:var(--color-chart-diverging-warm-3);--code-block-padding-inline:var(--card-padding-inline);--code-block-padding-block-start:var(--card-padding-block-start);--code-block-padding-block-end:var(--card-padding-block-end);--code-block-color:var(--color-text-on-light);--code-block-bg:var(--color-surface-secondary-on-light);--code-block-font-size:var(--text-paragraph-small-font-size);--code-block-line-height:var(--text-paragraph-small-line-height);--code-block-focus-ring-width:var(--border-width-focus);--code-block-focus-ring-offset:var(--border-width-default);--code-block-focus-ring-color:var(--color-primary);--code-block-token-tag-color:var(--code-block-token-keyword-color);--code-block-token-constant-color:var(--code-block-token-keyword-color);--code-block-token-regexp-color:var(--code-block-token-string-color);--code-block-token-attribute-color:var(--code-block-token-string-color);--code-block-token-function-color:var(--code-block-token-number-color);--code-block-token-comment-color:var(--color-text-muted-on-light);--code-block-token-inserted-bg:var(--color-success-fill);--code-block-token-inserted-color:var(--color-success-fill-text);--code-block-token-deleted-bg:var(--color-destructive-fill);--code-block-token-deleted-color:var(--color-destructive-fill-text);--code-block-border-radius:var(--card-border-radius);--code-block-border-width:var(--card-outline-border-width);--code-block-border-color:var(--card-outline-border-color);--code-block-token-punctuation-color:var(--code-block-token-comment-color);--code-block-token-operator-color:var(--code-block-token-comment-color);--code-block-token-variable-color:var(--code-block-color);--code-block-token-property-color:var(--code-block-token-variable-color)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--code-block-token-keyword-color:var(--color-chart-sequential-700-on-dark);--code-block-token-string-color:var(--color-emerald);--code-block-token-number-color:var(--color-yellow);--code-block-border-color:var(--color-text-on-dark);--code-block-color:var(--color-text-on-dark);--code-block-bg:var(--color-surface-secondary-on-dark);--code-block-focus-ring-color:var(--color-text-on-dark);--code-block-token-tag-color:var(--code-block-token-keyword-color);--code-block-token-constant-color:var(--code-block-token-keyword-color);--code-block-token-regexp-color:var(--code-block-token-string-color);--code-block-token-attribute-color:var(--code-block-token-string-color);--code-block-token-function-color:var(--code-block-token-number-color);--code-block-token-comment-color:var(--color-text-muted-on-dark);--code-block-token-punctuation-color:var(--code-block-token-comment-color);--code-block-token-operator-color:var(--code-block-token-comment-color);--code-block-token-variable-color:var(--code-block-color);--code-block-token-property-color:var(--code-block-token-variable-color)}.code-block{background-color:var(--code-block-bg);color:var(--code-block-color);border:var(--code-block-border-width) solid var(--code-block-border-color);border-radius:var(--code-block-border-radius);padding-inline:var(--code-block-padding-inline);flex-direction:column;padding-block-start:var(--code-block-padding-block-start);padding-block-end:var(--code-block-padding-block-end);display:flex}.code-block__header{align-items:center;gap:var(--code-block-header-gap);margin-block-end:var(--code-block-header-gap);display:flex}.code-block__header .code-block__copy{margin-inline-start:auto}.code-block__row{align-items:center;gap:var(--code-block-header-gap);display:flex}.code-block__row .code-block__pre{flex:1;min-inline-size:0}.code-block__controls{align-items:center;gap:var(--code-block-header-gap);flex-shrink:0;display:flex}.code-block__pre{margin:0;overflow-x:auto}.code-block__pre:focus-visible{outline:var(--code-block-focus-ring-width) var(--code-block-focus-ring-style) var(--code-block-focus-ring-color);outline-offset:var(--code-block-focus-ring-offset)}.code-block__code{font-family:var(--code-block-font-family);font-size:var(--code-block-font-size);line-height:var(--code-block-line-height);white-space:pre}.code-block__token{color:inherit}.code-block__token.code-block__token--keyword{color:var(--code-block-token-keyword-color)}.code-block__token.code-block__token--tag{color:var(--code-block-token-tag-color)}.code-block__token.code-block__token--constant{color:var(--code-block-token-constant-color)}.code-block__token.code-block__token--string{color:var(--code-block-token-string-color)}.code-block__token.code-block__token--regexp{color:var(--code-block-token-regexp-color)}.code-block__token.code-block__token--attribute{color:var(--code-block-token-attribute-color)}.code-block__token.code-block__token--number{color:var(--code-block-token-number-color)}.code-block__token.code-block__token--function{color:var(--code-block-token-function-color)}.code-block__token.code-block__token--comment{color:var(--code-block-token-comment-color)}.code-block__token.code-block__token--punctuation{color:var(--code-block-token-punctuation-color)}.code-block__token.code-block__token--operator{color:var(--code-block-token-operator-color)}.code-block__token.code-block__token--variable{color:var(--code-block-token-variable-color)}.code-block__token.code-block__token--property{color:var(--code-block-token-property-color)}.code-block__token.code-block__token--inserted{background-color:var(--code-block-token-inserted-bg);color:var(--code-block-token-inserted-color);display:block}.code-block__token.code-block__token--deleted{background-color:var(--code-block-token-deleted-bg);color:var(--code-block-token-deleted-color);display:block}