.index-module__qfnwPG__codeBlock{font-family:var(--font-fira-code);font-size:var(--font-size-md);margin:0;line-height:28px;overflow-x:auto}
.index-module__d_ygqa__layout{gap:var(--space-8);grid-template-columns:428px 1fr;display:grid}.index-module__d_ygqa__code{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-width:0;position:relative;overflow:hidden}.index-module__d_ygqa__scroll{padding:var(--space-5) var(--space-16) var(--space-5) var(--space-8);position:absolute;inset:0;overflow:auto}.index-module__d_ygqa__step{padding:var(--space-5);color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:0;transition:background-color .15s ease-in-out}.index-module__d_ygqa__step:hover,.index-module__d_ygqa__step:focus-visible,.index-module__d_ygqa__stepActive{background-color:var(--black-250);outline:1px solid var(--border-subtle)}.index-module__d_ygqa__stepActive{cursor:default}.index-module__d_ygqa__step:focus-visible{outline:1px solid var(--border-normal)}.index-module__d_ygqa__copy{top:var(--space-4);right:var(--space-4);position:absolute}.index-module__d_ygqa__language{right:var(--space-5);bottom:var(--space-4);pointer-events:none;position:absolute}.index-module__d_ygqa__number{flex-shrink:0;margin-top:4px}@media (max-width:1024px){.index-module__d_ygqa__layout{grid-template-columns:1fr}.index-module__d_ygqa__scroll{max-height:320px;position:static}}@media (max-width:640px){.index-module__d_ygqa__scroll{padding:var(--space-4) var(--space-14) var(--space-4) var(--space-4)}}