.journey{isolation:isolate;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:12px 0;display:grid;position:relative}.journey:before,.journey:after{content:"";background:var(--line);z-index:-1;height:2px;position:absolute;top:29px;left:10%;right:10%}.journey:after{transform-origin:0;transform:scaleX(var(--progress));transition:transform 1.2s var(--spring);background:linear-gradient(90deg,#ffb03d,#3dd6ff)}.journey-step{text-align:center;color:var(--dim);min-height:70px;padding:0 2px;font-size:11px;text-decoration:none}.journey-dot{border:1px solid var(--line);width:36px;height:36px;font:600 12px var(--mono);background:#111118;border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.journey-step.done{color:var(--fg)}.journey-step.done .journey-dot{color:#ffb03d;border-color:#ffb03d80}.journey-step.now{color:#fff}.journey-step.now .journey-dot{border-color:#3dd6ff;animation:3s ease-in-out infinite journey-breathe;box-shadow:0 0 22px #3dd6ff40}@keyframes journey-breathe{50%{box-shadow:0 0 28px #3dd6ff70}}.journey:after{transform:scaleX(0)}.journey.is-visible:after{transform:scaleX(var(--progress))}.journey.seen:after{transition:none}.journey-step.now .journey-dot{animation-play-state:paused}.journey-step.now .journey-dot.is-active{animation-play-state:running}