.sf-stepbar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--step-width, 80px);font-size:14px;font-weight:500;z-index:1}.sf-stepbar[label]{margin:0 .5em calc(1.4em + 3px)}.sf-stepbar__item-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.sf-stepbar__item-wrapper[sf-hidden]{width:0;height:0;overflow:hidden;visibility:hidden}.sf-stepbar__item__label{position:absolute;top:calc(var(--step-item-wh, 80px) + 3px);color:#bbb6c2;line-height:1.3;white-space:nowrap;--margin: 1px !important}.sf-stepbar__item{position:relative;width:var(--step-item-wh, 80px);height:var(--step-item-wh, 80px);background:#2c0f4e;border:1px solid rgba(0,0,0,0);border-radius:999px;transition:all .2s ease;cursor:pointer}.sf-stepbar__item[s-active]{background:linear-gradient(93deg, #7024cd 0%, #8f24cd 100%),linear-gradient(179deg, rgb(149, 65, 251), rgb(172, 65, 251));box-shadow:inset 4px 5px 10px 0px hsla(0,0%,100%,.25),inset -1px -3px 7px 0px hsla(0,0%,100%,.25);background-origin:content-box,border-box;background-clip:border-box}.sf-stepbar__item[s-active]~.sf-stepbar__item__label{color:#fff}.sf-stepbar__item:not([s-disabled],[disabled]):hover{box-shadow:none}.sf-stepbar__item[s-disabled],.sf-stepbar__item[disabled]{cursor:not-allowed}.sf-stepbar__item::after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";width:var(--step-icon-wh, 30px);height:var(--step-icon-wh, 30px);color:#fff;font-size:25px;background-image:var(--step-icon);background-size:var(--step-icon-wh, 30px);background-repeat:no-repeat;background-position:center}.sf-stepbar__item[done]::after{background-image:url(/static/icons/24x24/icon-tick.svg) !important}.sf-stepbar__progress{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;width:100%;height:5px;border-radius:28px;background-color:#2c0f4e;z-index:-1;overflow:hidden}.sf-stepbar__progress__value{height:100%;background:linear-gradient(90deg, #7024cd 0%, #8f24cd 100%);transition:all .5s cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 880px){.sf-stepbar{gap:var(--step-width-mobile, 40px);font-size:10px}.sf-stepbar__item{width:var(--step-item-wh-mobile, 40px);height:var(--step-item-wh-mobile, 40px)}.sf-stepbar__item::after{width:var(--step-icon-wh-mobile, 16px);height:var(--step-icon-wh-mobile, 16px);background-size:var(--step-icon-wh-mobile, 16px)}.sf-stepbar__item__label{top:calc(var(--step-item-wh-mobile, 80px) + 2px)}}