.ds-page .ds-mk-pipe{flex-direction:column;gap:16px;display:flex}.ds-page .ds-mk-pipe-track{position:relative}.ds-page .ds-mk-pipe-rail{top:22px;left:calc(50% / var(--n,1));right:calc(50% / var(--n,1));background:#ffffff1a;height:2px;position:absolute}.ds-page .ds-mk-pipe-rail .fill{background:var(--blue);transform-origin:0;transform:scaleX(var(--p,0));transition:transform .7s var(--ease);position:absolute;inset:0}.ds-page .ds-mk-pipe-rail .tok{top:50%;left:calc(var(--p,0) * 100%);background:var(--ember);width:14px;height:14px;transition:left .7s var(--ease);border-radius:50%;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 6px #ff7a452e}.ds-page .ds-mk-pipe.pre .ds-mk-pipe-rail .fill{transform:scaleX(0)}.ds-page .ds-mk-pipe-stops{gap:4px;display:flex;position:relative}.ds-page .ds-mk-pipe-stops button{min-width:0;min-height:44px;color:var(--t2);cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;padding:0 4px 6px;display:flex}.ds-page .ds-mk-pipe-stops .dot{border:1px solid var(--line-2);background:var(--night-raised);width:44px;height:44px;font-family:var(--mono);color:var(--t3);transition:transform .45s var(--spring), background .3s, border-color .3s, color .3s;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.ds-page .ds-mk-pipe-stops .l{color:var(--t1);font-size:13.5px;font-weight:600;line-height:1.25}.ds-page .ds-mk-pipe-stops .o{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t4);font-size:10px}.ds-page .ds-mk-pipe-stops button.past .dot{border-color:var(--blue);color:var(--blue-soft)}.ds-page .ds-mk-pipe-stops button[aria-selected=true] .dot{background:var(--ember);border-color:var(--ember);color:var(--night);transform:scale(1.08)}.ds-page .ds-mk-pipe-stops button:hover .dot{border-color:var(--blue-soft)}.ds-page .ds-mk-pipe-pane{background:var(--night-raised);border:1px solid var(--line-2);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.ds-page .ds-mk-pipe-rules{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ds-page .ds-mk-pipe-rules li{color:var(--t2);animation:dsMkPipeIn .5s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms);align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.ds-page .ds-mk-pipe-rules li>span:first-child{color:var(--blue-soft);flex:none}@keyframes dsMkPipeIn{0%{transform:translateY(8px)}to{transform:none}}.ds-page .ds-mk-pipe-src,.ds-page .ds-mk-pipe-note{margin:0}@media (max-width:640px){.ds-page .ds-mk-pipe-stops{flex-direction:column;gap:6px}.ds-page .ds-mk-pipe-stops button{text-align:left;flex-direction:row;align-items:center;gap:12px;padding:0}.ds-page .ds-mk-pipe-stops .l{flex:auto}.ds-page .ds-mk-pipe-rail{top:calc(50% / var(--n,1));bottom:calc(50% / var(--n,1));width:2px;height:auto;left:21px;right:auto}.ds-page .ds-mk-pipe-rail .fill{transform-origin:top;transform:scaleY(var(--p,0))}.ds-page .ds-mk-pipe.pre .ds-mk-pipe-rail .fill{transform:scaleY(0)}.ds-page .ds-mk-pipe-rail .tok{top:calc(var(--p,0) * 100%);transition:top .7s var(--ease);left:50%}}@media (prefers-reduced-motion:reduce){.ds-page .ds-mk-pipe-rail .fill,.ds-page .ds-mk-pipe-rail .tok,.ds-page .ds-mk-pipe-stops .dot{transition:none}.ds-page .ds-mk-pipe-rules li{animation:none}}