.mcl{display:grid;gap:.75rem;--mcl-name: 14rem;--mcl-value: 6rem}.mcl-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.mcl-sort{margin:0;font-size:.78125rem;color:var(--viz-ink-muted)}.mcl-rows{list-style:none;margin:0;padding:0;display:grid;gap:2px}.mcl-row{--mark: var(--viz-neutral);display:grid;grid-template-columns:var(--mcl-name) minmax(0,1fr) var(--mcl-value);align-items:center;gap:.75rem;min-height:2.25rem;padding:0 .5rem;border-radius:.625rem;transition:background-color var(--viz-dur-micro) ease}.mcl-row:hover{background:var(--viz-wash)}.mcl-row[data-on=true]{--mark: var(--pbc-s1);background:color-mix(in oklab,var(--pbc-s1) 8%,transparent)}.mcl-row[data-muted=true]{opacity:.55}.mcl-name{display:grid;justify-items:start;gap:0;min-width:0;padding:.25rem 0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:6px}.mcl-name:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mcl-model{font-size:.8125rem;font-weight:550;color:var(--viz-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcl-detail{font-size:.6875rem;color:var(--viz-ink-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcl-row[data-on=true] .mcl-model{font-weight:650}.mcl-track{position:relative;height:1.25rem;background-image:linear-gradient(90deg,var(--pbc-baseline) 1px,transparent 1px)}.mcl-bar{position:absolute;top:.1875rem;right:0;bottom:.1875rem;left:0;border-radius:0 4px 4px 0;transform-origin:0 50%;transform:scaleX(var(--f, 0));background:color-mix(in oklab,var(--mark) 22%,transparent);box-shadow:inset 0 1.5px 0 var(--mark),inset 0 -1.5px 0 var(--mark);transition:transform var(--viz-dur-layout) var(--viz-ease-inout)}.mcl-end{position:absolute;top:.1875rem;right:0;bottom:.1875rem;left:0;transform:translate(calc((var(--f, 0) - 1) * 100%));transition:transform var(--viz-dur-layout) var(--viz-ease-inout);pointer-events:none}.mcl-cap{position:absolute;right:0;top:0;bottom:0;width:1.5px;border-radius:1px;background:var(--mark)}.mcl-row[data-on=true] .mcl-bar{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--mark) var(--viz-glow),transparent))}.mcl-spread{position:absolute;top:50%;height:1px;margin-top:-.5px;background:var(--viz-ink-muted)}.mcl-spread:before,.mcl-spread:after{content:"";position:absolute;top:-3px;width:1px;height:7px;background:var(--viz-ink-muted)}.mcl-spread:before{left:0}.mcl-spread:after{right:0}.mcl-value{text-align:right;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--viz-ink);white-space:nowrap}.mcl-row:not([data-on=true]) .mcl-value{font-weight:500;color:var(--viz-ink-muted)}.mcl-axis{display:grid;grid-template-columns:var(--mcl-name) minmax(0,1fr) var(--mcl-value);gap:.75rem;padding:0 .5rem}.mcl-ticks{position:relative;height:1rem;border-top:1px solid var(--pbc-baseline)}.mcl-tick{position:absolute;top:.25rem;transform:translate(-50%);font-size:var(--viz-tick-size);font-variant-numeric:tabular-nums;color:var(--fg-subtle, var(--viz-ink-muted));white-space:nowrap}.mcl-tick:first-child{transform:none}.mcl-tick:last-child{transform:translate(-100%)}.mcl-axis-unit{font-size:var(--viz-tick-size);color:var(--viz-ink-muted);text-align:right;padding-top:.25rem}.mcl-key{display:flex;flex-wrap:wrap;gap:.375rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.75rem;color:var(--viz-ink-muted)}.mcl-key li{display:inline-flex;align-items:center;gap:.5rem}.mcl-key-bar{width:1.25rem;height:.625rem;border-radius:0 3px 3px 0;box-shadow:inset 0 0 0 1.5px var(--pbc-s1);background:color-mix(in oklab,var(--pbc-s1) 16%,transparent)}.mcl-key-spread{position:relative;width:1.25rem;height:7px;background:linear-gradient(var(--viz-ink-muted),var(--viz-ink-muted)) center / 100% 1px no-repeat;border-inline:1px solid var(--viz-ink-muted)}@media (max-width: 639px){.mcl{--mcl-value: 4.75rem}.mcl-row{grid-template-columns:minmax(0,1fr) var(--mcl-value);grid-template-areas:"name value" "track track";row-gap:.125rem;padding:.375rem .5rem}.mcl-name{grid-area:name;min-height:2.75rem;align-content:center}.mcl-value{grid-area:value}.mcl-track{grid-area:track}.mcl-axis{grid-template-columns:minmax(0,1fr)}.mcl-ticks{height:2.75rem}.mcl-tick{line-height:1.25}.mcl-tick:nth-child(2n){top:1.5rem}.mcl-axis>.mcl-axis-pad:first-child{display:none}}.mcl[data-reveal=pending] .mcl-bar{transform:scaleX(0)}.mcl[data-reveal=pending] .mcl-end{transform:translate(-100%)}.mcl[data-reveal=pending] .mcl-value,.mcl[data-reveal=pending] .mcl-spread{opacity:0}.mcl[data-reveal=in] .mcl-bar,.mcl[data-reveal=in] .mcl-end{transition:transform var(--viz-dur-mark) var(--viz-ease-emph) calc(var(--viz-delay-marks) + min(var(--i, 0) * var(--viz-stagger-row),var(--viz-stagger-cap)))}.mcl[data-reveal=in] .mcl-value,.mcl[data-reveal=in] .mcl-spread{transition:opacity var(--viz-dur-ui) ease calc(var(--viz-delay-marks) + var(--viz-dur-mark) + min(var(--i, 0) * var(--viz-stagger-row),var(--viz-stagger-cap)))}@media (prefers-reduced-motion: reduce){.mcl *{transition:none!important}}@media (forced-colors: active){.mcl-bar{forced-color-adjust:none;background:Canvas;box-shadow:inset 0 0 0 1.5px CanvasText}.mcl-row[data-on=true] .mcl-bar{background:Highlight}.mcl-cap,.mcl-spread,.mcl-spread:before,.mcl-spread:after{forced-color-adjust:none;background:CanvasText}}