.ui-steps{--dot:32px;--step-gap:44px;gap:var(--step-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ui-step{gap:18px;display:flex;position:relative}.ui-step:not(:last-child):before,.ui-step:not(:last-child):after{content:"";left:calc(var(--dot) / 2 - 1px);top:calc(var(--dot) / 2);width:2px;height:calc(100% + var(--step-gap));border-radius:2px;position:absolute}.ui-step:not(:last-child):before{background:color-mix(in srgb, var(--ui-strong) 12%, transparent)}.ui-step:not(:last-child):after{background:var(--ui-g-mark);transform:scaleY(var(--fill,0));transform-origin:50% 0}.ui-step-dot{z-index:1;width:var(--dot);height:var(--dot);background:var(--card-muted);color:var(--ui-t3);font-size:var(--tx-label);font-weight:var(--ui-bold,600);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background-color .3s ease-out,color .3s ease-out,box-shadow .3s ease-out;display:inline-flex;position:relative}.ui-step.is-on .ui-step-dot{background:var(--ui-g-mark);color:var(--check-ink,var(--accent-ink));box-shadow:0 0 16px color-mix(in srgb, var(--glow-green) calc(var(--glow-strength) * 110%), transparent)}.ui-step-t{opacity:.35;flex-direction:column;gap:8px;min-width:0;padding-top:3px;transition:opacity .4s ease-out,transform .4s ease-out;display:flex;transform:translateY(10px)}.ui-step.is-on .ui-step-t{opacity:1;transform:none}.ui-step-t .ui-h3,.ui-step-t .ui-text{margin:0}@media (min-width:1024px){.ui-steps{--steps-axis:x;--step-gap:40px;gap:var(--step-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ui-step{flex-direction:column;gap:20px}.ui-step:not(:last-child):before,.ui-step:not(:last-child):after{left:calc(var(--dot) / 2);top:calc(var(--dot) / 2 - 1px);width:calc(100% + var(--step-gap));height:2px}.ui-step:not(:last-child):after{transform:scaleX(var(--fill,0));transform-origin:0}.ui-step-t{padding-top:0}}@media (prefers-reduced-motion:reduce){.ui-steps *{transition:none!important}}