.docs-code-block{border-radius:.6rem;overflow:hidden;border:1px solid var(--theme-border);background:var(--slate-09);margin-block:1.2rem}.docs-code-block pre{margin:0;padding:1rem 1.2rem;overflow-x:auto;overscroll-behavior-x:contain;font-size:var(--step-4);line-height:1.6;color:var(--slate-01)}.docs-code-block pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.docs-code-block__bar{display:flex;align-items:center;justify-content:space-between;padding:.4rem .8rem;background:var(--slate-08);border-bottom:1px solid var(--slate-07)}.docs-code-block__lang{font-size:var(--step-4);text-transform:uppercase;letter-spacing:.05em;color:var(--slate-03)}.docs-code-block__copy{margin-inline-start:auto;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border:none;border-radius:.4rem;background:transparent;color:var(--slate-03);font-size:var(--step-4);cursor:pointer}.docs-code-block__copy .iconify{width:.9rem;height:.9rem}.docs-code-block__copy:hover{background:var(--slate-07);color:var(--slate-00)}.docs-code-block__copy:focus-visible{outline:2px solid var(--teal-05);outline-offset:-2px}