.stepbar{display:flex;align-items:center;gap:var(--sb-gap,3px);width:100%}.stepbar i{flex:1 1 0;min-width:0;height:var(--sb-h,6px);border-radius:99px;background:var(--sb-track,var(--hair));overflow:hidden;transition:flex-grow .45s cubic-bezier(.2,.9,.3,1.15)}.stepbar i.cur{flex-grow:var(--sb-cw,1.8)}.stepbar i b{display:block;height:100%;width:0;border-radius:inherit;background-color:var(--sb-c,var(--sb-done,var(--violet)));transition:width .5s cubic-bezier(.2,.9,.3,1.1),background-color .25s ease}.stepbar i:is(.on,.cur,.ok,.no) b{width:100%}.stepbar i.on b{--sb-c:var(--sb-done,var(--violet))}.stepbar i.cur b{--sb-c:var(--violet)}.stepbar i.ok b{--sb-c:var(--buy)}.stepbar i.no b{--sb-c:var(--sell)}.stepbar i:is(.cur,.ok,.no) b{background-image:linear-gradient(90deg,#ffffff38,#fff0)}.stepbar i.pop{animation:sb-pop .32s cubic-bezier(.3,1.6,.5,1)}@keyframes sb-pop{40%{transform:scale(1.06,1.5)}}@media(prefers-reduced-motion:reduce){.stepbar i,.stepbar i b{transition:none}.stepbar i.pop{animation:none}}.stepbar.sb-ink{--sb-done:var(--ink)}:root[data-theme=dark] .stepbar.sb-ink{--sb-done:var(--ink3)}