.dtrace{--dtrace-marker: var(--space-xl);--dtrace-chrome: calc(var(--target-min) + var(--space-s) * 2 + var(--border-active));--dtrace-offset: var(--dtrace-chrome);display:flex;flex-direction:column;gap:var(--space-m);min-inline-size:0}.dtrace__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-s) var(--space-m)}.dtrace__count{margin:0;color:var(--ink-muted)}.dtrace__count-current{display:inline-block;min-inline-size:calc(var(--dtrace-digits, 1) * 1ch);color:var(--ink-primary);text-align:end}.dtrace__count-total{white-space:nowrap}.dtrace__list{display:flex;margin:0;padding:0;min-inline-size:0;contain:inline-size}.dtrace__step{position:relative;display:flex;min-inline-size:0;flex:0 0 auto}.dtrace__step:before,.dtrace__step:after{position:absolute;z-index:var(--layer-base);content:""}.dtrace__step:before{background-color:var(--line-hairline)}.dtrace__step:after{background-color:var(--accent-brass-trim)}.dtrace__step[data-state=passed]:after,.dtrace__step[data-state=current]:after{animation:dtrace-advance var(--motion-step) var(--ease-out) both}.dtrace__step[data-state=pending]:after{scale:0 0}.dtrace__link{display:flex;min-block-size:var(--target-min);flex:1 1 auto;align-items:center;gap:var(--space-sm);min-inline-size:0;padding-block:var(--space-s);color:var(--ink-secondary);text-decoration:none;transition:color var(--motion-instant) var(--ease-out)}a.dtrace__link:hover,.dtrace__step[data-state=current] .dtrace__link{color:var(--ink-primary)}.dtrace__title{min-inline-size:0}.dtrace__beat{display:flex;align-items:baseline;gap:var(--space-s);border-block-start:var(--border-hairline) solid var(--line-hairline);margin:0;padding-block:var(--space-sm) var(--space-xs);color:var(--ink-muted)}.dtrace__beat-none{inline-size:var(--space-m);flex:0 0 auto}.dtrace__beat-name{margin-inline-end:0}.dtrace__marker{position:relative;z-index:var(--layer-raised);display:grid;inline-size:var(--dtrace-marker);block-size:var(--dtrace-marker);flex:0 0 auto;place-items:center;border:var(--border-hairline) solid var(--line-strong);border-radius:var(--radius-xs);background-color:var(--bg-ground);color:var(--ink-muted);transition:background-color var(--motion-instant) var(--ease-out),border-color var(--motion-instant) var(--ease-out),color var(--motion-instant) var(--ease-out)}.dtrace__step[data-state=passed] .dtrace__marker{border-color:var(--accent-brass-trim);color:var(--ink-secondary)}.dtrace__step[data-state=current] .dtrace__marker{border-color:var(--ink-primary);background-color:var(--ink-primary);color:var(--bg-ground)}.dtrace__marker:after{position:absolute;z-index:var(--layer-base);inset:0;border:var(--border-active) solid var(--accent-brass-trim);border-radius:var(--radius-xs);opacity:0;content:""}.dtrace__step[data-glow] .dtrace__marker:after{animation:dtrace-afterglow var(--motion-afterglow) var(--ease-out) both}.dtrace__readout{display:grid;padding:var(--space-m);border:var(--border-hairline) solid var(--line-hairline);border-block-start:var(--border-active) solid var(--accent-brass-trim);border-radius:var(--radius-m);background-color:var(--bg-inset)}.dtrace__detail{grid-area:1 / 1;min-inline-size:0;visibility:hidden}.dtrace__detail:not([aria-hidden]){visibility:visible}.dtrace__detail-text{margin:0;color:var(--ink-secondary)}.dtrace__meta{display:flex;flex-direction:column;gap:var(--space-2xs);margin:var(--space-s) 0 0;color:var(--ink-muted)}.dtrace__meta-line{align-self:start}.dtrace__list{flex-direction:column}.dtrace__step{flex-direction:column;align-items:stretch}.dtrace__step:before,.dtrace__step:after{inset-block:0;inset-inline-start:calc(var(--dtrace-marker) / 2);translate:-50% 0}.dtrace__step:before{inline-size:var(--border-hairline)}.dtrace__step:after{inline-size:var(--border-signature);transform-origin:center top}.dtrace__link{align-items:flex-start;padding-inline-end:var(--space-s)}.dtrace__marker{margin-block-start:calc((var(--space-l) - var(--dtrace-marker)) / 2)}.dtrace__beat{margin-inline-start:calc(var(--dtrace-marker) + var(--space-sm))}.dtrace__readout{margin-inline-start:calc(var(--dtrace-marker) / 2 - var(--border-signature) / 2)}@media(min-width:900px){.dtrace[data-sticky=true]{position:sticky;z-index:var(--layer-sticky);inset-block-start:var(--dtrace-offset);max-block-size:calc(100dvh - var(--dtrace-offset) - var(--space-xl));overflow-y:auto;padding-inline:var(--space-xs);padding-block:var(--space-xs)}}@media(max-width:899.98px){.dtrace[data-sticky=true][data-scrubbable=true]{position:sticky;z-index:var(--layer-sticky);inset-block-start:var(--dtrace-offset);gap:var(--space-s);padding-block:var(--space-s) 0;border-block-end:var(--border-hairline) solid var(--line-hairline);background-color:var(--bg-ground)}.dtrace[data-sticky=true][data-scrubbable=true] .dtrace__list{flex-direction:row;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;gap:var(--space-m);border-block-end:var(--border-hairline) solid var(--line-hairline)}@media(prefers-reduced-motion:reduce){.dtrace[data-sticky=true][data-scrubbable=true] .dtrace__list{scroll-behavior:auto}}.dtrace[data-sticky=true][data-scrubbable=true] .dtrace__step{flex-direction:row;align-items:center}.dtrace[data-sticky=true][data-scrubbable=true] .dtrace__step:before{block-size:0}.dtrace[data-sticky=true][data-scrubbable=true] .dtrace__step:after{inset-inline:0;inset-block:auto 0;inline-size:auto;block-size:var(--border-active);translate:none;transform-origin:left bottom}.dtrace[data-sticky=true][data-scrubbable=true] .dtrace__link{align-items:center;padding-inline-end:0;white-space:nowrap}.dtrace[data-sticky=true][data-scrubbable=true] .dtrace__marker{margin-block-start:0}.dtrace[data-sticky=true][data-scrubbable=true] .dtrace__beat,.dtrace[data-sticky=true][data-scrubbable=true] .dtrace__readout{display:none}}@keyframes dtrace-advance{0%{scale:calc(1 - var(--motion-travel)) calc(1 - var(--motion-travel))}to{scale:1 1}}@keyframes dtrace-afterglow{0%{opacity:1}to{opacity:0}}@media print{.dtrace[data-sticky=true]{position:static;max-block-size:none;overflow:visible}.dtrace__readout{display:flex;flex-direction:column;gap:var(--space-m)}.dtrace__detail{grid-area:auto;visibility:visible}}