:root{--inactive-size:1px;--active-size:1px}.step-indicator{margin:0 auto;-ms-flex-direction:row;flex-direction:row}.step-indicator,.step-indicator .step:not(.first-step){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal}.step-indicator .step:not(.first-step){-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;-ms-flex-direction:row;flex-direction:row}.step-indicator .step:not(.first-step) .line-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.step-indicator .step:not(.first-step) .step-line{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:var(--charcoal-20);height:var(--inactive-size);border-radius:4px;margin-left:2px}.step-indicator .step .icon-wrapper{color:var(--charcoal-20)}.step-indicator .step.current .step-line{height:var(--active-size);background-color:var(--orange-web)}.step-indicator .step.current .icon-wrapper{color:var(--orange-web)}.step-indicator .step.valid .step-line{height:var(--inactive-size);background-color:var(--orange-web-40)}.step-indicator .step.valid .icon-wrapper{color:var(--orange-web-40)}.step-indicator .step.current.valid .step-line{height:var(--inactive-size);background-color:var(--orange-web-40)}.step-indicator .step.current.valid .icon-wrapper,.step-indicator .step:not(.current).valid>.icon-wrapper:hover{color:var(--orange-web)}.step-indicator .step:not(.current,.valid)>.icon-wrapper:hover{color:var(--charcoal-50)}.step-indicator.signup-design .step-line{opacity:0}.step-indicator .signup-design-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.step-indicator .signup-design-wrapper h4.title{font-size:12px!important}.step-indicator .signup-design-wrapper .step-number{opacity:.4}.step-indicator .signup-design-wrapper .step-number img{width:14px}.step-indicator .signup-design-wrapper.done .step-number{opacity:1}.step-indicator .current .signup-design-wrapper .step-number{opacity:1;color:var(--orange-web)}.first-enter-to .last-enter-to{position:absolute;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.first-enter,.first-leave-to{position:absolute;opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.last-enter,.last-leave-to{position:absolute;opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}.first-enter-active,.first-leave-active,.last-enter-active,.last-leave-active{-webkit-transition:all .2s ease;transition:all .2s ease}.mid-next-enter{position:absolute;opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}.mid-next-leave-to{position:absolute;opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.mid-next-enter-active,.mid-next-leave-active{-webkit-transition:all .2s ease;transition:all .2s ease}.mid-previous-enter{position:absolute;opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.mid-previous-leave-to{position:absolute;opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}.mid-previous-enter-active,.mid-previous-leave-active{-webkit-transition:all .2s ease;transition:all .2s ease}