.badge-snippet{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;gap:10px;min-width:0;padding:16px 18px;display:grid}.badge-snippet-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.badge-snippet-head h2{margin:0;font-size:16px}.badge-snippet-head img{width:auto;max-width:100%;height:20px;display:block}.badge-snippet-note{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.badge-snippet-note a{color:var(--accent)}.badge-snippet-note code{overflow-wrap:anywhere;font-size:12px}.badge-snippet-block{gap:6px;min-width:0;display:grid}.badge-snippet-label{letter-spacing:.02em;color:var(--muted);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.badge-snippet pre{border:1px solid var(--line);background:var(--surface-2,var(--bg));white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.5}.badge-snippet pre code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.badge-copy{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:12px}.badge-copy:hover{border-color:var(--accent);color:var(--accent)}.badge-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:560px){.badge-snippet{padding:14px}.badge-snippet pre{font-size:12px}}