.of-code{margin:20px 0 0;border-radius:16px;overflow:hidden;background:#15191d;box-shadow:0 1px 2px rgba(16,33,58,.08),0 24px 50px -30px rgba(16,33,58,.6)}.of-code__bar{display:flex;align-items:center;gap:6px;height:42px;padding:0 10px 0 14px;background:#1d2227}.of-code__bar i{width:10px;height:10px;border-radius:50%;background:#3a4148}.of-code__bar span{margin-left:8px;flex:1;font:500 12.5px/1 var(--font-body,system-ui);color:#8b949c}.of-code pre{margin:0;padding:16px 20px 20px;overflow-x:auto}.of-code pre code{display:block;padding:0;background:none;border-radius:0;white-space:pre;overflow-wrap:normal;font-family:var(--font-code,ui-monospace,monospace);font-size:13.5px;line-height:1.65;color:#e8ebee}.of-code .c{color:#7d8790}.of-code .mcp-copy{background:#2a3036;border-color:#3a4148;color:#e8ebee}.of-code .mcp-copy:hover{border-color:#5b646c}.of-code .mcp-copy.is-done{background:#2e9e5b;border-color:#2e9e5b;color:#fff}.mcp-copy{flex:none;height:30px;padding:0 12px;border-radius:999px;border:1px solid #e6e6e6;background:#fff;cursor:pointer;font:600 12px/1 var(--font-body,system-ui);color:#232a31;transition:background-color .15s,color .15s,border-color .15s}.mcp-copy:hover{border-color:#9aa1a8}.mcp-copy.is-done{background:#2e9e5b;border-color:#2e9e5b;color:#fff}