.steps{padding:0;margin:0;list-style:none;display:flex;overflow-x:auto}.step{text-align:center;position:relative;flex-grow:1;min-width:5rem}.steps .step:first-child{margin-left:auto}.steps .step:last-child{margin-right:auto}.step:first-of-type .step-circle::before{display:none}.step:last-of-type .step-content{padding-right:0}.step-content{box-sizing:content-box;display:flex;align-items:center;flex-direction:column;font-size:15px}.step-circle{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.step-circle-text{position:relative;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;color:#adb5bd;font-size:1.1rem;font-weight:700;border:2px solid #adb5bd;border-radius:50%;background-color:#fff;z-index:1}.step-circle::before{content:"";display:block;position:absolute;top:50%;left:-2px;width:calc(68% + 4rem);height:2px;transform:translate(-50%,-50%);color:#adb5bd;background-color:currentColor}.step-text{color:#adb5bd;word-break:break-all;margin:.3em 1em}.step-active .step-circle-text{color:#fff;background-color:#eb144c;border-color:#eb144c}.step-active .step-circle-text::before{color:#eb144c}.step-active .step-circle::before{color:#eb144c}.step-active .step-text{color:#eb144c}.step-error .step-circle-text{color:#fff;background-color:#fe8401;border-color:#fe8401}.step-error .step-circle-text::before{color:#fe8401}.step-error .step-circle::before{color:#fe8401}.step-error .step-text{color:#fe8401}.step-success .step-circle-text{color:#eb144c;background-color:#fff;border-color:#eb144c}.step-success .step-circle-text::before{color:#eb144c}.step-success .step-circle::before{color:#eb144c}.step-success .step-text{color:#eb144c}