.step-nav{display:flex;flex-wrap:wrap;gap:8px}.step-wrapper{width:88px;position:relative}.step-label{width:74px;height:28px;background:#d3d3d3;color:#555;font-size:14px;font-weight:600;line-height:28px;text-align:center;margin:0 auto;transition:background-color .2s ease,color .2s ease}.step-label::after{content:"";position:absolute;top:27px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #d3d3d3;transition:border-top-color .2s ease}.step-bottom{position:relative;margin-top:18px;height:24px}.step-circle{position:absolute;left:16px;top:0;width:18px;height:18px;background:#d9d9d9;border:2px solid #c8c8c8;border-radius:50%;transition:background-color .2s ease,border-color .2s ease}.step-circle::before{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;background:#f2f2f2;border-radius:50%;transition:background-color .2s ease}.step-line{position:absolute;left:42px;top:9px;width:42px;height:2px;background:#ddd;transition:background-color .2s ease}.step-button{display:block;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit;appearance:none}.step-button::after{content:"";background:transparent;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.step-button:focus{outline:0!important}.step-button:focus::after{outline:2.5px solid var(--vi-ie-focus,#0d3360)!important;outline-offset:3px}.step-wrapper.is-active .step-label{background:#0057b8;color:#fff}.step-wrapper.is-active .step-label::after{border-top-color:#0057b8}.step-wrapper.is-active .step-circle{background:#0057b8;border-color:#003d82}.step-wrapper.is-active .step-circle::before{background:#4d8fdc}.step-wrapper.is-active .step-line{background:#0057b8}.step-timer-button{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;background:#0057b8;color:#fff;border:0;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.step-timer-button:hover{background:#003d82}.step-timer-button__ring{--progress:0deg;position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex:0 0 auto;background:conic-gradient(#fff var(--progress),rgba(255,255,255,.25) 0deg);transition:background .1s linear}.step-timer-button__icon{position:relative;z-index:1;display:none;align-items:center;justify-content:center;width:16px;height:16px;color:#0057b8}.step-timer-button__icon svg{fill:currentColor}.step-timer-button__icon--play{display:flex}.step-timer-button[data-timer-running="true"] .step-timer-button__icon--play{display:none}.step-timer-button[data-timer-running="true"] .step-timer-button__icon--pause{display:flex}.step-timer-button__label{font-variant-numeric:tabular-nums}.step-icon{position:relative;display:flex;align-items:center;justify-content:center;margin-top:18px;height:24px;color:#8c8c8c;transition:color .2s ease}.step-icon svg{fill:currentColor}.step-wrapper:hover .step-icon{color:#0057b8}