.pt-leg{--leg-old:#efefef;--leg-new-top:#f9d9c3;--leg-new-foot:#fcece1;--leg-ease:cubic-bezier(.2, .8, .2, 1);font-family:var(--font-sans);color:var(--color-graphite-950);flex-direction:column;justify-content:center;gap:8px;padding:24px 32px 8px;display:flex;position:absolute;inset:0}.pt-leg .pt-lane{background:var(--background);border-radius:var(--radius-xl);flex-direction:column;gap:10px;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #0a0a0a17,0 1px 1px #0a0a0a08,0 2px 5px -1px #0a0a0a0d,0 6px 12px -6px #0a0a0a14}.pt-leg .pt-road{flex-direction:row;align-items:center;gap:16px;padding:10px 12px 10px 14px}.pt-leg .pt-arch{flex:none;gap:8px;padding:12px 14px}.pt-leg .pt-lane-t{font-size:var(--text-ds-xs);font-weight:var(--font-weight-medium);line-height:var(--text-ds-xs--line-height);color:var(--foreground);flex:none}.pt-leg .pt-rels,.pt-leg .pt-cols{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.pt-leg .pt-road .pt-rels{flex:1;gap:4px}.pt-leg .pt-rel{height:22px;font-size:var(--text-ds-2xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:var(--text-ds-2xs--line-height);color:var(--muted-foreground);background:var(--muted);border-radius:var(--radius-md);place-items:center;display:grid}.pt-leg .pt-rel.now{color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border-strong)}.pt-leg .pt-rel.next{color:var(--muted-icon);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.pt-leg .pt-cols{flex:none;align-items:end;height:84px}.pt-leg .pt-col{flex-direction:column;height:100%;display:flex}.pt-leg .pt-col .old{background:var(--leg-old);transform-origin:bottom;border-radius:5px;flex:1}.pt-leg .pt-col .new{height:var(--s);background:linear-gradient(180deg, var(--leg-new-top), var(--leg-new-foot));transform-origin:bottom;border-radius:5px;margin-top:8px}.pt-leg .pt-col.solo .new{display:none}.pt-leg .pt-col.next{opacity:.4}.pt-leg .pt-key{font-size:var(--text-ds-xs);font-weight:var(--font-weight-normal);line-height:var(--text-ds-xs--line-height);color:var(--muted-foreground);gap:24px;margin-top:6px;display:flex}.pt-leg .pt-key span{align-items:center;gap:6px;display:inline-flex}.pt-leg .pt-key i{background:var(--leg-old);border-radius:2px;width:9px;height:9px;display:inline-block}.pt-leg .pt-key i.new{background:var(--leg-new-top)}@media (prefers-reduced-motion:no-preference){.pt-leg,.pt-leg .pt-rels,.pt-leg .pt-cols{transition:opacity .7s}.pt-leg .pt-lane{animation:pt-leg-in .84s var(--leg-ease) both}.pt-leg .pt-arch{animation-delay:.168s}.pt-leg .pt-rel{animation:pt-leg-soft .84s var(--leg-ease) calc(var(--i) * .126s) both}.pt-leg .pt-col .old{animation:pt-leg-grow 1.12s var(--leg-ease) calc(.28s + var(--i) * 98ms) both}.pt-leg .pt-col .new{animation:pt-leg-grow 1.26s var(--leg-ease) calc(.42s + var(--i) * .154s) both}.pt-leg .pt-key{animation:pt-leg-in .84s var(--leg-ease) 1.26s both}}.pt-leg.out,.pt-leg.out .pt-rels,.pt-leg.out .pt-cols{opacity:0}.pt-leg[data-paused] *,.pt-leg[data-paused] :before,.pt-leg[data-paused] :after{animation-play-state:paused}@keyframes pt-leg-in{0%{opacity:0;filter:blur(6px);translate:0 6px}to{opacity:1;filter:none;translate:none}}@keyframes pt-leg-soft{0%{opacity:0;filter:blur(8px);scale:.92}to{opacity:1;filter:none;scale:1}}@keyframes pt-leg-grow{0%{transform:scaleY(0)}}