.code-group{border:.5px solid var(--code-border);margin:1.1em 0;overflow:hidden}.code-group .cg-bar{border-bottom:.5px solid var(--code-border);justify-content:space-between;align-items:stretch;gap:.5rem;display:flex}.code-group .cg-tabs{scrollbar-width:none;align-items:stretch;display:flex;overflow-x:auto}.code-group .cg-tabs::-webkit-scrollbar{display:none}.code-group .cg-tab{border:none;border-right:.5px solid var(--code-border);color:var(--dark-foreground);white-space:nowrap;cursor:pointer;background:0 0;border-bottom:1.5px solid #0000;align-items:center;gap:.4em;padding:.4rem .85rem;font-family:Matter;font-size:.7rem;transition:color .15s,border-color .15s;display:inline-flex}.code-group .cg-tab:hover{color:var(--foreground)}.code-group .cg-tab.is-active{color:var(--foreground);border-bottom-color:var(--primary-highlight)}.code-group .cg-tab .cg-tab-icon{flex-shrink:0;font-size:1.05em}.code-group .cg-copy{color:var(--dark-foreground);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-content:center;place-items:center;padding:0 .6rem;transition:color .15s;display:flex}.code-group .cg-copy:hover{color:var(--foreground)}.code-group .cg-copy .cg-copy-icon{font-size:.9rem}.code-group .cg-panels{display:grid}.code-group .cg-panel{grid-area:1/1;min-width:0}.code-group .cg-panel:not(.is-active){visibility:hidden;max-height:0;overflow:hidden}.code-group .cg-panel>*{margin:0}.code-group .cg-panel .code-block{border:none}.code-group .cg-panel .code-block .cb-bar{display:none}.code-group .cg-panel .algorithm{border:none}