.stepper-content-anim-wrapper{position:relative;min-height:120px}.stepper-content-area{min-height:120px;margin:auto;width:100%;transition:opacity .35s;opacity:1}.stepper-content-area.animating{opacity:0}.horizontal-stepper{display:flex;align-items:flex-start;justify-content:center;margin:25px 0;height:85px}.step{flex-direction:column;cursor:pointer;position:relative;transition:color .3s,background .3s,transform .3s cubic-bezier(.4,0,.2,1)}.step,.step-index{display:flex;align-items:center}.step-index{width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#333;justify-content:center;font-weight:700;margin-bottom:6px;transition:background .3s,color .3s}.step-label-below{font-size:15px;font-weight:500;margin-top:2px;text-align:center;transition:color .3s;position:absolute;top:40px}.step-connector{width:100px;height:4px;background:#e0e0e0;border-radius:2px;margin:14px 0 0;transition:background .3s}.step.active .step-index{background:#1976d2;color:#fff}.step.completed .step-index{background:#43a047;color:#fff}.step.completed+.step-connector{background:#43a047}.step.active .step-label-below{color:#1976d2}.step.completed .step-label-below{color:#43a047}.step:not(.active):hover .step-index{background:#90caf9}.step:not(.active):hover .step-label-below{color:#90caf9}.step.active.completed .step-index{border:5px solid #1976d2}