.uncoder-tabs{--uncoder-tabs-dir: column;--uncoder-tabs-list-display: flex;--uncoder-tabs-list-dir: row;--uncoder-tabs-list-overflow: auto hidden;--uncoder-tabs-list-width: 240px;--uncoder-tabs-list-basis: auto;--uncoder-tabs-acc-display: none;--uncoder-tabs-ws: nowrap;--uncoder-tabs-line-width: 1px;--uncoder-tabs-line-color: var(--uncoder-c-border, #e5e7eb);--uncoder-tabs-line-shadow: inset 0 calc(-1 * var(--uncoder-tabs-line-width)) 0 var(--uncoder-tabs-line-color);--uncoder-tabs-line-inline: 0px;--uncoder-tabs-indicator: var(--uncoder-c-primary, #2b59ff);--uncoder-tabs-indicator-size: 2px;--uncoder-tabs-ind-block: auto 0;--uncoder-tabs-ind-inline: 0;--uncoder-tabs-ind-w: auto;--uncoder-tabs-ind-h: var(--uncoder-tabs-indicator-size);--uncoder-tabs-ind-hidden: scaleX(0);--uncoder-tabs-justify: flex-start;--uncoder-tabs-grow: 0;--uncoder-tabs-title-align: initial;--uncoder-tabs-title-align-auto: center;--uncoder-tabs-gap: 4px;--uncoder-tabs-spacing: 28px;--uncoder-tabs-color: var(--uncoder-c-muted, #6b7280);--uncoder-tabs-color-hover: var(--uncoder-c-heading, #111827);--uncoder-tabs-color-active: var(--uncoder-c-heading, #111827);--uncoder-tabs-icon-dir: row;--uncoder-tabs-icon-size: 1.15em;--uncoder-tabs-icon-gap: 8px;--uncoder-tabs-icon-color: currentColor;--uncoder-tabs-icon-color-active: currentColor;--uncoder-tabs-acc-gap: 0px;--uncoder-tabs-panel-pad: 0px;display:flex;flex-direction:var(--uncoder-tabs-dir);gap:var(--uncoder-tabs-spacing);min-width:0}.uncoder-tabs>.uncoder-tabs__list{position:relative;display:var(--uncoder-tabs-list-display);flex-direction:var(--uncoder-tabs-list-dir);flex:0 0 var(--uncoder-tabs-list-basis);justify-content:var(--uncoder-tabs-justify);gap:var(--uncoder-tabs-gap);min-width:0;max-width:100%;overflow:var(--uncoder-tabs-list-overflow);box-shadow:var(--uncoder-tabs-line-shadow);border-inline-end:var(--uncoder-tabs-line-inline) solid var(--uncoder-tabs-line-color);scrollbar-width:none}.uncoder-tabs>.uncoder-tabs__list::-webkit-scrollbar{display:none}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab,.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__acc{position:relative;display:flex;align-items:center;gap:var(--uncoder-tabs-icon-gap);min-height:0;margin:0;padding:12px 18px;border:0 solid transparent;border-radius:0;background:none;box-shadow:none;color:var(--uncoder-tabs-color);font:inherit;font-weight:500;line-height:1.3;letter-spacing:inherit;text-align:inherit;text-decoration:none;text-shadow:none;text-transform:none;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab{flex:var(--uncoder-tabs-grow) 0 auto;flex-direction:var(--uncoder-tabs-icon-dir);justify-content:var(--uncoder-tabs-title-align, var(--uncoder-tabs-title-align-auto));white-space:var(--uncoder-tabs-ws)}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab:hover,.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__acc:hover{color:var(--uncoder-tabs-color-hover)}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab.is-active,.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__acc.is-active{color:var(--uncoder-tabs-color-active)}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab:focus-visible,.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__acc:focus-visible{outline:2px solid var(--uncoder-tabs-indicator);outline-offset:-2px}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab:after{content:"";position:absolute;inset-block:var(--uncoder-tabs-ind-block);inset-inline:var(--uncoder-tabs-ind-inline);width:var(--uncoder-tabs-ind-w);height:var(--uncoder-tabs-ind-h);background:var(--uncoder-tabs-indicator);transform:var(--uncoder-tabs-ind-hidden);transition:transform .25s cubic-bezier(.2,.8,.2,1);pointer-events:none}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab.is-active:after{transform:none}.uncoder-tabs--no-indicator>.uncoder-tabs__list>.uncoder-tabs__tab:after{display:none}.uncoder-tabs__tab>.uncoder-tabs__icon,.uncoder-tabs__acc-label>.uncoder-tabs__icon{width:var(--uncoder-tabs-icon-size);height:var(--uncoder-tabs-icon-size);color:var(--uncoder-tabs-icon-color);transition:color .2s}.uncoder-tabs__tab.is-active>.uncoder-tabs__icon,.uncoder-tabs__acc.is-active .uncoder-tabs__icon{color:var(--uncoder-tabs-icon-color-active)}.uncoder-tabs__title{min-width:0}.uncoder-tabs>.uncoder-tabs__panels{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__panel{min-width:0;padding:var(--uncoder-tabs-panel-pad)}.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__panel[hidden]{display:none}.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__panel:focus-visible{outline:2px solid var(--uncoder-tabs-indicator);outline-offset:4px}.uncoder-tabs--anim-fade>.uncoder-tabs__panels>.uncoder-tabs__panel.is-entering{animation:uncoder-tabs-fade .35s ease both}.uncoder-tabs--anim-slide>.uncoder-tabs__panels>.uncoder-tabs__panel.is-entering{animation:uncoder-tabs-slide .45s cubic-bezier(.2,.8,.2,1) both}@keyframes uncoder-tabs-fade{0%{opacity:0}}@keyframes uncoder-tabs-slide{0%{opacity:0;transform:translateY(12px)}}.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__acc{display:var(--uncoder-tabs-acc-display);justify-content:space-between;width:100%;padding-inline:0;box-shadow:inset 0 calc(-1 * var(--uncoder-tabs-line-width)) 0 var(--uncoder-tabs-line-color);text-align:start;scroll-margin-top:calc(var(--uncoder-sticky-h, 0px) + 12px)}.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__acc~.uncoder-tabs__acc{margin-top:var(--uncoder-tabs-acc-gap)}.uncoder-tabs__acc>.uncoder-tabs__acc-label{display:flex;flex-direction:var(--uncoder-tabs-icon-dir);align-items:center;gap:var(--uncoder-tabs-icon-gap);min-width:0}.uncoder-tabs__acc>.uncoder-tabs__acc-icon{flex-shrink:0;width:1.1em;height:1.1em;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.uncoder-tabs__acc.is-active>.uncoder-tabs__acc-icon{transform:rotate(180deg)}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab{scroll-margin-top:calc(var(--uncoder-sticky-h, 0px) + 12px)}.uncoder-tabs-placeholder{padding:32px 20px;border:1px dashed var(--uncoder-c-border, #d1d5db);border-radius:8px;color:var(--uncoder-c-muted, #6b7280);font:14px/1.4 system-ui,sans-serif;text-align:center}@media(prefers-reduced-motion:reduce){.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab,.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab:after,.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__acc,.uncoder-tabs__acc>.uncoder-tabs__acc-icon{transition:none}.uncoder-tabs>.uncoder-tabs__panels>.uncoder-tabs__panel.is-entering{animation:none}}