:root{--inactive-size:2px;--active-size:2px}.step-indicator-simple{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.step-indicator-simple .step{cursor:pointer;padding:8px 0;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.step-indicator-simple .step .step-line{height:var(--inactive-size);border-radius:4px;background-color:var(--charcoal-20)}.step-indicator-simple .step.current .step-line,.step-indicator-simple .step.current.valid .step-line{height:var(--active-size);background-color:var(--orange-web)}.step-indicator-simple .step.current.valid:hover>.step-line,.step-indicator-simple .step.current:hover>.step-line{background-color:var(--orange-web);-webkit-filter:brightness(120%);filter:brightness(120%)}.step-indicator-simple .step.valid .step-line{height:var(--inactive-size);background-color:var(--orange-web-40)}.step-indicator-simple .step:not(.current).valid:hover>.step-line{background-color:var(--orange-web)}.step-indicator-simple .step:not(.current,.valid):hover>.step-line{background-color:var(--charcoal-50)}.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}