.controls{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.seg{border:1.5px solid;border-radius:999px;display:inline-flex;overflow:hidden}.seg button{min-height:40px;color:inherit;cursor:pointer;font-weight:500;font-size:var(--step--1);background:0 0;border:0;padding:0 14px;transition:background-color .25s,color .25s}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.card .seg button[aria-pressed=true]{background:var(--card-ink);color:var(--card-bg)}.seg button:focus-visible{outline-offset:-4px}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-svg text{font-family:var(--font)}.tooltip{pointer-events:none;background:var(--card-ink);color:var(--card-bg);font-size:var(--step--1);white-space:nowrap;z-index:2;border-radius:8px;padding:6px 10px;font-weight:500;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.legend{font-size:var(--step--1);color:var(--card-ink-2);flex-wrap:wrap;gap:8px 20px;display:flex}.legend .sw{vertical-align:middle;border-top:2px solid;width:22px;height:0;margin-right:8px;display:inline-block}.legend .sw.avg{color:var(--card-ink);border-top-width:3px}.legend .sw.ref{color:var(--white);border-top-style:dashed}.legend .sw.item{color:var(--grey-60)}.tile{flex-direction:column;gap:10px;text-decoration:none;display:flex}.tile:hover{border-color:var(--card-ink)}.tile h3{font-size:var(--step-0)}.tile .names{font-size:var(--step--1);color:var(--card-ink-2)}.card .button.secondary{color:var(--card-ink);border-color:var(--card-ink)}.card .select{color:var(--card-ink);border-color:var(--card-ink);background:var(--card-bg)}.card .select option{color:var(--black);background:var(--white)}@media (prefers-reduced-motion:reduce){.seg button,.board-row .bar,.board-ref .line .mark,.board-row{transition:none}}.seg-anim{position:relative}.seg-anim .seg-pill{background:var(--ink);border-radius:999px;transition:transform .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0}.card .seg-anim .seg-pill{background:var(--card-ink)}.seg-anim button{z-index:1;background:0 0;transition:color .3s;position:relative}.seg-anim button[aria-pressed=true]{color:var(--bg);background:0 0}.card .seg-anim button[aria-pressed=true]{color:var(--card-bg);background:0 0}.price-chart path,.basket path{transition:d .4s}@media (prefers-reduced-motion:reduce){.seg-anim .seg-pill,.seg-anim button,.mv-bar,.mv-label,.mv-value,.mv-ref,.mv-zero,.price-chart path,.basket path{transition:none}}.mv{flex-direction:column;gap:18px;display:flex}.mv-controls{flex-wrap:wrap;gap:12px;display:flex}.mv-card{background:var(--black);color:var(--white);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:clamp(18px,3vw,28px);display:flex}.mv-card .seg-anim{border-color:var(--grey-80);color:var(--white)}.mv-card .seg-anim .seg-pill{background:var(--white)}.mv-card .seg-anim button[aria-pressed=true]{color:var(--black)}.mv-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mv-title{font-size:var(--step-2);letter-spacing:-.02em;color:var(--white);margin:0;font-weight:700}.mv-sub{font-size:var(--step--1);color:var(--grey-40);max-width:none;margin:2px 0 0}.mv-asof{font-size:var(--step-1);color:var(--white);margin-top:10px}.mv-asof-label{font-size:var(--step--1);color:var(--grey-40);margin-right:6px}.mv-map{position:relative}.mv-scrub{opacity:0;cursor:ew-resize;height:100%;margin:0;position:absolute;top:0}.mv-scrub:focus-visible+*,.mv-map:focus-within{outline:3px solid var(--yellow);outline-offset:4px;border-radius:6px}.mv-hint{font-size:var(--step--1);color:var(--grey-60);max-width:none;margin:0}.mv-rows{margin-top:44px;padding-bottom:6px}.mv-track{flex-direction:column;gap:0;margin-inline:84px;display:flex;position:relative}.mv-zero{background:var(--grey-60);width:1px;transition:left .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:-28px;bottom:0}.mv-ref{border-left:1px dashed var(--white);opacity:.8;width:0;transition:left .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:-28px;bottom:0}.mv-ref-label{white-space:nowrap;font-size:var(--step--1);color:var(--white);font-weight:700;position:absolute;top:-22px;left:6px}.mv-row{height:26px;color:var(--white);border-radius:6px;text-decoration:none;display:block;position:relative}.mv-row:hover .mv-label,.mv-row:focus-visible .mv-label{text-decoration:underline}.mv-row:focus-visible{outline-offset:2px}.mv-label{font-size:var(--step--1);white-space:nowrap;padding:0 10px;transition:left .45s cubic-bezier(.2,.8,.2,1),right .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;transform:translateY(-50%)}.mv-row.pos .mv-label{text-align:right}.mv-bar{border-radius:4px;height:14px;transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),background-color .3s,opacity .3s;position:absolute;top:6px}.mv-row.pos .mv-bar{background:var(--red)}.mv-row.neg .mv-bar{background:var(--green)}.mv-row.stale .mv-bar{opacity:.45}.mv-value{font-size:var(--step--1);white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 8px;font-weight:700;transition:left .45s cubic-bezier(.2,.8,.2,1),right .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;transform:translateY(-50%)}.mv-stale{color:var(--grey-40);font-weight:400}@media (width<=600px){.mv-track{margin-inline:64px}.mv-row{height:24px}.mv-label,.mv-value{padding:0 6px;font-size:.78rem}.mv-bar{height:12px;top:6px}}
