.race{--row:46px;--race-lead:var(--primary);--race-bar:color-mix(in oklab, var(--foreground) 15%, transparent);min-width:0}.race-head{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.race-field{position:relative;overflow:hidden}.race-row{height:var(--row);align-items:center;gap:10px;display:flex;position:absolute;inset:0 0 auto}.race-art{object-fit:cover;background:var(--muted);border-radius:5px;flex:none;width:26px;height:39px}.race-lane{flex:1;min-width:0}.race-name{font-size:calc(13px * var(--font-scale,1));white-space:nowrap;text-overflow:ellipsis;line-height:17px;display:block;overflow:hidden}.race-line{height:16px;margin-right:64px;position:relative}.race-track{border-radius:99px;position:absolute;inset:4px 0;overflow:hidden}.race-bar{background:var(--race-bar);border-radius:99px;position:absolute;inset:0}.race-bar b{background:var(--race-lead);opacity:0;transition:opacity var(--dur-move) var(--ease-out);border-radius:99px;position:absolute;inset:0}.race-row.is-lead .race-bar b{opacity:1}.race-end{pointer-events:none;position:absolute;inset:0}.is-running :is(.race-row,.race-bar,.race-end){will-change:transform}.race-end span{font-size:calc(12px * var(--font-scale,1));white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted-foreground);line-height:16px;position:absolute;top:0;left:8px}.race-row.is-lead .race-end span{color:var(--foreground)}.race-foot{align-items:center;gap:10px;margin-top:10px;display:flex}.race-play{width:28px;height:28px;color:var(--foreground);background:color-mix(in oklab, var(--foreground) 9%, transparent);border-radius:99px;flex:none;place-items:center;display:grid}.race-scale{flex:1;min-width:0;position:relative}.race-months{font-size:calc(11px * var(--font-scale,1));color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:1px;display:flex}.race-scrub{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:20px;margin:0;display:block}.race-scrub::-webkit-slider-runnable-track{background:color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:99px;height:3px}.race-scrub::-moz-range-track{background:color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:99px;height:3px}.race-scrub::-webkit-slider-thumb{appearance:none;background:var(--foreground);border:0;border-radius:99px;width:12px;height:12px;margin-top:-4.5px}.race-scrub::-moz-range-thumb{background:var(--foreground);border:0;border-radius:99px;width:12px;height:12px}.race-scrub:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}@media (max-width:480px){.race{--row:42px}.race-art{width:24px;height:36px}}.stream{touch-action:pan-y;position:absolute;inset:0}.stream svg{width:100%;height:100%;display:block}.stream-at{pointer-events:none;position:absolute;inset:0}.stream-at i{background:color-mix(in oklab, var(--foreground) 34%, transparent);width:1px;position:absolute;inset:0 auto 0 0}.heat{touch-action:pan-y;position:relative}.heat svg{width:100%;height:auto;display:block;overflow:visible}.heat-0{fill:color-mix(in oklab, var(--foreground) 7%, transparent)}.heat-1{fill:color-mix(in oklab, var(--primary) 34%, transparent)}.heat-2{fill:color-mix(in oklab, var(--primary) 56%, transparent)}.heat-3{fill:color-mix(in oklab, var(--primary) 78%, transparent)}.heat-4{fill:var(--primary)}.heat-at{fill:none;stroke:var(--foreground);stroke-width:1px}.heat-months{height:16px;font-size:calc(11px * var(--font-scale,1));color:var(--muted-foreground);line-height:14px;position:relative}.heat-months span{position:absolute;top:0}.heatmap{flex-direction:column;flex:1;display:flex;container-type:inline-size}.heatmap .heat-months{margin-top:auto}.heatmap .heat{margin-bottom:auto}@container (width<=440px){.heat-months span:nth-child(2n){display:none}}.heat-key{align-items:center;gap:4px;display:flex}.heat-key svg{width:10px;height:10px}.waffle{flex:none;grid-template-columns:repeat(10,1fr);gap:2px;width:70px;height:70px;display:grid}.waffle i{background:color-mix(in oklab, var(--foreground) 11%, transparent);border-radius:1.5px}.waffle i.on{background:var(--tint,var(--primary))}