.steps{--steps-size:42px;--steps-line:3px;--steps-bg-color:#e4e4e4;--steps-color:#000;--steps-bg-color-active:#ff8e00;--steps-color-active:#fff;position:relative}.steps__nav{background:linear-gradient(var(--steps-bg-color) 0 0) no-repeat 50% calc((var(--steps-size) - var(--steps-line))*.5)/100% var(--steps-line);counter-reset:step;display:flex;justify-content:space-between;list-style:none;margin:0 0 1.5rem;overflow-x:auto;padding:0;scroll-behavior:smooth;scroll-snap-stop:always;scroll-snap-type:x mandatory;scrollbar-width:none}.steps__nav::-webkit-scrollbar{-webkit-appearance:none;display:none}.steps__nav-item{counter-increment:step;display:grid;flex:auto;font-size:1rem;font-weight:700;padding:0 20px;place-content:center;position:relative;scroll-snap-align:center}.steps__nav-item.is-hidden{counter-increment:step-1;display:none}.steps__nav-item:before{aspect-ratio:1/1;background-color:var(--steps-bg-color-active);border:5px solid #fff;border-radius:50%;color:var(--steps-color-active);content:counter(step) " ";display:grid;height:var(--steps-size);place-content:center;z-index:1}.steps__nav-item.is-active~.steps__nav-item:before{background-color:var(--steps-bg-color);color:var(--steps-color)}.steps__nav-item.is-active:after{background:var(--steps-bg-color-active);content:"";height:var(--steps-line);position:absolute;right:50%;top:calc((var(--steps-size) - var(--steps-line))*.5);width:100vw}.steps__nav-text{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.steps__back{align-items:center;display:flex;font-family:Signika,sans-serif;font-size:1rem;font-weight:700;gap:.5rem;justify-self:start;opacity:1;padding:.5rem 0;transition:opacity .2s}.steps__back:focus-visible .steps__prev-text,.steps__back:hover .steps__prev-text{border-bottom-color:currentColor}.steps__back:focus-visible .steps__icon,.steps__back:hover .steps__icon{translate:-4px 0}.steps__back.is-hidden{display:none;opacity:0}.steps__prev-text{border-bottom:1px solid transparent;line-height:1.2;transition:border-bottom-color .2s}.steps__icon{height:16px;transition:translate .2s ease-out;width:16px}.steps__step{display:none;opacity:0;transform:translateY(50px)}.steps__step.is-shown{display:block}.steps__step.is-active{opacity:1;transform:translateY(0);transition:opacity 1s cubic-bezier(.22,1,.36,1) .2s,transform 1s cubic-bezier(.22,1,.36,1) .2s}.steps__footer{align-items:center;display:flex;justify-content:space-between}.steps__footer .button{margin-left:auto;width:auto}.steps__footer-right{display:flex;flex-direction:column}