.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(var(--uncoder-tabs-line-sign, -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: var(--uncoder-tabs-ind-block-h, 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--list-after{--uncoder-tabs-line-sign: 1;--uncoder-tabs-ind-block-h: 0 auto;--uncoder-tabs-ind-inline-v: calc(-1 * var(--uncoder-tabs-line-width)) auto}.uncoder-tabs--list-after>.uncoder-tabs__list{order:1;border-inline-end:0;border-inline-start:var(--uncoder-tabs-line-inline) solid var(--uncoder-tabs-line-color)}.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__switch{--uncoder-tabs-switch-inset: calc((var(--uncoder-tabs-switch-h, 22px) - var(--uncoder-tabs-switch-knob, 16px)) / 2);position:relative;flex:none;align-self:center;width:var(--uncoder-tabs-switch-w, 40px);height:var(--uncoder-tabs-switch-h, 22px);border-radius:999px;background-color:var(--uncoder-tabs-switch-off, #e5e7eb);cursor:pointer;transition:background-color .25s ease}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__switch:after{content:"";position:absolute;top:var(--uncoder-tabs-switch-inset);inset-inline-start:var(--uncoder-tabs-switch-inset);width:var(--uncoder-tabs-switch-knob, 16px);height:var(--uncoder-tabs-switch-knob, 16px);border-radius:50%;background-color:var(--uncoder-tabs-switch-knob-color, #fff);transition:inset-inline-start .25s ease}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab:not(.is-active)+.uncoder-tabs__switch{background-color:var(--uncoder-tabs-switch-on, var(--uncoder-c-primary, #2b59ff))}.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__tab:not(.is-active)+.uncoder-tabs__switch:after{inset-inline-start:calc(var(--uncoder-tabs-switch-w, 40px) - var(--uncoder-tabs-switch-knob, 16px) - var(--uncoder-tabs-switch-inset))}.uncoder-tabs__badge{display:inline-block;flex:none;padding:4px 8px;border-radius:999px;font-size:.75em;line-height:1.2;white-space:nowrap;transition:color .25s ease,background-color .25s ease}@media(prefers-reduced-motion:reduce){.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__switch,.uncoder-tabs>.uncoder-tabs__list>.uncoder-tabs__switch:after,.uncoder-tabs__badge{transition:none}}.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__list>.uncoder-tabs__tab--desc{flex-wrap:wrap;white-space:normal;text-align:start}.uncoder-tabs__desc{display:block;flex:0 0 100%;margin-top:var(--uncoder-tabs-desc-gap, 6px);color:var(--uncoder-tabs-desc-color, inherit);font-weight:400;line-height:1.5}.uncoder-tabs:not(.uncoder-tabs--desc-all)>.uncoder-tabs__list>.uncoder-tabs__tab:not(.is-active)>.uncoder-tabs__desc{display:none}.uncoder-tabs:not(.uncoder-tabs--desc-all)>.uncoder-tabs__list>.uncoder-tabs__tab.is-active>.uncoder-tabs__desc{animation:uncoder-tabs-desc .3s ease}@keyframes uncoder-tabs-desc{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.uncoder-tabs__desc{animation:none!important}}.uncoder-tabs__image{display:block;flex:none;width:var(--uncoder-tabs-image-size, 48px);height:var(--uncoder-tabs-image-size, 48px);object-fit:cover;transition:opacity .2s,box-shadow .2s}.uncoder-tabs--image-only .uncoder-tabs__title--pictured{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border: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}}