.journey{justify-content:center;align-items:center;gap:10px;padding:6px 10px;display:flex}.journey-step{cursor:pointer;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch, var(--foreground,#eee) 72%, transparent);background:0 0;border:0;align-items:center;gap:7px;padding:4px 2px;font-size:.78rem;display:inline-flex}.journey-dot{background:color-mix(in oklch, var(--foreground,#eee) 30%, transparent);border-radius:0;width:7px;height:7px}.journey-step[data-state=current]{color:var(--brand,#0063fe);font-weight:700}.journey-step[data-state=current] .journey-dot{background:var(--brand,#0063fe);box-shadow:0 0 8px #0063feb3}.journey-step[data-state=done]:hover span{text-decoration:underline}.journey-step[data-state=todo]{opacity:.38;cursor:default}.journey-sep{background:color-mix(in oklch, var(--foreground,#eee) 18%, transparent);width:clamp(14px,3vw,34px);height:1px}@media (width<=640px){.journey{gap:6px}.journey-step span{font-size:.7rem}}