.oz-stepbar{--sb-h:44px;--sb-arrow:16px;--sb-overlap:14px;isolation:isolate;align-items:stretch;width:100%;margin:0;padding:0;list-style:none;display:flex}.oz-stepbar--sm{--sb-h:34px;--sb-arrow:12px;--sb-overlap:11px}.oz-stepbar--mini{--sb-h:22px;--sb-arrow:8px;--sb-overlap:7px}.oz-stepbar--spaced{--sb-overlap:-2px}.oz-step{min-width:0;height:var(--sb-h);padding:0 14px 0 calc(var(--sb-arrow) + 14px);background:var(--step-bg,var(--gray-3));color:var(--step-fg,var(--fg-muted));cursor:default;clip-path:polygon(0 0, calc(100% - var(--sb-arrow)) 0, 100% 50%, calc(100% - var(--sb-arrow)) 100%, 0 100%, var(--sb-arrow) 50%);margin-left:calc(var(--sb-overlap) * -1);flex:1;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:flex;position:relative}.oz-stepbar--sm .oz-step{padding:0 12px 0 calc(var(--sb-arrow) + 10px);font-size:12px}.oz-stepbar--mini .oz-step{gap:5px;padding:0 10px 0 16px;font-size:11px}.oz-step:first-child{clip-path:polygon(0 0, calc(100% - var(--sb-arrow)) 0, 100% 50%, calc(100% - var(--sb-arrow)) 100%, 0 100%);margin-left:0;padding-left:16px}.oz-stepbar--mini .oz-step:first-child{padding-left:10px}.oz-step:last-child{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--sb-arrow) 50%)}.oz-step:only-child{clip-path:none}.oz-step .idx{background:var(--idx-bg,#ffffff1a);width:22px;height:22px;color:var(--idx-fg,currentColor);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.oz-stepbar--sm .oz-step .idx{width:18px;height:18px;font-size:10px}.oz-stepbar--mini .oz-step .idx{width:16px;height:16px;font-size:9px}.oz-step .lbl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.oz-step .lbl small{opacity:.7;margin-top:2px;font-size:10px;font-weight:400;line-height:1.1;display:block}.oz-step[data-state=done]{--step-bg:#1c542f;--step-fg:#cef3da;--idx-bg:#288a49;--idx-fg:#fff}.oz-step[data-state=current]{--step-bg:var(--primary);--step-fg:var(--primary-foreground);--idx-bg:#0003;--idx-fg:var(--primary-foreground);font-weight:600}.oz-step[data-state=todo]{--step-bg:var(--gray-3);--step-fg:var(--fg-subtle);--idx-bg:var(--gray-5);--idx-fg:var(--fg-muted)}.oz-step[data-state=error]{--step-bg:var(--error-soft);--step-fg:var(--error-soft-fg);--idx-bg:var(--error);--idx-fg:#fff}.oz-step[role=button]{cursor:pointer}.oz-step[role=button]:hover{filter:brightness(1.08)}.oz-step[role=button]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:root:not(.dark) .oz-step[data-state=done]{--step-bg:#d9f2e1;--step-fg:#1c542f;--idx-bg:#2c964f;--idx-fg:#fff}:root:not(.dark) .oz-step[data-state=todo]{--step-bg:var(--gray-2);--step-fg:var(--fg-subtle);--idx-bg:var(--gray-5);--idx-fg:var(--fg-muted)}