.code-group{--cg-bg:var(--background, #ffffff);--cg-text:var(--text-color, #1f2937);--cg-border:var(--border-color, #e5e7eb);--cg-muted:#6b7280;--cg-accent:var(--accent-neutral-600, #6b7280);--cg-hover:var(--hover-bg, #f3f4f6);--cg-bg-dark:var(--background-dark, #0f1115);--cg-text-dark:var(--text-color-dark, #e5e7eb);--cg-border-dark:var(--border-color-dark, #2d3139);--cg-hover-dark:#1a1d23;border:1px solid var(--cg-border);border-radius:6px;background:var(--cg-bg);color:var(--cg-text);margin:1rem 0}
@media (prefers-color-scheme:dark){
.code-group{border-color:var(--cg-border-dark);background:var(--cg-bg-dark);color:var(--cg-text-dark)}
}
.code-group .code-group-header{display:flex;justify-content:space-between;align-items:center;gap:.25rem;padding:.25rem;border-bottom:1px solid var(--cg-border)}
@media (prefers-color-scheme:dark){
.code-group .code-group-header{border-bottom-color:var(--cg-border-dark)}
}
.code-group .code-group-tabs{display:flex;gap:.25rem}
.code-group .code-group-actions{display:flex;gap:.25rem;align-items:center}
.code-group .code-group-tab{background:0 0;border:0;padding:.5rem .75rem;margin:0;border-radius:6px;font:inherit;color:inherit;cursor:pointer}
.code-group .code-group-tab[aria-selected=true]{background:var(--cg-hover)}
@media (prefers-color-scheme:dark){
.code-group .code-group-tab[aria-selected=true]{background:var(--cg-hover-dark)}
}
.code-group .code-group-tab:focus{outline:0}
.code-group .code-group-tab:focus-visible{outline:2px solid var(--cg-accent);outline-offset:2px}
.code-group .code-group-copy-button{border:none;background:0 0;color:var(--cg-muted);cursor:pointer;padding:.5rem;margin:0;border-radius:4px;font:inherit;display:flex;align-items:center;justify-content:center;transition:color .15s ease}
.code-group .code-group-copy-button:hover{color:var(--cg-text)}
.code-group .code-group-copy-button:focus{outline:0}
.code-group .code-group-copy-button:focus-visible{outline:2px solid var(--cg-accent);outline-offset:2px}
@media (prefers-color-scheme:dark){
.code-group .code-group-copy-button{color:var(--cg-muted)}
.code-group .code-group-copy-button:hover{color:var(--cg-text-dark)}
}
.code-group .code-group-panels{padding:.5rem}
.code-group .code-group-panel[hidden]{display:none}
.code-group pre{margin:0}
.code-group pre code{display:block;padding:.75rem 1rem}