.step-progress__wrapper[data-v-1bb78cc0]{width:90%;margin:0 auto;position:relative}.step-progress__wrapper-before[data-v-1bb78cc0]{content:"";position:absolute;left:0;top:50%;height:12px;width:100%;background-color:grey;-webkit-transform:translateY(-50%) perspective(1000px);transform:translateY(-50%) perspective(1000px)}.step-progress__wrapper-after[data-v-1bb78cc0]{content:"";position:absolute;left:0;top:50%;height:12px;width:100%;background-color:red;-webkit-transform:scaleX(0) translateY(-50%) perspective(1000px);transform:scaleX(0) translateY(-50%) perspective(1000px);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.step-progress__bar[data-v-1bb78cc0]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.step-progress__step[data-v-1bb78cc0]{z-index:2;position:relative;--activeColor:red;--canceledColor:red;--passiveColor:grey;--activeBorder:5px;--passiveBorder:5px}.step-progress__step span[data-v-1bb78cc0]{color:var(--passiveColor);-webkit-transition:.3s ease;transition:.3s ease;display:block;font-size:20px;-webkit-transform:translateZ(0) scale(1) perspective(1000px);transform:translateZ(0) scale(1) perspective(1000px);font-weight:900;text-align:center;opacity:1}@media (max-width:767px){.step-progress__step span[data-v-1bb78cc0]{font-size:28px}}.step-progress__step--active .step-progress__step-label[data-v-1bb78cc0],.step-progress__step--active span[data-v-1bb78cc0]{color:var(--activeColor)}.step-progress__step--active .step-progress__step-icon[data-v-1bb78cc0]{opacity:1}.step-progress__step--canceled .step-progress__step-label[data-v-1bb78cc0],.step-progress__step--canceled span[data-v-1bb78cc0]{color:var(--canceledColor)}.step-progress__step--canceled .step-progress__step-icon[data-v-1bb78cc0]{opacity:1}.step-progress__step--valid .step-progress__step-icon[data-v-1bb78cc0]{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) scale(1) perspective(1000px);transform:translate3d(-50%,-50%,0) scale(1) perspective(1000px)}.step-progress__step--valid span[data-v-1bb78cc0]{color:var(--activeColor);opacity:0;-webkit-transform:translateZ(0) scale(2) perspective(1000px);transform:translateZ(0) scale(2) perspective(1000px)}.step-progress__step--valid .step-progress__step-label[data-v-1bb78cc0]{color:var(--activeColor)}.step-progress__step[data-v-1bb78cc0]:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) perspective(1000px);transform:translate(-50%,-50%) perspective(1000px);width:50px;height:50px;background-color:#fff;border-radius:50%;border:var(--passiveBorder) solid var(--passiveColor);-webkit-transition:.3s ease;transition:.3s ease}@media (max-width:767px){.step-progress__step[data-v-1bb78cc0]:after{width:40px;height:40px}}.step-progress__step--active[data-v-1bb78cc0]:after,.step-progress__step--valid[data-v-1bb78cc0]:after{border:var(--activeBorder) solid var(--activeColor)}.step-progress__step--valid[data-v-1bb78cc0]:after{background-color:var(--activeColor)}.step-progress__step-label[data-v-1bb78cc0]{position:absolute;top:calc(100% + 25px);left:50%;-webkit-transform:translateX(-50%) perspective(1000px);transform:translateX(-50%) perspective(1000px);white-space:nowrap;font-size:14px;font-weight:600;color:grey;-webkit-transition:.3s ease;transition:.3s ease}.step-progress__step-icon[data-v-1bb78cc0]{font-size:18px;color:#fff;position:absolute;left:50%;top:50%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(0) perspective(1000px);transform:translate3d(-50%,-50%,0) scale(0) perspective(1000px)}@media (max-width:767px){.step-progress__step-icon[data-v-1bb78cc0]{font-size:22px}}