.cb-code{--cb-code-bg:var(--mkt-dark,#0f1117);--cb-code-fg:#e6e8ef;--cb-code-cue:#8ea4ff47}div.cb-code{border-radius:var(--mkt-r-md,14px);background:var(--cb-code-bg);border:1px solid var(--mkt-dark-border,#ffffff14);min-width:0;max-width:100%;color:var(--cb-code-fg);text-align:left;position:relative;overflow:hidden}.cb-code .cb-code-bar{border-bottom:1px solid var(--mkt-dark-border,#ffffff14);background:#ffffff06;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.375rem .5rem .375rem 1rem;display:flex}.cb-code .cb-code-lang{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 11px/1.2 var(--mkt-font-body);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;overflow:hidden}.cb-code .cb-code-copy{color:#fff;min-height:32px;font:600 12.5px/1 var(--mkt-font-body);cursor:pointer;transition:background-color var(--mkt-fast,.16s), border-color var(--mkt-fast,.16s);background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;flex-shrink:0;align-items:center;gap:.375rem;padding:.4rem .75rem;display:inline-flex}.cb-code .cb-code-copy:hover{background:#ffffff26;border-color:#ffffff47}.cb-code .cb-code-copy:focus-visible{outline-offset:2px;outline:2px solid #8ea4ff}.cb-code .cb-code-copy[data-state=copied]{color:#a7e3b4;border-color:#a7e3b499}.cb-code .cb-code-copy[data-state=manual]{color:#f5b97a;border-color:#f5b97a99}.cb-code .cb-code-pre{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;font:400 13px/1.7 var(--mkt-font-mono);font-variant-ligatures:none;color:var(--cb-code-fg);tab-size:2;white-space:pre;word-break:normal;overflow-wrap:normal;background:linear-gradient(to right, var(--cb-code-bg) 40%, transparent) left center / 32px 100% no-repeat local, linear-gradient(to left, var(--cb-code-bg) 40%, transparent) right center / 32px 100% no-repeat local, linear-gradient(to right, var(--cb-code-cue), transparent) left center / 14px 100% no-repeat scroll, linear-gradient(to left, var(--cb-code-cue), transparent) right center / 22px 100% no-repeat scroll, var(--cb-code-bg);scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;margin:0;padding:1rem 0 1.15rem 1.15rem;overflow:auto}.cb-code .cb-code-pre::-webkit-scrollbar{width:8px;height:8px}.cb-code .cb-code-pre::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:8px}.cb-code .cb-code-pre::-webkit-scrollbar-track{background:0 0}.cb-code .cb-code-pre:focus-visible{outline-offset:-2px;outline:2px solid #8ea4ff}.cb-code .cb-code-pre>code{width:max-content;min-width:100%;color:inherit;font:inherit;white-space:inherit;background:0 0;border:0;margin:0;padding:0 1.15rem 0 0;display:block}.cb-code .cb-code-pre>code:before,.cb-code .cb-code-pre>code:after{content:none}.cb-code .cb-code-pre.is-wrap{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}.cb-code .cb-code-pre.is-wrap>code{width:auto}@media (max-width:639px){.cb-code .cb-code-pre{padding:.875rem 0 1rem 1rem;font-size:12.5px}.cb-code .cb-code-pre>code{padding-right:1rem}}.cb-code .tok-comment,.cb-code .tok-doctype{color:#8b93a7;font-style:italic}.cb-code .tok-keyword,.cb-code .tok-tag,.cb-code .tok-atrule{color:#8ea4ff}.cb-code .tok-attr,.cb-code .tok-property,.cb-code .tok-flag{color:#7dd3fc}.cb-code .tok-string{color:#a7e3b4}.cb-code .tok-number,.cb-code .tok-literal,.cb-code .tok-color,.cb-code .tok-entity{color:#f5b97a}.cb-code .tok-function,.cb-code .tok-selector,.cb-code .tok-command,.cb-code .tok-var{color:#c4b5fd}.cb-code .tok-punct{color:#a3aac0}@media (forced-colors:active){.cb-code .cb-code-pre{background:canvas}.cb-code [class^=tok-]{color:canvastext}}