.xzx-steps{--xzx-steps-color-primary:var(--xzx-color-primary);--xzx-steps-color-primary-light:var(--xzx-color-primary-light);--xzx-steps-icon-size:var(--xzx-text-sm);--xzx-steps-icon-box-size:22px;--xzx-steps-icon-box-line-height:22px;--xzx-steps-line-margin-size:8px;--xzx-steps-content-min-height:32px;--xzx-steps-color-active:var(--xzx-gray-4);--xzx-steps-line-active:var(--xzx-gray-4);--xzx-steps-text-color-active:var(--xzx-text-gray-3);--xzx-steps-simple-dot-size:8px;display:flex}.xzx-steps.is-horizontal{justify-content:space-between}.xzx-steps.is-horizontal .xzx-step{align-items:center;flex-direction:column}.xzx-steps.is-horizontal .xzx-step .xzx-step__inner{height:1px;left:calc(50% + var(--xzx-steps-icon-box-size)/2 + var(--xzx-steps-line-margin-size));position:absolute;top:calc((var(--xzx-steps-icon-box-size) - 1px)/2);width:calc(100% - var(--xzx-steps-icon-box-size) - var(--xzx-steps-line-margin-size)*2)}.xzx-steps.is-horizontal .xzx-step .xzx-step__content{text-align:center}.xzx-steps.is-horizontal .xzx-step .xzx-step__icon{align-items:center}.xzx-steps.is-vertical{flex-direction:column}.xzx-steps.is-vertical .xzx-step{flex-direction:row}.xzx-steps.is-vertical .xzx-step .xzx-step__inner{height:calc(100% - var(--xzx-steps-icon-box-size) - var(--xzx-steps-line-margin-size)*2);left:calc((var(--xzx-steps-icon-box-size) - 1px)/2);position:absolute;top:calc(var(--xzx-steps-icon-box-size) + var(--xzx-steps-line-margin-size));width:1px}.xzx-steps.is-vertical .xzx-step .xzx-step__icon{justify-content:center;margin-right:8px}.xzx-steps.is-vertical .xzx-step .xzx-step__title{margin-top:0}.xzx-steps.is-vertical .xzx-step .xzx-step__content{margin-bottom:8px}.xzx-step{display:flex;position:relative;width:100%}.xzx-step:last-child .xzx-step__inner:before{display:none}.xzx-step.is-simple{--xzx-steps-line-margin-size:4px;--xzx-steps-content-min-height:16px}.xzx-step.is-simple .xzx-step__icon{background-color:unset}.xzx-step__icon{align-items:center;background-color:var(--xzx-steps-color-active);color:var(--xzx-steps-text-color-active);display:flex;font-size:var(--xzx-steps-icon-size);font-weight:var(--xzx-text-w-b);height:var(--xzx-steps-icon-box-size);justify-content:center;width:var(--xzx-steps-icon-box-size)}.xzx-step__dot,.xzx-step__icon{border-radius:var(--xzx-br-circle);flex-shrink:0}.xzx-step__dot{border:1px solid var(--xzx-steps-text-color-active);box-sizing:border-box;height:var(--xzx-steps-simple-dot-size);width:var(--xzx-steps-simple-dot-size)}.xzx-step__icon.is-custom{--xzx-steps-icon-size:var(--xzx-text-md);background-color:unset}.xzx-step__inner:before{background-color:var(--xzx-steps-line-active);content:"";height:100%;position:absolute;width:100%;z-index:1}.xzx-step__title{color:var(--xzx-steps-text-color-active);font-size:var(--xzx-text-sm);line-height:var(--xzx-text-lh-sm);margin-top:var(--xzx-steps-line-margin-size)}.xzx-step__extra{color:var(--xzx-text-gray-3);font-size:var(--xzx-text-mini);line-height:var(--xzx-text-mini);margin-top:calc(var(--xzx-steps-line-margin-size)/2);min-height:var(--xzx-steps-content-min-height)}.xzx-step.is-process{--xzx-steps-color-active:var(--xzx-steps-color-primary);--xzx-steps-text-color-active:var(--xzx-steps-color-primary)}.xzx-step.is-process .xzx-step__icon{color:var(--xzx-white-1)}.xzx-step.is-process .xzx-step__icon.is-custom{color:var(--xzx-steps-color-primary)}.xzx-step.is-process .xzx-step__dot{background-color:var(--xzx-steps-color-primary)}.xzx-step.is-process .xzx-step__title{font-weight:var(--xzx-text-w-sb)}.xzx-step.is-finish{--xzx-steps-color-active:var(--xzx-steps-color-primary-light);--xzx-steps-line-active:var(--xzx-steps-color-primary);--xzx-steps-text-color-active:var(--xzx-steps-color-primary)}.xzx-step.is-finish .xzx-step__title{color:var(--xzx-text-gray-1)}.xzx-step.is-error{--xzx-steps-color-primary-light:var(--xzx-error-1);--xzx-steps-color-primary:var(--xzx-color-danger);--xzx-steps-color-active:var(--xzx-steps-color-primary-light);--xzx-steps-text-color-active:var(--xzx-steps-color-primary)}.xzx-step.is-error .xzx-step__title{font-weight:var(--xzx-text-w-sb)}.xzx-step.is-error .xzx-step__dot{background-color:var(--xzx-steps-color-primary)}.xzx-step__wrapper{display:flex}