.code{background:var(--footer-bg);border:1px solid var(--dark-line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 56px -30px rgba(var(--black-rgb),.6);font-family:ui-monospace,SFMono-Regular,sf mono,Menlo,Consolas,monospace}.code .ctop{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--dark-line);background:var(--dark-2)}.code .ctop .d{width:11px;height:11px;border-radius:var(--radius-circle)}.code .ctop .d.red{background:var(--dot-red)}.code .ctop .d.yellow{background:var(--dot-yellow)}.code .ctop .d.green{background:var(--dot-green)}.code .ctop .method{margin-left:auto;font-size:11px;font-weight:700;color:var(--accent-bright);letter-spacing:.04em}.code pre{margin:0;padding:16px 18px;font-size:12.5px;line-height:1.65;color:var(--code-fg);overflow-x:auto;white-space:pre}.code .divider{height:1px;background:var(--dark-line)}.code .cmt{color:var(--dark-ph)}.cascade-api-code-component .code pre:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-4px}