.code-tabs{position:relative;margin:0 0 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-2);overflow:hidden}.code-tabs__head{display:flex;align-items:stretch;gap:4px;min-height:38px;padding:0 42px 0 0;border-bottom:1px solid var(--border);background:var(--surface-2)}.code-tabs__title{display:inline-flex;align-items:center;flex:0 0 auto;padding:0 4px 0 14px;color:var(--fg);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap}.code-tabs__title:after{content:"";width:1px;height:14px;margin-left:10px;background:var(--border-strong)}.code-tabs__badge{align-self:center;flex:0 0 auto;margin-left:auto;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 8px;border-radius:var(--radius-pill);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--muted);background:var(--surface-3)}.code-tabs .code-tabs__bar{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:stretch;gap:2px;min-width:0;padding:0 4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;background:linear-gradient(to right,var(--surface-2) 40%,transparent) 0 /28px 100% no-repeat local,linear-gradient(to left,var(--surface-2) 40%,transparent) 100% /28px 100% no-repeat local,linear-gradient(to right,color-mix(in srgb,var(--fg) 16%,transparent),transparent) 0 /14px 100% no-repeat scroll,linear-gradient(to left,color-mix(in srgb,var(--fg) 16%,transparent),transparent) 100% /14px 100% no-repeat scroll,var(--surface-2)}.code-tabs .code-tabs__bar::-webkit-scrollbar{display:none}.code-tabs .code-tabs__tab{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;padding:0 10px;border:0;border-radius:0;background:none;color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-tabs .code-tabs__tab:hover{color:var(--fg)}.code-tabs:not(.code-tabs--multi) .code-tabs__tab{cursor:default;color:var(--muted);font-weight:var(--fw-medium)}.code-tabs.code-tabs:has(>.code-tabs__radio:first-of-type:checked) .code-tabs__tab:first-of-type,.code-tabs.code-tabs:has(>.code-tabs__radio:nth-of-type(2):checked) .code-tabs__tab:nth-of-type(2),.code-tabs.code-tabs:has(>.code-tabs__radio:nth-of-type(3):checked) .code-tabs__tab:nth-of-type(3),.code-tabs.code-tabs:has(>.code-tabs__radio:nth-of-type(4):checked) .code-tabs__tab:nth-of-type(4),.code-tabs.code-tabs:has(>.code-tabs__radio:nth-of-type(5):checked) .code-tabs__tab:nth-of-type(5),.code-tabs.code-tabs:has(>.code-tabs__radio:nth-of-type(6):checked) .code-tabs__tab:nth-of-type(6){background:none;color:var(--fg)}.code-tabs--multi.code-tabs:has(>.code-tabs__radio:first-of-type:checked) .code-tabs__tab:first-of-type:after,.code-tabs--multi.code-tabs:has(>.code-tabs__radio:nth-of-type(2):checked) .code-tabs__tab:nth-of-type(2):after,.code-tabs--multi.code-tabs:has(>.code-tabs__radio:nth-of-type(3):checked) .code-tabs__tab:nth-of-type(3):after,.code-tabs--multi.code-tabs:has(>.code-tabs__radio:nth-of-type(4):checked) .code-tabs__tab:nth-of-type(4):after,.code-tabs--multi.code-tabs:has(>.code-tabs__radio:nth-of-type(5):checked) .code-tabs__tab:nth-of-type(5):after,.code-tabs--multi.code-tabs:has(>.code-tabs__radio:nth-of-type(6):checked) .code-tabs__tab:nth-of-type(6):after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--accent)}.code-tabs:has(>.code-tabs__radio:first-of-type:focus-visible) .code-tabs__tab:first-of-type,.code-tabs:has(>.code-tabs__radio:nth-of-type(2):focus-visible) .code-tabs__tab:nth-of-type(2),.code-tabs:has(>.code-tabs__radio:nth-of-type(3):focus-visible) .code-tabs__tab:nth-of-type(3),.code-tabs:has(>.code-tabs__radio:nth-of-type(4):focus-visible) .code-tabs__tab:nth-of-type(4),.code-tabs:has(>.code-tabs__radio:nth-of-type(5):focus-visible) .code-tabs__tab:nth-of-type(5),.code-tabs:has(>.code-tabs__radio:nth-of-type(6):focus-visible) .code-tabs__tab:nth-of-type(6){outline:2px solid var(--accent-ring);outline-offset:-4px;border-radius:var(--radius-sm)}.code-tabs__panel{overflow-x:auto;max-width:100%;background:var(--bg-2);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.6;color:var(--fg-2)}.code-tabs>.code-tabs__panel{margin:0;padding:0;border:0;border-radius:0}.code-tabs__panel code{background:none;padding:0;border:0;white-space:pre;font-size:inherit;color:inherit}.code-tabs>.code-tabs__panel>code{display:block;padding:12px 16px;overflow-x:auto;scrollbar-width:thin;-moz-tab-size:2;tab-size:2}.code-copy{position:absolute;top:5px;right:6px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;padding:0}.code-copy:hover{color:var(--fg);background:var(--surface-3);border-color:var(--border)}.code-copy:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}.code-copy[data-copied]{color:var(--success)}@media (prefers-reduced-motion:no-preference){.code-copy{transition:color .12s ease,background-color .12s ease}}.code-tabs__panel .token.cdata,.code-tabs__panel .token.comment,.code-tabs__panel .token.doctype,.code-tabs__panel .token.prolog{color:#8b949e;font-style:italic}.code-tabs__panel .token.punctuation{color:#c9d1d9}.code-tabs__panel .token.atrule,.code-tabs__panel .token.important,.code-tabs__panel .token.keyword,.code-tabs__panel .token.operator,.code-tabs__panel .token.selector{color:#ff7b72}.code-tabs__panel .token.attr-value,.code-tabs__panel .token.char,.code-tabs__panel .token.regex,.code-tabs__panel .token.string{color:#a5d6ff}.code-tabs__panel .token.attr-name,.code-tabs__panel .token.boolean,.code-tabs__panel .token.constant,.code-tabs__panel .token.number,.code-tabs__panel .token.property,.code-tabs__panel .token.symbol{color:#79c0ff}.code-tabs__panel .token.class-name,.code-tabs__panel .token.function{color:#d2a8ff}.code-tabs__panel .token.builtin,.code-tabs__panel .token.tag{color:#7ee787}html[data-theme=light] .code-tabs__panel .token.cdata,html[data-theme=light] .code-tabs__panel .token.comment,html[data-theme=light] .code-tabs__panel .token.doctype,html[data-theme=light] .code-tabs__panel .token.prolog{color:#6a737d}html[data-theme=light] .code-tabs__panel .token.punctuation{color:#24292e}html[data-theme=light] .code-tabs__panel .token.atrule,html[data-theme=light] .code-tabs__panel .token.important,html[data-theme=light] .code-tabs__panel .token.keyword,html[data-theme=light] .code-tabs__panel .token.operator,html[data-theme=light] .code-tabs__panel .token.selector{color:#d73a49}html[data-theme=light] .code-tabs__panel .token.attr-value,html[data-theme=light] .code-tabs__panel .token.char,html[data-theme=light] .code-tabs__panel .token.regex,html[data-theme=light] .code-tabs__panel .token.string{color:#032f62}html[data-theme=light] .code-tabs__panel .token.attr-name,html[data-theme=light] .code-tabs__panel .token.boolean,html[data-theme=light] .code-tabs__panel .token.constant,html[data-theme=light] .code-tabs__panel .token.number,html[data-theme=light] .code-tabs__panel .token.property,html[data-theme=light] .code-tabs__panel .token.symbol{color:#005cc5}html[data-theme=light] .code-tabs__panel .token.class-name,html[data-theme=light] .code-tabs__panel .token.function{color:#6f42c1}html[data-theme=light] .code-tabs__panel .token.builtin,html[data-theme=light] .code-tabs__panel .token.tag{color:#22863a}