.code-card{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d4d4d4;background:#1e1e1e;border:1px solid #37373b;box-shadow:0 12px 36px #00000014}.code-card .code-tabs{--lgf-tint:transparent;--lgf-blur:0px;background:#252526;border-color:#37373b}.code-card .code-tabs button{color:#bfbfbf}.code-card .code-tabs button[aria-selected=true]{color:#fff;background:#1e1e1e;box-shadow:inset 0 2px #3794ff}.editor-titlebar{color:#bfbfbf;background:#202021;border-bottom:1px solid #303033;align-items:center;gap:8px;padding:8px 16px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.editor-titlebar>span:first-child{color:#9cdcfe}.code-card #code-example{color:#d4d4d4;tab-size:2;background:#1e1e1e;margin:0;padding:16px 16px 20px 54px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;position:relative}.code-gutter{text-align:right;color:#929292;-webkit-user-select:none;user-select:none;pointer-events:none;width:28px;position:absolute;top:16px;left:12px}.code-card #code-text{font:inherit}.syntax-comment{color:#83aa68}.syntax-string{color:#ce9178}.syntax-keyword{color:#c586c0}.syntax-tag{color:#569cd6}.syntax-attribute{color:#9cdcfe}.syntax-call{color:#dcdcaa}.syntax-type{color:#4ec9b0}.syntax-punctuation{color:#c8c8c8}.code-card .code-footer{color:#bfbfbf;background:#252526;border-color:#37373b}@media (forced-colors:active){#code-text span,.code-gutter{color:canvastext}.code-card .code-tabs button[aria-selected=true]{outline:1px solid highlight}}.code-card .code-tabs button{align-items:center;gap:6px;display:inline-flex}.setup-step{border-bottom:1px solid #37373b;padding:14px 16px}.setup-step[hidden],.setup-command[hidden]{display:none}.setup-step h3{color:#f5f5f5;margin:0 0 8px;font-size:14px}.setup-step p{margin:0;font-size:13px;line-height:1.5}.setup-step a{color:#9cdcfe;margin-top:8px;font-size:13px;text-decoration:underline;display:inline-block}.setup-command{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.setup-command code{overflow-wrap:anywhere;background:#151515;border-radius:8px;flex:15rem;padding:10px 12px;font-size:12px;line-height:1.6}.setup-command button{color:#f5f5f5;background:#29292d;border:1px solid #57575e;border-radius:10px;min-height:44px;padding:8px 12px;font-size:12px}.setup-command button:hover{background:#383840}@media (width<=480px){.code-card .code-tabs{gap:1px}.code-card .code-tabs button{gap:4px;padding-inline:6px}.code-card .code-tabs img{width:14px;height:14px}}