.pd{container-type:inline-size;margin-top:.875rem}.pd-sides{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem}.pd-side{display:inline-flex;align-items:baseline;gap:.4375rem;margin:0;font-size:.875rem;font-weight:600;color:var(--viz-ink)}.pd-key{align-self:center;width:.625rem;height:.625rem;border-radius:9999px;background:var(--mark);box-shadow:0 0 0 2px var(--pbc-surface)}.pd-side-tag{font-size:.75rem;font-weight:450;color:var(--viz-ink-muted)}.pd-rows{list-style:none;margin:.875rem 0 0;padding:0;display:grid;gap:.25rem}.pd-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr);grid-template-areas:"type vals" "mini mini";gap:.375rem 1rem;align-items:center;padding:.625rem .5rem;border-radius:.75rem;transition:background var(--viz-dur-micro) ease}.pd-row:hover{background:var(--viz-wash)}.pd-row+.pd-row{border-top:1px solid var(--viz-hairline)}@container (min-width: 560px){.pd-row{grid-template-columns:7rem auto minmax(8rem,1fr);grid-template-areas:"type vals mini"}}.pd-type{grid-area:type;font-size:.8125rem;color:var(--viz-ink-muted)}.pd-vals{grid-area:vals;display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .625rem}.pd-val{font-family:var(--pb-display, inherit);font-size:1.125rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--viz-ink)}.pd-val:before{content:"";display:inline-block;width:.4375rem;height:.4375rem;margin:0 .375rem .15em 0;border-radius:9999px;background:var(--mark);vertical-align:middle}.pd-delta{display:inline-flex;align-items:center;gap:.25rem;min-height:1.375rem;padding:0 .5rem;border-radius:9999px;border:1px solid var(--viz-hairline);font-size:.75rem;font-weight:600;color:var(--viz-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.pd-delta[data-same=true]{color:var(--viz-ink-muted);font-weight:550}.pd-mini{grid-area:mini;position:relative;height:1rem;margin:0 .375rem}.pd-mini-track{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--pbc-baseline)}.pd-mini-gap{position:absolute;top:50%;height:2px;margin-top:-1px;left:min(var(--xa),var(--xb));width:max(calc(var(--xa) - var(--xb)),calc(var(--xb) - var(--xa)));background:var(--viz-neutral);transform-origin:left center}.pd-mini-dot{position:absolute;top:50%;left:var(--xa);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:9999px;background:var(--pbc-s1);box-shadow:0 0 0 2px var(--pbc-surface)}.pd-mini-dot[data-side=b]{left:var(--xb);background:var(--pbc-s2)}.pd-mini-dot[data-merged=true]{width:12px;height:12px;margin:-6px 0 0 -6px;background:conic-gradient(var(--pbc-s1) 0 50%,var(--pbc-s2) 50% 100%)}.pd-note{margin-top:.75rem;font-size:.75rem;color:var(--fg-subtle)}.viz-figure[data-reveal=pending] .pd-mini-dot{opacity:0;transform:scale(.5)}.viz-figure[data-reveal=pending] .pd-mini-gap{transform:scaleX(0)}.viz-figure[data-reveal=in] .pd-mini-dot{transition:opacity var(--viz-dur-ui) ease,transform var(--viz-dur-mark) var(--viz-ease-emph);transition-delay:calc(var(--viz-delay-marks) + var(--i, 0) * var(--viz-stagger-row))}.viz-figure[data-reveal=in] .pd-mini-dot[data-side=b]{transition-delay:calc(var(--viz-delay-marks) + var(--viz-delay-interval) + var(--i, 0) * var(--viz-stagger-row))}.viz-figure[data-reveal=in] .pd-mini-gap{transition:transform var(--viz-dur-interval) var(--viz-ease-emph) calc(var(--viz-delay-marks) + var(--i, 0) * var(--viz-stagger-row))}@media (prefers-reduced-motion: reduce){.pd *{transition:none!important;animation:none!important}}@media (forced-colors: active){.pd-mini-dot,.pd-key,.pd-val:before{forced-color-adjust:none;background:CanvasText}.pd-mini-dot[data-side=b]{background:Canvas;box-shadow:inset 0 0 0 2px CanvasText}.pd-mini-track,.pd-mini-gap{forced-color-adjust:none;background:GrayText}}