.CodeExample_codeExample__clCtX{background:white;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:1.5rem;overflow:hidden;transition:all .2s}.CodeExample_codeExample__clCtX:hover{border-color:#d1d5db}.CodeExample_codeExampleHeader__Kxe20{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fafafa;border-bottom:1px solid #e5e5e5}.CodeExample_headerLeft__BxdIX strong{color:var(--text-primary);font-size:1rem;font-weight:var(--font-weight-semibold)}.CodeExample_headerRight__I_VGf{display:flex;align-items:center;gap:.5rem}.CodeExample_codeDescription__d562f{padding:1rem 1.25rem;background:#fafafa;border-bottom:1px solid #e5e5e5;color:var(--text-secondary);font-size:.938rem;line-height:1.6}.CodeExample_codeContainer__kOmKP{background:#f5f5f5}.CodeExample_tabHeader__h8H3F{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e5e5;padding:0}.CodeExample_tabList___bL0L{display:flex;align-items:stretch;flex:1 1}.CodeExample_tab__nK1c_{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all .2s;position:relative}.CodeExample_tab__nK1c_:hover{background:#fafafa;color:var(--text-primary)}.CodeExample_tabActive__UqWfZ{color:var(--primary-orange);border-bottom-color:var(--primary-orange);background:#fafafa}.CodeExample_tabIcon__dKb7G{font-size:1rem;display:flex;align-items:center}.CodeExample_copyButton__roV8c,.CodeExample_tabLabel__cgIdt{font-weight:var(--font-weight-medium)}.CodeExample_copyButton__roV8c{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:white;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all .2s;white-space:nowrap}.CodeExample_copyButton__roV8c:hover{background:#fafafa;border-color:var(--primary-orange);color:var(--primary-orange)}.CodeExample_copyButton__roV8c svg{flex-shrink:0}.CodeExample_tabContent__nrBgU{position:relative}.CodeExample_prismCodeBlock__hiLDE{margin:0!important;padding:1.25rem!important;border-radius:0!important;max-height:20rem;overflow:auto;background:#1d1f21!important}.CodeExample_prismCodeBlock__hiLDE code{font-family:Fira Code,Monaco,Menlo,Consolas,Courier New,monospace!important;font-size:.9rem!important;line-height:1.6!important;background:transparent!important;padding:0!important}.CodeExample_codeBlockActive__0QONz{display:block}.CodeExample_codeBlockHidden__23ehK{display:none}@media (max-width:768px){.CodeExample_codeExampleHeader__Kxe20{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.CodeExample_headerLeft__BxdIX{width:100%}.CodeExample_headerRight__I_VGf{width:100%;justify-content:flex-end}.CodeExample_copyButton__roV8c{font-size:.813rem;padding:.5rem .75rem}.CodeExample_tabHeader__h8H3F{flex-direction:column}.CodeExample_tabList___bL0L{width:100%;border-bottom:1px solid #e5e5e5}.CodeExample_tab__nK1c_{flex:1 1;justify-content:center;padding:.75rem .875rem;font-size:.813rem}.CodeExample_tabIcon__dKb7G{font-size:.938rem}.CodeExample_codeDescription__d562f{padding:1rem;font-size:.875rem}}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}