.qn7yZq_clock{border:1px solid var(--px-line);border-radius:var(--px-radius-m);background:var(--px-surface);margin-bottom:16px;padding:14px 18px 12px}.qn7yZq_head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:10px;display:flex}.qn7yZq_head h2{color:var(--px-ink);margin:0;font-size:15px;font-weight:600}.qn7yZq_legend{color:var(--px-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:12.5px;display:flex}.qn7yZq_legend span{align-items:center;gap:6px;display:inline-flex}.qn7yZq_legend i{border-radius:50%;width:8px;height:8px}.qn7yZq_dotLive{background:var(--px-live)}.qn7yZq_dotNext{background:var(--px-ink)}.qn7yZq_dotDone{background:var(--px-line-2)}.qn7yZq_track{padding-top:18px;position:relative}.qn7yZq_axis{height:16px;position:absolute;inset:0 0 auto}.qn7yZq_axis span{color:var(--px-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px;position:absolute;top:0;translate:-50%}.qn7yZq_axis span:first-child{translate:0}.qn7yZq_axis span:last-child{translate:-100%}.qn7yZq_lane{border-top:1px solid var(--px-line);height:54px;position:relative}.qn7yZq_mark{top:calc(8px + var(--row,0) * 9px);background:var(--px-ink);width:9px;height:9px;transition:transform .15s var(--px-ease);border-radius:50%;margin-left:-4.5px;position:absolute}.qn7yZq_mark[data-state=live]{background:var(--px-live);animation:1.8s ease-in-out infinite qn7yZq_pulse}.qn7yZq_mark[data-state=done]{background:var(--px-line-2)}.qn7yZq_mark:hover,.qn7yZq_mark:focus-visible{z-index:2;transform:scale(1.5)}.qn7yZq_now{border-left:1.5px solid var(--px-blue);width:0;position:absolute;top:-18px;bottom:0}.qn7yZq_now b{color:var(--px-blue);white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:-1px;left:4px}@keyframes qn7yZq_pulse{50%{opacity:.35}}@media (max-width:640px){.qn7yZq_clock{padding:12px 14px 10px}.qn7yZq_axis span:nth-child(2n){display:none}}@media (prefers-reduced-motion:reduce){.qn7yZq_mark{transition:none}.qn7yZq_mark[data-state=live]{animation:none}}.qn7yZq_clock[data-tone=night]{background:0 0;border:0;border-radius:0;margin:0;padding:0}.qn7yZq_clock[data-tone=night] .qn7yZq_head h2{color:#fff}.qn7yZq_clock[data-tone=night] .qn7yZq_legend,.qn7yZq_clock[data-tone=night] .qn7yZq_axis span{color:#9aa7cc}.qn7yZq_clock[data-tone=night] .qn7yZq_lane{border-top-color:#ffffff2a}.qn7yZq_clock[data-tone=night] .qn7yZq_dotNext,.qn7yZq_clock[data-tone=night] .qn7yZq_mark{background:#fff}.qn7yZq_clock[data-tone=night] .qn7yZq_dotDone,.qn7yZq_clock[data-tone=night] .qn7yZq_mark[data-state=done]{background:#5d6b94}.qn7yZq_clock[data-tone=night] .qn7yZq_mark[data-state=live],.qn7yZq_clock[data-tone=night] .qn7yZq_dotLive{background:#ff5a6e}.qn7yZq_clock[data-tone=night] .qn7yZq_now{border-left-color:var(--px-amber)}.qn7yZq_clock[data-tone=night] .qn7yZq_now b{color:var(--px-amber)}.qn7yZq_mark[data-result=won]{box-shadow:0 0 0 3px color-mix(in srgb, var(--px-win) 28%, transparent);background:var(--px-win)!important}.qn7yZq_mark[data-result=lost]{box-shadow:0 0 0 3px color-mix(in srgb, var(--px-loss) 28%, transparent);background:var(--px-loss)!important}.qn7yZq_mark[data-result=void]{background:#8b97b8!important}.qn7yZq_clock[data-tone=night] .qn7yZq_mark[data-result=won]{background:#2fd08f!important}.qn7yZq_clock[data-tone=night] .qn7yZq_mark[data-result=lost]{background:#ff6b7d!important}.qn7yZq_dotWon{background:var(--px-win)}.qn7yZq_dotLost{background:var(--px-loss)}.qn7yZq_clock[data-tone=night] .qn7yZq_dotWon{background:#2fd08f}.qn7yZq_clock[data-tone=night] .qn7yZq_dotLost{background:#ff6b7d}.qn7yZq_mark{position:absolute}.qn7yZq_mark:before{content:"";position:absolute;inset:-4px -10px}.qn7yZq_axis [data-hidden]{visibility:hidden}.qn7yZq_clock:not([data-tone=night]){border-radius:16px}