@layer components{:where(.ma-codetabs){border:1px solid var(--ma-edge);background:var(--ma-panel);color:var(--ma-ink);border-radius:.75rem;grid-template-columns:minmax(0,1fr);font-size:.875rem;display:grid;overflow:clip}:where(.ma-codetabs__bar){border-bottom:1px solid var(--ma-edge);justify-content:space-between;align-items:stretch;gap:.5rem;padding-inline-end:.4rem;display:flex}:where(.ma-codetabs__list){scrollbar-width:none;grid-auto-columns:1fr;grid-auto-flow:column;min-width:0;display:grid;position:relative;overflow-x:auto}:where(.ma-codetabs__input){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(.ma-codetabs__tab){opacity:var(--ma-dim,.7);cursor:pointer;white-space:nowrap;transition:opacity var(--ma-duration-fast) var(--ma-ease-out);padding:.7rem .9rem;font-family:ui-monospace,monospace;font-size:.8125em}:where(.ma-codetabs__tab:hover),:where(.ma-codetabs__input:checked+.ma-codetabs__tab){opacity:1}:where(.ma-codetabs__input:focus-visible+.ma-codetabs__tab){outline-offset:-3px;border-radius:.375rem;outline:2px solid}:where(.ma-codetabs__indicator){inset-inline-start:0;width:calc(100% / var(--ma-codetabs-n,1));height:2px;translate:calc(var(--ma-codetab,0) * 100% * var(--ma-codetabs-dir,1)) 0;transition:translate var(--ma-duration) var(--ma-ease);background:currentColor;position:absolute;bottom:0}:where([dir=rtl] .ma-codetabs,.ma-codetabs[dir=rtl]){--ma-codetabs-dir:-1}:where([dir=rtl] [dir=ltr] .ma-codetabs,[dir=rtl] .ma-codetabs[dir=ltr]){--ma-codetabs-dir:1}:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(2):checked)){--ma-codetab:1}:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(3):checked)){--ma-codetab:2}:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(4):checked)){--ma-codetab:3}:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(5):checked)){--ma-codetab:4}:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(6):checked)){--ma-codetab:5}:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(7):checked)){--ma-codetab:6}:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(8):checked)){--ma-codetab:7}:where(.ma-codetabs__copies){flex:none;align-self:center;display:grid}:where(.ma-codetabs__copy){grid-area:1/1;display:none}:where(.ma-codetabs__copy .ma-copy){background:0 0;border-color:#0000}:where(.ma-codetabs__panel){opacity:1;transition:opacity var(--ma-duration) var(--ma-ease), translate var(--ma-duration) var(--ma-ease);display:none;translate:0}:where(.ma-codetabs:has(.ma-codetabs__input:first-of-type:checked) .ma-codetabs__panel:first-child),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(2):checked) .ma-codetabs__panel:nth-child(2)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(3):checked) .ma-codetabs__panel:nth-child(3)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(4):checked) .ma-codetabs__panel:nth-child(4)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(5):checked) .ma-codetabs__panel:nth-child(5)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(6):checked) .ma-codetabs__panel:nth-child(6)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(7):checked) .ma-codetabs__panel:nth-child(7)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(8):checked) .ma-codetabs__panel:nth-child(8)){display:block}:where(.ma-codetabs:has(.ma-codetabs__input:first-of-type:checked) .ma-codetabs__copy:first-of-type),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(2):checked) .ma-codetabs__copy:nth-of-type(2)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(3):checked) .ma-codetabs__copy:nth-of-type(3)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(4):checked) .ma-codetabs__copy:nth-of-type(4)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(5):checked) .ma-codetabs__copy:nth-of-type(5)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(6):checked) .ma-codetabs__copy:nth-of-type(6)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(7):checked) .ma-codetabs__copy:nth-of-type(7)),:where(.ma-codetabs:has(.ma-codetabs__input:nth-of-type(8):checked) .ma-codetabs__copy:nth-of-type(8)){display:inline-flex}@starting-style{:where(.ma-codetabs__panel){opacity:0;translate:0 var(--ma-travel-hover,4px)}}:where(.ma-codetabs__panel>pre){tab-size:2;margin:0;padding:1rem;font-size:.8125rem;line-height:1.6;overflow-x:auto;background:0 0!important}:where(.ma-codetabs__panel pre span){color:color-mix(in srgb, var(--shiki-dark) calc(var(--ma-dark,0) * 100%), var(--shiki-light))}@media (prefers-reduced-motion:reduce){:where(.ma-codetabs__indicator),:where(.ma-codetabs__panel){transition:none}}:where([data-ma-motion=reduce]) :where(.ma-codetabs__indicator),:where([data-ma-motion=reduce]) :where(.ma-codetabs__panel){transition:none}}