@keyframes lineAnimation-0f92230f{0%{opacity:0;width:0}to{opacity:1;width:var(--before-width,0)}}.xs-steps-box[data-v-0f92230f]{width:100%}.xs-steps-wrap[data-v-0f92230f]{align-items:center;background:#f5f8fc;border-radius:2px;display:flex;height:44px;justify-content:space-between;padding:0 24px;position:relative;width:100%}.xs-steps-wrap .xs-steps-item[data-v-0f92230f]{align-items:center;cursor:pointer;display:flex}.xs-steps-wrap .xs-steps-item .figure[data-v-0f92230f]{align-items:center;background:#1c3de5;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:20px;justify-content:center;width:20px}.xs-steps-wrap .xs-steps-item .disabled[data-v-0f92230f]{background-color:#fff;border:1px solid #d1d1d1;color:#999;z-index:999}.xs-steps-wrap .xs-steps-item .label[data-v-0f92230f]{color:#000;font-size:14px;font-weight:400;height:20px;line-height:20px;margin-left:4px;white-space:nowrap}.xs-steps-wrap .xs-steps-item[data-v-0f92230f]:before{border:1px solid var(--border-color);content:"";flex-grow:1;left:var(--before-left,0);position:absolute;top:50%;transform:translateY(-50%);width:var(--before-width,0)}.xs-steps-wrap .xs-steps-item[data-v-0f92230f]:first-child:before{display:none}.xs-steps-wrap .xs-steps-item.active[data-v-0f92230f]:before{animation:lineAnimation-0f92230f .5s ease-in-out;border-color:#1c3de5;border-style:solid}.xs-steps-content[data-v-0f92230f]{margin-top:12px;width:100%}.xs-steps-content .xs-steps-content-item[data-v-0f92230f]{width:100%}