.x-step{flex-shrink:1}.x-step .x-step-head{position:relative}.x-step .x-step-head .x-step-line{background-color:var(--color-grey-4);position:absolute}.x-step .x-step-head .x-step-text{cursor:pointer;position:absolute;z-index:1}.x-step .x-step-head .x-step-text .x-step-text-inner{border:var(--border-base);border-radius:50%;box-sizing:border-box;color:var(--color-grey-7);font-size:12px;height:18px;line-height:16px;text-align:center;width:18px}.x-step .x-step-head .x-step-text .x-step-text-icon{font-size:18px}.x-step .x-step-main .x-step-title{color:var(--color-grey-7);cursor:pointer;font-size:14px;line-height:1.5em;padding-left:8px}.x-step .x-step-main .x-step-title:hover{color:var(--color-blue-5)}.x-step:last-of-type.is-flex{flex-basis:auto!important;flex-grow:0;flex-shrink:0}.x-step:last-of-type .x-step-line{display:none}.x-steps{display:flex}.x-steps .is-active .x-step-head .x-step-text .x-step-text-inner{background-color:var(--color-blue-6);border-color:var(--color-blue-6);color:#fff}.x-steps .is-active .x-step-main .x-step-title{color:var(--color-blue-6)}.x-steps .is-finish .x-step-head .x-step-line{background-color:var(--color-blue-5)}.x-steps .is-finish .x-step-head .x-step-text{color:var(--color-blue-5)}.x-steps .is-finish .x-step-main .x-step-title{color:var(--color-blue-5)}.x-steps-horizontal{padding:0 24px}.x-steps-horizontal .x-step .x-step-line{height:1px;left:42px;top:9px;width:calc(100% - 42px)}.x-steps-horizontal .x-step .x-step-text{height:18px;left:0;top:0;width:42px;display:flex;justify-content:center;align-items:center}.x-steps-horizontal .x-step .x-step-main{margin-top:22px}.x-steps-vertical{flex-flow:column;height:100%}.x-steps-vertical .x-step{display:flex}.x-steps-vertical .x-step .x-step-head{flex-grow:0}.x-steps-vertical .x-step .x-step-head .x-step-line{height:calc(100% - 42px);left:9px;top:42px;width:1px}.x-steps-vertical .x-step .x-step-head .x-step-text{height:42px;left:0;top:0;width:18px;display:flex;align-items:center;justify-content:center}.x-steps-vertical .x-step .x-step-main{margin-left:22px;flex-grow:1}.x-steps-vertical .x-step .x-step-main .x-step-title{line-height:18px;margin-top:12px}