.codeExamples{margin-top:72px}.codeExamples h2{letter-spacing:-.045em;margin:18px 0 14px;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.15}.codeExamplesIntro{color:#a4a4b3;margin:0 0 28px;font-size:14px;line-height:1.7}.codeExampleWindow{background:#18181c;border:1px solid #ffffff21;border-radius:12px;overflow:hidden}.codeExampleLanguages{background:#202026;border-bottom:1px solid #303038;flex-wrap:wrap;gap:6px;padding:10px 12px;display:flex}.codeExampleLanguages button{color:#a4a4b3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:5px 12px;font-size:12px;line-height:1.4}.codeExampleLanguages button:hover{color:#fff}.codeExampleLanguages button[aria-pressed=true]{color:#18181c;background:#fff;border-color:#fff}.codeExampleLanguages button:focus-visible,.codeExampleContent:focus-visible{outline-offset:-3px;outline:2px solid #62feca}.codeExampleFilename{color:#c0c0ca;font:11px/1.5 var(--font-geist-mono), monospace;border-bottom:1px solid #303038;justify-content:space-between;gap:12px;padding:18px 24px;display:flex}.codeExampleFilename span{color:#858594}.codeExampleContent{min-height:410px;padding:25px 24px 30px 16px;overflow-x:auto}.codeExampleContent ol{color:#e0e0e0;font:12px/1.9 var(--font-geist-mono), monospace;margin:0;padding-left:42px;list-style:decimal}.codeExampleContent li{white-space:pre;min-height:1.9em;padding-left:12px}.codeExampleContent li::marker{color:#666674}.codeExampleContent code{font:inherit}@media (max-width:640px){.codeExamples{margin-top:48px;margin-bottom:48px}.codeExampleLanguages{gap:8px;padding:10px}.codeExampleLanguages button{padding:4px 10px;font-size:11px}.codeExampleFilename{padding:15px;font-size:10px}.codeExampleContent{min-height:365px;padding:20px 16px 24px 5px}.codeExampleContent ol{padding-left:34px;font-size:11px}.codeExampleContent li{padding-left:8px}}