.ui-tabs[data-v-2ace6c83]{display:flex;flex-wrap:wrap;gap:.5rem}.tab-btn[data-v-2ace6c83]{align-items:center;background:var(--ui-color-bg);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-control);color:var(--ui-color-text);cursor:pointer;display:inline-flex;font-family:inherit;gap:.4rem;padding:.5rem 1rem}.tab-btn.active[data-v-2ace6c83]{background:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-secondary);font-weight:600}.tab-btn.done[data-v-2ace6c83]{background:var(--ui-color-success-bg);border-color:color-mix(in srgb,var(--ui-color-success-text) 35%,var(--ui-color-border))}.tab-btn[data-v-2ace6c83]:disabled{cursor:not-allowed;opacity:.45}.tab-badge[data-v-2ace6c83],.tab-mark[data-v-2ace6c83]{font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.tab-badge[data-v-2ace6c83]{color:inherit;opacity:.75}.tab-mark[data-v-2ace6c83]{font-size:.85rem;opacity:.9}.ui-tabs.steps[data-v-2ace6c83]{flex-wrap:nowrap;gap:0;overflow-x:auto;padding:.15rem .85rem .15rem 0}.ui-tabs.steps .tab-btn[data-v-2ace6c83]{border-radius:0;flex:1 1 auto;justify-content:center;margin-right:-.1rem;position:relative;white-space:nowrap}.ui-tabs.steps .tab-btn[data-v-2ace6c83]:first-child{border-radius:var(--ui-radius-control) 0 0 var(--ui-radius-control)}.ui-tabs.steps .tab-btn[data-v-2ace6c83]:last-child{border-radius:0 var(--ui-radius-control) var(--ui-radius-control) 0;margin-right:0}.ui-tabs.steps .tab-btn[data-v-2ace6c83]:not(:last-child){border-right-color:transparent}.ui-tabs.steps .tab-btn[data-v-2ace6c83]:not(:last-child):after,.ui-tabs.steps .tab-btn[data-v-2ace6c83]:not(:last-child):before{bottom:-1px;clip-path:polygon(0 0,100% 50%,0 100%);content:"";left:100%;pointer-events:none;position:absolute;top:-1px;width:.85rem}.ui-tabs.steps .tab-btn[data-v-2ace6c83]:not(:last-child):before{background:var(--ui-color-border);width:calc(.85rem + 1px);z-index:1}.ui-tabs.steps .tab-btn[data-v-2ace6c83]:not(:last-child):after{background:var(--ui-color-bg);z-index:2}.ui-tabs.steps .tab-btn.active[data-v-2ace6c83]:not(:last-child):after,.ui-tabs.steps .tab-btn.active[data-v-2ace6c83]:not(:last-child):before{background:var(--ui-color-primary)}.ui-tabs.steps .tab-btn.done[data-v-2ace6c83]:not(:last-child):before{background:color-mix(in srgb,var(--ui-color-success-text) 35%,var(--ui-color-border))}.ui-tabs.steps .tab-btn.done[data-v-2ace6c83]:not(:last-child):after{background:var(--ui-color-success-bg)}
