[data-tone=dark]{--steps-strong:var(--color-on-dark);--steps-muted:var(--color-on-dark-muted)}div.step-panel{gap:var(--space-4);flex-direction:column;min-inline-size:0;display:flex}div.step-panel>.title{color:var(--steps-strong);font-family:var(--font-heading);font-weight:var(--weight-heading)}div.step-panel>.bars,div.step-panel>.code,div.step-panel>.flow,div.step-panel>.ticket>.chain{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}div.step-panel>.bars>li,div.step-panel>.code>li,div.step-panel>.tiles>div,div.step-panel>.ticket,div.step-panel>.flow>li>.node{padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);background-color:var(--fill-recessed)}div.step-panel>.bars>li,div.step-panel>.code>li{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}div.step-panel>.bars>li>.name{flex-direction:column;flex:100%;min-inline-size:0;display:flex}div.step-panel>.code>li>.label{flex:1}div.step-panel>.code>li>.label,div.step-panel>.ticket>.head>.name,div.step-panel>.bars>li>.name>.label,div.step-panel>.flow>li>.node>.label{color:var(--steps-strong);font-weight:var(--weight-emphasis)}div.step-panel>.bars>li>.name>.line,div.step-panel>.flow>li>.node>.line,div.step-panel>.ticket>.meta,div.step-panel>.tiles>div>dt{color:var(--steps-muted);font-size:var(--text-small);line-height:var(--text-small-leading)}div.step-panel>.bars>li>.track{block-size:var(--space-2);border-radius:var(--radius-pill);background-color:var(--fill-quiet);flex:1;display:block;overflow:hidden}div.step-panel>.bars>li>.track>.fill{background-color:var(--mark-emphasis);block-size:100%;transform:scaleX(var(--share));transform-origin:0;display:block}@media (width>=48rem){div.step-panel>.bars>li{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;display:grid}}div.step-panel>.code>li>code{color:var(--steps-strong);font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-label);overflow-wrap:anywhere;flex:100%;order:1}div.step-panel>.scroll{overflow-x:auto}div.step-panel>.scroll:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}div.step-panel>.scroll>table{border-collapse:collapse;inline-size:100%;font-size:var(--text-small);line-height:var(--text-small-leading);white-space:nowrap}div.step-panel>.scroll>table th,div.step-panel>.scroll>table td{padding:var(--space-2) var(--space-3);text-align:start}div.step-panel>.scroll>table th{border-block-end:var(--line-width) solid var(--edge-control);color:var(--steps-muted);font-weight:var(--weight-emphasis)}div.step-panel>.scroll>table td{color:var(--steps-strong)}div.step-panel>.scroll>table code{font-family:var(--font-mono);font-weight:var(--weight-label)}div.step-panel>.scroll>table .marked{align-items:center;gap:var(--space-1);display:inline-flex}div.step-panel>.tiles{gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}div.step-panel>.tiles>div{flex:1 1 var(--space-8);flex-direction:column;display:flex}div.step-panel>.tiles>div>dd{color:var(--steps-strong);font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-heading);line-height:var(--text-h3-leading);letter-spacing:var(--text-h3-tracking);order:-1;margin:0}div.step-panel>.ticket{gap:var(--space-3);flex-direction:column;display:flex}div.step-panel>.ticket>.head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}div.step-panel>.ticket>.chain,div.step-panel>.flow{flex-flow:wrap;align-items:center}div.step-panel>.flow>li,div.step-panel .chain>li{align-items:center;gap:var(--space-2);color:var(--steps-muted);display:flex}div.step-panel>.ticket>.chain>li>.state{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:var(--line-width) solid var(--edge-control);border-radius:var(--radius-pill);color:var(--steps-strong);font-size:var(--text-small);line-height:var(--text-small-leading);display:inline-flex}div.step-panel>.ticket>.chain>li>.state[data-state=done]{border-color:var(--fill-strong);background-color:var(--fill-strong);color:var(--fill-strong-on)}div.step-panel>.ticket>.chain>li>.state[data-state=now]{border-color:var(--mark-emphasis);background-color:var(--mark-emphasis);color:var(--mark-emphasis-on);font-weight:var(--weight-emphasis)}div.step-panel>.flow>li>.node{gap:var(--space-1);color:var(--steps-strong);flex-direction:column;display:flex}div.step-panel>.flow,div.step-panel>ol.flow>li{flex-direction:column;align-items:stretch}div.step-panel>.flow>li>.icon:last-child{align-self:center;transform:rotate(90deg)}@media (width>=48rem){div.step-panel>.flow{flex-direction:row;align-items:stretch}div.step-panel>ol.flow>li{flex-direction:row;flex:1;align-items:center}div.step-panel>.flow>li>.node{flex:1}div.step-panel>.flow>li>.icon:last-child{transform:none}}