.code-block{overflow:hidden;max-width:100%;border-radius:.375rem;border:1px solid var(--cream-border);background:var(--cream-bg);color:var(--ink)}.code-block__toolbar{display:flex;align-items:center;justify-content:end;gap:.5rem;border-bottom:1px solid var(--cream-border);background:var(--cream-border);padding:.375rem .75rem}.code-block__copy{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;line-height:1.25rem;color:color-mix(in srgb,var(--cream-key) 35%,var(--ink))}.code-block__copy:hover{color:var(--ink)}.code-block__copy:focus-visible{outline:2px solid color-mix(in srgb,var(--cream-key) 35%,var(--ink));outline-offset:2px}.code-block__copy-icon{width:1rem;height:1rem;flex-shrink:0;fill:currentColor}.code-block__pre{margin:0;overflow-x:auto;padding:1rem;font-size:.875rem;line-height:1.625;max-width:100%}.code-block__pre:focus-visible{outline:2px solid color-mix(in srgb,var(--cream-key) 35%,var(--ink));outline-offset:2px}.code-block__code{display:block;min-width:0;max-width:100%;overflow-wrap:normal;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--ink)}.code-block__code.hljs{background:transparent;color:var(--ink)}.code-block__code .hljs-comment,.code-block__code .hljs-quote{color:color-mix(in srgb,var(--cream-key) 35%,var(--ink));font-style:italic}.code-block__code .hljs-keyword,.code-block__code .hljs-selector-tag,.code-block__code .hljs-addition{color:color-mix(in srgb,var(--pink-key) 40%,var(--ink))}.code-block__code .hljs-string,.code-block__code .hljs-meta .hljs-string,.code-block__code .hljs-regexp{color:color-mix(in srgb,var(--metal) 48%,var(--ink))}.code-block__code .hljs-number,.code-block__code .hljs-literal,.code-block__code .hljs-bullet{color:color-mix(in srgb,var(--canary-key) 28%,var(--ink))}.code-block__code .hljs-title,.code-block__code .hljs-section,.code-block__code .hljs-title.function_{color:color-mix(in srgb,var(--blue-key) 32%,var(--ink))}.code-block__code .hljs-type,.code-block__code .hljs-class .hljs-title,.code-block__code .hljs-title.class_{color:color-mix(in srgb,var(--lilac-key) 35%,var(--ink))}.code-block__code .hljs-built_in,.code-block__code .hljs-attr,.code-block__code .hljs-attribute,.code-block__code .hljs-name,.code-block__code .hljs-selector-id,.code-block__code .hljs-selector-class{color:color-mix(in srgb,var(--mint-key) 35%,var(--ink))}.code-block__code .hljs-tag,.code-block__code .hljs-punctuation,.code-block__code .hljs-symbol,.code-block__code .hljs-variable,.code-block__code .hljs-template-variable,.code-block__code .hljs-deletion{color:color-mix(in srgb,var(--rose-key) 40%,var(--ink))}.code-block__code .hljs-meta,.code-block__code .hljs-subst{color:var(--ink)}