.codeTabs{grid-column:content}.codeTabs .tabBar{all:unset;--ec-uiFntFml:"Noto Sans Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--header-border-radius:calc(var(--ec-brdRad) + var(--ec-brdWd));--tab-border-radius:calc(var(--ec-frm-edTabBrdRad) + var(--ec-brdWd));--button-spacing:.4rem;--code-background:var(--ec-frm-edBg);border-radius:var(--header-border-radius);box-shadow:var(--ec-frm-frameBoxShdCssVal);display:block;position:relative}.codeTabs .hidden{display:none!important}.codeTabs div.expressive-code .frame{border-top:none;border-radius:0!important}.codeTabs div.expressive-code .header{justify-content:end;border-radius:0!important}.codeTabs div.expressive-code .header .title{font-family:var(--ec-uiFntFml);opacity:.85;border-radius:0!important}.codeTabs div.expressive-code .header .title:after{opacity:1;border-top:0!important}.codeTabs .tabBar .title{cursor:pointer}.codeTabs .tabBar .header{border-radius:var(--header-border-radius) var(--header-border-radius) 0 0;z-index:1;display:none;position:relative;-moz-column-gap:.5rem!important;column-gap:.5rem!important;padding-top:.5rem!important;padding-left:.5rem!important}.codeTabs .tabBar.hasTitle code,.codeTabs .tabBar.hasTitle pre,.codeTabs .tabBar.isTerminal code,.codeTabs .tabBar.isTerminal pre{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.codeTabs .tabBar .title:empty:before{content:" "}.codeTabs .tabBar.hasTitle:not(.isTerminal){--button-spacing:calc(1.9rem + (var(--ec-uiPadBlk) + var(--ec-frm-edActTabIndHt))*2)}.codeTabs .tabBar.hasTitle:not(.isTerminal) .title{background:var(--ec-frm-edActTabBg);border:var(--ec-brdWd) solid var(--ec-frm-edActTabBrdCol);border-radius:var(--tab-border-radius) var(--tab-border-radius) 0 0;color:var(--ec-frm-edActTabFg);padding:calc(var(--ec-uiPadBlk) + var(--ec-frm-edActTabIndHt)) var(--ec-uiPadInl);background-clip:padding-box;border-bottom:none;margin-block-start:var(--ec-frm-edTabsMargBlkStart);position:relative;overflow:hidden}.codeTabs .tabBar.hasTitle:not(.isTerminal) .title:after{border-bottom:var(--ec-frm-edActTabIndHt) solid var(--ec-frm-edActTabIndBtmCol);border-top:var(--ec-frm-edActTabIndHt) solid var(--ec-frm-edActTabIndTopCol);content:"";pointer-events:none;position:absolute;inset:0}.codeTabs .tabBar.hasTitle:not(.isTerminal) .header{background:linear-gradient(to top,var(--ec-frm-edTabBarBrdBtmCol) var(--ec-brdWd),transparent var(--ec-brdWd)),linear-gradient(var(--ec-frm-edTabBarBg),var(--ec-frm-edTabBarBg));background-repeat:no-repeat;padding-inline-start:var(--ec-frm-edTabsMargInlStart);display:flex}.codeTabs .tabBar.hasTitle:not(.isTerminal) .header:before{border:var(--ec-brdWd) solid var(--ec-frm-edTabBarBrdCol);border-radius:inherit;content:"";pointer-events:none;border-bottom:none;position:absolute;inset:0}.codeTabs .tabBar.isTerminal{--button-spacing:calc(1.9rem + var(--ec-brdWd) + var(--ec-uiPadBlk)*2);--code-background:var(--ec-frm-trmBg)}.codeTabs .tabBar.isTerminal .header{background:var(--ec-frm-trmTtbBg);border:var(--ec-brdWd) solid var(--ec-brdCol);color:var(--ec-frm-trmTtbFg);letter-spacing:.025ch;padding-block:var(--ec-uiPadBlk);border-bottom:none;justify-content:center;align-items:center;padding-block-end:calc(var(--ec-uiPadBlk) + var(--ec-brdWd));font-weight:500;display:flex;position:relative}.codeTabs .tabBar.isTerminal .header:before{background-color:var(--ec-frm-trmTtbDotsFg);content:"";height:.56rem;left:var(--ec-uiPadInl);opacity:var(--ec-frm-trmTtbDotsOpa);pointer-events:none;width:2.1rem;line-height:0;position:absolute;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3Ccircle cx='30' cy='8' r='8'/%3E%3Ccircle cx='52' cy='8' r='8'/%3E%3C/svg%3E");mask-repeat:no-repeat}.codeTabs .tabBar.isTerminal .header:after{border-bottom:var(--ec-brdWd) solid var(--ec-frm-trmTtbBrdBtmCol);content:"";pointer-events:none;position:absolute;inset:0}.codeTabs .tabBar pre{background:var(--code-background)}.codeTabs .tabBar .title{transition:background-color .2s ease-in,color .2s ease-in,border-color .2s ease-in,border-top-color .2s ease-in;background-color:var(--ec-frm-edActTabBg)!important}.codeTabs .tabBar .title:after{border-top:var(--ec-frm-edActTabIndHt) solid var(--ec-frm-edActTabIndTopCol)!important}.codeTabs .tabBar .title:hover:after{border-top:var(--ec-frm-edActTabIndHt) solid hsl(var(--neon-cyan))!important}.codeTabs .tabBar .title.active{background-color:var(--ec-frm-trmTtbBrdBtmCol)!important}.codeTabs .tabBar .title.active:after,.codeTabs .tabBar .title.active:hover:after{border-top:var(--ec-frm-edActTabIndHt) solid hsl(var(--neon-pink))!important}.codeTabs .tabBar .title.active:hover{background-color:var(--ec-frm-edActTabBg)!important}.codeTabs .tabBar .title.active:hover:after{border-top:var(--ec-frm-edActTabIndHt) solid hsl(var(--neon-cyan))!important}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeInFast{0%{opacity:.5}to{opacity:1}}.codeTabs .expressive-code.slideOutRight{animation:.5s forwards slideOutRight}.codeTabs .expressive-code.fadeInFast{animation:.5s forwards fadeInFast}