.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}& .header{justify-content:end;border-radius:0!important;& .title{font-family:var(--ec-uiFntFml);opacity:.85;border-radius:0!important;&:after{opacity:1;border-top:0!important}}}}.codeTabs .tabBar .title{cursor:pointer}.codeTabs .tabBar .header{z-index:1;border-radius:var(--header-border-radius) var(--header-border-radius) 0 0;display:none;position:relative;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 + 2 * (var(--ec-uiPadBlk) + var(--ec-frm-edActTabIndHt)))}.codeTabs .tabBar.hasTitle:not(.isTerminal) .title{color:var(--ec-frm-edActTabFg);background:var(--ec-frm-edActTabBg);padding:calc(var(--ec-uiPadBlk) + var(--ec-frm-edActTabIndHt)) var(--ec-uiPadInl);border:var(--ec-brdWd) solid var(--ec-frm-edActTabBrdCol);border-radius:var(--tab-border-radius) var(--tab-border-radius) 0 0;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{content:"";pointer-events:none;border-top:var(--ec-frm-edActTabIndHt) solid var(--ec-frm-edActTabIndTopCol);border-bottom:var(--ec-frm-edActTabIndHt) solid var(--ec-frm-edActTabIndBtmCol);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{content:"";pointer-events:none;border:var(--ec-brdWd) solid var(--ec-frm-edTabBarBrdCol);border-radius:inherit;border-bottom:none;position:absolute;inset:0}.codeTabs .tabBar.isTerminal{--button-spacing:calc(1.9rem + var(--ec-brdWd) + 2 * var(--ec-uiPadBlk));--code-background:var(--ec-frm-trmBg)}.codeTabs .tabBar.isTerminal .header{padding-block:var(--ec-uiPadBlk);letter-spacing:.025ch;color:var(--ec-frm-trmTtbFg);background:var(--ec-frm-trmTtbBg);border:var(--ec-brdWd) solid var(--ec-brdCol);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{content:"";pointer-events:none;left:var(--ec-uiPadInl);background-color:var(--ec-frm-trmTtbDotsFg);width:2.1rem;height:.56rem;opacity:var(--ec-frm-trmTtbDotsOpa);line-height:0;position:absolute;-webkit-mask-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%228%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%228%22%20r%3D%228%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%228%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%228%22%20r%3D%228%22%2F%3E%3C%2Fsvg%3E);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.codeTabs .tabBar.isTerminal .header:after{content:"";pointer-events:none;border-bottom:var(--ec-brdWd) solid var(--ec-frm-trmTtbBrdBtmCol);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;&:after{border-top:var(--ec-frm-edActTabIndHt) solid var(--ec-frm-edActTabIndTopCol)!important}&:hover:after{border-top:var(--ec-frm-edActTabIndHt) solid hsl(var(--neon-cyan))!important}&.active{background-color:var(--ec-frm-trmTtbBrdBtmCol)!important;&:after{border-top:var(--ec-frm-edActTabIndHt) solid hsl(var(--neon-pink))!important}&:hover{background-color:var(--ec-frm-edActTabBg)!important;&: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;&: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}&.fadeInFast{animation:.5s forwards fadeInFast}}