.prose .mdx-code{background:var(--ink);border-radius:14px;margin:1.6em 0;overflow:hidden;box-shadow:0 18px 40px -28px #0a14328c}.prose .mdx-code-h{background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 18px;display:flex}.prose .mdx-code-lang{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9aa6c2}.prose .mdx-code-copy{color:#c9d2e8;min-height:32px;font:600 12px var(--sans);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;padding:0 10px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.prose .mdx-code-copy:hover{color:#fff;background:#ffffff14}.prose .mdx-code-copy:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.prose .mdx-code-copy.is-done{color:#8ee0a8;border-color:#8ee0a866}.prose .mdx-code pre{border-radius:0;margin:0;padding:18px 20px 20px}.prose .mdx-code .tk-k{color:#8fb8ff}.prose .mdx-code .tk-s{color:#a8e2b8}.prose .mdx-code .tk-n{color:#f5c27a}.prose .mdx-code .tk-c{color:#7d88a3;font-style:italic}.prose .mdx-code .tk-p{color:#8d98b3}.prose .mdx-code .tk-f{color:#f2a7c8}.prose .mdx-code .tk-cmd{color:#fff;font-weight:600}@media (max-width:640px){.prose .mdx-code pre{padding:16px 16px 18px;font-size:13px}}