.code-example{--code-bg: #0b1220;--code-bar: #111c2d;--code-text: #e5edff;--code-muted: #94a7c3;--code-keyword: #9badff;--code-string: #7fe4b0;--code-function: #86c4ff;--code-number: #ffc57b;--code-property: #78dce5;margin:20px 0;max-width:100%;min-width:0;overflow:hidden;border:1px solid var(--g-border-mid);border-radius:var(--radius);background:var(--code-bg);box-shadow:0 6px 22px #02040b14}:root[data-theme=light] .code-example{--code-bg: #fbfcff;--code-bar: #edf3fd;--code-text: #1c2b45;--code-muted: #5c6d86;--code-keyword: #4356bd;--code-string: #087346;--code-function: #1257ba;--code-number: #94600e;--code-property: #087180}.code-example[hidden]{display:none}.quick-start>.code-example{margin:0}.code-example-toolbar{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 16px;border-bottom:1px solid var(--g-border);background:var(--code-bar);color:var(--code-text);font:500 .75rem/1.4 Poppins,system-ui,sans-serif}.code-example-language{display:inline-flex;align-items:center;gap:9px}.code-example-language:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--g-accent-periwinkle);box-shadow:0 0 0 3px color-mix(in srgb,var(--g-accent-periwinkle) 12%,transparent)}.code-example-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-left:auto;padding:6px 10px;min-width:76px;border:1px solid var(--g-border-mid);border-radius:7px;background:var(--code-bg);color:var(--code-text);font:inherit;cursor:pointer}.code-example-copy:hover{color:var(--code-function);border-color:var(--g-accent-periwinkle)}.code-example-copy svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.4}.code-example-copy:focus-visible,.code-example>pre:focus-visible{outline:2px solid var(--g-accent-periwinkle);outline-offset:-3px}.code-example-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.code-example>pre,.landing .code-example>pre,.docs .code-example>pre,.md-body .code-example>pre{margin:0;padding:20px 22px;border:0;border-radius:0;overflow:auto;overscroll-behavior-x:contain;background:var(--code-bg);color:var(--code-text);font:.8125rem/1.85 var(--mono);text-align:left;white-space:pre;tab-size:2}.code-example>pre>code,.md-body .code-example>pre>code{display:block;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-shadow:none}.code-example .token.comment,.code-example .token.prolog,.code-example .token.doctype{color:var(--code-muted)}.code-example .token.keyword,.code-example .token.atrule,.code-example .token.operator{color:var(--code-keyword)}.code-example .token.string,.code-example .token.attr-value,.code-example .token.char{color:var(--code-string)}.code-example .token.function,.code-example .token.class-name{color:var(--code-function)}.code-example .token.number,.code-example .token.boolean,.code-example .token.constant{color:var(--code-number)}.code-example .token.property,.code-example .token.attr-name,.code-example .token.builtin,.code-example .token.tag{color:var(--code-property)}.code-example .token.punctuation{color:var(--code-text)}.code-example .token.important,.code-example .token.bold{font-weight:600}@media(max-width:600px){.code-example-toolbar{min-height:48px;padding:8px 12px}.code-example-copy{min-height:32px}.code-example>pre,.landing .code-example>pre,.docs .code-example>pre,.md-body .code-example>pre{padding:16px;font-size:.75rem}}