.ys-rail{--ys-pitch:calc((100% - 3 * 1rem) / 4 + 1rem)}.ys-rail__fill,.ys-rail__line{top:0;left:27px;height:2px;transform:translateY(-1px);border-radius:2px}.ys-rail__line{width:calc(3 * var(--ys-pitch));background:#cdd5dc}.ys-rail__fill{width:0;background:linear-gradient(90deg,#0a7f99,#27cfdd);transition:width .42s cubic-bezier(.2,.7,.2,1)}.ys-rail__fill--on{width:calc(var(--ys-at, 0) * var(--ys-pitch))}.ys-node{display:block;width:14px;height:14px;border-radius:9999px;border:2px solid #cdd5dc;background:#ffffff;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.ys-stage:hover .ys-node{border-color:#9fb0bd}.ys-node--on,.ys-stage:hover .ys-node--on{border-color:#0a7f99;background:#0a7f99;box-shadow:0 0 0 5px rgba(39,207,221,.22)}.ys-step:not(.ys-step--door):before{content:"";position:absolute;top:22px;bottom:-22px;left:21px;width:2px;background:#cdd5dc}.ys-step:nth-last-child(2):before{background:linear-gradient(180deg,#cdd5dc,#27cfdd)}@media (min-width:768px){.ys-step:not(.ys-step--door):before{top:26px;bottom:-26px;left:25px}}.ys-step__node--door{color:#ffffff;background:linear-gradient(135deg,#086d85,#0a7f99 52%,#2cd2df);box-shadow:0 0 0 6px rgba(39,207,221,.18)}.ys-panel{scroll-margin-top:24px}@keyframes ys-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ys-picked .ys-panel:not([hidden]) .ys-step{animation:ys-step-in .42s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 55ms)}@media (prefers-reduced-motion:reduce){.ys-picked .ys-panel:not([hidden]) .ys-step{animation:none}.ys-node,.ys-rail__fill{transition:none}}