.pl-trace{--gutter:132px;--meta:92px;--pad:12px;--row:44px;container:trace/inline-size}@container trace (min-width:560px){.pl-trace-body{--gutter:168px;--meta:132px}}@container trace (min-width:760px){.pl-trace-body{--gutter:196px;--meta:184px}}.pl-fail{display:none}.pl-row[data-state=failed] .pl-fail,.pl-row[data-state=interrupted] .pl-fail,.pl-row[data-state=rejected] .pl-fail{display:inline-flex}.pl-track-box{left:calc(var(--gutter) + var(--pad));right:calc(var(--meta) + var(--pad));position:absolute}.pl-row{grid-template-columns:var(--gutter) minmax(0, 1fr) var(--meta);height:var(--row);padding-inline:var(--pad);align-items:center;transition:background-color .15s;display:grid;position:relative}.pl-row[data-state=running],.pl-row[data-state=awaiting]{background:#2b4bee0d}.pl-row[data-selected=true]{box-shadow:inset 3px 0 0 var(--color-ink);background:#0f1a300d}.pl-row[data-cited=true]{background:var(--color-trace-soft);box-shadow:inset 3px 0 0 var(--color-trace)}.pl-bar{min-width:3px;height:8px;top:50%;left:calc(var(--s) / var(--total) * 100%);width:calc((var(--e,var(--total)) - var(--s)) / var(--total) * 100%);border-radius:4px;position:absolute;overflow:hidden;translate:0 -50%}.pl-bar-ghost{background:#0f1a301a;position:absolute;inset:0}.pl-bar-fill{transform-origin:0;transform:scaleX(clamp(0, (var(--t) - var(--s)) / max(1, var(--e,var(--total)) - var(--s)), 1));background:var(--color-ink);position:absolute;inset:0}.pl-row[data-kind=node] .pl-bar{height:4px}.pl-row[data-kind=node] .pl-bar-fill{background:#0f1a3073}.pl-row[data-kind=model] .pl-bar-fill{background:var(--color-trace)}.pl-row[data-kind=approval] .pl-bar-fill{background-image:repeating-linear-gradient(45deg, var(--color-caution-mark) 0 3px, var(--color-caution-soft) 3px 6px)}.pl-row[data-state=cached] .pl-bar-fill{background:#0f1a304d}.pl-row[data-state=failed] .pl-bar-fill,.pl-row[data-state=interrupted] .pl-bar-fill,.pl-row[data-kind=approval][data-state=rejected] .pl-bar-fill{background:var(--color-alarm)}.pl-row[data-state=queued] .pl-label,.pl-row[data-state=skipped] .pl-label{color:var(--color-muted)}.pl-row[data-state=queued] .pl-meta{opacity:0}.pl-tick{left:calc(var(--tick) / var(--total) * 100%);position:absolute}.pl-gap{left:calc(var(--gs) / var(--total) * 100%);width:calc((var(--ge,var(--total)) - var(--gs)) / var(--total) * 100%)}.pl-playhead{inset-block:0;pointer-events:none;width:100%;transform:translateX(calc(min(var(--t), var(--total)) / var(--total) * 100%));position:absolute;left:0}.pl-marker{bottom:-5px;left:calc(var(--at) / var(--total) * 100%);position:absolute;translate:-50%}.pl-rail-fill{transform-origin:0;transform:scaleX(calc(min(var(--t), var(--total)) / var(--total)))}.pl-rail-thumb{transform:translateX(calc(min(var(--t), var(--total)) / var(--total) * 100%))}@container trace (max-width:479px){.pl-trace-body{--row:56px;--gutter:1fr;--meta:auto}.pl-row{grid-template-rows:1fr 14px;grid-template-columns:minmax(0,1fr) auto;padding-block:4px}.pl-row .pl-track{grid-area:2/1/auto/-1;height:14px}.pl-row .pl-meta{grid-area:1/2}.pl-track-box{left:var(--pad);right:var(--pad)}.pl-ruler,.pl-grid,.pl-playhead{display:none}}