.ds-step-flow{gap:0;margin:0;padding:0;list-style:none;display:grid}.ds-step-flow__step{grid-template-columns:var(--ds-space-5) minmax(0,1fr);gap:var(--ds-space-3);padding-bottom:var(--ds-space-5);display:grid;position:relative}.ds-step-flow__step:not(:last-child):before{content:"";left:calc(var(--ds-space-5) / 2 - var(--ds-border-width));top:var(--ds-space-5);border-left:var(--ds-border-width) solid var(--line);position:absolute;bottom:0}.ds-step-flow__dot{z-index:1;box-sizing:border-box;width:var(--ds-space-5);height:var(--ds-space-5);border:var(--ds-border-width) solid var(--line);background:var(--soft);color:var(--muted);border-radius:50%;place-items:center;display:grid;position:relative}.ds-step-flow__step--complete>.ds-step-flow__dot{background:var(--ds-status-success-bg);color:var(--ds-status-success-ink);border-color:var(--ds-status-success-ink)}.ds-step-flow__step--current>.ds-step-flow__dot{background:var(--ds-status-info-bg);border-color:var(--ds-status-info-ink);box-shadow:0 0 0 var(--ds-space-1) var(--ds-status-info-bg)}.ds-step-flow__body{min-width:0;padding:var(--ds-space-2) var(--ds-space-3);border:var(--ds-border-width) solid transparent;border-radius:var(--ds-control-radius)}.ds-step-flow__step--current>.ds-step-flow__body{background:var(--panel);border-color:var(--control-line)}.ds-step-flow__step--upcoming>.ds-step-flow__body{color:var(--muted);opacity:.7}.ds-step-flow__heading{justify-content:space-between;align-items:center;gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.ds-step-flow__heading time{font-size:var(--font-compact);color:var(--muted)}.ds-step-flow__description{margin-top:var(--ds-space-2);line-height:var(--ds-line-body)}.ds-step-flow__actions{gap:var(--ds-space-2);margin-top:var(--ds-space-3);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.ds-step-flow *{scroll-behavior:auto}}.ds-step-flow.ds-step-flow--collapsible{margin:0;padding:0;list-style:none;display:grid}.ds-step-flow--collapsible .ds-step-flow__step{grid-template-columns:var(--ds-space-5) minmax(0,1fr);gap:var(--ds-space-3);padding-bottom:var(--ds-space-2);display:grid;position:relative}.ds-step-flow--collapsible .ds-step-flow__step:not(:last-child):before{content:"";left:calc(var(--ds-space-5) / 2 - .5px);top:calc(var(--ds-space-5) + 6px);border-left:var(--ds-border-width) solid var(--line);position:absolute;bottom:0}.ds-step-flow--collapsible .ds-step-flow__dot{z-index:1;box-sizing:border-box;width:var(--ds-space-5);height:var(--ds-space-5);margin-top:calc(var(--ds-space-1) * 1.5);border:1.5px solid var(--control-line);background:var(--panel);color:var(--muted);border-radius:50%;place-items:center;display:grid;position:relative}.ds-step-flow--collapsible .ds-step-flow__dot svg{width:12px;height:12px}.ds-step-flow--collapsible .ds-step-flow__step--complete>.ds-step-flow__dot{background:var(--ds-status-success-bg);border-color:var(--ds-status-success-ink);color:var(--ds-status-success-ink)}.ds-step-flow--collapsible .ds-step-flow__step--current>.ds-step-flow__dot{background:var(--info);border-color:var(--info);box-shadow:0 0 0 4px var(--ds-status-info-bg)}.ds-step-flow--collapsible .ds-step-flow__step--attention>.ds-step-flow__dot{background:var(--ds-status-warning-ink);border-color:var(--ds-status-warning-ink);box-shadow:0 0 0 4px var(--ds-status-warning-bg)}.ds-step-flow--collapsible .ds-step-flow__body{border:var(--ds-border-width) solid transparent;border-radius:var(--ds-control-radius);opacity:1;background:0 0;border-color:#0000;min-width:0}.ds-step-flow--collapsible .ds-step-flow__heading{align-items:center;gap:var(--ds-space-2);min-height:36px;padding:0 var(--ds-space-3);cursor:pointer;border-radius:var(--ds-control-radius);justify-content:normal;list-style:none;display:flex}.ds-step-flow--collapsible .ds-step-flow__heading::-webkit-details-marker{display:none}.ds-step-flow--collapsible .ds-step-flow__heading:hover{background:var(--soft)}.ds-step-flow--collapsible .ds-step-flow__heading:focus-visible{outline:var(--ds-focus-width) solid var(--info);outline-offset:var(--ds-focus-offset)}.ds-step-flow--collapsible .ds-step-flow__name{color:var(--ink);font-size:var(--font-shipper);font-weight:var(--ds-weight-strong)}.ds-step-flow--collapsible .ds-step-flow__step--upcoming .ds-step-flow__name{color:var(--muted);font-weight:var(--ds-weight-medium)}.ds-step-flow--collapsible .ds-step-flow__heading time{color:var(--muted);font-size:var(--font-compact);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.ds-step-flow--collapsible .ds-step-flow__heading:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);flex:none;width:7px;height:7px;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.ds-step-flow--collapsible .ds-step-flow__heading:has(time):after{margin-left:var(--ds-space-1)}.ds-step-flow--collapsible .ds-step-flow__body[open]>.ds-step-flow__heading:after{transform:translateY(2px)rotate(-135deg)}.ds-step-flow--collapsible .ds-step-flow__panel{gap:var(--ds-space-3);padding:var(--ds-space-1) var(--ds-space-3) var(--ds-space-3);flex-direction:column;display:flex}.ds-step-flow--collapsible .ds-step-flow__description{color:var(--ink-2);font-size:var(--font-body);line-height:var(--ds-line-body);margin:0}.ds-step-flow--collapsible .ds-step-flow__actions{gap:var(--ds-space-2);flex-wrap:wrap;margin-top:0;display:flex}.ds-step-flow--collapsible .ds-step-flow__body{color:var(--ink);padding:0}.ds-step-flow--collapsible .ds-step-flow__body[open]{background:var(--panel);border-color:var(--control-line)}.ds-step-flow--collapsible .ds-step-flow__heading{flex-wrap:nowrap}.ds-step-flow__heading>strong,.ds-step-flow__name,.ds-step-flow__description{word-break:keep-all;overflow-wrap:anywhere}:where(.ds-step-flow__description,.ds-step-flow__heading) :where(button,input,select,textarea,table,.ds-card,.ds-facts,.ds-badge){word-break:normal;overflow-wrap:normal}:where(.ds-step-flow__description,.ds-step-flow__heading) :where(textarea){overflow-wrap:break-word}